body.elmas-detail-page .product-gallery,body.elmas-detail-page .product-gallery *,body.elmas-detail-page .gallery-thumbs,body.elmas-detail-page .main-product-image,body.elmas-detail-page .thumb-btn,body.elmas-detail-page .thumb-btn.active,body.elmas-detail-page .video-thumb{background:#F4F8FC !important;background-color:#F4F8FC !important;background-image:none !important;border:0 !important;box-shadow:none !important;outline:0 !important}body.elmas-detail-page .main-product-image,body.elmas-detail-page .thumb-btn{padding:0 !important}body.elmas-detail-page .main-product-image img,body.elmas-detail-page .thumb-btn img{background:#F4F8FC !important;background-color:#F4F8FC !important;box-shadow:none !important;filter:none !important;mix-blend-mode:normal !important}.multi-35-detail-page .product-gallery,.multi-35-detail-page .gallery-thumbs,.multi-35-detail-page .main-product-image,.multi-35-detail-page .thumb-btn,.multi-35-detail-page .thumb-btn.active,.multi-35-detail-page .video-thumb{background:#F4F8FC !important;border:0 !important;box-shadow:none !important;outline:0 !important}.multi-35-detail-page .product-gallery{display:grid !important;grid-template-columns:86px 1fr !important;gap:28px !important;align-items:center !important}.multi-35-detail-page .gallery-thumbs{display:flex !important;flex-direction:column !important;gap:12px !important;align-items:center !important}.multi-35-detail-page .thumb-btn{width:74px !important;height:74px !important;padding:4px !important;cursor:pointer !important}.multi-35-detail-page .thumb-btn img{width:100% !important;height:100% !important;object-fit:contain !important;background:#F4F8FC !important;mix-blend-mode:normal !important;filter:none !important}.multi-35-detail-page .main-product-image{min-height:470px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;padding:0 !important}.multi-35-detail-page .main-product-image img{max-width:100% !important;max-height:560px !important;object-fit:contain !important;background:#F4F8FC !important;mix-blend-mode:normal !important;filter:none !important;box-shadow:none !important}body.multi-40-detail-page .product-detail-hero,body.multi-40-detail-page .product-detail-grid,body.multi-40-detail-page .product-gallery,body.multi-40-detail-page .gallery-thumbs,body.multi-40-detail-page .main-product-image,body.multi-40-detail-page .thumb-btn,body.multi-40-detail-page .thumb-btn.active,body.multi-40-detail-page .video-thumb{background:#F4F8FC !important;background-color:#F4F8FC !important;background-image:none !important;border:0 !important;outline:0 !important;box-shadow:none !important}body.multi-40-detail-page .main-product-image,body.multi-40-detail-page .thumb-btn{padding:0 !important;border-radius:0 !important}body.multi-40-detail-page .main-product-image{overflow:visible !important}body.multi-40-detail-page .main-product-image img,body.multi-40-detail-page .thumb-btn img{background:#F4F8FC !important;background-color:#F4F8FC !important;background-image:none !important;box-shadow:none !important;filter:none !important;mix-blend-mode:normal !important}body.multi-40-detail-page .product-gallery{background:#F4F8FC!important;box-shadow:none!important;border:0!important}body.multi-40-detail-page .main-product-image{background:#F4F8FC!important;box-shadow:none!important;border:0!important}body.multi-40-detail-page .main-product-image img{display:block;background:#F4F8FC!important}body.multi-40-detail-page .thumb-btn,body.multi-40-detail-page .thumb-btn img{background:#F4F8FC!important;box-shadow:none!important;border:0!important}body.multi-4lu-detail-page .product-gallery,body.multi-4lu-detail-page .gallery-thumbs,body.multi-4lu-detail-page .main-product-image,body.multi-4lu-detail-page .thumb-btn,body.multi-4lu-detail-page .thumb-btn.active,body.multi-4lu-detail-page .video-thumb{background:#F4F8FC !important;background-color:#F4F8FC !important;background-image:none !important;border:0 !important;box-shadow:none !important;outline:0 !important}body.multi-4lu-detail-page .main-product-image,body.multi-4lu-detail-page .thumb-btn{padding:0 !important;border-radius:0 !important;overflow:hidden !important}body.multi-4lu-detail-page .main-product-image img,body.multi-4lu-detail-page .thumb-btn img{background:#F4F8FC !important;background-color:#F4F8FC !important;background-image:none !important;filter:none !important;box-shadow:none !important;mix-blend-mode:normal !important}body.paspas-detail-page .product-detail-hero,body.paspas-detail-page .product-detail-hero>.container,body.paspas-detail-page .product-detail-grid,body.paspas-detail-page .product-gallery,body.paspas-detail-page .gallery-thumbs,body.paspas-detail-page .main-product-image,body.paspas-detail-page .thumb-btn,body.paspas-detail-page .thumb-btn.active,body.paspas-detail-page .video-thumb{background:#F4F8FC !important;background-color:#F4F8FC !important;background-image:none !important;border:0 !important;outline:0 !important;box-shadow:none !important}body.paspas-detail-page .product-gallery{background:#F4F8FC !important;background-color:#F4F8FC !important;box-shadow:none !important;border:0 !important}body.paspas-detail-page .main-product-image{padding:0 !important;overflow:visible !important}body.paspas-detail-page .main-product-image img,body.paspas-detail-page .thumb-btn img{background:#F4F8FC !important;background-color:#F4F8FC !important;box-shadow:none !important;filter:none !important;mix-blend-mode:normal !important}body.product-detail-page.zemin-detail-page.tm4320-detail-page .product-detail-hero,body.product-detail-page.zemin-detail-page.tm4320-detail-page .product-detail-grid,body.product-detail-page.zemin-detail-page.tm4320-detail-page .product-gallery,body.product-detail-page.zemin-detail-page.tm4320-detail-page .gallery-thumbs,body.product-detail-page.zemin-detail-page.tm4320-detail-page .main-product-image,body.product-detail-page.zemin-detail-page.tm4320-detail-page .thumb-btn,body.product-detail-page.zemin-detail-page.tm4320-detail-page .thumb-btn.active,body.product-detail-page.zemin-detail-page.tm4320-detail-page .video-thumb{background:#F4F8FC !important;background-color:#F4F8FC !important;background-image:none !important;border:0 !important;outline:0 !important;box-shadow:none !important}body.product-detail-page.zemin-detail-page.tm4320-detail-page .main-product-image,body.product-detail-page.zemin-detail-page.tm4320-detail-page .thumb-btn{padding:0 !important;border-radius:0 !important}body.product-detail-page.zemin-detail-page.tm4320-detail-page .main-product-image{overflow:visible !important}body.product-detail-page.zemin-detail-page.tm4320-detail-page .main-product-image img,body.product-detail-page.zemin-detail-page.tm4320-detail-page .thumb-btn img{background:#F4F8FC !important;background-color:#F4F8FC !important;background-image:none !important;border:0 !important;outline:0 !important;box-shadow:none !important;filter:none !important;mix-blend-mode:normal !important}body.mikrotex-mutfak-detail-page .product-detail-hero,body.mikrotex-mutfak-detail-page .product-detail-hero>.container,body.mikrotex-mutfak-detail-page .product-detail-grid,body.mikrotex-mutfak-detail-page .product-gallery,body.mikrotex-mutfak-detail-page .gallery-thumbs,body.mikrotex-mutfak-detail-page .main-product-image,body.mikrotex-mutfak-detail-page .thumb-btn,body.mikrotex-mutfak-detail-page .thumb-btn.active,body.mikrotex-mutfak-detail-page .video-thumb{background:#F4F8FC !important;background-color:#F4F8FC !important;background-image:none !important;border:0 !important;box-shadow:none !important;outline:0 !important}body.mikrotex-mutfak-detail-page .product-gallery{display:grid !important;grid-template-columns:86px 1fr !important;gap:28px !important;align-items:center !important;margin-top:42px !important;overflow:visible !important}body.mikrotex-mutfak-detail-page .gallery-thumbs{display:flex !important;flex-direction:column !important;gap:12px !important;align-items:center !important;padding:0 !important}body.mikrotex-mutfak-detail-page .thumb-btn,body.mikrotex-mutfak-detail-page .thumb-btn.active,body.mikrotex-mutfak-detail-page .video-thumb{width:74px !important;height:74px !important;padding:4px !important;cursor:pointer !important}body.mikrotex-mutfak-detail-page .main-product-image{min-height:470px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;overflow:hidden !important}body.mikrotex-mutfak-detail-page .main-product-image img,body.mikrotex-mutfak-detail-page .thumb-btn img{background:#F4F8FC !important;background-color:#F4F8FC !important;box-shadow:none !important;filter:none !important;border:0 !important;outline:0 !important}body.mikrotex-mutfak-detail-page .main-product-image img{max-width:100% !important;max-height:560px !important;object-fit:contain !important;mix-blend-mode:multiply !important}body.mikrotex-mutfak-detail-page .thumb-btn img{width:100% !important;height:100% !important;object-fit:cover !important;mix-blend-mode:multiply !important}body.mikrotex-mutfak-detail-page .main-product-image video{background:#F4F8FC !important;background-color:#F4F8FC !important;box-shadow:none !important;border:0 !important}@media (max-width:900px){body.mikrotex-mutfak-detail-page .product-gallery{grid-template-columns:1fr !important;margin-top:18px !important}body.mikrotex-mutfak-detail-page .gallery-thumbs{flex-direction:row !important;justify-content:center !important;order:2}body.mikrotex-mutfak-detail-page .main-product-image{min-height:0 !important}}body.mikrotex-mutfak-detail-page .product-detail-hero,body.mikrotex-mutfak-detail-page .product-detail-grid,body.mikrotex-mutfak-detail-page .product-gallery,body.mikrotex-mutfak-detail-page .gallery-thumbs,body.mikrotex-mutfak-detail-page .main-product-image,body.mikrotex-mutfak-detail-page .thumb-btn,body.mikrotex-mutfak-detail-page .thumb-btn.active,body.mikrotex-mutfak-detail-page .video-thumb{background:#F4F8FC!important;background-color:#F4F8FC!important;background-image:none!important;border:0!important;box-shadow:none!important;outline:0!important}body.mikrotex-mutfak-detail-page .product-gallery{display:grid!important;grid-template-columns:86px 1fr!important;gap:28px!important;align-items:center!important;margin-top:42px!important;overflow:visible!important}body.mikrotex-mutfak-detail-page .gallery-thumbs{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:center!important;padding:0!important}body.mikrotex-mutfak-detail-page .main-product-image{min-height:470px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;overflow:visible!important}body.mikrotex-mutfak-detail-page .thumb-btn,body.mikrotex-mutfak-detail-page .thumb-btn.active,body.mikrotex-mutfak-detail-page .video-thumb{width:74px!important;height:74px!important;padding:0!important;cursor:pointer!important}body.mikrotex-mutfak-detail-page .main-product-image img,body.mikrotex-mutfak-detail-page .thumb-btn img{background:#F4F8FC!important;background-color:#F4F8FC!important;background-image:none!important;border:0!important;box-shadow:none!important;filter:none!important;outline:0!important;mix-blend-mode:normal!important}body.mikrotex-mutfak-detail-page .main-product-image img{max-width:100%!important;max-height:560px!important;object-fit:contain!important}body.mikrotex-mutfak-detail-page .thumb-btn img{width:100%!important;height:100%!important;object-fit:contain!important}body.mikrotex-mutfak-detail-page .main-product-image video{background:#F4F8FC!important;background-color:#F4F8FC!important;border:0!important;box-shadow:none!important}body.qsell-detail-page,body.qsell-detail-page main,body.qsell-detail-page .product-detail-hero,body.qsell-detail-page .product-detail-hero>.container,body.qsell-detail-page .product-detail-grid,body.qsell-detail-page .product-gallery,body.qsell-detail-page .gallery-thumbs,body.qsell-detail-page .main-product-image,body.qsell-detail-page .thumb-btn,body.qsell-detail-page .thumb-btn.active,body.qsell-detail-page .thumb-btn:hover,body.qsell-detail-page .video-thumb{background:#F4F8FC !important;background-color:#F4F8FC !important;background-image:none !important;box-shadow:none !important;border:0 !important;outline:0 !important}body.qsell-detail-page .product-gallery{display:grid !important;grid-template-columns:86px 1fr !important;gap:28px !important;align-items:center !important}body.qsell-detail-page .gallery-thumbs{display:flex !important;flex-direction:column !important;gap:12px !important;align-items:center !important}body.qsell-detail-page .thumb-btn{width:74px !important;height:74px !important;padding:4px !important;cursor:pointer !important}body.qsell-detail-page .main-product-image{min-height:470px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:visible !important;padding:0 !important}body.qsell-detail-page .thumb-btn img,body.qsell-detail-page .main-product-image img{background:transparent !important;background-color:transparent !important;background-image:none !important;box-shadow:none !important;border:0 !important;outline:0 !important;filter:none !important;mix-blend-mode:normal !important}.products-v43 .card-multi-35-mikrofiber-temizlik-bezi .vileda-product-image{background:#F4F8FC !important}.products-v43 .card-multi-35-mikrofiber-temizlik-bezi .vileda-product-image img{background:#F4F8FC !important;mix-blend-mode:normal !important}
/* Footer logo optical frame and contact rhythm */
.footer-grid > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* v49 - commercially focused British technology page */
.tech-page .page-hero p { max-width: 880px; }
.caridia-tech-intro { background: #fff; }
.caridia-tech-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 64px;
  align-items: center;
}
.caridia-tech-copy { max-width: 650px; }
.caridia-tech-copy h2,
.caridia-tech-section-head h2,
.caridia-tech-selection h2 {
  margin: 12px 0 20px;
  color: #071e36;
  font-size: clamp(32px, 3.2vw, 44px);
  line-height: 1.12;
  letter-spacing: -1px;
}
.caridia-tech-copy p,
.caridia-tech-section-head p,
.caridia-tech-selection p { color: #536b80; line-height: 1.75; }
.caridia-tech-copy .lead { color: #203b56; font-size: 17px; }
.caridia-tech-intro-media {
  overflow: hidden;
  border-radius: 18px;
  background: #f4f8fc;
  box-shadow: 0 24px 65px rgba(7, 30, 54, .12);
}
.caridia-tech-intro-media img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.caridia-tech-layers { background: linear-gradient(180deg, #f4f8fc 0%, #fbfdff 100%); }
.caridia-tech-section-head { max-width: 820px; margin: 0 auto 42px; text-align: center; }
.caridia-tech-layer-grid { display: grid; gap: 24px; }
.caridia-tech-layer-card {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  overflow: hidden;
  border: 1px solid #d9e5ef;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(7, 30, 54, .07);
}
.caridia-tech-layer-card:nth-child(even) .caridia-tech-layer-media { order: 2; }
.caridia-tech-layer-media { min-height: 360px; background: #eaf2f8; }
.caridia-tech-layer-media img { width: 100%; height: 100%; min-height: 360px; object-fit: cover; }
.caridia-tech-layer-copy { padding: 40px 44px; align-self: center; }
.caridia-tech-layer-copy > span,
.caridia-application-grid > article > span,
.caridia-selection-points > article > span {
  color: #1288d8;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.8px;
}
.caridia-tech-layer-copy h3 { margin: 9px 0 14px; color: #071e36; font-size: 26px; line-height: 1.18; }
.caridia-tech-layer-copy p { color: #5b7185; line-height: 1.68; }
.caridia-tech-layer-copy ul { margin: 20px 0 0; padding: 0; list-style: none; }
.caridia-tech-layer-copy li { position: relative; margin: 9px 0; padding-left: 22px; color: #29445e; font-size: 14px; line-height: 1.5; }
.caridia-tech-layer-copy li::before { content: ""; position: absolute; top: .6em; left: 0; width: 8px; height: 8px; border-radius: 50%; background: #1288d8; }
.caridia-tech-applications { background: #fff; }
.caridia-application-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.caridia-application-grid article {
  padding: 28px;
  border: 1px solid #d9e5ef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(7, 30, 54, .06);
}
.caridia-application-grid h3 { margin: 16px 0 10px; color: #071e36; font-size: 20px; line-height: 1.25; }
.caridia-application-grid p { margin: 0; color: #617187; font-size: 14px; line-height: 1.65; }
.caridia-tech-selection { background: #071e36; }
.caridia-tech-selection .eyebrow { color: #73c5f4; }
.caridia-tech-selection h2 { color: #fff; }
.caridia-tech-selection p { color: #c8dceb; }
.caridia-tech-selection-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .78fr); gap: 68px; align-items: center; }
.caridia-selection-points { display: grid; gap: 14px; }
.caridia-selection-points article { display: grid; grid-template-columns: 42px 1fr; gap: 16px; padding: 20px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.07); }
.caridia-selection-points h3 { margin: 0 0 6px; color: #fff; font-size: 17px; }
.caridia-selection-points p { margin: 0; font-size: 13px; line-height: 1.55; }
.caridia-tech-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.caridia-tech-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 20px; border: 1px solid #fff; border-radius: 7px; font-size: 13px; font-weight: 850; }
.caridia-tech-primary { background: #fff; color: #071e36; }
.caridia-tech-secondary { color: #fff; }
@media (max-width: 1040px) {
  .caridia-tech-intro-grid,
  .caridia-tech-selection-grid { grid-template-columns: 1fr; gap: 38px; }
  .caridia-tech-copy { max-width: 780px; }
  .caridia-tech-intro-media { max-width: 800px; }
  .caridia-tech-layer-card { grid-template-columns: 1fr; }
  .caridia-tech-layer-card:nth-child(even) .caridia-tech-layer-media { order: 0; }
  .caridia-tech-layer-media,
  .caridia-tech-layer-media img { min-height: 300px; }
  .caridia-application-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  .caridia-tech-intro-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .caridia-tech-intro-media img { aspect-ratio: 4/3; }
  .caridia-tech-section-head { margin-bottom: 28px; text-align: left; }
  .caridia-tech-layer-media,
  .caridia-tech-layer-media img { min-height: 220px; }
  .caridia-tech-layer-copy { padding: 26px 22px; }
  .caridia-tech-layer-copy h3 { font-size: 22px; }
  .caridia-application-grid { grid-template-columns: 1fr; }
  .caridia-tech-selection-grid { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .caridia-tech-actions { display: grid; }
}
.footer-logo {
  width: 190px;
  height: auto;
  padding: 0;
  margin: 0 auto 14px;
  object-fit: contain;
}
.footer-grid > div:last-child p {
  line-height: 1.7;
}

/* CARIDIA v1 branding: preserve existing header/footer boxes */
.site-logo-img{object-fit:contain!important;max-width:100%!important;height:auto!important}.footer-logo{object-fit:contain!important;max-width:240px!important;height:auto!important}
/* CARIDIA About Us — current USMER narrative structure */
.caridia-profile{background:#f6f9fc}.caridia-stats,.caridia-process-grid,.caridia-letter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.caridia-stats>div,.caridia-process-grid>div,.caridia-letter-grid>div{background:#fff;border:1px solid #d9e5ef;border-radius:14px;padding:28px;box-shadow:0 14px 38px rgba(7,30,54,.06)}.caridia-stats strong{display:block;color:#1288d8;font-size:40px;line-height:1;margin-bottom:17px}.caridia-stats h3,.caridia-process-grid h3,.caridia-letter-grid h3{color:#071e36;font-size:18px;margin:0 0 10px}.caridia-stats p,.caridia-process-grid p,.caridia-letter-grid p{color:#617187;font-size:14px;line-height:1.65;margin:0}.caridia-why{padding:82px 0}.caridia-process{background:#071e36}.caridia-process h2{color:#fff}.caridia-process-grid>div{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:none}.caridia-process-grid span{display:block;color:#5fb5ec;font-size:30px;font-weight:900;margin-bottom:18px}.caridia-process-grid h3{color:#fff}.caridia-process-grid p{color:#bdd3e5}.caridia-values{background:#f7fafc}.caridia-letter-grid span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e9f5fc;color:#1288d8;font-size:20px;font-weight:900;margin-bottom:18px}.caridia-quote{background:#1288d8;color:#fff;padding:64px 0;text-align:center}.caridia-quote blockquote{max-width:930px;margin:0 auto 20px;font-size:31px;line-height:1.4;font-weight:800}.caridia-quote div{letter-spacing:3px;font-size:12px;font-weight:900}.about-global-inner p{max-width:850px}@media(max-width:1040px){.caridia-stats,.caridia-process-grid,.caridia-letter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.caridia-stats,.caridia-process-grid,.caridia-letter-grid{grid-template-columns:1fr}.caridia-why{padding:58px 0}.caridia-quote{padding:48px 0}.caridia-quote blockquote{font-size:23px}}

/* Refined frame for the secondary About Us texture image */
.about-visual .about-small-img {
  border: 5px solid #F4F8FC;
  border-radius: 14px;
  outline: 1px solid rgba(7, 30, 54, 0.10);
  outline-offset: -1px;
  box-shadow: 0 14px 34px rgba(7, 30, 54, 0.14);
}
/* caridia focused seven-product collection */
.caridia-product-menu .products-mega-panel{padding:24px!important}.caridia-product-menu .product-menu-all{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 18px!important;margin-bottom:18px;border-bottom:1px solid rgba(12,45,82,.1);font-size:16px!important;font-weight:800;color:#082d4f}.caridia-product-menu .product-menu-all span{font-size:12px;font-weight:500;color:#60758a}.caridia-product-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 22px}.caridia-product-menu-grid a{display:flex!important;flex-direction:column;padding:10px 0!important;border:0!important}.caridia-product-menu-grid strong{font-size:14px;color:#082d4f}.caridia-product-menu-grid span{margin-top:4px;font-size:11px;line-height:1.4;color:#6d7e90}
.caridia-collection-main{background:#fff}.caridia-collection-hero{padding:92px 0 70px;background:linear-gradient(135deg,#f4f8fc 0%,#fff 72%);border-bottom:1px solid rgba(12,45,82,.08)}.caridia-collection-hero .container{max-width:900px;text-align:center}.caridia-collection-hero h1{max-width:850px;margin:14px auto 20px;font-size:clamp(40px,5.5vw,68px);line-height:1.02;letter-spacing:-.045em;color:#072c4d}.caridia-collection-hero p{max-width:760px;margin:0 auto;font-size:18px;line-height:1.7;color:#526b82}.caridia-collection-section{padding:54px 0 96px}.caridia-filter-bar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:46px}.caridia-filter-bar button{appearance:none;border:1px solid rgba(8,45,79,.14);background:#fff;color:#38536b;border-radius:999px;padding:12px 17px;font:700 13px/1 Inter,sans-serif;cursor:pointer;transition:.2s ease}.caridia-filter-bar button span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:7px;padding:0 6px;border-radius:20px;background:#edf3f8;font-size:11px}.caridia-filter-bar button:hover,.caridia-filter-bar button.active{background:#082f52;color:#fff;border-color:#082f52;box-shadow:0 9px 24px rgba(8,47,82,.16)}.caridia-filter-bar button.active span{background:rgba(255,255,255,.16)}.caridia-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.caridia-collection-card{border:1px solid rgba(12,45,82,.09);border-radius:3px;box-shadow:0 12px 32px rgba(8,35,62,.06);transition:transform .22s ease,box-shadow .22s ease}.caridia-collection-card[hidden]{display:none!important}.caridia-collection-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(8,35,62,.12)}.caridia-collection-card .vileda-product-image{height:310px!important;padding:25px!important}.caridia-card-copy{display:flex;flex-direction:column;min-height:240px;padding:25px 26px 27px}.caridia-card-copy h2{margin:0 0 8px!important;font-size:27px!important;line-height:1.1;color:#082d4f}.caridia-card-copy strong{font-size:13px;line-height:1.45;color:#1d6b9c}.caridia-card-copy p{margin:15px 0 24px;font-size:14px;line-height:1.65;color:#637487}.caridia-card-copy>span{margin-top:auto;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#082f52}.caridia-card-copy b{margin-left:5px;font-size:16px}.caridia-range-note{padding:76px 0;background:#082f52;color:#fff}.caridia-range-note .container{display:flex;align-items:center;justify-content:space-between;gap:60px}.caridia-range-note .container>div{max-width:730px}.caridia-range-note .eyebrow{color:#8fcaec}.caridia-range-note h2{margin:12px 0 15px;font-size:38px;color:#fff}.caridia-range-note p{margin:0;color:#c8d7e4;line-height:1.7}.caridia-range-note .btn{flex:0 0 auto;background:#fff;color:#082f52;border-color:#fff}.caridia-noscript{text-align:center;color:#637487}
@media(max-width:1040px){.caridia-product-menu{display:none!important}.caridia-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.caridia-range-note .container{align-items:flex-start;flex-direction:column;gap:28px}}
@media(max-width:680px){.caridia-collection-hero{padding:60px 0 48px}.caridia-collection-hero h1{font-size:38px}.caridia-collection-hero p{font-size:16px}.caridia-collection-section{padding:36px 0 65px}.caridia-filter-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:0 0 8px;margin-bottom:30px}.caridia-filter-bar button{white-space:nowrap}.caridia-collection-grid{grid-template-columns:1fr;gap:20px}.caridia-collection-card .vileda-product-image{height:270px!important}.caridia-card-copy{min-height:220px}.caridia-range-note{padding:58px 0}.caridia-range-note h2{font-size:30px}}

/* Active is the visual reference for every caridia product image surface. */
.products-page.products-v43 .caridia-collection-card .vileda-product-image,
.product-detail-page .product-gallery,
.product-detail-page .gallery-thumbs,
.product-detail-page .main-product-image,
.product-detail-page .thumb-btn,
.product-detail-page .thumb-btn.active {
  background: #F4F8FC !important;
  background-color: #F4F8FC !important;
  background-image: none !important;
}
.products-page.products-v43 .caridia-collection-card .vileda-product-image img,
.product-detail-page .main-product-image img,
.product-detail-page .thumb-btn img {
  background: transparent !important;
  background-color: transparent !important;
}
/* Products with a printed header card sit at the top of the image field. */
.products-page.products-v43 .card-master-oto-kurulama-bezi .vileda-product-image,
.products-page.products-v43 .card-platin-cift-tarafli-oto-kurulama-havlusu .vileda-product-image,
.products-page.products-v43 .caridia-elegant-01 .vileda-product-image,
.products-page.products-v43 .card-kadife-xl .vileda-product-image {
  align-items: flex-start !important;
}
.products-page.products-v43 .card-master-oto-kurulama-bezi .vileda-product-image img,
.products-page.products-v43 .card-platin-cift-tarafli-oto-kurulama-havlusu .vileda-product-image img,
.products-page.products-v43 .caridia-elegant-01 .vileda-product-image img,
.products-page.products-v43 .card-kadife-xl .vileda-product-image img {
  object-position: center top !important;
  margin-top: 0 !important;
}
.products-page.products-v43 .caridia-collection-grid .caridia-collection-card.is-filtered-out,
.products-page.products-v43 .caridia-collection-grid .caridia-collection-card[hidden]{display:none!important}
.why-item .ico{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:rgba(98,189,245,.14);color:#62bdf5}
.why-item .ico svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#sektor-kartlari .industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#sektor-kartlari .industry-grid{grid-template-columns:1fr}}

/* v49 final cascade guards */
.tech-page .caridia-tech-copy h2,
.tech-page .caridia-tech-section-head h2,
.tech-page .caridia-tech-selection h2 {
  font-size: clamp(32px, 3.2vw, 44px) !important;
  line-height: 1.12 !important;
  letter-spacing: -1px !important;
}
.tech-page .caridia-tech-selection h2 { color: #fff !important; }
.tech-page .caridia-tech-selection p { color: #c8dceb !important; }

/* v50: keep the lead technology visual at its native 1600 x 900 ratio. */
.tech-page .caridia-tech-intro-grid {
  align-items: center !important;
}
.tech-page .caridia-tech-intro-media {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  align-self: center !important;
  overflow: hidden !important;
}
.tech-page .caridia-tech-intro-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}
@media (max-width: 1040px) {
  .tech-page .caridia-tech-intro-media {
    max-width: 760px;
    margin-inline: auto;
  }
}

/* v51: compact technology rows to the proportions used on USMER. */
.tech-page .caridia-tech-layer-grid {
  width: min(100%, 1040px) !important;
  margin-inline: auto !important;
  gap: 20px !important;
}
.tech-page .caridia-tech-layer-card {
  grid-template-columns: minmax(0, 46%) minmax(0, 54%) !important;
  min-height: 280px !important;
}
.tech-page .caridia-tech-layer-media {
  min-height: 280px !important;
  height: 280px !important;
}
.tech-page .caridia-tech-layer-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}
.tech-page .caridia-tech-layer-copy {
  padding: 28px 34px !important;
}
.tech-page .caridia-tech-layer-copy h3 {
  font-size: 24px !important;
}
.tech-page .caridia-tech-layer-copy p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}
.tech-page .caridia-tech-layer-copy ul {
  margin-top: 14px !important;
}
.tech-page .caridia-tech-layer-copy li {
  margin: 6px 0 !important;
  line-height: 1.4 !important;
}
@media (max-width: 1040px) {
  .tech-page .caridia-tech-layer-card {
    grid-template-columns: 1fr !important;
  }
  .tech-page .caridia-tech-layer-card:nth-child(even) .caridia-tech-layer-media {
    order: 0 !important;
  }
  .tech-page .caridia-tech-layer-media {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }
}
@media (max-width: 680px) {
  .tech-page .caridia-tech-layer-copy {
    padding: 24px 22px !important;
  }
  .tech-page .caridia-tech-layer-copy h3 {
    font-size: 21px !important;
  }
}

/* v52: match USMER's two-column, image-over-copy technology cards. */
.tech-page .caridia-tech-layer-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: min(100%, 1220px) !important;
  gap: 26px !important;
}
.tech-page .caridia-tech-layer-card,
.tech-page .caridia-tech-layer-card:nth-child(even) {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  border-radius: 20px !important;
}
.tech-page .caridia-tech-layer-card .caridia-tech-layer-media,
.tech-page .caridia-tech-layer-card:nth-child(even) .caridia-tech-layer-media {
  order: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  padding: 20px 58px !important;
  background: #eaf2f8 !important;
}
.tech-page .caridia-tech-layer-media img {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 12px !important;
  object-fit: cover !important;
}
.tech-page .caridia-tech-layer-copy {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 27px 30px 31px !important;
  align-self: stretch !important;
}
.tech-page .caridia-tech-layer-copy h3 {
  font-size: 25px !important;
  line-height: 1.18 !important;
}
@media (max-width: 900px) {
  .tech-page .caridia-tech-layer-grid {
    grid-template-columns: 1fr !important;
    max-width: 620px !important;
  }
}
@media (max-width: 520px) {
  .tech-page .caridia-tech-layer-card .caridia-tech-layer-media,
  .tech-page .caridia-tech-layer-card:nth-child(even) .caridia-tech-layer-media {
    padding: 14px !important;
  }
  .tech-page .caridia-tech-layer-copy {
    padding: 23px 20px 26px !important;
  }
}

/* v53: reduce every Technology-page visual by exactly 10%. */
.tech-page .caridia-tech-intro-media {
  width: 90% !important;
  margin-inline: auto !important;
}
.tech-page .caridia-tech-layer-media img {
  width: 90% !important;
  margin-inline: auto !important;
}

/* v54: reduce the lead visual by a further 10% from its v53 size. */
.tech-page .caridia-tech-intro-media {
  width: 81% !important;
}

/* v55: visual scaling is applied to the rendered box, so the reduction is visible. */
.tech-page .caridia-tech-intro-media {
  transform: scale(0.99225) !important;
  transform-origin: center center !important;
}

/* v58: caridia sustainability page */
.sustain-page .page-hero p { max-width: 920px; }
.sustain-intro { background: #fff; }
.sustain-intro-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 68px; align-items: center; }
.sustain-copy { max-width: 650px; }
.sustain-copy h2,
.sustain-section-head h2,
.sustain-lifecycle-copy h2,
.sustain-claims h2,
.sustain-cta h2 { margin: 12px 0 20px; color: #071e36; font-size: clamp(32px, 3.2vw, 44px); line-height: 1.12; letter-spacing: -1px; }
.sustain-copy p,
.sustain-section-head p,
.sustain-lifecycle-copy p,
.sustain-claims p { color: #536b80; line-height: 1.75; }
.sustain-copy .lead { color: #203b56; font-size: 18px; }
.sustain-intro-media { margin: 0; overflow: hidden; border-radius: 18px; background: #eef5f8; box-shadow: 0 24px 65px rgba(7,30,54,.12); }
.sustain-intro-media img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.sustain-intro-media figcaption { padding: 14px 18px; color: #667b8e; font-size: 12px; line-height: 1.5; }
.sustain-pillars { background: linear-gradient(180deg,#f1f7f9 0%,#f8fbfc 100%); }
.sustain-section-head { max-width: 850px; margin: 0 auto 42px; text-align: center; }
.sustain-pillar-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.sustain-pillar-grid article { padding: 29px 26px; border: 1px solid #d8e5ea; border-radius: 16px; background: #fff; box-shadow: 0 12px 32px rgba(7,30,54,.05); }
.sustain-pillar-grid span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #e5f3f4; color: #24777a; font-weight: 900; }
.sustain-pillar-grid h3 { margin: 20px 0 10px; color: #071e36; font-size: 19px; line-height: 1.25; }
.sustain-pillar-grid p { margin: 0; color: #617187; font-size: 14px; line-height: 1.65; }
.sustain-lifecycle { background: #fff; }
.sustain-lifecycle-grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: 76px; align-items: center; }
.sustain-lifecycle-copy { max-width: 560px; }
.sustain-text-link { display: inline-flex; gap: 9px; margin-top: 12px; color: #167f83; font-size: 14px; font-weight: 850; }
.sustain-steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.sustain-steps li { display: grid; grid-template-columns: 48px 1fr; gap: 18px; padding: 20px 22px; border: 1px solid #d8e5ea; border-radius: 14px; background: #f8fbfc; }
.sustain-steps li > span { color: #25858a; font-size: 13px; font-weight: 900; letter-spacing: 1px; }
.sustain-steps h3 { margin: 0 0 6px; color: #071e36; font-size: 18px; }
.sustain-steps p { margin: 0; color: #617187; font-size: 14px; line-height: 1.55; }
.sustain-guidance { background: #f5f9fb; }
.sustain-guidance-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; max-width: 1080px; margin: 0 auto; }
.sustain-guidance-grid article { padding: 28px 30px; border-left: 4px solid #2a898d; background: #fff; box-shadow: 0 10px 28px rgba(7,30,54,.05); }
.sustain-guidance-grid h3 { margin: 0 0 9px; color: #071e36; font-size: 19px; }
.sustain-guidance-grid p { margin: 0; color: #617187; font-size: 14px; line-height: 1.65; }
.sustain-claims { background: #0a3341; }
.sustain-claims-grid { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 72px; align-items: start; }
.sustain-claims .eyebrow { color: #75ced0; }
.sustain-claims h2 { color: #fff; }
.sustain-claims p { margin: 0 0 15px; color: #c9dde1; }
.sustain-cta { padding: 70px 0; background: #e5f3f4; }
.sustain-cta .container { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.sustain-cta .container > div:first-child { max-width: 760px; }
.sustain-cta h2 { margin-bottom: 12px; }
.sustain-cta p { margin: 0; color: #536b80; line-height: 1.7; }
.sustain-actions { display: flex; flex: 0 0 auto; gap: 12px; }
.sustain-actions .btn { background: #0a3341; border-color: #0a3341; color: #fff; white-space: nowrap; }
.sustain-actions .sustain-btn-secondary { background: transparent; color: #0a3341; }
@media (max-width: 1040px) {
  .sustain-intro-grid,
  .sustain-lifecycle-grid,
  .sustain-claims-grid { grid-template-columns: 1fr; gap: 40px; }
  .sustain-copy,
  .sustain-lifecycle-copy { max-width: 780px; }
  .sustain-intro-media { max-width: 800px; }
  .sustain-pillar-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sustain-cta .container { align-items: flex-start; flex-direction: column; gap: 28px; }
}
@media (max-width: 680px) {
  .sustain-intro-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .sustain-intro-media img { aspect-ratio: 4/3; }
  .sustain-section-head { margin-bottom: 28px; text-align: left; }
  .sustain-pillar-grid,
  .sustain-guidance-grid { grid-template-columns: 1fr; }
  .sustain-pillar-grid article,
  .sustain-guidance-grid article { padding: 24px 22px; }
  .sustain-steps li { grid-template-columns: 38px 1fr; padding: 18px; }
  .sustain-actions { width: 100%; flex-direction: column; }
  .sustain-actions .btn { width: 100%; text-align: center; }
}

/* v59: USMER-format sustainability page, adapted for caridia. */
.sustain-usmer-intro { background: #fff; }
.sustain-usmer-intro-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 70px; align-items: center; }
.sustain-usmer-copy { max-width: 650px; }
.sustain-usmer-copy h2,
.sustain-usmer-values-head h2,
.sustain-usmer-feature-grid h2,
.sustain-usmer-future h2 { margin: 12px 0 20px; color: #071e36; font-size: clamp(32px,3.2vw,44px); line-height: 1.12; letter-spacing: -1px; }
.sustain-usmer-copy p,
.sustain-usmer-feature-grid p,
.sustain-usmer-future p { color: #536b80; line-height: 1.75; }
.sustain-usmer-copy .lead { color: #203b56; font-size: 18px; }
.sustain-cycle { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; padding: 30px; border-radius: 26px; background: #0b3556; box-shadow: 0 26px 65px rgba(7,30,54,.16); }
.sustain-cycle article { min-height: 138px; padding: 21px; border: 1px solid rgba(255,255,255,.17); border-radius: 15px; background: rgba(255,255,255,.07); }
.sustain-cycle article > span { display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: 13px; border-radius: 9px; background: #1599e6; color: #fff; font-size: 12px; font-weight: 900; }
.sustain-cycle h3 { margin: 0 0 8px; color: #fff; font-size: 15px; line-height: 1.25; }
.sustain-cycle p { max-width: 190px; margin: 0; color: #c8deec; font-size: 12px; line-height: 1.5; }
.sustain-cycle-centre { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 138px; height: 138px; padding: 16px; transform: translate(-50%,-50%); border: 8px solid #0b3556; border-radius: 50%; background: #fff; color: #071e36; text-align: center; font-size: 15px; font-weight: 900; line-height: 1.2; }
.sustain-usmer-values { padding: 80px 0 86px; background: #f5f9fb; }
.sustain-usmer-values-head { max-width: 850px; margin: 0 auto 42px; text-align: center; }
.sustain-usmer-values-head h2 { margin-bottom: 14px; }
.sustain-usmer-values-head p { margin: 0; color: #536b80; line-height: 1.7; }
.sustain-usmer-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.sustain-usmer-grid article { padding: 28px; border: 1px solid #d9e5ef; border-radius: 14px; background: #fff; box-shadow: 0 14px 38px rgba(7,30,54,.06); }
.sustain-usmer-grid span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #e8f4f5; color: #247b7f; font-size: 23px; font-weight: 900; }
.sustain-usmer-grid h3 { margin: 18px 0 10px; color: #071e36; font-size: 19px; line-height: 1.25; }
.sustain-usmer-grid p { margin: 0; color: #617187; font-size: 14px; line-height: 1.65; }
.sustain-usmer-features { background: #f6f9fc; }
.sustain-usmer-feature-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.sustain-usmer-feature-grid article { min-height: 330px; padding: 48px; border: 1px solid #d9e5ef; border-radius: 16px; background: #fff; box-shadow: 0 14px 38px rgba(7,30,54,.06); }
.sustain-usmer-feature-grid article.dark { border-color: #0a3341; background: #0a3341; }
.sustain-usmer-feature-grid article.dark .eyebrow { color: #75ced0; }
.sustain-usmer-feature-grid article.dark h2 { color: #fff; }
.sustain-usmer-feature-grid article.dark p { color: #c9dde1; }
.sustain-usmer-future { padding: 72px 0; background: #e8f4f5; }
.sustain-usmer-future .container { display: flex; align-items: center; justify-content: space-between; gap: 70px; }
.sustain-usmer-future .container > div { max-width: 860px; }
.sustain-usmer-future h2 { margin-bottom: 14px; }
.sustain-usmer-future p { margin: 0; }
.sustain-usmer-link { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 10px; padding: 15px 21px; border-radius: 7px; background: #0a3341; color: #fff; font-size: 13px; font-weight: 850; }
@media (max-width: 1040px) {
  .sustain-usmer-intro-grid { grid-template-columns: 1fr; gap: 38px; }
  .sustain-usmer-copy { max-width: 780px; }
  .sustain-cycle { max-width: 680px; }
  .sustain-usmer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sustain-usmer-future .container { align-items: flex-start; flex-direction: column; gap: 28px; }
}
@media (max-width: 680px) {
  .sustain-cycle { gap: 10px; padding: 14px; border-radius: 18px; }
  .sustain-cycle article { min-height: 164px; padding: 15px; }
  .sustain-cycle h3 { max-width: 105px; font-size: 13px; }
  .sustain-cycle p { max-width: 115px; font-size: 11px; }
  .sustain-cycle-centre { width: 104px; height: 104px; border-width: 6px; font-size: 13px; }
  .sustain-usmer-values-head { margin-bottom: 28px; text-align: left; }
  .sustain-usmer-grid,
  .sustain-usmer-feature-grid { grid-template-columns: 1fr; }
  .sustain-usmer-values { padding-bottom: 58px; }
  .sustain-usmer-grid article { padding: 24px 22px; }
  .sustain-usmer-feature-grid article { min-height: 0; padding: 30px 24px; }
  .sustain-usmer-future { padding: 54px 0; }
}

/* v61: complete care guide and responsible-information close. */
.sustain-care { background: #071f37; }
.sustain-care-head { max-width: 940px; margin-bottom: 36px; }
.sustain-care .eyebrow { color: #5fd4c2; }
.sustain-care h2 { margin: 12px 0 18px; color: #fff; font-size: clamp(32px,3.2vw,44px); line-height: 1.12; letter-spacing: -1px; }
.sustain-care-head p { margin: 0; color: #ccdae7; line-height: 1.7; }
.sustain-care-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.sustain-care-columns article { padding: 28px; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: rgba(255,255,255,.07); }
.sustain-care-columns h3 { margin: 0 0 18px; color: #fff; font-size: 20px; }
.sustain-care-columns ul { margin: 0; padding: 0; list-style: none; }
.sustain-care-columns li { position: relative; margin: 13px 0; padding-left: 26px; color: #d6e2ec; font-size: 14px; line-height: 1.55; }
.sustain-care-columns article:first-child li::before { content: "✓"; position: absolute; left: 0; color: #5fd4c2; font-weight: 900; }
.sustain-care-columns article:last-child li::before { content: "×"; position: absolute; left: 0; color: #62bdf5; font-weight: 900; }
.sustain-fibre-note { margin-top: 22px; padding: 20px 22px; border-left: 3px solid #5fd4c2; background: rgba(255,255,255,.07); color: #cfe0eb; font-size: 13px; line-height: 1.65; }
.sustain-fibre-note strong { color: #fff; }
.sustain-responsible { background: #fff; }
.sustain-responsible-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 70px; align-items: center; }
.sustain-responsible-grid > div:first-child { max-width: 700px; }
.sustain-responsible h2 { margin: 12px 0 20px; color: #071e36; font-size: clamp(32px,3.2vw,44px); line-height: 1.12; letter-spacing: -1px; }
.sustain-responsible p { color: #536b80; line-height: 1.75; }
.sustain-responsible-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 12px; padding: 14px 19px; border-radius: 7px; background: #1599e6; color: #fff; font-size: 13px; font-weight: 850; }
.sustain-responsible-points { display: grid; gap: 14px; }
.sustain-responsible-points article { padding: 20px 22px; border: 1px solid #d7e5ea; border-radius: 14px; background: #fbfdfe; }
.sustain-responsible-points h3 { margin: 0 0 7px; color: #071e36; font-size: 16px; }
.sustain-responsible-points p { margin: 0; font-size: 13px; line-height: 1.55; }
@media (max-width: 1040px) {
  .sustain-responsible-grid { grid-template-columns: 1fr; gap: 38px; }
  .sustain-responsible-points { max-width: 760px; }
}
@media (max-width: 680px) {
  .sustain-care-columns { grid-template-columns: 1fr; }
  .sustain-care-columns article { padding: 24px 21px; }
  .sustain-fibre-note { padding: 18px; }
}

/* v63: USMER-positioned sustainability cycle with protected text areas. */
.sustain-page .sustain-usmer-intro-grid {
  grid-template-columns: minmax(0, 536px) minmax(0, 634px) !important;
  gap: 50px !important;
  justify-content: space-between !important;
}
.sustain-page .sustain-cycle {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 634px !important;
  min-height: 354px !important;
  gap: 14px !important;
  padding: 30px !important;
}
.sustain-page .sustain-cycle article {
  box-sizing: border-box !important;
  min-height: 138px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.sustain-page .sustain-cycle article:nth-child(odd) {
  padding-left: 20px !important;
  padding-right: 76px !important;
}
.sustain-page .sustain-cycle article:nth-child(even) {
  padding-left: 76px !important;
  padding-right: 20px !important;
}
.sustain-page .sustain-cycle h3 {
  margin-bottom: 7px !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}
.sustain-page .sustain-cycle p {
  max-width: 205px !important;
  color: #e4eff7 !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}
.sustain-page .sustain-cycle-centre {
  width: 142px !important;
  height: 142px !important;
  border-width: 8px !important;
  font-size: 15px !important;
}
@media (max-width: 1040px) {
  .sustain-page .sustain-usmer-intro-grid {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
  }
}
@media (max-width: 680px) {
  .sustain-page .sustain-cycle {
    min-height: 0 !important;
    gap: 10px !important;
    padding: 14px !important;
  }
  .sustain-page .sustain-cycle article {
    min-height: 172px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .sustain-page .sustain-cycle article:nth-child(odd) {
    padding-left: 14px !important;
    padding-right: 48px !important;
  }
  .sustain-page .sustain-cycle article:nth-child(even) {
    padding-left: 48px !important;
    padding-right: 14px !important;
  }
  .sustain-page .sustain-cycle h3 {
    max-width: 108px !important;
    font-size: 12px !important;
  }
  .sustain-page .sustain-cycle p {
    max-width: 108px !important;
    font-size: 10.5px !important;
  }
  .sustain-page .sustain-cycle-centre {
    width: 98px !important;
    height: 98px !important;
    border-width: 6px !important;
    font-size: 12px !important;
  }
}

/* v64: single forthcoming catalogue resource. */
.resources-catalogue-section { background: #fff; }
.resources-section-head { max-width: 760px; margin: 0 auto 38px; text-align: center; }
.resources-section-head h2 { margin: 12px 0 16px; color: #071e36; font-size: clamp(32px,3.2vw,44px); line-height: 1.12; letter-spacing: -1px; }
.resources-section-head p { margin: 0; color: #536b80; line-height: 1.7; }
.resources-catalogue-card { width: min(100%, 390px); margin: 0 auto; overflow: hidden; border: 1px solid #d9e5ef; border-radius: 16px; background: #fff; box-shadow: 0 16px 44px rgba(7,30,54,.08); }
.resources-catalogue-media { position: relative; padding: 22px; background: #f4f8fc; }
.resources-catalogue-media img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 12px; box-shadow: none; }
.resources-catalogue-media > span { position: absolute; top: 34px; right: 34px; padding: 8px 11px; border-radius: 999px; background: #071e36; color: #fff; font-size: 10px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.resources-catalogue-copy { padding: 24px 25px 26px; }
.resources-catalogue-copy h3 { margin: 0 0 10px; color: #071e36; font-size: 23px; }
.resources-catalogue-copy p { margin: 0 0 20px; color: #617187; font-size: 14px; line-height: 1.65; }
.resources-catalogue-status { display: inline-flex; align-items: center; min-height: 40px; padding: 10px 14px; border: 1px solid #cad9e5; border-radius: 7px; background: #f7fafc; color: #526b82; font-size: 12px; font-weight: 800; }
@media (max-width: 680px) {
  .resources-section-head { margin-bottom: 28px; text-align: left; }
  .resources-catalogue-media { padding: 16px; }
  .resources-catalogue-media > span { top: 27px; right: 27px; }
}

/* v65: About visual and quote matched to USMER. */
.about-page .about-intro-grid {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  gap: 65px !important;
  align-items: center !important;
}
.about-page .about-visual {
  position: relative !important;
  padding: 0 0 42px 34px !important;
}
.about-page .about-main-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
  border-radius: 23px !important;
  box-shadow: 0 28px 70px rgba(7,30,54,.16) !important;
}
.about-page .about-small-img {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  width: 36% !important;
  height: auto !important;
  aspect-ratio: 1.2 / 1 !important;
  object-fit: cover !important;
  border: 8px solid #fff !important;
  border-radius: 18px !important;
  outline: 0 !important;
  box-shadow: 0 18px 45px rgba(7,30,54,.2) !important;
}
.about-page .about-floating-card {
  box-sizing: border-box !important;
  top: auto !important;
  right: 22px !important;
  bottom: 20px !important;
  left: auto !important;
  width: 190px !important;
  padding: 16px 20px !important;
  border: 1px solid #d7e7f1 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 14px 35px rgba(7,30,54,.15) !important;
}
.about-page .about-floating-card strong {
  display: block !important;
  color: #1288d8 !important;
  font-size: 29px !important;
  line-height: 1 !important;
}
.about-page .about-floating-card span {
  display: block !important;
  margin-top: 6px !important;
  color: #274964 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}
.about-page .caridia-quote {
  padding: 82px 0 !important;
  background: linear-gradient(135deg, #0b2d4a, #103a5e) !important;
  color: #fff !important;
}
.about-page .caridia-quote blockquote {
  max-width: 1000px !important;
  margin: 0 auto 18px !important;
  color: #fff !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  line-height: 1.22 !important;
  font-weight: 850 !important;
}
.about-page .caridia-quote > .container > div {
  color: #8fd4ff !important;
  font-size: 12px !important;
  letter-spacing: 3px !important;
  font-weight: 900 !important;
}
@media (max-width: 950px) {
  .about-page .about-intro-grid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 620px) {
  .about-page .about-visual {
    padding-left: 15px !important;
  }
  .about-page .about-small-img {
    width: 42% !important;
    border-width: 5px !important;
  }
  .about-page .about-floating-card {
    right: 8px !important;
    width: 176px !important;
  }
  .about-page .caridia-quote {
    padding: 58px 0 !important;
  }
}

/* v67: separate the final Technology section from the footer. */
.tech-page .caridia-tech-selection {
  background: linear-gradient(135deg, #0b3a60 0%, #12698b 100%) !important;
}
.tech-page .caridia-tech-selection .eyebrow {
  color: #9cddff !important;
}
.tech-page .caridia-tech-selection p {
  color: #e0edf5 !important;
}
.tech-page .caridia-selection-points article {
  border-color: rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.10) !important;
  box-shadow: 0 12px 30px rgba(4,24,42,.10) !important;
}
.tech-page .caridia-selection-points article > span {
  color: #67c8ff !important;
}
.tech-page .caridia-tech-primary {
  background: #fff !important;
  color: #0b3a60 !important;
  border-color: #fff !important;
}
.tech-page .caridia-tech-secondary {
  color: #fff !important;
  border-color: rgba(255,255,255,.78) !important;
  background: rgba(255,255,255,.04) !important;
}
.tech-page .footer {
  border-top: 1px solid rgba(143,212,255,.18) !important;
  background: #06192d !important;
}

/* v68: match the pre-footer panel to the light-blue Technology hero. */
.tech-page .caridia-tech-selection {
  background: linear-gradient(135deg, #f7fbff 0%, #e9f5fc 100%) !important;
  border-top: 1px solid #d9e5ef !important;
}
.tech-page .caridia-tech-selection .eyebrow {
  color: #1288d8 !important;
}
.tech-page .caridia-tech-selection h2,
.tech-page .caridia-tech-selection h3 {
  color: #071e36 !important;
}
.tech-page .caridia-tech-selection p {
  color: #536b80 !important;
}
.tech-page .caridia-selection-points article {
  border-color: #d3e3ee !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 12px 30px rgba(7,30,54,.06) !important;
}
.tech-page .caridia-selection-points article > span {
  color: #1288d8 !important;
}
.tech-page .caridia-tech-primary {
  background: #0b3a60 !important;
  color: #fff !important;
  border-color: #0b3a60 !important;
}
.tech-page .caridia-tech-secondary {
  color: #0b3a60 !important;
  border-color: #0b3a60 !important;
  background: transparent !important;
}
.tech-page .footer {
  border-top-color: rgba(7,30,54,.12) !important;
}

/* v69: USMER-style homepage hero, retaining the original caridia hero height. */
.home-page .home-usmer-hero {
  position: relative;
  min-height: 590px;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(90deg, #f8fbfe 0%, #f3f8fc 51%, #e8f2f8 100%);
}
.home-page .home-usmer-hero-media {
  position: absolute;
  z-index: -1;
  inset: 0 0 0 auto;
  width: 63%;
  height: 100%;
  overflow: hidden;
}
.home-page .home-usmer-hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% center;
}
.home-page .home-usmer-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #f8fbfe 0%, rgba(248,251,254,.94) 17%, rgba(248,251,254,.42) 38%, rgba(248,251,254,0) 58%);
  pointer-events: none;
}
.home-page .home-usmer-hero-inner {
  display: flex;
  align-items: center;
  min-height: 590px;
  position: relative;
  z-index: 1;
}
.home-page .home-usmer-hero-copy {
  width: min(54%, 650px);
  padding: 46px 0 48px;
}
.home-page .home-usmer-hero-copy .eyebrow {
  margin: 0;
  color: #087fc9;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .26em;
}
.home-page .home-usmer-hero-rule {
  width: 300px;
  max-width: 66%;
  height: 1px;
  margin: 16px 0 18px;
  background: #9ed8f8;
}
.home-page .home-usmer-hero-kicker {
  margin-bottom: 21px;
  color: #67bdf0;
  font-size: 25px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .22em;
}
.home-page .home-usmer-hero-copy h1 {
  margin: 0 0 26px;
  max-width: 650px;
  color: #071e36;
  font-size: clamp(52px, 4.15vw, 70px);
  line-height: .98;
  font-weight: 900;
  letter-spacing: -.052em;
  text-transform: uppercase;
}
.home-page .home-usmer-hero-copy p {
  max-width: 630px;
  margin: 0;
  color: #244968;
  font-size: 16px;
  line-height: 1.75;
}
.home-page .home-usmer-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 28px;
}
.home-page .home-usmer-btn {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 22px;
  border: 1px solid #0b3a60;
  border-radius: 7px;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.home-page .home-usmer-btn:hover {
  transform: translateY(-2px);
}
.home-page .home-usmer-btn-primary {
  border-color: #128ed8;
  background: #128ed8;
  color: #fff;
  box-shadow: 0 12px 28px rgba(18,142,216,.20);
}
.home-page .home-usmer-btn-primary:hover {
  background: #0b78bb;
}
.home-page .home-usmer-btn-secondary {
  background: rgba(255,255,255,.72);
  color: #071e36;
}
.home-page .home-usmer-btn-secondary:hover {
  background: #fff;
}
@media (max-width: 1040px) {
  .home-page .home-usmer-hero,
  .home-page .home-usmer-hero-inner { min-height: 600px; }
  .home-page .home-usmer-hero-media { width: 72%; }
  .home-page .home-usmer-hero-media::after {
    background: linear-gradient(90deg, #f8fbfe 0%, rgba(248,251,254,.96) 30%, rgba(248,251,254,.40) 67%, rgba(248,251,254,.12) 100%);
  }
  .home-page .home-usmer-hero-copy { width: 67%; }
  .home-page .home-usmer-hero-copy h1 { font-size: clamp(48px, 6.2vw, 64px); }
}
@media (max-width: 680px) {
  .home-page .home-usmer-hero,
  .home-page .home-usmer-hero-inner { min-height: 620px; }
  .home-page .home-usmer-hero-media { width: 100%; opacity: .48; }
  .home-page .home-usmer-hero-media::after {
    background: linear-gradient(90deg, rgba(248,251,254,.98) 0%, rgba(248,251,254,.88) 74%, rgba(248,251,254,.60) 100%);
  }
  .home-page .home-usmer-hero-copy { width: 100%; padding: 40px 0; }
  .home-page .home-usmer-hero-copy .eyebrow { font-size: 11px; }
  .home-page .home-usmer-hero-kicker { font-size: 17px; }
  .home-page .home-usmer-hero-copy h1 { font-size: clamp(40px, 12vw, 52px); }
  .home-page .home-usmer-hero-copy p { font-size: 15px; line-height: 1.65; }
  .home-page .home-usmer-hero-actions { margin-top: 22px; }
}

/* v70: industry-led application cards and USMER-referenced homepage flow. */
.home-page .home-category-grid .gateway-card {
  grid-template-rows: 220px 1fr;
  overflow: hidden;
}
.home-page .home-category-grid .gateway-card img {
  width: 100%;
  height: 220px;
  padding: 0;
  object-fit: cover;
  object-position: center;
  background: #eaf2f7;
}
.home-page .home-category-grid .gateway-card div {
  display: flex;
  flex-direction: column;
}
.home-page .home-category-grid .gateway-card span {
  display: inline-block;
  margin-top: auto;
  padding-top: 18px;
  color: #0e86cf;
  font-size: 13px;
  font-weight: 800;
}
.home-page .home-experience {
  background: #fff;
  border-top: 1px solid #e2ebf2;
}
.home-page .home-experience-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr);
  gap: 70px;
  align-items: center;
}
.home-page .home-experience h2,
.home-page .home-tech-reference h2,
.home-page .home-responsible-use h2,
.home-page .home-resource-cta h2 {
  margin: 10px 0 18px;
  color: #071e36;
  font-size: clamp(32px, 3vw, 46px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.home-page .home-experience p {
  max-width: 760px;
  color: #526a80;
  line-height: 1.75;
}
.home-page .home-experience .home-lead {
  color: #183e5e;
  font-size: 18px;
  font-weight: 700;
}
.home-page .home-experience-card {
  padding: 34px;
  border: 1px solid #cfe0eb;
  border-radius: 16px;
  background: linear-gradient(145deg, #f8fcff, #e9f4fa);
  box-shadow: 0 18px 44px rgba(7,30,54,.08);
}
.home-page .home-experience-card strong {
  display: block;
  color: #1288d8;
  font-size: 70px;
  line-height: .95;
  letter-spacing: -.06em;
}
.home-page .home-experience-card strong small {
  font-size: 24px;
  letter-spacing: -.02em;
}
.home-page .home-experience-card span {
  display: block;
  margin-top: 10px;
  color: #071e36;
  font-weight: 800;
}
.home-page .home-experience-card hr {
  margin: 24px 0;
  border: 0;
  border-top: 1px solid #cadae5;
}
.home-page .home-tech-reference {
  background: #f3f8fc;
}
.home-page .home-tech-reference .section-head {
  max-width: 780px;
}
.home-page .home-tech-reference-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 32px;
}
.home-page .home-tech-reference-grid a {
  overflow: hidden;
  border: 1px solid #d5e3ed;
  border-radius: 14px;
  background: #fff;
  color: #071e36;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(7,30,54,.06);
  transition: transform .22s ease, box-shadow .22s ease;
}
.home-page .home-tech-reference-grid a:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(7,30,54,.11);
}
.home-page .home-tech-reference-grid img {
  display: block;
  width: 100%;
  height: 155px;
  object-fit: cover;
  background: #e7f1f7;
}
.home-page .home-tech-reference-grid h3 {
  margin: 20px 20px 8px;
  font-size: 19px;
}
.home-page .home-tech-reference-grid p {
  margin: 0;
  padding: 0 20px 24px;
  color: #5a7084;
  font-size: 14px;
  line-height: 1.6;
}
.home-page .home-tech-reference-button {
  margin-top: 26px;
}
.home-page .home-responsible-use {
  background: #0b3557;
  color: #fff;
}
.home-page .home-responsible-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 70px;
  align-items: center;
}
.home-page .home-responsible-use .eyebrow {
  color: #75d9c3;
}
.home-page .home-responsible-use h2 {
  color: #fff;
}
.home-page .home-responsible-use p {
  color: #dbeaf3;
  line-height: 1.7;
}
.home-page .home-responsible-principles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.home-page .home-responsible-principles article {
  min-height: 190px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 13px;
  background: rgba(255,255,255,.07);
}
.home-page .home-responsible-principles b {
  color: #5bd1b5;
  font-size: 13px;
}
.home-page .home-responsible-principles h3 {
  margin: 28px 0 9px;
  color: #fff;
  font-size: 18px;
}
.home-page .home-responsible-principles p {
  margin: 0;
  font-size: 13px;
}
.home-page .home-resource-cta {
  background: #f8fbfd;
}
.home-page .home-resource-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding: 42px 48px;
  border: 1px solid #d5e4ee;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(7,30,54,.06);
}
.home-page .home-resource-box > div:first-child {
  max-width: 790px;
}
.home-page .home-resource-box h2 {
  font-size: clamp(30px, 2.6vw, 40px);
}
.home-page .home-resource-box p {
  margin: 0;
  color: #5a7084;
  line-height: 1.7;
}
.home-page .home-resource-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
}
.home-page .home-flow-btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding: 13px 20px;
  border: 1px solid #0b3a60;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.home-page .home-flow-btn-primary {
  border-color: #1288d8;
  background: #1288d8;
  color: #fff;
}
.home-page .home-flow-btn-light {
  border-color: #fff;
  background: #fff;
  color: #0b3557;
}
.home-page .home-flow-btn-outline {
  background: transparent;
  color: #0b3a60;
}
@media (max-width: 1040px) {
  .home-page .home-tech-reference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-page .home-experience-grid,
  .home-page .home-responsible-grid { gap: 36px; }
  .home-page .home-responsible-principles { grid-template-columns: 1fr; }
  .home-page .home-responsible-principles article { min-height: 0; }
  .home-page .home-responsible-principles h3 { margin-top: 14px; }
  .home-page .home-resource-box { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 720px) {
  .home-page .home-experience-grid,
  .home-page .home-responsible-grid { grid-template-columns: 1fr; }
  .home-page .home-tech-reference-grid { grid-template-columns: 1fr; }
  .home-page .home-tech-reference-grid img { height: 190px; }
  .home-page .home-resource-box { padding: 30px 24px; }
  .home-page .home-resource-actions { width: 100%; flex-direction: column; }
  .home-page .home-resource-actions .home-flow-btn { width: 100%; margin-top: 0; }
}


/* Dynamic social media buttons under the footer tagline. URLs are managed in the Customizer. */
.footer-grid > div:first-child .social-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 12px;
}
.footer-grid > div:first-child .social-links .social-link {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(167, 207, 236, .42);
  border-radius: 10px;
  color: #d7ecfa;
  background: rgba(255, 255, 255, .045);
  transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease;
}
.footer-grid > div:first-child .social-links .social-link:hover,
.footer-grid > div:first-child .social-links .social-link:focus-visible {
  color: #fff;
  background: #1288d8;
  border-color: #70c6f5;
  transform: translateY(-2px);
}
.footer-grid > div:first-child .social-links .social-link:focus-visible {
  outline: 2px solid #8ed3ff;
  outline-offset: 3px;
}
.footer-grid > div:first-child .social-links svg {
  display: block;
  width: 20px;
  height: 20px;
  overflow: visible;
}
.footer-grid > div:first-child .social-links .social-link-instagram svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.footer-grid > div:first-child .social-links .social-link-instagram svg circle:last-child {
  fill: currentColor;
  stroke: none;
}
.footer-grid > div:first-child .social-links .social-link-facebook svg,
.footer-grid > div:first-child .social-links .social-link-x svg,
.footer-grid > div:first-child .social-links .social-link-linkedin svg,
  .footer-grid > div:first-child .social-links .social-link-youtube svg,
  .footer-grid > div:first-child .social-links .social-link-tiktok svg {

  fill: currentColor;
}
@media (max-width: 560px) {
  .footer-grid > div:first-child .social-links { gap: 9px; }
  .footer-grid > div:first-child .social-links .social-link { width: 40px; height: 40px; }
}


/* Responsive layout hardening: fluid containers, shrinkable grid/flex children and bounded media. */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  min-width: 0;
  max-width: 100%;
}

.container {
  width: 92%;
  max-width: 1220px;
  margin-right: auto;
  margin-left: auto;
}

.container.nav {
  width: 88%;
  max-width: 1320px;
}

/* Utility classes are available to future WordPress blocks and widgets. */
.w-full { width: 100% !important; }
.max-w-full { max-width: 100% !important; }

img,
video,
iframe,
embed,
object,
canvas,
svg {
  max-width: 100%;
}

[class*="grid"],
[class*="layout"],
[class*="columns"],
[class*="flex"] {
  min-width: 0;
  max-width: 100%;
}

[class*="grid"] > *,
[class*="layout"] > *,
[class*="columns"] > *,
[class*="flex"] > * {
  min-width: 0;
  max-width: 100%;
}

input,
textarea,
select,
button {
  max-width: 100%;
}

input,
textarea,
select {
  width: 100%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
li {
  overflow-wrap: break-word;
}

pre,
code {
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 1040px) {
  .container,
  .container.nav {
    width: calc(100% - 32px);
    max-width: none;
  }

  .container.nav {
    width: calc(100% - 24px);
  }

  .hero-grid,
  .quick-grid,
  .gateway-grid,
  .industry-list,
  .tech-layout,
  .innovation-grid,
  .sustain-card,
  .res-layout,
  .footer-grid,
  .feature-grid,
  .split,
  .home-experience-grid,
  .home-tech-reference-grid,
  .home-responsible-grid,
  .caridia-tech-intro-grid,
  .caridia-tech-selection-grid,
  .caridia-application-grid,
  .sustain-intro-grid,
  .sustain-lifecycle-grid,
  .sustain-claims-grid,
  .sustain-usmer-intro-grid,
  .sustain-responsible-grid {
    min-width: 0;
  }

  .hero-grid > *,
  .quick-grid > *,
  .gateway-grid > *,
  .industry-list > *,
  .tech-layout > *,
  .innovation-grid > *,
  .sustain-card > *,
  .res-layout > *,
  .footer-grid > *,
  .feature-grid > *,
  .split > *,
  .home-experience-grid > *,
  .home-tech-reference-grid > *,
  .home-responsible-grid > *,
  .caridia-tech-intro-grid > *,
  .caridia-tech-selection-grid > *,
  .caridia-application-grid > *,
  .sustain-intro-grid > *,
  .sustain-lifecycle-grid > *,
  .sustain-claims-grid > *,
  .sustain-usmer-intro-grid > *,
  .sustain-responsible-grid > * {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 680px) {
  .container,
  .container.nav {
    width: calc(100% - 24px);
    max-width: none;
  }

  .section {
    width: 100%;
    max-width: 100%;
  }

  .gateway-grid,
  .new-products-grid,
  .feature-grid,
  .home-tech-reference-grid,
  .caridia-application-grid,
  .sustain-pillar-grid,
  .sustain-usmer-grid,
  .sustain-usmer-feature-grid,
  .sustain-guidance-grid,
  .sustain-care-columns,
  .resource-links {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .caridia-tech-layer-card,
  .caridia-tech-selection-grid,
  .sustain-intro-grid,
  .sustain-lifecycle-grid,
  .sustain-claims-grid,
  .sustain-usmer-intro-grid,
  .sustain-responsible-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .products-v43 .vileda-product-grid,
  .products-page .vileda-product-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .gateway-card,
  .gateway-card.large,
  .new-product-card,
  .vileda-product-card,
  .caridia-collection-card,
  .caridia-tech-layer-card,
  .sustain-cycle,
  .home-resource-box,
  .home-experience-card {
    width: 100%;
    max-width: 100%;
  }

  .home-usmer-hero-copy,
  .home-usmer-hero-copy p,
  .home-resource-box > div:first-child,
  .caridia-tech-copy,
  .sustain-copy,
  .sustain-lifecycle-copy {
    width: 100%;
    max-width: 100%;
  }

  .home-usmer-hero-actions,
  .home-resource-actions,
  .caridia-tech-actions,
  .sustain-actions,
  .btns {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
  }

  .home-usmer-btn,
  .home-flow-btn,
  .home-resource-actions .home-flow-btn,
  .sustain-actions .btn,
  .btns .btn {
    max-width: 100%;
  }

  .sustain-cycle-centre {
    width: min(138px, calc(100% - 32px));
    max-width: 100%;
  }
}


/* Never create a horizontal scroller inside the mobile viewport. */
@media (max-width: 680px) {
  .caridia-filter-bar {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    overflow-y: visible;
    flex-wrap: wrap !important;
  }

  .caridia-filter-bar button,
  .sustain-actions .btn {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}


/* v76: keep the header menu and the single bundled CARIDIA mark independent from generic responsive rules. */
.site-header,
.site-header * {
  min-width: 0;
}

.site-header .container.nav {
  display: flex;
  width: 92%;
  max-width: 1220px;
  align-items: center;
  gap: 24px;
  overflow: visible;
}

.site-header .logo-wrap {
  display: flex;
  flex: 0 0 auto;
  width: auto !important;
  max-width: 240px;
  min-width: 0 !important;
  align-items: center;
  margin-left: 0 !important;
}

.site-header .site-logo-img {
  display: block;
  flex: 0 0 auto;
  width: auto !important;
  max-width: 210px !important;
  height: auto !important;
  max-height: 72px !important;
  object-fit: contain !important;
  object-position: left center !important;
  content: normal !important;
}

.site-header nav.menu {
  position: static;
  display: flex !important;
  flex: 1 1 auto;
  width: auto;
  max-width: none !important;
  min-width: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 3vw, 52px);
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  white-space: nowrap;
}

.site-header nav.menu > a,
.site-header nav.menu > .products-dropdown,
.site-header .products-dropdown > a {
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  max-width: none !important;
  align-items: center;
  white-space: nowrap;
}

.site-header .products-dropdown {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  align-items: center;
}

.site-header .products-mega {
  position: absolute;
  top: 100%;
  left: 50%;
  display: block;
  width: min(1040px, calc(100vw - 40px));
  max-width: calc(100vw - 40px) !important;
  transform: translateX(-50%);
  z-index: 3000;
}

.site-header .products-mega-panel,
.site-header .caridia-product-menu-grid,
.site-header .caridia-product-menu-grid > a {
  max-width: none;
}

.site-header .nav-tools {
  display: flex;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  min-width: 0;
  align-items: center;
  gap: 12px;
}

@media (max-width: 1040px) and (min-width: 681px) {
  .site-header .container.nav {
    width: calc(100% - 32px);
    gap: 14px;
  }

  .site-header .site-logo-img {
    max-width: 180px !important;
  }

  .site-header nav.menu {
    gap: clamp(12px, 1.8vw, 26px);
    font-size: 13px;
  }
}

@media (max-width: 680px) {
  .site-header .container.nav {
    width: calc(100% - 24px);
    max-width: none;
    gap: 12px;
  }

  .site-header nav.menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none !important;
    width: 100%;
    max-width: 100% !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    padding: 12px;
    border: 1px solid rgba(12,45,82,.10);
    border-top: 0;
    background: #fff;
    box-shadow: 0 22px 50px rgba(7,30,54,.16);
    white-space: normal;
  }

  .site-header .nav-toggle:checked ~ nav.menu {
    display: flex !important;
  }

  .site-header nav.menu > a,
  .site-header nav.menu > .products-dropdown,
  .site-header .products-dropdown > a {
    display: flex;
    width: 100%;
    max-width: 100% !important;
    flex: 0 0 auto;
    white-space: normal;
  }

  .site-header nav.menu > a,
  .site-header .products-menu-link {
    padding: 14px 12px;
  }

  .site-header .products-dropdown {
    display: block;
    width: 100%;
  }

  .site-header .products-mega {
    position: static;
    display: block;
    width: 100%;
    max-width: 100% !important;
    padding: 0;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .site-header .products-mega-panel {
    width: 100%;
    max-width: 100%;
    padding: 12px;
    box-shadow: none;
  }

  .site-header .caridia-product-menu-grid {
    display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0;
  }

  .site-header .site-logo-img {
    max-width: min(170px, 42vw) !important;
    max-height: 56px !important;
  }

  .site-header .nav-tools {
    margin-left: auto !important;
  }
}


/* v76.1: center the Products mega menu in the viewport instead of the narrow Products trigger. */
.site-header {
  position: relative;
  z-index: 100;
}

@media (min-width: 681px) {
  .site-header .products-dropdown {
    position: static;
  }

  .site-header .products-mega {
    top: 100%;
    left: 50%;
    right: auto;
    width: min(1040px, calc(100vw - 24px));
    max-width: calc(100vw - 24px) !important;
    box-sizing: border-box;
    margin: 0;
    transform: translateX(-50%);
  }

  .site-header .products-mega-panel {
    width: 100%;
    box-sizing: border-box;
  }

  .site-header .caridia-product-menu-grid {
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    box-sizing: border-box;
  }
}

@media (max-width: 1040px) and (min-width: 681px) {
  .site-header .products-mega {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px) !important;
  }

  .site-header .caridia-product-menu-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .site-header .products-mega-panel,
  .site-header .caridia-product-menu-grid {
    box-sizing: border-box;
  }
}

/* End v76.1 Products menu alignment fix. */


/* v7.6.2: anchor the Products panel to the header shell and keep the hover path continuous. */
@media (min-width: 681px) {
  .site-header {
    --caridia-nav-left: max(12px, calc((100vw - min(1220px, 92vw)) / 2));
  }

  .site-header .products-mega {
    top: 100%;
    left: var(--caridia-nav-left);
    right: auto;
    width: min(1040px, calc(100vw - var(--caridia-nav-left) - 24px));
    max-width: calc(100vw - var(--caridia-nav-left) - 24px) !important;
    padding-top: 0 !important;
    margin-top: 0;
    transform: none;
  }

  .site-header .products-mega::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    pointer-events: auto;
  }
}

/* End v7.6.2 Products panel anchoring and hover fix. */


/* v7.6.3: responsive media system for mobile, tablet and desktop layouts. */
*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
picture,
video {
  display: block;
  max-width: 100%;
}

img {
  height: auto;
}

.vileda-product-card,
.caridia-collection-card,
.new-product-card,
.gateway-card,
.caridia-tech-layer-card,
.product-detail-grid,
.product-gallery,
.main-product-image,
.product-image-slot,
.vileda-product-image {
  min-width: 0 !important;
  max-width: 100% !important;
}

.vileda-product-card,
.caridia-collection-card,
.new-product-card,
.gateway-card {
  overflow: hidden;
}

.vileda-product-image,
.product-image-slot {
  width: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.products-page .vileda-product-image {
  height: clamp(220px, 28vw, 310px) !important;
}

.products-page .vileda-product-image img,
.new-product-card .product-image-slot img,
.gateway-card img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.home-page .home-category-grid .gateway-card img,
.home-page .gateway-card img {
  object-fit: cover !important;
}

.caridia-card-copy,
.new-product-card > *,
.gateway-card > *,
.caridia-tech-layer-card > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Product-detail gallery: one shrinkable grid with a stacked mobile mode. */
.product-detail-page .product-detail-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: start !important;
}

.product-detail-page .product-gallery {
  display: grid !important;
  grid-template-columns: minmax(72px, 96px) minmax(0, 1fr) !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.product-detail-page .gallery-thumbs {
  display: flex !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex-direction: column !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.product-detail-page .thumb-btn {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.product-detail-page .thumb-btn img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.product-detail-page .main-product-image {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.product-detail-page .main-product-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: min(62vw, 620px) !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* All major content grids collapse before their columns can become narrower than their media. */
@media (max-width: 1100px) {
  .home-page .home-category-grid,
  .home-page .new-products-grid,
  .caridia-collection-grid,
  .caridia-application-grid,
  .caridia-process-grid,
  .caridia-letter-grid,
  .feature-grid,
  .gateway-grid,
  .new-products-grid,
  .home-tech-reference-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .product-detail-page .product-detail-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px !important;
  }

  .product-detail-page .main-product-image img {
    max-height: min(70vw, 620px) !important;
  }
}

@media (max-width: 720px) {
  .home-page .home-category-grid,
  .home-page .new-products-grid,
  .caridia-collection-grid,
  .caridia-application-grid,
  .caridia-process-grid,
  .caridia-letter-grid,
  .feature-grid,
  .gateway-grid,
  .new-products-grid,
  .home-tech-reference-grid,
  .caridia-tech-layer-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .products-page .vileda-product-image {
    height: clamp(210px, 68vw, 270px) !important;
  }

  .new-product-card .product-image-slot {
    height: clamp(210px, 68vw, 300px) !important;
  }

  .product-detail-page .product-gallery {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .product-detail-page .gallery-thumbs {
    order: 2 !important;
    width: 100% !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .product-detail-page .thumb-btn {
    width: 72px !important;
    height: 72px !important;
  }

  .product-detail-page .main-product-image {
    order: 1 !important;
  }

  .product-detail-page .main-product-image img {
    width: 100% !important;
    max-height: min(76vh, 520px) !important;
  }
}

/* The About visual intentionally layers imagery on desktop; make it a normal flow on phones. */
@media (max-width: 680px) {
  .about-page .about-visual {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 0 !important;
  }

  .about-page .about-main-img,
  .about-page .about-small-img,
  .about-page .about-floating-card {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  .about-page .about-main-img {
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
  }

  .about-page .about-small-img {
    width: min(100%, 260px) !important;
    justify-self: center !important;
    aspect-ratio: 1.2 / 1 !important;
    object-fit: cover !important;
  }

  .about-page .about-floating-card {
    justify-self: center !important;
  }
}

/* End v7.6.3 responsive media system. */


/* v7.6.4: keep the Products trigger and panel in one continuous hover corridor. */
@media (min-width: 681px) {
  .site-header .products-dropdown::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2999;
    width: 100vw;
    height: 18px;
    pointer-events: auto;
  }

  .site-header .products-dropdown:hover > .products-mega,
  .site-header .products-dropdown:focus-within > .products-mega {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .site-header .products-mega,
  .site-header .products-mega-panel {
    z-index: 3000;
  }
}

/* End v7.6.4 Products hover corridor fix. */

/* v7.6.7: ultra-wide desktop responsiveness.
 * The previous 1220px hard cap was visually correct on common desktop widths,
 * but on 2K/4K/ultra-wide displays it left the actual page content occupying
 * only a small island in the middle of the viewport. Keep the proven tablet /
 * mobile breakpoints unchanged and progressively widen the content canvas only
 * when there is genuinely more horizontal space available.
 */
@media (min-width: 1441px) {
  .container {
    width: clamp(1220px, 76vw, 2200px);
    max-width: none;
  }

  .container.nav,
  .site-header .container.nav {
    width: clamp(1220px, 82vw, 2360px);
    max-width: none;
  }

  .section {
    padding-top: clamp(82px, 4.2vw, 120px);
    padding-bottom: clamp(82px, 4.2vw, 120px);
  }

  .home-page .home-usmer-hero,
  .home-page .home-usmer-hero-inner {
    min-height: clamp(590px, 34vw, 820px);
  }

  .home-page .home-usmer-hero-copy {
    width: min(48%, 820px);
  }

  .home-page .home-usmer-hero-copy h1 {
    max-width: 820px;
    font-size: clamp(70px, 3.05vw, 92px);
  }

  .home-page .home-usmer-hero-copy p {
    max-width: 760px;
    font-size: clamp(16px, .72vw, 19px);
  }

  .home-page .home-usmer-hero-kicker {
    font-size: clamp(25px, 1.05vw, 32px);
  }

  .quick-item {
    padding: clamp(34px, 1.9vw, 52px) clamp(32px, 1.8vw, 50px);
  }

  .quick-item h3 {
    font-size: clamp(18px, .9vw, 22px);
  }

  .quick-item p {
    font-size: clamp(14px, .7vw, 17px);
  }

  .home-page .home-category-grid .gateway-card {
    grid-template-rows: clamp(220px, 12vw, 320px) 1fr;
  }

  .home-page .home-category-grid .gateway-card img {
    height: clamp(220px, 12vw, 320px);
  }

  .home-page .home-tech-reference-grid img {
    height: clamp(155px, 9vw, 240px);
  }

  .home-page .home-experience-grid,
  .home-page .home-responsible-grid {
    gap: clamp(70px, 4vw, 120px);
  }

  .home-page .home-experience h2,
  .home-page .home-tech-reference h2,
  .home-page .home-responsible-use h2,
  .home-page .home-resource-cta h2,
  .section h2 {
    font-size: clamp(38px, 2vw, 54px);
  }

  .footer-grid {
    gap: clamp(40px, 4vw, 100px);
  }
}

/* Very wide panels should still have comfortable edge breathing room rather
 * than becoming a literal full-bleed text layout. */
@media (min-width: 2880px) {
  .container {
    width: min(76vw, 2400px);
  }

  .container.nav,
  .site-header .container.nav {
    width: min(82vw, 2520px);
  }
}

/* v7.6.8: tablet + mobile breakpoint rebuild.
 * Goals: prevent the desktop nav from crowding medium screens, keep readable
 * line lengths/spacing, collapse visual grids before cards become cramped,
 * and remove horizontal overflow from common phone/tablet widths.
 */

/* Medium screens / tablets: switch to the compact navigation earlier. */
@media (max-width: 1180px) {
  .container,
  .container.nav,
  .site-header .container.nav {
    width: calc(100% - 40px) !important;
    max-width: none !important;
  }

  .site-header .container.nav {
    position: relative;
    min-height: 84px;
    height: 84px !important;
    gap: 14px;
  }

  .site-header .logo-wrap {
    max-width: min(220px, 35vw) !important;
  }

  .site-header .site-logo-img {
    max-width: min(200px, 34vw) !important;
    max-height: 60px !important;
  }

  .site-header .mobile-menu-toggle {
    display: inline-flex !important;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    position: relative;
    order: 3;
    cursor: pointer;
    border-radius: 8px;
  }

  .site-header .nav-tools {
    margin-left: auto !important;
    order: 2;
  }

  .site-header nav.menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 5000 !important;
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 96px);
    overflow-x: hidden;
    overflow-y: auto;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(12,45,82,.10) !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px;
    background: #fff !important;
    box-shadow: 0 22px 50px rgba(7,30,54,.16) !important;
    white-space: normal !important;
  }

  .site-header .nav-toggle:checked ~ nav.menu {
    display: flex !important;
  }

  .site-header nav.menu > a,
  .site-header nav.menu > .products-dropdown,
  .site-header .products-dropdown > a {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  .site-header nav.menu > a,
  .site-header .products-menu-link {
    min-height: 46px;
    padding: 13px 14px !important;
    align-items: center;
    font-size: 13px !important;
  }

  .site-header .products-dropdown {
    position: static !important;
    display: block !important;
    width: 100% !important;
  }

  .site-header .products-dropdown::after {
    display: none !important;
  }

  .site-header .products-mega {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .site-header .products-mega-panel {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    box-shadow: none !important;
  }

  .site-header .caridia-product-menu-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
  }

  .section {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .section h2,
  .home-page .home-experience h2,
  .home-page .home-tech-reference h2,
  .home-page .home-responsible-use h2,
  .home-page .home-resource-cta h2 {
    font-size: clamp(32px, 4.4vw, 42px) !important;
  }

  .home-page .home-usmer-hero,
  .home-page .home-usmer-hero-inner {
    min-height: 540px !important;
  }

  .home-page .home-usmer-hero-media {
    width: 58% !important;
  }

  .home-page .home-usmer-hero-media::after {
    background: linear-gradient(90deg,#f8fbfe 0%,rgba(248,251,254,.97) 30%,rgba(248,251,254,.64) 62%,rgba(248,251,254,.08) 100%) !important;
  }

  .home-page .home-usmer-hero-copy {
    width: 58% !important;
    max-width: 620px !important;
    padding: 42px 0 !important;
  }

  .home-page .home-usmer-hero-copy h1 {
    font-size: clamp(46px, 6vw, 60px) !important;
  }

  .quick-item {
    padding: 26px 22px !important;
  }

  .home-page .home-experience-grid,
  .home-page .home-responsible-grid {
    gap: 34px !important;
  }

  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 44px !important;
  }
}

/* Portrait tablets and large phones. */
@media (max-width: 900px) {
  .container,
  .container.nav,
  .site-header .container.nav {
    width: calc(100% - 32px) !important;
  }

  .site-header .catalog-link {
    display: none !important;
  }

  .home-page .home-usmer-hero,
  .home-page .home-usmer-hero-inner {
    min-height: 560px !important;
  }

  .home-page .home-usmer-hero-media {
    width: 100% !important;
    opacity: .46 !important;
  }

  .home-page .home-usmer-hero-media img {
    object-position: 64% center !important;
  }

  .home-page .home-usmer-hero-media::after {
    background: linear-gradient(90deg,rgba(248,251,254,.99) 0%,rgba(248,251,254,.92) 58%,rgba(248,251,254,.54) 100%) !important;
  }

  .home-page .home-usmer-hero-copy {
    width: min(100%, 650px) !important;
    max-width: 100% !important;
  }

  .home-page .home-usmer-hero-copy h1 {
    max-width: 590px !important;
    font-size: clamp(42px, 7.2vw, 56px) !important;
  }

  .home-page .home-usmer-hero-copy p {
    max-width: 580px !important;
  }

  .quick-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .quick-item {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--line) !important;
  }

  .quick-item:last-child {
    border-bottom: 0 !important;
  }

  .home-page .home-experience-grid,
  .home-page .home-responsible-grid,
  .tech-layout,
  .sustain-card,
  .res-layout,
  .split {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home-page .home-tech-reference-grid,
  .home-page .home-category-grid,
  .home-page .new-products-grid,
  .gateway-grid,
  .new-products-grid,
  .feature-grid,
  .innovation-grid,
  .industry-list,
  .products-v43 .vileda-product-grid,
  .products-page .vileda-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-page .home-resource-box {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }

  .page-hero {
    padding: 58px 0 !important;
  }

  .page-hero h1 {
    font-size: clamp(36px, 6vw, 46px) !important;
  }
}

/* Phones: one-column, touch-friendly layout. */
@media (max-width: 680px) {
  .container,
  .container.nav,
  .site-header .container.nav {
    width: calc(100% - 24px) !important;
  }

  .site-header .container.nav {
    min-height: 72px;
    height: 72px !important;
  }

  .site-header .logo-wrap {
    max-width: min(174px, 48vw) !important;
  }

  .site-header .site-logo-img {
    max-width: min(166px, 46vw) !important;
    max-height: 50px !important;
  }

  .site-header .mobile-menu-toggle {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  .site-header .nav-tools {
    gap: 8px !important;
  }

  .site-header .lang {
    font-size: 11px !important;
  }

  .site-header nav.menu {
    left: -12px !important;
    right: -12px !important;
    width: calc(100% + 24px) !important;
    max-width: calc(100% + 24px) !important;
    max-height: calc(100vh - 72px) !important;
    padding: 10px 12px 16px !important;
    border-radius: 0 0 12px 12px !important;
  }

  .site-header .caridia-product-menu-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .section-head,
  .split-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
  }

  .section h2,
  .home-page .home-experience h2,
  .home-page .home-tech-reference h2,
  .home-page .home-responsible-use h2,
  .home-page .home-resource-cta h2 {
    font-size: clamp(28px, 8vw, 36px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.02em !important;
  }

  .eyebrow {
    font-size: 10px !important;
    letter-spacing: .22em !important;
  }

  .home-page .home-usmer-hero,
  .home-page .home-usmer-hero-inner {
    min-height: 0 !important;
  }

  .home-page .home-usmer-hero-inner {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  .home-page .home-usmer-hero-media {
    width: 100% !important;
    opacity: .34 !important;
  }

  .home-page .home-usmer-hero-media img {
    object-position: 69% center !important;
  }

  .home-page .home-usmer-hero-media::after {
    background: linear-gradient(90deg,rgba(248,251,254,1) 0%,rgba(248,251,254,.93) 74%,rgba(248,251,254,.76) 100%) !important;
  }

  .home-page .home-usmer-hero-copy {
    width: 100% !important;
    padding: 0 !important;
  }

  .home-page .home-usmer-hero-rule {
    width: 180px !important;
    max-width: 58% !important;
    margin: 13px 0 15px !important;
  }

  .home-page .home-usmer-hero-kicker {
    margin-bottom: 16px !important;
    font-size: clamp(15px, 5vw, 19px) !important;
    letter-spacing: .15em !important;
  }

  .home-page .home-usmer-hero-copy h1 {
    margin-bottom: 20px !important;
    font-size: clamp(34px, 10.5vw, 46px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
  }

  .home-page .home-usmer-hero-copy p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  .home-page .home-usmer-hero-actions,
  .home-page .home-resource-actions,
  .btns,
  .sustain-actions,
  .caridia-tech-actions {
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .home-page .home-usmer-btn,
  .home-page .home-flow-btn,
  .btns .btn,
  .sustain-actions .btn,
  .caridia-tech-actions .btn {
    width: 100% !important;
    min-height: 48px !important;
  }

  .home-page .home-category-grid,
  .home-page .new-products-grid,
  .home-page .home-tech-reference-grid,
  .gateway-grid,
  .new-products-grid,
  .feature-grid,
  .innovation-grid,
  .industry-list,
  .products-v43 .vileda-product-grid,
  .products-page .vileda-product-grid,
  .caridia-collection-grid,
  .caridia-application-grid,
  .caridia-process-grid,
  .caridia-letter-grid,
  .caridia-tech-layer-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home-page .home-category-grid .gateway-card {
    grid-template-rows: clamp(190px, 58vw, 250px) 1fr !important;
  }

  .home-page .home-category-grid .gateway-card img {
    height: clamp(190px, 58vw, 250px) !important;
  }

  .home-page .home-tech-reference-grid img {
    height: clamp(180px, 54vw, 240px) !important;
  }

  .home-page .home-resource-box,
  .sustain-card,
  .contact-box,
  .brochure {
    padding: 24px 20px !important;
  }

  .footer {
    padding: 38px 0 24px !important;
  }

  .footer-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 30px !important;
    text-align: left !important;
  }

  .footer-grid > div:first-child .social-links {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .footer-logo {
    width: min(180px, 58vw) !important;
  }

  .footer-bottom {
    margin-top: 30px !important;
    padding-top: 20px !important;
    font-size: 12px !important;
  }

  .page-hero {
    padding: 42px 0 !important;
  }

  .page-hero h1 {
    margin: 10px 0 14px !important;
    font-size: clamp(32px, 9.2vw, 40px) !important;
    line-height: 1.05 !important;
  }

  .page-hero p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  input,
  select,
  textarea,
  button {
    font-size: 16px !important;
  }

  iframe,
  table {
    max-width: 100% !important;
  }

  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Small phones: reduce side chrome and avoid oversized cards/headings. */
@media (max-width: 420px) {
  .container,
  .container.nav,
  .site-header .container.nav {
    width: calc(100% - 20px) !important;
  }

  .site-header .site-logo-img {
    max-width: min(148px, 44vw) !important;
  }

  .section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .quick-item {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 22px 14px !important;
  }

  .quick-item i,
  .tech-mini-grid i {
    width: 48px !important;
    height: 48px !important;
    font-size: 22px !important;
  }

  .home-page .home-resource-box,
  .sustain-card,
  .contact-box,
  .brochure {
    padding: 20px 16px !important;
  }

  .home-page .home-usmer-hero-copy h1 {
    font-size: clamp(31px, 10.2vw, 40px) !important;
  }
}

/* End v7.6.8 tablet + mobile breakpoint rebuild. */

/* v7.6.8 hamburger state also applies to 1041-1180px tablets. */
@media (max-width: 1180px) {
  .site-header .nav-toggle:checked + .mobile-menu-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .site-header .nav-toggle:checked + .mobile-menu-toggle span:nth-child(2) {
    opacity: 0;
  }
  .site-header .nav-toggle:checked + .mobile-menu-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }
}

/* v7.6.9: large-screen subpage canvas + homepage image clarity.
 * Large desktop/2K/4K displays need a genuinely wider content canvas. The
 * earlier 76vw rule still left Technology and Industries looking like a
 * narrow centered mock-up. Mobile/tablet rules below 1180px remain intact.
 */
@media (min-width: 1441px) {
  .container {
    width: clamp(1280px, 88vw, 2400px) !important;
    max-width: none !important;
  }

  .site-header .container.nav,
  .container.nav {
    width: clamp(1280px, 92vw, 2520px) !important;
    max-width: none !important;
  }

  /* Standard subpage hero bands (Technology etc.). */
  .page-hero > .container,
  .standard-page-hero > .container {
    width: clamp(1280px, 88vw, 2400px) !important;
    max-width: none !important;
  }

  .page-hero h1 {
    font-size: clamp(42px, 2.15vw, 58px) !important;
  }

  .page-hero p {
    max-width: min(62vw, 1180px) !important;
    font-size: clamp(16px, .82vw, 20px) !important;
  }

  /* Technology: remove the hidden desktop width bottlenecks. */
  .tech-page .caridia-tech-intro-grid {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) !important;
    gap: clamp(56px, 4.5vw, 120px) !important;
  }

  .tech-page .caridia-tech-copy {
    width: 100% !important;
    max-width: 820px !important;
  }

  .tech-page .caridia-tech-intro-media {
    width: 100% !important;
    max-width: none !important;
  }

  .tech-page .caridia-tech-section-head {
    max-width: 1080px !important;
  }

  .tech-page .caridia-tech-layer-grid {
    width: 100% !important;
    max-width: none !important;
    gap: clamp(24px, 1.5vw, 38px) !important;
  }

  .tech-page .caridia-tech-layer-card {
    grid-template-columns: minmax(0, 44%) minmax(0, 56%) !important;
    min-height: clamp(300px, 18vw, 430px) !important;
  }

  .tech-page .caridia-tech-layer-media,
  .tech-page .caridia-tech-layer-media img {
    min-height: clamp(300px, 18vw, 430px) !important;
    height: 100% !important;
  }

  .tech-page .caridia-tech-layer-copy {
    padding: clamp(38px, 2.5vw, 64px) !important;
  }

  .tech-page .caridia-application-grid {
    gap: clamp(18px, 1.25vw, 30px) !important;
  }

  /* Industries: full-width hero/container and cards that scale with canvas. */
  .sector-hero .sector-hero-wrap,
  .page-hero.sector-hero .sector-hero-wrap {
    width: clamp(1280px, 88vw, 2400px) !important;
    max-width: none !important;
  }

  #sektor-kartlari > .container,
  #sektor-kartlari .container {
    width: clamp(1280px, 88vw, 2400px) !important;
    max-width: none !important;
  }

  #sektor-kartlari .industry-grid {
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(24px, 1.5vw, 40px) !important;
  }

  #sektor-kartlari .industry-img {
    height: clamp(250px, 15vw, 390px) !important;
  }

  #sektor-kartlari .industry-body {
    padding: clamp(28px, 1.8vw, 46px) !important;
  }

  #sektor-kartlari .lead-title {
    font-size: clamp(38px, 2.3vw, 62px) !important;
  }
}

/* Homepage industry/application cards: remove the dark image veil completely.
 * Keep text readable with a restrained shadow instead of tinting the photo. */
.home-page .home-category-grid .gateway-card::after,
.home-page .home-category-grid .gateway-card:after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

.home-page .home-category-grid .gateway-card img {
  filter: none !important;
  opacity: 1 !important;
}

.home-page .home-category-grid .gateway-card h3,
.home-page .home-category-grid .gateway-card p {
  text-shadow: 0 1px 2px rgba(0,0,0,.28) !important;
}

/* End v7.6.9 */

/* v7.6.10: Technology page desktop alignment correction.
 * Keep the Technology intro and subsequent section canvases on the same
 * horizontal axis as the Technology hero and the other subpages.
 */
@media (min-width: 1041px) and (max-width: 1440px) {
  body.tech-page .caridia-tech-intro > .container.caridia-tech-intro-grid,
  body.tech-page .caridia-tech-layers > .container,
  body.tech-page .caridia-tech-applications > .container,
  body.tech-page .caridia-tech-selection > .container {
    box-sizing: border-box !important;
    width: 92% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.tech-page .caridia-tech-intro-grid {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
    gap: clamp(42px, 4vw, 64px) !important;
  }

  body.tech-page .caridia-tech-copy {
    width: 100% !important;
    max-width: 650px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1441px) {
  body.tech-page .caridia-tech-intro > .container.caridia-tech-intro-grid,
  body.tech-page .caridia-tech-layers > .container,
  body.tech-page .caridia-tech-applications > .container,
  body.tech-page .caridia-tech-selection > .container {
    box-sizing: border-box !important;
    width: clamp(1280px, 88vw, 2400px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.tech-page .caridia-tech-copy {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* End v7.6.10 */

/* v7.6.11: Products mega-menu readability and desktop scale.
 * The product names and descriptions should be as legible as the primary nav,
 * especially on Full HD / 2K / 4K displays. Tablet/mobile menu behavior is unchanged.
 */
@media (min-width: 1041px) {
  .products-dropdown .products-mega.caridia-product-menu {
    width: min(1320px, calc(100vw - 64px)) !important;
  }

  .caridia-product-menu .products-mega-panel {
    padding: clamp(30px, 2vw, 42px) !important;
  }

  .caridia-product-menu .product-menu-all {
    padding-bottom: 22px !important;
    margin-bottom: 22px !important;
    font-size: clamp(18px, 1.05vw, 22px) !important;
    line-height: 1.25 !important;
  }

  .caridia-product-menu .product-menu-all span {
    font-size: clamp(14px, .8vw, 17px) !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
  }

  .caridia-product-menu-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: clamp(30px, 3vw, 58px) !important;
    row-gap: clamp(16px, 1.5vw, 26px) !important;
  }

  .caridia-product-menu-grid a {
    min-height: 74px !important;
    padding: 12px 0 !important;
    justify-content: flex-start !important;
  }

  .caridia-product-menu-grid strong {
    font-size: clamp(18px, 1.05vw, 22px) !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    letter-spacing: -.015em !important;
  }

  .caridia-product-menu-grid span {
    margin-top: 6px !important;
    font-size: clamp(14px, .82vw, 17px) !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
    color: #60758a !important;
  }
}
/* End v7.6.11 */

/* v7.6.12: Homepage application cards — move copy below the photograph.
 * Photos stay clean and unobscured; content becomes a dedicated white panel
 * for stronger readability and a calmer, more premium card layout.
 */
.home-page .home-category-grid .gateway-card {
  display: grid !important;
  grid-template-rows: clamp(250px, 20vw, 380px) auto !important;
  min-height: 0 !important;
  height: 100% !important;
  background: #fff !important;
  color: #071e36 !important;
  border: 1px solid #dfe8ef !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 48px rgba(7,30,54,.10) !important;
}

.home-page .home-category-grid .gateway-card img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}

.home-page .home-category-grid .gateway-card > div {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 210px !important;
  padding: clamp(24px, 1.7vw, 34px) !important;
  background: #fff !important;
  color: #071e36 !important;
}

.home-page .home-category-grid .gateway-card h3 {
  margin: 0 0 12px !important;
  color: #071e36 !important;
  font-size: clamp(22px, 1.3vw, 29px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.025em !important;
  text-shadow: none !important;
}

.home-page .home-category-grid .gateway-card p {
  margin: 0 !important;
  color: #526a80 !important;
  font-size: clamp(15px, .86vw, 18px) !important;
  line-height: 1.6 !important;
  text-shadow: none !important;
}

.home-page .home-category-grid .gateway-card span {
  display: inline-flex !important;
  align-items: center !important;
  margin-top: auto !important;
  padding-top: 22px !important;
  color: #0e86cf !important;
  font-size: clamp(12px, .72vw, 15px) !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  letter-spacing: 2.2px !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

.home-page .home-category-grid .gateway-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 58px rgba(7,30,54,.14) !important;
}

@media (max-width: 1100px) {
  .home-page .home-category-grid .gateway-card {
    grid-template-rows: clamp(220px, 34vw, 320px) auto !important;
  }
  .home-page .home-category-grid .gateway-card > div {
    min-height: 190px !important;
  }
}

@media (max-width: 720px) {
  .home-page .home-category-grid .gateway-card {
    grid-template-rows: clamp(210px, 60vw, 290px) auto !important;
  }
  .home-page .home-category-grid .gateway-card > div {
    min-height: 0 !important;
    padding: 22px 20px 24px !important;
  }
  .home-page .home-category-grid .gateway-card h3 {
    font-size: clamp(21px, 6vw, 26px) !important;
  }
  .home-page .home-category-grid .gateway-card p {
    font-size: 15px !important;
  }
}
/* End v7.6.12 */

/* v7.6.13: Products mega-menu typography balance.
 * Keep submenu clearly readable without visually overpowering the primary navigation.
 * Desktop only; tablet/mobile behavior remains unchanged.
 */
@media (min-width: 1041px) {
  .products-dropdown .products-mega.caridia-product-menu {
    width: min(1260px, calc(100vw - 64px)) !important;
  }

  .caridia-product-menu .products-mega-panel {
    padding: clamp(25px, 1.55vw, 34px) !important;
  }

  .caridia-product-menu .product-menu-all {
    padding-bottom: 17px !important;
    margin-bottom: 17px !important;
    font-size: clamp(15px, .76vw, 17px) !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
  }

  .caridia-product-menu .product-menu-all span {
    font-size: clamp(12px, .62vw, 14px) !important;
    line-height: 1.4 !important;
    font-weight: 550 !important;
  }

  .caridia-product-menu-grid {
    column-gap: clamp(24px, 2.2vw, 42px) !important;
    row-gap: clamp(10px, .9vw, 18px) !important;
  }

  .caridia-product-menu-grid a {
    min-height: 58px !important;
    padding: 8px 0 !important;
  }

  .caridia-product-menu-grid strong {
    font-size: clamp(15px, .76vw, 17px) !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
  }

  .caridia-product-menu-grid span {
    margin-top: 4px !important;
    font-size: clamp(12px, .62vw, 14px) !important;
    line-height: 1.38 !important;
    font-weight: 550 !important;
    color: #66798c !important;
  }
}
/* End v7.6.13 */

/* v7.6.17 — Homepage corporate typography system.
   Aligns section copy with the Featured Microfibre Products card language while
   preserving the hero as a separate display hierarchy. */
.home-page {
  --caridia-home-title-size: clamp(32px, 2.35vw, 42px);
  --caridia-home-title-line: 1.10;
  --caridia-home-card-title-size: 18px;
  --caridia-home-copy-size: 15px;
  --caridia-home-copy-line: 1.62;
  --caridia-home-copy-weight: 500;
  --caridia-home-copy-color: #536a80;
  --caridia-home-lead-color: #183e5e;
}

/* One section-heading scale across the homepage (hero excluded). */
.home-page .caridia-featured h2,
.home-page .home-experience h2,
.home-page .home-tech-reference h2,
.home-page .home-responsible-use h2,
.home-page .home-resource-cta h2 {
  font-family: Inter, Arial, sans-serif !important;
  font-size: var(--caridia-home-title-size) !important;
  line-height: var(--caridia-home-title-line) !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  color: #071e36 !important;
}

/* Shared corporate body-copy treatment. This intentionally makes
   “Our approach starts with the surface …” match Featured product copy. */
.home-page .caridia-featured-intro,
.home-page .new-product-card .product-text-slot p,
.home-page .home-experience p:not(.home-lead),
.home-page .home-tech-reference .section-head > p,
.home-page .home-tech-reference-grid p,
.home-page .home-responsible-use p,
.home-page .home-resource-cta p {
  font-family: Inter, Arial, sans-serif !important;
  font-size: var(--caridia-home-copy-size) !important;
  line-height: var(--caridia-home-copy-line) !important;
  font-weight: var(--caridia-home-copy-weight) !important;
  letter-spacing: 0 !important;
  color: var(--caridia-home-copy-color) !important;
}

/* Product-card headings and other content-card headings share one level. */
.home-page .new-product-card .product-text-slot h3,
.home-page .home-tech-reference-grid h3,
.home-page .home-responsible-principles h3 {
  font-family: Inter, Arial, sans-serif !important;
  font-size: var(--caridia-home-card-title-size) !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
  color: #123653 !important;
}

/* Lead copy remains one deliberate emphasis level—not a different font system. */
.home-page .home-experience .home-lead {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: var(--caridia-home-lead-color) !important;
}

/* Eyebrows use one consistent small-caps rhythm. */
.home-page .eyebrow,
.home-page .caridia-section-mark + h2::before {
  font-family: Inter, Arial, sans-serif;
}
.home-page .eyebrow {
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .22em !important;
}

@media (max-width: 900px) {
  .home-page {
    --caridia-home-title-size: clamp(28px, 5.8vw, 36px);
    --caridia-home-card-title-size: 17px;
    --caridia-home-copy-size: 14.5px;
  }
}

@media (max-width: 680px) {
  .home-page {
    --caridia-home-title-size: clamp(27px, 8vw, 34px);
    --caridia-home-card-title-size: 17px;
    --caridia-home-copy-size: 14px;
    --caridia-home-copy-line: 1.60;
  }
  .home-page .home-experience .home-lead {
    font-size: 15px !important;
  }
}

/* v7.6.18 — Homepage application section corporate typography alignment.
   Brings the Solutions by Application block into the same visual system as
   Featured Microfibre Products and the rest of the homepage. */
.home-page .product-gateway .section-head h2 {
  font-family: Inter, Arial, sans-serif !important;
  font-size: var(--caridia-home-title-size) !important;
  line-height: var(--caridia-home-title-line) !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  color: #071e36 !important;
  margin: 12px 0 0 !important;
}

.home-page .product-gateway .section-head .text-link {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: #0e86cf !important;
  white-space: nowrap;
  padding-bottom: 3px;
}

.home-page .home-category-grid .gateway-card > div {
  min-height: 178px !important;
  padding: 24px 26px 25px !important;
}

.home-page .home-category-grid .gateway-card h3 {
  font-family: Inter, Arial, sans-serif !important;
  font-size: var(--caridia-home-card-title-size) !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
  color: #123653 !important;
  margin: 0 0 8px !important;
}

.home-page .home-category-grid .gateway-card p {
  font-family: Inter, Arial, sans-serif !important;
  font-size: var(--caridia-home-copy-size) !important;
  line-height: var(--caridia-home-copy-line) !important;
  font-weight: var(--caridia-home-copy-weight) !important;
  letter-spacing: 0 !important;
  color: var(--caridia-home-copy-color) !important;
  margin: 0 !important;
}

.home-page .home-category-grid .gateway-card span {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #0e86cf !important;
  padding-top: 16px !important;
}

@media (max-width: 900px) {
  .home-page .product-gateway .section-head {
    align-items: flex-start !important;
  }
  .home-page .home-category-grid .gateway-card > div {
    min-height: 165px !important;
    padding: 22px 22px 23px !important;
  }
  .home-page .home-category-grid .gateway-card span {
    font-size: 13.5px !important;
  }
}

@media (max-width: 680px) {
  .home-page .product-gateway .section-head .text-link {
    font-size: 13.5px !important;
  }
  .home-page .home-category-grid .gateway-card > div {
    min-height: 0 !important;
    padding: 21px 20px 22px !important;
  }
  .home-page .home-category-grid .gateway-card span {
    padding-top: 14px !important;
  }
}
/* End v7.6.18 */

/* v7.6.19 — Featured product image canvas normalization.
   Use the same soft product-photo background behind every image so landscape
   assets do not reveal white side gutters inside the image slot. */
.home-page .caridia-featured .new-product-card .product-image-slot,
.home-page .caridia-featured .new-product-card.featured-product .product-image-slot,
.home-page .caridia-featured .new-product-card.featured-fit-image .product-image-slot {
  background: #F4F8FC !important;
  background-color: #F4F8FC !important;
  background-image: none !important;
  border-color: #e3ebf2 !important;
}

.home-page .caridia-featured .new-product-card .product-image-slot img,
.home-page .caridia-featured .new-product-card.featured-product .product-image-slot img,
.home-page .caridia-featured .new-product-card.featured-fit-image .product-image-slot img {
  background: #F4F8FC !important;
  background-color: #F4F8FC !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.home-page .caridia-featured .new-product-card:hover .product-image-slot,
.home-page .caridia-featured .new-product-card:focus .product-image-slot {
  background: #F4F8FC !important;
  background-color: #F4F8FC !important;
}
/* End v7.6.19 */

/* v7.6.21 — Homepage responsible-use tone + featured image scale + Products card background consistency. */

/* 1) Responsible Use: restore the intended deep corporate navy treatment.
   v7.6.17 typography rules had unintentionally forced dark text over this dark panel. */
.home-page .home-responsible-use {
  background: #08243E !important;
  background-color: #08243E !important;
  color: #ffffff !important;
}
.home-page .home-responsible-use .eyebrow {
  color: #57D7C2 !important;
}
.home-page .home-responsible-use h2 {
  color: #ffffff !important;
}
.home-page .home-responsible-use > .container > div > p,
.home-page .home-responsible-use .home-responsible-grid > div:first-child > p {
  color: #D7E6F0 !important;
}
.home-page .home-responsible-principles {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}
.home-page .home-responsible-principles article {
  min-height: 0 !important;
  padding: 20px 24px !important;
  border: 1px solid rgba(184, 214, 232, .20) !important;
  border-radius: 14px !important;
  background: #1A344C !important;
  background-color: #1A344C !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0,1fr) !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 18px !important;
  align-items: center !important;
}
.home-page .home-responsible-principles article::before {
  content: "";
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: #E8F2FA !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
.home-page .home-responsible-principles b {
  grid-column: 2 !important;
  grid-row: 1 !important;
  color: #56D8FF !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  margin: 0 0 3px !important;
}
.home-page .home-responsible-principles h3 {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 0 3px !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}
.home-page .home-responsible-principles p {
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin: 0 !important;
  color: #D7E6F0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}
.home-page .home-responsible-use .home-flow-btn-light {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(192, 219, 235, .35) !important;
  box-shadow: none !important;
}
.home-page .home-responsible-use .home-flow-btn-light:hover,
.home-page .home-responsible-use .home-flow-btn-light:focus {
  background: rgba(255,255,255,.07) !important;
  color: #ffffff !important;
}

/* 2) Featured products: keep all four product visuals modest, centered and aligned.
   This returns the calmer, more premium proportion from the earlier homepage layout. */
.home-page .caridia-featured .new-product-card .product-image-slot {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px 22px !important;
  box-sizing: border-box !important;
}
.home-page .caridia-featured .new-product-card .product-image-slot img,
.home-page .caridia-featured .new-product-card.featured-product .product-image-slot img,
.home-page .caridia-featured .new-product-card.featured-fit-image .product-image-slot img {
  width: auto !important;
  height: auto !important;
  max-width: 78% !important;
  max-height: 78% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: auto !important;
  transform: none !important;
}
.home-page .caridia-featured .featured-platin .product-image-slot img {
  max-width: 68% !important;
  max-height: 82% !important;
}
.home-page .caridia-featured .featured-multi40 .product-image-slot img {
  max-width: 66% !important;
  max-height: 76% !important;
}
.home-page .caridia-featured .featured-active .product-image-slot img {
  max-width: 72% !important;
  max-height: 74% !important;
}

/* 3) Products page: Kristal, Multi 40 and Velvet should use the same clean white
   product-photo canvas requested for these cards. */
.products-page.products-v43 .caridia-collection-card.card-kristal .vileda-product-image,
.products-page.products-v43 .caridia-collection-card.card-multi-40-multi-surface-cloth .vileda-product-image,
.products-page.products-v43 .caridia-collection-card.card-kadife-xl .vileda-product-image,
.products-page.products-v43 .caridia-collection-card.card-kristal:hover .vileda-product-image,
.products-page.products-v43 .caridia-collection-card.card-multi-40-multi-surface-cloth:hover .vileda-product-image,
.products-page.products-v43 .caridia-collection-card.card-kadife-xl:hover .vileda-product-image {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
.products-page.products-v43 .caridia-collection-card.card-kristal .vileda-product-image img,
.products-page.products-v43 .caridia-collection-card.card-multi-40-multi-surface-cloth .vileda-product-image img,
.products-page.products-v43 .caridia-collection-card.card-kadife-xl .vileda-product-image img {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

@media (max-width: 900px) {
  .home-page .home-responsible-principles article {
    grid-template-columns: 46px minmax(0,1fr) !important;
    column-gap: 15px !important;
    padding: 18px 20px !important;
  }
  .home-page .home-responsible-principles article::before {
    width: 46px !important;
    height: 46px !important;
  }
  .home-page .caridia-featured .new-product-card .product-image-slot img,
  .home-page .caridia-featured .new-product-card.featured-product .product-image-slot img,
  .home-page .caridia-featured .new-product-card.featured-fit-image .product-image-slot img {
    max-width: 74% !important;
    max-height: 76% !important;
  }
}

@media (max-width: 680px) {
  .home-page .home-responsible-grid {
    gap: 28px !important;
  }
  .home-page .home-responsible-principles article {
    padding: 16px 17px !important;
  }
  .home-page .caridia-featured .new-product-card .product-image-slot {
    padding: 16px !important;
  }
}
/* End v7.6.21 */

/* v7.6.21 — Kristal detail image canvas unified with the product-detail page.
   The source photographs also use the same #F4F8FC canvas so no differently
   tinted rectangle is visible around the product on desktop or responsive sizes. */
body.kristal-detail-page,
body.kristal-detail-page main,
body.kristal-detail-page .product-detail-hero,
body.kristal-detail-page .product-detail-hero > .container,
body.kristal-detail-page .product-detail-grid,
body.kristal-detail-page .product-gallery,
body.kristal-detail-page .gallery-thumbs,
body.kristal-detail-page .main-product-image,
body.kristal-detail-page .thumb-btn,
body.kristal-detail-page .thumb-btn.active {
  background: #F4F8FC !important;
  background-color: #F4F8FC !important;
  background-image: none !important;
}
body.kristal-detail-page .main-product-image,
body.kristal-detail-page .thumb-btn {
  border-color: transparent !important;
  box-shadow: none !important;
}
body.kristal-detail-page .main-product-image img,
body.kristal-detail-page .thumb-btn img {
  background: #F4F8FC !important;
  background-color: #F4F8FC !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
/* End v7.6.21 */

/* v7.6.22 Products collection: Velvet / Multi 40 / Kristal use the same clean white image field as the rest of the collection. */
body.products-page.products-v43 .card-kadife-xl .vileda-product-image,body.products-page.products-v43 .card-multi-40-multi-surface-cloth .vileda-product-image,body.products-page.products-v43 .card-kristal .vileda-product-image{background:#fff!important;background-color:#fff!important;background-image:none!important}
body.products-page.products-v43 .card-kadife-xl .vileda-product-image img,body.products-page.products-v43 .card-multi-40-multi-surface-cloth .vileda-product-image img,body.products-page.products-v43 .card-kristal .vileda-product-image img{background:#fff!important;background-color:#fff!important;background-image:none!important;mix-blend-mode:normal!important;filter:none!important}

/* v7.6.23 — Responsible Use desktop layout restored to the cleaner corporate
   three-card composition approved for the homepage. */
.home-page .home-responsible-use {
  background: #0b3557 !important;
  background-color: #0b3557 !important;
  color: #ffffff !important;
}
.home-page .home-responsible-use .eyebrow {
  color: #75d9c3 !important;
}
.home-page .home-responsible-use h2 {
  color: #ffffff !important;
}
.home-page .home-responsible-use .home-responsible-grid > div:first-child > p {
  color: #dbeaf3 !important;
}
.home-page .home-responsible-use .home-flow-btn-light {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #08243e !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  box-shadow: none !important;
}
.home-page .home-responsible-use .home-flow-btn-light:hover,
.home-page .home-responsible-use .home-flow-btn-light:focus {
  background: #f3f8fb !important;
  color: #08243e !important;
}

@media (min-width: 901px) {
  .home-page .home-responsible-grid {
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr) !important;
    gap: clamp(62px, 4vw, 96px) !important;
    align-items: center !important;
  }
  .home-page .home-responsible-principles {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 12px !important;
  }
  .home-page .home-responsible-principles article {
    display: block !important;
    min-height: 178px !important;
    padding: 22px 22px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.07) !important;
    background-color: rgba(255,255,255,.07) !important;
  }
  .home-page .home-responsible-principles article::before {
    content: none !important;
    display: none !important;
  }
  .home-page .home-responsible-principles b {
    display: block !important;
    color: #5bd1b5 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }
  .home-page .home-responsible-principles h3 {
    margin: 28px 0 9px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
  }
  .home-page .home-responsible-principles p {
    margin: 0 !important;
    color: #dbeaf3 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
  }
}

@media (max-width: 900px) {
  .home-page .home-responsible-principles article::before {
    content: none !important;
    display: none !important;
  }
  .home-page .home-responsible-principles article {
    display: block !important;
    padding: 20px !important;
  }
  .home-page .home-responsible-principles h3 {
    margin: 14px 0 7px !important;
  }
}
/* End v7.6.23 */

/* v7.6.24 — Featured Active image slot: remove the stray dark focus/border frame.
   Keep the visual identical in normal, hover, focus and active states. */
.home-page .caridia-featured .featured-active .product-image-slot,
.home-page .caridia-featured .featured-active:hover .product-image-slot,
.home-page .caridia-featured .featured-active:focus .product-image-slot,
.home-page .caridia-featured .featured-active:focus-visible .product-image-slot,
.home-page .caridia-featured .featured-active:active .product-image-slot {
  background: #F4F8FC !important;
  background-color: #F4F8FC !important;
  background-image: none !important;
  border: 1px solid #e3ebf2 !important;
  outline: none !important;
  box-shadow: none !important;
}
.home-page .caridia-featured .featured-active,
.home-page .caridia-featured .featured-active:hover,
.home-page .caridia-featured .featured-active:focus,
.home-page .caridia-featured .featured-active:focus-visible,
.home-page .caridia-featured .featured-active:active {
  outline: none !important;
}
.home-page .caridia-featured .featured-active .product-image-slot img,
.home-page .caridia-featured .featured-active:hover .product-image-slot img,
.home-page .caridia-featured .featured-active:focus .product-image-slot img,
.home-page .caridia-featured .featured-active:focus-visible .product-image-slot img,
.home-page .caridia-featured .featured-active:active .product-image-slot img {
  background: #F4F8FC !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
}
/* End v7.6.24 */