/* Information pages only. Catalogue, checkout and homepage retain their own design. */
.hh-information { background: var(--color-surface); color: var(--color-fg); }
.hh-information .breadcrumbs { background: var(--color-surface); border-bottom: 0; color: var(--color-fg-secondary); box-shadow:none; }
.hh-information .breadcrumbs a { color: var(--color-fg-secondary); }
.hh-information #maincontent { padding-top:0; padding-bottom:72px; }
.hh-info { --info-gold: var(--color-accent-ink); --info-muted: var(--color-fg-secondary); --info-border: var(--color-line); width:100%; }
.hh-info-hero { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; align-items:center; padding:64px 0 48px; border-bottom: 1px solid var(--info-border); margin-bottom:40px; }
.hh-info-hero--about { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
.hh-info-eyebrow { display:block; font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color: var(--info-gold); margin-bottom:20px; }
.hh-info-eyebrow::before { content:''; display:inline-block; width:32px; margin-right:12px; vertical-align:middle; border-top: 2px solid var(--info-gold); }
.hh-info h1 { color: var(--color-fg); font-size:clamp(42px,5vw,76px); line-height:1.02; max-width:950px; margin:0 0 22px; text-wrap:balance; }
.hh-info-lead { color: var(--color-fg-secondary); font-size:19px; line-height:1.65; max-width:720px; margin:0; }
.hh-info-hero figure { margin:0; position:relative; }
.hh-info-hero img { display:block; width:100%; height:380px; object-fit:cover; border-radius:18px; }
.hh-info-hero figcaption { position:absolute; left:24px; bottom:24px; background: var(--color-surface); border: 1px solid var(--color-line); border-radius:8px; padding:12px 16px; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color: var(--color-accent-ink); }
.hh-info-grid { display:grid; grid-template-columns:250px minmax(0,1fr); gap:48px; align-items:start; }
.hh-info-rail { position:sticky; top:calc(var(--hh-header-height,132px) + 24px); }
.hh-info-rail h2 { font-size:15px; letter-spacing:.1em; color: var(--color-fg-secondary); margin:0 0 16px; }
.hh-info-nav { margin:0; padding:0; list-style:none; border-top: 1px solid var(--info-border); }
.hh-info-nav li { border-bottom: 1px solid var(--info-border); }
.hh-info-nav a { display:flex; justify-content:space-between; gap:12px; padding:14px 0; font-size:15px; color: var(--color-fg-secondary); text-decoration:none; }
.hh-info-nav a::after { content:'↗'; color: var(--color-fg-secondary); }
.hh-info-nav a:hover,.hh-info-nav a[aria-current=page] { color: var(--color-accent-ink); }
.hh-info-nav a[aria-current=page]::after { color: var(--color-accent-ink); }
.hh-info-help { background: var(--color-surface); border: 1px solid var(--color-line); border-radius:12px; padding:22px; margin-top:28px; }
.hh-info-help h3 { color: var(--color-fg); font-size:24px; line-height:1.1; margin:0 0 12px; }
.hh-info-help p { color: var(--color-fg-secondary); font-size:14px; line-height:1.6; margin:0 0 18px; }
.hh-info-help a { color: var(--color-accent-ink); font-weight:600; font-size:14px; }
.hh-info-article { min-width:0; background: var(--color-surface); border: 1px solid var(--info-border); border-radius:18px; padding:12px 38px; }
.hh-info-section { padding:28px 0; border-bottom: 1px solid var(--info-border); }
.hh-info-section:last-child { border-bottom: 0; }
.hh-info-section h2 { color: var(--color-fg); font-size:28px; line-height:1.15; margin:0 0 18px; }
.hh-info-section h3,.hh-info-section h4 { color: var(--color-fg); font-size:22px; line-height:1.25; margin:24px 0 12px; }
.hh-info-section p,.hh-info-section li,.hh-info-answer p,.hh-info-answer li { color: var(--color-fg-secondary); font-size:16px; line-height:1.8; }
.hh-info-section p { margin:0 0 16px; }
.hh-info-section p:last-child { margin-bottom:0; }
.hh-info-section strong { color: var(--color-fg); font-weight:600; }
.hh-info-section ul,.hh-info-answer ul { list-style:disc; padding-left:22px; margin:14px 0; }
.hh-info-section ol { list-style:decimal; padding-left:22px; margin:14px 0; }
.hh-info-section li { margin:8px 0; padding-left:4px; }
.hh-info-section li::marker { color: var(--color-accent-ink); }
.hh-info-section a,.hh-info-answer a { color: var(--color-accent-ink); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.hh-info-about .hh-info-article { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; }
.hh-info-about .hh-info-section { border-bottom: 1px solid var(--info-border); }
.hh-info-about .hh-info-section:nth-child(3),.hh-info-about .hh-info-section:last-child { grid-column:1/-1; }
.hh-info-faq { min-width:0; }
.hh-info-question { border: 1px solid var(--info-border); border-radius:12px; background: var(--color-surface); margin-bottom:12px; overflow:hidden; }
.hh-info-question summary { display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; color: var(--color-fg); padding:23px 26px; font-size:18px; font-weight:500; line-height:1.5; list-style:none; }
.hh-info-question summary::-webkit-details-marker { display:none; }
.hh-info-question summary::after { content:'+'; color: var(--color-accent-ink); font-size:25px; font-weight:400; flex-shrink:0; }
.hh-info-question[open] { border-color: var(--color-line); }
.hh-info-question[open] summary::after { content:'−'; }
.hh-info-answer { border-top: 1px solid var(--info-border); padding:22px 26px; }
.hh-info-answer p { margin:0 0 12px; }
.hh-info-answer p:last-child { margin-bottom:0; }
.hh-info-bottom { display:flex; justify-content:space-between; align-items:center; gap:28px; margin-top:44px; padding:32px; border-radius:14px; background: var(--color-surface); border: 1px solid var(--color-line); }
.hh-info-bottom h2 { margin:0 0 10px; font-size:30px; color: var(--color-fg); }
.hh-info-bottom p { margin:0; color: var(--color-fg-secondary); line-height:1.6; }
.hh-info-button { display:inline-flex; justify-content:center; align-items:center; gap:14px; padding:15px 24px; background: var(--color-primary); color: var(--color-on-primary); border-radius:8px; font-weight:600; text-decoration:none; white-space:nowrap; }
.hh-info-button:hover { background: var(--color-primary-darker); color: var(--color-on-primary); }
.hh-info a:focus-visible,.hh-info summary:focus-visible { outline:2px solid var(--color-primary); outline-offset:4px; }
.hh-information .form-input,.hh-information .form-select { background: var(--color-surface); color: var(--color-fg); border: 1px solid var(--color-line); border-radius:8px; min-height:48px; }
.hh-information .form-input:focus,.hh-information .form-select:focus { border-color: var(--color-primary); outline-color:var(--color-primary); }
.hh-information .card { background: var(--color-surface); color: var(--color-fg); border: 1px solid var(--color-line); border-radius:18px; padding:32px; }
.hh-information .card h2,.hh-information .card h3,.hh-information .card legend { color: var(--color-fg); }
.hh-information .card p,.hh-information .card address { color: var(--color-fg-secondary); line-height:1.7; }
.hh-information .card a { color: var(--color-accent-ink); overflow-wrap:anywhere; }
.hh-information .card label { color: var(--color-fg-secondary); display:block; margin-bottom:8px; }
.hh-information .card .field { margin-bottom:20px; }
.hh-information #contact textarea { min-height:160px; }

.hh-information #contact legend,.hh-information .form-orders-search legend { font-family:'Barlow Condensed',sans-serif; font-size:30px; font-weight:700; text-transform:uppercase; margin-bottom:14px; }
.hh-information .form-orders-search .fieldset { border: 0; padding:0; margin:0; }
.hh-information.sales-guest-form #maincontent > .columns > .column.main > .card { max-width:880px; margin:0 auto; }
.hh-info-error { text-align:center; padding:80px 20px; }
.hh-info-error .hh-info-eyebrow::before { display:none; }
.hh-info-error h1,.hh-info-error p { margin-left:auto; margin-right:auto; }
.hh-info-error .hh-info-button { margin-top:28px; }
@media (max-width:1023px) { .hh-info-grid { grid-template-columns:210px minmax(0,1fr); gap:24px; } .hh-info-about .hh-info-article { display:block; } .hh-info-hero img { height:320px; } .hh-info-article { padding:8px 26px; } }
@media (max-width:767px) { .hh-information #maincontent { padding-bottom:40px; } .hh-info-hero,.hh-info-hero--about { grid-template-columns:1fr; gap:28px; padding:36px 0 28px; margin-bottom:28px; } .hh-info h1 { font-size:44px; } .hh-info-lead { font-size:17px; } .hh-info-hero img { height:270px; } .hh-info-grid { display:flex; flex-direction:column; gap:28px; } .hh-info-rail { position:static; width:100%; } .hh-info-nav { display:flex; gap:8px; overflow:auto; padding:0 0 12px; border: 0; scrollbar-width:thin; } .hh-info-nav li { flex-shrink:0; border: 0; } .hh-info-nav a { border: 1px solid var(--color-line); border-radius:6px; padding:10px 14px; white-space:nowrap; font-size:14px; } .hh-info-nav a::after { display:none; } .hh-info-rail h2 { margin-bottom:12px; } .hh-info-help { display:none; } .hh-info-article,.hh-info-faq { width:100%; } .hh-info-article { padding:4px 22px; border-radius:12px; } .hh-info-section { padding:24px 0; } .hh-info-section h2 { font-size:26px; } .hh-info-question summary { padding:18px; font-size:17px; } .hh-info-answer { padding:18px; } .hh-info-bottom { align-items:flex-start; flex-direction:column; padding:24px; margin-top:28px; } .hh-info-bottom .hh-info-button { width:100%; } .hh-information .card { padding:24px; }  .hh-information.contact-index-index #maincontent .flex.flex-col.md\:flex-row { padding-top:0; } }



.hh-info-error { max-width:1040px; margin:0 auto; padding:64px 20px 72px; }
.hh-info-error-code { display:block; font-family:'Barlow Condensed',sans-serif; font-size:clamp(120px,14vw,210px); line-height:1; font-weight:700; color: var(--color-accent-ink); margin-bottom:20px; }
.hh-info-error h1 { font-size:clamp(36px,4vw,56px); }
.hh-info-error-links { display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap:12px; margin-top:28px; }
.hh-info-error-links .hh-info-button { margin-top:0; }
.hh-info-button--secondary { background: var(--color-surface); color: var(--color-fg); border: 1px solid var(--color-line); }
.hh-info-button--secondary:hover { background: var(--color-hide-deep); color: var(--color-accent-ink); }
@media(max-width:767px) { .hh-info-error { padding:40px 0; } .hh-info-error-links { flex-direction:column; } .hh-info-error-links a { width:100%; } }
.hh-information .form-orders-search .action.submit.primary { display:inline-flex; align-items:center; justify-content:center; padding:14px 26px; background: var(--color-primary); color: var(--color-on-primary); border-radius:8px; font-weight:600; min-height:48px; }
.hh-information .form-orders-search .action.submit.primary:hover { background: var(--color-primary-darker); }
.hh-information .form-orders-search .actions-toolbar { border-color: var(--color-line); }
.hh-information .form-orders-search .action.submit.primary:focus-visible { outline:2px solid var(--color-primary); outline-offset:4px; }
.hh-info h1,.hh-info h2 { overflow-wrap:anywhere; hyphens:auto; }
html[lang^="de"] .hh-info-hero--about h1 { font-size:clamp(36px,3.6vw,58px); }

/* Inner information pages: quieter reading surface with a distinct contents rail. */
body.hh-information:not(.contact-index-index) .hh-info-hero {
    padding-block: calc(var(--spacing) * 12);
    margin-bottom: calc(var(--spacing) * 10);
}
body.hh-information:not(.contact-index-index) .hh-info h1 {
    max-width: 20ch;
    text-wrap: balance;
}
body.hh-information:not(.contact-index-index) .hh-info-article {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
}
body.hh-information:not(.contact-index-index) .hh-info-section {
    padding-block: calc(var(--spacing) * 8);
    border-bottom: 1px solid var(--color-line);
}
body.hh-information:not(.contact-index-index) .hh-info-section:first-child {
    padding-top: 0;
}
body.hh-information:not(.contact-index-index) .hh-info-section :is(p, li) {
    line-height: 1.75;
}
body.hh-information:not(.contact-index-index) .hh-info-rail {
    padding: calc(var(--spacing) * 5);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
}
body.hh-information:not(.contact-index-index) .hh-info-help {
    padding-top: calc(var(--spacing) * 5);
    border-top: 1px solid var(--color-line);
}
body.hh-information.cms-about-us .hh-info-about .hh-info-section {
    margin: 0;
    background: transparent;
    border: 0;
    border-top: 1px solid var(--color-line);
    border-radius: 0;
    padding: calc(var(--spacing) * 7) 0;
}
body.hh-information.cms-about-us .hh-info-about .hh-info-section:first-child {
    border-top: 2px solid var(--color-primary);
}
body.hh-information:is(.cms-shipping-information,.cms-returns-refunds) .hh-info-article {
    border: 0;
    background: transparent;
    padding: 0;
}
body.hh-information.cms-faq .hh-info-faq {
    border-radius: var(--radius-lg);
}
@media (max-width:767px) {
    body.hh-information:not(.contact-index-index) .hh-info-hero {
        padding-block: calc(var(--spacing) * 8);
        margin-bottom: calc(var(--spacing) * 7);
    }
    body.hh-information:not(.contact-index-index) .hh-info-rail {
        padding: calc(var(--spacing) * 4);
    }
}

/* Contact: a generous form and a quieter, independent support column. */
.hh-contact-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:64px; align-items:start; padding:0 0 32px; }
.hh-information .hh-contact-form.card { padding:36px; border-radius:14px; border-top: 3px solid var(--color-primary); }
.hh-information #contact legend { font-size:34px; margin-bottom:12px; }
.hh-contact-form fieldset > p { max-width:580px; margin-bottom:28px; }
.hh-contact-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:0 0 24px; }
.hh-information #contact .field { margin:0; }
.hh-contact-fields .telephone,.hh-contact-fields .comment { grid-column:1/-1; }
.hh-information #contact label { font-size:14px; font-weight:500; margin-bottom:10px; }
.hh-information #contact .form-input { min-height:52px; background: var(--color-surface); border-color: var(--color-line); border-radius:6px; padding:12px 14px; }
.hh-information #contact .form-input:focus { border-color: var(--color-primary); box-shadow:0 0 0 1px var(--color-primary); }
.hh-information #contact textarea { min-height:174px; resize:vertical; }
.hh-contact-required { font-size:12px; color: var(--color-fg-secondary); margin:0 0 16px; }
.hh-information #contact .hh-contact-submit { display:flex; justify-content:center; width:100%; min-height:52px; border-radius:6px; font-family:'Barlow Condensed',sans-serif; font-weight:600; text-transform:uppercase; font-size:19px; letter-spacing:.06em; gap:14px; }
.hh-contact-submit::after { content:'↗'; font-family:'Barlow',sans-serif; font-size:20px; }
.hh-contact-support { padding:24px 0 0; min-width:0; }
.hh-contact-support .hh-info-eyebrow { margin-bottom:20px; }
.hh-contact-support h2 { font-size:36px; line-height:1.12; margin:0 0 18px; }
.hh-contact-support p { color: var(--color-fg-secondary); font-size:16px; line-height:1.8; margin:0 0 24px; }
.hh-contact-email { display:flex; align-items:center; gap:16px; padding:22px 0; margin:8px 0 32px; border-top: 1px solid var(--color-line); border-bottom: 1px solid var(--color-line); color: var(--color-accent-ink); font-weight:500; font-size:16px; }
.hh-contact-email svg { flex-shrink:0; }
.hh-contact-email span { min-width:0; overflow-wrap:anywhere; }
.hh-contact-email small { display:block; color: var(--color-fg-secondary); font-weight:400; font-size:12px; margin-bottom:5px; }
.hh-contact-support h3 { color: var(--color-fg-secondary); font-family:'Barlow',sans-serif; text-transform:uppercase; font-weight:500; font-size:12px; letter-spacing:.12em; margin:0 0 16px; }
.hh-contact-support .hh-info-nav { margin:0; border-top: 0; }
.hh-contact-support .hh-info-nav a { color: var(--color-fg-secondary); padding:17px 0; font-size:15px; }
.hh-contact-support .hh-info-nav a:hover { color: var(--color-accent-ink); }
.hh-contact-support .hh-info-nav li:last-child { border-bottom: 0; }
@media(max-width:1023px) { .hh-contact-layout { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:32px; } .hh-information .hh-contact-form.card { padding:28px; } }
@media(max-width:767px) { .hh-contact-layout { grid-template-columns:1fr; gap:36px; } .hh-information .hh-contact-form.card { padding:24px; } .hh-contact-fields { grid-template-columns:1fr; gap:22px; } .hh-contact-support { padding:0 4px; } .hh-contact-support .hh-info-nav { display:block; overflow:visible; } .hh-contact-support .hh-info-nav a { white-space:normal; border: 0; border-radius:0; padding:17px 0; } .hh-contact-support .hh-info-nav a::after { display:block; } .hh-contact-support .hh-info-nav li { border-bottom: 1px solid var(--color-line); } }
/* About and customer information: match the quieter Contact layout. */
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info { max-width:1240px; margin-inline:auto; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-hero { padding:56px 0 40px; gap:48px; margin-bottom:40px; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info h1 { font-size:clamp(42px,4.4vw,68px); line-height:1.06; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-lead { font-size:18px; line-height:1.8; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-grid { grid-template-columns:minmax(0,1fr) 260px; gap:56px; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-rail { grid-column:2; grid-row:1; padding-top:10px; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-article,
.hh-information.cms-faq .hh-info-faq { grid-column:1; grid-row:1; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-rail h2 { font-family:'Barlow',sans-serif; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; margin-bottom:18px; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-nav { border-top: 0; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-nav a { padding:15px 10px; border-radius:5px; font-size:14px; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-nav a[aria-current=page] { background: var(--color-surface); color: var(--color-accent-ink); box-shadow:inset 3px 0 var(--color-primary); }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-help { padding:26px 10px 0; border: 0; border-radius:0; background: transparent; margin-top:12px; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-help h3 { font-size:28px; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-bottom { background: var(--color-surface); border: 1px solid var(--color-line); border-top: 3px solid var(--color-primary); padding:32px 36px; margin-top:48px; border-radius:12px; }
.hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-button { border-radius:6px; font-family:'Barlow Condensed',sans-serif; font-size:19px; letter-spacing:.05em; text-transform:uppercase; min-height:52px; }
.hh-information.cms-about-us .hh-info-hero--about { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
.hh-information.cms-about-us .hh-info-hero figure { border: 1px solid var(--color-line); padding:8px; border-radius:14px; }
.hh-information.cms-about-us .hh-info-hero img { height:410px; border-radius:8px; }
.hh-information.cms-about-us .hh-info-hero figcaption { left:24px; bottom:24px; border-radius:5px; }
.hh-information.cms-about-us .hh-info-article { background: transparent; border: 0; padding:0; gap:24px; }
.hh-information.cms-about-us .hh-info-section { background: var(--color-surface); border: 1px solid var(--color-line); border-radius:10px; padding:28px; }
.hh-information.cms-about-us .hh-info-section:first-child { border-top: 3px solid var(--color-primary); }
.hh-information.cms-about-us .hh-info-section h2 { font-size:30px; }
.hh-information.cms-about-us .hh-info-section:nth-child(3),.hh-information.cms-about-us .hh-info-section:last-child { grid-column:1/-1; }
.hh-information:is(.cms-shipping-information,.cms-returns-refunds) .hh-info-article { background: var(--color-surface); border-radius:12px; border-top: 3px solid var(--color-primary); padding:4px 32px; }
.hh-information:is(.cms-shipping-information,.cms-returns-refunds) .hh-info-section { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr); gap:0 28px; padding:30px 0; }
.hh-information:is(.cms-shipping-information,.cms-returns-refunds) .hh-info-section h2 { grid-column:1; grid-row:1/20; font-size:26px; line-height:1.2; margin:0; }
.hh-information:is(.cms-shipping-information,.cms-returns-refunds) .hh-info-section > :not(h2) { grid-column:2; }
.hh-information:is(.cms-shipping-information,.cms-returns-refunds) .hh-info-section ul,
.hh-information:is(.cms-shipping-information,.cms-returns-refunds) .hh-info-section ol { margin-top:0; margin-bottom:0; }
.hh-information:is(.cms-shipping-information,.cms-returns-refunds) .hh-info-section li:first-child { margin-top:0; }
.hh-information.cms-faq .hh-info-faq { border: 1px solid var(--color-line); border-top: 3px solid var(--color-primary); background: var(--color-surface); border-radius:12px; padding:0 28px; }
.hh-information.cms-faq .hh-info-question { border: 0; border-bottom: 1px solid var(--color-line); background: transparent; border-radius:0; margin:0; }
.hh-information.cms-faq .hh-info-question:last-child { border-bottom: 0; }
.hh-information.cms-faq .hh-info-question summary { padding:24px 0; font-size:18px; gap:24px; }
.hh-information.cms-faq .hh-info-question[open] summary { color: var(--color-accent-ink); }
.hh-information.cms-faq .hh-info-answer { border-top: 0; padding:0 36px 24px 0; }
@media(max-width:1023px) {
 .hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-grid { grid-template-columns:minmax(0,1fr) 220px; gap:28px; }
 .hh-information.cms-about-us .hh-info-article { display:block; }
 .hh-information.cms-about-us .hh-info-section { margin-bottom:20px; }
 .hh-information.cms-about-us .hh-info-hero img { height:340px; }
 .hh-information:is(.cms-shipping-information,.cms-returns-refunds) .hh-info-section { display:block; }
 .hh-information:is(.cms-shipping-information,.cms-returns-refunds) .hh-info-section h2 { margin-bottom:18px; }
}
@media(max-width:767px) {
 .hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-hero,
 .hh-information.cms-about-us .hh-info-hero--about { grid-template-columns:1fr; gap:28px; padding:36px 0 28px; margin-bottom:28px; }
 .hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info h1 { font-size:42px; }
 .hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-lead { font-size:16px; line-height:1.75; }
 .hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-grid { display:flex; flex-direction:column; gap:28px; }
 .hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-rail { position:static; padding:0; }
 .hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; overflow:visible; padding:0; }
 .hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-nav li { min-width:0; }
 .hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-nav a { white-space:normal; padding:10px 12px; height:100%; font-size:13px; line-height:1.4; }
 .hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-article { padding:0 22px; }
 .hh-information.cms-about-us .hh-info-article { padding:0; }
 .hh-information.cms-about-us .hh-info-section { padding:24px; }
 .hh-information.cms-about-us .hh-info-hero img { height:280px; }
 .hh-information.cms-about-us .hh-info-hero figcaption { font-size:10px; padding:10px 12px; left:20px; bottom:20px; }
 .hh-information.cms-faq .hh-info-faq { padding:0 20px; }
 .hh-information.cms-faq .hh-info-question summary { padding:20px 0; font-size:17px; gap:16px; }
 .hh-information.cms-faq .hh-info-answer { padding:0 0 22px; }
 .hh-information:is(.cms-shipping-information,.cms-returns-refunds) .hh-info-section { padding:24px 0; }
 .hh-information:is(.cms-about-us,.cms-faq,.cms-shipping-information,.cms-returns-refunds) .hh-info-bottom { padding:26px 24px; gap:20px; margin-top:32px; }
}
/* Long email addresses and policy references remain inside the mobile article. */
.hh-info-article { overflow-wrap:anywhere; }

/* Information pages: Claude Design mockup layout (About, FAQ, Shipping, Returns, Privacy, Terms, Contact). */
.hh-mx { --mx-ink: var(--color-ink); --mx-panel: var(--color-charcoal); --mx-line-dark: var(--color-line-dark); --mx-sand: var(--color-sand); --mx-amber: var(--color-primary); --mx-leather: var(--color-secondary); --mx-leather-deep: color-mix(in srgb, var(--color-secondary) 62%, var(--color-ink)); --mx-cream: var(--color-hide); --mx-cream-deep: var(--color-hide-deep); display:flex; flex-direction:column; gap:20px; width:100%; padding:20px 0 8px; }
.hh-information:has(.hh-mx) #maincontent { padding-bottom:20px; }
.hh-mx h1,.hh-mx h2,.hh-mx h3 { font-family: var(--font-display); font-weight:700; text-transform:uppercase; text-wrap:balance; }
.hh-mx p { margin:0; }

/* Hero */
.hh-mx-hero { position:relative; overflow:hidden; border-radius:32px; border:1px solid var(--mx-line-dark); color: var(--color-white); background: radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--mx-amber) 24%, transparent), transparent 45%), radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--mx-leather) 50%, transparent), transparent 55%), var(--mx-panel); padding:clamp(28px,4.4vw,64px); display:flex; flex-direction:column; gap:40px; }
.hh-mx-hero[data-word]::after { content: attr(data-word); position:absolute; right:-20px; top:-36px; font-family: var(--font-display); font-weight:700; font-size:clamp(120px,17vw,250px); line-height:1; text-transform:uppercase; color:transparent; -webkit-text-stroke:1px color-mix(in srgb, var(--color-white) 7%, transparent); white-space:nowrap; pointer-events:none; }
.hh-mx-hero > * { position:relative; z-index:1; }
.hh-mx-split > .hh-mx-hero[data-word]::after { top:auto; bottom:-56px; }
.hh-mx-hero-top { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:24px 48px; }
.hh-mx-hero-copy { flex:1 1 460px; display:flex; flex-direction:column; gap:22px; max-width:820px; }
.hh-mx-hero h1 { margin:0; color: var(--color-white); font-size:clamp(52px,7.4vw,112px); line-height:.88; letter-spacing:-.01em; }
.hh-mx-hero h1 em { font-style:normal; color: var(--mx-amber); }
.hh-mx-lead { max-width:580px; font-size:18px; line-height:1.6; color: var(--mx-sand); }
.hh-mx-pill { align-self:flex-start; display:inline-flex; align-items:center; gap:10px; min-height:38px; padding:0 16px; border-radius:999px; background: color-mix(in srgb, var(--color-white) 6%, transparent); border:1px solid color-mix(in srgb, var(--color-white) 14%, transparent); font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color: var(--color-hide); }
.hh-mx-pill::before { content:''; width:8px; height:8px; border-radius:50%; background: var(--mx-amber); box-shadow:0 0 0 4px color-mix(in srgb, var(--mx-amber) 22%, transparent); }
.hh-mx-dates { display:flex; flex-wrap:wrap; gap:12px; }

/* Split hero (About) */
.hh-mx-split { display:flex; flex-wrap:wrap; gap:20px; }
.hh-mx-split > .hh-mx-hero { flex:1.2 1 480px; min-height:560px; justify-content:space-between; }
.hh-mx-split-side { flex:1 1 380px; display:flex; flex-direction:column; gap:20px; }
.hh-mx-photo { position:relative; flex:1 1 auto; min-height:400px; margin:0; border-radius:32px; overflow:hidden; background: var(--mx-panel); }
.hh-mx-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hh-mx-photo::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--mx-ink) 80%, transparent)); }
.hh-mx-photo::after { content:''; position:absolute; inset:16px; z-index:1; border-radius:20px; border:2px dashed color-mix(in srgb, var(--mx-amber) 70%, transparent); pointer-events:none; }
.hh-mx-photo figcaption { position:absolute; left:32px; right:32px; bottom:30px; z-index:2; display:flex; flex-direction:column; gap:4px; color: var(--color-white); }
.hh-mx-photo figcaption small { font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color: var(--mx-amber); }
.hh-mx-photo figcaption strong { font-family: var(--font-display); font-size:30px; font-weight:700; line-height:1; text-transform:uppercase; }

/* Stats */
.hh-mx-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); gap:12px; }
.hh-mx-stats--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hh-mx-stat { border-radius:24px; background: var(--mx-ink); border:1px solid var(--mx-line-dark); padding:22px 24px; display:flex; flex-direction:column; gap:6px; color: var(--color-white); }
.hh-mx-stat small { font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color: var(--mx-sand); }
.hh-mx-stat strong { font-family: var(--font-display); font-size:clamp(30px,3vw,40px); font-weight:700; line-height:1; text-transform:uppercase; }
.hh-mx-stat span { font-size:14px; color: var(--mx-sand); }
.hh-mx-stat--amber { background: var(--mx-amber); border-color: var(--mx-amber); color: var(--color-on-primary); }
.hh-mx-stat--amber small,.hh-mx-stat--amber span { color: var(--color-on-primary); }
.hh-mx-stat--wide { grid-column:1/-1; }
.hh-mx-stat--wide strong { font-size:clamp(56px,6vw,88px); line-height:.85; }

