/*
 * JBA v16.20.186
 * Global IRANYekan typography rhythm inspired by large Iranian marketplaces,
 * plus a desktop white navigation bar with a navy border.
 */
:root{
  --jba186-font:'IRANYekanXFaNum',Tahoma,Arial,sans-serif;
  --jba186-font-latin:'IRANYekanX',Arial,sans-serif;
  --jba186-navy:#071f55;
  --jba186-navy-2:#0b2f72;
  --jba186-text:#23254a;
  --jba186-text-2:#3f4064;
  --jba186-muted:#767790;
  --jba186-border:#e0e0e6;
  --jba186-soft:#f7f7f8;
  --jba186-white:#fff;
  --jba186-w-regular:400;
  --jba186-w-medium:500;
  --jba186-w-semi:600;
  --jba186-w-bold:700;
}

/* ---------- Global font foundation ---------- */
html,
body{
  font-family:var(--jba186-font)!important;
  font-size:13px!important;
  font-weight:var(--jba186-w-regular)!important;
  line-height:2!important;
  letter-spacing:-.12px!important;
  color:var(--jba186-text)!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

body,
button,
input,
textarea,
select,
option,
optgroup,
label,
legend,
table,
th,
td,
caption,
h1,h2,h3,h4,h5,h6,
p,a,li,small,strong,b,em,
blockquote,figcaption,summary,
.btn,.badge,.label,.panel,.modal,.dropdown-menu,.form-control{
  font-family:var(--jba186-font)!important;
}

[lang="en"],
[dir="ltr"],
input[type="email"],
input[type="url"],
code,kbd,pre,samp{
  font-family:var(--jba186-font-latin)!important;
}

p,
li,
td,
.form-control,
input,
textarea,
select{
  font-size:13px!important;
  font-weight:var(--jba186-w-regular)!important;
  line-height:2!important;
}

small,
.help-block,
.text-muted,
.muted,
.caption,
figcaption{
  font-size:11px!important;
  font-weight:var(--jba186-w-regular)!important;
  line-height:1.9!important;
  color:var(--jba186-muted)!important;
}

strong,
b{
  font-weight:var(--jba186-w-semi)!important;
}

h1,
.h1,
.page-title,
.main-title,
.hero-title{
  font-size:20px!important;
  font-weight:var(--jba186-w-bold)!important;
  line-height:1.85!important;
  letter-spacing:-.45px!important;
}

h2,
.h2,
.section-title{
  font-size:18px!important;
  font-weight:var(--jba186-w-bold)!important;
  line-height:1.9!important;
  letter-spacing:-.35px!important;
}

h3,
.h3,
.panel-title,
.card-title{
  font-size:16px!important;
  font-weight:var(--jba186-w-semi)!important;
  line-height:1.95!important;
  letter-spacing:-.25px!important;
}

h4,
.h4{
  font-size:14px!important;
  font-weight:var(--jba186-w-semi)!important;
  line-height:2!important;
}

h5,
h6,
.h5,
.h6{
  font-size:13px!important;
  font-weight:var(--jba186-w-semi)!important;
  line-height:2!important;
}

/* Buttons and form controls use a medium/bold hierarchy instead of 800/900. */
button,
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"],
.jewel-button-buy,
.add-basket,
.show_more,
.call-buy{
  font-size:13px!important;
  font-weight:var(--jba186-w-semi)!important;
  line-height:1.65!important;
  letter-spacing:-.15px!important;
}

label,
legend,
.form-label,
.control-label{
  font-size:12px!important;
  font-weight:var(--jba186-w-medium)!important;
  line-height:1.9!important;
}

.form-control,
input,
textarea,
select{
  font-size:13px!important;
  font-weight:var(--jba186-w-regular)!important;
}

.badge,
.label{
  font-size:10px!important;
  font-weight:var(--jba186-w-semi)!important;
  line-height:1.5!important;
}

/* ---------- Header/search typography ---------- */
html body #menu-indo .jba-v1018-login-link,
html body #menu-indo .jba-v1018-loginbox a{
  font-size:12px!important;
  font-weight:var(--jba186-w-medium)!important;
  line-height:1.8!important;
}

html body #menu-indo .jba-v143-search-input,
html body #menu-indo .jba-v1018-top-search input{
  font-size:12px!important;
  font-weight:var(--jba186-w-regular)!important;
  line-height:1.8!important;
}

