/* =========================================================
   BASKIADASI.COM STORE V1.2
   Screenshot-driven layout / header / menu hotfix
   ========================================================= */

/* Bootstrap 3 .container pseudo elements become unwanted flex/grid items.
   Disable them inside our custom layout containers. */
.ba110-topbar>.container:before,
.ba110-topbar>.container:after,
.ba110-header>.container:before,
.ba110-header>.container:after,
.ba110-footer-cta>.container:before,
.ba110-footer-cta>.container:after,
.ba120-menu-band>.container:before,
.ba120-menu-band>.container:after{
  display:none!important;
  content:none!important;
}

/* HEADER: one clean compact block */
.ba110-header{position:relative;z-index:1300}
.ba110-header .container{overflow:visible!important}
.ba110-header-grid{
  min-height:94px!important;
  grid-template-columns:minmax(245px,305px) minmax(390px,1fr) auto!important;
  gap:22px!important;
}
.ba110-logo img{max-width:290px!important;max-height:68px!important}
.ba110-logo small{margin-top:1px!important}
.ba110-search-label{margin-bottom:5px!important}
.ba110-actions{gap:7px!important}
.ba110-action{min-height:46px!important}
.ba110-cart #cart>button{height:46px!important}
.ba110-topbar-inner{min-height:34px!important}

/* Remove any old service strip if browser cache still contains it */
.ba110-servicebar{display:none!important}

