/* =========================================================
   HIBA STORE V2.0.2 — FINAL MOBILE RESPONSIVE FIX
   Loaded last. Keeps desktop design unchanged.
   Targets tablet/mobile only and resolves legacy CSS conflicts.
   ========================================================= */

/* Safety */
@media(max-width:991px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }
  .hiba-site-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow:visible!important;
  }
  img,svg,video,iframe{
    max-width:100%;
  }
  .container{
    max-width:100%;
  }

  /* Header / stacking */
  .hiba87-header{
    position:relative!important;
    z-index:1100!important;
    overflow:visible!important;
  }
  .hiba87-header .container,
  .hiba87-header-main,
  .hiba87-header-actions,
  .hiba87-cart,
  .hiba87-cart #cart{
    overflow:visible!important;
  }

  /* Desktop menu must never consume mobile/tablet space */
  .hiba141-menu-band,
  .hiba141-menu-wrap{
    display:none!important;
  }

  /* Mobile menu drawer */
  .hiba-mobile-menu-backdrop{
    z-index:12000!important;
  }
  .hiba-mobile-menu-drawer{
    z-index:12010!important;
    max-width:380px!important;
  }

  /* Page columns */
  #content,
  #column-left,
  #column-right{
    min-width:0;
  }
}

/* =========================================================
   MOBILE — 767px and below
   ========================================================= */
