/* CABINETRO — V009 inner-content correction | 2026-10-22
   CSS ONLY; replaces the complete contents of crp2026-product-inner-v009.css.
   Scope: INNER CONTENT of the four existing product-information panels.
   Locked accordion headings, buttons, icons, outer widths and borders remain untouched.
   Content, CMS HTML, product options, prices and cart are unchanged.
*/

@font-face {
  font-family: "CR Product Inner Vazirmatn";
  src: url("/fonts/vazirmatn/Vazirmatn-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* Shared inner typography. Never select .pd-row, .pd-row-btn or headings outside panels. */
.pd-details :is(#pdDetailsDescriptionPanel,#pdDetailsSpecsPanel,#pdDetailsDownloadsPanel,#pdDetailsShippingPanel) {
  font-family: "CR Product Inner Vazirmatn", "Vazirmatn", Tahoma, sans-serif !important;
  color: #333b3a;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
}
.pd-details :is(#pdDetailsDescriptionPanel,#pdDetailsSpecsPanel,#pdDetailsDownloadsPanel,#pdDetailsShippingPanel)
  :is(p,li,td,th,a,h2,h3,h4,small,strong,b,em,span) {
  font-family: "CR Product Inner Vazirmatn", "Vazirmatn", Tahoma, sans-serif !important;
  letter-spacing: normal !important;
}

/* Description: center the READING COLUMN, not the locked accordion wrapper. */
.pd-details #pdDetailsDescriptionPanel > :is(div,article,section) {
  max-width: 960px;
  margin-inline: auto !important;
  box-sizing: border-box;
}
.pd-details #pdDetailsDescriptionPanel :is(p,li) {
  width: 100%;
  max-width: 940px;
  margin-inline: auto !important;
  font-size: 15px !important;
  line-height: 1.98 !important;
  font-weight: 400;
  text-align: right !important;
  color: #343b3c !important;
  overflow-wrap: break-word;
  box-sizing: border-box;
}
.pd-details #pdDetailsDescriptionPanel p { margin-block: 0 12px !important; }
.pd-details #pdDetailsDescriptionPanel p:last-child { margin-bottom: 0 !important; }
.pd-details #pdDetailsDescriptionPanel :is(ul,ol) {
  max-width: 940px;
  margin: 9px auto 14px !important;
  padding-inline-start: 0;
  padding-inline-end: 21px;
  box-sizing: border-box;
}
.pd-details #pdDetailsDescriptionPanel :is(h2,h3,h4) {
  max-width: 940px;
  margin: 16px auto 8px !important;
  font-weight: 680;
  line-height: 1.85;
  color: #28312f;
}
.pd-details #pdDetailsDescriptionPanel :is(.description-note,.cr-product-note) {
  width: 100%;
  max-width: 940px;
  margin: 14px auto 0 !important;
  padding: 11px 14px !important;
  border: 1px solid #e8e9e7 !important;
  border-inline-start: 2px solid #b5beb8 !important;
  border-radius: 2px !important;
  background: #f9f9f8 !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  line-height: 1.9 !important;
  box-sizing: border-box;
}

/* Specs: retain editor-authored table HTML, even when cells contain inline styles. */
.pd-details #pdDetailsSpecsPanel table {
  width: 100% !important;
  max-width: 960px !important;
  margin: 0 auto 20px !important;
  border: 1px solid #e8eae8 !important;
  border-radius: 2px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden;
}
.pd-details #pdDetailsSpecsPanel table tr > :is(td,th) {
  padding: 10px 13px !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
  text-align: right !important;
  vertical-align: middle !important;
  color: #303739 !important;
  background: #fff !important;
  font-weight: 400;
  white-space: normal !important;
  overflow-wrap: anywhere;
  border: 0 !important;
  border-bottom: 1px solid #eceeec !important;
}
/* Only the label cell of two-column rows receives label styling. */
.pd-details #pdDetailsSpecsPanel table tr > :first-child:nth-last-child(2) {
  width: 185px;
  background: #fafafa !important;
  color: #515b5d !important;
  font-weight: 600 !important;
}
.pd-details #pdDetailsSpecsPanel table tr > :is(td,th) + :is(td,th) {
  border-inline-start: 1px solid #f0f1ef !important;
}
.pd-details #pdDetailsSpecsPanel table tr:last-child > :is(td,th) {
  border-bottom: 0 !important;
}
.pd-details #pdDetailsSpecsPanel :is(h2,h3,h4) {
  max-width: 960px;
  margin: 20px auto 10px !important;
  font-size: 14px !important;
  font-weight: 680 !important;
  line-height: 1.85 !important;
  color: #3b4342 !important;
}
/* Some editor-generated 'extra specifications' groups have rounded wrappers. */
.pd-details #pdDetailsSpecsPanel :is(details,div[style*="border-radius"],section[style*="border-radius"]) {
  max-width: 960px;
  margin-inline: auto !important;
  border-radius: 2px !important;
  box-sizing: border-box;
}

