/* Product collection: numbered imagery, concise benefits, clear actions. */
.page-offerings .offerings-grid-section>.product-collection{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px}
.page-offerings .offerings-grid-section .product-tile{grid-column:span 2;border-radius:18px;border:1px solid #d4e1cf;background:linear-gradient(145deg,#fff,#f6f9f2);box-shadow:0 4px 0 #e0e9d9,0 14px 30px #07392e0d;min-width:0}
.page-offerings .offerings-grid-section .product-tile:nth-child(n+4){grid-column:span 3}
.page-offerings .product-visual{position:relative;overflow:hidden;background:#edf3e8;border-bottom:1px solid #d4e1cf}
.page-offerings .offerings-grid-section .product-tile .product-visual>img{width:100%;height:240px;object-fit:cover;display:block}
.page-offerings .offerings-grid-section .product-tile .product-number{position:absolute;inset:16px auto auto 16px;display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff80;border-radius:12px;background:#033729ed;color:#d7ed8a;font:500 18px/1 Georgia,serif;box-shadow:0 4px 12px #0002}
.page-offerings .offerings-grid-section .product-tile .product-copy{display:flex;flex:1;flex-direction:column;padding:28px}
.page-offerings .offerings-grid-section .product-tile h3{font-size:23px;line-height:1.3;margin:0 0 16px;overflow-wrap:anywhere}
.page-offerings .offerings-grid-section .product-tile .product-subtitle{font-size:15px;line-height:1.5;color:#297455;font-weight:600;margin:0 0 16px;padding-left:12px;border-left:3px solid #9abe49}
.page-offerings .offerings-grid-section .product-tile .product-description{font-size:16px;line-height:1.75;color:#476050;margin:0 0 26px}
.page-offerings .product-action{margin-top:auto;padding-top:20px;border-top:1px solid #dce5d5}
.page-offerings .product-link,.page-offerings .product-coming-soon{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;font-size:12px;font-weight:600;letter-spacing:.08em;color:#07392e}
.page-offerings .product-link>span,.page-offerings .product-coming-soon>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e5efda;font-size:23px;transition:transform .25s ease,background .25s ease}
.page-offerings .product-link:hover>span{transform:translateX(4px);background:#c8e67a}
.page-offerings .offerings-grid-section .product-upcoming{background:linear-gradient(145deg,#f5f7ef,#eaf0e0);border-style:dashed}
.page-offerings .product-coming-soon{color:#627451}
@media(max-width:1023px){.page-offerings .offerings-grid-section>.product-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.page-offerings .offerings-grid-section .product-tile,.page-offerings .offerings-grid-section .product-tile:nth-child(n+4){grid-column:auto}.page-offerings .offerings-grid-section .product-tile:last-child{grid-column:1/-1}}
@media(max-width:767px){.page-offerings .offerings-grid-section>.product-collection{grid-template-columns:1fr;gap:26px}.page-offerings .offerings-grid-section .product-tile .product-copy{padding:24px}.page-offerings .offerings-grid-section .product-tile .product-visual>img{height:230px}}
@media(prefers-reduced-motion:reduce){.page-offerings .product-link>span{transition:none;transform:none}}

/* One semantic link makes the entire product card clickable. */
.page-offerings .product-tile{position:relative}
.page-offerings .product-link::after{content:'';position:absolute;inset:0;z-index:3;border-radius:18px}
.page-offerings .product-tile:focus-within{outline:2px solid #527b38;outline-offset:5px}

/* Featured BMAO product showcase. */
.page-offerings #bmao{padding:88px 0;background:linear-gradient(135deg,#faf8f1,#f5f6f0);color:#06382d;border-bottom:1px solid #e3e6dc}
.page-offerings #bmao>div{gap:56px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.page-offerings #bmao .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid #d7dfbd;border-radius:100px;background:#eef2df;color:#426332;font-size:11px;letter-spacing:2px}
.page-offerings #bmao .eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:#719341}
.page-offerings #bmao h2{margin-top:22px;font-size:clamp(38px,4.2vw,60px);line-height:1.08;color:#06382d;letter-spacing:-1.5px}
.page-offerings #bmao h2+p{color:#355b4b;font-size:20px;line-height:1.6;max-width:520px;margin-top:22px}
.page-offerings #bmao ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0}
.page-offerings #bmao ul li{flex-direction:row;text-align:left;gap:12px;padding:14px;border:1px solid #e0e4d8;border-radius:12px;background:#fff;box-shadow:0 6px 18px #15362b06}
.page-offerings #bmao ul li>span:first-child{width:44px;height:44px;flex-shrink:0;background:#e1edcc}
.page-offerings #bmao ul li img{width:28px;height:28px}
.page-offerings #bmao ul li>span:last-child{font-size:14px;color:#355b4b;line-height:1.45}
.page-offerings #bmao .btn{min-height:52px;padding:15px 24px;gap:28px;background:#06382d;color:#fff;border:1px solid #06382d;border-radius:8px;font-weight:600}
.page-offerings #bmao .btn:hover{background:#155642;border-color:#155642}
.page-offerings #bmao>div>img{border:1px solid #e0e3d8;border-radius:22px;box-shadow:0 20px 45px #233a2514;padding:8px;background:#fff;max-height:620px}
@media(max-width:1023px){.page-offerings #bmao{padding:56px 0}.page-offerings #bmao>div{grid-template-columns:1fr;gap:36px}.page-offerings #bmao>div>img{max-width:700px;justify-self:center}.page-offerings #bmao h2+p{max-width:650px}}
@media(max-width:480px){.page-offerings #bmao ul li{padding:12px 10px;gap:8px}.page-offerings #bmao ul li>span:first-child{width:34px;height:34px}.page-offerings #bmao ul li img{width:24px;height:24px}.page-offerings #bmao ul li>span:last-child{font-size:12px}.page-offerings #bmao h2+p{font-size:18px}}

/* Flagship copy and detailed benefit descriptions. */
.page-offerings #bmao .flagship-description{color:#526258;font-size:16px;line-height:1.75;margin-top:20px}
.page-offerings #bmao .flagship-benefits-heading{color:#52713c;font-size:12px;letter-spacing:2px;margin-top:30px;font-weight:600}
.page-offerings #bmao ul{margin-top:16px}
.page-offerings #bmao ul li{align-items:flex-start}
.page-offerings #bmao .flagship-benefit-copy{min-width:0}
.page-offerings #bmao .flagship-benefit-copy h4{color:#06382d;font-size:15px;line-height:1.4;font-weight:600;margin:0}
.page-offerings #bmao .flagship-benefit-copy p{color:#526258;font-size:13px;line-height:1.65;margin:8px 0 0}
@media(max-width:600px){.page-offerings #bmao ul{grid-template-columns:1fr}.page-offerings #bmao .flagship-benefit-copy p{font-size:14px}}

/* Benefits sit beneath the introduction and product image. */
.page-offerings #bmao .flagship-benefits{grid-column:1 / -1}
.page-offerings #bmao .flagship-benefits-heading{margin-top:0}
.page-offerings #bmao .flagship-benefits ul{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}
.page-offerings #bmao .flagship-registered{font-size:.38em;vertical-align:super;position:relative;top:-.3em;line-height:0;margin-left:.12em;letter-spacing:0}
.page-offerings #bmao .flagship-description+.btn{margin-top:28px}
@media(max-width:1023px){.page-offerings #bmao .flagship-benefits ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-offerings #bmao .flagship-benefits ul{grid-template-columns:1fr}}

/* Environmental partner strip immediately below the Offerings hero. */
/* Raised benefit cards with restrained motion and readable, live copy. */
.page-offerings #bmao .flagship-benefits ul{gap:20px}
.page-offerings #bmao .flagship-benefits li{position:relative;isolation:isolate;overflow:hidden;flex-direction:column;gap:22px;padding:26px;border-radius:20px;border-color:#dce3d5;background:linear-gradient(145deg,#fff 65%,#f5f8ed);box-shadow:0 4px 0 #e5e9dd,0 12px 28px #163e2b09}
.page-offerings #bmao .flagship-benefits li::after{content:'';position:absolute;bottom:0;left:26px;right:26px;height:3px;border-radius:3px;background:linear-gradient(90deg,#285d43,#badb64);transform:scaleX(.22);transform-origin:left}
.page-offerings #bmao .flagship-benefits li>span:first-child{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#edf4da,#dce9be);box-shadow:inset 0 1px 0 #fff,0 5px 12px #285d4310}
.page-offerings #bmao .flagship-benefits li img{width:30px;height:30px}
.page-offerings #bmao .flagship-benefit-copy h4{font-weight:600!important;font-size:17px;line-height:1.45}
.page-offerings #bmao .flagship-benefit-copy p{font-size:14px;line-height:1.8;margin-top:12px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .page-offerings #bmao .flagship-benefits li{transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease,border-color .35s ease}
 .page-offerings #bmao .flagship-benefits li::after{transition:transform .4s ease}
 .page-offerings #bmao .flagship-benefits li>span:first-child,.page-offerings #bmao .flagship-benefits li img{transition:transform .4s cubic-bezier(.2,.7,.3,1),box-shadow .4s ease}
 .page-offerings #bmao .flagship-benefits li:hover{transform:translateY(-8px);border-color:#adc780;box-shadow:0 4px 0 #dbe6c9,0 20px 35px #163e2b18}
 .page-offerings #bmao .flagship-benefits li:hover::after{transform:scaleX(1)}
 .page-offerings #bmao .flagship-benefits li:hover>span:first-child{transform:rotate(-6deg);box-shadow:0 8px 18px #285d4320}
 .page-offerings #bmao .flagship-benefits li:hover img{transform:rotate(6deg) scale(1.12)}
}
@media(max-width:600px){.page-offerings #bmao .flagship-benefits li{padding:24px;gap:18px}.page-offerings #bmao .flagship-benefit-copy h4{font-size:18px}}

.offering-partner-strip{background:#fff;color:#06382d;border-bottom:1px solid #e3e6dc;padding:26px 0}
.offering-partner-inner{display:flex;align-items:center;justify-content:center;gap:36px}
.offering-partner-inner h2{font-size:22px;line-height:1.15;max-width:250px;margin:0;border-right:1px solid #a2bf52;padding:6px 30px 6px 0}
.offering-partner-logos{display:flex;align-items:center;justify-content:center;gap:36px}
.offering-partner-made{position:relative;width:150px;height:82px;overflow:hidden;flex-shrink:0}
.offering-partner-made img{position:absolute;width:165px;max-width:none;height:165px;left:-7px;top:-42px;mix-blend-mode:multiply}
.offering-partner-iso{width:96px;height:96px;object-fit:contain;filter:brightness(0) saturate(100%);opacity:.8}
.offering-partner-swachh{width:175px;height:80px;object-fit:contain;filter:brightness(0);opacity:.8}
@media(max-width:767px){.offering-partner-inner{flex-direction:column;gap:20px}.offering-partner-inner h2{max-width:none;border:0;padding:0;text-align:center;font-size:20px}.offering-partner-inner h2 br{display:none}.offering-partner-logos{width:100%;gap:clamp(14px,4vw,28px)}.offering-partner-made{width:100px;height:55px}.offering-partner-made img{width:110px;height:110px;left:-5px;top:-28px}.offering-partner-iso{width:64px;height:64px}.offering-partner-swachh{width:105px;height:52px}}
@media(max-width:359px){.offering-partner-logos{gap:10px}.offering-partner-swachh{width:90px}.offering-partner-made{width:90px}}
/* Editorial flagship introduction and layered product presentation. */
.page-offerings #bmao h2,.page-offerings #bmao h2 *{font-family:TitleInter,Inter,Arial,sans-serif!important;font-weight:700!important}
.page-offerings #bmao h2{font-size:clamp(32px,3.8vw,56px);letter-spacing:-.045em;line-height:1.12;margin-top:26px}
.page-offerings #bmao h2+p{border-left:3px solid #a6c665;padding-left:18px;font-size:clamp(18px,1.5vw,22px);margin-top:26px;line-height:1.6}
.page-offerings #bmao .flagship-description{max-width:54ch;line-height:1.85;margin-top:24px}
.page-offerings #bmao .flagship-description+.btn{margin-top:32px;box-shadow:0 8px 20px #06382d18}
.page-offerings #bmao .flagship-visual{position:relative;isolation:isolate;margin:14px 0 0;min-width:0;padding:0 0 18px}
.page-offerings #bmao .flagship-visual::before{content:'';position:absolute;z-index:-1;inset:22px 12px 0 22px;background:#e8edda;border:1px solid #d9e2c6;border-radius:26px}
.page-offerings #bmao .flagship-image-frame{overflow:hidden;padding:9px;background:#fff;border:1px solid #dfe4d8;border-radius:24px;box-shadow:0 18px 40px #233a2512}
.page-offerings #bmao .flagship-image-frame img{display:block;width:100%;height:auto;aspect-ratio:900/570;object-fit:contain;border-radius:17px}
.page-offerings #bmao .flagship-visual figcaption{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 16px 0;color:#496146;font-size:10px;letter-spacing:.14em;line-height:1.6;text-align:center}
.page-offerings #bmao .flagship-visual figcaption span{width:6px;height:6px;border-radius:50%;background:#7e9e43;flex-shrink:0}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .page-offerings #bmao .flagship-image-frame{transition:transform .5s ease,box-shadow .5s ease}
 .page-offerings #bmao .flagship-image-frame img{transition:transform .65s cubic-bezier(.2,.7,.3,1)}
 .page-offerings #bmao .flagship-visual:hover .flagship-image-frame{transform:translateY(-5px);box-shadow:0 24px 45px #233a2520}
 .page-offerings #bmao .flagship-visual:hover img{transform:scale(1.025)}
}
@media(max-width:1023px){.page-offerings #bmao .flagship-visual{width:100%;max-width:700px;justify-self:center;margin-top:0}}
@media(max-width:600px){.page-offerings #bmao .flagship-image-frame{padding:6px;border-radius:18px}.page-offerings #bmao .flagship-image-frame img{border-radius:12px}.page-offerings #bmao .flagship-visual figcaption{font-size:9px;letter-spacing:.08em}.page-offerings #bmao h2{letter-spacing:-.035em}}
