:root{
  --bg:#070808; --bg2:#0d0e0d; --panel:#101210; --gold:#c79348; --gold2:#e1b56e;
  --text:#f4eee4; --muted:#b8ab98; --line:rgba(199,147,72,.42); --soft:rgba(199,147,72,.14);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 82% 4%,rgba(95,57,24,.18),transparent 20%),linear-gradient(180deg,#050605,#090a09 42%,#050605);color:var(--text);font-family:"Cormorant Garamond", Garamond, Georgia, serif;text-transform:uppercase;min-height:100vh}
button,input,select{font:inherit} button{cursor:pointer} img{display:block;max-width:100%} a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:20;background:rgba(6,7,7,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1600px;margin:auto;padding:0 34px}
.menu-btn,.brand-btn,.lang,.currency-btn,.converter-btn{border:0;background:transparent;color:var(--gold2)}
.menu-btn{justify-self:start;letter-spacing:.18em}.menu-btn span{font-size:12px;margin-left:8px}.brand-btn img{height:72px;width:auto}.header-tools{justify-self:end;display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.12em}.lang,.currency-btn{padding:4px 3px;color:#ab9e8c}.lang.active,.currency-btn.active{color:var(--gold2)}.converter-btn{font-size:22px}
.main-nav{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;padding:10px 20px;border-top:1px solid rgba(199,147,72,.15);font-size:12px;letter-spacing:.12em}.main-nav button{border:0;background:none;color:#d8cbb8;text-transform:uppercase}.main-nav button:hover{color:var(--gold2)}
.app{max-width:1600px;margin:auto;padding:28px 34px 110px}
.hero-home{text-align:center;padding:16px 0 28px}.hero-home h1{font-size:32px;font-weight:500;letter-spacing:.18em;margin:0}.hero-home p{font-style:italic;color:#d8ccba;letter-spacing:.07em;margin:12px 0 0}.rule{width:420px;max-width:70%;height:1px;background:var(--line);margin:17px auto 0;position:relative}.rule:after{content:"✣";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#070808;color:var(--gold2);padding:0 12px;font-size:20px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-grid .category-card:nth-child(n+5){grid-column:span 1}.category-grid.bottom3{grid-template-columns:repeat(3,1fr);margin-top:16px}.category-card{position:relative;min-height:238px;border:1px solid var(--line);overflow:hidden;background:#0a0b0a;text-align:left;padding:0}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,4,.95) 0%,rgba(3,4,4,.65) 45%,rgba(3,4,4,.10) 100%)}.category-content{position:relative;z-index:2;padding:28px 25px;max-width:68%}.category-title{font-size:22px;color:#fff;line-height:1.2}.category-desc{margin-top:14px;font-size:11px;line-height:1.6;letter-spacing:.08em;color:#c7baa7}.category-arrow{margin-top:22px;width:38px;height:38px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2)}
.page-title{text-align:center;padding:18px 0 24px}.page-title .eyebrow{font-size:11px;letter-spacing:.2em;color:var(--gold2)}.page-title h1{font-size:34px;font-weight:500;letter-spacing:.14em;margin:8px 0}.page-title p{font-style:italic;color:#bfb19e;margin:0}
.subcat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.subcat-card{position:relative;aspect-ratio:1/1;border:1px solid var(--line);overflow:hidden;background:#0b0c0b}.subcat-card img{width:100%;height:100%;object-fit:cover}.subcat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.82))}.subcat-meta{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:18px;text-align:center}.subcat-meta strong{font-size:17px}.subcat-meta span{display:block;color:#cdbb9f;font-size:11px;margin-top:6px}
.product-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#aa9e8c;font-size:11px;letter-spacing:.10em}.back-btn,.page-btn{border:1px solid var(--line);background:transparent;color:var(--gold2);padding:9px 13px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 18px}.product-card{min-width:0}.product-photo{aspect-ratio:1.28/1;border:1px solid var(--line);background:#111;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover img{transform:scale(1.025)}.product-meta{text-align:center;padding:10px 8px}.product-name{font-size:14px;line-height:1.35;min-height:38px}.product-price{color:var(--gold2);font-size:16px;margin-top:4px}.pagination{display:flex;justify-content:center;gap:10px;margin-top:26px}
.loader{padding:50px;text-align:center;color:#9b8f7d}.error-box{border:1px solid var(--line);padding:24px;text-align:center;color:#d6b07a}
.product-detail{display:grid;grid-template-columns:40% 1fr;gap:42px}.gallery-main{aspect-ratio:1/1;border:1px solid var(--line);background:#0b0d0c;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover}.thumb-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.thumb{aspect-ratio:1/1;padding:0;border:1px solid var(--line);background:#111;overflow:hidden;opacity:.7}.thumb.active{opacity:1;border-color:var(--gold2)}.thumb img{width:100%;height:100%;object-fit:cover}.product-breadcrumb{font-size:10px;letter-spacing:.13em;color:#9a8d7d;margin-bottom:14px}.detail-title{font-size:31px;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;color:#edc28a}.detail-price{font-size:34px;color:var(--gold2);margin-bottom:20px}.detail-price del{font-size:15px;color:#756a5d;margin-right:10px}.tabs{border-top:1px solid var(--line)}.tab-head{display:flex;gap:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tab-head button{border:0;background:none;color:#cdbda6;padding:15px 4px 12px;font-size:12px;letter-spacing:.09em;text-transform:uppercase}.tab-head button.active{color:var(--gold2);border-bottom:2px solid var(--gold2)}.tab-panel{display:none;padding:18px 0;color:#ddd1c0;font-size:13px;line-height:1.9}.tab-panel.active{display:block}.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.feature-card{text-align:center}.feature-card img{width:100%;height:108px;object-fit:contain}.store-btn{display:block;width:100%;text-align:center;border:1px solid var(--gold2);padding:15px;color:var(--gold2);font-size:13px;letter-spacing:.12em}.related{margin-top:38px;border-top:1px solid var(--line);padding-top:22px}.related h2{font-size:18px;letter-spacing:.12em;font-weight:500}.related-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.related-card img{aspect-ratio:1/1;width:100%;object-fit:cover;border:1px solid var(--line)}.related-card div{text-align:center;font-size:10px;margin-top:5px;color:#c8baa6}
.presentation{max-width:1100px;margin:auto}.presentation-hero{padding:45px 0 26px;text-align:center}.presentation-hero h1{font-size:38px;letter-spacing:.16em;font-weight:500}.presentation-hero p{font-style:italic;color:#cdbfae}.story-block{border-top:1px solid var(--line);padding:28px 0}.story-block h2{font-size:20px;color:var(--gold2);letter-spacing:.12em}.story-block p{font-size:14px;line-height:1.9;color:#ded4c5}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.value{border:1px solid var(--line);padding:20px;text-align:center}.value strong{display:block;color:var(--gold2);margin-bottom:8px}
.bottom-nav{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:25;display:flex;gap:12px;background:rgba(5,6,6,.9);padding:8px;border:1px solid rgba(199,147,72,.24);backdrop-filter:blur(10px)}.bottom-action{min-width:260px;padding:14px 20px;border:1px solid var(--line);background:transparent;color:#e9dfd1;letter-spacing:.12em}.bottom-action.active{background:linear-gradient(180deg,#c69548,#966a29);color:#100e0a}.bottom-action span{margin-right:12px}
.modal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.68);display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(520px,100%);background:#090b0a;border:1px solid var(--line);padding:25px;position:relative}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;color:var(--gold2);font-size:25px}.modal-card h2{font-size:19px;letter-spacing:.12em}.converter-grid{display:grid;grid-template-columns:1fr 100px;gap:10px}.converter-grid input,.converter-grid select{background:#111;color:#eee;border:1px solid var(--line);padding:12px}.converter-arrow{grid-column:1/-1;text-align:center;color:var(--gold2)}.converter-grid output{padding:12px;border:1px solid var(--line);color:var(--gold2)}.rate-text{font-size:10px;color:#8f8271;line-height:1.6}.toast{position:fixed;right:20px;bottom:94px;z-index:80;background:#121411;border:1px solid var(--line);color:#e5d9c7;padding:12px 16px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}
.intro{position:fixed;inset:0;z-index:100;background:#020303;display:grid;place-items:center;transition:opacity .8s ease}.intro.hidden{opacity:0;pointer-events:none}.intro-stage{text-align:center}.laser-mark{width:380px;max-width:78vw}.laser-path{fill:none;stroke:#d47a25;stroke-width:5;filter:drop-shadow(0 0 8px #ff8a26);stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw 2.2s ease forwards,burn 1s 2.3s forwards}.intro-eyes{display:flex;gap:90px;justify-content:center;margin-top:-80px;opacity:0;animation:eyes .8s 2.6s forwards}.intro-eyes i{width:55px;height:55px;border-radius:50%;background:radial-gradient(circle,#050505 0 26%,#b07830 28% 45%,#4a2b13 48% 66%,#111 68%);box-shadow:0 0 30px rgba(186,115,38,.18)}.intro-brand{font-size:38px;color:#f0e7dc;margin-top:55px;opacity:0;animation:fade .8s 3s forwards}.intro-copy{color:#cbbba5;font-size:14px;letter-spacing:.10em;margin-top:10px;opacity:0;animation:fade .8s 3.2s forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes burn{to{opacity:0}}@keyframes eyes{to{opacity:.75}}@keyframes fade{to{opacity:1}}
@media(max-width:1200px){.category-grid{grid-template-columns:repeat(2,1fr)}.category-grid.bottom3{grid-template-columns:repeat(3,1fr)}.subcat-grid{grid-template-columns:repeat(2,1fr)}.product-detail{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(4,1fr)}.feature-strip{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.header-inner{height:76px;padding:0 14px;grid-template-columns:auto 1fr auto}.menu-btn span{display:none}.brand-btn img{height:55px}.header-tools{gap:5px;font-size:10px}.main-nav{display:none}.app{padding:20px 14px 105px}.category-grid,.category-grid.bottom3{grid-template-columns:1fr}.subcat-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}.feature-strip{grid-template-columns:repeat(2,1fr)}.bottom-action{min-width:0;font-size:10px;padding:12px 14px}.bottom-nav{width:calc(100% - 22px);justify-content:stretch}.bottom-action{flex:1}.values{grid-template-columns:1fr 1fr}.product-toolbar{gap:8px;align-items:flex-start}.hero-home h1{font-size:24px}.page-title h1{font-size:26px}.detail-title{font-size:25px}}

/* ===== RedOwlCraft v2 — validări 20.09.2026 ===== */
.site-header{
  position:sticky;top:0;z-index:20;overflow:hidden;
  min-height:122px;
  background:
    radial-gradient(circle at 86% 50%,rgba(108,66,28,.14),transparent 22%),
    linear-gradient(180deg,rgba(5,6,6,.98),rgba(6,7,7,.96));
  border-bottom:0;
  backdrop-filter:blur(10px);
}
.header-eye{
  position:absolute;right:0;top:0;width:min(440px,34vw);height:112px;
  background:url('assets/header-eye.jpg') center 44%/cover no-repeat;
  opacity:.55;
  filter:saturate(.82) contrast(1.05) brightness(.78);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 25%,#000 58%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 25%,#000 58%,#000 100%);
  pointer-events:none;
}
.header-inner{
  position:relative;z-index:2;height:101px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  max-width:1600px;margin:auto;padding:0 36px;
}
.menu-btn,.brand-btn,.lang,.currency-btn{border:0;background:transparent;color:var(--gold2)}
.menu-btn{justify-self:start;letter-spacing:.20em;font-size:18px}.menu-btn span{font-size:11px;margin-left:8px}
.brand-btn{padding:0}.brand-btn img{height:82px;width:auto;object-fit:contain}
.header-tools{justify-self:end;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.11em;position:relative;z-index:3}
.tool-sep{color:#6f6252}
.lang{padding:4px 2px;color:#a99a87}.lang.active{color:var(--gold2)}
.header-rule{position:relative;z-index:2;height:21px;display:flex;align-items:flex-start;justify-content:center;max-width:1600px;margin:0 auto;padding:0 36px}
.header-rule:before,.header-rule:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);flex:1;max-width:410px;margin-top:5px;opacity:.65}
.header-rule span{color:var(--gold2);font-size:20px;line-height:10px;margin:0 14px;transform:translateY(-4px)}

/* RON / EUR — un singur control, cu glisare */
.currency-toggle{
  position:relative;width:104px;height:34px;border:1px solid var(--line);border-radius:18px;
  display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;
  background:rgba(0,0,0,.28);margin-left:10px;
}
.currency-slider{
  position:absolute;top:3px;left:3px;width:47px;height:26px;border-radius:14px;
  background:linear-gradient(180deg,#cf9e52,#916126);
  box-shadow:0 0 18px rgba(199,147,72,.18);
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.currency-toggle.eur .currency-slider{transform:translateX(50px)}
.currency-btn{position:relative;z-index:2;padding:0;color:#b4a48e;font-size:10px;letter-spacing:.06em;height:32px}
.currency-btn.active{color:#120e09}

/* Home — imagini furnizate de utilizator, carduri mai înalte */
.app{max-width:1600px;margin:auto;padding:22px 34px 110px}
.hero-home{text-align:center;padding:12px 0 26px}
.hero-home h1{font-size:31px;font-weight:500;letter-spacing:.20em;margin:0;color:#f5efe7}
.hero-home p{font-style:italic;color:#d8ccba;letter-spacing:.07em;margin:12px 0 0}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.category-grid.bottom3{grid-template-columns:repeat(3,1fr);margin-top:16px}
.category-card{position:relative;min-height:278px;border:1px solid var(--line);overflow:hidden;background:#0a0b0a;text-align:left;padding:0}
.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,4,.96) 0%,rgba(3,4,4,.70) 43%,rgba(3,4,4,.13) 100%)}
.category-content{position:relative;z-index:2;padding:32px 27px;max-width:69%}
.category-title{font-size:22px;color:#fff;line-height:1.2;position:relative;padding-bottom:14px}
.category-title:after{content:"";position:absolute;left:0;bottom:3px;width:42px;height:2px;background:var(--gold);opacity:.92}
.category-desc{margin-top:10px;font-size:11px;line-height:1.7;letter-spacing:.07em;color:#c7baa7}
.category-arrow{margin-top:22px;width:39px;height:39px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2)}

/* Intro — laser / urmă arsă / ochii bufniței / logo */
.intro{position:fixed;inset:0;z-index:100;background:#010202;display:grid;place-items:center;transition:opacity .8s ease;overflow:hidden}
.intro.hidden{opacity:0;pointer-events:none}
.intro-stage{position:relative;width:min(760px,92vw);height:520px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:38px}
.laser-mark{width:min(700px,90vw);height:auto;overflow:visible}
.laser-path{
  fill:none;stroke:#ec7e28;stroke-width:4;stroke-linecap:round;
  filter:drop-shadow(0 0 5px #ff8e31) drop-shadow(0 0 14px rgba(239,104,31,.65));
  stroke-dasharray:1900;stroke-dashoffset:1900;
  animation:introDraw 2.15s cubic-bezier(.35,.05,.25,1) .12s forwards,introScar 1.05s ease 2.25s forwards;
}
.laser-dot{fill:#ffd0a0;opacity:1;filter:drop-shadow(0 0 5px #ff9b3d) drop-shadow(0 0 12px #ff5f1f);animation:introDotFade .35s 2.2s forwards}
.intro-eyes{position:absolute;top:132px;left:50%;transform:translateX(-50%);display:flex;gap:154px;opacity:0;animation:introEyes 1.0s 2.5s forwards}
.intro-eyes i{width:86px;height:68px;border-radius:50% 50% 47% 47%;background:radial-gradient(ellipse at 50% 48%,#050505 0 22%,#b7853e 25% 38%,#6f461d 42% 55%,#1a120b 61%,#090909 72%);box-shadow:0 0 24px rgba(190,126,55,.15),inset 0 0 13px rgba(255,205,126,.12);transform:scaleY(.92)}
.intro-logo{width:390px;max-width:72vw;height:auto;margin-top:28px;opacity:0;animation:introLogo .9s 3.1s forwards}
.intro-copy{font-size:21px;color:#efe7dc;letter-spacing:.14em;text-transform:uppercase;margin-top:19px;opacity:0;animation:introLogo .75s 3.35s forwards}
.intro-subcopy{font-size:13px;font-style:italic;color:#bba992;letter-spacing:.08em;margin-top:9px;opacity:0;animation:introLogo .75s 3.55s forwards}
@keyframes introDraw{to{stroke-dashoffset:0}}
@keyframes introScar{0%{stroke:#ed7d26;opacity:1;filter:drop-shadow(0 0 10px #ff7a22)}45%{stroke:#5e2b13;opacity:.68;filter:drop-shadow(0 0 3px #6c3117)}100%{stroke:#24140d;opacity:0;filter:none}}
@keyframes introDotFade{to{opacity:0}}
@keyframes introEyes{from{opacity:0;transform:translateX(-50%) scale(.94)}to{opacity:.82;transform:translateX(-50%) scale(1)}}
@keyframes introLogo{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.laser-path,.laser-dot,.intro-eyes,.intro-logo,.intro-copy,.intro-subcopy{animation-duration:.01ms!important;animation-delay:0!important}.intro{transition:none}}

@media(max-width:1200px){
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .category-grid.bottom3{grid-template-columns:repeat(3,1fr)}
  .category-card{min-height:270px}
}
@media(max-width:760px){
  .header-inner{height:86px;padding:0 14px;grid-template-columns:auto 1fr auto}
  .menu-btn span{display:none}.menu-btn{font-size:20px}
  .brand-btn img{height:62px;max-width:48vw}
  .header-eye{width:48vw;height:90px;opacity:.34}
  .header-tools{gap:4px}.lang{font-size:9px}.currency-toggle{width:90px;height:30px;margin-left:4px}.currency-slider{width:40px;height:22px}.currency-toggle.eur .currency-slider{transform:translateX(44px)}.currency-btn{font-size:9px;height:28px}
  .header-rule{height:14px;padding:0 14px}.header-rule span{font-size:17px}
  .app{padding:18px 14px 105px}.hero-home h1{font-size:23px}
  .category-grid,.category-grid.bottom3{grid-template-columns:1fr}.category-card{min-height:270px}
  .intro-stage{height:460px;padding-top:26px}.intro-eyes{top:112px;gap:106px}.intro-eyes i{width:65px;height:53px}.intro-logo{margin-top:15px;width:310px}.intro-copy{font-size:15px}.intro-subcopy{font-size:11px}
}


/* =========================================================
   INTRO VIDEO — varianta finală
   ========================================================= */
.intro{
  position:fixed;
  inset:0;
  z-index:1000;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  opacity:1;
  visibility:visible;
  transition:opacity .65s ease, visibility .65s ease;
}
.intro.hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.intro-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#000;
}
.intro-start{
  display:none;
  position:relative;
  z-index:2;
  border:1px solid rgba(225,181,110,.68);
  background:rgba(0,0,0,.58);
  color:#e1b56e;
  padding:12px 18px;
  letter-spacing:.14em;
  font-size:11px;
  text-transform:uppercase;
}
.intro.needs-tap .intro-start{display:block}

@media (prefers-reduced-motion:reduce){
  .intro{transition:none}
}


/* V4 — imaginile Home rămân complet neacoperite */
.category-card::after,
.category-card:after{
  content:none !important;
  display:none !important;
  background:none !important;
}


/* =========================================================
   V5 — HEADER VALIDAT: logo exact + slogan + ochi decorativi
   ========================================================= */
.site-header{
  position:sticky;
  top:0;
  z-index:20;
  overflow:hidden;
  min-height:148px;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(73,45,20,.10), transparent 48%),
    linear-gradient(180deg, rgba(3,4,4,.99), rgba(6,7,7,.97));
  border-bottom:0;
  backdrop-filter:blur(10px);
}

.header-inner{
  position:relative;
  z-index:4;
  height:124px;
  display:grid;
  grid-template-columns:1fr minmax(420px,620px) 1fr;
  align-items:center;
  max-width:1600px;
  margin:0 auto;
  padding:0 38px;
}

.brand-btn{
  justify-self:center;
  width:min(620px,44vw);
  padding:10px 12px 2px;
  border:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  position:relative;
  z-index:5;
}

.brand-btn .brand-logo-exact{
  width:100%;
  height:auto;
  max-height:86px;
  object-fit:contain;
  object-position:center;
}

.brand-tagline{
  display:block;
  color:#d8c8b4;
  font-size:12px;
  line-height:1.2;
  letter-spacing:.07em;
  font-style:italic;
  font-weight:400;
  white-space:nowrap;
  margin-top:0;
  text-shadow:0 1px 6px rgba(0,0,0,.9);
}

.menu-btn{
  justify-self:start;
  position:relative;
  z-index:6;
}

.header-tools{
  justify-self:end;
  position:relative;
  z-index:6;
}

/* Ochii sunt intenționat depărtați de logo, în cele două spații libere. */
.header-eye-decor{
  position:absolute;
  top:13px;
  width:250px;
  height:102px;
  z-index:2;
  pointer-events:none;
  opacity:.24;
  filter:saturate(.60) brightness(.72) contrast(1.02);
}

.header-eye-decor img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.header-eye-left{
  left:clamp(105px,14vw,245px);
  transform:translateX(-15%);
}

.header-eye-right{
  right:clamp(125px,15vw,255px);
  transform:translateX(15%);
}

/* mascarea suplimentară face ca ochii să se piardă în negru, nu să pară două fotografii decupate */
.header-eye-left{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 72%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 72%,transparent 100%);
}
.header-eye-right{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 78%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 78%,transparent 100%);
}

.header-rule{
  position:relative;
  z-index:4;
  height:24px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  max-width:1600px;
  margin:0 auto;
  padding:0 36px;
}

/* Anulează vechiul element cu imagine pe dreapta, dacă mai există stiluri reziduale */
.header-eye{display:none !important}

/* păstrăm imaginile Home fără layer întunecat */
.category-card::after,
.category-card:after{
  content:none !important;
  display:none !important;
  background:none !important;
}

@media(max-width:1200px){
  .header-inner{
    grid-template-columns:1fr minmax(360px,500px) 1fr;
    padding:0 24px;
  }
  .brand-btn{width:min(500px,46vw)}
  .header-eye-decor{width:205px;height:92px;opacity:.20}
  .header-eye-left{left:8vw}
  .header-eye-right{right:9vw}
}

@media(max-width:760px){
  .site-header{min-height:115px}
  .header-inner{
    height:96px;
    padding:0 12px;
    grid-template-columns:auto 1fr auto;
  }
  .brand-btn{
    width:min(57vw,330px);
    padding:6px 4px 0;
  }
  .brand-btn .brand-logo-exact{max-height:55px}
  .brand-tagline{
    font-size:7.5px;
    letter-spacing:.035em;
    white-space:normal;
    text-align:center;
  }
  .header-eye-decor{
    width:125px;
    height:66px;
    top:13px;
    opacity:.15;
  }
  .header-eye-left{left:34px}
  .header-eye-right{right:40px}
  .header-rule{height:18px;padding:0 14px}
}


/* =========================================================
   V6 — zona brand/hero la proporțiile din referință
   + ochii întinși pe tot spațiul negru până la categorii
   ========================================================= */

:root{
  --hero-black:#070707;
}

.site-header{
  position:sticky;
  top:0;
  z-index:20;
  min-height:106px;
  background:linear-gradient(180deg, rgba(4,4,4,.985), rgba(8,8,8,.965));
  border-bottom:none !important;
  overflow:hidden;
}

.site-header::after{
  content:"";
  position:absolute;
  inset:0 0 0 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.04)),
    url("assets/hero-eyes-wide.png") center 10px / 100% auto no-repeat;
  opacity:.55;
  pointer-events:none;
  z-index:1;
}

.header-eye-decor{display:none !important;}

.header-inner{
  position:relative;
  z-index:3;
  height:94px;
  grid-template-columns: 1fr minmax(420px, 640px) 1fr;
  max-width:1600px;
  margin:0 auto;
  padding:0 30px;
}

.brand-btn{
  width:min(560px, 41vw);
  gap:0;
  padding:6px 8px 0;
}

.brand-btn .brand-logo-exact{
  width:100%;
  max-height:72px;
  object-fit:contain;
  object-position:center;
}

.brand-tagline{
  margin-top:-2px;
  color:#d8c8b4;
  font-size:13px;
  line-height:1.1;
  letter-spacing:.045em;
  font-style:italic;
  font-weight:400;
  text-shadow:0 1px 8px rgba(0,0,0,.95);
  white-space:nowrap;
}

.header-rule{
  position:relative;
  z-index:3;
  height:18px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  margin:0 auto;
  padding:0 36px;
}
.header-rule span{
  color:var(--gold2);
  font-size:18px;
  line-height:1;
}

/* Zona exactă cerută: după logo și până la casetele cu categorii */
.hero-home{
  position:relative;
  overflow:hidden;
  text-align:center;
  margin:0 auto 8px;
  padding:10px 0 16px;
  min-height:136px;
  background:
    linear-gradient(180deg, rgba(7,7,7,.96), rgba(7,7,7,.93));
}
.hero-home::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.20)),
    url("assets/hero-eyes-wide.png") center -62px / 118% auto no-repeat;
  opacity:.62;
  pointer-events:none;
  z-index:0;
}
.hero-home > *{
  position:relative;
  z-index:1;
}

.hero-home h1{
  margin:6px 0 8px;
  font-size:50px;
  letter-spacing:.18em;
  line-height:1.08;
  font-weight:500;
  color:#f3eee6;
  text-transform:uppercase;
  text-shadow:0 2px 10px rgba(0,0,0,.72);
}
.hero-home p{
  margin:0;
  font-size:19px;
  line-height:1.35;
  font-style:italic;
  color:#e3d5c1;
  text-shadow:0 1px 7px rgba(0,0,0,.75);
}
.hero-home .eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  color:var(--gold2);
  font-size:22px;
  line-height:1;
  margin:0 auto 6px;
}
.hero-home .eyebrow::before,
.hero-home .eyebrow::after{
  content:"";
  width:94px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(199,147,72,.9), transparent);
}
.hero-home .eyebrow span,
.hero-home .eyebrow i,
.hero-home .eyebrow em{
  font-style:normal;
}

/* Casetele să înceapă imediat după zonă */
.category-grid{
  margin-top:0 !important;
  row-gap:12px !important;
}

/* Proporțiile vizuale mai apropiate de referință */
.app{
  max-width:1600px;
  margin:auto;
  padding:12px 34px 110px;
}

@media (max-width: 1280px){
  .brand-btn{width:min(520px, 43vw);}
  .brand-btn .brand-logo-exact{max-height:68px;}
  .hero-home h1{font-size:42px;}
  .hero-home p{font-size:18px;}
  .hero-home::before{
    background-size:130% auto;
    background-position:center -44px;
  }
}

@media (max-width: 900px){
  .site-header{min-height:94px;}
  .header-inner{
    height:86px;
    grid-template-columns:auto 1fr auto;
    padding:0 14px;
  }
  .brand-btn{
    width:min(60vw, 420px);
  }
  .brand-btn .brand-logo-exact{max-height:58px;}
  .brand-tagline{
    font-size:9px;
    letter-spacing:.02em;
    white-space:normal;
    text-align:center;
    max-width:98%;
  }
  .header-rule{height:14px;}
  .hero-home{
    padding:8px 0 10px;
    min-height:108px;
  }
  .hero-home .eyebrow{
    font-size:18px;
    gap:10px;
    margin-bottom:4px;
  }
  .hero-home .eyebrow::before,
  .hero-home .eyebrow::after{
    width:44px;
  }
  .hero-home h1{
    font-size:26px;
    letter-spacing:.12em;
    margin:4px 0 4px;
  }
  .hero-home p{
    font-size:13px;
    line-height:1.25;
  }
  .hero-home::before{
    background-size:160% auto;
    background-position:center -24px;
    opacity:.55;
  }
}

@media (max-width: 560px){
  .site-header::after{
    background-size:170% auto;
    background-position:center 10px;
    opacity:.45;
  }
  .brand-btn{
    width:min(64vw, 290px);
  }
  .brand-btn .brand-logo-exact{max-height:44px;}
  .brand-tagline{
    font-size:7px;
    line-height:1.15;
  }
  .hero-home{
    min-height:96px;
    padding:6px 0 8px;
  }
  .hero-home .eyebrow{
    font-size:14px;
    margin-bottom:2px;
  }
  .hero-home h1{
    font-size:18px;
    letter-spacing:.10em;
  }
  .hero-home p{
    font-size:10px;
  }
}


/* =========================================================
   V7 — header unitar + ierarhie tipografică revizuită
   ========================================================= */
.site-header{
  min-height:218px;
  padding-bottom:8px;
  background:linear-gradient(180deg,#050505 0%,#080808 56%,#070707 100%);
  border-bottom:1px solid rgba(199,147,72,.20) !important;
  overflow:hidden;
}
.site-header::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.08) 46%,rgba(0,0,0,.30) 100%),
    url("assets/hero-eyes-wide.png") center 8px / 78% auto no-repeat;
  opacity:.58;
  pointer-events:none;
  z-index:1;
}
.header-eye-decor{display:none !important;}
.header-inner{
  position:relative;
  z-index:3;
  height:102px;
}
.brand-btn{
  padding-top:8px;
}
.brand-tagline{
  margin-top:7px !important;
  font-style:italic !important;
  font-weight:400;
  text-transform:none !important;
  letter-spacing:.035em;
}
.header-rule{
  position:relative;
  z-index:3;
  margin-top:7px;
  height:20px;
}
.hero-home{
  position:relative;
  z-index:3;
  overflow:visible;
  min-height:78px;
  margin:0;
  padding:7px 20px 15px;
  background:transparent !important;
  text-align:center;
}
.hero-home::before{display:none !important;}
.hero-home h3{
  margin:0 0 10px;
  color:#f3eee6;
  font-size:24px;
  line-height:1.15;
  font-weight:600;
  letter-spacing:.14em;
  text-shadow:0 2px 10px rgba(0,0,0,.82);
}
.hero-home p{
  margin:0;
  color:#e5d8c5;
  font-size:19px;
  line-height:1.35;
  font-style:italic;
  font-weight:700;
  letter-spacing:.035em;
  text-transform:none !important;
  text-shadow:0 1px 8px rgba(0,0,0,.88);
}
.hero-home p strong,.hero-home p em{font:inherit;}
#homeHero[hidden]{display:none !important;}
.app{
  padding-top:12px;
}

@media (max-width:1280px){
  .site-header{min-height:205px;}
  .site-header::after{background-size:84% auto;background-position:center 10px;}
  .hero-home h3{font-size:22px;}
  .hero-home p{font-size:18px;}
}
@media (max-width:900px){
  .site-header{min-height:178px;}
  .site-header::after{background-size:92% auto;background-position:center 16px;opacity:.50;}
  .header-inner{height:88px;}
  .brand-tagline{margin-top:5px !important;}
  .header-rule{margin-top:4px;height:16px;}
  .hero-home{min-height:60px;padding:5px 12px 12px;}
  .hero-home h3{font-size:18px;letter-spacing:.11em;margin-bottom:7px;}
  .hero-home p{font-size:13px;letter-spacing:.025em;}
}
@media (max-width:560px){
  .site-header{min-height:158px;}
  .site-header::after{background-size:104% auto;background-position:center 18px;opacity:.45;}
  .header-inner{height:78px;}
  .brand-tagline{font-size:7.5px;margin-top:4px !important;}
  .header-rule{margin-top:3px;height:14px;}
  .hero-home{min-height:54px;padding:4px 10px 10px;}
  .hero-home h3{font-size:16px;letter-spacing:.09em;margin-bottom:6px;}
  .hero-home p{font-size:11px;line-height:1.25;}
}


/* =========================================================
   V8 — corecție punctele 2 și 4: lowercase real + spațiere
   Cinzel desenează literele mici ca small caps, de aceea
   aceste două texte folosesc un serif cu lowercase autentic.
   ========================================================= */
.brand-tagline{
  font-family: Georgia, "Times New Roman", serif !important;
  font-size:13px !important;
  font-style:italic !important;
  font-weight:400 !important;
  text-transform:none !important;
  font-variant:normal !important;
  letter-spacing:.015em !important;
  margin-top:11px !important;
}
.header-rule{
  margin-top:10px !important;
}
.hero-home p{
  font-family: Georgia, "Times New Roman", serif !important;
  font-size:19px !important;
  font-style:italic !important;
  font-weight:700 !important;
  text-transform:none !important;
  font-variant:normal !important;
  letter-spacing:.015em !important;
}
.hero-home p strong,
.hero-home p em{
  font-family:inherit !important;
  font-size:inherit !important;
  font-style:inherit !important;
  font-weight:inherit !important;
  text-transform:none !important;
  font-variant:normal !important;
}

@media (max-width:900px){
  .brand-tagline{font-size:10px !important;margin-top:8px !important;}
  .header-rule{margin-top:7px !important;}
  .hero-home p{font-size:13px !important;}
}
@media (max-width:560px){
  .brand-tagline{font-size:8px !important;margin-top:6px !important;}
  .header-rule{margin-top:5px !important;}
  .hero-home p{font-size:11px !important;}
}

/* =========================================================
   V9 — Cormorant Garamond în toată aplicația
   CAPS global; doar cele două texte italice din header rămân
   cu litere mici/normale.
   ========================================================= */
body,
button, input, select{
  font-family:"Cormorant Garamond", Garamond, Georgia, serif !important;
}
body{
  text-transform:uppercase;
}

/* Cele două excepții intenționate */
.brand-tagline,
.hero-home p,
.hero-home p strong,
.hero-home p em{
  font-family:"Cormorant Garamond", Garamond, Georgia, serif !important;
  text-transform:none !important;
  font-variant:normal !important;
  font-style:italic !important;
}
.brand-tagline{
  font-weight:500 !important;
}
.hero-home p,
.hero-home p strong,
.hero-home p em{
  font-weight:700 !important;
}

/* =========================================================
   V10 — compensare optică pentru Cormorant Garamond
   Fontul are o desenare mai fină decât Cinzel, astfel încât
   mărim elementele-cheie fără a modifica structura layoutului.
   ========================================================= */

/* Sloganul de sub logo */
.brand-tagline{
  font-size:16px !important;
  line-height:1.2 !important;
  letter-spacing:.018em !important;
}

/* Meniu + controalele din dreapta sus */
.menu-btn{
  font-size:21px !important;
}
.menu-btn span{
  font-size:14px !important;
  letter-spacing:.20em !important;
  margin-left:9px !important;
}
.header-tools{
  font-size:14px !important;
  letter-spacing:.10em !important;
  gap:10px !important;
}
.lang{
  font-size:14px !important;
}
.currency-toggle{
  width:112px !important;
  height:36px !important;
  border-radius:19px !important;
}
.currency-slider{
  width:51px !important;
  height:28px !important;
  border-radius:15px !important;
}
.currency-toggle.eur .currency-slider{
  transform:translateX(54px) !important;
}
.currency-btn{
  font-size:12.5px !important;
  height:34px !important;
  letter-spacing:.055em !important;
}

/* Textele din cardurile de categorii */
.category-title{
  font-size:26px !important;
  line-height:1.15 !important;
}
.category-desc{
  font-size:14px !important;
  line-height:1.55 !important;
  letter-spacing:.055em !important;
}
.category-content{
  max-width:72% !important;
}

@media (max-width:1280px){
  .brand-tagline{font-size:15px !important;}
  .menu-btn span{font-size:13px !important;}
  .header-tools,.lang{font-size:13px !important;}
  .currency-btn{font-size:12px !important;}
  .category-title{font-size:24px !important;}
  .category-desc{font-size:13px !important;}
}

@media (max-width:900px){
  .brand-tagline{font-size:12px !important;}
  .menu-btn{font-size:20px !important;}
  .menu-btn span{font-size:11px !important;}
  .header-tools,.lang{font-size:11px !important;}
  .currency-toggle{width:96px !important;height:31px !important;}
  .currency-slider{width:43px !important;height:23px !important;}
  .currency-toggle.eur .currency-slider{transform:translateX(46px) !important;}
  .currency-btn{font-size:10.5px !important;height:29px !important;}
  .category-title{font-size:23px !important;}
  .category-desc{font-size:12.5px !important;}
}

@media (max-width:560px){
  .brand-tagline{font-size:10px !important;}
  .menu-btn span{display:none !important;}
  .header-tools{font-size:10px !important;gap:4px !important;}
  .lang{font-size:10px !important;}
  .category-title{font-size:22px !important;}
  .category-desc{font-size:12px !important;}
  .category-content{max-width:76% !important;}
}

/* =========================================================
   V11 — LAYER 2 / SUBCATEGORII
   Simbol / Amulete + model vizual pentru paginile de subcategorii
   ========================================================= */
.category-layer-toolbar{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  margin:0 0 4px;
}
.category-layer-toolbar .back-btn{
  font-family:"Cormorant Garamond", Garamond, Georgia, serif !important;
  font-size:15px;
  font-weight:600;
  letter-spacing:.10em;
}
.category-layer-title{
  text-align:center;
  padding:10px 0 28px;
}
.category-layer-title h1{
  margin:0;
  font-family:"Cormorant Garamond", Garamond, Georgia, serif !important;
  font-size:34px;
  font-weight:600;
  line-height:1.05;
  letter-spacing:.12em;
  color:#f4efe7;
  text-transform:uppercase;
}
.category-layer-title p{
  margin:10px auto 0;
  padding:0;
  width:max-content;
  max-width:100%;
  white-space:nowrap;
  font-family:"Cormorant Garamond", Garamond, Georgia, serif !important;
  font-size:20px;
  font-style:italic;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.015em;
  color:#d8ccba;
  text-transform:none !important;
}
.category-layer-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.category-layer-grid.items-2{
  grid-template-columns:repeat(2,minmax(280px,360px));
  justify-content:center;
  gap:30px;
}
.category-layer-grid.items-3{
  grid-template-columns:repeat(3,minmax(240px,320px));
  justify-content:center;
  gap:26px;
}
.category-layer-card{
  position:relative;
  aspect-ratio:1 / 1;
  border:1px solid rgba(177,125,55,.32);
  overflow:hidden;
  background:#080808;
  padding:0;
  text-align:left;
}
.category-layer-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.category-layer-card::after,
.category-layer-card:after{
  content:none !important;
  display:none !important;
}
.category-layer-card .subcat-meta{
  position:absolute;
  z-index:3;
  top:0;
  left:0;
  right:0;
  bottom:auto;
  padding:14px 18px 13px;
  background:rgba(0,0,0,.80);
  text-align:left;
  font-family:"Cormorant Garamond", Garamond, Georgia, serif !important;
  text-transform:none !important;
}
.category-layer-card .subcat-meta strong{
  display:block;
  margin:0;
  color:#f4efe7;
  font-family:"Cormorant Garamond", Garamond, Georgia, serif !important;
  font-size:30px;
  font-weight:500;
  line-height:1.02;
  letter-spacing:.005em;
  text-transform:none !important;
}
.category-layer-card .subcat-meta span{
  display:block;
  margin-top:6px;
  color:#b88335;
  font-family:"Cormorant Garamond", Garamond, Georgia, serif !important;
  font-size:23px;
  font-weight:500;
  line-height:1;
  letter-spacing:.015em;
  text-transform:none !important;
}

@media(max-width:1200px){
  .category-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .category-layer-grid.items-2,.category-layer-grid.items-3{grid-template-columns:repeat(2,minmax(260px,360px));justify-content:center;gap:24px;}
  .category-layer-card .subcat-meta strong{font-size:29px;}
  .category-layer-card .subcat-meta span{font-size:22px;}
}
@media(max-width:760px){
  .category-layer-title{padding:12px 0 20px;}
  .category-layer-title h1{font-size:26px;}
  .category-layer-title p{font-size:17px;white-space:normal;width:auto;}
  .category-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .category-layer-card .subcat-meta{padding:10px 11px 9px;}
  .category-layer-card .subcat-meta strong{font-size:20px;}
  .category-layer-card .subcat-meta span{font-size:16px;margin-top:4px;}
}
@media(max-width:460px){
  .category-layer-grid{grid-template-columns:1fr;}
  .category-layer-card .subcat-meta strong{font-size:26px;}
  .category-layer-card .subcat-meta span{font-size:19px;}
}


/* =========================================================
   V14 — PAGINA PRODUSE / 4 x 2
   8 produse pe pagină, fotografie 2 din galerie, titlu + preț.
   Butonul de sus revine la subcategorii; cele două butoane de jos
   navighează exclusiv între paginile de produse.
   ========================================================= */
.products-layer-toolbar{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  min-height:42px;
  margin:0 0 6px;
}
.products-back{
  font-family:"Cormorant Garamond",Garamond,Georgia,serif !important;
  font-size:17px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:8px 14px;
}
.products-page-title{
  text-align:center;
  padding:2px 0 24px;
}
.products-page-title h1{
  margin:0;
  color:#f4efe7;
  font-family:"Cormorant Garamond",Garamond,Georgia,serif !important;
  font-size:36px;
  font-weight:600;
  line-height:1.05;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.products-count{
  margin-top:6px;
  color:#b88335;
  font-family:"Cormorant Garamond",Garamond,Georgia,serif !important;
  font-size:19px;
  font-weight:600;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.products-area{width:100%;}
.products-grid-4x2{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:30px 22px !important;
  align-items:start;
}
.products-grid-4x2 .product-card{
  appearance:none;
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:center;
}
.products-grid-4x2 .product-photo{
  aspect-ratio:1 / 1;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(177,125,55,.32);
  background:#0a0a09;
}
.products-grid-4x2 .product-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .28s ease,filter .28s ease;
}
.products-grid-4x2 .product-card:hover .product-photo img{
  transform:scale(1.025);
  filter:brightness(1.03);
}
.products-grid-4x2 .product-meta{
  padding:11px 6px 0;
  text-align:center;
}
.products-grid-4x2 .product-name{
  min-height:0;
  color:#f4efe7;
  font-family:"Cormorant Garamond",Garamond,Georgia,serif !important;
  font-size:20px;
  font-weight:600;
  line-height:1.16;
  letter-spacing:.015em;
  text-transform:uppercase;
}
.products-grid-4x2 .product-price{
  margin-top:5px;
  color:#b88335;
  font-family:"Cormorant Garamond",Garamond,Georgia,serif !important;
  font-size:19px;
  font-weight:600;
  line-height:1.1;
  text-transform:none;
}
.product-pagination{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin:34px 0 2px;
}
.product-pagination .page-btn{
  min-width:190px;
  border:1px solid rgba(177,125,55,.55);
  background:rgba(0,0,0,.18);
  color:#e1b56e;
  padding:11px 18px;
  font-family:"Cormorant Garamond",Garamond,Georgia,serif !important;
  font-size:18px;
  font-weight:600;
  line-height:1;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.product-pagination .page-btn:not(:disabled):hover{
  background:rgba(177,125,55,.12);
  border-color:#c79348;
}
.product-pagination .page-btn:disabled{
  opacity:.25;
  cursor:default;
}
.products-loader{min-height:320px;}

@media(max-width:1100px){
  .products-grid-4x2{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:22px 14px !important;}
  .products-grid-4x2 .product-name{font-size:18px;}
  .products-grid-4x2 .product-price{font-size:17px;}
}
@media(max-width:760px){
  .products-page-title{padding-bottom:18px;}
  .products-page-title h1{font-size:29px;}
  .products-count{font-size:17px;}
  .products-grid-4x2{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:22px 12px !important;}
  .products-grid-4x2 .product-name{font-size:17px;}
  .products-grid-4x2 .product-price{font-size:17px;}
  .product-pagination{gap:10px;margin-top:26px;}
  .product-pagination .page-btn{min-width:0;flex:1;font-size:15px;padding:11px 8px;}
  .products-back{font-size:15px;}
}


/* V15 — product layer is visible immediately, before remote data arrives */
.product-photo-loading{position:relative;overflow:hidden;background:#0b0d0c !important;}
.product-skeleton{position:absolute;inset:0;background:linear-gradient(100deg,#0b0d0c 20%,#171b17 36%,#0b0d0c 52%);background-size:300% 100%;animation:productShine 1.45s linear infinite;}
@keyframes productShine{to{background-position:-200% 0}}
.product-card-loading .product-name{color:#bcb2a5;}
.products-status{text-align:center;min-height:24px;margin-top:14px;color:#9f927f;font-size:14px;font-style:italic;}

/* =========================================================
   V16 — PAGINA PRODUSE COMPACTĂ + IMAGINI GALERIE
   Titlul pe același nivel cu ÎNAPOI; 4 x 2 fără scroll pe desktop.
   ========================================================= */
.app.products-view{
  padding-top:8px !important;
  padding-bottom:76px !important;
}
.products-layer-head{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  min-height:48px;
  margin:0 0 10px;
}
.products-layer-head .products-back{
  justify-self:start;
  align-self:center;
  font-family:"Cormorant Garamond",Garamond,Georgia,serif !important;
  font-size:16px !important;
  font-weight:600;
  letter-spacing:.07em;
  padding:7px 13px !important;
}
.products-heading{
  justify-self:center;
  text-align:center;
  line-height:1;
}
.products-heading h1{
  margin:0;
  color:#f4efe7;
  font-family:"Cormorant Garamond",Garamond,Georgia,serif !important;
  font-size:31px;
  font-weight:600;
  line-height:1;
  letter-spacing:.085em;
  text-transform:uppercase;
}
.products-heading .products-count{
  margin-top:4px;
  color:#b88335;
  font-size:15px;
  line-height:1;
  letter-spacing:.04em;
}
.products-head-spacer{justify-self:end;width:92px;height:1px;}
.products-area{width:100%;}
.products-grid-4x2{
  width:max-content;
  max-width:100%;
  margin:0 auto;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,190px)) !important;
  justify-content:center;
  gap:14px 18px !important;
  align-items:start;
}
.products-grid-4x2 .product-card{
  width:190px;
  max-width:100%;
}
.products-grid-4x2 .product-photo{
  width:190px;
  max-width:100%;
  aspect-ratio:1/1;
  border:1px solid rgba(177,125,55,.34);
}
.products-grid-4x2 .product-meta{
  padding:6px 3px 0;
}
.products-grid-4x2 .product-name{
  color:#f4efe7;
  font-size:15.5px;
  line-height:1.08;
  min-height:34px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.products-grid-4x2 .product-price{
  margin-top:3px;
  font-size:16px;
  line-height:1;
}
.product-pagination{
  width:814px;
  max-width:100%;
  margin:13px auto 0 !important;
  gap:18px !important;
}
.product-pagination .page-btn{
  min-width:160px !important;
  padding:8px 14px !important;
  font-size:15px !important;
}
.products-status{
  min-height:16px !important;
  margin-top:5px !important;
  font-size:12px !important;
}
.product-photo.image-missing,
.products-grid-4x2 .product-image-missing{
  display:grid;
  place-items:center;
  color:#726554;
  font-size:13px;
  letter-spacing:.12em;
}

@media(max-width:1100px){
  .products-grid-4x2{
    grid-template-columns:repeat(4,minmax(0,170px)) !important;
    gap:13px 14px !important;
  }
  .products-grid-4x2 .product-card,
  .products-grid-4x2 .product-photo{width:170px;}
  .products-heading h1{font-size:28px;}
  .product-pagination{width:722px;}
}
@media(max-width:760px){
  .app.products-view{padding-top:8px !important;padding-bottom:96px !important;}
  .products-layer-head{
    grid-template-columns:auto 1fr;
    gap:10px;
    min-height:46px;
  }
  .products-head-spacer{display:none;}
  .products-heading{justify-self:center;padding-right:66px;}
  .products-heading h1{font-size:24px;}
  .products-heading .products-count{font-size:13px;}
  .products-layer-head .products-back{font-size:14px !important;padding:7px 10px !important;}
  .products-grid-4x2{
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px 12px !important;
  }
  .products-grid-4x2 .product-card,
  .products-grid-4x2 .product-photo{width:100%;}
  .products-grid-4x2 .product-name{font-size:16px;min-height:36px;}
  .products-grid-4x2 .product-price{font-size:16px;}
  .product-pagination{width:100%;margin-top:18px !important;}
  .product-pagination .page-btn{min-width:0 !important;flex:1;font-size:14px !important;}
}


/* =========================================================
   V17 — PAGINA PRODUSE 5 x 2 + NAVIGARE LATERALĂ
   Fără număr produse sub titlu; denumiri cu litere normale.
   ========================================================= */
.app.products-view{
  padding-top:6px !important;
  padding-bottom:72px !important;
}
.products-layer-head{
  margin-bottom:6px !important;
  min-height:42px !important;
}
.products-heading h1{
  margin:0 !important;
}
.products-heading .products-count{display:none !important;}
.products-stage{
  position:relative;
  width:max-content;
  max-width:100%;
  margin:0 auto;
  padding:0 52px;
}
.products-grid-5x2{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,205px)) !important;
  justify-content:center;
  gap:10px 16px !important;
  width:max-content;
  max-width:100%;
  margin:0 auto;
  align-items:start;
}
.products-grid-5x2 .product-card{
  width:205px;
  max-width:100%;
  min-width:0;
}
.products-grid-5x2 .product-photo{
  width:205px;
  max-width:100%;
  aspect-ratio:1 / 1;
  border:1px solid rgba(177,125,55,.34);
}
.products-grid-5x2 .product-meta{
  padding:4px 2px 0 !important;
}
.products-grid-5x2 .product-name{
  color:#f4efe7;
  font-family:"Cormorant Garamond",Garamond,Georgia,serif !important;
  font-size:13.8px !important;
  font-weight:500;
  line-height:1.02 !important;
  min-height:29px !important;
  max-height:29px;
  letter-spacing:0 !important;
  text-transform:none !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.products-grid-5x2 .product-price{
  margin-top:2px !important;
  font-size:15px !important;
  line-height:1 !important;
}
.product-side-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:40px;
  height:58px;
  min-width:40px !important;
  padding:0 !important;
  display:grid;
  place-items:center;
  border:1px solid rgba(184,132,54,.48) !important;
  background:rgba(5,6,6,.72) !important;
  color:#d0a057 !important;
  font-size:28px !important;
  line-height:1 !important;
}
.product-side-prev{left:0;}
.product-side-next{right:0;}
.product-side-arrow:disabled{
  opacity:.18 !important;
  cursor:default;
}
.products-status{
  min-height:12px !important;
  margin-top:3px !important;
  font-size:11px !important;
}

@media(max-width:1280px){
  .products-stage{padding:0 44px;}
  .products-grid-5x2{grid-template-columns:repeat(5,minmax(0,182px)) !important;gap:9px 12px !important;}
  .products-grid-5x2 .product-card,.products-grid-5x2 .product-photo{width:182px;}
  .products-grid-5x2 .product-name{font-size:13px !important;min-height:27px !important;max-height:27px;}
}
@media(max-width:1050px){
  .products-stage{width:100%;padding:0 42px;}
  .products-grid-5x2{width:100%;grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  .products-grid-5x2 .product-card,.products-grid-5x2 .product-photo{width:100%;}
}
@media(max-width:760px){
  .products-stage{width:100%;padding:0 32px;}
  .products-grid-5x2{width:100%;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px 10px !important;}
  .products-grid-5x2 .product-card,.products-grid-5x2 .product-photo{width:100%;}
  .products-grid-5x2 .product-name{font-size:15px !important;min-height:31px !important;max-height:31px;}
  .product-side-arrow{width:28px;height:50px;min-width:28px !important;font-size:23px !important;}
}


/* =========================================================
   V18 — PRODUCT CARDS CLEAN + COMPACT ARROWS
   ========================================================= */
.products-grid-5x2 .product-card{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.products-grid-5x2 .product-photo{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
}
.products-grid-5x2 .product-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:0 !important;
  box-shadow:none !important;
}
.products-grid-5x2 .product-meta{
  padding-top:5px !important;
}
.products-grid-5x2 .product-price{
  display:none !important;
}
.product-side-arrow{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:999px !important;
  padding:0 !important;
  border:1px solid rgba(205,157,84,.58) !important;
  background:rgba(10,10,9,.82) !important;
  color:#d5aa60 !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1 !important;
  box-shadow:0 2px 12px rgba(0,0,0,.28) !important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease !important;
}
.product-side-arrow:not(:disabled):hover{
  background:rgba(181,131,53,.14) !important;
  border-color:#d5aa60 !important;
  transform:translateY(-50%) scale(1.06) !important;
}
.product-side-arrow:disabled{
  opacity:.16 !important;
}
.product-side-prev{left:7px !important;}
.product-side-next{right:7px !important;}
@media(max-width:760px){
  .product-side-arrow{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    font-size:16px !important;
  }
  .product-side-prev{left:2px !important;}
  .product-side-next{right:2px !important;}
}


/* =========================================================
   V19 — PRODUCT IMAGE GOLD BORDER + SILENT STATUS
   ========================================================= */
.products-grid-5x2 .product-photo{
  border:1px solid rgba(205,157,84,.82) !important;
  box-shadow:none !important;
}
.products-status{display:none !important;}




/* =========================================================
   V24 — TRUE 220px CARDS + BALANCED CENTERED ROWS
   ========================================================= */
.products-area{
  overflow:visible !important;
}
.products-stage{
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 44px !important;
}
.products-grid-5x2{
  --card:220px;
  --col-gap:16px;
  --row-gap:10px;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-content:flex-start !important;
  align-items:flex-start !important;
  gap:var(--row-gap) var(--col-gap) !important;
  margin:0 auto !important;
  width:var(--balanced-width,1164px) !important;
  max-width:100% !important;
}
.products-grid-5x2.cols-1{--balanced-width:220px;}
.products-grid-5x2.cols-2{--balanced-width:456px;}
.products-grid-5x2.cols-3{--balanced-width:692px;}
.products-grid-5x2.cols-4{--balanced-width:928px;}
.products-grid-5x2.cols-5{--balanced-width:1164px;}
.products-grid-5x2 .product-card{
  flex:0 0 var(--card) !important;
  width:var(--card) !important;
  max-width:var(--card) !important;
  min-width:var(--card) !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.products-grid-5x2 .product-photo{
  width:var(--card) !important;
  height:var(--card) !important;
  max-width:var(--card) !important;
  aspect-ratio:1/1 !important;
  border:1px solid rgba(205,157,84,.88) !important;
  background:#080a09 !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
.products-grid-5x2 .product-photo img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
}
.products-grid-5x2 .product-meta{
  padding:5px 3px 0 !important;
  width:var(--card) !important;
}
.products-grid-5x2 .product-name{
  width:100% !important;
  color:#f4efe7 !important;
  font-family:"Cormorant Garamond",Garamond,Georgia,serif !important;
  font-size:16.5px !important;
  font-weight:500 !important;
  line-height:1.00 !important;
  min-height:33px !important;
  max-height:33px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.product-side-arrow{
  top:50% !important;
}
/* Keep the 220px size on normal desktop widths. The previous 1400px
   breakpoint was the reason the cards still looked almost unchanged. */
@media(max-width:1240px){
  .products-grid-5x2{
    --card:195px;
    --col-gap:13px;
  }
  .products-grid-5x2.cols-1{--balanced-width:195px;}
  .products-grid-5x2.cols-2{--balanced-width:403px;}
  .products-grid-5x2.cols-3{--balanced-width:611px;}
  .products-grid-5x2.cols-4{--balanced-width:819px;}
  .products-grid-5x2.cols-5{--balanced-width:1027px;}
  .products-grid-5x2 .product-name{font-size:15px !important;min-height:30px !important;max-height:30px !important;}
}
@media(max-width:1060px){
  .products-stage{padding:0 38px !important;}
  .products-grid-5x2{
    --card:180px;
    --col-gap:12px;
  }
  .products-grid-5x2.cols-1{--balanced-width:180px;}
  .products-grid-5x2.cols-2{--balanced-width:372px;}
  .products-grid-5x2.cols-3{--balanced-width:564px;}
  .products-grid-5x2.cols-4{--balanced-width:756px;}
  .products-grid-5x2.cols-5{--balanced-width:948px;}
}
@media(max-width:760px){
  .products-stage{padding:0 30px !important;}
  .products-grid-5x2{
    --card:calc((100vw - 86px)/2);
    --col-gap:10px;
    --balanced-width:100% !important;
    width:100% !important;
  }
  .products-grid-5x2 .product-name{font-size:15px !important;}
}


/* =========================================================
   V27 — ULTIMUL LAYER / DETALII PRODUS
   text stânga / galerie dreapta
   ========================================================= */
.product-detail-page,
.product-detail-page *{
  font-family:"Cormorant Garamond", Garamond, Georgia, serif !important;
  text-transform:none !important;
}
.product-detail-page{position:relative;padding-top:2px}
.product-back{display:none!important}
.product-detail{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,30%);
  gap:34px;
  align-items:start;
}
.detail-pane{
  min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;
}
.gallery-stack{width:100%;min-width:0}
.gallery-main{
  width:100%;aspect-ratio:1/1;
  border:1px solid var(--line);background:#0b0d0c;overflow:hidden;
}
.gallery-main img{width:100%;height:100%;object-fit:cover}
.thumb-row{
  display:flex;grid-template-columns:none;
  gap:8px;margin-top:9px;width:100%;overflow-x:auto;overflow-y:hidden;
  scroll-behavior:smooth;scrollbar-width:none;cursor:grab;touch-action:pan-y;
  user-select:none;-webkit-user-select:none;
}
.thumb-row::-webkit-scrollbar{display:none}
.thumb-row.dragging{cursor:grabbing;scroll-behavior:auto}
.thumb{
  flex:0 0 calc((100% - 24px)/4);
  width:calc((100% - 24px)/4);
  aspect-ratio:1/1;padding:0;border:1px solid var(--line);
  background:#111;overflow:hidden;opacity:.72;
}
.thumb.active{opacity:1;border-color:var(--gold2)}
.thumb img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.product-breadcrumb{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  font-size:15px;letter-spacing:.025em;color:#a99982;margin:0 0 7px;line-height:1.15;
}
.product-breadcrumb button{
  border:0;background:none;padding:0;color:#a99982;font:inherit;line-height:inherit;
  cursor:pointer;text-decoration:none;
}
.product-breadcrumb button:hover{color:var(--gold2)}
.product-breadcrumb .breadcrumb-arrow{
  font-size:1em;color:var(--gold2);margin-right:1px;
}
.product-breadcrumb .breadcrumb-sep{color:#6f6558}
.detail-title{
  font-size:30px;line-height:1.08;letter-spacing:.01em;text-transform:none!important;
  margin:0 0 5px;color:#edc28a;font-weight:500;
}
.detail-price{font-size:24px;line-height:1;color:var(--gold2);margin:0 0 8px}
.detail-price del{font-size:14px;color:#756a5d;margin-right:8px}
.product-tabs{
  border-top:1px solid var(--line);display:flex;flex-direction:column;flex:1;min-height:0;
}
.product-tabs .tab-head{
  display:flex;gap:26px;border-bottom:1px solid var(--line);flex:0 0 auto;
}
.product-tabs .tab-head button{
  border:0;background:none;color:#cdbda6;padding:8px 3px 7px;
  font-size:18px;line-height:1;letter-spacing:.015em;text-transform:none!important;font-weight:500;
}
.product-tabs .tab-head button.active{color:var(--gold2);border-bottom:2px solid var(--gold2)}
.product-tabs .tab-panel{
  display:none;min-height:0;flex:1;overflow-y:auto;padding:10px 12px 8px 0;
  color:#ddd1c0;font-size:16px;line-height:1.34;text-transform:none!important;
  scrollbar-width:thin;scrollbar-color:rgba(199,147,72,.5) transparent;
}
.product-tabs .tab-panel.active{display:block}
.product-tabs .tab-panel p{margin:0 0 .7em;text-transform:none!important}
.detail-footer{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  flex:0 0 auto;margin-top:8px;min-height:76px;
}
.product-feature-strip{
  display:flex;align-items:flex-end;justify-content:flex-start;gap:8px;
  margin:0;min-width:0;flex-wrap:nowrap;
}
.product-feature-strip .feature-card{width:76px;flex:0 0 76px;text-align:left}
.product-feature-strip .feature-card img{width:76px;height:76px;object-fit:contain}
.store-btn{
  flex:0 0 160px;width:160px;height:76px;min-height:76px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;border:1px solid var(--gold2);
  border-radius:10px;padding:8px 12px;color:var(--gold2);font-size:17px;line-height:1.03;letter-spacing:.025em;
  text-transform:none!important;
}
.store-btn span{display:block;text-transform:none!important}
.related{display:none!important}
@media(max-width:1100px){
  .product-detail{grid-template-columns:1fr;max-width:720px;margin:auto}
  .detail-pane{height:auto!important;overflow:visible;order:1}
  .gallery-stack{width:min(480px,100%);margin:auto;order:2}
  .product-tabs .tab-panel{max-height:260px}
}
@media(max-width:650px){
  .product-breadcrumb{font-size:14px}
  .detail-title{font-size:26px}
  .product-tabs .tab-head button{font-size:17px}
  .product-tabs .tab-panel{font-size:15px}
  .detail-footer{align-items:flex-start;flex-direction:column}
  .product-feature-strip{flex-wrap:wrap}
  .store-btn{width:100%;flex-basis:auto;height:64px;min-height:64px}
}



/* =========================================================
   V29 — HEADER PERSISTENT + CATEGORY MENU + CAROUSEL CUES
   ========================================================= */
/* The discovery block is part of the header on every layer. */
.hero-home[hidden]{display:block !important;}

.menu-wrap{
  justify-self:start;
  position:relative;
  z-index:40;
}
.menu-wrap .menu-btn{justify-self:auto;}
.menu-btn span{
  font-size:16px !important; /* +2pt-style optical increase */
}
.category-menu{
  position:absolute;
  left:0;
  top:calc(100% + 13px);
  width:260px;
  max-height:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(-8px);
  visibility:hidden;
  pointer-events:none;
  background:rgba(7,8,8,.97);
  border:1px solid rgba(199,147,72,.50);
  border-radius:0 0 11px 11px;
  box-shadow:0 18px 35px rgba(0,0,0,.48);
  transition:max-height .30s ease,opacity .22s ease,transform .28s ease,visibility 0s linear .30s;
  backdrop-filter:blur(10px);
}
.category-menu.open{
  max-height:430px;
  opacity:1;
  transform:translateY(0);
  visibility:visible;
  pointer-events:auto;
  transition:max-height .34s ease,opacity .22s ease,transform .28s ease,visibility 0s;
}
.category-menu button{
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid rgba(199,147,72,.16);
  background:transparent;
  color:#e7ddd0;
  text-align:left;
  padding:11px 15px;
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:16px;
  font-weight:500;
  line-height:1.05;
  letter-spacing:.035em;
  text-transform:none;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,padding-left .16s ease;
}
.category-menu button:last-child{border-bottom:0;}
.category-menu button:hover,
.category-menu button:focus-visible{
  background:rgba(181,131,53,.13);
  color:#d5aa60;
  padding-left:19px;
  outline:none;
}

/* Rounded navigation controls throughout the catalog. */
.back-btn{
  border-radius:8px !important;
}
.bottom-nav{
  border-radius:12px !important;
  overflow:hidden;
}
.bottom-action{
  border-radius:8px !important;
}

/* Thumbnail carousel visual cues: only present when there are hidden images. */
.thumb-carousel-shell{
  position:relative;
  width:100%;
}
.thumb-carousel-shell .thumb-row{margin-top:9px;}
.thumb-nav{
  position:absolute;
  top:calc(50% + 4px);
  transform:translateY(-50%);
  z-index:7;
  width:24px;
  height:48px;
  border:0;
  background:linear-gradient(90deg,rgba(4,5,5,.66),rgba(4,5,5,0));
  color:rgba(213,170,96,.24);
  opacity:.48;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:Georgia,serif !important;
  font-size:31px;
  font-weight:400;
  line-height:1;
  cursor:default;
  pointer-events:none;
  transition:color .18s ease,opacity .18s ease,filter .18s ease;
  text-shadow:0 1px 6px rgba(0,0,0,.9);
}
.thumb-nav-left{left:0;}
.thumb-nav-right{
  right:0;
  background:linear-gradient(270deg,rgba(4,5,5,.66),rgba(4,5,5,0));
}
.thumb-nav.is-available{
  color:rgba(229,181,104,.94);
  opacity:.92;
  cursor:pointer;
  pointer-events:auto;
  filter:drop-shadow(0 0 3px rgba(205,157,84,.25));
}
.thumb-nav.is-available:hover{color:#f1c77f;opacity:1;}

@media(max-width:1280px){
  .menu-btn span{font-size:15px !important;}
  .category-menu{width:240px;}
  .category-menu button{font-size:15px;}
}
@media(max-width:900px){
  .menu-btn span{font-size:13px !important;}
}
@media(max-width:560px){
  .menu-btn span{display:none !important;}
  .category-menu{width:min(260px,78vw);}
}
/* Allow the dropdown menu to extend below the persistent header. */
.site-header{overflow:visible !important;}


/* =========================================================
   V30 — reliable top menu + slightly closer owl eyes
   ========================================================= */
@media(min-width:1201px){
  .header-eye-left{
    left:15.5vw !important;
    transform:none !important;
  }
  .header-eye-right{
    right:15.5vw !important;
    transform:none !important;
  }
}
.category-menu{z-index:80 !important;}
.category-menu button{position:relative;z-index:81;}


/* =========================================================
   V31 — top menu hit-area fix + owl eyes slightly closer
   ========================================================= */
/* The persistent discovery text is decorative and must never
   intercept pointer events from the dropdown menu above it. */
.header-inner{
  z-index:100 !important;
}
.menu-wrap{
  z-index:110 !important;
}
.category-menu{
  z-index:120 !important;
}
.category-menu button{
  z-index:121 !important;
  pointer-events:auto !important;
}
.hero-home,
.header-rule{
  pointer-events:none !important;
}

/* On desktop the owl-eye panorama is narrowed very slightly,
   bringing the two eyes closer to the logo while preserving
   their current vertical position and overall look. */
@media(min-width:1201px){
  .site-header::after{
    /* Keep the owl panorama continuous all the way to the top,
       while stretching it vertically so the eyes remain lower
       and close to the gold separator line. */
    background-size:68% 135% !important;
    background-position:center top !important;
  }
}


/* =========================================================
   V35 — rebuilt owl-eye header without distortion
   Uses two cropped eye panels from the original panorama so the
   eyes remain proportional, fill the header top-to-bottom, and sit
   lower near the gold separator while staying closer together.
   ========================================================= */
@media(min-width:1201px){
  .site-header::before,
  .site-header::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:min(35.5vw,640px);
    pointer-events:none;
    z-index:1;
    opacity:.58;
    background-repeat:no-repeat;
    background-size:auto 124%;
    filter:brightness(.92);
  }
  .site-header::before{
    left:8.3vw;
    background-image:url("assets/hero-eye-left-fill.png");
    background-position:left top;
  }
  .site-header::after{
    right:8.3vw;
    background-image:url("assets/hero-eye-right-fill.png");
    background-position:right top;
  }
}
@media(max-width:1200px){
  .site-header::before{display:none !important;}
}


/* =========================================================
   V36 — single continuous owl panorama, no distortion
   ========================================================= */
@media(min-width:1201px){
  .site-header::before{
    display:none !important;
    content:none !important;
  }
  .site-header::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    opacity:.58 !important;
    pointer-events:none !important;
    z-index:1 !important;
    filter:none !important;
    background-image:url("assets/hero-eyes-wide-closer.png") !important;
    background-repeat:no-repeat !important;
    background-size:auto 100% !important;
    background-position:center top !important;
  }
}


/* =========================================================
   V37 — header ornament reduced and lowered; Atelier home text split
   ========================================================= */
.header-rule{
  max-width:430px !important;
  padding:0 10px !important;
  height:18px !important;
  margin-top:14px !important;
}
.header-rule:before,
.header-rule:after{
  max-width:165px !important;
  margin-top:8px !important;
}
.header-rule span{
  font-size:18px !important;
  margin:0 10px !important;
  transform:translateY(-1px) !important;
}
@media (max-width:900px){
  .header-rule{
    max-width:310px !important;
    margin-top:10px !important;
  }
  .header-rule:before,
  .header-rule:after{max-width:112px !important;}
  .header-rule span{font-size:16px !important;}
}
.category-card .category-desc{
  white-space:normal !important;
}

/* =========================================================
   VISUAL MOTION v1 — subtle interaction layer
   Content, layout and navigation remain unchanged.
   ========================================================= */
:root{--motion-fast:160ms;--motion-mid:300ms;--motion-slow:620ms;--motion-ease:cubic-bezier(.22,.75,.24,1)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 18%,rgba(199,147,72,.045),transparent 30%);animation:ambientBreath 8s ease-in-out infinite alternate}
@keyframes ambientBreath{from{opacity:.55}to{opacity:1}}
.site-header{transition:box-shadow var(--motion-mid) ease,background-color var(--motion-mid) ease}
.site-header:hover{box-shadow:0 12px 38px rgba(0,0,0,.18)}
.brand-btn,.menu-btn,.lang,.currency-btn,.bottom-action{transition:opacity var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease)}
.brand-btn:hover{transform:translateY(-1px)}
.menu-btn:hover{transform:translateX(2px)}
.category-card,.subcat-card,.product-card,.back-btn,.page-btn,.store-btn,.thumb{transition:transform var(--motion-mid) var(--motion-ease),border-color var(--motion-mid) ease,box-shadow var(--motion-mid) ease,opacity var(--motion-fast) ease,background-color var(--motion-mid) ease}
.category-card img,.subcat-card img,.product-photo img{transition:transform var(--motion-slow) var(--motion-ease),filter var(--motion-slow) ease}
.category-card:hover,.subcat-card:hover{transform:translateY(-3px);border-color:rgba(225,181,110,.78);box-shadow:0 14px 36px rgba(0,0,0,.26),0 0 0 1px rgba(199,147,72,.05)}
.category-card:hover img,.subcat-card:hover img{transform:scale(1.035);filter:brightness(1.035)}
.category-content,.subcat-meta{transition:transform var(--motion-mid) var(--motion-ease)}
.category-card:hover .category-content{transform:translateX(3px)}
.subcat-card:hover .subcat-meta{transform:translateY(-3px)}
.category-arrow{transition:transform var(--motion-mid) var(--motion-ease),background-color var(--motion-mid) ease,box-shadow var(--motion-mid) ease}
.category-card:hover .category-arrow{transform:translateX(4px);background:rgba(199,147,72,.10);box-shadow:0 0 18px rgba(199,147,72,.12)}
.product-card:hover{transform:translateY(-2px)}
.product-card:hover .product-photo{border-color:rgba(225,181,110,.72);box-shadow:0 10px 28px rgba(0,0,0,.22)}
.product-card:hover .product-photo img{transform:scale(1.035)}
.back-btn:hover,.page-btn:hover{transform:translateY(-1px);border-color:var(--gold2);background:rgba(199,147,72,.07)}
.store-btn{position:relative;overflow:hidden;isolation:isolate}
.store-btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,rgba(199,147,72,.12),transparent);transform:translateX(-110%);transition:transform 600ms var(--motion-ease)}
.store-btn:hover{transform:translateY(-1px);box-shadow:0 9px 26px rgba(0,0,0,.20)}
.store-btn:hover:before{transform:translateX(110%)}
.thumb:hover{opacity:1;transform:translateY(-2px);border-color:rgba(225,181,110,.72)}
.thumb.active{box-shadow:0 0 0 1px rgba(225,181,110,.18),0 7px 20px rgba(0,0,0,.18)}
.gallery-main img{transition:opacity 180ms ease,transform 420ms var(--motion-ease)}
.gallery-main.is-switching img{opacity:.18;transform:scale(1.012)}
.tab-head button{position:relative;border-bottom:0!important;transition:color var(--motion-fast) ease,opacity var(--motion-fast) ease}
.tab-head button:after{content:"";position:absolute;left:4px;right:4px;bottom:-1px;height:2px;background:var(--gold2);transform:scaleX(0);transform-origin:center;transition:transform var(--motion-mid) var(--motion-ease)}
.tab-head button.active:after{transform:scaleX(1)}
.tab-panel.active{animation:tabReveal 280ms var(--motion-ease) both}
@keyframes tabReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.product-breadcrumb button{transition:color var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease)}
.product-breadcrumb button:hover{color:var(--gold2);transform:translateY(-1px)}
.app.motion-enter>*{animation:pageReveal 380ms var(--motion-ease) both}
@keyframes pageReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.motion-stagger{opacity:0;transform:translateY(9px);animation:cardReveal 430ms var(--motion-ease) forwards;animation-delay:calc(var(--motion-i,0) * 38ms)}
@keyframes cardReveal{to{opacity:1;transform:none}}
@media (hover:none){.category-card:hover,.subcat-card:hover,.product-card:hover,.thumb:hover,.store-btn:hover{transform:none}.category-card:hover img,.subcat-card:hover img,.product-card:hover .product-photo img{transform:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:before{animation:none}.app.motion-enter>*,.motion-stagger,.tab-panel.active{animation:none!important;opacity:1!important;transform:none!important}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* =========================================================
   VISUAL MOTION v2 — slow crafted reveal + premium depth
   ========================================================= */
:root{--motion-fast:190ms;--motion-mid:420ms;--motion-slow:780ms;--motion-page:720ms;--motion-ease:cubic-bezier(.16,1,.3,1)}
/* A restrained pointer-lit atmosphere on fine pointers only */
@media (hover:hover) and (pointer:fine){
  body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(520px circle at var(--pointer-x,50%) var(--pointer-y,28%),rgba(199,147,72,.045),transparent 58%);opacity:.8;transition:opacity .8s ease}
}
/* Screen composition: the whole view settles over roughly 1.2s, without blocking input */
.app.motion-enter>*{animation:pageRevealV2 var(--motion-page) var(--motion-ease) both;animation-delay:80ms}
@keyframes pageRevealV2{0%{opacity:0;transform:translateY(14px);filter:blur(2px)}55%{filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
.motion-stagger{opacity:0;transform:translateY(14px) scale(.992);animation:cardRevealV2 680ms var(--motion-ease) forwards;animation-delay:calc(150ms + var(--motion-i,0) * 55ms)}
@keyframes cardRevealV2{0%{opacity:0;transform:translateY(14px) scale(.992)}100%{opacity:1;transform:none}}
/* Headings arrive as a calm editorial layer */
.app.motion-enter h1,.app.motion-enter h2,.app.motion-enter h3{animation:titleSettle 820ms var(--motion-ease) both;animation-delay:110ms}
@keyframes titleSettle{from{opacity:0;letter-spacing:.045em;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Premium edge sheen, deliberately visible only while exploring with a mouse */
@media (hover:hover) and (pointer:fine){
 .category-card,.subcat-card,.product-photo{position:relative;overflow:hidden}
 .category-card:after,.subcat-card:after,.product-photo:after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(115deg,transparent 34%,rgba(225,181,110,.10) 48%,transparent 62%);transform:translateX(-125%);transition:transform 900ms var(--motion-ease)}
 .category-card:hover:after,.subcat-card:hover:after,.product-photo:hover:after{transform:translateX(125%)}
}
/* More tactile but still restrained */
.category-card:hover,.subcat-card:hover{transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 0 1px rgba(199,147,72,.08)}
.category-card:hover img,.subcat-card:hover img{transform:scale(1.045)}
.product-card:hover{transform:translateY(-4px)}
.product-card:hover .product-photo img{transform:scale(1.045)}
/* Gallery and tabs now breathe rather than snap */
.gallery-main img{transition:opacity 320ms ease,transform 720ms var(--motion-ease),filter 420ms ease}
.gallery-main.is-switching img{opacity:.08;transform:scale(1.018);filter:blur(1px)}
.tab-panel.active{animation:tabRevealV2 520ms var(--motion-ease) both}
@keyframes tabRevealV2{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tab-head button:after{transition:transform 480ms var(--motion-ease)}
/* Buttons get a soft press response as well as hover feedback */
.back-btn:active,.page-btn:active,.store-btn:active,.category-card:active,.subcat-card:active,.product-card:active{transform:scale(.985)}
@media (prefers-reduced-motion:reduce){body:after{display:none}.app.motion-enter h1,.app.motion-enter h2,.app.motion-enter h3{animation:none!important;opacity:1!important;transform:none!important;letter-spacing:inherit!important}}


/* =========================================================
   VISUAL MOTION v3 — continuity + cinematic scroll
   ========================================================= */
.product-hero-flight{position:fixed;z-index:9999;object-fit:contain;pointer-events:none;margin:0;background:#0b0b0b;border:1px solid rgba(199,147,72,.52);box-shadow:0 22px 70px rgba(0,0,0,.48);transition:left 820ms cubic-bezier(.16,1,.3,1),top 820ms cubic-bezier(.16,1,.3,1),width 820ms cubic-bezier(.16,1,.3,1),height 820ms cubic-bezier(.16,1,.3,1),border-radius 820ms cubic-bezier(.16,1,.3,1),opacity 220ms ease,box-shadow 820ms ease;will-change:left,top,width,height,opacity}
.product-hero-flight-out{opacity:0;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.gallery-main img.hero-awaiting{opacity:.06!important}
/* Elements lower in a long view settle only as the visitor reaches them. */
.cinematic-reveal{opacity:0;transform:translateY(22px) scale(.988);filter:blur(1.5px);transition:opacity 760ms cubic-bezier(.16,1,.3,1),transform 900ms cubic-bezier(.16,1,.3,1),filter 650ms ease;transition-delay:calc(var(--cinematic-i,0) * 45ms)}
.cinematic-reveal.cinematic-visible{opacity:1;transform:none;filter:none}
/* A tiny depth response on product rows, never altering scroll position. */
@media (hover:hover) and (pointer:fine){
 .product-grid{perspective:1400px}
 .product-card.cinematic-visible{transform-origin:50% 65%}
}
@media (prefers-reduced-motion:reduce){.product-hero-flight{display:none!important}.gallery-main img.hero-awaiting{opacity:1!important}.cinematic-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}

/* =========================================================
   VISUAL MOTION v4 — black-to-image wave reveal
   One reveal only: left-to-right, 500ms fade, 250ms overlap.
   ========================================================= */
/* Disable the previous layered reveal systems that could visually overlap. */
.category-card.motion-stagger,.subcat-card.motion-stagger,.product-card.motion-stagger{opacity:1!important;transform:none!important;animation:none!important}
.cinematic-reveal,.cinematic-reveal.cinematic-visible{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
.product-hero-flight{display:none!important}
.gallery-main img.hero-awaiting{opacity:1!important}
.gallery-main.is-switching img{opacity:1!important;transform:none!important;filter:none!important}

/* The black image well gives the fade actual depth rather than a white/empty flash. */
.category-card,.subcat-card,.product-photo{background:#020303}
.category-card>img,.subcat-card>img,.product-photo>img{
  opacity:1;
}
.category-card>img.wave-image-pending,.subcat-card>img.wave-image-pending,.product-photo>img.wave-image-pending{
  opacity:0!important;
  animation:none!important;
}
.category-card>img.wave-image-reveal,.subcat-card>img.wave-image-reveal,.product-photo>img.wave-image-reveal{
  animation:redowlImageWave 500ms ease-out both!important;
  animation-delay:calc(var(--wave-i,0) * 250ms)!important;
}
@keyframes redowlImageWave{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){
 .category-card>img.wave-image-pending,.subcat-card>img.wave-image-pending,.product-photo>img.wave-image-pending,
 .category-card>img.wave-image-reveal,.subcat-card>img.wave-image-reveal,.product-photo>img.wave-image-reveal{opacity:1!important;animation:none!important}
}


/* Images controlled by v42 never use old blur/scroll reveal. */
.roc-wave-img{
  opacity: 0 !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  transition: opacity var(--roc-wave-duration) cubic-bezier(.22,.61,.36,1) !important;
  will-change: opacity;
}
.roc-wave-img.roc-wave-visible{
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* HOME: make the vertical gap between rows equal to the card gap. */
#home .home-grid,
#home .category-grid,
.home-grid,
.category-grid{
  row-gap: var(--gap, 24px) !important;
}

/* Supporting elements may follow the same restrained wave language. */
.roc-wave-soft{
  opacity:0;
  transform:translateY(7px);
  transition:
    opacity .55s cubic-bezier(.22,.61,.36,1),
    transform .55s cubic-bezier(.22,.61,.36,1);
}
.roc-wave-soft.roc-wave-visible{
  opacity:1;
  transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .roc-wave-img,.roc-wave-soft{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}


/* =========================================================
   v43 — SINGLE WAVE CONTROLLER
   ========================================================= */
.category-grid.bottom3{margin-top:16px !important}

/* Old reveal systems are explicitly neutralized. */
.wave-image-pending,
.wave-image-ready,
.roc-wave-img,
.roc-wave-img.roc-wave-visible,
.cinematic-pending,
.cinematic-visible{
  animation:none !important;
  filter:none !important;
  transform:none !important;
}

/* Only this class controls image opacity in v43. */
img.v43-wave{
  opacity:0 !important;
  animation:none !important;
  filter:none !important;
  transform:none !important;
  transition:opacity .50s cubic-bezier(.22,.61,.36,1) !important;
}
img.v43-wave.v43-wave-on{
  opacity:1 !important;
}

/* Supporting HOME copy enters after intro, gently and once. */
.v43-home-soft{
  opacity:0 !important;
  transform:translateY(7px) !important;
  transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1) !important;
}
.v43-home-soft.v43-home-soft-on{
  opacity:1 !important;
  transform:translateY(0) !important;
}
@media(prefers-reduced-motion:reduce){
  img.v43-wave,.v43-home-soft{
    opacity:1 !important;transform:none !important;transition:none !important;
  }
}

/* v46 — one controller, one reveal per rendered screen */
#app img.v43-wave{
  opacity:0 !important;
  animation:none !important;
  filter:none !important;
  transform:none !important;
  transition:opacity .50s cubic-bezier(.22,.61,.36,1) !important;
}
#app img.v43-wave.v43-wave-on{opacity:1 !important}

/* v49 — product grids: one-way reveal only.
   Once .v49-product-wave-on is set, no later hydration/src change may hide it. */
#app .product-grid img.v49-product-wave{
  opacity:0 !important;
  animation:none !important;
  filter:none !important;
  transform:none !important;
  transition:opacity .50s cubic-bezier(.22,.61,.36,1) !important;
}
#app .product-grid img.v49-product-wave.v49-product-wave-on{
  opacity:1 !important;
}
#app .product-grid img[data-product-wave-done="1"]{
  opacity:1 !important;
}

/* v51 — PRODUCT PAGES: no provisional photograph is ever visible */
#app .product-grid .product-photo{
  background:#000 !important;
}
#app .product-grid img.v51-final-product-image{
  opacity:0 !important;
  animation:none !important;
  filter:none !important;
  transform:none !important;
}
#app .product-grid img.v51-final-product-image.v51-product-wave{
  transition:opacity .50s cubic-bezier(.22,.61,.36,1) !important;
}
#app .product-grid img.v51-final-product-image.v51-product-wave.v51-product-wave-on{
  opacity:1 !important;
}