.shared-shop-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:58px 34px 34px;border:0;border-left:1px solid #dedbd3;background:#f9f8f5;color:#262622;font-family:Afacad,Arial,sans-serif;overflow:auto;box-sizing:border-box}.shared-shop-menu::backdrop{background:#0007}.shared-shop-menu .shared-menu-close{position:absolute;right:22px;top:15px;font-size:28px;background:none;border:0;padding:8px;color:inherit}.shared-shop-menu .eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 12px}.shared-shop-menu h2{font-size:36px;font-weight:400;margin:0 0 24px}.shared-shop-menu a{color:inherit;text-decoration:none}.shared-shop-menu .shared-partner{padding:20px;border:1px solid #d7d2c7;border-radius:8px;display:flex;flex-direction:column;gap:8px;background:#efede7;margin-bottom:18px}.shared-partner strong{font-size:24px;font-weight:500}.shared-partner small{font-size:9px;letter-spacing:1.5px}.shared-partner span{font-size:14px;line-height:1.4}.shared-partner b{font-size:14px;font-weight:500;margin-top:6px}.shared-shop-menu .shared-guide{display:block;padding:15px 0;border-bottom:1px solid #dedbd2;font-size:18px}.shared-guide small,.shared-appearance small{display:block;font-size:12px;color:#7b776e;margin-top:5px}.shared-shop-menu .shared-label{margin:26px 0 10px}.shared-shop-menu nav{display:flex;flex-direction:column}.shared-shop-menu nav a{padding:10px 0;font-size:20px}.shared-shop-menu a:hover{text-decoration:underline;text-underline-offset:4px}.shared-appearance{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dedbd2;margin-top:22px;padding-top:20px}.shared-appearance button{width:42px;height:24px;border:0;border-radius:20px;background:#d9d6ce;padding:3px}.shared-appearance i{display:block;width:18px;height:18px;border-radius:50%;background:white;transition:transform .2s}.shared-appearance [aria-checked=true]{background:#292d2a}.shared-appearance [aria-checked=true] i{transform:translateX(18px)}[data-theme=dark] .shared-shop-menu{background:#202321;color:#eeeee8}[data-theme=dark] .shared-partner{background:#30342f}.shared-shop-menu :focus-visible{outline:2px solid #777b6d;outline-offset:4px}@media(max-width:600px){.shared-shop-menu{padding:56px 24px 28px}}
/* Match the current production Collection drawer's typography and spacing. */
.shared-shop-menu{width:min(480px,100vw);padding:48px;background:#fff;line-height:1.45}.shared-shop-menu .shared-partner{background:transparent;padding:30px;gap:14px;margin:28px 0 32px;border:1px solid #dedbd5;border-radius:14px}.shared-partner strong{font-size:28px;line-height:1.15;letter-spacing:-.4px}.shared-partner span{font-size:15px;line-height:1.55;max-width:29ch}.shared-partner b{align-self:flex-start;padding:12px 24px;min-height:44px;box-sizing:border-box;background:#f4f2ed;border-radius:5px;margin-top:8px}.shared-shop-menu .shared-guide{font-size:19px;line-height:1.4;padding:0 0 24px;margin-bottom:30px}.shared-shop-menu .shared-guide:nth-of-type(3){padding:18px 0;margin-bottom:0;font-size:17px}.shared-shop-menu nav a{padding:16px 0;font-size:15px;line-height:1.3;border-bottom:1px solid #e6e3df}.shared-guide svg{width:24px;height:24px;float:left;margin:2px 14px 18px 0;fill:none;stroke:currentColor;stroke-width:1.5}.shared-menu-close{min-width:44px;min-height:44px}.shared-shop-menu .shared-label{font-size:10px;font-weight:500;letter-spacing:1.7px}.shared-appearance button{width:52px;height:32px;padding:6px}.shared-appearance i{width:20px;height:20px}.shared-appearance [aria-checked=true] i{transform:translateX(20px)}@media(max-width:700px){.shared-shop-menu{padding:48px 22px 28px}.shared-shop-menu .shared-partner{padding:24px;gap:12px;margin:24px 0 28px}.shared-partner strong{font-size:26px}.shared-partner b{width:100%;text-align:center}}

.shared-shop-menu a,.shared-shop-menu a:hover{text-decoration:none!important}.shared-shop-menu nav a,.shared-shop-menu .shared-guide,.shared-appearance{border-top:0!important;border-bottom:0!important}.shared-shop-menu a:hover{opacity:.7}
:root[data-theme=dark] .shared-shop-menu .shared-partner{background:#292e27!important;border-color:#52594c!important}:root[data-theme=dark] .shared-partner b{background:#3a4036!important;color:#eeeee8!important}:root[data-theme=dark] .shared-shop-menu .shared-guide small,:root[data-theme=dark] .shared-appearance small{color:#bac3b3!important}

/* Keep the wordmark at the page midpoint regardless of utility widths. */
.store-header,.brand-top{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important}
.store-header>.wordmark,.brand-top>.wordmark{grid-column:2!important;grid-row:1!important;justify-self:center!important;margin:0!important;transform:none!important;position:static!important}
.store-header>.header-side:first-child,.brand-top>.experience-badge{grid-column:1!important;grid-row:1!important;justify-self:start!important}
.store-header>.header-side.right,.brand-top>.brand-tools{grid-column:3!important;grid-row:1!important;justify-self:end!important}
@media(max-width:650px){.store-header,.brand-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;row-gap:12px!important}.store-header>.wordmark,.brand-top>.wordmark{grid-column:1 / -1!important;grid-row:1!important}.store-header>.header-side:first-child,.brand-top>.experience-badge{grid-column:1!important;grid-row:2!important}.store-header>.header-side.right,.brand-top>.brand-tools{grid-column:2!important;grid-row:2!important}}

.always-on-welcome>img{display:block!important;margin:12px auto 24px!important;max-width:min(240px,80%)!important;height:auto!important}

.shared-shop-navigation{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 4.5%;background:var(--tone-paper,#fff);color:inherit}.shared-shop-navigation nav{display:flex;gap:24px;overflow:auto;white-space:nowrap}.shared-shop-navigation a{font-size:17px;font-weight:400;text-decoration:none!important;flex:none}.shared-shop-navigation form{flex:0 1 290px;min-width:180px}.shared-shop-navigation input[type=search]{width:100%;min-height:44px;border:0;border-radius:6px;background:var(--tone-surface,#f6f5f2);color:inherit;padding:12px 16px}:root[data-theme=dark] .shared-shop-navigation{background:#20231f;color:#eeeee8}:root[data-theme=dark] .shared-shop-navigation input{background:#30352d}@media(max-width:850px){.shared-shop-navigation{flex-wrap:wrap;gap:12px;padding:14px 5%}.shared-shop-navigation nav{width:100%;gap:20px}.shared-shop-navigation form{flex:1 1 100%}.shared-shop-navigation a{font-size:15px}}

/* One consistent sticky shopping header and navigation surface. */
.store-header,body>header:has(.brand-top){position:sticky!important;top:0!important;z-index:20!important;background:#fff!important;color:#242522!important}
.shared-shop-navigation{position:sticky;top:var(--shop-header-height,108px);z-index:19;background:#fff!important;color:#242522!important;border-bottom:1px solid #ecece8;font-family:Afacad,Arial,sans-serif}
.shared-shop-navigation input[type=search]{background:#f7f6f3!important;color:#242522!important;font-size:17px!important}
.shared-shop-navigation input::placeholder{color:#76766f;opacity:1}
.breadcrumb{display:none!important}
:root[data-theme=dark] .store-header,:root[data-theme=dark] body>header:has(.brand-top),:root[data-theme=dark] .shared-shop-navigation{background:#20231f!important;color:#eeeee8!important;border-color:#444a3e}
:root[data-theme=dark] .shared-shop-navigation input[type=search]{background:#292c28!important;color:#eeeee8!important}
:root[data-theme=dark] .shared-shop-navigation input::placeholder{color:#bcc4b4}
.pdp>.native-gallery{top:calc(var(--shop-header-height,108px) + var(--shop-nav-height,84px) + 12px)!important}
#collection{scroll-margin-top:calc(var(--shop-header-height,108px) + var(--shop-nav-height,84px) + 12px)}
@media(max-width:850px){.shared-shop-navigation input[type=search]{font-size:15px!important}}

/* Product and profile screens need uninterrupted feature space. */
body:has(.store-header) .store-header,body:has(.store-header) .shared-shop-navigation{position:relative!important;top:auto!important}
.pdp>.native-gallery{top:12px!important}
@media(max-width:650px){
 .store-header,body>header:has(.brand-top) .brand-top{height:auto!important;min-height:112px!important;grid-template-rows:48px 44px!important;padding:10px 16px!important;row-gap:0!important}
 .store-header>.header-side:first-child{width:auto!important;height:auto!important;min-height:0!important;border:0!important;padding:0!important}
 .store-header>.header-side.right{width:auto!important;gap:6px!important}
}

/* Keep compare prices close to their descriptions and aligned. */
.compare-look h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em!important;line-height:1.45!important;margin:10px 0 4px!important}
.compare-look>p{text-align:left!important}

#compare-clear{background:transparent!important;color:inherit!important;border:0;padding:8px 10px;min-height:44px}
:root[data-theme=dark] .outfit-heart-button[aria-pressed=true]{color:#ff8a91!important;opacity:1!important}
/* Keep product action hit areas stationary when crossing between rows. */
body .pdp .product-purchase>.primary,
body .pdp .product-purchase>.primary:hover,
body .pdp .native-services>button,
body .pdp .native-services>button:hover{
 transform:none!important;animation:none!important;opacity:1!important;
 transition:color 160ms ease,background-color 160ms ease!important;
}
body .pdp .native-services>button,
body .pdp .native-services>button:hover{width:100%!important;box-sizing:border-box!important;}
@media(hover:hover){body .pdp .native-services>button:hover{color:var(--tone-muted,#69655e)!important;}}
/* Outfit actions retain Save look; retailer links belong to the product purchase area. */
body .complete-actions>.outfit-retailer-links{display:none!important;}

/* Shared release refinements: balanced mobile shell and centered animation. */
@media(max-width:720px){body .store-header{grid-template-columns:1fr 1fr!important;grid-template-rows:48px 44px!important;min-height:112px!important;padding:10px 16px!important;gap:0!important}.store-header>.wordmark{grid-column:1 / -1!important;grid-row:1!important}.store-header>.header-side:first-child{grid-column:1!important;grid-row:2!important;justify-self:start!important}.store-header>.header-side.right{grid-column:2!important;grid-row:2!important;justify-self:end!important}}
body .golden-loading{position:relative!important;inset:auto!important;transform:none!important;align-self:center!important;width:min(300px,90%)!important;margin:auto!important}body .golden-loading-art{height:120px!important}body .golden-loading-art canvas{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important}body .golden-loading-caption{margin:0!important}body .preview-person-chip{display:none!important}
@media(max-width:720px){body .compare-look-photo .golden-loading-art{height:85px!important}body .compare-look-photo .golden-loading{padding:10px!important}}
@media(max-width:720px){body .store-header>.wordmark{grid-column:1 / -1!important;grid-row:1!important;justify-self:center!important}body .store-header>.header-side.header-signup{grid-column:1!important;grid-row:2!important;justify-self:start!important}body .store-header>.header-side.right{grid-column:2!important;grid-row:2!important;justify-self:end!important}}
@media(max-width:720px){body .compare-look-photo .automatic-status:has(.golden-loading){position:absolute!important;inset:0!important;min-height:0!important;height:100%!important;width:100%!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important}body .compare-look-photo .golden-loading{width:94%!important;padding:6px!important;gap:6px!important}body .compare-look-photo .golden-loading-art{height:54px!important}body .compare-look-photo .golden-loading-caption{font-size:12px!important;line-height:1.25!important;min-height:30px!important;display:grid;place-items:center}body .compare-look-photo .loading-preview-guidance{font-size:9px!important;line-height:1.35!important}}

/* The centered SPREEAI wordmark replaces the former Always On header badge. */
body :is(.experience-header-label,.experience-badge){display:none!important}
@media(max-width:720px){body .store-header>.header-side.header-signup{display:none!important}body .store-header>.header-side.right,body .brand-top>.brand-tools{grid-column:1 / -1!important;grid-row:2!important;justify-self:center!important;justify-content:center!important}body .brand-top>.wordmark{grid-column:1 / -1!important;grid-row:1!important;justify-self:center!important}body .brand-top>.experience-badge{display:none!important}}

/* The SPREEAI wordmark occupies the former Always On badge position. */
body .store-header>.wordmark,body .brand-top>.wordmark{grid-column:1!important;grid-row:1!important;justify-self:start!important;margin:0!important;position:static!important;transform:none!important}
body .store-header>.header-side.header-signup{display:none!important}
body .store-header>.header-side.right,body .brand-top>.brand-tools{grid-column:3!important;grid-row:1!important;justify-self:end!important;justify-content:flex-end!important}
@media(max-width:720px){
 body .store-header,body>header:has(.brand-top) .brand-top{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:72px!important;height:72px!important;min-height:72px!important;padding:0 12px!important;gap:0 8px!important}
 body .store-header>.wordmark,body .brand-top>.wordmark{grid-column:1!important;grid-row:1!important;justify-self:start!important}
 body .store-header>.wordmark img,body .brand-top>.wordmark img{width:110px!important;max-width:100%!important}
 body .store-header>.header-side.right,body .brand-top>.brand-tools{grid-column:2!important;grid-row:1!important;justify-self:end!important;justify-content:flex-end!important;gap:4px!important;width:auto!important}
 body .store-header>.header-side.right>button,body .brand-top>.brand-tools>button{width:36px!important;min-width:36px!important;min-height:44px!important;padding:4px!important}
 body .brand-top>.brand-tools #menu span{display:none!important}
}

:root[data-theme=dark] body :is(.store-header,.brand-top)>.wordmark img{filter:invert(1)!important}

/* Shared control geometry across collection, product, account and associate views. */
:root{--shop-control-radius:8px;--shop-control-height:44px;--shop-control-space:12px}
body :is(.primary,.secondary,.as-primary,.as-secondary,.outfit-heart-button,.look-download-actions>button,.campaign-actions>button:first-child){border-radius:var(--shop-control-radius)!important;min-height:var(--shop-control-height)!important;font-family:inherit!important;font-weight:500!important;line-height:1.25!important;box-sizing:border-box;transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,opacity 180ms ease}
body :is(.primary,.secondary,.as-primary,.as-secondary,.look-download-actions>button){padding:12px 20px!important}
body :is(.secondary,.as-secondary){border-width:1px!important;border-color:var(--tone-line,#dcd8d1)!important}
body :is(.primary,.secondary,.as-primary,.as-secondary,.outfit-heart-button):focus-visible{outline:2px solid var(--tone-ink,currentColor)!important;outline-offset:3px!important}
body :is(.primary,.secondary,.as-primary,.as-secondary,.outfit-heart-button):disabled{opacity:.5;cursor:not-allowed}
body :is(.catalog-layout,.toolbar,.product-purchase,.outfit-picker,.complete-pieces,.as-dialog) select{border-radius:var(--shop-control-radius)!important;min-height:var(--shop-control-height)!important;font-family:inherit;line-height:1.25;box-sizing:border-box}
body :is(.modal>.close,.look-close,.shared-menu-close,.as-close){border-radius:50%!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:grid;place-items:center}
body :is(.look-download-actions,.upload-preview-actions,.as-photo-actions){gap:var(--shop-control-space)!important}
@media(prefers-reduced-motion:reduce){body :is(.primary,.secondary,.as-primary,.as-secondary,.outfit-heart-button){transition:none}}

/* Fill the introduction film panel without letterboxing or stretching. */
body .quick-start-art{position:relative!important;overflow:hidden!important;padding:0!important}
body .quick-start-art video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center 30%!important;display:block!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}

/* Three generous preview cards, with the remaining views in the scroll rail. */
body .restored-media-gallery .personal-thumbnails{display:flex!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x proximity;scroll-padding-inline:0}
body .restored-media-gallery .personal-thumbnails button{flex:0 0 calc((100% - 20px)/3)!important;width:calc((100% - 20px)/3)!important;min-width:0!important;min-height:200px!important;flex-direction:column!important;gap:10px!important;padding:12px!important;scroll-snap-align:start;border-radius:8px!important}
body .restored-media-gallery .personal-thumbnails :is(img,.profile-view-thumbnail,.media-icon-thumbnail){display:block!important;width:100%!important;height:150px!important;min-height:150px!important;max-width:100%!important;object-fit:contain!important;flex:none!important}
body .restored-media-gallery .personal-thumbnails small{font-size:16px!important;line-height:1.25!important;text-align:center!important;white-space:normal!important}
body .restored-media-gallery .personal-thumbnails .media-icon-thumbnail{display:grid!important;place-items:center}
@media(max-width:720px){body .restored-media-gallery .personal-thumbnails button{min-height:150px!important;padding:8px!important;gap:8px!important}body .restored-media-gallery .personal-thumbnails :is(img,.profile-view-thumbnail,.media-icon-thumbnail){height:106px!important;min-height:106px!important}body .restored-media-gallery .personal-thumbnails small{font-size:13px!important}}

:root[data-theme=dark] body .quick-start-copy>button.text-link{background:transparent!important;color:inherit!important;border:0!important;padding:10px 0!important;min-height:44px!important}

/* Share the same left edge for the wordmark, Discover and search/navigation row. */
:root{--shop-shell-gutter:4.5vw}
body .store-header,body>header:has(.brand-top) .brand-top,body .navrow,body .shared-shop-navigation{padding-left:var(--shop-shell-gutter)!important;padding-right:var(--shop-shell-gutter)!important}
@media(max-width:720px){:root{--shop-shell-gutter:16px}}

/* A retail header: wordmark, generous search field, then utility controls. */
body .store-header,body>header:has(.brand-top) .brand-top{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:92px!important;min-height:92px!important;height:92px!important;column-gap:32px!important}
body .header-search{grid-column:2!important;grid-row:1!important;justify-self:stretch!important;display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;gap:12px!important;height:48px!important;margin:0!important;background:#f5f5f2!important;color:#242522!important;border-radius:8px!important;padding:0 16px!important;box-sizing:border-box}
body .header-search input[type=search]{display:block!important;flex:1;min-width:0!important;width:100%!important;min-height:46px!important;height:46px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:inherit!important;padding:10px 0!important;font:17px/1.3 Afacad,Arial,sans-serif!important;box-sizing:border-box}
body .header-search input::placeholder{color:#76766f!important;opacity:1}
body .header-search svg{width:21px;height:21px;flex:none}
body .brand-tools #search-toggle,body .store-header .header-side.right>button[aria-label="Search collection"]{display:none!important}
body .shared-shop-navigation nav,body .navrow nav{width:100%;min-width:0}
:root[data-theme=dark] body .header-search{background:#292c28!important;color:#eeeee8!important}
:root[data-theme=dark] body .header-search input::placeholder{color:#bcc4b4!important}
@media(max-width:720px){
 body .store-header,body>header:has(.brand-top) .brand-top{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:72px 56px!important;min-height:128px!important;height:128px!important;column-gap:8px!important}
 body .header-search{grid-column:1 / -1!important;grid-row:2!important;align-self:start!important;height:44px!important;padding-inline:12px!important}
 body .header-search input[type=search]{min-height:42px!important;height:42px!important;font-size:15px!important}
 body .store-header>.header-side.right,body .brand-top>.brand-tools{grid-column:2!important;grid-row:1!important}
}

/* Match the homepage comparison action in the piece picker. */
body .compare-picker .compare-picker-piece small{justify-content:space-between!important;align-self:end!important;min-height:44px!important;padding:6px 0!important;border:0!important;border-radius:0!important;background:transparent!important;text-decoration:none!important;font-size:14px!important;font-weight:400!important;gap:12px!important}
body .compare-picker .compare-picker-piece small span{font-size:21px!important;line-height:1!important}
body .compare-picker .compare-picker-piece>button:hover small{background:transparent!important;border:0!important}

/* Keep photography at its original brightness during pointer hover. */
body :is(a,button,article,.product-image,.product-card,.card,.piece):hover:has(img){opacity:1!important;filter:none!important}
body :is(a,button,article,.product-image,.product-card,.card,.piece):hover img{filter:none!important}
body .product-image:hover>img:first-child{opacity:1!important}
body .product-image:hover>.hover-model{opacity:0!important}
:root[data-theme=dark] body .compare-picker .compare-picker-piece>button small{background:transparent!important;border:0!important}

/* A quiet lift on completed generated looks; photography stays unchanged. */
@media(hover:hover) and (pointer:fine){
body :is(.generated-look-hover,.image-zoom-tryon){transition:translate 260ms cubic-bezier(.2,.7,.2,1),box-shadow 260ms ease!important;translate:0 0;cursor:zoom-in}
body :is(.generated-look-hover,.image-zoom-tryon):hover{translate:0 0;box-shadow:0 6px 18px rgb(0 0 0 / .09);opacity:1!important;filter:none!important}
}
@media(prefers-reduced-motion:reduce){body :is(.generated-look-hover,.image-zoom-tryon){transition:none!important;translate:none!important}}
body dialog.store-arrival-intro{position:fixed;inset:0;display:grid;grid-template-columns:46% 54%;width:min(1200px,94vw);max-width:none;height:min(760px,92dvh);max-height:92dvh;padding:0;border:0;border-radius:26px;overflow:auto;background:var(--tone-paper,#fff);color:var(--tone-ink,#24221f)}
body dialog.store-arrival-intro::backdrop{background:rgb(0 0 0 / .4);backdrop-filter:blur(5px)}
body .arrival-film{position:relative;min-height:100%;overflow:hidden}body .arrival-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
body .arrival-copy{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:50px 40px;font-size:20px;line-height:1.4}body .arrival-copy h2{font-size:42px;line-height:1.1;margin:0}body .arrival-copy p{margin:0}body .arrival-copy .eyebrow{font-size:13px;letter-spacing:2px}body .arrival-copy small{font-size:14px;color:var(--tone-muted,#777)}
body .arrival-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}body .arrival-options button{display:flex;flex-direction:column;gap:10px;text-align:left;padding:20px;border:1px solid var(--tone-line,#dedbd6);border-radius:8px;background:var(--tone-surface,#f7f5f2);color:inherit;font:inherit}body .arrival-options strong{font-size:22px}body .arrival-explore{align-self:start;border:0;background:none;color:inherit;font:inherit;padding:10px 0}body .arrival-close{position:absolute;z-index:2;right:18px;top:18px;width:44px;height:44px;border:0;border-radius:50%;background:var(--tone-surface,#eee);color:inherit;font-size:30px}
@media(max-width:720px){body dialog.store-arrival-intro{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;grid-template-columns:1fr;grid-template-rows:42dvh auto}body .arrival-copy{padding:24px 20px;gap:18px;font-size:17px}body .arrival-copy h2{font-size:32px}body .arrival-options strong{font-size:19px}}

/* Align visible wordmark lettering and keep desktop search restrained. */
body :is(.store-header,.brand-top)>.wordmark img{object-position:left center!important;translate:-6px 0}
@media(min-width:721px){body .header-search{max-width:620px!important;justify-self:start!important;height:44px!important}body .header-search input[type=search]{height:42px!important;min-height:42px!important;font-size:16px!important}}
@media(max-width:720px){body :is(.store-header,.brand-top)>.wordmark img{translate:-4px 0}}

body .always-on-welcome{overflow:hidden!important;position:fixed}
body .welcome-confetti{position:fixed;inset:0;z-index:9998;pointer-events:none;overflow:hidden;border-radius:0}
body .welcome-confetti i{position:absolute;top:-16px;width:7px;height:11px;border-radius:2px;opacity:0;animation:welcome-confetti-fall 3400ms cubic-bezier(.15,.5,.3,1) both}
@keyframes welcome-confetti-fall{0%{opacity:0;transform:translateY(-20px) rotate(0)}10%{opacity:.85}80%{opacity:.65}100%{opacity:0;transform:translateY(calc(100dvh + 40px)) rotate(420deg)}}
@media(prefers-reduced-motion:reduce){body .welcome-confetti{display:none}}
body dialog.store-arrival-intro:not([open]){display:none!important}
:root[data-theme=dark] body dialog.store-arrival-intro{--tone-paper:#1b1e19;--tone-ink:#eeeee8;--tone-surface:#292c28;--tone-line:#454a41;--tone-muted:#bcc4b4}

/* Center the moving wordmark, with the supporting copy below its stage. */
body .automatic-status .golden-loading{translate:0 60px!important}
body .golden-loading-caption{margin-top:20px!important}
body .loading-preview-guidance{margin-top:8px!important}
body :is(.compare-look-photo,.fit-compare-image) .golden-loading{translate:0 26px!important}
@media(max-width:720px){body .automatic-status .golden-loading{translate:0 36px!important}body :is(.compare-look-photo,.fit-compare-image) .golden-loading{translate:0 20px!important}}
@media(max-width:720px){body dialog.store-arrival-intro{grid-template-rows:1fr;overflow:hidden}body .arrival-film{position:absolute;inset:0;width:100%;height:100%}body .arrival-copy{position:relative;align-self:end;z-index:1;max-height:62dvh;overflow:auto;background:linear-gradient(transparent,#fffefcf5 12%);padding-top:42px}body .arrival-close{z-index:3}:root[data-theme=dark] body .arrival-copy{background:linear-gradient(transparent,#1b1e19f5 12%)}}

body :is(.store-header,.brand-top)>.wordmark img{width:160px!important;height:44px!important;object-fit:contain!important}
@media(max-width:720px){body :is(.store-header,.brand-top)>.wordmark img{width:110px!important;height:30px!important}}

/* Full-frame desktop film and a dedicated portrait source for phones. */
body .campaign{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;position:relative!important;overflow:hidden!important}
body .campaign>video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:transparent!important;max-height:none!important}
@media(max-width:720px){body .campaign{aspect-ratio:9/16!important;height:auto!important;min-height:0!important}body .campaign-copy{position:absolute!important;inset:auto 24px 24px!important;padding:0!important;max-width:calc(100% - 48px)!important;background:none!important}body .campaign-shade{position:absolute!important;inset:0!important;background:linear-gradient(transparent 38%,rgb(0 0 0 / .62))!important}body .campaign h1{font-size:38px!important}body .campaign-copy>p{font-size:15px!important;line-height:1.5!important}}
body .arrival-options svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.6;fill:none}

@media(hover:hover) and (pointer:fine){body .generated-look-hover>img{transition:translate 260ms cubic-bezier(.2,.7,.2,1)!important;translate:0 0}body .generated-look-hover:hover>img{translate:0 -2px}}
@media(prefers-reduced-motion:reduce){body .generated-look-hover>img{transition:none!important;translate:none!important}}


/* Product feature actions and their icons stay still under the pointer. */
body .native-services>button,body .native-services>button:hover,body .native-services>button:hover :is(.service-icon,svg){transform:none!important;translate:none!important;scale:none!important;rotate:none!important;animation:none!important}

/* Four previews in a clean vertical rail alongside the generous main image. */
body .restored-media-gallery{--gallery-rail-height:620px;display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:12px 18px!important;align-items:start!important}
body .restored-media-gallery .gallery-slide-shell{grid-column:2!important;grid-row:1!important;min-width:0!important}
body .restored-media-gallery .gallery-control-row{grid-column:2!important;grid-row:2!important;margin:0!important}
body .restored-media-gallery .personal-thumbnails{grid-column:1!important;grid-row:1!important;flex-direction:column!important;width:100%!important;height:var(--gallery-rail-height)!important;max-height:var(--gallery-rail-height)!important;overflow-y:auto!important;overflow-x:hidden!important;gap:10px!important;padding:0!important;margin:0!important;scroll-snap-type:y proximity!important;scroll-padding-block:0!important}
body .restored-media-gallery .personal-thumbnails button{flex:0 0 calc((var(--gallery-rail-height) - 30px)/4)!important;height:calc((var(--gallery-rail-height) - 30px)/4)!important;min-height:0!important;width:100%!important;padding:6px!important;gap:5px!important;border-radius:8px!important;box-sizing:border-box!important;justify-content:center!important}
body .restored-media-gallery .personal-thumbnails :is(img,.profile-view-thumbnail,.media-icon-thumbnail){height:100px!important;min-height:0!important;width:100%!important;object-fit:contain!important;flex:1 1 0!important;min-width:0!important}
body .restored-media-gallery .personal-thumbnails small{font-size:13px!important;line-height:1.15!important;flex:none!important}
@media(max-width:720px){body .restored-media-gallery{grid-template-columns:72px minmax(0,1fr)!important;gap:10px!important}body .restored-media-gallery .personal-thumbnails small{font-size:11px!important}body .restored-media-gallery .personal-thumbnails button{padding:4px!important}}

/* Quiet thumbnail surfaces with a stable selected edge. */
body .restored-media-gallery .personal-thumbnails{scrollbar-width:thin;scrollbar-color:var(--tone-line,#d7d5cf) transparent}
body .restored-media-gallery .personal-thumbnails button{border:1px solid transparent!important;background:var(--tone-surface,#f1f0ec)!important;box-shadow:none!important;position:relative;transition:background-color 180ms ease,border-color 180ms ease!important}
body .restored-media-gallery .personal-thumbnails button[aria-pressed=true]{border-color:var(--tone-line-strong,#aaa69d)!important;background:var(--tone-paper,#fff)!important;box-shadow:inset 2px 0 0 var(--tone-ink,#24221f)!important}
body .restored-media-gallery .personal-thumbnails button:focus-visible{outline-offset:-3px!important}
:root[data-theme=dark] body .restored-media-gallery .personal-thumbnails button{background:#242823!important}
:root[data-theme=dark] body .restored-media-gallery .personal-thumbnails button[aria-pressed=true]{background:#30362d!important}
body .gallery-slide-shell{border-radius:8px}
/* Position the artwork center independently from its supporting copy. */
body :is(.automatic-status,.compare-look-photo,.fit-compare-image,.complete-loading) .golden-loading{position:relative!important;height:100%!important;display:block!important;translate:none!important;padding:0!important;--loader-art:120px;--loader-caption:88px;--loader-guidance:130px}
body :is(.automatic-status,.compare-look-photo,.fit-compare-image,.complete-loading) .golden-loading-art{position:absolute!important;top:50%!important;left:0;right:0;height:var(--loader-art)!important;transform:translateY(-50%)}
body :is(.automatic-status,.compare-look-photo,.fit-compare-image,.complete-loading) .golden-loading-caption{position:absolute!important;top:calc(50% + var(--loader-caption))!important;left:0;right:0;margin:0!important;text-align:center!important}
body :is(.automatic-status,.compare-look-photo,.fit-compare-image,.complete-loading) .loading-preview-guidance{position:absolute!important;top:calc(50% + var(--loader-guidance))!important;left:0;right:0;margin:0!important;text-align:center!important}
body :is(.compare-look-photo,.fit-compare-image) .golden-loading{--loader-art:86px;--loader-caption:65px;--loader-guidance:95px}
@media(max-width:720px){body :is(.compare-look-photo,.fit-compare-image) .golden-loading{--loader-art:78px;--loader-caption:58px;--loader-guidance:84px}}

/* Let the four-tile rail reach the bottom of the gallery controls. */
body .restored-media-gallery{--gallery-rail-height:690px;background:transparent!important}
body .restored-media-gallery .personal-thumbnails{grid-row:1 / span 2!important}
@media(max-width:720px){body .restored-media-gallery{--gallery-rail-height:688px}}

/* Three equal portrait previews, with vertical navigation beside the main photo. */
body .restored-media-gallery{grid-template-rows:auto!important;--gallery-rail-height:568px}
body .gallery-preview-rail{grid-column:1!important;grid-row:1!important;display:grid;grid-template-rows:44px minmax(0,1fr);gap:8px;height:620px;min-width:0}
body .restored-media-gallery .gallery-preview-rail .gallery-control-row{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center;justify-content:space-between;gap:0!important;height:44px!important;min-height:0!important;padding:0!important;background:transparent!important}
body .gallery-preview-rail .gallery-control-row button{width:32px!important;min-width:32px!important;height:44px!important;min-height:44px!important;padding:0!important;transform:none!important}
body .gallery-preview-rail .gallery-control-row span{font-size:12px!important;white-space:nowrap}
body .restored-media-gallery .gallery-preview-rail .personal-thumbnails{grid-row:2!important;height:568px!important;max-height:568px!important;grid-column:1!important}
body .restored-media-gallery .personal-thumbnails button{flex-basis:calc((568px - 20px)/3)!important;height:calc((568px - 20px)/3)!important}
body .restored-media-gallery .personal-thumbnails :is(img,.profile-view-thumbnail,.media-icon-thumbnail){aspect-ratio:3/4!important;flex:0 1 auto!important;height:132px!important;min-height:0!important;max-width:100%!important;object-fit:contain!important}
body .gallery-slide-shell :is(.inline-image-zoom,.inline-zoom-stage){height:100%;width:100%}
body .gallery-slide-shell .inline-zoom-stage>img{height:100%!important;width:100%!important;object-fit:contain!important}
@media(max-width:720px){body .restored-media-gallery{grid-template-columns:80px minmax(0,1fr)!important}body .gallery-preview-rail .gallery-control-row button{width:26px!important;min-width:26px!important}body .gallery-preview-rail .gallery-control-row span{font-size:10px!important}}

/* Match the rail to each main view, with clear arrows at both ends. */
body .restored-media-gallery .gallery-preview-rail{height:var(--gallery-height,620px)!important;position:relative;grid-template-rows:44px minmax(0,1fr) 44px!important;gap:8px!important;--preview-scroll-height:calc(var(--gallery-height,620px) - 104px)}
body .restored-media-gallery .gallery-preview-rail .gallery-control-row{display:contents!important}
body .gallery-preview-rail .gallery-control-row button{grid-column:1!important;width:100%!important;min-width:44px!important;height:44px!important;border-radius:8px!important;background:var(--tone-surface,#f1f0ec)!important;display:grid!important;place-items:center!important}
body .gallery-preview-rail .gallery-control-row button:first-child{grid-row:1!important}
body .gallery-preview-rail .gallery-control-row button:last-child{grid-row:3!important}
body .gallery-preview-rail .gallery-control-row span{position:absolute!important;right:6px;bottom:14px;font-size:10px!important;pointer-events:none;z-index:1}
body .restored-media-gallery .gallery-preview-rail .personal-thumbnails{grid-row:2!important;height:var(--preview-scroll-height)!important;max-height:var(--preview-scroll-height)!important}
body .restored-media-gallery .personal-thumbnails button{flex-basis:calc((var(--preview-scroll-height) - 20px)/3)!important;height:calc((var(--preview-scroll-height) - 20px)/3)!important}
body .gallery-preview-rail .gallery-control-row button:disabled{opacity:.32!important}

/* The On You canvas is the benchmark for every gallery media type. */
body .restored-media-gallery{--tryon-photo-height:560px;--tryon-stage-height:620px}
body .restored-media-gallery .gallery-slide-shell{height:var(--tryon-stage-height)!important;min-height:0!important;background:transparent!important}
body .restored-media-gallery .gallery-slide-shell>.inline-image-zoom{height:var(--tryon-photo-height)!important;min-height:0!important}
body .restored-media-gallery .gallery-slide-shell .automatic-view{display:flex!important;flex-direction:column!important;height:var(--tryon-stage-height)!important;min-height:0!important;background:transparent!important}
body .restored-media-gallery .automatic-view>.look-preview-trigger{display:block!important;height:var(--tryon-photo-height)!important;min-height:0!important;flex:0 0 var(--tryon-photo-height)!important}
body .restored-media-gallery .automatic-view>.look-preview-trigger img{width:100%!important;height:100%!important;object-fit:contain!important}
body .restored-media-gallery .gallery-slide-shell :is(.generation-state,.personal-preview-media,.concept-media){height:var(--tryon-photo-height)!important;min-height:0!important;max-height:var(--tryon-photo-height)!important}
body .restored-media-gallery .gallery-slide-shell .concept-media :is(img,video){width:100%!important;height:100%!important;object-fit:contain!important}
body .restored-media-gallery .preview-disclosure{height:60px!important;min-height:0!important;margin:0!important;display:flex;align-items:center;justify-content:center;padding:10px!important;box-sizing:border-box;font-size:12px!important}
/* Navigation sits outside the three-tile rail, away from the photography. */
body .restored-media-gallery .gallery-preview-rail{height:var(--tryon-photo-height)!important;display:block!important;--preview-scroll-height:var(--tryon-photo-height)}
body .restored-media-gallery .gallery-preview-rail .gallery-control-row{display:flex!important;flex-direction:column!important;position:absolute!important;left:-42px!important;top:0!important;bottom:0!important;width:32px!important;height:100%!important;justify-content:space-between!important;gap:0!important;padding:0!important}
body .gallery-preview-rail .gallery-control-row button{position:static!important;width:32px!important;min-width:32px!important;height:44px!important;min-height:44px!important;background:transparent!important;border:0!important;flex:none!important}
body .gallery-preview-rail .gallery-control-row span{position:static!important;font-size:10px!important;line-height:1.2!important;white-space:nowrap}
body .restored-media-gallery .gallery-preview-rail .personal-thumbnails{height:var(--tryon-photo-height)!important;max-height:var(--tryon-photo-height)!important}
body .restored-media-gallery .personal-thumbnails button{flex-basis:calc((var(--tryon-photo-height) - 20px)/3)!important;height:calc((var(--tryon-photo-height) - 20px)/3)!important}
@media(max-width:720px){body .restored-media-gallery{--tryon-photo-height:clamp(360px,65dvh,560px);--tryon-stage-height:calc(var(--tryon-photo-height) + 60px);grid-template-columns:68px minmax(0,1fr)!important;margin-left:24px!important;width:calc(100% - 24px)!important}body .restored-media-gallery .gallery-preview-rail .gallery-control-row{left:-28px!important;width:24px!important}body .gallery-preview-rail .gallery-control-row button{width:24px!important;min-width:24px!important}}

/* Fixed media boxes prevent loading, original and generated views from resizing. */
body .restored-media-gallery .gallery-slide-shell{max-height:var(--tryon-stage-height)!important;overflow:hidden!important}
body .restored-media-gallery .gallery-slide-shell .coming-soon-view{height:var(--tryon-photo-height)!important;max-height:var(--tryon-photo-height)!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-sizing:border-box!important;padding:24px!important}
body .restored-media-gallery .personal-thumbnails button{display:grid!important;grid-template-rows:minmax(0,1fr) 32px!important;align-items:center!important;justify-items:center!important;gap:6px!important}
body .restored-media-gallery .personal-thumbnails :is(img,.profile-view-thumbnail,.media-icon-thumbnail){grid-row:1!important;height:100%!important;width:100%!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;flex:none!important}
body .restored-media-gallery .personal-thumbnails small{grid-row:2!important;height:32px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center}

body .restored-media-gallery .personal-thumbnails button{grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important;justify-items:stretch!important}
body .restored-media-gallery .personal-thumbnails :is(img,.profile-view-thumbnail,.media-icon-thumbnail){transform:none!important;translate:none!important;animation:none!important}

body :is(.automatic-status,.compare-look-photo,.fit-compare-image,.complete-loading) .loading-preview-guidance{width:100%!important;max-width:none!important;display:block!important;box-sizing:border-box!important;padding:0!important;margin-inline:0!important}
:root[data-theme=dark] body .golden-loading-art img{filter:invert(1)!important}

body .restored-media-gallery .gallery-slide-shell>.look-preview-trigger{height:var(--tryon-photo-height)!important;width:100%;background:var(--tone-surface);border-radius:0;padding:0}
body .restored-media-gallery .gallery-slide-shell>.look-preview-trigger img{width:100%!important;height:100%!important;object-fit:contain!important}
body .look-lightbox .inline-zoom-stage{height:100%!important;min-height:0!important;padding:0!important}
body .look-lightbox .inline-zoom-stage img{object-fit:contain!important;padding:0!important}
body .upload-preview>.look-preview-trigger{height:490px}
body .upload-preview>.look-preview-trigger img{width:100%;height:100%;object-fit:contain}

@media(prefers-reduced-motion:reduce){body .native-services>button>span{transition:none!important;translate:none!important}}
@media(max-width:720px){
body .restored-media-gallery{display:flex!important;flex-direction:column!important;margin-left:0!important;width:100%!important;gap:12px!important}
body .restored-media-gallery .gallery-slide-shell{width:100%!important;order:0}
body .restored-media-gallery .gallery-preview-rail{width:100%!important;height:auto!important;order:1;display:flex!important;flex-direction:column!important;position:relative!important}
body .restored-media-gallery .gallery-preview-rail .personal-thumbnails{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;height:156px!important;max-height:156px!important;gap:8px!important;scroll-snap-type:x mandatory}
body .restored-media-gallery .personal-thumbnails button{flex:0 0 calc((100% - 16px)/3)!important;width:calc((100% - 16px)/3)!important;height:156px!important;min-height:0!important;scroll-snap-align:start}
body .restored-media-gallery .gallery-preview-rail .gallery-control-row{position:static!important;order:2;flex-direction:row!important;width:100%!important;height:44px!important;justify-content:center!important;gap:24px!important}
body .restored-media-gallery .gallery-control-row button{width:44px!important;min-width:44px!important}
body .restored-media-gallery .gallery-control-row svg{rotate:-90deg}
}

body .image-zoom .inline-zoom-stage img{object-fit:contain!important;padding:0!important}
body .twin-preview-dialog>.image-zoom{height:min(70dvh,620px);min-height:0;width:100%}
body .twin-preview-dialog .inline-zoom-stage{height:100%!important;min-height:0!important;padding:0!important}

/* Comparison loading fills the photo instead of inheriting the bottom status strip. */
body .compare-look-photo>span:has(.golden-loading){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;box-sizing:border-box!important;background:transparent!important}
body .compare-look-photo>span>.golden-loading{height:100%!important;margin:0 auto!important;flex:none!important}

@media(max-width:720px){body .compare-look-photo .golden-loading{--loader-art:52px;--loader-caption:35px;--loader-guidance:54px}body .compare-look-photo .golden-loading-caption{font-size:12px!important;line-height:16px!important}body .compare-look-photo .loading-preview-guidance{font-size:9px!important;line-height:12px!important}}

body .gallery-control-row .gallery-mobile-arrow{display:none}
@media(max-width:720px){
body .restored-media-gallery .gallery-preview-rail .gallery-control-row{order:0!important;justify-content:space-between!important;gap:0!important;margin:0 0 8px!important}
body .restored-media-gallery .gallery-preview-rail .personal-thumbnails{order:1!important}
body .restored-media-gallery .gallery-control-row svg{rotate:none!important}
body .gallery-control-row .gallery-desktop-arrow{display:none!important}
body .gallery-control-row .gallery-mobile-arrow{display:block!important}
}

/* Preserve actual garment and skin colors in both themes; invert branding only. */
body :is(.product-image,.gallery-slide-shell,.personal-thumbnails,.look-lightbox-image,.compare-look-photo,.complete-look-image,.history-photos,.upload-preview,.twin-preview-dialog .image-zoom) img:not(.golden-loading-art img){filter:none!important;mix-blend-mode:normal!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){body .native-services>button:hover>span{translate:none!important;transition:none!important}}

/* Constrain the grid track itself so portrait images cannot exceed the viewer. */
body .image-zoom .inline-zoom-stage{grid-template-rows:minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr)!important}
body .image-zoom .inline-zoom-stage>img{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;box-sizing:border-box!important}

/* A shared photographic frame, independent of selection and image proportions. */
body :is(.product-image,.product-photo,.gallery-slide-shell,.compare-look-photo,.complete-look-image,.complete-image-zoom,.upload-preview,.look-lightbox-image,.twin-preview-dialog .image-zoom){outline:1px solid var(--tone-line);outline-offset:-1px}
body :is(.personal-thumbnails,.history-photos,.connected-twins,.identity-summary,.complete-pieces,.outfit-picker,.compare-picker-piece,.change-perspective) img{outline:1px solid var(--tone-line);outline-offset:-1px;border-radius:4px}

body :is(.department-discovery,.shop-departments,.shop-gender-cards) img{outline:1px solid var(--tone-line);outline-offset:-1px}

/* Service actions stay anchored; only their icons provide interaction feedback. */
body .native-services>button>span,body .native-services>button:hover>span{translate:none!important;transform:none!important;transition:none!important}
/* Equal guide rows with aligned titles and descriptions on both viewport sizes. */
.shared-shop-menu .shared-guide,.shared-shop-menu .shared-guide:nth-of-type(3){position:relative;display:block;padding:18px 0 18px 38px;margin:0;font-size:18px;line-height:1.35;min-height:78px;box-sizing:border-box}
.shared-shop-menu .shared-guide svg{position:absolute;left:0;top:20px;width:24px;height:24px;float:none;margin:0}
.shared-shop-menu .shared-guide small{margin:5px 0 0;font-size:13px;line-height:1.45}

/* Keep hover padding identical: competing legacy rules previously moved content left. */
body .pdp .native-services>button,body .pdp .native-services>button:hover,body .pdp .native-services>button:focus-visible,body .pdp .native-services>button:active{padding:12px 16px!important;min-height:48px!important;gap:12px!important;transform:none!important;translate:none!important;scale:none!important;transition:none!important}

/* Fit the full Twin and every control inside the current window. */
body .twin-preview-dialog{height:min(760px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;padding:24px;overflow:hidden}
body .twin-preview-dialog>.image-zoom{height:100%!important;min-height:0!important;width:100%}
body .twin-preview-dialog .inline-image-zoom{height:100%!important;min-height:0!important}
body .twin-preview-dialog>div:last-child{display:grid;gap:8px;min-width:0}
body .twin-preview-dialog h2{font-size:clamp(22px,3vw,30px);line-height:1.15;margin:0}
body .twin-preview-dialog p{font-size:14px;line-height:1.4;margin:0}
body .twin-preview-dialog .primary{min-height:44px;padding:12px 16px;margin:4px 0 0;font-size:16px;line-height:1.25}
@media(max-width:700px){body .twin-preview-dialog{padding:18px;gap:12px}}

/* Loading artwork is animation, not photography; keep its opacity under canvas control. */
body .golden-loading-art img{animation:none!important;transition:none!important;outline:0!important;border:0!important}
body .generation-state{position:relative}
body .generation-state .automatic-status{position:absolute!important;inset:0!important;height:100%!important;min-height:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
body .automatic-status>.golden-loading{height:100%!important;width:min(320px,90%)!important;flex:none!important;box-sizing:border-box!important}
body .golden-loading-compact{height:auto!important;display:grid!important;gap:8px!important;padding:8px 12px!important}
body .golden-loading-compact .golden-loading-art{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;height:72px!important}
body .golden-loading-compact .golden-loading-caption{position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin:0!important;font-size:13px!important;text-align:center!important}
body .personal-detail-preview img{transform:none!important;object-fit:contain!important}
body :is(.connected-twins,.recommendation-rail,.outfit-piece,.history-photos) img{outline:1px solid var(--tone-line);outline-offset:-1px}

/* Keep all three desktop previews and the full photo inside shorter windows. */
@media(min-width:721px){body .restored-media-gallery{--tryon-photo-height:clamp(320px,calc(100dvh - 290px),560px);--tryon-stage-height:calc(var(--tryon-photo-height) + 60px)}}

body .stylist-action,body .stylist-action:hover{display:inline-flex!important;align-items:center;gap:8px;transform:none!important;translate:none!important;scale:none!important}

/* Match the public SPREEAI interface typography across every shop entry. */

body,body :is(button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,label,small,summary,legend){font-family:Afacad,Arial,sans-serif!important}

/* Keep the first intro line reachable when mobile copy overflows. */
@media(max-width:720px){body .arrival-copy,body .quick-start-copy{justify-content:flex-start!important}}

@font-face{font-family:Afacad;font-style:normal;font-weight:400;font-display:swap;src:url('/shop/experience-selection/assets/fonts/afacad-400.woff2') format('woff2'),url('/shop/experience-selection/assets/fonts/afacad-400.ttf') format('truetype')}
@font-face{font-family:Afacad;font-style:normal;font-weight:500;font-display:swap;src:url('/shop/experience-selection/assets/fonts/afacad-500.woff2') format('woff2'),url('/shop/experience-selection/assets/fonts/afacad-500.ttf') format('truetype')}
@font-face{font-family:Afacad;font-style:normal;font-weight:600;font-display:swap;src:url('/shop/experience-selection/assets/fonts/afacad-600.woff2') format('woff2'),url('/shop/experience-selection/assets/fonts/afacad-600.ttf') format('truetype')}
@font-face{font-family:Afacad;font-style:normal;font-weight:700;font-display:swap;src:url('/shop/experience-selection/assets/fonts/afacad-700.woff2') format('woff2'),url('/shop/experience-selection/assets/fonts/afacad-700.ttf') format('truetype')}