/* Refined public actions, payment marks and company footer. */
.header-enquiry {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px 9px 15px;
  border: 1px solid #c6a15b66;
  border-radius: 999px;
  background: #f7f1e3;
  color: var(--ink);
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
  transition: background .2s, border-color .2s, transform .2s;
}

/* 2026 light storefront details: product discovery and compact mobile contact. */
.hero-accessories {
  width: 100%; min-height: 56px; margin-top: 24px; padding: 12px 15px;
  border: 1px solid #d8c18f; border-radius: 9px; background: #fffaf0; color: var(--ink);
  display: flex; align-items: center; justify-content: space-between; gap: 16px; text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.hero-accessories:hover,.hero-accessories:focus-visible { border-color: var(--gold-dark); background: #fff; transform: translateY(-1px); outline: 0; }
.hero-accessories b,.hero-accessories small { display: block; }
.hero-accessories b { font-size: 13px; line-height: 1.25; }
.hero-accessories small { color: var(--ink-soft); margin-top: 3px; font-size: 11px; line-height: 1.35; }
.hero-accessories i { color: var(--gold-dark); flex: none; font-size: 20px; font-style: normal; }

/* Keep the footer WhatsApp mark clean: no coloured tile behind the glyph. */
.site-footer .footer-social.whatsapp,.product-shop-page .site-footer .footer-social.whatsapp {
  border: 0 !important; border-radius: 0 !important; background: transparent !important;
  box-shadow: none !important; color: #25d366 !important;
}
.site-footer .footer-social.whatsapp:hover,.site-footer .footer-social.whatsapp:focus-visible,
.product-shop-page .site-footer .footer-social.whatsapp:hover,.product-shop-page .site-footer .footer-social.whatsapp:focus-visible {
  background: transparent !important; color: #49e37d !important; transform: translateY(-1px);
}
.site-footer .footer-social.whatsapp svg,.product-shop-page .site-footer .footer-social.whatsapp svg { fill: currentColor !important; stroke: none !important; }

.header-enquiry i {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: var(--ink);
  color: #fff;
  font-size: 12px;
  font-style: normal;
}

.header-enquiry:hover {
  transform: translateY(-1px);
  border-color: var(--gold);
  background: #efe2c7;
}

.payment-methods { gap: 13px; }

.payment-methods .payment-logo {
  width: 58px;
  height: 30px;
  padding: 2px 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.site-footer .footer-social.phone svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
  stroke: none;
}

.footer-company-details {
  display: grid;
  gap: 4px;
  max-width: 330px;
  margin-top: 19px;
  padding-top: 16px;
  border-top: 1px solid #ffffff20;
}

.site-footer .footer-company-details span {
  color: #98a3ac;
  font-size: 11px;
  line-height: 1.5;
}

.page-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  min-width: 195px;
  min-height: 52px;
  padding: 13px 17px 13px 22px;
  border: 1px solid var(--ink);
  border-radius: 999px;
  box-shadow: 0 10px 24px #1018201c;
  transition: background .2s, color .2s, transform .2s, box-shadow .2s;
}

.page-cta a::after {
  content: "→";
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: var(--gold);
  color: var(--ink);
  font-size: 15px;
}

.page-cta a:hover {
  transform: translateY(-2px);
  background: #26323c;
  box-shadow: 0 15px 30px #10182029;
}

@media (max-width: 720px) {
  .header-enquiry { display: none; }
  .payment-methods { gap: 9px; }
  .payment-methods .payment-logo { width: 50px; height: 28px; }
  .footer-company-details { max-width: 100%; }
}

/* Compact light product pages. */
.product-shop-page {
  --nav: #4e452f;
  --nav-soft: #6b5f40;
  --gold: #e4bf47;
  --gold-dark: #8a6b13;
  --mist: #fffdf8;
  background: #fffdf8;
  color: #272a31;
}

.product-shop-page .shop-header {
  background: #ffffffef;
  border-bottom-color: #eee8d8;
  box-shadow: 0 5px 22px #7a66300c;
}

.product-shop-page .basket-button {
  border-color: #ead17d;
  background: #fff8dc;
  color: #51431d;
  box-shadow: none;
}

.product-shop-page .basket-button b {
  background: #e4bf47;
}

.product-shop-page .availability-banner,
.product-shop-page .floor-intro,
.product-shop-page .lock-intro {
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid #efe2b9;
  border-radius: 20px;
  background: linear-gradient(135deg, #fffdf8, #fff4c8);
  color: #39301a;
  box-shadow: 0 12px 32px #8b702113;
}

.product-shop-page .availability-banner::after,
.product-shop-page .floor-intro::after,
.product-shop-page .lock-intro::after {
  border-color: #d9b73942;
}

.product-shop-page .availability-banner h1,
.product-shop-page .floor-intro h1,
.product-shop-page .lock-intro h1 {
  max-width: 720px;
  margin: 7px 0 8px;
  color: #302919;
  font-size: clamp(27px, 3.5vw, 44px);
  line-height: 1.08;
}

.product-shop-page .availability-banner p,
.product-shop-page .floor-intro p,
.product-shop-page .lock-intro p {
  color: #6e6349;
  font-size: 14px;
}

.product-shop-page .availability-banner button {
  border: 1px solid #ddba45;
  border-radius: 999px;
  background: #ffe47e;
  box-shadow: 0 7px 18px #8b70211a;
}

.product-shop-page .journey-selector {
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0 6px 20px #7a663009;
}

.product-shop-page .journey-selector h2 {
  font-size: 22px;
}

.product-shop-page .journey-selector p {
  font-size: 13px;
}

.product-shop-page .journey-options {
  gap: 7px;
}

.product-shop-page .journey-options button {
  min-height: 62px;
  padding: 10px 12px;
  border-radius: 12px;
  box-shadow: none;
}

.product-shop-page .journey-options button.selected {
  border-color: #e0bb3f;
  background: #fff3bd;
  box-shadow: 0 5px 14px #bc951919;
}

.product-shop-page .journey-options b {
  font-size: 14px;
}

.product-shop-page .journey-options small {
  font-size: 12px;
}

.product-shop-page .shop-tabs {
  width: min(500px, 100%);
  margin-bottom: 12px;
  padding: 4px;
  border-color: #eee3ba;
  border-radius: 13px;
  background: #fffdf8;
  box-shadow: 0 6px 18px #7a66300c;
}

.product-shop-page .shop-tabs button {
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 14px;
}

.product-shop-page .shop-tabs button.active {
  border-color: #e2bd43;
  background: #ffe781;
  color: #4b3a08;
  box-shadow: 0 4px 12px #a7811517;
}

.product-shop-page .catalogue-heading {
  margin-bottom: 12px;
}

.product-shop-page .catalogue-heading h2 {
  font-size: clamp(27px, 3vw, 36px);
}

.product-shop-page .catalogue-heading p {
  font-size: 14px;
}

.product-shop-page .door-type-path {
  padding: 14px;
  border-radius: 15px;
  box-shadow: 0 5px 18px #7a663009;
}

.product-shop-page .door-type-path h3 {
  margin-bottom: 11px;
  font-size: 20px;
}

.product-shop-page .door-type-options {
  gap: 7px;
}

.product-shop-page .door-type-options button {
  min-height: 72px;
  padding: 10px 11px;
  border-radius: 12px;
  box-shadow: none;
}

.product-shop-page .door-type-options button.selected {
  border-color: #e0bb3f;
  background: #fff3bd;
}

.product-shop-page .door-type-options button::after {
  width: 22px;
  height: 22px;
  border-color: #dfd5b3;
  font-size: 12px;
}

.product-shop-page .door-type-options b {
  font-size: 14px;
}

.product-shop-page .door-type-options small {
  font-size: 12px;
}

.product-shop-page .catalogue-controls {
  padding: 10px;
  border-radius: 13px;
  box-shadow: none;
}

.product-shop-page .catalogue-controls input,
.product-shop-page .catalogue-controls select {
  padding: 10px 12px;
  border-radius: 10px;
  background: #fff;
}

.product-shop-page .door-grid {
  gap: 10px;
}

.product-shop-page .door-card {
  border-radius: 14px;
  box-shadow: 0 4px 15px #7a66300a;
}

.product-shop-page .door-card-copy {
  min-height: 150px;
  padding: 11px;
}

.product-shop-page .door-card b {
  font-size: 13px;
}

.product-shop-page .door-card strong {
  font-size: 14px;
}

.product-shop-page .site-footer {
  background: #fff9e8;
  color: #2f2b22;
  border-top: 1px solid #eadcae;
}

.product-shop-page .site-footer .footer-about p,
.product-shop-page .site-footer .footer-column a,
.product-shop-page .site-footer .footer-column span,
.product-shop-page .site-footer .footer-brand span,
.product-shop-page .footer-bottom {
  color: #6c6250;
}

.product-shop-page .site-footer .footer-column > b {
  color: #8a6810;
}

.product-shop-page .footer-bottom,
.product-shop-page .footer-company-details {
  border-color: #d8c99a;
}

.site-footer .modern-footer-brand {
  gap: 9px;
}

.site-footer .modern-footer-brand > div {
  display: grid;
  justify-items: center;
  text-align: center;
}

.site-footer .modern-footer-brand span {
  width: auto;
  margin-top: 2px;
  font-size: 9px;
  letter-spacing: .09em;
}

.site-footer .modern-footer-brand span::before,
.site-footer .modern-footer-brand span::after {
  display: none;
}

.site-footer .footer-social,
.product-shop-page .site-footer .footer-social {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.site-footer .footer-social:hover,
.site-footer .footer-social:focus-visible {
  border: 0;
  background: transparent;
  color: var(--gold-dark);
}

.product-shop-page .site-footer .footer-social {
  color: #403a2e;
}

.product-shop-page .site-footer .footer-social.whatsapp svg {
  fill: #159447;
}

.payment-methods .payment-logo,
.payment-methods .payment-logo.payment-note {
  width: auto;
  min-width: 78px;
  height: 30px;
  padding: 5px 10px;
  border: 1px solid #e7d494;
  border-radius: 999px;
  background: #fff8df;
  color: #65501a;
  white-space: nowrap;
  font-size: 11px;
}

@media (max-width: 700px) {
  .product-shop-page main {
    padding: 10px 12px 48px;
  }

  .product-shop-page .availability-banner,
  .product-shop-page .floor-intro,
  .product-shop-page .lock-intro {
    padding: 18px 16px;
    border-radius: 16px;
  }

  .product-shop-page .availability-banner h1,
  .product-shop-page .floor-intro h1,
  .product-shop-page .lock-intro h1 {
    font-size: 27px;
  }

  .product-shop-page .journey-selector {
    padding: 13px;
  }

  .product-shop-page .journey-options {
    grid-template-columns: 1fr 1fr;
  }

  .product-shop-page .journey-options button {
    min-height: 58px;
    padding: 9px;
  }

  .product-shop-page .journey-options small {
    display: none;
  }

  .product-shop-page .shop-tabs {
    top: 70px;
  }

  .product-shop-page .shop-tabs button {
    min-height: 38px;
    padding: 7px 8px;
    font-size: 13px;
  }

  .product-shop-page .catalogue-heading h2 {
    font-size: 28px;
  }

  .product-shop-page .door-type-path h3 {
    font-size: 18px;
  }

  .product-shop-page .door-type-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product-shop-page .door-type-options button,
  .product-shop-page .door-type-options button.selected {
    display: flex;
    min-width: 0;
    min-height: 68px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 5px;
    text-align: center;
  }

  .product-shop-page .door-type-options button::after {
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
  }

  .product-shop-page .door-type-options b {
    font-size: 12px;
    line-height: 1.15;
  }

  .product-shop-page .door-type-options small {
    display: none;
  }

  .product-shop-page .door-card-copy {
    min-height: 140px;
    padding: 9px;
  }

  .product-shop-page .footer-main {
    padding-top: 34px;
  }

  .payment-confidence {
    padding: 16px 14px;
  }

  .payment-confidence-copy b {
    font-size: 17px;
  }

  .payment-methods {
    gap: 6px;
  }

  .payment-methods .payment-logo,
  .payment-methods .payment-logo.payment-note {
    width: auto;
    height: 28px;
    padding: 4px 9px;
    font-size: 10px;
  }
}

@media (max-width: 620px) {
  .page-cta a { width: max-content; max-width: 100%; min-width: 210px; }
}

/* Direct contact links use clean standalone marks instead of boxed buttons. */
.contact-actions {
  align-items: flex-start;
  gap: 28px;
}

.contact-actions a,
.contact-actions .contact-primary,
.contact-actions .contact-whatsapp,
.contact-actions .contact-instagram {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  width: auto;
  min-width: 76px;
  min-height: 0;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  color: var(--ink);
  box-shadow: none;
  text-align: center;
}

.contact-actions svg,
.contact-actions .contact-primary svg {
  width: 34px;
  height: 34px;
  margin: 0;
}

.contact-actions .contact-primary svg {
  fill: var(--gold-dark);
}

.contact-actions .contact-whatsapp svg {
  fill: #128c4a;
}

.contact-actions .contact-instagram svg {
  fill: none;
  stroke: var(--ink);
}

.contact-actions span {
  font-size: 12px;
  font-weight: 850;
}

.contact-actions small {
  margin-top: -3px;
  color: var(--ink-soft);
  font-size: 10px;
  font-weight: 700;
}

.contact-actions a:hover { transform: translateY(-2px); }

@media (max-width: 720px) {
  .contact-actions {
    display: flex;
    justify-content: flex-start;
    gap: 18px;
  }

  .contact-actions a,
  .contact-actions .contact-primary,
  .contact-actions .contact-whatsapp,
  .contact-actions .contact-instagram {
    width: auto;
    min-width: 70px;
  }
}
/* Live website settings supplied by the MR CRAFTER management dashboard. */
:root{--site-accent:#c6a15b}.announcement,.header-shop,.hero-actions .primary,.availability-button,.checkout-submit{background-color:var(--site-accent)!important}.eyebrow,.category-copy b,.reviews-link{color:var(--site-accent)}body[data-site-style="classic"] .hero-copy h1,body[data-site-style="classic"] .section-heading h2,body[data-site-style="classic"] .service-panel h2{font-family:Georgia,"Times New Roman",serif}body[data-site-style="classic"] .category-card,body[data-site-style="classic"] .reviews-section{border-radius:2px}body[data-site-style="bold"] .hero{background:#07152b;color:#fff;padding:clamp(24px,5vw,70px);border-radius:0}body[data-site-style="bold"] .hero-copy>p,body[data-site-style="bold"] .hero-points{color:#dbe4ef}body[data-site-style="bold"] .hero-copy h1{font-weight:900;letter-spacing:-.04em}body[data-site-style="bold"] .category-card{box-shadow:0 12px 30px #07152b1f}

/* Calm, compact product-page palette: navy, white and one clear gold. */
.product-shop-page{--shop-gold:#d5a92f;--shop-gold-deep:#8b6810;--shop-navy:#101b2e}
.product-shop-page .availability-banner,.product-shop-page .floor-intro,.product-shop-page .lock-intro{background:linear-gradient(135deg,#101b2e 0%,#1d2d48 100%);border-color:#2a3a54;color:#fff;box-shadow:none}
.product-shop-page .availability-banner h1,.product-shop-page .floor-intro h1,.product-shop-page .lock-intro h1{color:#fff}
.product-shop-page .availability-banner p,.product-shop-page .floor-intro p,.product-shop-page .lock-intro p{color:#d8dee8}
.product-shop-page .availability-banner .eyebrow,.product-shop-page .floor-intro .eyebrow,.product-shop-page .lock-intro .eyebrow,.product-shop-page .catalogue-heading .eyebrow,.product-shop-page .journey-heading .eyebrow{color:var(--shop-gold)}
.product-shop-page .shop-brand small{color:var(--shop-gold-deep)}
.product-shop-page .shop-tabs button{min-height:38px;color:#4f5c70;font-size:13px;border-radius:10px}
.product-shop-page .shop-tabs button.active{background:var(--shop-gold);color:#101820;box-shadow:none}
.product-shop-page .catalogue-heading h2{font-size:clamp(23px,3vw,29px);line-height:1.1}
.product-shop-page .catalogue-heading>p{max-width:660px;font-size:16px;line-height:1.55}
.product-shop-page .door-type-path h3,.product-shop-page .journey-heading h2{font-size:18px;line-height:1.25}
.product-shop-page .door-type-options button,.product-shop-page .journey-options button{min-height:56px;padding:8px 10px;border-color:#dfe3e9;border-radius:12px;background:#fff;color:#172238;box-shadow:none}
.product-shop-page .door-type-options button:hover,.product-shop-page .door-type-options button.active,.product-shop-page .door-type-options button.selected,.product-shop-page .journey-options button:hover,.product-shop-page .journey-options button.active,.product-shop-page .journey-options button.selected{border-color:var(--shop-gold);background:#fffaf0;color:#172238;box-shadow:none}
.product-shop-page .door-type-options button b,.product-shop-page .journey-options button b{font-size:13px}
.product-shop-page .payment-confidence{background:#fff;border-color:#ead79b;color:#263247}
.product-shop-page .payment-logo{background:#fff;border-color:#d9bd66;color:#263247}
.product-shop-page .site-footer{background:#101820;border-top-color:#101820;color:#fff}
.product-shop-page .site-footer .footer-brand span,.product-shop-page .site-footer .footer-column p,.product-shop-page .site-footer .footer-column span,.product-shop-page .site-footer .footer-about p{color:#b9c1c9}
.product-shop-page .site-footer .footer-column a{color:#e1e5e8}
.product-shop-page .site-footer .footer-column b,.product-shop-page .site-footer .footer-column>b{color:var(--shop-gold)}
.product-shop-page .site-footer .footer-bottom{border-top-color:rgba(255,255,255,.12);color:#9fa8b2}
.product-shop-page .footer-socials a{color:#fff}
@media (max-width:720px){
  .product-shop-page .availability-banner,.product-shop-page .floor-intro,.product-shop-page .lock-intro{padding:16px 18px}
  .product-shop-page .availability-banner h1,.product-shop-page .floor-intro h1,.product-shop-page .lock-intro h1{font-size:22px}
  .product-shop-page .shop-tabs{padding:5px}
  .product-shop-page .shop-tabs button{min-height:34px;padding:6px 8px;font-size:12px;border-radius:8px}
  .product-shop-page .catalogue-heading h2{font-size:22px}
  .product-shop-page .catalogue-heading>p{font-size:15px;line-height:1.48}
  .product-shop-page .door-type-path h3,.product-shop-page .journey-heading h2{font-size:16px}
  .product-shop-page .door-type-options,.product-shop-page .journey-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .product-shop-page .door-type-options button,.product-shop-page .journey-options button{min-height:48px;padding:6px 4px;border-radius:9px;text-align:center}
  .product-shop-page .door-type-options button::after,.product-shop-page .journey-options button::after{display:none}
  .product-shop-page .door-type-options button b,.product-shop-page .journey-options button b{font-size:12px;line-height:1.2}
  .product-shop-page .door-type-options button small,.product-shop-page .journey-options button small{display:none}
}

/* Balanced brand lockups and stronger supply-and-fit action. */
.product-shop-page .availability-banner button{border-color:#9b7412;background:#a97d13;color:#fff;box-shadow:0 7px 17px rgba(0,0,0,.22)}
.product-shop-page .shop-brand{gap:8px}
.product-shop-page .shop-brand>span{display:grid;justify-items:center;text-align:center}
.product-shop-page .shop-brand b{font-size:16px;line-height:1.05;text-align:center}
.product-shop-page .shop-brand small{display:flex;margin-top:4px;color:var(--shop-gold-deep);font-size:8px;line-height:1.2;letter-spacing:.07em;text-align:center}
.product-shop-page .shop-brand small::before,.product-shop-page .shop-brand small::after{width:10px;flex-basis:10px;background:var(--shop-gold)}
.site-footer .modern-footer-brand>div{justify-items:center;text-align:center}
.site-footer .modern-footer-brand b{line-height:1;text-align:center}
.site-footer .modern-footer-brand span,.product-shop-page .site-footer .modern-footer-brand span{display:flex;align-items:center;justify-content:center;gap:6px;color:#d5a92f;font-size:8px;line-height:1.2;letter-spacing:.08em;text-align:center}
.site-footer .modern-footer-brand span::before,.site-footer .modern-footer-brand span::after{content:"";display:inline-block;width:11px;height:1px;flex:0 0 11px;background:#d5a92f}
@media(max-width:720px){.product-shop-page .shop-brand img{width:43px;height:43px}.product-shop-page .shop-brand b{font-size:14px}.product-shop-page .shop-brand small{font-size:7px}.product-shop-page .shop-brand small::before,.product-shop-page .shop-brand small::after{width:7px;flex-basis:7px}}

/* Tighter original-logo lockups and clean, unboxed social icons. */
.store-brand.modern-brand{gap:6px}
.store-brand.modern-brand>span{display:grid;justify-items:center;text-align:center}
.store-brand.modern-brand b{font-size:21px;line-height:1.02;text-align:center}
.store-brand.modern-brand small{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:3px;color:#8b6810;font-size:8px;line-height:1.15;letter-spacing:.075em;text-align:center}
.store-brand.modern-brand small::before,.store-brand.modern-brand small::after{width:8px!important;flex-basis:8px!important;background:#d5a92f!important}
.site-footer .modern-footer-brand{gap:7px}
.site-footer .modern-footer-brand span,.product-shop-page .site-footer .modern-footer-brand span{gap:3px;margin-top:4px}
.site-footer .modern-footer-brand span::before,.site-footer .modern-footer-brand span::after{width:8px;flex-basis:8px}
.site-footer .footer-social,.product-shop-page .site-footer .footer-social{border:0;background:transparent;width:30px;height:30px}
.site-footer .footer-social:first-child svg{stroke:#e1306c}
.site-footer .footer-social:first-child .social-dot{fill:#f77737}
.site-footer .footer-social.phone svg{fill:#d5a92f;stroke:none}
.contact-actions .contact-instagram svg{stroke:#e1306c}
.contact-actions .contact-instagram .social-dot{fill:#f77737}
.contact-actions .contact-primary svg{fill:#d5a92f}
@media(max-width:720px){.store-brand.modern-brand{gap:4px}.store-brand.modern-brand b{font-size:17px}.store-brand.modern-brand small{font-size:7px}.store-brand.modern-brand small::before,.store-brand.modern-brand small::after{width:6px!important;flex-basis:6px!important}.site-footer .modern-footer-brand{gap:5px}}

/* 2026 compact mobile system: lighter chrome, denser content, full-size tap targets. */
@media (max-width: 720px) {
  .announcement { display: none; }

  .store-header {
    width: calc(100% - 24px);
    height: 60px;
    border-bottom-color: #ecebe6;
  }
  .store-brand.modern-brand { gap: 5px; }
  .store-brand img { width: 38px; height: 38px; }
  .store-brand.modern-brand b { font-size: 14px; letter-spacing: .085em; }
  .store-brand.modern-brand small { font-size: 6px; letter-spacing: .065em; margin-top: 2px; }
  .store-brand.modern-brand small::before,
  .store-brand.modern-brand small::after { width: 5px !important; flex-basis: 5px !important; }
  .header-actions { gap: 6px; }
  .header-shop {
    min-height: 40px;
    padding: 9px 11px;
    border-radius: 8px;
    font-size: 11px;
  }
  .mobile-menu summary {
    min-width: 42px;
    min-height: 40px;
    padding: 9px 8px;
    border-color: #dddcd6;
    border-radius: 8px;
    font-size: 0;
  }
  .mobile-menu summary::before { content: "☰"; font-size: 18px; line-height: 1; }
  .mobile-menu > div {
    top: 44px;
    width: min(196px, calc(100vw - 32px));
    padding: 5px;
    border-radius: 12px;
    box-shadow: 0 16px 38px #1018201f;
  }
  .mobile-menu a { min-height: 42px; padding: 10px 11px; font-size: 13px; }

  .hero {
    width: calc(100% - 24px);
    gap: 10px;
    margin-top: 10px;
  }
  .hero-copy {
    padding: 24px 20px 22px;
    border: 1px solid #ebe7dc;
    border-radius: 14px;
  }
  .eyebrow { font-size: 10px; letter-spacing: .105em; }
  .hero h1 {
    margin: 9px 0 11px;
    font-size: clamp(28px, 8.2vw, 34px);
    line-height: 1.04;
  }
  .hero-copy > p { font-size: 14px; line-height: 1.48; }
  .hero-actions { gap: 8px; margin-top: 19px; }
  .hero-actions .primary,
  .hero-actions .secondary {
    min-height: 42px;
    padding: 9px 10px;
    border-radius: 8px;
    font-size: 12px;
  }
  .hero-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 10px;
    margin-top: 17px;
    font-size: 11px;
  }
  .hero-points span::before { margin-right: 5px; }
  .hero-gallery { height: 238px; gap: 7px; }
  .hero-main span { padding: 9px 10px; bottom: 8px; left: 8px; right: 8px; }
  .hero-main small { font-size: 9px; }
  .hero-main b { margin-top: 3px; font-size: 13px; }
  .hero-side span { padding: 8px 4px; bottom: 6px; left: 6px; right: 6px; font-size: 9px; }

  .benefits,
  .trust-strip { width: calc(100% - 24px); margin-top: 12px; }
  .benefits div,
  .trust-strip div { padding: 14px 16px; }
  .benefits b,
  .trust-strip b { font-size: 13px; }
  .benefits span,
  .trust-strip span { font-size: 12px; }

  .categories { width: calc(100% - 24px); margin: 42px auto; }
  .section-heading { margin-bottom: 18px; }
  .section-heading h2 { margin: 7px 0; font-size: 28px; }
  .section-heading p { font-size: 14px; line-height: 1.45; }
  .category-grid { gap: 10px; }
  .category-card { border-radius: 13px; }
  .category-image { height: 190px; }
  .category-copy { padding: 14px; }
  .category-copy h3 { margin-bottom: 6px; font-size: 17px; }
  .category-copy p { margin-bottom: 10px; font-size: 13px; line-height: 1.45; }

  .service-panel { gap: 22px; padding: 34px 18px; }
  .service-panel h2 { margin: 8px 0 0; font-size: 29px; }
  .service-panel ol { gap: 12px; }
  .service-panel li {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 9px;
    padding-top: 12px;
  }
  .service-panel li b { margin: 0 0 3px; font-size: 16px; }
  .service-panel li p { font-size: 13px; line-height: 1.4; }

  .trade-note {
    width: calc(100% - 24px);
    gap: 16px;
    margin: 38px auto 16px;
    padding: 22px 20px;
    border-left-width: 3px;
    border-radius: 0 12px 12px 0;
  }
  .trade-note h2 { margin: 7px 0; font-size: 28px; line-height: 1.08; }
  .trade-note p { font-size: 14px; line-height: 1.48; }
  .trade-note > a { width: max-content; min-height: 42px; padding: 10px 16px; border-radius: 8px; font-size: 12px; }

  .contact-panel {
    width: calc(100% - 24px);
    gap: 20px;
    margin: 0 auto 36px;
    padding: 22px 20px;
    border-radius: 12px;
  }
  .contact-panel h2 { margin: 7px 0 5px; font-size: 25px; line-height: 1.12; }
  .contact-panel p { font-size: 13px; line-height: 1.42; }
  .contact-actions { gap: 20px; }
  .contact-actions a,
  .contact-actions .contact-primary,
  .contact-actions .contact-whatsapp,
  .contact-actions .contact-instagram { min-width: 60px; }
  .contact-actions svg,
  .contact-actions .contact-primary svg { width: 29px; height: 29px; }
  .contact-actions span { font-size: 11px; }
  .contact-actions small { font-size: 9px; }

  .reviews-section { width: calc(100% - 24px); margin: 32px auto 44px; }
  .reviews-heading { gap: 8px; margin-bottom: 12px; }
  .reviews-heading h2 { font-size: 24px; }
  .review-card { min-height: 128px; padding: 15px; border-radius: 12px; }
  .review-card p { margin-top: 10px; font-size: 13px; }

  .payment-confidence {
    width: calc(100% - 24px);
    gap: 12px;
    margin-top: 24px;
    padding: 15px;
    border-radius: 12px 12px 0 0;
  }
  .payment-confidence-copy { gap: 10px; }
  .payment-lock { width: 32px; height: 32px; }
  .payment-confidence-copy b { font: 650 15px/1.25 Inter, sans-serif; }
  .payment-confidence-copy small { margin-top: 3px; font-size: 11px; line-height: 1.35; }
  .payment-methods { gap: 5px; }
  .payment-methods .payment-logo,
  .payment-methods .payment-logo.payment-note { height: 27px; padding: 4px 8px; font-size: 9px; }

  .footer-main {
    width: calc(100% - 32px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 18px;
    padding: 28px 0 23px;
  }
  .footer-about { grid-column: 1 / -1; }
  .site-footer .footer-brand img { width: 48px; height: 46px; }
  .site-footer .footer-brand b { font-size: 17px; }
  .site-footer .modern-footer-brand span { margin-top: 3px; font-size: 7px; }
  .footer-about p { max-width: 340px; margin: 11px 0 9px; font-size: 12px; line-height: 1.5; }
  .footer-socials { gap: 5px; }
  .site-footer .footer-social,
  .product-shop-page .site-footer .footer-social { width: 30px; height: 30px; }
  .footer-company-details { gap: 2px; margin-top: 10px; padding-top: 9px; }
  .site-footer .footer-company-details span { font-size: 10px; line-height: 1.4; }
  .footer-column { gap: 7px; }
  .footer-column > b { margin-bottom: 2px; font-size: 10px; }
  .footer-column a { font-size: 12px; line-height: 1.3; }
  .site-footer .footer-column span { font-size: 11px; line-height: 1.45; }
  .site-footer .footer-contact { gap: 7px; }
  .footer-bottom {
    width: calc(100% - 32px);
    gap: 7px;
    padding: 14px 0 20px;
    font-size: 10px;
  }

  .floating-whatsapp { right: 12px; bottom: 12px; }
  .floating-whatsapp summary { width: 48px; height: 48px; border-width: 2px; }
  .floating-whatsapp summary svg { width: 25px; }
  .whatsapp-menu { bottom: 58px; }
}

/* Final compact sizing: intentionally follows the base mobile system. */
@media (width <= 720px) {
  .hero-accessories { min-height: 52px; margin-top: 16px; padding: 10px 12px; border-radius: 8px; }
  .hero-accessories b { font-size: 12px; }
  .hero-accessories small { font-size: 10px; }
  .hero-actions { margin-top: 8px; }

  .service-panel { gap: 16px; padding: 27px 18px; }
  .service-panel h2 { margin-top: 6px; font: 700 24px/1.1 Inter,sans-serif; letter-spacing: -.025em; }
  .service-panel ol { gap: 8px; }
  .service-panel li { grid-template-columns: 24px 1fr; gap: 8px; padding-top: 10px; }
  .service-panel li > span { font-size: 10px; }
  .service-panel li b { margin-bottom: 2px; font: 700 14px/1.3 Inter,sans-serif; }
  .service-panel li p { font-size: 12px; line-height: 1.38; }

  .trade-note { gap: 13px; margin: 28px auto 12px; padding: 18px 17px; border-radius: 0 10px 10px 0; }
  .trade-note .eyebrow,.contact-panel .eyebrow { font-size: 9px; }
  .trade-note h2 { margin: 6px 0; font: 700 23px/1.1 Inter,sans-serif; letter-spacing: -.025em; }
  .trade-note p { font-size: 13px; line-height: 1.42; }
  .trade-note > a { min-height: 40px; padding: 9px 14px; font-size: 11px; }

  .contact-panel { gap: 15px; margin-bottom: 28px; padding: 18px 17px 19px; border-radius: 10px; }
  .contact-panel h2 { margin: 6px 0 4px; font: 700 21px/1.12 Inter,sans-serif; letter-spacing: -.025em; }
  .contact-panel p { font-size: 12px; line-height: 1.4; }
  .contact-actions { gap: 14px; }
  .contact-actions svg,.contact-actions .contact-primary svg { width: 26px; height: 26px; }
  .contact-actions span { font-size: 10px; }
  .contact-actions small { font-size: 8px; }
}