/* Section bands */
.hh-mx-band { border-radius:32px; padding:clamp(40px,6vw,96px) clamp(20px,4vw,64px); display:flex; flex-direction:column; gap:44px; }
.hh-mx-band--cream { background: var(--color-soft); color: var(--color-fg); }
.hh-mx-band--white { background: var(--color-surface); color: var(--color-fg); border:1px solid var(--color-line); }
.hh-mx-band--dark { background: var(--mx-ink); color: var(--color-white); }
.hh-mx-band--leather { background: var(--mx-leather-deep); color: var(--color-white); border-top:2px dashed var(--mx-amber); border-bottom:2px dashed var(--mx-amber); }
.hh-mx-band--center { align-items:center; text-align:center; }
.hh-mx-head { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:20px 40px; }
.hh-mx-head > div { display:flex; flex-direction:column; gap:16px; }
.hh-mx-head > p { max-width:440px; color: var(--color-fg-secondary); }
.hh-mx-band--dark .hh-mx-head > p,.hh-mx-band--leather .hh-mx-head > p { color: var(--mx-sand); }
.hh-mx-kicker { display:flex; align-items:center; gap:14px; font-size:12px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color: var(--color-accent-ink); }
.hh-mx-band--dark .hh-mx-kicker,.hh-mx-band--leather .hh-mx-kicker,.hh-mx-hero .hh-mx-kicker { color: var(--mx-amber); }
.hh-mx-kicker::before { content:''; width:44px; border-top:2px dashed var(--mx-amber); }
.hh-mx-band--center .hh-mx-kicker::after { content:''; width:44px; border-top:2px dashed var(--mx-amber); }
.hh-mx-h2 { margin:0; font-size:clamp(38px,5vw,72px); line-height:.96; color: inherit; }
.hh-mx-h2 em { font-style:normal; color: var(--mx-amber); }
.hh-mx-band--cream .hh-mx-h2 em,.hh-mx-band--white .hh-mx-h2 em { color: var(--color-accent-ink); }
.hh-mx-quote { max-width:1100px; margin:0; font-family: var(--font-display); font-weight:700; font-size:clamp(32px,4.4vw,62px); line-height:1.02; text-transform:uppercase; }
.hh-mx-quote em { font-style:normal; color: var(--color-accent-ink); }
.hh-mx-text { max-width:560px; font-size:18px; color: var(--mx-sand); }
.hh-mx-band--cream .hh-mx-text,.hh-mx-band--white .hh-mx-text { color: var(--color-fg-secondary); }
.hh-mx-note { font-size:15px; color: var(--color-fg-secondary); }

