.constructor-page{--constructor-overlay:250;--ctor-panel:var(--popover);--ctor-panel-radius:24px;--ctor-panel-edge:color-mix(in srgb, var(--foreground) 9%, transparent);--ctor-panel-shadow:0 18px 44px -20px color-mix(in srgb, var(--palette-ink) 36%, transparent), 0 2px 8px -4px color-mix(in srgb, var(--palette-ink) 16%, transparent);--ctor-float:var(--popover);--ctor-float-shadow:0 0 0 1px var(--ctor-panel-edge), 0 6px 18px -10px color-mix(in srgb, var(--palette-ink) 40%, transparent);--ctor-stage-radius:28px;--ctor-edge:12px;--ctor-gap:8px;--ctor-rail:calc(var(--control-h-md) + var(--ctor-edge) + var(--ctor-gap));--ctor-top:calc(var(--control-h-md) + var(--ctor-edge) + var(--ctor-gap));--ctor-shelf-h:calc(var(--control-h-lg) + 2 * var(--ctor-edge));--ctor-stage-h:380px;--ctor-enter:.32s cubic-bezier(.16, 1, .3, 1);--ctor-exit:.2s cubic-bezier(.4, 0, .2, 1)}@media(min-width:1024px){.constructor-page{--ctor-stage-h:clamp(460px, calc(100dvh - var(--header-h,108px) - 12rem), 690px)}}.ctor-btn,.ctor-icon-btn{border-radius:var(--control-radius);background:var(--control-fill);min-width:0;color:var(--foreground);font-size:var(--control-fs-md);font-weight:var(--control-fw);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard);border:0;flex:none;justify-content:center;align-items:center;gap:6px;line-height:1.2;display:inline-flex}.ctor-btn{min-height:var(--control-h-md);padding-inline:var(--control-px-sm)}.ctor-btn-sm{min-height:var(--control-h-sm);padding-inline:var(--control-px-sm);font-size:var(--control-fs-sm)}.ctor-icon-btn{width:var(--control-h-md);height:var(--control-h-md);padding:0}.ctor-btn>svg,.ctor-icon-btn>svg{flex-shrink:0}:is(.ctor-btn,.ctor-icon-btn):is([aria-pressed=true],[aria-expanded=true]){background:var(--selected-fill);box-shadow:var(--selected-shadow);color:var(--selected-ink)}:is(.ctor-btn,.ctor-icon-btn):disabled{opacity:.4;cursor:not-allowed}.constructor-canvas :is(.ctor-btn,.ctor-icon-btn):not([aria-pressed=true],[aria-expanded=true]){background:var(--ctor-float);box-shadow:var(--ctor-float-shadow)}.constructor-canvas .ctor-panel :is(.ctor-btn,.ctor-icon-btn):not([aria-pressed=true],[aria-expanded=true]){background:var(--control-fill);box-shadow:none}html[data-focus-mode=keyboard] .constructor-page :is(button,[role=slider]):focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ctor-panel{border:1px solid var(--ctor-panel-edge);border-radius:var(--ctor-panel-radius);background:var(--ctor-panel);color:var(--foreground);box-shadow:var(--ctor-panel-shadow)}@keyframes ctor-panel-in{0%{opacity:0;transform:translateY(8px)}}@keyframes ctor-fade-in{0%{opacity:0}}.constructor-layout{grid-template-columns:minmax(0,1fr);gap:1.25rem;max-width:1440px;margin-inline:auto;padding:0 1rem 3rem;display:grid}.constructor-stage-shell{border-radius:var(--ctor-stage-radius);background:var(--card);align-self:start;min-width:0;position:relative}.constructor-canvas{contain:paint;isolation:isolate;height:var(--ctor-stage-h);border-radius:var(--ctor-stage-radius) var(--ctor-stage-radius) 0 0;position:relative;overflow:hidden}.constructor-stage-top{z-index:5;top:var(--ctor-edge);inset-inline:var(--ctor-edge);justify-content:space-between;align-items:flex-start;gap:var(--ctor-gap);pointer-events:none;display:flex;position:absolute}.constructor-stage-top>*{pointer-events:auto}.constructor-price-chip.ctor-btn{font-variant-numeric:tabular-nums;flex:0 auto}.constructor-price-chip>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.constructor-scene-done.ctor-btn{padding-inline:var(--control-px-md)}.constructor-focus-exit{z-index:4;top:var(--ctor-top);animation:ctor-panel-in var(--ctor-enter) both;position:absolute;inset-inline-start:var(--ctor-edge)}.constructor-stage-hint,.constructor-part-feedback{z-index:2;bottom:var(--ctor-edge);max-width:calc(100% - var(--ctor-edge) - var(--ctor-rail));border-radius:var(--control-radius);background:var(--ctor-float);box-shadow:var(--ctor-float-shadow);color:var(--foreground);font-size:var(--control-fs-sm);pointer-events:none;padding:.5rem .875rem;font-weight:500;line-height:1.35;position:absolute;inset-inline-start:var(--ctor-edge)}.constructor-stage-hint{animation:ctor-panel-in var(--ctor-enter) .6s both;border-radius:18px}.constructor-part-feedback[hidden]{display:none}@media(pointer:coarse){.constructor-part-feedback{display:none}}.constructor-rail{z-index:4;top:var(--ctor-top);bottom:var(--ctor-edge);width:var(--control-h-md);align-items:center;gap:var(--ctor-gap);pointer-events:none;flex-direction:column-reverse;display:flex;position:absolute;inset-inline-end:var(--ctor-edge)}.constructor-rail>*{pointer-events:auto}.constructor-height-toggle.ctor-icon-btn{font-variant-numeric:tabular-nums;flex-direction:column;gap:1px;height:auto;min-height:56px;font-size:12px}.constructor-height-rail{bottom:0;width:60px;height:min(360px,100%);animation:ctor-panel-in var(--ctor-enter) both;border-radius:30px;flex-direction:column;align-items:center;gap:6px;padding:8px 0;display:flex;position:absolute;inset-inline-end:calc(100% + var(--ctor-gap))}.constructor-height-output{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:center;line-height:1.1;display:flex}.constructor-height-output strong{font-size:20px;font-weight:650}.constructor-height-output span{color:var(--muted-foreground);font-size:11px}.constructor-height-rail .constructor-height-range{flex-direction:column;flex:1 1 0;justify-content:center;width:44px;min-height:44px}.constructor-height-rail .constructor-height-range>span:first-child{flex-grow:0;width:6px;height:100%}.constructor-height-rail .constructor-height-range>span:first-child>span{width:100%;height:auto}.constructor-height-rail .ui-slider-thumb{width:28px;height:28px;position:relative}.constructor-height-rail .ui-slider-thumb:after{content:"";position:absolute;inset:-8px}:is(.constructor-quick-editor,.constructor-view-menu){z-index:6;min-width:0;max-height:min(40svh,22rem);margin:0 var(--ctor-edge) var(--ctor-edge);scroll-margin-bottom:var(--ctor-edge);flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.constructor-view-menu{overscroll-behavior:contain;animation:ctor-panel-in var(--ctor-enter) both;gap:.5rem;padding:.875rem 1rem 1rem;overflow-y:auto}@media(min-width:1024px){:is(.constructor-quick-editor,.constructor-view-menu){top:var(--ctor-top);inset-inline:auto var(--ctor-rail);width:360px;max-height:calc(var(--ctor-stage-h) - var(--ctor-top) - var(--ctor-edge));margin:0;position:absolute}}.constructor-quick-header{align-items:center;gap:var(--ctor-gap);flex:none;padding:.625rem .625rem .375rem 1rem;display:flex}.constructor-quick-title{flex:auto;min-width:0}.constructor-quick-title h2{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:650;line-height:1.25;overflow:hidden}.constructor-quick-title span{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:12px}.constructor-quick-header-actions{flex:none;align-items:center;gap:4px;display:flex}@media(max-width:1023px){.constructor-quick-nav{display:none!important}}.constructor-quick-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:.25rem 1rem 1rem;overflow-y:auto}.constructor-quick-issues{gap:.375rem;margin-bottom:.75rem;display:grid}.constructor-quick-issues li{background:var(--control-fill);color:var(--foreground);border-radius:16px;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;font-size:12px;line-height:1.4;display:flex}.constructor-quick-issues svg{color:var(--muted-foreground);flex-shrink:0;margin-top:2px}.constructor-quick-group+.constructor-quick-group,.constructor-quick-group+.constructor-quick-note,.constructor-quick-note+.constructor-quick-group{margin-top:.875rem}.constructor-quick-group-label{color:var(--muted-foreground);margin-bottom:.375rem;font-size:12px;font-weight:600;line-height:1.3}.constructor-quick-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.constructor-quick-options[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.constructor-quick-options[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.constructor-quick-options:not([data-columns])>:last-child:nth-child(odd){grid-column:1/-1}.constructor-quick-options:has(>:only-child){grid-template-columns:minmax(0,1fr)}@container (width<=300px){.constructor-quick-options[data-columns="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.constructor-quick-option{min-width:0;min-height:var(--control-h-md);border-radius:var(--control-radius);background:var(--control-fill);color:var(--foreground);font-size:var(--control-fs-sm);font-weight:var(--control-fw);text-align:center;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);border:0;justify-content:center;align-items:center;gap:.45rem;padding:.25rem .6rem;line-height:1.25;display:inline-flex}.constructor-quick-option[aria-pressed=true]{background:var(--selected-fill);box-shadow:var(--selected-shadow);color:var(--selected-ink)}.constructor-quick-option:disabled{opacity:.45;cursor:not-allowed}.constructor-quick-option>span:last-child{overflow-wrap:break-word;min-width:0}.constructor-quick-swatch{border:1px solid var(--ctor-panel-edge);border-radius:50%;flex:0 0 18px;width:18px;height:18px}.constructor-quick-note{color:var(--muted-foreground);font-size:12px;line-height:1.4}.constructor-quick-group+.constructor-quick-note{margin-top:.625rem}.constructor-view-menu .constructor-quick-group-label{margin:.25rem 0 0}.constructor-view-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}@container (width<=340px){.constructor-view-grid .constructor-quick-option:has(.constructor-quick-swatch){flex-direction:column;gap:2px;padding:.25rem}.constructor-quick-options[data-columns="3"] .constructor-quick-option:has(.constructor-quick-swatch){flex-direction:column;gap:2px;padding:.25rem}.constructor-view-grid .constructor-quick-swatch,.constructor-quick-options[data-columns="3"] .constructor-quick-swatch{flex-basis:14px;width:14px;height:14px}}.constructor-view-toggles{grid-template-columns:minmax(0,1fr);gap:6px;margin-top:.375rem;display:grid}.constructor-view-toggles .constructor-quick-option{justify-content:flex-start;padding-inline:.875rem}.constructor-shelf{z-index:3;min-width:0;position:relative}.constructor-shelf-track{gap:var(--ctor-gap);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--ctor-edge);scrollbar-width:none;padding:var(--ctor-edge);display:flex;overflow-x:auto}.constructor-shelf-track::-webkit-scrollbar{display:none}.constructor-shelf-chip{min-height:var(--control-h-lg);border-radius:var(--control-radius);background:var(--control-fill);max-width:15rem;color:var(--foreground);text-align:left;scroll-snap-align:start;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);border:0;flex:none;align-items:center;gap:10px;padding:.375rem 1.125rem .375rem .875rem;display:inline-flex}.constructor-shelf-chip>svg{flex-shrink:0}.constructor-shelf-chip[aria-pressed=true]{background:var(--selected-fill);box-shadow:var(--selected-shadow);color:var(--selected-ink)}.constructor-shelf-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.constructor-shelf-name{color:var(--muted-foreground);font-size:12px;font-weight:500}.constructor-shelf-value{font-size:var(--control-fs-sm);font-weight:var(--control-fw);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.constructor-dimension-label{border-radius:var(--control-radius);background:var(--ctor-float);box-shadow:var(--ctor-float-shadow);color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap;animation:ctor-fade-in var(--ctor-enter) both;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.4;display:inline-block}.constructor-stage-expanded{width:100%;height:100dvh;z-index:var(--constructor-overlay);background:var(--background);overscroll-behavior:contain;--ctor-safe-top:max(var(--ctor-edge), env(safe-area-inset-top));--ctor-safe-right:max(var(--ctor-edge), env(safe-area-inset-right));--ctor-safe-left:max(var(--ctor-edge), env(safe-area-inset-left));--ctor-safe-bottom:env(safe-area-inset-bottom);border-radius:0;flex-direction:column;align-self:stretch;padding:0;display:flex;position:fixed!important;inset:0!important}.constructor-stage-expanded .constructor-canvas{border-radius:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}.constructor-stage-expanded .constructor-canvas canvas{touch-action:none!important;width:100%!important;height:100%!important}.constructor-stage-expanded .constructor-stage-top{top:var(--ctor-safe-top);inset-inline:var(--ctor-safe-left) var(--ctor-safe-right)}.constructor-stage-expanded .constructor-focus-exit{top:calc(var(--ctor-safe-top) + var(--control-h-md) + var(--ctor-gap));inset-inline-start:var(--ctor-safe-left)}.constructor-stage-expanded .constructor-rail{top:calc(var(--ctor-safe-top) + var(--control-h-md) + var(--ctor-gap));bottom:calc(var(--ctor-shelf-h) + var(--ctor-safe-bottom));inset-inline-end:var(--ctor-safe-right)}.constructor-stage-expanded :is(.constructor-stage-hint,.constructor-part-feedback){bottom:calc(var(--ctor-shelf-h) + var(--ctor-safe-bottom));inset-inline-start:var(--ctor-safe-left)}.constructor-stage-expanded :is(.constructor-quick-editor,.constructor-view-menu){bottom:calc(var(--ctor-shelf-h) + var(--ctor-safe-bottom));inset-inline:var(--ctor-safe-left) calc(var(--ctor-rail) - var(--ctor-edge) + var(--ctor-safe-right));max-height:min(48dvh,calc(100% - var(--ctor-shelf-h) - var(--ctor-safe-bottom) - var(--ctor-safe-top) - var(--ctor-top)));margin:0;position:absolute}.constructor-stage-expanded .constructor-shelf{bottom:0;padding-bottom:var(--ctor-safe-bottom);padding-inline:calc(var(--ctor-safe-left) - var(--ctor-edge)) calc(var(--ctor-safe-right) - var(--ctor-edge));pointer-events:none;position:absolute;inset-inline:0}.constructor-stage-expanded .constructor-shelf-track{pointer-events:auto}.constructor-stage-expanded .constructor-shelf-chip:not([aria-pressed=true]){background:var(--ctor-float);box-shadow:var(--ctor-float-shadow)}@media(min-width:1024px){.constructor-stage-expanded :is(.constructor-quick-editor,.constructor-view-menu){top:calc(var(--ctor-safe-top) + var(--control-h-md) + var(--ctor-gap));bottom:auto;inset-inline:auto calc(var(--ctor-rail) - var(--ctor-edge) + var(--ctor-safe-right));max-height:calc(100% - var(--ctor-safe-top) - var(--ctor-top) - var(--ctor-shelf-h) - var(--ctor-safe-bottom))}}@media(max-height:560px)and (min-width:560px){.constructor-stage-expanded :is(.constructor-quick-editor,.constructor-view-menu){top:calc(var(--ctor-safe-top) + var(--control-h-md) + var(--ctor-gap));bottom:calc(var(--ctor-shelf-h) + var(--ctor-safe-bottom));width:min(340px,48%);max-height:none;inset-inline-start:auto}.constructor-stage-expanded .constructor-height-rail{border-radius:24px;grid-template-rows:auto minmax(64px,1fr) 44px;grid-template-columns:44px 44px;justify-content:center;width:104px;display:grid}.constructor-stage-expanded .constructor-height-output{grid-area:1/2}.constructor-stage-expanded .constructor-height-range{grid-area:2/1/auto/-1;justify-self:center;height:100%}}.constructor-page:has(.constructor-stage-expanded)~*{pointer-events:none}body:has(.constructor-page) .floating-widget{display:none}@media(max-width:1023px){.constructor-stage-outside{visibility:hidden}}.constructor-below{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media(min-width:1024px){.constructor-layout{padding-inline:2rem}.constructor-below{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.5rem}}.constructor-presets,.constructor-summary{border-radius:var(--ctor-stage-radius);background:var(--surface-block);min-width:0;color:var(--foreground);scroll-margin-top:calc(var(--header-h,108px) + 1rem);padding:1.25rem}.constructor-section-head,.constructor-summary-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .75rem;margin-bottom:.875rem;display:flex}.constructor-section-title{letter-spacing:-.01em;font-size:1.125rem;font-weight:650;line-height:1.25}.constructor-section-note,.constructor-save-mark{color:var(--muted-foreground);font-size:12px;line-height:1.35}.constructor-save-mark{align-items:center;gap:4px;display:inline-flex}.constructor-preset-row{gap:var(--ctor-gap);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(9.5rem,1fr);grid-auto-flow:column;margin-inline:-.25rem;padding:.25rem;display:grid;overflow-x:auto}.constructor-preset-row::-webkit-scrollbar{display:none}@media(min-width:640px){.constructor-preset-row{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));grid-auto-flow:row;overflow:visible}}.constructor-preset-card{text-align:left;scroll-snap-align:start;border-radius:20px;flex-direction:column;gap:.625rem;min-height:8.5rem;padding:.875rem;display:flex;position:relative}.constructor-preset-swatches{display:flex}.constructor-preset-swatches>span{border:2px solid var(--ctor-panel);border-radius:50%;width:20px;height:20px}.constructor-preset-swatches>span+span{margin-inline-start:-6px}.constructor-preset-name{font-size:var(--control-fs-md);font-weight:600;line-height:1.25;display:block}.constructor-preset-vibe{color:var(--muted-foreground);margin-top:2px;font-size:12px;line-height:1.35;display:block}.constructor-preset-price{font-variant-numeric:tabular-nums;margin-top:auto;font-size:12px;font-weight:600}.constructor-preset-check{top:.625rem;background:var(--selected-ink);width:20px;height:20px;color:var(--selected-fill);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:.625rem}.constructor-summary{flex-direction:column;gap:.875rem;display:flex}.constructor-summary-head{margin-bottom:0}.constructor-summary-list{gap:.625rem;display:grid}.constructor-summary-list li{align-items:center;gap:.75rem;min-width:0;display:flex}.constructor-summary-empty,.constructor-summary-tryon{color:var(--muted-foreground);font-size:var(--control-fs-sm);line-height:1.45}.constructor-summary-tryon>span{color:var(--foreground);font-weight:600}.constructor-summary-total{border-top:1px solid var(--ctor-panel-edge);font-size:var(--control-fs-md);justify-content:space-between;align-items:baseline;gap:.75rem;padding-top:.75rem;display:flex}.constructor-summary-total strong{font-size:1.125rem;font-weight:650}.constructor-summary-actions{gap:var(--ctor-gap);flex-wrap:wrap;display:flex}.constructor-product-picker{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:.5rem;padding:.125rem .125rem .25rem;display:flex;position:relative;overflow-x:auto}.constructor-product-picker::-webkit-scrollbar{display:none}.constructor-product-card{text-align:left;scroll-snap-align:start;border-radius:1rem;flex-direction:column;flex:0 0 7.5rem;align-items:stretch;padding:.5rem .625rem .625rem;display:flex;position:relative}.constructor-product-card.is-plain{flex-basis:6rem}.constructor-product-thumb{background:#f4f4f6;border-radius:.625rem;place-items:center;height:4.25rem;display:grid;overflow:hidden}.constructor-product-thumb img,.constructor-purchase-thumb img{object-fit:contain;width:100%;height:100%}.constructor-product-plain{flex-direction:column;flex:1;justify-content:center;display:flex}.constructor-purchase-thumb{background:#f4f4f6;border-radius:.625rem;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid;overflow:hidden}.constructor-quick-products+.constructor-quick-products,.constructor-quick-products+.constructor-quick-note{margin-top:.75rem}@media(prefers-reduced-motion:reduce){.constructor-page *,.constructor-page :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.constructor-riser-finishes .constructor-quick-option>span:last-child{word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.gift-builder-shell{overflow:visible}.gift-certificate-preview{container-type:inline-size}.gift-builder-preview{min-width:0;overflow:visible}.gift-card-face{border-radius:3cqw}.gift-certificate-preview [data-face=amount],.gift-certificate-preview [data-face=name]{animation:.35s cubic-bezier(.22,1,.36,1) both gift-face-in}@keyframes gift-face-in{0%{opacity:0;filter:blur(4px);transform:translateY(1cqw)}}.gift-zoom{z-index:200;inset:calc(-1 * var(--top-bleed)) 0 calc(-1 * var(--bottom-bleed));background:color-mix(in srgb,var(--surface-page) 94%,transparent);-webkit-backdrop-filter:blur(28px)saturate(1.15);backdrop-filter:blur(28px)saturate(1.15);overscroll-behavior:contain;cursor:zoom-out;animation:wallpaper-lightbox-in .22s var(--ease-standard) both;position:fixed;overflow:hidden}.gift-zoom-stage{border-radius:3cqw;width:min(94vw,1200px,160svh - 11.2rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 80px -30px #00000073}@media(orientation:portrait)and (max-width:767px){.gift-zoom-stage{width:min(100svh - 8rem,160vw - 3.2rem);transform:translate(-50%,-50%)rotate(90deg)}}.gift-zoom-close{top:calc(var(--top-bleed) + max(.75rem,env(safe-area-inset-top)));right:max(.75rem,env(safe-area-inset-right));position:absolute}.gift-zoom-open{cursor:zoom-in}body:has(.gift-page) .floating-widget{display:none}.gift-page input,.gift-page textarea{min-height:3rem}html[data-focus-mode=keyboard] .gift-page :is(button,input,textarea,summary):focus-visible:not(#site-header *){outline:2px solid var(--ring);outline-offset:3px}.gift-optional summary{cursor:pointer;min-height:44px;padding-block:12px;font-size:14px;font-weight:500}.gift-optional{border-top:1px solid var(--border)}.gift-page .gift-design-swatch{aspect-ratio:1.6}@media(max-width:639px){.gift-builder-preview{padding-bottom:1rem}}@media(min-width:1024px){.gift-page .gift-builder-preview{top:calc(var(--header-h,108px) + 16px)}}@media(prefers-reduced-motion:reduce){.gift-page *,.gift-page :before{transition:none!important;animation:none!important}}body:has(.wallpaper-page) .floating-widget{display:none}html[data-focus-mode=keyboard] .wallpaper-page :is(button,a):focus-visible:not(#site-header *){outline:2px solid var(--ring);outline-offset:3px}.wallpaper-page #wallpaper-packs{scroll-margin-top:calc(var(--header-h,108px) + 20px)}.wallpaper-page .wallpaper-hero-shell{min-height:0}.wallpaper-page .wallpaper-hero-shell>div:last-child{min-height:0;padding-bottom:32px}.wallpaper-page .wallpaper-hero-benefits{border-radius:20px;padding:16px 20px}.wallpaper-page .wallpaper-hero-benefits article{align-items:center;gap:10px;display:flex}.wallpaper-page .wallpaper-hero-benefits svg{flex-shrink:0;width:22px;height:22px}.wallpaper-page .wallpaper-hero-benefits h2{margin:0;font-size:14px}.wallpaper-page .wallpaper-hero-benefits p{display:none}.wallpaper-page .wallpaper-bundle-soft{border-radius:24px;padding:24px}.wallpaper-page .wallpaper-bundle-band{min-height:0;max-height:170px}@media(max-width:767px){.wallpaper-page .wallpaper-bundle-band{display:none}}.wallpaper-pack-layout{grid-template-areas:"title""preview""options";gap:1.25rem;display:grid}.wallpaper-pack-title{grid-area:title}.wallpaper-pack-preview{grid-area:preview;min-width:0}.wallpaper-pack-options{grid-area:options;min-width:0}@media(min-width:1024px){.wallpaper-pack-layout{grid-template:"preview title""preview options"1fr/minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:1.75rem clamp(2rem,4vw,4.5rem)}.wallpaper-pack-preview{top:calc(var(--header-h,108px) + 1.5rem);position:sticky}}.wallpaper-pack-card-shade{background:linear-gradient(to top,color-mix(in srgb,var(--palette-ink) 34%,transparent) 0%,transparent 42%,transparent 64%,color-mix(in srgb,var(--palette-ink) 22%,transparent) 100%)}.wallpaper-card-dot-button{border-radius:999px;justify-content:center;align-items:center;width:24px;min-width:0;height:24px;min-height:0;display:inline-flex}.wallpaper-card-dot-button:focus-visible{outline:2px solid var(--ring);outline-offset:0}.wallpaper-card-dot{background:var(--dot);width:16px;height:16px;box-shadow:0 0 0 1px color-mix(in srgb,var(--foreground) 14%,transparent);transition:box-shadow var(--duration-fast) var(--ease-standard);border-radius:999px;display:block}.wallpaper-card-dot-button[aria-checked=true] .wallpaper-card-dot{box-shadow:0 0 0 2px var(--background),0 0 0 3.5px var(--foreground)}.wallpaper-hero-copy :is(h1,p){text-shadow:0 1px 14px color-mix(in srgb,var(--palette-ink) 45%,transparent)}.wallpaper-hero-cta{background:var(--palette-paper);color:var(--palette-ink);transition:background-color var(--duration-base) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.wallpaper-hero-cta:active{transform:scale(.98)}.wallpaper-install-step{background:var(--surface-subtle)}.wallpaper-install-number{background:var(--foreground);color:var(--background)}.wallpaper-rail{scrollbar-width:none;scroll-padding-inline:20px}.wallpaper-rail::-webkit-scrollbar{display:none}.wallpaper-rail-item{width:min(72%,18rem)}@media(min-width:640px){.wallpaper-rail{scroll-padding-inline:24px}.wallpaper-rail-item{width:20rem}}@media(min-width:1024px){.wallpaper-rail{scroll-padding-inline:40px}}.wallpaper-sticky-thumbnail img{object-fit:cover;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.wallpaper-page *,.wallpaper-page :before{transition:none!important;animation:none!important}}