/* Delaux: distinct product decisions, shared restraint. */
.du-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#storefrontPreview.luxury-study{container-type:inline-size;display:block!important;flex:none;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;border:0!important;border-radius:0!important;background:#fff;box-shadow:0 9px 30px #00000006;overflow:hidden;color:#191916;font-family:Arial,Helvetica,sans-serif;transition:none}
#storefrontPreview.luxury-study *{box-sizing:border-box}
#storefrontPreview.luxury-study button{font-family:Arial,Helvetica,sans-serif;cursor:pointer;border-radius:0}
#storefrontPreview.luxury-study p{margin:0}
#storefrontPreview.luxury-study img{display:block;object-fit:contain;mix-blend-mode:multiply;filter:none!important;box-shadow:none}
.luxury-study .ls-header{height:65px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 25px;border-bottom:1px solid #e8e8e6;background:white}
.ls-header-side{display:flex;align-items:center;gap:18px;justify-self:start}.ls-header-right{justify-self:end}
.ls-icon-button{width:24px;height:28px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:inherit}.ls-icon-button .du-icon{width:15px;height:15px}
.ls-wordmark{font:22px/1 Georgia,'Times New Roman',serif;letter-spacing:.09em;white-space:nowrap}
.ls-subnav{height:35px;display:flex;justify-content:center;align-items:center;gap:30px;border-bottom:1px solid #eaeae8;font-size:7px;letter-spacing:.14em}
.ls-subnav span{color:#777}.ls-gray{background:#eee!important;position:relative;overflow:hidden}
.ls-kicker,.ls-reference{font-size:7px;line-height:1.5;letter-spacing:.14em;color:#777;text-transform:uppercase}
.luxury-study h3{font-weight:400;line-height:1.4;letter-spacing:0;margin:0;color:#191916}.ls-title-line{display:flex;justify-content:space-between;align-items:start;gap:8px}
.ls-price{font:11px/1.5 Arial,sans-serif;display:block;letter-spacing:0}.ls-material{font:9px/1.6 Arial,sans-serif;color:#6d6d69}
.ls-buy{display:flex;align-items:center;justify-content:center;border:1px solid #191916;background:#191916;color:#fff;min-height:32px;width:100%;padding:8px 10px;letter-spacing:.11em;font-size:8px;font-weight:400;transition:background .2s}
.ls-buy:hover{background:#333}.ls-favorite{padding:0;border:0;background:transparent;flex:none;color:#777}.ls-favorite .du-icon{width:14px;height:14px}.ls-favorite[aria-pressed=true]{color:#111}.ls-favorite[aria-pressed=true] .du-icon{fill:#111}
.ls-detail{border-top:1px solid #dfdfdc;margin-top:13px;font-size:8px}.ls-detail summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:11px 0;cursor:pointer;letter-spacing:.025em}.ls-detail summary::-webkit-details-marker{display:none}.ls-detail summary>span{font-size:12px}.ls-detail[open] summary>span{transform:rotate(45deg)}.ls-detail p{padding:0 0 12px!important;font-size:8px!important;line-height:1.7!important;color:#777}
.ls-fine{font:7px/1.6 Arial,sans-serif;color:#888;letter-spacing:.03em}.ls-live-status:empty{display:none}.ls-live-status{font:9px/1.7 Arial,sans-serif;padding:10px 20px;background:#f7f7f6;border-top:1px solid #e1e1df;color:#555}
/* Fashion: an editorial image with a tailored fitting panel. */
.ls-fashion-layout{display:grid;grid-template-columns:57% 43%;min-height:475px}.ls-fashion-art{display:grid;place-items:center;min-height:475px;margin:0}.ls-fashion-art>img{width:53%;height:64%;max-height:360px}.ls-fashion-art figcaption{position:absolute;bottom:19px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.14em;color:#777}
.ls-fashion-info{align-self:center;padding:34px 32px}.ls-fashion-info .ls-kicker{margin-bottom:12px}.ls-fashion-info h3{font:16px/1.4 Arial,sans-serif}.ls-fashion-info .ls-price{margin-top:8px}.ls-fashion-selection{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding:20px 0 12px;font-size:8px;color:#555}.ls-color-chip{width:10px;height:10px;background:#151515;border:2px solid #fff;outline:1px solid #ccc}.ls-label-row{display:flex;align-items:center;justify-content:space-between;font-size:8px;margin:16px 0 10px}.ls-text-action{display:flex;align-items:center;gap:4px;border:0;background:none;padding:0;font-size:7px;color:#777}.ls-text-action .du-icon{width:12px;height:12px}.ls-sizes{display:flex;gap:7px;margin-bottom:20px}.ls-sizes button{background:transparent;border:1px solid #dededb;width:29px;height:26px;font-size:8px;color:#666}.ls-sizes button[aria-pressed=true]{border-color:#222;color:#111}.ls-fashion-info>.ls-fine{margin-top:15px!important}
/* Jewelry: a centered creation, material selection and private service. */
.ls-jewelry .ls-wordmark{font-style:italic;letter-spacing:.055em}.ls-jewel-layout{display:grid;grid-template-columns:55% 45%;min-height:490px}.ls-jewel-art{display:grid;place-items:center;margin:0;min-height:490px}.ls-jewel-art img{width:43%;height:69%;max-height:365px}.ls-art-reference{position:absolute;top:21px;left:22px;font-size:6px;letter-spacing:.15em;color:#8a8a85}.ls-art-caption{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:.2em;color:#888}.ls-jewel-info{align-self:center;text-align:center;padding:35px 37px}.ls-jewel-info h3{font:21px/1.4 Georgia,serif;margin:10px 0 3px}.ls-jewel-info .ls-price{margin-top:9px}.ls-metal-choice{display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;margin:24px 0 20px}.ls-metal-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(130deg,#a58b4d,#e7d09a,#a68b50);outline:1px solid #c7b77f;outline-offset:3px}.ls-service{border:0;background:none;display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;padding:14px 0;width:100%;color:#555}.ls-service .du-icon{width:12px;height:12px}.ls-jewel-info .ls-detail{text-align:left}
/* Horology: a technical presentation instead of a fashion purchase card. */
.ls-watches .ls-wordmark{font:16px/1 Arial,sans-serif;letter-spacing:.25em}.ls-watch-intro{text-align:center;padding:24px 20px 18px}.ls-watch-intro h3{font:20px/1.4 Georgia,serif;margin:5px 0}.ls-reference{font-size:6px;letter-spacing:.12em}.ls-watch-stage{height:315px;display:flex;justify-content:center;align-items:center}.ls-watch-stage>img{height:80%;width:31%}.ls-watch-side{position:absolute;left:28px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:6px;letter-spacing:.22em;color:#888}.ls-watch-view{position:absolute;bottom:14px;right:22px;font-size:6px;letter-spacing:.15em;color:#777}.ls-watch-bottom{padding:22px 32px;display:grid;grid-template-columns:1fr 230px;gap:25px;align-items:center}.ls-watch-specs{display:flex;gap:25px}.ls-watch-specs>div{display:grid;gap:4px}.ls-watch-specs span{font-size:6px;letter-spacing:.12em;color:#888}.ls-watch-specs b{font-size:8px;font-weight:400}.ls-watch-purchase{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px}.ls-watch-cta{font-size:6px;min-height:30px;padding:7px}.ls-watches>.ls-detail{margin:0 32px}
/* Leather goods: tactile color selection and a dedicated angle gallery. */
.ls-bag-layout{display:grid;grid-template-columns:37% 63%;min-height:470px}.ls-bag-info{padding:45px 28px 25px;align-self:center}.ls-bag-info h3{font:17px/1.45 Georgia,serif;margin:12px 0 5px}.ls-bag-info .ls-price{margin-top:7px}.ls-bag-colors{display:flex;gap:8px;margin:24px 0 9px}.ls-bag-colors button{display:grid;place-items:center;background:#eee;border:1px solid transparent;width:38px;height:37px;padding:5px}.ls-bag-colors button img{width:100%;height:100%;object-position:center!important}.ls-bag-colors button[aria-pressed=true]{border-color:#333}.ls-bag-color-label{font-size:7px;color:#777;margin-bottom:19px}.ls-bag-gallery{display:flex;flex-direction:column;min-width:0;background:#eee}.ls-bag-art{flex:1;display:grid;place-items:center;margin:0;min-height:420px}.ls-bag-art>img{width:49%;height:74%;max-height:330px;object-position:center!important}.ls-bag-art figcaption{position:absolute;bottom:15px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.15em;color:#777}.ls-bag-angles{display:flex;justify-content:center;gap:28px;align-items:center;min-height:42px;background:#eee}.ls-bag-angles button{font-size:7px;background:none;border:0;border-bottom:1px solid transparent;padding:5px 0;color:#888}.ls-bag-angles button[aria-pressed=true]{border-color:#333;color:#222}
/* The mobile examples are separately composed product pages, at preview scale. */
#storefrontPreview.luxury-study.ls-mobile{width:292px!important;max-width:76%!important;min-height:0!important;margin:0 auto!important;border:1px solid #e3e3e3!important}
.ls-mobile .ls-header{height:44px;padding:0 13px}.ls-mobile .ls-wordmark{font-size:16px}.ls-mobile .ls-header-side{gap:9px}.ls-mobile .ls-icon-button{width:16px;height:24px}.ls-mobile .ls-icon-button .du-icon{width:12px;height:12px}.ls-mobile .ls-subnav{height:25px;gap:16px;font-size:5px;letter-spacing:.12em}
.ls-mobile .ls-fashion-layout{display:flex;flex-direction:column;min-height:0}.ls-mobile .ls-fashion-art{min-height:0;height:285px;flex:none}.ls-mobile .ls-fashion-art img{height:70%;width:54%}.ls-mobile .ls-fashion-art figcaption{bottom:13px;left:16px;right:16px;font-size:5px}.ls-mobile .ls-fashion-info{padding:22px 19px 17px;width:100%}.ls-mobile .ls-fashion-info .ls-kicker{font-size:5px;margin-bottom:8px}.ls-mobile .ls-fashion-info h3{font-size:12px}.ls-mobile .ls-material{font-size:7px}.ls-mobile .ls-price{font-size:9px}.ls-mobile .ls-fashion-selection{padding:15px 0 10px;font-size:7px}.ls-mobile .ls-label-row{margin:13px 0 9px;font-size:7px}.ls-mobile .ls-sizes{gap:7px;margin-bottom:16px}.ls-mobile .ls-sizes button{width:27px;height:23px;font-size:7px}.ls-mobile .ls-buy{min-height:28px;font-size:7px;padding:7px 9px}.ls-mobile .ls-detail{font-size:7px;margin-top:11px}.ls-mobile .ls-detail summary{padding:10px 0}.ls-mobile .ls-detail p{font-size:7px!important}.ls-mobile .ls-favorite .du-icon{width:12px;height:12px}.ls-mobile .ls-fashion-info>.ls-fine{font-size:6px;margin-top:7px!important}
.ls-mobile .ls-jewel-layout{display:flex;flex-direction:column;min-height:0}.ls-mobile .ls-jewel-art{min-height:0;height:305px}.ls-mobile .ls-jewel-art img{width:42%;height:68%}.ls-mobile .ls-art-reference{font-size:5px;top:15px;left:16px}.ls-mobile .ls-art-caption{font-size:5px;bottom:17px}.ls-mobile .ls-jewel-info{padding:22px 24px 18px;width:100%}.ls-mobile .ls-jewel-info .ls-kicker{font-size:5px}.ls-mobile .ls-jewel-info h3{font-size:17px;margin-top:7px}.ls-mobile .ls-metal-choice{font-size:7px;margin:19px 0 17px}.ls-mobile .ls-service{font-size:7px;padding:12px 0}.ls-mobile .ls-jewel-info .ls-detail{text-align:left}
.ls-mobile.ls-watches .ls-wordmark{font:11px/1 Arial,sans-serif;letter-spacing:.2em}.ls-mobile .ls-watch-intro{padding:22px 15px 17px}.ls-mobile .ls-watch-intro h3{font-size:17px}.ls-mobile .ls-watch-intro .ls-kicker{font-size:5px}.ls-mobile .ls-reference{font-size:5px}.ls-mobile .ls-watch-stage{height:285px}.ls-mobile .ls-watch-stage>img{height:73%;width:42%}.ls-mobile .ls-watch-side{left:14px;font-size:5px}.ls-mobile .ls-watch-view{font-size:5px;right:15px}.ls-mobile .ls-watch-bottom{display:flex;flex-direction:column;gap:23px;padding:22px 21px}.ls-mobile .ls-watch-specs{width:100%;justify-content:space-between;gap:10px}.ls-mobile .ls-watch-specs span{font-size:5px}.ls-mobile .ls-watch-specs b{font-size:7px}.ls-mobile .ls-watch-purchase{grid-template-columns:auto 1fr;width:100%;gap:16px}.ls-mobile .ls-watch-cta{font-size:6px;min-height:27px}.ls-mobile.ls-watches>.ls-detail{margin:0 21px 13px}
.ls-mobile .ls-bag-layout{display:flex;flex-direction:column;min-height:0}.ls-mobile .ls-bag-gallery{order:0;width:100%}.ls-mobile .ls-bag-art{min-height:0;height:285px;flex:none}.ls-mobile .ls-bag-art>img{width:49%;height:75%}.ls-mobile .ls-bag-art figcaption{font-size:5px;bottom:12px;left:16px;right:16px}.ls-mobile .ls-bag-angles{min-height:30px;gap:28px}.ls-mobile .ls-bag-angles button{font-size:6px;padding:4px 0}.ls-mobile .ls-bag-info{order:1;width:100%;padding:22px 20px 18px}.ls-mobile .ls-bag-info .ls-kicker{font-size:5px}.ls-mobile .ls-bag-info h3{font-size:15px;margin:7px 0 2px}.ls-mobile .ls-bag-colors{margin:18px 0 9px}.ls-mobile .ls-bag-colors button{width:35px;height:34px}.ls-mobile .ls-bag-color-label{font-size:6px;margin-bottom:15px}
/* Cart comparison: the same item and state, two complete cart treatments. */
.cart-demo-variant-row>span{font:7px/1.5 Arial,sans-serif!important;letter-spacing:.09em;color:#81817c;white-space:nowrap}.cart-demo-item-info h3{grid-row:1}.cart-demo-empty[hidden],.cart-demo-item[hidden],.cart-demo-feedback[hidden]{display:none!important}.cart-demo-feedback:empty{display:none}.cart-before-header{display:none}.cart-view-switch{display:flex;align-items:center;justify-content:center;gap:14px;padding:2px 0 17px}.cart-view-switch button{border:0;border-bottom:1px solid transparent;background:none;padding:3px 0 5px;font-size:10px;color:#8a8a86}.cart-view-switch button[aria-pressed=true]{color:#191916;border-bottom-color:#191916}.cart-view-switch>span{height:11px;width:1px;background:#c1c1bd}.cart-demo-sticky{padding-top:12px;padding-bottom:8px}.cart-demo-checkout:disabled{opacity:.45;cursor:default}
.custom-cart-demo[data-cart-view=before]{background:#fff}.custom-cart-demo[data-cart-view=before] .cart-before-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 18px;border-bottom:1px solid #bbb;font:10px Arial,sans-serif;background:#e9e9e9}.custom-cart-demo[data-cart-view=before] .cart-before-header b{font:bold 15px Arial,sans-serif}.custom-cart-demo[data-cart-view=before] .cart-demo-header{display:none}.custom-cart-demo[data-cart-view=before] .cart-demo-content{background:white}.custom-cart-demo[data-cart-view=before] .cart-demo-back{background:white}.custom-cart-demo[data-cart-view=before] .cart-demo-back em{font:11px Arial,sans-serif}.custom-cart-demo[data-cart-view=before] .cart-demo-title-cart h2{font:bold 19px/1.3 Arial,sans-serif!important;letter-spacing:0!important}.custom-cart-demo[data-cart-view=before] .cart-demo-item{border:1px solid #ccc;padding:14px;gap:14px;background:#f8f8f8}.custom-cart-demo[data-cart-view=before] .cart-demo-image{height:108px;background:#c9c9c9}.custom-cart-demo[data-cart-view=before] .cart-demo-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}.custom-cart-demo[data-cart-view=before] .cart-demo-item-info h3{font:bold 12px/1.4 Arial,sans-serif}.custom-cart-demo[data-cart-view=before] .cart-demo-price{font-size:12px;transform:none}.custom-cart-demo[data-cart-view=before] .cart-demo-quantity{border:1px solid #999}.custom-cart-demo[data-cart-view=before] .cart-demo-variant-row>span{letter-spacing:0;color:#333}.custom-cart-demo[data-cart-view=before] .cart-demo-remove{font-size:9px;letter-spacing:0;color:#333}.custom-cart-demo[data-cart-view=before] .cart-demo-sticky{background:white}.custom-cart-demo[data-cart-view=before] .cart-demo-checkout{background:#666;font:12px Arial,sans-serif;letter-spacing:0}.custom-cart-demo[data-cart-view=before] .cart-demo-checkout>span{display:none}.cart-feature-compare{display:flex;justify-content:center;gap:15px;font:7px Arial,sans-serif;margin:10px 0 4px;color:#888}.cart-feature-compare b{color:#222;font-weight:400;border-bottom:1px solid;padding-bottom:3px}
/* Ring experience: modest increases to purchasing controls; consistent SVGs. */
.ring-mobile-product .ring-product-price{font-size:12px!important;line-height:1.5!important;margin-top:8px!important}.ring-mobile-product .ring-mobile-thumbs{gap:7px!important;margin-top:15px!important}.ring-mobile-product .ring-mobile-thumbs button{width:25px!important;height:25px!important;min-width:25px!important;font-size:9px!important;padding:0!important}.ring-mobile-product .ring-product-cta{height:29px!important;min-height:29px!important;font-size:8px!important;border-radius:0!important}.ring-mobile-product .ring-mobile-head{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;height:57px!important;padding:0 20px!important}.ring-mobile-head .store-left,.ring-mobile-head .store-right{display:flex!important;align-items:center!important;gap:16px!important;width:auto!important}.ring-mobile-head .store-left{justify-self:start!important}.ring-mobile-head .store-right{justify-self:end!important}.ring-mobile-head .ls-icon-button{width:23px;height:28px}.ring-mobile-head .du-icon,.ring-mobile-head .ring-bag-icon>.du-icon{width:19px!important;height:19px!important;stroke-width:1.6!important}.ring-mobile-head .ring-bag-icon{position:relative;display:grid;place-items:center;width:23px;height:28px}.ring-mobile-head .ring-bag-count{position:absolute;right:-5px;top:0;width:12px!important;height:12px!important;min-width:0!important;border-radius:50%;display:grid;place-items:center;background:#111;color:white;font:7px/1 Arial,sans-serif}.ring-mobile-head .ring-bag-count[hidden]{display:none!important}.ring-card-nav{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;padding:0 10px!important}.ring-card-nav .store-left,.ring-card-nav .store-right{display:flex!important;gap:7px!important;align-items:center!important;width:auto!important}.ring-card-nav .store-right{justify-self:end}.ring-card-nav .ls-icon-button{width:11px!important;height:17px!important}.ring-card-nav .du-icon{width:10px!important;height:10px!important}.ring-card-nav .ring-bag-icon{display:block}.ring-card-nav strong{position:static!important;transform:none!important}
@media(max-width:640px){#storefrontPreview.luxury-study.ls-website .ls-header{height:44px;padding:0 14px}#storefrontPreview.luxury-study.ls-website .ls-wordmark{font-size:14px}#storefrontPreview.luxury-study.ls-website .ls-header-side{gap:9px}#storefrontPreview.luxury-study.ls-website .ls-icon-button{width:14px;height:22px}#storefrontPreview.luxury-study.ls-website .ls-icon-button .du-icon{width:11px;height:11px}.ls-website .ls-subnav{height:25px;gap:18px;font-size:5px}.ls-website .ls-fashion-layout{grid-template-columns:52% 48%;min-height:350px}.ls-website .ls-fashion-art{min-height:350px}.ls-website .ls-fashion-art img{width:72%;height:58%}.ls-website .ls-fashion-art figcaption{font-size:4px;left:9px;right:9px;bottom:12px}.ls-website .ls-fashion-info{padding:20px 13px}.ls-website .ls-kicker{font-size:5px}.ls-website .ls-fashion-info h3{font-size:10px}.ls-website .ls-price{font-size:8px}.ls-website .ls-material{font-size:6px}.ls-website .ls-fashion-selection{font-size:6px;padding:12px 0 8px}.ls-website .ls-label-row{font-size:6px;margin:10px 0 7px}.ls-website .ls-text-action{font-size:5px}.ls-website .ls-sizes{gap:4px;margin-bottom:12px}.ls-website .ls-sizes button{width:18px;height:20px;font-size:6px}.ls-website .ls-buy{font-size:5px;min-height:24px;padding:6px}.ls-website .ls-fine{font-size:5px}.ls-website .ls-detail{font-size:6px;margin-top:8px}.ls-website .ls-detail summary{padding:8px 0}.ls-website .ls-detail p{font-size:6px!important}.ls-website .ls-favorite .du-icon{width:10px;height:10px}.ls-website .ls-jewel-layout{min-height:350px;grid-template-columns:51% 49%}.ls-website .ls-jewel-art{min-height:350px}.ls-website .ls-jewel-art img{width:53%;height:63%}.ls-website .ls-art-reference,.ls-website .ls-art-caption{font-size:4px}.ls-website .ls-art-reference{left:12px;top:15px}.ls-website .ls-jewel-info{padding:18px 15px}.ls-website .ls-jewel-info h3{font-size:13px}.ls-website .ls-metal-choice{font-size:6px;gap:5px;margin:16px 0 14px}.ls-website .ls-metal-dot{width:9px;height:9px}.ls-website .ls-service{font-size:5px;gap:3px}.ls-website .ls-watch-intro{padding:17px 12px 12px}.ls-website .ls-watch-intro h3{font-size:16px}.ls-website .ls-reference{font-size:4px}.ls-website .ls-watch-stage{height:245px}.ls-website .ls-watch-stage>img{height:77%;width:34%}.ls-website .ls-watch-bottom{padding:17px 15px;grid-template-columns:1fr 142px;gap:12px}.ls-website .ls-watch-specs{gap:11px}.ls-website .ls-watch-specs span{font-size:4px}.ls-website .ls-watch-specs b{font-size:5px}.ls-website .ls-watch-purchase{gap:8px}.ls-website .ls-watch-cta{font-size:4px}.ls-website.ls-watches>.ls-detail{margin:0 16px}.ls-website .ls-bag-layout{grid-template-columns:42% 58%;min-height:360px}.ls-website .ls-bag-info{padding:23px 15px}.ls-website .ls-bag-info h3{font-size:13px;margin-top:8px}.ls-website .ls-bag-colors{margin-top:17px;gap:5px}.ls-website .ls-bag-colors button{width:29px;height:28px;padding:4px}.ls-website .ls-bag-color-label{font-size:5px;margin-bottom:14px}.ls-website .ls-bag-art{min-height:310px}.ls-website .ls-bag-art>img{width:63%;height:62%}.ls-website .ls-bag-art figcaption{font-size:4px;left:12px;right:12px}.ls-website .ls-bag-angles{min-height:32px;gap:20px}.ls-website .ls-bag-angles button{font-size:5px}.cart-demo-variant-row>span{font-size:6px!important}.ring-mobile-product .ring-mobile-head{padding:0 18px!important}.ring-mobile-head .store-left,.ring-mobile-head .store-right{gap:13px!important}.ring-mobile-head .du-icon,.ring-mobile-head .ring-bag-icon>.du-icon{width:18px!important;height:18px!important}}
.ls-mobile.ls-bags .ls-wordmark{font-size:12px;letter-spacing:.06em}
#storefrontPreview.luxury-study img{mix-blend-mode:darken}
@media(max-width:360px){.ls-mobile.ls-bags .ls-wordmark{font-size:10px;letter-spacing:.04em}.ls-mobile .ls-header{padding:0 10px}.ls-mobile .ls-header-side{gap:7px}.ls-website .ls-sizes button{min-width:0;flex:1}}
@media(prefers-reduced-motion:reduce){.luxury-study *{transition:none!important}}\n.custom-cart-demo .cart-demo-item-info .cart-demo-price{grid-column:2;grid-row:3;justify-self:end;align-self:center;transform:none!important}\n.custom-cart-demo .cart-demo-item-info .cart-demo-remove{grid-column:1;grid-row:3;align-self:center}
.custom-cart-demo .cart-demo-home{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}
.custom-cart-demo .cart-demo-variant-row>span{font-size:8px!important}
.custom-cart-demo .cart-demo-variant-row .cart-demo-quantity{position:relative;top:0}
.custom-cart-demo .cart-demo-content>.cart-view-switch{margin-top:auto}
.custom-cart-demo .cart-demo-sticky{margin-top:0}

/* Keep the cart price on the same baseline as Remove, below the product title. */
.custom-cart-demo .cart-demo-item-info .cart-demo-price{
  grid-column:2!important;
  grid-row:3!important;
  justify-self:end!important;
  align-self:center!important;
  transform:none!important;
}
.custom-cart-demo .cart-demo-item-info .cart-demo-remove{
  grid-column:1!important;
  grid-row:3!important;
  justify-self:start!important;
  align-self:center!important;
  margin-top:0!important;
}

/* Place Remove and price on the bottom baseline of the product image row. */
.custom-cart-demo .cart-demo-item{
  align-items:stretch!important;
}
.custom-cart-demo .cart-demo-item-info{
  align-self:stretch!important;
  height:100%!important;
  min-height:0!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
}
.custom-cart-demo .cart-demo-item-info .cart-demo-variant-row{
  grid-column:1/3!important;
  grid-row:2!important;
  align-self:start!important;
}
.custom-cart-demo .cart-demo-item-info .cart-demo-price{
  grid-column:2!important;
  grid-row:3!important;
  align-self:end!important;
}
.custom-cart-demo .cart-demo-item-info .cart-demo-remove{
  grid-column:1!important;
  grid-row:3!important;
  align-self:end!important;
}


/* Vision section: present the cart and styling recommendation as complete storefront views. */
.vision-image.vision-cart-image,
.vision-image.vision-look-image{
  padding:0!important;
  background:#f4f4f2!important;
  align-items:stretch!important;
}
.cart-feature-screen,
.look-feature-screen{
  width:100%;
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  color:#1a1a18;
  background:#f8f8f7;
  font-family:Arial,Helvetica,sans-serif;
}
.cart-screen-header,
.look-screen-header{
  flex:0 0 34px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 14px;
  border-bottom:1px solid #e5e5e2;
  background:#fff;
  font-size:6px;
  letter-spacing:.13em;
}
.cart-screen-header strong,
.look-screen-header strong{
  font:14px Georgia,'Times New Roman',serif;
  letter-spacing:.07em;
  white-space:nowrap;
}
.cart-screen-header span:last-child,
.look-screen-header span:last-child{text-align:right}
.cart-screen-content{
  display:flex;
  flex:1;
  min-height:0;
  flex-direction:column;
  padding:13px 17px 11px;
  background:#f8f8f7;
}
.cart-screen-kicker,
.look-screen-kicker{
  color:#777773;
  font-size:6px;
  letter-spacing:.14em;
}
.cart-screen-content h4{
  margin:5px 0 10px;
  font:19px/1.1 Georgia,'Times New Roman',serif;
  letter-spacing:-.025em;
}
.cart-screen-item{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:9px;
  align-items:stretch;
  min-height:68px;
  padding:8px 0;
  border-top:1px solid #d9d9d5;
  border-bottom:1px solid #d9d9d5;
}
.cart-screen-item>img{
  width:54px;height:60px;object-fit:contain;background:#efefed;mix-blend-mode:multiply;
}
.cart-screen-item-copy{
  display:flex;min-width:0;flex-direction:column;align-items:flex-start;
}
.cart-screen-item-copy strong{font:10px/1.3 Georgia,'Times New Roman',serif}
.cart-screen-item-copy small{margin-top:3px;color:#777;font-size:6px;letter-spacing:.1em}
.cart-screen-item-copy button{
  margin-top:auto;padding:3px 0 1px;border:0;border-bottom:1px solid #aaa;background:none;
  color:#777;font-size:6px;letter-spacing:.12em;
}
.cart-screen-item>strong{align-self:end;padding-bottom:5px;font:11px Arial,sans-serif;white-space:nowrap}
.cart-screen-quantity{display:flex;justify-content:flex-end;gap:5px;margin-top:7px;color:#555;font-size:6px}
.cart-screen-comparison{
  display:flex;justify-content:center;gap:12px;margin-top:auto;padding:9px 0 7px;
  color:#888;font-size:6px;
}
.cart-screen-comparison b{color:#222;font-weight:400;border-bottom:1px solid #222;padding-bottom:2px}
.cart-screen-subtotal{
  display:flex;justify-content:space-between;align-items:center;padding:8px 0 5px;
  border-top:1px solid #d9d9d5;font-size:6px;letter-spacing:.12em;
}
.cart-screen-subtotal strong{font-size:11px;letter-spacing:0;font-weight:400}
.cart-screen-note{margin:0 0 8px;color:#777;font-size:6px}
.cart-screen-checkout{
  display:flex;justify-content:space-between;align-items:center;min-height:27px;padding:0 10px;
  background:#171715;color:#fff;font-size:6px;letter-spacing:.12em;
}
.cart-screen-checkout span:last-child{font-size:12px}
.cart-screen-foot{
  padding:7px 12px;background:#fff;border-top:1px solid #e6e6e2;text-align:center;
  color:#777;font-size:5px;letter-spacing:.13em;
}
.look-feature-screen{background:#fff}
.look-screen-header{flex-basis:34px}
.look-screen-header .look-icons{justify-self:start;letter-spacing:.14em}
.look-screen-header strong{justify-self:center}
.look-screen-header .look-bag-count{justify-self:end}
.look-screen-product{
  display:grid;grid-template-columns:40% 60%;align-items:center;gap:8px;
  padding:8px 15px;background:#efefed;border-bottom:1px solid #e3e3df;
}
.look-screen-product img{
  width:100%;height:92px;object-fit:contain;mix-blend-mode:multiply;
}
.look-screen-product-copy small{display:block;margin-bottom:5px;color:#777;font-size:5px;letter-spacing:.13em}
.look-screen-product-copy strong{display:block;font:14px/1.15 Georgia,'Times New Roman',serif}
.look-screen-product-copy span{display:block;margin-top:6px;font-size:7px}
.look-screen-pairings{display:flex;flex:1;min-height:0;flex-direction:column;padding:9px 15px 6px}
.look-screen-pairings>small{margin-bottom:5px;color:#777;font-size:5px;letter-spacing:.14em}
.look-screen-pairing{
  display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:7px;
  flex:1;min-height:34px;border-top:1px solid #e6e6e2;font-size:7px;
}
.look-screen-pairing i{
  width:9px;height:9px;border:1px solid #888;display:grid;place-items:center;
  color:#fff;font:7px Arial,sans-serif;
}
.look-screen-pairing.is-selected i{border-color:#171715;background:#171715}
.look-screen-pairing span small{display:block;margin-top:2px;color:#777;font-size:5px;letter-spacing:.07em}
.look-screen-pairing b{font-size:7px;font-weight:400}
.look-screen-total{
  display:flex;justify-content:space-between;align-items:center;padding:7px 15px;
  border-top:1px solid #d9d9d5;font-size:6px;letter-spacing:.1em;
}
.look-screen-total strong{font:11px Arial,sans-serif;letter-spacing:0}
.look-screen-add{
  min-height:27px;margin:0 15px 9px;display:flex;justify-content:space-between;align-items:center;
  padding:0 10px;background:#171715;color:#fff;font-size:6px;letter-spacing:.1em;
}
.look-screen-add span:last-child{font-size:12px}
.look-screen-note{padding:5px 12px;text-align:center;color:#777;font-size:5px;letter-spacing:.09em;border-top:1px solid #e6e6e2}
@media(max-width:640px){
  .vision-image.vision-cart-image,.vision-image.vision-look-image{height:330px!important}
}


/* Interactive curated outfit add-on used by the fourth conversion study. */
.look-experience{width:min(100%,410px);max-height:calc(100dvh - 90px);background:#fff}
.look-demo-bag{justify-self:end;display:grid;place-items:center;width:19px;height:19px;border:1px solid #bbb;border-radius:50%;font:9px Arial,sans-serif}
.look-demo-product{display:grid;grid-template-columns:40% 60%;align-items:center;min-height:130px;padding:10px 18px;background:#efefed;border-bottom:1px solid #deded9;gap:12px}
.look-demo-product img{width:100%;height:115px;object-fit:contain;mix-blend-mode:multiply}
.look-demo-product small{color:#777;font-size:7px;letter-spacing:.12em}
.look-demo-product h3{margin:6px 0;font:18px/1.2 Georgia,'Times New Roman',serif}
.look-demo-product span{font-size:9px}
.look-demo-body{padding:17px 20px 20px}
.look-demo-kicker{font:9px Arial,sans-serif;letter-spacing:.13em;color:#777}
.look-demo-body>p{margin:7px 0 18px;color:#555;font:11px/1.5 Arial,sans-serif}
.look-demo-label{margin-bottom:6px;font:8px Arial,sans-serif;letter-spacing:.12em;color:#777}
.look-demo-option{width:100%;min-height:50px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;padding:7px 0;border:0;border-top:1px solid #e2e2de;background:#fff;text-align:left;color:#222;font:11px Arial,sans-serif;cursor:pointer}
.look-demo-option .look-demo-check{width:14px;height:14px;display:grid;place-items:center;border:1px solid #aaa;color:transparent;font-size:9px}
.look-demo-option.is-selected .look-demo-check{background:#171715;color:#fff;border-color:#171715}
.look-demo-option small{display:block;margin-top:3px;color:#777;font-size:7px;letter-spacing:.1em}
.look-demo-option b{font-size:10px;font-weight:400}
.look-demo-total{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding:11px 0;border-top:1px solid #d9d9d5;font-size:8px;letter-spacing:.12em}
.look-demo-total strong{font:13px Arial,sans-serif;letter-spacing:0}
.look-demo-add{margin:0!important;min-height:42px!important;height:auto!important;font:9px Arial,sans-serif!important;letter-spacing:.1em}
.look-demo-add:disabled{opacity:.45;cursor:default}
@media(max-width:600px){
  .look-experience{width:100%;max-width:410px}
  .look-demo-product{min-height:116px;padding:8px 16px}
  .look-demo-product img{height:100px}
  .look-demo-body{padding:14px 18px 18px}
}


/* 2026-10-18: Refined luxury shopping-cart item composition.
   Quantity sits beneath the variant with no rule above it. */
.custom-cart-demo[data-cart-view="after"] .cart-demo-item{
  grid-template-columns:clamp(82px,26%,112px) minmax(0,1fr)!important;
  gap:13px!important;
  padding:13px 0!important;
  align-items:stretch!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-image{
  height:116px!important;
  align-self:start!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-item-info{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto 1fr auto!important;
  gap:5px 8px!important;
  width:100%!important;
  min-width:0!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-item-info h3{
  grid-column:1/3!important;grid-row:1!important;
  font-size:clamp(13px,2.7vw,17px)!important;
  line-height:1.24!important;
  font-weight:400!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-variant-row{
  grid-column:1/3!important;grid-row:2!important;
  display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:flex-start!important;
  gap:10px!important;margin-top:5px!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-variant-row>span{
  font-size:8px!important;letter-spacing:.11em!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-quantity{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin:0!important;padding:0!important;
  height:24px!important;min-width:88px!important;
  background:transparent!important;
  border:0!important;border-top:0!important;border-bottom:1px solid #bbb!important;
  border-radius:0!important;box-shadow:none!important;
  position:static!important;top:auto!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-quantity button{
  width:26px!important;height:22px!important;padding:0!important;
  background:transparent!important;border:0!important;font-size:13px!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-quantity span{
  min-width:22px!important;font-size:10px!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-remove{
  grid-column:1!important;grid-row:3!important;
  align-self:end!important;margin:0!important;
  border-bottom:0!important;padding:0!important;
  font-size:7px!important;color:#888!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-price{
  grid-column:2!important;grid-row:3!important;
  align-self:end!important;justify-self:end!important;
  margin:0!important;transform:none!important;
  font-size:12px!important;white-space:nowrap!important;
}


/* Smaller, quieter quantity control for the refined cart. */
.custom-cart-demo[data-cart-view="after"] .cart-demo-quantity{
  min-width:72px!important;
  width:72px!important;
  height:20px!important;
  border-top:0!important;
  border-bottom:1px solid #bdbdb9!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-quantity button{
  width:20px!important;
  height:19px!important;
  font-size:12px!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-quantity span{
  min-width:18px!important;
  font-size:9px!important;
}


/* Third vision tile: match the portrait full-screen experience, not a wide cart collage. */
.vision-image.vision-cart-image{padding:0!important;align-items:stretch!important;background:#f8f8f7!important}
.cart-portrait-preview{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#f8f8f7;color:#1a1a18;font-family:Arial,Helvetica,sans-serif}
.cpp-header{flex:0 0 33px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;background:#fff;font-size:8px}
.cpp-header strong{font:13px Georgia,'Times New Roman',serif;letter-spacing:.055em;white-space:nowrap}
.cpp-header span:last-child{text-align:right}
.cpp-back{flex:0 0 22px;border-bottom:1px solid #dededb;padding:5px 13px;font:italic 7px Georgia,serif}
.cpp-body{display:flex;flex:1;min-height:0;flex-direction:column;padding:12px 14px 11px}
.cpp-body h4{font:16px Georgia,'Times New Roman',serif;margin:0 0 14px}
.cpp-product{display:grid;grid-template-columns:60px minmax(0,1fr);gap:9px;position:relative;padding:10px 0;border-top:1px solid #d7d7d3;border-bottom:1px solid #d7d7d3;min-height:86px}
.cpp-product img{width:60px;height:75px;object-fit:contain;background:#efefed;mix-blend-mode:multiply}
.cpp-product-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.cpp-product-info strong{font:10px/1.15 Georgia,'Times New Roman',serif;white-space:nowrap}
.cpp-product-info small{font-size:6px;letter-spacing:.08em;color:#888;margin-top:5px}
.cpp-quantity{font-size:8px;border-bottom:1px solid #bbb;padding:5px 2px 4px;margin-top:5px}
.cpp-remove{font-size:6px;color:#888;border-bottom:1px solid #888;letter-spacing:.11em;margin-top:auto;padding-bottom:2px;position:relative;top:-1px}
.cpp-price{position:absolute;bottom:10px;right:0;font-size:10px}
.cpp-spacer{flex:1;min-height:12px}
.cpp-switch{text-align:center;padding:8px 0 10px;color:#aaa;font-size:8px}
.cpp-switch span{color:#222;border-bottom:1px solid #222;padding-bottom:3px}
.cpp-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d7d7d3;padding-top:9px}
.cpp-total small{font-size:7px;letter-spacing:.12em;color:#777}
.cpp-total strong{font-size:11px;font-weight:400}
.cpp-body p{font-size:7px;color:#888;margin:8px 0 11px}
.cpp-checkout{height:28px;background:#171715;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 11px;font-size:7px;letter-spacing:.1em}
.cpp-checkout span:last-child{font-size:14px}


/* Deliberately basic template-store aesthetic: BEFORE state only.
   Keep AFTER as the refined luxury comparison. */
.custom-cart-demo[data-cart-view="before"]{
  font-family:Arial,Helvetica,sans-serif!important;
  background:#fff!important;color:#161616!important;
  box-shadow:none!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-before-header{
  background:#e8e8e8!important;min-height:66px!important;
  padding:15px 16px!important;border-bottom:1px solid #b9b9b9!important;
  font:11px Arial,Helvetica,sans-serif!important;letter-spacing:0!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-before-header b{
  font:bold 18px Arial,Helvetica,sans-serif!important;letter-spacing:-.02em!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-content{
  padding:26px 16px 22px!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-back{
  border-bottom:1px solid #ddd!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-back em{
  font:12px Arial,Helvetica,sans-serif!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-title-cart h2{
  font:bold 24px/1.25 Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-item{
  background:#f8f8f8!important;
  border:1px solid #c6c6c6!important;
  padding:15px!important;gap:14px!important;
  border-radius:0!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-image{
  background:#dedede!important;height:125px!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-image img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  mix-blend-mode:normal!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-item-info h3{
  font:bold 14px/1.3 Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-variant-row>span{
  font:10px Arial,Helvetica,sans-serif!important;
  color:#444!important;letter-spacing:0!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-quantity{
  width:auto!important;min-width:93px!important;height:28px!important;
  padding:0!important;display:flex!important;
  flex-direction:row!important;align-items:center!important;
  border:1px solid #999!important;background:#f6f6f6!important;
  border-radius:0!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-quantity button{
  width:29px!important;height:26px!important;
  font-size:14px!important;background:transparent!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-quantity span{
  font-size:11px!important;min-width:26px!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-remove{
  font:11px Arial,Helvetica,sans-serif!important;
  color:#333!important;letter-spacing:0!important;
  border-bottom:1px solid #777!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-price{
  font:14px Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-checkout{
  background:#686868!important;border:1px solid #222!important;
  color:white!important;font:13px Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;border-radius:0!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-summary,
.custom-cart-demo[data-cart-view="before"] .cart-demo-note{
  font-family:Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
}

/* Reference-inspired modest template design, isolated to BEFORE. */
.cart-budget-shipping,.cart-budget-summary,.cart-budget-payments{display:none}
.custom-cart-demo[data-cart-view="before"] .cart-budget-shipping{display:block;text-align:center;margin:0 0 26px;color:#666;font:14px Arial,sans-serif}
.custom-cart-demo[data-cart-view="before"] .cart-budget-progress{height:5px;margin-top:13px;background:#e6e6e6;border-radius:4px;overflow:hidden}
.custom-cart-demo[data-cart-view="before"] .cart-budget-progress i{display:block;width:100%;height:100%;background:#819f8e}
.custom-cart-demo[data-cart-view="before"] .cart-demo-title-cart{display:none!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-back{display:none!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-content{padding:20px 18px 28px!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-item{border:0!important;background:transparent!important;padding:10px 0 34px!important;grid-template-columns:90px minmax(0,1fr)!important;gap:17px!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-image{height:105px!important;background:transparent!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-image img{object-fit:contain!important;mix-blend-mode:normal!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-item-info{grid-column:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto auto!important;gap:7px!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-item-info h3{font:15px/1.35 Arial,sans-serif!important;color:#646464!important;grid-column:1/3!important;grid-row:1!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-variant-row{grid-column:1/3!important;grid-row:3!important;align-items:flex-start!important;gap:10px!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-variant-row>span{display:none!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-price{grid-column:1/3!important;grid-row:2!important;justify-self:start!important;align-self:start!important;font:16px Arial,sans-serif!important;color:#858585!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-quantity{width:56px!important;min-width:56px!important;height:28px!important;border:1px solid #ddd!important;background:#fff!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-quantity button{width:13px!important;font-size:10px!important;color:#777!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-quantity span{min-width:23px!important;font-size:12px!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-remove{grid-column:2!important;grid-row:3!important;align-self:center!important;justify-self:start!important;margin:0 0 0 8px!important;font:11px Arial,sans-serif!important;color:#888!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-sticky{padding:0!important}
.custom-cart-demo[data-cart-view="before"] .cart-budget-summary{display:flex;flex-direction:column;border:1px solid #dedede;background:#fafafa;padding:19px 17px 0;margin-top:0;gap:12px}
.custom-cart-demo[data-cart-view="before"] .cart-budget-summary-row{display:flex;justify-content:space-between;align-items:center;font:14px Arial,sans-serif;color:#888}
.custom-cart-demo[data-cart-view="before"] .cart-budget-summary-row strong{font-weight:400}
.custom-cart-demo[data-cart-view="before"] .cart-budget-total{font-size:17px;color:#555;margin-bottom:10px}
.custom-cart-demo[data-cart-view="before"] .cart-budget-summary label{font:13px Arial,sans-serif;color:#555}
.custom-cart-demo[data-cart-view="before"] .cart-budget-summary textarea{width:100%;height:92px;resize:vertical;border:1px solid #ddd;background:transparent;padding:10px;font:12px Arial,sans-serif;border-radius:0;margin-bottom:17px}
.custom-cart-demo[data-cart-view="before"] .cart-demo-summary,.custom-cart-demo[data-cart-view="before"] .cart-demo-note{display:none!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-checkout{width:calc(100% - 34px)!important;margin:-53px 17px 17px!important;position:relative;top:69px;height:45px!important;background:#809d8e!important;border:0!important;text-align:center!important;justify-content:center!important;font:14px Arial,sans-serif!important}
.custom-cart-demo[data-cart-view="before"] .cart-demo-checkout>span{display:none!important}
.custom-cart-demo[data-cart-view="before"] .cart-budget-summary{padding-bottom:72px}
.custom-cart-demo[data-cart-view="before"] .cart-budget-payments{display:block;padding:19px 18px 24px;text-align:center;color:#888;font:12px Arial,sans-serif}
.custom-cart-demo[data-cart-view="before"] .cart-budget-payments p{margin:0 0 14px}
.custom-cart-demo[data-cart-view="before"] .cart-budget-payment-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.custom-cart-demo[data-cart-view="before"] .cart-budget-payment-logos span{display:inline-flex;justify-content:center;align-items:center;min-width:46px;min-height:22px;padding:3px 6px;background:#fff;border:1px solid #ddd;border-radius:2px;color:#444;font:bold 9px Arial,sans-serif}


/* After cart only: slightly more legible subtotal and underlined remove action. */
.custom-cart-demo[data-cart-view="after"] .cart-demo-summary>span{
  font-size:11px!important;
  line-height:1.35!important;
}
.custom-cart-demo[data-cart-view="after"] .cart-demo-remove{
  font-size:9px!important;
  line-height:1.3!important;
  border:0!important;
  border-bottom:1px solid #8c8c88!important;
  padding:0 0 2px!important;
  text-decoration:none!important;
}

/* After cart: reduce REMOVE text by one pixel, retaining underline. */
.custom-cart-demo[data-cart-view="after"] .cart-demo-remove{font-size:8px!important}


/* Before cart: compact order summary and above-the-fold checkout spacing. */
.custom-cart-demo[data-cart-view="before"] .cart-budget-summary{
  gap:8px!important;
  padding:13px 14px 13px!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-budget-total{
  margin-bottom:3px!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-budget-summary textarea{
  height:54px!important;
  min-height:54px!important;
  margin-bottom:0!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-checkout{
  position:static!important;
  top:auto!important;
  width:100%!important;
  margin:12px 0 0!important;
  height:42px!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-budget-payments{
  padding:16px 18px 19px!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-budget-payments p{
  margin:0 0 11px!important;
}
.custom-cart-demo[data-cart-view="before"] .cart-demo-content{
  padding-bottom:14px!important;
}

/* Slimmer Bring Your Vision to Life carousel progress indicator. */
#visionScrollbar #visionFill{height:1px!important;top:11px!important}

/* Cart quantity controls: remove the browser's heavy focus box; preserve keyboard accessibility with a subtle underline. */
.custom-cart-demo .cart-demo-quantity button,
.custom-cart-demo .cart-demo-quantity button:focus,
.custom-cart-demo .cart-demo-quantity button:active{
  outline:none!important;box-shadow:none!important;
  border:0!important;border-radius:0!important;
  -webkit-tap-highlight-color:transparent!important;
}
.custom-cart-demo .cart-demo-quantity button:focus-visible{
  outline:none!important;
  box-shadow:inset 0 -1px 0 #555!important;
}

/* Remove remaining focus underline residue on quantity +/- controls. */
.custom-cart-demo .cart-demo-quantity button:focus-visible,.custom-cart-demo .cart-demo-quantity button:focus,.custom-cart-demo .cart-demo-quantity button:active{outline:none!important;box-shadow:none!important;text-decoration:none!important;border:0!important}

/* Suppress double-tap zoom on mobile without disabling pinch zoom. */
html,body,button,a,input,select,textarea,summary,[role="button"],.vision-image,.experience-dialog{touch-action:manipulation}

/* Before cart: home navigation without decorative button boxes. */
.custom-cart-demo[data-cart-view="before"] .cart-before-home{appearance:none;border:0;background:transparent;padding:0;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}
.custom-cart-demo[data-cart-view="before"] .cart-before-header>.cart-before-home{font:bold 18px Arial,Helvetica,sans-serif!important;letter-spacing:-.02em!important}

/* After checkout interaction: visual press only; no feedback text or layout shift. */
.custom-cart-demo[data-cart-view="after"] .cart-demo-checkout.is-clicked{background:#424240!important;transition:background .13s ease!important}

/* House-wide interaction rule: never draw rectangular focus frames around controls.
   Text underline is the keyboard focus cue; normal component borders remain intact. */
:where(button,a,summary,[role="button"],input,select,textarea):focus{
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
:where(button,a,summary,[role="button"]):focus-visible{
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
#closeExperience:focus,#closeExperience:focus-visible,
.dialog-close:focus,.dialog-close:focus-visible,
.sg-close:focus,.sg-close:focus-visible,
.experience-close:focus,.experience-close:focus-visible,
button[aria-label="Close"]:focus,button[aria-label="Close"]:focus-visible,
button[aria-label="Close dialog"]:focus,button[aria-label="Close dialog"]:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent!important;
}

/* Final explicit size-guide close control reset, including tap/focus states. */
#experienceContent #sgClose,
#experienceContent #sgClose:hover,
#experienceContent #sgClose:focus,
#experienceContent #sgClose:focus-visible,
#experienceContent #sgClose:active{
  appearance:none!important;-webkit-appearance:none!important;
  border:none!important;outline:none!important;box-shadow:none!important;
  border-radius:0!important;background:transparent!important;padding:0!important;
}
#experienceContent #sgClose::before,
#experienceContent #sgClose::after{border:none!important;box-shadow:none!important}

/* Size guide CLOSE: completely unadorned text and ×, including the nested icon. */
#sgClose,#sgClose *,#sgClose:hover,#sgClose:active,#sgClose:focus,#sgClose:focus-visible,
#experienceContent #sgClose,#experienceContent #sgClose *{
  text-decoration:none!important;text-decoration-line:none!important;
  border:0!important;border-bottom:0!important;
  outline:0!important;box-shadow:none!important;
  background:transparent!important;
}
#sgClose::before,#sgClose::after,#sgClose span::before,#sgClose span::after{content:none!important;text-decoration:none!important;border:0!important;box-shadow:none!important}


/* Cart experience: the Maison Valet wordmark is a logo, never an underlined text link. */
.custom-cart-demo .cart-before-header>.cart-before-home,
.custom-cart-demo .cart-before-header>.cart-before-home:hover,
.custom-cart-demo .cart-before-header>.cart-before-home:focus,
.custom-cart-demo .cart-before-header>.cart-before-home:focus-visible,
.custom-cart-demo .cart-before-header>.cart-before-home:active,
.custom-cart-demo .cart-demo-wordmark,
.custom-cart-demo .cart-demo-wordmark:hover,
.custom-cart-demo .cart-demo-wordmark:focus,
.custom-cart-demo .cart-demo-wordmark:focus-visible,
.custom-cart-demo .cart-demo-wordmark:active{
  text-decoration:none!important;
  text-decoration-line:none!important;
  text-underline-offset:0!important;
}


/* Aureline's header wordmark acts as a return-to-vision control. */
.ring-mobile-head .aureline-home-logo{
  justify-self:center!important;text-align:center!important;white-space:nowrap!important;
  border:0!important;padding:0!important;margin:0!important;background:transparent!important;
  color:inherit!important;font:inherit!important;letter-spacing:inherit!important;
  cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important;
}


/* Private inquiry: a true full-screen, quiet editorial flow. */
#qualify.dialog,
#qualify.dialog.next-steps-mode{
  position:fixed!important;inset:0!important;
  width:100vw!important;height:100vh!important;height:100dvh!important;
  max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:#fff!important;box-shadow:none!important;
  overflow:hidden!important;
}
#qualify.dialog::backdrop{background:#fff!important;backdrop-filter:none!important}
#qualify.dialog .dialog-inner{
  box-sizing:border-box!important;
  width:min(100%,780px)!important;max-width:780px!important;
  height:100%!important;min-height:100dvh!important;
  margin:0 auto!important;
  padding:max(28px,env(safe-area-inset-top)) clamp(22px,6vw,72px) max(22px,env(safe-area-inset-bottom))!important;
  background:#fff!important;
  display:flex!important;flex-direction:column!important;
  overflow-y:auto!important;overscroll-behavior:contain;
}
#qualify.dialog .dialog-top{
  padding-bottom:18px!important;margin-bottom:18px!important;
  border-bottom:1px solid #e7e7e7!important;align-items:center!important;
}
#qualify.dialog .q-count{margin:0 0 12px!important;font-size:10px!important;letter-spacing:.14em!important;color:#777!important}
#qualify.dialog h2{max-width:640px!important;font-size:clamp(25px,4vw,36px)!important;line-height:1.14!important;margin:0 0 22px!important}
#qualify.dialog #answerArea{width:100%!important}
#qualify.dialog .dialog-actions{
  margin-top:auto!important;padding-top:18px!important;
  display:flex!important;justify-content:space-between!important;
  border-top:1px solid #e7e7e7!important;
}
#qualify.dialog .progress{margin:18px 0 10px!important}
#qualify.dialog .privacy{margin:14px 0 0!important;max-width:620px!important;color:#777!important}
#qualify.dialog.next-steps-mode .dialog-inner{max-width:900px!important;width:min(100%,900px)!important}
#qualify.dialog.next-steps-mode .dialog-top{margin-bottom:14px!important}
@media(max-width:640px){
  #qualify.dialog .dialog-inner{
    padding:max(20px,env(safe-area-inset-top)) 22px max(16px,env(safe-area-inset-bottom))!important;
  }
  #qualify.dialog .dialog-top{padding-bottom:14px!important;margin-bottom:16px!important}
  #qualify.dialog h2{font-size:25px!important;margin-bottom:18px!important}
  #qualify.dialog .progress{margin:15px 0 9px!important}
  #qualify.dialog .dialog-actions{padding-top:13px!important}
}

/* Keep all four category mobile studies a touch smaller as one complete composition. */
#showcaseStage #storefrontPreview.ls-mobile{
  zoom:.70!important;
}


/* Mobile category showcase: equal preview scale, tighter controls-to-image rhythm. */
#showcaseStage #storefrontPreview.ls-mobile{zoom:.58!important}
#showcaseStage:has(#storefrontPreview.ls-mobile){
  display:flex!important;justify-content:center!important;align-items:flex-start!important;
  min-height:0!important;
}
@media(max-width:640px){
  #experience:has(#storefrontPreview.ls-mobile){
    padding-top:32px!important;padding-bottom:24px!important;
  }
  #experience:has(#storefrontPreview.ls-mobile) .preview-layout{gap:4px!important}
  #experience:has(#storefrontPreview.ls-mobile) .preview-left h2{margin:0 0 8px!important}
  #experience:has(#storefrontPreview.ls-mobile) .preview-left p{line-height:1.45!important;margin-bottom:8px!important}
  #experience:has(#storefrontPreview.ls-mobile) .industry-control{
    margin:8px 0 0!important;gap:3px!important;
  }
  #experience:has(#storefrontPreview.ls-mobile) .industry-control button{
    min-height:30px!important;padding:6px 0!important;
  }
  #experience:has(#storefrontPreview.ls-mobile) .view-switch{
    margin-top:7px!important;gap:14px!important;
  }
  #experience:has(#storefrontPreview.ls-mobile) .view-switch button{padding:3px 0!important}
  #showcaseStage:has(#storefrontPreview.ls-mobile){
    margin-top:7px!important;padding:6px!important;
  }
  #experience:has(#storefrontPreview.ls-mobile) .showcase-cta{
    margin:8px 0 0!important;padding:0!important;border:0!important;
  }
  #experience:has(#storefrontPreview.ls-mobile) .showcase-cta .action{margin:0!important}
}

/* Mobile showcase spacing: clear separation without losing the above-fold composition. */
@media(max-width:640px){
  #experience:has(#storefrontPreview.ls-mobile) .industry-control{margin-top:16px!important}
  #experience:has(#storefrontPreview.ls-mobile) .view-switch{margin-bottom:9px!important}
  #experience:has(#storefrontPreview.ls-mobile) .showcase-cta{margin-top:18px!important}
}

/* Keep Website and Mobile category views locked to one shared mobile-stage geometry. */
@media(max-width:640px){
  #experience:has(#storefrontPreview){
    padding-top:32px!important;padding-bottom:24px!important;
  }
  #experience:has(#storefrontPreview) .preview-layout{gap:4px!important}
  #experience:has(#storefrontPreview) .preview-left h2{margin:0 0 8px!important}
  #experience:has(#storefrontPreview) .preview-left p{line-height:1.45!important;margin-bottom:8px!important}
  #experience:has(#storefrontPreview) .industry-control{margin:16px 0 0!important;gap:3px!important}
  #experience:has(#storefrontPreview) .industry-control button{min-height:30px!important;padding:6px 0!important}
  #experience:has(#storefrontPreview) .view-switch{margin:7px 0 9px!important;gap:14px!important}
  #experience:has(#storefrontPreview) .view-switch button{padding:3px 0!important}
  #showcaseStage:has(#storefrontPreview){
    box-sizing:border-box!important;display:grid!important;place-items:center!important;
    width:100%!important;height:440px!important;min-height:440px!important;
    margin-top:7px!important;padding:6px!important;
  }
  #experience:has(#storefrontPreview) .showcase-cta{
    margin:18px 0 0!important;padding:0!important;border:0!important;
  }
  #experience:has(#storefrontPreview) .showcase-cta .action{margin:0!important}
}

/* Bring Your Vision: shared full-phone canvas for the first three previews and the new fit tool.
   These selectors are scoped to the visible portfolio cards; Experience modals remain untouched. */
#vision .ring-preview-product.ring-cover-mobile,
#vision .cart-portrait-preview,
#vision .fit-match-screen{
  width:auto!important;
  height:100%!important;
  min-height:0!important;
  max-width:100%!important;
  aspect-ratio:9 / 16!important;
  margin:0 auto!important;
  flex:0 0 auto!important;
}
#vision .ring-preview-product.ring-cover-mobile{overflow:hidden!important}
#vision .cart-portrait-preview,
#vision .fit-match-screen{align-self:center!important}
@media(max-width:640px){
  #vision .vision-image.vision-cart-image,
  #vision .vision-image.vision-look-image{height:320px!important}
}

/* Distinctive size-confidence concept: match a new item against a garment the shopper already trusts. */
#vision .fit-match-screen{
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  color:#191916!important;background:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
#vision .fit-match-header{
  flex:0 0 34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:0 11px;border-bottom:1px solid #e7e7e4;font-size:6px;letter-spacing:.09em;
}
#vision .fit-match-header strong{font:13px Georgia,'Times New Roman',serif;letter-spacing:.08em}
#vision .fit-match-header span:last-child{text-align:right}
#vision .fit-match-content{
  min-height:0;flex:1;display:flex;flex-direction:column;padding:11px 12px 8px;
}
#vision .fit-match-kicker,#vision .fit-match-note{
  color:#777;font-size:5px;letter-spacing:.13em;
}
#vision .fit-match-content h4{
  margin:7px 0 3px;font:16px/1.16 Georgia,'Times New Roman',serif;letter-spacing:-.02em;
}
#vision .fit-match-content>p{margin:0 0 9px;color:#666;font:7px/1.4 Arial,sans-serif}
#vision .fit-reference-piece{
  display:grid;grid-template-columns:34% 1fr;align-items:center;gap:7px;
  min-height:70px;padding:6px;background:#efefed;
}
#vision .fit-reference-piece img{width:100%;height:58px;object-fit:contain;mix-blend-mode:multiply}
#vision .fit-reference-piece div{display:flex;min-width:0;flex-direction:column;gap:4px}
#vision .fit-reference-piece small{font-size:4px;color:#777;letter-spacing:.12em}
#vision .fit-reference-piece strong{font:10px/1.2 Georgia,'Times New Roman',serif}
#vision .fit-reference-piece span{font-size:5px;color:#666;white-space:nowrap}
#vision .fit-match-result{margin-top:auto;padding:8px 8px 7px;border-top:1px solid #dededb}
#vision .fit-match-label{font-size:5px;letter-spacing:.12em;color:#777}
#vision .fit-match-result>div{display:flex;justify-content:space-between;align-items:baseline;margin:4px 0 6px}
#vision .fit-match-result strong{font:14px Georgia,'Times New Roman',serif}
#vision .fit-match-result b{font:6px Arial,sans-serif;font-weight:400;color:#555}
#vision .fit-match-result i{display:block;height:2px;background:#e3e3e0}
#vision .fit-match-result i span{display:block;width:97%;height:100%;background:#7e9a8c}
#vision .fit-match-add{
  display:flex;justify-content:space-between;align-items:center;min-height:25px;padding:0 8px;
  background:#171715;color:#fff;font-size:5px;letter-spacing:.1em;
}
#vision .fit-match-add span{font-size:10px}
#vision .fit-match-note{padding-top:6px;text-align:center;font-size:4px;letter-spacing:.05em}

/* Qualification form: keep the primary action before the lower divider. */
#qualify.dialog:not(.next-steps-mode) .dialog-actions{
  border-top:0!important;
  border-bottom:1px solid #e7e7e7!important;
  padding-top:0!important;
  padding-bottom:18px!important;
}
@media(max-width:640px){
  #qualify.dialog:not(.next-steps-mode) .dialog-actions{
    padding-top:0!important;
    padding-bottom:13px!important;
  }
}

/* Keep Back directly beside Continue in the qualification flow. */
#qualify.dialog:not(.next-steps-mode) .dialog-actions{
  justify-content:flex-end!important;
  gap:14px!important;
}
@media(max-width:600px){
  #qualify.dialog:not(.next-steps-mode) .dialog-actions{gap:12px!important}
}

/* Mobile watch study: enlarge the timepiece itself to match the product scale of the other categories. */
@media(max-width:640px){
  #storefrontPreview.ls-mobile.ls-watches .ls-watch-stage>img{
    width:54%!important;
    height:90%!important;
  }
}

/* Match the full mobile watch-page frame to the other category previews, then give the watch artwork the same visual presence as the other products. */
@media(max-width:640px){
  #storefrontPreview.ls-mobile.ls-watches .ls-watch-stage{height:374px!important}
  #storefrontPreview.ls-mobile.ls-watches .ls-watch-stage>img{width:54%!important;height:73.5%!important}
}

/* Vision card 3: render the mobile After-cart composition at the full shared phone scale. */
#vision .vision-cart-preview-frame{
  position:relative;flex:0 0 auto;height:100%;width:auto;aspect-ratio:9/16;
  margin:0 auto;overflow:hidden;
}
#vision .vision-cart-preview{
  position:absolute!important;top:0;left:0;
  width:390px!important;height:693px!important;min-height:0!important;
  max-width:none!important;max-height:none!important;margin:0!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  transform:scale(.47619);transform-origin:top left;box-shadow:none!important;
  background:#fff!important;
}
#vision .vision-cart-preview .cart-demo-header{
  flex:0 0 50px!important;height:50px!important;min-height:50px!important;
}
#vision .vision-cart-preview .cart-demo-content{
  flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;
}
#vision .vision-cart-preview .cart-demo-item{flex:none!important}
#vision .vision-cart-preview .cart-view-switch{margin-top:auto!important}
#vision .vision-cart-preview .cart-demo-sticky{flex:none!important}
#vision .vision-cart-preview .cart-demo-actions{display:flex!important;align-items:center!important;gap:9px!important}
#vision .vision-cart-preview .cart-demo-actions .du-icon,
#vision .vision-cart-preview .vision-cart-bag svg{
  display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;
}
#vision .vision-cart-preview .vision-cart-bag{position:relative;display:grid;place-items:center;width:20px;height:24px}
#vision .vision-cart-preview .vision-cart-bag b{
  position:absolute;top:-5px;right:-6px;display:grid;place-items:center;
  min-width:13px;height:13px;padding:0 3px;border-radius:50%;background:#191916;color:#fff;
  font:8px/1 Arial,sans-serif;
}
#vision .mini-bag-icon{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:20px;vertical-align:middle;
}
#vision .mini-bag-icon svg{
  display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;
}
#vision .mini-bag-icon i{top:-5px;right:-5px;}
@media(max-width:640px){
  #vision .vision-cart-preview{transform:scale(.46176)}
}

/* Keep the cart preview's layout frame exactly the size of the neighboring phone previews. */
#vision .vision-cart-preview-frame{width:185.625px!important;height:330px!important}
@media(max-width:640px){
  #vision .vision-cart-preview-frame{width:180px!important;height:320px!important}
}
/* Match both ring-navigation icons to a shared box and optical baseline. */
#vision .mini-account-icon{
  display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;flex:none;transform:translateY(1px);
}
#vision .mini-bag-icon{transform:translateY(1px)}
#vision .mini-bag-icon svg{width:16px;height:16px}

/* Ring card header: the runtime-rendered bag uses the same icon box as Menu, Search and Account. */
#vision .ring-card-nav .ring-bag-icon{
  display:grid!important;place-items:center!important;
  width:11px!important;height:17px!important;
  min-width:11px!important;flex:0 0 11px!important;
  align-self:center!important;line-height:0!important;
}
#vision .ring-card-nav .ring-bag-icon .du-icon{
  display:block!important;width:10px!important;height:10px!important;
  min-width:0!important;min-height:0!important;
}

/* Keep the entire cart preview in normal flow: controls, then checkout at the foot. */
#vision .vision-cart-preview .cart-demo-content{overflow:hidden!important}
#vision .vision-cart-preview .cart-view-switch{margin-top:auto!important}
#vision .vision-cart-preview .cart-demo-sticky{
  position:static!important;bottom:auto!important;z-index:auto!important;
  flex:0 0 auto!important;margin-top:0!important;
}


/* Product galleries: three quiet, static indicators. */
#storefrontPreview .ls-image-bars{display:flex;justify-content:center;align-items:center;gap:5px;pointer-events:none;user-select:none}
#storefrontPreview .ls-image-bars i{display:block;flex:0 0 27px;width:27px;height:2px;background:#c9c9c9}
#storefrontPreview .ls-image-bars i.is-current{background:#191916}
#storefrontPreview .ls-jewel-art>.ls-image-bars,
#storefrontPreview .ls-fashion-art>.ls-image-bars,
#storefrontPreview .ls-watch-stage>.ls-image-bars{position:absolute;bottom:19px;left:0;right:0}
#storefrontPreview.ls-mobile .ls-bag-gallery>.ls-image-bars{min-height:30px;background:#eee}
#storefrontPreview.ls-mobile .ls-bag-art figcaption{display:none}

/* The MONTELI screen follows the current store's image, title, price, cart order. */
#storefrontPreview.ls-clothing .ls-fashion-art{background:#f7f7f7!important}
#storefrontPreview.ls-clothing .ls-fashion-info{align-self:start;padding-top:30px}
#storefrontPreview.ls-clothing .ls-fashion-info h3{font:16px/1.3 'Times New Roman',Times,serif}
#storefrontPreview.ls-clothing .ls-fashion-info>.ls-price{font:9px/1.5 Helvetica,Arial,sans-serif;margin-top:13px}
#storefrontPreview.ls-clothing .ls-fashion-info>.ls-buy{margin-top:26px;min-height:30px;font-size:7px}
#storefrontPreview.ls-clothing .ls-fashion-secondary{margin-top:38px}
#storefrontPreview.ls-clothing .ls-fashion-secondary .ls-label-row{margin-top:0}
#storefrontPreview.ls-mobile.ls-clothing .ls-fashion-art{height:350px}
#storefrontPreview.ls-mobile.ls-clothing .ls-fashion-art>img{width:72%;height:84%;max-height:none}
#storefrontPreview.ls-mobile.ls-clothing .ls-fashion-info{padding:21px 18px 18px}
#storefrontPreview.ls-mobile.ls-clothing .ls-fashion-info h3{font-size:12px}
#storefrontPreview.ls-mobile.ls-clothing .ls-fashion-info>.ls-price{font-size:8px;margin-top:10px}
#storefrontPreview.ls-mobile.ls-clothing .ls-fashion-info>.ls-buy{min-height:28px;margin-top:22px;font-size:7px}
#storefrontPreview.ls-mobile.ls-clothing .ls-fashion-secondary{margin-top:34px}

/* Mobile horology: search, unchanged artwork scale, then the purchase panel. */
#storefrontPreview.ls-mobile .ls-watch-search{display:flex;align-items:center;gap:10px;width:calc(100% - 28px);min-height:29px;margin:9px 14px 11px;padding:0 11px;border:0;background:#f3f3f3;color:#777;text-align:left;font:6px/1.4 Arial,sans-serif;letter-spacing:.13em}
#storefrontPreview.ls-mobile .ls-watch-search>.du-icon{width:13px;height:13px;color:#222}
#storefrontPreview.ls-mobile .ls-watch-mobile-info{padding:18px 18px 16px;background:#fff}
#storefrontPreview.ls-mobile .ls-watch-breadcrumb{font:5.5px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#777;display:flex;align-items:center;gap:10px}
#storefrontPreview.ls-mobile .ls-watch-mobile-info>h3{font:18px/1.25 'Times New Roman',Times,serif;text-transform:uppercase;letter-spacing:.015em;margin:12px 0 14px}
#storefrontPreview.ls-mobile .ls-watch-mobile-price{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}
#storefrontPreview.ls-mobile .ls-watch-mobile-price .ls-price{font:12px/1.4 Arial,sans-serif;letter-spacing:.05em}
#storefrontPreview.ls-mobile .ls-watch-mobile-price .ls-favorite{color:#161616}
#storefrontPreview.ls-mobile .ls-watch-mobile-price .du-icon{width:15px;height:15px}
#storefrontPreview.ls-mobile .ls-watch-mobile-buy{display:flex;justify-content:space-between;align-items:center;min-height:33px;padding:0 12px;font-size:7px;text-align:left}
#storefrontPreview.ls-mobile .ls-watch-mobile-buy>.du-icon{width:15px;height:15px}

/* Bags Website view: preserve gallery size while placing it before product information. */
#storefrontPreview.ls-website.ls-bags .ls-bag-layout{grid-template-columns:63% 37%}
#storefrontPreview.ls-website.ls-bags .ls-bag-gallery{grid-column:1;grid-row:1}
#storefrontPreview.ls-website.ls-bags .ls-bag-info{grid-column:2;grid-row:1}
@media(max-width:640px){
 #storefrontPreview.ls-website.ls-bags .ls-bag-layout{grid-template-columns:58% 42%}
}

/* Match the watch website preview to the jewelry frame, including its inset. */
#storefrontPreview.ls-website.ls-watches .ls-watch-intro{padding:18px 20px 12px}
#storefrontPreview.ls-website.ls-watches .ls-watch-stage{height:259px}
#storefrontPreview.ls-website.ls-watches .ls-watch-stage>img{height:252px}
@media(max-width:640px){#showcaseStage:has(#storefrontPreview.ls-website.ls-watches){height:auto!important;min-height:0!important;padding:12px!important}}

/* A clear, compact comparison using different bag angles and a distinct editorial storefront. */
#difference #compare{height:455px!important;background:#f3f1ed}
#difference #compare .compare-side{position:absolute;inset:0}
#difference #compare[data-view="before"] .compare-side.before,
#difference #compare[data-view="after"] .compare-side.after{display:block!important;clip-path:none!important}
#difference #compare[data-view="before"] .compare-side.after,
#difference #compare[data-view="after"] .compare-side.before{display:none!important}
#difference .comparison-screen{height:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}
#difference .comparison-screen *{box-sizing:border-box}
#difference .comparison-screen header{height:48px;min-height:48px;display:flex;align-items:center;justify-content:space-between}
#difference .comparison-screen header strong{font-weight:normal}
#difference .comparison-before{background:#fafafa;color:#222;font-family:Arial,Helvetica,sans-serif;padding:0 14px 14px}
#difference .comparison-before .comparison-promo{margin:0 -14px;height:25px;display:grid;place-items:center;background:#9c3f3b;color:#fff;font:700 8px/1 Arial,sans-serif;letter-spacing:.09em}
#difference .comparison-before header{border-bottom:1px solid #ddd;font-size:8px}
#difference .comparison-before header strong{font:bold 17px/1 Arial,sans-serif}
#difference .comparison-before .comparison-intro{padding:17px 2px 13px}
#difference .comparison-before .comparison-intro small{font:8px Arial,sans-serif;color:#888}
#difference .comparison-before .comparison-intro h3{font:bold 23px/1.15 Arial,sans-serif;margin:7px 0 2px}
#difference .comparison-before .comparison-intro p{font:10px/1.4 Arial,sans-serif;color:#666}
#difference .comparison-before .comparison-tools{font:8px Arial,sans-serif;color:#555;margin-top:9px}
#difference .comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0;flex:1}
#difference .comparison-card{min-width:0;min-height:0;display:flex;flex-direction:column}
#difference .comparison-photo{position:relative;min-height:0;flex:1;display:grid;place-items:center;overflow:hidden}
#difference .comparison-photo img{display:block;width:80%;height:82%;object-fit:contain}
#difference .comparison-before .comparison-card{padding:4px;border:1px solid #e3e3e3;background:#fff}
#difference .comparison-before .comparison-photo{background:#ebebeb}
#difference .comparison-before .comparison-card:nth-child(2) .comparison-photo{background:#e2e7e8}
#difference .comparison-before .comparison-card:nth-child(3) .comparison-photo{background:#eee8e1}
#difference .comparison-before .comparison-photo span{position:absolute;top:7px;left:7px;background:#ad403d;color:#fff;padding:4px 6px;font:700 7px Arial,sans-serif;letter-spacing:.06em}
#difference .comparison-before .comparison-photo span:empty{display:none}
#difference .comparison-before .comparison-card-copy{display:flex;justify-content:space-between;gap:4px;padding:8px 2px 2px;font:8px Arial,sans-serif}
#difference .comparison-before .comparison-card-copy b{font-weight:700}
#difference .comparison-before .comparison-card-copy strong{color:#a33f3a}
#difference .comparison-before .comparison-card>small{padding:4px 2px 2px;color:#777;font:7px Arial,sans-serif}
#difference .comparison-after{padding:0 24px 24px;background:#f6f3ed;color:#24231f}
#difference .comparison-after header{border-bottom:1px solid #cfcac0;font:8px Arial,sans-serif;letter-spacing:.08em}
#difference .comparison-after header strong{font:22px Georgia,serif;letter-spacing:.14em}
#difference .comparison-after .comparison-intro{padding:22px 0 18px;text-align:center}
#difference .comparison-after .comparison-intro small{font:8px Arial,sans-serif;letter-spacing:.2em;color:#858078}
#difference .comparison-after .comparison-intro h3{font:35px/1.1 Georgia,serif;margin:8px 0 7px}
#difference .comparison-after .comparison-intro p{font:italic 11px Georgia,serif;color:#77736c}
#difference .comparison-after .comparison-tools{height:32px;min-height:32px;border-top:1px solid #cfcac0;border-bottom:1px solid #cfcac0;display:flex;justify-content:space-between;align-items:center;font:8px Arial,sans-serif;letter-spacing:.14em;color:#68645f;margin-bottom:12px}
#difference .comparison-after .comparison-grid{gap:12px}
#difference .comparison-after .comparison-photo{background:#e9e5dd}
#difference .comparison-after .comparison-card:nth-child(2) .comparison-photo{background:#dde5e2}
#difference .comparison-after .comparison-card:nth-child(3) .comparison-photo{background:#e6dfe0}
#difference .comparison-after .comparison-card:nth-child(4) .comparison-photo{background:#dfdfdd}
#difference .comparison-after .comparison-photo span{position:absolute;left:9px;top:8px;font:8px Georgia,serif;color:#8c877d}
#difference .comparison-after .comparison-slate img{filter:none}
#difference .comparison-after .comparison-oxblood img{filter:hue-rotate(300deg) saturate(.62) brightness(.72)}
#difference .comparison-after .comparison-noir img{filter:grayscale(1) brightness(.55)}
#difference .comparison-after .comparison-card-copy{padding:8px 0 0;display:flex;align-items:flex-start;justify-content:space-between;gap:4px}
#difference .comparison-after .comparison-card-copy>div{display:grid;gap:3px}
#difference .comparison-after .comparison-card-copy b{font:13px Georgia,serif}
#difference .comparison-after .comparison-card-copy small{font:7px Arial,sans-serif;letter-spacing:.13em;color:#888}
#difference .comparison-after .comparison-card-copy strong{font:10px Georgia,serif}
@media(max-width:640px){
 #difference #compare{height:365px!important}
 #difference .comparison-before{padding:0 8px 8px}
 #difference .comparison-before .comparison-promo{margin:0 -8px;height:18px;font-size:5px}
 #difference .comparison-screen header{height:34px;min-height:34px}
 #difference .comparison-before header{font-size:5px}
 #difference .comparison-before header strong{font-size:10px}
 #difference .comparison-before .comparison-intro{padding:9px 0 7px}
 #difference .comparison-before .comparison-intro h3{font-size:17px;margin:3px 0}
 #difference .comparison-before .comparison-intro p{font-size:7px}
 #difference .comparison-before .comparison-tools{font-size:6px;margin-top:5px}
 #difference .comparison-grid{gap:4px}
 #difference .comparison-before .comparison-card{padding:2px}
 #difference .comparison-before .comparison-card-copy{font-size:5px;padding:5px 0 1px;flex-direction:column}
 #difference .comparison-before .comparison-card>small{font-size:5px}
 #difference .comparison-after{padding:0 9px 10px}
 #difference .comparison-after header{font-size:5px}
 #difference .comparison-after header strong{font-size:14px}
 #difference .comparison-after .comparison-intro{padding:12px 0 10px}
 #difference .comparison-after .comparison-intro small{font-size:5px}
 #difference .comparison-after .comparison-intro h3{font-size:21px;margin:5px 0}
 #difference .comparison-after .comparison-intro p{font-size:7px}
 #difference .comparison-after .comparison-tools{height:22px;min-height:22px;font-size:5px;margin-bottom:6px}
 #difference .comparison-after .comparison-grid{gap:5px}
 #difference .comparison-after .comparison-card-copy{padding-top:5px;display:block}
 #difference .comparison-after .comparison-card-copy b{font-size:8px}
 #difference .comparison-after .comparison-card-copy small{font-size:5px}
 #difference .comparison-after .comparison-card-copy strong{font-size:7px}
 #difference .comparison-photo img{width:94%;height:84%}
}

#difference .comparison-before .comparison-photo img{transform:scale(1.15)}
#difference .comparison-before .comparison-card:nth-child(4) .comparison-photo img{filter:grayscale(1) brightness(.5)}

/* The unrefined view uses a promotional hero and cramped supporting cards;
   the redesign stays a quiet four-across catalog. */
#difference .comparison-before .comparison-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));gap:6px
}
#difference .comparison-before .comparison-card:first-child{grid-column:1/3;grid-row:1/3}
#difference .comparison-before .comparison-card:nth-child(4){grid-column:3/5;grid-row:2}
#difference .comparison-before .comparison-card:first-child .comparison-photo span{font-size:10px;padding:6px 9px}
#difference .comparison-before .comparison-card:first-child .comparison-card-copy{font-size:11px}
#difference .comparison-before .comparison-card:not(:first-child) .comparison-card-copy{font-size:7px}
@media(max-width:640px){
 #difference .comparison-before .comparison-card:first-child .comparison-photo span{font-size:6px;padding:4px 5px}
 #difference .comparison-before .comparison-card:first-child .comparison-card-copy{font-size:6px}
 #difference .comparison-before .comparison-card:not(:first-child) .comparison-card-copy{font-size:5px}
}

#difference .comparison-before .comparison-photo img{
  position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;
  object-fit:contain;transform:none;padding:8px
}

@media(max-width:640px){
 #storefrontPreview.ls-website.ls-watches .ls-watch-intro{
   height:72px;padding:8px 12px;display:flex;flex-direction:column;
   align-items:center;justify-content:center
 }
 #storefrontPreview.ls-website.ls-watches .ls-watch-intro h3{margin:3px 0}
 #storefrontPreview.ls-website.ls-watches .ls-watch-stage{height:190px}
 #storefrontPreview.ls-website.ls-watches .ls-watch-stage>img{height:185px;width:34%}
 #storefrontPreview.ls-website.ls-watches .ls-watch-bottom{height:58px;padding:9px 15px}
 #showcaseStage:has(#storefrontPreview.ls-website.ls-watches){padding:10px!important}
}


/* One stable website viewport for every category, using Bags as the reference. */
#storefrontPreview.luxury-study.ls-website{
 --ls-website-preview-height:570px;
 height:var(--ls-website-preview-height)!important;
 min-height:var(--ls-website-preview-height)!important;
}
#experience #showcaseStage:has(#storefrontPreview.ls-website){
 height:auto!important;min-height:0!important;
 padding:clamp(12px,2.1vw,25px)!important;
}
#storefrontPreview.ls-website.ls-jewelry .ls-jewel-layout,
#storefrontPreview.ls-website.ls-jewelry .ls-jewel-art{
 height:470px;min-height:470px;
}
#storefrontPreview.ls-website.ls-watches .ls-watch-intro{padding:13px 20px 7px}
#storefrontPreview.ls-website.ls-watches .ls-watch-bottom{padding:17px 32px}
@media(max-width:640px){
 #storefrontPreview.luxury-study.ls-website{--ls-website-preview-height:429px}
 #experience #showcaseStage:has(#storefrontPreview.ls-website){padding:6px!important}
 #storefrontPreview.ls-website.ls-jewelry .ls-jewel-layout,
 #storefrontPreview.ls-website.ls-jewelry .ls-jewel-art{height:360px;min-height:360px}
 #storefrontPreview.ls-website.ls-watches .ls-watch-intro{padding:8px 12px}
 #storefrontPreview.ls-website.ls-watches .ls-watch-bottom{padding:9px 15px}
}


/* Watch typography and a shared gray surface for the four feature studies. */
#storefrontPreview.ls-mobile.ls-watches .ls-watch-mobile-price .ls-price{font-size:11px}
#storefrontPreview.ls-website.ls-watches .ls-watch-purchase>.ls-price{font-size:10px}
#vision .vision-card .vision-image{background:#f0f0f0!important}
@media(max-width:640px){
 #storefrontPreview.ls-website.ls-watches .ls-watch-purchase>.ls-price{font-size:7px}
}

/* A realistic catalog comparison: the same collection, photographed and arranged differently. */
#difference #compare{height:455px!important;background:#fff}
#difference .plp-screen{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#171717;font-family:Helvetica,Arial,sans-serif}
#difference .plp-screen *{box-sizing:border-box}
#difference .plp-screen header{flex:none}
#difference .plp-screen h3,#difference .plp-screen h4,#difference .plp-screen p{margin:0}
#difference .plp-screen svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
#difference .plp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:0}
#difference .plp-card{min-width:0;display:flex;flex-direction:column}
#difference .plp-photo{position:relative;overflow:hidden;min-height:0}
#difference .plp-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#difference .plp-oxblood img{filter:hue-rotate(300deg) saturate(.62) brightness(.72)}
#difference .plp-noir img{filter:grayscale(1) brightness(.55)}
#difference .plp-before .plp-slate img{filter:hue-rotate(157deg) saturate(.72) brightness(.82)}
#difference .plp-before{padding:0 16px 15px}
#difference .plp-before .plp-utility{height:24px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e7e7;font-size:8px;color:#777}
#difference .plp-before header{height:51px;display:flex;align-items:center;justify-content:space-between;gap:15px}
#difference .plp-before header strong{font:700 19px/1 Helvetica,Arial,sans-serif;letter-spacing:.02em}
#difference .plp-search{width:39%;height:26px;border:1px solid #ccc;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:9px;color:#999}
#difference .plp-main-nav{height:30px;flex:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:8px;font-weight:600}
#difference .plp-before-intro{padding:14px 0 13px}
#difference .plp-before-intro small{display:block;font-size:7px;color:#888;margin-bottom:5px}
#difference .plp-before-intro h3{font:700 21px/1.2 Helvetica,Arial,sans-serif}
#difference .plp-before-intro p{font-size:9px;color:#777;line-height:1.5;margin-top:5px}
#difference .plp-before-body{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;flex:1;min-height:0}
#difference .plp-before aside{border:1px solid #ddd;padding:10px 10px 0;display:flex;flex-direction:column;gap:6px;font-size:8px;overflow:hidden}
#difference .plp-before aside h4{font-size:10px;border-bottom:1px solid #ddd;padding-bottom:8px}
#difference .plp-before aside b{padding-top:5px;font-size:9px}
#difference .plp-before aside span{color:#777}
#difference .plp-before-results{display:flex;flex-direction:column;min-height:0}
#difference .plp-results-toolbar{height:29px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:7px;background:#f4f4f4;padding:0 8px;margin-bottom:9px;font-size:8px;color:#666}
#difference .plp-before .plp-grid{gap:8px;align-items:start;flex:1}
#difference .plp-before .plp-photo{aspect-ratio:1/1;background:#eee}
#difference .plp-before .plp-photo img{object-fit:cover}
#difference .plp-before .plp-product-copy{padding-top:8px;text-align:center}
#difference .plp-before .plp-product-copy h4{font:400 9px/1.4 Helvetica,Arial,sans-serif;min-height:38px}
#difference .plp-before .plp-price{display:block;font-size:10px;margin:4px 0 8px}
#difference .plp-quick-view{display:block;border:1px solid #ccc;padding:6px 2px;font-size:7px;color:#666}
#difference .plp-after{padding:0 26px 22px}
#difference .plp-after header{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ededed}
#difference .plp-after header strong{font:400 21px/1 'Times New Roman',Times,serif;letter-spacing:.1em}
#difference .plp-header-icons{display:flex;gap:13px;align-items:center}
#difference .plp-header-icons:last-child{justify-content:flex-end}
#difference .plp-after-intro{padding:22px 0 17px}
#difference .plp-after-intro>span{display:block;font-size:6px;letter-spacing:.15em;color:#777;margin-bottom:7px}
#difference .plp-after-intro h3{font:400 26px/1 'Times New Roman',Times,serif}
#difference .plp-category-nav{display:flex;align-items:center;gap:23px;height:29px;flex:none;font-size:8px;border-bottom:1px solid #e7e7e7}
#difference .plp-category-nav>span{height:100%;display:flex;align-items:center;position:relative;color:#777}
#difference .plp-category-nav>.is-current{color:#171717}
#difference .plp-category-nav>.is-current:after{content:"";position:absolute;height:1px;background:#171717;bottom:-1px;left:0;right:0}
#difference .plp-after-toolbar{display:flex;align-items:center;justify-content:space-between;flex:none;height:31px;font-size:7px;color:#777}
#difference .plp-after .plp-grid{gap:16px;flex:1;grid-template-rows:minmax(0,1fr)}
#difference .plp-after .plp-photo{flex:1;background:#fff}
#difference .plp-after .plp-photo img{inset:0;width:100%;height:100%;padding:4px 12px 12px;mix-blend-mode:multiply}
#difference .plp-after .plp-product-copy{padding-top:10px;flex:none;text-align:left}
#difference .plp-after .plp-product-copy h4{font:400 10px/1.4 Helvetica,Arial,sans-serif}
#difference .plp-after .plp-color{display:block;font-size:8px;line-height:1.6;color:#888;margin-top:2px}
#difference .plp-after .plp-price{display:block;font-size:9px;line-height:1.6;margin-top:5px;color:#555}
@media(max-width:640px){
 #difference #compare{height:365px!important}
 #difference .plp-before{padding:0 8px 10px}
 #difference .plp-before .plp-utility{height:18px;font-size:5px}
 #difference .plp-before header{height:34px;gap:8px}
 #difference .plp-before header strong{font-size:12px}
 #difference .plp-search{height:20px;font-size:6px;padding:0 5px}
 #difference .plp-main-nav{height:24px;font-size:5px}
 #difference .plp-before-intro{padding:10px 0}
 #difference .plp-before-intro small{font-size:5px;margin-bottom:3px}
 #difference .plp-before-intro h3{font-size:16px}
 #difference .plp-before-intro p{font-size:6px;margin-top:4px}
 #difference .plp-before-body{grid-template-columns:65px minmax(0,1fr);gap:7px}
 #difference .plp-before aside{padding:7px 5px 0;gap:5px;font-size:5px}
 #difference .plp-before aside h4{font-size:6px;padding-bottom:5px}
 #difference .plp-before aside b{font-size:6px;padding-top:3px}
 #difference .plp-results-toolbar{height:23px;font-size:5px;padding:0 4px;gap:3px;margin-bottom:6px}
 #difference .plp-before .plp-grid{gap:4px}
 #difference .plp-before .plp-product-copy{padding-top:5px}
 #difference .plp-before .plp-product-copy h4{font-size:6px;min-height:34px}
 #difference .plp-before .plp-price{font-size:7px;margin:3px 0 5px}
 #difference .plp-quick-view{font-size:5px;padding:5px 1px}
 #difference .plp-after{padding:0 12px 14px}
 #difference .plp-after header{height:40px}
 #difference .plp-after header strong{font-size:14px}
 #difference .plp-screen svg{width:10px;height:10px}
 #difference .plp-header-icons{gap:8px}
 #difference .plp-after-intro{padding:15px 0 13px}
 #difference .plp-after-intro>span{font-size:5px;margin-bottom:6px}
 #difference .plp-after-intro h3{font-size:21px}
 #difference .plp-category-nav{font-size:6px;height:25px;gap:16px}
 #difference .plp-after-toolbar{height:27px;font-size:5px}
 #difference .plp-after .plp-grid{gap:8px}
 #difference .plp-after .plp-photo img{padding:0 2px 6px}
 #difference .plp-after .plp-product-copy{padding-top:6px}
 #difference .plp-after .plp-product-copy h4{font-size:7px}
 #difference .plp-after .plp-color{font-size:6px;margin-top:2px}
 #difference .plp-after .plp-price{font-size:7px;margin-top:4px}
}

/* Override the later complexion stylesheet as well as the other feature surfaces. */
#vision #visionTrack .vision-image{background:#f0f0f0!important}
#difference .plp-screen{font-size:10px;line-height:1.4}
#difference .plp-before .plp-photo{max-height:138px}
@media(max-width:640px){
 #difference .plp-before .plp-photo{max-height:none}
}

#difference .plp-before .plp-photo img{object-fit:contain}
#difference .plp-before aside{gap:4px}
@media(max-width:640px){#difference .plp-before aside{gap:3px}}


/* DELAUX 2026-10-20 — match all mobile product frames to the Jewelry study, without resizing desktop. */
#experience #storefrontPreview.luxury-study.ls-mobile{
  height:var(--ls-mobile-reference-height,auto)!important;
  min-height:var(--ls-mobile-reference-height,0px)!important;
  max-height:var(--ls-mobile-reference-height,none)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
#experience #storefrontPreview.luxury-study.ls-mobile::-webkit-scrollbar{display:none}
/* Two orderly rows of four different bag silhouettes in both collection comparisons. */
#difference #compare{height:655px!important}
#difference .plp-before .plp-grid,#difference .plp-after .plp-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:12px 10px!important;
  flex:1 1 auto;
  min-height:0;
}
#difference .plp-card{min-height:0;overflow:hidden}
#difference .plp-photo{position:relative;flex:1 1 auto;min-height:0;aspect-ratio:auto!important;background:#efeeec}
#difference .plp-before .plp-photo{max-height:none;background:#e9e9e8}
#difference .plp-after .plp-photo{background:#efefee}
#difference .plp-photo .plp-bag-render{
  position:absolute;inset:4%;width:92%;height:92%;display:block;overflow:visible;
  filter:none!important;mix-blend-mode:normal;
}
#difference .plp-after-intro h3{font-size:16px!important;line-height:1.1!important}
#difference .plp-after .plp-product-copy{padding-top:5px}
#difference .plp-after .plp-product-copy h4{font-size:9px;line-height:1.3}
#difference .plp-before .plp-product-copy{padding-top:5px}
#difference .plp-before .plp-product-copy h4{font-size:8px;min-height:0;line-height:1.3}
@media(max-width:640px){
 #difference #compare{height:465px!important}
 #difference .plp-after-intro{padding:10px 0 8px}
 #difference .plp-after-intro h3{font-size:12px!important}
 #difference .plp-before .plp-grid,#difference .plp-after .plp-grid{gap:6px 4px!important}
 #difference .plp-after .plp-product-copy h4{font-size:6px!important;line-height:1.25}
 #difference .plp-before .plp-product-copy h4{font-size:5.5px!important;line-height:1.25;min-height:0}
 #difference .plp-after .plp-product-copy{padding-top:3px}
 #difference .plp-before .plp-product-copy{padding-top:3px}
 #difference .plp-after .plp-color,#difference .plp-after .plp-price,
 #difference .plp-before .plp-price{font-size:5.5px;line-height:1.3;margin-top:2px}
}

/* Keep both rows fully stretched so every bag remains visible in the before grid. */
#difference .plp-before .plp-grid,#difference .plp-after .plp-grid{align-items:stretch!important}
#difference .plp-before .plp-card,#difference .plp-after .plp-card{height:100%;min-height:0}

/* Bag collection: standalone images for reliable display on mobile and desktop. */
#difference .plp-screen .plp-photo img.plp-bag-render{display:block!important;position:absolute!important;inset:4%!important;width:92%!important;height:92%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;padding:0!important;opacity:1!important;visibility:visible!important;filter:none!important;mix-blend-mode:normal!important}
/* Bag study website gallery: three unframed progress bars, selectable and circular. */
#storefrontPreview.ls-website.ls-bags .ls-bag-pagination{display:flex;flex:0 0 31px;height:31px;align-items:center;justify-content:center;gap:5px;background:#eee}
#storefrontPreview.ls-website.ls-bags .ls-bag-pagination button{display:block;width:30px;height:23px;margin:0;padding:0;border:0!important;border-radius:0!important;background:transparent!important;cursor:pointer}
#storefrontPreview.ls-website.ls-bags .ls-bag-pagination button:after{content:'';display:block;width:100%;height:2px;background:#c9c9c9}
#storefrontPreview.ls-website.ls-bags .ls-bag-pagination button[aria-pressed=true]:after{background:#1c1c1c}
#storefrontPreview.ls-website.ls-bags .ls-bag-pagination button:focus-visible{outline:1px solid #555!important;outline-offset:2px}
#storefrontPreview.ls-website.ls-bags .ls-bag-art{touch-action:pan-y}


/* Let vertical gestures continue into the page across all category previews. */
#experience #storefrontPreview.luxury-study{
  overscroll-behavior-y:auto!important;
  touch-action:pan-x pan-y!important;
}
#experience #storefrontPreview.ls-clothing .ls-fashion-info{
  overscroll-behavior-y:auto!important;
}
#experience #storefrontPreview.luxury-study.ls-mobile:is(.ls-clothing,.ls-watches){
  overflow-y:hidden!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:auto;
}
/* Remove text overlays from all views of the Bags gallery; retain the three visual bars. */
#experience #storefrontPreview.ls-bags .ls-bag-art figcaption{display:none!important}
/* One-line bag title at every responsive preview width. */
#experience #storefrontPreview.ls-bags .ls-title-line{align-items:center;min-width:0}
#experience #storefrontPreview.ls-website.ls-bags .ls-bag-info .ls-title-line h3{
  font-size:clamp(9px,1.9cqw,14px)!important;
  line-height:1.25!important;letter-spacing:-.025em!important;
  white-space:nowrap!important;min-width:0;
  margin:7px 0 3px!important;
}
#experience #storefrontPreview.ls-mobile.ls-bags .ls-bag-info .ls-title-line h3{
  font-size:12px!important;line-height:1.3!important;
  letter-spacing:-.015em!important;white-space:nowrap!important;
}
/* The FAQ vertical stroke collapses into, and grows outward from, its horizontal stroke. */
#faq .delaux-faq-list summary span::after{
  display:block!important;
  transform:rotate(90deg) scaleX(1)!important;
  transform-origin:center center!important;
  transition:transform 1250ms cubic-bezier(.42,0,.58,1)!important;
}
#faq .delaux-faq-list details[open] summary span::after{
  display:block!important;
  transform:rotate(90deg) scaleX(0)!important;
}
@media(prefers-reduced-motion:reduce){
  #faq .delaux-faq-list summary span::after{transition:none!important}
}


/* FAQ taps stay visually flat: no focus shadow, pressed shadow or blue mobile tap flash. */
#faq .delaux-faq-list details,
#faq .delaux-faq-list summary,
#faq .delaux-faq-list summary span,
#faq .delaux-faq-list summary span::before,
#faq .delaux-faq-list summary span::after{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
#faq .delaux-faq-list summary{
  -webkit-tap-highlight-color:transparent!important;
  -webkit-appearance:none;
  appearance:none;
}
#faq .delaux-faq-list summary:focus:not(:focus-visible){
  outline:none!important;
}

/* DELAUX 2026-10-21 — photographic collection study: ordinary before, consistent after. */
#difference .plp-after .plp-photo{background:#f0f0f0!important}
#difference .plp-before .plp-photo{background:#fff!important}
#difference .plp-screen .plp-photo img.plp-bag-render{
  inset:0!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;padding:0!important;
  filter:none!important;mix-blend-mode:normal!important;
}
#difference .plp-before .plp-photo img.plp-bag-render{object-fit:cover!important}
#difference .plp-after .plp-photo img.plp-bag-render{object-fit:contain!important}
#difference .plp-before .plp-product-copy h4{font-weight:400}

/* Reference-inspired comparison: a dense white resale catalog beside a calm front-facing edit. */
#difference .plp-before{padding:0 12px 14px;background:#fff}
#difference .plp-before .plp-market-bar{height:25px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;color:#696969;font-size:7px}
#difference .plp-before .plp-market-nav{height:37px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid #eee;white-space:nowrap;font:8px/1 Helvetica,Arial,sans-serif;color:#252525}
#difference .plp-before .plp-market-nav strong{font-weight:600;border-bottom:1px solid #242424;padding-bottom:7px;align-self:end}
#difference .plp-before .plp-before-body{grid-template-columns:100px minmax(0,1fr);gap:13px;min-height:0;flex:1;padding-top:4px}
#difference .plp-before aside.plp-filters{border:0;padding:0 2px 0 0;gap:0;background:#fff;overflow:hidden}
#difference .plp-before .plp-filter-section{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:5px;border-bottom:1px solid #ededed;color:#333;font:8px/1.3 Helvetica,Arial,sans-serif}
#difference .plp-before .plp-filter-section b{font-size:13px;font-weight:400;line-height:1}
#difference .plp-before .plp-results-toolbar{height:27px;margin:0 0 7px;padding:0;background:#fff;border-bottom:1px solid #eee;font-size:7px}
#difference .plp-before .plp-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:12px 8px!important;align-content:stretch}
#difference .plp-before .plp-card{height:100%;min-height:0;overflow:hidden}
#difference .plp-before .plp-photo{background:#fff;flex:1 1 auto;min-height:0;max-height:none}
#difference .plp-before .plp-photo img.plp-bag-render{inset:2%!important;width:96%!important;height:96%!important}
#difference .plp-before .plp-heart{position:absolute;bottom:4px;right:4px;color:#6b6b6b;font:15px/1 Arial,sans-serif}
#difference .plp-before .plp-product-copy{padding:4px 0 0;text-align:left;flex:none;min-height:83px}
#difference .plp-before .plp-product-copy h4{font:8px/1.15 Helvetica,Arial,sans-serif;min-height:0;max-height:19px;overflow:hidden}
#difference .plp-before .plp-size{display:block;font-size:7px;color:#757575;line-height:1.25;margin:2px 0}
#difference .plp-before .plp-price{display:block;margin:2px 0;font-size:8px;font-weight:600}
#difference .plp-before .plp-sale{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:6px;line-height:1.4}
#difference .plp-before .plp-sale b{background:#874b68;color:#fff;padding:1px 2px;font-weight:600}
#difference .plp-before .plp-sale span{color:#666;overflow:hidden;text-overflow:ellipsis}
#difference .plp-before .plp-product-copy small{display:block;color:#777;font-size:6px;line-height:1.4}
#difference .plp-after .plp-photo img.plp-bag-render{inset:14%!important;width:72%!important;height:72%!important;object-fit:contain!important}
@media(max-width:640px){
 #difference .plp-before{padding:0 6px 8px}
 #difference .plp-before .plp-market-bar{height:16px;font-size:4.5px}
 #difference .plp-before .plp-market-nav{height:25px;gap:3px;font-size:5px;overflow:hidden}
 #difference .plp-before .plp-market-nav span:nth-child(4),#difference .plp-before .plp-market-nav span:nth-child(5),#difference .plp-before .plp-market-nav span:nth-child(8),#difference .plp-before .plp-market-nav span:nth-child(9){display:none}
 #difference .plp-before .plp-before-body{grid-template-columns:58px minmax(0,1fr);gap:5px;padding-top:3px}
 #difference .plp-before .plp-filter-section{min-height:29px;font-size:5px}
 #difference .plp-before .plp-filter-section b{font-size:9px}
 #difference .plp-before .plp-results-toolbar{height:17px;font-size:5px;margin-bottom:4px}
 #difference .plp-before .plp-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px 4px!important}
 #difference .plp-before .plp-product-copy{min-height:58px;padding-top:2px}
 #difference .plp-before .plp-product-copy h4{font-size:5px!important;max-height:14px}
 #difference .plp-before .plp-size,#difference .plp-before .plp-price{font-size:5px;margin:1px 0}
 #difference .plp-before .plp-sale{font-size:4px;gap:1px}
 #difference .plp-before .plp-product-copy small{font-size:4px}
 #difference .plp-before .plp-heart{font-size:10px}
 #difference .plp-after .plp-photo img.plp-bag-render{inset:12%!important;width:76%!important;height:76%!important}
}

/* Collection follow-up: remove the inset image backdrop and slightly shorten the gray product cards. */
#difference .plp-after .plp-grid{
  grid-template-rows:repeat(2,minmax(0,45%))!important;
  align-content:start!important;
}
#difference .plp-after .plp-photo{background:#efefee}
#difference .plp-after .plp-photo img.plp-bag-render{
  inset:14%!important;width:72%!important;height:72%!important;
  mix-blend-mode:normal!important;object-fit:contain!important;
}
#difference .plp-before .plp-photo{background:#fff!important}
#difference .plp-before .plp-photo img.plp-bag-render{
  inset:0!important;width:100%!important;height:100%!important;
  object-fit:contain!important;mix-blend-mode:normal!important;
}
@media(max-width:640px){
  #difference .plp-after .plp-grid{grid-template-rows:repeat(2,minmax(0,45%))!important}
  #difference .plp-after .plp-photo img.plp-bag-render{inset:12%!important;width:76%!important;height:76%!important}
}