@layer composition {
 .shop-section{position:relative;isolation:isolate;padding:clamp(3rem,6vw,6rem) var(--gutter);border-block-end:1px solid var(--line);background:color-mix(in srgb,var(--sheet) 86%,transparent)}
 .shop-storefront{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:2rem;align-items:center;padding:clamp(1.4rem,3vw,3rem);background:linear-gradient(125deg,#0d293a,#134b55);color:#f8fbf5;border:1px solid #5d9c9b}
 .shop-storefront>*{min-inline-size:0;overflow-wrap:anywhere}
 .shop-storefront h2{font-size:clamp(2.7rem,4.5vw,5rem);line-height:1.05;letter-spacing:-.05em;display:flex;flex-wrap:wrap;align-items:baseline;gap:.15em .3em}
 .shop-storefront h2 span{color:#a9e4c0;font-size:.55em;letter-spacing:-.02em}
 .shop-domain{display:inline-flex;align-items:center;gap:1rem;min-height:44px;font-size:.85rem;font-weight:650;letter-spacing:.04em;color:#a9e4c0;margin:0 0 .8rem;text-decoration:none}
 .shop-promise{font-size:clamp(1.1rem,1.6vw,1.6rem);line-height:1.4;max-inline-size:32ch;margin:1rem 0 0;text-wrap:balance}
 .shop-storefront-action>p{font-size:.95rem;line-height:1.65;max-inline-size:44ch;color:#d5e7e5;margin:0 0 1.25rem}
 .shop-enter{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;padding:1rem 1.2rem;background:#b9edcd;color:#123a37;text-decoration:none;font-weight:700;line-height:1.4}
 .shop-storefront .shop-enter:hover{color:#123a37;background:#d1f7df}.shop-storefront .shop-domain:hover{color:#fff}.shop-storefront a:focus-visible{outline-color:#fff}
 .shop-store-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-top:0;background:var(--sheet)}
 .shop-store-tools a{display:flex;align-items:center;gap:.7rem;min-height:60px;padding:1rem;line-height:1.4;font-size:.9rem;font-weight:600;text-decoration:none;min-inline-size:0;overflow-wrap:anywhere}
 .shop-store-tools a+a{border-inline-start:1px solid var(--line)}
 .shop-store-tools svg{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--accent)}
 .shop-store-tools .store-arrow{margin-inline-start:auto;font-size:1.2rem;color:var(--accent)}
 .shop-composition{display:grid;gap:1.4rem;margin-block:2rem}
 .shop-service{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);border:1px solid var(--line);background:var(--sheet);overflow:hidden;min-width:0}
 .shop-service-copy{padding:clamp(1.3rem,2.8vw,3rem);min-width:0;align-self:center}
 .shop-service h3{font-size:clamp(1.7rem,2.5vw,2.9rem);line-height:1.12;max-inline-size:22ch}
 .shop-service-copy>p{margin-block:1.2rem;color:var(--muted);font-size:.95rem;max-inline-size:58ch}
 .shop-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:.7rem;margin-block:1.6rem}
 .shop-actions a{display:flex;gap:1rem;justify-content:space-between;align-items:center;min-height:48px;padding:.85rem 1.15rem;font-size:.86rem;font-weight:650;text-decoration:none;margin:0}
 .shop-actions .action-link{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}
 .shop-quote{border:1px solid var(--line);color:var(--ink)}
 .shop-service-copy .shop-base-fee{font-size:.78rem;line-height:1.6;border-inline-start:2px solid var(--accent);padding-inline-start:1rem;margin:0}
 .shop-service .editorial-image{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;background:var(--paper)}
 .shop-service .editorial-image img{width:100%;height:100%;min-height:0;object-fit:cover;aspect-ratio:4/3;border:0}
 .shop-service .editorial-image figcaption{padding:.6rem 1rem}
 .shop-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;min-width:0}
 .shop-offer{--offer-light:#ffae80;--offer-base:#372729;position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:clamp(1.25rem,2.2vw,2rem);background:linear-gradient(140deg,var(--offer-base),#111d2b 85%);color:#fff8ef;border:1px solid color-mix(in srgb,var(--offer-light) 45%,#1b2733);border-radius:3px;box-shadow:0 12px 30px #07172512}
 .shop-offer-returning{--offer-light:#86dbff;--offer-base:#163b54}
 .shop-offer-credit{--offer-light:#a9e4c0;--offer-base:#1a4039}
 .shop-offer:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--offer-light) 18%,transparent),transparent 60%);pointer-events:none}
 .shop-offer h3{font-size:1.08rem;line-height:1.35;font-weight:600;letter-spacing:0;margin:0;color:inherit}
 .shop-percentage{display:block;font-size:clamp(3.7rem,6vw,6.4rem);line-height:1.1;font-weight:600;letter-spacing:-.055em;color:var(--offer-light);margin:1.15rem 0 .75rem;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
 .shop-offer-credit .shop-percentage{font-size:clamp(3rem,5vw,5.3rem)}
 .shop-offer p{font-size:.85rem;line-height:1.7;color:#e2e7ee;margin:0 0 1.5rem;max-inline-size:65ch}
 .shop-terms{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:48px;padding:.85rem 1rem;font-size:.84rem;line-height:1.4;font-weight:650;text-decoration:none;background:var(--offer-light);color:#122433;margin-top:auto;border:1px solid transparent}
 .shop-section a{transition:box-shadow .2s,transform .2s}
 .shop-section a:hover{box-shadow:0 4px 14px #07172522;transform:translateY(-2px)}
 .shop-section a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
 .shop-offer a:focus-visible{outline-color:#fff}
 .shop-conditions{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:2rem;border-block-start:1px solid var(--line);padding:1.2rem 0 0}
 .shop-conditions>p{font-size:.78rem;line-height:1.6;color:var(--muted);max-inline-size:76ch;margin:0}
 .shop-conditions>div{display:flex;flex-direction:column;align-items:start;gap:.4rem}
 .shop-conditions a{display:flex;min-height:44px;gap:.8rem;align-items:center;font-weight:600}
 .shop-conditions small{color:var(--muted);font-size:.76rem}
 html[lang="zxx"] .shop-percentage{font-size:1rem;letter-spacing:0}
 @media(max-width:1100px){.shop-offers{grid-template-columns:minmax(0,1fr)}.shop-offer{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);column-gap:2rem;align-items:start}.shop-offer h3{grid-area:1/1}.shop-percentage{grid-area:2/1;margin:.5rem 0 0;font-size:4.8rem}.shop-offer p{grid-column:2;grid-row:1/3}.shop-terms{grid-column:2;align-self:end}.shop-offer-credit .shop-percentage{font-size:4rem}}
 @media(max-width:700px){.shop-storefront,.shop-service,.shop-conditions{grid-template-columns:minmax(0,1fr);gap:1.25rem}.shop-service{gap:0}.shop-service .editorial-image{grid-row:1}.shop-service .editorial-image img{height:auto;aspect-ratio:2/1}.shop-service-copy{padding:1.4rem}.shop-storefront h2{font-size:2.7rem}.shop-offer{display:flex;padding:1.5rem}.shop-percentage{margin:1rem 0;font-size:5rem}.shop-offer p{margin:0 0 1.25rem}.shop-terms{margin-top:auto}.shop-actions{flex-direction:column}}
 @media(max-width:480px){.shop-store-tools{grid-template-columns:minmax(0,1fr)}.shop-store-tools a+a{border-inline-start:0;border-block-start:1px solid var(--line)}.shop-store-tools a{min-height:52px}}
 @media(forced-colors:active){.shop-storefront,.shop-enter{background:Canvas;color:CanvasText;border:1px solid CanvasText}.shop-storefront h2 span,.shop-domain,.shop-storefront-action>p{color:CanvasText}}
 @media(prefers-reduced-motion:reduce){.shop-section a{transition:none!important;transform:none!important}}
 html[data-motion="reduce"] .shop-section a,html[data-mode="low"] .shop-section a,html[data-motion-allowed="false"] .shop-section a{transition:none;transform:none}
 @media print{.shop-section,.shop-service,.shop-offer,.shop-storefront,.shop-enter{background:white;color:black;box-shadow:none}.shop-storefront h2 span,.shop-domain,.shop-storefront-action>p{color:black}.shop-offer{break-inside:avoid}.shop-offer:before{display:none}.shop-percentage,.shop-offer p,.shop-service-copy>p,.shop-conditions small{color:black}.shop-terms{border:1px solid black;background:white;color:black}}
}
