#doors-xpress-page { --green:#005d48; --ink:#0d0f10; --muted:#65686d; --line:#e7e7e7; --yellow:#ffb600; --content:724px; --wide:896px; }

  
#doors-xpress-page, #doors-xpress-page * { box-sizing:border-box; }

  
html { scroll-behavior:smooth; }

  
#doors-xpress-page { margin:0; color:var(--ink); background:#fff; font-family:"Montserrat",Arial,Helvetica,sans-serif; font-size:13px; -webkit-font-smoothing:antialiased; }

  
#doors-xpress-page a { color:inherit; text-decoration:none; }

  
#doors-xpress-page button, #doors-xpress-page input { font:inherit; }

  
#doors-xpress-page button { cursor:pointer; }

  
#doors-xpress-page .container { width:min(calc(100% - 32px), var(--content)); margin-inline:auto; }

  
#doors-xpress-page .wide-container { width:min(calc(100% - 36px), var(--wide)); margin-inline:auto; }

  
#doors-xpress-page .topbar { background:#000; color:#fff; }

  
#doors-xpress-page .topbar-inner { min-height:34px; width:min(calc(100% - 32px),var(--content)); margin:auto; display:flex; align-items:center; justify-content:center; gap:78px; font-size:10px; font-weight:700; }

  
#doors-xpress-page .announcement { display:flex; align-items:center; gap:16px; white-space:nowrap; }

  
#doors-xpress-page .top-trade { white-space:nowrap; font-size:9px; }

  
#doors-xpress-page .main-header { background:white; border-bottom:1px solid #efefef; }

  
#doors-xpress-page .header-inner { display:flex; align-items:center; gap:43px; min-height:49px; }

  
#doors-xpress-page .logo { display:flex; align-items:center; flex:none; gap:11px; }

  
#doors-xpress-page .logo-icon { display:grid; place-items:center; width:29px; height:29px; border-radius:4px; color:#fff; background:linear-gradient(135deg,#0575dd,#04aeee); box-shadow:0 1px 2px #0003; font-size:19px; font-weight:800; }

  
#doors-xpress-page .logo-type { display:flex;flex-direction:column;gap:2px;white-space:nowrap; }

  
#doors-xpress-page .logo-type strong { letter-spacing:-1.1px; font-size:21px;line-height:19px;font-weight:850; }

  
#doors-xpress-page .logo-type strong span { color:#ec9c00; }

  
#doors-xpress-page .logo-type small { font-size:6.5px; color:#555; letter-spacing:1.1px; font-weight:800; }

  
#doors-xpress-page .search { flex:1; display:flex; align-items:stretch; height:30px; max-width:309px; border:1px solid #ebebeb; background:#f5f5f5; border-radius:3px; overflow:hidden; }

  
#doors-xpress-page .search input { width:100%; min-width:0; background:transparent; border:0; outline:0; padding:0 12px; font-size:9px; color:#333; }

  
#doors-xpress-page .search button { border:0; display:grid; place-items:center; width:36px; flex:none; color:white; background:#111; }

  
#doors-xpress-page .search svg { width:15px; }

  
#doors-xpress-page .header-actions { display:flex; margin-left:auto; gap:20px; }

  
#doors-xpress-page .icon-button { background:none;border:0;padding:1px;display:grid;place-items:center;color:#181818; }

  
#doors-xpress-page .icon-button svg { width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8; }

  
#doors-xpress-page .menu-toggle { display:none; }

  
#doors-xpress-page .nav-row { min-height:26px; border-bottom:1px solid #eaeaea; display:flex;align-items:center;background:#fff; }

  
#doors-xpress-page .nav-inner {display:flex; align-items:center; justify-content:space-between; gap:9px; }

  
#doors-xpress-page .nav-inner a { white-space:nowrap; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.04px; padding:8px 0; }

  
#doors-xpress-page .nav-inner a:hover, #doors-xpress-page .footer a:hover { text-decoration:underline; }

  
#doors-xpress-page .hero { position:relative; min-height:224px; overflow:hidden; display:flex; align-items:center; background:linear-gradient(100deg,#fff 42%,#f4f1ec); }

  
#doors-xpress-page .hero-photo { position:absolute;inset:0 0 0 44%; width:56%; height:100%; object-fit:cover;object-position:center; }

  
#doors-xpress-page .hero::after {content:""; position:absolute;inset:0 51% 0 0; background:linear-gradient(90deg,#fff 80%,rgba(255,255,255,.82) 100%); pointer-events:none; }

  
#doors-xpress-page .hero-inner { position:relative; z-index:1; padding:11px 0 11px; }

  
#doors-xpress-page .hero-copy { max-width:330px; }

  
#doors-xpress-page .eyebrow { font-size:9px;letter-spacing:1px;font-weight:800; text-transform:uppercase; margin:0 0 6px; }

  
#doors-xpress-page h1 { margin:0 0 7px; font-size:41px; font-weight:850; letter-spacing:-2.1px; line-height:.86; }

  
#doors-xpress-page h1 span {color:#595a5d;}

  
#doors-xpress-page .hero-copy p {font-size:12px;max-width:292px;line-height:1.1;margin:8px 0 10px; letter-spacing:-.16px; }

  
#doors-xpress-page .buttons {display:flex;gap:12px;flex-wrap:wrap;align-items:center;}

  
#doors-xpress-page .btn { display:inline-flex; gap:12px; justify-content:space-between; align-items:center; min-height:26px; padding:0 14px; border:1px solid #111; border-radius:3px; font-weight:800; font-size:9px; }

  
#doors-xpress-page .btn.black {background:#111;color:white;}

  
#doors-xpress-page .btn.white {background:#fff;color:#111;}

  
#doors-xpress-page .usp-row {display:flex; gap:21px; align-items:center; margin-top:19px;}

  
#doors-xpress-page .usp {display:flex;align-items:center;gap:8px;white-space:nowrap;}

  
#doors-xpress-page .usp svg {width:21px;height:21px;stroke:#151515;stroke-width:1.7;fill:none;flex:none;}

  
#doors-xpress-page .usp b {font-size:9px;display:block;line-height:1;}

  
#doors-xpress-page .usp small {font-size:8px;color:#666;display:block;margin-top:1px;}

  
#doors-xpress-page .collections { padding:7px 0 9px; }

  
#doors-xpress-page h2 {font-size:20px;line-height:1.05; letter-spacing:-.65px; margin:0; font-weight:800;}

  
#doors-xpress-page .section-intro {color:#898989;font-size:12px;margin:1px 0 3px;letter-spacing:-.28px;}

  
#doors-xpress-page .collection-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:3px;}

  
#doors-xpress-page .photo-tile {display:block;position:relative;overflow:hidden; isolation:isolate; background:#ddd;min-width:0;aspect-ratio:1.34;}

  
#doors-xpress-page .photo-tile img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s ease;}

  
#doors-xpress-page .photo-tile:hover img { transform:scale(1.045); }

  
#doors-xpress-page .tile-shadow {position:absolute;inset:48% 0 0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.64)); z-index:1;}

  
#doors-xpress-page .tile-title {position:absolute;z-index:2;bottom:8px;left:11px;right:28px;font-size:12.5px; font-weight:750;letter-spacing:-.45px;line-height:1.05;color:white;text-shadow:0 1px 2px #0005;}

  
#doors-xpress-page .tile-arrow {position:absolute;z-index:2;bottom:6px;right:8px;font-weight:400;font-size:19px;line-height:1;color:white;}

  
#doors-xpress-page .promo-grid { display:grid;grid-template-columns:1.35fr 1fr; gap:9px;margin-top:8px; }

  
#doors-xpress-page .promo { min-height:113px; position:relative;overflow:hidden; }

  
#doors-xpress-page .promo-dark { background:linear-gradient(100deg,#1d2021 10%,#1d2021 60%,#080a0b 100%);color:#fff;}

  
#doors-xpress-page .promo img {position:absolute;right:0;top:0;height:100%;width:36%;object-fit:cover;}

  
#doors-xpress-page .promo-dark::after {position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent 50%,#0001);pointer-events:none;}

  
#doors-xpress-page .promo-content {position:relative;z-index:1;padding:11px 18px;max-width:82%;}

  
#doors-xpress-page .promo .eyebrow {font-size:8px;margin-bottom:4px;letter-spacing:1px;}

  
#doors-xpress-page .promo h3 {font-size:18px;letter-spacing:-.5px;line-height:1.02;margin:0 0 4px;}

  
#doors-xpress-page .promo p {font-size:9px;line-height:1.15;margin:0 0 6px;max-width:244px;}

  
#doors-xpress-page .mini-btn {display:inline-block;padding:5px 14px;font-size:9px;font-weight:700;background:#fff;color:#151515;border-radius:3px;}

  
#doors-xpress-page .promo-handle {background:#f5f4f2;}

  
#doors-xpress-page .promo-handle .promo-content {max-width:67%;}

  
#doors-xpress-page .promo-handle .promo-content p {font-size:10px;max-width:160px;color:#555;}

  
#doors-xpress-page .promo-handle .promo-content a {font-weight:800;font-size:9px;}

  
#doors-xpress-page .feature {border-top:1px solid #eee;padding:10px 0;}

  
#doors-xpress-page .feature-layout {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:center;}

  
#doors-xpress-page .feature-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;width:100%;}

  
/* Identical rule for both feature sections ensures exactly equal dimensions for all 8 cards. */

  
#doors-xpress-page .feature-grid .photo-tile {aspect-ratio:1.85 / 1;width:100%;min-width:0;}

  
#doors-xpress-page .feature-grid .tile-title {font-size:12.4px;left:9px;bottom:8px;right:24px;}

  
#doors-xpress-page .feature-grid .tile-arrow {right:8px;bottom:7px;}

  
#doors-xpress-page .feature-content {min-width:0;}

  
#doors-xpress-page .pill {display:inline-block;background:var(--yellow);font-size:10px;font-weight:700;border-radius:99px;padding:8px 16px;margin-bottom:8px;white-space:nowrap;}

  
#doors-xpress-page .feature-content h2 {font-size:22px;margin-bottom:7px;}

  
#doors-xpress-page .feature-content p {font-size:13px;line-height:1.22;color:#494949;letter-spacing:-.24px;margin:0 0 9px;}

  
#doors-xpress-page .feature-content p:last-child { margin-bottom:0; }

  
#doors-xpress-page .floor-feature .feature-layout { grid-template-columns:repeat(2,minmax(0,1fr)); }

  
#doors-xpress-page .footer {background:#1b2226;color:#fff;min-height:142px;padding:10px 0 13px;}

  
#doors-xpress-page .footer-inner {display:grid;grid-template-columns:2fr 1fr 1.1fr 1fr;gap:19px;}

  
#doors-xpress-page .footer .logo {gap:8px;}

  
#doors-xpress-page .footer .logo-icon {width:22px;height:22px;font-size:14px;}

  
#doors-xpress-page .footer .logo-type strong {font-size:14px;line-height:14px;color:white;}

  
#doors-xpress-page .footer .logo-type small {color:#bcc1c3;font-size:4.8px;}

  
#doors-xpress-page .footer-description {font-size:8px;line-height:1.25;margin:3px 0 8px;max-width:230px;color:#e4e4e4;}

  
#doors-xpress-page .socials {display:flex;align-items:center;gap:8px;margin:7px 0;}

  
#doors-xpress-page .socials span {display:grid;place-items:center;font-size:11px;background:white;color:#1b2226;border-radius:50%;font-weight:bold;width:15px;height:15px;}

  
#doors-xpress-page .copyright {font-size:7px;color:#ddd;white-space:nowrap;}

  
#doors-xpress-page .footer-col h3 {font-size:9px;margin:0 0 3px;font-weight:800;}

  
#doors-xpress-page .footer-col a {display:block;font-size:8px;line-height:1.26;color:#eee;}

  
#doors-xpress-page .footer-bottom {display:flex;justify-content:flex-end;gap:8px;font-size:7.5px;color:#d8d8d8;margin-top:3px;flex-wrap:wrap;}

  
#doors-xpress-page .visually-hidden {position:absolute!important;height:1px!important;width:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}

  
#doors-xpress-page :focus-visible {outline:3px solid #04a6d8;outline-offset:2px;}

  
@media  (min-width:1300px) {
    
#doors-xpress-page { --content:860px;--wide:1050px; }

    
#doors-xpress-page .hero {min-height:267px;}

    
#doors-xpress-page .hero-inner {padding:24px 0;}

    
#doors-xpress-page h1 {font-size:48px;}

    
#doors-xpress-page .header-inner {min-height:60px;}

    
#doors-xpress-page .collection-grid .photo-tile {aspect-ratio:1.35;}

    
#doors-xpress-page .feature-content h2 {font-size:25px;}

    
#doors-xpress-page .feature-content p {font-size:14px;}

    
#doors-xpress-page .feature-grid .tile-title {font-size:14px;}

  }

  
