.products-page{background:#f6f5ef;overflow-x:clip}
.products-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:46fr 54fr;align-items:center;gap:0;min-height:650px;padding:142px var(--page-gutter) 50px;background:#133a31;color:#f3f2eb;overflow:hidden}
.products-hero:before{content:'';position:absolute;inset:-15% -5% -10% 32%;z-index:-1;background:url('../assets/images/Botanical%20Effect.png') center/cover;opacity:.19;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 28%)}
.products-hero-copy{position:relative;z-index:2;padding:10px 0 28px}
.products-eyebrow{font-size:var(--type-eyebrow);text-transform:uppercase;letter-spacing:2.7px;line-height:1.6;margin:0 0 24px;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}
.products-hero .products-eyebrow{color:#a8c8b4;display:flex;align-items:center;gap:18px;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}
.products-hero .products-eyebrow:before{content:'';width:42px;height:1px;background:#86A126;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}
.products-hero h1{font-family:var(--font-display);text-transform:uppercase;font-size:var(--type-hero);font-weight:var(--weight-display);letter-spacing:-1.7px;line-height:.98;margin:0 0 27px}
.products-hero h1 span{display:block;color:#86A126}
.products-hero-description{font-size:clamp(17px,1.35vw,23px);line-height:1.55;max-width:520px;margin:0 0 30px;color:#e3e8df}
.products-hero-cta{background:#86A126;border-radius:99px;color:#133a31;font-weight:var(--weight-medium);gap:35px;padding:18px 27px;min-height:58px}
.products-hero-cta:hover{background:#8dca27}
.products-hero-art{min-width:0;position:relative;text-align:center}
.products-hero-art>img{display:block;width:110%;height:auto;max-width:none;margin-left:-4%;object-fit:contain}
.products-hero-art>p{font-size:var(--type-caption);letter-spacing:2px;text-transform:uppercase;color:#b4c8b9;line-height:1.7;margin:0}
.purchase-paths{max-width:1920px;margin:auto;padding:54px var(--page-gutter) 66px;scroll-margin-top:110px}
.purchase-intro{text-align:center;margin:0 auto 32px}
.purchase-intro .products-eyebrow{color:#557568;margin-bottom:12px;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}
.purchase-intro h2,.products-help h2{font-family:var(--font-display);text-transform:uppercase;font-weight:var(--weight-display);font-size:var(--type-section);line-height:1.1;margin:0 0 12px;letter-spacing:-.6px}
.purchase-intro>p:last-child{font-size:17px;line-height:1.5;color:#647c70;margin:0}
.purchase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.purchase-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;background:#fdfdfb;border:1px solid #183f351c;border-radius:20px;padding:23px 26px 28px;transition:border-color .25s,box-shadow .25s}
.purchase-card:hover{border-color:#86A126;box-shadow:0 12px 28px #183f350b}
.purchase-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--type-caption);line-height:1.5;text-transform:uppercase;letter-spacing:1.3px;color:#617d6f}
.purchase-card-top>span:last-child{font-size:23px;color:#86A126}
.purchase-art{position:relative;height:clamp(210px,19vw,310px);margin:10px -8px 16px;isolation:isolate}
.purchase-art img{object-fit:contain;transition:transform .4s ease}
.commercial-art>img{width:100%;height:100%}
.purchase-card:hover .commercial-art>img{transform:translateY(-5px) scale(1.025)}
.amazon-product{position:absolute;left:0;bottom:4%;width:72%;height:84%;z-index:2}
.store-phone{position:absolute;right:9%;top:3%;height:94%;aspect-ratio:942/2048;border:5px solid #133a31;border-radius:22px;overflow:hidden;transform:rotate(7deg);box-shadow:0 9px 16px #183f3517}
.store-phone>img{display:block;width:100%;height:100%}
.purchase-card:hover .amazon-product{transform:translateY(-5px)}
.custom-art img{position:absolute;height:80%;width:46%;bottom:5%;filter:drop-shadow(0 9px 7px #183f3512)}
.custom-art .custom-main{height:98%;width:52%;left:24%;bottom:0;z-index:3;transform:rotate(13deg)}
.custom-art .custom-side{left:0;transform:rotate(-12deg);z-index:1}
.custom-art .custom-right{right:0;transform:rotate(29deg);z-index:2}
.purchase-card:hover .custom-main{transform:translateY(-5px) rotate(13deg)}
.purchase-copy{display:flex;flex-direction:column;flex:1}
.purchase-copy h3{font-family:var(--font-display);font-size:clamp(27px,2.2vw,38px);font-weight:var(--weight-display);line-height:1.15;margin:0 0 12px}
.purchase-copy>p{font-size:16px;line-height:1.6;color:#647c70;margin:0 0 27px;max-width:330px}
.purchase-action{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:var(--weight-bold);line-height:1.5;margin-top:auto;padding-top:17px;border-top:1px solid #183f3524}
.purchase-action>span{font-size:26px;font-weight:var(--weight-body);color:#447b5f;transition:transform .25s}
.purchase-card:hover .purchase-action>span{transform:translateX(5px);color:#86A126}
.purchase-new-tab{font-size:var(--type-caption);color:#647c70;margin-top:5px}
.products-help{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:0 var(--page-gutter) 60px;padding:34px 38px;background:#e7ece3;border-radius:18px}
.products-help .products-eyebrow{font-size:var(--type-eyebrow);margin-bottom:9px;color:#587666;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}
.products-help h2{font-size:32px;text-transform:none}
.products-help p:last-child{font-size:16px;line-height:1.5;color:#647c70;margin:0}
.products-help .button{background:#133a31;color:#fff;border-radius:99px;flex-shrink:0}
.products-help .button:hover{background:#285e48}
.products-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#133a31;color:#e3e8df;padding:30px var(--page-gutter);font-size:var(--type-caption)}
.products-footer img{display:block;width:170px;height:auto}
.products-footer>a:last-child{text-underline-offset:5px}
@media(min-width:1600px){.products-hero{min-height:720px}}
@media(max-width:1150px){.products-hero{padding-top:120px;min-height:570px}.products-hero h1{font-size:var(--type-hero)}.purchase-grid{gap:16px}.purchase-card{padding:20px 20px 25px}.purchase-copy h3{font-size:28px}.purchase-copy>p{font-size:15px}.purchase-action{font-size:var(--type-caption)}.purchase-art{height:220px}.store-phone{border-width:4px;border-radius:15px}}
@media(max-width:767px){.products-hero{grid-template-columns:1fr;padding-top:112px;padding-bottom:28px;min-height:0}.products-hero h1{font-size:var(--type-hero);letter-spacing:-1px}.products-hero-copy{padding:0}.products-hero-description{font-size:17px;max-width:480px}.products-hero-art{margin-top:20px}.products-hero-art>img{width:100%;margin:0;max-height:340px}.products-hero-art>p{font-size:var(--type-caption)}.purchase-paths{padding-top:38px;padding-bottom:35px}.purchase-intro{margin-bottom:25px}.purchase-intro>p:last-child{font-size:15px}.purchase-grid{grid-template-columns:1fr;gap:22px;max-width:500px;margin:auto}.purchase-card{padding:22px 25px 26px}.purchase-art{height:270px;margin-top:12px}.purchase-copy h3{font-size:34px}.purchase-copy>p{font-size:16px;max-width:none}.purchase-action{font-size:14px}.products-help{flex-direction:column;align-items:flex-start;padding:27px 25px;margin-bottom:35px;gap:24px}.products-footer{flex-wrap:wrap;gap:18px}.products-footer>p{margin:0}.products-footer>a:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){.products-page *{scroll-behavior:auto!important;transition:none!important}.purchase-card:hover img{transform:none}.custom-art .custom-main{transform:rotate(13deg)}}

/* Compact, text-only Products introduction. */
.products-page .products-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:140px var(--page-gutter) 42px}
.products-page .products-hero-copy{max-width:1000px;padding:0}
.products-page .products-hero h1{font-size:var(--type-hero);margin-bottom:20px}
.products-page .products-hero .products-eyebrow{margin-bottom:18px;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}
.products-page .products-hero-description{max-width:700px;font-size:18px;margin-bottom:23px}
.products-page .products-hero-cta{min-height:48px;padding:13px 24px;font-size:13px}
@media(max-width:1150px){.products-page .products-hero{padding-top:120px;padding-bottom:35px}}
@media(max-width:767px){.products-page .products-hero{padding-top:108px;padding-bottom:30px}.products-page .products-hero h1{font-size:var(--type-hero)}.products-page .products-hero-description{font-size:16px;margin-bottom:20px}}
/* Forest-green purchase tiles, coordinated with the commercial catalogue. */
.purchase-card{transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s}
.purchase-card :is(.purchase-card-top,.purchase-copy>p,.purchase-new-tab,.purchase-action){transition:color .22s,border-color .22s}
.purchase-card:is(:hover,:focus-visible){background:#133a31;border-color:#133a31;color:#f6f5ef;box-shadow:0 12px 28px #183f3520}
.purchase-card:is(:hover,:focus-visible) :is(.purchase-card-top,.purchase-copy>p,.purchase-new-tab){color:#c0d8c7}
.purchase-card:is(:hover,:focus-visible) .purchase-copy h3,.purchase-card:is(:hover,:focus-visible) .purchase-action{color:#f6f5ef}
.purchase-card:is(:hover,:focus-visible) .purchase-action{border-color:#ffffff30}
.purchase-card:is(:hover,:focus-visible) :is(.purchase-action>span,.purchase-card-top>span:last-child){color:#86A126}
.purchase-card:focus-visible{outline:3px solid #86A126;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.purchase-card{transition:none}}

/* Give the Amazon phone its own lift alongside the product artwork. */
.products-page .store-phone{transform-origin:center 65%;transition:transform 350ms cubic-bezier(.22,.61,.36,1),box-shadow 350ms ease}
@media(hover:hover) and (pointer:fine){.products-page .purchase-card:hover .store-phone{transform:translateY(-9px) rotate(4deg) scale(1.045);box-shadow:0 20px 26px #082c2850}}
.products-page .purchase-card:focus-visible .store-phone{transform:translateY(-9px) rotate(4deg) scale(1.045);box-shadow:0 20px 26px #082c2850}
@media(prefers-reduced-motion:reduce){.products-page .store-phone{transition:none}.products-page .purchase-card:hover .store-phone,.products-page .purchase-card:focus-visible .store-phone{transform:rotate(7deg)}}

/* Black phone bezel remains distinct against the forest-green hover surface. */
.products-page .store-phone{border-color:#151515;background:#151515}

/* Oversized transparent cup composition, contained by the hero. */
.products-page .products-hero{min-height:590px;padding-top:120px;padding-bottom:30px;grid-template-columns:minmax(0,46fr) minmax(0,54fr)}
.products-page .products-hero-copy{grid-column:1;max-width:620px}
.products-hero-closeup{position:absolute;z-index:1;pointer-events:none;top:90px;right:-8%;width:64%;}
.products-hero-closeup img{display:block;width:100%;height:auto;max-width:none}
@media(min-width:1600px){.products-page .products-hero{min-height:620px}.products-hero-closeup{top:75px;right:-6%;width:62%}}
@media(max-width:1000px) and (min-width:768px){.products-page .products-hero{min-height:560px;grid-template-columns:minmax(0,52fr) minmax(0,48fr)}.products-hero-closeup{top:185px;right:-18%;width:74%}}
@media(max-width:767px){.products-page .products-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-bottom:0}.products-page .products-hero-copy{max-width:560px;padding-bottom:24px}.products-hero-closeup{position:relative;top:auto;right:auto;width:125%;margin:0 -25% -1px 0;max-height:390px;overflow:hidden}.products-hero-closeup img{width:100%}}

.products-hero-cta .products-cta-arrow{display:block;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Product gateway cards: only the outline responds to hover/focus. */
body.products-page .purchase-card,
body.products-page .purchase-card:is(:hover,:focus-visible){background:#fff!important;color:var(--forest)!important;box-shadow:var(--surface-shadow)!important;transform:none;translate:none;scale:1;transition:border-color 180ms ease,outline-color 180ms ease}
body.products-page .purchase-card:is(:hover,:focus-visible){border-color:#86A126;outline:2px solid #86A126;outline-offset:0}
body.products-page .purchase-card:is(:hover,:focus-visible) .purchase-card-top{color:#617d6f}
body.products-page .purchase-card:is(:hover,:focus-visible) :is(.purchase-copy>p,.purchase-new-tab){color:#647c70}
body.products-page .purchase-card:is(:hover,:focus-visible) :is(.purchase-copy h3,.purchase-action){color:var(--forest)}
body.products-page .purchase-card:is(:hover,:focus-visible) .purchase-action{border-color:#183f3524}
body.products-page .purchase-card:is(:hover,:focus-visible) .commercial-art>img,
body.products-page .purchase-card:is(:hover,:focus-visible) .amazon-product,
body.products-page .purchase-card:is(:hover,:focus-visible) .purchase-action>span{transform:none}
body.products-page .purchase-card:is(:hover,:focus-visible) .custom-main{transform:rotate(13deg)}
body.products-page .purchase-card:is(:hover,:focus-visible) .store-phone{transform:rotate(7deg);box-shadow:0 9px 16px #183f3517}
/* More compact Products landing hero and gateway cards. */
body.products-page .products-hero{min-height:520px;padding-top:112px;padding-bottom:24px}
body.products-page .products-hero-copy{padding-bottom:12px}
body.products-page .products-hero-description{margin-bottom:22px}
body.products-page .products-hero-closeup{top:80px;width:59%;right:-5%}
body.products-page .purchase-paths{padding-top:38px;padding-bottom:46px}
body.products-page .purchase-grid{gap:22px;max-width:1560px;margin-inline:auto}
body.products-page .purchase-card{padding:20px 22px 22px}
body.products-page .purchase-art{height:clamp(170px,15vw,235px);margin:8px -4px 12px}
body.products-page .purchase-copy h3{font-size:clamp(24px,1.9vw,30px);margin-bottom:10px}
body.products-page .purchase-copy>p{font-size:15px;line-height:1.5;margin-bottom:20px}
body.products-page .purchase-action{padding-top:14px;font-size:13px}
body.products-page .purchase-card-top{font-size:13px;letter-spacing:.08em}
@media(min-width:1600px){body.products-page .products-hero{min-height:550px}}
@media(min-width:768px) and (max-width:1000px){body.products-page .products-hero{min-height:510px}body.products-page .products-hero-closeup{top:145px;right:-14%;width:68%}}
@media(max-width:767px){body.products-page .products-hero{min-height:0;padding-top:104px;padding-bottom:0}body.products-page .products-hero-closeup{position:relative;top:auto;right:auto;width:115%;max-height:300px;margin:0 -15% -1px 0}body.products-page .purchase-art{height:210px}body.products-page .purchase-grid{gap:18px}body.products-page .purchase-copy h3{font-size:27px}}
/* Products hero matches the homepage's editorial heading and outlined CTA. */
body.products-page .products-hero h1{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(44px,4.2vw,72px);line-height:1.02;letter-spacing:-.015em;color:#fff!important}
body.products-page .products-hero h1>span{color:#86A126!important}
body.products-page .products-hero .products-hero-cta[data-ui-action],
body.products-page .products-hero .products-hero-cta[data-ui-action]:is(:hover,:focus-visible){background:transparent!important;border:2px solid #86A126!important;border-radius:20px!important;color:#fff!important;font-family:var(--font-display)!important;font-weight:var(--weight-display)!important;font-size:21px!important;line-height:1.1!important;text-transform:uppercase!important;min-height:50px;padding:12px 24px;gap:18px;box-shadow:none!important}
body.products-page .products-hero .products-cta-arrow{width:24px;height:24px;flex-basis:24px;color:inherit;align-self:center}
@media(max-width:767px){body.products-page .products-hero h1{font-size:clamp(36px,9.5vw,48px)}body.products-page .products-hero .products-hero-cta[data-ui-action],body.products-page .products-hero .products-hero-cta[data-ui-action]:is(:hover,:focus-visible){font-size:19px!important;padding:10px 18px;min-height:44px;border-radius:17px!important}}
body.products-page .products-hero .products-hero-copy h1>span{color:#86A126!important}

/* Standalone phone, centred in the Amazon purchase tile. */
body.products-page .amazon-art .store-phone{left:50%;right:auto;translate:-50% 0}
/* A slim proportional phone frame; avoid a padded capsule around the screen. */
body.products-page .amazon-art{perspective:1200px}
body.products-page .amazon-art .store-phone{box-sizing:border-box;top:3%;height:94%;width:auto;aspect-ratio:950/2056;padding:4px;border:1px solid #6b776f;border-radius:18px;background:#19251f;overflow:hidden;transform:rotate(4deg);box-shadow:0 8px 14px #133a311c}
body.products-page .amazon-art .store-phone>img{display:block;height:100%;width:100%;object-fit:cover;border-radius:13px;transform:none}
body.products-page .amazon-art .store-phone:after{content:none}
body.products-page .purchase-card:is(:hover,:focus-visible) .amazon-art .store-phone{transform:rotate(4deg);box-shadow:0 8px 14px #133a311c}
@media(prefers-reduced-motion:reduce){body.products-page .amazon-art .store-phone,body.products-page .purchase-card:is(:hover,:focus-visible) .amazon-art .store-phone{transform:none}}
/* Match the homepage category tiles: quiet outline, soft depth and a 3px lift. */
body.products-page .purchase-card{
 transition:border-color 180ms ease,box-shadow 180ms ease,translate 180ms ease!important;
}
body.products-page .purchase-card:is(:hover,:focus-visible){
 border-color:var(--surface-border);outline:none;box-shadow:var(--surface-shadow)!important;
 transform:none;translate:none;
}
body.products-page .purchase-card:focus-visible{outline:3px solid var(--bottle);outline-offset:4px}
@media(hover:hover){
 body.products-page .purchase-card:hover{
  border-color:#a6b7ac;outline:none;box-shadow:0 8px 20px #133a310b!important;translate:0 -3px;
 }
 body.products-page .purchase-card:hover .purchase-art>img,
 body.products-page .purchase-card:hover .store-phone{translate:0 -3px}
}
body.products-page .purchase-art>img,body.products-page .store-phone{transition:translate 250ms ease!important}
@media(prefers-reduced-motion:reduce){
 body.products-page .purchase-card,body.products-page .purchase-art>img,body.products-page .store-phone{transition:none!important}
 body.products-page .purchase-card:hover,
 body.products-page .purchase-card:hover .purchase-art>img,
 body.products-page .purchase-card:hover .store-phone{translate:none}
}
/* Preserve the phone's horizontal centring during the subtle vertical lift. */
body.products-page .amazon-art .store-phone{translate:-50% 0}
@media(hover:hover){
 body.products-page .purchase-card:hover .amazon-art .store-phone{translate:-50% -3px}
}
@media(prefers-reduced-motion:reduce){
 body.products-page .purchase-card:hover .amazon-art .store-phone{translate:-50% 0}
}