/* Approved Apparel mockups: reuse the shared components with scoped proportions. */
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .container{width:min(1260px,calc(100% - 9.3vw))}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-hero{min-height:clamp(360px,39vw,530px)}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-hero>.blend-image{left:44%;background:#fff}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-hero>.blend-image img{object-fit:cover;object-position:center;mask-image:linear-gradient(to right,transparent,#000 18%)}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-intro{width:47%;padding:18px 0 34px}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-hero .breadcrumb-row{padding:10px 0 0;gap:8px}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-intro>p:not(.eyebrow){font-size:clamp(13px,1.45vw,16px);line-height:1.5;margin-bottom:18px}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .button{font-size:clamp(13px,1.45vw,15px);min-height:41px;padding:12px 20px}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-intro .eyebrow{margin-bottom:12px}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-intro h1{font-size:clamp(38px,4.6vw,62px);line-height:1.06;margin-bottom:13px}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-intro h2{font-size:clamp(21px,2.4vw,29px);margin-bottom:12px}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-selection{padding-top:40px;padding-bottom:28px}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-selection .section-intro{margin-bottom:24px}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-selection .section-intro h2{font-size:clamp(28px,3.15vw,36px)}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-selection .section-intro p{font-size:clamp(13px,1.45vw,15px)}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-options{gap:24px 30px}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .catalog-option-photo{aspect-ratio:2.25;background:#f5f3ee}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .catalog-option-photo>img{width:100%;height:100%;object-fit:cover}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-source-copy{width:51%;padding:26px 0}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-source-copy>p{font-size:clamp(14px,1.45vw,16px)}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-source-copy .availability,:is(.apparel-product-page,.print-product-page,.remaining-product-page) .product-material-note{font-size:clamp(12px,1.3vw,14px)}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-purpose,:is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-content{min-height:clamp(200px,22vw,245px)}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-copy p{font-size:clamp(12px,1.35vw,14px)}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-copy .purpose-lead{font-size:clamp(14px,1.6vw,17px)}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-purpose>.blend-image.promo-band-image img{mask-image:linear-gradient(to right,transparent,#000 25%),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent)}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-copy{width:44%;max-width:510px}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-mark{width:clamp(110px,12vw,165px);height:clamp(110px,12vw,165px)}
:is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-content{gap:28px}

/* Parent return controls: same top-left treatment for Apparel and Promotional Products. */
.breadcrumb-row:has(a:is([href="#/ideas/apparel"],[href="#/ideas/print"],[href="#/ideas/displays"],[href="#/ideas/tech"],[href="#/ideas/kits"])),
.breadcrumb-row:has(a[href="#/ideas/promotional"]),
#main:has(.category-collection a:is([href^="#/ideas/promotional/"],[href^="#/ideas/apparel/"],[href^="#/ideas/print/"],[href^="#/ideas/displays/"],[href^="#/ideas/tech/"],[href^="#/ideas/kits/"])) .breadcrumb-row{
 flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:9px;
}
.breadcrumb-row:has(a:is([href="#/ideas/apparel"],[href="#/ideas/print"],[href="#/ideas/displays"],[href="#/ideas/tech"],[href="#/ideas/kits"]))>.back-link,
.breadcrumb-row:has(a[href="#/ideas/promotional"])>.back-link,
#main:has(.category-collection a:is([href^="#/ideas/promotional/"],[href^="#/ideas/apparel/"],[href^="#/ideas/print/"],[href^="#/ideas/displays/"],[href^="#/ideas/tech/"],[href^="#/ideas/kits/"])) .breadcrumb-row>.back-link{
 padding:7px 11px;min-height:32px;border:1px solid #7f9c7f;border-radius:3px;background:#fff;color:var(--green);font-size:12px;font-weight:600;line-height:1.3;
}
.breadcrumb-row:has(a:is([href="#/ideas/apparel"],[href="#/ideas/print"],[href="#/ideas/displays"],[href="#/ideas/tech"],[href="#/ideas/kits"]))>.back-link:hover,
.breadcrumb-row:has(a[href="#/ideas/promotional"])>.back-link:hover,
#main:has(.category-collection a:is([href^="#/ideas/promotional/"],[href^="#/ideas/apparel/"],[href^="#/ideas/print/"],[href^="#/ideas/displays/"],[href^="#/ideas/tech/"],[href^="#/ideas/kits/"])) .breadcrumb-row>.back-link:hover{background:#edf3eb;border-color:var(--green)}
.breadcrumb-row:has(a:is([href="#/ideas/apparel"],[href="#/ideas/print"],[href="#/ideas/displays"],[href="#/ideas/tech"],[href="#/ideas/kits"]))>.back-link:focus-visible,
.breadcrumb-row:has(a[href="#/ideas/promotional"])>.back-link:focus-visible,
#main:has(.category-collection a:is([href^="#/ideas/promotional/"],[href^="#/ideas/apparel/"],[href^="#/ideas/print/"],[href^="#/ideas/displays/"],[href^="#/ideas/tech/"],[href^="#/ideas/kits/"])) .breadcrumb-row>.back-link:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(min-width:601px){
 /* Compensate for the stacked return control so Promotional hero copy stays in place. */
 .drinkware-page:has(.breadcrumbs a[href="#/ideas/promotional"]) .drinkware-intro{padding-top:0}
}
@media(min-width:1500px){.drinkware-page:has(.breadcrumbs a[href="#/ideas/promotional"]) .drinkware-intro{padding-top:20px}}
@media(max-width:800px){
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .container{width:calc(100% - 48px)}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-copy{width:51%}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-mark{width:90px;height:90px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-content{gap:18px}
}
@media(max-width:600px){
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .container{width:calc(100% - 40px)}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-hero{min-height:0}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-intro{width:100%;padding:20px 0 28px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-intro h1{font-size:38px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-intro h2{font-size:23px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-intro>p:not(.eyebrow){font-size:16px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .button{font-size:15px;min-height:44px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-hero>.blend-image{left:auto;aspect-ratio:1.5;height:auto}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-hero>.blend-image img{mask-image:linear-gradient(to bottom,transparent,#000 12%)}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-selection{padding-top:28px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-source-copy{width:100%;padding:25px 0 20px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-source-copy>p{font-size:16px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-source-copy .availability,:is(.apparel-product-page,.print-product-page,.remaining-product-page) .product-material-note{font-size:13px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-purpose,:is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-content{min-height:0}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-copy p{font-size:14px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-copy .purpose-lead{font-size:16px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-copy{width:100%;max-width:none}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-mark{width:70px;height:70px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .purpose-content{gap:15px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-purpose>.blend-image.promo-band-image img{mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 97%,transparent)}
 .breadcrumb-row:has(a:is([href="#/ideas/apparel"],[href="#/ideas/print"],[href="#/ideas/displays"],[href="#/ideas/tech"],[href="#/ideas/kits"]))>.back-link,
 .breadcrumb-row:has(a[href="#/ideas/promotional"])>.back-link,
 #main:has(.category-collection a:is([href^="#/ideas/promotional/"],[href^="#/ideas/apparel/"],[href^="#/ideas/print/"],[href^="#/ideas/displays/"],[href^="#/ideas/tech/"],[href^="#/ideas/kits/"])) .breadcrumb-row>.back-link{min-height:40px}
}
@media(min-width:601px){
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-hero{min-height:clamp(338px,37.5vw,530px)}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-intro{padding-bottom:20px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-hero>.blend-image img{object-fit:cover;object-position:right center}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-source{min-height:200px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-source-copy{padding:13px 0}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-source h2,:is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-purpose h2{font-size:clamp(27px,3.1vw,31px)}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-inquiry{padding-top:20px;padding-bottom:20px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-inquiry h2{font-size:28px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-inquiry p{font-size:14px;max-width:570px;margin-bottom:14px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .ten-tree-band{padding:14px 0}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .ten-tree-band img{width:86px;height:92px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .ten-tree-band h2{font-size:25px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .ten-tree-band p{font-size:14px;max-width:350px}
}
@media(min-width:601px){
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-options{row-gap:16px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-options figcaption{font-size:14px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-selection .consultation-note{font-size:13px}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-source>.blend-image img{mask-image:linear-gradient(to right,transparent 34%,#000 65%)}
}
@media(min-width:601px){
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-purpose>.blend-image.promo-band-image img{mask-image:linear-gradient(to right,transparent 5%,#000 60%),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent)}
}
@media(min-width:801px){
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-intro h1{white-space:nowrap;width:max-content;font-size:clamp(36px,4.3vw,60px)}
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-intro h2{width:110%;max-width:570px;font-size:clamp(20px,2.25vw,29px)}
}

@media(min-width:601px){
 .drinkware-page:has(.breadcrumbs a[href="#/ideas/promotional"]) .breadcrumb-row{gap:6.6px}
}
@media(min-width:1101px){
 .drinkware-page:has(.breadcrumbs a[href="#/ideas/promotional"]) .drinkware-intro{padding-top:15px}
}
@media(min-width:1500px){
 .drinkware-page:has(.breadcrumbs a[href="#/ideas/promotional"]) .drinkware-intro{padding-top:35px}
}



@media(min-width:601px){
 :is(.apparel-product-page,.print-product-page,.remaining-product-page) .drinkware-source>.blend-image.promo-band-image img{position:absolute;right:0;width:auto;max-width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 35%)}
}

/* Keep the Print sourcing copy on a clean white field. */
@media(min-width:601px){
 :is(.print-product-page,.remaining-product-page) .drinkware-source>.blend-image.promo-band-image img{mask-image:linear-gradient(to right,transparent 25%,#000 60%)} 
}


/* Longer display and gifting names wrap within their own copy column. */
.remaining-product-page .drinkware-intro h1{white-space:normal;width:auto;font-size:clamp(36px,3.8vw,56px)}
@media(max-width:600px){.remaining-product-page .drinkware-intro h1{font-size:36px}}