@media  (max-width:800px) {
    
#doors-xpress-page .header-inner {gap:18px;}

    
#doors-xpress-page .nav-inner {gap:8px;overflow:auto;scrollbar-width:none;justify-content:safe center;}

    
#doors-xpress-page .nav-inner a {font-size:7px;}

    
#doors-xpress-page .hero::after {inset:0 47% 0 0;}

    
#doors-xpress-page .feature-layout {gap:18px;}

    
#doors-xpress-page .feature-content h2 {font-size:19px;}

    
#doors-xpress-page .feature-content p {font-size:11px;}

  }

  
@media  (max-width:620px) {
    
#doors-xpress-page .topbar-inner {gap:0;justify-content:center;font-size:9px;min-height:30px;}

    
#doors-xpress-page .top-trade {display:none;}

    
#doors-xpress-page .header-inner {min-height:63px;gap:8px;}

    
#doors-xpress-page .header-actions .icon-button:not(.menu-toggle) svg { width:25px; height:25px; }

    
#doors-xpress-page .logo-type strong {font-size:18px;}

    
#doors-xpress-page .header-actions {gap:11px;}

    
#doors-xpress-page .search {margin-left:auto;max-width:45px;border:0; background:none;}

    
#doors-xpress-page .search:focus-within {max-width:none;position:absolute;z-index:10;left:16px;right:86px;background:white;box-shadow:0 0 0 2px #ddd;}

    
#doors-xpress-page .search input {opacity:0;}

    
#doors-xpress-page .search:focus-within input {opacity:1;}

    
#doors-xpress-page .search button {width:33px;}

    
#doors-xpress-page .menu-toggle {display:grid;}

    
#doors-xpress-page .nav-row {display:none;}

    
#doors-xpress-page .nav-row.open {display:block;}

    
#doors-xpress-page .nav-inner {flex-wrap:wrap;justify-content:center;gap:10px 18px;padding:9px 0;overflow:visible;}

    
#doors-xpress-page .nav-inner a {font-size:10px;padding:5px 0;}

    
#doors-xpress-page .hero {min-height:440px;align-items:flex-start;display:block;background:white;}

    
#doors-xpress-page .hero-photo {inset:auto 0 0 0;width:100%;height:205px;object-position:center;}

    
#doors-xpress-page .hero::after {display:none;}

    
#doors-xpress-page .hero-inner {padding:20px 0;}

    
#doors-xpress-page .hero-copy {max-width:100%;}

    
#doors-xpress-page h1 {font-size:43px;}

    
#doors-xpress-page .hero-copy p {font-size:12px;max-width:360px;}

    
#doors-xpress-page .usp-row {gap:10px;justify-content:space-between;margin-top:18px;}

    
#doors-xpress-page .usp {gap:4px;}

    
#doors-xpress-page .usp svg {width:18px;height:18px;}

    
#doors-xpress-page .usp b {font-size:8px;}

    
#doors-xpress-page .usp small {font-size:7px;}

    
#doors-xpress-page .collections {padding-top:16px;}

    
#doors-xpress-page .section-intro {line-height:1.4;}

    
#doors-xpress-page .collection-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}

    
#doors-xpress-page .collection-grid .photo-tile {aspect-ratio:1.34;}

    
#doors-xpress-page .promo-grid {grid-template-columns:1fr;gap:8px;}

    
#doors-xpress-page .promo {min-height:120px;}

    
#doors-xpress-page .feature {padding:18px 0;}

    
#doors-xpress-page .feature-layout, #doors-xpress-page .floor-feature .feature-layout {grid-template-columns:1fr;gap:16px;}

    
#doors-xpress-page .feature-grid .photo-tile {aspect-ratio:1.85;}

    
#doors-xpress-page .feature-content h2 {font-size:24px;}

    
#doors-xpress-page .feature-content p {font-size:13px;line-height:1.35;}

    
#doors-xpress-page .floor-feature .feature-content {order:0;}

    
#doors-xpress-page .floor-feature .feature-grid {order:1;}

    
#doors-xpress-page .footer-inner {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}

    
#doors-xpress-page .footer-bottom {justify-content:flex-start;margin-top:18px;}

    
#doors-xpress-page .footer {padding:25px 0;}

  }

  
