.commerce-main { padding-block: var(--space-xl) var(--space-4xl); }
.breadcrumbs { margin-bottom: var(--space-xl); display: flex; align-items: center; gap: var(--space-xs); color: var(--muted); font-size: .9rem; }
.breadcrumbs a { color: var(--green-800); text-decoration: underline; text-underline-offset: 3px; }
.page-title { font-size: clamp(2.6rem, 5vw, 4.5rem); line-height: .95; }
.page-intro { max-width: 58ch; margin: var(--space-sm) 0 0; color: var(--text); }
.commerce-header .header-main { grid-template-columns: auto minmax(260px,1fr) auto auto; }
.commerce-header .menu-button { order: 3; }
.cart-button { text-decoration: none; }

.shop-shell { margin-top: var(--space-xl); display: grid; grid-template-columns: 230px minmax(0,1fr); gap: var(--space-xl); align-items: start; }
.filter-panel { padding: var(--space-lg); position: sticky; top: 170px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }
.filter-panel h2 { font-size: 1.35rem; }
.filter-list { margin-top: var(--space-md); display: grid; gap: var(--space-2xs); }
.filter-list a { min-height: 42px; padding-inline: var(--space-sm); display: flex; align-items: center; justify-content: space-between; border-radius: var(--radius-xs); color: var(--text); }
.filter-list a:hover, .filter-list a.active { color: var(--surface); background: var(--green-800); }
.filter-list span { min-width: 2ch; margin-left: var(--space-xs); color: inherit; font-size: .82rem; font-variant-numeric: tabular-nums; text-align: right; opacity: .75; }
.shop-toolbar { min-height: 54px; margin-bottom: var(--space-md); padding-bottom: var(--space-md); display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); border-bottom: 1px solid var(--line); }
.shop-toolbar p { margin: 0; color: var(--muted); }
.shop-toolbar label { display: flex; align-items: center; gap: var(--space-xs); font-size: .9rem; font-weight: 600; }
.shop-toolbar select { min-height: 44px; padding-inline: var(--space-sm) var(--space-xl); border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--ink); background: var(--page); }
.catalog-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--space-sm); }
.catalog-product { min-width: 0; padding: var(--space-md); position: relative; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--page); }
.catalog-product:hover { border-color: color-mix(in oklch,var(--green-800),transparent 45%); }
.catalog-product__image { height: 170px; display: grid; place-items: center; border-radius: var(--radius-sm); background: var(--surface-alt); }
.catalog-product__image img { width: 100%; height: 150px; object-fit: contain; mix-blend-mode: multiply; }
.catalog-product__tag { padding: 3px 7px; position: absolute; top: var(--space-lg); left: var(--space-lg); z-index: 1; border-radius: var(--radius-xs); color: var(--surface); background: var(--red-600); font-size: .72rem; font-weight: 700; }
.catalog-product__brand { margin: var(--space-md) 0 0; color: var(--muted); font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; }
.catalog-product h3 { margin: var(--space-2xs) 0; font-family: var(--display); font-size: 1.2rem; line-height: 1.08; }
.catalog-product h3 a::after { content:""; position:absolute; inset:0; z-index:0; }
.catalog-product__size { color: var(--muted); font-size: .9rem; }
.catalog-product__buy { margin-top: var(--space-lg); display: flex; align-items: end; justify-content: space-between; gap: var(--space-sm); }
.catalog-product__price strong, .catalog-product__price del { display: block; }.catalog-product__price strong{font-size:1.2rem}.catalog-product__price del{color:var(--muted);font-size:.8rem}
.catalog-product__buy button { min-width: 74px; min-height: 44px; position: relative; z-index: 2; border: 1px solid var(--green-800); border-radius: var(--radius-sm); color: var(--green-800); background: var(--page); font-weight: 700; cursor: pointer; }
.catalog-product__buy button:hover { color: var(--surface); background: var(--green-800); }

