/* DIA storefront: grocery-site layout (white ground, photo tiles, dense product rows). Scoped to .dia-home / .dia-* */
.dia-home, .dia-card, .dia-drawer, .dia-sec, .dia-trust, .dia-consent, .dia-catpage, .dia-pdp-lower, .dia-pdp-rows, .dia-packs{
  --ink:#1E1E1E; --muted:#666; --line:#E7E7E7; --tile:#F5F5F3; --bg:#FFFFFF;
  --accent:#B4500E; --accent-dark:#8A3C08; --leaf:#2E7D32; --soon:#8A8A8A;
}
.dia-card{font-family:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif; color:var(--ink);}
.dia-home{
  font-family:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif; color:var(--ink); background:var(--bg);
  max-width:1280px; margin:0 auto; padding:16px 16px 48px; display:flex; flex-direction:column; gap:36px;
}
.dia-home *{box-sizing:border-box;}
.dia-home h2{font-family:inherit; font-weight:800; font-size:22px; letter-spacing:-.01em; margin:0; color:var(--ink);}
.dia-home a{text-decoration:none;}
.dia-home a:focus-visible,.dia-home button:focus-visible,.dia-home select:focus-visible{outline:3px solid #1565C0; outline-offset:2px;}
.screen-reader-text{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px);}