@media  (max-width:365px) {
    
#doors-xpress-page .hero {min-height:470px;}

    
#doors-xpress-page .usp-row {flex-wrap:wrap;}

    
#doors-xpress-page .logo-type strong {font-size:16px;}

    
#doors-xpress-page .collection-grid .tile-title {font-size:11px;}

    
#doors-xpress-page .feature-grid .tile-title {font-size:10px;}

  }

  
/* Keep the longer benefit messages readable without spilling over the hero image. */

  
#doors-xpress-page .usp-row { flex-wrap:wrap; align-items:flex-start; }

  
#doors-xpress-page .usp { white-space:normal; align-items:flex-start; min-width:0; }

  
#doors-xpress-page .usp div { min-width:0; }

  
#doors-xpress-page .usp b { line-height:1.2; }

  
#doors-xpress-page .usp small { line-height:1.3; margin-top:2px; }

  
@media  (min-width:801px) {
    
#doors-xpress-page .hero-copy { max-width:clamp(450px, 43vw, 760px); }

    
#doors-xpress-page .usp-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(10px, 1.2vw, 23px); }

    
#doors-xpress-page .usp { max-width:none; }

  }

  
@media  (max-width:800px) {
    
#doors-xpress-page .usp-row { justify-content:flex-start; row-gap:12px; }

    
#doors-xpress-page .usp { max-width:190px; }

  }

  
