/* Identity layer for the Webflow page templates (product, category and info pages).
   Colours, fonts and corners are re-mapped in the Webflow stylesheets themselves (site-tools/identity_css.py);
   this file handles the structural pieces. The homepage (.hx) and the custom pages (.svc, .lg, .sol, .pm-home) opt out. */
:root{--id-navy:#0b1033;--id-navy2:#141a4a;--id-blue:#283088;--id-red:#bd191d;--id-red2:#9f1418;--id-ink:#0b1033;--id-ink2:#2a3155;--id-mute:#4a5170;--id-soft:#f3f4f8;--id-tint:#eef0f8;--id-line:#e6e8f0;
  --id-font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html[lang="ar"]{--id-font:"IBM Plex Sans Arabic","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
body{font-family:var(--id-font);color:var(--id-ink);-webkit-font-smoothing:antialiased}
body h1,body h2,body h3,body h4,body h5,body h6,body p,body li,body td,body th,body label,body input,body select,body textarea,body button{font-family:var(--id-font)}
body h1,body h2{font-weight:800;color:var(--id-ink)}
body h1,body h2,body h3{text-transform:none!important}
html[lang="en"] body h1,html[lang="en"] body h2{letter-spacing:-.025em}
body h3{font-weight:800}

/* page band: replaces the old stock-photo "Product" banner */
.wbs-section,.wbs-section-6,.wbs-section-9{background:var(--id-navy)!important;background-image:none!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important}
.wbs-section>*,.wbs-section-6>*,.wbs-section-9>*{display:none}
.wbs-section>.id-band,.wbs-section-6>.id-band,.wbs-section-9>.id-band{display:block}
.id-band{width:100%;max-width:1280px;margin:0 auto;padding:56px 32px 52px;box-sizing:border-box}
.id-band p{margin:0;color:#fff;font-family:var(--id-font);font-size:52px;line-height:1.05;font-weight:800;letter-spacing:-.035em}
html[lang="ar"] .id-band p{letter-spacing:0;line-height:1.25}
.id-band span{display:block;margin-top:12px;color:#c9cde0;font-size:17px;line-height:1.5;font-weight:500;letter-spacing:0}

/* breadcrumb strip */
[class*="f-breadcrumb-wrapper"],.f-breadcrumb,.f-breadcrumb-2{background:var(--id-soft)!important;border:0!important;box-shadow:none!important}
[class*="f-breadcrumb-link"],[class*="f-breadcrumb-link"] div,[class*="f-breadcrumb"] .text-block-69{color:var(--id-ink2)!important;font-family:var(--id-font)!important;font-size:14px}
[class*="f-breadcrumb-link"]:hover div{color:var(--id-red)!important}
[class*="f-breadcrumb-home-svg"] svg,[class*="f-breadcrumb-home"] svg{color:var(--id-navy)}

/* entrance animations: show content immediately instead of waiting for Webflow IX */
[data-w-id][style*="opacity:0"],[data-w-id][style*="opacity: 0"]{opacity:1!important}
[data-w-id][style*="translate3d"]{transform:none!important}

/* specification accordions open by default */
[class*="acordion-body"],[class*="accordion-body"]{height:auto!important;opacity:1!important;transform:none!important;overflow:visible!important}
[class*="accordion-item-wrapper"]{cursor:default;box-shadow:none!important;border:1px solid var(--id-line)!important;border-radius:4px!important}
[class*="accordion-header"] [class*="accordion-btn"],[class*="accordion-header"] [class*="accordion-icon"],[class*="accordion-header"] [class*="accordion-arrow"]{display:none!important}
[class*="accordion-title"]{font-family:var(--id-font)!important;font-weight:800!important;color:var(--id-ink)!important}

/* spec tables */
.table_component{width:100%;border-collapse:collapse;font-family:var(--id-font)}
.table_row{background:#fff}
.table_row:nth-child(odd){background:var(--id-soft)}
.table_cell{padding:12px 16px!important;border:0!important;font-size:15px;line-height:1.5;color:var(--id-ink2);vertical-align:top}
.table_cell.bold{color:var(--id-ink);font-weight:700;width:34%}

/* tabs (series pickers, spec tabs) */
.w-tab-link{font-family:var(--id-font)!important;border-radius:4px!important;box-shadow:none!important;font-weight:700!important;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.w-tab-link.w--current{background:var(--id-navy)!important;color:#fff!important;border-color:var(--id-navy)!important}
.w-tab-link.w--current *{color:#fff!important}
.w-tab-link:not(.w--current){background:#fff!important;border:1.5px solid var(--id-line)!important;color:var(--id-ink)!important}

/* buttons: one shape, red for the action, outline for the alternative */
[class*="f-button-neutral"],[class*="f-button-primary"],[class*="brix---btn-primary"],[class*="uui-button"]:not([class*="secondary"]):not([class*="tertiary"]),a.w-button,input.w-button{background:var(--id-red)!important;color:#fff!important;border:0!important;border-radius:4px!important;font-family:var(--id-font)!important;font-weight:700!important;box-shadow:none!important;transition:background-color .15s ease}
[class*="f-button-neutral"]:hover,[class*="f-button-primary"]:hover,[class*="brix---btn-primary"]:hover,[class*="uui-button"]:not([class*="secondary"]):not([class*="tertiary"]):hover,a.w-button:hover{background:var(--id-red2)!important;transform:none!important}
[class*="f-button-neutral"] *,[class*="f-button-primary"] *,[class*="brix---btn-primary"] *{color:#fff!important}
[class*="f-button-secondary"],[class*="brix---btn-secondary"],[class*="uui-button-secondary"]{background:#fff!important;color:var(--id-ink)!important;border:1.5px solid #cdd2e2!important;border-radius:4px!important;font-family:var(--id-font)!important;font-weight:700!important;box-shadow:none!important}
[class*="f-button-secondary"] *,[class*="brix---btn-secondary"] *{color:var(--id-ink)!important}
[class*="f-button-secondary"]:hover,[class*="brix---btn-secondary"]:hover{border-color:var(--id-navy)!important}

/* cards: flat, 4px, no resting shadow */
[class*="brix---card"],[class*="f-card"],[class*="uui-card"],[class*="brix---blog-card"]{box-shadow:none!important;border-radius:4px!important}
[class*="brix---card"]:hover,[class*="f-card"]:hover{box-shadow:none!important}

/* "Thank you for your interest" band */
[class*="brix---cta-section"]{background-color:var(--id-navy)!important;background-image:none!important}
[class*="brix---cta-section"] h2,[class*="brix---cta-section"] h3,[class*="brix---cta-section"] [class*="heading"],[class*="brix---cta-section"] [class*="title"]{color:#fff!important}
[class*="brix---cta-section"] img[class*="floating"],[class*="brix---cta-section"] [class*="floating-item"]{display:none!important}

/* small uppercase labels -> quiet sentence-case labels */
[class*="heading-detail"],[class*="f-heading-detail"],[class*="uui-heading-subheading"],[class*="subtitle"]{text-transform:none!important;letter-spacing:0!important;font-family:var(--id-font)!important;font-weight:700!important;color:var(--id-red)!important}

/* links + focus */
body a:focus-visible,body button:focus-visible{outline:2px solid var(--id-red);outline-offset:2px}

@media (max-width:767px){
  .id-band{padding:36px 20px 32px}
  .id-band p{font-size:34px}
  .table_cell{padding:10px 12px!important;font-size:14px}
}

/* Product card grids: fixed 350px image boxes overflowed two-column tablet layouts */
.brix---grid-3-columns-4{grid-template-columns:repeat(3,minmax(0,1fr))}
.brix---product-card-wrapper-v1-2{min-width:0;max-width:100%}
.brix---product-card-image-inside-card-2{width:100%;max-width:350px;margin-inline:auto}
@media (max-width:991px){.brix---grid-3-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.brix---grid-3-columns-4{grid-template-columns:minmax(0,1fr)}}