/* Two-column rows */
.hh-mx-row { display:flex; flex-wrap:wrap; align-items:center; gap:48px clamp(40px,6vw,96px); }
.hh-mx-row--top { align-items:flex-start; }
.hh-mx-col { flex:1 1 380px; min-width:0; display:flex; flex-direction:column; gap:24px; }
.hh-mx-col--wide { flex:1.6 1 520px; }

/* Collage (About story) */
.hh-mx-collage { position:relative; flex:1 1 400px; padding:0 0 72px 56px; }
.hh-mx-collage img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:28px; background: var(--color-white); }
.hh-mx-collage img + img { position:absolute; left:0; bottom:0; width:44%; border:8px solid var(--mx-leather-deep); }

/* Cards */
.hh-mx-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); gap:20px; }
.hh-mx-grid--tight { gap:16px; }
.hh-mx-card { border-radius:28px; padding:28px; display:flex; flex-direction:column; gap:12px; background: var(--color-surface); border:1px solid var(--color-line); color: var(--color-fg); }
.hh-mx-band--cream .hh-mx-card { background: var(--color-surface); }
.hh-mx-band--white .hh-mx-card { background: var(--color-soft); }
.hh-mx .hh-mx-card.hh-mx-card--dark,.hh-mx-band--dark .hh-mx-card { background: var(--mx-panel); border-color: var(--mx-line-dark); color: var(--color-white); }
.hh-mx-band--leather .hh-mx-card { background: color-mix(in srgb, var(--mx-ink) 35%, transparent); border-color: color-mix(in srgb, var(--color-white) 16%, transparent); color: var(--color-white); }
.hh-mx .hh-mx-card.hh-mx-card--amber { background: var(--mx-amber); border-color: var(--mx-amber); color: var(--color-on-primary); }
.hh-mx-card h3 { margin:0; font-size:clamp(24px,2.4vw,32px); line-height:1.02; color: inherit; }
.hh-mx-card p { font-size:15px; line-height:1.6; color: var(--color-fg-secondary); }
.hh-mx-card--dark p,.hh-mx-band--dark .hh-mx-card p,.hh-mx-band--leather .hh-mx-card p { color: var(--mx-sand); }
.hh-mx-card--amber p,.hh-mx-band--leather .hh-mx-card--amber p { color: var(--color-on-primary); font-weight:500; }
.hh-mx-card small { font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color: var(--color-accent-ink); }
.hh-mx-card--dark small,.hh-mx-band--dark .hh-mx-card small,.hh-mx-band--leather .hh-mx-card small { color: var(--mx-amber); }
.hh-mx-card--amber small,.hh-mx-band--leather .hh-mx-card--amber small { color: var(--color-on-primary); }
.hh-mx-card--tall { min-height:250px; justify-content:space-between; gap:32px; }
.hh-mx-num { font-family: var(--font-display); font-size:72px; font-weight:700; line-height:.8; color: var(--color-accent-ink); }
.hh-mx-band--dark .hh-mx-num { color: var(--mx-amber); font-size:88px; }
.hh-mx-badge { align-self:flex-start; display:inline-flex; align-items:center; gap:8px; min-height:32px; padding:0 14px; border-radius:999px; background: var(--mx-ink); color: var(--color-white); font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.hh-mx-badge::before { content:''; width:7px; height:7px; border-radius:50%; background: var(--mx-amber); }
.hh-mx-big { font-family: var(--font-display); font-size:52px; font-weight:700; line-height:.9; text-transform:uppercase; }
.hh-mx-big span { display:block; font-size:26px; }
.hh-mx-step { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.hh-mx-circle { width:56px; height:56px; flex-shrink:0; border-radius:50%; background: var(--mx-ink); color: var(--mx-amber); display:inline-flex; align-items:center; justify-content:center; font-family: var(--font-display); font-size:24px; font-weight:700; }

/* Product line cards (About) */
.hh-mx-line { padding:10px; gap:0; overflow:hidden; background: var(--color-soft); }
.hh-mx-line img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:20px; }
.hh-mx-line > div { display:flex; flex-direction:column; gap:14px; padding:22px 16px 16px; }
.hh-mx-line h3 { font-size:40px; line-height:.95; }

/* Lists */
.hh-mx-list { margin:0; padding:0; list-style:none; border-top:2px dashed var(--color-line); }
.hh-mx-list li { display:flex; gap:14px; padding:12px 0; border-bottom:2px dashed var(--color-line); font-size:16px; line-height:1.55; color: inherit; }
.hh-mx-list li::before { content:''; width:8px; height:8px; flex-shrink:0; margin-top:8px; border-radius:50%; background: var(--mx-amber); }
.hh-mx-band--dark .hh-mx-list,.hh-mx-band--dark .hh-mx-list li,.hh-mx-card--dark .hh-mx-list,.hh-mx-card--dark .hh-mx-list li { border-color: color-mix(in srgb, var(--mx-amber) 22%, var(--mx-line-dark)); }
.hh-mx-band--leather .hh-mx-list,.hh-mx-band--leather .hh-mx-list li { border-color: color-mix(in srgb, var(--mx-amber) 50%, transparent); }
.hh-mx-list--yes li::before,.hh-mx-list--no li::before { width:auto; height:auto; margin:0; border-radius:0; background:none; font-weight:700; color: var(--color-accent-ink); }
.hh-mx-list--yes li::before { content:'✓'; }
.hh-mx-list--no li::before { content:'✕'; color: var(--mx-amber); }
.hh-mx-band--leather .hh-mx-list--yes li::before { color: var(--mx-amber); }
.hh-mx-steps { counter-reset: mxstep; margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); gap:0 40px; border-top:2px dashed color-mix(in srgb, var(--mx-amber) 50%, transparent); }
.hh-mx-steps li { counter-increment: mxstep; display:flex; gap:18px; padding:20px 0; border-bottom:2px dashed color-mix(in srgb, var(--mx-amber) 50%, transparent); font-size:16px; }
.hh-mx-steps li::before { content: counter(mxstep, decimal-leading-zero); width:30px; flex-shrink:0; font-family: var(--font-display); font-size:22px; font-weight:700; color: var(--mx-amber); }

