/* ===================== v13: rundă vizibilă ===================== */

/* etichetele mici de deasupra titlurilor nu mai apar; titlurile duc singure secțiunea. Firimiturile din catalog rămân. */
.kick:not([data-cv-kick]){display:none}
.camp-h{font:800 clamp(30px,4vw,44px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.005em;margin:0 0 18px;color:var(--ink)}

/* raftul cu foi de PAL: decorurile lor în picioare, cu muchia de PAL la vedere */
.hero{display:flex;flex-direction:column}
.wall-w{order:2;margin:8px 0 0}
.hero-in{order:1}
.usp{order:3}
.wall{display:flex;gap:10px;height:210px;padding:14px var(--gut,24px) 22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;perspective:1100px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.wall::-webkit-scrollbar{display:none}
.sh{flex:0 0 74px;height:100%;position:relative;padding:0;scroll-snap-align:start;transform:rotateY(-24deg);transform-origin:0 50%;
  box-shadow:-10px 14px 22px rgb(0 0 0 / .42);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.sh img{width:100%;height:100%;object-fit:cover;display:block}
.sh{border-top:2px solid rgb(255 255 255 / .08)}
/* muchia de PAL: așchiile miezului pe latura din stânga a foii */
.sh::before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;z-index:1;
  background:radial-gradient(circle at 30% 20%,#e3c999 0 1px,transparent 1.5px) 0 0/4px 5px,radial-gradient(circle at 70% 60%,#7d5e3a 0 1.2px,transparent 1.6px) 0 0/5px 6px,linear-gradient(90deg,#9c7a4c,#c9a874 45%,#a8865a);
  box-shadow:inset -1px 0 0 rgb(0 0 0 / .35)}
.sh::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(255 255 255 / .14),transparent 30%,rgb(0 0 0 / .18));pointer-events:none}
.sh:hover,.sh:focus-visible{transform:rotateY(-6deg) translateY(-10px);box-shadow:-6px 22px 30px rgb(0 0 0 / .5)}
.wall-c{margin:0;padding:0 var(--gut,24px);font-size:14px;color:var(--mute)}
.wall-c b{font:700 14px var(--mono);color:var(--lime-ink)}
/* intrarea foilor: o singură mișcare, la prima încărcare */
@media (prefers-reduced-motion:no-preference){
  .sh{animation:shIn .9s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--k) * 35ms)}
  @keyframes shIn{from{opacity:0;transform:rotateY(-70deg) translateX(40px)}to{opacity:1;transform:rotateY(-24deg)}}
}

/* telefon: raftul e primul lucru, sub antet; raioanele sunt carduri mari, derulate în lateral */
@media (max-width:900px){
  .wall-w{order:0;margin:0 0 6px}
  .wall{height:168px;gap:8px;padding:12px 16px 18px}
  .sh{flex-basis:58px}
  .wall-c{padding:0 16px;font-size:13px}
  .hero .quick{display:flex;grid-template-columns:none;overflow-x:auto;gap:10px;margin:0 -16px;padding:0 16px 8px;scroll-snap-type:x proximity;scrollbar-width:none}
  .hero .quick::-webkit-scrollbar{display:none}
  .hero .quick .qt{flex:0 0 42%;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;text-align:left;scroll-snap-align:start;padding:0;gap:0}
  .hero .quick .qt .pl{width:100%;height:auto;aspect-ratio:1}
  .hero .quick .qt>span{display:grid;gap:4px;padding:10px 10px 12px}
  .hero .quick .qt b{font-size:15px;line-height:1.2}
  .hero .quick .qt small{font-size:12.5px;line-height:1.35}
}

/* 3D: indiciul scurt pe telefon, ca să nu acopere cotele */
.v3-hint .hs{display:none}
@media (max-width:900px){.v3-hint .hl{display:none}.v3-hint .hs{display:inline}}