@media  (max-width:620px) {
    
#doors-xpress-page .hero { min-height:530px; }

    
#doors-xpress-page .usp-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 10px; }

    
#doors-xpress-page .usp { max-width:none; }

    
#doors-xpress-page .usp b { font-size:10px; }

    
#doors-xpress-page .usp small { font-size:9px; }

  }

  
@media  (max-width:365px) { 
#doors-xpress-page .hero { min-height:570px; }
 }

  
@media  (prefers-reduced-motion:reduce) { 
html {scroll-behavior:auto}
 
#doors-xpress-page .photo-tile img {transition:none;}
 }


  
/* Full-width desktop layout — no centred, narrow maximum-width column. */

  
@media  (min-width:801px) {
    
#doors-xpress-page .container, #doors-xpress-page .wide-container {
      width:calc(100% - clamp(56px, 6vw, 160px));
      max-width:none;
    }

    
#doors-xpress-page .topbar-inner {
      width:calc(100% - clamp(56px, 6vw, 160px));
      justify-content:center;
      gap:28px;
      min-height:clamp(44px, 3.2vw, 64px);
      font-size:clamp(12px, .9vw, 16px);
    }

    
#doors-xpress-page .top-trade { font-size:clamp(11px, .8vw, 15px); }

    
#doors-xpress-page .header-inner { position:relative; min-height:clamp(86px, 6vw, 124px); gap:clamp(32px, 5vw, 110px); padding-block:clamp(4px, .5vw, 10px); }

    
#doors-xpress-page .logo-icon { width:clamp(35px, 3vw, 51px); height:clamp(35px, 3vw, 51px); font-size:clamp(23px, 2vw, 34px); }

    
#doors-xpress-page .logo-type strong { font-size:clamp(24px, 2vw, 35px); line-height:1; }

    
#doors-xpress-page .logo-type small { font-size:clamp(7px, .5vw, 11px); }

    
#doors-xpress-page .search { position:absolute; left:50%; transform:translateX(-50%); flex:none; width:clamp(520px, 42vw, 920px); max-width:clamp(520px, 42vw, 920px); height:clamp(52px, 4.2vw, 72px); }

    
#doors-xpress-page .search input { font-size:clamp(14px, 1vw, 18px); padding-inline:22px; }

    
#doors-xpress-page .search button { width:clamp(52px, 3.8vw, 72px); }

    
#doors-xpress-page .search svg { width:clamp(18px, 1.3vw, 25px); }

    
#doors-xpress-page .header-actions { gap:clamp(28px, 2.4vw, 52px); }

    
#doors-xpress-page .header-actions .icon-button:not(.menu-toggle) svg { width:clamp(32px, 2.15vw, 42px); height:clamp(32px, 2.15vw, 42px); }

    
#doors-xpress-page .nav-row { min-height:clamp(52px, 4vw, 74px); }

    
#doors-xpress-page .nav-inner { gap:clamp(22px, 3vw, 64px); justify-content:center; }

    
#doors-xpress-page .nav-inner a { font-size:clamp(11px, .9vw, 16px); padding:16px 0; letter-spacing:.02em; }

    
#doors-xpress-page .hero { min-height:clamp(365px, 29vw, 595px); }

    
#doors-xpress-page .hero-inner { padding:clamp(36px, 3vw, 76px) 0; }

    
#doors-xpress-page .hero-copy { max-width:clamp(430px, 37vw, 690px); }

    
#doors-xpress-page .eyebrow { font-size:clamp(12px, .86vw, 17px); margin-bottom:12px; }

    
#doors-xpress-page h1 { font-size:clamp(57px, 5.2vw, 108px); letter-spacing:-.045em; line-height:.9; }

    
#doors-xpress-page .hero-copy p { font-size:clamp(16px, 1.16vw, 23px); line-height:1.28; max-width:540px; margin:clamp(15px, 1.1vw, 23px) 0; letter-spacing:0; }

    
#doors-xpress-page .buttons { gap:clamp(11px, 1.2vw, 24px); }

    
#doors-xpress-page .btn { min-height:clamp(40px, 3.4vw, 60px); padding-inline:clamp(15px, 1.5vw, 31px); font-size:clamp(12px, .86vw, 17px); gap:clamp(15px, 2vw, 35px); }

    
#doors-xpress-page .usp-row { gap:clamp(16px, 2vw, 40px); margin-top:clamp(23px, 2.4vw, 47px); }

    
#doors-xpress-page .usp { gap:clamp(6px, .65vw, 13px); }

    
#doors-xpress-page .usp svg { width:clamp(22px, 1.7vw, 33px); height:clamp(22px, 1.7vw, 33px); }

    
#doors-xpress-page .usp b { font-size:clamp(11px, .8vw, 16px); }

    
#doors-xpress-page .usp small { font-size:clamp(10px, .73vw, 14px); }

    
#doors-xpress-page .collections { padding:clamp(21px, 2.1vw, 44px) 0 clamp(24px, 2vw, 42px); }

    
#doors-xpress-page h2 { font-size:clamp(27px, 2vw, 43px); letter-spacing:-.025em; }

    
#doors-xpress-page .section-intro { font-size:clamp(14px, 1vw, 20px); margin:7px 0 12px; letter-spacing:0; }

    
#doors-xpress-page .collection-grid { gap:clamp(10px, .9vw, 18px); margin-top:8px; }

    
#doors-xpress-page .collection-grid .photo-tile { aspect-ratio:1.34; }

    
#doors-xpress-page .tile-title { font-size:clamp(15px, 1.16vw, 23px); left:clamp(11px, 1.2vw, 24px); bottom:clamp(10px, 1vw, 20px); right:32px; }

    
#doors-xpress-page .tile-arrow { font-size:clamp(20px, 1.7vw, 32px); right:clamp(10px, .85vw, 18px); bottom:clamp(8px, .8vw, 18px); }

    
#doors-xpress-page .promo-grid { gap:clamp(10px, .9vw, 18px); margin-top:clamp(10px, 1vw, 20px); }

    
#doors-xpress-page .promo { min-height:clamp(158px, 15vw, 295px); }

    
#doors-xpress-page .promo-content { padding:clamp(16px, 1.9vw, 36px); }

    
#doors-xpress-page .promo .eyebrow { font-size:clamp(10px, .72vw, 15px); margin-bottom:8px; }

    
#doors-xpress-page .promo h3 { font-size:clamp(24px, 2.1vw, 43px); margin-bottom:9px; }

    
#doors-xpress-page .promo p { font-size:clamp(12px, 1vw, 19px); line-height:1.28; max-width:480px; margin-bottom:clamp(8px, 1vw, 20px); }

    
#doors-xpress-page .promo-handle .promo-content p { font-size:clamp(12px, 1vw, 19px); max-width:310px; }

    
#doors-xpress-page .promo-handle .promo-content a { font-size:clamp(12px, .85vw, 16px); }

    
#doors-xpress-page .mini-btn { font-size:clamp(11px, .82vw, 16px); padding:clamp(7px, .7vw, 14px) clamp(11px, 1vw, 20px); }

    
#doors-xpress-page .feature { padding:clamp(24px, 2.4vw, 50px) 0; }

    
#doors-xpress-page .feature-layout, #doors-xpress-page .floor-feature .feature-layout { grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px, 4vw, 88px); }

    
#doors-xpress-page .feature-grid { gap:clamp(10px, .9vw, 18px); }

    
#doors-xpress-page .feature-grid .photo-tile { width:100%; aspect-ratio:1.85; }

    
#doors-xpress-page .feature-grid .tile-title { font-size:clamp(15px, 1.1vw, 23px); left:clamp(9px, 1vw, 21px); bottom:clamp(8px, .9vw, 17px); right:36px; }

    
#doors-xpress-page .feature-grid .tile-arrow { bottom:clamp(8px, .9vw, 17px); }

    
#doors-xpress-page .pill { font-size:clamp(12px, .84vw, 17px); padding:clamp(8px, .8vw, 15px) clamp(17px, 1.35vw, 28px); margin-bottom:clamp(9px, 1vw, 19px); }

    
#doors-xpress-page .feature-content h2 { font-size:clamp(29px, 2.15vw, 46px); margin-bottom:clamp(10px, 1.1vw, 22px); }

    
#doors-xpress-page .feature-content p { font-size:clamp(15px, 1.05vw, 21px); line-height:1.4; letter-spacing:0; margin-bottom:clamp(10px, .95vw, 20px); }

    
#doors-xpress-page .footer { padding:clamp(30px, 3.2vw, 66px) 0; }

    
#doors-xpress-page .footer-inner { gap:clamp(24px, 3vw, 70px); }

    
#doors-xpress-page .footer .logo-icon { width:clamp(24px, 2vw, 35px); height:clamp(24px, 2vw, 35px); font-size:clamp(15px, 1.5vw, 24px); }

    
#doors-xpress-page .footer .logo-type strong { font-size:clamp(17px, 1.3vw, 25px); }

    
#doors-xpress-page .footer .logo-type small { font-size:clamp(6px, .42vw, 9px); }

    
#doors-xpress-page .footer-description { font-size:clamp(11px, .82vw, 16px); line-height:1.45; max-width:460px; margin:10px 0; }

    
#doors-xpress-page .footer-col h3 { font-size:clamp(13px, .97vw, 20px); margin-bottom:8px; }

    
#doors-xpress-page .footer-col a { font-size:clamp(11px, .83vw, 17px); line-height:1.5; }

    
#doors-xpress-page .copyright, #doors-xpress-page .footer-bottom { font-size:clamp(10px, .72vw, 14px); }

    
#doors-xpress-page .socials span { width:clamp(17px, 1.4vw, 26px); height:clamp(17px, 1.4vw, 26px); font-size:clamp(12px, .95vw, 18px); }

  }

  
