:root{--kapzul-border-soft:rgba(31,15,52,.10);--kapzul-border-open:rgba(31,15,52,.16)}

/* Results share the comparator's typography, colours and page width. */
#result-summary{display:block;margin:0}
#result-summary .best-solution-card{display:block;margin:0 0 14px;padding:0;border:1px solid var(--kapzul-border-soft);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 8px 28px rgba(88,28,135,.07)}
.results-panorama{display:block;width:100%;height:auto;aspect-ratio:1891/831;object-fit:cover;object-position:center;border-radius:19px 19px 0 0}
.results-card-heading{display:flex;align-items:center;gap:14px;padding:20px 24px;color:var(--violet-deep)}
.results-card-heading h2,.results-card-heading strong{margin:0;font-size:clamp(1.15rem,2.5vw,1.6rem);line-height:1.2;font-weight:800}
.results-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex:0 0 58px;border-radius:16px;background:#f2ebff;overflow:hidden}
.results-icon img{display:block;width:66px;height:55px;max-width:none;object-fit:contain;background:transparent}
.results-icon-pickup{background:#fcecf7}
.results-card-body{padding:0 24px 24px}
.results-saving{display:grid;gap:5px;margin:0 0 20px}.results-saving>span{font-size:1.05rem;font-weight:700}.results-saving>strong{font-size:clamp(2.5rem,7vw,4.5rem);line-height:1.1;letter-spacing:-.045em;color:#a334c7;font-weight:850;overflow-wrap:anywhere}.results-saving small{font-size:.8rem;line-height:1.45;color:var(--muted);font-weight:400}
.results-basket-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 10px;margin:0;color:var(--violet-deep);font-size:clamp(1.25rem,3vw,1.65rem);font-weight:750}.results-basket-total strong{font-size:clamp(1.65rem,4.55vw,2.95rem);line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere}
.results-retailer{margin:8px 0 20px;color:var(--muted);font-size:.9rem}.results-economic{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px 0 0;border-top:1px solid var(--line);font-size:.95rem;font-weight:700;color:var(--violet-deep)}.results-best-found{font-size:1.7rem;font-weight:800;color:#a334c7;margin:0 0 18px}.results-empty{padding:0 24px 24px;color:var(--muted)}
#comparison>#delivery-results,#comparison>#pickup-results{display:block;margin:14px 0;border:1px solid var(--kapzul-border-soft);overflow:hidden;box-shadow:0 3px 12px rgba(88,28,135,.04)}
#comparison>#delivery-results>summary,#comparison>#pickup-results>summary{display:flex;list-style:none;cursor:pointer;color:var(--violet-deep);border:0}
#comparison>#delivery-results>summary{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 18px;font-size:.9rem}
#comparison>#pickup-results>summary{display:block;padding:0;background:#fff}
#comparison>#pickup-results{border-radius:20px}
#comparison>#pickup-results[open]>summary,#comparison>#delivery-results[open]>summary{border-bottom:1px solid var(--kapzul-border-soft)}
#comparison>#pickup-results .results-card-heading{padding:20px 24px;background:#fffafb}
.results-card-heading>span:nth-child(2){min-width:0;flex:1}.results-card-subtitle,.results-card-hint{display:block;margin-top:7px;font-size:.88rem;line-height:1.45;color:var(--muted);font-weight:400}.results-card-hint{font-weight:650;color:#89437d;font-size:.8rem}
.results-chevron{display:block;width:9px;height:9px;flex:0 0 9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease;margin:0 3px 5px 10px}
[open]>summary .results-chevron{transform:rotate(225deg);margin-bottom:0}
#comparison>.result-detail>summary::-webkit-details-marker{display:none}
#comparison>.result-detail>summary:focus-visible{outline:3px solid var(--focus);outline-offset:-4px;border-radius:16px}
.results-disclosure-content{transform-origin:top}
.result-detail[open]>.results-disclosure-content{animation:results-unfold .2s ease-out}
@keyframes results-unfold{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
#delivery-multi-detail:empty{display:none}#delivery-multi-detail{padding:0 18px 18px}
@media(max-width:520px){.results-card-heading,#comparison>#pickup-results .results-card-heading{padding:16px;gap:10px}.results-card-body{padding:0 16px 18px}.results-icon{width:46px;height:46px;flex-basis:46px;border-radius:13px}.results-icon img{width:54px;height:45px}.results-card-subtitle{font-size:.8rem}.results-saving{margin-bottom:16px}.results-retailer{font-size:.82rem;margin-bottom:16px}.results-economic{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.result-detail[open]>.results-disclosure-content{animation:none}.results-chevron{transition:none}}

#comparison>#pickup-results>summary .results-card-heading strong{font-size:clamp(1.15rem,2.5vw,1.6rem);font-weight:800;color:var(--violet-deep)}
@supports(interpolate-size:allow-keywords){
  #comparison>#delivery-results,#comparison>#pickup-results{interpolate-size:allow-keywords}
  #comparison>#delivery-results::details-content,#comparison>#pickup-results::details-content{block-size:0;overflow:clip;transition:block-size .2s ease,content-visibility .2s allow-discrete}
  #comparison>#delivery-results[open]::details-content,#comparison>#pickup-results[open]::details-content{block-size:auto}
}
@media(prefers-reduced-motion:reduce){#comparison>#delivery-results::details-content,#comparison>#pickup-results::details-content{transition:none}}

/* The delivery card delegates its non-interactive surface to the native disclosure. */
[data-delivery-card]{cursor:pointer}
.best-solution-detail{margin-top:20px}
.best-solution-detail>.results-economic{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:12px;min-height:52px;padding:14px 8px;border-bottom:1px solid transparent;list-style:none;cursor:pointer;border-radius:8px}
.best-solution-detail>.results-economic::-webkit-details-marker{display:none}
.best-solution-detail>.results-economic>span:first-child{flex:1;min-width:0}
.best-solution-detail>.results-economic>strong{white-space:nowrap}
.best-solution-detail>.results-economic:hover{background:#f7f2ff}
.best-solution-detail>.results-economic:active{background:#eee3ff}
.best-solution-detail>.results-economic:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.best-solution-detail[open]>.results-economic{border-bottom-color:var(--line)}
.best-solution-detail-content{padding-top:8px;cursor:auto}
.best-solution-detail-content .multi-retailers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.best-solution-detail-content .multi-retailer,.best-solution-detail-content .purchase-option{min-width:0}
.results-detail-total{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:16px;font-weight:800;color:var(--violet-deep)}
.best-solution-detail[open]>.best-solution-detail-content{animation:results-unfold .2s ease-out}
@supports(interpolate-size:allow-keywords){.best-solution-detail{interpolate-size:allow-keywords}.best-solution-detail::details-content{block-size:0;overflow:clip;transition:block-size .2s ease,content-visibility .2s allow-discrete}.best-solution-detail[open]::details-content{block-size:auto}}
@media(max-width:520px){.best-solution-detail-content .multi-retailers{grid-template-columns:1fr}.best-solution-detail>.results-economic{gap:8px;padding-inline:2px}}
@media(prefers-reduced-motion:reduce){.best-solution-detail[open]>.best-solution-detail-content{animation:none}.best-solution-detail::details-content{transition:none}}

/* Keep product names/formats and their prices in distinct, spaced columns. */
.best-solution-detail-content .offer-lines{list-style:none;margin:14px 0 0;padding:0}
.best-solution-detail-content .offer-lines>li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:12px 0;border-top:1px solid var(--line);align-items:start}
.best-solution-detail-content .offer-lines>li>span{min-width:0;overflow-wrap:anywhere}
.best-solution-detail-content .offer-lines>li>strong{white-space:nowrap;text-align:right}
.best-solution-detail-content .offer-lines>li>a,.best-solution-detail-content .offer-lines>li>.line-top{grid-column:1/-1}
.best-solution-detail-content .line-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}
.best-solution-detail-content .line-top>span{min-width:0;overflow-wrap:anywhere}
.best-solution-detail-content .line-top>strong{white-space:nowrap}
.delivery-order-group+.delivery-order-group{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.delivery-order-group h3{font-size:1rem;margin:8px 0}
.delivery-products-count{font-size:.85rem;color:var(--muted)}
.delivery-order-shipping{display:flex;justify-content:space-between;gap:16px;font-size:.9rem}
.best-solution-detail+.best-solution-detail{margin-top:4px}

/* Standard delivery: the large basket price is the disclosure header itself. */
.best-solution-detail:has(>.results-price-toggle){margin-top:0}
.best-solution-detail>.results-price-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto 9px;gap:8px;min-height:52px;margin:0;padding:8px 0;border:1px solid var(--kapzul-border-soft);background:transparent;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:750}
.best-solution-detail>.results-price-toggle>strong{font-size:clamp(1.65rem,4.55vw,2.95rem);line-height:1.2;letter-spacing:-.03em}
.best-solution-detail>.results-price-toggle>.results-chevron{margin-inline:0}
.best-solution-detail>.results-price-toggle:hover{background:#faf7ff}
.best-solution-detail>.results-price-toggle:active{background:#f2ebff}

/* Pickup opens directly onto a compact locality form. */
#pickup-results #toppharm-pickup{padding:16px;padding-bottom:calc(16px + var(--pickup-keyboard-space,0px))}
#pickup-results .pickup-search{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;margin:0}
#pickup-results .pickup-search label{grid-column:1/-1;margin:0;font-weight:700}
#pickup-results #toppharm-place{grid-column:1;grid-row:2;min-width:0;min-height:46px;font-size:16px;scroll-margin-top:52px;scroll-margin-bottom:130px}
#pickup-results .pickup-geolocate{grid-column:2;grid-row:2;margin:0;min-height:44px}
#pickup-results .locality-suggestions{position:static;grid-column:1/-1;grid-row:3;max-height:var(--pickup-suggestions-height,240px);overscroll-behavior:contain}
#pickup-results .pickup-availability-note{margin:16px 0 0;color:var(--muted);font-size:.78rem;line-height:1.4;font-weight:400}
@media(max-width:520px){#pickup-results .pickup-search{grid-template-columns:minmax(0,1fr)}#pickup-results .pickup-geolocate{grid-column:1;grid-row:4;justify-self:start;width:auto;font-size:.85rem;padding:8px 12px}#pickup-results .pickup-search:has(.locality-suggestions[hidden]) .pickup-geolocate{grid-row:3}}
/* Keep the field measurable on opening; opacity/transform still animate the reveal. */
#comparison>#pickup-results::details-content{transition:none}

/* Neutral outlines, with shared separators instead of nested card borders. */
#comparison>#delivery-results[open],#comparison>#pickup-results[open],
.best-solution-detail[open]>.results-price-toggle{border-color:var(--kapzul-border-open)}
#pickup-results #toppharm-place{border:1px solid var(--kapzul-border-soft)}
#pickup-results #toppharm-place:focus-visible{border-color:var(--focus)}
#pickup-results .pickup-results-list,#pickup-results .toppharm-card{border:1px solid var(--kapzul-border-soft)}
#pickup-results .pickup-results-list li+li{border-top-color:var(--kapzul-border-soft)}

#pickup-results label[for="toppharm-place"]{scroll-margin-top:20px;scroll-margin-bottom:130px}