/* DailyoBrand request list — isolated overrides; loaded after the existing theme. */
.gb-header-row{min-width:0!important;display:flex;align-items:center}
.gb-header-row .gb-header-search{position:relative;flex:1 1 340px;min-width:120px;max-width:620px;z-index:45!important}
.gb-header-search-results{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 4px)!important;max-width:100%;z-index:150!important;box-sizing:border-box;overflow-x:hidden}
.gb-header-search-results .gb-live-search-item{min-width:0;overflow-wrap:anywhere}
.gb-header-actions{flex-shrink:0}
.gb-category-section .gb-category-card>span{aspect-ratio:1/1!important;width:clamp(94px,9.4vw,150px)!important;height:auto!important;min-height:0!important;display:grid;place-items:center}
.gb-category-section .gb-category-card>span img{width:100%;height:100%;object-fit:contain}
.gb-category-section .gb-category-card{flex:0 0 auto;min-width:clamp(94px,9.4vw,150px)!important}
.gb-category-rail,.gb-reviews{overscroll-behavior-inline:contain;scrollbar-width:none}
.gb-category-rail::-webkit-scrollbar,.gb-reviews::-webkit-scrollbar{display:none}
.gb-review-section .gb-reviews{display:flex!important;overflow-x:auto!important;gap:14px;scroll-snap-type:x proximity}
.gb-review-section .gb-reviews article{flex:0 0 clamp(280px,31vw,420px);scroll-snap-align:start;min-width:0}
.gb-top-card .gb-top-name{display:block!important;color:inherit!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;min-height:0!important;line-height:1.4!important}
.gb-top-card .gb-top-info,.gb-top-card .gb-top-content{min-width:0!important}
.gb-top-card .gb-top-media{cursor:pointer}
@media(min-width:1200px){
 .gb-jfy-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .gb-product-section .gb-product-rail{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow-x:auto!important;gap:14px!important}
 .gb-product-section .gb-product-rail>.gb-product-card{min-width:0!important}
 .bazarpro-body .sh-product-page .sh-pdp-shell:not(.has-size-chart){grid-template-columns:minmax(0,.76fr) minmax(480px,1.24fr)!important;gap:24px!important}
 .bazarpro-body .sh-product-page .sh-pdp-shell.has-size-chart{grid-template-columns:minmax(0,.79fr) minmax(350px,1fr) minmax(240px,.5fr)!important;gap:20px!important}
 .bazarpro-body .sh-product-page .sh-pdp-gallery{max-width:480px!important}
 .bazarpro-body .sh-product-page .sh-pdp-stage{max-height:530px!important;aspect-ratio:4/5!important}
}
.gb-nav-item.has-children{display:flex!important;align-items:center;position:relative}
.gb-nav-item.has-children>.gb-nav-parent{flex:1;min-width:0;padding-right:3px!important}
.gb-nav-item.has-children>.gb-nav-submenu-button{width:27px!important;min-width:27px!important;padding:5px!important;display:inline-grid;place-items:center;flex:0 0 27px}
.sh-filter-group .sh-check-row{display:flex;gap:10px;align-items:center;cursor:pointer;margin:5px 0}
.sh-filter-group .sh-check-row input{flex:0 0 auto;accent-color:#08784c}
@media(min-width:1100px){.gb-top-card .gb-top-name{font-size:clamp(13px,1vw,17px)!important}}
@media(max-width:1099px){.gb-category-section .gb-category-card>span{width:94px!important;height:94px!important}.gb-category-section .gb-category-card{min-width:94px!important}}
@media(max-width:720px){
 .gb-header-row{flex-wrap:wrap!important}
 .gb-header-row .gb-header-search{order:4;flex:1 1 100%!important;width:100%!important;max-width:none!important;margin:5px 0 0!important;display:flex!important}
 .gb-header-actions{max-width:100%!important}
 .gb-top-card .gb-top-info{padding:12px 10px!important}
 .gb-top-card .gb-top-name{font-size:13px!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important;white-space:normal!important}
 .gb-reviews article{flex-basis:min(84vw,340px)!important}
 .gb-product-section .gb-product-rail{display:flex;overflow-x:auto}
 .gb-category-rail{min-height:140px}
 .bazarpro-body .sh-pdp-stage{aspect-ratio:4/5!important}
}
@media(prefers-reduced-motion:reduce){[data-auto-rail]{scroll-behavior:auto!important}}

@media(max-width:720px){.gb-header,.gb-header-row{height:auto!important;min-height:0!important}.gb-header-search input{min-width:0!important}}


/* 2026-10-09 follow-up hotfix: compact aligned navigation, never stack mobile chrome. */
@media (min-width: 981px) {
  .bazarpro-body .gb-header-row {
    display:grid!important;
    grid-template-columns:minmax(95px,150px) minmax(220px,1fr) auto!important;
    align-items:center!important;
    column-gap:20px!important;
    height:70px!important;
    min-height:70px!important;
    padding-block:0!important;
  }
  .bazarpro-body .gb-mobile-menu-btn{display:none!important}
  .bazarpro-body .gb-brand-logo-picture{height:64px!important;max-height:64px!important;display:flex!important;align-items:center!important}
  .bazarpro-body .gb-brand-logo{height:auto!important;width:auto!important;max-height:62px!important;max-width:100%!important;object-fit:contain!important}
  .bazarpro-body .gb-header-search{height:40px!important;min-width:0!important;max-width:620px!important;justify-self:stretch!important}
  .bazarpro-body .gb-header-actions{gap:7px!important}
}
@media (min-width: 721px) and (max-width: 980px) {
  .bazarpro-body .gb-header-row{
    display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;
    min-height:65px!important;height:65px!important;gap:10px!important;padding-block:0!important;
  }
  .bazarpro-body .gb-header-search{display:none!important}
  .bazarpro-body .gb-brand-logo-picture,.bazarpro-body .gb-brand-logo{max-height:55px!important;height:auto!important}
  .bazarpro-body .gb-mobile-brand-tagline{font-size:12px!important;font-weight:500!important;letter-spacing:.03em!important}
  .bazarpro-body .gb-header-actions{justify-self:end!important}
}
@media(max-width:720px) {
  .bazarpro-body .gb-header-row{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 44px!important;
    grid-template-rows:52px 42px!important;
    gap:7px 9px!important;
    align-items:center!important;
    height:auto!important;min-height:0!important;
    padding:6px 0 9px!important;
  }
  .bazarpro-body .gb-mobile-menu-btn{display:grid!important;grid-column:1!important;grid-row:1!important;justify-self:center!important;align-self:center!important;width:36px!important;height:38px!important;margin:0!important}
  .bazarpro-body .gb-brand{display:flex!important;grid-column:2!important;grid-row:1!important;min-width:0!important;max-width:100%!important;width:100%!important;height:50px!important;margin:0!important;align-items:center!important;overflow:hidden!important}
  .bazarpro-body .gb-brand-logo-picture{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;height:49px!important;max-width:82px!important;margin:0!important}
  .bazarpro-body .gb-brand-logo{height:auto!important;width:auto!important;max-width:82px!important;max-height:49px!important;object-fit:contain!important}
  .bazarpro-body .gb-mobile-brand-tagline{font-size:9px!important;font-weight:500!important;letter-spacing:.015em!important;line-height:1.2!important;padding-left:7px!important;max-width:none!important;white-space:normal!important;display:block!important}
  .bazarpro-body .gb-header-actions{grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-self:end!important;width:44px!important;height:48px!important;margin:0!important;gap:0!important}
  .bazarpro-body .gb-header-actions>a,.bazarpro-body .gb-more-wrap{display:none!important}
  .bazarpro-body .gb-header-actions>button{width:44px!important;min-width:44px!important;height:44px!important}
  .bazarpro-body .gb-header-search{grid-column:1/-1!important;grid-row:2!important;display:flex!important;position:relative!important;order:unset!important;flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:42px!important;margin:0!important;align-self:center!important;box-sizing:border-box!important}
  .bazarpro-body .gb-header-search input{width:0!important;flex:1!important;min-width:0!important;font-size:13px!important}
  .bazarpro-body .gb-header-search button{flex:0 0 44px!important}
}
/* Make a single selected grocery pack unmistakable, including keyboard focus. */
.bazarpro-body [data-card-variant-choice]{border:1px solid #a7b6ad!important;background:#fff!important;color:#345047!important;box-shadow:none!important;outline:none!important}
.bazarpro-body [data-card-variant-choice].active,
.bazarpro-body [data-card-variant-choice][aria-pressed="true"]{border:2px solid #078458!important;background:#e4f7ed!important;color:#006d46!important;box-shadow:inset 0 0 0 1px rgba(0,100,54,.05)!important}
.bazarpro-body [data-card-variant-choice]:focus-visible{outline:2px solid #088758!important;outline-offset:2px!important}


/* Featured Categories carousel — single row on every screen size.
   This higher-specificity block overrides the earlier grid and mobile flex rules
   without touching product rails, reviews or the navigation header. */
.bazarpro-body .gb-category-section {
    padding-top: 20px !important;
    padding-bottom: 12px !important;
    min-width: 0;
}
.bazarpro-body .gb-category-section .gb-category-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin: 0 2px 13px;
}
.bazarpro-body .gb-category-section .gb-category-heading-copy {min-width: 0;}
.bazarpro-body .gb-category-section .gb-category-eyebrow {
    display: block;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: 1.2px;
    color: #00865c;
    margin: 0 0 3px;
}
.bazarpro-body .gb-category-section .gb-category-heading h2 {
    margin: 0;
    color: #18372c;
    font-size: clamp(18px,1.6vw,23px) !important;
    line-height: 1.3;
    font-weight: 600;
}
.bazarpro-body .gb-category-section .gb-category-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}
.bazarpro-body .gb-category-section .gb-category-control {
    display: grid !important;
    place-items: center;
    position: relative;
    width: 35px;
    height: 35px;
    border: 1px solid #d6e8dd;
    border-radius: 50%;
    color: #007a51;
    background: #fff;
    font-size: 12px;
    cursor: pointer;
    transition: background .2s,border-color .2s,box-shadow .2s;
}
.bazarpro-body .gb-category-section .gb-category-control:not(:disabled):hover {
    background: #e7f6ed;
    border-color: #0d9c69;
    box-shadow: 0 3px 12px rgba(0,95,56,.09);
}
.bazarpro-body .gb-category-section .gb-category-control:disabled {
    opacity: .35;
    cursor: default;
}
.bazarpro-body .gb-category-section .gb-category-control:focus-visible,
.bazarpro-body .gb-category-section .gb-category-card:focus-visible,
.bazarpro-body .gb-category-section .gb-category-rail:focus-visible {
    outline: 2px solid #0b9166;
    outline-offset: 3px;
}
.bazarpro-body .gb-category-section .gb-rail-wrap {min-width: 0;overflow: hidden;}
.bazarpro-body .gb-category-section .gb-category-rail {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    grid-template-columns: none !important;
    grid-auto-flow: unset !important;
    gap: 14px !important;
    width: 100%;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0;
    padding: 4px 3px 11px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 3px;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.bazarpro-body .gb-category-section .gb-category-rail::-webkit-scrollbar {display:none;}
.bazarpro-body .gb-category-section .gb-category-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start;
    flex: 0 0 clamp(110px, 9.5vw, 145px) !important;
    width: clamp(110px, 9.5vw, 145px) !important;
    min-width: 0 !important;
    max-width: none !important;
    gap: 8px !important;
    padding: 7px 7px 9px;
    box-sizing: border-box;
    border: 1px solid #e3ece6;
    background: #fff;
    border-radius: 13px;
    text-decoration: none;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    transition: border-color .2s, box-shadow .2s, transform .2s;
}
.bazarpro-body .gb-category-section .gb-category-card > .gb-category-image {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    border: 0 !important;
    border-radius: 9px;
    background: linear-gradient(140deg, #f5faf6, #eef7f0);
    overflow: hidden;
    box-shadow: none !important;
    transform: none !important;
}
.bazarpro-body .gb-category-section .gb-category-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
.bazarpro-body .gb-category-section .gb-category-image i {
    font-size: clamp(25px, 3vw, 34px);
    color: #3b9671;
}
.bazarpro-body .gb-category-section .gb-category-card strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.35;
    height: 30px;
    min-height: 30px !important;
    max-height: 30px;
    color: #284238;
    overflow-wrap: anywhere;
}
@media (hover:hover) and (pointer:fine) {
    .bazarpro-body .gb-category-section .gb-category-card:hover {
        transform: translateY(-2px) !important;
        border-color: #b4dccc;
        box-shadow: 0 6px 18px rgba(22,87,57,.10) !important;
    }
}
.bazarpro-body .gb-category-section .gb-category-progress {
    width: min(210px,35%);
    height: 3px;
    background: #e4eee8;
    border-radius: 8px;
    margin: 1px auto 0;
    overflow: hidden;
}
.bazarpro-body .gb-category-section .gb-category-progress > span {
    display: block;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    background: #079765;
    transform: scaleX(.14);
    transform-origin: left center;
    transition: transform .18s ease;
}
@media (max-width: 720px) {
    .bazarpro-body .gb-category-section {padding-top: 15px !important;}
    .bazarpro-body .gb-category-section .gb-category-heading {gap: 10px;margin-bottom: 11px;}
    .bazarpro-body .gb-category-section .gb-category-eyebrow {font-size: 9px;letter-spacing: .9px;}
    .bazarpro-body .gb-category-section .gb-category-heading h2 {font-size: 19px !important;}
    .bazarpro-body .gb-category-section .gb-category-control {width: 33px;height: 33px;}
    .bazarpro-body .gb-category-section .gb-category-rail {gap: 10px !important;padding-bottom: 9px !important;}
    .bazarpro-body .gb-category-section .gb-category-card {
        flex: 0 0 clamp(112px,32vw,138px) !important;
        width: clamp(112px,32vw,138px) !important;
        padding: 6px 6px 8px;
    }
    .bazarpro-body .gb-category-section .gb-category-card strong {font-size: 11px !important;}
}
@media (prefers-reduced-motion: reduce) {
    .bazarpro-body .gb-category-section .gb-category-rail,
    .bazarpro-body .gb-category-section .gb-category-card,
    .bazarpro-body .gb-category-section .gb-category-control {scroll-behavior:auto !important;transition:none !important;}
}

/* Mobile top selling card: badge occupies its own row above all card details. */
@media (max-width: 720px) {
    .bazarpro-body .gb-top-grid .gb-top-card {
        display: grid !important;
        grid-template-columns: 108px minmax(0,1fr) !important;
        grid-template-rows: auto minmax(150px,auto) !important;
        align-content: start !important;
        min-height: 190px !important;
        height: auto !important;
        overflow: hidden !important;
    }
    .bazarpro-body .gb-top-card > .gb-top-badge {
        position: static !important;
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        align-self: start !important;
        width: auto !important;
        max-width: calc(100% - 54px) !important;
        margin: 9px 0 3px 10px !important;
        padding: 5px 8px !important;
        border-radius: 5px !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        z-index: 2 !important;
    }
    .bazarpro-body .gb-top-card > .gb-top-wish { top: 7px !important;right: 8px !important;z-index: 3 !important; }
    .bazarpro-body .gb-top-grid .gb-top-card > .gb-top-media {
        grid-column: 1 !important;grid-row: 2 !important;align-self: center !important;
    }
    .bazarpro-body .gb-top-grid .gb-top-card > .gb-top-info {
        grid-column: 2 !important;grid-row: 2 !important;
        display: flex !important;flex-direction: column !important;
        justify-content: space-between !important;align-self: stretch !important;
        gap: 10px !important;min-width: 0 !important;padding: 9px 10px 11px 6px !important;
    }
    .bazarpro-body .gb-top-grid .gb-top-card .gb-top-content {
        display: flex !important;flex-direction: column !important;
        gap: 7px !important;min-width: 0 !important;
    }
    .bazarpro-body .gb-top-grid .gb-top-card .gb-top-name {
        display: block !important;color: #172a22 !important;font-size: 13px !important;
        font-weight: 600 !important;line-height: 1.35 !important;
        height: auto !important;min-height: 0 !important;max-height: none !important;
        overflow: visible !important;white-space: normal !important;
        overflow-wrap: anywhere !important;-webkit-line-clamp: unset !important;
    }
    .bazarpro-body .gb-top-grid .gb-top-card .gb-top-actions {margin-top: auto !important;}
    .bazarpro-body .gb-top-grid .gb-top-card .gb-top-actions button:first-child {width: 100% !important;}
}
.bazarpro-body .gb-checkout-fields select[data-bd-district],
.bazarpro-body .gb-checkout-fields select[data-bd-thana] {
    display: block;width: 100%;max-width: 100%;min-width: 0;min-height: 44px;
    padding: 9px 12px;border: 1px solid #d6e0db;border-radius: 9px;
    background: #fff;color: #243a30;font: inherit;
}
.bazarpro-body .gb-checkout-fields select:focus-visible {outline: 2px solid #069564;outline-offset: 1px;}
.bazarpro-body .gb-checkout-fields select:disabled {background: #f5f7f6;color: #7d8983;}