@media  (min-width:801px) and (max-width:1100px) {
    
#doors-xpress-page .nav-inner { justify-content:center; gap:clamp(9px, 1.4vw, 18px); }

    
#doors-xpress-page .nav-inner a { font-size:8.5px; }

    
#doors-xpress-page .feature-content p { font-size:14px; }

    
#doors-xpress-page .feature-content h2 { font-size:27px; }

    
#doors-xpress-page .hero { min-height:335px; }

    
#doors-xpress-page .hero-copy { max-width:405px; }

    
#doors-xpress-page .hero-copy p {font-size:15px;}

    
#doors-xpress-page h1 {font-size:53px;}

    
#doors-xpress-page .usp-row {gap:12px;}

    
#doors-xpress-page .header-inner {gap:22px;}

    
#doors-xpress-page .search {max-width:34vw;}

  }


  
/* Precise viewport centring: equally sized side columns keep the search
     centred independently of the logo and account/basket controls. */

  
@media  (min-width:801px) {
    
#doors-xpress-page .header-inner {
      display:grid;
      grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
      align-items:center;
    }

    
#doors-xpress-page .header-inner > .logo { grid-column:1; justify-self:start; }

    
#doors-xpress-page .header-inner > .search {
      grid-column:2;
      justify-self:center;
      position:static;
      left:auto;
      transform:none;
      margin:0;
    }

    
