:root{
    --bg:#0D0D0D; --card:#1A1A1A; --card2:#171512;
    --gold:#6E4FA3; --gold-light:#9B7FC7; --pearl:#F2F0EC; --mute:#8C8C88; --line:#2A2825;
    box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-padding-top:env(safe-area-inset-top,0px); scroll-behavior:smooth;}
  html,body{height:100%;}
  html{overflow-x:hidden; width:100%;}
  body{background:var(--bg); color:var(--pearl); font-family:'Assistant',sans-serif; font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; width:100%;}
  [lang-en] body, body.en-mode{font-family:'Inter',sans-serif; line-height:1.6;}
  .he-txt{display:inline;} .en-txt{display:none;}
  body.en-mode .he-txt{display:none;} body.en-mode .en-txt{display:inline;}

  /* Typographic hierarchy — Heebo (he) / Inter (en) for headings, Assistant (he) / Inter (en) for body */
  h1,h2,h3,h4,h5,h6,.serif{font-family:'Heebo',sans-serif; font-weight:700; line-height:1.25; letter-spacing:-0.01em; color:var(--pearl);}
  body.en-mode h1, body.en-mode h2, body.en-mode h3, body.en-mode h4, body.en-mode h5, body.en-mode h6, body.en-mode .serif{font-family:'Inter',sans-serif; letter-spacing:-0.02em;}
  h1{font-size:clamp(2.25rem,1.4rem + 3.2vw,3.4rem); font-weight:800; line-height:1.12; letter-spacing:-0.02em;}
  h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.15rem); font-weight:700; line-height:1.2;}
  h3{font-size:clamp(1.15rem,1rem + 0.6vw,1.35rem); font-weight:600; line-height:1.3;}
  h4{font-size:1.02rem; font-weight:600; line-height:1.4; letter-spacing:0;}
  h5{font-size:.82rem; font-weight:700; line-height:1.4; letter-spacing:.06em;}
  h6{font-size:.74rem; font-weight:600; line-height:1.4; letter-spacing:.08em;}
  p{line-height:1.7;}
  body.en-mode p{line-height:1.65;}
  a{color:inherit; text-decoration:none;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 24px; width:100%;}
  img{max-width:100%; display:block;}
  @media(max-width:420px){
    .wrap{padding:0 16px;}
    .prod-grid, .cat-grid, .trust-grid{gap:12px;}
  }

  /* Top bar */
  .topbar{background:#000; border-bottom:1px solid var(--line); font-size:.78rem; color:var(--mute); letter-spacing:.02em;}
  .topbar .wrap{display:flex; justify-content:space-between; align-items:center; padding:9px 24px; gap:12px; flex-wrap:wrap;}
  .topbar a{color:var(--mute);}
  .topbar a:hover{color:var(--gold-light);}
  .email-em{color:var(--gold-light); font-weight:600; letter-spacing:.01em;}
  .email-em:hover{color:var(--pearl) !important;}

  /* Header */
  header{position:sticky; top:0; z-index:50; background:rgba(13,13,13,.72); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--line); padding-top:env(safe-area-inset-top,0px);}
  .headrow{display:flex; align-items:center; justify-content:space-between; padding:20px 16px; gap:10px; width:100%;}
  .logo{display:flex; align-items:center; white-space:nowrap; flex-shrink:1; min-width:0; font-size:1.55rem;}
  @media(max-width:520px){ .logo{ font-size:1.25rem; } }
  .logo-bar{text-align:center; padding:32px 0 26px; background:var(--bg);}
  .logo-img-main{width:190px; max-width:70%; height:auto; display:inline-block;}
  .logo span{color:var(--gold);}
  .logo-img{height:34px; width:auto; max-width:100%; object-fit:contain;}
  .logo-img-footer{height:44px;}
  nav.mainnav{display:flex; gap:28px; font-size:.92rem;}
  nav.mainnav a{color:var(--pearl); opacity:.85; transition:opacity .2s, color .2s; padding:4px 0; border-bottom:1px solid transparent;}
  nav.mainnav a:hover{opacity:1; color:var(--gold); border-color:var(--gold);}
  .headicons{display:flex; align-items:center; gap:12px; flex-shrink:0;}
  .icon-btn{background:none; border:none; color:var(--pearl); cursor:pointer; font-size:1.05rem; padding:4px; display:flex; align-items:center; transition:color .2s;}
  .icon-btn:hover{color:var(--gold-light);}
  .icon-btn svg{display:block;}
  .lang-toggle{border:1px solid var(--line); border-radius:20px; padding:6px 12px; font-size:.75rem; letter-spacing:.05em; cursor:pointer; background:transparent; color:var(--pearl); white-space:nowrap;}
  .lang-toggle:hover{border-color:var(--gold); color:var(--gold);}
  .mobile-menu-btn{display:none; background:none; border:none; color:var(--pearl); font-size:1.4rem; cursor:pointer; flex-shrink:0;}
  @media(max-width:880px){ nav.mainnav{display:none;} .mobile-menu-btn{display:block;} }
  @media(max-width:420px){
    .headrow{padding:14px 12px; gap:8px;}
    .logo-img{height:28px;}
    .headicons{gap:8px;}
    .icon-btn{font-size:.95rem; padding:2px;}
    .lang-toggle{padding:5px 9px; font-size:.7rem;}
  }

  /* Mobile dropdown nav (opened by the ☰ button) */
  .mobile-nav{display:none; position:absolute; top:100%; inset-inline:0; background:#0f0f0f; border-bottom:1px solid var(--line); box-shadow:0 12px 24px rgba(0,0,0,.4);}
  .mobile-nav.open{display:block;}
  .mobile-nav a{display:block; padding:15px 24px; color:var(--pearl); font-size:.98rem; border-bottom:1px solid var(--line);}
  .mobile-nav a:last-child{border-bottom:none;}
  .mobile-nav a:active, .mobile-nav a:hover{color:var(--gold); background:rgba(255,255,255,.03);}
  @media(min-width:881px){ .mobile-nav{display:none !important;} }

  /* Hero */
  .hero{position:relative; min-height:82vh; display:flex; align-items:center; justify-content:center; text-align:center;
    background:
      linear-gradient(180deg, rgba(13,13,13,.5) 0%, rgba(13,13,13,.72) 55%, #0D0D0D 100%),
      url("https://images.unsplash.com/photo-1600003014608-c2ccc1570a65?auto=format&fit=crop&w=1800&q=60") center 40%/cover no-repeat,
      radial-gradient(ellipse at 50% 0%, #1c1420 0%, #0D0D0D 62%);
    border-bottom:1px solid var(--line); padding:90px 24px; overflow:hidden;}
  .hero::before{content:""; position:absolute; inset:0; opacity:.4; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='none' stroke='%236E4FA3' stroke-opacity='0.16' stroke-width='1'%3E%3Ccircle cx='70' cy='70' r='66'/%3E%3Ccircle cx='70' cy='70' r='46'/%3E%3Ccircle cx='70' cy='70' r='2'/%3E%3Cline x1='70' y1='2' x2='70' y2='20'/%3E%3Cline x1='70' y1='120' x2='70' y2='138'/%3E%3Cline x1='2' y1='70' x2='20' y2='70'/%3E%3Cline x1='120' y1='70' x2='138' y2='70'/%3E%3C/g%3E%3C/svg%3E");
    background-size:140px 140px;}
  .hero::after{content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 40%, transparent 0%, #0D0D0D 92%);}
  .hero-inner{max-width:640px; position:relative; z-index:1;}
  .hero-logo{position:absolute; top:16%; left:50%; transform:translateX(-50%); height:60px; width:auto; object-fit:contain; z-index:2;}
  .hero .eyebrow{font-family:'Heebo',sans-serif; color:var(--gold-light); font-size:.78rem; font-weight:700; letter-spacing:.24em; margin-bottom:22px; display:block; text-shadow:0 2px 12px rgba(0,0,0,.6);}
  body.en-mode .hero .eyebrow{font-family:'Inter',sans-serif; letter-spacing:.2em;}
  .hero h1{font-family:'Rubik',sans-serif; font-size:clamp(2.4rem,6vw,3.9rem); line-height:1.32; font-weight:700; letter-spacing:.01em; margin-bottom:28px; text-shadow:0 4px 24px rgba(0,0,0,.7);}
  body.en-mode .hero h1{font-family:'Rubik',sans-serif; font-weight:800; letter-spacing:-0.02em;}
  .hero p{color:var(--pearl); opacity:.85; font-size:1.05rem; line-height:1.8; max-width:480px; margin:0 auto 38px; text-shadow:0 2px 14px rgba(0,0,0,.6);}
  .btn{display:inline-block; padding:15px 38px; border:1px solid var(--gold); color:var(--gold); font-size:.9rem; letter-spacing:.08em; border-radius:2px; transition:background .25s, color .25s;}
  .btn:hover{background:var(--gold); color:#0D0D0D;}
  .btn.solid{background:var(--gold); color:#0D0D0D;}
  .btn.solid:hover{background:transparent; color:var(--gold);}

  section{padding:104px 0;}
  .section-head{margin-bottom:58px; text-align:center;}
  .section-head h2{font-size:clamp(1.6rem,3.2vw,2.2rem); font-weight:500; margin-bottom:14px;}
  .section-head p{color:var(--mute); font-size:.95rem;}

  /* Category grid */
  .cat-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:var(--line);}
  .cat{background:var(--card); min-height:240px; display:flex; align-items:flex-end; padding:30px; position:relative; overflow:hidden; transition:background .25s;}
  .cat:hover{background:#201d17;}
  .cat h3{font-family:'Rubik',sans-serif; font-size:1.2rem; font-weight:600; position:relative; z-index:2; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.8);}
  .cat::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,.55) 100%); z-index:1;}
  .cat img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; opacity:.75; transition:transform .35s;}
  .cat:hover img{transform:scale(1.06);}
  @media(max-width:880px){ .cat-grid{grid-template-columns:repeat(2,1fr);} }

  /* Products */
  .prod-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:32px;}
  .prod-card{background:var(--card); border:1px solid var(--line); transition:border-color .25s;}
  .prod-card:hover{border-color:var(--gold);}
  .prod-img{aspect-ratio:1/1; background:linear-gradient(135deg,#181420,#0f0e0c); display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--line); position:relative; overflow:hidden;}
  .prod-img img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s;}
  .prod-card:hover .prod-img img{transform:scale(1.05);}
  .badge{position:absolute; top:10px; inset-inline-start:10px; background:rgba(0,0,0,.72); border:1px solid var(--gold-light); color:var(--gold-light); font-size:.66rem; padding:3px 11px; border-radius:20px; letter-spacing:.03em; z-index:1;}
  .badge.used{border-color:var(--mute); color:var(--mute);}
  .avail-badge{position:absolute; top:10px; inset-inline-end:10px; display:flex; align-items:center; gap:5px; background:rgba(0,0,0,.4); text-shadow:0 1px 2px rgba(0,0,0,.7); color:#7CFFB2; font-size:.64rem; padding:3px 10px; border-radius:20px; letter-spacing:.02em; z-index:1;}
  .avail-badge.unavailable{color:#FF9B9B;}
  .avail-dot{width:6px; height:6px; border-radius:50%; background:#3DDC84; box-shadow:0 0 0 0 rgba(61,220,132,.7); animation:availPulseGreen 1.6s infinite;}
  .avail-badge.unavailable .avail-dot{background:#FF5252; animation:availPulseRed 1.6s infinite;}
  @keyframes availPulseGreen{
    0%{box-shadow:0 0 0 0 rgba(61,220,132,.65);}
    70%{box-shadow:0 0 0 6px rgba(61,220,132,0);}
    100%{box-shadow:0 0 0 0 rgba(61,220,132,0);}
  }
  @keyframes availPulseRed{
    0%{box-shadow:0 0 0 0 rgba(255,82,82,.65);}
    70%{box-shadow:0 0 0 6px rgba(255,82,82,0);}
    100%{box-shadow:0 0 0 0 rgba(255,82,82,0);}
  }
  .prod-body{padding:24px;}
  .prod-body h4{font-weight:500; font-size:1rem; margin-bottom:9px;}
  .prod-detail{color:var(--mute); font-size:.78rem; line-height:1.7; margin-bottom:16px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .prod-price{color:var(--gold-light); font-family:'Heebo',sans-serif; font-weight:700; font-size:1.1rem; margin-bottom:18px;}
  body.en-mode .prod-price{font-family:'Inter',sans-serif; font-weight:700;}
  .add-cart{width:100%; padding:11px; background:transparent; border:1px solid var(--line); color:var(--pearl); font-size:.82rem; letter-spacing:.05em; cursor:pointer; transition:border-color .2s, color .2s;}
  .add-cart:hover{border-color:var(--gold); color:var(--gold);}
  @media(max-width:880px){ .prod-grid{grid-template-columns:repeat(2,1fr);} }

  /* Magazine */
  .mag-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:32px;}
  .mag-card{background:var(--card2); border:1px solid var(--line); padding:0;}
  .mag-thumb{aspect-ratio:16/10; background:linear-gradient(135deg,#181410,#0d0c0a); border-bottom:1px solid var(--line); overflow:hidden;}
  .mag-thumb img{width:100%; height:100%; object-fit:cover; display:block;}
  .mag-body{padding:26px;}
  .mag-tag{color:var(--gold); font-size:.72rem; letter-spacing:.1em; display:block; margin-bottom:14px;}
  .mag-body h4{font-size:1.05rem; font-weight:500; line-height:1.4; margin-bottom:14px;}
  .mag-body a.readmore{font-size:.85rem; color:var(--mute); border-bottom:1px solid var(--line);}
  .mag-body a.readmore:hover{color:var(--gold); border-color:var(--gold);}
  @media(max-width:880px){ .mag-grid{grid-template-columns:1fr;} }

  /* Trust */
  .trust{background:var(--card2); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .trust-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:40px; text-align:center;}
  .trust-icon{width:48px; height:48px; margin:0 auto 20px; border:1px solid var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--gold); font-size:1.1rem;}
  .trust h4{font-size:.98rem; margin-bottom:9px; font-weight:600;}
  .trust p{color:var(--mute); font-size:.82rem; line-height:1.5;}
  @media(max-width:880px){ .trust-grid{grid-template-columns:repeat(2,1fr); row-gap:36px;} }

  /* Footer */
  footer{background:#000; padding:84px 0 32px;}
  .foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.4fr; gap:48px; padding-bottom:48px; border-bottom:1px solid var(--line);}
  .foot-col h5{font-size:.85rem; letter-spacing:.08em; color:var(--gold); margin-bottom:22px;}
  .foot-col p{color:var(--mute); font-size:.88rem; line-height:1.8;}
  .foot-col ul{list-style:none;}
  .foot-col li{margin-bottom:10px;}
  .foot-col a{color:var(--mute); font-size:.88rem;}
  .foot-col a:hover{color:var(--gold);}
  .newsletter{display:flex; margin-top:14px; border:1px solid var(--line); max-width:100%;}
  .newsletter input{flex:1; min-width:0; background:transparent; border:none; padding:12px 14px; color:var(--pearl); font-size:.85rem; font-family:inherit;}
  .newsletter input:focus{outline:none;}
  .newsletter button{background:var(--gold); border:none; padding:0 18px; color:#0D0D0D; font-size:.8rem; cursor:pointer; letter-spacing:.03em;}
  .foot-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:28px; color:var(--mute); font-size:.78rem; flex-wrap:wrap; gap:10px;}
  @media(max-width:880px){ .foot-grid{grid-template-columns:1fr 1fr; row-gap:32px;} }
  @media(max-width:520px){ .foot-grid{grid-template-columns:1fr;} }

  @media (prefers-reduced-motion: reduce){ *{transition:none !important; scroll-behavior:auto !important;} }

  /* Breadcrumb */
  .breadcrumb{padding:24px 0; color:var(--mute); font-size:.82rem;}
  .breadcrumb a:hover{color:var(--gold);}
  .breadcrumb .sep{margin:0 8px; opacity:.5;}

  /* Category listing page */
  .cat-hero{padding:48px 0 36px; text-align:center; border-bottom:1px solid var(--line); position:relative;
    background-size:cover; background-position:center 35%; background-repeat:no-repeat;}
  .cat-hero .hero-logo{height:35px; margin:0 auto 30px;}
  .cat-hero h1{font-size:clamp(1.8rem,4vw,2.6rem); font-weight:500; margin-bottom:12px;}
  .cat-hero p{color:var(--mute); font-size:.92rem;}
  .empty-msg{text-align:center; color:var(--mute); padding:60px 0;}

  /* Product card as link wrapper */
  a.prod-link{display:block; color:inherit;}

  /* Product detail page */
  .pd-wrap{display:grid; grid-template-columns:1fr 1fr; gap:56px; padding:56px 0 28px; align-items:start;}
  @media(max-width:880px){ .pd-wrap{grid-template-columns:1fr; gap:32px;} }
  .pd-img{position:relative; aspect-ratio:1/1; background:linear-gradient(135deg,#181420,#0f0e0c); border:1px solid var(--line); overflow:hidden;}
  .pd-img img{width:100%; height:100%; object-fit:cover;}
  .pd-info h1{font-size:clamp(1.5rem,3vw,2rem); font-weight:500; margin-bottom:14px;}
  .pd-price{color:var(--gold-light); font-family:'Heebo',sans-serif; font-weight:700; font-size:1.5rem; margin-bottom:22px;}
  body.en-mode .pd-price{font-family:'Inter',sans-serif; font-weight:700;}
  .pd-desc{color:var(--mute); font-size:.95rem; line-height:1.9; margin-bottom:30px;}
  .pd-actions{display:flex; flex-direction:column; gap:12px; max-width:340px; margin-bottom:40px;}
  .pd-actions .add-cart{padding:14px;}
  .pd-facts{border-top:1px solid var(--line); padding-top:18px; font-size:.85rem; color:var(--mute); line-height:2;}
  .pd-facts b{color:var(--pearl); font-weight:500;}

  /* Policy accordion blocks on product page */
  .pd-policies{border-top:1px solid var(--line); margin-top:8px;}
  .pd-policy{border-bottom:1px solid var(--line);}
  .pd-policy summary{padding:16px 0; cursor:pointer; font-weight:500; color:var(--pearl); list-style:none; display:flex; justify-content:space-between; align-items:center;}
  .pd-policy summary::-webkit-details-marker{display:none;}
  .pd-policy summary::after{content:"+"; color:var(--gold); font-size:1.2rem;}
  .pd-policy[open] summary::after{content:"–";}
  .pd-policy .pd-policy-body{padding:0 0 18px; color:var(--mute); font-size:.88rem; line-height:1.9;}

  /* Placeholder for products without a photo yet */
  .img-placeholder{width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; background:linear-gradient(135deg,#1c1a17,#141210); color:var(--mute); text-align:center; padding:20px;}
  .ph-brand{letter-spacing:.12em; color:var(--gold-light); font-size:1rem;}
  .ph-note{font-size:.72rem; opacity:.75;}

  /* Product photo gallery (add/remove photos) */
  .pd-thumbs{display:flex; gap:8px; margin-top:10px; flex-wrap:wrap;}
  .pd-thumb{position:relative; width:64px; height:64px; border:1px solid var(--line); overflow:hidden; cursor:pointer; flex-shrink:0; background:#141210;}
  .pd-thumb img{width:100%; height:100%; object-fit:cover; display:block;}
  .pd-thumb.active{border-color:var(--gold);}
  .pd-thumb .rm-btn{position:absolute; top:2px; inset-inline-end:2px; width:18px; height:18px; background:rgba(0,0,0,.65); color:#fff; border:none; border-radius:50%; font-size:.7rem; line-height:18px; cursor:pointer; padding:0;}
  .pd-add-tile{width:64px; height:64px; border:1px dashed var(--line); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; cursor:pointer; color:var(--mute); font-size:1.1rem; flex-shrink:0; background:transparent;}
  .pd-add-tile span{font-size:.55rem; letter-spacing:.02em;}
  .pd-add-tile:hover{border-color:var(--gold); color:var(--gold-light);}
  .pd-photo-note{font-size:.72rem; color:var(--mute); margin-top:8px; line-height:1.6;}

/* ===== Image protection: block drag, selection and iOS long-press save menu ===== */
img, video{
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}