/* Buttons */
button.dia-btn,a.dia-btn,.dia-btn{display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 18px; border-radius:8px; background:var(--accent); color:#fff!important; font-weight:700; font-size:14px; border:1.5px solid var(--accent); white-space:nowrap; cursor:pointer;}
.dia-btn:hover{background:var(--accent-dark); border-color:var(--accent-dark);}
.dia-btn--ghost{background:#fff; color:var(--accent)!important;}
.dia-btn--ghost:hover{background:#FFF5EE;}
.dia-btn[aria-disabled="true"]{background:#F2F2F2; border-color:#E2E2E2; color:var(--soon)!important; cursor:default;}
.dia-btn--lg{min-height:48px; padding:0 26px; font-size:15px;}

/* Top: banner slider + two promo tiles (BigBasket layout) */
.dia-top{display:grid; grid-template-columns:minmax(0,2.2fr) minmax(0,1fr); gap:14px;}
.dia-promos{display:grid; grid-template-rows:1fr 1fr; gap:14px;}
.dia-promo{position:relative; border-radius:16px; overflow:hidden; background:#2a211c center/cover no-repeat; min-height:150px; display:flex; flex-direction:column; justify-content:flex-end; gap:2px; padding:18px; color:#fff!important;}
.dia-promo::before{content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(15,10,8,.78) 0%,rgba(15,10,8,.15) 65%);}
.dia-promo > *{position:relative;}
.dia-promo__kicker{font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; opacity:.9;}
.dia-promo__title{font-size:20px; font-weight:800; line-height:1.15;}
.dia-promo:hover .dia-promo__title{text-decoration:underline;}

/* Banner slider */
.dia-hero{position:relative; border-radius:16px; overflow:hidden; background:#2a211c;}
.dia-hero__track{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none;}
.dia-hero__track::-webkit-scrollbar{display:none;}
.dia-slide{flex:0 0 100%; scroll-snap-align:start; min-height:clamp(260px,32vw,400px); background-size:cover; background-position:center; position:relative; display:flex; align-items:center;}
.dia-slide::before{content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(20,14,10,.82) 0%,rgba(20,14,10,.55) 45%,rgba(20,14,10,0) 80%);}
.dia-slide__inner{position:relative; padding:32px clamp(20px,5vw,56px); max-width:560px; display:flex; flex-direction:column; gap:12px; align-items:flex-start; color:#fff;}
.dia-slide__kicker{font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; background:rgba(255,255,255,.16); padding:5px 10px; border-radius:999px;}
.dia-slide__title{font-size:clamp(26px,3.4vw,40px)!important; line-height:1.1; color:#fff!important; font-weight:800;}
.dia-slide__text{margin:0; font-size:16px; line-height:1.5; color:rgba(255,255,255,.88);}
.dia-hero__dots{position:absolute; left:0; right:0; bottom:12px; display:flex; justify-content:center; gap:8px;}
.dia-hero__dots button{width:8px; height:8px; padding:0; border-radius:99px; border:0; background:rgba(255,255,255,.5); cursor:pointer; transition:width .2s;}
.dia-hero__dots button[aria-selected="true"]{width:22px; background:#fff;}

/* Promise strip */
.dia-promise{list-style:none; margin:0; padding:14px 18px; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px 24px; border:1px solid var(--line); border-radius:12px;}
.dia-promise li{display:flex; flex-direction:column; gap:2px; padding-left:14px; border-left:3px solid var(--leaf);}
.dia-promise b{font-size:14px;} .dia-promise span{font-size:13px; color:var(--muted);}

/* Sections */
.dia-sec{display:flex; flex-direction:column; gap:14px; min-width:0;}
.dia-sec__head{display:flex; align-items:flex-end; justify-content:space-between; gap:12px;}
.dia-sec__note{margin:4px 0 0; font-size:13px; color:var(--muted);}
.dia-sec__tools{display:flex; align-items:center; gap:8px;}
.dia-viewall{font-weight:700; font-size:14px; color:var(--accent); margin-right:6px;}
.dia-arrow{width:34px; height:34px; border-radius:50%; border:1px solid var(--line); background:#fff; font-size:22px; line-height:1; color:var(--ink); cursor:pointer;}
.dia-arrow:hover{border-color:#bbb;}

/* Category tiles */
.dia-cats{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px;}
@media (max-width:1100px){ .dia-cats{grid-template-columns:repeat(4,minmax(0,1fr));} }
.dia-cat{display:flex; flex-direction:column; gap:8px; color:var(--ink); position:relative;}
.dia-cat__img{display:block; aspect-ratio:16/10; border-radius:12px; overflow:hidden; background:var(--tile);}
.dia-cat__img img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s;}
.dia-cat:hover .dia-cat__img img{transform:scale(1.04);}
.dia-cat__name{font-size:14px; font-weight:700; line-height:1.3;}
.dia-cat__soon{position:absolute; top:8px; left:8px; font-size:11px; font-weight:700; background:rgba(255,255,255,.92); color:#555; padding:3px 8px; border-radius:6px;}

/* Product rows */
.dia-row{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(190px,220px); gap:14px; overflow-x:auto; scroll-snap-type:x proximity; padding-bottom:6px; scrollbar-width:thin;}
.dia-card{scroll-snap-align:start; border:1px solid var(--line); border-radius:12px; background:#fff; display:flex; flex-direction:column; overflow:hidden;}
.dia-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.07);}
.dia-card__img{position:relative; display:block; aspect-ratio:1/1; background:var(--tile); margin:8px; border-radius:8px; overflow:hidden;}
.dia-card__img img{width:100%; height:100%; object-fit:cover; display:block;}
.dia-card.is-soon .dia-card__img img{filter:saturate(.75);}
.dia-card__noimg{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:12px; color:var(--muted);}
.dia-badge{position:absolute; top:8px; left:8px; font-size:11px; font-weight:700; padding:3px 8px; border-radius:6px;}
.dia-badge--soon{background:#fff; color:#555; box-shadow:0 1px 3px rgba(0,0,0,.12);}
.dia-card__body{padding:4px 12px 12px; display:flex; flex-direction:column; gap:8px; flex:1;}
.dia-veg{width:14px; height:14px; border:1.5px solid var(--leaf); border-radius:2px; position:relative;}
.dia-veg::after{content:""; position:absolute; inset:3px; border-radius:50%; background:var(--leaf);}
.dia-card__name{font-family:inherit!important; font-size:14px!important; font-weight:600!important; line-height:1.35; margin:0; min-height:2.7em;}
.dia-card__name a{color:var(--ink);}
.dia-card__pack{width:100%; height:34px; border:1px solid var(--line); border-radius:6px; padding:0 8px; font:500 13px/1 inherit; background:#fff; color:var(--ink);}
.dia-card__packtext{height:34px; display:flex; align-items:center; font-size:13px; color:var(--muted); border:1px dashed var(--line); border-radius:6px; padding:0 8px;}
.dia-card__foot{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto;}
.dia-card__price{display:flex; flex-direction:column; line-height:1.15;}
.dia-card__price b{font-size:16px;} .dia-card__price small{font-size:11px; color:var(--muted);}
.dia-card__muted{font-size:12px; color:var(--muted);}
.dia-card .dia-btn{min-height:36px; padding:0 14px; font-size:13px;}

/* Trade strip */
.dia-trade{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:18px 22px; border-radius:12px; background:#FFF6EE; border:1px solid #F3DCC8; color:var(--ink);}
.dia-trade b{font-weight:800;}

@media (max-width:900px){
  .dia-top{grid-template-columns:1fr;}
  .dia-promos{grid-template-rows:none; grid-template-columns:1fr 1fr;}
  .dia-promo{min-height:120px; padding:14px;} .dia-promo__title{font-size:16px;}
}
@media (max-width:640px){
  .dia-home{gap:28px; padding:12px 12px 40px;}
  .dia-row{grid-auto-columns:minmax(160px,46%);}
  .dia-cats{grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;}
  .dia-cat__name{font-size:12px;}
  .dia-arrow{display:none;}
  .dia-slide__text{font-size:14px;}
}
@media (prefers-reduced-motion:reduce){ .dia-cat__img img{transition:none;} }

/* ---------- Trust strip, cookie consent, WhatsApp button ---------- */
.dia-trust{background:var(--tile); border-top:1px solid var(--line); font-family:"Manrope", system-ui, sans-serif; color:var(--ink);}
.dia-trust ul{list-style:none; margin:0 auto; padding:22px 16px; max-width:1240px; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px;}
.dia-trust li{display:flex; gap:12px; align-items:flex-start; margin:0;}
.dia-trust svg{color:var(--accent); flex:none;}
.dia-trust b{display:block; font-size:14px; line-height:1.3;}
.dia-trust small{display:block; font-size:12.5px; color:var(--muted); line-height:1.4; margin-top:2px;}
@media (max-width:900px){ .dia-trust ul{grid-template-columns:repeat(2, minmax(0,1fr));} }
@media (max-width:480px){ .dia-trust ul{grid-template-columns:1fr; gap:14px;} }
.dia-consent{position:fixed; left:16px; right:16px; bottom:16px; z-index:99990; max-width:720px; margin:0 auto; background:#fff; color:var(--ink); border:1px solid var(--line); border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,.14); padding:16px 18px; display:flex; gap:16px; align-items:center; font-family:"Manrope", system-ui, sans-serif;}
.dia-consent p{margin:0; font-size:13.5px; line-height:1.5; flex:1; min-width:0;}
.dia-consent a{color:var(--accent); text-decoration:underline;}
.dia-consent__btns{display:flex; gap:8px; flex:none;}
@media (max-width:600px){ .dia-consent{flex-direction:column; align-items:stretch; bottom:calc(8px + env(safe-area-inset-bottom,0px));} .dia-consent__btns .dia-btn{flex:1;} }
.dia-wa{position:fixed; right:18px; bottom:calc(18px + env(safe-area-inset-bottom,0px)); z-index:9990; width:54px; height:54px; border-radius:50%; background:#25D366; color:#fff!important; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 18px rgba(0,0,0,.2);}
.dia-wa:hover{background:#1EBE5A;}
.dia-consent button.dia-btn--ghost, .dia-consent button.dia-btn--ghost:focus{background:#fff!important; color:var(--accent)!important; border-color:var(--accent)!important;}
.dia-consent button.dia-btn--ghost:hover{background:#FFF5EE!important;}
/* Narrow cards: a "Coming soon"/"View" button would be clipped beside the label, so stack them */
@media (max-width:640px){
  .dia-card__foot:has(.dia-card__muted){flex-direction:column; align-items:stretch; gap:6px;}
  .dia-card__foot:has(.dia-card__muted) .dia-btn{width:100%; padding:0 8px;}
  .dia-card .dia-btn{padding:0 10px;}
}

/* ---------- Footer newsletter ([dia_newsletter]) ---------- */
.dia-nl{display:flex; flex-wrap:wrap; gap:8px; max-width:440px; margin:0; position:relative; font-family:"Manrope", system-ui, sans-serif;}
.dia-nl input[type=email]{flex:1 1 200px; min-width:0; height:44px; padding:0 14px; border:1px solid #DDD6CC; border-radius:8px; background:#fff; color:#1E1E1E; font-size:14px;}
.dia-nl button{height:44px; padding:0 20px; border:0; border-radius:8px; background:#B4500E; color:#fff; font-weight:700; font-size:14px; cursor:pointer;}
.dia-nl button:hover{background:#8A3C08;}
.dia-nl__msg{flex-basis:100%; margin:4px 0 0; font-size:13px; color:#2E7D32;}

/* ---------- GreenMart extras the DIA header already covers ---------- */
.tbay-to-top .wishlist-icon, .tbay-to-top .tbay-cart{display:none!important;}
.footer-device-mobile .device-wishlist{display:none!important;}
.footer-device-mobile > div{width:33.3333%!important;}