/* IranCCD compact mobile header + bottom navigation (v0.10.1).
 * No desktop overrides. RTL, safe-area aware, and screen-reader accessible.
 */
.icc-mobile-header,.icc-mobile-bottom-bar{display:none}
.icc-mobile-drawer[hidden]{display:none!important}
@media(max-width:850px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  body.icc-mobile-menu-open{overflow:hidden}
  .site-header{display:none!important}
  .icc-mobile-header{
    display:block;
    position:sticky;top:0;z-index:45;
    background:#fff;
    border-bottom:1px solid #dce8f2;
    box-shadow:0 5px 16px #103a5a12;
    direction:rtl;
    width:100%;
  }
  .icc-mobile-header *,.icc-mobile-drawer *,.icc-mobile-bottom-bar *{box-sizing:border-box}
  .icc-mobile-header-row{
    display:flex;align-items:center;justify-content:space-between;
    gap:8px;max-width:100%;height:64px;padding:6px 13px;
  }
  .icc-mobile-header-brand,.icc-mobile-header-actions{
    display:flex;align-items:center;gap:8px;min-width:0;
  }
  .icc-mobile-logo{
    display:flex;align-items:center;justify-content:flex-start;
    max-width:154px;min-width:0;
  }
  .icc-mobile-logo img{display:block;max-width:100%;width:150px;height:45px;object-fit:contain}
  .icc-mobile-header-actions{gap:9px}
  .icc-mobile-icon-button{
    display:inline-flex;align-items:center;justify-content:center;
    position:relative;flex-shrink:0;
    min-width:41px;width:41px;height:41px;
    padding:0;border:1px solid transparent;border-radius:11px;
    background:transparent;color:#163b59;text-decoration:none;
    cursor:pointer;font:inherit;
    -webkit-tap-highlight-color:transparent;
  }
  .icc-mobile-icon-button:hover,.icc-mobile-icon-button:focus-visible{
    color:#0876c4;border-color:#d2e5f5;background:#f3f9ff;text-decoration:none;
  }
  .icc-mobile-icon-button svg{width:24px;height:24px}
  .icc-mobile-search{padding:0 14px 12px}
  .icc-mobile-search form{
    display:flex;flex-direction:row;align-items:center;
    width:100%;height:46px;border:1px solid #dce8f2;
    border-radius:12px;background:#f5f8fc;overflow:hidden;direction:rtl;
  }
  .icc-mobile-search input[type=search]{
    appearance:none;-webkit-appearance:none;
    flex:1;min-width:0;width:100%;height:100%;padding:9px 13px;
    margin:0;border:0;outline:0;background:transparent;color:#173b59;
    font:inherit;font-size:13px;text-align:right;
  }
  .icc-mobile-search input[type=search]::placeholder{color:#7b8c9d;opacity:1}
  .icc-mobile-search form:focus-within{outline:2px solid #92c8ed;outline-offset:0}
  .icc-mobile-search button{
    flex:0 0 44px;width:44px;height:44px;border:0;background:transparent;
    color:#0876c4;display:flex;align-items:center;justify-content:center;
    cursor:pointer;
  }
  .icc-mobile-search button svg{width:22px;height:22px}
  .icc-mobile-cart-count{
    position:absolute;top:-1px;left:-3px;
    min-width:17px;height:17px;padding:0 3px;
    border-radius:9px;background:#e43746;color:#fff;
    font:700 10px/17px Tahoma,Arial,sans-serif;
    text-align:center;white-space:nowrap;
  }
  .icc-mobile-bottom-bar{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    position:fixed;bottom:0;left:0;right:0;z-index:48;
    direction:rtl;
    min-height:calc(66px + env(safe-area-inset-bottom,0px));
    padding:6px 6px calc(7px + env(safe-area-inset-bottom,0px));
    background:#fff;border-top:1px solid #d7e4ef;
    box-shadow:0 -5px 22px #0b386014;
  }
  .icc-mobile-tab{
    display:flex;flex-direction:column;align-items:center;
    justify-content:center;gap:2px;
    position:relative;min-width:0;padding:3px 0;
    border-radius:10px;color:#73849a;
    font:700 10.5px/1.55 Tahoma,Arial,sans-serif;
    text-align:center;text-decoration:none;
    -webkit-tap-highlight-color:transparent;
  }
  .icc-mobile-tab svg{width:23px;height:23px}
  .icc-mobile-tab>span:last-child{white-space:nowrap}
  .icc-mobile-tab:hover,.icc-mobile-tab:focus-visible{
    color:#126eae;background:#f0f8fd;text-decoration:none;
  }
  .icc-mobile-tab.is-active{color:#0876c4}
  .icc-mobile-tab.is-active:before{
    content:"";position:absolute;top:-7px;left:25%;right:25%;
    height:3px;background:#0876c4;border-radius:0 0 4px 4px;
  }
  .icc-mobile-bottom-cart{display:inline-flex;align-items:center;justify-content:center;position:relative}
  .icc-mobile-bottom-cart .icc-mobile-cart-count{
    top:-7px;left:-9px;
  }
  .icc-mobile-drawer{
    display:block;position:fixed;inset:0;z-index:1100;direction:rtl;
  }
  .icc-mobile-drawer-backdrop{
    position:absolute;inset:0;width:100%;height:100%;
    background:rgba(11,31,48,.51);
    border:0;margin:0;padding:0;cursor:pointer;
  }
  .icc-mobile-drawer-panel{
    position:absolute;top:0;right:0;bottom:0;
    display:flex;flex-direction:column;
    width:min(345px,88vw);max-width:100%;height:100%;
    overflow-y:auto;overscroll-behavior:contain;
    padding:18px 19px calc(30px + env(safe-area-inset-bottom,0px));
    background:#fff;box-shadow:-10px 0 30px #102f5133;
    color:#173c5a;
  }
  .icc-mobile-drawer-heading{
    display:flex;align-items:center;justify-content:space-between;
    gap:10px;padding-bottom:18px;border-bottom:1px solid #e1ebf3;
  }
  .icc-mobile-drawer-heading>a{display:block;max-width:170px}
  .icc-mobile-drawer-heading img{display:block;width:152px;max-width:100%;height:auto}
  .icc-mobile-drawer-heading .icc-mobile-icon-button{border:1px solid #e0eaf2}
  .icc-mobile-drawer-section-title{
    margin:18px 0 8px;font-size:13px;font-weight:800;color:#234b6c;
  }
  .icc-mobile-drawer-menu{width:100%}
  .icc-mobile-drawer-links,.icc-mobile-drawer-links .sub-menu{list-style:none;margin:0;padding:0}
  .icc-mobile-drawer-links>li{border-bottom:1px solid #edf2f7}
  .icc-mobile-drawer-links li a{
    display:block;padding:11px 9px;color:#264c6a;
    font-size:13px;font-weight:600;line-height:1.8;
    text-decoration:none;
  }
  .icc-mobile-drawer-links li a:hover,.icc-mobile-drawer-links li a:focus-visible{
    border-radius:9px;background:#f1f8fd;color:#076eb1;
  }
  .icc-mobile-drawer-links .sub-menu{padding-right:15px}
  .icc-mobile-drawer-links .sub-menu>li>a{font-size:12px;color:#5a7188}
  /* Accordion applies only inside the mobile hamburger drawer. */
  .icc-mobile-drawer-links li.icc-mobile-accordion-item{position:relative}
  .icc-mobile-drawer-links li.icc-mobile-accordion-item>a{padding-left:49px}
  .icc-mobile-submenu-toggle{
    position:absolute;top:5px;left:3px;display:flex;align-items:center;justify-content:center;
    width:38px;height:38px;border:0;border-radius:9px;background:#f0f6fb;
    color:#23719f;cursor:pointer;z-index:1;
  }
  .icc-mobile-submenu-toggle svg{transition:transform .22s ease}
  .icc-mobile-submenu-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
  .icc-mobile-submenu-toggle:focus-visible{outline:2px solid #0876c4;outline-offset:2px}
  .icc-mobile-drawer-links .sub-menu{
    overflow:hidden;max-height:1600px;opacity:1;transition:max-height .28s ease,opacity .2s ease;
  }
  .icc-mobile-drawer-links .sub-menu.icc-mobile-submenu-collapsed{max-height:0;opacity:0;visibility:hidden}
  .icc-mobile-drawer-links .sub-menu>li{border-top:1px solid #f2f5f8}

  .icc-mobile-drawer-divider{margin-top:25px;border-top:1px solid #e1ebf3}
  .icc-mobile-drawer-account{
    display:flex;align-items:center;gap:10px;
    margin-top:18px;padding:12px;border:1px solid #cee3f4;border-radius:11px;
    background:#f3f9ff;color:#0a5c9a;
    font-weight:800;font-size:13px;text-decoration:none;
  }
  .icc-mobile-drawer-account svg:last-child{margin-right:auto;width:18px;height:18px}
  .icc-mobile-drawer-account:hover{text-decoration:none;background:#e5f4ff}
}
@media(min-width:851px){
  .icc-mobile-header,.icc-mobile-bottom-bar{display:none!important}
  .icc-mobile-drawer{display:none!important}
}
@media(max-width:782px){
  body.admin-bar .icc-mobile-header{top:46px}
}
@media(min-width:783px) and (max-width:850px){
  body.admin-bar .icc-mobile-header{top:32px}
}
@media(max-width:355px){
  .icc-mobile-header-row{padding-right:8px;padding-left:8px}
  .icc-mobile-logo img{width:125px}
  .icc-mobile-header-actions{gap:1px}
  .icc-mobile-header-brand{gap:0}
  .icc-mobile-search{padding-left:9px;padding-right:9px}
  .icc-mobile-tab{font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){
  .icc-mobile-header *,.icc-mobile-bottom-bar *,.icc-mobile-drawer *{scroll-behavior:auto!important;transition:none!important}
}