@import url("product-page.css");
/* Shared landing-page header/footer. Generated by share-site-chrome.py. */
.site-shell .dialog-close{position:static;top:auto;right:auto;padding:0}
:where(.site-shell) .wrap,.wrap:where(.site-shell){width:min(1190px,calc(100% - 48px));margin:auto}
:where(.site-shell) .navlinks a:hover,.navlinks:where(.site-shell) a:hover,:where(.site-shell) .footer a:hover,.footer:where(.site-shell) a:hover{text-decoration:underline;text-underline-offset:5px}
:where(.site-shell) .footer,.footer:where(.site-shell){background:#10161d;color:#b5bdc5;padding:50px 0 30px}
:where(.site-shell) .footer-top,.footer-top:where(.site-shell){display:flex;justify-content:space-between;gap:50px;border-bottom:1px solid #353e48;padding-bottom:45px}
:where(.site-shell) .footer .brand,.footer:where(.site-shell) .brand{color:#fff}
:where(.site-shell) .footer p,.footer:where(.site-shell) p{max-width:330px;font-size:.86rem;margin:18px 0 0}
:where(.site-shell) .footer-columns,.footer-columns:where(.site-shell){display:flex;gap:85px}
:where(.site-shell) .footer h3,.footer:where(.site-shell) h3{color:white;font-size:.84rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}
:where(.site-shell) .footer a,.footer:where(.site-shell) a{display:block;margin:8px 0;font-size:.86rem}
:where(.site-shell) .footer-bottom,.footer-bottom:where(.site-shell){display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:.78rem}
:where(.site-shell) .footer-bottom span:last-child,.footer-bottom:where(.site-shell) span:last-child{max-width:650px;text-align:right}
@media(max-width:760px){:where(.site-shell) .wrap,.wrap:where(.site-shell){width:min(100% - 36px,600px)}
:where(.site-shell) .footer-top,.footer-top:where(.site-shell),:where(.site-shell) .footer-bottom,.footer-bottom:where(.site-shell){display:block}
:where(.site-shell) .footer-columns,.footer-columns:where(.site-shell){gap:30px;margin-top:30px}
:where(.site-shell) .footer-bottom span,.footer-bottom:where(.site-shell) span{display:block}
:where(.site-shell) .footer-bottom span:last-child,.footer-bottom:where(.site-shell) span:last-child{text-align:left;margin-top:8px}}
:where(.site-shell) .footer,.footer:where(.site-shell){background:#111820}
:where(.site-shell) .footer-top,.footer-top:where(.site-shell){gap:60px}
:where(.site-shell) .footer-brand,.footer-brand:where(.site-shell){max-width:295px}
:where(.site-shell) .footer .brand,.footer:where(.site-shell) .brand{color:#fff}
:where(.site-shell) .footer-columns,.footer-columns:where(.site-shell){gap:55px}
:where(.site-shell) .dhk-footer,.dhk-footer:where(.site-shell){max-width:300px}
:where(.site-shell) .dhk-logo,.dhk-logo:where(.site-shell){width:132px;height:50px;object-fit:contain;object-position:left center;margin:8px 0}
:where(.site-shell) .dhk-footer p,.dhk-footer:where(.site-shell) p{font-size:.84rem;line-height:1.55;margin:8px 0 10px}
:where(.site-shell) .social-links,.social-links:where(.site-shell){display:flex;gap:10px;margin-top:23px}
:where(.site-shell) .social-links a,.social-links:where(.site-shell) a{display:grid;place-items:center;border:1px solid #59636e;border-radius:50%;width:34px;height:34px}
:where(.site-shell) .social-links svg,.social-links:where(.site-shell) svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:where(.site-shell) .social-links a:hover,.social-links:where(.site-shell) a:hover{color:#f49237;border-color:#f49237}
:where(.site-shell) .payment-area,.payment-area:where(.site-shell){display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid #394550;padding:25px 0;color:#c6cdd4;font-size:.78rem}
:where(.site-shell) .payment-logos,.payment-logos:where(.site-shell){display:flex;align-items:center;gap:9px;flex-wrap:wrap}
:where(.site-shell) .pay-logo,.pay-logo:where(.site-shell){height:34px;min-width:58px;padding:3px 9px;border-radius:4px;background:white;display:flex;align-items:center;justify-content:center;color:#192536;font-weight:900;line-height:1;white-space:nowrap}
:where(.site-shell) .pay-logo.amex,.pay-logo.amex:where(.site-shell){background:#176fc1;color:#fff;font-size:.54rem;text-align:center;letter-spacing:-.02em}
:where(.site-shell) .pay-logo.mastercard,.pay-logo.mastercard:where(.site-shell){flex-direction:column;padding:2px 6px;gap:0;min-width:63px}
:where(.site-shell) .mastercard svg,.mastercard:where(.site-shell) svg{width:45px;height:25px}
:where(.site-shell) .mastercard small,.mastercard:where(.site-shell) small{font-size:.43rem;color:#222}
:where(.site-shell) .paypal,.paypal:where(.site-shell){font-size:.9rem;font-style:italic;color:#0067a8;gap:2px}
:where(.site-shell) .visa,.visa:where(.site-shell){font:italic 900 1.2rem Arial,sans-serif;letter-spacing:-.08em;color:#1a1f71}
:where(.site-shell) .applepay,.applepay:where(.site-shell){font:600 1.05rem Arial,sans-serif;gap:2px}
:where(.site-shell) .applepay svg,.applepay:where(.site-shell) svg{width:16px;height:20px}
:where(.site-shell) .footer-bottom,.footer-bottom:where(.site-shell){padding-top:20px}
:where(.site-shell) .site-dialog,.site-dialog:where(.site-shell){width:min(520px,calc(100vw - 30px));max-height:min(90vh,760px);border:0;border-radius:7px;padding:28px;color:#17212a;box-shadow:0 30px 80px #0008}
:where(.site-shell) .site-dialog::backdrop,.site-dialog:where(.site-shell)::backdrop{background:#0a1019a8}
:where(.site-shell) .dialog-head,.dialog-head:where(.site-shell){display:flex;align-items:center;justify-content:space-between;gap:15px}
:where(.site-shell) .dialog-head h2,.dialog-head:where(.site-shell) h2{font-size:2.1rem;margin:0}
:where(.site-shell) .dialog-close,.dialog-close:where(.site-shell){background:#f1f3f5;border:0;border-radius:50%;font-size:1.6rem;width:38px;height:38px;line-height:1}
:where(.site-shell) .site-dialog>p,.site-dialog:where(.site-shell)>p{color:#59636e}
@media(max-width:760px){
:where(.site-shell) .payment-area,.payment-area:where(.site-shell){align-items:flex-start;flex-direction:column}
:where(.site-shell) .footer-columns,.footer-columns:where(.site-shell){gap:25px}
:where(.site-shell) .footer-brand,.footer-brand:where(.site-shell){max-width:none}}
:where(.site-shell) .footer .brand-logo,.footer:where(.site-shell) .brand-logo{width:270px}
:where(.site-shell) .footer .brand,.footer:where(.site-shell) .brand{margin:0}
@media(max-width:530px){
:where(.site-shell) .footer .brand-logo,.footer:where(.site-shell) .brand-logo{width:230px}}
:where(.site-shell) .footer,.footer:where(.site-shell){border-top:5px solid #f49237}
:where(.site-shell) .footer-top,.footer-top:where(.site-shell),:where(.site-shell) .footer-columns,.footer-columns:where(.site-shell){align-items:flex-start}
:where(.site-shell) .dhk-footer>a:first-child,.dhk-footer:where(.site-shell)>a:first-child{display:inline-block;margin:0 0 12px;vertical-align:top}
:where(.site-shell) .dhk-footer .dhk-logo,.dhk-footer:where(.site-shell) .dhk-logo{width:132px;height:auto;margin:0}
:where(.site-shell) .dhk-footer p,.dhk-footer:where(.site-shell) p{margin:0 0 10px}
:where(.site-shell) .payment-area,.payment-area:where(.site-shell){gap:24px}
:where(.site-shell) .payment-meta,.payment-meta:where(.site-shell){display:flex;align-items:center;gap:26px;flex-wrap:wrap}
:where(.site-shell) .payment-meta>span,.payment-meta:where(.site-shell)>span{white-space:nowrap}
:where(.site-shell) .policy-links,.policy-links:where(.site-shell){display:flex;align-items:center;gap:16px}
:where(.site-shell) .policy-links button,.policy-links:where(.site-shell) button{border:0;background:none;padding:5px 0;color:#d5dbe0;font-size:.83rem;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
:where(.site-shell) .policy-links button:hover,.policy-links:where(.site-shell) button:hover{color:#f49237}
:where(.site-shell) .pay-logo.paypal,.pay-logo.paypal:where(.site-shell){min-width:82px;padding:1px 4px;overflow:hidden;background:#fff}
:where(.site-shell) .pay-logo.paypal img,.pay-logo.paypal:where(.site-shell) img{width:76px;height:32px;object-fit:cover;object-position:center}
@media(max-width:1050px){:where(.site-shell) .payment-area,.payment-area:where(.site-shell){align-items:flex-start;flex-direction:column;gap:15px}
:where(.site-shell) .payment-meta,.payment-meta:where(.site-shell){gap:18px}}
@media(max-width:530px){:where(.site-shell) .payment-meta,.payment-meta:where(.site-shell){align-items:flex-start;flex-direction:column;gap:4px}
:where(.site-shell) .policy-links,.policy-links:where(.site-shell){gap:15px}}
:where(.site-shell) .header .wrap,.header:where(.site-shell) .wrap{width:min(1440px,calc(100% - 48px))}
@media(max-width:760px){:where(.site-shell) .header .wrap,.header:where(.site-shell) .wrap{width:calc(100% - 36px)}}
/* Appointment-only telephone access, immediately after the cart. */
@media(max-width:420px){.site-shell .wrap{width:calc(100% - 24px)}}
@media(max-width:420px){.site-shell .header .wrap,.header.site-shell .wrap{width:calc(100% - 24px)}}
/* Minimum-price emphasis and product hero image carousels. */

body:has(>footer.footer){min-height:100vh;display:flex;flex-direction:column}body>footer.footer{margin-top:auto}

.footer-title{margin:0 0 14px;font-weight:700;line-height:1.2}
.footer .footer-title{color:#fff;font-size:.84rem;text-transform:uppercase;letter-spacing:.1em}
.footer-documents .footer-title{font-size:1.1rem;margin:0 0 12px}
.seo-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}