.kwl-pk-card{position:relative}
.kwl-pk-card .ct-wishlist-button-archive{position:absolute!important;top:12px;left:12px;right:auto!important;bottom:auto!important;z-index:3;width:40px;height:40px;min-height:0;min-width:0;padding:0;margin:0;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(17,21,24,.42);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:scale(.8);transition:opacity .25s,transform .45s cubic-bezier(.3,1.5,.5,1),background .2s}
.kwl-pk-card .ct-wishlist-button-archive svg{width:17px;height:17px;fill:currentColor}
.kwl-pk-card:is(:hover,:focus-within) .ct-wishlist-button-archive,.kwl-pk-card .ct-wishlist-button-archive[data-button-state="active"]{opacity:1;transform:none}
.kwl-pk-card .ct-wishlist-button-archive:hover{background:var(--theme-palette-color-1);transform:scale(1.1)}
@media (hover:none){.kwl-pk-card .ct-wishlist-button-archive{opacity:1;transform:none}}
.kwl-pk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:clamp(20px,2.5vw,32px)}
.kwl-pk-card{background:var(--theme-palette-color-8);display:flex;flex-direction:column;box-shadow:0 18px 40px -28px rgba(17,21,24,.45)}
.kwl-pk-media{position:relative;display:block;aspect-ratio:4/3;background:var(--theme-palette-color-6);overflow:hidden}
.kwl-pk-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.kwl-pk-card:hover .kwl-pk-img{transform:scale(1.03)}
.kwl-pk-badge{position:absolute;top:12px;right:12px;background:var(--theme-palette-color-1);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:3px}
.kwl-pk-title{font-size:18px;line-height:1.35;margin:18px 20px 8px}
.kwl-pk-title a{color:inherit;text-decoration:none}
.kwl-pk-title a:hover{color:var(--theme-palette-color-1)}
.kwl-pk-rows{list-style:none;margin:auto 0 0;padding:0 20px 16px}
.kwl-pk-row{display:grid;grid-template-columns:1fr auto 40px;align-items:center;column-gap:12px;padding:10px 0;border-top:1px solid rgba(17,21,24,.08)}
.kwl-pk-label{font-size:15px;line-height:1.3}
.kwl-pk-label small{display:block;font-size:12.5px;color:var(--theme-palette-color-3);margin-top:2px}
.kwl-pk-price{font-weight:600;font-size:15px;white-space:nowrap}
.kwl-pk-price del{font-weight:400;font-size:.85em;color:var(--theme-palette-color-3);margin-right:4px}
.kwl-pk-price ins{text-decoration:none}

/* 10er-Pack: Bester Preis */
.kwl-pk-row--best{position:relative;margin:4px -12px 0;padding:12px;border-top-color:transparent;border-radius:6px;background:color-mix(in srgb,var(--theme-palette-color-1) 7%,var(--theme-palette-color-8));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-palette-color-1) 18%,transparent);transition:box-shadow .3s ease}
.kwl-pk-row--best:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-palette-color-1) 30%,transparent)}
.kwl-pk-row--best+.kwl-pk-row,.kwl-pk-row+.kwl-pk-row--best{border-top-color:transparent}
.kwl-pk-tag{display:inline-block;vertical-align:2px;margin-left:8px;padding:2px 7px;border-radius:999px;background:var(--theme-palette-color-1);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.5}
.kwl-pk-label .kwl-pk-save{display:inline;margin:0 0 0 6px;color:var(--theme-palette-color-1);font-weight:600}