.product-detail { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.85fr); gap: clamp(var(--space-xl),7vw,var(--space-4xl)); align-items: start; }
.product-gallery { min-height: 540px; display: grid; place-items: center; border-radius: var(--radius-lg); background: var(--surface-alt); }
.product-gallery img { width: 78%; max-height: 430px; object-fit: contain; mix-blend-mode: multiply; }
.product-info { padding-top: var(--space-md); }
.product-info__brand { margin: 0; color: var(--green-800); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: .8rem; }
.product-info h1 { margin-top: var(--space-xs); font-size: clamp(2.6rem,5vw,4.6rem); line-height: .95; }
.product-info__hindi { margin: var(--space-xs) 0 0; color: var(--green-800); font-family: var(--display); font-weight: 600; }
.product-info__description { max-width: 55ch; margin: var(--space-lg) 0; color: var(--text); }
.product-price { padding-block: var(--space-md); display: flex; align-items: baseline; gap: var(--space-sm); border-block: 1px solid var(--line); }
.product-price strong { font-size: 2rem; }.product-price del{color:var(--muted)}.product-price span{padding:3px 7px;border-radius:var(--radius-xs);color:var(--red-600);background:color-mix(in oklch,var(--red-600),transparent 90%);font-size:.8rem;font-weight:700}
.pack-choice { margin-top: var(--space-lg); }.pack-choice > strong{display:block;margin-bottom:var(--space-xs)}
.pack-option { min-height: 48px; padding: var(--space-xs) var(--space-md); display: inline-flex; align-items: center; border: 2px solid var(--green-800); border-radius: var(--radius-sm); color: var(--green-800); font-weight: 700; }
.purchase-row { margin-top: var(--space-xl); display: grid; grid-template-columns: 122px 1fr; gap: var(--space-sm); }
.quantity-control { min-height: 52px; display: grid; grid-template-columns: 40px 1fr 40px; align-items: center; border: 1px solid var(--line); border-radius: var(--radius-sm); overflow: hidden; }
.quantity-control button { height: 100%; border: 0; background: var(--surface-alt); font-size: 1.3rem; cursor: pointer; }.quantity-control output{text-align:center;font-weight:700}
.add-main { min-height: 52px; border: 0; border-radius: var(--radius-sm); color: var(--surface); background: var(--green-800); font-weight: 700; cursor: pointer; }
.delivery-note { margin-top: var(--space-xl); padding: var(--space-md); display: grid; gap: var(--space-2xs); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }.delivery-note span{color:var(--muted);font-size:.9rem}
.product-points { margin: var(--space-xl) 0 0; padding: 0; display: grid; gap: var(--space-sm); list-style: none; }.product-points li{display:flex;gap:var(--space-sm)}.product-points li::before{content:'✓';color:var(--green-800);font-weight:700}

.cart-layout, .checkout-layout { margin-top: var(--space-xl); display: grid; grid-template-columns: minmax(0,1fr) 370px; gap: var(--space-xl); align-items: start; }
.cart-lines { display: grid; gap: var(--space-sm); }
.cart-line { padding: var(--space-md); display: grid; grid-template-columns: 120px minmax(0,1fr) auto; gap: var(--space-lg); align-items: center; border: 1px solid var(--line); border-radius: var(--radius-md); }
.cart-line img { width: 120px; height: 95px; object-fit: contain; mix-blend-mode: multiply; }
.cart-line h2 { font-size: 1.35rem; }.cart-line p{margin:var(--space-2xs) 0;color:var(--muted)}
.cart-line__actions { margin-top: var(--space-sm); display: flex; align-items: center; gap: var(--space-md); }.cart-line__actions .quantity-control{width:118px;min-height:44px}.remove-item{border:0;color:var(--red-600);background:transparent;text-decoration:underline;cursor:pointer}
.cart-line__price { font-size: 1.2rem; font-weight: 700; }
.summary-card { padding: var(--space-lg); position: sticky; top: 170px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); }
.summary-card h2 { font-size: 1.6rem; }
.summary-list { margin-block: var(--space-lg); display: grid; gap: var(--space-sm); }.summary-list div{display:flex;justify-content:space-between;gap:var(--space-lg)}.summary-list span{color:var(--muted)}.summary-list .summary-total{padding-top:var(--space-md);border-top:1px solid var(--line);font-size:1.15rem}.summary-list .summary-total span,.summary-list .summary-total strong{color:var(--ink);font-weight:700}
.checkout-button { width: 100%; min-height: 52px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: var(--radius-sm); color: var(--surface); background: var(--green-800); font-weight: 700; cursor: pointer; }
.summary-card small { margin-top: var(--space-sm); display: block; color: var(--muted); text-align: center; }
.empty-cart { padding: var(--space-3xl); display: grid; justify-items: start; gap: var(--space-sm); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); }.empty-cart h2{font-size:2rem}.empty-cart p{margin:0;color:var(--text)}.empty-cart a{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);color:var(--surface);background:var(--green-800);font-weight:700}

