:root{--bg:#191919;--text:#E0E1E1;--brand:#AA262B;--brand-hover:#2F407B;--muted:#2A2A2A;--card:#1F1F1F;--border:#2c2c2c}
*{box-sizing:border-box}html,body{height:100%}html,body,#page{margin:0;padding:0}
body.tgs-dark{background:#E0E1E1;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
.tgs-main{min-height:calc(100vh - 140px)}img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none;transition:color .2s ease,transform .2s ease}a:hover{color:var(--brand-hover)}
.btn-primary,.button,button,input[type=submit]{background:var(--brand);color:#fff;border:0;border-radius:999px;padding:.75rem 1.1rem;cursor:pointer;transition:transform .15s ease,background .2s ease}
.btn-primary:hover,.button:hover,button:hover,input[type=submit]:hover{background:var(--brand-hover);transform:translateY(-1px)}
.tgs-header{position:sticky;top:0;z-index:50;background:#191919;border-bottom:1px solid var(--border)
  position:sticky; top:0; z-index:9999; background:#191919; border-bottom:1px solid var(--border);
}
.tgs-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 20px}
.tgs-logo-wrap img{height:54px;width:auto}.tgs-site-title{font-weight:700;color:var(--text)}
.tgs-nav{position:relative;display:flex;align-items:center;gap:12px}
.tgs-menu{list-style:none;display:flex;gap:24px;margin:0;padding:0}
.tgs-menu>li>a{position:relative;display:inline-block;padding:10px 8px;color:var(--text)}
.tgs-menu>li>a::before,.tgs-menu>li>a::after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border:1px solid transparent;border-radius:50%;transition:all .25s ease}
.tgs-menu>li>a:hover::before{width:36px;height:36px;border-color:var(--brand);opacity:.9}
.tgs-menu>li>a:hover::after{width:4px;height:4px;background:var(--brand);border-radius:50%}
.tgs-menu>li>a span.cross{position:absolute;inset:0;pointer-events:none}
.tgs-menu>li>a span.cross::before,.tgs-menu>li>a span.cross::after{content:"";position:absolute;background:var(--brand)}
.tgs-menu>li>a:hover span.cross::before{width:100%;height:1px;top:50%}.tgs-menu>li>a:hover span.cross::after{height:100%;width:1px;left:50%}
.tgs-burger{display:none;background:transparent;border:0;width:40px;height:40px}.tgs-burger span{display:block;height:2px;margin:8px 6px;background:var(--text);transition:all .2s ease}
@media(max-width:980px){.tgs-menu{display:none;position:absolute;right:0;top:60px;flex-direction:column;background:#111;padding:12px;border:1px solid var(--border);border-radius:12px}.tgs-burger{display:block}.tgs-menu.open{display:flex}}
.tgs-footer{background:#191919;border-top:1px solid var(--border);padding:28px 20px}.tgs-footer .tgs-copy{margin:0;color:#9aa}
.tgs-container{width:100%;max-width:1200px;margin:0 auto;padding:24px 20px}
.tgs-hero{position:relative;height:70vh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#121212,#0b0b0b)}
.tgs-hero--fx #tgsParticles{position:absolute;inset:0}.tgs-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,17,17,.7),transparent 50%)}
.tgs-hero-inner{position:relative;text-align:center;z-index:2}.tgs-hero h1{font-size:clamp(2rem,5vw,4rem);margin:0 0 .5rem}.tgs-hero p{opacity:.9;margin:0 0 1rem}
/* Header buttons + login */
.tgs-login-btn{display:inline-flex;align-items:center;justify-content:center;background:#AA262B;color:#fff;border:1px solid #AA262B;border-radius:6px;padding:10px 16px;font-weight:600}
.tgs-login-btn:hover{background:#2F407B;border-color:#2F407B;color:#fff}
.tgs-user{position:relative}.tgs-user__btn{display:inline-flex;align-items:center;gap:8px;background:#1a1a1a;color:var(--text);border:1px solid var(--border);border-radius:999px;padding:6px 10px;cursor:pointer}
.tgs-user__btn:hover{border-color:var(--brand)}.tgs-user__avatar img{border-radius:999px}.tgs-user__name{max-width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tgs-user__menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px;min-width:180px;display:grid}
.tgs-user__menu a{padding:8px 10px;border-radius:8px;color:var(--text)}.tgs-user__menu a:hover{background:#111}
/* Shop: 80% width + sidebar grid */
.tgs-shop-grid{width:80%;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
@media(max-width:1100px){.tgs-shop-grid{width:92%;grid-template-columns:1fr}}
.tgs-shop-sidebar .tgs-widget{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:14px}
.tgs-widget-title{margin:0 0 8px}.tgs-cats{list-style:none;padding:0;margin:0}.tgs-cats li a{display:block;padding:6px 8px;border-radius:8px;color:var(--text)}.tgs-cats li a:hover{background:#111}
/* Product grid global */
.woocommerce ul.products, .woocommerce-page ul.products, ul.products{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:24px!important;align-items:stretch!important;width:100%!important}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product{float:none!important;width:auto!important;margin:0!important;clear:none!important;display:flex!important}
.tgs-product-card{position:relative;min-width:260px;display:flex;flex-direction:column;height:100%;background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden}
.tgs-product-thumb{display:block;aspect-ratio:1/1;background:#0f0f0f;overflow:hidden}.tgs-product-thumb img{width:100%;height:100%;object-fit:contain}
.tgs-product-body{padding:12px;display:grid;gap:8px;flex:1}.tgs-product-title a{color:var(--text)}
/* Buttons unify (match header) */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.button,.add_to_cart_button,.single_add_to_cart_button,.tgs-buy-now{background:#AA262B;color:#fff;border:1px solid #AA262B;border-radius:6px;padding:10px 16px;font-weight:600}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.button:hover,.add_to_cart_button:hover,.single_add_to_cart_button:hover,.tgs-buy-now:hover{background:#2F407B;border-color:#2F407B;color:#fff}
/* Qty controls */
.tgs-quick-cart{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}.tgs-qty{display:flex;align-items:center;gap:6px}.tgs-qty .qty{width:72px;text-align:center}.tgs-qty-btn{background:#101010;color:var(--text);border:1px solid var(--border);width:34px;height:34px;border-radius:8px;cursor:pointer}.tgs-qty-btn:hover{border-color:var(--brand)}
/* Badges bullet */
.tgs-bullet{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;z-index:3}
.tgs-bullet__tip{width:8px;height:8px;background:#777;border-radius:999px;box-shadow:0 0 0 2px #222 inset}
.tgs-bullet__body{padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:#1a1a1a;font-size:.75rem}
.tgs-bullet--new{background:#122031;border-color:#1f3350;color:#b7d2ff}.tgs-bullet--instock{background:#142414;border-color:#1d3a1d;color:#bde0bd}.tgs-bullet--oos{background:#2c2c2c;color:#aaa}.tgs-bullet--sale{background:#2a1313;border-color:#4d1e1e;color:#ffb3b3}
/* Header wishlist/cart */
.tgs-head-actions{display:flex;gap:8px;margin-right:8px}.tgs-head-btn{display:inline-flex;align-items:center;justify-content:center;background:#2F407B;color:#fff;border:1px solid #2F407B;border-radius:6px;padding:8px 12px;font-weight:600}.tgs-head-btn:hover{background:#AA262B;border-color:#AA262B;color:#fff}
/* Auth pages/modal */
.gs-no-scroll{overflow:hidden}.tgs-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:9999}.tgs-modal[hidden]{display:none}.tgs-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px)}
.tgs-modal__panel{position:relative;z-index:1;width:min(96vw,520px);background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px}.tgs-modal__close{position:absolute;top:8px;right:10px;background:transparent;border:0;color:var(--text);font-size:24px;cursor:pointer}
.tgs-tabs{display:flex;gap:8px;margin-bottom:12px}.tgs-tab{flex:1;background:#111;color:var(--text);border:1px solid var(--border);border-radius:999px;padding:8px;cursor:pointer}.tgs-tab.is-active{background:var(--brand);color:#fff;border-color:transparent}.tgs-tabpanes .tgs-tabpane{display:none}.tgs-tabpanes .tgs-tabpane.is-active{display:block}
/* Misc */
.section-title{margin:0 0 12px}


/* v1.7 header icon-only buttons + red avatar */
.tgs-head-actions{display:flex;gap:8px;align-items:center}
.tgs-head-btn.tgs-wishlist,
.tgs-head-btn.tgs-cart{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;
  background:transparent;border:1px solid #fff;color:#fff;
  padding:0;font-size:0;line-height:0;
}
.tgs-head-btn.tgs-wishlist svg,
.tgs-head-btn.tgs-cart svg{display:block}
.tgs-head-btn.tgs-wishlist:hover,
.tgs-head-btn.tgs-cart:hover{background:rgba(255,255,255,0.15)}

/* Avatar button: red bg, blue hover */
.tgs-user__btn{
  background:#AA262B !important;
  border-color:#AA262B !important;
  color:#fff !important;
}
.tgs-user__btn:hover{
  background:#2F407B !important;
  border-color:#2F407B !important;
  color:#fff !important;
}
.tgs-user__avatar img{border-radius:999px}


/* === Header badges (small) === */
.tgs-badge{position:absolute;top:-6px;right:-6px;background:#AA262B;color:#fff;border-radius:999px;border:1px solid #000;padding:2px 5px;font-size:10px;line-height:1}
.tgs-head-actions .tgs-head-btn{position:relative}

/* === Animated hamburger (mobile/tablet) === */
.tgs-burger{display:none;position:relative;width:44px;height:44px;border:0;background:transparent;padding:0;margin-left:8px}
.tgs-burger span{position:absolute;left:10px;right:10px;height:2px;background:#E0E1E1;border-radius:2px;transition:transform .25s ease, top .25s ease, opacity .2s}
.tgs-burger span:nth-child(1){top:14px}
.tgs-burger span:nth-child(2){top:21px}
.tgs-burger span:nth-child(3){top:28px}
.tgs-burger.is-active span:nth-child(1){top:21px;transform:rotate(45deg)}
.tgs-burger.is-active span:nth-child(2){opacity:0}
.tgs-burger.is-active span:nth-child(3){top:21px;transform:rotate(-45deg)}
@media(max-width:980px){ .tgs-burger{display:inline-block} .tgs-menu--desktop{display:none!important} }

/* === Offcanvas (right sidebar) === */
.tgs-offcanvas{position:fixed;inset:0;z-index:10000;display:block}
.tgs-offcanvas[hidden]{display:none}
.tgs-offcanvas__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);opacity:0;transition:opacity .2s ease}
.tgs-offcanvas__panel{position:absolute;top:0;right:0;height:100%;width:320px;max-width:90vw;background:#121212;border-left:1px solid var(--border);transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;padding:16px;color:#E0E1E1}
.tgs-offcanvas__close{position:absolute;top:8px;right:8px;background:transparent;border:0;color:#fff;font-size:24px}
.tgs-drawer-nav .tgs-menu--drawer{list-style:none;margin:48px 0 12px;padding:0;display:grid;gap:8px}
.tgs-drawer-nav .tgs-menu--drawer a{display:block;padding:10px 12px;border-radius:10px;color:#E0E1E1}
.tgs-drawer-nav .tgs-menu--drawer a:hover{background:#1e1e1e}
.tgs-drawer-actions{display:flex;gap:10px;margin-top:auto}
body.tgs-off-open .tgs-offcanvas__panel{transform:none}
body.tgs-off-open .tgs-offcanvas__backdrop{opacity:1}

/* Avatar dropdown remains hidden by default */
.tgs-user__menu[hidden]{display:none}


/* Mobile/tablet: header shows only logo + hamburger */
@media(max-width:980px){
  .tgs-head-actions, .tgs-user{display:none !important;}
  .tgs-nav-inner{gap:0}
  .tgs-logo-wrap{flex:1}
  .tgs-burger{margin-left:auto}
}

/* Off-canvas menu items as bordered buttons */
.tgs-drawer-nav .tgs-menu--drawer{list-style:none;margin:48px 0 12px;padding:0;display:grid;gap:12px}
.tgs-drawer-nav .tgs-menu--drawer li{margin:0;padding:0}
.tgs-drawer-nav .tgs-menu--drawer a{
  display:block;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid #E0E1E1;
  background:transparent;
  color:#E0E1E1;
  font-weight:600;
  letter-spacing:.2px;
}
.tgs-drawer-nav .tgs-menu--drawer a:hover{background:rgba(255,255,255,.06)}
.tgs-drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.tgs-drawer-actions .tgs-head-btn{border-color:#E0E1E1;color:#E0E1E1}
.tgs-drawer-actions .tgs-head-btn:hover{background:rgba(255,255,255,.06)}