.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}
.benefit-card{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:17px;background:var(--white);border:1px solid var(--line);border-radius:14px}
.benefit-icon,.ecobag-reminder-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;background:var(--mint);color:var(--green)}
.benefit-icon svg,.ecobag-reminder-icon svg{width:21px;height:21px}
.benefit-card h2{font-size:15px;margin:1px 0 5px}
.benefit-card p{font-size:12px;line-height:1.5;color:var(--muted)}
.ecobag-reminder{display:flex;align-items:flex-start;gap:13px;padding:16px;background:var(--mint);border:1px solid #b7d9cd;border-radius:12px;color:var(--green);text-align:left}
.ecobag-reminder-icon{background:var(--white)}
.ecobag-reminder strong{display:block;font-size:14px;line-height:1.35}
.ecobag-reminder p{font-size:13px;line-height:1.5;margin:4px 0 0;color:var(--deep)}
.checkout-content>.ecobag-reminder{margin:0}
.customer-checkout>.ecobag-reminder{margin:20px 0}
.success-screen>.ecobag-reminder{max-width:500px;margin:20px auto 24px}
.order-card .ecobag-reminder,.finance-order .ecobag-reminder{margin:16px 0}
.order-card .ecobag-reminder strong,.finance-order .ecobag-reminder strong{font-size:13px}
.order-card .ecobag-reminder p,.finance-order .ecobag-reminder p{font-size:12px}
@media(max-width:800px){.benefit-grid{grid-template-columns:1fr;gap:8px}.benefit-card{padding:12px 14px}.benefit-card p{font-size:12px}}
@media(max-width:700px){.utility-row{flex-wrap:wrap}.utility-row>.search-box{display:flex;order:2;width:100%;min-height:46px}.utility-row>.mobile-search{display:none}.welcome h1{font-size:clamp(23px,6vw,28px)}.welcome p{max-width:100%}.benefit-grid{margin-bottom:17px}.benefit-card h2{font-size:14px}.hero{margin-top:0}}

.home-intro{display:grid;grid-template-columns:1.05fr .95fr;min-height:330px;overflow:hidden;border-radius:22px;background:var(--green);margin-bottom:16px}
.home-intro-copy{padding:38px 42px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.home-intro-copy .eyebrow{color:var(--lime);font-size:13px;margin-bottom:12px}
.home-intro h1{font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-.045em}
.home-intro h1 em{font-style:normal;color:var(--lime)}
.home-intro-copy>p:last-of-type{margin-top:14px;max-width:420px;color:#e4f1ec;font-size:16px}
.home-intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:25px}
.home-intro-actions .primary{background:var(--lime);color:var(--deep);text-decoration:none;min-height:46px}
.home-how{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 11px;color:#fff;font-size:14px;font-weight:700}
.home-how:hover{text-decoration:underline;text-underline-offset:4px}
.home-how svg{width:17px;height:17px}
.home-intro-visual{position:relative;min-height:100%;background:#f6f4e8}
.home-intro-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.home-intro-visual>span{position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:center;gap:7px;background:#fff;padding:8px 12px;border-radius:9px;color:var(--green);font-size:12px;font-weight:750;box-shadow:0 3px 15px #123b3320}
.home-intro-visual>span svg{width:16px;height:16px}
.home-benefits{margin:0 0 18px}
.home-benefits .benefit-card{align-items:center;padding:13px 15px}
.home-benefits .benefit-card h2{margin:0 0 3px}
.home-benefits .benefit-card p{font-size:12px}
.home-featured{margin-top:24px}
.home-featured .section-title{margin-bottom:16px}
.home-featured .section-title .eyebrow{margin:0 0 4px}
.home-see-all{display:flex;justify-content:center;padding:22px 0 2px}
.home-see-all .secondary{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:46px;padding-inline:22px}
.home-see-all svg{width:17px;height:17px}
@media(max-width:800px){.home-intro{min-height:280px}.home-intro-copy{padding:28px}.home-intro h1{font-size:clamp(28px,4.5vw,40px)}}
@media(max-width:700px){.home-intro{grid-template-columns:1fr;min-height:0}.home-intro-copy{padding:26px 24px}.home-intro h1{font-size:clamp(31px,7vw,40px)}.home-intro-copy>p:last-of-type{font-size:14px}.home-intro-actions{margin-top:18px}.home-intro-visual{height:180px}.home-intro-visual img{object-position:center 43%}.home-benefits{gap:8px}.home-benefits .benefit-card{padding:11px 13px}.home-featured .section-title p:not(.eyebrow){font-size:12px}.home-see-all .secondary{width:100%;justify-content:center}}
@media(max-width:374px){.utility-row .search-box{padding-inline:8px}.utility-row .search-box input{font-size:12px}}