/* Essential desktop composition. Mobile controls and fixed carousel sizes are retained. */
@media(min-width:1024px){
html:root:root:root:root:root:root:root:root:root:root:root:root body[data-wyste-essential]{
 --es-card:240px;--es-desktop-width:1320px;--es-desktop-gutter:clamp(28px,4vw,72px);
 & :is(.pdp-photos,.builder-preview){--es-preview-height:calc(clamp(480px,calc(100svh - 160px),720px)*(1 - var(--es-preview-shrink,0)) + clamp(260px,32svh,360px)*var(--es-preview-shrink,0))}
 font-size:15px!important;line-height:1.6!important;
 & header.es-header,& header:not(.es-header){height:80px!important;min-height:80px!important;padding:0 max(var(--es-desktop-gutter),calc((100vw - var(--es-desktop-width))/2))!important;background:#0b0b0b!important}
 & header.es-header{grid-template-columns:130px minmax(0,1fr) 36px 106px!important;column-gap:18px!important}
 & header.es-header .wu-logo{grid-column:1!important;justify-self:start!important}
 & header.es-header .brand-logo{width:70px!important;height:32px!important}
 &[data-wu-brand=atelie] header.es-header .brand-logo,&[data-wu-brand=studio] header.es-header .brand-logo{width:128px!important}
 & header.es-header nav.es-desktop-nav{display:flex!important;grid-column:2!important;grid-row:1!important;justify-content:center!important;align-items:center!important;gap:clamp(14px,1.8vw,28px)!important;min-width:0!important;white-space:nowrap!important;width:auto!important;margin:0!important}
 & header.es-header nav.es-desktop-nav a{font:400 13px/20px SFText,Arial,sans-serif!important;color:#eee!important;text-decoration:none!important;position:relative!important;padding:16px 0!important}
 & header.es-header nav.es-desktop-nav a:after{content:'';position:absolute;bottom:10px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transition:transform .18s ease}
 & header.es-header nav.es-desktop-nav a:is(:hover,:focus-visible):after{transform:scaleX(1)}
 & .es-header-left{grid-column:3!important;gap:0!important;justify-self:center!important}
 & .es-header-left .mobile-menu,& .es-header-left .menu-toggle,& .es-header-left>.es-menu-hit{display:none!important}
 & header.es-header .es-header-left :is(.menu-toggle,.es-menu-hit,.mobile-menu){display:none!important}
 & .es-header-right{grid-column:4!important;gap:19px!important}
 & header.es-header :is(svg,button svg,a svg){height:21px!important;width:21px!important;min-width:21px!important}
 & .es-header-hit,& .es-header-left>a,& .es-header-right>a{width:24px!important;min-width:24px!important}
 & header.es-header .favorite-heart{width:24px!important}
 & header:not(.es-header){display:flex!important;align-items:center!important;justify-content:space-between!important}
 & header:not(.es-header) nav{visibility:hidden!important}
 & .es-home{max-width:none!important;margin:0!important}
 & .es-hero{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:stretch!important;height:clamp(540px,75svh,780px)!important;padding:0 max(var(--es-desktop-gutter),calc((100vw - var(--es-desktop-width))/2))!important;background:var(--es-photo)!important}
 & .es-hero:after{display:none!important}
 & .es-hero>img{grid-column:2!important;grid-row:1!important;object-fit:contain!important;mix-blend-mode:darken!important;height:100%!important;min-height:0!important}
 & .es-hero-copy{position:static!important;grid-column:1!important;grid-row:1!important;align-self:center!important;z-index:1!important;color:#111!important;padding:48px 24px 48px 0!important;max-width:580px!important}
 & .es-hero-copy small{font:400 12px/20px SFText,Arial,sans-serif!important;color:#727277!important;letter-spacing:1.5px!important;text-transform:uppercase!important}
 & .es-hero-copy h1{font:600 clamp(42px,4.3vw,64px)/1.04 SFDisplay,Arial,sans-serif!important;letter-spacing:-2.1px!important;color:#111!important;max-width:560px!important;margin:22px 0 34px!important}
 & .es-hero-copy>div{gap:12px!important}
 & .es-hero-copy a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:13px 24px!important;border:1px solid #111!important;border-radius:5px!important;font:400 14px/20px SFText,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:white!important;background:#111!important;text-decoration:none!important}
 & .es-hero-copy a:nth-child(2){color:#111!important;background:transparent!important}
 & .es-device-filter{max-width:var(--es-desktop-width)!important;margin:0 auto!important;padding:36px 0 4px!important;gap:8px!important}
 & .es-device-filter button{font-size:13px!important;padding:10px 22px!important;min-height:42px!important}
 & :is(.es-shelf,.wist-related,.wu-collection .wm-section.wm-products){max-width:var(--es-desktop-width)!important;width:calc(100% - 2 * var(--es-desktop-gutter))!important;margin:0 auto!important;padding:34px 0 30px!important}
 & .es-shelf{width:calc(100% - 2 * var(--es-desktop-gutter))!important}
 & :is(.es-shelf>h2,.wist-related .section-top,.wm-section-top,.wu-shelf .section-top){padding:0!important;margin:0 0 22px!important}
 & :is(.es-shelf h2,.wist-related .section-top h2,.wm-section-top h2,.wu-shelf h2,.es-collections h2){font:600 28px/34px SFDisplay,Arial,sans-serif!important;letter-spacing:-.7px!important}
 & .wm-card-name,& #main .card-copy h3{font:600 15px/21px SFDisplay,Arial,sans-serif!important;margin:0 13px 5px!important}
 & .wm-card-type,& #main .card-copy .card-type{font:400 12px/18px SFText,Arial,sans-serif!important;margin:0 13px 7px!important}
 & .wm-card-price,& #main .card-copy .card-price{font:600 15px/21px SFText,Arial,sans-serif!important;margin:0 13px 10px!important}
 & .wm-card-price s{font-size:12px!important}
 & .wm-photo{margin-bottom:14px!important}
 & .wm-swatches{margin:0 13px 12px!important;gap:5px!important}
 & .wm-swatches a{width:12px!important;height:12px!important;min-width:12px!important}
 & .es-builder-feature{max-width:var(--es-desktop-width)!important;width:calc(100% - 2 * var(--es-desktop-gutter))!important;margin:30px auto!important;display:grid!important;grid-template-columns:minmax(280px,.9fr) minmax(0,1.8fr)!important;grid-template-rows:1fr auto!important}
 & .es-builder-copy{grid-column:1!important;grid-row:1!important;align-self:end!important;padding:42px 40px 28px!important}
 & .es-builder-copy small{font-size:11px!important;line-height:18px!important}
 & .es-builder-copy h2{font:600 40px/44px SFDisplay,Arial,sans-serif!important;letter-spacing:-1px!important;margin-top:18px!important}
 & .es-builder-stages{grid-column:2!important;grid-row:1/3!important;align-self:center!important}
 & .es-builder-stages .es-stage-photo{aspect-ratio:3/4!important;max-height:400px!important}
 & .es-stage-photo img{object-fit:contain!important}
 & .es-builder-stages p{font-size:13px!important;line-height:20px!important;padding:14px 6px 24px!important}
 & .es-builder-cta{grid-column:1!important;grid-row:2!important;justify-self:start!important;align-self:start!important;margin:0 40px 48px!important;padding:13px 24px!important;min-height:48px!important;border-radius:5px!important;font-size:14px!important}
 & .es-builder-feature.es-studio-feature{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;grid-template-rows:auto!important;gap:32px!important;padding:24px max(var(--es-desktop-gutter),calc((100vw - var(--es-desktop-width))/2))!important;margin:24px 0!important;width:100%!important;max-width:none!important;min-height:280px!important;border-radius:0!important}
 & .es-studio-copy h2{font-size:32px!important;line-height:35px!important;letter-spacing:-.7px!important;margin:12px 0!important}
 & .es-studio-copy p{font-size:14px!important;line-height:22px!important;margin-bottom:18px!important}
 & .es-studio-copy small{font-size:12px!important;line-height:20px!important}
 & .es-studio-copy ol{font-size:14px!important;line-height:26px!important;margin-top:30px!important}
 & .es-studio-cta{min-height:48px!important;font-size:14px!important;padding:13px 24px!important}
 & .es-studio-media img{height:240px!important}
 & .es-collections{max-width:var(--es-desktop-width)!important;width:calc(100% - 2 * var(--es-desktop-gutter))!important;margin:24px auto 40px!important;padding:24px 0!important}
 & .es-collections h2{padding:0!important;margin:0 0 24px!important}
 & .es-category-square{max-width:none!important;aspect-ratio:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:1fr!important}
 & .es-category-square>a{aspect-ratio:1!important}
 & .es-category-square span:not(.es-category-arrow){flex-basis:60px!important;font:600 17px/23px SFDisplay,Arial,sans-serif!important;padding:10px 24px 0 0!important}
 & .es-category-square small{font:400 12px/18px SFText,Arial,sans-serif!important;margin-top:5px!important}
 & .home-review-carousel{max-width:var(--es-desktop-width)!important;width:calc(100% - 2 * var(--es-desktop-gutter))!important;margin:0 auto 48px!important;padding:26px 0!important}
 & .home-review-carousel h2{font-size:28px!important;line-height:34px!important}
 & .home-review-carousel .section-top{margin-bottom:28px!important}
 & .pdp-top{max-width:var(--es-desktop-width)!important;width:calc(100% - 2 * var(--es-desktop-gutter))!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:clamp(32px,4.5vw,72px)!important;margin:40px auto 0!important;padding:0!important}
 & .pdp-photos{position:sticky!important;top:calc(var(--es-sticky-top,80px) + 24px)!important;align-self:start!important}
 & .pdp-main{height:var(--es-preview-height)!important;min-height:0!important;width:100%!important}
 & .pdp-options{max-width:none!important;padding:0!important}
 & .pdp-options h1{font:600 32px/37px SFDisplay,Arial,sans-serif!important;letter-spacing:-.7px!important}
 & .es-product-title{gap:24px!important;margin-bottom:26px!important}
 & .pdp-options .price{font:600 20px/37px SFText,Arial,sans-serif!important}
 & .pdp-options>h4{font:600 14px/21px SFText,Arial,sans-serif!important;margin:24px 0 12px!important}
 & .pdp-options>h4 span{font:400 14px/21px SFText,Arial,sans-serif!important;margin-left:6px!important}
 & :is(.pdp-options,.builder-settings) .choices>div{min-height:44px!important;padding:12px 8px!important;font-size:13px!important;line-height:18px!important}
 & .pdp-options>.swatches{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:12px 8px!important;margin-bottom:24px!important}
 & .pdp-options>.swatches>i{width:40px!important;height:40px!important}
 & .pdp-options .hardware-disc{width:34px!important;height:34px!important;min-width:34px!important}
 & .pdp-options>.hardware-picks>div{width:44px!important;min-width:44px!important;min-height:44px!important}
 & .es-model-help,& .es-dont-whoop{font-size:12px!important;line-height:18px!important;margin:10px 0 18px!important}
 & .personal{min-height:46px!important;font-size:14px!important;line-height:20px!important;padding:12px 16px!important;margin:24px 0 18px!important}
 & .addon-grid{gap:10px!important;margin:16px 0 22px!important}
 & .addon-grid>div,& .accessory-choice{grid-template-columns:64px minmax(0,1fr) auto 18px!important;min-height:68px!important;padding:14px 16px!important;gap:12px!important}
 & .addon-grid .addon-photo,& .accessory-choice .frame-well{width:64px!important;height:38px!important}
 & .addon-grid img,& .accessory-choice img{width:64px!important;height:38px!important;max-width:64px!important;max-height:38px!important}
 & .addon-grid b,& .accessory-choice b{font-size:14px!important;line-height:20px!important}
 & .addon-grid p{font-size:13px!important;line-height:20px!important}
 & .purchase>.button{min-height:52px!important;font-size:14px!important;line-height:20px!important;padding:15px 18px!important}
 & .purchase>.button:nth-child(2) strong{font-size:16px!important}
 & .purchase>.caption{font-size:12px!important;line-height:18px!important;margin:4px 0 12px!important}
 & .purchase .wist-payment-icons :is(svg,img){height:22px!important;max-width:48px!important}
 & .accordions details>summary{font-size:14px!important;line-height:21px!important;padding:19px 0!important}
 & .accordions details>div{font-size:14px!important;line-height:23px!important}
 & .pdp-main .zoom{display:grid!important;place-items:center!important;position:absolute!important;right:18px!important;bottom:18px!important;left:auto!important;top:auto!important;width:40px!important;height:40px!important;border:0!important;border-radius:50%!important;background:#fffD!important;color:#333!important}
 & .pdp-main .zoom svg{height:18px!important;width:18px!important}
 & .reviews.wrap{max-width:var(--es-desktop-width)!important;width:calc(100% - 2 * var(--es-desktop-gutter))!important;margin:0 auto!important;padding:56px 0 30px!important}
 & .reviews h2{font-size:28px!important;line-height:34px!important}
 & .reviews .section-top{margin-bottom:20px!important}
 & .reviews .wist-native-review-slot{max-width:880px!important;margin:0 auto!important}
 & .reviews :is(#trustoo-widget-wrapper,#noreviews-wrapper,#vstar-noreviews){width:100%!important;max-width:100%!important;min-height:0!important;margin:0 auto!important;padding:0!important}
 & .reviews :is(.noreviews-center,#tt-first-row,#tt-buttons){text-align:center!important;justify-content:center!important;align-items:center!important;float:none!important;position:static!important;width:100%!important;min-height:0!important}
 & .reviews .noreviews-text{font-size:14px!important;line-height:22px!important;text-align:center!important;margin:0 0 18px!important}
 & .reviews .tt-write-reviews{width:auto!important;min-height:44px!important;font-size:13px!important;line-height:20px!important;padding:11px 22px!important}
 & .wu-collection{max-width:var(--es-desktop-width)!important;width:calc(100% - 2 * var(--es-desktop-gutter))!important;margin:0 auto 44px!important}
 & .wm-collection-intro{padding:44px 0 24px!important}
 & .wm-collection-intro h1{font-size:40px!important;line-height:46px!important;letter-spacing:-1px!important;margin-bottom:24px!important}
 & .wm-collection-links{gap:10px!important}
 & .wm-collection-links a{font-size:13px!important;line-height:19px!important;padding:11px 16px!important}
 & .es-collection-tools{padding:18px 0!important;font-size:13px!important;line-height:20px!important}
 & .es-collection-tools select{font-size:13px!important;line-height:20px!important;max-width:240px!important}
 & .wu-collection .wm-section.wm-products{width:100%!important;padding:32px 0!important}
 & .wu-collection[data-es-grid=true] .wm-product-rail{gap:28px 0!important}
 & .wu-collection[data-es-grid=true] .wm-product-rail{grid-template-columns:repeat(auto-fill,240px)!important}
 & .wu-collection[data-es-grid=true] .wm-card{width:240px!important;min-width:240px!important;max-width:240px!important}
 & .wu-builder-link{margin:24px 0!important;font-size:14px!important}
 &.page-builder main{max-width:var(--es-desktop-width)!important;width:calc(100% - 2 * var(--es-desktop-gutter))!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:clamp(32px,4.5vw,72px)!important;margin:32px auto 64px!important}
 & .builder-preview{position:sticky!important;top:calc(var(--es-sticky-top,80px) + 24px)!important;align-self:start!important}
 & .builder-preview .carousel-stage{height:var(--es-preview-height)!important}
 & .builder-preview:not(.carousel-preview) .large-builder{height:var(--es-preview-height)!important;width:70%!important;margin:0 auto!important}
 & .builder-preview .carousel-footer{display:none!important}
 & .builder-preview .carousel-dots{height:36px!important;min-height:36px!important}
 & .builder-settings{padding:0!important}
 & .builder-settings>.step{padding:24px 0!important}
 & .builder-settings>.step:first-child{padding:0 0 24px!important}
 & .builder-settings>.step h2{font-size:16px!important;line-height:23px!important;margin-bottom:16px!important}
 & .builder-settings>.step h2>span{font-size:14px!important;line-height:23px!important}
 & .builder-settings .colour-grid small,& .builder-settings .hardware-picks .es-hardware-name{font-size:11px!important;line-height:16px!important}
 & .design-types>*{font-size:13px!important;line-height:20px!important;min-height:44px!important;padding:12px!important}
 & .design-types small{font-size:12px!important}
 & .builder-settings .field{margin-bottom:14px!important}
 & .builder-settings .field small{font-size:12px!important;line-height:18px!important;margin-bottom:7px!important}
 & .builder-settings .field :is(input,select){height:48px!important;font-size:14px!important;line-height:22px!important;padding:12px 14px!important}
 & .builder-settings .caption{font-size:12px!important;line-height:19px!important}
 & .accessory-choice>div:nth-child(2),& .es-charm-trigger{font-size:14px!important;line-height:20px!important}
 & .accessory-choice p{font-size:12px!important;line-height:18px!important}
 & .es-charm-trigger{min-height:68px!important;padding:14px 16px!important}
 & .es-charm-trigger img{width:64px!important;height:38px!important}
 & .pricebreak h3{font-size:18px!important;line-height:25px!important;margin-bottom:20px!important}
 & .pricebreak p,& .pricebreak>div{font-size:13px!important;line-height:21px!important;margin-bottom:14px!important}
 & .pricebreak b{font-size:15px!important;line-height:21px!important}
 & .es-builder-buy{min-height:52px!important;padding:15px 18px!important;font-size:14px!important;line-height:20px!important}
 & .es-builder-buy strong{font-size:16px!important;line-height:20px!important}
 & .es-builder-note{font-size:12px!important;line-height:18px!important;margin:16px 0 24px!important}
 & .studio-save-secondary{font-size:13px!important;line-height:19px!important;padding:10px 16px!important}
 & #main .section.wrap{width:calc(100% - 2 * var(--es-desktop-gutter))!important;max-width:var(--es-desktop-width)!important;padding:44px 0 56px!important}
 & #main h1{font-size:40px!important;line-height:46px!important;letter-spacing:-1px!important;margin-bottom:30px!important}
 & #main{min-height:0!important}
 & #main .product-grid{margin:0!important;grid-template-columns:repeat(auto-fill,240px)!important;gap:28px 0!important}
 & #main .product-card{width:240px!important;min-width:240px!important;max-width:240px!important}
 & #main .card-copy{padding:0!important}
 & #main .card-swatches{padding:0 13px!important;gap:5px!important}
 & #main .card-swatches>*{height:12px!important;width:12px!important;min-width:12px!important}
 & .search-form{display:flex!important;gap:12px!important;align-items:stretch!important;max-width:720px!important;margin-bottom:22px!important}
 & .search-form input{height:50px!important;min-width:0!important;flex:1!important;font:400 15px/22px SFText,Arial,sans-serif!important;padding:13px 16px!important}
 & .search-form .button{min-height:50px!important;font-size:14px!important;padding:13px 24px!important;border-radius:5px!important;background:#111!important;color:white!important}
 & .bag-layout{grid-template-columns:minmax(0,1fr) 350px!important;gap:48px!important;align-items:start!important}
 & .bag-summary{position:sticky!important;top:104px!important;padding:28px!important}
 & .bag-summary>div{font-size:16px!important;line-height:24px!important;margin-bottom:20px!important}
 & .bag-summary .button{min-height:50px!important;padding:14px 20px!important;font-size:14px!important}
 & .bag-summary p{font-size:12px!important;line-height:20px!important}
 & .bag-line-main{grid-template-columns:112px minmax(0,1fr) auto!important;gap:24px!important}
 & .bag-line-photo{width:112px!important;height:144px!important}
 & .bag-line-copy h2{font-size:18px!important;line-height:25px!important}
 & .bag-line-copy p{font-size:13px!important;line-height:21px!important}
 & .bag-line-main>strong{font-size:16px!important;line-height:25px!important}
 & .bag-line-actions{font-size:13px!important;gap:18px!important;margin-top:18px!important}
 & .bag-upsells{padding:20px 0 4px 136px!important}
 & .bag-upsells h3{font-size:13px!important;line-height:20px!important}
 & .bag-addon-row button{font-size:13px!important;border-radius:5px!important}
 & .reference-dialog{max-width:min(640px,calc(100vw - 64px))!important;padding:36px!important;line-height:1.6!important}
 & .reference-dialog h2{font-size:28px!important;line-height:34px!important}
 & .reference-dialog input{min-height:48px!important;padding:12px 16px!important;font:400 15px/22px SFText,Arial,sans-serif!important}
 & footer.wrap,& footer.footer{padding:56px max(var(--es-desktop-gutter),calc((100vw - var(--es-desktop-width))/2)) 30px!important}
 & .es-footer-offer{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:64px!important;max-width:none!important;margin:0 0 44px!important;padding:0 0 40px!important}
 & .es-footer-offer h2{grid-column:1!important;grid-row:1!important;font-size:32px!important;line-height:37px!important}
 & .es-footer-offer p{grid-column:1!important;grid-row:2!important;font-size:14px!important;line-height:22px!important;margin:12px 0 0!important}
 & .es-footer-offer .es-subscribe-row{grid-column:2!important;grid-row:1/3!important;align-self:center!important;flex-direction:row!important}
 & .es-footer-offer input{height:50px!important;font-size:14px!important;line-height:22px!important}
 & .es-footer-offer .button,& .es-footer-offer form button{height:50px!important;font-size:14px!important;line-height:22px!important;min-width:110px!important}
 & .es-footer-offer .newsletter-inner{display:contents!important}
 & .es-footer-offer .newsletter-inner>div{grid-column:1!important;grid-row:1/3!important}
 & .es-footer-offer form{grid-column:2!important;grid-row:1/3!important;align-self:center!important}
 & .footcols{gap:48px!important}
 & .footcols p,& .footcols a,& footer.footer :is(p,a,li){font-size:13px!important;line-height:25px!important}
 & .footcols b,& footer.footer :is(h3,h4,b,strong){font-size:12px!important;line-height:19px!important}
 & .footcols>div:first-child p{font-size:13px!important;line-height:23px!important}
 & .footbottom{margin-top:40px!important;padding-top:24px!important;font-size:11px!important;line-height:18px!important}
 & .wist-payment-icons :is(svg,img){height:22px!important;max-width:48px!important}
 & .es-pagination{display:flex!important;gap:20px!important;justify-content:center!important;align-items:center!important;padding:30px 0!important;font-size:14px!important}
 & .es-pagination a{color:#111!important;text-decoration:underline!important;text-underline-offset:4px!important}
 & .es-purchase-dock{bottom:18px!important;width:540px!important;border:1px solid #ddd!important;border-radius:5px!important;padding:12px!important}
}
}