/*
 * GK-ODOO-WEB01 v19.0.0.6.5
 * FINAL header/footer type override for the isolated Medici-style website.
 * This stylesheet is linked LAST, AFTER reference_polish.css & new_products.css.
 * No global bundle registration and no effects on old DaisanTiles website.
 */
#wrapwrap .ref-header .ref-header-inner {
  min-height: 128px;
  gap: clamp(14px, 1.7vw, 30px);
}
#wrapwrap .ref-header .ref-logo {
  font-size: 32px !important;
  font-weight: 700;
  letter-spacing: .035em;
  line-height: 1.12;
}
#wrapwrap .ref-header .ref-header-top,
#wrapwrap .ref-header .ref-header-top > span {
  font-size: 17px !important;
  font-weight: 500;
  line-height: 1.42;
}
#wrapwrap .ref-header .ref-header-top { height: 55px; }
#wrapwrap .ref-header .ref-nav {
  height: 64px;
  gap: clamp(8px, 1vw, 17px);
}
#wrapwrap .ref-header .ref-nav > a,
#wrapwrap .ref-header .ref-nav-products > a {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.4;
  letter-spacing: 0;
}
#wrapwrap .ref-header .ref-subnav a {
  font-size: 17px !important;
  line-height: 1.6;
}
#wrapwrap .ref-header-search {
  min-height: 44px;
}
#wrapwrap .ref-header-search input,
#wrapwrap .ref-header-search button {
  font-size: 16px !important;
}
#wrapwrap .ref-footer {
  padding-top: 92px;
}
#wrapwrap .ref-footer-grid > div {
  gap: 17px;
  min-width: 0;
}
#wrapwrap .ref-footer h2 {
  font-size: 42px !important;
  font-weight: 700;
  line-height: 1.18;
}
#wrapwrap .ref-footer h3 {
  font-size: 21px !important;
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: .02em;
}
#wrapwrap .ref-footer p,
#wrapwrap .ref-footer a,
#wrapwrap .ref-footer .ref-footer-cta {
  font-size: 17px !important;
  line-height: 1.75;
}
#wrapwrap .ref-footer-bottom,
#wrapwrap .ref-footer-bottom span,
#wrapwrap .ref-footer-bottom a {
  font-size: 16px !important;
}
#wrapwrap .ref-copyright {
  font-size: 15px !important;
}
/* Keep the large navigation legible without collisions at laptop widths. */
@media (max-width: 1500px) and (min-width: 1281px) {
  #wrapwrap .ref-header .ref-logo { font-size: 28px !important; }
  #wrapwrap .ref-header .ref-nav { gap: 10px; }
  #wrapwrap .ref-header .ref-nav > a,
  #wrapwrap .ref-header .ref-nav-products > a { font-size: 16px !important; }
}
@media (max-width: 1280px) {
  #wrapwrap .ref-header .ref-header-inner { min-height: 114px; gap: 12px; }
  #wrapwrap .ref-header .ref-logo { font-size: 24px !important; }
  #wrapwrap .ref-header .ref-header-top,
  #wrapwrap .ref-header .ref-header-top > span { font-size: 15px !important; }
  #wrapwrap .ref-header .ref-header-top { height: 50px; }
  #wrapwrap .ref-header .ref-nav { height: 57px; gap: 8px; }
  #wrapwrap .ref-header .ref-nav > a,
  #wrapwrap .ref-header .ref-nav-products > a { font-size: clamp(13px, 1.15vw, 15.5px) !important; }
  #wrapwrap .ref-footer h2 { font-size: 37px !important; }
  #wrapwrap .ref-footer h3 { font-size: 19px !important; }
  #wrapwrap .ref-footer p,
  #wrapwrap .ref-footer a { font-size: 16px !important; }
}
@media (max-width: 1000px) {
  #wrapwrap .ref-header .ref-header-inner { min-height: 76px; align-items: center; }
  #wrapwrap .ref-header .ref-logo { font-size: 25px !important; margin-bottom: 0; }
  #wrapwrap .ref-header .ref-header-top { height: auto; padding-bottom: 20px; }
  #wrapwrap .ref-header .ref-header-top > span { font-size: 15px !important; }
  #wrapwrap .ref-header .ref-nav { height: auto; gap: 0; }
  #wrapwrap .ref-header .ref-nav > a,
  #wrapwrap .ref-header .ref-nav-products > a {
    font-size: 20px !important;
    line-height: 1.45;
  }
  #wrapwrap .ref-header .ref-subnav a { font-size: 18px !important; }
  #wrapwrap .ref-header-search { width: 100%; }
  #wrapwrap .ref-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  #wrapwrap .ref-header .ref-header-inner { min-height: 66px; }
  #wrapwrap .ref-header .ref-logo { font-size: 22px !important; }
  #wrapwrap .ref-header .ref-nav > a,
  #wrapwrap .ref-header .ref-nav-products > a { font-size: 19px !important; }
  #wrapwrap .ref-header .ref-subnav a { font-size: 17px !important; }
  #wrapwrap .ref-header .ref-header-top > span { font-size: 14px !important; }
  #wrapwrap .ref-footer { padding-top: 58px; }
  #wrapwrap .ref-footer h2 { font-size: 36px !important; }
  #wrapwrap .ref-footer h3 { font-size: 18px !important; }
  #wrapwrap .ref-footer p,
  #wrapwrap .ref-footer a { font-size: 16px !important; }
  #wrapwrap .ref-footer-bottom span,
  #wrapwrap .ref-footer-bottom a { font-size: 14px !important; }
  #wrapwrap .ref-copyright { font-size: 13px !important; }
}