/* Warenkorb-Button */
.kwl-pk .kwl-pk-add{position:relative;width:40px;height:40px;min-height:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--theme-palette-color-1);color:#fff;border:0;overflow:visible;transition:background-color .25s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}
.kwl-pk .kwl-pk-add:hover{background:var(--theme-palette-color-2);transform:scale(1.08)}
.kwl-pk .kwl-pk-add:focus{background:var(--theme-palette-color-1);outline:none}
.kwl-pk .kwl-pk-add:focus-visible{outline:2px solid var(--theme-palette-color-1);outline-offset:3px}
.kwl-pk .kwl-pk-add:active{transform:scale(.88)}
.kwl-plus{position:absolute;inset:0;margin:auto;width:14px;height:14px;display:block;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}
.kwl-plus::before,.kwl-plus::after{content:"";position:absolute;left:50%;top:50%;background:#fff;border-radius:1px;transform:translate(-50%,-50%)}
.kwl-plus::before{width:14px;height:2px}
.kwl-plus::after{width:2px;height:14px}
.kwl-tick{position:absolute;inset:0;margin:auto;width:18px;height:18px;opacity:0;transform:scale(.4) rotate(-20deg);transition:transform .5s cubic-bezier(.34,1.8,.64,1) .08s,opacity .15s ease .08s}
.kwl-tick path{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .35s cubic-bezier(.65,0,.35,1) .18s}
.kwl-pk .kwl-pk-add.loading{pointer-events:none}
.kwl-pk .kwl-pk-add.loading .kwl-plus{transform:rotate(180deg) scale(.8);opacity:.7;transition-duration:.8s}
.kwl-pk .kwl-pk-add.loading::after,.kwl-pk .kwl-pk-add.added::after{content:none}
.kwl-pk .kwl-pk-add.added::before{display:none}
.kwl-pk .kwl-pk-add.kwl-done,.kwl-pk .kwl-pk-add.kwl-done:hover,.kwl-pk .kwl-pk-add.kwl-done:focus{background:#2f6b3a}
.kwl-pk .kwl-pk-add.kwl-done .kwl-plus{transform:rotate(135deg) scale(0);opacity:0}
.kwl-pk .kwl-pk-add.kwl-done .kwl-tick{opacity:1;transform:none}
.kwl-pk .kwl-pk-add.kwl-done .kwl-tick path{stroke-dashoffset:0}
.kwl-pk .kwl-pk-add.kwl-pop{animation:kwl-pop .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes kwl-pop{0%{transform:scale(.85)}35%{transform:scale(1.22)}60%{transform:scale(.94)}80%{transform:scale(1.05)}100%{transform:scale(1)}}
.kwl-pk-check{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:#2f6b3a;color:#fff;font-size:11px;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff;opacity:0;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.8,.64,1),opacity .2s ease}
.kwl-pk .kwl-in-cart:not(.kwl-done) .kwl-pk-check{opacity:1;transform:scale(1)}
.kwl-pk .added_to_cart{grid-column:1/-1;justify-self:end;margin-top:4px;padding:0;min-height:0;background:none;border:0;color:var(--theme-palette-color-1);font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;text-decoration:underline;text-underline-offset:3px}
.kwl-pk .added_to_cart:hover{background:none;color:var(--theme-palette-color-2)}

/* Flug zum Warenkorb + Konfetti */
.kwl-fly{position:fixed;left:0;top:0;z-index:99999;width:56px;height:40px;border:3px solid #fff;border-radius:3px;background:var(--theme-palette-color-6) center/cover;box-shadow:0 10px 24px -8px rgba(17,21,24,.5);pointer-events:none;will-change:transform}
.kwl-confetti{position:fixed;left:0;top:0;z-index:99999;width:8px;height:12px;border-radius:2px;pointer-events:none;will-change:transform}

.kwl-pk-band{background:var(--theme-palette-color-7);padding-block:clamp(28px,4vw,48px)}
.kwl-pk-slider{--kwl-edge:max(20px,calc((100% - var(--theme-normal-container-max-width,1290px)) / 2))}
.kwl-pk-slider .kwl-pk-nav{display:flex;justify-content:flex-end;gap:8px;margin:0 var(--kwl-edge) 16px}
.kwl-pk-slider .kwl-pk-nav button{width:44px;height:44px;min-height:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(17,21,24,.2);background:var(--theme-palette-color-8);color:var(--theme-palette-color-4);cursor:pointer;transition:border-color .2s ease,color .2s ease}
.kwl-pk-slider .kwl-pk-nav button:hover{border-color:var(--theme-palette-color-1);color:var(--theme-palette-color-1);background:var(--theme-palette-color-8)}
.kwl-pk-slider .kwl-pk-nav button:disabled{opacity:.35;cursor:default}
.kwl-pk-slider .kwl-pk-nav button:focus-visible{outline:2px solid var(--theme-palette-color-1);outline-offset:3px}
.kwl-pk.kwl-pk--slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:clamp(16px,2vw,24px);padding:4px var(--kwl-edge) 28px;scroll-padding-inline:var(--kwl-edge);scrollbar-width:thin;overscroll-behavior-x:contain}
.kwl-pk--slider>.kwl-pk-card{flex:0 0 clamp(250px,24vw,310px);scroll-snap-align:start}
.kwl-pk--slider .kwl-pk-media{aspect-ratio:3/2}
.kwl-pk--slider .kwl-pk-row--best{margin-inline:-8px;padding-inline:8px}

/* Hero-Karte (Sets) */
.kwl-pk.kwl-pk--hero{grid-template-columns:1fr}
.kwl-pk-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.kwl-pk-hero .kwl-pk-media{aspect-ratio:auto;min-height:340px}
.kwl-pk-hero .kwl-pk-img{position:absolute;inset:0}
.kwl-pk-hero-body{display:flex;flex-direction:column;padding:clamp(24px,3.5vw,52px)}
.kwl-pk-eyebrow{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--theme-palette-color-1)}
.kwl-pk-hero .kwl-pk-title{margin:0 0 16px;font-size:clamp(22px,2.2vw,30px);line-height:1.25}
.kwl-pk-desc{font-size:15.5px;line-height:1.65;color:var(--theme-palette-color-3)}
.kwl-pk-desc p{margin:0 0 14px}
.kwl-pk-desc ul{list-style:none;margin:0 0 8px;padding:0}
.kwl-pk-desc li{position:relative;padding-left:22px;margin-bottom:6px}
.kwl-pk-desc li::before{content:"";position:absolute;left:2px;top:.55em;width:10px;height:6px;border-left:2px solid var(--theme-palette-color-1);border-bottom:2px solid var(--theme-palette-color-1);transform:rotate(-45deg)}
.kwl-pk-hero .kwl-pk-rows{margin-top:auto;padding:20px 0 0}
.kwl-pk-hero .kwl-pk-row{border-top-color:rgba(17,21,24,.12);padding-top:18px}
.kwl-pk-hero .kwl-pk-price{font-size:22px}
@media (max-width:760px){.kwl-pk-hero{grid-template-columns:1fr}.kwl-pk-hero .kwl-pk-media{min-height:0;aspect-ratio:4/3}}
@media (prefers-reduced-motion:reduce){
.kwl-pk-row--best,.kwl-pk-row--best:hover{transition:none;transform:none}
.kwl-pk .kwl-pk-add,.kwl-plus,.kwl-tick,.kwl-tick path,.kwl-pk-check{transition:none}
.kwl-pk .kwl-pk-add.kwl-pop{animation:none}
}