/* Calibration Services - scoped module styles. Store header/footer remain untouched. */ #module-calibrationservices-services .breadcrumb, #module-calibrationservices-catalog .breadcrumb, #module-calibrationservices-about .breadcrumb, #module-calibrationservices-quote .breadcrumb, #module-calibrationservices-services .page-header, #module-calibrationservices-catalog .page-header, #module-calibrationservices-about .page-header, #module-calibrationservices-quote .page-header{display:none!important} #module-calibrationservices-services #wrapper, #module-calibrationservices-catalog #wrapper, #module-calibrationservices-about #wrapper, #module-calibrationservices-quote #wrapper{padding-top:0;background:#eefbff} .cs-shell{scroll-margin-top:150px;--ink:#06232d;--muted:#586b78;--teal:#14c8bd;--soft:#eafafb;--pink:#ffe2e8;--line:rgba(6,35,45,.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 2% 8%,rgba(255,210,221,.76),transparent 27%),radial-gradient(circle at 92% 0%,rgba(187,243,239,.72),transparent 30%),linear-gradient(180deg,#f6fbff 0%,#eff9ff 100%);color:var(--ink);padding:58px 0 72px;min-height:70vh}.cs-shell *{box-sizing:border-box}.cs-layout{max-width:1540px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:28px;align-items:start}.cs-main{min-width:0;display:grid;gap:28px}.cs-side{position:sticky;top:128px;z-index:20;width:84px;min-height:500px;max-height:calc(100vh - 150px);overflow:hidden;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:26px;box-shadow:0 22px 65px rgba(6,35,45,.12);padding:18px;backdrop-filter:blur(18px);transition:width .22s ease,box-shadow .22s ease}.cs-side:hover,.cs-side:focus-within{width:260px;box-shadow:0 28px 80px rgba(6,35,45,.17)}.cs-side-brand{height:48px;display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;margin-bottom:20px;white-space:nowrap}.cs-side-brand:hover{text-decoration:none;color:var(--ink)}.cs-logo-mark{flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:950;letter-spacing:-.04em}.cs-menu-text{opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.cs-side:hover .cs-menu-text,.cs-side:focus-within .cs-menu-text{opacity:1;transform:translateX(0)}.cs-side-brand strong{display:block;font-size:19px;line-height:1}.cs-side-brand small{display:block;color:#62737d;font-weight:800;margin-top:2px}.cs-vertical-menu{display:grid;gap:12px}.cs-vertical-menu a{height:56px;display:flex;align-items:center;gap:13px;border-radius:18px;padding:0 14px;color:#334954;text-decoration:none;font-size:16px;font-weight:900;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}.cs-vertical-menu a:hover{text-decoration:none;color:var(--ink);background:#f4fbfb;transform:translateX(2px)}.cs-vertical-menu a.active{background:#062f3a;color:#fff;box-shadow:0 16px 34px rgba(6,47,58,.18)}.cs-nav-icon{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(6,35,45,.08);font-size:13px}.cs-vertical-menu a.active .cs-nav-icon{background:rgba(255,255,255,.16);color:#fff}.cs-side-card{position:absolute;left:18px;right:18px;bottom:18px;min-height:60px;border:1px solid rgba(20,200,189,.2);background:#f1fcfb;border-radius:20px;padding:14px;color:var(--ink);display:flex;align-items:center;gap:10px}.cs-side-card b{display:block;font-size:28px;letter-spacing:-.06em;line-height:1}.cs-side-card small{display:block;color:#61737e;font-weight:800}.cs-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(20,200,189,.28);background:linear-gradient(90deg,rgba(232,251,248,.96),rgba(255,255,255,.94));box-shadow:0 10px 30px rgba(20,200,189,.12);border-radius:999px;padding:10px 18px;color:#07887f;font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.cs-hero-qvery{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.86fr);gap:24px;align-items:center;min-height:690px;border:1px solid rgba(6,35,45,.08);border-radius:36px;background:linear-gradient(125deg,#fff 0%,#f8fcff 40%,#efffff 100%);box-shadow:0 30px 90px rgba(6,35,45,.09);padding:72px 72px 62px}.cs-hero-qvery:before{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(90deg,rgba(255,224,232,.72),rgba(193,247,241,.82));opacity:.65}.cs-hero-copy,.cs-hero-visual{position:relative;z-index:1}.cs-hero-copy h1{max-width:680px;font-size:clamp(54px,7vw,104px);line-height:.93;letter-spacing:-.09em;margin:28px 0 20px;color:var(--ink);font-weight:950}.cs-hero-copy p{max-width:660px;color:#354b56;font-size:22px;line-height:1.55;margin:0 0 26px}.cs-search-card{max-width:680px;position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;background:#fff;border:1px solid #dce7ed;border-radius:22px;padding:8px;box-shadow:0 18px 44px rgba(6,35,45,.08)}.cs-search-card input{min-width:0;border:0;outline:0;padding:16px 18px;font-size:16px;color:var(--ink);background:transparent}.cs-search-card button{border:0;border-radius:16px;background:#06232d;color:#fff;font-weight:950;padding:0 26px;cursor:pointer}.cs-results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #dfe8ed;border-radius:18px;box-shadow:0 20px 54px rgba(6,35,45,.13);overflow:hidden;display:none;z-index:8}.cs-results.active{display:block}.cs-results a{display:block;padding:13px 16px;color:var(--ink);font-weight:850;text-decoration:none;border-bottom:1px solid #eef2f5}.cs-results a:hover{background:#f5fbfb;text-decoration:none}.cs-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.cs-btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;border-radius:16px;padding:0 24px;font-weight:950;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.cs-btn:hover{text-decoration:none;transform:translateY(-2px)}.cs-btn-dark{background:#06232d;color:#fff!important;box-shadow:0 18px 40px rgba(6,35,45,.18)}.cs-btn-light{background:#fff;color:var(--ink)!important;border:1px solid #dce7ed}.cs-hero-visual{min-height:470px}.cs-hero-visual svg{position:absolute;right:-24px;top:48px;width:min(560px,100%);height:auto}.cs-blob{position:absolute;border-radius:999px;filter:blur(.1px)}.cs-blob-a{right:-12px;top:22px;width:320px;height:230px;background:#c3f5f0}.cs-blob-b{right:110px;bottom:20px;width:330px;height:190px;background:#bdf5ef}.cs-device-card{position:absolute;z-index:3;width:222px;border:3px solid var(--ink);border-radius:18px;background:#fff;padding:18px 19px;box-shadow:16px 16px 0 #06232d;color:var(--ink)}.cs-device-card span{display:block;width:46px;height:8px;border-radius:999px;background:var(--teal);margin-bottom:14px}.cs-device-card strong{display:block;font-size:18px;letter-spacing:-.03em}.cs-device-card small{display:block;color:#5d707a;line-height:1.35;margin-top:5px}.cs-device-1{right:260px;top:160px}.cs-device-2{right:60px;top:260px}.cs-device-3{right:180px;bottom:4px}.cs-section,.cs-page-title,.cs-two-col,.cs-quote-layout,.cs-feature-row article,.cs-service-card,.cs-form-box,.cs-quote-notes,.cs-about-panel,.cs-split-section,.cs-process-section,.cs-faq-section{background:rgba(255,255,255,.86);border:1px solid rgba(6,35,45,.08);border-radius:30px;box-shadow:0 20px 60px rgba(6,35,45,.075)}.cs-section{padding:44px}.cs-section-head span,.cs-split-copy span{display:inline-block;color:#07887f;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;margin-bottom:12px}.cs-section-head h2,.cs-split-copy h2,.cs-two-col h2{font-size:clamp(34px,4vw,62px);line-height:1;letter-spacing:-.06em;margin:0 0 14px;color:var(--ink);font-weight:950}.cs-section-head p,.cs-feature-row p,.cs-service-card p,.cs-two-col p,.cs-about-panel p,.cs-quote-notes li,.cs-split-copy p,.cs-split-cards p,.cs-process-list p,.cs-faq-list p{color:var(--muted);line-height:1.62;margin:0}.cs-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;background:transparent;border:0;box-shadow:none}.cs-feature-row article{padding:26px}.cs-feature-row b{display:inline-grid;place-items:center;min-width:40px;height:32px;border-radius:999px;background:#e8fbf8;color:#08796f;font-weight:950;margin-bottom:16px;padding:0 11px}.cs-feature-row h3,.cs-service-card h3,.cs-about-panel h3,.cs-quote-notes h3,.cs-split-cards h3,.cs-process-list h3{font-size:21px;color:var(--ink);letter-spacing:-.03em;margin:0 0 9px;font-weight:950}.cs-split-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:center;padding:44px;background:linear-gradient(120deg,#fff,#effcfb)}.cs-split-copy a{display:inline-block;margin-top:22px;font-weight:950;color:#08796f;text-decoration:none}.cs-split-cards{display:grid;gap:14px}.cs-split-cards article{background:#fff;border:1px solid #e2edf0;border-radius:22px;padding:24px}.cs-process-list{display:grid;gap:14px;margin-top:22px}.cs-process-list article{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid #e3edf0;border-radius:22px;padding:22px}.cs-process-list b{width:48px;height:48px;border-radius:16px;background:#06232d;color:#fff;display:grid;place-items:center;font-weight:950}.cs-faq-list{display:grid;gap:12px;margin-top:22px}.cs-faq-list details{background:#fff;border:1px solid #e2edf0;border-radius:18px;padding:0}.cs-faq-list summary{cursor:pointer;padding:18px 20px;font-weight:950;color:var(--ink)}.cs-faq-list p{padding:0 20px 18px}.cs-page-title{padding:52px}.cs-page-title h1{font-size:clamp(46px,6vw,86px);line-height:.95;letter-spacing:-.08em;margin:24px 0 16px;color:var(--ink);font-weight:950}.cs-page-title p{max-width:760px;color:#435a66;font-size:20px;line-height:1.55}.cs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.cs-service-card{position:relative;overflow:hidden;padding:28px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cs-service-card:after{content:"";position:absolute;right:-50px;top:-55px;width:140px;height:140px;border-radius:50%;background:#c7f6f2}.cs-service-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(6,35,45,.12);border-color:#b9eee8}.cs-service-icon{position:relative;z-index:1;width:52px;height:52px;border-radius:18px;background:#06232d;color:#fff;display:grid;place-items:center;font-weight:950;margin-bottom:18px}.cs-service-card h3,.cs-service-card p,.cs-service-card a{position:relative;z-index:1}.cs-service-card a{display:inline-block;margin-top:18px;color:#08796f;text-decoration:none;font-weight:950}.cs-about-hero{background:linear-gradient(135deg,#fff,#eefbfa)}.cs-two-col{padding:36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:24px;align-items:start}.cs-about-panel{padding:26px;background:#06232d;color:#fff}.cs-about-panel h3,.cs-about-panel p{color:#fff}.cs-about-panel p{opacity:.84}.cs-about-features{margin-top:0}.cs-quote-layout{padding:30px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.cs-form-box{padding:28px}.cs-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cs-form input,.cs-form select,.cs-form textarea{width:100%;border:1px solid #d8e1e7;border-radius:15px;padding:14px 15px;min-height:52px;background:#fff;color:var(--ink);outline:0}.cs-form input:focus,.cs-form select:focus,.cs-form textarea:focus{border-color:#12c8bb;box-shadow:0 0 0 4px rgba(18,200,187,.12)}.cs-form textarea{grid-column:1/-1;min-height:130px}.cs-form button,.cs-form-msg{grid-column:1/-1}.cs-form button{border:0;cursor:pointer}.cs-form-msg{color:#08796f;font-weight:850}.cs-quote-notes{padding:28px;background:#f6fcfc}.cs-quote-notes ul{margin:14px 0 0;padding-left:19px}.cs-track-card,.cs-product-cta{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;border:1px solid #e5ebef;border-radius:22px;padding:22px;box-shadow:0 18px 44px rgba(9,32,43,.08)}.cs-product-cta h3{margin:0 0 8px;font-size:20px;color:var(--ink)}.cs-product-cta p{margin:0 0 16px;color:var(--muted)}.cs-product-actions{display:flex;gap:10px;flex-wrap:wrap}.cs-product-actions a{border-radius:12px;padding:12px 16px;font-weight:900;text-decoration:none}.cs-product-actions a:first-child{background:#06232d;color:#fff}.cs-product-actions a:last-child{background:#f2fbfa;color:#08796f;border:1px solid #c8f2ed}@media(max-width:1180px){.cs-layout{grid-template-columns:1fr;padding:0 18px}.cs-side{position:relative;top:auto;width:100%;min-height:auto;display:flex;align-items:center;gap:14px}.cs-side:hover,.cs-side:focus-within{width:100%}.cs-menu-text{opacity:1;transform:none}.cs-vertical-menu{display:flex;flex-wrap:wrap}.cs-vertical-menu a{width:auto}.cs-side-card{display:none}.cs-hero-qvery,.cs-split-section,.cs-two-col,.cs-quote-layout{grid-template-columns:1fr}.cs-hero-qvery{padding:46px 30px}.cs-hero-visual{min-height:430px}.cs-feature-row{grid-template-columns:1fr}.cs-form{grid-template-columns:1fr}}@media(max-width:700px){.cs-shell{padding:18px 0 42px}.cs-layout{padding:0 12px;gap:18px}.cs-side,.cs-hero-qvery,.cs-section,.cs-page-title,.cs-two-col,.cs-quote-layout{border-radius:22px}.cs-side{display:block}.cs-vertical-menu{display:grid;grid-template-columns:1fr 1fr}.cs-hero-copy h1,.cs-page-title h1{font-size:42px}.cs-hero-copy p{font-size:17px}.cs-search-card{display:block}.cs-search-card button{width:100%;padding:14px;margin-top:8px}.cs-hero-visual{min-height:330px}.cs-hero-visual svg{right:-80px;top:35px;width:420px}.cs-device-card{display:none}.cs-section,.cs-page-title{padding:28px}.cs-section-head h2,.cs-split-copy h2{font-size:36px}} /* v8: keep module side rail below sticky EnvMart header and prevent truncation while scrolling */ .cs-shell{padding-top:32px!important;overflow:visible!important}.cs-layout{align-items:start}.cs-side{top:155px!important;max-height:calc(100vh - 175px);overflow:visible!important}.cs-side .cs-vertical-menu a{overflow:visible}.cs-side .cs-nav-icon{flex:0 0 36px}.cs-side:hover{z-index:30}@media(max-width:1180px){.cs-side{top:auto!important;max-height:none!important}} /* v8: calibration category pages generated from normal Prestashop categories */ body.cs-calibration-category-page #js-product-list-header, body.cs-calibration-category-page .block-category, body.cs-calibration-category-page #subcategories{display:none!important} body.cs-calibration-category-page #content-wrapper, body.cs-calibration-product-page #content-wrapper{background:linear-gradient(120deg,#eafcff 0%,#fff6f8 46%,#dff7ff 100%);padding-top:0!important} body.cs-calibration-category-page .products, body.cs-calibration-category-page #js-product-list .products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;align-items:stretch} body.cs-calibration-category-page .product-miniature, body.cs-calibration-category-page .product-miniature .thumbnail-container, body.cs-calibration-category-page article.product-miniature{height:auto!important;background:#fff!important;border:1px solid rgba(6,35,45,.08)!important;border-radius:28px!important;box-shadow:0 22px 60px rgba(6,35,45,.08)!important;overflow:hidden!important;padding:0!important;transition:transform .18s ease,box-shadow .18s ease} body.cs-calibration-category-page article.product-miniature:hover{transform:translateY(-4px);box-shadow:0 34px 70px rgba(6,35,45,.13)!important} body.cs-calibration-category-page .product-miniature .thumbnail-top, body.cs-calibration-category-page .product-miniature .thumbnail-container>a{background:#f8fdff!important;border-radius:28px 28px 0 0!important;min-height:240px!important;display:grid!important;place-items:center!important} body.cs-calibration-category-page .product-miniature img{max-height:220px!important;width:auto!important;object-fit:contain!important;margin:auto!important} body.cs-calibration-category-page .product-miniature .product-description{position:static!important;height:auto!important;background:#fff!important;padding:18px 20px 22px!important;text-align:left!important} body.cs-calibration-category-page .product-miniature .product-title, body.cs-calibration-category-page .product-miniature .product-title a{font-size:18px!important;line-height:1.2!important;font-weight:900!important;color:#06232d!important;text-transform:none!important;letter-spacing:-.02em!important;text-align:left!important} body.cs-calibration-category-page .product-miniature .price, body.cs-calibration-category-page .product-miniature .product-price-and-shipping, body.cs-calibration-category-page .product-miniature .regular-price, body.cs-calibration-category-page .product-miniature .discount-percentage, body.cs-calibration-category-page .product-miniature .highlighted-informations{display:none!important} .cs-category-hero{max-width:1420px;margin:0 auto 30px;padding:56px 44px;border-radius:0 0 38px 38px;background:linear-gradient(120deg,#f4fbff 0%,#fff6fb 48%,#d9f8f4 100%);display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:center;box-shadow:0 18px 70px rgba(6,35,45,.07)} .cs-category-hero .cs-eyebrow,.cs-product-service-hero .cs-eyebrow{display:inline-flex;border:1px solid rgba(6,35,45,.12);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;background:#fff;color:#06232d;margin-bottom:20px}.cs-category-hero h1,.cs-product-service-hero h1{font-size:clamp(46px,6vw,92px);line-height:.95;letter-spacing:-.075em;font-weight:950;margin:0 0 20px;color:#06232d}.cs-category-hero p,.cs-product-service-hero p{font-size:20px;line-height:1.55;color:#405967;max-width:680px;margin:0 0 28px}.cs-category-actions,.cs-product-service-actions{display:flex;gap:14px;flex-wrap:wrap}.cs-category-actions a,.cs-product-service-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border-radius:15px;padding:0 22px;font-weight:950;text-decoration:none}.cs-category-actions a:first-child,.cs-product-service-actions a:first-child{background:#06232d;color:#fff}.cs-category-actions a:last-child,.cs-product-service-actions a:last-child{background:#fff;color:#06232d;border:1px solid #dbe8ec}.cs-category-visual{min-height:300px;position:relative}.cs-category-visual:before{content:"";position:absolute;inset:20px 0 0 70px;background:#c7f5f1;border-radius:80px}.cs-category-card{position:absolute;border:3px solid #06232d;border-radius:20px;background:#fff;padding:22px;box-shadow:15px 15px 0 #06232d}.cs-category-card span{display:block;width:54px;height:8px;border-radius:999px;background:#19c8bd;margin-bottom:16px}.cs-category-card strong{display:block;font-size:22px;color:#06232d}.cs-category-card small{display:block;color:#637680;margin-top:8px}.cs-category-card.card-a{right:110px;top:35px}.cs-category-card.card-b{right:20px;top:150px}.cs-category-card.card-c{left:10px;bottom:10px} .cs-product-list-note{max-width:1420px;margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid rgba(6,35,45,.08);border-radius:22px;padding:18px 22px;box-shadow:0 18px 44px rgba(6,35,45,.06)}.cs-product-list-note strong{color:#06232d;font-size:18px}.cs-product-list-note span{color:#536a76} /* v8: calibration product detail page overlay */ .cs-product-service-hero{max-width:1500px;margin:0 auto 30px;padding:50px 42px;border-radius:0 0 38px 38px;background:linear-gradient(120deg,#f3fbff 0%,#fff6fb 52%,#d9f8f4 100%);display:grid;grid-template-columns:minmax(0,1fr) 510px;gap:42px;align-items:center;box-shadow:0 18px 70px rgba(6,35,45,.075)}.cs-product-service-media{background:#fff;border-radius:34px;min-height:430px;display:grid;place-items:center;box-shadow:0 22px 60px rgba(6,35,45,.09);position:relative;overflow:hidden}.cs-product-service-media:before{content:"";position:absolute;right:-80px;top:-70px;width:300px;height:300px;border-radius:50%;background:#c7f6f2}.cs-product-service-media img{position:relative;z-index:1;max-width:86%;max-height:360px;object-fit:contain}.cs-product-related{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}.cs-product-related span{border-radius:999px;background:#eefbf9;border:1px solid #c9f1ed;color:#08796f;padding:8px 12px;font-weight:850}.cs-product-desc-card{max-width:1500px;margin:0 auto 34px;background:#fff;border:1px solid rgba(6,35,45,.08);border-radius:30px;padding:38px;box-shadow:0 20px 60px rgba(6,35,45,.075)}.cs-product-desc-card h2{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:0 0 16px;color:#06232d}.cs-product-desc-card p,.cs-product-desc-card li{font-size:17px;line-height:1.65;color:#3f5662}.cs-product-desc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.cs-product-desc-grid article{border:1px solid #dfeaec;border-radius:20px;padding:18px;background:#fbfeff}.cs-product-desc-grid strong{display:block;color:#06232d;font-size:18px;margin-bottom:6px}.cs-product-desc-grid span{color:#5c707a} body.cs-calibration-product-page .product-prices, body.cs-calibration-product-page .product-add-to-cart, body.cs-calibration-product-page .product-actions, body.cs-calibration-product-page .product-variants, body.cs-calibration-product-page .product-quantity, body.cs-calibration-product-page .js-mailalert, body.cs-calibration-product-page .wishlist-button-add, body.cs-calibration-product-page .product-discounts, body.cs-calibration-product-page .tabs .nav-tabs{display:none!important} body.cs-calibration-product-page .cs-product-cta{margin-top:18px} @media(max-width:1100px){.cs-category-hero,.cs-product-service-hero{grid-template-columns:1fr}.cs-category-visual{display:none}.cs-product-service-media{min-height:300px}.cs-product-desc-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.cs-category-hero,.cs-product-service-hero{padding:34px 22px;border-radius:0 0 26px 26px}.cs-category-hero h1,.cs-product-service-hero h1{font-size:44px}.cs-category-hero p,.cs-product-service-hero p{font-size:17px}.cs-product-desc-grid{grid-template-columns:1fr}} body.cs-calibration-category-page .products-selection, body.cs-calibration-category-page #js-product-list-top, body.cs-calibration-category-page .total-products, body.cs-calibration-category-page .sort-by-row{display:none!important} body.cs-calibration-product-page .product-container, body.cs-calibration-product-page .images-container, body.cs-calibration-product-page .product-cover, body.cs-calibration-product-page .product-information .product-description-short, body.cs-calibration-product-page .product-information>.h1, body.cs-calibration-product-page h1.h1{display:none!important} /* v9 fixes: service cards, product page cleanup, modern quote form */ .cs-service-products-section{overflow:hidden}.cs-service-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px}.cs-service-product-card{background:#fff;border:1px solid rgba(6,35,45,.09);border-radius:28px;overflow:hidden;box-shadow:0 18px 54px rgba(6,35,45,.07);display:flex;flex-direction:column;min-height:100%;transition:transform .18s ease,box-shadow .18s ease}.cs-service-product-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(6,35,45,.11)}.cs-service-product-image{display:grid;place-items:center;min-height:205px;background:linear-gradient(135deg,#f6fbff,#e9fbf8);text-decoration:none}.cs-service-product-image img{max-width:86%;max-height:180px;object-fit:contain}.cs-service-product-image span{width:70px;height:70px;border-radius:22px;background:#06232d;color:#fff;display:grid;place-items:center;font-weight:950;font-size:22px}.cs-service-product-content{padding:24px}.cs-service-product-content>span{display:inline-flex;border-radius:999px;background:#ecfbf9;color:#08796f;border:1px solid #c9f1ed;padding:7px 11px;font-size:12px;font-weight:950;margin-bottom:13px}.cs-service-product-content h3{font-size:22px;line-height:1.15;letter-spacing:-.035em;margin:0 0 10px;color:#06232d}.cs-service-product-content h3 a{color:inherit;text-decoration:none}.cs-service-product-content p{color:#586b78;line-height:1.58;margin:0}.cs-service-product-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.cs-service-product-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:13px;padding:0 15px;font-weight:950;text-decoration:none}.cs-service-product-actions a:first-child{background:#06232d;color:#fff}.cs-service-product-actions a:last-child{background:#fff;color:#06232d;border:1px solid #dbe8ec} body.cs-calibration-category-page #wrapper{background:linear-gradient(120deg,#eefbff,#fff7fb 48%,#e8fbf8)}body.cs-calibration-category-page .page-header,body.cs-calibration-category-page #js-product-list-header,body.cs-calibration-category-page .sort-by-row{max-width:1420px;margin-left:auto;margin-right:auto}.cs-product-list-note{max-width:1420px;margin:0 auto 20px;padding:20px 22px;border-radius:24px;background:#fff;border:1px solid rgba(6,35,45,.09);box-shadow:0 18px 50px rgba(6,35,45,.07);display:flex;align-items:center;justify-content:space-between;gap:18px}.cs-product-list-note span{display:block;color:#07887f;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;margin-bottom:4px}.cs-product-list-note strong{display:block;font-size:26px;line-height:1.1;color:#06232d;letter-spacing:-.04em}.cs-product-list-note small{display:block;color:#586b78;margin-top:4px}body.cs-calibration-category-page #js-product-list,body.cs-calibration-category-page .products{max-width:1420px;margin-left:auto;margin-right:auto}body.cs-calibration-category-page .products{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(270px,320px));gap:22px;align-items:stretch}body.cs-calibration-category-page .product-miniature,body.cs-calibration-category-page .js-product-miniature{background:#fff!important;border:1px solid rgba(6,35,45,.08)!important;border-radius:28px!important;box-shadow:0 18px 54px rgba(6,35,45,.07)!important;overflow:hidden!important;padding:0!important;transition:transform .18s ease,box-shadow .18s ease}body.cs-calibration-category-page .product-miniature:hover,body.cs-calibration-category-page .js-product-miniature:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(6,35,45,.11)!important}body.cs-calibration-category-page .product-miniature .thumbnail-container,body.cs-calibration-category-page .js-product-miniature .thumbnail-container{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:22px!important;height:auto!important;margin:0!important}body.cs-calibration-category-page .product-miniature img,body.cs-calibration-category-page .js-product-miniature img{max-height:190px;object-fit:contain}body.cs-calibration-category-page .product-miniature .product-title,body.cs-calibration-category-page .js-product-miniature .product-title{font-size:18px!important;line-height:1.22!important;font-weight:950!important;letter-spacing:-.025em!important;color:#06232d!important;text-align:left!important;margin:12px 0 8px!important}body.cs-calibration-category-page .product-miniature .product-title a,body.cs-calibration-category-page .js-product-miniature .product-title a{color:#06232d!important;text-decoration:none!important}body.cs-calibration-category-page .product-miniature .product-price-and-shipping,body.cs-calibration-category-page .product-miniature .highlighted-informations{display:none!important}body.cs-calibration-category-page .product-miniature:after,body.cs-calibration-category-page .js-product-miniature:after{content:'View scope and request quote';display:block;margin:0 22px 22px;padding:13px 15px;border-radius:14px;background:#06232d;color:#fff;font-weight:950;text-align:center} body.cs-calibration-product-page #wrapper{background:linear-gradient(120deg,#eefbff,#fff7fb 48%,#e8fbf8)!important}body.cs-calibration-product-page #main .breadcrumb,body.cs-calibration-product-page .breadcrumb{display:block!important;max-width:1500px;margin:0 auto 18px;padding:18px 16px 0;background:transparent}body.cs-calibration-product-page #main,body.cs-calibration-product-page #content-wrapper{padding-top:0!important}body.cs-calibration-product-page .cs-product-service-hero+section{margin-top:0}body.cs-calibration-product-page .product-container,body.cs-calibration-product-page .product-cover,body.cs-calibration-product-page .product-images,body.cs-calibration-product-page .images-container,body.cs-calibration-product-page .product-prices,body.cs-calibration-product-page .product-actions,body.cs-calibration-product-page .product-add-to-cart,body.cs-calibration-product-page .product-information,body.cs-calibration-product-page .tabs,body.cs-calibration-product-page #product-details,body.cs-calibration-product-page .product-features,body.cs-calibration-product-page .product-accessories,body.cs-calibration-product-page .page-footer{display:none!important}.cs-product-service-hero{max-width:1500px;border-radius:34px;margin:24px auto 30px;padding:62px 54px}.cs-product-desc-card{max-width:1500px;margin:0 auto 42px;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:26px;align-items:start;padding:42px}.cs-product-desc-content>span{display:inline-block;color:#07887f;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;margin-bottom:10px}.cs-product-desc-text h1,.cs-product-desc-text h2,.cs-product-desc-text h3{color:#06232d;letter-spacing:-.035em}.cs-product-desc-text p{font-size:18px;line-height:1.7;color:#354b56}.cs-product-desc-text ul{padding-left:20px}.cs-product-desc-text li{margin-bottom:8px}.cs-product-image-fallback{width:140px;height:140px;border-radius:36px;background:#06232d;color:#fff;display:grid;place-items:center;font-size:42px;font-weight:950}.cs-product-inline-quote{position:sticky;top:140px}.cs-product-cta{border-radius:30px;padding:0;overflow:hidden;background:linear-gradient(145deg,#fff,#f5fffe);border:1px solid rgba(6,35,45,.09);box-shadow:0 22px 68px rgba(6,35,45,.11)}.cs-product-cta-head{padding:26px 26px 18px;background:linear-gradient(135deg,#f6fbff,#e6fbf8)}.cs-product-cta-head span{display:inline-flex;border-radius:999px;padding:7px 11px;background:#06232d;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:950;margin-bottom:14px}.cs-product-cta h3{font-size:26px;line-height:1.05;letter-spacing:-.04em;margin:0 0 10px;color:#06232d}.cs-product-cta p{font-size:15px;line-height:1.48;color:#586b78;margin:0}.cs-product-form{padding:22px 26px 26px}.cs-product-form-grid{display:grid;grid-template-columns:1fr;gap:11px}.cs-product-form input,.cs-product-form select{width:100%;height:48px;border:1px solid #d7e3e8;border-radius:14px;background:#fff;color:#06232d;padding:0 14px;outline:0;font-size:15px}.cs-product-form input:focus,.cs-product-form select:focus{border-color:#16c7bd;box-shadow:0 0 0 4px rgba(22,199,189,.12)}.cs-product-form button{width:100%;min-height:52px;border:0;border-radius:16px;background:#06232d;color:#fff;font-weight:950;margin-top:14px;cursor:pointer;box-shadow:0 16px 35px rgba(6,35,45,.18)}.cs-product-msg{font-size:14px;line-height:1.45;color:#08796f;font-weight:850;margin-top:12px}.cs-product-msg a{color:#06232d;text-decoration:underline}@media(max-width:1100px){.cs-product-desc-card{grid-template-columns:1fr}.cs-product-inline-quote{position:relative;top:auto}.cs-service-product-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.cs-product-desc-card,.cs-product-service-hero{margin-left:12px;margin-right:12px;padding:26px;border-radius:24px}.cs-service-product-grid{grid-template-columns:1fr}.cs-product-list-note{margin-left:12px;margin-right:12px;display:block}.cs-product-list-note .cs-btn{margin-top:14px}.cs-product-service-hero{grid-template-columns:1fr}.cs-product-service-media{min-height:260px}.cs-product-service-media img{max-height:220px}.cs-product-desc-grid{grid-template-columns:1fr}} /* v10 fixes: keep theme header/footer in place, consistent module widths, compact form, no dark menu overlay */ body.cs-calibration-category-page #wrapper, body.cs-calibration-product-page #wrapper{background:linear-gradient(120deg,#eefbff,#fff7fb 48%,#e8fbf8)!important;overflow:visible!important;} body.cs-calibration-category-page #content-wrapper, body.cs-calibration-product-page #content-wrapper{width:100%!important;max-width:none!important;padding:0 0 60px!important;} body.cs-calibration-category-page .cs-category-hero, body.cs-calibration-product-page .cs-product-service-hero, body.cs-calibration-product-page .cs-product-desc-card, .cs-service-product-grid, .cs-product-list-note{max-width:1540px!important;margin-left:auto!important;margin-right:auto!important;} body.cs-calibration-category-page .cs-category-hero{margin-top:28px!important;margin-bottom:28px!important;padding:64px 56px!important;border-radius:36px!important;} body.cs-calibration-product-page .cs-product-service-hero{margin-top:28px!important;margin-bottom:28px!important;padding:64px 56px!important;border-radius:36px!important;} body.cs-calibration-product-page .cs-product-desc-card{margin-top:0!important;margin-bottom:46px!important;padding:48px 54px!important;border-radius:34px!important;background:rgba(255,255,255,.92)!important;} body.cs-calibration-product-page .cs-product-desc-content{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;} body.cs-calibration-product-page .cs-product-desc-content h2{font-size:clamp(36px,4.2vw,64px)!important;line-height:1!important;letter-spacing:-.06em!important;margin:0 0 18px!important;color:#06232d!important;font-weight:950!important;} body.cs-calibration-product-page .cs-product-desc-text, body.cs-calibration-product-page .cs-product-desc-text p{font-size:20px!important;line-height:1.7!important;color:#354b56!important;font-weight:400!important;letter-spacing:0!important;} body.cs-calibration-product-page .cs-product-desc-text h1, body.cs-calibration-product-page .cs-product-desc-text h2, body.cs-calibration-product-page .cs-product-desc-text h3{font-size:28px!important;line-height:1.15!important;letter-spacing:-.035em!important;margin:24px 0 14px!important;color:#06232d!important;font-weight:950!important;} body.cs-calibration-product-page .cs-hide-default-product{display:none!important;} body.cs-calibration-product-page .product-container, body.cs-calibration-product-page .product-information, body.cs-calibration-product-page .product-prices, body.cs-calibration-product-page .product-actions, body.cs-calibration-product-page .product-add-to-cart, body.cs-calibration-product-page .tabs, body.cs-calibration-product-page #product-details, body.cs-calibration-product-page .product-features, body.cs-calibration-product-page .product-accessories{display:none!important;} .cs-product-inline-quote{position:relative!important;top:auto!important;} .cs-product-cta-compact{border-radius:28px!important;box-shadow:0 18px 48px rgba(6,35,45,.09)!important;} .cs-product-cta-compact .cs-product-cta-head{padding:22px 24px 14px!important;} .cs-product-cta-compact .cs-product-cta-head h3{font-size:24px!important;} .cs-product-cta-compact .cs-product-form{padding:18px 24px 24px!important;} .cs-product-cta-compact .cs-product-form-grid{gap:10px!important;} .cs-product-cta-compact input, .cs-product-cta-compact select{height:46px!important;border-radius:13px!important;font-size:15px!important;} .cs-product-form-advanced{display:none;gap:10px;grid-template-columns:1fr;} .cs-product-form.is-open .cs-product-form-advanced, .cs-product-form:focus-within .cs-product-form-advanced{display:grid;} .cs-product-cta-compact button{min-height:48px!important;border-radius:14px!important;margin-top:12px!important;} /* Keep the vertical menu icon-only clean. On hover it expands, but no dark bar covers content. */ .cs-side{z-index:6!important;} .cs-vertical-menu a.active{background:transparent!important;color:#06232d!important;box-shadow:none!important;} .cs-vertical-menu a.active .cs-nav-icon{background:#06232d!important;color:#fff!important;} .cs-vertical-menu a:hover{background:#f1fbfa!important;color:#06232d!important;} .cs-side:hover{z-index:12!important;} .cs-side:hover .cs-vertical-menu a.active{background:#f1fbfa!important;} .cs-layout{max-width:1540px!important;} .cs-main,.cs-section,.cs-hero-qvery,.cs-page-title,.cs-split-section,.cs-process-section,.cs-faq-section{width:100%;} .cs-section{border-radius:34px!important;} .cs-service-products-section{padding:44px!important;} .cs-service-product-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:22px!important;} .cs-service-product-card{border-radius:12px!important;box-shadow:0 10px 28px rgba(6,35,45,.08)!important;border:1px solid #e3e8ee!important;} .cs-service-product-image{min-height:260px!important;background:linear-gradient(180deg,#f4f6f8,#ffffff)!important;} .cs-service-product-image img{max-height:230px!important;} .cs-service-product-content h3{font-size:24px!important;letter-spacing:-.03em!important;} .cs-service-product-content p{font-size:16px!important;line-height:1.55!important;} @media(max-width:1100px){ body.cs-calibration-product-page .cs-product-desc-card{grid-template-columns:1fr!important;} body.cs-calibration-category-page .cs-category-hero, body.cs-calibration-product-page .cs-product-service-hero, body.cs-calibration-product-page .cs-product-desc-card{margin-left:16px!important;margin-right:16px!important;padding:32px!important;} } @media(max-width:700px){ .cs-service-product-grid{grid-template-columns:1fr!important;} body.cs-calibration-product-page .cs-product-desc-text, body.cs-calibration-product-page .cs-product-desc-text p{font-size:17px!important;} } /* v11 targeted fixes: category default area, service cards, customer tracking dashboard */ body.cs-calibration-category-page .breadcrumb, body.cs-calibration-category-page #js-product-list-header, body.cs-calibration-category-page .block-category, body.cs-calibration-category-page .category-cover, body.cs-calibration-category-page .products-selection, body.cs-calibration-category-page .pagination, body.cs-calibration-category-page .total-products, body.cs-calibration-category-page .sort-by-row, body.cs-calibration-category-page .products-sort-order, body.cs-calibration-category-page .page-header, body.cs-calibration-category-page #content-wrapper > h1, body.cs-calibration-category-page #main > h1, body.cs-calibration-category-page .page-title{display:none!important;} body.cs-calibration-category-page #wrapper{background:radial-gradient(circle at 8% 12%,rgba(255,218,226,.7),transparent 28%),radial-gradient(circle at 92% 4%,rgba(194,246,242,.8),transparent 32%),#effbff!important;padding-top:0!important;} body.cs-calibration-category-page #content-wrapper, body.cs-calibration-category-page #main, body.cs-calibration-category-page .container{max-width:1540px!important;} body.cs-calibration-category-page .cs-category-hero{margin-top:30px!important;margin-bottom:30px!important;} body.cs-calibration-category-page .cs-product-list-note{margin-top:0!important;margin-bottom:22px!important;} body.cs-calibration-category-page #js-product-list .products, body.cs-calibration-category-page .products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))!important;gap:24px!important;align-items:stretch!important;} body.cs-calibration-category-page .product-miniature, body.cs-calibration-category-page .js-product-miniature{width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;} body.cs-calibration-category-page .product-miniature .thumbnail-container, body.cs-calibration-category-page .js-product-miniature .thumbnail-container{height:auto!important;min-height:0!important;width:100%!important;background:#fff!important;border:1px solid #e7edf2!important;border-radius:18px!important;box-shadow:0 14px 34px rgba(6,35,45,.08)!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important;transition:transform .18s ease,box-shadow .18s ease!important;} body.cs-calibration-category-page .product-miniature .thumbnail-container:hover, body.cs-calibration-category-page .js-product-miniature .thumbnail-container:hover{transform:translateY(-4px)!important;box-shadow:0 24px 56px rgba(6,35,45,.14)!important;} body.cs-calibration-category-page .product-miniature .thumbnail-top, body.cs-calibration-category-page .js-product-miniature .thumbnail-top{height:250px!important;background:linear-gradient(180deg,#f7f9fb,#fff)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:28px!important;} body.cs-calibration-category-page .product-miniature img, body.cs-calibration-category-page .js-product-miniature img{max-width:100%!important;max-height:205px!important;object-fit:contain!important;} body.cs-calibration-category-page .product-miniature .product-description, body.cs-calibration-category-page .js-product-miniature .product-description{position:static!important;height:auto!important;background:#fff!important;padding:24px!important;display:flex!important;flex-direction:column!important;gap:12px!important;text-align:left!important;} body.cs-calibration-category-page .product-miniature .product-title, body.cs-calibration-category-page .js-product-miniature .product-title{margin:0!important;text-align:left!important;font-size:22px!important;line-height:1.15!important;font-weight:950!important;letter-spacing:-.035em!important;color:#06232d!important;} body.cs-calibration-category-page .product-miniature .product-title a, body.cs-calibration-category-page .js-product-miniature .product-title a{color:#06232d!important;text-decoration:none!important;} body.cs-calibration-category-page .product-miniature .product-price-and-shipping, body.cs-calibration-category-page .js-product-miniature .product-price-and-shipping, body.cs-calibration-category-page .product-miniature .highlighted-informations, body.cs-calibration-category-page .js-product-miniature .highlighted-informations{display:none!important;} body.cs-calibration-category-page .product-miniature .product-flags, body.cs-calibration-category-page .js-product-miniature .product-flags{display:none!important;} body.cs-calibration-category-page .cs-card-summary{font-size:15px!important;line-height:1.55!important;color:#647582!important;margin:0!important;min-height:46px!important;} body.cs-calibration-category-page .cs-card-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:4px!important;} body.cs-calibration-category-page .cs-card-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;border-radius:10px!important;padding:0 15px!important;font-weight:950!important;text-decoration:none!important;} body.cs-calibration-category-page .cs-card-actions .cs-view{background:#06232d!important;color:#fff!important;} body.cs-calibration-category-page .cs-card-actions .cs-quote{background:#f6fcfc!important;border:1px solid #cfefec!important;color:#08796f!important;} #module-calibrationservices-track .breadcrumb, #module-calibrationservices-track .page-header{display:none!important;} #module-calibrationservices-track #wrapper{padding-top:0!important;background:#effbff!important;} .cs-customer-dashboard{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 8% 12%,rgba(255,218,226,.7),transparent 28%),radial-gradient(circle at 92% 4%,rgba(194,246,242,.8),transparent 32%),#effbff;color:#06232d;padding:48px 0 70px;min-height:70vh;} .cs-customer-dashboard *{box-sizing:border-box;} .cs-customer-wrap{max-width:1260px;margin:0 auto;padding:0 24px;} .cs-dashboard-hero{background:rgba(255,255,255,.88);border:1px solid rgba(6,35,45,.08);border-radius:30px;box-shadow:0 22px 64px rgba(6,35,45,.08);padding:38px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;} .cs-dashboard-hero span{display:inline-block;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#07887f;margin-bottom:10px;} .cs-dashboard-hero h1{font-size:clamp(32px,4vw,56px);line-height:1;letter-spacing:-.055em;margin:0 0 10px;color:#06232d;font-weight:950;} .cs-dashboard-hero p{font-size:18px;color:#536a76;margin:0;} .cs-status-pill{background:#e9fbf8;border:1px solid #bdeee8;color:#08796f;border-radius:999px;padding:12px 18px;font-weight:950;white-space:nowrap;} .cs-dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:24px;} .cs-dashboard-panel{background:#fff;border:1px solid rgba(6,35,45,.08);border-radius:26px;box-shadow:0 18px 52px rgba(6,35,45,.07);padding:28px;} .cs-dashboard-panel h2{font-size:28px;line-height:1.1;letter-spacing:-.04em;margin:0 0 20px;color:#06232d;font-weight:950;} .cs-timeline-modern{display:grid;gap:14px;margin:0;padding:0;list-style:none;} .cs-timeline-modern li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;} .cs-timeline-dot{width:34px;height:34px;border-radius:50%;background:#eef4f6;border:1px solid #d8e6eb;display:grid;place-items:center;color:#6b7d87;font-weight:950;} .cs-timeline-modern li.done .cs-timeline-dot{background:#06232d;color:#fff;border-color:#06232d;} .cs-timeline-modern strong{display:block;color:#06232d;font-size:16px;margin-bottom:2px;} .cs-timeline-modern small{display:block;color:#647582;line-height:1.45;} .cs-dashboard-services{display:grid;gap:14px;} .cs-dashboard-service{border:1px solid #e5edf1;border-radius:18px;padding:18px;background:#fafdff;} .cs-dashboard-service h3{margin:0 0 8px;font-size:20px;letter-spacing:-.03em;color:#06232d;} .cs-dashboard-service p{margin:0;color:#647582;line-height:1.5;} .cs-dashboard-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;} .cs-dashboard-actions a{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;min-height:48px;padding:0 18px;font-weight:950;text-decoration:none;} .cs-dashboard-actions .primary{background:#06232d;color:#fff;}.cs-dashboard-actions .secondary{background:#f6fcfc;color:#08796f;border:1px solid #c7efea;} @media(max-width:900px){.cs-dashboard-hero,.cs-dashboard-grid{grid-template-columns:1fr}.cs-status-pill{justify-self:start}} /* v12 targeted fixes: hide default calibration category header/sort area, modern service cards, account dashboard, and robust product form */ body.cs-calibration-category-page #js-product-list-header, body.cs-calibration-category-page #js-product-list-top, body.cs-calibration-category-page .products-selection, body.cs-calibration-category-page .block-category, body.cs-calibration-category-page .category-cover, body.cs-calibration-category-page .category-description, body.cs-calibration-category-page .total-products, body.cs-calibration-category-page .sort-by-row, body.cs-calibration-category-page .sort-by, body.cs-calibration-category-page .pagination, body.cs-calibration-category-page .page-header, body.cs-calibration-category-page h1.h1{display:none!important} body.cs-calibration-category-page #wrapper{background:radial-gradient(circle at 50% 18%,rgba(255,222,229,.46),transparent 30%),radial-gradient(circle at 90% 5%,rgba(197,244,241,.7),transparent 28%),#eefbff!important} body.cs-calibration-category-page #content-wrapper, body.cs-calibration-category-page #content, body.cs-calibration-category-page .products, body.cs-calibration-category-page #js-product-list{max-width:1540px!important;margin-left:auto!important;margin-right:auto!important} body.cs-calibration-category-page #js-product-list{padding:18px 32px 70px!important} body.cs-calibration-category-page .products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))!important;gap:24px!important;align-items:stretch!important} body.cs-calibration-category-page .product-miniature, body.cs-calibration-category-page article.product-miniature, body.cs-calibration-category-page .js-product-miniature{width:auto!important;margin:0!important;float:none!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important} body.cs-calibration-category-page .product-miniature .thumbnail-container, body.cs-calibration-category-page article.product-miniature .thumbnail-container, body.cs-calibration-category-page .js-product-miniature .thumbnail-container{height:auto!important;width:100%!important;background:#fff!important;border:1px solid rgba(6,35,45,.08)!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 18px 45px rgba(6,35,45,.08)!important;display:flex!important;flex-direction:column!important} body.cs-calibration-category-page .product-miniature .thumbnail-container img, body.cs-calibration-category-page article.product-miniature .thumbnail-container img{width:100%!important;height:285px!important;object-fit:contain!important;padding:22px!important;background:#f8fbff!important} body.cs-calibration-category-page .product-miniature .highlighted-informations, body.cs-calibration-category-page .product-miniature .product-flags, body.cs-calibration-category-page .product-miniature .product-price-and-shipping, body.cs-calibration-category-page .product-miniature .product-price, body.cs-calibration-category-page .product-miniature .regular-price, body.cs-calibration-category-page .product-miniature .quick-view, body.cs-calibration-category-page .product-miniature .wishlist-button-add, body.cs-calibration-category-page .product-miniature .product-category-name, body.cs-calibration-category-page .product-miniature .variant-links{display:none!important} body.cs-calibration-category-page .product-miniature .product-description{position:static!important;width:auto!important;height:auto!important;background:#fff!important;padding:24px!important;text-align:left!important;min-height:205px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important} body.cs-calibration-category-page .product-miniature .product-title, body.cs-calibration-category-page .product-miniature .product-title a{font-size:22px!important;line-height:1.18!important;letter-spacing:-.03em!important;color:#06232d!important;font-weight:900!important;text-align:left!important;text-transform:none!important;margin:0!important;text-decoration:none!important} body.cs-calibration-category-page .product-miniature .cs-card-summary{display:block!important;color:#687b86!important;font-size:16px!important;line-height:1.45!important;margin:0!important;min-height:46px!important} body.cs-calibration-category-page .product-miniature .cs-card-actions{display:flex!important;gap:10px!important;margin-top:auto!important;flex-wrap:wrap!important} body.cs-calibration-category-page .product-miniature .cs-card-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border-radius:6px!important;padding:0 16px!important;font-weight:900!important;text-decoration:none!important} body.cs-calibration-category-page .product-miniature .cs-card-actions .cs-view{background:#06232d!important;color:#fff!important} body.cs-calibration-category-page .product-miniature .cs-card-actions .cs-quote{background:#fff!important;color:#06232d!important;border:1px solid #dce7ed!important} body.cs-calibration-category-page .cs-calibration-category-intro{display:none!important} .cs-account-dashboard{background:radial-gradient(circle at 10% 10%,rgba(255,222,229,.55),transparent 28%),radial-gradient(circle at 88% 6%,rgba(197,244,241,.7),transparent 30%),#eefbff;padding:48px 0 76px}.cs-dashboard-grid-wide{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.cs-account-enquiry-list{display:grid;gap:14px}.cs-account-enquiry-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid #e3edf0;border-radius:22px;padding:20px}.cs-account-enquiry-card h3{margin:7px 0 6px;color:#06232d;font-size:24px;letter-spacing:-.04em}.cs-account-enquiry-card p{color:#5f7380;margin:0 0 12px}.cs-account-enquiry-card>a{display:inline-flex;align-items:center;justify-content:center;background:#06232d;color:#fff!important;border-radius:14px;min-height:46px;padding:0 18px;font-weight:950;text-decoration:none}.cs-account-status{display:inline-flex;border-radius:999px;background:#e9fbf9;color:#08796f;padding:5px 11px;font-weight:900;text-transform:capitalize}.cs-account-service-list{display:flex;gap:8px;flex-wrap:wrap}.cs-account-service-list span{background:#f5fbfb;border:1px solid #e1eef0;border-radius:999px;padding:7px 10px;color:#435a66}.cs-empty-dashboard{background:#fff;border:1px dashed #cfdfe5;border-radius:22px;padding:26px}.cs-empty-dashboard h3{margin:0 0 8px;font-size:24px;color:#06232d}.cs-empty-dashboard p{color:#5f7380}.cs-empty-dashboard a{display:inline-flex;background:#06232d;color:#fff!important;border-radius:14px;padding:13px 18px;font-weight:950;text-decoration:none}.cs-dashboard-actions-stack{display:grid!important;gap:12px!important}.cs-dashboard-actions-stack a{width:100%;justify-content:center} .cs-product-cta.cs-product-cta-compact{box-shadow:none!important}.cs-product-form .cs-product-form-advanced{max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease}.cs-product-form.is-open .cs-product-form-advanced{max-height:520px;opacity:1}.cs-product-msg{margin-top:12px;font-weight:900}.cs-product-msg.success{color:#08796f}.cs-product-msg.error{color:#b42318} @media(max-width:900px){body.cs-calibration-category-page .products{grid-template-columns:1fr!important}.cs-dashboard-grid-wide{grid-template-columns:1fr}.cs-account-enquiry-card{grid-template-columns:1fr}.cs-account-enquiry-card>a{width:100%}} /* v13 exact category/card width fixes - scoped to calibration category pages only */ body.cs-calibration-category-page #wrapper, body.cs-calibration-category-page #content-wrapper, body.cs-calibration-category-page #main, body.cs-calibration-category-page .page-content, body.cs-calibration-category-page #products{ background:radial-gradient(circle at 50% 10%,rgba(255,225,232,.58),transparent 26%),radial-gradient(circle at 80% 8%,rgba(191,245,241,.75),transparent 28%),linear-gradient(180deg,#eefbff 0%,#eff9ff 100%)!important; } body.cs-calibration-category-page .cs-category-hero, body.cs-calibration-category-page .cs-product-list-note, body.cs-calibration-category-page #js-product-list, body.cs-calibration-category-page .products, body.cs-calibration-category-page .product_list{ max-width:1540px!important; width:calc(100% - 64px)!important; margin-left:auto!important; margin-right:auto!important; } body.cs-calibration-category-page .cs-category-hero{ margin-top:22px!important; margin-bottom:28px!important; min-height:500px!important; border-radius:34px!important; padding:60px 64px!important; } body.cs-calibration-category-page .cs-category-hero h1{ max-width:850px!important; font-size:clamp(56px,6vw,96px)!important; line-height:.95!important; letter-spacing:-.075em!important; } body.cs-calibration-category-page .cs-default-category-remove, body.cs-calibration-category-page .breadcrumb:not(.cs-keep), body.cs-calibration-category-page #js-product-list-header, body.cs-calibration-category-page #js-product-list-top, body.cs-calibration-category-page .products-selection, body.cs-calibration-category-page .sort-by-row, body.cs-calibration-category-page .total-products, body.cs-calibration-category-page .block-category, body.cs-calibration-category-page .category-cover, body.cs-calibration-category-page .category-description, body.cs-calibration-category-page .page-header, body.cs-calibration-category-page .category-top-menu, body.cs-calibration-category-page .facets-title, body.cs-calibration-category-page #search_filters, body.cs-calibration-category-page #search_filter_controls{ display:none!important; } body.cs-calibration-category-page .cs-product-list-note{ margin-top:0!important; margin-bottom:24px!important; border-radius:26px!important; padding:22px 26px!important; } body.cs-calibration-category-page #js-product-list .products, body.cs-calibration-category-page .products{ display:grid!important; grid-template-columns:repeat(auto-fill,minmax(300px,360px))!important; gap:24px!important; justify-content:start!important; align-items:stretch!important; padding:0 0 64px!important; } body.cs-calibration-category-page .product-miniature, body.cs-calibration-category-page .js-product-miniature, body.cs-calibration-category-page article.product-miniature{ width:100%!important; max-width:360px!important; margin:0!important; } body.cs-calibration-category-page .product-miniature .thumbnail-container, body.cs-calibration-category-page .js-product-miniature .thumbnail-container, body.cs-calibration-category-page .cs-ref-service-card{ height:auto!important; min-height:520px!important; background:#fff!important; border:1px solid rgba(6,35,45,.08)!important; border-radius:10px!important; overflow:hidden!important; box-shadow:0 14px 34px rgba(6,35,45,.08)!important; display:flex!important; flex-direction:column!important; } body.cs-calibration-category-page .cs-ref-img{ height:300px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:linear-gradient(180deg,#f6f8fb 0%,#fff 72%)!important; padding:24px!important; position:relative!important; } body.cs-calibration-category-page .cs-ref-img img{ max-width:100%!important; max-height:250px!important; width:auto!important; height:auto!important; object-fit:contain!important; } body.cs-calibration-category-page .cs-ref-body{ padding:28px 30px 30px!important; display:flex!important; flex-direction:column!important; gap:13px!important; flex:1!important; } body.cs-calibration-category-page .cs-ref-title{ font-size:24px!important; line-height:1.18!important; letter-spacing:-.035em!important; margin:0!important; color:#17242e!important; font-weight:900!important; } body.cs-calibration-category-page .cs-ref-summary{ color:#707b84!important; font-size:16px!important; line-height:1.45!important; margin:0!important; min-height:46px!important; } body.cs-calibration-category-page .cs-ref-actions{ display:flex!important; gap:12px!important; margin-top:auto!important; flex-wrap:wrap!important; } body.cs-calibration-category-page .cs-ref-actions a{ min-height:44px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:8px!important; padding:0 18px!important; font-weight:900!important; text-decoration:none!important; } body.cs-calibration-category-page .cs-ref-actions .cs-ref-view{background:#082833!important;color:#fff!important;} body.cs-calibration-category-page .cs-ref-actions .cs-ref-quote{background:#f4f8fb!important;color:#082833!important;border:1px solid #dbe7ec!important;} body.cs-calibration-category-page .product-miniature:not(.cs-ref-converted) .product-flags, body.cs-calibration-category-page .product-miniature:not(.cs-ref-converted) .highlighted-informations, body.cs-calibration-category-page .product-miniature:not(.cs-ref-converted) .product-price-and-shipping, body.cs-calibration-category-page .product-miniature:not(.cs-ref-converted) .variant-links, body.cs-calibration-category-page .product-miniature:not(.cs-ref-converted) .regular-price, body.cs-calibration-category-page .product-miniature:not(.cs-ref-converted) .price, body.cs-calibration-category-page .product-miniature:not(.cs-ref-converted) .button-container, body.cs-calibration-category-page .product-miniature:not(.cs-ref-converted) .cs-card-summary, body.cs-calibration-category-page .product-miniature:not(.cs-ref-converted) .cs-card-actions{ display:none!important; } @media(max-width:900px){ body.cs-calibration-category-page .cs-category-hero, body.cs-calibration-category-page .cs-product-list-note, body.cs-calibration-category-page #js-product-list, body.cs-calibration-category-page .products{width:calc(100% - 28px)!important;} body.cs-calibration-category-page .cs-category-hero{padding:34px 24px!important;min-height:auto!important;} body.cs-calibration-category-page .products{grid-template-columns:1fr!important;} } /* v14 hard fixes: category default block removal, exact width, and reference cards. Uses :has as fallback when body class is missing. */ body.cs-calibration-category-page #content-wrapper, body.cs-calibration-category-page #main, body.cs-calibration-category-page .container, body:has(.cs-category-hero) #content-wrapper, body:has(.cs-category-hero) #main, body:has(.cs-category-hero) .container{ max-width:none!important; width:100%!important; padding-left:0!important; padding-right:0!important; } body.cs-calibration-category-page .cs-category-hero, body:has(.cs-category-hero) .cs-category-hero, body.cs-calibration-category-page .cs-product-list-note, body:has(.cs-category-hero) .cs-product-list-note, body.cs-calibration-category-page #js-product-list, body:has(.cs-category-hero) #js-product-list{ width:min(1420px,calc(100% - 96px))!important; max-width:1420px!important; margin-left:auto!important; margin-right:auto!important; } body.cs-calibration-category-page .cs-category-hero, body:has(.cs-category-hero) .cs-category-hero{ margin-top:28px!important; margin-bottom:28px!important; } body.cs-calibration-category-page .breadcrumb, body:has(.cs-category-hero) .breadcrumb, body.cs-calibration-category-page #js-product-list-header, body:has(.cs-category-hero) #js-product-list-header, body.cs-calibration-category-page #js-product-list-top, body:has(.cs-category-hero) #js-product-list-top, body.cs-calibration-category-page .products-selection, body:has(.cs-category-hero) .products-selection, body.cs-calibration-category-page .sort-by-row, body:has(.cs-category-hero) .sort-by-row, body.cs-calibration-category-page .total-products, body:has(.cs-category-hero) .total-products, body.cs-calibration-category-page .page-header, body:has(.cs-category-hero) .page-header, body.cs-calibration-category-page .block-category, body:has(.cs-category-hero) .block-category, body.cs-calibration-category-page .category-cover, body:has(.cs-category-hero) .category-cover, body.cs-calibration-category-page .category-description, body:has(.cs-category-hero) .category-description, body.cs-calibration-category-page .pagination, body:has(.cs-category-hero) .pagination, body.cs-calibration-category-page .facets-title, body:has(.cs-category-hero) .facets-title, body.cs-calibration-category-page #search_filters, body:has(.cs-category-hero) #search_filters, body.cs-calibration-category-page #search_filter_controls, body:has(.cs-category-hero) #search_filter_controls{ display:none!important; height:0!important; min-height:0!important; padding:0!important; margin:0!important; overflow:hidden!important; } body.cs-calibration-category-page .cs-v14-default-kill, body:has(.cs-category-hero) .cs-v14-default-kill{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;} body.cs-calibration-category-page .cs-product-list-note, body:has(.cs-category-hero) .cs-product-list-note{ margin-top:0!important; margin-bottom:28px!important; border-radius:28px!important; padding:24px 30px!important; background:#fff!important; } body.cs-calibration-category-page #js-product-list, body:has(.cs-category-hero) #js-product-list{padding:0 0 80px!important;} body.cs-calibration-category-page #js-product-list .products, body.cs-calibration-category-page .products, body:has(.cs-category-hero) #js-product-list .products, body:has(.cs-category-hero) .products{ max-width:1420px!important; width:100%!important; display:grid!important; grid-template-columns:repeat(auto-fill,minmax(300px,340px))!important; gap:28px!important; justify-content:start!important; align-items:stretch!important; padding:0!important; margin-left:auto!important; margin-right:auto!important; } body.cs-calibration-category-page .product-miniature.cs-ref-converted, body:has(.cs-category-hero) .product-miniature.cs-ref-converted, body.cs-calibration-category-page article.product-miniature.cs-ref-converted, body:has(.cs-category-hero) article.product-miniature.cs-ref-converted, body.cs-calibration-category-page .js-product-miniature.cs-ref-converted, body:has(.cs-category-hero) .js-product-miniature.cs-ref-converted{ width:100%!important; max-width:340px!important; margin:0!important; padding:0!important; float:none!important; background:transparent!important; border:0!important; box-shadow:none!important; } body.cs-calibration-category-page .cs-ref-service-card, body:has(.cs-category-hero) .cs-ref-service-card{ background:#fff!important; border:1px solid #e4eaef!important; border-radius:8px!important; min-height:520px!important; overflow:hidden!important; box-shadow:0 10px 28px rgba(6,35,45,.08)!important; display:flex!important; flex-direction:column!important; } body.cs-calibration-category-page .cs-ref-img, body:has(.cs-category-hero) .cs-ref-img{ height:290px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:linear-gradient(180deg,#f8fafc 0,#ffffff 72%)!important; padding:26px!important; text-decoration:none!important; } body.cs-calibration-category-page .cs-ref-img img, body:has(.cs-category-hero) .cs-ref-img img{ max-width:100%!important; max-height:235px!important; width:auto!important; height:auto!important; object-fit:contain!important; } body.cs-calibration-category-page .cs-ref-body, body:has(.cs-category-hero) .cs-ref-body{ padding:24px 26px 26px!important; display:flex!important; flex-direction:column!important; gap:12px!important; flex:1!important; } body.cs-calibration-category-page .cs-ref-title, body:has(.cs-category-hero) .cs-ref-title{ color:#17242e!important; font-size:22px!important; line-height:1.18!important; font-weight:900!important; margin:0!important; letter-spacing:-.025em!important; } body.cs-calibration-category-page .cs-ref-summary, body:has(.cs-category-hero) .cs-ref-summary{ color:#6e7b85!important; font-size:16px!important; line-height:1.48!important; margin:0!important; min-height:48px!important; } body.cs-calibration-category-page .cs-ref-actions, body:has(.cs-category-hero) .cs-ref-actions{display:flex!important;gap:10px!important;margin-top:auto!important;flex-wrap:wrap!important;} body.cs-calibration-category-page .cs-ref-actions a, body:has(.cs-category-hero) .cs-ref-actions a{min-height:44px!important;border-radius:7px!important;padding:0 16px!important;font-weight:900!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;} body.cs-calibration-category-page .cs-ref-view, body:has(.cs-category-hero) .cs-ref-view{background:#06232d!important;color:#fff!important;} body.cs-calibration-category-page .cs-ref-quote, body:has(.cs-category-hero) .cs-ref-quote{background:#f6f9fb!important;color:#06232d!important;border:1px solid #dbe5ea!important;} @media(max-width:900px){ body.cs-calibration-category-page .cs-category-hero, body:has(.cs-category-hero) .cs-category-hero, body.cs-calibration-category-page .cs-product-list-note, body:has(.cs-category-hero) .cs-product-list-note, body.cs-calibration-category-page #js-product-list, body:has(.cs-category-hero) #js-product-list{width:calc(100% - 28px)!important;} body.cs-calibration-category-page #js-product-list .products, body:has(.cs-category-hero) #js-product-list .products{grid-template-columns:1fr!important;} } /* v15: server-side category override. This removes Prestashop default category listing completely. */ .cs-category-page-shell{background:linear-gradient(110deg,#e7faff 0%,#fff7fb 50%,#e7f8ff 100%);padding:42px 0 88px;min-height:70vh}.cs-home-width,.cs-category-hero-exact{width:min(1420px,calc(100% - 96px));margin-left:auto!important;margin-right:auto!important}.cs-category-hero-exact{border-radius:38px;background:linear-gradient(120deg,#fbfdff 0%,#fff8fb 48%,#dff9f5 100%);padding:64px 64px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:54px;align-items:center;box-shadow:0 24px 80px rgba(6,35,45,.06);margin-bottom:34px}.cs-category-hero-exact h1{font-size:clamp(48px,5.6vw,94px);line-height:.94;letter-spacing:-.075em;font-weight:950;color:#06232d;margin:0 0 22px}.cs-category-hero-exact p{font-size:21px;line-height:1.55;color:#405967;max-width:710px;margin:0 0 30px}.cs-products-section{margin-top:0}.cs-product-list-note-exact{margin:0 0 34px!important;width:100%!important;max-width:none!important}.cs-ref-card-grid{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:24px;align-items:stretch}.cs-ref-service-card{background:#fff;border:1px solid rgba(6,35,45,.08);border-radius:12px;overflow:hidden;box-shadow:0 18px 45px rgba(6,35,45,.08);display:flex;flex-direction:column;min-height:480px}.cs-ref-service-card:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(6,35,45,.13);transition:all .18s ease}.cs-ref-img{height:270px;background:linear-gradient(180deg,#f9fbff 0%,#ffffff 100%);display:flex;align-items:center;justify-content:center;padding:22px;text-decoration:none}.cs-ref-img img{max-width:100%;max-height:230px;object-fit:contain}.cs-ref-img-fallback{display:grid;place-items:center;width:86px;height:86px;border-radius:22px;background:#06232d;color:#fff;font-weight:950;font-size:28px}.cs-ref-body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:14px;flex:1}.cs-ref-title{font-size:23px;line-height:1.14;font-weight:950;letter-spacing:-.03em;color:#06232d;margin:0}.cs-ref-summary{font-size:16px;line-height:1.46;color:#697d86;margin:0;min-height:70px}.cs-ref-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}.cs-ref-actions a{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;min-height:46px;padding:0 18px;font-weight:900;text-decoration:none}.cs-ref-view{background:#06232d;color:#fff!important}.cs-ref-quote{background:#fff;color:#06232d!important;border:1px solid #dce7ed}.cs-empty-services{background:#fff;border-radius:18px;padding:28px;border:1px solid rgba(6,35,45,.08);color:#405967}@media(max-width:1200px){.cs-ref-card-grid{grid-template-columns:repeat(3,minmax(240px,1fr))}.cs-category-hero-exact{grid-template-columns:1fr}.cs-category-visual{display:none}}@media(max-width:800px){.cs-home-width,.cs-category-hero-exact{width:calc(100% - 28px)}.cs-category-hero-exact{padding:36px 24px}.cs-ref-card-grid{grid-template-columns:1fr}.cs-ref-service-card{min-height:auto}.cs-ref-img{height:230px}} /* v16 hard scoped category cleanup. Only active when module JS marks calibration category pages. */ body.cs-v16-calibration-category #js-product-list-header, body.cs-v16-calibration-category #js-product-list-top, body.cs-v16-calibration-category .products-selection, body.cs-v16-calibration-category .total-products, body.cs-v16-calibration-category .sort-by-row, body.cs-v16-calibration-category .sort-by, body.cs-v16-calibration-category .block-category, body.cs-v16-calibration-category .category-description, body.cs-v16-calibration-category .category-cover, body.cs-v16-calibration-category .facets-title, body.cs-v16-calibration-category #search_filters, body.cs-v16-calibration-category .pagination, body.cs-v16-calibration-category .cs-v16-hide-default{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;} body.cs-v16-calibration-category #wrapper, body.cs-v16-calibration-category main, body.cs-v16-calibration-category #main{background:radial-gradient(circle at 10% 10%,rgba(255,218,226,.55),transparent 30%),radial-gradient(circle at 92% 2%,rgba(190,246,242,.75),transparent 34%),#effbff!important;} body.cs-v16-calibration-category .cs-category-hero, body.cs-v16-calibration-category .cs-product-list-note, body.cs-v16-calibration-category .cs-ref-card-grid{max-width:1320px!important;width:calc(100% - 64px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;} body.cs-v16-calibration-category .cs-product-list-note{margin-top:36px!important;margin-bottom:32px!important;} body.cs-v16-calibration-category #js-product-list, body.cs-v16-calibration-category #js-product-list .products, body.cs-v16-calibration-category .products{max-width:1320px!important;width:calc(100% - 64px)!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))!important;gap:28px!important;align-items:stretch!important;} body.cs-v16-calibration-category .product-miniature.cs-v16-card-ready, body.cs-v16-calibration-category article.cs-v16-card-ready, body.cs-v16-calibration-category .js-product-miniature.cs-v16-card-ready{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;background:transparent!important;box-shadow:none!important;} body.cs-v16-calibration-category .cs-ref-service-card{height:100%!important;background:#fff!important;border:1px solid rgba(6,35,45,.08)!important;border-radius:18px!important;box-shadow:0 14px 36px rgba(6,35,45,.08)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;transition:transform .18s ease,box-shadow .18s ease!important;} body.cs-v16-calibration-category .cs-ref-service-card:hover{transform:translateY(-4px)!important;box-shadow:0 24px 54px rgba(6,35,45,.14)!important;} body.cs-v16-calibration-category .cs-ref-img{height:285px!important;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:26px!important;text-decoration:none!important;} body.cs-v16-calibration-category .cs-ref-img img{max-width:100%!important;max-height:235px!important;object-fit:contain!important;display:block!important;} body.cs-v16-calibration-category .cs-ref-body{padding:24px!important;display:flex!important;flex-direction:column!important;gap:13px!important;min-height:235px!important;} body.cs-v16-calibration-category .cs-ref-title{font-size:24px!important;line-height:1.12!important;letter-spacing:-.04em!important;margin:0!important;color:#06232d!important;font-weight:950!important;} body.cs-v16-calibration-category .cs-ref-summary{font-size:16px!important;line-height:1.55!important;color:#667782!important;margin:0!important;min-height:50px!important;} body.cs-v16-calibration-category .cs-ref-actions{display:flex!important;gap:10px!important;margin-top:auto!important;flex-wrap:wrap!important;} body.cs-v16-calibration-category .cs-ref-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;min-height:46px!important;padding:0 16px!important;font-weight:950!important;text-decoration:none!important;} body.cs-v16-calibration-category .cs-ref-view{background:#06232d!important;color:#fff!important;} body.cs-v16-calibration-category .cs-ref-quote{background:#f6fcfc!important;color:#08796f!important;border:1px solid #c7efea!important;} @media(max-width:768px){body.cs-v16-calibration-category .cs-category-hero,body.cs-v16-calibration-category .cs-product-list-note,body.cs-v16-calibration-category .cs-ref-card-grid,body.cs-v16-calibration-category #js-product-list,body.cs-v16-calibration-category #js-product-list .products,body.cs-v16-calibration-category .products{width:calc(100% - 28px)!important}.cs-ref-actions a{width:100%!important}} /* v17 category replacement - scoped only to calibration category pages */ body.cs-v17-category-ready .cs-v17-hidden{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;visibility:hidden!important;} body.cs-v17-category-ready .cs-product-list-note, body.cs-v17-category-ready .cs-v17-service-grid{width:min(1420px,calc(100% - 96px))!important;max-width:1420px!important;margin-left:auto!important;margin-right:auto!important;} body.cs-v17-category-ready .cs-product-list-note{margin-top:0!important;margin-bottom:28px!important;background:#fff!important;border-radius:28px!important;padding:24px 30px!important;box-shadow:0 18px 48px rgba(6,35,45,.06)!important;} body.cs-v17-category-ready .cs-v17-service-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(310px,360px))!important;gap:28px!important;justify-content:start!important;padding:0 0 90px!important;} body.cs-v17-category-ready .cs-v17-service-card{background:#fff!important;border:1px solid rgba(6,35,45,.08)!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 18px 42px rgba(6,35,45,.08)!important;display:flex!important;flex-direction:column!important;min-height:560px!important;} body.cs-v17-category-ready .cs-v17-image{height:315px!important;background:linear-gradient(180deg,#f7f8fb 0%,#fff 74%)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:28px!important;text-decoration:none!important;} body.cs-v17-category-ready .cs-v17-image img{max-width:100%!important;max-height:260px!important;width:auto!important;height:auto!important;object-fit:contain!important;} body.cs-v17-category-ready .cs-v17-image span{width:76px;height:76px;border-radius:20px;background:#06232d;color:#fff;display:grid;place-items:center;font-weight:950;font-size:24px;} body.cs-v17-category-ready .cs-v17-card-body{padding:28px 30px 30px!important;display:flex!important;flex-direction:column!important;gap:14px!important;flex:1!important;} body.cs-v17-category-ready .cs-v17-card-body h3{font-size:25px!important;line-height:1.18!important;letter-spacing:-.04em!important;color:#17242e!important;font-weight:950!important;margin:0!important;} body.cs-v17-category-ready .cs-v17-card-body p{font-size:16px!important;line-height:1.48!important;color:#6d7983!important;margin:0!important;min-height:48px!important;} body.cs-v17-category-ready .cs-v17-card-body div{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:auto!important;} body.cs-v17-category-ready .cs-v17-card-body a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;border-radius:8px!important;padding:0 18px!important;font-weight:950!important;text-decoration:none!important;} body.cs-v17-category-ready .cs-v17-view{background:#06232d!important;color:#fff!important;} body.cs-v17-category-ready .cs-v17-quote{background:#f7fbfd!important;color:#06232d!important;border:1px solid #dbe7ec!important;} @media(max-width:900px){body.cs-v17-category-ready .cs-product-list-note,body.cs-v17-category-ready .cs-v17-service-grid{width:calc(100% - 28px)!important;}body.cs-v17-category-ready .cs-v17-service-grid{grid-template-columns:1fr!important;}} /* v18 surgical category cleanup: scoped only to calibration category pages, never touches footer */ body.cs-calibration-category-page #wrapper #content-wrapper .products-selection, body.cs-calibration-category-page #wrapper #content-wrapper #js-product-list-top, body.cs-calibration-category-page #wrapper #content-wrapper #js-product-list-header, body.cs-calibration-category-page #wrapper #content-wrapper .total-products, body.cs-calibration-category-page #wrapper #content-wrapper .sort-by-row, body.cs-calibration-category-page #wrapper #content-wrapper .block-category, body.cs-calibration-category-page #wrapper #content-wrapper .category-cover, body.cs-calibration-category-page #wrapper #content-wrapper .category-description, body.cs-calibration-category-page #wrapper #content-wrapper #search_filters, body.cs-calibration-category-page #wrapper #content-wrapper #search_filter_controls, body.cs-calibration-category-page #wrapper #content-wrapper .facets-title, body.cs-calibration-category-page #wrapper #content-wrapper .pagination, body.cs-calibration-category-page #wrapper #content-wrapper #js-product-list {display:none!important;} body.cs-calibration-category-page #wrapper #content-wrapper h1:not(.cs-owned-title){display:none!important;} body.cs-calibration-category-page .cs-category-v18-wrap{max-width:1500px;margin:0 auto 64px;padding:0 16px;} body.cs-calibration-category-page .cs-category-v18-note{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid rgba(6,35,45,.08);border-radius:28px;padding:28px 32px;margin:36px auto 32px;box-shadow:0 18px 60px rgba(6,35,45,.06)} body.cs-calibration-category-page .cs-category-v18-note span{display:block;color:#07887f;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:950;margin-bottom:6px} body.cs-calibration-category-page .cs-category-v18-note strong{display:block;color:#06232d;font-size:32px;line-height:1.05;letter-spacing:-.04em} body.cs-calibration-category-page .cs-category-v18-note small{display:block;color:#58707b;font-size:16px;margin-top:8px} body.cs-calibration-category-page .cs-category-v18-grid{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:24px;align-items:stretch} body.cs-calibration-category-page .cs-category-v18-card{background:#fff;border:1px solid rgba(6,35,45,.08);border-radius:8px;overflow:hidden;box-shadow:0 12px 34px rgba(6,35,45,.08);display:flex;flex-direction:column;min-height:520px;max-width:360px} body.cs-calibration-category-page .cs-category-v18-image{height:290px;background:#f4f8fb;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(6,35,45,.05)} body.cs-calibration-category-page .cs-category-v18-image img{width:100%;height:100%;object-fit:contain;padding:22px;display:block} body.cs-calibration-category-page .cs-category-v18-image span{width:88px;height:88px;border-radius:24px;background:#06232d;color:#fff;display:grid;place-items:center;font-weight:950;font-size:28px} body.cs-calibration-category-page .cs-category-v18-body{padding:26px 28px 28px;display:flex;flex-direction:column;gap:14px;flex:1} body.cs-calibration-category-page .cs-category-v18-body h3{font-size:25px;line-height:1.12;letter-spacing:-.035em;color:#06232d;margin:0;font-weight:950} body.cs-calibration-category-page .cs-category-v18-body p{font-size:18px;line-height:1.45;color:#667781;margin:0;min-height:78px} body.cs-calibration-category-page .cs-category-v18-actions{display:flex;gap:12px;margin-top:auto;align-items:center} body.cs-calibration-category-page .cs-category-v18-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:10px;padding:0 18px;font-weight:950;text-decoration:none;border:1px solid #dbe8ec;color:#06232d;background:#fff} body.cs-calibration-category-page .cs-category-v18-actions a:first-child{background:#06232d;color:#fff;border-color:#06232d} body.cs-calibration-category-page .cs-category-v18-empty{background:#fff;border-radius:22px;border:1px dashed #bdd7dc;padding:28px;color:#58707b;font-weight:700} @media(max-width:1300px){body.cs-calibration-category-page .cs-category-v18-grid{grid-template-columns:repeat(3,minmax(240px,1fr))}} @media(max-width:980px){body.cs-calibration-category-page .cs-category-v18-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}body.cs-calibration-category-page .cs-category-v18-note{display:block}body.cs-calibration-category-page .cs-category-v18-note .cs-btn{margin-top:18px}} @media(max-width:640px){body.cs-calibration-category-page .cs-category-v18-grid{grid-template-columns:1fr}body.cs-calibration-category-page .cs-category-v18-card{max-width:none}body.cs-calibration-category-page .cs-category-v18-note strong{font-size:25px}} /* v19 surgical category cleanup: only enabled on calibration category pages by server/JS class */ html.cs-calibration-category-clean body #wrapper .breadcrumb:not(.cs-keep), html.cs-calibration-category-clean body #wrapper .page-header, html.cs-calibration-category-clean body #wrapper #js-product-list-header, html.cs-calibration-category-clean body #wrapper #js-product-list-top, html.cs-calibration-category-clean body #wrapper .products-selection, html.cs-calibration-category-clean body #wrapper .sort-by-row, html.cs-calibration-category-clean body #wrapper .total-products, html.cs-calibration-category-clean body #wrapper .block-category, html.cs-calibration-category-clean body #wrapper .category-cover, html.cs-calibration-category-clean body #wrapper .category-description, html.cs-calibration-category-clean body #wrapper .category-top-menu, html.cs-calibration-category-clean body #wrapper #search_filters, html.cs-calibration-category-clean body #wrapper #search_filter_controls, html.cs-calibration-category-clean body #wrapper .facets-title, html.cs-calibration-category-clean body #wrapper .pagination{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;} html.cs-calibration-category-clean body #wrapper h1:not(.cs-category-hero h1):not(.cs-ref-title), html.cs-calibration-category-clean body #wrapper .h1:not(.cs-category-hero h1):not(.cs-ref-title), html.cs-calibration-category-clean body #wrapper .page-title{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;} html.cs-calibration-category-clean .cs-category-page-shell, html.cs-calibration-category-clean .cs-category-hero-exact, html.cs-calibration-category-clean .cs-products-section{max-width:1540px!important;margin-left:auto!important;margin-right:auto!important;} html.cs-calibration-category-clean .cs-category-page-shell{padding-left:32px!important;padding-right:32px!important;} html.cs-calibration-category-clean .cs-category-hero-exact{width:100%!important;} html.cs-calibration-category-clean .cs-ref-card-grid{max-width:1540px!important;margin:38px auto 80px!important;padding:0 32px!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))!important;gap:24px!important;} html.cs-calibration-category-clean .cs-ref-service-card{background:#fff!important;border:1px solid rgba(6,35,45,.08)!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 18px 45px rgba(6,35,45,.08)!important;display:flex!important;flex-direction:column!important;min-height:520px!important;} html.cs-calibration-category-clean .cs-ref-img{display:flex!important;align-items:center!important;justify-content:center!important;height:300px!important;background:#f8fbff!important;text-decoration:none!important;} html.cs-calibration-category-clean .cs-ref-img img{max-width:88%!important;max-height:250px!important;object-fit:contain!important;} html.cs-calibration-category-clean .cs-ref-body{padding:28px!important;display:flex!important;flex-direction:column!important;gap:14px!important;flex:1!important;} html.cs-calibration-category-clean .cs-ref-title{font-size:24px!important;line-height:1.12!important;letter-spacing:-.035em!important;color:#06232d!important;margin:0!important;font-weight:950!important;} html.cs-calibration-category-clean .cs-ref-summary{font-size:17px!important;line-height:1.5!important;color:#647582!important;margin:0!important;} html.cs-calibration-category-clean .cs-ref-actions{margin-top:auto!important;display:flex!important;gap:12px!important;flex-wrap:wrap!important;} html.cs-calibration-category-clean .cs-ref-actions a{min-height:48px!important;border-radius:10px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important;text-decoration:none!important;} html.cs-calibration-category-clean .cs-ref-view{background:#06232d!important;color:#fff!important;} html.cs-calibration-category-clean .cs-ref-quote{background:#f7fcfc!important;color:#08796f!important;border:1px solid #ccefea!important;} /* v20 width-only fix: match calibration category module sections to the home module content width */ html.cs-calibration-category-clean .cs-category-page-shell{ width:100%!important; max-width:none!important; padding-left:0!important; padding-right:0!important; } html.cs-calibration-category-clean .cs-category-hero-exact, html.cs-calibration-category-clean .cs-products-section, html.cs-calibration-category-clean .cs-product-list-note-exact, html.cs-calibration-category-clean .cs-ref-card-grid{ width:min(1420px, calc(100% - 320px))!important; max-width:1420px!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; } html.cs-calibration-category-clean .cs-category-hero-exact{ margin-top:42px!important; margin-bottom:34px!important; } html.cs-calibration-category-clean .cs-products-section{ margin-top:0!important; padding-left:0!important; padding-right:0!important; } html.cs-calibration-category-clean .cs-product-list-note-exact{ width:100%!important; max-width:none!important; } html.cs-calibration-category-clean .cs-ref-card-grid{ padding:0!important; } @media(max-width:1280px){ html.cs-calibration-category-clean .cs-category-hero-exact, html.cs-calibration-category-clean .cs-products-section, html.cs-calibration-category-clean .cs-product-list-note-exact, html.cs-calibration-category-clean .cs-ref-card-grid{ width:calc(100% - 64px)!important; } } @media(max-width:700px){ html.cs-calibration-category-clean .cs-category-hero-exact, html.cs-calibration-category-clean .cs-products-section, html.cs-calibration-category-clean .cs-product-list-note-exact, html.cs-calibration-category-clean .cs-ref-card-grid{ width:calc(100% - 28px)!important; } } /* v22: reduce oversized module headings only, keep layouts and previous fixes unchanged */ .cs-hero-copy h1{ font-size:clamp(40px,5.4vw,78px)!important; line-height:1.02!important; letter-spacing:-.07em!important; } .cs-page-title h1{ font-size:clamp(38px,5vw,70px)!important; line-height:1.02!important; letter-spacing:-.065em!important; } body.cs-calibration-category-page .cs-category-hero h1, body.cs-calibration-product-page .cs-product-service-hero h1{ font-size:clamp(38px,5vw,72px)!important; line-height:1.04!important; letter-spacing:-.065em!important; } .cs-section-head h2, .cs-split-copy h2, .cs-two-col h2{ font-size:clamp(30px,3.5vw,52px)!important; line-height:1.06!important; } body.cs-calibration-product-page .cs-product-faq-card{ max-width:1450px!important; width:min(calc(100% - 48px),1450px)!important; margin:28px auto 34px!important; background:rgba(255,255,255,.9)!important; border:1px solid rgba(6,35,45,.08)!important; border-radius:30px!important; box-shadow:0 20px 60px rgba(6,35,45,.075)!important; padding:40px!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important; color:#06232d!important; } body.cs-calibration-product-page .cs-product-faq-card .cs-product-faq-head span{ display:inline-block!important; color:#07887f!important; font-size:12px!important; text-transform:uppercase!important; letter-spacing:.12em!important; font-weight:950!important; margin-bottom:10px!important; } body.cs-calibration-product-page .cs-product-faq-card h2{ font-size:clamp(30px,3.5vw,52px)!important; line-height:1.06!important; letter-spacing:-.055em!important; margin:0 0 18px!important; color:#06232d!important; font-weight:950!important; } body.cs-calibration-product-page .cs-product-faq-list{ display:grid!important; gap:12px!important; } body.cs-calibration-product-page .cs-product-faq-list details{ background:#fff!important; border:1px solid #e2edf0!important; border-radius:18px!important; padding:0!important; overflow:hidden!important; } body.cs-calibration-product-page .cs-product-faq-list summary{ cursor:pointer!important; padding:18px 20px!important; font-weight:950!important; color:#06232d!important; } body.cs-calibration-product-page .cs-product-faq-list p{ margin:0!important; padding:0 20px 18px!important; color:#586b78!important; line-height:1.62!important; font-size:16px!important; } @media(max-width:700px){ .cs-hero-copy h1{font-size:38px!important;} body.cs-calibration-product-page .cs-product-faq-card{width:calc(100% - 32px)!important;margin:22px auto!important;padding:28px!important;} } /* v23.1 home-only content/design refresh from supplied Home Page Content document */ .cs-page-home .cs-hero-qvery{background:radial-gradient(circle at 86% 16%,rgba(189,245,239,.82),transparent 30%),radial-gradient(circle at 18% 88%,rgba(255,214,224,.78),transparent 34%),linear-gradient(130deg,#ffffff 0%,#f7fcff 52%,#efffff 100%)!important;min-height:640px!important;} .cs-page-home .cs-hero-copy h1{max-width:760px!important;font-size:clamp(50px,6.5vw,94px)!important;} .cs-page-home .cs-hero-copy p{max-width:760px!important;} .cs-page-home .cs-search-card{margin-top:4px!important;} .cs-intro-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:28px;align-items:center;background:linear-gradient(120deg,rgba(255,255,255,.94),rgba(240,254,252,.88))!important;} .cs-intro-copy span,.cs-final-cta span{display:inline-block;color:#07887f;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;margin-bottom:12px;} .cs-intro-copy h2,.cs-final-cta h2{font-size:clamp(34px,4vw,62px);line-height:1;letter-spacing:-.06em;margin:0 0 16px;color:var(--ink);font-weight:950;} .cs-intro-copy p,.cs-final-cta p{color:var(--muted);font-size:18px;line-height:1.65;margin:0 0 14px;} .cs-intro-stats{display:grid;gap:14px;} .cs-intro-stats article{background:#fff;border:1px solid #e1edf0;border-radius:24px;padding:24px;box-shadow:0 16px 40px rgba(6,35,45,.06);} .cs-intro-stats strong{display:block;font-size:34px;line-height:1;letter-spacing:-.05em;color:#06232d;font-weight:950;margin-bottom:8px;} .cs-intro-stats small{display:block;color:#637783;font-weight:850;} .cs-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:24px;} .cs-preview-grid article{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(6,35,45,.08);border-radius:26px;padding:26px;box-shadow:0 18px 48px rgba(6,35,45,.07);min-height:260px;} .cs-preview-grid article:after{content:"";position:absolute;right:-50px;top:-50px;width:132px;height:132px;border-radius:50%;background:linear-gradient(135deg,#c4f5ef,#ffe1e8);opacity:.72;} .cs-preview-grid b{position:relative;z-index:1;display:inline-grid;place-items:center;min-width:42px;height:34px;border-radius:999px;background:#06232d;color:#fff;font-weight:950;margin-bottom:18px;padding:0 11px;} .cs-preview-grid h3{position:relative;z-index:1;font-size:22px;line-height:1.14;color:var(--ink);letter-spacing:-.04em;margin:0 0 12px;font-weight:950;} .cs-preview-grid p{position:relative;z-index:1;color:var(--muted);line-height:1.56;margin:0;} .cs-why-section{background:linear-gradient(130deg,#06232d 0%,#0a3d49 100%)!important;color:#fff!important;position:relative;overflow:hidden;} .cs-why-section:after{content:"";position:absolute;right:-120px;bottom:-140px;width:360px;height:360px;border-radius:50%;background:#18c8bd;opacity:.18;} .cs-why-section .cs-section-head span,.cs-why-section .cs-section-head h2,.cs-why-section .cs-section-head p{color:#fff!important;position:relative;z-index:1;} .cs-why-section .cs-section-head p{opacity:.78;} .cs-check-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;} .cs-check-grid article{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:17px 18px;color:#fff;font-weight:900;} .cs-check-grid i{font-style:normal;flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#bdf5ef;color:#06232d;font-weight:950;} .cs-industry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px;} .cs-industry-grid article{background:#fff;border:1px solid #e1edf0;border-radius:20px;padding:22px;box-shadow:0 14px 34px rgba(6,35,45,.055);font-weight:950;color:#06232d;min-height:92px;display:flex;align-items:flex-end;position:relative;overflow:hidden;} .cs-industry-grid article:before{content:"";position:absolute;left:18px;top:18px;width:34px;height:8px;border-radius:999px;background:#14c8bd;} .cs-industry-grid span{position:relative;z-index:1;} .cs-final-cta{text-align:center;background:radial-gradient(circle at 22% 15%,rgba(255,214,224,.86),transparent 30%),radial-gradient(circle at 78% 0%,rgba(189,245,239,.9),transparent 34%),#fff!important;padding:58px 44px!important;} .cs-final-cta p{max-width:700px;margin:0 auto 24px!important;} .cs-final-cta .cs-btn{margin:0 auto;} @media(max-width:1280px){.cs-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.cs-check-grid,.cs-industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:1180px){.cs-intro-section{grid-template-columns:1fr;}} @media(max-width:700px){.cs-preview-grid,.cs-check-grid,.cs-industry-grid{grid-template-columns:1fr;}.cs-preview-grid article{min-height:auto}.cs-intro-copy h2,.cs-final-cta h2{font-size:36px}.cs-intro-copy p,.cs-final-cta p{font-size:16px}.cs-final-cta{padding:34px 24px!important;}} /* v25 homepage visual refinements */ .cs-hero-copy h1 { max-width: 9.6ch; font-size: clamp(3.6rem, 7vw, 5.95rem); line-height: .94; letter-spacing: -0.05em; } .cs-hero-copy { max-width: 620px; } .cs-hero-panel { align-items: center; } .cs-hero-visual { min-height: 480px; } .cs-story-list { display: grid; gap: 28px; } .cs-story-card { display: grid; grid-template-columns: 1.1fr .9fr; gap: 28px; align-items: center; background: #ffffff; border: 1px solid rgba(8, 35, 45, 0.08); border-radius: 34px; padding: 28px; box-shadow: 0 20px 50px rgba(8, 35, 45, 0.08); } .cs-story-card--reverse { grid-template-columns: .9fr 1.1fr; } .cs-story-card--reverse .cs-story-visual { order: 2; } .cs-story-card--reverse .cs-story-copy { order: 1; } .cs-story-visual { position: relative; min-height: 270px; padding: 20px; } .cs-story-blob { position: absolute; inset: 14px 12px 18px 18px; border-radius: 44px; background: linear-gradient(135deg, rgba(189,245,239,.9), rgba(189,245,239,.42)); } .cs-story-board { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; min-height: 270px; } .cs-story-board svg { width: 100%; max-width: 430px; height: auto; display: block; } .cs-story-copy { max-width: 430px; } .cs-story-copy b { display: inline-flex; align-items: center; justify-content: center; min-width: 58px; height: 58px; padding: 0 14px; border-radius: 999px; background: #08232d; color: #fff; font-size: 2rem; line-height: 1; margin-bottom: 18px; } .cs-story-copy h3 { margin: 0 0 12px; font-size: clamp(2.9rem, 3.4vw, 4.2rem); line-height: .98; letter-spacing: -0.04em; color: #08232d; } .cs-story-copy p { margin: 0; font-size: 1.95rem; line-height: 1.65; color: #5a6e7f; } .cs-industries-section .cs-section-head { max-width: 1100px; } .cs-industry-showcase { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px; } .cs-industry-card-v2 { background: #ffffff; border-radius: 26px; border: 1px solid rgba(8, 35, 45, 0.08); padding: 22px 22px 20px; box-shadow: 0 14px 34px rgba(8, 35, 45, 0.06); min-height: 220px; display: flex; flex-direction: column; justify-content: flex-start; } .cs-industry-card-v2__icon { width: 74px; height: 74px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; background: #eefaf8; color: #08232d; margin-bottom: 20px; } .cs-industry-card-v2__icon svg { width: 44px; height: 44px; display: block; } .cs-industry-card-v2 h3 { margin: 0 0 10px; font-size: 2.6rem; line-height: 1.12; color: #08232d; } @media (max-width: 1300px) { .cs-industry-showcase { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 1100px) { .cs-story-card, .cs-story-card--reverse { grid-template-columns: 1fr; } .cs-story-card--reverse .cs-story-visual, .cs-story-card--reverse .cs-story-copy { order: initial; } .cs-industry-showcase { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 767px) { .cs-hero-copy h1 { max-width: none; font-size: clamp(3rem, 11vw, 4.6rem); } .cs-story-card { padding: 22px; gap: 18px; border-radius: 24px; } .cs-story-visual, .cs-story-board { min-height: 220px; } .cs-story-copy h3 { font-size: 2.4rem; } .cs-story-copy p { font-size: 1.7rem; } .cs-industry-showcase { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .cs-industry-card-v2 { min-height: 180px; padding: 18px; border-radius: 20px; } .cs-industry-card-v2 h3 { font-size: 2.1rem; } } @media (max-width: 480px) { .cs-industry-showcase { grid-template-columns: 1fr; } } /* v26 polish fixes requested by client */ .cs-shell{ background: radial-gradient(circle at 0% 8%, rgba(248, 223, 232, .55), transparent 22%), radial-gradient(circle at 100% 0%, rgba(201, 243, 240, .55), transparent 28%), linear-gradient(180deg, #f2f4f8 0%, #eef2f6 100%) !important; padding-top: 18px !important; } .cs-layout{ max-width: 1500px; gap: 34px; } .cs-side{ top: 168px !important; margin-top: 18px; width: 80px; min-height: 440px; padding: 16px 12px; border-radius: 30px; background: rgba(255,255,255,.92); border: 1px solid rgba(6,35,45,.07); box-shadow: 0 16px 36px rgba(6,35,45,.10); } .cs-side:hover, .cs-side:focus-within{ width: 228px; box-shadow: 0 22px 48px rgba(6,35,45,.12); } .cs-side-brand{ margin-bottom: 16px; } .cs-vertical-menu{ gap: 10px; } .cs-vertical-menu a{ height: 52px; border-radius: 16px; font-size: 15px; padding: 0 12px; } .cs-nav-icon{ flex: 0 0 34px !important; width: 34px; height: 34px; } .cs-side-card{ left: 12px; right: 12px; bottom: 12px; min-height: 56px; border-radius: 18px; padding: 12px; } .cs-side-card b{ font-size: 24px; } .cs-hero-qvery{ min-height: 620px; padding: 56px 56px 50px; background: linear-gradient(120deg, #f7f8fb 0%, #f6f7fa 46%, #edf7f6 100%); } .cs-hero-copy h1{ max-width: 8.2ch; font-size: clamp(48px, 5.2vw, 84px) !important; line-height: .96; letter-spacing: -.07em; margin: 24px 0 18px; } .cs-hero-copy p{ font-size: clamp(16px, 1.22vw, 20px); line-height: 1.52; } .cs-pill{ font-size: 11px; padding: 10px 18px; } .cs-hero-visual{ min-height: 430px; } .cs-hero-visual svg{ width: min(500px, 100%); right: -6px; top: 62px; } .cs-device-card{ transform: scale(.92); transform-origin: top right; } .cs-device-1{right: 228px; top: 172px;} .cs-device-2{right: 34px; top: 266px;} .cs-device-3{right: 148px; bottom: -8px;} .cs-section, .cs-page-title, .cs-two-col, .cs-quote-layout, .cs-feature-row article, .cs-service-card, .cs-form-box, .cs-quote-notes, .cs-about-panel, .cs-split-section, .cs-process-section, .cs-faq-section{ background: rgba(255,255,255,.78); } .cs-section{ padding: 40px; } .cs-section-head h2, .cs-split-copy h2, .cs-two-col h2{ font-size: clamp(30px, 3.5vw, 54px); line-height: 1.02; } .cs-section-head p, .cs-feature-row p, .cs-service-card p, .cs-two-col p, .cs-about-panel p, .cs-quote-notes li, .cs-split-copy p, .cs-split-cards p, .cs-process-list p, .cs-faq-list p{ font-size: 17px; } .cs-story-card{ gap: 24px; padding: 24px; border-radius: 30px; } .cs-story-visual, .cs-story-board{ min-height: 240px; } .cs-story-copy h3{ font-size: clamp(2.3rem, 2.6vw, 3.3rem); line-height: 1.02; } .cs-story-copy p{ font-size: 1.72rem; } .cs-industry-showcase{ grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; } .cs-industry-card-v2{ min-height: 188px; padding: 18px; border-radius: 22px; background: rgba(255,255,255,.88); overflow: hidden; } .cs-industry-card-v2__icon{ width: 60px; height: 60px; border-radius: 16px; margin-bottom: 14px; } .cs-industry-card-v2__icon svg{ width: 34px; height: 34px; } .cs-industry-card-v2 h3{ margin: 0; font-size: clamp(14px, 1.42vw, 24px) !important; line-height: 1.18; letter-spacing: -.03em; overflow-wrap: anywhere; word-break: break-word; hyphens: auto; } @media (max-width: 1360px){ .cs-industry-showcase{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .cs-hero-copy h1{ font-size: clamp(46px, 4.9vw, 78px) !important; } } @media (max-width: 1180px){ .cs-shell{ padding-top: 10px !important; } .cs-side{ top: auto !important; margin-top: 0; min-height: auto; width: 100%; padding: 14px; } .cs-side:hover, .cs-side:focus-within{ width: 100%; } .cs-hero-qvery{ padding: 42px 30px; } .cs-hero-copy h1{ max-width: 9.2ch; } } @media (max-width: 980px){ .cs-industry-showcase{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 767px){ .cs-section{ padding: 28px; } .cs-hero-copy h1{ font-size: clamp(38px, 10vw, 56px) !important; max-width: none; } .cs-hero-copy p, .cs-section-head p, .cs-feature-row p, .cs-service-card p, .cs-two-col p, .cs-about-panel p, .cs-quote-notes li, .cs-split-copy p, .cs-split-cards p, .cs-process-list p, .cs-faq-list p{ font-size: 15px; } .cs-industry-showcase{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .cs-industry-card-v2{ min-height: 150px; padding: 16px; } } @media (max-width: 520px){ .cs-industry-showcase{ grid-template-columns: 1fr; } } /* v27 full-width module pages and 150% desktop zoom protection */ #module-calibrationservices-services #wrapper, #module-calibrationservices-catalog #wrapper, #module-calibrationservices-about #wrapper, #module-calibrationservices-quote #wrapper{ overflow-x: hidden !important; } .cs-shell{ width: 100% !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; } .cs-layout{ width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: clamp(14px, 1.8vw, 28px) !important; padding-right: clamp(14px, 1.8vw, 28px) !important; grid-template-columns: 82px minmax(0, 1fr) !important; gap: clamp(16px, 2vw, 30px) !important; } .cs-main{ width: 100% !important; min-width: 0 !important; } .cs-page-home .cs-hero-qvery, .cs-hero-qvery{ width: 100% !important; max-width: none !important; min-height: 0 !important; overflow: hidden !important; grid-template-columns: minmax(360px, .9fr) minmax(280px, .72fr) !important; gap: clamp(16px, 2vw, 28px) !important; padding: clamp(30px, 3.4vw, 52px) clamp(30px, 3.8vw, 58px) clamp(28px, 3.2vw, 48px) !important; } .cs-hero-copy{ max-width: 600px !important; min-width: 0 !important; } .cs-page-home .cs-hero-copy h1, .cs-hero-copy h1{ max-width: 8.7ch !important; font-size: clamp(42px, 4.55vw, 72px) !important; line-height: .97 !important; letter-spacing: -.065em !important; margin: clamp(18px, 2.2vw, 26px) 0 clamp(14px, 1.8vw, 20px) !important; } .cs-hero-copy p{ max-width: 560px !important; font-size: clamp(15px, 1.1vw, 18px) !important; line-height: 1.5 !important; } .cs-search-card{ max-width: 560px !important; } .cs-actions{ margin-top: 18px !important; } .cs-btn{ min-height: 48px !important; padding-left: 20px !important; padding-right: 20px !important; } .cs-hero-visual{ min-height: clamp(320px, 34vw, 420px) !important; min-width: 0 !important; } .cs-hero-visual svg{ width: min(460px, 100%) !important; right: 0 !important; top: clamp(42px, 5vw, 72px) !important; } .cs-blob-a{ width: clamp(220px, 24vw, 310px) !important; height: clamp(170px, 18vw, 225px) !important; } .cs-blob-b{ width: clamp(210px, 25vw, 320px) !important; height: clamp(140px, 16vw, 190px) !important; } .cs-device-card{ transform: scale(.82) !important; } .cs-device-1{ right: clamp(160px, 18vw, 228px) !important; top: clamp(145px, 15vw, 178px) !important; } .cs-device-2{ right: clamp(4px, 3vw, 34px) !important; top: clamp(232px, 23vw, 272px) !important; } .cs-device-3{ right: clamp(95px, 12vw, 148px) !important; bottom: -18px !important; } .cs-section, .cs-page-title, .cs-two-col, .cs-quote-layout{ width: 100% !important; max-width: none !important; } .cs-section-head h2, .cs-split-copy h2, .cs-two-col h2{ font-size: clamp(28px, 3vw, 48px) !important; } .cs-industry-showcase{ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .cs-industry-card-v2{ min-width: 0 !important; min-height: 160px !important; padding: 16px !important; } .cs-industry-card-v2 h3{ font-size: clamp(13px, 1.18vw, 20px) !important; line-height: 1.18 !important; max-width: 100% !important; } .cs-industry-card-v2__icon{ width: 54px !important; height: 54px !important; margin-bottom: 12px !important; } .cs-industry-card-v2__icon svg{ width: 30px !important; height: 30px !important; } @media (max-width: 1280px){ .cs-layout{ grid-template-columns: 76px minmax(0, 1fr) !important; gap: 18px !important; } .cs-page-home .cs-hero-qvery, .cs-hero-qvery{ grid-template-columns: minmax(320px, .9fr) minmax(250px, .7fr) !important; padding: 34px 34px 32px !important; } .cs-page-home .cs-hero-copy h1, .cs-hero-copy h1{ font-size: clamp(38px, 4.2vw, 62px) !important; } .cs-hero-visual{ min-height: 330px !important; } .cs-device-card{ transform: scale(.72) !important; } .cs-industry-showcase{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } @media (max-width: 1100px){ .cs-layout{ grid-template-columns: 1fr !important; } .cs-side{ width: 100% !important; max-width: none !important; } .cs-page-home .cs-hero-qvery, .cs-hero-qvery{ grid-template-columns: 1fr !important; } .cs-hero-copy, .cs-hero-copy p, .cs-search-card{ max-width: 100% !important; } .cs-page-home .cs-hero-copy h1, .cs-hero-copy h1{ max-width: 12ch !important; } } @media (max-width: 900px){ .cs-industry-showcase{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 700px){ .cs-layout{ padding-left: 12px !important; padding-right: 12px !important; } .cs-page-home .cs-hero-qvery, .cs-hero-qvery{ padding: 28px 22px !important; } .cs-page-home .cs-hero-copy h1, .cs-hero-copy h1{ max-width: none !important; font-size: clamp(34px, 10vw, 48px) !important; } .cs-industry-showcase{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* v28 typography unification: keep the balanced Why Choose Us scale across module pages */ .cs-shell{ --cs-h1-size: clamp(40px, 4.2vw, 64px); --cs-h2-size: clamp(34px, 3.25vw, 54px); --cs-h3-size: clamp(19px, 1.35vw, 24px); --cs-body-size: clamp(16px, 1.08vw, 20px); --cs-card-size: clamp(17px, 1.15vw, 21px); } .cs-page-home .cs-hero-copy h1, .cs-hero-copy h1, .cs-page-title h1{ font-size: var(--cs-h1-size) !important; line-height: 1.03 !important; letter-spacing: -.055em !important; } .cs-section-head h2, .cs-split-copy h2, .cs-two-col h2, .cs-intro-copy h2, .cs-final-cta h2, .cs-story-copy h3{ font-size: var(--cs-h2-size) !important; line-height: 1.06 !important; letter-spacing: -.055em !important; } .cs-hero-copy p, .cs-page-title p, .cs-section-head p, .cs-intro-copy p, .cs-final-cta p, .cs-story-copy p, .cs-feature-row p, .cs-service-card p, .cs-two-col p, .cs-about-panel p, .cs-quote-notes li, .cs-split-copy p, .cs-split-cards p, .cs-process-list p, .cs-faq-list p{ font-size: var(--cs-body-size) !important; line-height: 1.56 !important; } .cs-feature-row h3, .cs-service-card h3, .cs-about-panel h3, .cs-quote-notes h3, .cs-split-cards h3, .cs-process-list h3, .cs-check-grid article, .cs-check-grid span, .cs-industry-card-v2 h3, .cs-preview-grid h3, .cs-story-copy b{ font-size: var(--cs-card-size) !important; line-height: 1.22 !important; } .cs-page-home .cs-hero-copy h1, .cs-hero-copy h1{ max-width: 9.8ch !important; } .cs-page-home .cs-hero-qvery, .cs-hero-qvery{ min-height: min(660px, calc(100vh - 220px)) !important; } .cs-section-head{ max-width: 1120px !important; } .cs-check-grid article{ min-height: 94px !important; padding: 22px 24px !important; } .cs-check-grid i{ width: 38px !important; height: 38px !important; flex-basis: 38px !important; font-size: 22px !important; } .cs-industry-card-v2{ min-height: 150px !important; } .cs-industry-card-v2 h3{ font-size: clamp(16px, 1.18vw, 22px) !important; line-height: 1.18 !important; letter-spacing: -.025em !important; } @media (min-width: 1500px){ .cs-shell{ --cs-h1-size: 64px; --cs-h2-size: 54px; --cs-body-size: 20px; --cs-card-size: 21px; } } @media (max-width: 1280px){ .cs-shell{ --cs-h1-size: clamp(38px, 4vw, 58px); --cs-h2-size: clamp(30px, 3vw, 46px); --cs-body-size: clamp(15px, 1.05vw, 18px); --cs-card-size: clamp(16px, 1.1vw, 20px); } } @media (max-width: 700px){ .cs-shell{ --cs-h1-size: clamp(34px, 10vw, 48px); --cs-h2-size: clamp(30px, 8vw, 40px); --cs-body-size: 15px; --cs-card-size: 16px; } } /* v29 About Us page content from supplied document */ .cs-about-hero p + p { margin-top: 12px; } .cs-about-mission-vision .cs-about-panel { background: linear-gradient(135deg, #06232d, #0a3d49); } .cs-about-what-section, .cs-about-quality-section { background: linear-gradient(120deg, rgba(255,255,255,.92), rgba(240,254,252,.86)) !important; } .cs-about-strengths-section { background: #fff !important; } .cs-about-strengths-section .cs-check-grid article { background: #f7fbfb; border: 1px solid rgba(6,35,45,.08); color: #06232d; } .cs-about-strengths-section .cs-check-grid i { background: #c7fbf6; color: #06232d; } /* v30 contact page */ .cs-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:26px;align-items:start} .cs-contact-form-card,.cs-contact-details-card,.cs-map-card{background:rgba(255,255,255,.9);border:1px solid rgba(6,35,45,.08);border-radius:28px;box-shadow:0 18px 44px rgba(6,35,45,.07);padding:30px} .cs-contact-form-card h2,.cs-contact-details-card h2,.cs-map-card h2{font-size:clamp(30px,3vw,48px);line-height:1.04;letter-spacing:-.05em;margin:0 0 14px;color:#06232d} .cs-contact-form-card p,.cs-contact-details-card p,.cs-map-card p{color:#586b78;font-size:17px;line-height:1.6;margin:0 0 20px} .cs-contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .cs-contact-form input,.cs-contact-form select,.cs-contact-form textarea{width:100%;border:1px solid #d8e1e7;border-radius:14px;padding:14px 15px;min-height:50px;background:#fff;color:#06232d;outline:0;font-size:15px} .cs-contact-form textarea{grid-column:1/-1;min-height:130px}.cs-contact-form button,.cs-contact-form .cs-form-msg{grid-column:1/-1}.cs-contact-form button{border:0;cursor:pointer}.cs-contact-detail-list{display:grid;gap:14px}.cs-contact-detail-list article{border:1px solid #e1edf0;background:#f8fcfc;border-radius:18px;padding:16px}.cs-contact-detail-list b{display:block;color:#07887f;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.cs-contact-detail-list span{display:block;color:#06232d;font-weight:800;line-height:1.45}.cs-map-card{margin-top:26px;min-height:210px;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#fff,#effcfb)}@media(max-width:980px){.cs-contact-layout{grid-template-columns:1fr}.cs-contact-form{grid-template-columns:1fr}} #module-calibrationservices-contact .breadcrumb, #module-calibrationservices-contact .page-header{display:none!important} #module-calibrationservices-contact #wrapper{padding-top:0!important;background:#eefbff!important} /* v31 contact map embed fix only */ .cs-map-card{ padding:0!important; overflow:hidden!important; display:block!important; place-items:unset!important; text-align:left!important; min-height:360px!important; background:#effcfb!important; } .cs-map-embed{ width:100%; min-height:360px; display:block; } .cs-map-embed iframe{ width:100%!important; height:360px!important; min-height:360px!important; border:0!important; display:block!important; } .cs-map-embed span{ min-height:360px; display:flex; align-items:center; justify-content:center; padding:30px; color:#586b78; font-weight:800; } @media(max-width:980px){ .cs-map-card,.cs-map-embed,.cs-map-embed iframe,.cs-map-embed span{min-height:300px!important;height:300px!important;} } /* v32 contact map: render backend Google Maps embed full width below the contact form/details */ .cs-page-contact .cs-contact-layout{ grid-template-columns: minmax(0,1.25fr) minmax(320px,.75fr) !important; align-items: stretch !important; } .cs-page-contact .cs-contact-layout aside{ display: block !important; } .cs-map-section-full{ width: 100%; display: block; margin-top: 28px; } .cs-map-card.cs-map-card-full{ width: 100% !important; min-height: 520px !important; margin-top: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 30px !important; background: #effcfb !important; display: block !important; text-align: center; } .cs-map-card-full .cs-map-embed, .cs-map-card-full .cs-map-embed iframe{ width: 100% !important; height: 520px !important; min-height: 520px !important; display: block !important; border: 0 !important; } .cs-map-card-full .cs-map-embed span{ width: 100% !important; height: 520px !important; min-height: 520px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #536a76 !important; font-weight: 850 !important; font-size: 18px !important; } @media(max-width:980px){ .cs-page-contact .cs-contact-layout{grid-template-columns:1fr!important;} .cs-map-card.cs-map-card-full, .cs-map-card-full .cs-map-embed, .cs-map-card-full .cs-map-embed iframe, .cs-map-card-full .cs-map-embed span{ height: 420px !important; min-height: 420px !important; } } /* v35 calibration services A-Z category page refresh. Scoped to category override only. */ .cs-calibration-a2z{--a2z-ink:#061f2a;--a2z-muted:#5a6d77;--a2z-teal:#16c7bd;--a2z-teal-soft:#d9fbf7;--a2z-pink:#ffe4ea;--a2z-blue:#eff8ff;--a2z-line:rgba(6,31,42,.11);--a2z-dark:#071f2a;max-width:1540px;margin:0 auto;padding:28px 22px 64px;color:var(--a2z-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.cs-calibration-a2z *{box-sizing:border-box}.cs-calibration-a2z a{text-decoration:none}.cs-a2z-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:34px;align-items:center;min-height:520px;border-radius:42px;padding:74px 62px;background:radial-gradient(circle at 8% 0%,rgba(255,226,232,.95),transparent 30%),radial-gradient(circle at 95% 8%,rgba(207,249,244,.95),transparent 30%),linear-gradient(135deg,#f7fbff 0%,#e9fbf8 100%);border:1px solid var(--a2z-line);box-shadow:0 30px 90px rgba(6,31,42,.12)}.cs-a2z-hero:before{content:"";position:absolute;inset:auto -80px -170px auto;width:460px;height:460px;border-radius:50%;background:rgba(22,199,189,.13);filter:blur(2px)}.cs-a2z-eyebrow,.cs-a2z-head span{display:inline-flex;align-items:center;gap:8px;margin-bottom:13px;padding:8px 13px;border-radius:999px;background:rgba(22,199,189,.13);color:#07877f;font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.cs-a2z-eyebrow:before,.cs-a2z-head span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--a2z-teal)}.cs-a2z-hero h1{max-width:900px;margin:0;font-size:clamp(42px,5.2vw,82px);line-height:.95;letter-spacing:-.075em;color:var(--a2z-ink);font-weight:950}.cs-a2z-hero p{max-width:720px;margin:24px 0 0;color:#334853;font-size:22px;line-height:1.45}.cs-a2z-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.cs-a2z-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:16px;font-weight:950;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.cs-a2z-btn:hover{transform:translateY(-2px);text-decoration:none}.cs-a2z-btn-dark{background:var(--a2z-ink);color:#fff!important;box-shadow:0 18px 40px rgba(6,31,42,.19)}.cs-a2z-btn-light{background:#fff;color:var(--a2z-ink)!important;border:1px solid var(--a2z-line);box-shadow:0 12px 30px rgba(6,31,42,.08)}.cs-a2z-hero-panel{position:relative;min-height:420px}.cs-a2z-orbit{position:absolute;inset:34px 20px;border-radius:42px;background:#fff;border:1px solid var(--a2z-line);box-shadow:0 24px 70px rgba(6,31,42,.12);transform:rotate(-3deg)}.cs-a2z-orbit:before{content:"";position:absolute;inset:38px;border-radius:34px;border:2px dashed rgba(22,199,189,.36)}.cs-a2z-hero-card{position:absolute;right:40px;bottom:34px;width:230px;padding:24px;border-radius:28px;background:var(--a2z-ink);color:#fff;box-shadow:0 26px 60px rgba(6,31,42,.23)}.cs-a2z-hero-card b{display:block;font-size:64px;line-height:.86;letter-spacing:-.07em}.cs-a2z-hero-card span{display:block;margin-top:10px;font-size:15px;line-height:1.35;color:rgba(255,255,255,.78);font-weight:850}.cs-a2z-float{position:absolute;z-index:2;width:245px;padding:18px 18px 16px;border-radius:24px;background:rgba(255,255,255,.88);border:1px solid var(--a2z-line);box-shadow:0 22px 60px rgba(6,31,42,.13);backdrop-filter:blur(14px)}.cs-a2z-float span{display:inline-flex;width:34px;height:34px;border-radius:12px;align-items:center;justify-content:center;background:var(--a2z-teal-soft);color:#07877f;font-weight:950;margin-bottom:10px}.cs-a2z-float strong{display:block;font-size:19px;letter-spacing:-.03em}.cs-a2z-float small{display:block;color:var(--a2z-muted);font-weight:800;margin-top:3px}.cs-a2z-float-one{left:0;top:18px}.cs-a2z-float-two{right:0;top:138px}.cs-a2z-float-three{left:45px;bottom:32px}.cs-a2z-section{margin-top:30px;border-radius:34px;padding:52px;background:#fff;border:1px solid var(--a2z-line);box-shadow:0 20px 70px rgba(6,31,42,.07)}.cs-a2z-light{background:linear-gradient(180deg,#fff,#f6fbff)}.cs-a2z-head{max-width:830px;margin-bottom:28px}.cs-a2z-head h2,.cs-a2z-split-overview h2,.cs-a2z-quote h2,.cs-a2z-final-cta h2{margin:0;color:var(--a2z-ink);font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.06em;font-weight:950}.cs-a2z-head p,.cs-a2z-split-overview p,.cs-a2z-quote p,.cs-a2z-final-cta p{margin:16px 0 0;color:var(--a2z-muted);font-size:18px;line-height:1.65}.cs-a2z-card-grid{display:grid;gap:18px}.cs-a2z-five-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cs-a2z-four-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-a2z-card-grid article{position:relative;overflow:hidden;min-height:250px;padding:24px;border-radius:26px;background:#fff;border:1px solid var(--a2z-line);box-shadow:0 18px 45px rgba(6,31,42,.06)}.cs-a2z-card-grid article:before{content:"";position:absolute;right:-42px;top:-42px;width:112px;height:112px;border-radius:50%;background:rgba(22,199,189,.12)}.cs-a2z-card-grid i{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--a2z-teal-soft);color:#07877f;font-style:normal;font-size:24px;font-weight:950;margin-bottom:18px}.cs-a2z-card-grid h3,.cs-a2z-benefit-grid h3{margin:0;color:var(--a2z-ink);font-size:21px;line-height:1.12;letter-spacing:-.035em;font-weight:950}.cs-a2z-card-grid p,.cs-a2z-benefit-grid p{margin:12px 0 0;color:var(--a2z-muted);font-size:15.5px;line-height:1.55}.cs-a2z-card-grid small{display:block;margin-top:14px;color:#29434f;font-weight:850;line-height:1.45}.cs-a2z-card-grid a{display:inline-flex;margin-top:18px;color:#07877f;font-weight:950}.cs-a2z-split-overview{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:start;background:linear-gradient(135deg,#fff 0%,#f2fbff 100%)}.cs-a2z-inline-link{display:inline-flex;margin-top:18px;color:#07877f!important;font-weight:950}.cs-a2z-dark{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 0%,rgba(22,199,189,.24),transparent 30%),linear-gradient(135deg,#061f2a,#0a3140 100%);color:#fff;border:0;box-shadow:0 28px 90px rgba(6,31,42,.22)}.cs-a2z-head-dark span{background:rgba(255,255,255,.1);color:#bdf7f2}.cs-a2z-head-dark h2,.cs-a2z-head-dark p{color:#fff}.cs-a2z-head-dark p{color:rgba(255,255,255,.72)}.cs-a2z-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cs-a2z-benefit-grid article{padding:24px;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}.cs-a2z-benefit-grid h3{color:#fff}.cs-a2z-benefit-grid p{color:rgba(255,255,255,.73)}.cs-a2z-tabs{background:#fff;border:1px solid var(--a2z-line);border-radius:30px;padding:18px;box-shadow:0 18px 60px rgba(6,31,42,.07)}.cs-a2z-tab-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.cs-a2z-tab-buttons button{border:0;border-radius:999px;background:#f1f7fa;color:#24414d;padding:12px 18px;font-weight:950;cursor:pointer}.cs-a2z-tab-buttons button.active{background:var(--a2z-ink);color:#fff}.cs-a2z-tab-panel{display:none}.cs-a2z-tab-panel.active{display:block}.cs-a2z-tab-panel ul,.cs-a2z-accordions ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cs-a2z-tab-panel li,.cs-a2z-accordions li,.cs-a2z-checklist span{position:relative;padding:14px 14px 14px 40px;border-radius:16px;background:#f6fbff;color:#28424d;font-weight:850}.cs-a2z-tab-panel li:before,.cs-a2z-accordions li:before,.cs-a2z-checklist span:before{content:"✓";position:absolute;left:14px;top:14px;width:18px;height:18px;border-radius:7px;background:var(--a2z-teal-soft);color:#07877f;font-size:12px;display:grid;place-items:center;font-weight:950}.cs-a2z-comparison{background:linear-gradient(135deg,#fff,#fff7fa)}.cs-a2z-table-wrap{overflow:auto;border-radius:26px;border:1px solid var(--a2z-line);background:#fff;box-shadow:0 18px 48px rgba(6,31,42,.06)}.cs-a2z-table{width:100%;border-collapse:separate;border-spacing:0}.cs-a2z-table th{background:var(--a2z-ink);color:#fff;text-align:left;font-size:18px;padding:22px 24px}.cs-a2z-table th:first-child{border-top-left-radius:24px}.cs-a2z-table th:last-child{border-top-right-radius:24px}.cs-a2z-table td{width:50%;padding:20px 24px;color:#344b56;border-bottom:1px solid var(--a2z-line);font-weight:750;line-height:1.45}.cs-a2z-table tr:last-child td{border-bottom:0}.cs-a2z-table td+td{border-left:1px solid var(--a2z-line)}.cs-a2z-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cs-a2z-timeline article{position:relative;min-height:210px;padding:24px;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.cs-a2z-timeline b{display:inline-flex;width:46px;height:46px;border-radius:16px;align-items:center;justify-content:center;background:#fff;color:var(--a2z-ink);font-weight:950;margin-bottom:16px}.cs-a2z-timeline h3{margin:0;color:#fff;font-size:20px;line-height:1.15;letter-spacing:-.03em}.cs-a2z-timeline p{margin:12px 0 0;color:rgba(255,255,255,.72);line-height:1.55}.cs-a2z-accordions{display:grid;gap:14px}.cs-a2z-accordions details{border-radius:24px;background:#fff;border:1px solid var(--a2z-line);box-shadow:0 14px 36px rgba(6,31,42,.05);overflow:hidden}.cs-a2z-accordions summary{list-style:none;cursor:pointer;padding:22px 26px;color:var(--a2z-ink);font-size:20px;font-weight:950;letter-spacing:-.025em}.cs-a2z-accordions summary::-webkit-details-marker{display:none}.cs-a2z-accordions details[open] summary{border-bottom:1px solid var(--a2z-line)}.cs-a2z-accordions details>*:not(summary){margin:0 26px 22px}.cs-a2z-accordions p{color:var(--a2z-muted);font-size:17px;line-height:1.65}.cs-a2z-accordions ul{grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 26px 26px!important}.cs-a2z-industries{background:linear-gradient(135deg,#eff8ff,#fff)}.cs-a2z-chip-grid{display:flex;flex-wrap:wrap;gap:12px}.cs-a2z-chip-grid span{display:inline-flex;padding:13px 16px;border-radius:999px;background:#fff;border:1px solid var(--a2z-line);color:#29434f;font-weight:900;box-shadow:0 10px 25px rgba(6,31,42,.05)}.cs-a2z-trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-a2z-quote{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start;background:radial-gradient(circle at 5% 0%,rgba(255,226,232,.9),transparent 28%),linear-gradient(135deg,#fff,#eafbff);border:1px solid var(--a2z-line)}.cs-a2z-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cs-a2z-checklist span{background:#fff;border:1px solid var(--a2z-line);box-shadow:0 10px 26px rgba(6,31,42,.05)}.cs-a2z-faq{background:#fff}.cs-a2z-final-cta{margin-top:30px;text-align:center;border-radius:38px;padding:68px 44px;background:radial-gradient(circle at 0% 0%,rgba(255,226,232,.92),transparent 28%),radial-gradient(circle at 100% 0%,rgba(204,249,243,.92),transparent 30%),linear-gradient(135deg,#fff,#f4fbff);border:1px solid var(--a2z-line);box-shadow:0 28px 90px rgba(6,31,42,.1)}.cs-a2z-final-cta span{display:inline-flex;color:#07877f;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;margin-bottom:13px}.cs-a2z-final-cta h2{max-width:950px;margin:0 auto}.cs-a2z-final-cta p{max-width:800px;margin-left:auto;margin-right:auto}.cs-a2z-final-cta .cs-a2z-actions{justify-content:center}.cs-a2z-products{margin-top:30px}.cs-calibration-a2z .cs-product-list-note{max-width:none!important}.cs-calibration-a2z .cs-ref-card-grid{max-width:none!important}@media(max-width:1300px){.cs-a2z-five-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-a2z-four-grid,.cs-a2z-trust-grid,.cs-a2z-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-a2z-tab-panel ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.cs-calibration-a2z{padding:18px 12px 44px}.cs-a2z-hero,.cs-a2z-split-overview,.cs-a2z-quote{grid-template-columns:1fr}.cs-a2z-hero{padding:44px 28px;border-radius:30px}.cs-a2z-hero-panel{min-height:360px}.cs-a2z-section{padding:34px 24px;border-radius:28px}.cs-a2z-benefit-grid,.cs-a2z-five-grid,.cs-a2z-four-grid,.cs-a2z-trust-grid,.cs-a2z-timeline,.cs-a2z-checklist{grid-template-columns:1fr 1fr}.cs-a2z-tab-panel ul,.cs-a2z-accordions ul{grid-template-columns:1fr 1fr}.cs-a2z-hero h1{font-size:44px}.cs-a2z-head h2,.cs-a2z-split-overview h2,.cs-a2z-quote h2,.cs-a2z-final-cta h2{font-size:36px}}@media(max-width:640px){.cs-a2z-hero{padding:34px 20px}.cs-a2z-hero h1{font-size:36px}.cs-a2z-hero p{font-size:18px}.cs-a2z-hero-panel{display:none}.cs-a2z-benefit-grid,.cs-a2z-five-grid,.cs-a2z-four-grid,.cs-a2z-trust-grid,.cs-a2z-timeline,.cs-a2z-checklist,.cs-a2z-tab-panel ul,.cs-a2z-accordions ul{grid-template-columns:1fr}.cs-a2z-section{padding:28px 18px}.cs-a2z-actions{display:grid}.cs-a2z-btn{width:100%}.cs-a2z-table th,.cs-a2z-table td{padding:16px;font-size:15px}.cs-a2z-accordions summary{font-size:18px;padding:19px 20px}.cs-a2z-final-cta{padding:44px 20px}.cs-a2z-tab-buttons button{flex:1 1 auto}} /* v36 placement/design refinements: catalog page only, Qvery-inspired clean vertical story */ .cs-page-catalog .cs-side{top:132px;background:rgba(255,255,255,.92)} .cs-page-catalog .cs-side-card{display:none} .cs-page-catalog .cs-vertical-menu a{height:48px;font-size:14px;letter-spacing:-.02em} .cs-page-catalog .cs-nav-icon{font-weight:950;background:#ecfbf9;color:#07877f} .cs-page-catalog .cs-vertical-menu a.active,.cs-page-catalog .cs-vertical-menu a:hover{background:#06232d;color:#fff} .cs-page-catalog .cs-vertical-menu a.active .cs-nav-icon,.cs-page-catalog .cs-vertical-menu a:hover .cs-nav-icon{background:rgba(255,255,255,.16);color:#fff} .cs-page-catalog .cs-main{gap:0} .cs-page-catalog .cs-calibration-a2z{max-width:100%;padding:0 0 54px} .cs-page-catalog .cs-a2z-hero{min-height:640px;border-radius:44px;padding:86px 72px;background:radial-gradient(circle at 2% 10%,rgba(255,226,232,.95),transparent 29%),radial-gradient(circle at 94% 5%,rgba(203,250,244,.98),transparent 31%),linear-gradient(135deg,#ffffff 0%,#f3fbff 48%,#e9fcf8 100%)} .cs-page-catalog .cs-a2z-hero h1{font-size:clamp(64px,8.2vw,132px);line-height:.86;letter-spacing:-.095em;max-width:760px} .cs-page-catalog .cs-a2z-hero .cs-a2z-lead{font-size:24px;color:#102f3a;font-weight:850;max-width:760px;margin-top:28px} .cs-page-catalog .cs-a2z-hero p:not(.cs-a2z-lead){font-size:20px;max-width:720px;color:#506673;margin-top:12px} .cs-page-catalog .cs-a2z-section{scroll-margin-top:148px;margin-top:28px;border-radius:36px} .cs-page-catalog .cs-a2z-card-grid article,.cs-page-catalog .cs-a2z-accordions details,.cs-page-catalog .cs-a2z-tabs,.cs-page-catalog .cs-a2z-table-wrap{box-shadow:0 22px 60px rgba(6,31,42,.065)} .cs-page-catalog .cs-a2z-head{max-width:900px} .cs-page-catalog .cs-a2z-head h2,.cs-page-catalog .cs-a2z-split-overview h2,.cs-page-catalog .cs-a2z-quote h2,.cs-page-catalog .cs-a2z-final-cta h2{font-size:clamp(42px,4.6vw,72px);line-height:.92} .cs-page-catalog .cs-a2z-dark{background:radial-gradient(circle at 10% 0%,rgba(22,199,189,.27),transparent 32%),radial-gradient(circle at 94% 10%,rgba(255,226,232,.11),transparent 26%),linear-gradient(135deg,#041b25 0%,#082b38 100%)} .cs-page-catalog .cs-a2z-final-cta{border-radius:42px;padding:82px 50px;margin-top:28px} .cs-page-catalog .cs-a2z-final-cta h2{font-size:clamp(42px,5vw,76px)} @media(max-width:980px){.cs-page-catalog .cs-a2z-hero{padding:48px 28px;min-height:auto}.cs-page-catalog .cs-a2z-hero h1{font-size:56px}.cs-page-catalog .cs-side{position:relative;top:auto;width:100%;max-height:none;min-height:0}.cs-page-catalog .cs-side:hover,.cs-page-catalog .cs-side:focus-within{width:100%}.cs-page-catalog .cs-menu-text{opacity:1;transform:none}.cs-page-catalog .cs-vertical-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-page-catalog .cs-layout{grid-template-columns:1fr}} /* v38 placement/design refinements for service-categories page only */ .cs-page-catalog .cs-layout{position:relative;grid-template-columns:92px minmax(0,1fr)} @media(min-width:1181px){ .cs-page-catalog .cs-side{position:fixed!important;top:154px!important;left:max(32px,calc((100vw - 1540px)/2 + 32px));width:84px!important;min-height:420px!important;max-height:none!important;overflow:visible!important;padding:18px 16px!important;border-radius:28px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 24px 72px rgba(6,35,45,.13)!important;z-index:25!important} .cs-page-catalog .cs-side:hover,.cs-page-catalog .cs-side:focus-within{width:260px!important} .cs-page-catalog .cs-main{min-width:0} } .cs-page-catalog .cs-side-card{display:none!important}.cs-page-catalog .cs-vertical-menu{gap:14px}.cs-page-catalog .cs-vertical-menu a{height:52px;border-radius:17px}.cs-page-catalog .cs-nav-icon{font-size:17px;font-weight:950;background:#ecfbf9;color:#07877f}.cs-page-catalog .cs-vertical-menu a.active .cs-nav-icon{background:rgba(255,255,255,.18);color:#fff}.cs-page-catalog .cs-side-brand{margin-bottom:22px}.cs-page-catalog .cs-logo-mark{border-radius:14px} .cs-page-catalog .cs-a2z-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);min-height:520px;padding:70px 72px;border-radius:44px;overflow:hidden}.cs-page-catalog .cs-a2z-hero h1{font-size:clamp(42px,5vw,76px);line-height:.95;letter-spacing:-.075em}.cs-page-catalog .cs-a2z-hero .cs-a2z-lead{font-size:clamp(24px,2.15vw,34px);line-height:1.22;letter-spacing:-.04em;max-width:760px}.cs-page-catalog .cs-a2z-hero p:not(.cs-a2z-lead){font-size:21px;line-height:1.45}.cs-a2z-hero-panel-clean{display:grid;gap:16px;align-content:center;min-height:0!important}.cs-a2z-hero-panel-clean:before{content:"";position:absolute;right:-110px;bottom:-140px;width:360px;height:360px;border-radius:50%;background:rgba(22,199,189,.18)}.cs-a2z-journey-card{position:relative;z-index:1;padding:22px 24px;border-radius:26px;background:rgba(255,255,255,.86);border:1px solid rgba(6,31,42,.1);box-shadow:0 22px 60px rgba(6,31,42,.09);backdrop-filter:blur(14px)}.cs-a2z-journey-card:nth-child(2){margin-left:44px}.cs-a2z-journey-card:nth-child(3){margin-left:88px}.cs-a2z-journey-top{display:flex;align-items:center;gap:12px}.cs-a2z-journey-top span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#d9fbf7;color:#07877f;font-weight:950}.cs-a2z-journey-top strong{font-size:22px;letter-spacing:-.04em;color:#061f2a}.cs-a2z-journey-card p{margin:12px 0 0!important;font-size:16px!important;line-height:1.5!important;color:#526873!important}.cs-a2z-journey-dark{background:#061f2a}.cs-a2z-journey-dark .cs-a2z-journey-top strong,.cs-a2z-journey-dark p{color:#fff!important}.cs-a2z-journey-dark p{opacity:.78} .cs-page-catalog #service-snapshot{background:linear-gradient(135deg,#fff 0%,#f5fcff 100%)}.cs-page-catalog #service-snapshot .cs-a2z-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.cs-page-catalog #service-snapshot .cs-a2z-card-grid article{min-height:0;padding:22px 22px 24px;border-radius:24px;display:grid;grid-template-rows:auto auto 1fr auto auto;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);box-shadow:0 14px 38px rgba(6,31,42,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cs-page-catalog #service-snapshot .cs-a2z-card-grid article:hover{transform:translateY(-5px);border-color:rgba(22,199,189,.35);box-shadow:0 22px 54px rgba(6,31,42,.10)}.cs-page-catalog #service-snapshot .cs-a2z-card-grid article:before{right:-28px;top:-28px;width:78px;height:78px}.cs-page-catalog #service-snapshot .cs-a2z-card-grid i{width:44px;height:44px;border-radius:15px;margin-bottom:18px;font-size:22px}.cs-page-catalog #service-snapshot .cs-a2z-card-grid h3{font-size:22px;min-height:50px}.cs-page-catalog #service-snapshot .cs-a2z-card-grid p{font-size:15px;line-height:1.48;margin-top:8px}.cs-page-catalog #service-snapshot .cs-a2z-card-grid small{font-size:13.5px;line-height:1.42;margin-top:14px;padding-top:14px;border-top:1px solid rgba(6,31,42,.08)}.cs-page-catalog #service-snapshot .cs-a2z-card-grid a{align-self:end;margin-top:18px;font-size:15px} .cs-page-catalog #applications{background:linear-gradient(135deg,#f7fcff 0%,#fff 100%)}.cs-page-catalog #applications .cs-a2z-four-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cs-page-catalog #applications .cs-a2z-four-grid article{min-height:145px;padding:22px 24px 22px 74px;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(6,31,42,.052)}.cs-page-catalog #applications .cs-a2z-four-grid article:before{left:22px;top:24px;right:auto;width:34px;height:34px;border-radius:13px;background:#d9fbf7}.cs-page-catalog #applications .cs-a2z-four-grid article:after{content:"✓";position:absolute;left:31px;top:30px;color:#07877f;font-weight:950}.cs-page-catalog #applications .cs-a2z-four-grid h3{font-size:21px}.cs-page-catalog #applications .cs-a2z-four-grid p{font-size:15.5px;line-height:1.5} @media(max-width:1300px){.cs-page-catalog #service-snapshot .cs-a2z-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-page-catalog #applications .cs-a2z-four-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:980px){.cs-page-catalog .cs-side{position:relative!important;top:auto!important;width:100%!important;min-height:0!important}.cs-page-catalog .cs-side:hover,.cs-page-catalog .cs-side:focus-within{width:100%!important}.cs-page-catalog .cs-a2z-hero{grid-template-columns:1fr;padding:44px 28px}.cs-page-catalog .cs-a2z-hero-panel-clean{display:none}.cs-page-catalog #service-snapshot .cs-a2z-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-page-catalog #applications .cs-a2z-four-grid{grid-template-columns:1fr}} @media(max-width:640px){.cs-page-catalog #service-snapshot .cs-a2z-card-grid{grid-template-columns:1fr}.cs-page-catalog #service-snapshot .cs-a2z-card-grid h3{min-height:0}.cs-page-catalog #applications .cs-a2z-four-grid article{padding-left:62px}} /* v39 visual repair: keep side navigation in its own column, remove hero overlap, and make cards cleaner. */ @media (min-width:981px){ .cs-page-catalog .cs-layout{max-width:1680px!important;grid-template-columns:112px minmax(0,1fr)!important;gap:26px!important;padding:0 28px!important;align-items:start!important;} .cs-page-catalog .cs-side{position:sticky!important;top:154px!important;left:auto!important;width:92px!important;min-height:460px!important;max-height:calc(100vh - 180px)!important;overflow:hidden!important;padding:18px!important;border-radius:30px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 24px 72px rgba(6,35,45,.13)!important;z-index:20!important;} .cs-page-catalog .cs-side:hover,.cs-page-catalog .cs-side:focus-within{width:260px!important;} .cs-page-catalog .cs-main{min-width:0!important;overflow:visible!important;} } .cs-page-catalog .cs-side-card{display:none!important;} .cs-page-catalog .cs-vertical-menu a{gap:14px!important;} .cs-page-catalog .cs-nav-icon{font-size:17px!important;font-weight:950!important;} .cs-page-catalog .cs-a2z-hero{grid-template-columns:minmax(0,1.12fr) minmax(340px,.72fr)!important;min-height:auto!important;padding:72px 64px!important;align-items:center!important;overflow:hidden!important;} .cs-page-catalog .cs-a2z-hero-copy{max-width:780px!important;position:relative!important;z-index:2!important;} .cs-page-catalog .cs-a2z-hero h1{font-size:clamp(48px,5.6vw,86px)!important;line-height:.92!important;letter-spacing:-.08em!important;margin-bottom:22px!important;} .cs-page-catalog .cs-a2z-hero .cs-a2z-lead{font-size:clamp(23px,2.1vw,34px)!important;line-height:1.22!important;letter-spacing:-.035em!important;max-width:760px!important;} .cs-page-catalog .cs-a2z-hero-panel-clean{position:relative!important;display:grid!important;gap:14px!important;align-content:center!important;min-height:0!important;padding:26px!important;border:1px solid rgba(6,31,42,.10)!important;border-radius:32px!important;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,253,253,.94))!important;box-shadow:0 24px 70px rgba(6,31,42,.09)!important;backdrop-filter:blur(12px)!important;} .cs-page-catalog .cs-a2z-hero-panel-clean:before{display:none!important;} .cs-a2z-flow-head{display:grid!important;gap:6px!important;margin-bottom:4px!important;} .cs-a2z-flow-head span{color:#07877f!important;text-transform:uppercase!important;letter-spacing:.13em!important;font-size:12px!important;font-weight:950!important;} .cs-a2z-flow-head strong{font-size:26px!important;line-height:1.05!important;letter-spacing:-.045em!important;color:#061f2a!important;} .cs-page-catalog .cs-a2z-journey-card{display:block!important;margin:0!important;padding:18px 20px!important;border-radius:22px!important;box-shadow:none!important;border:1px solid rgba(6,31,42,.09)!important;background:#fff!important;} .cs-page-catalog .cs-a2z-journey-card:nth-child(2),.cs-page-catalog .cs-a2z-journey-card:nth-child(3){margin-left:0!important;} .cs-page-catalog .cs-a2z-journey-card.cs-a2z-journey-dark{background:#06232d!important;border-color:#06232d!important;} .cs-page-catalog .cs-a2z-journey-top span{width:38px!important;height:38px!important;border-radius:14px!important;} .cs-page-catalog .cs-a2z-journey-top strong{font-size:20px!important;} .cs-page-catalog .cs-a2z-journey-card p{font-size:15.5px!important;margin-top:8px!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;gap:18px!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid article{min-height:280px!important;padding:24px!important;border-radius:26px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;overflow:hidden!important;background:linear-gradient(180deg,#ffffff 0%,#f8fdff 100%)!important;border:1px solid rgba(6,31,42,.10)!important;box-shadow:0 16px 44px rgba(6,31,42,.055)!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid article:before{right:-42px!important;top:-42px!important;width:116px!important;height:116px!important;opacity:.78!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid i{width:50px!important;height:50px!important;border-radius:18px!important;margin-bottom:20px!important;font-size:24px!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid h3{min-height:0!important;font-size:25px!important;line-height:1.05!important;margin-bottom:12px!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid p{font-size:16.5px!important;line-height:1.48!important;margin:0 0 14px!important;color:#536977!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid small{display:block!important;margin-top:auto!important;padding-top:16px!important;border-top:1px solid rgba(6,31,42,.08)!important;font-size:14px!important;line-height:1.42!important;color:#08232d!important;font-weight:850!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid a{font-size:15.5px!important;margin-top:16px!important;color:#07877f!important;font-weight:950!important;} .cs-page-catalog #applications .cs-a2z-four-grid{grid-template-columns:repeat(auto-fit,minmax(285px,1fr))!important;gap:16px!important;} .cs-page-catalog #applications .cs-a2z-four-grid article{min-height:0!important;padding:24px 24px 24px 76px!important;border-radius:24px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;border:1px solid rgba(6,31,42,.10)!important;box-shadow:0 14px 38px rgba(6,31,42,.05)!important;} .cs-page-catalog #applications .cs-a2z-four-grid article:before{left:22px!important;top:24px!important;right:auto!important;width:38px!important;height:38px!important;border-radius:14px!important;background:#d9fbf7!important;} .cs-page-catalog #applications .cs-a2z-four-grid article:after{content:"✓"!important;position:absolute!important;left:33px!important;top:31px!important;color:#07877f!important;font-weight:950!important;font-size:14px!important;} .cs-page-catalog #applications .cs-a2z-four-grid h3{font-size:23px!important;line-height:1.12!important;margin-bottom:10px!important;} .cs-page-catalog #applications .cs-a2z-four-grid p{font-size:16px!important;line-height:1.5!important;color:#536977!important;} @media(max-width:980px){ .cs-page-catalog .cs-a2z-hero{grid-template-columns:1fr!important;padding:44px 28px!important;} .cs-page-catalog .cs-a2z-hero-panel-clean{display:none!important;} } /* v40 targeted layout fixes for calibration service-categories page only */ .cs-page-catalog.cs-shell{ padding:0 0 54px!important; background:radial-gradient(circle at 0 10%,rgba(255,226,232,.62),transparent 28%),radial-gradient(circle at 100% 0,rgba(205,249,244,.65),transparent 26%),linear-gradient(180deg,#f7fcff 0%,#eef8fd 100%)!important; } .cs-page-catalog .cs-layout{ width:100%!important; max-width:none!important; margin:0!important; padding:0 22px 0 0!important; grid-template-columns:140px minmax(0,1fr)!important; gap:16px!important; align-items:start!important; } .cs-page-catalog .cs-main{width:100%!important;min-width:0!important;} .cs-page-catalog .cs-side{ position:sticky!important; top:118px!important; align-self:start!important; width:76px!important; min-height:430px!important; max-height:none!important; margin:0 auto!important; padding:13px!important; border-radius:26px!important; overflow:hidden!important; } .cs-page-catalog .cs-side:hover,.cs-page-catalog .cs-side:focus-within{width:76px!important;} .cs-page-catalog .cs-menu-text,.cs-page-catalog .cs-side:hover .cs-menu-text,.cs-page-catalog .cs-side:focus-within .cs-menu-text{display:none!important;opacity:0!important;} .cs-page-catalog .cs-side-brand{height:42px!important;margin:0 0 13px!important;justify-content:center!important;} .cs-page-catalog .cs-logo-mark{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:13px!important;font-size:15px!important;} .cs-page-catalog .cs-vertical-menu{gap:10px!important;} .cs-page-catalog .cs-vertical-menu a{height:44px!important;width:44px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;transform:none!important;} .cs-page-catalog .cs-nav-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:50%!important;font-size:14px!important;background:#eafffb!important;color:#07877f!important;} .cs-page-catalog .cs-vertical-menu a.active .cs-nav-icon{background:#06232d!important;color:#fff!important;} .cs-page-catalog .cs-side-card{display:none!important;} .cs-page-catalog .cs-calibration-a2z{ max-width:none!important; width:100%!important; margin:0!important; padding:0 0 54px!important; } .cs-page-catalog .cs-a2z-hero{ width:100%!important; margin:0!important; border-radius:0 36px 36px 0!important; padding:58px 52px!important; min-height:520px!important; grid-template-columns:minmax(0,1.08fr) minmax(360px,.62fr)!important; } .cs-page-catalog .cs-a2z-section, .cs-page-catalog .cs-a2z-final-cta, .cs-page-catalog .cs-a2z-products{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } .cs-page-catalog #service-snapshot .cs-a2z-card-grid{ grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:14px!important; } .cs-page-catalog #service-snapshot .cs-a2z-card-grid article{ min-height:245px!important; padding:22px 20px!important; border-radius:24px!important; } .cs-page-catalog #service-snapshot .cs-a2z-card-grid h3{ font-size:22px!important; line-height:1.06!important; margin-bottom:10px!important; } .cs-page-catalog #service-snapshot .cs-a2z-card-grid p{ font-size:15.5px!important; line-height:1.44!important; } .cs-page-catalog #service-snapshot .cs-a2z-card-grid small{ font-size:13.5px!important; line-height:1.36!important; padding-top:12px!important; } .cs-page-catalog #service-snapshot .cs-a2z-card-grid a{ font-size:14.5px!important; margin-top:12px!important; } .cs-page-catalog #service-snapshot .cs-a2z-card-grid i{ width:46px!important; height:46px!important; margin-bottom:18px!important; } @media(max-width:1500px){ .cs-page-catalog #service-snapshot .cs-a2z-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid article{padding:20px 18px!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid h3{font-size:20px!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid p{font-size:14.5px!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid small{font-size:12.8px!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid a{font-size:13.5px!important;} } @media(max-width:1240px){ .cs-page-catalog .cs-layout{grid-template-columns:1fr!important;padding:0 14px!important;} .cs-page-catalog .cs-side{position:relative!important;top:auto!important;width:100%!important;min-height:0!important;margin:0!important;border-radius:22px!important;display:flex!important;align-items:center!important;} .cs-page-catalog .cs-side:hover,.cs-page-catalog .cs-side:focus-within{width:100%!important;} .cs-page-catalog .cs-vertical-menu{display:flex!important;flex-wrap:wrap!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .cs-page-catalog .cs-a2z-hero{border-radius:30px!important;grid-template-columns:1fr!important;} } @media(max-width:640px){ .cs-page-catalog #service-snapshot .cs-a2z-card-grid{grid-template-columns:1fr!important;} } /* v41 fixes requested: fixed compact catalog side menu, full-width catalog cards, and full homepage document content sections. */ @media (min-width:1241px){ .cs-page-catalog .cs-layout{grid-template-columns:116px minmax(0,1fr)!important;padding:0 18px 0 0!important;gap:14px!important;max-width:none!important;width:100%!important;margin:0!important;} .cs-page-catalog .cs-side{position:fixed!important;top:142px!important;left:22px!important;width:68px!important;min-height:0!important;height:360px!important;max-height:calc(100vh - 160px)!important;margin:0!important;padding:10px!important;border-radius:22px!important;z-index:30!important;overflow:hidden!important;background:rgba(255,255,255,.95)!important;box-shadow:0 18px 48px rgba(6,35,45,.12)!important;} .cs-page-catalog .cs-side:hover,.cs-page-catalog .cs-side:focus-within{width:68px!important;} .cs-page-catalog .cs-side-brand{height:38px!important;margin:0 0 9px!important;} .cs-page-catalog .cs-logo-mark{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;font-size:14px!important;} .cs-page-catalog .cs-vertical-menu{gap:8px!important;} .cs-page-catalog .cs-vertical-menu a{width:38px!important;height:38px!important;min-height:38px!important;border-radius:50%!important;padding:0!important;} .cs-page-catalog .cs-nav-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;font-size:13px!important;} .cs-page-catalog .cs-main{grid-column:2!important;} .cs-page-catalog .cs-a2z-hero{padding:58px 64px!important;border-radius:0 34px 34px 0!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid article{min-width:0!important;min-height:230px!important;padding:20px 16px!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid h3{font-size:19px!important;line-height:1.07!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid p{font-size:14px!important;line-height:1.42!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid small{font-size:12.4px!important;line-height:1.34!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid a{font-size:13px!important;line-height:1.15!important;} } @media (min-width:1500px){ .cs-page-catalog #service-snapshot .cs-a2z-card-grid article{padding:22px 18px!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid h3{font-size:21px!important;} .cs-page-catalog #service-snapshot .cs-a2z-card-grid p{font-size:15px!important;} } .cs-home-trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:rgba(255,255,255,.88);border:1px solid rgba(6,35,45,.08);border-radius:26px;padding:18px;box-shadow:0 18px 54px rgba(6,35,45,.07)} .cs-home-trust-strip span{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:18px;background:#effdfb;color:#06232d;font-weight:950;text-align:center;padding:10px 12px;border:1px solid rgba(20,200,189,.18)} .cs-home-five-services{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px} .cs-home-five-services article{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fdff);border:1px solid rgba(6,35,45,.09);border-radius:24px;padding:22px 18px;box-shadow:0 14px 38px rgba(6,35,45,.055);display:flex;flex-direction:column;gap:12px;min-height:300px} .cs-home-five-services article:before{content:"";position:absolute;right:-34px;top:-34px;width:98px;height:98px;border-radius:50%;background:#dffaf7} .cs-home-five-services b{position:relative;width:44px;height:44px;border-radius:15px;background:#d9fbf7;color:#07877f;display:grid;place-items:center;font-weight:950} .cs-home-five-services h3{position:relative;margin:4px 0 0;font-size:22px;line-height:1.05;letter-spacing:-.04em;color:#06232d;font-weight:950} .cs-home-five-services p{position:relative;margin:0;color:#536977;line-height:1.48;font-size:15px} .cs-home-five-services small{position:relative;display:block;margin-top:auto;padding-top:12px;border-top:1px solid rgba(6,35,45,.08);font-size:13px;line-height:1.38;color:#06232d} .cs-home-five-services a{position:relative;color:#07877f;font-weight:950;text-decoration:none;margin-top:4px} .cs-home-certificate-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(120deg,#06232d,#0d4652);border-radius:24px;padding:26px;margin-top:22px;color:#fff} .cs-home-certificate-card p{margin:0;color:#e9fbfb;font-size:18px;line-height:1.55;max-width:820px} .cs-home-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0} .cs-home-form-grid span{background:#fff;border:1px solid #e2edf0;border-radius:16px;padding:15px 16px;color:#536977;font-weight:850} @media(max-width:1300px){.cs-home-five-services{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-home-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.cs-home-five-services,.cs-home-trust-strip,.cs-home-form-grid{grid-template-columns:1fr}.cs-home-certificate-card{display:block}.cs-home-certificate-card .cs-btn{margin-top:18px}} /* v42 requested fixes: remove homepage product listing, align home width/menu with service category, and make service section Qvery-style. */ .cs-page-home .cs-service-products-section{display:none!important;} @media (min-width:1241px){ .cs-page-home .cs-layout{grid-template-columns:116px minmax(0,1fr)!important;padding:0 18px 0 0!important;gap:14px!important;max-width:none!important;width:100%!important;margin:0!important;align-items:start!important;} .cs-page-home .cs-side{position:fixed!important;top:142px!important;left:22px!important;width:68px!important;min-height:0!important;height:360px!important;max-height:calc(100vh - 160px)!important;margin:0!important;padding:10px!important;border-radius:22px!important;z-index:30!important;overflow:hidden!important;background:rgba(255,255,255,.95)!important;box-shadow:0 18px 48px rgba(6,35,45,.12)!important;} .cs-page-home .cs-side:hover,.cs-page-home .cs-side:focus-within{width:68px!important;} .cs-page-home .cs-menu-text,.cs-page-home .cs-side:hover .cs-menu-text,.cs-page-home .cs-side:focus-within .cs-menu-text{display:none!important;opacity:0!important;transform:none!important;} .cs-page-home .cs-side-brand{height:38px!important;margin:0 0 9px!important;justify-content:center!important;} .cs-page-home .cs-logo-mark{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;font-size:14px!important;} .cs-page-home .cs-vertical-menu{gap:8px!important;display:grid!important;} .cs-page-home .cs-vertical-menu a{width:38px!important;height:38px!important;min-height:38px!important;border-radius:50%!important;padding:0!important;justify-content:center!important;transform:none!important;} .cs-page-home .cs-nav-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;font-size:13px!important;border-radius:50%!important;} .cs-page-home .cs-side-card{display:none!important;} .cs-page-home .cs-main{grid-column:2!important;width:100%!important;min-width:0!important;} .cs-page-home .cs-hero-qvery{width:100%!important;max-width:none!important;margin:0!important;border-radius:0 34px 34px 0!important;min-height:620px!important;padding:58px 64px!important;grid-template-columns:minmax(0,1.02fr) minmax(420px,.86fr)!important;} .cs-page-home .cs-section,.cs-page-home .cs-final-cta{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;} } @media(max-width:1240px){ .cs-page-home .cs-layout{grid-template-columns:1fr!important;padding:0 14px!important;} .cs-page-home .cs-side{position:relative!important;top:auto!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;border-radius:22px!important;display:flex!important;align-items:center!important;} .cs-page-home .cs-side:hover,.cs-page-home .cs-side:focus-within{width:100%!important;} .cs-page-home .cs-menu-text{display:none!important;} .cs-page-home .cs-vertical-menu{display:flex!important;flex-wrap:wrap!important;} } .cs-home-qvery-service-section{background:#f5f8ff!important;border-radius:0!important;box-shadow:none!important;border:0!important;padding:70px 26px!important;} .cs-home-qvery-service-section .cs-section-head{max-width:1180px!important;margin:0 auto 36px!important;text-align:left!important;} .cs-home-qvery-service-section .cs-section-head h2{max-width:760px!important;} .cs-home-qvery-services{display:grid;gap:72px;max-width:1420px;margin:0 auto;} .cs-home-qvery-row{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(420px,1fr);gap:58px;align-items:center;min-height:390px;} .cs-home-qvery-row--reverse .cs-home-qvery-visual{order:2;} .cs-home-qvery-row--reverse .cs-home-qvery-copy{order:1;} .cs-home-qvery-visual{position:relative;min-height:350px;border-radius:42px;overflow:visible;background:transparent;} .cs-qvery-blob{position:absolute;inset:34px 0 28px 0;border-radius:46% 54% 48% 52%/42% 44% 56% 58%;background:#c7f5ef;} .cs-qvery-board{position:absolute;background:#fff;border:3px solid #061f2a;box-shadow:12px 12px 0 #061f2a;border-radius:0;padding:24px;} .cs-qvery-board-main{left:42px;top:82px;width:340px;height:170px;} .cs-qvery-board-main span{display:block;height:7px;border-radius:10px;background:#061f2a;margin:18px 0;width:74%;} .cs-qvery-board-main span:nth-child(2){width:56%;background:#19c8bd;} .cs-qvery-board-main span:nth-child(3){width:38%;background:#d7e4ea;} .cs-qvery-board-small{right:52px;bottom:54px;width:230px;height:134px;} .cs-qvery-board-small b{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ffd4dc;color:#061f2a;font-weight:950;margin-bottom:12px;} .cs-qvery-board-small span{display:block;height:7px;border-radius:10px;background:#19c8bd;margin:10px 0;width:72%;} .cs-qvery-board-small span:last-child{width:46%;background:#d7e4ea;} .cs-qvery-node{position:absolute;width:46px;height:46px;border-radius:50%;background:#ffd4dc;border:3px solid #061f2a;box-shadow:0 0 0 8px rgba(255,212,220,.35);} .cs-qvery-node-a{left:170px;top:42px;} .cs-qvery-node-b{right:152px;top:74px;background:#d9fbf7;} .cs-qvery-node-c{left:248px;bottom:36px;background:#d9fbf7;} .cs-home-qvery-copy{max-width:640px;} .cs-home-qvery-copy>span{display:inline-flex;align-items:center;gap:8px;color:#07877f;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:950;margin-bottom:16px;} .cs-home-qvery-copy h3{font-size:clamp(38px,4.2vw,62px)!important;line-height:.95!important;letter-spacing:-.075em!important;margin:0 0 22px!important;color:#061f2a!important;font-weight:950!important;} .cs-home-qvery-copy p{font-size:21px!important;line-height:1.55!important;color:#405460!important;margin:0 0 18px!important;} .cs-home-qvery-common{font-size:17px;line-height:1.5;color:#061f2a;background:#fff;border:1px solid rgba(6,35,45,.08);border-radius:18px;padding:18px 20px;margin:20px 0 18px;box-shadow:0 12px 34px rgba(6,35,45,.05);} .cs-home-qvery-common strong{display:block;margin-bottom:4px;} .cs-home-qvery-link{display:inline-flex;align-items:center;color:#07877f!important;text-decoration:none!important;font-weight:950;font-size:18px;} @media(max-width:1100px){.cs-home-qvery-row,.cs-home-qvery-row--reverse{grid-template-columns:1fr;gap:28px;}.cs-home-qvery-row--reverse .cs-home-qvery-visual,.cs-home-qvery-row--reverse .cs-home-qvery-copy{order:initial}.cs-home-qvery-visual{min-height:300px}.cs-home-qvery-copy h3{font-size:42px!important}} @media(max-width:680px){.cs-home-qvery-service-section{padding:42px 18px!important}.cs-qvery-board-main{left:18px;width:260px}.cs-qvery-board-small{right:18px;width:190px}.cs-home-qvery-copy p{font-size:18px!important}} /* v43 targeted homepage width correction only: align home inner content width with service category page. */ @media (min-width:1241px){ .cs-page-home .cs-main{ grid-column:2!important; margin-left:-120px!important; width:calc(100% + 120px)!important; max-width:none!important; } .cs-page-home .cs-hero-qvery, .cs-page-home .cs-section, .cs-page-home .cs-final-cta, .cs-page-home .cs-home-trust-strip{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } } @media (min-width:1241px) and (max-width:1500px){ .cs-page-home .cs-main{ margin-left:-92px!important; width:calc(100% + 92px)!important; } } /* v44 typography refinement: reduce oversized heavy text to match the lighter Qvery-style scale across this module only. */ .cs-shell, .cs-shell p, .cs-shell li, .cs-shell span, .cs-shell small, .cs-shell a, .cs-shell button, .cs-shell input, .cs-shell textarea{ font-weight:400!important; } .cs-shell strong, .cs-shell b, .cs-shell .cs-btn, .cs-shell .cs-pill, .cs-shell .cs-menu-text, .cs-shell .cs-side-brand strong, .cs-shell .cs-section-head span, .cs-shell .cs-split-copy span, .cs-shell .cs-home-qvery-copy>span, .cs-shell .cs-home-qvery-link, .cs-shell .cs-a2z-card-grid a, .cs-shell .cs-a2z-btn, .cs-shell .cs-a2z-chip-grid span, .cs-shell .cs-a2z-tab-buttons button, .cs-shell .cs-a2z-accordions summary{ font-weight:700!important; } .cs-shell h1, .cs-shell h2, .cs-shell h3, .cs-shell h4, .cs-shell .cs-hero-copy h1, .cs-shell .cs-section-head h2, .cs-shell .cs-split-copy h2, .cs-shell .cs-two-col h2, .cs-shell .cs-page-title h1, .cs-shell .cs-a2z-hero h1, .cs-shell .cs-a2z-head h2, .cs-shell .cs-a2z-split-overview h2, .cs-shell .cs-a2z-quote h2, .cs-shell .cs-a2z-final-cta h2, .cs-shell .cs-home-qvery-copy h3{ font-weight:750!important; letter-spacing:-.045em!important; } .cs-shell .cs-hero-copy h1, .cs-page-home .cs-hero-copy h1{ font-size:clamp(48px,4.8vw,78px)!important; line-height:.98!important; max-width:620px!important; margin:22px 0 18px!important; } .cs-shell .cs-hero-copy p, .cs-page-home .cs-hero-copy p{ font-size:19px!important; line-height:1.48!important; max-width:680px!important; } .cs-shell .cs-section-head h2, .cs-shell .cs-split-copy h2, .cs-shell .cs-two-col h2, .cs-shell .cs-a2z-head h2, .cs-shell .cs-a2z-split-overview h2, .cs-shell .cs-a2z-quote h2, .cs-shell .cs-a2z-final-cta h2{ font-size:clamp(34px,3.1vw,48px)!important; line-height:1.08!important; } .cs-shell .cs-section-head p, .cs-shell .cs-split-copy p, .cs-shell .cs-two-col p, .cs-shell .cs-a2z-head p, .cs-shell .cs-a2z-split-overview p, .cs-shell .cs-a2z-quote p, .cs-shell .cs-a2z-final-cta p{ font-size:18px!important; line-height:1.6!important; font-weight:400!important; } .cs-shell .cs-feature-row h3, .cs-shell .cs-service-card h3, .cs-shell .cs-about-panel h3, .cs-shell .cs-quote-notes h3, .cs-shell .cs-split-cards h3, .cs-shell .cs-process-list h3, .cs-shell .cs-a2z-card-grid h3, .cs-shell .cs-a2z-benefit-grid h3, .cs-shell .cs-a2z-timeline h3{ font-size:20px!important; line-height:1.14!important; font-weight:700!important; letter-spacing:-.035em!important; } .cs-shell .cs-feature-row p, .cs-shell .cs-service-card p, .cs-shell .cs-about-panel p, .cs-shell .cs-split-cards p, .cs-shell .cs-process-list p, .cs-shell .cs-faq-list p, .cs-shell .cs-a2z-card-grid p, .cs-shell .cs-a2z-benefit-grid p, .cs-shell .cs-a2z-timeline p, .cs-shell .cs-a2z-accordions p{ font-size:15.5px!important; line-height:1.55!important; font-weight:400!important; } .cs-shell .cs-a2z-card-grid small, .cs-shell .cs-home-five-services small, .cs-shell .cs-home-qvery-common, .cs-shell .cs-home-form-grid span, .cs-shell .cs-quote-notes li, .cs-shell .cs-a2z-tab-panel li, .cs-shell .cs-a2z-accordions li, .cs-shell .cs-a2z-checklist span, .cs-shell .cs-a2z-table td{ font-size:14.5px!important; line-height:1.45!important; font-weight:500!important; } .cs-home-qvery-copy h3{ font-size:clamp(32px,3.1vw,46px)!important; line-height:1.05!important; letter-spacing:-.05em!important; font-weight:750!important; } .cs-home-qvery-copy p{ font-size:18px!important; line-height:1.58!important; font-weight:400!important; } .cs-page-home .cs-home-qvery-services{ gap:54px!important; } .cs-page-home .cs-home-qvery-row{ min-height:320px!important; } .cs-page-home .cs-home-qvery-visual{ min-height:310px!important; } .cs-page-home .cs-home-qvery-common{ font-size:15px!important; font-weight:400!important; } .cs-page-home .cs-home-qvery-link{ font-size:16px!important; font-weight:700!important; } .cs-page-home .cs-section.cs-home-qvery-service-section{ padding-top:58px!important; padding-bottom:58px!important; } .cs-shell .cs-feature-row article, .cs-shell .cs-service-card, .cs-shell .cs-split-cards article, .cs-shell .cs-process-list article, .cs-shell .cs-a2z-card-grid article, .cs-shell .cs-a2z-benefit-grid article, .cs-shell .cs-a2z-timeline article{ font-weight:400!important; } .cs-page-home .cs-a2z-dark .cs-a2z-benefit-grid, .cs-page-home .cs-feature-row, .cs-page-home .cs-grid{ gap:16px!important; } .cs-page-home .cs-a2z-benefit-grid article, .cs-page-home .cs-feature-row article, .cs-page-home .cs-service-card{ padding:22px!important; min-height:0!important; } .cs-page-home .cs-a2z-benefit-grid h3, .cs-page-home .cs-feature-row h3, .cs-page-home .cs-service-card h3{ font-size:19px!important; line-height:1.18!important; font-weight:700!important; } .cs-page-home .cs-a2z-benefit-grid p, .cs-page-home .cs-feature-row p, .cs-page-home .cs-service-card p{ font-size:15px!important; line-height:1.52!important; font-weight:400!important; } .cs-page-home .cs-a2z-dark .cs-a2z-benefit-grid article{ display:block!important; } .cs-page-home .cs-a2z-dark .cs-a2z-benefit-grid article:before, .cs-page-home .cs-a2z-dark .cs-a2z-benefit-grid article b{ width:34px!important; height:34px!important; min-width:34px!important; font-size:15px!important; margin-bottom:14px!important; } @media (min-width:1241px){ .cs-page-home .cs-hero-qvery{ min-height:560px!important; } .cs-page-home .cs-section{ padding:40px!important; } .cs-page-catalog .cs-a2z-section{ padding:42px 48px!important; } } @media(max-width:700px){ .cs-shell .cs-hero-copy h1, .cs-page-home .cs-hero-copy h1, .cs-shell .cs-a2z-hero h1{ font-size:38px!important; } .cs-shell .cs-section-head h2, .cs-shell .cs-a2z-head h2{ font-size:31px!important; } } /* v45: Qvery-like softer typography and intro card icons. Scoped to calibration module only. */ .cs-shell{ --cs-h1-size: clamp(38px, 3.7vw, 58px) !important; --cs-h2-size: clamp(30px, 2.8vw, 44px) !important; --cs-h3-size: clamp(18px, 1.12vw, 22px) !important; --cs-body-size: clamp(15px, .95vw, 18px) !important; --cs-card-size: clamp(15px, .92vw, 18px) !important; } .cs-hero-copy h1, .cs-page-home .cs-hero-copy h1, .cs-page-title h1{ font-weight: 800 !important; letter-spacing: -.045em !important; } .cs-section-head h2, .cs-split-copy h2, .cs-two-col h2, .cs-intro-copy h2, .cs-final-cta h2, .cs-story-copy h3, .cs-a2z-head h2, .cs-a2z-quote-copy h2, .cs-a2z-final h2{ font-weight: 800 !important; letter-spacing: -.04em !important; } .cs-hero-copy p, .cs-page-title p, .cs-section-head p, .cs-intro-copy p, .cs-final-cta p, .cs-story-copy p, .cs-feature-row p, .cs-service-card p, .cs-two-col p, .cs-about-panel p, .cs-quote-notes li, .cs-split-copy p, .cs-split-cards p, .cs-process-list p, .cs-faq-list p, .cs-a2z-section p{ font-weight: 400 !important; } .cs-check-grid{ grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 16px !important; } .cs-check-grid article{ align-items: flex-start !important; gap: 14px !important; min-height: 112px !important; padding: 22px 24px !important; font-size: clamp(15px, .9vw, 17px) !important; line-height: 1.45 !important; font-weight: 600 !important; letter-spacing: -.01em !important; } .cs-check-grid article span{ font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; } .cs-check-grid i{ width: 32px !important; height: 32px !important; flex-basis: 32px !important; font-size: 18px !important; margin-top: 2px !important; } .cs-page-home .cs-why-section .cs-section-head h2{ max-width: 780px !important; } .cs-page-home .cs-intro-stats{ gap: 18px !important; } .cs-page-home .cs-intro-stats article, .cs-intro-stat-card{ position: relative !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 118px !important; padding: 24px 28px !important; border-radius: 24px !important; background: #fff !important; } .cs-intro-stat-copy{ position: relative !important; z-index: 2 !important; } .cs-page-home .cs-intro-stats strong{ font-size: clamp(26px, 2.2vw, 38px) !important; line-height: 1.04 !important; font-weight: 800 !important; letter-spacing: -.04em !important; } .cs-page-home .cs-intro-stats small{ font-size: 16px !important; font-weight: 500 !important; color: #5d7280 !important; } .cs-intro-stat-icon{ position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 112px !important; height: 96px !important; color: #06232d !important; opacity: .96 !important; z-index: 1 !important; } .cs-intro-stat-icon:before{ content: ""; position: absolute; inset: 12px 0 0 22px; border-radius: 50%; background: #c9f7f2; z-index: -1; } .cs-intro-stat-icon svg{ width: 100% !important; height: 100% !important; display: block !important; } .cs-page-home .cs-intro-stats article strong, .cs-page-home .cs-intro-stats article small{ max-width: calc(100% - 132px) !important; } @media (min-width: 1500px){ .cs-shell{ --cs-h1-size: 58px !important; --cs-h2-size: 44px !important; --cs-body-size: 18px !important; --cs-card-size: 17px !important; } } @media (max-width: 1280px){ .cs-shell{ --cs-h1-size: clamp(36px, 3.6vw, 52px) !important; --cs-h2-size: clamp(28px, 2.7vw, 40px) !important; --cs-body-size: 16px !important; --cs-card-size: 16px !important; } .cs-check-grid{grid-template-columns: repeat(2,minmax(0,1fr)) !important;} } @media (max-width: 700px){ .cs-check-grid{grid-template-columns: 1fr !important;} .cs-intro-stat-icon{width: 86px !important; height: 76px !important; right: 18px !important;} .cs-page-home .cs-intro-stats article strong, .cs-page-home .cs-intro-stats article small{max-width: calc(100% - 96px) !important;} } /* v46: final requested alignment fixes - width, softer fonts, intro title nowrap, and category/product containment. */ .cs-shell{ padding-top: 36px !important; padding-bottom: 64px !important; } .cs-layout{ width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 24px !important; grid-template-columns: 76px minmax(0, 1fr) !important; gap: 18px !important; } .cs-main{ width: 100% !important; max-width: none !important; min-width: 0 !important; } .cs-page-home .cs-hero-qvery, .cs-page-home .cs-section, .cs-page-home .cs-final-cta, .cs-page-home .cs-split-section, .cs-page-home .cs-process-section, .cs-page-home .cs-faq-section, .cs-page-catalog .cs-calibration-a2z, .cs-page-catalog .cs-a2z-section, .cs-page-catalog .cs-a2z-hero, .cs-page-catalog .cs-a2z-final-cta{ width: 100% !important; max-width: none !important; } .cs-side{ position: fixed !important; top: 238px !important; left: 24px !important; width: 72px !important; min-height: 390px !important; max-height: calc(100vh - 260px) !important; padding: 12px !important; border-radius: 22px !important; overflow: visible !important; } .cs-side:hover, .cs-side:focus-within{ width: 72px !important; } .cs-side .cs-menu-text, .cs-side:hover .cs-menu-text, .cs-side:focus-within .cs-menu-text, .cs-side-card{ display: none !important; } .cs-side-brand{ height: 44px !important; margin-bottom: 14px !important; justify-content: center !important; } .cs-logo-mark{ width: 42px !important; height: 42px !important; flex-basis: 42px !important; border-radius: 13px !important; font-size: 15px !important; } .cs-vertical-menu{ gap: 10px !important; } .cs-vertical-menu a{ width: 44px !important; height: 44px !important; padding: 0 !important; justify-content: center !important; border-radius: 50% !important; transform: none !important; } .cs-nav-icon{ width: 44px !important; height: 44px !important; flex-basis: 44px !important; font-size: 12px !important; } .cs-page-home .cs-hero-qvery{ min-height: 610px !important; padding: 54px 64px !important; } .cs-page-home .cs-hero-copy h1, .cs-hero-copy h1{ font-size: clamp(42px, 4.2vw, 68px) !important; line-height: .98 !important; font-weight: 800 !important; letter-spacing: -.05em !important; } .cs-page-home .cs-hero-copy p, .cs-hero-copy p{ font-size: clamp(16px, 1.05vw, 19px) !important; line-height: 1.48 !important; } .cs-section-head h2, .cs-intro-copy h2, .cs-final-cta h2, .cs-a2z-head h2, .cs-a2z-quote-copy h2, .cs-a2z-final h2{ font-size: clamp(30px, 3vw, 50px) !important; line-height: 1.05 !important; font-weight: 800 !important; } .cs-intro-copy p, .cs-section-head p, .cs-a2z-section p, .cs-final-cta p{ font-size: clamp(15px, 1vw, 18px) !important; line-height: 1.62 !important; } .cs-page-home .cs-intro-stats article{ min-height: 108px !important; padding: 22px 26px !important; } .cs-page-home .cs-intro-stats article strong, .cs-intro-stat-card strong{ white-space: nowrap !important; max-width: none !important; font-size: clamp(26px, 2.15vw, 34px) !important; line-height: .98 !important; letter-spacing: -.04em !important; font-weight: 800 !important; } .cs-page-home .cs-intro-stats article small, .cs-intro-stat-card small{ max-width: none !important; font-size: 15px !important; line-height: 1.3 !important; } .cs-page-home .cs-intro-stats article strong, .cs-page-home .cs-intro-stats article small{ max-width: calc(100% - 120px) !important; } .cs-intro-stat-icon{ width: 104px !important; height: 88px !important; right: 18px !important; } .cs-check-grid, .cs-a2z-benefit-grid, .cs-a2z-trust-grid{ gap: 14px !important; } .cs-check-grid article, .cs-page-home .cs-a2z-benefit-grid article, .cs-page-catalog .cs-a2z-benefit-grid article, .cs-a2z-dark .cs-a2z-benefit-grid article, .cs-a2z-trust-grid article{ min-height: 96px !important; padding: 18px 20px !important; gap: 12px !important; font-size: clamp(14px, .82vw, 16px) !important; line-height: 1.36 !important; font-weight: 500 !important; letter-spacing: 0 !important; } .cs-check-grid article span, .cs-a2z-benefit-grid article h3, .cs-a2z-benefit-grid article p, .cs-a2z-trust-grid article h3, .cs-a2z-trust-grid article p{ font-size: clamp(14px, .82vw, 16px) !important; line-height: 1.38 !important; font-weight: 500 !important; letter-spacing: 0 !important; } .cs-a2z-benefit-grid article h3, .cs-a2z-trust-grid article h3{ font-weight: 700 !important; margin-bottom: 6px !important; } .cs-check-grid i, .cs-a2z-benefit-grid article:before, .cs-a2z-benefit-grid article b{ width: 30px !important; height: 30px !important; min-width: 30px !important; font-size: 15px !important; } .cs-page-catalog .cs-a2z-five-grid{ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .cs-page-catalog .cs-a2z-five-grid article{ min-width: 0 !important; padding: 24px 20px !important; } .cs-page-catalog .cs-a2z-five-grid h3{ font-size: clamp(18px, 1.25vw, 22px) !important; line-height: 1.05 !important; } .cs-page-catalog .cs-a2z-five-grid p, .cs-page-catalog .cs-a2z-five-grid small{ font-size: 14px !important; line-height: 1.45 !important; } .cs-category-page-shell{ width: 100% !important; max-width: none !important; padding-left: 24px !important; padding-right: 24px !important; } .cs-home-width, .cs-category-hero-exact{ width: min(1500px, calc(100% - 48px)) !important; max-width: 1500px !important; } .cs-category-hero-exact h1{ font-size: clamp(40px, 4.2vw, 72px) !important; font-weight: 800 !important; } .cs-category-hero-exact p{ font-size: clamp(15px, 1.05vw, 18px) !important; } .cs-product-service-hero, .cs-product-desc-card, .cs-product-faq-card{ width: min(1500px, calc(100% - 48px)) !important; max-width: 1500px !important; margin-left: auto !important; margin-right: auto !important; } .cs-product-service-hero h1{ font-size: clamp(40px, 4.4vw, 72px) !important; font-weight: 800 !important; letter-spacing: -.05em !important; } @media (max-width: 1240px){ .cs-layout{grid-template-columns:1fr !important; padding:0 14px !important;} .cs-side{display:none !important;} .cs-page-catalog .cs-a2z-five-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} .cs-page-home .cs-hero-qvery{padding:42px 28px !important;} } @media (max-width: 700px){ .cs-page-home .cs-intro-stats article strong, .cs-intro-stat-card strong{white-space:normal !important;} .cs-page-catalog .cs-a2z-five-grid{grid-template-columns:1fr !important;} } /* v47: requested final width consistency only. Make all calibration module pages use the same full-bleed width as the product/service page, without changing content, colors, or unrelated store pages. */ #module-calibrationservices-services #wrapper, #module-calibrationservices-about #wrapper, #module-calibrationservices-contact #wrapper, #module-calibrationservices-quote #wrapper, #module-calibrationservices-catalog #wrapper, body.cs-calibration-category-page #wrapper, body.cs-calibration-product-page #wrapper{ overflow-x: hidden !important; } #module-calibrationservices-services #wrapper > .container, #module-calibrationservices-about #wrapper > .container, #module-calibrationservices-contact #wrapper > .container, #module-calibrationservices-quote #wrapper > .container, #module-calibrationservices-catalog #wrapper > .container, #module-calibrationservices-services #content-wrapper, #module-calibrationservices-about #content-wrapper, #module-calibrationservices-contact #content-wrapper, #module-calibrationservices-quote #content-wrapper, #module-calibrationservices-catalog #content-wrapper, #module-calibrationservices-services #main, #module-calibrationservices-about #main, #module-calibrationservices-contact #main, #module-calibrationservices-quote #main, #module-calibrationservices-catalog #main, body.cs-calibration-category-page #wrapper > .container, body.cs-calibration-product-page #wrapper > .container, body.cs-calibration-category-page #content-wrapper, body.cs-calibration-product-page #content-wrapper, body.cs-calibration-category-page #main, body.cs-calibration-product-page #main{ width: 100% !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .cs-shell, .cs-category-page-shell, body.cs-calibration-product-page .cs-product-page-shell{ width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; } .cs-layout{ display: block !important; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; } .cs-main{ display: grid !important; gap: 28px !important; width: 100% !important; max-width: none !important; padding: 0 24px 0 132px !important; margin: 0 !important; } .cs-page-home .cs-hero-qvery, .cs-page-home .cs-section, .cs-page-home .cs-final-cta, .cs-page-home .cs-split-section, .cs-page-home .cs-process-section, .cs-page-home .cs-faq-section, .cs-page-catalog .cs-calibration-a2z, .cs-page-catalog .cs-a2z-section, .cs-page-catalog .cs-a2z-hero, .cs-page-catalog .cs-a2z-final-cta, .cs-page-about .cs-page-title, .cs-page-contact .cs-page-title, .cs-page-quote .cs-page-title, .cs-page-about .cs-section, .cs-page-contact .cs-section, .cs-page-quote .cs-section, .cs-page-about .cs-two-col, .cs-page-contact .cs-two-col, .cs-page-quote .cs-quote-layout{ width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } .cs-category-page-shell{ padding: 0 24px !important; } .cs-category-hero-exact, .cs-home-width, .cs-product-service-hero, .cs-product-desc-card, .cs-product-faq-card{ width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } body.cs-calibration-product-page .cs-product-service-hero, body.cs-calibration-product-page .cs-product-desc-card, body.cs-calibration-product-page .cs-product-faq-card{ border-radius: 0 !important; } @media (max-width: 1240px){ .cs-main{padding:0 14px !important;} } /* v48: left menu clearance only. Keep the compact vertical menu fixed, but reserve enough left space so it never covers hero/title text. */ @media (min-width: 981px){ #module-calibrationservices-services .cs-main, #module-calibrationservices-about .cs-main, #module-calibrationservices-contact .cs-main, #module-calibrationservices-quote .cs-main, #module-calibrationservices-catalog .cs-main, .cs-shell .cs-main{ padding-left: 176px !important; padding-right: 24px !important; } #module-calibrationservices-services .cs-side, #module-calibrationservices-about .cs-side, #module-calibrationservices-contact .cs-side, #module-calibrationservices-quote .cs-side, #module-calibrationservices-catalog .cs-side, .cs-shell .cs-side{ position: fixed !important; top: 142px !important; left: 28px !important; width: 68px !important; min-height: 0 !important; height: 360px !important; max-height: calc(100vh - 160px) !important; margin: 0 !important; padding: 10px !important; border-radius: 22px !important; z-index: 30 !important; overflow: hidden !important; } #module-calibrationservices-services .cs-side:hover, #module-calibrationservices-about .cs-side:hover, #module-calibrationservices-contact .cs-side:hover, #module-calibrationservices-quote .cs-side:hover, #module-calibrationservices-catalog .cs-side:hover, #module-calibrationservices-services .cs-side:focus-within, #module-calibrationservices-about .cs-side:focus-within, #module-calibrationservices-contact .cs-side:focus-within, #module-calibrationservices-quote .cs-side:focus-within, #module-calibrationservices-catalog .cs-side:focus-within, .cs-shell .cs-side:hover, .cs-shell .cs-side:focus-within{ width: 68px !important; } #module-calibrationservices-services .cs-menu-text, #module-calibrationservices-about .cs-menu-text, #module-calibrationservices-contact .cs-menu-text, #module-calibrationservices-quote .cs-menu-text, #module-calibrationservices-catalog .cs-menu-text, .cs-shell .cs-menu-text, .cs-shell .cs-side:hover .cs-menu-text, .cs-shell .cs-side:focus-within .cs-menu-text{ display: none !important; opacity: 0 !important; } #module-calibrationservices-services .cs-hero-qvery, #module-calibrationservices-catalog .cs-a2z-hero, #module-calibrationservices-about .cs-page-title, #module-calibrationservices-contact .cs-page-title, #module-calibrationservices-quote .cs-page-title{ margin-left: 0 !important; } } /* v49: final menu clearance and page-width alignment only. Keeps the fixed compact vertical menu out of all page content and makes home/about/contact/quote use the same left gutter as service category pages. */ @media (min-width: 981px){ #module-calibrationservices-services .cs-layout, #module-calibrationservices-about .cs-layout, #module-calibrationservices-contact .cs-layout, #module-calibrationservices-quote .cs-layout, #module-calibrationservices-catalog .cs-layout, .cs-shell .cs-layout{ display:block !important; width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; } #module-calibrationservices-services .cs-main, #module-calibrationservices-about .cs-main, #module-calibrationservices-contact .cs-main, #module-calibrationservices-quote .cs-main, #module-calibrationservices-catalog .cs-main, .cs-shell .cs-main, .cs-page-home .cs-main, .cs-page-about .cs-main, .cs-page-contact .cs-main, .cs-page-quote .cs-main, .cs-page-catalog .cs-main{ grid-column:auto !important; display:grid !important; gap:28px !important; width:100% !important; max-width:none !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding-left:180px !important; padding-right:24px !important; } #module-calibrationservices-services .cs-side, #module-calibrationservices-about .cs-side, #module-calibrationservices-contact .cs-side, #module-calibrationservices-quote .cs-side, #module-calibrationservices-catalog .cs-side, .cs-shell .cs-side{ position:fixed !important; top:142px !important; left:30px !important; width:68px !important; min-width:68px !important; max-width:68px !important; height:360px !important; min-height:0 !important; max-height:calc(100vh - 160px) !important; margin:0 !important; padding:10px !important; border-radius:22px !important; z-index:30 !important; overflow:hidden !important; } #module-calibrationservices-services .cs-side:hover, #module-calibrationservices-about .cs-side:hover, #module-calibrationservices-contact .cs-side:hover, #module-calibrationservices-quote .cs-side:hover, #module-calibrationservices-catalog .cs-side:hover, #module-calibrationservices-services .cs-side:focus-within, #module-calibrationservices-about .cs-side:focus-within, #module-calibrationservices-contact .cs-side:focus-within, #module-calibrationservices-quote .cs-side:focus-within, #module-calibrationservices-catalog .cs-side:focus-within, .cs-shell .cs-side:hover, .cs-shell .cs-side:focus-within{ width:68px !important; min-width:68px !important; max-width:68px !important; transform:none !important; } .cs-shell .cs-menu-text, .cs-shell .cs-side:hover .cs-menu-text, .cs-shell .cs-side:focus-within .cs-menu-text, .cs-shell .cs-side-card{ display:none !important; opacity:0 !important; } .cs-shell .cs-side-brand{ height:42px !important; margin-bottom:12px !important; justify-content:center !important; } .cs-shell .cs-logo-mark{ width:42px !important; height:42px !important; flex:0 0 42px !important; border-radius:13px !important; } .cs-shell .cs-vertical-menu{ gap:10px !important; } .cs-shell .cs-vertical-menu a{ width:44px !important; height:44px !important; padding:0 !important; justify-content:center !important; border-radius:50% !important; transform:none !important; } .cs-shell .cs-nav-icon{ width:44px !important; height:44px !important; flex:0 0 44px !important; } .cs-page-home .cs-hero-qvery, .cs-page-home .cs-section, .cs-page-home .cs-final-cta, .cs-page-home .cs-split-section, .cs-page-home .cs-process-section, .cs-page-home .cs-faq-section, .cs-page-about .cs-page-title, .cs-page-contact .cs-page-title, .cs-page-quote .cs-page-title, .cs-page-about .cs-section, .cs-page-contact .cs-section, .cs-page-quote .cs-section, .cs-page-about .cs-two-col, .cs-page-contact .cs-two-col, .cs-page-quote .cs-quote-layout, .cs-page-catalog .cs-calibration-a2z, .cs-page-catalog .cs-a2z-section, .cs-page-catalog .cs-a2z-hero, .cs-page-catalog .cs-a2z-final-cta{ width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; } } @media (min-width: 981px) and (max-width: 1240px){ #module-calibrationservices-services .cs-main, #module-calibrationservices-about .cs-main, #module-calibrationservices-contact .cs-main, #module-calibrationservices-quote .cs-main, #module-calibrationservices-catalog .cs-main, .cs-shell .cs-main{ padding-left:24px !important; padding-right:24px !important; } .cs-shell .cs-side{ display:none !important; } } /* v50: align all visible sections just after the compact fixed left menu. This only adjusts the shared left page gutter so content starts at the marked area without overlapping the menu. */ @media (min-width: 981px){ #module-calibrationservices-services .cs-main, #module-calibrationservices-about .cs-main, #module-calibrationservices-contact .cs-main, #module-calibrationservices-quote .cs-main, #module-calibrationservices-catalog .cs-main, .cs-shell .cs-main, .cs-page-home .cs-main, .cs-page-about .cs-main, .cs-page-contact .cs-main, .cs-page-quote .cs-main, .cs-page-catalog .cs-main{ padding-left: 116px !important; padding-right: 24px !important; } .cs-shell .cs-side, #module-calibrationservices-services .cs-side, #module-calibrationservices-about .cs-side, #module-calibrationservices-contact .cs-side, #module-calibrationservices-quote .cs-side, #module-calibrationservices-catalog .cs-side{ left: 24px !important; } .cs-page-home .cs-hero-qvery, .cs-page-home .cs-section, .cs-page-home .cs-final-cta, .cs-page-home .cs-split-section, .cs-page-home .cs-process-section, .cs-page-home .cs-faq-section, .cs-page-about .cs-page-title, .cs-page-contact .cs-page-title, .cs-page-quote .cs-page-title, .cs-page-about .cs-section, .cs-page-contact .cs-section, .cs-page-quote .cs-section, .cs-page-about .cs-two-col, .cs-page-contact .cs-two-col, .cs-page-quote .cs-quote-layout, .cs-page-catalog .cs-calibration-a2z, .cs-page-catalog .cs-a2z-section, .cs-page-catalog .cs-a2z-hero, .cs-page-catalog .cs-a2z-final-cta{ margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: none !important; } } /* v53: requested final width consistency + about page content styling only */ @media (min-width: 981px){ body:has(.cs-category-page-shell) #content-wrapper, body:has(.cs-category-page-shell) #main, body:has(.cs-category-page-shell) .container{ max-width:none !important; width:100% !important; padding-left:0 !important; padding-right:0 !important; } .cs-category-page-shell{ width:100% !important; max-width:none !important; padding:24px 24px 88px !important; margin:0 !important; } .cs-category-hero-exact, .cs-category-page-shell .cs-products-section, .cs-category-page-shell .cs-home-width, .cs-category-page-shell .cs-product-list-note-exact{ width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; } .cs-category-hero-exact{ border-radius:38px !important; padding:64px 64px !important; min-height:520px !important; } .cs-category-page-shell .cs-ref-card-grid{ width:100% !important; max-width:none !important; } } .cs-page-about .cs-main{gap:30px!important;} .cs-about-newro-hero, .cs-about-newro-section, .cs-about-newro-final{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } .cs-about-newro-hero{ min-height:520px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr); gap:46px; align-items:center; padding:64px 68px; border-radius:36px; background:linear-gradient(115deg,#fff 0%,#fff8fb 45%,#e1fbf8 100%); box-shadow:0 24px 80px rgba(6,35,45,.06); position:relative; overflow:hidden; } .cs-about-newro-hero:after{content:"";position:absolute;right:-80px;bottom:-100px;width:390px;height:390px;border-radius:50%;background:rgba(31,200,189,.18);} .cs-about-newro-copy{position:relative;z-index:1;} .cs-about-newro-copy h1{font-size:clamp(44px,5vw,76px);line-height:1;letter-spacing:-.065em;font-weight:850;color:#06232d;margin:0 0 24px;} .cs-about-newro-copy p{font-size:19px;line-height:1.6;color:#405967;max-width:800px;margin:0 0 18px;} .cs-about-newro-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;} .cs-about-newro-visual{position:relative;z-index:1;min-height:330px;display:grid;place-items:center;} .cs-about-orbit{position:absolute;width:330px;height:330px;border-radius:46% 54% 50% 50%;background:#bff4ee;opacity:.9;} .cs-about-floating-card{position:absolute;background:#fff;border:3px solid #06232d;border-radius:18px;padding:18px 20px;box-shadow:13px 13px 0 #06232d;min-width:190px;} .cs-about-floating-card span{display:block;width:48px;height:7px;border-radius:999px;background:#1fc8bd;margin-bottom:12px;} .cs-about-floating-card strong{display:block;font-size:20px;line-height:1.1;color:#06232d;font-weight:850;} .cs-about-floating-card small{display:block;color:#637680;font-size:13px;margin-top:6px;} .cs-about-card-a{top:30px;right:92px;}.cs-about-card-b{top:138px;left:22px;}.cs-about-card-c{right:34px;bottom:42px;} .cs-about-newro-trust{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;} .cs-about-newro-trust span{background:#fff;border:1px solid rgba(6,35,45,.08);border-radius:18px;padding:18px 16px;font-size:14px;font-weight:750;color:#06232d;box-shadow:0 14px 36px rgba(6,35,45,.05);} .cs-about-newro-section{padding:54px 56px;border-radius:34px;background:#fff;box-shadow:0 22px 70px rgba(6,35,45,.06);} .cs-about-newro-section.soft{background:linear-gradient(115deg,#fff 0%,#f5fcff 52%,#e9fbf8 100%);} .cs-about-newro-section.dark{background:#062f38;color:#fff;position:relative;overflow:hidden;} .cs-about-newro-section.dark:after{content:"";position:absolute;right:-90px;bottom:-120px;width:320px;height:320px;border-radius:50%;background:rgba(31,200,189,.22);} .cs-about-section-head{max-width:900px;margin-bottom:30px;position:relative;z-index:1;} .cs-about-section-head span{display:inline-flex;text-transform:uppercase;letter-spacing:.16em;color:#008f88;font-size:13px;font-weight:800;margin-bottom:12px;} .cs-about-section-head h2{font-size:clamp(34px,3.9vw,56px);line-height:1.02;letter-spacing:-.055em;font-weight:820;color:#06232d;margin:0 0 16px;} .cs-about-newro-section.dark .cs-about-section-head h2, .cs-about-newro-section.dark .cs-about-section-head p{color:#fff;} .cs-about-section-head p{font-size:18px;line-height:1.62;color:#405967;margin:0 0 12px;} .cs-about-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:34px;align-items:start;} .cs-about-panel-list{display:grid;gap:16px;} .cs-about-mini-card{background:#fff;border:1px solid rgba(6,35,45,.09);border-radius:22px;padding:24px;box-shadow:0 14px 40px rgba(6,35,45,.05);} .cs-about-mini-card h3{font-size:24px;line-height:1.08;letter-spacing:-.035em;font-weight:820;color:#06232d;margin:0 0 10px;} .cs-about-mini-card p{font-size:16px;line-height:1.55;color:#405967;margin:0;} .cs-about-two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;} .cs-about-support-grid,.cs-about-matter-grid,.cs-about-strength-grid{display:grid;gap:18px;position:relative;z-index:1;} .cs-about-support-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.cs-about-matter-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.cs-about-strength-grid{grid-template-columns:repeat(3,minmax(0,1fr));} .cs-about-icon-card{background:#fff;border:1px solid rgba(6,35,45,.08);border-radius:22px;padding:24px;min-height:175px;box-shadow:0 14px 36px rgba(6,35,45,.05);} .cs-about-icon-card i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#d8fbf7;color:#008f88;font-style:normal;font-weight:850;margin-bottom:18px;} .cs-about-icon-card h3{font-size:21px;line-height:1.1;font-weight:820;letter-spacing:-.03em;color:#06232d;margin:0 0 10px;} .cs-about-icon-card p{font-size:15.5px;line-height:1.5;color:#405967;margin:0;} .cs-about-strength-grid .cs-about-icon-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);box-shadow:none;color:#fff;min-height:155px;} .cs-about-strength-grid .cs-about-icon-card h3,.cs-about-strength-grid .cs-about-icon-card p{color:#fff;} .cs-about-quality-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:28px;align-items:center;} .cs-about-quality-note{background:#062f38;color:#fff;border-radius:26px;padding:34px;} .cs-about-quality-note h3{color:#fff;font-size:28px;line-height:1.05;margin:0 0 14px;letter-spacing:-.04em;} .cs-about-quality-note p{color:rgba(255,255,255,.84);font-size:16px;line-height:1.58;margin:0;} .cs-about-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;} .cs-about-step{background:#fff;border:1px solid rgba(6,35,45,.08);border-radius:20px;padding:20px;box-shadow:0 12px 34px rgba(6,35,45,.05);} .cs-about-step b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#d8fbf7;color:#008f88;margin-bottom:14px;} .cs-about-step h3{font-size:18px;line-height:1.16;font-weight:820;margin:0 0 8px;color:#06232d;} .cs-about-step p{font-size:14.5px;line-height:1.45;color:#405967;margin:0;} .cs-about-newro-final{background:linear-gradient(115deg,#062f38,#084754);color:#fff;border-radius:34px;padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;position:relative;} .cs-about-newro-final:after{content:"";position:absolute;right:-80px;bottom:-140px;width:330px;height:330px;border-radius:50%;background:rgba(31,200,189,.22);}.cs-about-newro-final div,.cs-about-newro-final .cs-actions{position:relative;z-index:1;} .cs-about-newro-final span{display:block;text-transform:uppercase;letter-spacing:.15em;color:#aef7f0;font-weight:800;margin-bottom:12px;}.cs-about-newro-final h2{color:#fff;font-size:clamp(30px,3.2vw,48px);line-height:1.05;letter-spacing:-.05em;margin:0 0 12px;}.cs-about-newro-final p{color:rgba(255,255,255,.82);font-size:17px;line-height:1.55;margin:0;max-width:760px;} @media(max-width:1180px){.cs-about-newro-hero,.cs-about-split,.cs-about-quality-box{grid-template-columns:1fr}.cs-about-newro-visual{display:none}.cs-about-newro-trust,.cs-about-support-grid,.cs-about-matter-grid,.cs-about-strength-grid,.cs-about-steps{grid-template-columns:repeat(2,minmax(0,1fr));}.cs-about-newro-final{display:block}.cs-about-newro-final .cs-actions{margin-top:22px;}} @media(max-width:700px){.cs-about-newro-hero,.cs-about-newro-section,.cs-about-newro-final{padding:34px 22px;border-radius:24px}.cs-about-newro-trust,.cs-about-support-grid,.cs-about-matter-grid,.cs-about-strength-grid,.cs-about-two-cards,.cs-about-steps{grid-template-columns:1fr}.cs-about-newro-copy h1{font-size:42px}.cs-about-section-head h2{font-size:34px}} /* v54: requested final alignment, about icons and contact page content styling only */ @media (min-width: 981px){ /* Keep all calibration module pages on the same visual width/gutter as the service category page. */ .cs-shell .cs-main, .cs-page-home .cs-main, .cs-page-catalog .cs-main, .cs-page-about .cs-main, .cs-page-contact .cs-main, .cs-page-quote .cs-main{ padding-left:116px !important; padding-right:24px !important; width:100% !important; max-width:none !important; } .cs-shell .cs-side{ left:24px !important; } /* Child calibration category pages: hero + product cards only, same page width as the module pages. */ .cs-category-page-shell{ width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding:24px 24px 88px 116px !important; box-sizing:border-box !important; } .cs-category-hero-exact, .cs-category-page-shell .cs-products-section, .cs-category-page-shell .cs-home-width, .cs-category-page-shell .cs-product-list-note-exact, .cs-category-page-shell .cs-ref-card-grid{ width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; } } /* Add light Newro/Qvery-style icon treatment to About cards without changing content. */ .cs-about-mini-card, .cs-about-icon-card{ position:relative; overflow:hidden; } .cs-about-mini-card:before{ content:""; display:grid; place-items:center; width:52px; height:52px; border-radius:16px; background:#d8fbf7; border:1px solid rgba(6,35,45,.08); color:#008f88; margin-bottom:18px; box-shadow:0 10px 26px rgba(6,35,45,.05); } .cs-about-mini-card:nth-child(1):before{content:"◉";font-weight:900;font-size:18px;} .cs-about-mini-card:nth-child(2):before{content:"▣";font-weight:900;font-size:18px;} .cs-about-mini-card:nth-child(3):before{content:"✓";font-weight:900;font-size:20px;} .cs-about-mini-card:after, .cs-about-icon-card:after{ content:""; position:absolute; right:-44px; top:-44px; width:118px; height:118px; border-radius:50%; background:rgba(31,200,189,.12); pointer-events:none; } .cs-about-two-cards .cs-about-mini-card:before{display:grid;} .cs-about-two-cards .cs-about-mini-card:nth-child(1):before{content:"◎";} .cs-about-two-cards .cs-about-mini-card:nth-child(2):before{content:"◌";} .cs-about-newro-section.soft .cs-about-mini-card, .cs-about-newro-section .cs-about-mini-card{ padding-top:26px !important; } /* Contact page full content sections from supplied layout */ .cs-contact-info-grid, .cs-contact-enquiry-grid, .cs-contact-faq-list{ display:grid; gap:16px; } .cs-contact-check-section, .cs-contact-options-section, .cs-contact-after-section, .cs-contact-faq-section{ padding:44px; border-radius:30px; background:rgba(255,255,255,.88); border:1px solid rgba(6,35,45,.08); box-shadow:0 20px 60px rgba(6,35,45,.07); } .cs-contact-section-head span{ display:inline-block; color:#07887f; font-size:12px; text-transform:uppercase; letter-spacing:.12em; font-weight:900; margin-bottom:12px; } .cs-contact-section-head h2{ font-size:clamp(34px,4vw,58px); line-height:1; letter-spacing:-.055em; font-weight:850; color:#06232d; margin:0 0 14px; } .cs-contact-section-head p{ max-width:850px; color:#435a66; font-size:18px; line-height:1.58; margin:0 0 24px; } .cs-contact-info-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } .cs-contact-info-grid article, .cs-contact-enquiry-grid article{ position:relative; overflow:hidden; background:#fff; border:1px solid #e0eaee; border-radius:22px; padding:22px 22px 22px 74px; min-height:96px; } .cs-contact-info-grid article:before, .cs-contact-enquiry-grid article:before{ position:absolute; left:20px; top:22px; width:38px; height:38px; border-radius:13px; background:#d8fbf7; color:#008f88; display:grid; place-items:center; font-weight:900; } .cs-contact-info-grid article:before{content:"✓";} .cs-contact-enquiry-grid article:before{content:"↗";} .cs-contact-info-grid strong, .cs-contact-enquiry-grid strong{ display:block; font-size:18px; line-height:1.15; letter-spacing:-.025em; color:#06232d; margin-bottom:6px; } .cs-contact-info-grid small, .cs-contact-enquiry-grid small{ display:block; color:#586b78; font-size:14px; line-height:1.45; } .cs-contact-enquiry-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } .cs-contact-after-steps{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } .cs-contact-after-steps article{ background:#fff; border:1px solid #e0eaee; border-radius:22px; padding:22px; min-height:160px; } .cs-contact-after-steps b{ display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:#06232d; color:#fff; margin-bottom:18px; } .cs-contact-after-steps h3{ margin:0 0 8px; color:#06232d; font-size:20px; line-height:1.12; letter-spacing:-.03em; font-weight:850; } .cs-contact-after-steps p{ margin:0; color:#586b78; line-height:1.52; font-size:15.5px; } .cs-contact-faq-list details{ background:#fff; border:1px solid #e0eaee; border-radius:18px; overflow:hidden; } .cs-contact-faq-list summary{ cursor:pointer; padding:18px 20px; font-weight:850; color:#06232d; } .cs-contact-faq-list p{ margin:0; padding:0 20px 18px; color:#586b78; line-height:1.55; } @media(max-width:1180px){ .cs-contact-info-grid,.cs-contact-enquiry-grid,.cs-contact-after-steps{grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:700px){ .cs-contact-info-grid,.cs-contact-enquiry-grid,.cs-contact-after-steps{grid-template-columns:1fr;} .cs-contact-check-section,.cs-contact-options-section,.cs-contact-after-section,.cs-contact-faq-section{padding:28px;border-radius:22px;} }