/* Saba Markazi – consistent UI palette, font and product-photo framing (v6). */
:root {
  --brand-orange: #ff7900;
  --brand-black: #111111;
  --brand-white: #ffffff;
  --brand-image-surface: #e9edf2;
  --brand-image-border: #d1d9e2;
}

/* Important icons no longer depend on OS emoji fonts. */
.sm-svg-icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  flex: 0 0 auto;
  vertical-align: middle;
  color: inherit;
  stroke: currentColor;
}
.cart-icon .sm-cart-svg { width: 25px; height: 25px; }
.search-box button .sm-svg-icon { width: 20px; height: 20px; }
.menu-toggle .sm-svg-icon,
.categories-button .sm-svg-icon { width: 19px; height: 19px; }
.top-info .sm-svg-icon, .sm-footer-call .sm-svg-icon { width: 16px; height: 16px; }
.sm-benefit-icon .sm-svg-icon { width: 19px; height: 19px; }
.catalog-empty-icon .sm-svg-icon { width: 45px; height: 45px; }
.fake-product .sm-svg-icon { width: 48px; height: 48px; }
.product-detail-page .sm-svg-icon { width: 19px; height: 19px; }

/* A slightly darker image panel keeps white-background machine photos visible
   on displays with reduced contrast. No product image is edited or cropped. */
.welding-catalog .welding-card,
.smc-catalog-grid .smc-product-card,
.sma-page .sma-card,
.featured-track .featured-card,
.related-products-grid .related-product-card,
.product-grid .product-card {
  border-color: var(--brand-image-border);
  box-shadow: 0 5px 16px rgba(19, 30, 42, .06);
}
.welding-catalog .welding-card-image,
.smc-catalog-grid .smc-product-image,
.sma-page .sma-card-image,
.featured-track .featured-card .product-image,
.related-products-grid .related-product-image,
.product-grid .product-image {
  background: var(--brand-image-surface) !important;
  border-bottom: 1px solid var(--brand-image-border);
}
/* The inner photo has its own crisp white base and a subtle edge. */
.welding-catalog .welding-card-image > img,
.smc-catalog-grid .smc-product-image > img,
.sma-page .sma-card-image > img,
.featured-track .featured-card .product-image > img,
.related-products-grid .related-product-image img,
.product-grid .product-image > img {
  background: var(--brand-white);
  border: 1px solid #dfe4eb;
  border-radius: 9px;
  padding: 5px;
  box-shadow: 0 3px 11px rgba(18, 30, 48, .055);
}
/* Respect existing compact/mobile layout while preserving the framing. */
@media (max-width: 600px) {
  .welding-catalog .welding-card-image > img,
  .smc-catalog-grid .smc-product-image > img,
  .sma-page .sma-card-image > img,
  .featured-track .featured-card .product-image > img {
    border-radius: 6px;
    padding: 2px;
  }
}


/* ==============================================================
   V7 TEST: unify all store product card price/action panels.
   Same two-panel language as MASTER LASER; touch stays passive.
   =============================================================== */
