/* FORTIX MARKET V6 — DK palette inspired orange / amber / ivory design.
   This is the final CSS layer after style.css + polish.css; no payments are simulated as live. */
:root{
  --orange:#ff881d;--orange2:#ee5417;--dark:#0d1520;--dark2:#0a1019;
  --bg:#0a111c;--white:#131d2b;--text:#f5f7fb;--muted:#a9b4c4;
  --line:#303a4a;--shadow:0 12px 30px #03050b55;
  --ft-surface:#131d2b;--ft-surface2:#1b2737;--ft-bg:#0a111c;
  --ft-border:#334052;--ft-ink:#f5f7fb;--ft-muted:#b1bccc;
  --ft-accent:#ff8b1d;--ft-accent2:#ffc34c;
  --sun:#ffb93b;--cream:#fff2c7;--ember:#f15417;
}
html,body{background:#0a111c;color:#f5f7fb}
body{background:radial-gradient(ellipse 72% 36% at 72% -8%,#5b240e35,transparent 77%),#0a111c}
::selection{color:#18120c;background:#ffca60}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffbc45;outline-offset:3px}
/* Campaign strip in the reference's orange-yellow visual language */
.campaign-bar{background:linear-gradient(103deg,#341018 0%,#8b2511 24%,#eb5314 61%,#a63309 84%,#4c1e0b 100%)!important;border-bottom:1px solid #e575236b;position:relative;isolation:isolate;overflow:hidden;min-height:43px}
.campaign-bar::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.21;background:radial-gradient(circle at 5% 45%,#ffe87a 0 8px,transparent 9px),radial-gradient(circle at 86% 40%,#fff3af 0 10px,transparent 11px),radial-gradient(circle at 92% 88%,#ffb64f 0 28px,transparent 29px),repeating-linear-gradient(121deg,transparent 0 58px,#ffb93b45 59px 61px,transparent 62px 130px)}
.campaign-inner{min-height:43px;position:relative;z-index:1;gap:15px}
.campaign-inner strong{font-size:14px!important;letter-spacing:.2px;color:#fff7e4;text-shadow:0 2px 8px #450e0a}
.campaign-message{color:#fff0da!important;font-weight:650}
.campaign-spark{color:#ffda5a!important;text-shadow:0 0 13px #ffd23e}
.campaign-inner>a{border:1px solid #ffce7899!important;border-radius:8px!important;padding:7px 12px!important;color:#2a1709!important;background:linear-gradient(180deg,#ffdc68,#ff9d19)!important;box-shadow:0 3px 8px #56240b5a;font-weight:850}
.campaign-inner>a:hover{filter:brightness(1.09)}
.utility-bar{background:#0d131d!important;border-bottom:1px solid #293341!important;color:#bbc6d7}
.utility-bar a{color:#e8eefa}.utility-bar a:hover,.utility-right svg{color:#ffb643!important}
.site-head{background:#0c131e!important;border-bottom:1px solid #2d3949!important}
.head-main{height:82px!important}
.fortix-brand .brand-mark{width:52px!important;height:52px!important;flex-basis:52px!important;filter:drop-shadow(0 3px 9px #e9661724)!important}
.fortix-brand .brand-words{font-size:19px!important;font-weight:950!important;letter-spacing:-.65px;color:#f8f9ff!important;text-shadow:none!important}
.fortix-brand .brand-words .brand-market{color:#ff941f!important}
.fortix-brand .brand-words small{color:#a9b5c9!important;letter-spacing:1.65px!important}
.head-main .nav-menu-btn{background:#171f2d!important;border-color:#405069!important;color:#f4f6fc!important;border-radius:10px}
.head-main .nav-menu-btn:hover{border-color:#f4a833!important;color:#ffbe51!important}
.head-main .search-wrap{border:2px solid #f28a24!important;box-shadow:0 0 0 3px #ff951011!important;border-radius:12px!important;background:#fffaf3!important}
.head-main .search-wrap:focus-within{box-shadow:0 0 0 4px #ffad3b44!important}
.head-main .search-wrap input{color:#282125!important}
.head-main .search-wrap input::placeholder{color:#7e8591!important}
.head-main .search-wrap button{background:linear-gradient(115deg,#fa5a19,#ff9d23)!important;color:#fff!important;font-weight:850!important;border-left:1px solid #de6111!important}
.head-main .search-wrap button:hover{background:linear-gradient(115deg,#e64e14,#f47f0b)!important}
.head-main .head-action{background:#151f2d!important;border-color:#394657!important;color:#f2f6fc!important}
.head-main .head-action:hover{border-color:#e58b30!important;color:#ffd57e!important}
.head-main .cart-link i{background:linear-gradient(120deg,#ffb12b,#ed4b11)!important;border-color:#0b121c!important;color:#1f150e!important}
.category-nav{background:#0d151f!important;border-top:1px solid #222f3e!important;border-bottom:1px solid #a653144a!important}
.nav-inner>a{color:#e2e8f0!important;font-size:11px!important}
.nav-inner>a:hover,.nav-inner>a:focus-visible,.nav-inner .nav-all,.nav-inner .nav-last{color:#ffb141!important}
.game-circles{background:linear-gradient(180deg,#101823,#0b121e)!important}
.circle-category{color:#e9eef6!important}
.circle-category strong{color:#dde7f0!important}
.circle-image{border:2px solid #ff9c28!important;box-shadow:0 0 0 3px #f5850914,0 7px 19px #03070b8a!important;background:#162031!important;transition:transform .2s,box-shadow .2s!important}
.circle-category:hover .circle-image{transform:translateY(-4px) scale(1.035);box-shadow:0 0 0 4px #ffa93d42,0 13px 28px #03070b!important}
/* Main hero, both side banners and slider controls */
.home{padding-top:16px!important}
.hero-layout{height:325px!important;gap:13px!important;grid-template-columns:minmax(0,1.89fr) minmax(320px,1fr)!important}
.hero-slider{border:1px solid #a84f258c!important;border-radius:15px!important;box-shadow:0 15px 35px #03040b52}
.hero-slide{padding:35px 58px!important;background-position:center center!important}
.hero-slide::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(104deg,#070e18af 0%,#170b0c44 45%,#ffc33d09 100%)}
.hero-words{z-index:1!important}
.hero-words .eyebrow{border:1px solid #f5a6328e!important;background:#251911a8!important;color:#ffe9b3!important;letter-spacing:1px!important;border-radius:7px!important}
.hero-words h1{font-size:39px!important;line-height:1.14!important;max-width:510px!important;letter-spacing:-.9px!important;text-shadow:0 4px 14px #0007}
.hero-words h1 em{color:#ffc44f!important;font-style:normal!important;text-shadow:0 2px 10px #682e0f}
.hero-words p{font-size:13px!important;color:#fcf0df!important;text-shadow:0 2px 7px #0a040ca9}
.hero-cta,.hero-words .hero-cta,.btn-orange,.add-btn,.btn.btn-orange{background:linear-gradient(120deg,#f55c16,#ffab1a)!important;border:1px solid #ffc35285!important;color:#fff!important;box-shadow:0 4px 14px #a743142f!important;font-weight:850!important}
.hero-cta:hover,.btn-orange:hover,.add-btn:hover{background:linear-gradient(120deg,#e74c10,#fb8b12)!important;filter:brightness(1.04)}
.slide-arrow{border-color:#ffbb5d8a!important;background:#141923bd!important;color:#fff5db!important;border-radius:9px!important}
.slide-arrow:hover{background:#e87519!important}
.hero-dots button{background:#ded0c29e!important}.hero-dots button.active{background:#ffba3e!important}
.hero-side{gap:12px!important}
.promo-small{border:1px solid #5b452e!important;border-radius:13px!important;background:#1b1f29!important}
.promo-small::before{background:linear-gradient(90deg,#10141fee 0%,#171412a6 45%,#2e210c21 100%)!important}
.promo-small img{filter:brightness(.84) saturate(1.1)!important;opacity:1!important}
.promo-small b,.promo-steam b{color:#ffbe53!important}
.promo-small h3{font-size:20px!important;line-height:1.12!important;text-shadow:0 3px 10px #000a}
.promo-small h3 span{color:#ffcc69!important}
.promo-small>div>span{color:#f5f7ff!important}
/* Benefits / headings */
.benefit-bar{background:#121d2b!important;border:1px solid #384558!important;box-shadow:0 9px 23px #0003!important;border-radius:12px!important;padding:15px 13px!important;margin-top:15px!important}
.benefit-bar>div{border-right:1px solid #384557!important}
.benefit-bar svg{color:#ffa326!important}
.benefit-bar strong{color:#f4f7ff!important}
.benefit-bar small{color:#a7b7c6!important}
.section-head,.section-head.spaced{margin-top:32px!important;margin-bottom:17px!important}
.section-head h2{color:#f8f9fd!important;font-size:25px!important}
.section-head .overline,.overline{color:#ffb142!important}
.section-head p,.section-link{color:#afbbc9!important}
.section-link svg{color:#ff9e24!important}
/* Consistent picture-first product cards with compact copy and legible price/action */
.product-grid{gap:14px!important}
.product-card{background:#111d2c!important;border:1px solid #384456!important;border-radius:13px!important;box-shadow:0 8px 24px #02071453!important;color:#edf1f6!important}
.product-card:hover{transform:translateY(-3px);border-color:#ee922e!important;box-shadow:0 15px 32px #03050b99,0 0 0 1px #ffa64228!important}
.prod-img{aspect-ratio:1.63!important;background:#182436!important}
.prod-img img{width:100%;height:100%;object-fit:cover}
.prod-img::after{content:"";position:absolute;inset:auto 0 0;height:20px;background:linear-gradient(0deg,#131d2b78,transparent);pointer-events:none}
.prod-badge{background:linear-gradient(115deg,#ff631f,#ff9c1d)!important;color:#fff!important;border:1px solid #ffb64c88!important;box-shadow:0 3px 11px #080e17b0!important;font-weight:850!important}
.prod-content{background:#111b29!important;padding:11px!important;min-height:155px!important}
.prod-name{color:#f5f7fe!important;font-size:12px!important;font-weight:760!important;line-height:1.36!important;min-height:35px!important}
.prod-delivery{color:#4fdb99!important;background:#10261d!important;border:1px solid #286a49!important;font-size:10px!important}
.prod-delivery svg{color:#6cedb2!important}
.price-line{border-color:#304052!important;gap:7px!important;padding-top:10px!important;margin-top:10px!important}
.price-line strong,.price-wrap strong{color:#ffdda0!important;font-weight:900!important;font-size:18px!important}
.price-line del,.price-wrap del{color:#9eabba!important}
.product-card .add-btn{border-radius:8px!important;min-height:37px!important;height:37px!important;box-shadow:none!important;font-size:10px!important}
.product-card .add-btn:hover{filter:brightness(1.07)}
.product-card .add-btn:disabled{background:#3e4857!important;border-color:#535d6c!important}
/* Category grid, filters, other promotional content */
.category-full,.cat-tile{border-color:#38475a!important;background:#132032!important}
.category-full:hover,.cat-tile:hover{border-color:#f39833!important}
.category-full>div,.cat-tile span{background:#131d2a!important;color:#f7f7f9!important}
.category-full strong{color:#fff3db!important}
.category-full span{color:#f9b95e!important}
.wide-promo{border:1px solid #8c4c2b85!important;background:#141b26!important}
.wide-promo:after{background:linear-gradient(90deg,#131317eb 0%,#1a1117d4 35%,transparent 100%)!important}
.catalog-toolbar,.filters,.summary-card,.cart-list,.checkout-panel,.account-content,.account-side,.legal-box,.auth-box,.empty-state{background:#131e2d!important;border:1px solid #37465b!important;color:#f3f5fb!important}
.catalog-toolbar select,.checkout-panel input:not([type=hidden]),.checkout-panel textarea,.auth-box input,.coupon-form input{background:#0b1522!important;border-color:#48566a!important;color:#f7f7fb!important}
.catalog-toolbar select:focus,.checkout-panel input:focus,.coupon-form input:focus{outline-color:#ffac39!important;border-color:#ffa639!important}
.cart-row{border-color:#344358!important}.cart-list-head{border-color:#344358!important}
.cart-row>strong,.summary-total strong{color:#ffe0a1!important}
.cart-unit input{background:#101a28!important;border-color:#435169!important}
.summary-card h3,.checkout-panel h3,.cart-list-head{color:#f8f9ff!important}
.summary-line{border-color:#35465a!important}
.coupon-form button{background:#28374a!important;border-color:#52617b!important}
.account-side a.active,.account-side a:hover{color:#ffdc95!important;background:#3d2b1d!important}
.filters a.selected,.filters a:hover{color:#ffd28a!important}
.btn-outline:hover{border-color:#e69536!important;background:#2e2c2b!important;color:#fff!important}
.auth-visual h2 em{color:#ffae36!important}
/* Shared footer + cookies + interactions */
.newsletter,.site-footer{background:#0d1520!important;color:#f5f7fa!important}
.newsletter{border-color:#364254!important}
.newsletter .news-icon{color:#fbae37!important;background:#462b19!important}
.site-footer a:hover{color:#ffba4a!important}
.cookie-banner{background:#152030!important;color:#eaf0fa!important;border:1px solid #45536b!important;box-shadow:0 18px 48px #000a!important}
.cookie-banner button{background:linear-gradient(120deg,#f76715,#ffa422)!important;color:#fff!important;border-radius:8px!important}
.cookie-banner p{color:#b8c2d1!important}
.status,.ticket-item{border-color:#3b4a60!important}
/* Responsive fallbacks prevent narrow-screen horizontal overflow. */
@media(max-width:1290px){.hero-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)!important}.head-main{gap:10px!important}.promo-small h3{font-size:17px!important}}
@media(max-width:1030px){.hero-layout{height:292px!important}.hero-slide{padding:26px 36px!important}.hero-words h1{font-size:30px!important}.promo-small h3{font-size:15px!important}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:720px){
 .campaign-bar{min-height:39px}.campaign-inner{min-height:39px;gap:7px}.campaign-inner strong{font-size:10px!important}.campaign-message{display:none!important}.campaign-inner>a{font-size:9px!important;padding:5px 8px!important}.campaign-spark{font-size:12px}
 .head-main{height:auto!important;min-height:73px}.fortix-brand .brand-mark{width:40px!important;height:40px!important;flex-basis:40px!important}.fortix-brand .brand-words{font-size:14px!important}.fortix-brand .brand-words small{font-size:6px!important}
 .head-main .search-wrap{border-width:1.5px!important}.head-main .search-wrap button{font-size:11px!important}
 .game-circles{padding:12px 0!important}.circle-image{width:63px!important;height:63px!important}
 .hero-layout{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important;gap:9px!important;height:auto!important}.hero-slider{height:265px!important}.hero-slide{padding:23px 28px!important;background-position:center!important}.hero-words h1{font-size:28px!important}.hero-words p{font-size:11px!important}.hero-words .eyebrow{font-size:8px!important}
 .hero-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:1fr!important;height:132px!important;gap:9px!important}.promo-small{padding:11px!important}.promo-small h3{font-size:13px!important}.promo-small b{font-size:7px!important}
 .benefit-bar{padding:12px 6px!important}.benefit-bar>div{padding:0 8px!important}.benefit-bar strong{font-size:10px!important}.benefit-bar small{font-size:9px!important}
 .section-head,.section-head.spaced{margin-top:25px!important}.section-head h2{font-size:21px!important}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .prod-content{padding:9px!important;min-height:150px!important}.prod-img{aspect-ratio:1.42!important}.prod-name{font-size:11px!important;min-height:38px!important}
 .product-card .add-btn{min-height:32px!important;height:32px!important;font-size:10px!important}
 .price-line strong,.price-wrap strong{font-size:15px!important}
 .category-full-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:365px){.hero-words h1{font-size:24px!important}.fortix-brand .brand-words{font-size:12px!important}.product-card .add-btn{font-size:9px!important}}
/* V6 responsive slider polish: navigation never covers headline on phones. */
@media(max-width:720px){
 .hero-slider{height:282px!important}
 .hero-words{max-width:255px!important}
 .hero-words h1{font-size:24px!important;max-width:248px!important;line-height:1.14!important}
 .hero-words h1 em{font-size:23px!important}
 .hero-words p{max-width:238px!important;margin:10px 0 13px!important;font-size:10px!important}
 .hero-cta{font-size:11px!important;padding:9px 12px!important;min-height:35px!important}
 .slide-arrow.prev,.slide-arrow.next{top:auto!important;bottom:10px!important;transform:none!important;left:auto!important;width:28px!important;height:29px!important}
 .slide-arrow.prev{right:46px!important}.slide-arrow.next{right:12px!important}
 .hero-dots{left:25px!important;bottom:20px!important}
}