@media(max-width:767px){

  body{
    padding-bottom:68px!important;
  }

  /* ---------- TOP BAR ---------- */
  .hiba87-topbar{
    min-height:60px!important;
  }
  .hiba87-topbar-inner{
    min-height:60px!important;
    padding:6px 10px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .hiba87-topbar .left,
  .hiba87-topbar .right{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    gap:12px!important;
  }
  .hiba87-topbar .left a{
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
  .hiba87-topbar .left .hidden-xs{
    display:none!important;
  }
  .hiba87-topbar .right{
    min-height:20px!important;
  }
  .hiba87-topbar .hiba-topbar-free-shipping.hidden-xs{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:100%!important;
    color:#f5f7f8!important;
    font-size:9.5px!important;
    font-weight:800!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .hiba87-topbar .hiba-final-currency{
    display:none!important;
  }

  /* ---------- HEADER ---------- */
  .hiba87-header{
    position:sticky!important;
    top:0!important;
    z-index:1100!important;
    box-shadow:0 5px 18px rgba(15,23,42,.07)!important;
  }
  .hiba87-header .container{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .hiba87-header-main{
    min-height:0!important;
    padding:9px 0 10px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 50px!important;
    grid-template-areas:
      "menu logo cart"
      "search search search"!important;
    align-items:center!important;
    gap:8px!important;
  }
  .hiba87-mobile-menu-btn,
  .hiba-final-mobile-trigger{
    grid-area:menu!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    border:0!important;
    border-radius:9px!important;
    background:#151e25!important;
    color:#fff!important;
    font-size:17px!important;
  }
  .hiba87-logo{
    grid-area:logo!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .hiba87-logo #logo{
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  .hiba87-logo #logo img{
    width:auto!important;
    max-width:190px!important;
    max-height:48px!important;
    object-fit:contain!important;
  }
  .hiba87-logo>span{
    display:none!important;
  }
  .hiba87-search{
    grid-area:search!important;
    width:100%!important;
    min-width:0!important;
  }
  .hiba87-search .label,
  .hiba87-search .quick{
    display:none!important;
  }
  .hiba87-search #search{
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
    border-radius:9px!important;
  }
  .hiba87-search #search input{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    height:44px!important;
    padding-left:12px!important;
    font-size:13px!important;
  }
  .hiba87-search #search button{
    min-width:50px!important;
    min-height:44px!important;
    height:44px!important;
  }
  .hiba87-header-actions{
    grid-area:cart!important;
    width:50px!important;
    min-width:50px!important;
    gap:0!important;
    display:block!important;
  }
  .hiba87-header-actions>a{
    display:none!important;
  }
  .hiba87-cart{
    width:50px!important;
    min-width:50px!important;
  }
  .hiba87-cart #cart{
    width:50px!important;
  }
  .hiba87-cart #cart>button{
    position:relative!important;
    width:50px!important;
    min-width:50px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:9px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:0!important;
  }
  .hiba87-cart #cart>button i,
  .hiba87-cart #cart>button .fa{
    font-size:17px!important;
  }
  .hiba87-cart #cart .dropdown-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    width:min(340px,calc(100vw - 20px))!important;
    min-width:0!important;
    max-width:calc(100vw - 20px)!important;
    max-height:62vh!important;
    overflow-y:auto!important;
    z-index:13000!important;
    border-radius:10px!important;
  }

  /* ---------- MOBILE DOCK ---------- */
  .hiba-final-mobile-dock{
    display:grid!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:6000!important;
    height:64px!important;
    grid-template-columns:repeat(5,1fr)!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
    background:#fff!important;
    border-top:1px solid #dfe4e8!important;
    box-shadow:0 -7px 20px rgba(15,23,42,.10)!important;
  }
  .hiba-final-mobile-dock a{
    min-width:0!important;
    gap:3px!important;
    font-size:8.5px!important;
  }
  .hiba-final-mobile-dock i{
    font-size:17px!important;
  }

  /* ---------- MOBILE MENU ---------- */
  .hiba-mobile-menu-drawer{
    display:flex!important;
    width:min(90vw,360px)!important;
    max-width:360px!important;
  }
  .hiba-final-mobile-head{
    padding:15px!important;
  }
  .hiba-final-mobile-head strong{
    font-size:18px!important;
  }
  .hiba-final-mobile-tools{
    grid-template-columns:repeat(4,1fr)!important;
  }
  .hiba-final-mobile-tools a{
    min-width:0!important;
    min-height:62px!important;
    font-size:9px!important;
  }
  .hiba-final-mobile-search-link{
    margin:9px 11px!important;
    min-height:44px!important;
    font-size:10px!important;
  }
  .hiba-mobile-menu-list{
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:80px!important;
  }
  .hiba-mobile-menu-row>a{
    min-width:0!important;
    font-size:12px!important;
  }
  .hiba-mobile-submenu>a{
    font-size:10.5px!important;
  }

  /* ---------- HOME ---------- */
  .hiba200-home{
    width:100%!important;
    padding:10px!important;
  }
  .hiba200-hero{
    display:block!important;
  }
  .hiba200-hero-main{
    width:100%!important;
    min-width:0!important;
  }
  .hiba200-slider{
    width:100%!important;
    border-radius:10px!important;
  }
  .hiba200-slider .hiba87-slider{
    width:100%!important;
    height:clamp(220px,var(--hiba87-mobile-height),340px)!important;
    max-height:340px!important;
    border-radius:10px!important;
  }
  .hiba200-slider .hiba87-slide-overlay{
    left:10px!important;
    right:10px!important;
    bottom:38px!important;
    max-width:none!important;
    padding:11px!important;
  }
  .hiba200-slider .hiba87-slide-overlay h2{
    margin-bottom:5px!important;
    font-size:18px!important;
    line-height:1.15!important;
  }
  .hiba200-slider .hiba87-slide-overlay p{
    display:-webkit-box!important;
    margin-bottom:7px!important;
    overflow:hidden!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    font-size:9.5px!important;
  }
  .hiba200-promo-pair{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .hiba200-promo{
    min-height:105px!important;
  }
  .hiba200-promo img{
    height:105px!important;
  }
  .hiba200-promo .copy{
    max-width:78%!important;
  }

  .hiba200-trust{
    grid-template-columns:1fr 1fr!important;
    padding:5px!important;
    gap:0!important;
  }
  .hiba200-trust>div{
    min-height:67px!important;
    padding:8px!important;
    border-right:0!important;
    border-bottom:1px solid #edf0f2!important;
  }
  .hiba200-trust>div:nth-child(odd){
    border-right:1px solid #edf0f2!important;
  }
  .hiba200-trust>div:last-child{
    grid-column:1/-1!important;
    border-right:0!important;
    border-bottom:0!important;
  }

  .hiba200-section{
    margin-top:12px!important;
    padding:13px!important;
    border-radius:11px!important;
  }
  .hiba200-title{
    margin-bottom:11px!important;
    gap:8px!important;
  }
  .hiba200-title h2{
    font-size:19px!important;
    line-height:1.2!important;
  }
  .hiba200-title p{
    font-size:9.5px!important;
  }
  .hiba200-category-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .hiba200-category-grid>a{
    min-height:66px!important;
    padding:7px!important;
    grid-template-columns:31px minmax(0,1fr)!important;
  }
  .hiba200-category-grid .icon{
    width:31px!important;
    height:31px!important;
  }
  .hiba200-category-grid .arrow{
    display:none!important;
  }

  .hiba200-tabs{
    max-width:100%!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .hiba200-tabs button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .hiba200-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .hiba200-product-card{
    min-width:0!important;
  }
  .hiba200-product-card .image{
    height:130px!important;
    padding:8px!important;
  }
  .hiba200-product-card .body{
    padding:8px!important;
  }
  .hiba200-product-card .name{
    height:33px!important;
    font-size:9.8px!important;
  }
  .hiba200-product-card .price{
    min-height:33px!important;
  }
  .hiba200-product-card .price strong{
    font-size:12.5px!important;
  }
  .hiba200-product-card .benefit{
    font-size:7.5px!important;
  }
  .hiba200-product-card .actions{
    grid-template-columns:1fr 32px!important;
  }
  .hiba200-product-card .actions button{
    font-size:0!important;
  }
  .hiba200-product-card .actions button i{
    font-size:12px!important;
  }

  /* The desktop installment artwork becomes too tiny on phones.
     Render a clean mobile payment card instead. */
  .hiba200-installment{
    min-height:68px!important;
    margin-top:12px!important;
    padding:10px 12px!important;
    border:1px solid #f0d9db!important;
    border-radius:10px!important;
    background:#fff8f8!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  .hiba200-installment img{
    display:none!important;
  }
  .hiba200-installment:before{
    content:"12";
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    border-radius:9px!important;
    background:#e30613!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:16px!important;
    font-weight:900!important;
  }
  .hiba200-installment:after{
    content:"Uygun Kartlarda 4 Taksit Seçeneği";
    color:#37424b!important;
    font-size:11px!important;
    line-height:1.35!important;
    font-weight:900!important;
  }

  .hiba200-solutions{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .hiba200-solutions>a{
    min-height:126px!important;
  }
  .hiba200-consult{
    grid-template-columns:40px minmax(0,1fr)!important;
    padding:14px!important;
    gap:10px!important;
  }
  .hiba200-consult>.icon{
    width:40px!important;
    height:40px!important;
  }
  .hiba200-consult h2{
    font-size:16px!important;
  }
  .hiba200-consult .actions{
    grid-column:1/-1!important;
    width:100%!important;
    grid-template-columns:1fr 1fr!important;
  }
  .hiba200-consult .actions a{
    min-width:0!important;
    justify-content:center!important;
  }
  .hiba200-brand-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .hiba200-last-row{
    grid-template-columns:1fr!important;
  }

  /* ---------- PRODUCT DETAIL ---------- */
  #product-product.hiba-product-page{
    width:100%!important;
    padding:8px 10px 142px!important;
  }
  #product-product .row.hiba161-product-top{
    margin-left:0!important;
    margin-right:0!important;
  }
  #product-product .row.hiba161-product-top>[class*="col-"]{
    width:100%!important;
    float:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .hiba163-gallery,
  .hiba163-summary{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin-bottom:10px!important;
    padding:11px!important;
    border-radius:11px!important;
  }
  .hiba163-gallery .thumbnails{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }
  .hiba163-gallery .thumbnails>li:first-child{
    order:-1!important;
    flex:0 0 100%!important;
    width:100%!important;
  }
  .hiba163-gallery .thumbnails>li:first-child .thumbnail{
    width:100%!important;
    height:280px!important;
    min-height:280px!important;
    padding:10px!important;
  }
  .hiba163-gallery .thumbnails>li:first-child .thumbnail img{
    max-height:250px!important;
  }
  .hiba163-gallery .image-additional{
    flex:0 0 56px!important;
    width:56px!important;
  }
  .hiba163-gallery .image-additional .thumbnail{
    width:56px!important;
    height:54px!important;
  }
  .hiba163-summary h1{
    padding-right:0!important;
    font-size:19px!important;
    line-height:1.28!important;
  }
  .hiba163-top-actions{
    top:9px!important;
    right:9px!important;
  }
  .hiba163-kicker{
    min-height:39px!important;
    padding-right:82px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:1px!important;
  }
  .hiba163-rating-summary{
    flex-wrap:wrap!important;
  }
  .hiba163-meta{
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
  }
  .hiba163-meta>*{
    border-right:0!important;
    border-bottom:1px solid #e7ebee!important;
  }
  .hiba163-meta>*:nth-child(odd){
    border-right:1px solid #e7ebee!important;
  }
  .hiba163-meta>*:last-child{
    border-bottom:0!important;
  }
  .hiba163-price-box .price-main strong{
    font-size:24px!important;
  }
  .hiba163-installment{
    padding:8px!important;
  }
  .hiba163-installment img{
    display:none!important;
  }
  .hiba163-service-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .hiba163-service-grid>div:last-child{
    grid-column:1/-1!important;
  }
  .hiba163-buy-box{
    grid-template-columns:98px minmax(0,1fr)!important;
    padding:7px!important;
  }
  .hiba163-cart-btn{
    min-width:0!important;
    font-size:10.5px!important;
  }
  .hiba163-detail-area{
    display:block!important;
    margin-top:10px!important;
  }
  .hiba163-tabs-card{
    width:100%!important;
    min-width:0!important;
    padding:10px!important;
    border-radius:11px!important;
  }
  .hiba163-tabs-card .nav-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    margin-left:-2px!important;
    margin-right:-2px!important;
  }
  .hiba163-tabs-card .nav-tabs>li{
    flex:0 0 auto!important;
  }
  .hiba163-tabs-card .nav-tabs>li>a{
    padding:9px 10px!important;
    font-size:9.5px!important;
  }
  .hiba163-description{
    overflow-wrap:anywhere!important;
    font-size:11px!important;
  }
  .hiba163-description table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }
  .hiba163-specs section>div{
    grid-template-columns:1fr!important;
    gap:3px!important;
  }
  .hiba163-delivery-grid{
    grid-template-columns:1fr!important;
  }
  .hiba163-related{
    padding:12px!important;
    border-radius:11px!important;
  }
  .hiba163-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .hiba163-related .image{
    height:120px!important;
  }
  .hiba163-mobile-buy{
    left:0!important;
    right:0!important;
    bottom:64px!important;
    z-index:5900!important;
    min-height:64px!important;
    grid-template-columns:minmax(0,1fr) 140px!important;
    padding:7px 10px!important;
  }

  /* ---------- PRODUCT LISTING / CATEGORY ---------- */
  .hiba180-listing{
    width:100%!important;
    padding:8px 10px 28px!important;
  }
  .hiba180-hero{
    min-height:105px!important;
    padding:14px!important;
    grid-template-columns:minmax(0,1fr) 72px!important;
    gap:8px!important;
    border-radius:11px!important;
  }
  .hiba180-hero h1{
    margin-top:4px!important;
    font-size:20px!important;
    line-height:1.2!important;
  }
  .hiba180-hero p,
  .hiba180-hero .desc{
    max-height:33px!important;
    overflow:hidden!important;
    font-size:9.5px!important;
  }
  .hiba180-hero .visual{
    height:68px!important;
  }
  .hiba180-hero .visual img{
    max-height:68px!important;
  }
  .hiba180-refine{
    padding:11px!important;
  }
  .hiba180-refine-grid{
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
  }
  .hiba180-refine-grid>a{
    min-width:0!important;
    min-height:50px!important;
    padding:6px!important;
    grid-template-columns:28px minmax(0,1fr)!important;
  }
  .hiba180-refine-grid>a>i:last-child{
    display:none!important;
  }
  .hiba180-toolbar{
    padding:7px!important;
    gap:7px!important;
  }
  .hiba180-toolbar-left,
  .hiba180-toolbar-right{
    width:100%!important;
    min-width:0!important;
  }
  .hiba180-toolbar-right{
    grid-template-columns:1fr 1fr!important;
  }
  .hiba180-toolbar-right label{
    min-width:0!important;
  }
  .hiba180-toolbar-right .form-control{
    width:100%!important;
    min-width:0!important;
  }
  .hiba180-products{
    margin-left:-3px!important;
    margin-right:-3px!important;
  }
  .hiba180-products>.product-layout.product-grid{
    width:50%!important;
    float:left!important;
    padding-left:3px!important;
    padding-right:3px!important;
    margin-bottom:6px!important;
  }
  .hiba180-products>.product-layout.product-list{
    width:100%!important;
    float:none!important;
  }
  .product-grid .hiba180-product-card{
    height:100%!important;
  }
  .product-grid .hiba180-product-media .image{
    height:132px!important;
    padding:7px!important;
  }
  .product-grid .hiba180-product-info{
    padding:8px!important;
  }
  .product-grid .hiba180-product-info h3{
    height:34px!important;
    font-size:9.5px!important;
  }
  .product-grid .hiba180-price strong{
    font-size:12.5px!important;
  }
  .product-grid .hiba180-card-benefits{
    display:block!important;
  }
  .product-grid .hiba180-card-benefits span{
    display:block!important;
    margin-top:2px!important;
  }
  .product-grid .hiba180-product-actions{
    grid-template-columns:1fr 34px!important;
  }
  .product-grid .hiba180-product-actions .cart{
    font-size:0!important;
  }
  .product-grid .hiba180-product-actions .cart i{
    font-size:11px!important;
  }
  .product-list .hiba180-product-card{
    grid-template-columns:108px minmax(0,1fr)!important;
  }
  .product-list .hiba180-product-media .image{
    height:140px!important;
  }
  .hiba180-pagination{
    padding:8px!important;
  }
  .hiba180-pagination>div:first-child{
    max-width:100%!important;
    overflow-x:auto!important;
  }

  /* Mobile filter drawer */
  body.hiba180-filter-open #column-left.hidden-xs{
    display:block!important;
    width:min(88vw,340px)!important;
    max-width:340px!important;
    padding:12px!important;
  }

  /* ---------- CUSTOMER ACCOUNT ---------- */
  .hiba200-account{
    width:100%!important;
    padding:8px 10px 30px!important;
  }
  .hiba200-account-banner{
    min-height:0!important;
    padding:13px!important;
    border-radius:11px!important;
    gap:10px!important;
  }
  .hiba200-account-banner h1{
    margin-top:4px!important;
    font-size:19px!important;
  }
  .hiba200-account-banner p{
    font-size:9.5px!important;
  }
  .hiba200-account-banner>a{
    width:100%!important;
    justify-content:center!important;
  }
  .hiba200-account-quicknav{
    grid-template-columns:repeat(3,1fr)!important;
    padding:5px!important;
    gap:4px!important;
  }
  .hiba200-account-quicknav a{
    min-height:49px!important;
    padding:5px!important;
    flex-direction:column!important;
    gap:3px!important;
    font-size:8.5px!important;
    text-align:center!important;
  }
  .hiba200-account-generic #content{
    width:100%!important;
    min-width:0!important;
    padding:12px!important;
  }
  .hiba200-account-generic .form-horizontal .form-group{
    margin-left:0!important;
    margin-right:0!important;
  }
  .hiba200-account-generic .form-horizontal [class*="col-"]{
    width:100%!important;
    float:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .hiba200-account-generic .form-control{
    width:100%!important;
    font-size:16px!important; /* prevents iOS zoom */
  }
  .hiba200-account .table-responsive{
    width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .hiba200-account .table{
    min-width:620px;
  }
  .hiba200-account .hiba-auth-shell{
    width:100%!important;
    max-width:100%!important;
  }

  /* ---------- INFORMATION / CONTACT ---------- */
  .hiba-info-page,
  .hiba-contact-page{
    max-width:100%!important;
    overflow:hidden!important;
  }
  .hiba-info-page .container,
  .hiba-contact-page .container{
    width:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .hiba-info-hero,
  .hiba-contact-hero{
    border-radius:11px!important;
  }
  .hiba-info-grid,
  .hiba-contact-grid,
  .hiba-values-grid,
  .hiba-process-grid{
    grid-template-columns:1fr!important;
  }
  iframe{
    max-width:100%!important;
  }

  /* ---------- FOOTER ---------- */
  .hiba200-prefooter{
    margin-top:18px!important;
  }
  .hiba200-prefooter .container{
    grid-template-columns:1fr 1fr!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .hiba200-prefooter .container>div{
    min-height:75px!important;
    padding:8px!important;
    border-right:0!important;
    border-bottom:1px solid #edf0f2!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .hiba200-prefooter .container>div:nth-child(odd){
    border-right:1px solid #edf0f2!important;
  }
  .hiba200-prefooter .icon{
    width:32px!important;
    height:32px!important;
  }
  .hiba200-prefooter b{
    font-size:9.5px!important;
  }
  .hiba200-prefooter small{
    font-size:8px!important;
  }
  .hiba200-footer .container{
    padding:25px 12px 0!important;
  }
  .hiba200-footer-top{
    grid-template-columns:1fr 1fr!important;
    gap:22px 14px!important;
  }
  .hiba200-footer .brand-block{
    grid-column:1/-1!important;
  }
  .hiba200-footer .support-col{
    grid-column:1/-1!important;
  }
  .hiba200-footer .brand{
    font-size:20px!important;
  }
  .hiba200-footer .brand-block>p{
    max-width:none!important;
  }
  .hiba200-footer .link-col{
    min-width:0!important;
  }
  .hiba200-footer .link-col a{
    overflow-wrap:anywhere!important;
  }
  .hiba200-footer-secure{
    margin-top:22px!important;
    padding:11px 0!important;
  }
  .hiba200-footer-secure .methods{
    width:100%!important;
    grid-template-columns:1fr 1fr!important;
  }
  .hiba200-footer-bottom{
    min-height:70px!important;
    padding:12px 0 18px!important;
    gap:5px!important;
  }
}

/* =========================================================
   SMALL PHONES — 390px and below
   ========================================================= */
@media(max-width:390px){
  .hiba87-topbar .left{
    gap:7px!important;
  }
  .hiba87-topbar .left a{
    font-size:9.5px!important;
  }
  .hiba87-logo #logo img{
    max-width:160px!important;
  }
  .hiba200-category-grid{
    grid-template-columns:1fr!important;
  }
  .hiba200-product-grid{
    gap:5px!important;
  }
  .hiba200-product-card .image{
    height:118px!important;
  }
  .hiba200-product-card .name{
    font-size:9px!important;
  }
  .hiba200-product-card .price strong{
    font-size:11.5px!important;
  }
  .hiba163-service-grid{
    grid-template-columns:1fr!important;
  }
  .hiba163-service-grid>div:last-child{
    grid-column:auto!important;
  }
  .hiba163-buy-box{
    grid-template-columns:92px minmax(0,1fr)!important;
  }
  .hiba163-related-grid{
    gap:5px!important;
  }
  .hiba180-products>.product-layout.product-grid{
    width:50%!important;
  }
  .product-grid .hiba180-product-media .image{
    height:115px!important;
  }
  .product-grid .hiba180-product-info h3{
    font-size:9px!important;
  }
  .hiba200-account-quicknav{
    grid-template-columns:repeat(2,1fr)!important;
  }
  .hiba200-prefooter .container{
    grid-template-columns:1fr!important;
  }
  .hiba200-prefooter .container>div:nth-child(odd){
    border-right:0!important;
  }
  .hiba200-footer-top{
    grid-template-columns:1fr!important;
  }
  .hiba200-footer .link-col,
  .hiba200-footer .support-col,
  .hiba200-footer .brand-block{
    grid-column:auto!important;
  }
}

/* =========================================================
   TABLET — 768px to 991px
   ========================================================= */
@media(min-width:768px) and (max-width:991px){
  .hiba87-header-main{
    min-height:88px!important;
    gap:12px!important;
  }
  .hiba87-logo #logo img{
    max-width:210px!important;
    max-height:60px!important;
  }
  .hiba87-search{
    min-width:260px!important;
  }
  .hiba87-header-actions>a{
    display:none!important;
  }
  .hiba87-cart{
    min-width:130px!important;
  }
  .hiba200-hero{
    grid-template-columns:1fr!important;
  }
  .hiba200-trust{
    grid-template-columns:repeat(3,1fr)!important;
  }
  .hiba200-category-grid{
    grid-template-columns:repeat(3,1fr)!important;
  }
  .hiba200-product-grid{
    grid-template-columns:repeat(3,1fr)!important;
  }
  .hiba200-solutions{
    grid-template-columns:repeat(2,1fr)!important;
  }
  .hiba163-detail-area{
    grid-template-columns:1fr!important;
  }
  .hiba163-related-grid{
    grid-template-columns:repeat(3,1fr)!important;
  }
  .hiba180-refine-grid{
    grid-template-columns:repeat(3,1fr)!important;
  }
  .hiba200-account-quicknav{
    grid-template-columns:repeat(3,1fr)!important;
  }
  .hiba200-footer-top{
    grid-template-columns:1.5fr 1fr 1fr!important;
  }
}