.checkout-form { display: grid; gap: var(--space-lg); }
.checkout-section { padding: var(--space-xl); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.checkout-section h2 { font-size: 1.55rem; }.checkout-section>p{margin:var(--space-2xs) 0 var(--space-lg);color:var(--muted)}
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-md); }.form-field{display:grid;gap:var(--space-xs)}.form-field--wide{grid-column:1/-1}.form-field label{font-weight:600}.form-field input,.form-field textarea,.form-field select{width:100%;min-height:48px;padding:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:var(--page)}.form-field textarea{min-height:90px;resize:vertical}
.choice-list { display: grid; gap: var(--space-xs); }.choice-option{min-height:58px;padding:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-sm)}.choice-option:has(input:checked){border-color:var(--green-800);background:var(--mustard-100)}.choice-option input{width:20px;height:20px;accent-color:var(--green-800)}.choice-option span{display:flex;flex-direction:column}.choice-option small{color:var(--muted)}
.checkout-items { display: grid; gap: var(--space-sm); margin-block: var(--space-lg); }.checkout-item{display:grid;grid-template-columns:50px 1fr auto;gap:var(--space-sm);align-items:center}.checkout-item img{width:50px;height:44px;object-fit:contain}.checkout-item span{font-size:.9rem}.checkout-item small{display:block;color:var(--muted)}

.confirmation { max-width: 780px; margin-inline: auto; text-align: center; }
.confirmation__mark { width: 72px; height: 72px; margin: 0 auto var(--space-lg); display: grid; place-items: center; border-radius: 50%; color: var(--surface); background: var(--green-800); font-size: 2rem; }
.confirmation h1 { font-size: clamp(3rem,7vw,5rem); line-height: .95; }.confirmation>p{max-width:55ch;margin:var(--space-md) auto;color:var(--text)}
.order-number { margin: var(--space-xl) auto; padding: var(--space-md); border-block: 1px solid var(--line); font-size: 1.15rem; }.order-number strong{color:var(--green-800)}
.confirmation-details { margin-top: var(--space-xl); display: grid; grid-template-columns: repeat(3,1fr); text-align:left; border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.confirmation-details div{padding:var(--space-lg)}.confirmation-details div+div{border-left:1px solid var(--line)}.confirmation-details strong,.confirmation-details span{display:block}.confirmation-details span{margin-top:var(--space-xs);color:var(--muted)}
.confirmation-actions { margin-top: var(--space-xl); display: flex; justify-content: center; gap: var(--space-md); }.confirmation-actions a{min-height:48px;padding-inline:var(--space-lg);display:flex;align-items:center;border:1px solid var(--green-800);border-radius:var(--radius-sm);color:var(--green-800);font-weight:700}.confirmation-actions a:first-child{color:var(--surface);background:var(--green-800)}

@media (max-width: 1100px) { .catalog-product-grid{grid-template-columns:repeat(3,1fr)}.commerce-header .header-main{grid-template-columns:auto 1fr auto}.commerce-header .header-location{display:none}.cart-layout,.checkout-layout{grid-template-columns:minmax(0,1fr) 330px} }
@media (max-width: 850px) { .shop-shell{min-width:0;grid-template-columns:1fr}.filter-panel{min-width:0;position:static;padding:var(--space-md)}.filter-list{width:100%;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.filter-list a{min-width:0;border:1px solid var(--line)}.catalog-product-grid{grid-template-columns:repeat(2,1fr)}.product-detail{grid-template-columns:1fr}.product-gallery{min-height:420px}.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary-card{position:static}.confirmation-details{grid-template-columns:1fr}.confirmation-details div+div{border-left:0;border-top:1px solid var(--line)} }
@media (max-width: 760px) { .commerce-header .header-main{grid-template-columns:1fr auto auto}.commerce-header .main-search{grid-column:1/-1}.commerce-main{padding-top:var(--space-lg)}.breadcrumbs{margin-bottom:var(--space-lg)}.filter-list{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-list a{padding:var(--space-xs);line-height:1.2}.catalog-product-grid{gap:var(--space-xs)}.catalog-product{padding:var(--space-sm)}.catalog-product__image{height:130px}.catalog-product__image img{height:115px}.catalog-product h3{font-size:1.05rem}.catalog-product__buy{align-items:stretch;flex-direction:column}.catalog-product__buy button{width:100%}.product-gallery{min-height:320px}.product-info h1{font-size:2.8rem}.cart-line{grid-template-columns:90px 1fr}.cart-line img{width:90px;height:76px}.cart-line__price{grid-column:2}.checkout-section{padding:var(--space-lg)}.form-grid{grid-template-columns:1fr}.form-field--wide{grid-column:auto} }
@media (max-width: 380px) { .filter-list{grid-template-columns:1fr}.catalog-product-grid{grid-template-columns:1fr}.catalog-product{display:grid;grid-template-columns:110px 1fr;gap:var(--space-sm)}.catalog-product__image{grid-row:1/6;height:110px}.catalog-product__image img{height:100px}.catalog-product__brand{margin-top:0}.catalog-product__buy{grid-column:1/-1;display:grid;grid-template-columns:1fr 92px}.purchase-row{grid-template-columns:1fr}.cart-line{grid-template-columns:1fr}.cart-line img{width:100%;height:110px}.cart-line__price{grid-column:auto}.confirmation-actions{flex-direction:column}.confirmation-actions a{justify-content:center} }