@font-face{
font-family:'Alaska';
src:url('../fonts/alaska-beta-vf.ttf') format('truetype');
font-weight:100 900;
font-style:normal;
font-display:swap;
}

:root{--green:#00E87A;--dark:#060608;--surface:#0d0d10;--card:#111116;--border:#1e1e26;--text:#e0e0e8;--muted:#8888a0;--radius:12px;--radius-lg:20px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}

body{
background:var(--dark);
color:var(--text);
font-family:'Alaska','DM Sans',sans-serif;
overflow-x:hidden;
margin:0;
}

a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.green{color:var(--green)}

/* announcement */

.headerwraper .announce-bar{
background:var(--green);
color:#000;
text-align:center;
padding:8px 16px;
font-size:13px;
font-weight:600;
letter-spacing:.5px;
}

.headerwraper .announce-bar a{color:#000;font-weight:700}

.headerwraper .site-nav{
position:sticky;
top:0;
z-index:100;
background:rgba(6,6,8,.96);
backdrop-filter:blur(20px);
border-bottom:1px solid var(--border);
}

.headerwraper .nav-inner{
max-width:1400px;
margin:0 auto;
padding:0 24px;
height:64px;
display:flex;
align-items:center;
	justify-content:space-between;
gap:18px;
}

.headerwraper .nav-logo{flex:0 0 auto}
.headerwraper .nav-logo img{height:32px;}

.headerwraper .nav-links{
display:flex;
list-style:none;
gap:2px;
align-items:baseline;
margin-bottom:0;
flex:1 1 auto;
justify-content:center;
}

.headerwraper .nav-links a{
padding:6px 11px;
border-radius:8px;
font-size:13px;
font-weight:500;
color:var(--muted);
transition:all .2s;
white-space:nowrap;
}

.headerwraper .nav-links a:hover{
color:#fff;
background:var(--card);
}

.headerwraper .nav-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}

.headerwraper .nav-search-btn,.nav-cart-btn{
background:var(--card);
border:1px solid var(--border);
color:var(--text);
padding:8px 14px;
border-radius:8px;
cursor:pointer;
display:flex;
align-items:center;
gap:6px;
font-size:13px;
transition:all .2s;
text-decoration:none;
}

.headerwraper .nav-search-btn:hover,.nav-cart-btn:hover{border-color:var(--green);color:var(--green)}

.headerwraper .nav-hamburger{
display:none;
width:42px;
height:42px;
padding:0;
background:var(--card);
border:1px solid var(--border);
border-radius:10px;
color:var(--text);
cursor:pointer;
position:relative;
align-items:center;
justify-content:center;
transition:border-color .2s ease, color .2s ease, background-color .2s ease;
}

.headerwraper .nav-hamburger:hover{border-color:var(--green);color:var(--green)}

.headerwraper .nav-hamburger span{
position:absolute;
width:18px;
height:2px;
border-radius:999px;
background:currentColor;
transition:transform .22s ease, opacity .18s ease;
}

.headerwraper .nav-hamburger span:nth-child(1){transform:translateY(-6px)}
.headerwraper .nav-hamburger span:nth-child(2){transform:translateY(0)}
.headerwraper .nav-hamburger span:nth-child(3){transform:translateY(6px)}

.headerwraper .nav-hamburger.is-open span:nth-child(1){transform:translateY(0) rotate(45deg)}
.headerwraper .nav-hamburger.is-open span:nth-child(2){opacity:0}
.headerwraper .nav-hamburger.is-open span:nth-child(3){transform:translateY(0) rotate(-45deg)}

.headerwraper .search-bar{
max-width:1400px;
margin:0 auto;
padding:0 24px;
max-height:0;
opacity:0;
overflow:hidden;
transform:translateY(-8px);
transition:max-height .24s ease, opacity .2s ease, transform .2s ease, padding-bottom .2s ease;
}
.headerwraper .search-bar.open{max-height:120px;opacity:1;transform:translateY(0);padding-bottom:12px}
.headerwraper .search-bar input{width:100%;background:var(--card);border:1px solid var(--border);color:var(--text);padding:10px 16px;border-radius:10px;font-size:14px;outline:none}
.headerwraper .search-bar input:focus{border-color:var(--green)}

.headerwraper .search-results{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-top:6px;max-height:300px;overflow-y:auto;display:none}
.headerwraper .search-result-item{padding:10px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;font-size:13px;cursor:pointer;transition:background .15s;text-decoration:none;color:var(--text)}
.headerwraper .search-result-item:hover{background:var(--surface)}

.headerwraper .mobile-menu{display:none}
.headerwraper .mobile-menu a{padding:10px 16px;border-radius:8px;color:var(--text);font-size:15px;transition:background .2s, color .2s, transform .2s}
.headerwraper .mobile-menu a:hover{background:var(--card);color:var(--green)}

.headerwraper .mobile-menu-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
padding-top:8px;
margin-top:8px;
border-top:1px solid var(--border);
}

.headerwraper .mobile-menu-actions a{
background:var(--card);
text-align:center;
font-size:13px;
font-weight:600;
}

