.eg-kasanova-section{padding:clamp(38px,5vw,82px) 24px;background:#fff}
.eg-kasanova{position:relative;width:min(100%,1600px);margin:0 auto;aspect-ratio:1920/900;overflow:hidden;background:linear-gradient(135deg,#eef3ee 0%,#fff 54%,#f8edf1 100%);color:#151210;isolation:isolate}
.eg-kasanova:after{content:"";position:absolute;width:42%;aspect-ratio:1;border-radius:50%;right:5%;top:7%;background:radial-gradient(circle,rgba(194,213,204,.36),rgba(255,255,255,0) 69%);z-index:0}
.eg-kasanova-copy{position:absolute;z-index:20;left:4.7%;top:8.5%;width:36%}
.eg-kasanova-logo{display:block;width:54%;height:auto;opacity:0;transform:translateY(-18px)}
.eg-kasanova-eyebrow{margin:9% 0 0;font-size:clamp(13px,1.25vw,24px);font-weight:750;letter-spacing:.24em;color:#526b5c;opacity:0;transform:translateY(18px)}
.egrd-home .eg-kasanova h2{margin:4% 0 5%;font-family:Manrope,Arial,sans-serif!important;font-size:clamp(54px,5.4vw,104px);line-height:.88!important;letter-spacing:-.055em!important;font-weight:850!important;color:#151210;opacity:0;transform:translateY(28px);clip-path:inset(100% 0 0 0)}
.eg-kasanova-sub{margin:0;font-size:clamp(17px,1.45vw,28px);line-height:1.4;color:#33453a;opacity:0;transform:translateY(15px)}
.eg-kasanova-cta{display:inline-flex;align-items:center;gap:16px;margin-top:8%;padding:22px 34px;border-radius:999px;background:linear-gradient(135deg,#cb1731 0%,#a90f25 100%);color:#fff!important;text-decoration:none!important;font-size:clamp(16px,1.3vw,25px);font-weight:800;letter-spacing:.045em;box-shadow:0 18px 45px rgba(169,15,37,.25),inset 0 1px 0 rgba(255,255,255,.18);opacity:0;transform:translateY(14px) scale(.82);transform-origin:center;transition:filter .2s ease,box-shadow .2s ease}
.eg-kasanova-cta:hover,.eg-kasanova-cta:focus-visible{filter:brightness(1.08);box-shadow:0 20px 50px rgba(169,15,37,.32),0 0 0 3px rgba(203,23,49,.13)}
.eg-kasanova-cta svg{width:28px;height:28px;flex:0 0 auto}
.eg-kasanova-products{position:absolute;z-index:5;right:2%;top:6%;width:58%;height:88%;overflow:hidden}
.eg-kasanova-product-link{position:absolute;inset:0;display:block;border-radius:clamp(22px,2.1vw,42px)}
.eg-kasanova-card{position:absolute;left:50%;top:48%;display:block;width:76%;height:86%;padding:0;object-fit:cover;object-position:center;background:#dfe5df;border:3px solid rgba(255,255,255,.82);border-radius:clamp(22px,2.1vw,42px);box-shadow:0 28px 80px rgba(39,54,46,.19);opacity:0;transform:translate3d(85%,-50%,0) scale(.96);transition:transform .5s cubic-bezier(.22,.72,.18,1),opacity .34s ease;will-change:transform,opacity}
.eg-kasanova-card.is-active{z-index:3;opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}
.eg-kasanova-card.to-left{z-index:2;opacity:0;transform:translate3d(-185%,-50%,0) scale(.96)}
.eg-kasanova-dots{position:absolute;z-index:8;left:50%;bottom:2.4%;display:flex;gap:9px;transform:translateX(-50%);pointer-events:none}
.eg-kasanova-dot{width:8px;height:8px;border:0;border-radius:50%;background:#b9c5bd;opacity:.52;transition:width .25s ease,background .25s ease,opacity .25s ease}
.eg-kasanova-dot.is-active{width:26px;border-radius:999px;background:#526b5c;opacity:1}
.eg-kasanova.is-visible .eg-kasanova-logo{animation:eg-kasanova-down .48s cubic-bezier(.22,.7,.26,1) .05s forwards}
.eg-kasanova.is-visible .eg-kasanova-eyebrow{animation:eg-kasanova-up .42s cubic-bezier(.22,.7,.26,1) .24s forwards}
.eg-kasanova.is-visible h2{animation:eg-kasanova-title .62s cubic-bezier(.2,.75,.2,1) .38s forwards}
.eg-kasanova.is-visible .eg-kasanova-sub{animation:eg-kasanova-up .4s ease-out .72s forwards}
.eg-kasanova.is-visible .eg-kasanova-cta{animation:eg-kasanova-cta .72s cubic-bezier(.2,.82,.25,1.25) 1.22s forwards}
@keyframes eg-kasanova-down{to{opacity:1;transform:translateY(0)}}
@keyframes eg-kasanova-up{to{opacity:1;transform:translateY(0)}}
@keyframes eg-kasanova-title{to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
@keyframes eg-kasanova-cta{0%{opacity:0;transform:translateY(14px) scale(.82)}58%{opacity:1;transform:translateY(0) scale(1.09)}78%{transform:translateY(0) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:860px){
  .eg-kasanova-section{padding:34px 0}.eg-kasanova{width:100%;aspect-ratio:4/5;background:linear-gradient(180deg,#fff 0%,#f7faf7 53%,#eef3ee 68%,#eef3ee 100%)}.eg-kasanova:after{width:72%;right:-15%;top:1%}
  .eg-kasanova-products{right:3%;top:1.5%;width:94%;height:55%}.eg-kasanova-card{top:47%;width:76%;height:88%}.eg-kasanova-dots{bottom:1.2%}
  .eg-kasanova-copy{left:0;top:54%;width:100%;height:46%;padding:4% 6.3%;background:linear-gradient(180deg,rgba(238,243,238,0),#eef3ee 14%,#eef3ee 100%)}
  .eg-kasanova-logo{width:34%}.eg-kasanova-eyebrow{margin-top:4%;font-size:clamp(12px,2.25vw,24px)}.eg-kasanova h2{margin:2.4% 0 2.5%;font-size:clamp(48px,9.4vw,102px);white-space:nowrap}.eg-kasanova-sub{font-size:clamp(16px,2.65vw,29px)}.eg-kasanova-cta{margin-top:4%;padding:18px 28px;font-size:clamp(15px,2.25vw,24px)}.eg-kasanova-cta svg{width:24px;height:24px}
}
/* Telefon: seksioni rritet sipas përmbajtjes. Me lartësi fikse 4:5 dhe overflow:hidden, butoni PRE-ORDER prehej poshtë. */
@media(max-width:860px){
  .eg-kasanova{aspect-ratio:auto;display:flex;flex-direction:column}
  .eg-kasanova-products{position:relative;right:auto;top:auto;width:94%;height:auto;aspect-ratio:94/68.75;margin:1.5% auto 0;flex:none}
  .eg-kasanova-copy{position:relative;left:auto;top:auto;height:auto;margin-top:0;padding:3% 6.3% 30px}
  /* Pikat poshtë fotos, jo mbi të: karta mbaron te 85%, pikat te 2.5% nga fundi. */
  /* Selektor i fortë: body.enghome-body img{height:auto} përndryshe e anashkalon lartësinë. */
  .eg-kasanova .eg-kasanova-products img.eg-kasanova-card{top:45%;height:80%}.eg-kasanova-dots{bottom:2.5%}
  .egrd-home .eg-kasanova h2{margin:2.4% 0 2.5%;font-size:clamp(48px,9.4vw,102px)}
}
/* Desktop "full-bleed" (19.10): fotoja e zgjeruar (outpaint, *-wide.jpg) mbulon gjithë kartën,
   gradient i zi nga e majta që teksti i bardhë të lexohet, produktet ndërrohen vetëm me fade: zoom-i i ngadaltë + will-change mbi 7 foto të gjera
   e linte Chrome-in pa i vizatuar pllakat dhe dilnin drejtkëndësha të zinj.
   Telefoni mbetet me kartat katrore (<picture> zgjedh vetëm mbi 861px). */
@media(min-width:861px){
  .eg-kasanova-section{padding:56px 24px}
  .eg-kasanova{width:min(100%,1320px);aspect-ratio:auto;height:clamp(440px,36vw,560px);border-radius:28px;background:#14110f;color:#fff}
  .eg-kasanova:after{display:none}
  .eg-kasanova-products{inset:0;right:auto;top:0;width:100%;height:100%;overflow:hidden;z-index:1}
  .eg-kasanova-product-link{border-radius:0}
  .eg-kasanova .eg-kasanova-products img.eg-kasanova-card{left:0;top:0;width:118%;max-width:none;height:100%;border:0;border-radius:0;box-shadow:none;background:#14110f;object-fit:cover;object-position:0 58%;opacity:0;transform:none;transition:opacity .9s ease;will-change:auto}
  .eg-kasanova .eg-kasanova-products img.eg-kasanova-card.is-active{z-index:3;opacity:1;transform:none;will-change:opacity}
  .eg-kasanova .eg-kasanova-products img.eg-kasanova-card.to-left{z-index:2;opacity:0;transform:none;will-change:opacity}
  .eg-kasanova-products:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(12,10,9,.9) 0%,rgba(12,10,9,.78) 26%,rgba(12,10,9,.38) 46%,rgba(12,10,9,0) 62%),linear-gradient(0deg,rgba(12,10,9,.35) 0%,rgba(12,10,9,0) 30%)}
  .eg-kasanova-dots{z-index:8;left:auto;right:36px;bottom:24px;transform:none}
  .eg-kasanova-dot{background:rgba(255,255,255,.55)}
  .eg-kasanova-dot.is-active{background:#fff}
  .eg-kasanova-copy{left:6%;top:50%;width:38%;transform:translateY(-50%);z-index:20}
  .eg-kasanova-logo{width:150px;filter:brightness(0) invert(1)}
  .eg-kasanova-eyebrow{margin:26px 0 0;font-size:12px;letter-spacing:.3em;color:rgba(255,255,255,.72)}
  .egrd-home .eg-kasanova h2{margin:12px 0 14px;font-size:clamp(44px,4.2vw,68px);line-height:.95!important;letter-spacing:-.04em!important;color:#fff!important}
  .eg-kasanova-sub{font-size:17px;color:rgba(255,255,255,.82)}
  .eg-kasanova-cta{margin-top:28px;padding:14px 24px 14px 18px;gap:10px;font-size:14px;letter-spacing:.08em;box-shadow:0 12px 28px rgba(0,0,0,.35)}
  .eg-kasanova-cta svg{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){.eg-kasanova-logo,.eg-kasanova-eyebrow,.eg-kasanova h2,.eg-kasanova-sub,.eg-kasanova-cta{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}.eg-kasanova-card{transition:none!important}.eg-kasanova-card.is-active{opacity:1!important}.eg-kasanova-dots{display:none}}