html body #menu-indo .jba-v143-search-results,
html body #menu-indo .jba-v143-search-results *{
  font-size:12px!important;
  line-height:1.9!important;
}

/* ---------- Desktop white navigation ---------- */
@media (min-width:992px){
  html body #menu-indo .jba-v1616-desktop-menu-wrap,
  html body #menu-indo #full-menu,
  html body #menu-indo #bs-example-navbar-collapse-1,
  html body #menu-indo.menu-fix #full-menu,
  html body #menu-indo.menu-fix #bs-example-navbar-collapse-1{
    background:var(--jba186-white)!important;
    background-image:none!important;
    color:var(--jba186-text)!important;
  }

  html body #menu-indo #full-menu{
    min-height:54px!important;
    border-top:1px solid var(--jba186-navy-2)!important;
    border-bottom:1px solid var(--jba186-navy-2)!important;
    border-right:0!important;
    border-left:0!important;
    box-shadow:0 2px 5px rgba(7,31,85,.05)!important;
  }

  html body #menu-indo #bs-example-navbar-collapse-1{
    min-height:52px!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body #menu-indo #menu-main{
    height:52px!important;
    min-height:52px!important;
    line-height:52px!important;
    background:transparent!important;
  }

  html body #menu-indo #menu-main > li{
    min-height:52px!important;
    height:52px!important;
    margin:0!important;
    padding:0 3px!important;
    background:transparent!important;
    color:var(--jba186-text-2)!important;
    font-size:12px!important;
    font-weight:var(--jba186-w-medium)!important;
    line-height:52px!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  html body #menu-indo #menu-main > li > i,
  html body #menu-indo #menu-main > li > i > a,
  html body #menu-indo #menu-main > li > a{
    color:var(--jba186-text-2)!important;
    font-size:12px!important;
    font-weight:var(--jba186-w-medium)!important;
    line-height:52px!important;
    background:transparent!important;
    text-decoration:none!important;
  }

  html body #menu-indo #menu-main > li:hover,
  html body #menu-indo #menu-main > li:focus,
  html body #menu-indo #menu-main > li:focus-within{
    background:var(--jba186-soft)!important;
    color:var(--jba186-navy)!important;
  }

  html body #menu-indo #menu-main > li:hover > i,
  html body #menu-indo #menu-main > li:hover > i > a,
  html body #menu-indo #menu-main > li:hover > a,
  html body #menu-indo #menu-main > li:focus-within > i > a{
    color:var(--jba186-navy)!important;
  }

  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root{
    background:transparent!important;
    border-left:1px solid var(--jba186-border)!important;
  }

  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger{
    min-height:52px!important;
    height:52px!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:0!important;
    background:var(--jba186-white)!important;
    color:var(--jba186-navy)!important;
    box-shadow:none!important;
    font-size:12px!important;
    font-weight:var(--jba186-w-semi)!important;
    line-height:52px!important;
  }

  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger:hover,
  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root > .jba-v1620175-trigger:focus,
  html body #menu-indo #menu-main > li.allproduct.jba-v1620175-root.jba-v1620175-open > .jba-v1620175-trigger{
    background:var(--jba186-soft)!important;
    color:var(--jba186-navy)!important;
  }

  html body #menu-indo #menu-main > li.allproduct .jba-v1620175-trigger-icon span{
    background:var(--jba186-navy)!important;
  }

  /* Cart keeps the brand gold, but uses the cleaner compact typography. */
  html body #menu-indo #menu-main .jba-v11-cart-menu-li{
    height:52px!important;
    min-height:52px!important;
    background:transparent!important;
  }

  html body #menu-indo #menu-main .jba-v11-menu-cart{
    min-height:38px!important;
    padding:8px 14px!important;
    border-radius:10px!important;
    box-shadow:none!important;
    font-weight:var(--jba186-w-semi)!important;
  }

  html body #menu-indo #menu-main .jba-v11-menu-cart .jba-v11-cart-title{
    font-size:12px!important;
    font-weight:var(--jba186-w-semi)!important;
  }

  html body #menu-indo #menu-main .jba-v11-menu-cart .jba-v11-cart-count{
    font-size:10px!important;
    font-weight:var(--jba186-w-medium)!important;
  }
}