/* Downloads: only existing files/links; no change to visibility or content. */
.pd-details #pdDetailsDownloadsPanel :is(p,li,a) {
  font-size: 14px !important;
  line-height: 1.9 !important;
}
.pd-details #pdDetailsDownloadsPanel a,
.pd-details #pdDetailsShippingPanel a {
  color: #c61221 !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* Shipping — FONT ONLY. Admin-managed text; no added card, border or layout. */
.pd-details #pdDetailsShippingPanel {
  font-family: "CR Product Inner Vazirmatn", "Vazirmatn", Tahoma, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.98 !important;
  letter-spacing: normal !important;
}
.pd-details #pdDetailsShippingPanel :is(p,li,div,span) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  overflow-wrap: anywhere;
}
.pd-details #pdDetailsShippingPanel :is(p,li) {
  color: #343b3c !important;
}
.pd-details #pdDetailsShippingPanel p { margin: 0 0 11px !important; }
.pd-details #pdDetailsShippingPanel p:last-child { margin-bottom: 0 !important; }
.pd-details #pdDetailsShippingPanel .shipping-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  max-width: 960px;
  margin-inline: auto;
}
.pd-details #pdDetailsShippingPanel .shipping-card {
  min-width: 0;
  padding: 14px 16px !important;
  border: 1px solid #e8eae8 !important;
  border-radius: 2px !important;
  background: #fbfcfb !important;
  box-shadow: none !important;
}
.pd-details #pdDetailsShippingPanel .shipping-card h3 {
  font-size: 13.5px !important;
  font-weight: 650 !important;
  color: #505b5d !important;
}
.pd-details #pdDetailsShippingPanel .shipping-card .shipping-main {
  font-size: 17px !important;
  font-weight: 730 !important;
  color: #263030 !important;
}
.pd-details #pdDetailsShippingPanel .shipping-card .shipping-sub {
  font-size: 13px !important;
  color: #5b6667 !important;
}
.pd-details #pdDetailsShippingPanel .shipping-pictogram { border-radius: 2px !important; }

@media (max-width: 720px) {
  .pd-details #pdDetailsDescriptionPanel :is(p,li) {
    max-width: 100%;
    font-size: 15px !important;
    line-height: 1.94 !important;
  }
  .pd-details #pdDetailsSpecsPanel table {
    width: 100% !important;
    max-width: 100% !important;
  }
  .pd-details #pdDetailsSpecsPanel table tr > :is(td,th) {
    padding: 10px 9px !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
  }
  .pd-details #pdDetailsSpecsPanel table tr > :first-child:nth-last-child(2) {
    width: 39%;
    min-width: 0;
    font-size: 13.5px !important;
  }
  .pd-details #pdDetailsShippingPanel .shipping-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .pd-details #pdDetailsShippingPanel .shipping-card { padding: 12px 13px !important; }
}
@media (max-width: 345px) {
  .pd-details #pdDetailsSpecsPanel table tr > :is(td,th) {
    padding: 9px 7px !important;
    font-size: 13.5px !important;
  }
  .pd-details #pdDetailsSpecsPanel table tr > :first-child:nth-last-child(2) {
    width: 41%;
    font-size: 13px !important;
  }
}


/* CABINETRO V009 — supplemental specifications inner-only polish, 2026-10-22
   Target ONLY native <details>/<summary> rendered inside the admin-managed
   specification HTML. No changes to product content, main spec table,
   outer accordion buttons, or other panels.
   .pd-row-content here boosts specificity over the earlier generic
   editor-rounded-wrapper radius rule without touching anything else.
*/
.pd-details #pdDetailsSpecsPanel.pd-row-content details {
  width: 100% !important;
  max-width: 960px !important;
  margin: 16px auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  box-sizing: border-box;
}
.pd-details #pdDetailsSpecsPanel.pd-row-content details > summary {
  padding: 0 0 11px !important;
  margin: 0 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #e9ebea !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #454d4d !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.85 !important;
  text-align: right !important;
  cursor: pointer;
}
.pd-details #pdDetailsSpecsPanel.pd-row-content details > summary :is(span,strong,b) {
  font: inherit !important;
  color: inherit !important;
}
.pd-details #pdDetailsSpecsPanel.pd-row-content details > summary:focus-visible {
  outline: 2px solid #c61221;
  outline-offset: 3px;
}
.pd-details #pdDetailsSpecsPanel.pd-row-content details table:last-of-type {
  margin-bottom: 0 !important;
}
@media (max-width: 720px) {
  .pd-details #pdDetailsSpecsPanel.pd-row-content details {
    max-width: 100% !important;
    margin-top: 13px !important;
  }
  .pd-details #pdDetailsSpecsPanel.pd-row-content details > summary {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
  }
}

/* CABINETRO | V009 | Mobile floating actions disabled on test product.
   This CSS is currently loaded ONLY for the tall-cabinet-40x222cm product.
   Desktop and other product pages remain unchanged.
   These elements are outside the locked product-information accordion. */
@media only screen and (max-width: 767px) {
  #myBtn,
  #flt-whatsapp {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}