/* Fortix Market V7 - hand-checked final layout refinements */
:root{--ft-accent:#ff9e27;--ft-amber:#ffcc66;--ft-outline:#344457;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffbe5e!important;outline-offset:3px;}
/* Compact, consistently readable header and art-led game chooser */
.utility-inner{gap:14px!important}.utility-inner>div:first-child{min-width:0;white-space:normal}
.game-circles-scroll{scrollbar-width:thin;scrollbar-color:#d58a25 #141d2b}
.circle-category{min-width:0}.circle-category strong{font-size:11px!important;line-height:1.3!important;text-wrap:balance}
.circle-image{isolation:isolate;overflow:hidden}.circle-image img{object-fit:cover!important;object-position:center 27%}
/* Dedicated art in last few badges must show category identity instead of unrelated games */
.circle-category:nth-child(3) .circle-image img,.circle-category:nth-child(n+9) .circle-image img{object-position:center!important;}
/* Preserve premium banner legibility even on busy background */
.hero-words{filter:drop-shadow(0 2px 10px rgba(0,0,0,.2))}.hero-words h1{overflow-wrap:break-word}
.hero-side .promo-small b{font-size:9px!important}.hero-side .promo-small>div>span{line-height:1.35}
/* All tiles use one coherent card shape */
.product-grid{align-items:stretch}.product-card{display:flex!important;flex-direction:column!important;min-width:0}
.prod-content{display:flex!important;flex-direction:column!important;flex:1;gap:6px}
.prod-name{margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px!important;font-size:12px!important}
.prod-delivery{align-self:flex-start;margin-top:auto}.price-line{margin-top:5px!important;padding-top:9px!important}
.product-card form{margin-top:1px}.product-card .add-btn{font-size:11px!important;height:38px!important;min-height:38px!important}
.prod-img img{image-rendering:auto;transform-origin:center}
/* Sitewide consistent input contrast, including light/dark parts left in original styles */
.cart-unit input,.auth-box input,.checkout-panel input,.checkout-panel textarea,.coupon-form input{color:#f7f8ff!important}
.cart-unit input::placeholder,.auth-box input::placeholder,.checkout-panel textarea::placeholder,.coupon-form input::placeholder{color:#9badbf!important}
.category-full>div{min-height:55px!important}.category-full>div strong{font-size:12px!important}
.category-full>div span{font-size:11px!important}.category-full img{object-position:center 30%!important}
/* Interactive feedback */
.product-card .add-btn,.hero-cta,.campaign-inner>a,.category-full,.cat-tile,.nav-menu-btn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.product-card .add-btn:hover,.hero-cta:hover{filter:brightness(1.08)!important;transform:translateY(-1px)}
@media(min-width:1110px){.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.prod-img{aspect-ratio:1.63!important}}
@media(min-width:721px) and (max-width:1109px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.head-main .fortix-brand{flex-basis:200px!important}.head-main{gap:10px!important}.hero-words h1{font-size:29px!important}}
@media(max-width:720px){
 .circle-category strong{font-size:10px!important}.game-circles{margin-top:0!important}.game-circles-scroll{gap:13px!important}
 .hero-words{max-width:min(255px,85%)!important}.hero-slide{padding-left:22px!important;padding-right:22px!important}
 .hero-slider{height:286px!important}.hero-words h1{font-size:clamp(21px,6vw,27px)!important}.hero-words h1 em{font-size:inherit!important}
 .hero-side{height:auto!important;min-height:128px!important}.promo-small{min-height:128px!important}
 .promo-small h3{font-size:12px!important}.promo-small h3 span{font-size:12px!important}.promo-small>div>span{font-size:9px!important}
 .prod-img{aspect-ratio:1.45!important}.prod-content{padding:10px!important}.prod-delivery{font-size:9px!important}
 .product-card .add-btn{font-size:10px!important;min-height:36px!important}
 .price-line strong,.price-wrap strong{font-size:16px!important}.prod-name{font-size:11px!important}
 .category-full>div{min-height:64px!important}.category-full strong{max-width:75%;overflow-wrap:anywhere}
 .cookie-banner{right:12px!important;left:12px!important;bottom:12px!important;width:auto!important;max-width:none!important}
}
@media(max-width:370px){.hero-slider{height:290px!important}.hero-words h1{font-size:20px!important}.promo-small{padding:8px!important}.promo-small h3{font-size:11px!important}.product-grid{gap:8px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide,.product-card,.category-full,.cat-tile{transition:none!important}}
/* Final audit: eliminate the legacy bright FAQ tile that broke the dark theme. */
.faq-teasers{background:linear-gradient(112deg,#172536,#101a29)!important;border:1px solid #37475a!important;color:#f3f6fd!important;box-shadow:0 10px 24px #030a164d!important}
.faq-teasers h3{color:#fff4e5!important}
.faq-teasers p{color:#aec0d3!important}
.faq-teasers .btn-dark{background:#223149!important;color:#ffe9c4!important;border:1px solid #51627b!important}
.faq-teasers .btn-dark:hover{background:#31445b!important}
@media(max-width:720px){.faq-teasers{padding:18px!important;align-items:flex-start!important;gap:14px!important}.faq-teasers h3{font-size:17px!important}.faq-teasers p{font-size:12px!important}}