@media(max-width:768px){
  body.nav-open{overflow:hidden}
  .headerwraper .announce-bar{font-size:12px;padding:8px 12px}
  .headerwraper .nav-inner{padding:0 14px;height:60px;gap:10px}
  .headerwraper .nav-logo{flex:1 1 auto;min-width:0}
  .headerwraper .nav-logo img{height:28px}
  .headerwraper .nav-links{display:none}
  .headerwraper .nav-actions{gap:6px}
  .headerwraper .nav-search-btn,
  .headerwraper .cart-control{
    width:40px;
    height:40px;
    padding:0;
    justify-content:center;
    border-radius:10px;
  }
  .headerwraper .cart-total{display:none !important}
  .headerwraper .nav-hamburger{display:inline-flex}
  .hidden-phone{display:none}
  .headerwraper .search-bar{padding:0 14px}
  .headerwraper .search-bar.open{padding-bottom:10px}
  .headerwraper .mobile-menu{
    display:block;
    max-height:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    padding:0 14px;
    background:linear-gradient(180deg, rgba(17,17,22,.98) 0%, rgba(13,13,16,.98) 100%);
    border-top:1px solid transparent;
    transform:translateY(-10px);
    transition:max-height .26s ease, opacity .2s ease, transform .2s ease, padding-top .2s ease, padding-bottom .2s ease, border-color .2s ease;
  }
  .headerwraper .mobile-menu.open{
    max-height:420px;
    opacity:1;
    pointer-events:auto;
    padding-top:10px;
    padding-bottom:14px;
    border-top-color:var(--border);
    transform:translateY(0);
  }
  .headerwraper .mobile-menu a{
    display:block;
    margin-bottom:4px;
    background:rgba(255,255,255,.02);
  }
  .headerwraper .mobile-menu a:last-child{margin-bottom:0}
}

@media(max-width:420px){
  .headerwraper .nav-inner{padding:0 12px}
  .headerwraper .nav-search-btn,
  .headerwraper .cart-control,
  .headerwraper .nav-hamburger{width:38px;height:38px}
}

/* My Account */
.ts-tiny-account-wrapper{position:relative}
.nav-account-btn{
  background:none;
  border:none;
  color:var(--text);
  padding:8px;
  border-radius:8px;
  transition:all .2s;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  cursor:pointer;
}
.nav-account-btn:hover{color:var(--green)}

.account-dropdown-form{
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  background:var(--card);
  border:1px solid var(--border);
  border-radius:10px;
  min-width:160px;
  z-index:200;
  overflow:hidden;
}
.ts-tiny-account-wrapper:hover .account-dropdown-form{display:block}
.account-dropdown-form ul{list-style:none;margin:0;padding:6px 0}
.account-dropdown-form li a{
  display:block;
  padding:9px 16px;
  font-size:13px;
  color:var(--text);
  transition:background .15s;
  text-decoration:none;
}
.account-dropdown-form li a:hover{background:var(--surface);color:var(--green)}

/* Cart */
.ts-tiny-cart-wrapper{position:relative}
.cart-control{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:none;
  border:none;
  color:var(--text);
  padding:8px;
  border-radius:8px;
  transition:all .2s;
  text-decoration:none;
  position:relative;
}
.cart-control:hover{color:var(--green)}
.cart-number{
  background:var(--green);
  color:#000;
  font-size:10px;
  position: absolute;
  top: 0;
  right: -4px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 4px;
}
.cart-total{font-size:12px;font-family:'DM Mono',monospace;color:var(--text);display:none;}
.cart-control:hover .cart-total{color:var(--green)}
.ic-cart{
display:inline-flex;
align-items:center;
justify-content:center;
width:20px;
height:20px;
flex:0 0 20px;
color:currentColor;
font-size:0;
line-height:1;
}

.ic-cart::before{
content:'';
display:block;
width:20px;
height:20px;
background-color:currentColor;
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
-webkit-mask-size:contain;
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
mask-repeat:no-repeat;
mask-position:center;
mask-size:contain;
}

.nav-search-btn svg,
.nav-account-btn svg,
.cart-control svg{
display:block;
width:20px;
height:20px;
flex:0 0 auto;
stroke:currentColor;
visibility:visible;
opacity:1;
}

.nav-account-btn svg{
width:22px;
height:22px;
}

.headerwraper .ts-tiny-cart-wrapper .cart-control svg{
display:block !important;
width:20px !important;
height:20px !important;
min-width:20px !important;
min-height:20px !important;
visibility:visible !important;
opacity:1 !important;
stroke:currentColor !important;
fill:none !important;
overflow:visible !important;
flex:0 0 20px !important;
}

.headerwraper .ts-tiny-cart-wrapper .cart-control{
line-height:1;
}

/* Search icon button */
.search-button.nav-search-btn{
  background:none;
  border:none;
  color:var(--text);
  padding:8px;
  border-radius:8px;
  transition:all .2s;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
}
.search-button.nav-search-btn:hover{color:var(--green)}