/*
Theme Name: SamoneHub
Theme URI: https://samonehub-5bwsnlj7.manus.space/
Author: Samone Trader Ltd.
Author URI: https://samonehub-5bwsnlj7.manus.space/
Description: Exact pixel-perfect digital game market theme inspired by SamoneHub. Fully integrated with WooCommerce, Brizy Page Builder, and WhatsApp Checkout.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: samonehub
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e6f2f3;-webkit-font-smoothing:antialiased;background:#0b1522;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input{font:inherit}button:not(:disabled),a[href],input{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}::selection{color:#07151c;background:#39e6c1}:root{--canvas:#0b1522;--canvas-deep:#08111c;--panel:#101e2c;--panel-raised:#152637;--panel-light:#1b3041;--aqua:#39e6c1;--aqua-muted:#8bcfc2;--ink:#e8f3f4;--ink-soft:#94aebb;--coral:#ff806d;--line:#7aa3b133;--display:"Barlow Condensed",sans-serif}.storefront-shell{background:var(--canvas);min-height:100vh;overflow:hidden}.site-header{z-index:20;background:#07101bf5;border-bottom:1px solid #71a3b429;position:relative}.topbar{align-items:center;gap:40px;min-height:78px;display:flex}.brand-link{flex-shrink:0;display:inline-flex}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-symbol{place-items:center;width:36px;height:36px;display:grid}.brand-symbol img{object-fit:contain;filter:drop-shadow(0 0 11px #39e6c13d);width:33px;height:33px}.brand-text{flex-direction:column;gap:1px;display:flex}.brand-name{color:#edf7f7;font-family:var(--display);letter-spacing:.075em;font-size:24px;font-weight:700;line-height:.9}.brand-name span{color:var(--aqua)}.brand-subtitle{color:#6f8c9b;font-family:var(--display);letter-spacing:.22em;font-size:8px;font-weight:600}.main-nav{align-items:center;gap:29px;height:78px;display:flex}.main-nav a,.main-nav button{color:#8ea5b1;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;background:0 0;font-size:14px;font-weight:600;transition:color .18s;position:relative}.main-nav a:hover,.main-nav button:hover,.main-nav .active{color:var(--ink)}.main-nav .active:after{content:"";background:var(--aqua);height:2px;position:absolute;bottom:-29px;left:0;right:0;box-shadow:0 0 12px #39e6c180}.header-actions{align-items:center;gap:15px;margin-left:auto;display:flex}.header-install{color:#12252c;background:var(--aqua);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex}.header-install:hover{transform:translateY(-1px);box-shadow:0 0 22px #39e6c140}.icon-button,.account-button{color:#91a8b4;background:0 0;justify-content:center;align-items:center;gap:6px;transition:color .16s,transform .16s;display:inline-flex}.icon-button:hover,.account-button:hover{color:var(--aqua);transform:translateY(-1px)}.icon-button{width:28px;height:34px;position:relative}.action-count{background:var(--aqua);color:#09202a;min-width:14px;height:14px;font-family:var(--display);border-radius:8px;padding:1px 3px;font-size:9px;font-weight:700;line-height:12px;position:absolute;top:-2px;right:-5px}.account-button{border-left:1px solid var(--line);padding:8px 0 8px 10px;font-size:12px}.mobile-menu-button{color:var(--ink);background:0 0;display:none}.hero-stage{padding-top:30px}.hero-art{isolation:isolate;background-position:50%;background-size:cover;border:1px solid #82b9c442;min-height:518px;position:relative;overflow:hidden;box-shadow:0 20px 45px #00000040}.hero-art:after{content:"";z-index:-1;background-image:linear-gradient(90deg,#040d17eb,#040d17b8 28%,#040d1714 65%,#040d1752),linear-gradient(#0000 55%,#030c158c);position:absolute;inset:0}.hero-scrim{background:linear-gradient(#0000 73%,#07121cbd);position:absolute;inset:0}.hero-grid-glow{mix-blend-mode:screen;pointer-events:none;background:radial-gradient(#33e6c129,#0000 67%);width:37%;height:78%;position:absolute;top:10%;right:7%}.hero-copy{z-index:2;max-width:495px;padding:94px 0 65px 70px;animation:.48s cubic-bezier(.23,1,.32,1) both hero-in;position:relative}@keyframes hero-in{0%{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:var(--aqua);font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:700;line-height:1;display:flex}.eyebrow-line{background:var(--aqua);width:27px;height:2px;display:inline-block;box-shadow:0 0 9px #39e6c18a}.hero-copy h1{color:#f0fbfb;font-family:var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:20px 0 16px;font-size:clamp(58px,6vw,93px);font-weight:700;line-height:.87}.hero-copy h1 span{display:block}.hero-copy p{color:#c0d0d5;max-width:375px;margin:0;font-size:15px;line-height:1.55}.hero-ctas{flex-wrap:wrap;align-items:center;gap:11px;margin-top:30px;display:flex}.primary-button,.secondary-button{min-height:43px;font-family:var(--display);letter-spacing:.07em;text-transform:uppercase;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-size:13px;font-weight:700;transition:transform .16s,background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.primary-button{background:var(--aqua);color:#092029;box-shadow:0 7px 25px #39e6c121}.primary-button:hover{background:#74f0d7;transform:translateY(-2px);box-shadow:0 10px 30px #39e6c147}.primary-button:active,.secondary-button:active,.header-install:active{transform:scale(.97)}.secondary-button{color:#eff8f8;background:#09152066;border:1px solid #aed5d859}.secondary-button:hover{border-color:var(--aqua);color:var(--aqua);transform:translateY(-2px)}.hero-meta{color:#9bb1b9;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:18px;margin-top:29px;font-size:11px;font-weight:600;display:flex}.hero-meta span{align-items:center;gap:6px;display:inline-flex}.hero-meta span+span:before{content:"";background:#647d88;border-radius:50%;width:3px;height:3px;margin-right:2px}.hero-side-note{z-index:3;transform-origin:100%;color:#cee6e69e;font-family:var(--display);letter-spacing:.24em;align-items:center;gap:10px;font-size:9px;font-weight:700;display:flex;position:absolute;top:50%;right:22px;transform:rotate(90deg)translate(50%)}.side-note-line{background:#cee6e680;width:58px;height:1px;display:inline-block}.hero-controls{z-index:4;align-items:center;gap:15px;display:flex;position:absolute;bottom:34px;right:43px}.hero-arrow{color:#eaf8f5;background:#0a182380;border:1px solid #b7dee059;place-items:center;width:31px;height:31px;transition:border-color .18s,background .18s,transform .16s;display:grid}.hero-arrow:hover{border-color:var(--aqua);background:#1e5b5ecc;transform:translateY(-2px)}.slide-pips{align-items:center;gap:6px;display:flex}.slide-pips button{background:#d2e5e759;width:19px;height:2px;padding:0;transition:width .18s,background .18s}.slide-pips button.active{background:var(--aqua);width:42px;box-shadow:0 0 8px #39e6c180}.store-content{padding-top:58px}.browse-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px;display:flex}.store-search{color:#8fa9b5;background:#101f2d;border:1px solid #74a3b14d;align-items:center;gap:10px;width:min(430px,100%);padding:12px 13px;transition:border-color .18s,box-shadow .18s;display:flex}.store-search:focus-within{border-color:var(--aqua);box-shadow:0 0 0 3px #39e6c114}.store-search input{width:100%;color:var(--ink);cursor:text;background:0 0;border:0;outline:0;font-size:13px}.store-search input::placeholder{color:#708895}.store-search button{color:#91aeb9;background:0 0;place-items:center;display:grid}.toolbar-links{align-items:center;gap:24px;display:flex}.toolbar-links button{color:#92a8b2;font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;background:0 0;align-items:center;gap:7px;font-size:12px;font-weight:700;transition:color .18s;display:inline-flex}.toolbar-links button:hover{color:var(--aqua)}.toolbar-links button span{min-width:18px;height:18px;color:var(--aqua);background:#214050;border-radius:50%;place-items:center;font-size:10px;display:grid}.content-layout{grid-template-columns:185px minmax(0,1fr);align-items:start;gap:46px;display:grid}.discovery-sidebar{border-right:1px solid var(--line);padding-right:24px}.sidebar-block+.sidebar-block{margin-top:38px}.sidebar-label{color:#5f8492;font-family:var(--display);letter-spacing:.2em;margin-bottom:14px;font-size:10px;font-weight:700}.sidebar-link{color:#8ea9b4;text-align:left;background:0 0;align-items:center;gap:9px;width:100%;padding:8px 0;font-size:13px;transition:color .18s,transform .18s;display:flex}.sidebar-link:hover,.sidebar-link.active{color:var(--aqua);transform:translate(2px)}.sidebar-link.active{font-weight:700}.sidebar-count{color:#526f7d;font-family:var(--display);margin-left:auto;font-size:10px}.genre-dot{background:#6d8490;border-radius:50%;width:7px;height:7px}.genre-action{background:#ff806d}.genre-adventure{background:#a49aff}.genre-strategy{background:#39e6c1}.genre-rpg{background:#f7cb67}.genre-simulation{background:#70baf5}.sidebar-promo{background:linear-gradient(135deg,#193f4ae6,#0b1c28cc);border:1px solid #39e6c152;margin-top:53px;padding:18px 16px 19px;position:relative;overflow:hidden}.sidebar-promo:after{content:"";border:1px solid #39e6c159;border-radius:50%;width:95px;height:95px;position:absolute;bottom:-30px;right:-26px;box-shadow:0 0 0 13px #39e6c10a,0 0 0 27px #39e6c108}.promo-kicker{color:var(--aqua);font-family:var(--display);letter-spacing:.16em;margin-bottom:17px;font-size:9px;font-weight:700;display:block}.sidebar-promo strong{color:#eef9f6;max-width:125px;font-family:var(--display);text-transform:uppercase;font-size:22px;line-height:.95;display:block}.sidebar-promo p{color:#8ba8b0;max-width:125px;margin:15px 0 0;font-size:11px;line-height:1.4}.catalog-column{min-width:0}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.section-heading h2{color:#eff8f8;font-family:var(--display);letter-spacing:-.015em;text-transform:uppercase;margin:10px 0 0;font-size:31px;font-weight:700;line-height:.95}.text-action{color:var(--aqua);font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;background:0 0;align-items:center;gap:9px;margin-bottom:3px;font-size:11px;font-weight:700;transition:gap .18s;display:inline-flex}.text-action:hover{gap:13px}.filter-row{scrollbar-width:none;gap:8px;margin:0 0 22px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{color:#8ca6b0;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;background:#122230b3;border:1px solid #729eac33;flex:none;padding:7px 11px;font-size:11px;font-weight:700;transition:color .18s,background .18s,border-color .18s}.filter-row button:hover,.filter-row button.active{color:var(--aqua);background:#2459598c;border-color:#39e6c180}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 18px;display:grid}.game-card{min-width:0;animation:card-in .45s calc(var(--stagger) + 40ms)both cubic-bezier(.23,1,.32,1)}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.game-image-wrap{aspect-ratio:1.56;background:#122535;border:1px solid #7eb2bb42;position:relative;overflow:hidden}.game-image{object-fit:cover;filter:saturate(.9);width:100%;height:100%;transition:transform .3s cubic-bezier(.23,1,.32,1),filter .3s;display:block}.game-card:hover .game-image{filter:saturate(1.13);transform:scale(1.045)}.image-overlay{pointer-events:none;background:linear-gradient(#0000 48%,#08131d8c);position:absolute;inset:0}.wishlist-button{color:#e9f8f5;opacity:0;background:#07121ba6;border:1px solid #dbf4f059;place-items:center;width:29px;height:29px;transition:opacity .18s,transform .18s,color .18s,background .18s;display:grid;position:absolute;top:10px;right:10px;transform:translateY(-4px)}.game-card:hover .wishlist-button,.wishlist-button.saved{opacity:1;transform:translateY(0)}.wishlist-button:hover,.wishlist-button.saved{background:var(--aqua);color:#092029}.rating-tag{color:#b9d1d3;font-family:var(--display);letter-spacing:.09em;text-transform:uppercase;background:#07121bcc;padding:5px 7px;font-size:9px;font-weight:700;position:absolute;bottom:9px;left:10px}.rating-tag.aqua{color:var(--aqua)}.rating-tag.coral{color:#ff9b8b}.rating-tag.blue{color:#8dc9f8}.rating-tag.gold{color:#f7cf78}.rating-tag.violet{color:#c3b6ff}.game-info{padding:12px 2px 0}.game-annotation{color:#5f8792;font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:8px;font-weight:700;line-height:1;display:flex}.annotation-line{background:var(--aqua);opacity:.75;width:14px;height:1px}.game-title-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.game-title-row h3{color:#e9f5f5;font-family:var(--display);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;font-weight:700;line-height:1;overflow:hidden}.game-genre{color:#668492;font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;font-size:9px;font-weight:700}.game-info p{color:#78919e;margin:6px 0 11px;font-size:12px}.price-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.price-block{align-items:center;gap:7px;min-width:0;display:flex}.deal-tag{color:var(--coral);font-family:var(--display);background:#ff806d29;padding:4px 6px;font-size:11px;font-weight:700}.old-price{color:#5e7682;font-size:11px;text-decoration:line-through}.price-block strong{color:#d4e7e8;font-family:var(--display);font-size:16px;font-weight:700}.card-arrow{color:#91aab4;background:#152b3a;flex-shrink:0;place-items:center;width:28px;height:25px;transition:background .18s,color .18s,transform .18s;display:grid}.card-arrow:hover{background:var(--aqua);color:#092029;transform:translate(2px)}.empty-state{color:#7c9aa5;text-align:center;border:1px dashed #74a3b147;align-content:center;place-items:center;gap:8px;min-height:220px;display:grid}.empty-state strong{color:var(--ink);font-family:var(--display);text-transform:uppercase;font-size:24px}.empty-state p{margin:0}.category-section{padding-top:103px}.category-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.category-tile{color:#eff9f8;text-align:left;isolation:isolate;background:#142637;border:1px solid #82b3bd40;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:132px;padding:17px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.category-tile:after{z-index:-1;content:"";background:linear-gradient(135deg,#07121c0f,#07121ce0);position:absolute;inset:0}.category-signal{color:#ddf4ef9e;font-family:var(--display);letter-spacing:.15em;font-size:8px;font-weight:700;position:absolute;top:14px;left:16px}.category-signal i{color:var(--aqua);letter-spacing:.04em;margin-left:4px;font-style:normal}.category-map-line{opacity:.8;background:linear-gradient(90deg,#39e6c19e,#0000);width:62%;height:1px;position:absolute;top:31px;left:16px}.category-map-line:after{border:1px solid var(--aqua);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:0}.category-tile:hover{border-color:var(--aqua);transform:translateY(-4px);box-shadow:0 8px 25px #0003}.category-ghost{z-index:-2;color:#cff4ef1c;font-family:var(--display);font-size:125px;font-weight:700;line-height:1;position:absolute;top:1px;right:11px}.category-action{background:radial-gradient(circle at 74% 20%,#784c54,#152637 58%)}.category-adventure{background:radial-gradient(circle at 70% 20%,#375268,#152637 58%)}.category-strategy{background:radial-gradient(circle at 74% 20%,#276e6d,#152637 58%)}.category-rpg{background:radial-gradient(circle at 70% 20%,#765b36,#152637 58%)}.category-sim{background:radial-gradient(circle at 70% 20%,#3b547d,#152637 58%)}.category-content{flex-direction:column;gap:4px;display:flex}.category-content strong{font-family:var(--display);text-transform:uppercase;font-size:22px;font-weight:700;line-height:.9}.category-content small{color:#a4bec1;font-size:11px}.category-arrow{color:var(--aqua);position:absolute;bottom:17px;right:15px}.category-section .section-heading{border-bottom:1px solid #74a3b12e;padding-bottom:16px}.offers-section{padding-top:90px;padding-bottom:118px}.offer-panel{isolation:isolate;background:radial-gradient(circle at 87% 48%,#653b3e6b,#0000 28%),linear-gradient(110deg,#102c3b,#101d2c 68%);border:1px solid #ff806d57;justify-content:space-between;align-items:center;gap:40px;min-height:265px;padding:46px 52px;display:flex;position:relative;overflow:hidden}.offer-panel:before{content:"";pointer-events:none;border:1px solid #a6e1dc14;position:absolute;inset:10px}.offer-copy{z-index:2;max-width:430px;position:relative}.offer-copy h2{color:#f0faf9;font-family:var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:17px 0 13px;font-size:44px;font-weight:700;line-height:.84}.offer-copy h2 em{color:var(--coral);font-style:normal}.offer-copy p{color:#9db9be;max-width:385px;margin:0;font-size:13px;line-height:1.55}.offer-copy .primary-button{margin-top:23px}.offer-stats{z-index:2;gap:37px;margin-left:auto;display:flex;position:relative}.offer-stats div{flex-direction:column;gap:5px;min-width:80px;display:flex}.offer-stats strong{color:#e9f7f6;font-family:var(--display);font-size:31px;line-height:.9}.offer-stats span{color:#799da5;font-size:11px;line-height:1.2}.offer-orbit{z-index:-1;border:1px solid #39e6c142;border-radius:50%;width:430px;height:430px;position:absolute;top:-125px;right:-35px;transform:rotate(-22deg)}.offer-orbit:before,.offer-orbit:after,.offer-orbit span{content:"";border:1px solid #39e6c129;border-radius:50%;position:absolute;inset:30px}.offer-orbit:after{border-color:#39e6c11f;inset:89px}.offer-orbit span{border-color:#39e6c199 #0000 #0000;inset:0;transform:rotate(32deg)}.offer-orbit span:nth-child(2){border-color:#0000 #39e6c173 #0000 #0000;inset:61px;transform:rotate(-45deg)}.offer-orbit span:nth-child(3){border-color:#0000 #0000 #39e6c166;inset:123px;transform:rotate(65deg)}.site-footer{background:#09131f;border-top:1px solid #73a3b22e}.footer-inner{justify-content:space-between;gap:60px;padding-top:56px;padding-bottom:56px;display:flex}.footer-brand p{color:#708c97;max-width:190px;margin:18px 0 0;font-size:12px;line-height:1.5}.footer-links{gap:85px;display:flex}.footer-links div{flex-direction:column;align-items:flex-start;gap:10px;min-width:90px;display:flex}.footer-links span{color:#5d7e8c;font-family:var(--display);letter-spacing:.18em;margin-bottom:5px;font-size:10px;font-weight:700}.footer-links a,.footer-links button{color:#94aab2;text-align:left;background:0 0;padding:0;font-size:12px;transition:color .16s}.footer-links a:hover,.footer-links button:hover{color:var(--aqua)}.footer-bottom{color:#5c7783;border-top:1px solid #73a3b21f;justify-content:space-between;align-items:center;gap:25px;padding-top:17px;padding-bottom:20px;font-size:10px;display:flex}.footer-bottom div{flex-wrap:wrap;gap:12px;display:flex}.footer-bottom strong{color:#89aab1;font-family:var(--display);letter-spacing:.04em;font-size:11px}.footer-bottom span{line-height:1.4}@media (max-width:1060px){.topbar{gap:24px}.main-nav{gap:18px}.header-install{display:none}.hero-copy{padding-left:48px}.content-layout{grid-template-columns:160px minmax(0,1fr);gap:30px}.game-grid{gap:24px 13px}.game-title-row h3{font-size:18px}.category-rail{grid-template-columns:repeat(3,1fr)}.category-tile:nth-child(4),.category-tile:nth-child(5){min-height:112px}.category-tile:nth-child(4){grid-column:1/2}.category-tile:nth-child(5){grid-column:2/3}}@media (max-width:760px){.container{padding-left:18px;padding-right:18px}.topbar{gap:12px;min-height:68px}.mobile-menu-button{place-items:center;display:inline-grid}.brand-name{font-size:21px}.brand-subtitle{font-size:7px}.main-nav{background:#0d1c2a;border:1px solid #82b3bd40;flex-direction:column;align-items:stretch;gap:0;height:auto;padding:10px 15px;display:none;position:absolute;top:67px;left:18px;right:18px;box-shadow:0 12px 30px #00000059}.main-nav.is-open{display:flex}.main-nav a,.main-nav button{text-align:left;padding:13px 0}.main-nav .active:after{width:28px;bottom:6px;right:auto}.header-actions{gap:6px}.account-button span{display:none}.account-button{padding-left:7px}.hero-stage{padding-top:15px}.hero-art{background-position:64%;min-height:570px}.hero-art:after{background-image:linear-gradient(90deg,#040d17e8,#040d177a 70%,#040d173b),linear-gradient(#0000 45%,#030c15c7)}.hero-copy{max-width:90%;padding:72px 22px 40px}.hero-copy h1{margin-top:16px;font-size:clamp(53px,16vw,75px)}.hero-copy p{font-size:14px}.hero-side-note{display:none}.hero-controls{bottom:24px;right:20px}.store-content{padding-top:43px}.browse-toolbar{flex-direction:column;align-items:stretch;margin-bottom:30px}.store-search{width:100%}.toolbar-links{justify-content:space-between;gap:10px}.content-layout{display:block}.discovery-sidebar{display:none}.section-heading{flex-direction:column;align-items:flex-start;gap:13px}.section-heading h2{font-size:29px}.text-action{margin:0}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 12px}.game-title-row{display:block}.game-genre{margin-top:6px;display:block}.game-title-row h3{font-size:18px}.price-block{flex-wrap:wrap;gap:5px}.category-section{padding-top:76px}.category-rail{grid-template-columns:repeat(2,1fr)}.category-tile{min-height:125px!important}.category-tile:nth-child(4),.category-tile:nth-child(5){grid-column:auto}.offers-section{padding-top:70px;padding-bottom:84px}.offer-panel{padding:38px 25px 42px;display:block}.offer-copy h2{font-size:39px}.offer-stats{gap:22px;margin-top:38px}.offer-stats strong{font-size:27px}.offer-orbit{width:370px;height:370px;top:-81px;right:-147px}.footer-inner{padding-top:43px;padding-bottom:35px;display:block}.footer-links{justify-content:space-between;gap:25px;margin-top:38px}.footer-links div{min-width:0}.footer-bottom{padding-top:15px;display:block}.footer-bottom>span{margin-top:12px;display:block}.wishlist-button{opacity:1;transform:none}}@media (max-width:450px){.brand-subtitle{display:none}.brand-name{font-size:19px}.header-actions{margin-left:auto}.game-grid{gap:25px 10px}.game-title-row h3{font-size:16px}.game-info p{min-height:32px;margin-bottom:7px;font-size:11px}.price-block strong{font-size:14px}.old-price{font-size:10px}.deal-tag{padding:3px 4px;font-size:9px}.category-rail{grid-template-columns:1fr 1fr;gap:8px}.category-tile{padding:12px;min-height:112px!important}.category-content strong{font-size:19px}.footer-links{gap:15px}.footer-links a,.footer-links button{font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}

/* ==========================================================================
   WooCommerce Integration & Theme Polish
   ========================================================================== */

