/* =========================================================
   BASKIADASI STORE V1.6.5 — 1200PX BOXED THEME WIDTH
   ========================================================= */

html,
body{
  min-width:320px;
}

body{
  background:#edf2f5!important;
}

/* Entire storefront is now a centered 1200px boxed layout. */
.hiba-site-shell.ba110-store,
.ba110-store{
  width:100%!important;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background:#fff!important;
  box-shadow:0 0 34px rgba(6,47,80,.08);
  overflow:visible!important;
}

/* Bootstrap 3 normally uses 1170px at desktop.
   Inside the 1200px shell we let every section use the full available width
   while keeping its normal horizontal padding. */
.ba110-store > .ba110-topbar .container,
.ba110-store > .ba110-header .container,
.ba110-store > .ba110-servicebar .container,
.ba110-store > .ba120-menu-band .container,
.ba110-store > .hiba141-menu-band .container,
.ba110-store > .ba110-home .container,
.ba110-store > .ba110-footer-cta .container,
.ba110-store > .ba110-footer .container,
.ba110-store > footer .container,
.ba110-store .ba150-hero > .container,
.ba110-store .ba150-main.container,
.ba110-store .ba150-bottom-cta > .container,
.ba110-store .ba164-category-page.container,
.ba110-store .ba160-product-page.container,
.ba110-store #product-category.container,
.ba110-store #product-product.container,
.ba110-store #information-information .container,
.ba110-store #information-contact .container,
.ba110-store #common-success .container{
  width:100%!important;
  max-width:1200px!important;
}

/* Generic Bootstrap containers used by account/checkout/search pages. */
@media (min-width:1200px){
  .ba110-store .container{
    width:100%!important;
    max-width:1200px!important;
  }
}

/* At exactly 1200px the header needs the notebook spacing rules too. */
@media (min-width:992px) and (max-width:1200px){
  .ba110-header-grid{
    grid-template-columns:225px minmax(300px,1fr) auto!important;
    gap:12px!important;
  }

  .ba110-logo img{
    max-width:220px!important;
  }

  .ba120-menu{
    grid-template-columns:165px minmax(0,1fr) auto!important;
    gap:4px!important;
  }

  .ba120-main-links>a{
    padding-left:6px!important;
    padding-right:6px!important;
    font-size:8px!important;
  }

  .ba120-main-links>a i{
    display:none!important;
  }

  .ba120-main-links>a:nth-child(6){
    display:none!important;
  }
}

/* Tablet/mobile remain fluid. */
@media (max-width:1199px){
  body{
    background:#fff!important;
  }

  .hiba-site-shell.ba110-store,
  .ba110-store{
    max-width:100%!important;
    box-shadow:none!important;
  }
}