/* XD Shop journey. Data, prices and available actions remain server-owned. */
@media(min-width:1501px){
.shop-system{grid-template-columns:240px minmax(0,1fr) 230px}
.shop-products{grid-template-columns:repeat(5,minmax(0,1fr))}
.shop-card{min-width:0}
.shop-image{border:2px solid #39ff14;border-radius:18px;overflow:hidden}
.shop-card-action{border:1px solid #ff3d7f;border-radius:0 0 5px 5px}
}
.shop-image{background:#fff}
.shop-image-missing{border-color:#d8d8d8}
.shop-xd-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-height:38px;background:#f4f4f4;border:1px solid #ff3d7f;border-top:0;border-radius:0 0 5px 5px}
.shop-xd-actions>*{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;border-right:1px solid #ddd;background:transparent;color:#555;font:10px/1.1 'Segoe UI',Arial,sans-serif;text-decoration:none;cursor:pointer}
.shop-xd-actions>*:last-child{border-right:0}.shop-xd-actions button[aria-pressed=true]{color:#e32970}.shop-xd-actions .shop-xd-prebook{color:#fff;background:#e32970;border-radius:14px;margin:7px 5px;font-weight:700}
.shop-xd-actions b{font-size:15px;font-weight:600}.shop-xd-actions form{margin:0}.shop-xd-actions form button{width:100%;height:100%;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit}
.shop-xd-actions form button b{display:block}
.shop-card-action{display:none}
.shop-caption{border-bottom:0}
.shop-card-facts{order:-1}
.shop-utility .shop-xd-filter-group{border:1px solid #aaa;border-radius:12px;margin:10px 12px;padding:9px;color:#555;font:600 12px/1.35 'Segoe UI',Arial,sans-serif}
.shop-utility .shop-xd-filter-group summary{cursor:pointer}.shop-utility .shop-xd-filter-group label{display:block;padding:6px 0;font-weight:400}
.shop-utility .shop-xd-filter-group input{accent-color:#39ff14}
.shop-utility .shop-xd-partner{display:block;margin:12px;border:1px solid #aaa;border-radius:12px;padding:12px;text-align:center;text-decoration:none;font-size:12px;color:#222}
.shop-utility .shop-xd-partner strong{display:block;color:#e32970}
@media(max-width:900px){.shop-xd-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Product detail: XD's gallery / method / nutrition and purchase columns. */
.pd{max-width:1908px;margin:0 auto;padding:30px clamp(18px,2vw,38px) 80px;font-family:'Segoe UI',Arial,sans-serif;color:#555}
.pd *{box-sizing:border-box}.pd-crumb{font-size:13px;margin-bottom:20px}.pd-crumb a{color:#d7266a}
.pd-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:clamp(22px,3vw,55px);align-items:start}
.pd-left{position:relative;min-width:0;padding-left:74px}.pd-hero{margin:0;width:100%;aspect-ratio:1;border:3px solid #39ff14;border-radius:20px;overflow:hidden;background:#f4f4f4}
.pd-hero img{display:block;width:100%;height:100%;object-fit:contain}.pd-thumbs{position:absolute;top:0;left:0;width:64px;display:flex;flex-direction:column;gap:7px}
.pd-thumbs figure{width:64px;height:64px;margin:0;border:2px solid #e8e8e8;border-radius:10px;overflow:hidden;cursor:pointer}.pd-thumbs img{width:100%;height:100%;object-fit:cover}
.pd-name{font:600 26px/1.15 'Bodoni Bk BT',Georgia,serif;color:#1c1c1c;margin:16px 0}
.pd-quote{font-size:13px;color:#777;line-height:1.45}
.pd-tab{display:inline-block;padding:7px 12px;border:1px solid #ff3d7f;border-radius:8px;font-weight:700;color:#555}
.pd-lede,.pd-method{font-size:14px;line-height:1.45;color:#707070}.pd-method{list-style:none;padding:0;margin:12px 0}
.pd-method li{display:flex;gap:6px}.pd-step-no{font-weight:700}.pd-step-no:after{content:':'}
.pd-chips{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.pd-chip{font-size:10px;border:1px solid #ccc;border-radius:20px;padding:3px 7px}
.pd-pack{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.pd-pack h3{font-size:14px;text-transform:uppercase;border-bottom:2px solid #ff3d7f;display:inline-block;margin:0 0 10px}
.pd-pack ul{margin:0;padding:0;list-style:none}.pd-pack li{font-size:13px;line-height:1.5;display:flex;gap:7px;justify-content:space-between}
.pd-right{min-width:0}.pd-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;margin:0 0 20px}
.pd-facts div{display:flex;justify-content:space-between;gap:7px;border-bottom:1px solid #ff3d7f;padding:6px 2px;font-size:14px}.pd-facts dt{font-weight:700}.pd-facts dd{margin:0}
.pd-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:18px 0}.pd-tile{min-width:0;border:1px solid #ff3d7f;text-align:center;padding:7px 2px;font-size:10px}
.pd-tile b,.pd-tile span{display:block}.pd-tile b{font-size:12px}.pd-calories{width:100%;border-collapse:collapse;margin-top:22px;text-align:center;font-size:11px}.pd-calories th,.pd-calories td{border:1px solid #ff3d7f;padding:7px 2px}
.pd-basis,.pd-withheld{font-size:11px;color:#777}.pd-buy{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #eee;padding:20px 5px}
.pd-buy-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px}.pd-price{color:#d7266a;font-size:22px;font-weight:700}
.pd-cta{border:0;border-radius:18px;background:#39b317;color:#fff;padding:8px 14px;font-size:17px;font-weight:700;cursor:pointer}
.pd-buy-icons{display:flex;gap:8px}.pd-buy-icons button{border:1px solid #ddd;background:#fff;border-radius:50%;width:34px;height:34px;cursor:pointer}
.pd-cost,.pd-bonus,.pd-fulfil,.pd-partner{grid-column:1/-1;font-size:12px;margin:0}
.pd-benefits,.pd-connected{margin:42px 0 0;max-width:1050px}.pd-benefits h2,.pd-connected h2{font-size:20px;color:#d7266a}.pd-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pd-benefit{border:1px solid #ff3d7f;border-radius:10px;padding:14px;box-shadow:0 3px 5px #0002}.pd-benefit b{font-size:14px}.pd-benefit p{font-size:12px}
.pd-connected>div{display:flex;gap:12px;flex-wrap:wrap}.pd-connected a{border:1px solid #ddd;padding:10px;color:#333;text-decoration:none}
@media(max-width:1050px){.pd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-right{grid-column:1/-1}.pd-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:680px){.pd-grid{grid-template-columns:1fr}.pd-right{grid-column:auto}.pd-left{padding-left:55px}.pd-thumbs{width:48px}.pd-thumbs figure{width:48px;height:48px}.pd-pack{grid-template-columns:1fr}.pd-tiles{grid-template-columns:repeat(3,1fr)}}
/* XD cart proportions; existing POST controls remain functional. */
.ct-wrap{max-width:1600px;padding:34px 24px 76px}.ct-head h1{font:600 27px/1.2 'Segoe UI',Arial,sans-serif;color:#d7266a}
.ct-head h1 em{font:inherit;color:inherit}.ct-body{grid-template-columns:minmax(0,1fr) 300px;gap:72px}.ct-line{grid-template-columns:190px minmax(0,1fr) 150px;gap:30px;min-height:225px;border-color:#777}
.ct-thumb{width:190px;height:190px;border-radius:20px;border:3px solid #39ff14;background-size:contain}.ct-name{font-size:18px;color:#d7266a}.ct-sub{font-size:13px}
.ct-price{font-size:18px}.ct-qty{border-color:#ff3d7f;border-radius:8px}.ct-remove{color:#d7266a}
.ct-sum{position:static;background:#f2f2f2;border:1px solid #ff3d7f;border-radius:13px;box-shadow:none}.ct-sum h2{font-size:17px;letter-spacing:0;text-transform:none}
.ct-go{background:#d7266a;border-radius:20px;padding:9px}.ct-recs{border:1px solid #ff3d7f;border-radius:14px;margin-top:16px;overflow:hidden}.ct-recs h2{font-size:16px;margin:0;padding:12px 14px;border-bottom:1px solid #ff3d7f}
.ct-rec{display:grid;grid-template-columns:70px 1fr;gap:9px;padding:10px 14px;text-decoration:none;color:#555;font-size:13px}.ct-rec img{width:70px;height:70px;object-fit:contain;border-right:3px solid #39ff14;border-radius:8px}.ct-rec b,.ct-rec small{display:block}.ct-rec small{color:#d7266a;margin-top:4px}
@media(max-width:950px){.ct-body{grid-template-columns:1fr;gap:20px}.ct-line{grid-template-columns:120px minmax(0,1fr) auto;min-height:150px}.ct-thumb{width:120px;height:120px}}
@media(max-width:600px){.ct-line{grid-template-columns:85px minmax(0,1fr);gap:12px}.ct-thumb{width:85px;height:85px}.ct-right{grid-column:2;text-align:left}.ct-wrap{padding:20px 14px}}
/* XD checkout composition with the actual address -> Razorpay sequence. */
.co-wrap{max-width:1560px;padding:40px 24px 80px}.co-head h1{font:700 23px/1.2 'Segoe UI',Arial,sans-serif;color:#555}.co-head h1 em{font:inherit;color:inherit}
.co-body{grid-template-columns:minmax(0,1fr) 300px;gap:70px}.co-field label{color:#555;letter-spacing:0;text-transform:none;font-size:13px}.co-field input,.co-field textarea{border:1px solid #aaa;border-radius:8px}
.co-sum{position:static;border:1px solid #aaa;border-right:6px solid #39ff14;border-radius:10px;background:#f2f2f2}.co-sum h2{font-size:17px;letter-spacing:0;text-transform:none}
.co-pay{background:#d7266a;border-radius:20px;padding:9px}.co-step{font-size:13px;letter-spacing:0;text-transform:none}
.pay-wrap{max-width:960px}.pay-head h1{font:700 23px/1.2 'Segoe UI',Arial,sans-serif}.pay-card{border:1px solid #aaa;border-right:6px solid #39ff14;background:#f2f2f2}.pay-go{background:#d7266a;border-radius:20px}
@media(max-width:860px){.co-body{grid-template-columns:1fr;gap:18px}}

.pd-thumbs .pd-thumb{display:block;width:100%;height:100%;padding:0;border:0;background:#fff;cursor:pointer}.pd-thumbs .pd-thumb:focus-visible{outline:3px solid #ff3d7f;outline-offset:2px}

.pd-quote{display:none}.pd-chips{display:none}.co-step,.co-sum h2,.ct-count{color:#555}.co-sum h2{margin-bottom:12px}.co-head{margin-bottom:18px}

.pd-thumbs:not(:has(figure)){display:none}.pd-left:not(:has(.pd-thumbs figure)){padding-left:0}

.shop-image{border:2px solid #39ff14;border-radius:18px;overflow:hidden}.shop-utility .shop-xd-preferences{display:none}.shop-utility.shop-filter-open .shop-xd-preferences{display:block}.shop-xd-preferences>strong{display:block;padding:10px 14px;background:#666;color:#fff;font-size:12px;text-transform:uppercase}.shop-xd-preferences .shop-xd-partner{background:#fff}

/* Published recipe cards within the governed discovery surface. */
.hub-recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px;align-content:start}
.hub-recipe-card{display:block;min-width:0;background:#fff;border:1px solid #d8e6d7;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit}
.hub-recipe-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.hub-recipe-card h2{font-size:1rem;line-height:1.3;margin:0;padding:11px 12px}
.hub-recipe-card:hover,.hub-recipe-card:focus-visible{outline:2px solid #29923a;outline-offset:2px}
@media(max-width:600px){.hub-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hub-recipe-card h2{font-size:.9rem}}

.hub-recipe-detail{background:#fff;border:1px solid #d8e6d7;border-radius:12px;padding:18px;max-width:920px}
.hub-recipe-detail>img{display:block;width:min(100%,380px);aspect-ratio:1;object-fit:cover;border-radius:10px;margin:12px 0}
.hub-recipe-detail h2{font-size:clamp(1.6rem,3vw,2.5rem);margin:12px 0}
.hub-recipe-detail ol{padding-left:1.4em;line-height:1.6}
.hub-recipe-detail li{margin:0 0 10px}
.hub-recipe-product{display:inline-block;margin-top:12px;padding:10px 15px;border-radius:8px;background:#278e36;color:#fff;text-decoration:none}

@media(min-width:1100px){.hub-recipe-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.hub-recipe-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0}
.hub-recipe-pager a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #278e36;border-radius:50%;text-decoration:none}

.hub-recipe-search{display:flex;gap:8px;margin:0 0 14px}
.hub-recipe-search input{flex:1;min-width:0;border:1px solid #cbd7cc;border-radius:8px;padding:10px 12px;font:inherit}
.hub-recipe-search button{border:1px solid #278e36;border-radius:8px;background:#278e36;color:#fff;padding:10px 13px;font:inherit;cursor:pointer}
@media(max-width:600px){.hub-recipe-search{flex-wrap:wrap}.hub-recipe-search button{width:100%}}

/* Keep the XD's five compact product columns on desktop widths. */
@media (min-width:1201px) and (max-width:1500px) {
  .shop-system{grid-template-columns:175px minmax(0,1fr) 128px}
  .shop-products{grid-column:2;grid-template-columns:repeat(5,minmax(0,1fr))}
  .shop-utility{grid-column:1}
  .shop-why{grid-column:3}
  .shop-why article{padding:12px 8px}
  .shop-why article p{font-size:11px;line-height:1.3}
  .shop-why article h3{font-size:13px}
  .shop-xd-actions>*{font-size:9px}
  .shop-xd-actions .shop-xd-prebook{margin:7px 2px;font-size:9px}
}

/* Shop XD: 1920px artboard, left rail x26-253, product frames x285-1771. */
@media (min-width:1501px) {
  .shop-toolbar,.shop-system{max-width:1920px;margin-inline:auto}
  .shop-system{grid-template-columns:285px minmax(0,1fr) 149px}
  .shop-products{grid-template-columns:repeat(5,minmax(0,1fr))}
  .shop-why{padding-inline:5px}
  .shop-why article{padding:10px 8px}
  .shop-why article h3{font-size:13px}
  .shop-why article p{font-size:11px;line-height:1.3}
  .shop-heading>strong{font-size:26px}
}

/* XD keeps delivery preferences open in its left rail. */
@media (min-width:1201px) {
  .shop-utility .shop-xd-preferences{display:block}
  .shop-utility>h2{display:none}
  .shop-utility .shop-xd-filter-group{margin:8px 6px;padding:7px}
  .shop-utility .shop-xd-partner{margin:8px 6px;padding:9px}
  .shop-utility>a{margin-block:3px}
}

/* XD product frame is 280 × 264 on the 1920px source artboard. */
@media (min-width:1501px){.shop-image{aspect-ratio:35/33}}

/* XD Shop page 1: artwork at 1920px; card frames 280 x 264 and controls 40px. */
@media (min-width:1501px) {
  .shop-toolbar{min-height:48px;padding:4px 24px;background:#fff;border-bottom:0}
  .shop-heading{display:none}
  .shop-tools{margin-left:auto;gap:8px;border:0;background:transparent}
  .shop-tools button{width:38px;height:38px;border:1px solid #d6d6d6;border-radius:50%;background:#fff;box-shadow:2px 2px 0 #ff3d7f}
  .shop-system{padding-top:5px;background:#fff}
  .shop-products{border:0;column-gap:10px;row-gap:12px}
  .shop-card{padding:0;border:0;background:#fff}
  .shop-card:hover{background:#fff}
  .shop-image{aspect-ratio:35/33;border:2px solid #39ff14;border-radius:17px;background:#fff}
  .shop-image::after{display:none}
  .shop-image>img{object-fit:contain}
  .shop-corner{background:#fff;color:#666;backdrop-filter:none;letter-spacing:0}
  .shop-corner.tr{background:#fff;color:#666}
  .shop-corner.br{background:#39ff14;color:#fff;border-radius:10px}
  .shop-name-price{left:5px;right:auto;bottom:5px;padding:2px 4px;background:#fff;color:#666;max-width:105px;border-radius:3px}
  .shop-name-price h2{margin:0;font:500 10px/1.1 'Segoe UI',Arial,sans-serif;color:#666;text-shadow:none;letter-spacing:0}
  .shop-name-price b{padding:0;background:#fff;color:#777!important;font:600 12px/1.1 'Segoe UI',Arial,sans-serif!important}
  .shop-caption{padding:3px 0 0;min-height:47px}
  .shop-card-facts{min-height:16px;padding:0;font-size:9px}
  .shop-nutrition-evidence{min-height:17px;margin:0;padding:0 3px;background:#fff;border:1px solid #ddd;border-radius:3px;color:#666}
  .shop-nutrition-evidence>span,.shop-nutrition-evidence>span b{font-size:9px;font-weight:500}
  .shop-nutrition-evidence i{width:14px;height:14px;background:#fff;color:#666}
  .shop-social-proof{min-height:14px;margin:0;font-size:9px}
  .shop-xd-actions{min-height:40px;border-color:#ff3d7f}
  .shop-utility{border:1px solid #aaa;border-radius:18px;padding:0 7px 7px;margin:0 24px 0 26px}
  .shop-utility .shop-xd-preferences>strong{margin:0 -7px;background:#707070;color:#fff;letter-spacing:.09em}
  .shop-utility .shop-xd-filter-group{border-radius:12px;margin:7px 3px;padding:5px 7px}
  .shop-why{padding:0 8px;border:0;text-align:center}
  .shop-why>h2,.shop-why article p{display:none}
  .shop-why article{min-height:96px;padding:10px 0;border:0}
  .shop-why i{position:static;margin:0 auto 5px;width:64px;height:64px;border-radius:50%;font-size:15px}
  .shop-why article h3{font:600 10px/1.15 'Segoe UI',Arial,sans-serif}
}

/* Preserve the XD card composition at laptop widths without forcing the 1920px grid. */
@media (min-width:1201px) and (max-width:1500px) {
  .shop-toolbar{min-height:48px;padding:4px 24px;background:#fff;border-bottom:0}
  .shop-heading{display:none}
  .shop-tools{margin-left:auto;gap:8px;border:0;background:transparent}
  .shop-tools button{width:38px;height:38px;border:1px solid #d6d6d6;border-radius:50%;background:#fff;box-shadow:2px 2px 0 #ff3d7f}
  .shop-system{padding-top:5px;background:#fff}
  .shop-products{border:0;gap:12px 8px}
  .shop-card{padding:0;border:0;background:#fff}
  .shop-image{border:2px solid #39ff14;border-radius:15px;background:#fff}
  .shop-image::after{display:none}
  .shop-image>img{object-fit:contain}
  .shop-corner{background:#fff;color:#666;backdrop-filter:none;letter-spacing:0}
  .shop-corner.tr{background:#fff;color:#666}
  .shop-corner.br{background:#39ff14;color:#fff}
  .shop-name-price{left:5px;right:auto;bottom:5px;padding:2px 4px;background:#fff;color:#666;max-width:100px;border-radius:3px}
  .shop-name-price h2{margin:0;font:500 10px/1.1 'Segoe UI',Arial,sans-serif;color:#666;text-shadow:none;letter-spacing:0}
  .shop-name-price b{padding:0;background:#fff;color:#777!important;font:600 11px/1.1 'Segoe UI',Arial,sans-serif!important}
  .shop-caption{padding:3px 0 0;min-height:47px}
  .shop-card-facts{min-height:16px;padding:0;font-size:8px}
  .shop-nutrition-evidence{min-height:17px;margin:0;padding:0 3px;background:#fff;border:1px solid #ddd;border-radius:3px;color:#666}
  .shop-nutrition-evidence>span,.shop-nutrition-evidence>span b{font-size:8px;font-weight:500}
  .shop-nutrition-evidence i{width:14px;height:14px;background:#fff;color:#666}
  .shop-social-proof{min-height:14px;margin:0;font-size:8px}
  .shop-xd-actions{min-height:40px;border-color:#ff3d7f}
  .shop-utility{border:1px solid #aaa;border-radius:16px;padding:0 5px 5px;margin:0 4px 0 5px}
  .shop-utility .shop-xd-preferences>strong{margin:0 -5px;background:#707070;color:#fff}
  .shop-utility .shop-xd-filter-group{border-radius:12px;margin:7px 3px;padding:5px}
  .shop-why{padding:0 5px;border:0;text-align:center}
  .shop-why>h2,.shop-why article p{display:none}
  .shop-why article{min-height:80px;padding:8px 0;border:0}
  .shop-why i{position:static;margin:0 auto 4px;width:45px;height:45px;border-radius:50%;font-size:13px}
  .shop-why article h3{font:600 9px/1.15 'Segoe UI',Arial,sans-serif}
}

/* The published right-rail records have titles but no approved icon assets yet. */
@media (min-width:1201px) {
  .shop-why article{display:flex;align-items:center;justify-content:center;width:84px;min-height:84px;height:84px;margin:8px auto;padding:7px;border:1px solid #777;border-radius:50%;background:#fff}
  .shop-why article i{display:none}
  .shop-why article h3{margin:0;font:600 10px/1.15 'Segoe UI',Arial,sans-serif;text-align:center;overflow-wrap:anywhere}
}