/* Cart Button in Header (White Icon & White Border as requested) */
#btn-header-cart,
.header-cart-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1.5px solid #ffffff !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  position: relative !important;
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) !important;
  padding: 0 !important;
  margin: 0 4px !important;
}

#btn-header-cart svg,
.header-cart-button svg {
  width: 19px !important;
  height: 19px !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.45)) !important;
  transition: transform 0.2s ease !important;
}

#btn-header-cart:hover,
.header-cart-button:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 16px rgba(255, 255, 255, 0.5), inset 0 0 8px rgba(255, 255, 255, 0.15) !important;
}

#btn-header-cart:hover svg,
.header-cart-button:hover svg {
  transform: scale(1.1) !important;
}

#btn-header-cart .action-count,
.header-cart-button .action-count {
  position: absolute !important;
  top: -7px !important;
  right: -7px !important;
  background: var(--aqua) !important;
  color: #05141d !important;
  font-family: var(--display) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  min-width: 17px !important;
  height: 17px !important;
  line-height: 15px !important;
  border-radius: 0 !important;
  border: 1px solid #040d17 !important;
  padding: 0 3px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}

/* Quick Cart Slide Drawer */
.cart-drawer-overlay {
  position: fixed;
  inset: 0;
  background: rgba(4, 13, 23, 0.85);
  backdrop-filter: blur(8px);
  z-index: 9998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.cart-drawer-overlay.is-active {
  opacity: 1;
  pointer-events: auto;
}
.cart-drawer {
  position: fixed;
  top: 0;
  right: -420px;
  width: min(400px, 92vw);
  height: 100vh;
  background: #0f1d2b;
  border-left: 1px solid rgba(116, 163, 177, 0.25);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  transition: right 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: -10px 0 40px rgba(0,0,0,0.6);
}
.cart-drawer.is-active {
  right: 0;
}
.cart-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 24px;
  border-bottom: 1px solid rgba(116, 163, 177, 0.15);
}
.cart-drawer-header h3 {
  font-family: var(--display);
  font-size: 20px;
  letter-spacing: 0.05em;
  color: var(--ink);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cart-drawer-close {
  background: none;
  border: none;
  color: #799da5;
  font-size: 24px;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  transition: color 0.18s;
}
.cart-drawer-close:hover {
  color: var(--aqua);
}
.cart-drawer-body {
  flex: 1;
  overflow-y: auto;
  padding: 20px 24px;
}
.cart-drawer-footer {
  padding: 20px 24px;
  border-top: 1px solid rgba(116, 163, 177, 0.15);
  background: #0b1622;
}
.cart-drawer-subtotal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  font-size: 15px;
}
.cart-drawer-subtotal strong {
  font-family: var(--display);
  font-size: 20px;
  color: var(--aqua);
}

