/*
 * SECURIX Typography v2 — readability pass
 * Replacement for typography-v1.css. The filename is intentionally kept the
 * same, so no layout/template changes are required.
 *
 * Goals:
 *  - make desktop text ~8–12% easier to read;
 *  - keep headings/product prices visually balanced;
 *  - enlarge the live-search results and catalog UI;
 *  - improve tiny mobile copy without changing the 2-column product layout;
 *  - do not scale the whole page with zoom/transform, so geometry stays stable.
 */

html{font-size:16px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal}

/* ----------------------------- DESKTOP / TABLET ---------------------------- */
@media (min-width:1024px){
  html{font-size:16.75px}

  /* Header: utility row + primary navigation. */
  html body .sx-header-utility>a,
  html body .sx-header-utility .sx-buyer-menu>summary{font-size:14px!important;line-height:1.25!important}
  html body .sx-header-utility>div{font-size:13.5px!important;line-height:1.25!important}
  html body .sx-catalog-toggle{font-size:14.5px!important}
  html body .sx-header-main-row nav{font-size:14.25px!important}
  html body .sx-service-nav-toggle{font-size:14.25px!important}
  html body .sx-search-form input{font-size:14.5px!important}

  /* Live search: intentionally larger than v1; this is information-dense UI. */
  html body .sx-search-heading{font-size:11.5px!important;letter-spacing:.035em!important}
  html body .sx-search-product-copy strong{font-size:12.75px!important;line-height:1.32!important}
  html body .sx-search-product-copy small{font-size:10px!important}
  html body .sx-search-product>b{font-size:13.5px!important}
  html body .sx-search-meta-row,
  html body .sx-search-brand-row{font-size:11.75px!important;line-height:1.3!important}
  html body .sx-search-meta-row b,
  html body .sx-search-brand-row b{font-size:10.5px!important}
  html body .sx-search-all{font-size:11.75px!important}
  html body .sx-search-attribute{font-size:10.5px!important;line-height:1.3!important}
  html body .sx-search-correction small{font-size:10.75px!important}
  html body .sx-search-correction strong{font-size:13px!important}
  html body .sx-search-empty p{font-size:12.5px!important}

  /* Catalog chrome / filters. */
  html body .sx-breadcrumbs{font-size:13px!important}
  html body .sx-catalog-title-row>span{font-size:14px!important}
  html body .sx-catalog-hero-copy p{font-size:15px!important;line-height:1.58!important}
  html body .sx-catalog-help span{font-size:12.5px!important}
  html body .sx-catalog-help b{font-size:12px!important}
  html body .sx-category-shortcut strong{font-size:13px!important;line-height:1.2!important}
  html body .sx-popular-brands-head strong{font-size:14px!important}
  html body .sx-popular-brands-head a{font-size:12px!important}
  html body .sx-brand-shortcut strong{font-size:13.5px!important}
  html body .sx-filter-head a{font-size:12px!important}
  html body .sx-filter-block-title strong,
  html body .sx-filter-group summary{font-size:13.5px!important}
  html body .sx-price-fields input{font-size:13px!important}
  html body .sx-filter-search{font-size:12.5px!important}
  html body .sx-filter-options label{font-size:13px!important;line-height:1.3!important}
  html body .sx-filter-count{font-size:11px!important}
  html body .sx-filter-more{font-size:12px!important}
  html body .sx-filter-apply{font-size:13px!important}
  html body .sx-catalog-found,
  html body .sx-sort-form label,
  html body .sx-sort-form select{font-size:12.5px!important}
  html body .sx-active-chips a,
  html body .sx-clear-filters{font-size:11.5px!important}

  /* Catalog product cards. */
  html body .sx-product-brand{font-size:10.5px!important}
  html body .sx-product-name{font-size:14.5px!important;line-height:1.32!important}
  html body .sx-product-specs{font-size:11.5px!important;line-height:1.4!important}
  html body .sx-product-stock{font-size:11px!important}
  html body .sx-product-price-wrap strong{font-size:20.5px!important}
  html body .sx-product-price-wrap s{font-size:11px!important}
  html body .sx-product-buy{font-size:12px!important}
  html body .sx-product-badge{font-size:10px!important}
  html body .sx-load-more{font-size:12.5px!important}
  html body .sx-catalog-infinite{font-size:12px!important}
  html body .sx-pagination a,
  html body .sx-pagination span{font-size:12px!important}
  html body .sx-catalog-seo>p{font-size:14px!important;line-height:1.6!important}
  html body .sx-catalog-seo-grid strong{font-size:13px!important}
  html body .sx-catalog-seo-grid p,
  html body .sx-catalog-seo-grid a{font-size:11.5px!important}

  /* Homepage: keep the visual hierarchy, only lift smaller supporting copy. */
  html body .home-benefits small{font-size:14px!important}
  html body .home-category-copy p{font-size:15px!important}
  html body .home-product-title{font-size:15.5px!important;line-height:1.32!important}
  html body .home-product-specs{font-size:12px!important;line-height:1.5!important}
  html body .home-product-meta span{font-size:12px!important}
  html body .home-product-buy{font-size:13px!important}
  html body .home-solution-copy span,
  html body .home-why-grid p,
  html body .home-service-card p,
  html body .home-order-steps p{font-size:15px!important;line-height:1.5!important}
  html body .home-service-card span{font-size:14.5px!important}
  html body .home-faq-grid p{font-size:15px!important}
  html body .home-consultation p{font-size:16px!important}

  /* Product page supporting copy. Titles/prices already have enough scale. */
  html body .sx-product-highlights strong{font-size:13px!important;line-height:1.3!important}
  html body .sx-product-highlights .block.truncate{font-size:11.5px!important}
  html body .sx-features-grid>article strong{font-size:13.5px!important}
  html body .sx-features-grid>article span:last-child{font-size:12px!important;line-height:1.35!important}
  html body .sx-variant-label{font-size:11px!important}
  html body .sx-variant-choice{font-size:12px!important}
  html body .sx-bundle-copy small{font-size:10px!important}
  html body .sx-bundle-copy strong{font-size:12px!important}
  html body .sx-bundle-copy b{font-size:14px!important}
  html body .sx-bundle-summary>span{font-size:11px!important}
  html body .sx-bundle-summary>button{font-size:12px!important}
  html body .sx-bundle-summary>small{font-size:10px!important}
  html body .sx-recent-copy small,
  html body .sx-recent-copy>span{font-size:9.75px!important}
  html body .sx-recent-copy>a{font-size:11.25px!important}

  /* Cart. */
  html body .sx-cart2-crumbs{font-size:13px!important}
  html body .sx-cart2-products-head{font-size:12px!important}
  html body .sx-cart2-item-name{font-size:16px!important;line-height:1.32!important}
  html body .sx-cart2-item-status,
  html body .sx-cart2-item-code{font-size:12px!important}
  html body .sx-cart2-undo-copy b{font-size:11.5px!important}
  html body .sx-cart2-undo-copy small{font-size:10px!important}
  html body .sx-cart2-undo button,
  html body .sx-cart2-products-actions button{font-size:11.5px!important}
  html body .sx-cart2-summary-line{font-size:12.5px!important}
  html body .sx-cart2-free-copy span{font-size:11.5px!important}
  html body .sx-cart2-free-shipping>b{font-size:10.5px!important}

  /* Checkout: form labels were especially small in v1. */
  html body .sx-checkout2-crumbs{font-size:12.5px!important}
  html body .sx-checkout2-head-copy b{font-size:15px!important}
  html body .sx-checkout2-head-copy small{font-size:10.5px!important}
  html body .sx-checkout2-fields label>span,
  html body .sx-checkout2-delivery-fields label>span{font-size:11px!important}
  html body .sx-checkout2 input[type="text"],
  html body .sx-checkout2 input[type="email"],
  html body .sx-checkout2 input[type="tel"],
  html body .sx-checkout2 input:not([type]),
  html body .sx-checkout2 textarea{font-size:12.5px!important}
  html body .sx-checkout2-check,
  html body .sx-checkout2-offer{font-size:11.5px!important;line-height:1.45!important}
  html body .sx-checkout2-check small{font-size:10px!important}
  html body .sx-checkout2-option-copy b{font-size:12px!important}
  html body .sx-checkout2-option-copy small{font-size:10px!important}
  html body .sx-checkout2-option-time{font-size:10.5px!important}
  html body .sx-checkout2-comment>small{font-size:9.5px!important}
  html body .sx-checkout2-summary-head span{font-size:10.5px!important}
  html body .sx-checkout2-order-copy b{font-size:12px!important;line-height:1.3!important}
  html body .sx-checkout2-order-copy small{font-size:10px!important}
  html body .sx-checkout2-summary-lines>div{font-size:11.5px!important}
  html body .sx-checkout2-safe{font-size:11.5px!important;line-height:1.42!important}
  html body .sx-checkout2-submit{font-size:14px!important}

  /* Footer: make navigation/contact copy easier to scan. */
  html body footer .text-sm{font-size:15px!important;line-height:1.55!important}
  html body footer .text-\[11px\]{font-size:12.5px!important}
}