#doors-xpress-page .header-inner > .header-actions {
      grid-column:3;
      justify-self:end;
      margin-left:0;
    }

  }


  
/* Pixel-consistent column sizing across both four-tile sections. */

  
@media  (min-width:801px) {
    
#doors-xpress-page .feature-layout, #doors-xpress-page .floor-feature .feature-layout {
      --column-gap:clamp(28px,4vw,88px);
      column-gap:var(--column-gap);
      grid-template-columns:repeat(2,minmax(0,calc((100% - var(--column-gap)) / 2)));
    }

    
#doors-xpress-page .feature-grid {
      --tile-gap:clamp(10px,.9vw,18px);
      gap:var(--tile-gap);
      grid-template-columns:repeat(2,minmax(0,calc((100% - var(--tile-gap)) / 2)));
    }

  }



/* Isolate the original Doors Xpress design from Salient typography and page widths. */
#doors-xpress-page {display:block;width:100%;min-height:100vh;isolation:isolate;overflow-x:clip;font-style:normal;font-weight:400;line-height:normal;}
#doors-xpress-page *, #doors-xpress-page *::before, #doors-xpress-page *::after {box-sizing:border-box;}
#doors-xpress-page h1,#doors-xpress-page h2,#doors-xpress-page h3,#doors-xpress-page h4,#doors-xpress-page p {font-family:inherit;text-transform:none;}
#doors-xpress-page a {transition:color .2s;}
#doors-xpress-page img {border:0;}
/* Keep identical dimensions in all eight 2x2 trade/flooring tiles. */
#doors-xpress-page .feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
#doors-xpress-page .feature-grid .photo-tile {width:100%;aspect-ratio:1.85;}
#doors-xpress-page .feature-grid .photo-tile img {width:100%;height:100%;object-fit:cover;}
/* WordPress admin bar sits above the layout without shifting the custom header. */


