/* Home v2: delivery area bar, coloured shortcuts, navy deals, lime instalments banner, brands row, recently viewed. */
.hv-bar-wrap{margin-block:14px 0}
.hv-bar{position:relative;display:flex;align-items:center;gap:9px;margin:0;padding:12px 16px;border-radius:18px;background:linear-gradient(120deg,#0b2f6b,var(--theme-primary,#041b41));color:#c9d3e6;font-size:14px;cursor:pointer}
.hv-bar svg{flex:none}
.hv-bar-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-bar-text b{color:#fff;font-weight:700}
.hv-bar-fee{flex:none;background:var(--lime,#d5f802);color:var(--theme-primary,#041b41);font-weight:700;font-size:12.5px;border-radius:10px;padding:1px 10px;white-space:nowrap}
.hv-bar-fee[hidden]{display:none}
.hv-bar select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0;border:0;font-size:16px}
.hv-bar:focus-within{outline:3px solid #7c9400;outline-offset:3px}

.hv-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block:8px 6px}
.hv-sc{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;border-radius:16px;text-decoration:none;text-align:center;transition:transform .2s}
.hv-sc b{font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}
.hv-sc:hover{transform:translateY(-2px)}
.hv-sc:focus-visible{outline:3px solid #617800;outline-offset:2px}
.hv-sc-deals{background:#ffe9e0;color:#c2532a}
.hv-sc-inst{background:#e3f0ff;color:#1859b8}
.hv-sc-new{background:#f1fbc2;color:#4e5d16}
.hv-sc-track{background:#efe6ff;color:#6a35c2}

/* Today's deals: navy panel, lime timer */
.hb-deals .hb-panel{background:var(--theme-primary,#041b41);border:0}
.hb.hb-deals .hb-panel .hb-head h2{color:#fff!important}
.hb-deals .hb-head h2:before{background:var(--lime,#d5f802)}
.hb-deals .hb-timer-label{color:#c9d3e6}
.hb-deals .hb-timer-digits i{background:var(--lime,#d5f802);color:var(--theme-primary,#041b41)}
.hb-deals .hb-timer-digits em{color:#fff}
.hb-deals .hb-more{color:var(--lime,#d5f802)}
.hb.hb-deals .hb-deals-more .hb-more{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 26px!important;border-radius:999px;background:var(--lime,#d5f802);color:var(--theme-primary,#041b41)!important;font-weight:800;text-decoration:none;border:0}

/* Instalments banner: lime */
.hb-inst{background:linear-gradient(100deg,var(--lime,#d5f802),#e9ff6b);color:var(--theme-primary,#041b41)}
.hb-inst:before{display:none}
.hb-inst-text b{color:var(--theme-primary,#041b41)}
.hb-inst-text small{color:#3a4763}
.hb-inst-button{background:var(--theme-primary,#041b41);color:#fff;border-radius:12px}
.hb-inst-badge{background:var(--theme-primary,#041b41);color:var(--lime,#d5f802);box-shadow:none}

/* Recently viewed */
.hv-recent-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 8px}
.hv-recent-row::-webkit-scrollbar{display:none}
.hv-recent-item{flex:none;width:88px;height:88px;border-radius:18px;background:#fff;border:1px solid #e6eaf0;display:flex;align-items:center;justify-content:center;padding:10px;transition:border-color .2s}
.hv-recent-item:hover{border-color:var(--theme-primary,#041b41)}
.hv-recent-item img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

@media (max-width:760px){
 /* Brands: one sliding row */
 .hb-brands .hb-panel{background:none;border:0;padding:0}
 .hb-brands-grid{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;padding:2px 2px 6px}
 .hb-brands-grid::-webkit-scrollbar{display:none}
 .hb-brands-grid a{flex:none;min-height:46px;padding:8px 18px;border:1px solid #e6eaf0;box-shadow:none}
}
@media (min-width:761px){
 .hv-bar-wrap{display:flex;justify-content:flex-start}
 .hv-bar{min-width:360px}
 .hv-shortcuts{gap:14px;margin-block:10px}
 .hv-sc{flex-direction:row;justify-content:center;gap:10px;padding:16px 10px;border-radius:18px}
 .hv-sc b{font-size:15px}
}
/* Order tracking + delivery area: one tidy row on wide screens, stacked on phones (v2). */
.hv-strip{display:grid;gap:12px;margin-top:14px}
body .hv-strip>.hb.container,body .hv-strip>.hb{width:auto;max-width:none;margin:0;padding:0}
.hv-strip .hv-bar-wrap{margin:0;display:block}
.hv-strip .hb-track[hidden]{display:none}
.hv-strip .hb-track-card{max-width:none;height:100%;box-sizing:border-box}
@media (max-width:899px){.hv-strip .hv-bar-wrap{order:-1}}
@media (min-width:900px){
 .hv-strip{gap:16px;margin-top:18px}
 .hv-strip .hv-bar{min-width:0;width:100%;box-sizing:border-box}
 .hv-strip:has(.hb-track:not([hidden])){grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:stretch}
 .hv-strip:has(.hb-track:not([hidden])) .hv-bar{height:100%;flex-wrap:wrap;align-content:center;gap:12px 14px;padding:20px 22px;border-radius:22px;font-size:15px}
 .hv-strip:has(.hb-track:not([hidden])) .hv-bar>svg:first-child{width:48px;height:48px;padding:13px;box-sizing:border-box;border-radius:16px;background:rgba(255,255,255,.1);color:var(--lime,#d5f802)}
 .hv-strip:has(.hb-track:not([hidden])) .hv-bar-text{display:flex;flex-direction:column;gap:2px;white-space:normal}
 .hv-strip:has(.hb-track:not([hidden])) .hv-bar-text b{font-size:19px;line-height:1.35}
 .hv-strip:has(.hb-track:not([hidden])) .hv-bar-fee{font-size:13.5px;padding:4px 12px;border-radius:12px}
 .hv-strip .hb-track-card{display:flex;flex-direction:column;justify-content:center;padding:18px 22px}
 .hv-strip .hb-steps{margin-top:18px}
 .hv-strip .hb-step{width:auto;flex:none;min-width:64px}
}