/* ---------- Desktop mega menu typography ---------- */
@media (min-width:992px){
  html body > .jba-v1620175-mega .jba-v1620175-category-tab{
    font-size:12px!important;
    font-weight:var(--jba186-w-medium)!important;
    line-height:1.9!important;
    letter-spacing:-.12px!important;
  }

  html body > .jba-v1620175-mega .jba-v1620175-category-tab.is-active{
    font-weight:var(--jba186-w-semi)!important;
  }

  html body > .jba-v1620175-mega .jba-v1620180-flat-links > a,
  html body > .jba-v1620175-mega .jba-v1620180-auto-flat a,
  html body > .jba-v1620175-mega .jba-v1620175-content a{
    font-size:12px!important;
    font-weight:var(--jba186-w-regular)!important;
    line-height:2!important;
    letter-spacing:-.1px!important;
  }

  html body > .jba-v1620175-mega .jba-v1620180-flat-links > a:hover,
  html body > .jba-v1620175-mega .jba-v1620180-auto-flat a:hover,
  html body > .jba-v1620175-mega .jba-v1620175-content a:hover{
    font-weight:var(--jba186-w-medium)!important;
  }
}

/* ---------- Storefront section headings ---------- */
html body .panel-heading .panel-title,
html body .panel-title.title-low,
html body .title-low,
html body .head-side .panel-title,
html body .slider .panel-heading h2,
html body .slider .panel-heading h3,
html body .compare-box .compare-opt .h3,
html body #package > div:first-child h3{
  font-family:var(--jba186-font)!important;
  font-size:16px!important;
  font-weight:var(--jba186-w-bold)!important;
  line-height:1.9!important;
  letter-spacing:-.25px!important;
}

/* ---------- Product listing and cards ---------- */
html body #content-page.jba-v1670-shop-listing #page-title,
html body #content-page #page-title{
  font-size:18px!important;
  font-weight:var(--jba186-w-bold)!important;
  line-height:1.9!important;
  letter-spacing:-.35px!important;
}

html body .jba-one-product-card .jba-tpd-luxe__name,
html body .jba-one-product-card .pro-name,
html body #content-page.jba-v1670-shop-listing .jba-v1670-product-title-link .pro-name,
html body .jba-v1654-card-title,
html body #similar-jewel .moshabeh .pro-name,
html body .last-right .moshabeh.last .pro-name{
  font-size:12px!important;
  font-weight:var(--jba186-w-regular)!important;
  line-height:1.9!important;
  letter-spacing:-.1px!important;
  color:var(--jba186-text)!important;
}

html body .jba-one-product-card .jba-tpd-luxe__name:hover,
html body #content-page.jba-v1670-shop-listing .jba-v1670-product-title-link:hover .pro-name{
  color:var(--jba186-navy)!important;
}

html body .jba-one-product-card .jba-tpd-luxe__price,
html body .jba-one-product-card .price,
html body #content-page.jba-v1670-shop-listing .jba-v1670-product-meta .price,
html body #content-page.jba-v1670-shop-listing .jba-v1670-product-meta .green-price1,
html body .jba-v1654-card-price,
html body .product-price,
html body .final-price{
  font-size:15px!important;
  font-weight:var(--jba186-w-bold)!important;
  line-height:1.7!important;
  letter-spacing:-.25px!important;
}

html body .jba-one-product-card del,
html body .jba-one-product-card .old-price,
html body #content-page.jba-v1670-shop-listing .jba-v1670-product-meta .dell-price{
  font-size:11px!important;
  font-weight:var(--jba186-w-regular)!important;
  line-height:1.7!important;
}

html body .jba-one-product-card .badge,
html body .jba-one-product-card .discount,
html body .jba-one-product-card .off-percent{
  font-size:10px!important;
  font-weight:var(--jba186-w-bold)!important;
}

/* ---------- Product detail page ---------- */
html body.jba-v1662-product-page h1,
html body.jba-v1662-product-page .product-title,
html body.jba-v1662-product-page .jewel-title,
html body.jba-v1662-product-page #jewel-title,
html body.jba-v1662-product-page .title-jewel{
  font-size:18px!important;
  font-weight:var(--jba186-w-bold)!important;
  line-height:1.9!important;
  letter-spacing:-.35px!important;
}