/* New desktop print menu */
.ba120-menu-band{
  position:relative;
  z-index:1150;
  width:100%;
  border-top:1px solid #edf1f3;
  border-bottom:1px solid #dde5e9;
  background:#fff;
  box-shadow:0 5px 14px rgba(5,47,80,.035);
}
.ba120-menu-container{
  position:relative;
  z-index:1151;
}
.ba120-menu{
  min-height:58px;
  display:grid;
  grid-template-columns:190px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
}
.ba120-products{position:relative}
.ba120-products-btn{
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:0;
  border-radius:9px;
  background:linear-gradient(135deg,#052f50,#0a527b);
  color:#fff;
  display:grid;
  grid-template-columns:30px 1fr 12px;
  align-items:center;
  gap:8px;
  text-align:left;
  font-size:10px;
  font-weight:900;
}
.ba120-products-btn .icon{
  width:29px;height:29px;border-radius:8px;
  background:rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  color:#7de2ff;
}
.ba120-products-btn .caret{font-size:8px;color:#93dff9}
.ba120-mega{
  display:none;
  position:absolute;
  left:0;
  top:48px;
  width:820px;
  padding:15px;
  border:1px solid #dce5ea;
  border-top:3px solid #00aeef;
  border-radius:0 0 13px 13px;
  background:#fff;
  box-shadow:0 20px 45px rgba(5,47,80,.18);
  z-index:5000;
}
.ba120-products:hover>.ba120-mega,
.ba120-products:focus-within>.ba120-mega{display:block}
.ba120-mega-head{
  padding:3px 2px 12px;
  border-bottom:1px solid #edf1f3;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}
.ba120-mega-head small,.ba120-mega-head strong{display:block}
.ba120-mega-head small{color:#008fc7;font-size:7.5px;font-weight:900;letter-spacing:1px}
.ba120-mega-head strong{margin-top:3px;color:#263d4b;font-size:15px}
.ba120-mega-head>a{color:#536b77!important;font-size:8px;font-weight:900}
.ba120-mega-grid{
  padding-top:12px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:11px;
}
.ba120-mega-col{
  min-width:0;
  padding:11px;
  border:1px solid #e8edf0;
  border-radius:10px;
  background:#fafcfd;
}
.ba120-col-title{
  min-height:31px;
  margin-bottom:7px;
  display:flex;
  align-items:center;
  gap:6px;
  color:#344b58;
  font-size:8.5px;
  font-weight:900;
}
.ba120-col-title i{
  width:26px;height:26px;border-radius:7px;
  display:flex;align-items:center;justify-content:center;
}
.ba120-col-title.cyan i{background:#e9f8fd;color:#008fc7}
.ba120-col-title.magenta i{background:#fff0f8;color:#ec008c}
.ba120-col-title.yellow i{background:#fff8da;color:#a77d00}
.ba120-col-title.dark i{background:#edf1f3;color:#202d36}
.ba120-mega-col>a{
  min-height:30px;
  padding:6px 6px;
  border-radius:6px;
  color:#5b6e79!important;
  display:flex;
  align-items:center;
  font-size:8px;
  font-weight:750;
}
.ba120-mega-col>a:hover{background:#fff;color:#008fc7!important}
.ba120-mega-cta{
  background:linear-gradient(145deg,#052f50,#0a527b);
  border-color:#052f50;
}
.ba120-mega-cta .ba120-col-title{color:#fff}
.ba120-mega-cta p{margin:3px 0 9px;color:#c8d7df;font-size:7.5px;line-height:1.5}
.ba120-mega-cta>a.cta,
.ba120-mega-cta>a.upload{
  margin-top:5px;
  min-height:34px;
  border-radius:7px;
  color:#fff!important;
  justify-content:center;
  gap:5px;
  font-weight:900;
}
.ba120-mega-cta>a.cta{background:#ec008c}
.ba120-mega-cta>a.upload{background:rgba(255,255,255,.10)}

.ba120-main-links{
  min-width:0;
  display:flex;
  align-items:center;
  gap:2px;
}
.ba120-main-links>a{
  min-height:42px;
  padding:0 10px;
  border-radius:8px;
  color:#38505d!important;
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  font-size:9px;
  font-weight:850;
}
.ba120-main-links>a i{
  color:#008fc7;
  font-size:10px;
}
.ba120-main-links>a:nth-child(2) i{color:#ec008c}
.ba120-main-links>a:nth-child(3) i{color:#ae8300}
.ba120-main-links>a:nth-child(4) i{color:#27353e}
.ba120-main-links>a:hover{
  background:#f3f8fa;
  color:#052f50!important;
}

.ba120-menu-actions{display:flex;align-items:center;gap:6px}
.ba120-menu-actions>a{
  min-height:40px;
  padding:0 10px;
  border-radius:8px;
  display:flex;align-items:center;gap:6px;
  white-space:nowrap;
  font-size:8.5px;font-weight:900;
}
.ba120-menu-actions .campaign{
  border:1px solid #e3e9ed;
  background:#fff;
  color:#344b58!important;
}
.ba120-menu-actions .campaign i{color:#ec008c}
.ba120-menu-actions .quote{
  background:#00aeef;
  color:#fff!important;
}
.ba120-menu-actions .quote i{color:#fff}

/* Hide old menu system in case cached markup survives */
.hiba141-menu-band{display:none!important}

/* HOME: cleaner hero proportions and safer stacking */
.ba110-home{position:relative;z-index:1;padding-top:14px!important}
.ba110-hero{grid-template-columns:minmax(0,2.15fr) minmax(310px,.85fr)!important;gap:12px!important}
.ba110-hero-slider{
  position:relative;
  z-index:1;
  min-height:0;
  border-radius:14px!important;
}
.ba110-hero-slider .hiba87-slider{
  height:430px!important;
  max-height:430px!important;
  border-radius:14px!important;
}
.ba110-fallback-slider{min-height:430px!important}
.ba110-hero-side{gap:10px!important}
.ba110-side-card{border-radius:14px!important;padding:22px!important}
.ba110-side-card h2{font-size:19px!important}

/* Footer/CTA bootstrap pseudo fix */
.ba110-footer-cta>.container{
  position:relative;
}

/* Mobile fixed menu list */
.ba120-mobile-fixed{padding:6px 0 14px}
.ba120-mobile-fixed>a{
  min-height:48px;
  padding:7px 16px;
  border-bottom:1px solid #edf1f3;
  color:#3f5360!important;
  display:grid;
  grid-template-columns:30px 1fr;
  align-items:center;
  gap:8px;
  font-size:10px;
  font-weight:800;
}
.ba120-mobile-fixed>a i{
  width:30px;height:30px;border-radius:8px;
  background:#eaf8fd;color:#008fc7;
  display:flex;align-items:center;justify-content:center;
}
.ba120-mobile-fixed>a:nth-child(2) i,
.ba120-mobile-fixed>a:nth-child(5) i{background:#fff0f8;color:#ec008c}
.ba120-mobile-fixed>a:nth-child(3) i,
.ba120-mobile-fixed>a:nth-child(6) i{background:#fff8da;color:#a77d00}
.ba120-mobile-fixed>a:nth-child(4) i,
.ba120-mobile-fixed>a:nth-child(7) i{background:#eef1f3;color:#27353e}

/* Desktop stacking */
@media(min-width:992px){
  .ba110-header{overflow:visible!important}
  .ba110-header-grid,
  .ba110-search,
  .ba110-actions,
  .ba110-cart,
  .ba110-cart #cart{overflow:visible!important}
  .ba110-cart{position:relative;z-index:6000}
  .ba110-cart #cart .dropdown-menu{z-index:7000!important}
  .ba120-menu-band{z-index:1200}
  .ba120-mega{z-index:5000}
}

/* Notebook */
@media(max-width:1399px){
  .ba110-header-grid{grid-template-columns:245px minmax(350px,1fr) auto!important;gap:15px!important}
  .ba110-logo img{max-width:245px!important}
  .ba120-menu{grid-template-columns:170px minmax(0,1fr) auto;gap:5px}
  .ba120-main-links>a{padding:0 7px;font-size:8.2px}
  .ba120-main-links>a i{display:none}
  .ba120-mega{width:760px}
}
@media(max-width:1199px){
  .ba110-header-grid{grid-template-columns:225px minmax(320px,1fr) auto!important}
  .ba110-logo img{max-width:220px!important}
  .ba120-main-links>a:nth-child(6){display:none}
  .ba120-main-links>a{padding:0 6px}
  .ba110-hero{grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr)!important}
  .ba110-hero-slider .hiba87-slider{height:400px!important;max-height:400px!important}
  .ba110-fallback-slider{min-height:400px!important}
}
@media(max-width:991px){
  .ba120-menu-band{display:none!important}
  .ba110-header-grid{grid-template-columns:44px 210px minmax(0,1fr) auto!important;min-height:92px!important;gap:12px!important}
  .ba110-logo img{max-width:205px!important}
  .ba110-hero{grid-template-columns:1fr!important}
  .ba110-hero-slider .hiba87-slider{height:auto!important;max-height:none!important}
  .ba110-fallback-slider{min-height:0!important}
}
@media(max-width:767px){
  .ba110-header-grid{grid-template-columns:42px minmax(0,1fr) 46px!important;grid-template-rows:55px 48px!important;min-height:132px!important}
  .ba110-logo img{max-width:230px!important}
  .ba110-home{padding-top:9px!important}
}

/* V1.4 brand tone override */
.ba120-products-btn{background:linear-gradient(135deg,#062f50,#0a5788)!important}
.ba120-menu-actions .quote{background:#109edf!important}
.ba120-mega{border-top-color:#109edf!important}
.ba120-col-title.cyan i{background:#eaf7fd!important;color:#078bc8!important}
.ba120-col-title.magenta i{background:#fff0f8!important;color:#e91b8f!important}
.ba120-col-title.yellow i{background:#fff8d8!important;color:#a67d00!important}