/*
===============================================================================
  Mansy Store - Type Scale Floor
  Loaded last so it wins over the base sheets without editing minified sources.
  Arabic script needs a larger floor than Latin: 7-9px is unreadable at 1x.
  Selectors deliberately mirror the base rules they override.
===============================================================================
*/

/* Product card meta: was 9-11px across 44 cards */
.card-discount{font:700 12px/1.6 Cairo,Arial,sans-serif}
.product .shelf-brand{font:500 12px/1.6 Inter,Cairo,Arial,sans-serif}
.product .card-price-group del{font:500 12px/1.6 Inter,Cairo,Arial,sans-serif}
.card-views{font:500 12px/1.5 Inter,Cairo,Arial,sans-serif}
.product .card-price-group .product-price small{font-size:11px}
.product .card-price-group .card-saving{font-size:11px}
.product .card-meta{font-size:11px}
.product .card-demo-note{font-size:11px}
.product .product-bottom .product-note{font-size:11px}

/* Store chrome: was 9-11px */
.promo small{font-size:11px}
.section-title>span{font-size:11px}
.store-note p{font-size:12px}
.demo-note{font-size:12px}
.footer p,.footer a{font-size:12px}
.shelf-sample-note{font-size:12px}
.text-button{font-size:12px}
.sigma-view-all{font-size:12px}
.cart-line{font-size:13px}
#product-details p{font-size:13px}

/* Category filters: was 8-11px */
.mix-use-grid b{font-size:11px}
.mix-use-grid small{font-size:10px}
.mix-filter-note{font-size:11px}
.mix-mobile-filter{font-size:12px}
.store-nav-links a{font-size:13px}
#language-toggle{font-size:13px}

/* Banner copy: was 12px */
.graphic-slide span{font-size:13px}
.graphic-slide .button{font-size:13px}

/* 851-1100px band */
@media(max-width:1100px) and (min-width:851px){
  .product-note{font-size:11px}
}

/* <=600px: the base sheet drops several rules to 7-9px here */
@media(max-width:600px){
  .product .product-bottom .product-note{font-size:10px}
  .product-note{font-size:10px}
  .product .card-demo-note{font-size:10px}
  .product .card-meta,.product .card-price-group .card-saving,.product .card-price-group .product-price small{font-size:10px}
  .product .shelf-brand{font-size:10px}
  .card-discount{font-size:10px}
  .promo small{font-size:10px}
  .graphic-slide span{font-size:11px}
  .graphic-slide .button{font-size:11px;min-height:44px}
  .footer p,.footer a{font-size:11px}
  .section-title>span{font-size:11px}
  .store-note p{font-size:11px}
  .shelf-sample-note{font-size:11px}
  .category-circles a{font-size:11px}
  .top-links{font-size:11px}
  .store-nav-links a{font-size:12px}
  #language-toggle{font-size:12px}
  .product .product-name{font-size:12px}
}

/* Forms: 16px on coarse pointers stops mobile browsers zooming the page on focus */
@media(max-width:600px){
  #search-input,.top-search input,#mix-min,#mix-max,#mix-sort{font-size:16px}
}

/* Category filter panel: base sheet runs 9-11px and 30-40px tall controls */
.product .card-price-group del small{font-size:11px}
.mix-heading p{font-size:12px}
.mix-filters summary{font-size:12px;min-height:44px}
.mix-checkboxes label{font:12px Inter,Cairo,sans-serif;min-height:44px}
.mix-price-inputs label{font-size:11px}
.mix-price-inputs input{font-size:16px;min-height:44px}
.mix-filter-heading button{font-size:11px;min-height:44px}
.mix-category small{font-size:11px}
.mix-use-grid b{font-size:12px}
.mix-use-grid small{font-size:11px}
.mix-brand-grid span{font-size:11px}
.mix-filters .button{font-size:12px;min-height:44px}
.mix-related button{font-size:11px;min-height:44px}
.mix-result-toolbar{font-size:11px}
.mix-result-toolbar select{font-size:12px;min-height:44px}
.mix-drawer-brands button{font-size:12px;min-height:44px}
.mix-drawer-feature p{font-size:11px}
.mix-drawer-feature .button{font-size:12px;min-height:44px}

@media(max-width:600px){
  .mix-heading p{font-size:11px}
  .mix-heading .text-button{font-size:11px}
  .mix-tabs button{font-size:12px}
  .mix-category b{font-size:12px}
  .mix-result-toolbar{font-size:11px}
  .mix-result-toolbar select{font-size:12px}
  .mix-use-grid b{font-size:11px}
  .mix-use-grid small{font-size:10px}
  .product .card-price-group del small{font-size:10px}
}
