/* Independent storefront layout using existing catalogue images and target links. */
.ww-topics{padding:0 0 16px;background:#fff;color:#181818}
.ww-sale-strip{background:#a81719;text-align:center;color:#fff;padding:10px 16px;font:700 14px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.ww-sale-strip a{display:inline-flex;gap:12px;align-items:center;justify-content:center;color:#fff!important;text-decoration:none;flex-wrap:wrap}.ww-sale-strip a:hover{text-decoration:underline}.ww-sale-strip a span{font-size:12px;font-weight:500}
.ww-topic-wrap{position:relative;max-width:1332px;margin:0 auto;padding:12px 16px 0}
.ww-topic-wrap .dtc-topic-track{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;scrollbar-width:none}
.ww-topic-wrap .dtc-topic-track::-webkit-scrollbar{display:none}
.ww-topic-wrap .wp-block-button{flex:1 0 auto;scroll-snap-align:start;margin:0}
.ww-topic-wrap .wp-block-button__link{display:flex;align-items:center;justify-content:center;min-width:165px;min-height:44px;padding:9px 16px;border-radius:4px;background:#e3e5e5;color:#222!important;font-size:15px;font-weight:500;line-height:1.2;text-align:center;text-decoration:none}
.ww-topic-wrap .wp-block-button__link:hover,.ww-topic-wrap .wp-block-button__link:focus-visible{background:#d2d8d4;outline:2px solid #18352f;outline-offset:-2px}
.ww-campaign{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:490px;background:#e9ede5;color:#182f27;overflow:hidden}
.ww-campaign-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px max(24px,calc((100vw - 1300px)/2));padding-right:32px}
.ww-campaign-content .ww-campaign-kicker{margin:0 0 14px;color:#476051;font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ww-campaign-content h1{max-width:530px;margin:0 0 18px;color:#142c23;font-size:clamp(36px,4vw,58px);line-height:1.06;letter-spacing:-.035em}
.ww-campaign-content .ww-campaign-copy{max-width:500px;margin:0 0 28px;color:#394e43;font-size:17px;line-height:1.5}
.ww-campaign-content .wp-block-button__link{padding:13px 27px;border:1px solid #18352f;border-radius:3px;background:#18352f;color:white!important;font-size:15px;font-weight:700;text-decoration:none}
.ww-campaign-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;min-height:100%;background:#e4e8e1}
.ww-campaign-images figure{height:100%;margin:0}.ww-campaign-images img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ww-visual-categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;max-width:1332px;margin:0 auto;padding:40px 16px}
.ww-visual-card{text-align:center;min-width:0}.ww-visual-card figure{margin:0}.ww-visual-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#f5f5f2}
.ww-visual-card p{margin:10px 0 0;font-size:14px;font-weight:700;line-height:1.25}.ww-visual-card a{color:#171717;text-decoration:none}.ww-visual-card a:hover{text-decoration:underline}
.ww-editorial-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1332px;margin:0 auto;padding:0 16px 64px}
.ww-editorial-card{position:relative;min-width:0;background:#f2f2ef;padding-bottom:12px}.ww-editorial-card figure{margin:0}.ww-editorial-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.ww-editorial-card .wp-block-buttons{position:absolute;left:4%;right:4%;bottom:0}.ww-editorial-card .wp-block-button,.ww-editorial-card .wp-block-button__link{width:100%}.ww-editorial-card .wp-block-button__link{padding:12px;background:#181818;border-radius:0;color:#fff!important;text-align:center;font-size:15px;font-weight:700;text-decoration:none}
.ww-story-band{max-width:1300px;margin:0 auto 32px;padding:45px 24px;background:#18352f;text-align:center;color:#fff}.ww-story-band h2{margin:0 0 10px;color:#fff;font-size:28px}.ww-story-band p{margin:0;color:#eef4ed;font-size:15px;line-height:1.5}
.ww-offer-products{max-width:1328px;margin:0 auto;padding:45px 24px}.ww-offer-products h1{color:#18352f}.ww-offer-products>p{color:#43544a}
@media(max-width:767px){.ww-topic-wrap{padding:12px 16px 0}.ww-topic-wrap .wp-block-button__link{min-width:150px;font-size:14px}.ww-campaign{grid-template-columns:1fr;min-height:0}.ww-campaign-content{padding:38px 20px}.ww-campaign-content h1{font-size:36px}.ww-campaign-images{height:250px}.ww-visual-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:24px 16px}.ww-editorial-tiles{grid-template-columns:1fr;gap:32px;padding:0 16px 48px}.ww-story-band{margin:0 16px 24px;padding:34px 18px}.ww-story-band h2{font-size:23px}}
/* Shared navigation and promotion treatment. The independent-store notice remains visible. */
:root{--ww-ink:#181818;--ww-ink-dark:#111}
.htw-site-header .htw-site-header__logo a.htw-site-header__text-logo{color:#171717!important}
.htw-site-header .htw-site-header__announcement{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}
.htw-site-header .ww-header-promo-rotator{display:inline-grid;min-width:250px;place-items:center}
.htw-site-header .ww-header-promo{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .25s ease}
.htw-site-header .ww-header-promo:hover{text-decoration:underline}
.htw-site-header .ww-header-disclosure{font-size:11px;font-weight:500;line-height:1.25}
.ww-sale-strip[hidden]{display:none!important}
/* Large image stage and overlaid copy, using the target catalogue's images. */
.ww-campaign{position:relative;display:block;height:clamp(480px,42vw,600px);min-height:0;background:#45433d}
.ww-campaign-images{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;background:#1b2019}
.ww-campaign-images figure{position:absolute;inset:0;display:none;width:100%;height:100%;margin:0}.ww-campaign-images figure:first-child{display:block}.ww-campaign-images img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ww-campaign:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,15,15,.80) 0%,rgba(15,15,15,.60) 32%,rgba(15,15,15,.13) 60%,rgba(15,15,15,.05) 100%);pointer-events:none}
.ww-campaign-content{position:relative;z-index:2;display:flex;justify-content:center;align-items:stretch;width:min(50%,670px);height:100%;padding:38px 24px 38px max(24px,calc((100vw - 1300px)/2))}
.ww-campaign-content .ww-campaign-kicker{margin-bottom:9px;color:#f2df9a;font-size:12px;letter-spacing:.14em}
.ww-campaign-content .ww-campaign-offer{display:block;margin:0;color:#f5ce38;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.3vw,66px);font-style:italic;font-weight:700;line-height:.95;letter-spacing:-.035em;text-transform:none;text-shadow:0 3px 8px #000b;transform:rotate(-2deg);transform-origin:left center}
.ww-campaign-content h1{max-width:610px;margin:2px 0 32px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.15vw,64px);font-weight:900;line-height:.88;letter-spacing:.055em;text-transform:uppercase;text-shadow:0 3px 10px #000b}
.ww-campaign-content .ww-campaign-copy{color:#fff;text-shadow:0 1px 5px #000}
.ww-campaign-content .wp-block-buttons{width:min(100%,470px)}.ww-campaign-content .wp-block-button,.ww-campaign-content .wp-block-button__link{width:100%}
.ww-campaign-content .wp-block-button__link{background:#fff!important;border-color:#fff;color:#111!important;text-align:center}
.ww-story-band{background:#eee;color:#171717}.ww-story-band h2,.ww-story-band p{color:#171717}
@media(max-width:767px){
 .htw-site-header .htw-site-header__announcement{gap:3px;padding:7px 12px;flex-direction:column}
 .htw-site-header .ww-header-promo-rotator{min-width:0;width:100%}.htw-site-header .ww-header-promo{font-size:12px}.htw-site-header .ww-header-disclosure{font-size:10px}
 .ww-campaign{height:500px}.ww-campaign-images{height:100%}.ww-campaign-images figure:first-child{display:none}.ww-campaign-images figure:nth-child(2){display:block}.ww-campaign-images img{object-position:center 42%}
 .ww-campaign:after{background:linear-gradient(0deg,rgba(10,10,10,.83) 0%,rgba(10,10,10,.45) 40%,rgba(10,10,10,.06) 100%)}
 .ww-campaign-content{position:absolute;top:auto;bottom:0;left:0;width:100%;height:auto;padding:24px 20px 26px}
 .ww-campaign-content .ww-campaign-kicker{font-size:10px}.ww-campaign-content .ww-campaign-offer{font-size:36px}.ww-campaign-content h1{font-size:35px;line-height:.9;margin:0 0 18px}.ww-campaign-content .ww-campaign-copy{display:none}
}
.htw-site-header .ww-header-disclosure{font-size:12px;line-height:1.35}
@media(max-width:767px){.htw-site-header .ww-header-disclosure{font-size:12px;line-height:1.35}}

/* The mobile screenshot uses the compact header without the separate inline search row. */
@media(max-width:1100px){.htw-site-header .dtc-header-inline-search{display:none!important}}

/* Keep the cart quantity as a small badge over the cart glyph. */
.htw-site-header .htw-site-header__cart{position:relative}
.htw-site-header .htw-site-header__cart-link,.htw-site-header .htw-site-header__cart-toggle{position:relative}
.htw-site-header .htw-site-header__cart-toggle .htw-site-header__cart-count,.htw-site-header .htw-site-header__cart-link .htw-site-header__cart-count{position:absolute;top:-4px;right:-7px;z-index:2;min-width:15px;height:15px;padding:0 3px;border:2px solid var(--htw-header-bg);border-radius:50%;background:#a81719;color:#fff;font-size:9px;line-height:11px}

/* User-supplied screenshot alignment: wider editorial crops and a visual story banner. */
.ww-editorial-card img{aspect-ratio:16/9;object-fit:cover}
.ww-editorial-card .ww-editorial-label{position:absolute;top:8%;left:0;z-index:2;min-width:37%;margin:0;padding:13px 22px;border:2px solid #d9bd61;border-left:0;background:#123b35;color:#fff;font-size:clamp(17px,1.45vw,27px);font-weight:900;line-height:1.05;letter-spacing:.04em;text-align:center;text-transform:uppercase;box-shadow:0 4px 12px #0003}
.ww-editorial-card .ww-editorial-label em{display:block;margin-top:2px;color:#f2cf58;font-family:Georgia,"Times New Roman",serif;font-size:1.22em;font-weight:700;letter-spacing:0;text-transform:none}
.ww-visual-card img{object-fit:contain;background:#fff}
.ww-story-feature{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(440px,.75fr);min-height:330px;max-width:1332px;margin:0 auto 46px;overflow:hidden;background:linear-gradient(105deg,#d8d8d5 0%,#efefed 58%,#dededb 100%);color:#202020}
.ww-story-feature:before{content:"";position:absolute;inset:0 43% 0 0;z-index:-1;background:radial-gradient(circle at 30% 45%,rgba(255,255,255,.6),transparent 58%),repeating-linear-gradient(-8deg,rgba(0,0,0,.025) 0 2px,transparent 2px 7px)}
.ww-story-copy{z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:38px 36px 42px}
.ww-story-copy .ww-story-eyebrow{margin:0 0 11px;color:#9d080d;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ww-story-copy h2{max-width:720px;margin:0;color:#3a3a39;font-size:clamp(47px,5.3vw,78px);font-weight:900;letter-spacing:-.065em;line-height:.9;text-transform:uppercase}
.ww-story-copy .ww-story-disclosure{max-width:520px;margin:19px 0 0;color:#3b3b39;font-size:14px;line-height:1.45}
.ww-story-copy .wp-block-buttons{position:absolute;top:50%;right:3%;z-index:4;width:min(29%,320px);transform:translateY(-50%)}
.ww-story-copy .wp-block-button,.ww-story-copy .wp-block-button__link{width:100%}
.ww-story-copy .wp-block-button__link{padding:13px 20px;border:1px solid #181818;border-radius:3px;background:#fff;color:#111!important;font-size:15px;font-weight:700;text-align:center;text-decoration:none}
.ww-story-copy .wp-block-button__link:hover,.ww-story-copy .wp-block-button__link:focus-visible{background:#181818;color:#fff!important}
.ww-story-images{z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:2;min-width:0;height:100%;background:#ececea}
.ww-story-images figure{height:100%;margin:0}.ww-story-images img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:767px){
 .ww-editorial-card img{aspect-ratio:4/3}
 .ww-editorial-card .ww-editorial-label{top:7%;min-width:48%;padding:10px 16px;font-size:17px}
 .ww-story-feature{grid-template-columns:1fr;margin:0 16px 30px;min-height:0}
 .ww-story-images{grid-column:1;grid-row:1;height:240px}
 .ww-story-copy{grid-column:1;grid-row:2;padding:28px 20px 30px}
 .ww-story-copy h2{font-size:40px;line-height:.94}
 .ww-story-copy .wp-block-buttons{position:static;width:100%;margin-top:20px;transform:none}
}

/* The supplied 1905px screenshots use fluid stages with roughly 64px outer gutters. */
:root{--ww-shot-gutter:clamp(24px,3.36vw,64px)}
@media(min-width:768px){
 .ww-topic-wrap{max-width:none;margin-right:var(--ww-shot-gutter);margin-left:var(--ww-shot-gutter);padding-right:0;padding-left:0}
 .ww-visual-categories{max-width:none;margin-right:var(--ww-shot-gutter);margin-left:var(--ww-shot-gutter);padding-right:0;padding-left:0}
 .ww-editorial-tiles{max-width:none;margin-right:var(--ww-shot-gutter);margin-left:var(--ww-shot-gutter);padding-right:0;padding-left:0}
 .ww-story-feature{max-width:none;min-height:clamp(309px,22vw,420px);margin-right:var(--ww-shot-gutter);margin-left:var(--ww-shot-gutter)}
 .ww-recent{max-width:1568px}
 .ww-campaign-content{padding-left:max(32px,10.8vw)}
}
@media(min-width:1101px){
 .htw-site-header.htw-site-header--two-row .htw-site-header__logo{margin-left:var(--ww-shot-gutter)}
 .htw-site-header.htw-site-header--two-row .htw-site-header__actions{margin-right:var(--ww-shot-gutter)}
 .htw-site-header.htw-site-header--two-row .htw-site-header__desktop-nav{padding-right:calc(var(--ww-shot-gutter) + 370px);padding-left:var(--ww-shot-gutter)}
 .htw-site-header.htw-site-header--two-row .dtc-header-inline-search{margin-right:var(--ww-shot-gutter)}
}