.product{--price-badge:6.25rem;container:product/inline-size}.product-layout{row-gap:var(--space-xs);grid-template-columns:minmax(0,1fr);grid-template-areas:"top""gallery""info";display:grid}@container product (width>=46rem){.product{--price-badge:7rem}.product-layout{column-gap:var(--space-xl);grid-template:"gallery top""gallery info"minmax(0,1fr)/minmax(0,1fr) minmax(0,1fr);align-items:start}}.product-top{justify-content:space-between;align-items:center;gap:var(--space-2xs);min-height:var(--tap-target);grid-area:top;display:flex;position:relative}.product-position{min-width:0}.product-tool{width:var(--tap-target);height:var(--tap-target);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-heading);transition:background-color var(--duration-fast) var(--ease-out);border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.product-tool:hover{background:var(--color-blue-100)}.product-copy-icon,[data-share-mode=copy] .product-share-icon{display:none}[data-share-mode=copy] .product-copy-icon{display:block}html:not(.js) [data-product-share]{display:none}.product-share-status{z-index:1;max-width:min(18rem,100%);font-size:var(--text-xs);line-height:var(--leading-snug);position:absolute;inset-block-start:calc(100% + var(--space-3xs));inset-inline-end:0}.product-share-status:not(:empty){padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-m);background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-m)}.product-gallery{align-content:start;gap:var(--space-2xs);grid-area:gallery;min-width:0;display:grid}.product-slides{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;border-radius:var(--radius-l);background:var(--color-surface);padding:0;list-style:none;display:flex;position:relative;overflow-x:auto}@media (prefers-reduced-motion:no-preference){.product-slides{scroll-behavior:smooth}}.js .product-slides{scrollbar-width:none}.js .product-slides::-webkit-scrollbar{display:none}.product-slide{aspect-ratio:var(--aspect-photo);max-height:var(--photo-max-height);scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}.product-zoom{border-radius:inherit;height:100%;color:var(--color-heading);cursor:zoom-in;display:block;position:relative}.product-zoom:focus-visible{outline-offset:calc(-1 * var(--focus-ring-width))}.product-zoom picture{height:100%}.product-zoom img{object-fit:contain;width:100%;height:100%}.product-zoom-hint{align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-white) 90%, transparent);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-heading);pointer-events:none;display:inline-flex;position:absolute;inset-block-end:var(--space-xs);inset-inline-start:var(--space-xs)}@container product (width>=30rem){.product-zoom-hint{inset-inline:auto var(--space-xs)}}.product-thumbs{gap:var(--space-2xs);scrollbar-width:thin;padding:0;list-style:none;display:flex;overflow-x:auto}html:not(.js) .product-thumbs{display:none}.product-thumbs>li{flex:0 0 calc((100% - 3 * var(--space-2xs)) / 4);max-width:7rem}.product-thumb{aspect-ratio:1;border:var(--border-thick) solid transparent;border-radius:var(--radius-m);background:var(--color-surface);opacity:.7;width:100%;transition:opacity var(--duration-fast) var(--ease-out);padding:0;display:block;overflow:hidden}.product-thumb:hover,.product-thumb[aria-current=true]{opacity:1}.product-thumb[aria-current=true]{border-color:var(--color-accent)}.product-thumb:focus-visible{outline-offset:calc(-1 * var(--space-3xs))}.product-thumb img{object-fit:cover;width:100%;height:100%}@container product (width<30rem){.product-thumbs{gap:0;margin-inline-start:calc(-1 * var(--space-2xs))}.product-thumbs>li{flex:none}.product-thumb{border-radius:var(--radius-pill);opacity:1;background:0 0;border:0;place-items:center;width:1.5rem;height:1.5rem;display:grid}.product-thumb[aria-current=true]{width:2rem}.product-thumb img{display:none}.product-thumb:before{content:"";border-radius:var(--radius-pill);background:var(--color-edge);width:.375rem;height:.375rem;transition:width var(--duration-fast) var(--ease-out)}.product-thumb:hover:before{background:var(--color-blue-dark)}.product-thumb[aria-current=true]:before{background:var(--color-accent);width:1.375rem}.product-thumb:focus-visible{outline-offset:0}}.product-info{gap:var(--space-m);flex-direction:column;grid-area:info;display:flex;container:product-info/inline-size}.product-head{align-items:end;column-gap:var(--space-s);row-gap:var(--space-3xs);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price""vat price";display:grid}.product-name{font-size:var(--text-4xl);font-variant-numeric:lining-nums;line-height:var(--leading-tight);grid-area:name}.product-name:focus{outline:none}.product-price{width:var(--price-badge);height:var(--price-badge);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-blue-dark);text-align:center;flex-direction:column;grid-area:price;justify-content:center;align-items:center;line-height:1;display:flex}.product-price-amount{font-family:var(--font-heading);font-size:calc(var(--price-badge) * .28);font-weight:var(--weight-semibold);font-variant-numeric:lining-nums;white-space:nowrap}.product-price-currency,.product-price-from{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em}.product-vat{font-size:var(--text-s);color:var(--color-text-muted);grid-area:vat}@container product (width>=46rem){@container product-info (width<26rem){.product-name{font-size:var(--text-3xl)}}}@container product (width<30rem){.product-head{align-items:stretch;gap:var(--space-3xs);flex-direction:column;display:flex}.product-price{--badge-lift:calc(var(--price-badge) * .66 + var(--space-xs));z-index:1;margin-block:calc(-1 * var(--badge-lift)) var(--space-2xs);background:var(--color-bg);order:-1;align-self:flex-end;margin-inline-end:var(--space-s);position:relative;box-shadow:0 10px 26px -10px #1c274073}.product-layout:has(.product-thumbs) .product-price{--badge-lift:calc(var(--price-badge) * .66 + var(--space-xs) + 1.5rem + var(--space-2xs))}}.product-includes{gap:var(--space-2xs);display:grid}.product-items{border-top:var(--border-thin) solid var(--color-blue-100);padding:0;list-style:none}.product-items li{gap:var(--space-xs);padding-block:var(--space-xs);border-bottom:var(--border-thin) solid var(--color-blue-100);line-height:var(--leading-snug);display:flex}.product-items li:before{content:"";width:var(--bullet-size);height:var(--bullet-size);border-radius:var(--radius-pill);background:var(--color-blue);flex:none;margin-top:.5lh;translate:0 -50%}@container product-info (width>=25rem){.product-items{column-gap:var(--space-m);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-items li{padding-block:var(--space-2xs);font-size:var(--text-s)}.product-items li:before{display:none}}.product-disclaimer{padding:var(--space-xs) var(--space-s);border-radius:var(--radius-m);background:var(--color-surface);font-size:var(--text-s);line-height:var(--leading-snug);color:var(--color-text)}.product-order{align-items:center;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.product-order:not(:has(>:not([hidden]))){display:none}.product-quantity{border:var(--border-thin) solid var(--color-edge);border-radius:var(--radius-pill);flex:none;align-items:center;height:3.25rem;display:flex}.product-quantity button{width:var(--tap-target);border-radius:var(--radius-pill);height:100%;color:var(--color-heading);background:0 0;border:0;place-items:center;padding:0;display:grid}.product-quantity input{width:2.75rem;min-width:0;color:var(--color-heading);font-size:var(--text-m);font-weight:var(--weight-bold);text-align:center;background:0 0;border:0;padding:0}.product-add{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:3.25rem;padding:var(--space-2xs) var(--space-m);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--weight-bold);line-height:var(--leading-snug);border:0;flex:8rem;display:inline-flex}.product-add:hover{background:var(--color-blue-deep)}.product-add .state{align-items:center;gap:var(--space-2xs);display:inline-flex}.product-add-label.short,.product-add[data-in-list=true] .off,.product-add:not([data-in-list=true]) .on{display:none}.product-add[data-in-list=true]{background:var(--color-blue-200);color:var(--color-navy)}.product-add[data-in-list=true]:hover{background:var(--color-blue-100)}@container product (width<30rem){.product-add{padding-inline:var(--space-s);font-size:var(--text-s)}.product-add .icon,.product-add-label.long{display:none}.product-add-label.short{display:inline}}.product-links{border-bottom:var(--border-thin) solid var(--color-blue-100);padding:0;list-style:none}.product-links a{justify-content:space-between;align-items:center;gap:var(--space-s);min-height:3.25rem;padding-block:var(--space-2xs);border-top:var(--border-thin) solid var(--color-blue-100);color:var(--color-heading);font-weight:var(--weight-semibold);line-height:var(--leading-snug);text-decoration:none;display:flex}.product-links a:hover{color:var(--color-link);text-decoration:underline}@container product (width>=46rem){.product-links{justify-content:space-between;column-gap:var(--space-m);border:0;flex-wrap:wrap;display:flex}.product-links a{min-height:var(--space-l);font-size:var(--text-s);text-underline-offset:.25em;border:0;text-decoration:underline .08em}.product-link-arrow{display:none}}.sheet-body{--sheet-gutter:var(--container-gutter)}.sheet-body .product{padding:var(--space-3xs) var(--sheet-gutter) var(--space-xl)}@container product (width<46rem){.sheet-body .product-top{padding-inline-end:calc(var(--tap-target) + var(--space-2xs))}.sheet-body .product-tool{order:-1}.sheet-body .product-share-status{inset-inline:0 auto}.sheet-body .product-position{text-align:center;flex:1}.sheet-body .product-order{z-index:1;margin-inline:calc(-1 * var(--sheet-gutter));padding:var(--space-xs) var(--sheet-gutter) var(--space-s);border-top:var(--border-thin) solid var(--color-blue-100);background:var(--color-bg);position:sticky;inset-block-end:0;box-shadow:0 -12px 24px -16px #1c274040}}@media (width>=64rem){.sheet-body{--sheet-gutter:0px}.sheet-body .product{padding:0}.sheet-body .step-links{display:none}}@container product (width>=46rem){.sheet-body .product-layout{min-height:var(--sheet-height,auto);gap:0}.sheet-body .product-gallery{height:var(--sheet-height,auto);padding:var(--space-m);background:var(--color-surface);flex-direction:column;display:flex;position:sticky;inset-block-start:0}.sheet-body .product-slides{border-radius:var(--radius-l);background:0 0;flex:auto;min-height:0}.sheet-body .product-slide{aspect-ratio:auto;max-height:none}.sheet-body .product-thumbs{flex:none}.sheet-body .product-top{padding:var(--sheet-padding-top) calc(var(--sheet-padding-x) + var(--tap-target) + var(--space-2xs)) 0 var(--sheet-padding-x)}.sheet-body .product-info{padding:var(--space-s) var(--sheet-padding-x) var(--space-m);align-self:stretch}.sheet-body .product-order,.sheet-body .product-info:not(:has(.product-order>:not([hidden]))) .product-links{margin-top:auto}}.viewer{--viewer-control:var(--tap-target);--viewer-nav:3.5rem;--viewer-thumb:3.375rem;--viewer-glass:color-mix(in srgb, var(--color-white) 12%, transparent);--viewer-glass-hover:color-mix(in srgb, var(--color-white) 22%, transparent);overscroll-behavior:contain;background:var(--color-night);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--color-white);border:0;margin:0;padding:0;overflow:hidden}.viewer[open]{flex-direction:column;display:flex}.viewer::backdrop{background:var(--color-night)}html:has(dialog[data-viewer][open]){scrollbar-gutter:stable;overflow:hidden}.viewer-top{justify-content:space-between;align-items:center;gap:var(--space-2xs);min-height:3.75rem;padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-s);flex:none;display:flex}.viewer-title{align-items:baseline;gap:var(--space-xs);min-width:0;display:flex}.viewer-name{font-family:var(--font-heading);font-size:var(--text-display-s);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-caps);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<48rem){.viewer-name{clip-path:inset(50%);width:1px;height:1px;position:absolute}}.viewer-counter{font-size:var(--text-s);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-blue-200);white-space:nowrap}.viewer-actions{align-items:center;gap:var(--space-2xs);flex:none;display:flex}.viewer-round,.viewer-pill{height:var(--viewer-control);border-radius:var(--radius-pill);background:var(--viewer-glass);color:var(--color-white);transition:background-color var(--duration-fast) var(--ease-out);border:0;justify-content:center;align-items:center;display:inline-flex}.viewer-round{width:var(--viewer-control);flex:none;padding:0}.viewer-pill{gap:var(--space-2xs);padding:0 var(--space-s);font-size:var(--text-s);font-weight:var(--weight-semibold);white-space:nowrap}.viewer-round:hover,.viewer-pill:hover{background:var(--viewer-glass-hover)}.viewer-add,.viewer-add:hover{background:var(--color-blue);color:var(--color-navy);font-weight:var(--weight-bold)}.viewer-bar .viewer-add{max-width:100%;height:auto;min-height:var(--viewer-control);white-space:normal}.viewer-add .state{align-items:center;gap:var(--space-3xs);display:inline-flex}.viewer-add[data-in-list=true] .off,.viewer-add:not([data-in-list=true]) .on{display:none}.viewer-add[data-in-list=true]{background:var(--viewer-glass);color:var(--color-white)}.viewer-add[data-in-list=true]:hover{background:var(--viewer-glass-hover)}@media (width<48rem){.viewer-top .viewer-add{display:none}}.viewer-zoom{display:none}.viewer-stage{touch-action:pinch-zoom;flex:auto;min-height:0;position:relative;overflow:hidden}.viewer.is-pinched .viewer-stage{touch-action:auto}.viewer-frame{grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;position:absolute;inset:0}.viewer-image{object-fit:contain;opacity:0;user-select:none;-webkit-user-drag:none;width:100%;max-width:69rem;height:100%;transition:transform var(--duration-zoom) var(--ease-out);grid-area:1/1}.viewer-image.is-shown{opacity:1;animation:viewer-fade var(--duration-fade) ease}.viewer-image.is-leaving{animation:none}.viewer-image.is-zoomed{transform:scale(1.8)}@keyframes viewer-fade{0%{opacity:0}}.viewer-nav{width:var(--viewer-nav);height:var(--viewer-nav);display:none;position:absolute;top:50%;translate:0 -50%}.viewer-nav.previous{left:var(--space-m)}.viewer-nav.next{right:var(--space-m)}.viewer-hint{bottom:var(--space-s);align-items:center;gap:var(--space-2xs);width:max-content;max-width:calc(100% - 2 * var(--space-s));padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-night) 70%, transparent);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--color-blue-200);text-align:center;pointer-events:none;display:inline-flex;position:absolute;left:50%;translate:-50%}.viewer-thumbs{gap:var(--space-2xs);padding:var(--space-xs) var(--space-s) var(--space-2xs);scrollbar-width:none;flex:none;list-style:none;display:flex;overflow-x:auto}.viewer-thumbs>:first-child{margin-inline-start:auto}.viewer-thumbs>:last-child{margin-inline-end:auto}.viewer-thumb{width:var(--viewer-thumb);height:var(--viewer-thumb);border-radius:var(--radius-m);background:var(--viewer-glass);opacity:.55;transition:opacity var(--duration-fast) var(--ease-out);border:0;padding:0;display:block;overflow:hidden}.viewer-thumb:hover{opacity:.85}.viewer-thumb[aria-current=true]{opacity:1;box-shadow:0 0 0 2px var(--color-night), 0 0 0 4px var(--color-white)}.viewer-thumb img{object-fit:cover;width:100%;height:100%}.viewer-bar{justify-content:space-between;align-items:center;gap:var(--space-xs);min-height:calc(var(--viewer-control) + 2 * var(--space-2xs));margin:var(--space-3xs) var(--space-xs) max(var(--space-m), env(safe-area-inset-bottom));padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-m);background:color-mix(in srgb, var(--color-white) 10%, transparent);border-radius:2rem;flex-wrap:wrap;flex:none;display:flex}.viewer-bar-text{min-width:0;line-height:var(--leading-tight);flex-direction:column;flex:1 1 0;display:flex}.viewer-bar-name{font-family:var(--font-heading);font-size:var(--text-display-s);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.viewer-bar-price{font-size:var(--text-xs);color:var(--color-blue-200)}@media (width>=48rem){.viewer{--viewer-thumb:4rem}.viewer-top{min-height:4rem;padding-inline:var(--space-m) var(--space-xs)}.viewer-frame{padding-inline:calc(var(--viewer-nav) + 2 * var(--space-m))}.viewer-nav{display:inline-flex}.viewer-thumbs{padding-block:var(--space-s) var(--space-m)}.viewer-bar{display:none}}@media (hover:hover) and (pointer:fine){.viewer-hint{display:none}}@media (width>=48rem) and (hover:hover) and (pointer:fine){.viewer-image{cursor:zoom-in}.viewer-image.is-zoomed{cursor:zoom-out}.viewer-zoom{display:inline-flex}}@media (prefers-reduced-motion:reduce){.viewer .viewer-image{transition:none;animation:none}}:root[data-motion=off] .viewer-image{transition:none;animation:none}