/* ── TRUST BAR ── */
.trust-bar{background:var(--text);color:var(--bg);display:flex;justify-content:center;gap:40px;padding:10px 20px;flex-wrap:wrap;}
.trust-item{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;font-weight:500;}
.trust-icon{font-size:14px;}

/* ── NAV ── */
.nav{position:sticky;top:0;z-index:200;background:var(--bg);backdrop-filter:blur(24px);border-bottom:1px solid var(--line); transition: background 0.3s;}
.nav-inner{max-width:1320px;margin:0 auto;padding:0 32px;height:72px;display:flex;align-items:center;gap:40px;}
.nav-logo{font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-1px;color:var(--text);flex-shrink:0;transition: opacity 0.2s;}
.nav-logo:hover{opacity: 0.7;}

.nav-cats{display:flex;gap:4px;flex:1;list-style:none;}
.nav-cats a{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--m);padding:8px 16px;border-radius:var(--r);transition: all 0.2s ease;}
.nav-cats a:hover{color:var(--text);background:var(--bg2);}

.nav-right{display:flex;align-items:center;gap:12px;margin-left:auto;}

.nav-search-wrap{display:flex;align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:0 14px;gap:10px;transition: all 0.2s ease; width: 180px;}
.nav-search-wrap:focus-within{border-color:var(--dim); width: 220px; background: var(--bg3);}
.nav-search{background:none;border:none;outline:none;color:var(--text);font-family:var(--sans);font-size:14px;width:100%;padding:8px 0;}
.nav-search::placeholder{color:var(--dim); font-size: 13px; font-family: var(--mono); text-transform: uppercase; letter-spacing: 0.05em;}

.nav-icon{background:none;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--m);transition: all 0.2s ease; border-radius: 50%; position: relative;}
.nav-icon:hover{color:var(--text); background: var(--bg2); transform: translateY(-1px);}

.nav-cart{position:relative;}
.cart-badge{position:absolute;top:8px;right:8px;width:6px;height:6px;background:#4ade80;border-radius:50%;font-size:0; box-shadow: 0 0 10px rgba(74, 222, 128, 0.4);}

/* ── SECTION COMMONS ── */
.section{max-width:1320px;margin:0 auto;padding:64px 32px;}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--line);}
.sec-title{font-family:var(--display);font-size:32px;font-weight:800;letter-spacing:-.5px;}
.sec-meta{font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:.1em;text-transform:uppercase;}

/* ── TICKER ── */
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:32px 0;background:var(--bg2);padding:11px 0;}
.ticker-track{display:flex;animation:scroll-x 28s linear infinite;white-space:nowrap;}
.ticker-item{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);padding:0 36px;display:flex;align-items:center;gap:18px;}
.ticker-item::after{content:'✦';font-size:6px;color:var(--line);}
 @keyframes scroll-x{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ── FOOTER ── */
footer{border-top:1px solid var(--line);background:var(--bg2);}
.footer-top{max-width:1320px;margin:0 auto;padding:56px 32px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;}
.footer-brand-name{font-family:var(--display);font-size:22px;font-weight:800;color:var(--text);margin-bottom:12px;}
.footer-brand-desc{font-size:13px;color:var(--m);line-height:1.6;max-width:240px;margin-bottom:20px;}
.footer-payments{display:flex;gap:8px;flex-wrap:wrap;}
.pay-icon{background:var(--bg4);border:1px solid var(--line);border-radius:4px;padding:5px 10px;font-family:var(--mono);font-size:9px;color:var(--dim);letter-spacing:.06em;}
.footer-col-title{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-bottom:18px;}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-links a{font-size:13px;color:var(--m);transition:color .2s;}
.footer-links a:hover{color:var(--text);}
.footer-bottom{border-top:1px solid var(--line);padding:20px 32px;}
.footer-bottom-inner{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.footer-copy{font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:.06em;}
.footer-legal{display:flex;gap:20px;}
.footer-legal a{font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:.06em;transition:color .2s;}
.footer-legal a:hover{color:var(--m);}

/* ── RESPONSIVE ── */
 @media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-right{height:360px;}
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .trust-strip-inner{grid-template-columns:repeat(2,1fr);}
  .reviews-grid{grid-template-columns:1fr;}
  .newsletter{flex-direction:column;}
  .nl-form{max-width:100%;width:100%;}
  .footer-top{grid-template-columns:1fr 1fr;}
}
 @media (max-width:640px){
  .nav-cats,.nav-search-wrap{display:none;}
  .cat-grid,.prod-grid,.trust-strip-inner{grid-template-columns:1fr;}
  .hero-left{padding:48px 28px;}
  .section{padding:48px 20px;}
  .newsletter{padding:36px 28px;}
  .footer-top{grid-template-columns:1fr;}
  .ts-item{border-right:none;border-bottom:1px solid var(--line);}
  .ts-item:last-child{border-bottom:none;}
}