/* Version 1.1: email left / vertically rotating, perfectly centred announcement. */
#doors-xpress-page .topbar-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  column-gap: 14px;
  align-items: center;
  justify-content: initial;
}
#doors-xpress-page .topbar-email {
  grid-column: 1;
  justify-self: start;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: clamp(10px, .77vw, 15px);
  font-weight: 600;
  white-space: nowrap;
  line-height: 1.5;
}
#doors-xpress-page .topbar-email:hover {
  color: #fff;
  text-decoration: underline;
}
#doors-xpress-page .announcement {
  grid-column: 2;
  justify-self: center;
  display: block;
  width: max-content;
  height: 1.5em;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: .01em;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
#doors-xpress-page .announcement-track {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
  margin-inline: auto;
  animation: dxsp-announcement-slide 14s linear infinite;
}
#doors-xpress-page .announcement-track > span {
  display: block;
  flex: none;
  height: 1.5em;
  line-height: 1.5;
  white-space: nowrap;
}
#doors-xpress-page .topbar-spacer { grid-column: 3; }
#doors-xpress-page .topbar:hover .announcement-track,
#doors-xpress-page .topbar:focus-within .announcement-track { animation-play-state: paused; }
@keyframes dxsp-announcement-slide {
  0%, 20% { transform: translateY(0); }
  27%, 47% { transform: translateY(-25%); }
  54%, 74% { transform: translateY(-50%); }
  81%, 100% { transform: translateY(-75%); }
}
@media (max-width:740px) {
  #doors-xpress-page .topbar-inner {
    width: calc(100% - 32px);
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: auto auto;
    row-gap: 2px;
    min-height: 0;
    padding-block: 6px;
  }
  #doors-xpress-page .topbar-email {
    grid-column: 1;
    grid-row: 1;
    font-size: 10.5px;
    line-height: 1.4;
  }
  #doors-xpress-page .announcement {
    grid-column: 1;
    grid-row: 2;
    font-size: 11px;
  }
  #doors-xpress-page .topbar-spacer { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #doors-xpress-page .announcement-track { animation: none; }
}