/* ===== v8: hero refăcut — meniu lateral cu iconițe + carusel cu colaj ordonat ===== */

/* ---------- meniul de categorii ---------- */
.homehero{grid-template-columns:272px minmax(0,1fr);gap:20px}
.sidecats{border-radius:20px;overflow:visible;display:flex;flex-direction:column;box-shadow:var(--sh);border:1px solid var(--line);background:var(--card)}
.sc-title{background:linear-gradient(135deg,var(--brand),var(--brand2));padding:15px 20px;border-radius:19px 19px 0 0;font-size:16px;letter-spacing:.01em;display:flex;align-items:center;gap:10px}
.sc-title::before{content:"";width:18px;height:2px;background:#fff;box-shadow:0 6px #fff,0 -6px #fff;border-radius:2px;margin-right:2px}
.sidecats ul{padding:8px 8px 10px;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.sidecats li>a{padding:8px 10px;border-radius:12px;gap:12px;justify-content:flex-start;font-weight:500;font-size:14.5px;transition:background .15s,transform .15s}
.sidecats li>a span{flex:1;min-width:0}
.sidecats li>a i{margin-left:auto;opacity:.45;transition:.15s}
.sidecats .si{flex:none;width:32px;height:32px;border-radius:10px;background:var(--soft);display:flex;align-items:center;justify-content:center;font-style:normal;transition:.15s}
.sidecats .si svg{width:19px;height:19px;stroke:var(--brand2);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidecats li:hover>a{background:var(--soft);transform:translateX(2px)}
.sidecats li:hover>a i{opacity:1;transform:translateX(2px)}
.sidecats li:hover .si{background:var(--brand);}
.sidecats li:hover .si svg{stroke:#fff}
.sidecats li.hot{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
.sidecats li.hot>a{border-top:0;margin:0;color:#c2410c;font-weight:700}
.sidecats li.hot .si{background:#fff1e6}.sidecats li.hot .si svg{stroke:#c2410c}
.sidecats li.hot:hover .si{background:#c2410c}
:root[data-theme=dark] .sidecats li.hot>a{color:#fb923c}
.fly{left:calc(100% + 6px);border-radius:20px;top:0;bottom:auto;min-height:100%;box-shadow:0 18px 50px -12px #0006}
.fly::before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:12px}

/* ---------- caruselul ---------- */
.homehero .carousel{border-radius:24px;min-height:430px;box-shadow:var(--sh);background:#17233f}
.homehero .slide,.homehero .slide.on{overflow:hidden}
.carousel .slide.s1{background:radial-gradient(900px 500px at 78% 40%,#35538a 0,transparent 60%),linear-gradient(135deg,#16213d,#23365f)}
.carousel .slide.s2{background:radial-gradient(900px 500px at 78% 40%,#d2693f 0,transparent 60%),linear-gradient(135deg,#6f2a18,#a3401f)}
.carousel .slide.s3{background:radial-gradient(900px 500px at 78% 40%,#f08a3a 0,transparent 60%),linear-gradient(135deg,#8a3412,#c2410c)}
/* decor: cercuri + puncte */
.carousel .slide::before{content:"";position:absolute;right:-90px;top:-110px;width:420px;height:420px;border-radius:50%;border:2px solid #ffffff1c;box-shadow:inset 0 0 0 40px #ffffff08,0 0 0 60px #ffffff08;pointer-events:none}
.carousel .slide::after{content:"";position:absolute;left:36px;bottom:30px;width:150px;height:70px;background-image:radial-gradient(#ffffff40 1.6px,transparent 1.8px);background-size:16px 16px;opacity:.6;pointer-events:none}
.carousel .slide.imgslide::before,.carousel .slide.imgslide::after{display:none}

.carousel .slide .sc{position:relative;z-index:3;max-width:470px}
.kick{display:inline-block;background:#ffffff1f;border:1px solid #ffffff33;color:#fff;border-radius:99px;padding:5px 14px;font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:16px;backdrop-filter:blur(4px)}
.carousel .slide h1{font-size:40px;line-height:1.1;margin:0 0 14px;letter-spacing:-.015em;text-wrap:balance}
.carousel .slide p{font-size:17px;line-height:1.55;color:#dbe3f3;margin:0 0 26px;max-width:420px}
.sc-btns{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.carousel .slide .btn{background:var(--acc);color:#14181f;box-shadow:0 8px 20px -6px #0006;padding:14px 30px}
.carousel .slide .btn:hover{background:#ffd23a;transform:translateY(-2px)}
.est2{font-size:13px;color:#c9d3ea;line-height:1.35}.est2 b{display:block;color:#fff;font-size:13.5px}

/* ---------- colaj ordonat: un produs mare + doi mici ---------- */
.collage{position:relative;height:100%;min-height:340px;z-index:2}
.collage::before{content:"";position:absolute;left:50%;top:50%;width:360px;height:360px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffffff2e 0,#ffffff00 68%)}
.collage .c{position:absolute;display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:10px;box-shadow:0 22px 40px -14px #000a;color:#17181c;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s;text-decoration:none}
.collage .c:hover{text-decoration:none;box-shadow:0 28px 50px -14px #000c}
.collage .cimg{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;overflow:hidden}
.collage .cimg img{width:100%;height:100%;object-fit:contain}
.collage .cl{display:flex;flex-direction:column;gap:1px;padding:8px 4px 2px;border-top:1px solid #ece8de}
.collage .cl b{font-size:12.5px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#17181c}
.collage .cl em{font-style:normal;font-weight:800;font-size:14px;color:#c2410c}
/* poziții: mare în centru, doi mici decalați */
.collage .c1{width:56%;aspect-ratio:.86;left:22%;top:50%;transform:translateY(-50%) rotate(-2deg);z-index:3}
.collage .c2{width:36%;aspect-ratio:.9;right:-1%;top:4%;transform:rotate(6deg);z-index:2}
.collage .c3{width:36%;aspect-ratio:.9;left:-1%;bottom:4%;transform:rotate(-6deg);z-index:2}
.slide.on .collage .c1:hover{transform:translateY(-52%) rotate(0)}
.slide.on .collage .c2:hover{transform:rotate(2deg) translateY(-4px)}
.slide.on .collage .c3:hover{transform:rotate(-2deg) translateY(-4px)}
.slide:not(.on) .collage .c1{transform:translateY(-44%) scale(.94) rotate(-2deg)}
.slide:not(.on) .collage .c2,.slide:not(.on) .collage .c3{transform:translateY(26px) scale(.92)}

.cprev,.cnext{background:#ffffff26;backdrop-filter:blur(6px);width:42px;height:42px;font-size:24px}
.dots{bottom:16px}.dots button{background:#ffffff55}.dots button.on{background:var(--acc);width:30px}

@media(max-width:1180px){
  .carousel .slide h1{font-size:34px}
  .carousel .slide,.carousel .slide.on{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
}
@media(max-width:1000px){.homehero .carousel{min-height:380px}}
@media(max-width:860px){
  .homehero .carousel{min-height:360px;border-radius:20px}
  .carousel .slide,.carousel .slide.on{grid-template-columns:1fr;padding:26px 20px 52px}
  .carousel .slide h1{font-size:25px;margin-bottom:10px}
  .carousel .slide p{font-size:14.5px;margin-bottom:16px;max-width:60%}
  .kick{font-size:12px;padding:4px 12px;margin-bottom:12px}
  .carousel .slide .btn{padding:11px 22px;font-size:15px}
  .est2{display:none}
  .collage{position:absolute;right:10px;bottom:46px;width:42%;height:62%;min-height:0}
  .collage::before{display:none}
  .collage .c{padding:6px;border-radius:14px}.collage .cl{display:none}
  .collage .c1{width:78%;aspect-ratio:1;left:auto;right:0;top:auto;bottom:0;transform:rotate(3deg)}
  .collage .c2{width:58%;aspect-ratio:1;right:auto;left:0;top:0;transform:rotate(-6deg)}
  .collage .c3{display:none}
  .carousel .slide::before{width:260px;height:260px;right:-80px;top:-90px}
  .carousel .slide::after{display:none}
}

/* --- meniu mai compact: hero-ul nu mai e mai înalt decât e nevoie --- */
.homehero{align-items:stretch}
.sc-title{padding:12px 18px;font-size:15.5px}
.sidecats ul{padding:6px 8px 8px;justify-content:flex-start;gap:0}
.sidecats li>a{padding:4px 8px;gap:10px;font-size:14px;min-height:34px}
.sidecats .si{width:26px;height:26px;border-radius:8px}
.sidecats .si svg{width:16px;height:16px}
.sidecats li.hot{margin-top:4px;padding-top:4px}
.homehero .carousel{min-height:0}
@media(max-width:1000px){.homehero .carousel{min-height:380px}}
.sidecats li>a{min-height:32px;padding:3px 8px}
.sidecats li>a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}