/* Doors MTL · brushed gunmetal and brass identity */
:root{--ink:#f2f0e9;--red:#d4b278;--muted:#b7bdc1;--line:#454543;--paper:#202326;--gold:#d4b278;--background:#16191c;--foreground:#f2f0e9;--card:#222629;--card-foreground:#f2f0e9;--popover:#222629;--popover-foreground:#f2f0e9;--primary:#d4b278;--primary-foreground:#141719;--secondary:#292e31;--secondary-foreground:#f2f0e9;--muted-foreground:#b7bdc1;--accent:#343633;--accent-foreground:#f2f0e9;--border:#454543;--input:#454543;--ring:#d4b278;--radius:0}
body{background:#16191c;color:#f2f0e9;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea,.button,article,figure,dialog,details,.direct-request,#direct-request-form,.gallery-photo,.gallery-enlarge,.gallery-lightbox,.gallery-close,.gallery-controls button,.inline-etransfer,.payment-stock-notice{border-radius:0!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--gold)!important}
::selection{background:#d4b278;color:#141719}
.store-topbar{background:#0d1012;border-bottom:1px solid #393a36;color:#bac0c4;font-size:calc(12px + 0.5pt);letter-spacing:.05em;padding:9px 5%}
.store-topbar a{color:var(--gold)}
header,.topbar{background:linear-gradient(115deg,#252a2deF,#121619f7 60%,#24282beF);border-bottom:1px solid #9d855c;backdrop-filter:blur(16px);padding:16px 5%;height:auto;min-height:100px;gap:28px}
header .site-logo,.topbar .company-logo{width:210px;height:62px;object-fit:contain;background:transparent;padding:0}
header nav,.topbar nav{display:flex;gap:25px;font-size:calc(12px + 0.5pt);letter-spacing:.035em}
header nav a:hover,.topbar nav a:hover,.text-link,.text-button{color:var(--gold)}
header .header-phone{color:var(--gold);font-size:calc(13px + 0.5pt)}
#lang,.language-switch button{color:#f2f0e9;background:transparent;border:1px solid #57564d;padding:10px}
.language-switch button[aria-pressed=true]{background:var(--gold);color:#141719}
.button,.primary,.cart-button{background:linear-gradient(110deg,#eed3a2,#be985c 70%,#ddbc83);border:1px solid #dfbf87;color:#15191c!important;font-weight:700;box-shadow:inset 0 1px #fff5;letter-spacing:.035em;min-height:46px}
.button:hover,.primary:hover,.cart-button:hover{background:linear-gradient(110deg,#f6deb3,#d8b679);color:#111!important;transform:translateY(-1px)}
.button:disabled{transform:none;opacity:.55}
.text-button{border-bottom-color:#7a684b}.text-link{border-bottom-color:#7a684b;text-underline-offset:6px}
.store-category-bar,.material-tabs{background:#202427;border-bottom:1px solid #44453f;padding:16px 5%;font-size:calc(12px + 0.5pt);gap:26px;justify-content:flex-start;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#877455 #202427}
.store-category-bar a{color:#d9dddf}.store-category-bar a:hover{color:#e9c78c}
.hero{min-height:600px;grid-template-columns:1.05fr 1fr;border-bottom:1px solid #b09665;background:#171b1e}
.hero-copy{position:relative;isolation:isolate;padding:90px 9% 80px 10%;background:repeating-linear-gradient(0deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 4px),linear-gradient(115deg,#34393d,#171b1e 42%,#292e32 72%,#15191c);overflow:hidden;color:#f2f0e9}
.hero-copy:before{content:"";position:absolute;inset:0;background:url('/images/metal-world-map.png') center/cover no-repeat;opacity:.14;z-index:-1;pointer-events:none}
.hero-copy:after{content:"";position:absolute;top:-100px;left:-105px;width:280px;height:210px;transform:rotate(-45deg);background:repeating-linear-gradient(0deg,transparent 0 13px,#080b0d 14px 17px,#7c82862b 18px 19px);z-index:-1;pointer-events:none}
.hero .eyebrow,.kicker{color:#e2bd80;font-size:calc(11px + 0.5pt);letter-spacing:.22em;line-height:1.8}
.hero h1{font-size:calc(clamp(38px,4.3vw,67px) + 0.5pt);line-height:1.08;letter-spacing:-.035em;max-width:720px;font-weight:600}
.hero .intro,.hero .lede{color:#d0d3d5;font-size:calc(17px + 0.5pt);line-height:1.8;max-width:570px}
.hero .micro{color:#b5bdc2;max-width:470px;line-height:1.75}
.hero-actions{gap:25px;align-items:center}.hero .text-link{font-size:calc(14px + 0.5pt);color:#e7c88e}
.hero-image{min-height:600px;border-left:1px solid #a68d60;background:#171b1e}
.hero-image img{object-fit:cover}.hero-image:after{pointer-events:none}
.image-caption{left:28px;right:28px;bottom:28px;background:#171b1eeF;color:#f2f0e9;border-left:3px solid var(--gold);padding:19px 23px;box-shadow:0 12px 30px #0005}
.image-caption span{color:#d4b278;font-size:calc(10px + 0.5pt);letter-spacing:.17em}.image-caption b{font-size:calc(18px + 0.5pt);font-weight:500}
.trust{background:#101416;padding:26px 5%;border-bottom:1px solid #454543;gap:15px}.trust div{border-color:#454543}.trust span{font-weight:400;color:#d1d5d7}.trust b{color:#d4b278}
.section{padding-top:86px;padding-bottom:86px}.section-head{margin-bottom:40px}.section-head h2,h2{font-weight:500;letter-spacing:-.035em}.section-head>p{line-height:1.8}.eyebrow{color:#d4b278;font-size:calc(11px + 0.5pt);letter-spacing:.18em}
.cards{gap:26px}.cards article,.catalog-card,.shop-category-tile,.seo-services article,.product-card{background:linear-gradient(135deg,#2a2e31,#1c2023);border:1px solid #454743;box-shadow:0 14px 26px #0002;transition:border-color .2s,transform .2s}.cards article:hover,.catalog-card:hover,.shop-category-tile:hover{border-color:#b39868;transform:translateY(-3px)}
.card-body{padding:30px}.card-body h3{font-size:calc(23px + 0.5pt);font-weight:500}.card-body p{color:#b7bdc1;line-height:1.8}.card-image,.product-image{background:#ececea;border-bottom:2px solid #a78e61}.product-number{background:#181c1eeF!important;color:#e9c78c!important;letter-spacing:.12em!important;border:1px solid #71644b;font-size:calc(10px + 0.5pt)!important}
.photo-grid figure{background:#23272a;border-color:#454743}.photo-grid img,.catalog-card>img,.shop-category-tile img,.hardware-product-photo{background:#f4f4f1}.photo-grid figcaption{color:#e3e5e5;border-top:1px solid #65604f;font-weight:400}.product-photos{border-top:1px solid #383c3e}
.process{background:linear-gradient(110deg,#292e32,#191d20);border-top:1px solid #6b604d;border-bottom:1px solid #6b604d}.process h3{font-weight:500}.process p{color:#b7bdc1}.process li>span{color:#d4b278}.process li{border-color:#4b4d48}
.gallery{background:#111518}.project{background:#22272a;border-top-color:#d4b278}.project-index{color:#8f7b58}.project p:not(.eyebrow){color:#bbc2c5}.gallery-heading,.prices-page-heading{background:linear-gradient(115deg,#2b3034,#171b1e);border-bottom:1px solid #796b51}
.gallery-heading .intro,.section>.intro{color:#c8ced1}.gallery-photo{background:#e8e9e6;border:1px solid #7a715f}.gallery-photo img{background:#e8e9e6}.gallery-enlarge{background:#151a1d;color:#e8c88c}.door-gallery-item figcaption span{color:#d4b278}.gallery-contact{background:#22272a;border-top:1px solid #9d855c}
.catalog-heading h1,.prices-page-heading h1{font-weight:500}.catalog-search-bar,.catalog-quote-tray,.shop-aluminum,.price-summary,.product-model,.config-card,.drawer,.config-section{background:#22272a;border:1px solid #4b4d46}.catalog-sidebar nav button{background:#22272a;color:#d9dedf;border-color:#444943}.catalog-sidebar nav button.active{background:#35332b;color:#f0cf93;border-color:#d4b278}.catalog-category-label,.catalog-brand-name,.catalog-estimate-note{color:#b7bdc1}.catalog-card .button{font-size:calc(13px + 0.5pt)}.catalog-config-controls{background:#22272a;color:#f2f0e9}.catalog-quote-price{color:#f0cf93}.catalog-search-bar button,.catalog-pagination button{background:#2a2f32;color:#f2f0e9;border-color:#75684e}
.product-model{border-top:2px solid #d4b278}.product-model svg{background:#eceeeb}.product-model small{color:#b7bdc1}.price-summary{border-top:2px solid #d4b278}#price-total,.tax-grand-total{color:#efcc8f}
input,select,textarea,.catalog-search-bar input,.catalog-search-bar select,.config-card input,.config-card select{background:#101619;color:#f2f0e9;border:1px solid #737568;color-scheme:dark}input::placeholder,textarea::placeholder{color:#9fa8ae}option{background:#181e21;color:#f2f0e9}
form{background:#22272a;border-color:#4b4d46}.direct-request{background:linear-gradient(120deg,#303539,#1a1e21);border:1px solid #8a795b;box-shadow:0 20px 50px #0003}.request-heading h2{font-weight:500}.request-heading p:last-child,.required-note{color:#c1c8cc}#direct-request-form{background:#171c1f;border-color:#4f544c}#direct-request-form label,#direct-request-form label>span{color:#e5e7e7}#direct-request-form label b{color:#e3bf82}#direct-request-form input:not([type=hidden]),#direct-request-form textarea,#direct-request-form select{background:#101619;color:#f2f0e9;border:1px solid #737568;padding:12px}#direct-request-form input:focus,#direct-request-form textarea:focus{outline-color:#d4b278}#direct-request-form small,form .micro,.payment-row span{color:#b7bdc1}
.inline-etransfer{background:#22272a;border-color:#8a795b}.inline-etransfer>summary{background:#353329;color:#f0cf93}.inline-payment-body,.inline-payment-body p,.stock-first{color:#d9dddf}.payment-row{border-color:#515044}.payment-stock-notice{background:#353025;border-color:#8a795b}.payment-stock-notice a,.payment-tab-note{color:#e5bf80}.etransfer-copy{background:#d4b278!important;color:#15191c!important}.quebec-tax-summary{color:#d9dedf}.selection-tax{color:#b7bdc1}
.faq details{border-color:#484b45}.faq details p{color:#b7bdc1}dialog,.gallery-lightbox{background:#1c2225;color:#f2f0e9;border:1px solid #ae9261}.gallery-controls button,.gallery-close,.close{background:#303639;color:#f2f0e9;border:1px solid #767160}dialog::backdrop{background:#080c10de}
footer{position:relative;isolation:isolate;overflow:hidden;background:repeating-linear-gradient(0deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 4px),linear-gradient(110deg,#2c3034,#12171a 60%,#272d30);border-top:2px solid #c6a570;padding-top:70px;gap:40px;color:#f2f0e9}
footer:before{content:"";position:absolute;inset:0;background:url('/images/metal-world-map.png') right center/800px auto no-repeat;opacity:.23;z-index:-1;pointer-events:none}
footer .site-logo,.footer-brand .company-logo{width:240px;height:80px;background:transparent;padding:0;object-fit:contain}footer small{color:#d4b278}footer p{color:#c1c8cc}footer a:hover{color:#e9c78c}.legal-links button{color:#c1c8cc}.footer-bottom{border-color:#8c7853;color:#aeb8bf}
.skip:focus{background:#d4b278;color:#15191c}.proof,.family-heading{border-color:#71624b}.language-switch{border-color:#71624b}.material-tabs a{border-color:#71624b}.material-tabs a[aria-current=page]{background:#353329;box-shadow:inset 0 -3px #d4b278}.toast{background:#d4b278;color:#15191c}
@media(min-width:1500px){.hero-copy{padding-left:max(6vw,calc((100vw - 1400px)/2))}}
@media(max-width:1250px){header nav,.topbar nav{display:none}.hero-copy{padding:70px 8%}.hero h1{font-size:calc(48px + 0.5pt)}}
@media(max-width:900px){header,.topbar{padding:13px 5%;gap:14px;min-height:88px}header .site-logo,.topbar .company-logo{width:178px;height:55px}.hero{min-height:0}.hero-copy{padding:65px 7%}.hero-image{min-height:480px}.hero h1{font-size:calc(43px + 0.5pt)}.section{padding-top:62px;padding-bottom:62px}}
@media(max-width:700px){header,.topbar{display:flex;flex-wrap:wrap;gap:12px;min-height:86px}.topbar .header-actions{flex-direction:row;width:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:62px 6%}.hero h1{font-size:calc(43px + 0.5pt)}.hero-image{min-height:390px;border-left:0;border-top:1px solid #9e8457}.hero-actions{gap:20px}.hero .intro{font-size:calc(16px + 0.5pt)}.hero .text-link{font-size:calc(13px + 0.5pt)}.image-caption{left:20px;right:20px;bottom:20px;padding:16px}.trust{gap:16px}.trust span{font-size:calc(11px + 0.5pt);line-height:1.6}.store-topbar{font-size:calc(10px + 0.5pt)}.store-category-bar{padding:13px 5%;font-size:calc(12px + 0.5pt)}.section{padding-top:52px;padding-bottom:52px}.direct-request{margin:30px 4%;padding:30px 20px}.card-body{padding:24px}footer{padding-top:48px}footer:before{background-size:650px;background-position:center bottom}.hero-copy:before{background-size:auto 100%}.topbar .company-logo{height:50px}.header-actions{margin-left:auto}}
@media(max-width:400px){header .site-logo,.topbar .company-logo{width:150px;height:47px}.hero h1{font-size:calc(37px + 0.5pt)}.topbar .header-actions{width:100%;justify-content:space-between}.store-topbar span{max-width:180px}}
@media(prefers-reduced-motion:reduce){.cards article,.catalog-card,.shop-category-tile,.button,.primary{transition:none;transform:none!important}}
#request-products,.payment-section{background:#22272a;color:#f2f0e9;border:1px solid #75664e;border-radius:0}#request-whatsapp{background:#25D366;color:#102e1b!important;border-color:#25D366;gap:10px;box-shadow:none}#request-whatsapp:hover{background:#20bd5a;border-color:#20bd5a}#request-whatsapp::before{content:"";display:block;width:25px;height:25px;flex:0 0 25px;background:url("/images/whatsapp-logo.svg") center/contain no-repeat}#request-whatsapp:focus-visible{outline-color:#25D366!important}#catalog-added{color:#d4b278}.prices-page-heading{padding-bottom:30px}.gallery-heading .hero-actions{flex-wrap:wrap}#direct-request-form input:not([type=hidden]):focus,#direct-request-form textarea:focus,#direct-request-form select:focus{background:#151d21;color:#f2f0e9}.cart-button span{background:#202629;color:#e9c78c}.price-summary .button,.catalog-quote-tray .button{margin-top:14px}

/* Shared default for text without an explicit size: +0.5 point. */
body{font-size:calc(16px + 0.5pt)}

.basket-shortcut{color:#e3c689!important;font-size:14px;font-weight:700;padding:8px 5px;white-space:nowrap}.header-actions{flex-wrap:wrap}
.customer-header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.basket-icon-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:43px;min-height:43px;color:#e3c689!important;text-decoration:none}.basket-count{position:absolute;top:-2px;right:-4px;min-width:20px;height:20px;padding:0 4px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#e3c689;color:#151a20;font:700 12px/1 Arial,sans-serif;border:2px solid #151a20}.sign-in-tab{display:inline-flex;align-items:center;min-height:42px;border:1px solid #a89165;padding:8px 14px;color:#e3c689!important;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.basket-icon-link:focus-visible,.sign-in-tab:focus-visible{outline:2px solid #e3c689;outline-offset:4px}

.sign-out-tab{background:transparent;cursor:pointer;font-family:inherit}.sign-out-tab[hidden]{display:none!important}.sign-out-tab:disabled{opacity:.6;cursor:wait}

.sign-in-tab[hidden]{display:none!important}

.basket-cart-image{display:block;width:38px;height:38px;object-fit:contain}

/* The steel collection card shares the existing gallery link hit area. */
#systems .steel-collection-link{position:relative}

#systems .steel-collection-link:focus-within{outline:2px solid var(--gold);outline-offset:4px}
/* Payment providers: colors and persistent icons survive language switching. */
#pay-card>summary,#pay-quote>summary{display:flex;align-items:center;gap:12px;list-style:none}
#pay-card>summary::-webkit-details-marker,#pay-quote>summary::-webkit-details-marker{display:none}
#pay-card>summary::after,#pay-quote>summary::after{content:'+';margin-left:auto;font-size:24px;line-height:1;flex-shrink:0}
#pay-card[open]>summary::after,#pay-quote[open]>summary::after{content:'−'}
#pay-card>summary,#card-checkout-start{background:#eef1f5;color:#172439!important;border-color:#c6ccd2;box-shadow:none}
#pay-card>summary:hover,#card-checkout-start:hover{background:#dce3ec}
#pay-quote>summary,#copy-payment-details{background:#ffb92a!important;color:#171717!important;border-color:#ffb92a;box-shadow:none}
#pay-quote>summary:hover,#copy-payment-details:hover{background:#edaa1e!important}
#pay-card>summary::before,#card-checkout-start::before{content:'';display:block;flex:0 0 144px;width:144px;height:33px;background:url('/images/credit-card-logos.svg') center/contain no-repeat}
#pay-quote>summary::before,#copy-payment-details::before{content:'';display:block;flex:0 0 64px;width:64px;height:32px;background:url('/images/interac-wordmark.svg') center/contain no-repeat}
#card-checkout-start,#copy-payment-details{gap:12px}
@media(max-width:600px){#pay-card>summary,#pay-quote>summary{padding:14px 12px;font-size:15px;line-height:1.4}#card-checkout-start,#copy-payment-details{padding:12px;white-space:normal;text-align:left}}

#systems .hardware-collection-link{position:relative;cursor:pointer}
#systems .hardware-collection-link .card-image{background:#101920}
#systems .hardware-collection-link .text-button::after{content:"";position:absolute;inset:0;z-index:1}
#systems .hardware-collection-link:focus-within{outline:2px solid var(--gold);outline-offset:4px}