/* Toast Notifications */
.samone-toast {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: #102232;
  border: 1px solid var(--aqua);
  color: var(--ink);
  padding: 14px 22px;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(57, 230, 193, 0.2);
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 12px;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  pointer-events: none;
}
.samone-toast.show {
  transform: translateY(0);
  opacity: 1;
}

/* WooCommerce Standard Layout & Cart/Checkout Pages */
.woocommerce-page-wrap {
  padding: 60px 0 100px;
  min-height: 70vh;
}
.woocommerce-page-title {
  font-family: var(--display);
  font-size: 38px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 16px;
}
.woocommerce table.shop_table {
  width: 100%;
  border-collapse: collapse;
  background: #101e2c;
  border: 1px solid rgba(116, 163, 177, 0.2);
  margin-bottom: 30px;
  color: #d8e6e8;
}
.woocommerce table.shop_table th {
  font-family: var(--display);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 14px 18px;
  background: #0c1824;
  border-bottom: 1px solid rgba(116, 163, 177, 0.2);
  font-size: 13px;
  color: var(--aqua);
  text-align: left;
}
.woocommerce table.shop_table td {
  padding: 16px 18px;
  border-bottom: 1px solid rgba(116, 163, 177, 0.1);
  font-size: 14px;
}
.woocommerce table.shop_table tr:last-child td {
  border-bottom: none;
}
.woocommerce input.input-text, 
.woocommerce select, 
.woocommerce textarea {
  background: #0c1824 !important;
  border: 1px solid rgba(116, 163, 177, 0.3) !important;
  color: #fff !important;
  padding: 10px 14px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  border-radius: 2px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.woocommerce input.input-text:focus, 
.woocommerce textarea:focus {
  border-color: var(--aqua) !important;
  outline: none !important;
  box-shadow: 0 0 10px rgba(57, 230, 193, 0.2) !important;
}
.woocommerce .button, 
.woocommerce button.button {
  background: var(--aqua) !important;
  color: #07151c !important;
  font-family: var(--display) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.woocommerce .button:hover {
  background: #74f0d7 !important;
  box-shadow: 0 0 20px rgba(57, 230, 193, 0.4) !important;
}

/* WhatsApp Checkout Button in WC */
.samonehub-wa-checkout-btn {
  background: #25d366 !important;
  color: #fff !important;
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3) !important;
}
.samonehub-wa-checkout-btn:hover {
  background: #20ba5a !important;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5) !important;
}

/* Brizy Compatibility */
.brizy-container {
  width: 100%;
}
.page-template-template-brizy .site-header,
.page-template-template-brizy .site-footer {
  /* Standard header and footer for Brizy pages */
}

/* ==========================================================================
   Refined Container Width & Margin Spacing (Breathing Room)
   ========================================================================== */
.container {
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(24px, 5vw, 64px) !important;
  padding-right: clamp(24px, 5vw, 64px) !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   Hero Stage Box Without Rounded Edge (Sharp Border-Radius 0) & Arrow Styling
   ========================================================================== */
.hero-art,
.hero-scrim,
.hero-grid-glow,
.hero-arrow,
.hero-controls button {
  border-radius: 0 !important;
}

.hero-arrow {
  color: #eaf8f5;
  background: rgba(10, 24, 35, 0.7);
  border: 1px solid rgba(183, 222, 224, 0.35);
  place-items: center;
  width: 32px;
  height: 32px;
  transition: all 0.18s ease;
  display: grid;
  cursor: pointer;
  padding: 0;
}
.hero-arrow:hover {
  background: #142a3a;
  border-color: #39e6c1;
  color: #39e6c1;
  transform: scale(1.05);
}
.hero-arrow:active {
  transform: scale(0.95);
}

/* ==========================================================================
   Global Cyber Theme Resets (Applies Across All Pages & Post Types)
   ========================================================================== */
html,
body,
#main-container,
.site-main,
.entry-content,
main,
.ct-container,
.ct-container-full,
.ct-container-fluid,
.ct-container-narrow,
article.page,
.woocommerce {
  background-color: #040d17 !important;
  color: #cad9e8 !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Remove Blocksy Default Light Page Title / Hero Banner under Navbar */
.hero-section,
.hero-section[data-type="type-1"],
.hero-section[data-type="type-2"],
.hero-section[data-type="type-3"],
[data-prefix="single_page"] .hero-section {
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Headings font */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.widget-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  letter-spacing: 0.02em !important;
  color: #f0faf9 !important;
}

/* Links */
a {
  color: #cad9e8;
  transition: color 0.16s ease;
}
a:hover {
  color: #39e6c1;
}

/* All boxes, cards, inputs, and buttons have 0 border-radius (sharp cyber edges) */
*,
*:before,
*:after,
input,
button,
textarea,
select,
.game-card,
.category-tile,
.offer-panel,
.primary-button,
.secondary-button,
.header-install,
.button,
.single_add_to_cart_button,
.woocommerce-Tabs-panel,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.shop_table,
.cart_totals,
.ct-breadcrumbs,
.onsale,
.entry-summary {
  border-radius: 0 !important;
}

/* Breadcrumbs */
.ct-breadcrumbs {
  background: transparent !important;
  color: #5d7a87 !important;
  font-size: 13px !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(116, 163, 177, 0.12) !important;
  margin-bottom: 30px !important;
}
.ct-breadcrumbs a {
  color: #8da6b4 !important;
  text-decoration: none !important;
}
.ct-breadcrumbs a:hover {
  color: #39e6c1 !important;
}
.ct-breadcrumbs .last-item,
.ct-breadcrumbs [aria-current="page"] {
  color: #39e6c1 !important;
  font-weight: 600 !important;
}
.ct-breadcrumbs .ct-separator {
  color: #4a6472 !important;
  margin: 0 8px !important;
}

/* ==========================================================================
   WooCommerce Single Product Page
   ========================================================================== */
.product-entry-wrapper {
  background: transparent !important;
  padding: 20px 0 50px 0 !important;
}
.woocommerce-product-gallery {
  background: #091522 !important;
  border: 1px solid rgba(116, 163, 177, 0.25) !important;
  padding: 16px !important;
}
.woocommerce-product-gallery img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}
.onsale {
  background: rgba(255, 128, 109, 0.2) !important;
  color: #ff806d !important;
  border: 1px solid rgba(255, 128, 109, 0.45) !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  line-height: 1 !important;
  min-height: auto !important;
  min-width: auto !important;
  top: 15px !important;
  left: 15px !important;
}

.entry-summary h1.product_title {
  font-size: clamp(34px, 4vw, 48px) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  margin-bottom: 16px !important;
  color: #f0faf9 !important;
}

.entry-summary .price,
.woocommerce-Price-amount {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #39e6c1 !important;
}
.entry-summary del .woocommerce-Price-amount {
  color: #5c7783 !important;
  font-size: 19px !important;
  margin-right: 8px !important;
}
.entry-summary ins {
  text-decoration: none !important;
}

.woocommerce-product-details__short-description {
  color: #9eb5bf !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 18px 0 24px 0 !important;
}

/* Quantity Input & Cart Form */
form.cart {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin: 28px 0 !important;
}
.quantity {
  margin: 0 !important;
}
.quantity input.qty {
  background: #08131e !important;
  color: #f0faf9 !important;
  border: 1px solid rgba(116, 163, 177, 0.35) !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  height: 46px !important;
  min-width: 60px !important;
  text-align: center !important;
}
.quantity input.qty:focus {
  border-color: #39e6c1 !important;
  outline: none !important;
}

.single_add_to_cart_button,
.woocommerce button.button.alt,
.woocommerce a.button.alt {
  background: #39e6c1 !important;
  color: #071720 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  padding: 0 32px !important;
  height: 46px !important;
  line-height: 46px !important;
  box-shadow: 0 6px 20px rgba(57, 230, 193, 0.3) !important;
  transition: all 0.18s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
}
.single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover {
  background: #74f0d7 !important;
  color: #05121a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(57, 230, 193, 0.45) !important;
}

/* Product Meta */
.product_meta {
  border-top: 1px solid rgba(116, 163, 177, 0.15) !important;
  padding-top: 20px !important;
  margin-top: 24px !important;
  font-size: 13px !important;
  color: #6a8594 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.product_meta > span {
  display: block !important;
}
.product_meta strong,
.product_meta span {
  color: #92abb8 !important;
}
.product_meta a {
  color: #39e6c1 !important;
  font-weight: 600 !important;
}

/* Tabs */
.woocommerce-tabs {
  margin-top: 50px !important;
  border-top: 1px solid rgba(116, 163, 177, 0.15) !important;
  padding-top: 40px !important;
}
.woocommerce-tabs ul.tabs {
  background: transparent !important;
  border-bottom: 1px solid rgba(116, 163, 177, 0.25) !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  gap: 4px !important;
  list-style: none !important;
}
.woocommerce-tabs ul.tabs:before,
.woocommerce-tabs ul.tabs:after {
  display: none !important;
}
.woocommerce-tabs ul.tabs li {
  background: #091522 !important;
  border: 1px solid rgba(116, 163, 177, 0.2) !important;
  border-bottom: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: all 0.18s ease !important;
}
.woocommerce-tabs ul.tabs li:before,
.woocommerce-tabs ul.tabs li:after {
  display: none !important;
}
.woocommerce-tabs ul.tabs li a {
  color: #7b98a6 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 12px 22px !important;
  display: block !important;
}
.woocommerce-tabs ul.tabs li.active {
  background: #112334 !important;
  border-top: 2px solid #39e6c1 !important;
}
.woocommerce-tabs ul.tabs li.active a {
  color: #39e6c1 !important;
}
.woocommerce-tabs .woocommerce-Tabs-panel {
  background: #091522 !important;
  border: 1px solid rgba(116, 163, 177, 0.2) !important;
  padding: 30px !important;
  margin-top: -1px !important;
  color: #cad9e8 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
.woocommerce-tabs .woocommerce-Tabs-panel h2 {
  font-size: 24px !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

/* Related Products */
.related.products {
  margin-top: 60px !important;
  padding-top: 40px !important;
  border-top: 1px solid rgba(116, 163, 177, 0.15) !important;
}
.related.products h2 {
  font-size: 28px !important;
  margin-bottom: 24px !important;
  text-transform: uppercase !important;
}
.related.products ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.related.products ul.products li.product {
  background: #091522 !important;
  border: 1px solid rgba(116, 163, 177, 0.22) !important;
  padding: 16px !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
}
.related.products ul.products li.product:hover {
  border-color: #39e6c1 !important;
  transform: translateY(-3px) !important;
}

/* ==========================================================================
   WooCommerce Cart, Checkout & Account Pages
   ========================================================================== */
.shop_table {
  background: #091522 !important;
  border: 1px solid rgba(116, 163, 177, 0.22) !important;
  width: 100% !important;
  border-collapse: collapse !important;
}
.shop_table th {
  background: #112334 !important;
  color: #39e6c1 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  padding: 14px 18px !important;
  border: none !important;
}
.shop_table td {
  padding: 16px 18px !important;
  border-top: 1px solid rgba(116, 163, 177, 0.12) !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  color: #cad9e8 !important;
}
.shop_table .product-name a {
  color: #f0faf9 !important;
  font-weight: 600 !important;
}
.shop_table .product-name a:hover {
  color: #39e6c1 !important;
}
.shop_table .product-remove a.remove {
  color: #ff806d !important;
}

.cart_totals,
#order_review,
.woocommerce-checkout-review-order {
  background: #091522 !important;
  border: 1px solid rgba(116, 163, 177, 0.22) !important;
  padding: 24px !important;
}
.cart_totals h2,
#order_review_heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 24px !important;
  margin-top: 0 !important;
  color: #f0faf9 !important;
}

/* Form Inputs */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
  background: #08131e !important;
  color: #f0faf9 !important;
  border: 1px solid rgba(116, 163, 177, 0.3) !important;
  padding: 11px 14px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  border-color: #39e6c1 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(57, 230, 193, 0.2) !important;
}

/* WooCommerce Buttons */
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce #respond input#submit {
  background: #39e6c1 !important;
  color: #071720 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  padding: 12px 24px !important;
  border: none !important;
  transition: all 0.18s ease !important;
  cursor: pointer !important;
}
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover,
.woocommerce #respond input#submit:hover {
  background: #74f0d7 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(57, 230, 193, 0.4) !important;
}

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border: none !important;
  padding: 16px 20px !important;
  margin-bottom: 24px !important;
  font-size: 14px !important;
}
.woocommerce-message {
  background: #0b2229 !important;
  border-left: 4px solid #39e6c1 !important;
  color: #c9f5ec !important;
}
.woocommerce-message a.button {
  background: #39e6c1 !important;
  color: #081a22 !important;
  padding: 6px 14px !important;
  float: right !important;
  margin-top: -3px !important;
}
.woocommerce-info {
  background: #0c1c2e !important;
  border-left: 4px solid #70baf5 !important;
  color: #d8eeff !important;
}
.woocommerce-error {
  background: #281218 !important;
  border-left: 4px solid #ff806d !important;
  color: #ffd4cc !important;
}