html body.jba-v1662-product-page .jewel-code,
html body.jba-v1662-product-page .product-code,
html body.jba-v1662-product-page .sku,
html body.jba-v1662-product-page .breadcrumb,
html body .breadcrumb,
html body .breadcrumb a{
  font-size:11px!important;
  font-weight:var(--jba186-w-regular)!important;
  line-height:1.9!important;
}

html body.jba-v1662-product-page .price,
html body.jba-v1662-product-page .jewel-price,
html body.jba-v1662-product-page .green-price1,
html body.jba-v1662-product-page .final-price{
  font-size:18px!important;
  font-weight:var(--jba186-w-bold)!important;
  line-height:1.7!important;
  letter-spacing:-.35px!important;
}

html body .desc_menu.nav-pills > li > a{
  font-size:13px!important;
  font-weight:var(--jba186-w-medium)!important;
  line-height:1.8!important;
}

html body .desc_menu.nav-pills > li.active > a,
html body .desc_menu.nav-pills > li > a.alert-success{
  font-weight:var(--jba186-w-semi)!important;
}

/* ---------- Filters, sorting and pagination ---------- */
html body .jba-v162072-filter-form,
html body .jba-v162072-filter-form *{
  font-family:var(--jba186-font)!important;
}

html body .jba-v162072-group__title,
html body .jba-v162072-filter-title,
html body .jba-v162073-specialist-heading > span{
  font-size:12px!important;
  font-weight:var(--jba186-w-semi)!important;
  line-height:1.9!important;
}

html body .jba-v162072-option__label,
html body .jba-v162072-chip,
html body .jba-v162072-sort,
html body .jba-v162072-sort *{
  font-size:12px!important;
  font-weight:var(--jba186-w-regular)!important;
  line-height:1.9!important;
}

html body .pagination > li > a,
html body .pagination > li > span{
  font-size:12px!important;
  font-weight:var(--jba186-w-medium)!important;
}

/* ---------- Tables, panels, cart and checkout ---------- */
html body table th,
html body .table th{
  font-size:12px!important;
  font-weight:var(--jba186-w-semi)!important;
  line-height:1.9!important;
}

html body table td,
html body .table td{
  font-size:12px!important;
  font-weight:var(--jba186-w-regular)!important;
  line-height:1.9!important;
}

html body .cart-dropdown-menu,
html body .shopping-cart,
html body .basket,
html body .sabad,
html body .cart-box,
html body .modal,
html body .dropdown-menu{
  font-size:12px!important;
  line-height:1.9!important;
}

html body .cart-dropdown-menu strong,
html body .shopping-cart strong,
html body .basket strong,
html body .sabad strong,
html body .cart-box strong{
  font-weight:var(--jba186-w-semi)!important;
}

/* ---------- Footer ---------- */
html body footer,
html body footer p,
html body footer li,
html body footer a,
html body .footer,
html body .footer p,
html body .footer li,
html body .footer a{
  font-size:12px!important;
  font-weight:var(--jba186-w-regular)!important;
  line-height:2!important;
}

html body footer h3,
html body footer h4,
html body .footer h3,
html body .footer h4{
  font-size:13px!important;
  font-weight:var(--jba186-w-semi)!important;
  line-height:2!important;
}

/* Preserve icon fonts. */
.fa,
.fa::before{
  font-family:FontAwesome!important;
  letter-spacing:0!important;
}

.glyphicon,
.glyphicon::before{
  font-family:'Glyphicons Halflings'!important;
  letter-spacing:0!important;
}

/* Mobile keeps its current navigation design; only the global type rhythm applies. */
@media (max-width:767px){
  html,
  body{
    font-size:12px!important;
    line-height:1.95!important;
  }

  h1,.h1,.page-title,.main-title{font-size:18px!important}
  h2,.h2,.section-title{font-size:16px!important}
  h3,.h3,.panel-title,.card-title{font-size:14px!important}

  html body .jba-one-product-card .jba-tpd-luxe__name,
  html body .jba-one-product-card .pro-name,
  html body #content-page.jba-v1670-shop-listing .jba-v1670-product-title-link .pro-name{
    font-size:11px!important;
    line-height:1.9!important;
  }
}