/* Buttons */
.hh-mx-actions { display:flex; flex-wrap:wrap; gap:12px; }
.hh-mx-btn { display:inline-flex; align-items:center; gap:16px; min-height:58px; padding:0 28px; border-radius:999px; font-family: var(--font-display); font-size:19px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; transition:background .2s ease,color .2s ease,border-color .2s ease; }
.hh-mx-btn--amber { background: var(--mx-amber); color: var(--color-on-primary); }
.hh-mx-btn--amber:hover { background: var(--color-white); color: var(--mx-ink); }
.hh-mx-btn--dark { background: var(--mx-ink); color: var(--color-white); }
.hh-mx-btn--dark:hover { background: var(--mx-amber); color: var(--color-on-primary); }
.hh-mx-btn--ghost { border:1.5px solid color-mix(in srgb, var(--color-white) 30%, transparent); color: var(--color-white); }
.hh-mx-btn--ghost:hover { border-color: var(--mx-amber); color: var(--mx-amber); }
.hh-mx-btn--outline { border:1.5px solid var(--mx-ink); color: var(--mx-ink); }
.hh-mx-btn--outline:hover { background: var(--mx-ink); color: var(--color-white); }
.hh-mx-btn::after { content:'↗'; font-family: var(--font-display); }
.hh-mx-btn--plain::after { content:none; }
.hh-mx-link { align-self:flex-start; font-size:14px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; color: inherit; border-bottom:2px dashed var(--mx-amber); padding:10px 0 4px; }