/* My Account Navigation & Content */
.woocommerce-account .woocommerce {
  display: flex !important;
  gap: 32px !important;
  flex-wrap: wrap !important;
}
.woocommerce-MyAccount-navigation {
  flex: 0 0 240px !important;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #091522 !important;
  border: 1px solid rgba(116, 163, 177, 0.22) !important;
}
.woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid rgba(116, 163, 177, 0.12) !important;
}
.woocommerce-MyAccount-navigation li:last-child {
  border-bottom: none !important;
}
.woocommerce-MyAccount-navigation li a {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #8aa7b6 !important;
  padding: 13px 18px !important;
  display: block !important;
  transition: all 0.16s ease !important;
}
.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
  background: #112435 !important;
  color: #39e6c1 !important;
}
.woocommerce-MyAccount-content {
  flex: 1 1 500px !important;
  background: #091522 !important;
  border: 1px solid rgba(116, 163, 177, 0.22) !important;
  padding: 28px !important;
}

/* ==========================================================================
   Dynamic Category Rail Grid & Indie Genre Colors
   ========================================================================== */
.category-rail {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 12px !important;
}

.genre-indie {
  background: #e06cd2 !important;
}

.category-indie {
  background: radial-gradient(circle at 74% 20%, #764166, #152637 58%) !important;
}

/* ==========================================================================
   Game Card Quick Add-to-Cart Button - White Border & White Icon
   ========================================================================== */
.card-arrow,
.btn-ajax-add-to-cart,
.game-card .card-arrow,
.game-card .btn-ajax-add-to-cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1.5px solid #ffffff !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.card-arrow svg,
.btn-ajax-add-to-cart svg,
.game-card .card-arrow svg,
.game-card .btn-ajax-add-to-cart svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4)) !important;
  transition: transform 0.2s ease !important;
}

.card-arrow:hover,
.btn-ajax-add-to-cart:hover,
.game-card .card-arrow:hover,
.game-card .btn-ajax-add-to-cart:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  transform: translateY(-2px) scale(1.05) !important;
  box-shadow: 0 0 14px rgba(255, 255, 255, 0.5), inset 0 0 6px rgba(255, 255, 255, 0.15) !important;
}

.card-arrow:hover svg,
.btn-ajax-add-to-cart:hover svg,
.game-card .card-arrow:hover svg,
.game-card .btn-ajax-add-to-cart:hover svg {
  transform: scale(1.12) !important;
}

.card-arrow:active,
.btn-ajax-add-to-cart:active {
  transform: scale(0.95) !important;
}