:root {
  --sm-card-price-bg: #fafafa;
  --sm-card-price-border: #e1e4e9;
  --sm-card-touch-outline: #ff7900;
}
:is(.welding-card,.smc-product-card,.sma-card,.featured-card,.related-product-card) {
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
:is(.welding-card,.smc-product-card,.sma-card,.featured-card,.related-product-card):is(:hover,:focus-within,:active,.sm-card-touching) {
  border-color:var(--sm-card-touch-outline) !important;
  outline:2px solid var(--sm-card-touch-outline);
  outline-offset:-2px;
  box-shadow:0 9px 25px rgba(255,121,0,.12),0 5px 15px rgba(19,30,42,.06);
}
/* Shared category families: welding, cutting, parts, torch, consumables, laser and search. */
.welding-catalog .welding-card-footer {
  direction:rtl; display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch; justify-content:stretch; gap:10px;
  padding-top:15px; min-width:0;
}
.welding-catalog .welding-price-box {
  width:100% !important; height:78px !important; min-width:0;
  background:var(--sm-card-price-bg);
  border:1px solid var(--sm-card-price-border);
  border-radius:12px; padding:8px 10px;
  justify-content:flex-end;
}
.welding-catalog .welding-price-box .price-label {font-size:10px;color:#878c94;}
.welding-catalog .welding-price-box .price-value {font-size:clamp(12px,1.1vw,18px); font-weight:900; overflow-wrap:anywhere;white-space:normal;line-height:1.35;}
.welding-catalog .welding-price-box .welding-old-price {font-size:10px;overflow-wrap:anywhere;white-space:normal;line-height:1.3;}
.welding-catalog .product-view-button {
  width:100% !important; height:78px !important; min-width:0;
  display:flex; align-items:center; justify-content:center;
  background:var(--brand-orange); color:#fff !important;
  border:1px solid var(--brand-orange); border-radius:12px;
  font-size:13px; font-weight:850; padding:9px 7px; text-align:center;
}
.welding-catalog .product-view-button:hover,
.welding-catalog .product-view-button:focus-visible {background:#df6500;border-color:#df6500;}
/* Dynamic category / subtype pages. */
.smc-catalog-grid .smc-product-bottom {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch; justify-content:stretch; gap:8px; min-width:0;
}
.smc-catalog-grid .smc-product-price {
  display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
  min-width:0; min-height:77px; padding:8px;
  background:var(--sm-card-price-bg);border:1px solid var(--sm-card-price-border);border-radius:11px;
}
.smc-catalog-grid .smc-product-price strong {font-size:clamp(11px,1vw,16px);color:#252a30;overflow-wrap:anywhere;white-space:normal;}
.smc-catalog-grid .smc-product-price del {font-size:10px;overflow-wrap:anywhere;}
.smc-catalog-grid .smc-card-price-label,
.featured-track .featured-price-label,
.related-products-grid .related-price-label {font-size:10px;font-weight:650;color:#92969b;line-height:1.4;}
.smc-catalog-grid .smc-view-product {
  min-width:0;min-height:77px;display:flex;align-items:center;justify-content:center;
  padding:8px;white-space:normal;text-align:center;font-size:12px;font-weight:850;border-radius:11px;
}
/* Home featured products. Keep native scroll-snap slider intact. */
.featured-track .featured-card .product-bottom {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;gap:9px;min-width:0;
}
.featured-track .featured-card .featured-price {
  min-width:0;min-height:72px;background:var(--sm-card-price-bg);
  border:1px solid var(--sm-card-price-border);border-radius:11px;
  padding:8px 10px;align-items:flex-start;justify-content:flex-end;text-align:right;
}
.featured-track .featured-card .featured-price strong {font-size:clamp(11px,1vw,15px);overflow-wrap:anywhere;white-space:normal;line-height:1.45;}
.featured-track .featured-card .featured-old-price {font-size:10px;}
.featured-track .featured-card .featured-view-btn {
  width:100%;min-width:0;min-height:72px;display:flex;align-items:center;justify-content:center;
  background:var(--brand-orange);color:#fff !important;border-radius:11px;
  padding:8px;font-size:12px;font-weight:850;text-align:center;white-space:normal;
}
/* Product detail recommendations. */
.related-products-grid .related-product-bottom {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;gap:8px;min-width:0;
}
.related-products-grid .related-product-price {
  min-width:0;min-height:70px;display:flex;flex-direction:column;
  align-items:flex-start;justify-content:flex-end;gap:4px;
  border:1px solid var(--sm-card-price-border);border-radius:10px;
  padding:8px;background:var(--sm-card-price-bg);
}
.related-products-grid .related-product-price strong {font-size:clamp(11px,.95vw,15px);line-height:1.4;overflow-wrap:anywhere;}
.related-products-grid .related-product-price small {font-size:10px;color:#878b93;font-weight:500;}
.related-products-grid .related-old-price {color:#a0a4aa;font-size:10px;text-decoration:line-through;text-decoration-color:#e53935;}
.related-products-grid .related-new-price {color:#e96705 !important;}
.related-products-grid .related-product-button {
  min-width:0;min-height:70px;display:flex;align-items:center;justify-content:center;
  background:var(--brand-orange);border-color:var(--brand-orange);
  color:#fff !important;border-radius:10px;font-size:12px;font-weight:850;text-align:center;padding:8px;
}
.related-products-grid .related-product-button:hover {background:#e36800;}
/* Narrow mobile cards: retain two visible products per row and prevent prices from clipping. */
@media (max-width:700px) {
  .welding-catalog .welding-card-footer {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;padding-top:8px;}
  .welding-catalog .welding-price-box,
  .welding-catalog .product-view-button {height:65px !important;min-height:65px !important;border-radius:8px;}
  .welding-catalog .welding-price-box {padding:5px;gap:1px;}
  .welding-catalog .welding-price-box .price-value {font-size:clamp(9px,2.5vw,12px) !important;line-height:1.3;}
  .welding-catalog .welding-price-box .price-label {font-size:9px;}
  .welding-catalog .welding-price-box .welding-discount-badge {top:2px;left:2px;font-size:7px;padding:2px 3px;}
  .welding-catalog .welding-price-box .welding-old-price {font-size:8px;}
  .welding-catalog .product-view-button {font-size:10px;padding:6px 3px;}
  .smc-catalog-grid .smc-product-bottom,
  .featured-track .featured-card .product-bottom,
  .related-products-grid .related-product-bottom {grid-template-columns:minmax(0,1fr);gap:6px;}
  .smc-catalog-grid .smc-product-price,
  .featured-track .featured-card .featured-price,
  .related-products-grid .related-product-price {min-height:55px;padding:6px 8px;}
  .smc-catalog-grid .smc-view-product,
  .featured-track .featured-card .featured-view-btn,
  .related-products-grid .related-product-button {min-height:36px;height:auto;width:100%;font-size:10px;padding:7px 5px;}
  .smc-catalog-grid .smc-product-price strong,
  .featured-track .featured-card .featured-price strong,
  .related-products-grid .related-product-price strong {font-size:11px;white-space:normal;overflow-wrap:anywhere;}
}
@media (prefers-reduced-motion: reduce) {
  :is(.welding-card,.smc-product-card,.sma-card,.featured-card,.related-product-card) {transition:none;}
}


/* ================================================================
   V8 – One visual card system, based on the approved MASTER LASER.
   Product data/links, ordering, JS carousels and pricing are untouched.
   ================================================================ */
:root {
  --sm-card-bg:#fff;
  --sm-card-photo:#e9edf2;
  --sm-card-border:#d4dbe4;
  --sm-card-orange:#ff7900;
  --sm-card-radius:20px;
}
/* Base frame across all individual catalog pages, homepage and related items. */
:is(.welding-catalog .welding-card,
    .smc-catalog-grid .smc-product-card,
    .sma-page .sma-card,
    .featured-track .featured-card,
    .related-products-grid .related-product-card) {
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  min-width:0;
  background:var(--sm-card-bg);
  border:1px solid var(--sm-card-border);
  border-radius:var(--sm-card-radius);
  overflow:hidden;
  box-shadow:0 8px 23px rgba(21,36,54,.06);
  transition:border-color .22s ease,outline-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
/* The 3px orange outline is INSIDE the card; hover never shifts layout. */
:is(.welding-catalog .welding-card,
    .smc-catalog-grid .smc-product-card,
    .sma-page .sma-card,
    .featured-track .featured-card,
    .related-products-grid .related-product-card):is(:hover,:focus-within,:active,.sm-card-touching) {
  border-color:var(--sm-card-orange)!important;
  outline:3px solid var(--sm-card-orange)!important;
  outline-offset:-3px!important;
  box-shadow:0 12px 29px rgba(255,121,0,.15),0 5px 14px rgba(25,35,48,.06)!important;
}
/* Top gray panel + inset white photo, same language as the laser cards. */
:is(.welding-catalog .welding-card-image,
    .smc-catalog-grid .smc-product-image,
    .sma-page .sma-card-image,
    .featured-track .featured-card .product-image,
    .related-products-grid .related-product-image) {
  position:relative;
  background:var(--sm-card-photo)!important;
  border-bottom:1px solid var(--sm-card-border);
  box-sizing:border-box;
}
:is(.welding-catalog .welding-card-image>img,
    .smc-catalog-grid .smc-product-image>img,
    .sma-page .sma-card-image>img,
    .featured-track .featured-card .product-image>img,
    .related-products-grid .related-product-image>img) {
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  object-fit:contain!important;
  background:#fff;
  border:1px solid #dee4ec;
  border-radius:10px;
  padding:5px;
  box-sizing:border-box;
  box-shadow:0 3px 9px rgba(20,34,49,.055);
}
/* Comparable text rhythm. Existing layout grids and horizontal sliders are preserved. */
.smc-catalog-grid .smc-product-details,
.sma-page .sma-card-body,
.featured-track .featured-card .product-details,
.related-products-grid .related-product-content {
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  text-align:right;
  min-width:0;
}
.smc-catalog-grid .smc-product-details h2,
.sma-page .sma-card-body h3,
.featured-track .featured-card .product-details h3,
.related-products-grid .related-product-content h3 {
  line-height:1.75;
  overflow-wrap:anywhere;
}
.featured-track .featured-card .product-details h3 {margin-bottom:6px;}
.featured-product-model,.related-product-model {color:#9196a0;font-size:11px;line-height:1.6;margin-bottom:7px;}
.featured-product-description,.related-product-description {
  color:#79808c;
  font-size:11px;
  line-height:1.85;
  margin:0 0 12px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.related-products-grid .related-product-content {padding:16px;}
/* One pair of equal-height orange CTA and bordered price box. */
.welding-catalog .welding-card-footer,
.smc-catalog-grid .smc-product-bottom,
.sma-page .sma-card-footer,
.featured-track .featured-card .product-bottom,
.related-products-grid .related-product-bottom {
  display:grid!important;
  direction:rtl;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:10px;
  min-width:0;
  margin-top:auto;
  padding-top:15px;
  border-top:1px solid #ebedf1;
}
.welding-catalog .welding-price-box,
.smc-catalog-grid .smc-product-price,
.sma-page .sma-price,
.featured-track .featured-card .featured-price,
.related-products-grid .related-product-price {
  position:relative;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  gap:3px;
  min-width:0;
  min-height:78px;
  height:auto;
  width:100%;
  padding:9px 10px;
  background:#fafafa;
  border:1px solid #e1e4e9;
  border-radius:12px;
  overflow:hidden;
  text-align:right;
}
.welding-catalog .product-view-button,
.smc-catalog-grid .smc-view-product,
.sma-page .sma-detail-link,
.featured-track .featured-card .featured-view-btn,
.related-products-grid .related-product-button {
  box-sizing:border-box;
  width:100%!important;
  height:auto!important;
  min-height:78px;
  min-width:0;
  padding:9px 7px;
  display:flex!important;
  justify-content:center;
  align-items:center;
  white-space:normal;
  text-align:center;
  line-height:1.65;
  font-size:12px;
  font-weight:850;
  background:var(--sm-card-orange)!important;
  color:#fff!important;
  border:1px solid var(--sm-card-orange)!important;
  border-radius:12px;
}
.welding-catalog .product-view-button:hover,
.smc-catalog-grid .smc-view-product:hover,
.sma-page .sma-detail-link:hover,
.featured-track .featured-card .featured-view-btn:hover,
.related-products-grid .related-product-button:hover {background:#e16800!important;border-color:#e16800!important;}
/* Show a small red discount badge INSIDE the price panel, like laser cards. */
:is(.smc-card-discount-badge,.sma-price-discount-badge,
    .featured-price-discount-badge,.related-price-discount-badge) {
  position:absolute;
  inset-block-start:5px;
  inset-inline-end:5px;
  max-width:58%;
  padding:3px 5px;
  border-radius:5px;
  background:#e63941;
  color:#fff;
  font-size:9px;
  font-weight:800;
  line-height:1.3;
  white-space:normal;
  text-align:center;
  z-index:2;
}
:is(.smc-product-price,.sma-price,.featured-price,.related-product-price):has(> :is(
    .smc-card-discount-badge,.sma-price-discount-badge,.featured-price-discount-badge,.related-price-discount-badge)) {
  padding-top:22px!important;
}
.smc-catalog-grid .smc-product-price strong,
.sma-page .sma-price strong,
.featured-track .featured-card .featured-price strong,
.related-products-grid .related-product-price strong {
  overflow-wrap:anywhere;
  white-space:normal;
  line-height:1.35;
  font-weight:900;
}
.featured-track .featured-card .featured-new-price,
.related-products-grid .related-new-price,
.smc-catalog-grid .smc-product-price:has(.smc-card-discount-badge) strong,
.sma-page .sma-price:has(.sma-price-discount-badge) strong {color:#ed6700!important;}
/* Product detail slider: make content height uniform without altering scroll-snap. */
.related-products-grid .related-product-bottom {margin-top:auto;}
/* On compact mobiles slider cards can be narrow: stack only for legibility. */
@media(max-width:700px) {
  .welding-catalog .welding-card-footer {gap:5px;padding-top:8px;}
  .welding-catalog .welding-price-box,.welding-catalog .product-view-button {min-height:65px!important;height:65px!important;}
  .smc-catalog-grid .smc-product-bottom,
  .sma-page .sma-card-footer,
  .featured-track .featured-card .product-bottom,
  .related-products-grid .related-product-bottom {grid-template-columns:minmax(0,1fr);gap:6px;padding-top:8px;}
  .smc-catalog-grid .smc-product-price,
  .sma-page .sma-price,
  .featured-track .featured-card .featured-price,
  .related-products-grid .related-product-price {min-height:57px;padding:7px 8px;}
  .smc-catalog-grid .smc-view-product,
  .sma-page .sma-detail-link,
  .featured-track .featured-card .featured-view-btn,
  .related-products-grid .related-product-button {min-height:38px;height:auto;font-size:10px;padding:7px 5px;}
  .featured-product-description,.related-product-description {display:none;}
  .related-products-grid .related-product-content {padding:10px;}
  :is(.smc-card-discount-badge,.sma-price-discount-badge,.featured-price-discount-badge,.related-price-discount-badge) {font-size:8px;}
}
@media(prefers-reduced-motion:reduce) {
  :is(.welding-catalog .welding-card,.smc-catalog-grid .smc-product-card,
      .sma-page .sma-card,.featured-track .featured-card,
      .related-products-grid .related-product-card) {transition:none!important;}
}