/* Wider monitors get a small extra step without changing component geometry. */
@media (min-width:1536px){
  html{font-size:17px}
  html body .sx-search-product-copy strong{font-size:13px!important}
  html body .sx-product-name{font-size:14.75px!important}
}

/* ------------------------------- MOBILE ----------------------------------- */
@media (max-width:767px){
  html{font-size:16px}

  /* Header/search inputs should never fall below comfortable mobile sizes. */
  html body .sx-search-form input{font-size:14px!important}
  html body .sx-search-heading{font-size:11px!important}
  html body .sx-search-product-copy strong{font-size:12px!important;line-height:1.32!important}
  html body .sx-search-product-copy small{font-size:9.75px!important}
  html body .sx-search-product>b{font-size:12.5px!important}
  html body .sx-search-all{font-size:11.5px!important}

  /* Catalog remains two columns, but the copy is no longer microscopic. */
  html body .sx-breadcrumbs{font-size:11px!important}
  html body .sx-catalog-title-row>span{font-size:11px!important}
  html body .sx-catalog-hero-copy p{font-size:12px!important;line-height:1.5!important}
  html body .sx-category-shortcut strong{font-size:10.25px!important}
  html body .sx-product-brand{font-size:8.75px!important}
  html body .sx-product-name{font-size:12px!important;line-height:1.32!important}
  html body .sx-product-specs{font-size:9.75px!important;line-height:1.35!important}
  html body .sx-product-stock{font-size:9.75px!important}
  html body .sx-product-price-wrap strong{font-size:17px!important}
  html body .sx-product-price-wrap s{font-size:9px!important}
  html body .sx-product-buy.is-in-cart{font-size:10px!important}
  html body .sx-load-more{font-size:11px!important}

  /* Homepage small-copy rescue. Higher specificity intentionally beats v1's
     mobile !important rules that are loaded later on the page. */
  html body .home-benefits strong{font-size:14px!important}
  html body .home-benefits small{font-size:11px!important;line-height:1.35!important}
  html body .home-category-copy strong{font-size:15px!important}
  html body .home-category-copy p{font-size:11px!important;line-height:1.38!important}
  html body .home-product-title{font-size:12.75px!important;line-height:1.3!important}
  html body .home-product-specs{font-size:10px!important;line-height:1.4!important}
  html body .home-product-meta span{font-size:9.75px!important}
  html body .home-product-buy{font-size:10.5px!important}
  html body .home-solution-copy strong{font-size:16px!important}
  html body .home-solution-copy span{font-size:10.5px!important;line-height:1.35!important}
  html body .home-why-grid strong{font-size:12.75px!important}
  html body .home-why-grid p{font-size:10.25px!important;line-height:1.36!important}
  html body .home-service-card strong{font-size:18.5px!important}
  html body .home-service-card p{font-size:10.75px!important;line-height:1.45!important}
  html body .home-service-card span{font-size:10.75px!important}
  html body .home-order-steps strong{font-size:12.5px!important}
  html body .home-order-steps p{font-size:10.25px!important;line-height:1.38!important}
  html body .home-faq-grid summary{font-size:12.75px!important}
  html body .home-faq-grid p{font-size:10.75px!important;line-height:1.45!important}
  html body .home-consultation p{font-size:11.5px!important}

  /* Product-page supporting details. */
  html body .sx-product-highlights strong{font-size:12px!important}
  html body .sx-product-highlights .block.truncate{font-size:10.5px!important}
  html body .sx-features-grid>article strong{font-size:13px!important}
  html body .sx-features-grid>article span:last-child{font-size:11.5px!important}
  html body .sx-variant-label{font-size:10.5px!important}
  html body .sx-variant-choice{font-size:11px!important}

  /* Footer legal line/badges only; normal links already use readable text-sm. */
  html body footer .text-\[11px\]{font-size:12px!important;line-height:1.45!important}
}