/* CasinoInn v1.7 mobile-only optimization layer.
   Every visual rule in this file is scoped to tablet/mobile widths so desktop is untouched. */

@media (max-width: 930px) {
  html,body{max-width:100%;overflow-x:hidden}
  .ci-shell{width:min(calc(100% - 28px),1320px)}

  /* Header / navigation */
  .ci-site-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .ci-primary-nav{max-height:calc(100dvh - 116px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .ci-primary-menu a{min-height:46px!important;padding:0 14px!important;font-size:.88rem!important;border-radius:10px}
  .ci-primary-menu a:after{display:none!important}
  .ci-primary-menu>li+li{margin-top:2px}

  /* No desktop hover lifts on touch-size layouts */
  .ci-banner-carousel:hover,.ci-method-grid article:hover,.ci-sidebar-widget:hover,.ci-inline-promo:hover,.ci-post-card:hover{transform:none}

  /* Main layout */
  .ci-home-rank-layout{grid-template-columns:1fr!important}
  .ci-home-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .ci-home-sidebar>.ci-banner-carousel{grid-column:1/3}

  /* Comparison remains a real table, but becomes comfortably swipeable */
  .ci-compare-table-wrap{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .ci-compare-table{min-width:700px}
  .ci-compare-table thead th:first-child,.ci-compare-table tbody th{position:sticky;left:0;z-index:3;box-shadow:8px 0 18px rgba(4,8,13,.22)}
  .ci-compare-table thead th:first-child{z-index:5}

  /* Forms / inputs */
  .ci-smart-modal input,.ci-smart-modal button,.ci-market-selector input{font-size:16px}
}

@media (max-width: 760px) {
  .ci-shell{width:calc(100% - 24px)}

  /* Compact but complete mobile header: Logo + Market + Menu */
  .ci-header-inner{
    height:74px!important;min-height:74px!important;
    grid-template-columns:minmax(126px,1fr) auto auto!important;
    gap:8px!important;
  }
  .ci-brand{grid-column:1;width:150px!important;height:74px!important;min-width:0!important}
  .ci-brand-logo,.ci-brand-svg{width:142px!important;max-width:142px!important;height:auto!important;max-height:34px!important}
  .ci-menu-toggle{grid-column:3!important;grid-row:1!important;width:42px;height:42px;padding:8px;margin:0!important}
  .ci-header-actions{grid-column:2!important;grid-row:1!important;height:74px!important;min-height:74px!important;margin:0!important}
  .ci-header-actions .ci-market-selector{display:block!important}
  .ci-header-telegram{display:none!important}
  .ci-market-selector__button{grid-template-columns:22px minmax(0,1fr) 13px;min-width:104px!important;max-width:116px;height:40px;padding:0 8px;gap:6px;border-radius:10px}
  .ci-market-selector__flag{width:21px;height:21px;font-size:.82rem}
  .ci-market-selector__text{gap:4px}.ci-market-selector__text strong{max-width:58px;font-size:.66rem}.ci-market-selector__text small{min-width:22px;height:16px;padding:0 4px;font-size:.48rem}
  .ci-market-selector__chevron{width:12px;height:12px}
  .ci-market-selector__menu{position:fixed!important;left:10px!important;right:10px!important;top:82px!important;width:auto!important;max-height:calc(100dvh - 94px);overflow:auto;padding:10px;border-radius:14px}
  .admin-bar .ci-market-selector__menu{top:128px!important;max-height:calc(100dvh - 140px)}
  .ci-market-selector__options{max-height:min(48dvh,360px)}
  .ci-market-selector__options>a{min-height:48px;padding:9px 10px}
  .ci-market-selector__language-row{grid-template-columns:1fr;gap:6px}.ci-market-selector__language-row>span{padding-top:0}
  .ci-market-selector__language-row a{min-height:38px;padding:7px 9px}
  .ci-primary-nav{left:10px!important;right:10px!important;top:calc(100% + 5px)!important;padding:9px!important;border-radius:14px!important}

  /* Hero/content scale */
  .ci-home-top{padding-top:10px}
  .ci-hero{padding:22px 0 18px}
  .ci-hero h1,.ci-ranking-hero h1,.ci-page-header h1,.ci-article-header h1,.ci-casino-review-hero h1{font-size:clamp(2rem,10vw,2.75rem)!important;line-height:1.02;letter-spacing:-.04em}
  .ci-hero-lede,.ci-ranking-hero>p,.ci-article-lede,.ci-page-header p{margin-top:10px;font-size:.92rem;line-height:1.58}
  .ci-hero-meta{gap:7px 12px;margin-top:12px;font-size:.68rem}
  .ci-content-shell,.ci-article-shell,.ci-ranking-page,.ci-casino-review{padding-top:24px;padding-bottom:42px}

  /* Wide affiliate artwork: preserve its true 5:1 ratio instead of making it 220px tall/cropped */
  .ci-banner-carousel{border-radius:13px}
  .ci-banner-carousel__track{aspect-ratio:5/1!important;min-height:0!important}
  .ci-banner-slide{padding:0!important}
  .ci-banner-slide picture img{width:100%;height:100%;object-fit:cover;object-position:center}
  .ci-banner-slide__copy,.ci-banner-slide__cta{display:none!important}
  .ci-banner-nav{display:none!important}
  .ci-banner-dots{bottom:5px;gap:4px}.ci-banner-dots span{width:5px;height:5px}.ci-banner-dots span.is-active{width:15px}
  .ci-home-top .ci-banner-carousel{box-shadow:0 12px 30px rgba(0,0,0,.24)}

  /* Sidebar portrait creative remains portrait but is centered and width-limited */
  .ci-home-sidebar{grid-template-columns:1fr!important}
  .ci-home-sidebar>.ci-banner-carousel{grid-column:auto!important;width:min(100%,360px);margin-inline:auto}
  .ci-home-sidebar>.ci-banner-carousel.ci-banner-carousel--portrait .ci-banner-carousel__track{aspect-ratio:2/3!important;min-height:0!important}

  /* Smart tools: compact top-to-bottom flow */
  .ci-smart-toolbar{gap:9px;margin-bottom:14px;padding:9px;border-radius:14px}
  .ci-smart-toolbar__main{grid-template-columns:1fr!important;gap:9px}
  .ci-smart-finder-launch{min-height:58px;padding:8px 10px;grid-template-columns:38px 1fr 16px}
  .ci-smart-finder-launch__icon{width:38px;height:38px}.ci-smart-finder-launch__icon svg{width:20px;height:20px}
  .ci-smart-finder-launch__copy strong{font-size:.76rem}.ci-smart-finder-launch__copy small{font-size:.55rem}
  .ci-rerank-panel{display:grid!important;gap:8px!important;padding:9px!important}
  .ci-rerank-panel__label{grid-template-columns:8px auto;grid-template-rows:auto auto;min-width:0}
  .ci-rerank-panel__label small{white-space:normal}
  .ci-live-rerank{width:100%;padding:0 1px 3px;scroll-snap-type:x proximity}
  .ci-live-rerank button{min-height:39px;padding:8px 12px;font-size:.66rem;scroll-snap-align:start}
  .ci-smart-toolbar__secondary{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .ci-smart-link{min-width:0;min-height:43px;padding:8px;font-size:.65rem}

  /* Casino ranking cards become intentional stacked mobile cards */
  .ci-ranking__table-head{display:none!important}
  .ci-casino-card,.ci-casino-card--compact{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-areas:"rank brand" "details details" "offer offer" "action action"!important;
    gap:12px!important;
    min-height:0!important;
    padding:15px!important;
    border-radius:15px!important;
  }
  .ci-casino-card__rank{grid-area:rank!important;grid-row:auto!important;align-self:start}
  .ci-casino-card__brand{grid-area:brand!important;grid-column:auto!important;min-width:0}
  .ci-casino-card__details{grid-area:details!important;grid-column:auto!important;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
  .ci-casino-card__offer{grid-area:offer!important;grid-column:auto!important;padding-top:11px;border-top:1px solid rgba(255,255,255,.07)}
  .ci-casino-card__action{grid-area:action!important;grid-column:auto!important;grid-row:auto!important;width:100%}
  .ci-casino-card__action .ci-button{width:100%;min-height:48px;justify-content:center}
  .ci-casino-card__action>small{display:block;margin-top:6px;text-align:center}
  .ci-casino-card__brand img,.ci-logo-placeholder{width:58px!important;height:58px!important;flex:0 0 58px}
  .ci-casino-card__brand-copy h3{font-size:1rem}
  .ci-stars{font-size:.88rem}
  .ci-review-link,.ci-card-compare{font-size:.63rem}
  .ci-casino-card__facts{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-bottom:10px!important}
  .ci-casino-card__facts li{font-size:.72rem;line-height:1.35}
  .ci-casino-card__meta{display:flex!important;flex-wrap:wrap;gap:6px!important}
  .ci-meta-chip{min-width:0;max-width:100%;padding:6px 8px!important}
  .ci-meta-chip:nth-child(n+4){display:none!important}
  .ci-meta-chip small{font-size:.49rem!important}.ci-meta-chip strong{font-size:.59rem!important;overflow-wrap:anywhere}
  .ci-casino-card__offer>span{font-size:.55rem}.ci-casino-card__offer>strong{font-size:.86rem;line-height:1.35}
  .ci-coupon-code{width:100%;max-width:100%;justify-content:space-between;margin-top:8px}
  .ci-casino-card__rank span{width:48px;height:40px;font-size:.78rem}
  .ci-casino-card__rank small{max-width:52px;margin-top:5px;font-size:.43rem;line-height:1.15}
  .ci-casino-card--top{box-shadow:0 14px 38px rgba(246,203,98,.08)}

  /* Inline recommended casino gets the same sane mobile stack */
  .ci-article-body .ci-inline-promo{padding:12px!important;border-radius:14px}
  .ci-article-body .ci-inline-promo .ci-casino-card--compact{grid-template-columns:50px minmax(0,1fr)!important;grid-template-areas:"rank brand" "details details" "offer offer" "action action"!important}
  .ci-article-body .ci-inline-promo .ci-casino-card__details,.ci-article-body .ci-inline-promo .ci-casino-card__offer,.ci-article-body .ci-inline-promo .ci-casino-card__action{grid-column:auto!important;grid-row:auto!important}

  /* Finder/calculator/compare as mobile bottom sheets */
  .ci-smart-modal{align-items:flex-end!important;padding:0!important}
  .ci-smart-modal__dialog,.ci-smart-modal__dialog--finder,.ci-smart-modal__dialog--compare{
    width:100%!important;max-width:none!important;max-height:92dvh!important;
    padding:24px 14px max(18px,env(safe-area-inset-bottom))!important;
    border-radius:20px 20px 0 0!important;border-bottom:0!important;
  }
  .ci-smart-modal__dialog h2{padding-right:46px;font-size:1.55rem}
  .ci-smart-modal__close{top:12px;right:12px;width:40px;height:40px}
  .ci-smart-modal__intro,.ci-smart-note{font-size:.73rem}
  .ci-finder-group{margin-top:16px;padding-top:14px}.ci-finder-group h3{font-size:.8rem}
  .ci-finder-choice-grid{grid-template-columns:1fr 1fr!important;gap:7px}
  .ci-finder-choice-grid button{min-height:52px;padding:8px}.ci-finder-choice-grid button strong{font-size:.63rem}.ci-finder-choice-grid button span{width:26px;height:26px}
  .ci-finder-pill-row{gap:6px}.ci-finder-pill-row button{min-height:40px;padding:8px 11px;font-size:.64rem}
  .ci-finder-actions{align-items:stretch!important;flex-direction:column!important;gap:6px}.ci-finder-submit{width:100%;min-height:48px}.ci-finder-reset-link{min-height:38px}
  .ci-finder-result{grid-template-columns:40px 24px minmax(0,1fr) auto;padding:9px;gap:7px}.ci-finder-result>img{width:40px;height:40px}.ci-finder-result__copy strong{font-size:.7rem}.ci-finder-result__copy small{font-size:.51rem}
  .ci-calc-grid,.ci-calc-output{grid-template-columns:1fr!important;gap:8px}.ci-calc-grid input{min-height:46px}
  .ci-compare-picker{grid-template-columns:1fr 1fr!important;gap:7px}.ci-compare-pick{grid-template-columns:34px 1fr 22px;padding:8px}.ci-compare-pick img,.ci-compare-pick__placeholder{width:34px;height:34px}
  .ci-compare-table{min-width:650px}.ci-compare-table th,.ci-compare-table td{padding:11px 10px}.ci-compare-table thead th:first-child,.ci-compare-table tbody th{width:115px}
  .ci-compare-table__brand img{width:38px;height:38px}.ci-compare-table__brand strong{font-size:.68rem}
  .ci-compare-status{align-items:flex-start;gap:8px}

  /* Sticky banner: visible but never dominates mobile */
  .ci-sticky-banner{width:calc(100% - 20px)!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
  .ci-sticky-banner .ci-banner-carousel__track{aspect-ratio:5/1!important}
  .ci-sticky-banner__close{right:4px!important;top:4px!important;width:27px!important;height:27px!important}
  body:has(.ci-sticky-banner.is-visible) .ci-floating-telegram{bottom:calc(22vw + 16px)!important}
  body:has(.ci-sticky-banner.is-visible) .ci-compare-tray{bottom:calc(22vw + 14px)!important}

  /* Telegram / utility cards */
  .ci-telegram-cta{grid-template-columns:42px 1fr!important;gap:10px;padding:14px!important}
  .ci-telegram-cta .ci-button{grid-column:1/3;width:100%;min-height:45px}
  .ci-floating-telegram{right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:11px!important;border-radius:999px}
  .ci-floating-telegram strong{display:none!important}

  /* Editorial content */
  .ci-methodology-section,.ci-blog-section{padding:32px 0!important}
  .ci-method-grid,.ci-post-grid{grid-template-columns:1fr!important;gap:12px}
  .ci-method-grid article{min-height:0;padding:16px}
  .ci-post-card__body{padding:15px}.ci-post-card h2,.ci-post-card h3{font-size:1rem}.ci-post-card p{font-size:.76rem}
  .ci-split-heading{align-items:flex-start!important;flex-direction:column!important;gap:8px}.ci-split-heading h2{font-size:1.65rem}
  .ci-article-shell{max-width:none}.ci-article-header{margin-bottom:20px}
  .ci-article-body{max-width:none;font-size:1rem;line-height:1.72;letter-spacing:0}
  .ci-article-body>p{margin-bottom:1.25em}.ci-article-body h2{margin-top:1.7em;font-size:1.55rem}.ci-article-body h3{font-size:1.22rem}
  .ci-article-body ul,.ci-article-body ol{padding-left:1.2em}.ci-article-body blockquote{margin:1.4em 0;padding:15px 16px}
  .ci-article-hero{margin:16px 0;border-radius:13px}

  /* Footer */
  .ci-footer-top{grid-template-columns:1fr 1fr!important;gap:22px 18px;padding-top:30px}
  .ci-footer-brand{grid-column:1/3!important}.ci-footer-col:last-child{grid-column:auto!important}
  .ci-footer-bottom{display:flex!important;flex-direction:column;align-items:flex-start;gap:9px;padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .ci-footer-legal{display:flex!important;flex-wrap:wrap;gap:9px 14px}
}

@media (max-width: 480px) {
  .ci-shell{width:calc(100% - 20px)}

  /* Small phones */
  .ci-header-inner{grid-template-columns:minmax(112px,1fr) auto auto!important;gap:6px!important}
  .ci-brand{width:132px!important}.ci-brand-logo,.ci-brand-svg{width:126px!important;max-width:126px!important;max-height:31px!important}
  .ci-market-selector__button{min-width:88px!important;max-width:94px;padding-inline:6px;grid-template-columns:20px minmax(0,1fr) 10px;gap:4px}
  .ci-market-selector__text strong{max-width:42px;font-size:.61rem}.ci-market-selector__text small{display:none}
  .ci-menu-toggle{width:40px;height:40px}

  .ci-hero h1,.ci-ranking-hero h1,.ci-page-header h1,.ci-article-header h1,.ci-casino-review-hero h1{font-size:clamp(1.85rem,10vw,2.35rem)!important}
  .ci-kicker{font-size:.61rem}

  .ci-smart-toolbar__secondary{grid-template-columns:1fr!important}
  .ci-smart-link{min-height:44px}
  .ci-rerank-panel__label small{display:none}
  .ci-live-rerank button{min-height:40px}

  .ci-casino-card,.ci-casino-card--compact{grid-template-columns:48px minmax(0,1fr)!important;padding:13px!important;gap:10px!important}
  .ci-casino-card__brand img,.ci-logo-placeholder{width:52px!important;height:52px!important;flex-basis:52px}
  .ci-casino-card__rank span{width:44px;height:38px}
  .ci-casino-card__meta{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  .ci-meta-chip{width:100%}.ci-meta-chip--payments{grid-column:1/3}
  .ci-coupon-code{font-size:.59rem}

  .ci-finder-choice-grid{grid-template-columns:1fr 1fr!important}
  .ci-finder-choice-grid button{display:grid;grid-template-columns:26px 1fr;gap:7px}
  .ci-compare-picker{grid-template-columns:1fr!important}
  .ci-finder-result{grid-template-columns:38px 22px minmax(0,1fr)}.ci-finder-result>em{grid-column:3;text-align:left;display:flex;gap:5px;align-items:baseline}.ci-finder-result>img{width:38px;height:38px}

  .ci-footer-top{grid-template-columns:1fr!important}.ci-footer-brand{grid-column:auto!important}.ci-footer-col:last-child{grid-column:auto!important}
}

@media (prefers-reduced-motion: reduce) and (max-width:930px){
  *{scroll-behavior:auto!important}
}

/* v1.7.1 mobile-first refinement */
@media (max-width:760px){
  /* fixed mobile header */
  .ci-site-header{
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
    width:100%!important;
    background:rgba(10,14,22,.96)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.22);
  }
  .admin-bar .ci-site-header{top:46px!important}

  /* cleaner mobile casino cards */
  .ci-casino-card,.ci-casino-card--compact{
    grid-template-columns:56px 1fr!important;
    grid-template-areas:
      "rank brand"
      "details details"
      "offer offer"
      "action action"!important;
    padding:16px!important;
    gap:12px!important;
  }
  .ci-casino-card__rank{grid-area:rank!important}
  .ci-casino-card__brand{grid-area:brand!important}
  .ci-casino-card__details{grid-area:details!important}
  .ci-casino-card__offer{grid-area:offer!important}
  .ci-casino-card__action{grid-area:action!important}
  .ci-casino-card__action .ci-button--conversion{width:100%!important}
  .ci-casino-card__meta{display:flex!important;flex-direction:column!important}
  .ci-meta-chip{width:100%;justify-content:space-between}

  /* keep sticky affiliate small */
  .ci-sticky-banner{
    max-width:calc(100% - 20px)!important;
    width:calc(100% - 20px)!important;
    min-height:0!important;
    max-height:74px!important;
    overflow:hidden;
  }
  .ci-sticky-banner img{max-height:62px!important;object-fit:cover!important}
}

/* v1.7.2 mobile-first redesign refinement */
@media (max-width:760px){
  .ci-site-header{height:64px!important;min-height:64px!important}
  .ci-header-inner{height:64px!important;min-height:64px!important;padding-inline:10px!important}
  .ci-brand{height:64px!important}
  .ci-brand-logo,.ci-brand-svg{max-height:28px!important}

  .ci-casino-card,.ci-casino-card--compact{
    border-radius:18px!important;
    padding:14px!important;
    grid-template-columns:44px 1fr!important;
  }
  .ci-casino-card__brand-copy h3{font-size:1.05rem!important}
  .ci-casino-card__facts li{padding:7px 10px!important;border-radius:10px;background:rgba(255,255,255,.04)}
  .ci-casino-card__meta{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
  .ci-meta-chip--payments{grid-column:1/3!important}

  /* compare: mobile comparison sheet instead of desktop blocks */
  .ci-compare-picker{margin-bottom:14px!important}
  .ci-compare-table-wrap{border-radius:14px!important;background:rgba(0,0,0,.12)}
  .ci-compare-table{min-width:560px!important;font-size:.78rem!important}
  .ci-compare-table th,.ci-compare-table td{padding:10px 8px!important}

  /* compact country selector */
  .ci-market-selector__menu{border-radius:18px!important;padding:12px!important}
  .ci-market-selector__options>a{border-radius:10px!important;margin-bottom:4px}

  /* smaller sticky banner */
  .ci-sticky-banner{width:calc(100% - 28px)!important;max-width:420px!important}
  .ci-sticky-banner .ci-banner-carousel__track{aspect-ratio:5/1!important;max-height:68px!important}
  .ci-sticky-banner picture img{max-height:68px!important}
}

@media(max-width:480px){
  .ci-site-header{height:60px!important;min-height:60px!important}
  .ci-header-inner{height:60px!important;min-height:60px!important}
  .ci-brand-logo,.ci-brand-svg{max-height:25px!important}
  .ci-casino-card,.ci-casino-card--compact{padding:12px!important}
  .ci-casino-card__meta{grid-template-columns:1fr!important}
  .ci-meta-chip--payments{grid-column:auto!important}
}

/* v1.7.3 FINAL MOBILE OVERRIDE - rebuilt phone layout */
@media (max-width:760px){

/* True fixed mobile header */
.ci-site-header{
 position:fixed!important;
 top:0!important;
 left:0!important;
 right:0!important;
 height:64px!important;
 min-height:64px!important;
 z-index:100000!important;
}
.admin-bar .ci-site-header{top:46px!important}
body{padding-top:64px!important}
.admin-bar body{padding-top:110px!important}
.ci-header-inner{
 height:64px!important;
 min-height:64px!important;
 padding:0 14px!important;
 grid-template-columns:1fr auto auto!important;
}
.ci-brand-logo,.ci-brand-svg{width:125px!important;max-width:125px!important;height:auto!important}

/* compact market */
.ci-market-selector__button{
 height:38px!important;
 min-width:92px!important;
}

/* ranking toolbar */
.ci-smart-toolbar{padding:8px!important}
.ci-smart-toolbar__main{display:block!important}
.ci-rerank-panel{display:flex!important;overflow-x:auto!important;white-space:nowrap!important}
.ci-live-rerank{display:flex!important;overflow-x:auto!important}

/* New mobile casino cards */
.ci-casino-card,.ci-casino-card--compact{
 display:block!important;
 padding:14px!important;
 border-radius:18px!important;
 margin-bottom:14px!important;
}
.ci-casino-card__rank{
 position:absolute!important;
 top:14px!important;
 left:14px!important;
}
.ci-casino-card{position:relative!important}
.ci-casino-card__rank span{
 width:46px!important;height:40px!important;
}
.ci-casino-card__brand{
 padding-left:58px!important;
 min-height:58px!important;
}
.ci-casino-card__brand img,.ci-logo-placeholder{
 width:58px!important;height:58px!important;
}
.ci-casino-card__brand-copy h3{
 font-size:1.15rem!important;
 margin-bottom:4px!important;
}
.ci-casino-card__facts{
 display:flex!important;
 flex-direction:column!important;
 gap:8px!important;
 margin-top:18px!important;
}
.ci-casino-card__facts li{
 background:rgba(255,255,255,.035)!important;
 border-radius:12px!important;
 padding:9px 12px!important;
 font-size:.9rem!important;
}
.ci-casino-card__meta{
 display:flex!important;
 flex-direction:column!important;
 gap:8px!important;
 margin-top:12px!important;
}
.ci-meta-chip{
 min-height:42px!important;
 border-radius:12px!important;
 display:flex!important;
 justify-content:space-between!important;
}
.ci-casino-card__offer{
 margin-top:16px!important;
}
.ci-casino-card__offer strong{
 font-size:1rem!important;
}
.ci-casino-card__action{
 margin-top:16px!important;
}
.ci-casino-card__action .ci-button,
.ci-button--conversion{
 min-height:52px!important;
 font-size:.9rem!important;
 border-radius:14px!important;
 width:100%!important;
}

/* compare */
.ci-compare-table-wrap{overflow-x:auto!important}
.ci-compare-table{min-width:620px!important}

/* sticky banner */
.ci-sticky-banner{
 width:calc(100% - 24px)!important;
 left:12px!important;
 max-height:62px!important;
 bottom:10px!important;
}
.ci-sticky-banner .ci-banner-carousel__track{
 aspect-ratio:5/1!important;
 max-height:58px!important;
}

}


/* =========================================================
   CasinoInn v1.7.4 Mobile Premium Card + Sticky Banner Fix
   ========================================================= */

@media (max-width:767px){

/* Premium compact casino cards */
.ci-casino-card,
.ci-casino-card--compact{
  border-radius:20px!important;
  padding:14px!important;
  gap:10px!important;
  background:
    radial-gradient(circle at top right,rgba(246,203,98,.10),transparent 35%),
    linear-gradient(180deg,#111827,#080d18)!important;
}

.ci-casino-card__brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}

.ci-casino-card__brand img,
.ci-logo-placeholder{
  width:70px!important;
  height:70px!important;
  border-radius:16px!important;
  background:#fff!important;
  padding:4px!important;
}

.ci-casino-card__brand-copy h3{
  font-size:1.35rem!important;
  font-weight:850!important;
  margin-bottom:4px!important;
}

.ci-stars{
  font-size:1rem!important;
}

.ci-review-link,
.ci-card-compare{
  font-size:.75rem!important;
}

.ci-casino-card__facts{
  gap:8px!important;
}

.ci-casino-card__facts li{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 12px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
  font-size:.86rem!important;
}

.ci-casino-card__meta{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}

.ci-meta-chip{
  min-height:42px!important;
  border-radius:12px!important;
  padding:8px 12px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
}

.ci-casino-card__action .ci-button{
  min-height:54px!important;
  border-radius:16px!important;
  font-size:1rem!important;
}

/* Sticky banner premium mobile */
.ci-sticky-banner,
.ci-mobile-sticky-banner,
.ci-floating-banner,
.sticky-banner{
  position:fixed!important;
  left:12px!important;
  right:12px!important;
  bottom:calc(12px + env(safe-area-inset-bottom))!important;
  z-index:99999!important;
  margin:0!important;
}

.ci-sticky-banner>div,
.ci-mobile-sticky-banner>div,
.ci-floating-banner>div,
.sticky-banner>div{
  border-radius:18px!important;
  box-shadow:0 15px 45px rgba(0,0,0,.55)!important;
}

.ci-sticky-banner button,
.ci-mobile-sticky-banner button,
.ci-floating-banner button,
.sticky-banner button{
  cursor:pointer!important;
}

/* Prevent content hiding behind banner */
body{
  padding-bottom:120px!important;
}

}


/* =========================================================
   CasinoInn v1.7.5 MOBILE REBUILD
   Compact comparison cards + sticky offer fix
   ========================================================= */

@media (max-width:760px){

/* Sticky banner: true centered viewport card */
[data-ci-sticky-banner]{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(14px + env(safe-area-inset-bottom))!important;
  transform:translate(-50%,120%)!important;
  width:calc(100% - 28px)!important;
  max-width:390px!important;
  z-index:99999!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transition:transform .25s ease!important;
}

[data-ci-sticky-banner].is-visible{
  transform:translate(-50%,0)!important;
}

[data-ci-sticky-banner] .ci-sticky-banner__inner,
[data-ci-sticky-banner] > div{
  border-radius:18px!important;
  min-height:72px!important;
}

/* remove huge mobile ranking cards */
.ci-casino-card,
.ci-casino-card--compact{
  display:block!important;
  padding:12px!important;
  border-radius:18px!important;
  min-height:0!important;
  margin-bottom:14px!important;
}

/* compact header row */
.ci-casino-card__brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.ci-casino-card__rank{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:12px!important;
  font-size:15px!important;
}

.ci-casino-card__brand img,
.ci-logo-placeholder{
  width:58px!important;
  height:58px!important;
}

.ci-casino-card__brand h2,
.ci-casino-card__brand h3,
.ci-casino-card__title{
  font-size:22px!important;
  line-height:1.1!important;
  margin:0!important;
}

.ci-casino-card__brand{
  padding-left:48px!important;
}

.ci-casino-card__details{
  padding-top:12px!important;
  margin-top:12px!important;
}

.ci-casino-card__details > *{
  margin-bottom:6px!important;
}

/* feature chips instead of giant rows */
.ci-casino-card__details,
.ci-casino-card__offer{
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.ci-casino-card__details ul,
.ci-casino-card__features{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

.ci-casino-card__details li,
.ci-feature,
.ci-feature-item{
  width:auto!important;
  min-height:30px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:12px!important;
  background:rgba(255,255,255,.05)!important;
}

/* Hide secondary data until needed */
.ci-casino-card__offer .ci-meta-row,
.ci-casino-card__offer .ci-info-row{
  min-height:34px!important;
  padding:7px 10px!important;
  font-size:12px!important;
}

.ci-casino-card__action .ci-button{
  min-height:44px!important;
  border-radius:14px!important;
  font-size:15px!important;
}

}

/* desktop untouched */

/* CasinoInn v1.7.7 mobile UX refinement - no desktop impact */
@media (max-width: 760px) {
  /* Unified widget sizing */
  .ci-banner-carousel,
  .ci-inline-promo,
  .ci-smart-toolbar,
  .ci-ranking__list,
  .ci-ranking__list .ci-casino-card {
    width:100%;
    box-sizing:border-box;
  }

  /* Finder widget alignment */
  .ci-smart-finder-launch {
    min-height:72px!important;
    padding:12px 14px!important;
    grid-template-columns:44px minmax(0,1fr) 22px!important;
    gap:12px!important;
  }
  .ci-smart-finder-launch__icon {width:44px!important;height:44px!important}
  .ci-smart-finder-launch__copy {padding-right:8px}

  /* Casino cards: tighter editorial mobile layout */
  .ci-casino-card,
  .ci-casino-card--compact {
    padding:16px!important;
    gap:10px!important;
    border-radius:18px!important;
  }
  .ci-casino-card__brand-copy h3 {
    font-size:1.08rem!important;
    margin-bottom:3px!important;
  }
  .ci-casino-card__details {
    padding-top:8px!important;
  }
  .ci-casino-card__facts li {
    padding:0!important;
    line-height:1.45!important;
  }

  /* Sticky promo: same desktop artwork ratio, scaled for mobile */
  .ci-sticky-banner,
  .ci-mobile-sticky-banner,
  .ci-floating-banner,
  .sticky-banner {
    width:calc(100% - 32px)!important;
    left:16px!important;
    right:16px!important;
    max-width:none!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .ci-sticky-banner img,
  .ci-mobile-sticky-banner img,
  .ci-floating-banner img,
  .sticky-banner img {
    display:block!important;
    width:100%!important;
    height:auto!important;
  }

  /* Compare section redesigned for mobile */
  .ci-compare-picker {
    grid-template-columns:1fr!important;
  }
  .ci-compare-pick {
    min-height:64px!important;
    border-radius:14px!important;
    padding:12px!important;
  }
  .ci-compare-table-wrap {
    overflow:visible!important;
  }
  .ci-compare-table {
    min-width:0!important;
    width:100%!important;
    display:block!important;
  }
  .ci-compare-table thead {display:none!important}
  .ci-compare-table tbody,
  .ci-compare-table tr,
  .ci-compare-table td,
  .ci-compare-table th {
    display:block!important;
    width:100%!important;
    box-sizing:border-box;
  }
  .ci-compare-table tr {
    margin-bottom:14px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    overflow:hidden;
  }
  .ci-compare-table th {
    background:rgba(255,255,255,.04);
    text-align:left!important;
  }
  .ci-compare-table td,
  .ci-compare-table th {
    position:static!important;
    box-shadow:none!important;
    padding:12px!important;
  }
}

/* CasinoInn v1.7.8 mobile correction layer */
@media (max-width:767px){
  /* Remove floating sticky promo on mobile - desktop remains unchanged */
  .ci-sticky-banner,
  .ci-mobile-sticky-banner,
  .ci-floating-banner,
  .sticky-banner{
    display:none!important;
  }

  /* Keep all content widgets on one aligned container */
  .ci-banner-carousel,
  .ci-inline-promo,
  .ci-ranking-page .ci-banner-carousel,
  .ci-content-shell > *{
    width:100%!important;
    max-width:100%!important;
  }

  /* Compact casino ranking cards */
  .ci-casino-card,
  .ci-casino-card--compact{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:8px 12px!important;
    padding:12px!important;
    border-radius:18px!important;
  }

  .ci-casino-card__brand{
    align-items:center!important;
  }

  .ci-casino-card__brand img,
  .ci-logo-placeholder{
    width:52px!important;
    height:52px!important;
  }

  .ci-casino-card__details{
    padding-top:8px!important;
  }

  .ci-casino-card__facts{
    gap:5px!important;
    margin-bottom:8px!important;
  }

  .ci-casino-card__facts li{
    min-height:0!important;
    padding:8px 10px!important;
    font-size:.75rem!important;
  }

  .ci-casino-card__meta{
    gap:5px!important;
  }

  .ci-meta-chip{
    padding:7px 9px!important;
  }

  .ci-casino-card__offer{
    padding-top:8px!important;
  }

  .ci-casino-card__action .ci-button{
    min-height:44px!important;
  }

  /* Mobile compare picker */
  .ci-compare-picker{
    grid-template-columns:1fr!important;
  }

  .ci-compare-pick{
    min-height:58px!important;
    grid-template-columns:42px 1fr 26px!important;
    border-radius:14px!important;
  }

  .ci-compare-table-wrap{
    overflow:visible!important;
  }

  .ci-compare-table{
    min-width:0!important;
    width:100%!important;
  }
}


/* CasinoInn v1.7.9 mobile correction layer */
@media (max-width: 767px) {
  /* Keep all mobile widgets on the same container width */
  .ci-home-sidebar,
  .ci-home-sidebar > *,
  .ci-home-main,
  .ci-home-main > *,
  .ci-content-shell > *,
  .ci-ranking-page > * {
    box-sizing: border-box;
  }

  .ci-home-sidebar > .ci-banner-carousel,
  .ci-home-sidebar > .ci-sidebar-widget,
  .ci-home-sidebar > .ci-inline-promo,
  .ci-home-sidebar > .ci-sticky-banner,
  .ci-content-shell > .ci-banner-carousel,
  .ci-content-shell > .ci-smart-toolbar,
  .ci-content-shell > .ci-inline-promo,
  .ci-content-shell > .ci-telegram-cta {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ci-home-sidebar > .ci-banner-carousel {
    width: 100% !important;
    margin-inline: 0 !important;
  }

  /* Find My Best Casino spacing/alignment */
  .ci-smart-toolbar {
    padding: 10px !important;
    border-radius: 16px !important;
  }

  .ci-smart-toolbar__main {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .ci-smart-finder-launch {
    min-height: 66px !important;
    padding: 12px 14px !important;
    grid-template-columns: 42px minmax(0,1fr) 20px !important;
    gap: 12px !important;
    align-items: center !important;
  }

  .ci-smart-finder-launch__icon {
    width: 42px !important;
    height: 42px !important;
  }

  .ci-smart-finder-launch__copy {
    display: grid !important;
    gap: 4px !important;
    padding-right: 10px !important;
    min-width: 0 !important;
  }

  .ci-smart-finder-launch__copy strong {
    font-size: .82rem !important;
    line-height: 1.2 !important;
  }

  .ci-smart-finder-launch__copy small {
    font-size: .58rem !important;
  }

  .ci-smart-finder-launch__arrow {
    justify-self: end !important;
    align-self: center !important;
  }

  /* Compact ranking cards based on the latest ZIP */
  .ci-ranking__list {
    display: grid !important;
    gap: 12px !important;
  }

  .ci-casino-card,
  .ci-casino-card--compact {
    grid-template-columns: 46px minmax(0,1fr) 118px !important;
    grid-template-areas:
      "rank brand action"
      "details details details"
      "offer offer offer" !important;
    align-items: start !important;
    gap: 8px 10px !important;
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  .ci-casino-card__rank {
    grid-area: rank !important;
    align-self: start !important;
  }

  .ci-casino-card__brand {
    grid-area: brand !important;
    gap: 10px !important;
    min-width: 0 !important;
    align-items: center !important;
  }

  .ci-casino-card__action {
    grid-area: action !important;
    width: 100% !important;
    text-align: right !important;
    align-self: start !important;
  }

  .ci-casino-card__details {
    grid-area: details !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
  }

  .ci-casino-card__offer {
    grid-area: offer !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
  }

  .ci-casino-card__brand img,
  .ci-logo-placeholder {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
    padding: 6px !important;
  }

  .ci-casino-card__brand-copy h3,
  .ci-casino-card__brand h3 {
    margin: 0 0 4px !important;
    font-size: .95rem !important;
    line-height: 1.15 !important;
  }

  .ci-stars {
    font-size: .84rem !important;
  }

  .ci-review-link {
    margin-top: 5px !important;
    font-size: .62rem !important;
  }

  .ci-card-compare {
    display: none !important;
  }

  .ci-casino-card__facts {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  .ci-casino-card__facts li {
    margin: 0 !important;
    padding: 6px 10px 6px 22px !important;
    line-height: 1.25 !important;
    font-size: .68rem !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.025) !important;
  }

  .ci-casino-card__facts li:before {
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  .ci-casino-card__meta {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  .ci-meta-chip,
  .ci-meta-chip--payments {
    width: 100% !important;
    max-width: none !important;
    min-height: 34px !important;
    padding: 6px 8px !important;
  }

  .ci-meta-chip--payments {
    grid-column: 1 / -1 !important;
  }

  .ci-meta-chip small {
    font-size: .47rem !important;
  }

  .ci-meta-chip strong {
    font-size: .58rem !important;
  }

  .ci-casino-card__offer > span {
    margin-bottom: 3px !important;
    font-size: .52rem !important;
  }

  .ci-casino-card__offer > strong {
    font-size: .82rem !important;
    line-height: 1.3 !important;
  }

  .ci-coupon-code {
    margin-top: 7px !important;
    padding: 6px 8px !important;
  }

  .ci-button--conversion,
  .ci-casino-card__action .ci-button {
    width: 100% !important;
    min-height: 42px !important;
    padding: .7rem .75rem !important;
    border-radius: 12px !important;
    font-size: .66rem !important;
    letter-spacing: .03em !important;
    white-space: normal !important;
  }

  .ci-casino-card__action > small {
    display: none !important;
  }

  .ci-casino-card__rank span {
    width: 44px !important;
    height: 36px !important;
    font-size: .76rem !important;
  }

  .ci-casino-card__rank small {
    max-width: 48px !important;
    margin-top: 4px !important;
    padding: 3px 5px !important;
    font-size: .4rem !important;
    line-height: 1.1 !important;
  }

  /* Rebuild the sticky banner for mobile instead of hiding it */
  .ci-sticky-banner,
  .ci-mobile-sticky-banner,
  .ci-floating-banner,
  .sticky-banner {
    display: block !important;
  }

  .ci-sticky-banner {
    left: 12px !important;
    right: 12px !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }

  .ci-sticky-banner .ci-banner-carousel {
    width: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.34) !important;
  }

  .ci-sticky-banner .ci-banner-carousel__track {
    aspect-ratio: 5 / 1 !important;
    min-height: 0 !important;
  }

  .ci-sticky-banner .ci-banner-slide {
    padding: 0 !important;
  }

  .ci-sticky-banner .ci-banner-slide picture img {
    object-fit: cover !important;
    object-position: center !important;
  }

  .ci-sticky-banner .ci-banner-slide__copy,
  .ci-sticky-banner .ci-banner-slide__cta,
  .ci-sticky-banner .ci-banner-nav,
  .ci-sticky-banner .ci-banner-dots {
    display: none !important;
  }

  .ci-sticky-banner__close {
    right: 6px !important;
    top: 6px !important;
    width: 26px !important;
    height: 26px !important;
    border-color: rgba(255,255,255,.24) !important;
    background: rgba(5,8,13,.9) !important;
    color: #fff !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.35) !important;
  }

  body:has(.ci-sticky-banner.is-visible) .ci-floating-telegram {
    bottom: calc(((100vw - 24px) / 5) + 18px) !important;
  }

  body:has(.ci-sticky-banner.is-visible) .ci-compare-tray {
    bottom: calc(((100vw - 24px) / 5) + 16px) !important;
  }

  /* Dedicated mobile compare redesign */
  .ci-compare-picker {
    grid-template-columns: 1fr !important;
  }

  .ci-compare-pick {
    grid-template-columns: 38px 1fr 24px !important;
    min-height: 58px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  .ci-compare-table-wrap {
    display: none !important;
  }

  .ci-compare-mobile {
    display: grid !important;
    gap: 12px !important;
    margin-top: 10px !important;
  }

  .ci-compare-mobile-card {
    padding: 14px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg,#111925,#0d141e) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
  }

  .ci-compare-mobile-card__head {
    display: grid !important;
    grid-template-columns: 42px 1fr 26px !important;
    gap: 10px !important;
    align-items: center !important;
    margin-bottom: 12px !important;
  }

  .ci-compare-mobile-card__head img,
  .ci-compare-mobile-card__placeholder {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    object-fit: contain !important;
    padding: 4px !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #111 !important;
    font-size: .62rem !important;
    font-weight: 900 !important;
  }

  .ci-compare-mobile-card__head strong {
    display: block !important;
    color: #fff !important;
    font-size: .84rem !important;
    line-height: 1.2 !important;
  }

  .ci-compare-mobile-card__remove {
    width: 26px !important;
    height: 26px !important;
    border: 1px solid #354053 !important;
    border-radius: 50% !important;
    background: #0d141f !important;
    color: #8995a7 !important;
    cursor: pointer !important;
  }

  .ci-compare-mobile-card__grid {
    display: grid !important;
    gap: 8px !important;
  }

  .ci-compare-mobile-card__row {
    display: grid !important;
    gap: 3px !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.02) !important;
  }

  .ci-compare-mobile-card__row dt {
    color: #7f8999 !important;
    font-size: .52rem !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
  }

  .ci-compare-mobile-card__row dd {
    margin: 0 !important;
    color: #d5dce6 !important;
    font-size: .72rem !important;
    line-height: 1.45 !important;
  }

  .ci-compare-mobile-card__row dd ul {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .ci-compare-mobile-card__row dd li:before {
    content: "✓";
    margin-right: 6px;
    color: #62dd8c;
  }

  .ci-compare-mobile-card__cta {
    margin-top: 12px !important;
  }

  .ci-compare-mobile-card__cta .ci-button {
    width: 100% !important;
    justify-content: center !important;
  }
}

@media (max-width: 380px) {
  .ci-casino-card,
  .ci-casino-card--compact {
    grid-template-columns: 44px minmax(0,1fr) !important;
    grid-template-areas:
      "rank brand"
      "details details"
      "offer offer"
      "action action" !important;
  }

  .ci-casino-card__action {
    margin-top: 2px !important;
  }

  .ci-meta-chip,
  .ci-meta-chip--payments {
    grid-column: auto !important;
  }

  .ci-casino-card__meta {
    grid-template-columns: 1fr !important;
  }
}


/* CasinoInn v1.8.0 - complete mobile card redesign */
@media(max-width:767px){
  /* sticky banner: fixed centered, no sliding transform conflicts */
  .ci-sticky-banner,
  .ci-mobile-sticky-banner,
  .ci-floating-banner,
  .sticky-banner{
    display:block!important;
  }
  .ci-sticky-banner{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    animation:none!important;
  }
  .ci-sticky-banner:not(.is-visible){
    display:none!important;
  }
  .ci-sticky-banner.is-visible{
    transform:none!important;
  }
  .ci-sticky-banner .ci-banner-carousel{
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .ci-sticky-banner__close{
    z-index:99!important;
    top:6px!important;
    right:6px!important;
  }

  /* new app style casino cards */
  .ci-ranking__list{gap:14px!important;}
  .ci-casino-card,
  .ci-casino-card--compact{
    display:grid!important;
    grid-template-columns:56px 1fr!important;
    grid-template-areas:
      "rank brand"
      "offer offer"
      "details details"
      "action action"!important;
    padding:16px!important;
    gap:12px!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,#151d2b,#0c111a)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.25)!important;
  }
  .ci-casino-card__rank{grid-area:rank!important;}
  .ci-casino-card__brand{grid-area:brand!important;}
  .ci-casino-card__offer{grid-area:offer!important;}
  .ci-casino-card__details{grid-area:details!important;}
  .ci-casino-card__action{grid-area:action!important;text-align:center!important;}

  .ci-casino-card__rank>span{
    width:48px!important;height:48px!important;border-radius:14px!important;
    font-size:1rem!important;
  }
  .ci-casino-card--top .ci-casino-card__rank>span{
    box-shadow:0 8px 20px rgba(246,203,98,.3)!important;
  }
  .ci-casino-card__rank small{
    max-width:48px!important;font-size:.4rem!important;
  }

  .ci-casino-card__brand{gap:12px!important;}
  .ci-casino-card__brand img,
  .ci-logo-placeholder{
    width:58px!important;height:58px!important;border-radius:16px!important;
  }
  .ci-casino-card__brand h3{
    font-size:1.1rem!important;margin-bottom:5px!important;
  }
  .ci-stars{font-size:.9rem!important;}

  .ci-casino-card__offer{
    padding:14px!important;
    border-radius:16px!important;
    background:rgba(246,203,98,.06)!important;
    border:1px solid rgba(246,203,98,.16)!important;
  }
  .ci-casino-card__offer>span{font-size:.58rem!important;}
  .ci-casino-card__offer>strong{font-size:.95rem!important;}

  .ci-casino-card__facts{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .ci-casino-card__facts li{
    background:#111925!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.06)!important;
    padding:9px 8px 9px 24px!important;
    font-size:.72rem!important;
  }

  .ci-casino-card__meta{
    display:none!important;
  }

  .ci-coupon-code{
    border-radius:12px!important;
  }

  .ci-casino-card__action .ci-button{
    height:48px!important;
    border-radius:14px!important;
    font-size:.8rem!important;
  }

  .ci-card-compare{display:none!important;}
}


/* CasinoInn v1.8.1 mobile card spacing correction */
@media (max-width:767px){

/* Fix ranking card: remove oversized empty areas */
.ci-ranking__list{
  gap:12px!important;
}

.ci-casino-card,
.ci-casino-card--compact{
  display:block!important;
  padding:12px!important;
  border-radius:18px!important;
  min-height:0!important;
}

/* top row */
.ci-casino-card__rank{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
}

.ci-casino-card__brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding-left:58px!important;
  min-height:58px!important;
}

.ci-casino-card__brand img,
.ci-logo-placeholder{
  width:48px!important;
  height:48px!important;
  border-radius:12px!important;
}

.ci-casino-card__brand h3,
.ci-casino-card__brand-copy h3{
  font-size:1rem!important;
  margin:0!important;
}

.ci-stars{
  font-size:.75rem!important;
  line-height:1.1!important;
}

/* remove huge empty bonus area */
.ci-casino-card__offer{
  margin-top:12px!important;
  padding:10px!important;
  border-radius:12px!important;
}

.ci-casino-card__offer>strong{
  display:block!important;
  font-size:.78rem!important;
  line-height:1.3!important;
}

.ci-casino-card__details{
  margin-top:10px!important;
  padding-top:10px!important;
}

.ci-casino-card__facts{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

.ci-casino-card__facts li{
  flex:1 1 calc(50% - 6px)!important;
  min-height:34px!important;
  padding:7px 8px 7px 22px!important;
  font-size:.65rem!important;
  border-radius:10px!important;
}

.ci-casino-card__meta{
  display:none!important;
}

.ci-casino-card__action{
  margin-top:12px!important;
}

.ci-casino-card__action .ci-button{
  height:42px!important;
  min-height:42px!important;
  border-radius:12px!important;
  font-size:.72rem!important;
}

/* Blog embedded casino card */
.ci-article-body .ci-inline-promo,
.ci-article-body .ci-inline-promo .ci-casino-card,
.ci-article-body .ci-inline-promo .ci-casino-card--compact{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

.ci-article-body .ci-inline-promo .ci-casino-card{
  padding:14px!important;
}

.ci-article-body .ci-inline-promo .ci-casino-card__offer{
  display:none!important;
}

.ci-article-body .ci-inline-promo .ci-casino-card__facts{
  margin-top:10px!important;
}

.ci-article-body .ci-inline-promo .ci-casino-card__action{
  margin-top:10px!important;
}

}


/* CasinoInn v1.8.2 - finder widget spacing correction */
@media (max-width: 767px) {
  .ci-smart-toolbar {
    margin-bottom: 14px !important;
    padding-bottom: 14px !important;
  }

  .ci-smart-toolbar + .ci-smart-rerank,
  .ci-smart-toolbar + [data-ci-rerank],
  .ci-smart-toolbar + .ci-ranking-tools {
    margin-top: 14px !important;
  }

  .ci-smart-finder-launch {
    margin-bottom: 10px !important;
  }
}