/* e. ni. wear — varianta premium (demo): strat peste magazin.css, cu intro, cadre pe capitole, tranziții la derulare,
   cursor propriu, carduri 3D și tranziții între pagini. Funcțiile magazinului rămân cele din magazin.js. */

/* ---------- intro: numele se scrie, apoi cortina urcă ---------- */
.intro{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--ink);color:var(--cream);
  transition:transform .9s cubic-bezier(.77,0,.18,1)}
.intro.gata{transform:translateY(-100%)}
.intro-logo{font-family:var(--display);font-weight:800;font-size:clamp(46px,9vw,110px);letter-spacing:-4px;display:flex;overflow:hidden}
.intro-logo span{display:inline-block;transform:translateY(110%);animation:intro-litera .7s cubic-bezier(.2,.9,.25,1) forwards}
.intro-logo span.r{color:var(--red)}
.intro-bar{position:absolute;left:50%;bottom:18%;width:160px;height:2px;margin-left:-80px;background:rgba(255,255,255,.15);overflow:hidden}
.intro-bar::after{content:"";position:absolute;inset:0;background:var(--red);transform-origin:0 50%;animation:intro-bara 1.3s ease forwards}
@keyframes intro-litera{to{transform:none}}
@keyframes intro-bara{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- bara de progres și tranziția între pagini ---------- */
.progres{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:var(--red);transform-origin:0 50%;transform:scaleX(var(--s,0))}
.cortina{position:fixed;inset:0;z-index:190;background:var(--red);transform:translateY(100%);pointer-events:none;
  transition:transform .55s cubic-bezier(.77,0,.18,1)}
.cortina.sus{transform:none}
.cortina.pleaca{transform:translateY(-100%)}

/* ---------- capitolele în cadre: urcă, se măresc și se deschid la derulare (--p de la 0 la 1) ---------- */
main>.section.cadru,main>.contact.cadru{position:relative;width:min(1360px,calc(100% - 28px));margin:26px auto;border-radius:36px;
  border:1px solid var(--line);background:linear-gradient(180deg,#fffdf9,var(--cream));overflow:hidden;
  transform-origin:50% 0;transform:translateY(calc((1 - var(--p,1)) * 80px)) scale(calc(.92 + .08 * var(--p,1)));
  opacity:calc(.2 + .8 * var(--p,1));clip-path:inset(0 calc((1 - var(--p,1)) * 5%) round 36px);will-change:transform,opacity}
main>.section.cadru:nth-of-type(even){background:linear-gradient(180deg,var(--pink),#fbf1ef)}
.capitol{position:absolute;top:26px;right:34px;z-index:2;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;
  letter-spacing:2.4px;text-transform:uppercase;color:var(--muted)}
.capitol b{color:var(--red);font-size:13px}
.capitol::before{content:"";width:calc(var(--p,1) * 46px);height:1px;background:var(--red)}
.cadru::after{content:"";position:absolute;inset:14px;border:1px dashed rgba(190,18,60,.18);border-radius:26px;pointer-events:none}
/* contactul își păstrează fundalul lui roșu, cu text alb (altfel textul alb ar dispărea pe crem) */
main>.contact.cadru{background:var(--red);border-color:var(--red)}
.contact.cadru::after{border-color:rgba(255,255,255,.28)}
.contact .capitol{color:#f5cbd6}.contact .capitol b{color:#fff}.contact .capitol::before{background:#fff}
main>.shop-new.cadru{background:#f0e8e2}

/* ---------- prima secțiune: titlul intră cuvânt cu cuvânt, poza se înclină după mouse ---------- */
.cuv{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em}
.cuv>i{display:inline-block;font-style:inherit;transform:translateY(105%) rotate(4deg);transition:transform .9s cubic-bezier(.2,.9,.25,1)}
.pornit .cuv>i{transform:none}
.hero-photo{transition:transform .5s ease-out;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.hero::after{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-140px;z-index:-1;border-radius:50%;
  background:radial-gradient(circle,rgba(190,18,60,.22),transparent 65%);animation:pluteste 9s ease-in-out infinite alternate}
@keyframes pluteste{to{transform:translate(-160px,120px) scale(1.25)}}

/* text circular care se rotește, indicatorul de derulare și lumina care urmează mouse-ul */
.cerc-text{position:absolute;right:-30px;bottom:70px;z-index:3;width:150px;height:150px;border-radius:50%;background:var(--red);box-shadow:0 18px 40px -14px rgba(190,18,60,.6);animation:roteste 14s linear infinite;pointer-events:none}
.cerc-text text{font:700 10.5px var(--sans);letter-spacing:3.2px;fill:#fff;text-transform:uppercase}
@keyframes roteste{to{transform:rotate(360deg)}}
.deruleaza{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;
  font-size:10px;font-weight:700;letter-spacing:3px;color:var(--muted)}
.deruleaza i{width:22px;height:36px;border:1.5px solid var(--muted);border-radius:12px;position:relative}
.deruleaza i::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:7px;margin-left:-2px;border-radius:2px;background:var(--red);
  animation:coboara 1.6s ease-in-out infinite}
@keyframes coboara{0%{opacity:0;transform:translateY(-3px)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
.hero .lumina{position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;pointer-events:none;left:var(--mx,60%);top:var(--my,40%);
  transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(190,18,60,.16),transparent 62%);transition:left .4s ease-out,top .4s ease-out}
@media(max-width:700px){.cerc-text{width:110px;height:110px;right:-8px;bottom:50px}.deruleaza{display:none}}

/* ---------- produsele: intră pe rând și se înclină 3D sub mouse ---------- */
.card{transition:transform .35s ease,box-shadow .35s ease,opacity .6s ease,translate .6s ease}
.card.vine{opacity:0;translate:0 40px}
.card.tilt{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px);box-shadow:0 26px 50px -24px rgba(48,36,36,.45)}
.card-media{position:relative}
.card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 48%,transparent 60%);
  transform:translateX(-120%);transition:transform .8s ease}
.card:hover .card-media::after{transform:translateX(120%)}

/* ---------- pozele se dezvăluie cu o mască ---------- */
.dezvaluie{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s cubic-bezier(.77,0,.18,1)!important}
.dezvaluie.vazut{clip-path:inset(0 0 0 0)}

/* ---------- cursorul propriu (doar cu mouse) ---------- */
.cursor,.cursor-punct{position:fixed;left:0;top:0;z-index:250;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}
.cursor{width:38px;height:38px;border:1.5px solid var(--red);display:grid;place-items:center;font-size:9px;font-weight:700;letter-spacing:1.5px;
  color:#fff;transition:width .25s,height .25s,background .25s,border-color .25s}
.cursor.peste{width:62px;height:62px;background:rgba(190,18,60,.12)}
.cursor.vezi{width:54px;height:54px;font-size:8px;letter-spacing:1px;background:rgba(190,18,60,.82);border-color:transparent}
.cursor-punct{width:6px;height:6px;background:var(--red)}
@media(hover:hover) and (pointer:fine){body.cu-cursor,body.cu-cursor a,body.cu-cursor button,body.cu-cursor .gallery figure{cursor:none}}

/* ---------- coșul: produsul „zboară” spre el ---------- */
.zbor{position:fixed;z-index:180;width:16px;height:16px;border-radius:50%;background:var(--red);pointer-events:none;
  box-shadow:0 0 0 6px rgba(190,18,60,.18)}

@media(max-width:700px){
  main>.section.cadru,main>.contact.cadru{width:calc(100% - 16px);margin:14px auto;border-radius:24px;clip-path:inset(0 calc((1 - var(--p,1)) * 5%) round 24px)}
  .cadru::after{inset:8px;border-radius:18px}
  .capitol{top:16px;right:18px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .intro,.cortina,.cursor,.cursor-punct{display:none!important}
  main>.section.cadru,main>.contact.cadru{--p:1!important}
  .cuv>i{transform:none!important}.dezvaluie{clip-path:none!important}.card.vine{opacity:1;translate:none}
  .hero::after,.cerc-text,.deruleaza i::after{animation:none}
}

/* ---------- pagina de produs: săgeți pe poza mare și vizualizatorul cu zoom pe tot ecranul ---------- */
.gallery figure.main{cursor:zoom-in}
.sageti{position:absolute;inset:auto 12px 12px auto;z-index:3;display:flex;align-items:center;gap:8px}
.sageti button,.lb-sageata,.lb-x{display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;
  background:rgba(250,247,242,.92);color:var(--ink);box-shadow:0 8px 20px -10px rgba(0,0,0,.45);transition:transform .2s,background .2s}
.sageti button{width:42px;height:42px;font-size:20px}
.sageti button:hover,.lb-sageata:hover,.lb-x:hover{transform:scale(1.08);background:#fff}
.sageti span{min-width:44px;text-align:center;font-size:12px;font-weight:700;letter-spacing:1px;background:rgba(48,36,36,.75);color:#fff;
  border-radius:20px;padding:5px 9px}
.gallery figure.main img.schimba{animation:schimba .45s ease}
@keyframes schimba{from{opacity:.2;transform:scale(1.04)}}
.lupa{position:absolute;left:12px;top:12px;z-index:3;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
  background:rgba(250,247,242,.92);border-radius:20px;padding:6px 11px;pointer-events:none}
.lb{position:fixed;inset:0;z-index:300;background:rgba(20,13,14,.94);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.lb.deschis{opacity:1;visibility:visible}
.lb-scena{position:relative;flex:1;overflow:hidden;touch-action:none;cursor:zoom-in}
.lb-scena.marit{cursor:grab}
.lb-scena img{position:absolute;left:50%;top:50%;max-width:92vw;max-height:calc(100vh - 150px);width:auto;height:auto;object-fit:contain;
  transform:translate(-50%,-50%) translate(var(--x,0px),var(--y,0px)) scale(var(--z,1));transition:transform .25s ease;user-select:none;-webkit-user-drag:none}
.lb-scena.trage img{transition:none}
.lb-sageata{position:absolute;top:50%;z-index:2;width:54px;height:54px;margin-top:-27px;font-size:24px}
.lb-sageata.inapoi{left:18px}.lb-sageata.inainte{right:18px}
.lb-x{position:absolute;top:16px;right:16px;z-index:3;width:46px;height:46px;font-size:24px}
.lb-sus{position:absolute;top:22px;left:20px;z-index:3;color:#fff;font-size:13px;font-weight:700;letter-spacing:1.5px}
.lb-ajutor{position:absolute;bottom:96px;left:0;right:0;text-align:center;color:rgba(255,255,255,.55);font-size:12px;pointer-events:none}
.lb-mici{display:flex;gap:8px;justify-content:center;padding:12px 16px 18px;overflow-x:auto}
.lb-mici button{flex:0 0 auto;width:52px;height:64px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;opacity:.55;background:none}
.lb-mici button.acum{border-color:var(--red);opacity:1}
.lb-mici img{width:100%;height:100%;object-fit:cover}
body.lb-deschis{overflow:hidden}
@media(max-width:700px){.lb-sageata{width:44px;height:44px;margin-top:-22px;font-size:20px}.lb-sageata.inapoi{left:8px}.lb-sageata.inainte{right:8px}
  .lb-scena img{max-width:100vw;max-height:calc(100vh - 140px)}.sageti button{width:38px;height:38px}}