/* Built by Mohammad Abbasi. All rights reserved. */
/* Typography and usability polish for catalog-product.html. Layout intentionally unchanged. */

body .product-page{
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif;
  font-feature-settings:"ss01" 1,"tnum" 1;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.product-page :where(h1,h2,h3,h4,strong,b){
  letter-spacing:-.025em;
}

.product-breadcrumb{
  color:#64748b;
  font-size:12px;
  line-height:1.9;
}
.product-breadcrumb a{transition:color .18s ease}
.product-breadcrumb a:hover{color:#15803d}
.product-breadcrumb strong{color:#334155;font-weight:750}

.product-title-card h1#productName{
  color:#0f172a;
  font-weight:850;
  line-height:1.58;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.product-title-card .product-brand{
  color:#15803d;
  font-weight:780;
  letter-spacing:0;
}
.product-title-card .latin-name{
  color:#64748b;
  font-size:12.5px;
  line-height:1.75;
  direction:ltr;
  text-align:right;
  font-family:Inter,Arial,sans-serif;
  letter-spacing:.01em;
}
.product-title-card .rating-row{
  color:#475569;
  font-weight:620;
  line-height:1.8;
}
.product-title-card .rating-row>span:first-child{
  color:#b45309;
  font-weight:800;
}
.product-title-card .rating-row a{
  color:#15803d;
  font-weight:750;
  text-underline-offset:4px;
}
.product-title-card .rating-row a:hover{text-decoration:underline}

.product-labels span{
  font-weight:780;
  letter-spacing:-.015em;
}
.product-highlights .feature-chip,
.product-highlights>*{
  font-size:12px;
  line-height:1.65;
  font-weight:700;
}

.quick-summary strong{
  color:#0f172a;
  font-size:13px;
  font-weight:820;
}
.quick-summary p{
  color:#475569;
  font-size:13.5px;
  line-height:2.05;
  margin-top:6px;
}
.product-info-link{
  font-size:12.5px;
  font-weight:800;
  letter-spacing:-.015em;
}

.options-heading-copy>span,
.variant-configurator-head small,
.purchase-card-heading small,
.catalog-heading small{
  letter-spacing:.055em;
  font-weight:750;
}
.options-heading-copy h2,
.catalog-heading h2,
.catalog-panel h2,
.reviews h2{
  color:#0f172a;
  font-weight:850;
  line-height:1.55;
  letter-spacing:-.04em;
}
.options-heading-copy p,
.catalog-heading p{
  color:#64748b;
  line-height:2;
  font-size:13px;
}
.options-progress small{
  color:#64748b;
  font-weight:650;
  line-height:1.65;
}
.variant-configurator-head strong{
  color:#1e293b;
  font-size:14px;
  line-height:1.75;
  font-weight:800;
}
#variantStatus{
  font-size:11px;
  font-weight:750;
}
.variant-option{
  font-weight:750;
  line-height:1.6;
}
.selected-variant-summary span,
.selected-variant-summary small{
  color:#64748b;
  line-height:1.8;
}
.selected-variant-summary b{
  color:#0f172a;
  font-weight:820;
}

.purchase-card-heading strong{
  color:#0f172a;
  font-size:17px;
  font-weight:850;
}
.stock-line span{font-weight:800}
.stock-line small{color:#64748b;font-weight:650}
.price-block del{
  color:#94a3b8;
  font-size:13px;
  font-weight:600;
}
.price-block strong{
  color:#0f172a;
  font-weight:900;
  letter-spacing:-.045em;
  line-height:1.45;
}
.price-block span{
  font-weight:800;
  letter-spacing:-.02em;
}
.sale-unit-card small,
.buy-card>label,
.qty-summary{
  color:#64748b;
  font-weight:650;
  line-height:1.8;
}
.sale-unit-card strong{
  color:#1e293b;
  font-weight:820;
}
.sale-unit-card span{color:#64748b;line-height:1.75}
.qty-control span{font-weight:850;color:#0f172a}
.buy-card>ul li{
  color:#475569;
  font-size:12.5px;
  line-height:1.9;
  font-weight:620;
}

.add-cart,.buy-now,.wish-btn,
.interaction-cta,.catalog-nav button,
.product-thumb,.qty-control button{
  font-weight:800;
  letter-spacing:-.015em;
}
.add-cart,.buy-now{
  min-height:48px;
  line-height:1.4;
}
.add-cart:hover,.buy-now:hover,.wish-btn:hover,.product-info-link:hover{
  filter:saturate(1.06);
}

.product-trust-strip strong{
  color:#1e293b;
  font-weight:820;
  line-height:1.65;
}
.product-trust-strip small{
  color:#64748b;
  line-height:1.75;
}

.catalog-nav button{
  color:#64748b;
  line-height:1.6;
}
.catalog-nav button:hover{color:#15803d}
.catalog-nav button.active{font-weight:850}
.catalog-panel p,
.catalog-panel li,
.reviews p{
  color:#475569;
  font-size:14px;
  line-height:2.15;
}
.catalog-panel li+li{margin-top:6px}
.catalog-panel table{
  font-size:13.5px;
  line-height:1.9;
}
.catalog-panel th{
  color:#334155;
  font-weight:800;
}
.catalog-panel td{color:#475569}
.info-grid span{
  color:#64748b;
  font-size:11.5px;
  font-weight:650;
}
.info-grid b{
  color:#1e293b;
  font-size:13.5px;
  line-height:1.75;
  font-weight:800;
}
.medical-note b{
  font-weight:850;
  color:#1e293b;
}
.medical-note p{margin-top:5px}
.catalog-panel details summary{
  color:#1e293b;
  font-weight:800;
  line-height:1.8;
}
.catalog-panel details p{font-size:13.5px}
.interaction-cta{line-height:1.7}

.product-page :where(button,a,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid rgba(21,128,61,.28)!important;
  outline-offset:3px!important;
}
.product-page button:disabled{
  opacity:.55;
  cursor:not-allowed;
}

@media(max-width:680px){
  .product-title-card h1#productName{
    font-size:19px!important;
    line-height:1.75!important;
  }
  .product-title-card .product-brand{font-size:11.5px!important}
  .product-title-card .latin-name{font-size:11px!important;line-height:1.7!important}
  .product-title-card .rating-row{line-height:1.9!important}
  .quick-summary p{font-size:12.5px!important;line-height:2!important}
  .options-heading-copy h2{line-height:1.65!important}
  .options-heading-copy p{font-size:12px!important;line-height:1.95!important}
  .purchase-card-heading strong{font-size:16px!important}
  .price-block strong{line-height:1.55!important}
  .catalog-panel h2{font-size:18px!important;line-height:1.7!important}
  .catalog-panel p,.catalog-panel li{font-size:13px!important;line-height:2.1!important}
  .catalog-nav button{font-size:12px!important;line-height:1.7!important}
  .catalog-panel table{font-size:12.5px!important}
}

/* Final font consistency and product-gallery controls fix. */
:root{
  --catalog-fa-font:"DaruGetLocal","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
}

/* Keep every Persian UI element on the same local site font. */
.product-page,
.product-page button,
.product-page input,
.product-page textarea,
.product-page select,
.product-page label,
.product-page small,
.product-page span,
.product-page p,
.product-page li,
.product-page table,
.product-page th,
.product-page td,
.product-page a,
.product-page h1,
.product-page h2,
.product-page h3,
.product-page h4,
.product-page strong,
.product-page b{
  font-family:var(--catalog-fa-font)!important;
  font-kerning:normal;
}

/* Latin product names stay in a clean Latin stack. */
.product-page .latin-name,
.product-page [dir="ltr"]{
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}

/* Remove accidental synthetic boldness that made some labels look mismatched. */
.product-page small,
.product-page .product-brand,
.product-page .rating-row,
.product-page .product-labels span,
.product-page .variant-option,
.product-page .catalog-nav button{
  font-synthesis:none;
}

/* Make the mini-gallery controls a clear section below the main visual. */
.product-title-media.product-mini-gallery{
  overflow:visible!important;
}
.product-thumb-row{
  position:relative;
  z-index:2;
  width:100%!important;
  padding:8px!important;
  gap:8px!important;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
  overflow:visible!important;
}
.product-thumb{
  min-width:0!important;
  height:64px!important;
  padding:7px 5px!important;
  border:1px solid #dbe7e2!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  overflow:visible!important;
  white-space:normal!important;
}
.product-thumb span{
  font-family:Arial,sans-serif!important;
  font-size:21px!important;
  line-height:1!important;
}
.product-thumb small{
  display:block!important;
  font-family:var(--catalog-fa-font)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800!important;
  color:#475569!important;
  white-space:nowrap!important;
}
.product-thumb.active,
.product-thumb[aria-pressed="true"]{
  border-color:#0f766e!important;
  background:#ecfdf5!important;
  box-shadow:0 0 0 2px rgba(15,118,110,.12)!important;
}
.product-thumb.active small,
.product-thumb[aria-pressed="true"] small{
  color:#0f766e!important;
}

@media(max-width:680px){
  /* Give the gallery enough width for readable Persian labels. */
  .product-title-card{
    grid-template-columns:1fr!important;
  }
  .product-title-media.product-mini-gallery{
    width:100%!important;
    min-width:0!important;
    max-width:360px!important;
    margin:0 auto!important;
  }
  .product-mini-gallery .product-visual-compact{
    width:100%!important;
    height:230px!important;
    min-height:230px!important;
  }
  .product-thumb-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    padding:7px!important;
  }
  .product-thumb{
    height:58px!important;
    border-radius:11px!important;
  }
  .product-thumb span{font-size:19px!important}
  .product-thumb small{
    display:block!important;
    font-size:12px!important;
  }
  .product-title-card>div:last-child{
    min-width:0!important;
  }
}

@media(max-width:390px){
  .product-mini-gallery .product-visual-compact{
    height:205px!important;
    min-height:205px!important;
  }
  .product-thumb-row{gap:5px!important;padding:6px!important}
  .product-thumb{height:55px!important;padding:6px 3px!important}
  .product-thumb small{font-size:12px!important}
}