/* Amber CTA */
.hh-mx-cta { border-radius:32px; background: var(--mx-amber); color: var(--color-on-primary); padding:clamp(32px,4vw,56px); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; }
.hh-mx-cta > div { flex:1 1 420px; display:flex; flex-direction:column; gap:8px; }
.hh-mx-cta h2 { margin:0; font-size:clamp(32px,4vw,56px); line-height:.95; color: inherit; }
.hh-mx-cta p { font-size:17px; font-weight:500; }
.hh-mx-cta .hh-mx-link { border-color: var(--mx-ink); }
.hh-mx-cta .hh-mx-btn--outline { border-color: currentColor; color: inherit; }
.hh-mx-cta .hh-mx-btn--outline:hover { background: var(--mx-ink); border-color: var(--mx-ink); color: var(--color-white); }

/* Notice strip */
.hh-mx-notice { border-radius:24px; background: var(--mx-ink); color: var(--mx-sand); padding:22px 26px; display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; font-size:15px; }
.hh-mx-notice strong { display:inline-flex; align-items:center; min-height:32px; padding:0 14px; border-radius:999px; background: var(--mx-amber); color: var(--color-on-primary); font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.hh-mx-notice span { flex:1 1 400px; }

/* Legal documents */
.hh-mx-doc { display:flex; flex-wrap:wrap; align-items:flex-start; gap:32px; }
.hh-mx-toc { flex:1 1 260px; border-radius:28px; background: var(--color-surface); border:1px solid var(--color-line); padding:22px; }
.hh-mx-toc h2 { margin:0; padding:4px 12px 12px; font-family: inherit; font-size:12px; font-weight:600; letter-spacing:.18em; color: var(--color-accent-ink); }
.hh-mx-toc ol { margin:0; padding:0; list-style:none; }
.hh-mx-toc a { display:block; padding:9px 12px; border-radius:12px; font-size:15px; font-weight:500; line-height:1.4; color: var(--color-fg-secondary); text-decoration:none; transition:background .2s ease; }
.hh-mx-toc a:hover { background: var(--color-soft); color: var(--color-fg); }
.hh-mx-arts { flex:999 1 560px; min-width:0; display:flex; flex-direction:column; gap:16px; }
.hh-mx-art { scroll-margin-top:calc(var(--hh-header-height,132px) + 24px); border-radius:28px; background: var(--color-surface); border:1px solid var(--color-line); padding:clamp(24px,3vw,40px); }
.hh-mx-art h2 { margin:0 0 16px; font-size:34px; line-height:1.02; color: var(--color-fg); }
.hh-mx-art h3,.hh-mx-art h4 { margin:22px 0 10px; font-family: var(--font-display); font-size:22px; font-weight:700; text-transform:uppercase; color: var(--color-fg); }
.hh-mx-art p,.hh-mx-art li { font-size:17px; line-height:1.7; color: var(--color-fg-secondary); }
.hh-mx-art p { margin:0 0 14px; }
.hh-mx-art p:last-child { margin-bottom:0; }
.hh-mx-art strong { color: var(--color-fg); font-weight:600; }
.hh-mx-art ul,.hh-mx-art ol { margin:12px 0; padding:0; list-style:none; border-top:2px dashed var(--color-line); }
.hh-mx-art li { display:flex; gap:14px; padding:10px 0; border-bottom:2px dashed var(--color-line); }
.hh-mx-art li::before { content:''; width:8px; height:8px; flex-shrink:0; margin-top:10px; border-radius:50%; background: var(--mx-amber); }
.hh-mx-art a { color: var(--color-accent-ink); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.hh-mx-art table { width:100%; border-collapse:collapse; border:1px solid var(--color-line); border-radius:18px; overflow:hidden; font-size:16px; }
.hh-mx-art th { background: var(--mx-ink); color: var(--mx-amber); text-align:left; padding:14px 18px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; }
.hh-mx-art td { padding:14px 18px; border-top:1px solid var(--color-line); color: var(--color-fg-secondary); }
.hh-mx-art td:first-child { font-weight:600; color: var(--color-fg); }
.hh-mx-scroll { overflow-x:auto; }

/* FAQ */
.hh-mx-faq { flex:2 1 560px; min-width:0; border-top:2px dashed var(--color-line); }
.hh-mx-faq details { border-bottom:2px dashed var(--color-line); }
.hh-mx-faq summary { display:flex; align-items:center; gap:20px; min-height:76px; padding:18px 12px; border-radius:14px; cursor:pointer; list-style:none; color: var(--color-fg); transition:background .2s ease; }
.hh-mx-faq summary::-webkit-details-marker { display:none; }
.hh-mx-faq summary:hover { background: var(--color-soft); }
.hh-mx-faq summary b { width:30px; flex-shrink:0; font-family: var(--font-display); font-size:20px; color: var(--color-accent-ink); }
.hh-mx-faq summary span { flex-grow:1; font-family: var(--font-display); font-size:26px; font-weight:700; line-height:1.1; text-transform:uppercase; }
.hh-mx-faq summary::after { content:'+'; width:40px; height:40px; flex-shrink:0; border-radius:50%; background: var(--color-soft); color: var(--color-fg); display:inline-flex; align-items:center; justify-content:center; font-size:24px; }
.hh-mx-faq details[open] summary::after { content:'−'; background: var(--mx-amber); color: var(--color-on-primary); }
.hh-mx-faq details > div { padding:0 72px 24px 62px; }
.hh-mx-faq details p { font-size:17px; line-height:1.65; color: var(--color-fg-secondary); }
.hh-mx-faq details a { color: var(--color-accent-ink); text-decoration:underline; text-underline-offset:4px; }

/* Contact */
.hh-mx-contact { display:flex; flex-wrap:wrap; gap:32px; }
.hh-mx-contact > form { flex:1.5 1 520px; min-width:0; margin:0; }
.hh-mx-contact > aside { flex:1 1 340px; display:flex; flex-direction:column; gap:20px; }
.hh-information .hh-mx-contact .card { border-radius:32px; padding:clamp(28px,4vw,56px); display:flex; flex-direction:column; gap:24px; }
.hh-mx-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); gap:20px; }
.hh-mx-fields .field { margin:0 !important; }
.hh-mx-fields .field.comment { grid-column:1/-1; }
.hh-information .hh-mx-contact label { font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color: var(--color-fg-secondary); }
.hh-information .hh-mx-contact .form-input { min-height:56px; border-radius:14px; background: var(--color-soft); font-size:17px; }
.hh-mx-contact-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.hh-mx-contact-foot p { font-size:14px; color: var(--color-fg-secondary); }
.hh-mx-contact .hh-mx-btn { border:0; cursor:pointer; }
.hh-mx-contact .hh-mx-btn--amber:hover { background: var(--color-primary-darker); color: var(--color-on-primary); }
.hh-mx-quick { display:flex; flex-direction:column; gap:10px; flex:1 1 320px; }
.hh-mx-quick a { display:flex; align-items:center; gap:16px; padding:18px 20px; border-radius:22px; background: var(--mx-ink); border:1px solid var(--mx-line-dark); color: var(--color-white); text-decoration:none; transition:border-color .2s ease; }
.hh-mx-quick a:hover { border-color: var(--mx-amber); color: var(--color-white); }
.hh-mx-quick svg { width:48px; height:48px; padding:13px; flex-shrink:0; border-radius:50%; background: var(--mx-amber); color: var(--color-on-primary); box-sizing:border-box; }
.hh-mx-quick span { display:flex; flex-direction:column; gap:2px; min-width:0; font-size:17px; font-weight:600; overflow-wrap:anywhere; }
.hh-mx-quick small { font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color: var(--mx-sand); }
.hh-mx-address { border-radius:28px; background: var(--color-surface); border:1px solid var(--color-line); padding:26px; display:flex; flex-direction:column; gap:8px; font-style:normal; color: var(--color-fg); }
.hh-mx-address small { font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color: var(--color-accent-ink); }

.hh-mx a:focus-visible,.hh-mx summary:focus-visible,.hh-mx button:focus-visible { outline:2px solid var(--mx-amber); outline-offset:3px; }
@media (prefers-reduced-motion:reduce) { .hh-mx-btn,.hh-mx-toc a,.hh-mx-faq summary,.hh-mx-quick a { transition:none; } }
@media (max-width:767px) {
  .hh-mx { gap:14px; padding-top:12px; }
  .hh-mx-hero,.hh-mx-band,.hh-mx-cta,.hh-mx-photo { border-radius:24px; }
  .hh-mx-split > .hh-mx-hero { min-height:0; }
  .hh-mx-photo { min-height:300px; }
  .hh-mx-band { gap:32px; }
  .hh-mx-collage { padding:0 0 56px 32px; }
  .hh-mx-faq summary { gap:14px; padding:16px 4px; }
  .hh-mx-faq summary span { font-size:21px; }
  .hh-mx-faq details > div { padding:0 4px 20px 48px; }
  .hh-mx-btn { width:100%; justify-content:center; }
  .hh-mx-stats--2 { grid-template-columns:1fr; }
}