/* Compatibility measured against the active Bootstrap 4 Home, scoped to Home. */
.home-page {font-size:1rem;font-weight:400;line-height:1.8;color:#212529;text-align:right;}
.home-page *, .home-page *::before, .home-page *::after {box-sizing:border-box;}
.home-page a {text-decoration:none;}
.home-page .row {--bs-gutter-x:30px;}
.home-page .row > * {position:relative;}
.home-page [class*="col-"] {position:relative;}
:where(.home-page) .row > :where(:not([class*="col-"])) {width:auto;max-width:none;padding-left:0;padding-right:0;flex-shrink:1;}
.home-page .row > :not([class*="col-"]).w-100 {width:100%!important;}
.home-page .ml-auto {margin-left:auto!important;}
.home-page .mr-auto {margin-right:auto!important;}
.home-page .float-left {float:left!important;}
.home-page .float-right {float:right!important;}
.home-page .text-right {text-align:right!important;}
.home-page .text-left {text-align:left!important;}
.home-page .border-left {border-left:1px solid #dee2e6!important;}
.home-page .border-right {border-right:1px solid #dee2e6!important;}
.home-page .border-left-0 {border-left:0!important;}
.home-page .border-right-0 {border-right:0!important;}
.home-page .font-weight-bold {font-weight:700!important;}
.home-page .input-group-prepend,.home-page .input-group-append {display:flex;}
.home-page .input-group-prepend {margin-right:0;margin-left:-1px;}
.home-page .input-group-append {margin-left:0;margin-right:-1px;}
.home-page .input-group>.form-control {min-width:0;}
.home-page .input-group-prepend>.btn {border-top-right-radius:0;border-bottom-right-radius:0;}
.home-page .input-group>.form-control:not(:first-child) {border-top-left-radius:0;border-bottom-left-radius:0;}
.home-page .form-control {font-weight:400;line-height:1.5;color:#495057;border-radius:.25rem;}
.home-page .form-control::placeholder {color:#6c757d;opacity:1;}
.home-page .btn {line-height:1.5;border-radius:.25rem;}
.home-page .btn:focus {box-shadow:0 0 0 .2rem rgba(0,123,255,.25);}
.home-page .close {float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;}
.home-page button.close {padding:0;background-color:transparent;border:0;appearance:none;}
.home-page .modal-content {border:1px solid rgba(0,0,0,.2);border-radius:.3rem;}
.home-page .modal-header {padding:1rem;border-bottom:1px solid #dee2e6;}
.home-page .modal-header .close {padding:1rem;margin:-1rem -1rem -1rem auto;}
.home-page .modal-body {padding:1rem;}
.home-page .modal-backdrop {--bs-backdrop-bg:#000;--bs-backdrop-opacity:.5;}
.home-page .dropdown-menu {font-size:1rem;border-radius:.25rem;padding:.5rem 0;}
.home-page .dropdown-item {padding:.25rem 1.5rem;}
.home-page .badge {padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;vertical-align:baseline;border-radius:.25rem;}
.home-page .badge-pill {padding-right:.6em;padding-left:.6em;border-radius:10rem;}
.home-page .navbar {padding:.5rem 1rem;}
.home-page .navbar-nav {padding-left:0;}
.home-page .navbar-brand {padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;display:inline-block;}
:where(.home-page) h1 {font-size:2.5rem;}
:where(.home-page) h2 {font-size:2rem;}
:where(.home-page) h3 {font-size:1.75rem;}
:where(.home-page) h5 {font-size:1.25rem;}
.home-page .card {border-color:rgba(0,0,0,.125);border-radius:.25rem;}
.home-page #search_result,.home-page #mobile_search_result {z-index:10000;width:100%;}
/* Keep legacy hooks solely for measured presentation; Swiper owns movement. */
.home-page .owl-carousel {display:block;width:100%;z-index:1;position:relative;}
.home-page .owl-stage-outer {overflow:hidden;position:relative;transform:translate3d(0,0,0);}
.home-page .owl-stage {position:relative;display:flex;align-items:flex-start;transition-property:transform;box-sizing:content-box;}
.home-page .owl-item {position:relative;min-height:1px;flex-shrink:0;}
.home-page .owl-carousel .owl-item img {display:block;width:100%;}
.home-page .owl-nav {height:0;}
.home-page .owl-nav button {background:none;border:0;padding:0!important;cursor:pointer;font:inherit;}
.home-page .owl-nav.disabled {display:none;}
.home-page .home-carousel-fallback {display:flex;overflow-x:auto;}
.home-page .home-carousel-fallback>.card {min-width:150px;}
.home-page [data-home-status]:empty {display:none;}
.home-page [data-home-status] {font-size:12px;color:#6c757d;}
.home-page .home-search-active {background:#f0f0f0;}
.home-page .most-user-search-item-box a:is(:hover,:focus-visible) .most-user-search-item {
  border:2px solid #0b86b9!important;
  color:#0b86b9!important;
  padding:0 7px;
  font-weight:600;
}
@media(min-width:768px) {
  .home-page .most-user-search-item-box a:is(:hover,:focus-visible) .most-user-search-item {padding:1px 9px;}
}
.home-page .home-autocomplete {z-index:100000;background:white;padding:2px 5px;font-size:14px;width:100%;border-radius:8px;position:static;}
.home-page #main_cat_row img {object-fit:cover!important;object-position:center!important;}
.home-page .ml-0 {margin-left:0!important;}
.home-page .pl-0 {padding-left:0!important;}
.home-page .mr-0 {margin-right:0!important;}
.home-page .pr-0 {padding-right:0!important;}
.home-page .ml-1 {margin-left:.25rem!important;}
.home-page .pl-1 {padding-left:.25rem!important;}
.home-page .mr-1 {margin-right:.25rem!important;}
.home-page .pr-1 {padding-right:.25rem!important;}
.home-page .ml-2 {margin-left:.5rem!important;}
.home-page .pl-2 {padding-left:.5rem!important;}
.home-page .mr-2 {margin-right:.5rem!important;}
.home-page .pr-2 {padding-right:.5rem!important;}
.home-page .ml-3 {margin-left:1rem!important;}
.home-page .pl-3 {padding-left:1rem!important;}
.home-page .mr-3 {margin-right:1rem!important;}
.home-page .pr-3 {padding-right:1rem!important;}
.home-page .ml-4 {margin-left:1.5rem!important;}
.home-page .pl-4 {padding-left:1.5rem!important;}
.home-page .mr-4 {margin-right:1.5rem!important;}
.home-page .pr-4 {padding-right:1.5rem!important;}
.home-page .ml-5 {margin-left:3rem!important;}
.home-page .pl-5 {padding-left:3rem!important;}
.home-page .mr-5 {margin-right:3rem!important;}
.home-page .pr-5 {padding-right:3rem!important;}
@media(min-width:576px) {
.home-page .mr-sm-auto {margin-right:auto!important;} .home-page .ml-sm-auto {margin-left:auto!important;}
.home-page .ml-sm-0 {margin-left:0!important;}
.home-page .pl-sm-0 {padding-left:0!important;}
.home-page .mr-sm-0 {margin-right:0!important;}
.home-page .pr-sm-0 {padding-right:0!important;}
.home-page .ml-sm-1 {margin-left:.25rem!important;}
.home-page .pl-sm-1 {padding-left:.25rem!important;}
.home-page .mr-sm-1 {margin-right:.25rem!important;}
.home-page .pr-sm-1 {padding-right:.25rem!important;}
.home-page .ml-sm-2 {margin-left:.5rem!important;}
.home-page .pl-sm-2 {padding-left:.5rem!important;}
.home-page .mr-sm-2 {margin-right:.5rem!important;}
.home-page .pr-sm-2 {padding-right:.5rem!important;}
.home-page .ml-sm-3 {margin-left:1rem!important;}
.home-page .pl-sm-3 {padding-left:1rem!important;}
.home-page .mr-sm-3 {margin-right:1rem!important;}
.home-page .pr-sm-3 {padding-right:1rem!important;}
.home-page .ml-sm-4 {margin-left:1.5rem!important;}
.home-page .pl-sm-4 {padding-left:1.5rem!important;}
.home-page .mr-sm-4 {margin-right:1.5rem!important;}
.home-page .pr-sm-4 {padding-right:1.5rem!important;}
.home-page .ml-sm-5 {margin-left:3rem!important;}
.home-page .pl-sm-5 {padding-left:3rem!important;}
.home-page .mr-sm-5 {margin-right:3rem!important;}
.home-page .pr-sm-5 {padding-right:3rem!important;}
}
@media(min-width:768px) {
.home-page .mr-md-auto {margin-right:auto!important;} .home-page .ml-md-auto {margin-left:auto!important;}
.home-page .ml-md-0 {margin-left:0!important;}
.home-page .pl-md-0 {padding-left:0!important;}
.home-page .mr-md-0 {margin-right:0!important;}
.home-page .pr-md-0 {padding-right:0!important;}
.home-page .ml-md-1 {margin-left:.25rem!important;}
.home-page .pl-md-1 {padding-left:.25rem!important;}
.home-page .mr-md-1 {margin-right:.25rem!important;}
.home-page .pr-md-1 {padding-right:.25rem!important;}
.home-page .ml-md-2 {margin-left:.5rem!important;}
.home-page .pl-md-2 {padding-left:.5rem!important;}
.home-page .mr-md-2 {margin-right:.5rem!important;}
.home-page .pr-md-2 {padding-right:.5rem!important;}
.home-page .ml-md-3 {margin-left:1rem!important;}
.home-page .pl-md-3 {padding-left:1rem!important;}
.home-page .mr-md-3 {margin-right:1rem!important;}
.home-page .pr-md-3 {padding-right:1rem!important;}
.home-page .ml-md-4 {margin-left:1.5rem!important;}
.home-page .pl-md-4 {padding-left:1.5rem!important;}
.home-page .mr-md-4 {margin-right:1.5rem!important;}
.home-page .pr-md-4 {padding-right:1.5rem!important;}
.home-page .ml-md-5 {margin-left:3rem!important;}
.home-page .pl-md-5 {padding-left:3rem!important;}
.home-page .mr-md-5 {margin-right:3rem!important;}
.home-page .pr-md-5 {padding-right:3rem!important;}
}
@media(min-width:992px) {
.home-page .mr-lg-auto {margin-right:auto!important;} .home-page .ml-lg-auto {margin-left:auto!important;}
.home-page .ml-lg-0 {margin-left:0!important;}
.home-page .pl-lg-0 {padding-left:0!important;}
.home-page .mr-lg-0 {margin-right:0!important;}
.home-page .pr-lg-0 {padding-right:0!important;}
.home-page .ml-lg-1 {margin-left:.25rem!important;}
.home-page .pl-lg-1 {padding-left:.25rem!important;}
.home-page .mr-lg-1 {margin-right:.25rem!important;}
.home-page .pr-lg-1 {padding-right:.25rem!important;}
.home-page .ml-lg-2 {margin-left:.5rem!important;}
.home-page .pl-lg-2 {padding-left:.5rem!important;}
.home-page .mr-lg-2 {margin-right:.5rem!important;}
.home-page .pr-lg-2 {padding-right:.5rem!important;}
.home-page .ml-lg-3 {margin-left:1rem!important;}
.home-page .pl-lg-3 {padding-left:1rem!important;}
.home-page .mr-lg-3 {margin-right:1rem!important;}
.home-page .pr-lg-3 {padding-right:1rem!important;}
.home-page .ml-lg-4 {margin-left:1.5rem!important;}
.home-page .pl-lg-4 {padding-left:1.5rem!important;}
.home-page .mr-lg-4 {margin-right:1.5rem!important;}
.home-page .pr-lg-4 {padding-right:1.5rem!important;}
.home-page .ml-lg-5 {margin-left:3rem!important;}
.home-page .pl-lg-5 {padding-left:3rem!important;}
.home-page .mr-lg-5 {margin-right:3rem!important;}
.home-page .pr-lg-5 {padding-right:3rem!important;}
}
@media(min-width:1200px) {
.home-page .mr-xl-auto {margin-right:auto!important;} .home-page .ml-xl-auto {margin-left:auto!important;}
.home-page .ml-xl-0 {margin-left:0!important;}
.home-page .pl-xl-0 {padding-left:0!important;}
.home-page .mr-xl-0 {margin-right:0!important;}
.home-page .pr-xl-0 {padding-right:0!important;}
.home-page .ml-xl-1 {margin-left:.25rem!important;}
.home-page .pl-xl-1 {padding-left:.25rem!important;}
.home-page .mr-xl-1 {margin-right:.25rem!important;}
.home-page .pr-xl-1 {padding-right:.25rem!important;}
.home-page .ml-xl-2 {margin-left:.5rem!important;}
.home-page .pl-xl-2 {padding-left:.5rem!important;}
.home-page .mr-xl-2 {margin-right:.5rem!important;}
.home-page .pr-xl-2 {padding-right:.5rem!important;}
.home-page .ml-xl-3 {margin-left:1rem!important;}
.home-page .pl-xl-3 {padding-left:1rem!important;}
.home-page .mr-xl-3 {margin-right:1rem!important;}
.home-page .pr-xl-3 {padding-right:1rem!important;}
.home-page .ml-xl-4 {margin-left:1.5rem!important;}
.home-page .pl-xl-4 {padding-left:1.5rem!important;}
.home-page .mr-xl-4 {margin-right:1.5rem!important;}
.home-page .pr-xl-4 {padding-right:1.5rem!important;}
.home-page .ml-xl-5 {margin-left:3rem!important;}
.home-page .pl-xl-5 {padding-left:3rem!important;}
.home-page .mr-xl-5 {margin-right:3rem!important;}
.home-page .pr-xl-5 {padding-right:3rem!important;}
}
:where(.home-page) .container-fluid {padding-left:15px;padding-right:15px;}
/* The legacy footer reloaded Bootstrap 4 after Home CSS: keep those effective
   column paddings and card title margins without loading the old vendor. */
.home-page {line-height:180%;}
.home-page .home-search-col {padding-left:15px;padding-right:15px;}
.home-page .card-title {margin-bottom:.75rem;}
.home-page .row > .best-store-title {padding-right:10px;}
.home-page .text-muted {color:#6c757d!important;}
/* Usable horizontal content before enhancement and with JavaScript disabled. */
.home-page .owl-carousel:not(.owl-loaded) {display:flex;overflow-x:auto;}
.home-page .owl-carousel:not(.owl-loaded)>.card {flex-shrink:0;min-width:150px;}
/* A blocked module must still leave bounded, swipeable fallback cards. */
.home-page .owl-carousel:not(.owl-loaded) {overflow-y:hidden;scrollbar-width:none;}
.home-page .owl-carousel:not(.owl-loaded)::-webkit-scrollbar {display:none;}
.home-page .owl-carousel:not(.owl-loaded)>.card {flex:0 0 clamp(150px,52vw,240px);width:clamp(150px,52vw,240px);min-width:0;max-width:240px;}
.home-page .owl-carousel:not(.owl-loaded).owl-category>.card {flex-basis:100px;width:100px;}

/* px-md-0 followed pl-1 in the final legacy stylesheet. */
@media(min-width:768px) {.home-page #recom_sardabir {padding-left:0!important;padding-right:0!important;}}
/* This was an inline 16px declaration overriding the shared contact li rule. */
.home-page .footer .contact .home-legacy-style-60 {font-size:16px;}
:where(.home-page) a {color:#007bff;}
:where(.home-page) a:hover {color:#0056b3;}
.home-page .input-group>.form-control {margin-left:0!important;}
/* Preserve the old per-slide compositing and text rasterization. */
.home-page .owl-item {backface-visibility:hidden;transform:translate3d(0,0,0);-webkit-touch-callout:none;touch-action:pan-y;user-select:none;}
.home-page .sidepanel #home-tablet-logout {position:relative;right:-9px;background:inherit;font-size:14px;}
/* The legacy category fragment changed image fit for the rest of the document.
   Preserve that state within Home without injecting global fragment styles. */
.home-page.home-category-loaded img {object-fit:cover!important;object-position:center!important;}
/* Reserve one measured card row while asynchronous content is pending. The
   heights follow layout.css; additional configured store rows load below it. */
.home-page {--home-card-image-height:180px;--home-card-row-extra:200.59375px;}
.home-page.home-enhanced [data-home-pending="recommendations"] {min-height:calc(var(--home-card-image-height) + var(--home-card-row-extra));}
.home-page.home-enhanced [data-home-pending="stores"] {min-height:calc(var(--home-card-image-height) + var(--home-card-row-extra) + 29px);}
@media(min-width:450px) {.home-page {--home-card-image-height:200px;}}
@media(min-width:576px) {.home-page {--home-card-image-height:180px;}}
@media(min-width:700px) {.home-page {--home-card-image-height:215px;}}
@media(min-width:768px) {.home-page {--home-card-image-height:180px;--home-card-row-extra:199.59375px;}}
@media(min-width:992px) {.home-page {--home-card-image-height:220px;}}
@media(min-width:1200px) {.home-page {--home-card-image-height:205px;}}
@media(min-width:1400px) {.home-page {--home-card-image-height:182px;}}
@media(min-width:1500px) {.home-page {--home-card-image-height:210px;}}
.home-page picture {display:contents;}
/* Final legacy Bootstrap include supplied padding to all grid columns, even
   columns whose page styles were loaded earlier or which lack a direct row. */
.home-page [class*="col-"] {padding-left:15px;padding-right:15px;}
.home-page .card-body {padding:1.25rem;min-height:1px;}
:where(.home-page) .dropdown-menu {color:#212529;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);margin:.125rem 0 0;}
:where(.home-page) .form-control:focus {color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);}
:where(.home-page) .border,
:where(.home-page) .border-top,
:where(.home-page) .border-bottom,
:where(.home-page) .border-left,
:where(.home-page) .border-right {border-color:#dee2e6!important;}

.home-page .input-group>.close {margin-left:0!important;}

/* Reserve the logo's intrinsic ratio before its embedded raster is decoded. */
.home-page .home-logo {height:auto;aspect-ratio:2 / 1;}
/* Avoid painting a temporary unwrapped strip before the module is ready.
   Keep its measured space, and leave the native strip visible without JS. */
.home-js .home-page .owl-carousel:not(.owl-loaded):not(.home-carousel-fallback) {visibility:hidden;}

/* These legacy footer actions inherited black before they gained native links. */
.home-page #footer_category,.home-page #footer_user_menu {color:#000;}

/* Home taxonomy menu: physical RTL alignment at every menu depth. */
.home-page #background_menu,
.home-page #background_menu .dropdown-menu,
.home-page #background_menu .ins-content-row {direction:rtl;text-align:right;}
.home-page #background_menu .cat-flex,
.home-page #background_menu .megasubmenu > ul > li > .d-flex {align-items:center;gap:8px;}
.home-page #background_menu .dropdown-item {width:auto;min-width:0;flex:1;text-align:right;padding:.25rem .5rem;}
.home-page #background_menu .cat-flex > img,
.home-page #background_menu .navbar-angle-left {flex-shrink:0;}
.home-page #background_menu .navbar-angle-left {margin-right:auto!important;margin-left:0!important;}
.home-page #background_menu .dropdown-item:is(:hover,:focus,:active,.active) {background:transparent;}
.home-page #background_menu li:is(:hover,.home-nav-open) {background-color:#eceef1;}
.home-page #background_menu #first_dropdown .category-item {color:#3f4064!important;}
.home-page #background_menu #first_dropdown .instance-product {color:#62666d!important;}
.home-page #background_menu #first_dropdown > li:is(:hover,.home-nav-open) > .cat-flex > a,
.home-page #background_menu #first_dropdown .megasubmenu > ul > li:is(:hover,.home-nav-open) > .d-flex > a {color:#a51c30!important;}
.home-page #background_menu li > .cat-flex {background:transparent;}
/* Apply only to banner placements, never the small show-all arrow images. */
.home-page :is(#home_bannerA_box,#home_bannerB_box,#home_bannerC_box,[data-home-id="six_images"]) img {
  /* Fixed heights plus contain leave square image edges inside a rounded box. */
  display:block;
  max-width:100%;
  height:auto;
  max-height:none;
  margin-inline:auto;
  border-radius:20px;
}
/* Replace the old per-icon offsets with alignment supplied by the flex row. */
.home-page #background_menu .cat-flex {padding-inline:8px;}
.home-page #background_menu .cat-flex > img:not(.navbar-angle-left) {position:static;}
.home-page #background_menu .navbar-angle-left {position:static;width:9px;height:14px;}

/* Give each taxonomy row breathing room while keeping height viewport-bounded. */
.home-page #background_menu {--home-nav-width:min(1100px,calc(100vw - 48px));width:var(--home-nav-width);height:auto;max-height:calc(100vh - 100px);overflow-y:auto;}
.home-page #background_menu #first_dropdown {position:relative;top:auto;right:0;width:250px;padding:10px 0 32px;margin:0;background:#f7f7f8;border-left:1px solid #e9eaed!important;}
.home-page #background_menu #first_dropdown > .has-submenu {padding-block:2px;}
.home-page #background_menu .cat-flex {gap:8px;min-height:44px;padding-inline:10px;}
.home-page #background_menu .megasubmenu {right:250px!important;top:0!important;min-width:220px!important;width:max-content;max-width:420px;padding:4px 8px;}
.home-page #background_menu .megasubmenu > ul > li > .d-flex {min-height:46px;gap:8px;}
.home-page #background_menu .megasubmenu2 {width:min(430px,calc(var(--home-nav-width) - 670px));min-width:0;padding:4px 0;}
.home-page #background_menu .ins-content-row {position:static;min-width:0;width:100%;padding:8px 12px;}
.home-page #background_menu .dropdown-item {white-space:nowrap;overflow:visible;text-overflow:clip;}
.home-page #background_menu .home-nav-links {display:flex;flex-wrap:wrap;align-items:flex-start;margin-top:12px;gap:4px 0;}
.home-page #background_menu .home-nav-group {width:100%;margin-bottom:10px;}
.home-page #background_menu .home-nav-group > .home-nav-links {padding-right:12px;}
/* Give the mobile taxonomy predictable touch targets and a bounded scroll area. */
.home-page #modal_category .modal-dialog {max-width:520px;}
.home-page .home-taxonomy-heading {display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 8px;border-bottom:1px solid #e9e9e9;}
.home-page .home-taxonomy-back {border:0;background:transparent;padding:8px;position:absolute;right:8px;}
.home-page .home-taxonomy-back img {width:20px;height:20px;}
.home-page .home-taxonomy-row {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:12px 14px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:right;color:#253261;font:inherit;font-size:14px;text-decoration:none;}
.home-page .home-taxonomy-row:is(:hover,:focus-visible) {background:#f3f4f6;color:#253261;}
.home-page .home-taxonomy-arrow {width:9px;height:14px;flex-shrink:0;}
.home-page .home-taxonomy .main-title {font-size:14px;margin:0 36px;text-align:center;}
/* The shared legacy .instance-product capped labels at 300px even in a wider
   column. Let the Home column budget the space and keep padding compact. */
.home-page #background_menu .instance-product {max-width:none;padding:4px 8px!important;}
.home-page #modal_category .modal-content {height:100dvh;max-height:none;}
.home-page #modal_category .modal-body {max-height:none;}
.home-page #main_cat_row .home-taxonomy-items {height:calc(100dvh - 64px);max-height:none;padding-bottom:76px;overflow-y:auto;overscroll-behavior:contain;}
.home-page .home-taxonomy-close {position:absolute;left:8px;border:0;padding:4px 10px;background:transparent;color:#495057;font-size:25px;line-height:1;}
.home-page .home-category-loading {position:absolute;inset:0;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding-top:35dvh;background:rgb(255 255 255 / 85%);}
.home-page .home-category-loading[hidden] {display:none!important;}
.home-page .home-category-loading .spinner-border {width:36px;height:36px;color:#dd0d0d;border-width:3px;}
.home-page .home-category-navigation-loading {position:fixed;z-index:1090;}

/* Preserve per-category icon widths from header.css, with a compact fallback. */
.home-page #background_menu .cat-flex > img:not([class]),
.home-page #background_menu .cat-flex > img[class=""] {width:24px;}
.home-page #background_menu .category-item {font-size:13px!important;}
.home-page #background_menu .megasubmenu .navbar-angle-left {margin-left:10px!important;}
/* Pointer and keyboard share one open branch per level; stale focus cannot
   keep a previous sibling's panel stacked underneath the current panel. */
.home-page #background_menu.home-nav-enhanced .megasubmenu,
.home-page #background_menu.home-nav-enhanced .megasubmenu2 {display:none!important;}
.home-page #background_menu.home-nav-enhanced .home-nav-open > .megasubmenu,
.home-page #background_menu.home-nav-enhanced .home-nav-open > .megasubmenu2 {display:block!important;}
/* Mobile modals cover the viewport underneath the fixed footer. */
@media(max-width:767.98px) {
  .home-page #modal_category .modal-dialog,
  .home-page #modal_user_menu .modal-dialog {width:100%;max-width:none;margin:0;min-height:100dvh;}
  .home-page #modal_category .modal-content,
  .home-page #modal_user_menu .modal-content {height:100dvh;max-height:none;border-radius:0;}
  .home-page #modal_user_menu .modal-body {max-height:none;overflow-y:auto;padding-bottom:76px!important;}
}
.home-page #footer.mobile-footer {right:0;left:0;width:100%;margin-inline:0!important;padding-inline:0!important;box-sizing:border-box;}
.home-page #modal_user_menu .modal-header {position:relative;justify-content:flex-start;min-height:54px;padding-left:56px;}
.home-page .home-modal-close {position:absolute;left:10px;top:10px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:9px;border:0;border-radius:6px;background:transparent;}
.home-page .home-modal-close img,.home-page .home-taxonomy-close img {width:16px;height:16px;filter:grayscale(1) brightness(.5);}
.home-page .home-modal-close:is(:hover,:focus-visible),.home-page .home-taxonomy-close:is(:hover,:focus-visible) {background:#fff0f0;}
.home-page .home-modal-close:is(:hover,:focus-visible) img,.home-page .home-taxonomy-close:is(:hover,:focus-visible) img {filter:brightness(0) saturate(100%) invert(18%) sepia(91%) saturate(4770%) hue-rotate(350deg) brightness(89%) contrast(102%);}
.home-page #main_user_menu_row .nav-item:hover {background:#f8f9fa;}
.home-page #user_nav .user-is-not-authenticated {width:100%;}
.home-page #user_nav .user-is-not-authenticated > a {width:100%;background:transparent;}
/* Grow icons through transforms so the fixed footer geometry stays stable. */
.home-page #footer .footer-item {flex:1;min-width:0;}
.home-page #footer .footer-item > a {display:block;color:#6a6a6a!important;font-size:10.5px;}
.home-page #footer .footer-item > a img {filter:none;transition:transform .15s ease;}
.home-page #footer .footer-item > a:is(:hover,:focus-visible,.is-active) {color:#d90909!important;font-size:11.5px;}
.home-page #footer .footer-item > a:is(:hover,:focus-visible,.is-active) img {transform:scale(1.08);filter:invert(19%) sepia(170%) saturate(4463%) hue-rotate(340deg) brightness(90%) contrast(100%);}
@media(prefers-reduced-motion:reduce) {.home-page #footer .footer-item > a img {transition:none;}}
/* A small install suggestion, using native link and dismiss button semantics. */
.home-page .install-app {padding:14px 16px;border:1px solid #dce7e2;border-radius:12px;background:#f8fcfa;box-shadow:0 2px 8px rgb(26 83 62 / 5%);}
.home-page .install-app > div:first-child {line-height:1.9;}
.home-page .home-install-actions {display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;}
.home-page .home-install-actions .install-app-btn,.home-page .home-install-actions .cancel-app-btn {display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:5px 14px;border-radius:8px;font-size:12px;text-decoration:none;}
.home-page .home-install-actions .cancel-app-btn {border:1px solid #cfdbd5;background:#fff;color:#52645a;}
.home-page .home-install-actions .cancel-app-btn:hover {background:#edf3ef;}
.home-page .home-install-actions .install-app-btn {border:1px solid #159967;background:#159967;color:#fff;}
.home-page .home-install-actions .install-app-btn:hover {background:#117e55;}
@media(max-width:767.98px) {
  .home-page .home-install-actions .install-app-btn,.home-page .home-install-actions .cancel-app-btn {padding:3px 14px;}
}
/* Let the taxonomy list take the remaining modal space at every depth. */
.home-page #modal_category .modal-body {display:flex;flex-direction:column;min-height:0;overflow:hidden;}
.home-page #modal_category #main_cat_row {flex:1;min-height:0;height:100%;}
.home-page #category_col.home-taxonomy {display:flex;flex-direction:column;min-height:0;height:100%;}
.home-page .home-taxonomy-heading {flex-shrink:0;}
.home-page #main_cat_row .home-taxonomy-items {flex:1;min-height:0;height:auto;}
.home-page #background_menu .cat-flex > img {object-fit:contain!important;}
/* Keep card metadata within its column, including dynamically loaded stores. */
.home-page .card .card-body > .d-flex {gap:8px;align-items:baseline;}
.home-page .card .card-body > .d-flex > div {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-page .card .card-body > .d-flex > div:first-child {flex:0 1 auto;max-width:40%;}
.home-page .card .card-body > .d-flex > div:last-child {flex:1 1 0;text-align:end;}
.home-page .card [data-home-id="price"] .price {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-page .card .time-store_count {display:flex;gap:6px;min-width:0;}
.home-page .card .time-store_count > span {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-page .card .time-store_count .time {flex:0 1 auto;max-width:40%;}
.home-page .card .time-store_count .store-count {flex:1 1 0;}
.home-page .card .min-price-text > .text-truncate {display:block;}
@media(max-width:767.98px) {
  .home-page .card [data-home-id="price"] .price {font-size:14px;}
  .home-page .card .tooman {font-size:12px;}
  .home-page .card .card-footer .min-price {font-size:15.5px;}
  .home-page .card .min-price-text {font-size:11px;}
}