/* ==========================================================================
   Home Connect 2027 — refinement layer, 21 Sep 2026 (owner visual QA).
   Loaded LAST, after owner-ecommerce-2027.css. Presentation only.

   1. Palette: navy / white / red. The gold variables are remapped here so
      every component that read "gold" now reads navy; red is kept for sale,
      deal and promotional emphasis; section eyebrows go red.
   2. Homepage: compact split hero, benefit strip, six-across categories,
      compact deal rail, stair row.
   3. Shared Contact Us section and compact navy footer.
   Rolling back = removing this file's enqueue.
   ========================================================================== */

body.hc27{
 --gold:#0E1D2C; --gold-h:#1B3149; --gold-d:#0E1D2C;
 --hc-gold:#0E1D2C; --hc-gold-hi:#1B3149;
 --hc-red:#C8102E; --red:#C8102E; --red-d:#9E0C24;
 --nv:#0E1D2C; --gd:#0E1D2C; --gl:#fff; --gt:#C8102E; --rd:#C8102E;
 --ink-2:#4F5D6B;
}
body.hc27 a:focus-visible,body.hc27 button:focus-visible,body.hc27 summary:focus-visible,
body.hc27 input:focus-visible,body.hc27 select:focus-visible{outline-color:#1D4ED8}

/* PROMO BAR: GOLD. The owner decision of 20 Sep keeps the gold strip and
   supersedes the older "red promo bar" line in the project instructions; the
   red override added here on 21 Sep was a regression and is removed. The
   approved treatment lives in owner-ecommerce-2027.css (#A6801F) and this
   layer must not restate it. */

/* Buttons: primary = navy, outline = navy. */
body.hc27 .btn--g{background:#0E1D2C!important;border-color:#0E1D2C!important;color:#fff!important}
body.hc27 .btn--g:hover{background:#1B3149!important;border-color:#1B3149!important}
body.hc27 .btn--o{background:#fff;color:#0E1D2C;border-color:#0E1D2C}
body.hc27 .btn--o:hover{background:#0E1D2C;color:#fff}
body.hc27 .pc__cta{border-color:#0E1D2C!important;color:#0E1D2C!important;background:#fff!important}
body.hc27 .pc__cta:hover{background:#0E1D2C!important;color:#fff!important}
body.hc27 .eyebrow,body.hc27 .hh__e{color:var(--hc-red)!important}
body.hc27 .cat:hover .cat__c,body.hc27 .spanel--gold .spanel__b .btn{background:#0E1D2C!important;border-color:#0E1D2C!important;color:#fff!important}
body.hc27 .cabrow--4 .cc__c{color:#fff!important}
body.hc27 .hs__b{background:#0E1D2C!important;color:#fff!important}
body.hc27 .hs__h em,body.hc27 .hs__h em b,body.hc27 .hs__h em span{color:var(--hc-red)!important}

/* ---------------------------------------------------------------- sections */
body.hc27 .hp3 .hs3{padding:34px 0}
body.hc27 .hp3 .hh{margin-bottom:16px}
body.hc27 .hp3 .hh h2{font-size:clamp(22px,1.9vw,28px)}
body.hc27 .hp3 .hh p{font-size:14.5px;margin-top:4px}
body.hc27 .hp3 .hh__e{font-size:11.5px;margin-bottom:4px}
body.hc27 .hp3 .hh__l{color:#0E1D2C!important;font-size:14.5px}

/* ------------------------------------------------------------------- hero
   Split merchandising hero: copy panel left, product photograph right at or
   below its native width (so it stays sharp), no dark scrim. */
body.hc27 .hp3 .hx{background:#F3F5F8}
body.hc27 .hp3 .hx__s{height:400px;display:grid;grid-template-columns:minmax(460px,41%) 1fr;color:#0E1D2C}
body.hc27 .hp3 .hx__s[hidden]{display:none}
body.hc27 .hp3 .hx__ph{position:relative;inset:auto;grid-column:2;grid-row:1;background:#E9EDF1}
body.hc27 .hp3 .hx__ph::after{display:none}
body.hc27 .hp3 .hx__ph img{object-position:var(--hf,50% 60%)}
body.hc27 .hp3 .hx__p{grid-column:1;grid-row:1;height:auto;margin:0;max-width:none;background:#F3F5F8;
 padding:0 40px 0 max(64px,calc((100vw - 1440px)/2 + 64px));display:flex;align-items:center}
body.hc27 .hp3 .hx__tx{max-width:470px}
body.hc27 .hp3 .hx__k{background:var(--hc-red);font-size:11.5px;padding:5px 10px;margin-bottom:14px}
body.hc27 .hp3 .hx__h{color:#0E1D2C;text-shadow:none;font-size:clamp(30px,2.6vw,40px)}
body.hc27 .hp3 .hx__h em i{color:#4F5D6B}
body.hc27 .hp3 .hx__h em b{color:var(--hc-red);font-size:1.45em}
body.hc27 .hp3 .hx__s--cab .hx__h em b{color:#0E1D2C;font-size:.9em}
body.hc27 .hp3 .hx__c{color:#4F5D6B;font-size:16px;margin-top:12px}
body.hc27 .hp3 .hx__b{background:#0E1D2C;color:#fff;min-height:48px;padding:0 24px;margin-top:20px;font-size:14.5px}
body.hc27 .hp3 .hx__s:first-child .hx__b{background:var(--hc-red)}
body.hc27 .hp3 .hx__s:hover .hx__b{background:#1B3149}
body.hc27 .hp3 .hx__s:first-child:hover .hx__b{background:var(--red-d)}
body.hc27 .hp3 .hx__n{background:#fff;color:#0E1D2C;opacity:1;border:1px solid #DDE3E9;box-shadow:0 2px 10px rgba(14,29,44,.12);width:42px;height:42px}
body.hc27 .hp3 .hx__n:hover{background:#fff;border-color:#0E1D2C}
body.hc27 .hp3 .hx__n--p{left:14px}
body.hc27 .hp3 .hx__n--n{right:14px}
@media(max-width:1280px){ body.hc27 .hp3 .hx__s{height:370px} body.hc27 .hp3 .hx__p{padding-left:60px} }
@media(max-width:980px){
 body.hc27 .hp3 .hx__s{height:320px;grid-template-columns:48% 1fr}
 body.hc27 .hp3 .hx__p{padding:0 22px 0 56px}
 body.hc27 .hp3 .hx__h{font-size:28px}
 body.hc27 .hp3 .hx__c{font-size:14.5px}
}
@media(max-width:640px){
 body.hc27 .hp3 .hx__s{height:auto;grid-template-columns:1fr;grid-template-rows:200px auto}
 body.hc27 .hp3 .hx__ph{grid-column:1;grid-row:1}
 body.hc27 .hp3 .hx__ph img{object-position:var(--hfm,var(--hf,50% 60%))}
 body.hc27 .hp3 .hx__p{grid-column:1;grid-row:2;padding:16px 18px 18px;align-items:flex-start}
 body.hc27 .hp3 .hx__k{margin-bottom:8px}
 body.hc27 .hp3 .hx__h{font-size:24px}
 body.hc27 .hp3 .hx__h em b{font-size:1.5em}
 body.hc27 .hp3 .hx__c{font-size:14px;margin-top:6px}
 body.hc27 .hp3 .hx__b{width:auto;min-height:44px;margin-top:12px}
 body.hc27 .hp3 .hx__n{top:100px;width:36px;height:36px}
}

/* ---------------------------------------------------------- benefit strip */
body.hc27 .hp3 .hb a{min-height:62px;padding:10px 20px;gap:12px}
body.hc27 .hp3 .hb__ic{flex:0 0 28px;height:28px;background:none;border-radius:0;color:#0E1D2C}
body.hc27 .hp3 .hb__ic svg{width:26px;height:26px;stroke-width:1.6}
body.hc27 .hp3 .hb b{font-size:11px}
body.hc27 .hp3 .hb a>span:last-child>span{font-size:16px}
@media(max-width:640px){ body.hc27 .hp3 .hb a{min-height:56px;padding:8px 12px} body.hc27 .hp3 .hb a>span:last-child>span{font-size:14px} }

/* --------------------------------------------------- six-across categories */
body.hc27 .hp3 .hs3--cat{padding:26px 0 30px}
body.hc27 .hcat6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
body.hc27 .hk{display:flex;flex-direction:column;background:#fff;border:1px solid #E2E7EC;border-radius:8px;overflow:hidden;color:#0E1D2C;transition:border-color .15s,box-shadow .15s}
body.hc27 .hk:hover{border-color:#0E1D2C;box-shadow:0 8px 20px rgba(14,29,44,.10)}
body.hc27 .hk__im{position:relative;display:block;aspect-ratio:4/3;background:#F3F5F7;overflow:hidden}
body.hc27 .hk__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--if,50% 50%)}
body.hc27 .hk__im--contain img{object-fit:contain;padding:8px}
body.hc27 .hk__tag{position:absolute;left:8px;top:8px;background:var(--hc-red);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:3px}
body.hc27 .hk__t{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;font-size:15px;font-weight:800}
body.hc27 .hk__t svg{flex:0 0 auto;width:15px;height:15px}
body.hc27 .hk--deal .hk__t{color:var(--hc-red)}
@media(max-width:1000px){ body.hc27 .hcat6{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:640px){ body.hc27 .hcat6{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} body.hc27 .hk__t{font-size:14px;padding:9px 10px} }

/* ------------------------------------------------------------- deal rail */
body.hc27 .hp3 .hdeal{padding:30px 0}
body.hc27 .hp3 .dchips{margin-bottom:12px}
body.hc27 .hp3 .hdeal .rail{--n:6;--g:14px}
body.hc27 .hp3 .hdeal .rail>.pc{box-shadow:none;border-radius:8px}
body.hc27 .hp3 .hdeal .pc__im{aspect-ratio:4/3}
body.hc27 .hp3 .hdeal .pc__b{padding:10px 12px 12px}
body.hc27 .hp3 .hdeal .pc__t{font-size:14.5px}
body.hc27 .hp3 .hdeal .pc__spec{font-size:11px}
body.hc27 .hp3 .hdeal .pc__now{font-size:22px}
body.hc27 .hp3 .hdeal .pc__u{font-size:12.5px}
body.hc27 .hp3 .hdeal .pc__was{font-size:13px}
body.hc27 .hp3 .hdeal .pc__box{font-size:11.5px}
body.hc27 .hp3 .hdeal .pc__badge{left:8px;top:8px;font-size:10.5px;padding:3px 7px}
body.hc27 .hp3 .hdeal .pc__cta{border:0!important;background:none!important;min-height:0;padding:0;margin-top:8px;justify-content:flex-start;
 font-size:13px;text-transform:none;letter-spacing:0;color:#0E1D2C!important}
body.hc27 .hp3 .hdeal .pc:hover .pc__cta{text-decoration:underline;color:#0E1D2C!important}
body.hc27 .hp3 .hdeal .pc:has(.pc__was) .pc__now{color:var(--hc-red)!important}
@media(max-width:1279px){ body.hc27 .hp3 .hdeal .rail{--n:5} }
@media(max-width:1099px){ body.hc27 .hp3 .hdeal .rail{--n:4} }
@media(max-width:899px){ body.hc27 .hp3 .hdeal .rail{--n:3} }
@media(max-width:640px){ body.hc27 .hp3 .hdeal .rail{grid-auto-columns:60%;--g:10px} }

/* ------------------------------------------------------------- cabinets */
body.hc27 .hp3 .hc3--cab .hc3__cta{color:#fff!important}
body.hc27 .hp3 .hbar{border-left-color:#0E1D2C}
body.hc27 .hp3 .hbar__ic{background:#EEF2F6;color:#0E1D2C}
body.hc27 .hp3 .hbar__x{color:#0E1D2C!important}

/* --------------------------------------------------------- stair row */
body.hc27 .hst4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.hc27 .hsp{display:flex;flex-direction:column;background:#fff;border:1px solid #E2E7EC;border-radius:8px;overflow:hidden;color:#0E1D2C;transition:border-color .15s,box-shadow .15s}
body.hc27 .hsp:hover{border-color:#0E1D2C;box-shadow:0 8px 20px rgba(14,29,44,.10)}
body.hc27 .hsp__im{position:relative;display:block;aspect-ratio:16/10;background:#F3F5F7;overflow:hidden}
body.hc27 .hsp__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:scale(1.18)}
body.hc27 .hsp__b{display:flex;flex-direction:column;flex:1;padding:11px 14px 13px}
body.hc27 .hsp__t{font-size:16px;font-weight:800}
body.hc27 .hsp__s{font-size:13.5px;color:#4F5D6B;margin-top:2px}
body.hc27 .hsp__a{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:13.5px;font-weight:800}
body.hc27 .hsp:hover .hsp__a{text-decoration:underline}
body.hc27 .hsv{display:flex;flex-direction:column;gap:6px;padding:16px 16px 16px;background:#fff;border:2px solid #0E1D2C;border-radius:8px;color:#0E1D2C}
body.hc27 .hsv__ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#EEF2F6}
body.hc27 .hsv__t{font-size:17px;font-weight:900}
body.hc27 .hsv__s{font-size:13.5px;color:#4F5D6B;line-height:1.4}
body.hc27 .hsv__l{display:flex;flex-direction:column;gap:3px;font-size:12.5px;font-weight:700}
body.hc27 .hsv__l span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--hc-red);margin:0 7px 1px 0}
body.hc27 .hsv__a{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin-top:auto;background:#0E1D2C;color:#fff;
 font-size:13.5px;font-weight:800;padding:10px 14px;border-radius:6px}
body.hc27 .hsv:hover .hsv__a{background:#1B3149}
@media(max-width:1000px){ body.hc27 .hst4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:640px){ body.hc27 .hst4{gap:10px} body.hc27 .hsp__t{font-size:14.5px} body.hc27 .hsp__s{font-size:12.5px}
 body.hc27 .hsv{grid-column:1/-1} }

/* ----------------------------------------------------- Contact Us (shared) */
body.hc27 .cu{background:#fff;border-top:1px solid #E2E7EC;padding:40px 0}
body.hc27 .cu__g{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:center}
body.hc27 .cu__e{display:block;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--hc-red);margin-bottom:6px}
body.hc27 .cu h2{margin:0;font-size:clamp(28px,2.6vw,38px);line-height:1;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;color:#0E1D2C}
body.hc27 .cu__c>p{margin:10px 0 0;font-size:16px;line-height:1.45;color:#4F5D6B;max-width:52ch}
body.hc27 .cu__os{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 18px}
body.hc27 .cu__o{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid #E2E7EC;border-radius:8px;background:#F7F9FB;color:#0E1D2C;transition:border-color .15s}
body.hc27 a.cu__o:hover{border-color:#0E1D2C;background:#fff}
body.hc27 .cu__ic{flex:0 0 40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #DDE3E9;color:#0E1D2C}
body.hc27 .cu__o b{display:block;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#5A6673}
body.hc27 .cu__o b+span{display:block;font-size:15px;font-weight:700;line-height:1.3;margin-top:1px}
body.hc27 .cu__go{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 24px;border-radius:6px;background:#0E1D2C;color:#fff;
 font-size:14.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
body.hc27 .cu__go:hover{background:#1B3149}
body.hc27 .cu__im{position:relative;margin:0;border-radius:10px;overflow:hidden;aspect-ratio:16/11;background:#E9EDF1}
body.hc27 .cu__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.hc27 .cu__im figcaption{position:absolute;left:12px;bottom:12px;background:rgba(14,29,44,.78);color:#fff;font-size:12px;font-weight:700;padding:5px 9px;border-radius:4px}
@media(max-width:1000px){ body.hc27 .cu__g{grid-template-columns:1fr;gap:22px} body.hc27 .cu__im{aspect-ratio:21/9} }
@media(max-width:640px){ body.hc27 .cu{padding:28px 0} body.hc27 .cu__os{grid-template-columns:1fr;gap:8px;margin:16px 0}
 body.hc27 .cu__go{width:100%;justify-content:center} body.hc27 .cu__im{aspect-ratio:16/9} }

/* --------------------------------------------------------- compact footer */
body.hc27 .ft{background:#0B1826!important}
body.hc27 .ft__m{display:grid!important;grid-template-columns:1.25fr .8fr .9fr .8fr 1.35fr!important;padding-top:34px!important;padding-bottom:26px!important;gap:28px!important}
body.hc27 .ft h3{color:#fff!important;font-size:12.5px!important;letter-spacing:.12em!important;margin-bottom:10px!important}
body.hc27 .ft ul li a{font-size:14.5px;color:#C5CFD9;padding:3px 0}
body.hc27 .ft a:hover{color:#fff!important;text-decoration:underline}
body.hc27 .ft__brand p{color:#C5CFD9}
body.hc27 .ft .sc p,body.hc27 .ft .sc small{color:#AEB9C4}
body.hc27 .ft .sc button{background:var(--hc-red)!important;color:#fff!important;border-color:var(--hc-red)!important}
body.hc27 .ft .sc button:hover{background:var(--red-d)!important}
body.hc27 .ft__b{background:#07111B!important}
@media(max-width:1000px){ body.hc27 .ft__m{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.hc27 .ft__m>:first-child,body.hc27 .ft__m>:last-child{grid-column:1/-1} }
@media(max-width:640px){ body.hc27 .ft__m{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 16px!important}
 body.hc27 .ft__m>:first-child,body.hc27 .ft__m>:last-child{grid-column:1/-1} }
/* The homepage used to hide the footer signup because it carried its own
   email band. That band is gone, so the footer signup shows everywhere. */
body.hc27.home .ft__m .sc{display:block!important}
body.hc27.home .ft__m{grid-template-columns:1.25fr .8fr .9fr .8fr 1.35fr!important}
@media(max-width:1000px){ body.hc27.home .ft__m{grid-template-columns:repeat(3,minmax(0,1fr))!important} }
@media(max-width:640px){ body.hc27.home .ft__m{grid-template-columns:repeat(2,minmax(0,1fr))!important} }
/* Contact Us: keep the image to the height of the copy column. */
@media(min-width:1001px){ body.hc27 .cu__g{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)} body.hc27 .cu__im{aspect-ratio:4/3;max-height:360px} }
@media(max-width:640px){ body.hc27 .cu__im{aspect-ratio:16/9} }
/* Cabinet collection tiles: shorter at every width so four collections do
   not take a full screen (desktop 4-up, tablet 2x2 landscape, phone 2x2). */
body.hc27 .hp3 .hc3--cab{aspect-ratio:4/3.4}
body.hc27 .hp3 .hc3--cab .hc3__t{font-size:22px}
@media(max-width:1000px){ body.hc27 .hp3 .hc3--cab{aspect-ratio:16/10} }
@media(max-width:640px){ body.hc27 .hp3 .hc3--cab{aspect-ratio:1/1} body.hc27 .hp3 .hc3--cab .hc3__t{font-size:17px} }
/* Hard-coded gold left over in the owner layer (found by a rendered-page
   colour scan, 21 Sep). Cart, checkout and order-received buttons are left
   exactly as they are - those pages are outside this pass. */
body.hc27 .slink,body.hc27 .cat__c,body.hc27 .cabcta__b,body.hc27 .stbuy a,body.hc27 .calc__n a,
body.hc27 .atc .pifp,body.hc27 .atc .hc-carpet-order a{color:#0E1D2C!important}
body.hc27 .phero h1 em,body.hc27 .sncap__s{color:var(--hc-red)!important}
body.hc27 .stbuy,body.hc27 .atc .hc-carpet-order{border-left-color:#0E1D2C!important}
body.hc27 .atc button.single_add_to_cart_button{background:#0E1D2C!important;border-color:#0E1D2C!important;color:#fff!important}
body.hc27 .atc button.single_add_to_cart_button:hover{background:#1B3149!important;border-color:#1B3149!important}

/* ==========================================================================
   LVP / shopping pages — category header, filter rail, collection cards
   (owner LVP + filter-system QA, 21 Sep).
   ========================================================================== */
body.hc27 .lhead{background:#fff;border-bottom:1px solid #E2E7EC;padding:18px 0 14px}
body.hc27 .lhead .wrap{display:flex;flex-direction:column;gap:12px}
body.hc27 .lhead h1{margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;color:#0E1D2C}
body.hc27 .lhead p{margin:4px 0 0;font-size:14.5px;color:#4F5D6B}
body.hc27 .lhead__c{display:flex;flex-wrap:wrap;gap:8px}
body.hc27 .lchip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:1.5px solid #D5DCE3;border-radius:999px;
 background:#fff;color:#0E1D2C;font-size:14px;font-weight:800}
body.hc27 .lchip:hover{border-color:#0E1D2C}
body.hc27 .lchip.is-on{background:#0E1D2C;border-color:#0E1D2C;color:#fff}
body.hc27 .lchip--deal{border-color:var(--hc-red);color:var(--hc-red)}
body.hc27 .lchip--deal b{background:var(--hc-red);color:#fff;border-radius:3px;padding:2px 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
body.hc27 .lchip--deal.is-on{background:var(--hc-red);color:#fff}
body.hc27 .lchip--deal.is-on b{background:#fff;color:var(--hc-red)}
body.hc27 .lshop{padding-top:20px}
@media(max-width:640px){ body.hc27 .lhead{padding:14px 0 12px} body.hc27 .lhead__c{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 2px;scrollbar-width:none}
 body.hc27 .lhead__c::-webkit-scrollbar{display:none} body.hc27 .lchip{flex:0 0 auto;min-height:36px;font-size:13.5px} }

/* Filter rail: part of the page, not a box with its own scrollbar. */
@media(min-width:981px){
 body.hc27 .fpanel{position:static!important;max-height:none!important;overflow:visible!important;border-radius:8px}
}
body.hc27 .fpanel summary{padding:13px 15px;font-size:14.5px}
body.hc27 .fpanel summary em{font-style:normal;color:var(--hc-red);font-weight:800}
body.hc27 .fpanel .fopt{padding-top:6px;padding-bottom:6px}
body.hc27 .fpanel input[type=checkbox]{accent-color:#0E1D2C}
body.hc27 .fpanel__done{background:#0E1D2C!important;color:#fff!important;border-color:#0E1D2C!important}
body.hc27 .toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
body.hc27 .toolbar .count{font-size:14px;font-weight:700;color:#0E1D2C;text-transform:uppercase;letter-spacing:.04em}
body.hc27 .toolbar__r{display:flex;align-items:center;gap:8px}
body.hc27 .toolbar__l{font-size:13px;font-weight:800;color:#4F5D6B;text-transform:uppercase;letter-spacing:.06em}
body.hc27 .fchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
body.hc27 .fchip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid #0E1D2C;border-radius:999px;
 background:#fff;color:#0E1D2C;font-size:13px;font-weight:800;cursor:pointer}
body.hc27 .fchip span{font-size:16px;line-height:1}
body.hc27 .fchip:hover{background:#0E1D2C;color:#fff}
body.hc27 .fchip--x{border-color:transparent;text-decoration:underline;background:none}
body.hc27 .fchip--x:hover{background:none;color:var(--hc-red)}
body.hc27 .fbar .btn{min-height:42px;font-weight:800}
body.hc27 .fbar [data-fcount]{color:var(--hc-red)}

/* Collection cards. */
body.hc27 .ccgrid{gap:16px}
body.hc27 .cc27{border:1px solid #E2E7EC;border-radius:8px;box-shadow:none}
body.hc27 .cc27:hover{transform:none;box-shadow:0 10px 24px rgba(14,29,44,.10);border-color:#C9D2DB}
body.hc27 .cc27__im{aspect-ratio:4/3}
body.hc27 .cc27__im img{object-position:50% 62%}
body.hc27 .cc27__b{padding:12px 14px 14px}
body.hc27 .cc27__t{font-size:17px}
body.hc27 .cc27__t a{color:inherit}
body.hc27 .cc27__t a:hover{text-decoration:underline}
body.hc27 .cc27__spec{align-items:center;gap:5px;margin-top:8px}
body.hc27 .cc27__sp{display:contents}
body.hc27 .cc27__spec span span,body.hc27 .cc27__sp>span{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
 padding:3px 7px;border-radius:4px;background:#F1F4F7;color:#34414E}
body.hc27 .cc27__glue{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:#0E1D2C;color:#fff}
body.hc27 .cc27__sw{flex-wrap:wrap;overflow:visible;gap:6px;margin-top:10px}
body.hc27 .cc27__b1{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #CBD3DB;overflow:hidden;background:#EEF1F4}
body.hc27 .cc27__b1 img{width:100%;height:100%;object-fit:cover}
/* A floor-only crop of the colour's own photograph: the bottom of a room
   scene is the floor, so the chip shows the plank colour, not the room. */
body.hc27 .cc27__b1--floor img{object-position:50% 100%;transform:scale(3.2);transform-origin:50% 96%}
body.hc27 .cc27__b1:hover{box-shadow:0 0 0 1px #0E1D2C}
body.hc27 .cc27__b1.is-on{box-shadow:0 0 0 2px #0E1D2C}
body.hc27 .cc27__more{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#F1F4F7;color:#0E1D2C;font-size:12px;font-weight:800}
body.hc27 .cc27__pr{padding-top:10px}
body.hc27 .cc27__now{font-size:22px;color:#0E1D2C}
body.hc27 .cc27:has(.cc27__was:not([hidden])) .cc27__now{color:var(--hc-red)}
body.hc27 .cc27__box{margin:2px 0 0;font-size:12.5px;color:#4F5D6B}
body.hc27 .cc27__cta{align-self:flex-start;justify-content:flex-start;margin-top:10px;padding:0;min-height:0;border:0!important;background:none!important;
 color:#0E1D2C!important;font-size:13.5px;font-weight:800;text-transform:none;letter-spacing:0;gap:6px}
body.hc27 .cc27__cta:hover{text-decoration:underline;background:none!important;color:#0E1D2C!important}
@media(min-width:1280px){ body.hc27 .lshop .ccgrid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:620px){ body.hc27 .ccgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.hc27 .cc27__b{padding:10px} body.hc27 .cc27__t{font-size:15px} body.hc27 .cc27__s{font-size:12px}
 body.hc27 .cc27__spec span span,body.hc27 .cc27__sp>span,body.hc27 .cc27__glue{font-size:9.5px;padding:2px 5px}
 body.hc27 .cc27__b1,body.hc27 .cc27__more{width:26px;height:26px} body.hc27 .cc27__now{font-size:18px} body.hc27 .cc27__box{font-size:11px} }
@media(max-width:980px){
 body.hc27 .lshop .fbar{margin-bottom:10px}
 body.hc27 .toolbar .count{font-size:12.5px;white-space:nowrap}
 body.hc27 .toolbar__l{display:none}
 body.hc27 .toolbar select{min-height:40px;font-size:13.5px}
}

/* ==========================================================================
   Reference flooring product page (pd2) — owner-approved layout, 21 Sep.
   ========================================================================== */
body.hc27 .pd2{padding:22px 0 30px;background:#fff}
body.hc27 .pd2__g{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:36px;align-items:start}
body.hc27 .pd2__main{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#EEF1F4}
body.hc27 .pd2__main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.hc27 .pd2__cap{position:absolute;left:12px;bottom:12px;background:rgba(14,29,44,.8);color:#fff;font-size:12.5px;font-weight:700;padding:5px 9px;border-radius:4px}
body.hc27 .pd2__arw{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid #DDE3E9;background:#fff;color:#0E1D2C;display:grid;place-items:center;box-shadow:0 2px 8px rgba(14,29,44,.15)}
body.hc27 .pd2__arw--p{left:12px} body.hc27 .pd2__arw--n{right:12px}
body.hc27 .pd2__th{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}
body.hc27 .pd2__th button{aspect-ratio:1;border:2px solid transparent;border-radius:6px;overflow:hidden;padding:0;background:#EEF1F4}
body.hc27 .pd2__th button.is-on{border-color:#0E1D2C}
body.hc27 .pd2__th img{width:100%;height:100%;object-fit:cover}
body.hc27 .pd2__eb{display:block;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--hc-red)}
body.hc27 .pd2__h{margin:4px 0 0;font-size:clamp(28px,2.6vw,38px);font-weight:900;letter-spacing:-.02em;color:#0E1D2C}
body.hc27 .pd2__col{margin:6px 0 0;font-size:15px;color:#4F5D6B}
body.hc27 .pd2__col b{color:#0E1D2C}
body.hc27 .pd2__pr{display:flex;align-items:baseline;gap:8px;margin-top:12px}
body.hc27 .pd2__now{font-size:36px;font-weight:900;letter-spacing:-.02em;color:#0E1D2C}
body.hc27 .pd2__now.is-sale{color:var(--hc-red)}
body.hc27 .pd2__u{font-size:15px;font-weight:800;color:#4F5D6B}
body.hc27 .pd2__was{font-size:16px;color:#6B7785;text-decoration:line-through}
body.hc27 .pd2__box{margin:2px 0 0;font-size:14px;color:#4F5D6B}
body.hc27 .pd2__box b{color:#0E1D2C}
body.hc27 .pd2__sp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0;border:1px solid #E2E7EC;border-radius:8px;overflow:hidden;background:#F7F9FB}
body.hc27 .pd2__sp div{padding:10px 12px;border-right:1px solid #E2E7EC;border-bottom:1px solid #E2E7EC}
body.hc27 .pd2__sp div:nth-child(3n){border-right:0}
body.hc27 .pd2__sp dt{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5A6673}
body.hc27 .pd2__sp dd{margin:2px 0 0;font-size:15px;font-weight:800;color:#0E1D2C}
body.hc27 .pd2__sp .is-glue dd{display:inline-block;background:#0E1D2C;color:#fff;padding:2px 8px;border-radius:4px;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
body.hc27 .pd2__stock{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:14px;font-weight:800;color:#15803D}
body.hc27 .pd2__sw{margin-top:16px}
body.hc27 .pd2__swl{margin:0 0 8px;font-size:14px;font-weight:800;color:#0E1D2C}
body.hc27 .pd2__swl span{font-weight:600;color:#5A6673}
body.hc27 .pd2__swl span.is-err{color:var(--hc-red);font-weight:800}
body.hc27 .pd2__swg{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
body.hc27 .pd2__s{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;cursor:pointer}
body.hc27 .pd2__s img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;box-shadow:0 0 0 1px #CBD3DB}
body.hc27 .pd2__s span{font-size:11.5px;font-weight:700;line-height:1.2;color:#34414E;text-align:center}
body.hc27 .pd2__s:hover img{box-shadow:0 0 0 1px #0E1D2C}
body.hc27 .pd2__s.is-on img{box-shadow:0 0 0 3px #0E1D2C}
body.hc27 .pd2__s.is-on span{color:#0E1D2C;font-weight:900}
body.hc27 .pd2__calc{margin-top:18px;padding:16px;border:1px solid #E2E7EC;border-radius:10px;background:#fff}
body.hc27 .pd2__calc h2{margin:0 0 10px;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:#0E1D2C}
body.hc27 .pd2__ci{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.hc27 .pd2__f{display:flex;flex-direction:column;gap:4px}
body.hc27 .pd2__f label{font-size:12px;font-weight:800;color:#5A6673;text-transform:uppercase;letter-spacing:.06em}
body.hc27 .pd2__in{position:relative;display:block}
body.hc27 .pd2__in input,body.hc27 .pd2__f select{width:100%;height:46px;border:1.5px solid #D5DCE3;border-radius:8px;padding:0 12px;font-size:16px;font-weight:700;background:#fff;color:#0E1D2C}
body.hc27 .pd2__in em{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:13px;color:#5A6673}
body.hc27 .pd2__calc .calcout{margin-top:10px}
body.hc27 .pd2__atc{margin-top:12px}
body.hc27 .pd2__atc #price_calculator,body.hc27 .pd2__atc .price_calculator{display:none!important}
body.hc27 .pd2__atc .single_add_to_cart_button{min-height:52px!important;font-size:15px!important;text-transform:uppercase;letter-spacing:.04em;flex:1}
body.hc27 .pd2__sec{display:flex;gap:10px;margin-top:10px}
body.hc27 .pd2i{padding:26px 0 34px;background:#fff;border-top:1px solid #E2E7EC}
body.hc27 .pd2i__g{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
body.hc27 .pd2i__tabs{display:flex;gap:4px;border-bottom:1px solid #E2E7EC;margin-bottom:14px}
body.hc27 .pd2i__tabs button{border:0;background:none;padding:10px 14px;font-size:13.5px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#5A6673;border-bottom:3px solid transparent;margin-bottom:-1px;cursor:pointer}
body.hc27 .pd2i__tabs button[aria-selected=true]{color:#0E1D2C;border-bottom-color:var(--hc-red)}
body.hc27 .pd2i__p{font-size:15px;line-height:1.6;color:#34414E;max-width:72ch}
body.hc27 .pd2i__t{width:100%;border-collapse:collapse;font-size:14.5px}
body.hc27 .pd2i__t th,body.hc27 .pd2i__t td{text-align:left;padding:9px 12px;border-bottom:1px solid #EEF1F4}
body.hc27 .pd2i__t th{width:40%;color:#5A6673;font-weight:700}
body.hc27 .pd2i__t td{color:#0E1D2C;font-weight:700}
body.hc27 .pd2i__help{padding:16px;border:1px solid #E2E7EC;border-radius:10px;background:#F7F9FB}
body.hc27 .pd2i__help h2{margin:0;font-size:17px;font-weight:900;color:#0E1D2C}
body.hc27 .pd2i__help>p{margin:4px 0 10px;font-size:13.5px;color:#4F5D6B}
body.hc27 .pd2i__help a{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #E2E7EC;color:#0E1D2C}
body.hc27 .pd2i__help a svg{flex:0 0 auto}
body.hc27 .pd2i__help a span{display:flex;flex-direction:column}
body.hc27 .pd2i__help small{font-size:12.5px;color:#5A6673;font-weight:600}
body.hc27 .pd2i__help a:hover b{text-decoration:underline}
body.hc27 .pd2i__inst{margin:10px 0 0;font-size:12.5px;color:#5A6673}
@media(max-width:1000px){ body.hc27 .pd2__g{grid-template-columns:1fr;gap:20px} body.hc27 .pd2i__g{grid-template-columns:1fr} }
@media(max-width:640px){
 body.hc27 .pd2{padding:12px 0 22px}
 body.hc27 .pd2__h{font-size:26px}
 body.hc27 .pd2__now{font-size:30px}
 body.hc27 .pd2__sp{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.hc27 .pd2__sp div:nth-child(3n){border-right:1px solid #E2E7EC}
 body.hc27 .pd2__sp div:nth-child(2n){border-right:0}
 body.hc27 .pd2__swg{grid-template-columns:repeat(4,minmax(0,1fr))}
 body.hc27 .pd2__ci{grid-template-columns:1fr}
}
@media(min-width:1001px){ body.hc27 .pd2__gal{position:sticky;top:16px} }
body.hc27 .pd2__atc form.cart{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
body.hc27 .pd2__atc form.cart .quantity{display:flex;align-items:stretch;height:52px;border:1.5px solid #D5DCE3;border-radius:8px;overflow:hidden}
body.hc27 .pd2__atc form.cart .quantity input.qty{height:100%!important;border:0!important;width:56px;text-align:center;font-weight:800;font-size:16px}
body.hc27 .pd2__atc form.cart .single_add_to_cart_button{flex:1 1 220px;border-radius:8px!important}
@media(max-width:640px){
 body.hc27 .pd2__swg{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
 body.hc27 .pd2__s span{font-size:10.5px}
 body.hc27 .pd2__atc form.cart .single_add_to_cart_button{flex:1 1 0;width:auto}
 body.hc27 .pd2__atc form.cart{flex-wrap:nowrap}
 body.hc27 .pd2__sec .btn{width:100%;justify-content:center}
}
/* The cart form holds plugin tables and hidden inputs besides the quantity and
   the button; a grid puts those two side by side and gives the rest full rows. */
body.hc27 .pd2__atc form.cart{display:grid!important;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:0}
body.hc27 .pd2__atc form.cart>*{grid-column:1/-1}
body.hc27 .pd2__atc form.cart>.quantity,body.hc27 .pd2__atc form.cart>.qib-button-wrapper{grid-column:1}
body.hc27 .pd2__atc form.cart>.single_add_to_cart_button{grid-column:2;width:100%}
body.hc27 .pd2__atc .qib-button-wrapper{display:flex;align-items:stretch;height:52px;border:1.5px solid #D5DCE3;border-radius:8px;overflow:hidden;background:#fff}
body.hc27 .pd2__atc .qib-button-wrapper .qib-button{width:40px;border:0;background:#F3F5F8;font-size:18px;font-weight:800;color:#0E1D2C}
body.hc27 .pd2__atc .qib-button-wrapper .quantity{border:0!important;height:100%}

/* ==========================================================================
   Accessories page — owner reference layout, 21 Sep.
   ========================================================================== */
body.hc27 .ah2{background:#F3F5F8;border-bottom:1px solid #E2E7EC}
body.hc27 .ah2__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:330px}
body.hc27 .ah2__c{display:flex;align-items:center;padding:24px 32px 24px max(28px,calc((100vw - 1440px)/2 + 28px))}
body.hc27 .ah2__in{max-width:560px;width:100%}
body.hc27 .ah2 h1{margin:0;font-size:clamp(28px,2.6vw,40px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;color:#0E1D2C}
body.hc27 .ah2__s{margin:6px 0 0;font-size:19px;font-weight:800;color:#0E1D2C}
body.hc27 .ah2__p{margin:6px 0 0;font-size:15px;color:#4F5D6B}
body.hc27 .ah2__f{margin-top:16px;padding:14px 16px;background:#fff;border:1px solid #E2E7EC;border-radius:10px;box-shadow:0 6px 18px rgba(14,29,44,.06)}
body.hc27 .ah2__f label{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
body.hc27 .ah2__f label b{font-size:16px;color:#0E1D2C}
body.hc27 .ah2__f label span{font-size:13px;color:#5A6673}
body.hc27 .ah2__r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
body.hc27 .ah2__r select{height:46px;border:1.5px solid #D5DCE3;border-radius:8px;padding:0 12px;font-size:15px;font-weight:600;background:#fff;color:#0E1D2C;min-width:0}
body.hc27 .ah2__r .btn{height:46px;white-space:nowrap}
body.hc27 .ah2__im{position:relative;overflow:hidden;background:#E9EDF1}
body.hc27 .ah2__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
body.hc27 .ah2__im span{position:absolute;right:18px;bottom:16px;max-width:260px;text-align:right;color:#fff;font-size:17px;font-weight:900;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.55)}
body.hc27 .aty{padding:22px 0 6px;background:#fff}
body.hc27 .aty h2,body.hc27 .ahd h2{margin:0 0 12px;font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:.01em;color:#0E1D2C}
body.hc27 .aty__g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
body.hc27 .aty__i{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 10px 12px;border:1px solid #E2E7EC;border-radius:8px;background:#F7F9FB;cursor:pointer;color:#0E1D2C}
body.hc27 .aty__i:hover,body.hc27 .aty__i.is-on{border-color:#0E1D2C;background:#fff}
body.hc27 .aty__i.is-on{box-shadow:0 0 0 2px #0E1D2C}
body.hc27 .aty__im{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#fff}
body.hc27 .aty__im img{width:100%;height:100%;object-fit:contain}
body.hc27 .aty__t{font-size:14px;font-weight:800}
body.hc27 .aty__i--x{justify-content:center;background:#fff;border-style:dashed}
body.hc27 .aty__x{font-size:12.5px;font-weight:700;color:#4F5D6B}
body.hc27 .ahd p{margin:-6px 0 12px;font-size:14px;color:#4F5D6B}
body.hc27 .ahd p a{color:#0E1D2C;font-weight:800;text-decoration:underline}
body.hc27 .accgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px}
body.hc27 .acc{border-radius:8px}
body.hc27 .acc.is-on{border-color:#0E1D2C;box-shadow:0 0 0 2px rgba(14,29,44,.15)}
body.hc27 .acc__im{aspect-ratio:16/10;background:#F3F5F7}
body.hc27 .acc__im img{object-fit:contain}
body.hc27 .acc__p span{color:#0E1D2C}
body.hc27 .acc__add.btn--g{min-height:42px}
body.hc27 .ahelp{padding:18px 0 26px;background:#fff}
body.hc27 .ahelp__g{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid #E2E7EC;border-radius:10px;background:#F3F5F8}
body.hc27 .ahelp__ic{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0E1D2C;color:#fff;font-size:20px;font-weight:900}
body.hc27 .ahelp__g>div{flex:1;display:flex;flex-direction:column;gap:2px}
body.hc27 .ahelp__g b{font-size:17px;color:#0E1D2C}
body.hc27 .ahelp__g span{font-size:14px;color:#4F5D6B}
body.hc27 .ahelp__g span a{color:#0E1D2C;font-weight:800}
body.hc27 .ahelp__b{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1.5px solid #0E1D2C;border-radius:8px;background:#fff;color:#0E1D2C;font-weight:900;white-space:nowrap}
body.hc27 .ahelp__b:hover{background:#0E1D2C;color:#fff}
@media(max-width:1200px){ body.hc27 .accgrid--4{grid-template-columns:repeat(3,minmax(0,1fr))!important} }
@media(max-width:1000px){ body.hc27 .ah2__g{grid-template-columns:1fr} body.hc27 .ah2__im{order:-1;height:200px}
 body.hc27 .ah2__c{padding:18px 20px} body.hc27 .aty__g{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:640px){ body.hc27 .accgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
 body.hc27 .ah2__r{grid-template-columns:1fr} body.hc27 .ah2__im{height:170px}
 body.hc27 .aty__g{display:flex;overflow-x:auto;gap:8px;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
 body.hc27 .aty__i{flex:0 0 120px}
 body.hc27 .ahelp__g{flex-wrap:wrap} body.hc27 .ahelp__b{width:100%;justify-content:center} }
body.hc27 .acc__b{display:flex;flex-direction:column}
body.hc27 .acc__add{margin-top:auto!important}
body.hc27 .acc__q{margin-top:auto}
body.hc27 .acc__q+.acc__add{margin-top:8px!important}
@media(max-width:640px){ body.hc27 .toolbar select{min-width:150px} body.hc27 .acc__add{font-size:13px;padding:8px 6px} }

/* ==========================================================================
   Cabinets page — owner reference layout, 21 Sep.
   ========================================================================== */
body.hc27 .ch2{background:#F3F5F8;border-bottom:1px solid #E2E7EC}
body.hc27 .ch2__g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:400px}
body.hc27 .ch2__c{display:flex;align-items:center;padding:28px 36px 28px max(28px,calc((100vw - 1440px)/2 + 28px))}
body.hc27 .ch2__in{max-width:600px}
body.hc27 .ch2__e{display:block;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--hc-red)}
body.hc27 .ch2 h1{margin:6px 0 0;font-size:clamp(30px,3vw,44px);line-height:1.05;font-weight:900;letter-spacing:-.02em;color:#0E1D2C}
body.hc27 .ch2 h1 em{display:block;font-style:normal;color:#0E1D2C}
body.hc27 .ch2__in>p{margin:10px 0 0;font-size:16px;line-height:1.5;color:#4F5D6B;max-width:52ch}
body.hc27 .ch2__a{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
body.hc27 .ch2__a .btn{min-height:46px}
body.hc27 .ch2__f{list-style:none;margin:20px 0 0;padding:14px 0 0;border-top:1px solid #DDE3E9;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.hc27 .ch2__f li{display:flex;flex-direction:column;gap:6px;color:#0E1D2C}
body.hc27 .ch2__f span{display:flex;flex-direction:column;font-size:12.5px;line-height:1.35;color:#4F5D6B}
body.hc27 .ch2__f b{font-size:13.5px;color:#0E1D2C}
body.hc27 .ch2__im{position:relative;overflow:hidden;background:#E9EDF1}
body.hc27 .ch2__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
body.hc27 .ch2__im span{position:absolute;right:14px;bottom:14px;background:rgba(14,29,44,.78);color:#fff;font-size:12.5px;font-weight:700;padding:5px 9px;border-radius:4px}
body.hc27 .ccol{padding:30px 0}
body.hc27 .ccol h2,body.hc27 .c3d h2{margin:0;font-size:clamp(22px,2vw,28px);font-weight:900;color:#0E1D2C}
body.hc27 .ccol__h p{margin:4px 0 16px;font-size:14.5px;color:#4F5D6B}
body.hc27 .ccol__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.hc27 .ccc{display:flex;flex-direction:column;border:1px solid #E2E7EC;border-radius:8px;overflow:hidden;background:#fff;color:#0E1D2C}
body.hc27 .ccc:hover{border-color:#0E1D2C;box-shadow:0 8px 20px rgba(14,29,44,.1)}
body.hc27 .ccc__im{position:relative;aspect-ratio:4/3;overflow:hidden;background:#EEF1F4}
body.hc27 .ccc__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.hc27 .ccc__b{display:flex;flex-direction:column;gap:2px;padding:12px 14px 14px}
body.hc27 .ccc__b b{font-size:17px}
body.hc27 .ccc__b>span:not(.ccc__a){font-size:13.5px;color:#4F5D6B}
body.hc27 .ccc__a{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:9px 12px;border:1.5px solid #0E1D2C;border-radius:6px;font-size:13.5px;font-weight:800}
body.hc27 .ccc:hover .ccc__a{background:#0E1D2C;color:#fff}
body.hc27 .c3d{padding:0 0 30px}
body.hc27 .c3d__g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border-radius:10px;overflow:hidden;background:#0E1D2C}
body.hc27 .c3d__im{position:relative;min-height:300px}
body.hc27 .c3d__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.hc27 .c3d__t{padding:26px 28px;color:#fff}
body.hc27 .c3d h2{color:#fff}
body.hc27 .c3d__t p{margin:10px 0 0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.88)}
body.hc27 .c3d__pol{padding:12px 14px;border-left:3px solid #DFA51E;background:rgba(255,255,255,.06);border-radius:0 6px 6px 0}
body.hc27 .c3d__pol b{color:#fff}
body.hc27 .c3d__a{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
body.hc27 .c3d__go{background:#fff;color:#0E1D2C;border:0} /* primary action on a navy panel; red is reserved for deals */
body.hc27 .c3d__go:hover{background:#E9EDF1;color:#0E1D2C}
body.hc27 .c3d__q{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}
body.hc27 .c3d__q:hover{background:#fff;color:#0E1D2C}
body.hc27 .c3c{padding:0 0 34px}
body.hc27 .c3c__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.hc27 .c3c__i{display:flex;gap:14px;padding:16px;border:1px solid #E2E7EC;border-radius:10px;background:#fff}
body.hc27 .c3c__im{flex:0 0 72px;display:grid;place-items:center;background:#F3F5F7;border-radius:6px}
body.hc27 .c3c__im img{width:72px;height:auto}
body.hc27 .c3c__i h3{margin:0;font-size:17px;font-weight:900;color:#0E1D2C}
body.hc27 .c3c__i p{margin:6px 0 10px;font-size:13.5px;line-height:1.45;color:#4F5D6B}
body.hc27 .c3c__i ol{margin:8px 0 12px;padding-left:18px;font-size:13.5px;line-height:1.55;color:#34414E}
body.hc27 .c3c__ph{display:flex;flex-direction:column}
body.hc27 .c3c__ph a{font-weight:800;color:#0E1D2C}
body.hc27 .c3c__n{margin:14px 0 0;font-size:12.5px;color:#5A6673;max-width:90ch}
@media(max-width:1100px){ body.hc27 .ch2__f{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:1000px){ body.hc27 .ch2__g{grid-template-columns:1fr} body.hc27 .ch2__im{order:-1;height:230px}
 body.hc27 .ch2__c{padding:20px} body.hc27 .ccol__g{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.hc27 .c3d__g{grid-template-columns:1fr} body.hc27 .c3d__im{min-height:200px} body.hc27 .c3c__g{grid-template-columns:1fr} }
@media(max-width:640px){ body.hc27 .ch2__im{height:190px} body.hc27 .ccol__g{gap:10px} body.hc27 .ccc__b b{font-size:15px}
 body.hc27 .ccc__b>span:not(.ccc__a){font-size:12px} body.hc27 .ccc__a{font-size:12px;padding:7px 8px} body.hc27 .c3d__t{padding:20px} }

/* Fabricated stair products: which flooring the customer is sending. */
body.hc27 .hcflo{margin:0 0 14px;padding:14px 16px;border:1px solid #E2E7EC;border-left:3px solid #0E1D2C;border-radius:8px;background:#F7F9FB}
body.hc27 .hcflo__h{margin:0;font-size:15px;font-weight:900;color:#0E1D2C}
body.hc27 .hcflo__s{margin:4px 0 10px;font-size:13px;line-height:1.45;color:#4F5D6B}
body.hc27 .hcflo select,body.hc27 .hcflo input[type=text]{width:100%;height:46px;border:1.5px solid #D5DCE3;border-radius:8px;padding:0 12px;font-size:15px;background:#fff;color:#0E1D2C}
body.hc27 .hcflo__o{display:block;margin-top:10px}
body.hc27 .hcflo__o label{display:block;margin-bottom:4px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#5A6673}

/* ==========================================================================
   SnapCaps page — simplified, products first (owner, 21 Sep).
   ========================================================================== */
body.hc27 .sh2{background:#F3F5F8;border-bottom:1px solid #E2E7EC}
body.hc27 .sh2__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:330px}
body.hc27 .sh2__c{display:flex;align-items:center;padding:24px 32px 24px max(28px,calc((100vw - 1440px)/2 + 28px))}
body.hc27 .sh2__in{max-width:560px}
body.hc27 .sh2__e{display:block;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--hc-red)}
body.hc27 .sh2 h1{margin:4px 0 0;font-size:clamp(30px,2.8vw,42px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;color:#0E1D2C}
body.hc27 .sh2__s{margin:4px 0 0;font-size:19px;font-weight:800;color:#0E1D2C}
body.hc27 .sh2__p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#4F5D6B;max-width:52ch}
body.hc27 .sh2__f{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
body.hc27 .sh2__f li{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:#0E1D2C}
body.hc27 .sh2__f svg{flex:0 0 auto;color:#15803D}
body.hc27 .sh2__a{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
body.hc27 .sh2__im{position:relative;overflow:hidden;background:#fff}
body.hc27 .sh2__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:18px}
body.hc27 .sngrid2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.hc27 .snc{display:flex;flex-direction:column;border:1px solid #E2E7EC;border-radius:8px;overflow:hidden;background:#fff;color:#0E1D2C}
body.hc27 .snc:hover{border-color:#0E1D2C;box-shadow:0 8px 20px rgba(14,29,44,.1)}
body.hc27 .snc__im{position:relative;aspect-ratio:16/10;background:#F3F5F7;overflow:hidden}
body.hc27 .snc__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:scale(1.12)}
body.hc27 .snc__b{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px;flex:1}
body.hc27 .snc__badge{align-self:flex-start;font-size:10.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:4px;background:#EEF2F6;color:#34414E}
body.hc27 .snc__badge--fab{background:#0E1D2C;color:#fff}
body.hc27 .snc__t{font-size:17px;font-weight:900}
body.hc27 .snc__s{font-size:12.5px;color:#4F5D6B}
body.hc27 .snc__p{font-size:20px;font-weight:900;color:#0E1D2C}
body.hc27 .snc__p small{font-size:12.5px;font-weight:700;color:#5A6673}
body.hc27 .snc__c{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:13.5px;font-weight:800}
body.hc27 .snc:hover .snc__c{text-decoration:underline}
body.hc27 .snhow{padding:6px 0 26px;background:#fff}
body.hc27 .snhow__g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
body.hc27 .snhow h2{margin:0 0 12px;font-size:22px;font-weight:900;color:#0E1D2C}
body.hc27 .snhow__o{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:s}
body.hc27 .snhow__o li{counter-increment:s;padding:12px 14px 12px 42px;position:relative;border:1px solid #E2E7EC;border-radius:8px;background:#F7F9FB}
body.hc27 .snhow__o li::before{content:counter(s);position:absolute;left:12px;top:12px;width:22px;height:22px;border-radius:50%;background:#0E1D2C;color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center}
body.hc27 .snhow__o b{display:block;font-size:14.5px;line-height:1.25;color:#0E1D2C}
body.hc27 .snhow__o span{font-size:13px;color:#4F5D6B}
body.hc27 .snmat{padding:16px 18px;border:2px solid #0E1D2C;border-radius:10px;background:#fff}
body.hc27 .snmat h3{margin:0 0 10px;font-size:17px;font-weight:900;color:#0E1D2C}
body.hc27 .snmat ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
body.hc27 .snmat li{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding-bottom:8px;border-bottom:1px solid #EEF1F4}
body.hc27 .snmat b{color:#0E1D2C}
body.hc27 .snmat span{color:#4F5D6B}
body.hc27 .snmat__n{margin:10px 0 0;font-size:13px;font-weight:800;color:var(--hc-red)}
body.hc27 .snask{padding:0 0 30px;background:#fff}
body.hc27 .snask__g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;padding:20px 22px;border:1px solid #E2E7EC;border-radius:10px;background:#F3F5F8;align-items:center}
body.hc27 .snask h2{margin:0 0 6px;font-size:22px;font-weight:900;color:#0E1D2C}
body.hc27 .snask p{margin:0 0 14px;font-size:14.5px;color:#4F5D6B;max-width:60ch}
body.hc27 .snask__s{padding:14px 16px;background:#fff;border:1px solid #E2E7EC;border-radius:8px}
body.hc27 .snask__s h3{margin:0 0 4px;font-size:16px;font-weight:900;color:#0E1D2C}
@media(max-width:1000px){ body.hc27 .sh2__g{grid-template-columns:1fr} body.hc27 .sh2__im{order:-1;height:200px}
 body.hc27 .sh2__c{padding:18px 20px} body.hc27 .sngrid2{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.hc27 .snhow__g,body.hc27 .snask__g{grid-template-columns:1fr} }
@media(max-width:640px){ body.hc27 .sngrid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.hc27 .snc__t{font-size:14.5px} body.hc27 .snc__p{font-size:17px}
 body.hc27 .snhow__o{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.hc27 .snhow__o li{padding:10px 10px 10px 38px}
 body.hc27 .snhow__o li::before{left:10px;top:10px}
 body.hc27 .snhow__o span{font-size:12.5px}
 body.hc27 .sh2__im{display:none}
 body.hc27 .sh2__a{gap:8px} body.hc27 .sh2__a .btn{flex:1 1 auto;min-width:0;padding-left:12px;padding-right:12px;font-size:14px;white-space:nowrap} }
/* Stair product pages: one price, compact fabrication note. */
body.hc27 .buy__from{font-size:14px;font-weight:800;color:#5A6673;text-transform:uppercase;letter-spacing:.06em;margin-right:6px}
body.hc27 .stbuy--slim{margin-top:14px;padding:14px 16px;border:1px solid #E2E7EC;border-left:3px solid #0E1D2C!important;border-radius:8px;background:#F7F9FB}
body.hc27 .stbuy--slim .stbuy__h{margin:0;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#0E1D2C}
body.hc27 .stbuy--slim .stbuy__l{margin:4px 0 10px;font-size:13.5px;line-height:1.45;color:#4F5D6B}
body.hc27 .stbuy--slim .stbuy__l a{color:#0E1D2C!important;font-weight:800;text-decoration:underline}
body.hc27 .stbuy__m{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
body.hc27 .stbuy__m div{padding:8px 10px;background:#fff;border:1px solid #E2E7EC;border-radius:6px}
body.hc27 .stbuy__m dt{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#5A6673}
body.hc27 .stbuy__m dd{margin:2px 0 0;font-size:13.5px;font-weight:800;color:#0E1D2C}
body.hc27 .stbuy__min{margin:10px 0 0;font-size:13px;font-weight:800;color:var(--hc-red)}
@media(max-width:640px){ body.hc27 .stbuy__m{grid-template-columns:1fr} }
/* The headline price is the only price on a stair page. */
body.hc27 .atc--stair .woocommerce-variation-price{display:none!important}

/* ==========================================================================
   About Us — company page (owner, 21 Sep).
   ========================================================================== */
body.hc27 .ab2{background:#F3F5F8;border-bottom:1px solid #E2E7EC}
body.hc27 .ab2__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:400px}
body.hc27 .ab2__c{display:flex;align-items:center;padding:28px 34px 28px max(28px,calc((100vw - 1440px)/2 + 28px))}
body.hc27 .ab2__in{max-width:560px}
body.hc27 .ab2__e{display:block;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--hc-red)}
body.hc27 .ab2 h1{margin:8px 0 0;font-size:clamp(30px,3vw,44px);line-height:1.08;font-weight:900;letter-spacing:-.02em;color:#0E1D2C}
body.hc27 .ab2 h1 em{font-style:normal;color:var(--hc-red)}
body.hc27 .ab2__in>p{margin:14px 0 0;font-size:16px;line-height:1.55;color:#4F5D6B;max-width:52ch}
body.hc27 .ab2__a{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
body.hc27 .ab2__im{position:relative;overflow:hidden;background:#E9EDF1}
body.hc27 .ab2__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%}
body.hc27 .abw{padding:34px 0;background:#fff}
body.hc27 .abw__g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center}
body.hc27 .abw__im{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#E9EDF1}
body.hc27 .abw__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.hc27 .abw h2,body.hc27 .abd h2,body.hc27 .abf h2,body.hc27 .abr h2{margin:6px 0 0;font-size:clamp(22px,2.1vw,30px);font-weight:900;letter-spacing:-.015em;color:#0E1D2C}
body.hc27 .abw__t p{margin:12px 0 0;font-size:15.5px;line-height:1.6;color:#4F5D6B;max-width:62ch}
body.hc27 .abd{padding:10px 0 30px;background:#fff}
body.hc27 .abd__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px}
body.hc27 .abd__i{padding:16px 18px;border-top:3px solid #0E1D2C;background:#F7F9FB;border-radius:0 0 8px 8px}
body.hc27 .abd__i h3{margin:0;font-size:17px;font-weight:900;color:#0E1D2C}
body.hc27 .abd__i p{margin:6px 0 10px;font-size:14px;line-height:1.5;color:#4F5D6B}
body.hc27 .abd__i a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:#0E1D2C}
body.hc27 .abd__i a:hover{text-decoration:underline}
body.hc27 .abd__n{margin:18px 0 0;font-size:13px;color:#5A6673;max-width:95ch}
body.hc27 .abf{padding:28px 0;background:#F3F5F8}
body.hc27 .abf__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
body.hc27 .abf__i{display:flex;flex-direction:column;gap:5px;padding:16px 18px;background:#fff;border:1px solid #E2E7EC;border-radius:8px}
body.hc27 .abf__i b{font-size:16px;color:#0E1D2C}
body.hc27 .abf__i span{font-size:14px;line-height:1.5;color:#4F5D6B}
body.hc27 .abr{padding:32px 0;background:#fff}
body.hc27 .abr__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}
body.hc27 .abr p{margin:12px 0 0;font-size:15.5px;line-height:1.55;color:#4F5D6B;max-width:56ch}
body.hc27 .abr__ad{font-size:16px!important;color:#0E1D2C!important}
body.hc27 .abr__a{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
body.hc27 .abr__n{font-size:13px!important;color:#5A6673!important}
body.hc27 .abr__c{padding:20px 22px;background:#F7F9FB;border:1px solid #E2E7EC;border-radius:10px}
body.hc27 .abr__c h3{margin:0;font-size:17px;font-weight:900;color:#0E1D2C}
body.hc27 .abr__h{margin-top:18px!important}
body.hc27 .abr__two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
body.hc27 .abr__two b{display:block;font-size:14.5px;color:#0E1D2C}
body.hc27 .abr__two span{font-size:13.5px;line-height:1.5;color:#4F5D6B}
body.hc27 .abr__s{display:flex;gap:8px;margin:10px 0 0;padding:0;list-style:none;counter-reset:b}
body.hc27 .abr__s li{counter-increment:b;flex:1;padding:10px 8px;text-align:center;background:#fff;border:1px solid #E2E7EC;border-radius:8px;font-size:13.5px;font-weight:800;color:#0E1D2C}
body.hc27 .abr__s li::before{content:counter(b);display:block;margin:0 auto 4px;width:20px;height:20px;border-radius:50%;background:#0E1D2C;color:#fff;font-size:11px;display:grid;place-items:center}
body.hc27 .abc{padding:0 0 32px;background:#fff}
body.hc27 .abc__g{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 24px;background:#0E1D2C;border-radius:10px}
body.hc27 .abc h2{margin:0;font-size:clamp(20px,2vw,26px);font-weight:900;color:#fff}
body.hc27 .abc p{margin:4px 0 0;font-size:15px;color:rgba(255,255,255,.85)}
body.hc27 .abc__a{display:flex;gap:10px;flex-wrap:wrap}
body.hc27 .abc__a .btn--g{background:var(--hc-red)!important;border-color:var(--hc-red)!important}
body.hc27 .abc__a .btn--o{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
body.hc27 .abc__a .btn--o:hover{background:#fff;color:#0E1D2C}
@media(max-width:1100px){ body.hc27 .abd__g{grid-template-columns:repeat(2,minmax(0,1fr))} body.hc27 .abf__g{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:1000px){ body.hc27 .ab2__g{grid-template-columns:1fr} body.hc27 .ab2__im{order:-1;height:220px} body.hc27 .ab2__c{padding:20px}
 body.hc27 .abw__g,body.hc27 .abr__g{grid-template-columns:1fr} }
@media(max-width:640px){ body.hc27 .abd__g,body.hc27 .abf__g,body.hc27 .abr__two{grid-template-columns:1fr}
 body.hc27 .abr__s{flex-wrap:wrap} body.hc27 .abr__s li{flex:1 1 40%} body.hc27 .abc__a .btn{width:100%;justify-content:center} }

/* ------------------------------------------------ WooCommerce notice link
   WooCommerce gives the notice's "View cart" link the same wc-forward class as
   the cart's Proceed-to-checkout button, so it inherited that button's
   width:100% and rendered as a full-width dark bar under the message on
   desktop; on mobile a plugin rule (.woocommerce-message a.button, max-width
   768px) positioned it absolutely over the notice's tick icon. It is a link
   inside a notice, so it is styled as one. Scoped to links INSIDE notices:
   the cart's own checkout button is not inside a notice and is untouched. */
body.hc27 .woocommerce-message a.wc-forward,
body.hc27 .woocommerce-info a.wc-forward{position:static!important;left:auto!important;float:right!important;display:inline-flex!important;
 width:auto!important;min-height:0!important;margin:0 0 0 12px!important;padding:0!important;background:none!important;border:0!important;
 box-shadow:none!important;color:#0E1D2C!important;font-size:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:768px){
 body.hc27 .woocommerce-message a.wc-forward,
 body.hc27 .woocommerce-info a.wc-forward{float:none!important;display:block!important;margin:6px 0 0!important}
}

/* ------------------------------------------------------ checkout checkboxes
   A plugin stylesheet ships a bare `.checkbox input{opacity:0;position:absolute;
   width:0;height:0}` for its own custom toggle. WooCommerce wraps checkout
   checkboxes in <label class="checkbox">, so that rule hid the native box for
   "Create an account?", "Ship to a different address?" and the optional
   Residential Handling row, with nothing drawn in its place - the label text
   showed but no box. The inputs always worked through their labels; this only
   makes the existing controls visible again. Scoped to the checkout form, so
   the login/sign-up widget's own checkbox styling is untouched. */
body.hc27 form.woocommerce-checkout label.checkbox > input[type=checkbox]{opacity:1!important;position:static!important;display:inline-block!important;
 width:18px!important;height:18px!important;margin:0 8px 0 0!important;vertical-align:-3px;appearance:auto;-webkit-appearance:checkbox;accent-color:#0E1D2C;cursor:pointer}

/* ------------------------------------------- checkout primary actions: NAVY
   Owner CTA system (21 Sep): NAVY = normal primary actions, RED = deals and
   sale emphasis, GOLD = accent. Proceed to checkout and Place order are the
   two most important primary actions and were the last ones still gold. */
/* Older layers style the cart button with 8-class !important chains (and a
   legacy site-wide red-to-gold gradient). :not(#hc27-cta) adds one ID of
   specificity so this single rule outranks them without another chain. */
body.hc27 a.checkout-button:not(#hc27-cta),
body.hc27 #place_order:not(#hc27-cta){background:#0E1D2C!important;background-image:none!important;border-color:#0E1D2C!important;color:#fff!important}
body.hc27 a.checkout-button:not(#hc27-cta):hover,body.hc27 a.checkout-button:not(#hc27-cta):focus-visible,
body.hc27 #place_order:not(#hc27-cta):hover,body.hc27 #place_order:not(#hc27-cta):focus-visible{background:#1B3149!important;background-image:none!important;border-color:#1B3149!important;color:#fff!important}

/* ------------------------------------------------ checkout Sign in button
   The login/sign-up widget's own settings paint its submit buttons with a
   red-to-gold gradient. Brought into the site system as a navy primary
   action; the widget's authentication behaviour is untouched. */
body.hc27 .xoo-el-action-btn:not(#hc27-cta){background:#0E1D2C!important;background-image:none!important;border:1px solid #0E1D2C!important;
 color:#fff!important;border-radius:6px!important;font-weight:800;letter-spacing:.02em;box-shadow:none!important}
body.hc27 .xoo-el-action-btn:not(#hc27-cta):hover,body.hc27 .xoo-el-action-btn:not(#hc27-cta):focus-visible{background:#1B3149!important;background-image:none!important;border-color:#1B3149!important}

/* ------------------------------------------------ WooCommerce notices
   The notice border was never different between desktop and mobile - the
   difference was the browser's focus ring. WooCommerce focuses the notice
   (tabindex=-1) so screen readers announce it, and Chrome draws that ring
   black on desktop and orange on mobile around the site's own treatment.
   The notice is not interactive, so the ring is dropped and every viewport
   shows the one design-system treatment: light border, gold accent edge. */
body.hc27 .woocommerce-message[tabindex="-1"]:focus,
body.hc27 .woocommerce-info[tabindex="-1"]:focus,
body.hc27 .woocommerce-error[tabindex="-1"]:focus,
body.hc27 .woocommerce-notices-wrapper:focus{outline:none!important}

/* ----------------------------------------------- reCAPTCHA disclosure */
body.hc27 .ft__b .ft__rc{display:block;padding-top:0;padding-bottom:16px}
body.hc27 .ft__rc p{margin:0;font-size:12px;line-height:1.5;color:#8FA0B2}
body.hc27 .ft__rc a{color:#C5CFD9;text-decoration:underline;padding:0;min-height:0;display:inline}
.hc27-rc-form{margin:10px 0 0;font-size:12px;line-height:1.5;color:#4F5D6B}
.hc27-rc-form a{text-decoration:underline}

/* ================================================================ PDP system
   The generic product template - every LVP colour other than the Ozark 2
   reference, carpet, SnapCaps/stairs, cabinets, accessories and samples - on
   the same system as the approved reference page (pd2): grid, gallery frame,
   price hierarchy, spec grid, calculator, one buy row, compact information.
   This block REPLACES the old owner-layer PDP block (removed from
   owner-ecommerce-2027.css), so there is one source for these rules. Price is
   navy; red only when a was-price is shown (red = sale emphasis). */
body.hc27 .pdps{padding:22px 0 30px}
body.hc27 .pdps .pdp{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:36px;align-items:start}
body.hc27 .pdps .pdp>div:first-child{position:sticky;top:16px}
body.hc27 .pdps .gal__m{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#EEF1F4;border:0;border-radius:10px;overflow:hidden}
body.hc27 .pdps .gal__m picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
body.hc27 .pdps .gal__m img{width:100%;height:100%;max-height:none;object-fit:contain;margin:0 auto}
body.hc27 .pdps .gal__t{display:grid;grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-columns:auto;gap:8px;margin-top:10px;overflow:visible}
body.hc27 .pdps .gal__t button{aspect-ratio:1;min-height:0;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#EEF1F4}
body.hc27 .pdps .gal__t button.is-on{border-color:#0E1D2C}
body.hc27 .pdps .gal__t img{width:100%;height:100%;object-fit:cover}
body.hc27.has-vchips-img .pdps .gal__t{display:none}
body.hc27 .pdps .buy .eyebrow{display:block;margin:0;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--hc-red)}
body.hc27 .pdps .buy h1{margin:4px 0 0;font-size:clamp(28px,2.6vw,38px);font-weight:900;letter-spacing:-.02em;line-height:1.1;color:#0E1D2C}
body.hc27 .pdps .buy__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:12px 0 0}
body.hc27 .pdps .buy__now{font-size:36px;font-weight:900;letter-spacing:-.02em;color:#0E1D2C}
body.hc27 .pdps .buy__price:has(.buy__was) .buy__now{color:var(--hc-red)}
body.hc27 .pdps .buy__from{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#5A6673}
body.hc27 .pdps .buy__u{font-size:15px;font-weight:800;color:#4F5D6B}
body.hc27 .pdps .buy__was{font-size:16px;color:#6B7785;text-decoration:line-through}
body.hc27 .pdps .buy__note{margin:2px 0 0;font-size:14px;color:#4F5D6B}
body.hc27 .pdps .buy__note b{color:#0E1D2C}
body.hc27 .pdps .specstrip{display:flex;flex-wrap:wrap;gap:0;margin:16px 0 0;border:1px solid #E2E7EC;border-radius:8px;overflow:hidden;background:#F7F9FB}
body.hc27 .pdps .specstrip>div{flex:1 1 30%;min-width:0;margin:0 -1px -1px 0;padding:10px 12px;border:0;border-right:1px solid #E2E7EC;border-bottom:1px solid #E2E7EC;border-radius:0;background:none}
body.hc27 .pdps .specstrip dt{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5A6673}
body.hc27 .pdps .specstrip dd{margin:2px 0 0;font-size:15px;font-weight:800;color:#0E1D2C}
body.hc27 .pdps .calc{margin:18px 0 0;padding:16px;border:1px solid #E2E7EC;border-radius:10px;background:#fff}
body.hc27 .pdps .calc h2{margin:0 0 10px;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:#0E1D2C}
body.hc27 .pdps .calc input,body.hc27 .pdps .calc select{height:46px;border:1.5px solid #D5DCE3;border-radius:8px;font-size:16px;font-weight:700}
body.hc27 .pdps .atc{margin-top:16px;padding-top:0;border-top:0}
body.hc27 .pdps .atc table.variations,body.hc27 .pdps .atc table.variations tbody{display:block;width:100%;margin:0}
body.hc27 .pdps .atc table.variations tr{display:block;margin:0 0 14px}
body.hc27 .pdps .atc table.variations th,body.hc27 .pdps .atc table.variations td{display:block;width:100%!important;padding:0!important;text-align:left;white-space:normal}
body.hc27 .pdps .atc table.variations th label{display:block;margin:0 0 8px;font-size:14px;font-weight:800;color:#0E1D2C}
body.hc27 .pdps .atc table.variations select{width:100%;height:46px;min-height:46px;border:1.5px solid #D5DCE3;border-radius:8px;padding:0 12px;font-size:15px;font-weight:700;background-color:#fff;color:#0E1D2C}
body.hc27 .pdps .atc .reset_variations{display:inline-block;margin-top:8px;font-size:13px;font-weight:700;color:#4F5D6B;text-decoration:underline}
body.hc27 .pdps .atc .reset_variations[style*="hidden"]{display:none!important}
body.hc27 .pdps .atc #price_calculator{border-radius:8px;background:#F7F9FB}
body.hc27 .pdps .atc .single_variation_wrap{width:100%}
body.hc27 .pdps .atc .woocommerce-variation-add-to-cart{display:flex;align-items:stretch;gap:10px;width:100%;margin-top:4px!important}
body.hc27 .pdps .atc table.variations tr:last-child{margin-bottom:8px}
body.hc27 .pd2i .pd2i__p:has(table){max-width:none}
body.hc27 .pdps .atc .woocommerce-variation-add-to-cart{flex-wrap:wrap}
body.hc27 .pdps .atc .woocommerce-variation-add-to-cart>:not(.qib-button-wrapper):not(.quantity):not(.single_add_to_cart_button):not(input[type=hidden]){flex:1 1 100%;margin:0 0 4px}
body.hc27 .pdps .atc .woocommerce-variation-add-to-cart .single_add_to_cart_button{flex:1 1 200px}
body.hc27 .pdps .atc .woocommerce-variation.single_variation:empty{display:none}
body.hc27 .pdps .gal__note{margin:8px 0 0;font-size:13px;color:#5A6673}
body.hc27 .pdps .atc .single_add_to_cart_button.disabled,body.hc27 .pdps .atc .single_add_to_cart_button:disabled{opacity:.55}
/* option chips over WooCommerce's selects (hc27_variation_chips_script) */
body.hc27 select.vchips-src{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0;pointer-events:none;overflow:hidden}
body.hc27 .vchips__sel{font-weight:600;color:#4F5D6B}
body.hc27 .vchips{display:flex;flex-wrap:wrap;gap:8px}
body.hc27 .vchip{min-height:42px;padding:0 14px;border:1.5px solid #D5DCE3;border-radius:8px;background:#fff;font-family:inherit;font-size:14px;font-weight:800;color:#0E1D2C;cursor:pointer}
body.hc27 .vchip:hover{border-color:#0E1D2C}
body.hc27 .vchip.is-on{border-color:#0E1D2C;box-shadow:inset 0 0 0 1.5px #0E1D2C;background:#F3F5F8}
body.hc27 .vchip:disabled{opacity:.35;cursor:not-allowed}
body.hc27 .vchips--img{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px 8px;align-items:start}
body.hc27 .vchips--img .vchip{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;height:auto!important;min-height:0!important;padding:0!important;border:0;background:none;box-shadow:none}
body.hc27 .vchips--img .vchip img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;box-shadow:0 0 0 1px #CBD3DB}
body.hc27 .vchips--img .vchip span{font-size:11.5px;font-weight:700;line-height:1.2;color:#34414E;text-align:center}
body.hc27 .vchips--img .vchip:hover img{box-shadow:0 0 0 1px #0E1D2C}
body.hc27 .vchips--img .vchip.is-on img{box-shadow:0 0 0 3px #0E1D2C}
body.hc27 .vchips--img .vchip.is-on span{color:#0E1D2C;font-weight:900}
@media(max-width:1000px){
 body.hc27 .pdps .pdp{grid-template-columns:minmax(0,1fr);gap:20px}
 body.hc27 .pdps .pdp>div:first-child{position:static}
}
@media(max-width:640px){
 body.hc27 .pdps{padding:12px 0 22px}
 body.hc27 .pdps .gal__t{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:64px;overflow-x:auto;scrollbar-width:none}
 body.hc27 .pdps .buy h1{font-size:26px}
 body.hc27 .pdps .buy__now{font-size:30px}
 body.hc27 .pdps .specstrip>div{flex-basis:45%}
}
/* PDP: the collection's other colours, as links (same chips as the LVP card) */
body.hc27 .pdcol{margin-top:16px}
body.hc27 .pdcol__l{margin:0 0 8px;font-size:14px;font-weight:800;color:#0E1D2C}
body.hc27 .pdcol__l span{font-weight:600;color:#5A6673}
body.hc27 .pdcol__g{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:10px 8px;align-items:start}
body.hc27 .pdcol__s{display:flex;flex-direction:column;align-items:center;gap:4px;color:#34414E;text-decoration:none}
body.hc27 .pdcol__s img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
body.hc27 .pdcol__s .pdcol__c{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:6px;box-shadow:0 0 0 1px #CBD3DB}
body.hc27 .pdcol__s.is-floor img{object-position:50% 100%;transform:scale(3.2);transform-origin:50% 96%}
body.hc27 .pdcol__s picture{display:block;width:100%;height:100%}
body.hc27 .pdcol__n{font-size:11px;font-weight:700;line-height:1.2;text-align:center}
body.hc27 .pdcol__s:hover .pdcol__c{box-shadow:0 0 0 1px #0E1D2C}
body.hc27 .pdcol__s.is-on .pdcol__c{box-shadow:0 0 0 3px #0E1D2C}
body.hc27 .pdcol__s.is-on .pdcol__n{color:#0E1D2C;font-weight:900}

/* ======================================================= cart + checkout
   One continuous system from the product page: white card surfaces on the
   light page, navy primary actions, gold only as the step accent, 46px
   inputs with an 8px radius, and a sticky order-summary card. Presentation
   only - WooCommerce renders the forms, totals, coupons, shipping, tax and
   payment exactly as before. */
body.hc27 .hc27-woo .woocommerce-cart-form{background:#fff;border:1px solid #E2E7EC;border-radius:10px;padding:2px 20px 6px}
body.hc27 .hc27-woo table.cart{margin:0;border:0}
body.hc27 .hc27-woo table.cart thead th{padding:13px 12px 11px 0;border-bottom:1px solid #E2E7EC;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5A6673;background:none}
body.hc27 .hc27-woo table.cart tr.cart_item td{padding:18px 12px 18px 0;vertical-align:middle;border-bottom:1px solid #EEF1F4}
body.hc27 .hc27-woo table.shop_table td.product-thumbnail{width:104px;min-width:104px}
body.hc27 .hc27-woo table.shop_table td.product-thumbnail img{width:88px!important;height:88px!important;border-radius:8px!important;object-fit:cover!important}
body.hc27 .hc27-woo table.cart td.product-name>a{font-size:16px;font-weight:900;color:#0E1D2C;text-decoration:none}
body.hc27 .hc27-woo table.cart td.product-name>a:hover{text-decoration:underline}
body.hc27 .hc27-woo table.cart td.product-price{font-size:15px;font-weight:800;color:#0E1D2C}
body.hc27 .hc27-woo table.cart td.product-subtotal{font-size:16px;font-weight:900;color:#0E1D2C}
body.hc27 .hc27-woo table.cart a.remove{color:#6B7785!important;font-size:22px;border-radius:50%}
body.hc27 .hc27-woo table.cart a.remove:hover{background:#F3F5F8!important;color:var(--hc-red)!important}
body.hc27 .hc27-woo table.cart td.actions{padding:14px 0 10px!important;border:0}
body.hc27 .hc27-woo td.actions .coupon input.input-text{height:44px;min-height:44px;border-radius:8px!important}
body.hc27 .hc27-woo td.actions button.button{height:44px;min-height:44px;padding:0 18px!important;border:1.5px solid #0E1D2C!important;border-radius:8px!important;background:#fff!important;color:#0E1D2C!important;font-size:14px!important;font-weight:800!important}
body.hc27 .hc27-woo td.actions button.button:hover{background:#F3F5F8!important}
body.hc27 .hc27-woo td.actions button.button:disabled,body.hc27 .hc27-woo td.actions button.button[disabled]{opacity:.45}
body.hc27 .hc27-woo .cart-collaterals{background:none!important;border:0!important;padding:0!important}
body.hc27 .hc27-woo .cart_totals,body.hc27 .hc27-woo #order_review{background:#fff;border:1px solid #E2E7EC;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(14,29,44,.05)}
body.hc27 .hc27-woo .cart-collaterals{position:sticky;top:16px;align-self:start}
body.hc27 .hc27-woo .cart_totals h2,body.hc27 .hc27-woo #order_review_heading{margin:0 0 8px;font-size:18px;font-weight:900;color:#0E1D2C}
body.hc27 .hc27-woo .cart_totals .order-total th,body.hc27 .hc27-woo .cart_totals .order-total td,body.hc27 .hc27-woo #order_review .order-total th,body.hc27 .hc27-woo #order_review .order-total td{font-size:20px!important;font-weight:900;color:#0E1D2C}
body.hc27 .hc27-woo .wc-proceed-to-checkout{padding:12px 0 0!important}
body.hc27 .hc27-woo .continue_shopping{text-align:center;margin-top:12px}
body.hc27 .hc27-woo .continue_shopping a{font-size:14px;font-weight:700;color:#0E1D2C;text-decoration:underline;text-underline-offset:3px}
body.hc27 .ful{margin-top:16px;border-radius:10px;border-color:#E2E7EC;padding:16px 18px}
body.hc27 .ful__h{font-size:16px}
body.hc27 .fulc{border-radius:8px;background:#F7F9FB;border-color:#E2E7EC}
body.hc27 .fulc__p{color:#0E1D2C}
@media(min-width:1001px){ body.hc27 .hc27-woo:has(.woocommerce-cart-form) ~ .ful{max-width:calc(100% - 384px)} }
/* checkout */
body.hc27 .hc27-woo .hc27-login-toggle{margin:0 0 12px}
body.hc27 .hc27-woo .hc27-login-toggle a{font-weight:800;color:#0E1D2C;text-decoration:underline}
body.hc27 .hc27-woo .xoo-el-form-inline.hc27-fold{display:none!important}
body.hc27 .hc27-woo .xoo-el-form-inline.hc27-fold.is-open{display:block!important;margin:0 auto 16px;max-width:560px;padding:16px;border:1px solid #E2E7EC;border-radius:10px;background:#fff}
body.hc27 .hc27-woo form.checkout #customer_details .col-1,body.hc27 .hc27-woo form.checkout #customer_details .col-2{background:#fff;border:1px solid #E2E7EC;border-radius:10px;padding:20px 22px!important;float:none;width:auto!important;max-width:none}
body.hc27 .hc27-woo form.checkout #customer_details .col-2{margin-top:14px}
body.hc27 .hc27-woo form.checkout h3{margin:0 0 12px;font-size:18px;font-weight:900;color:#0E1D2C}
body.hc27 .hc27-woo .woocommerce-billing-fields__field-wrapper,body.hc27 .hc27-woo .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
body.hc27 .hc27-woo .woocommerce-billing-fields__field-wrapper>.form-row,body.hc27 .hc27-woo .woocommerce-shipping-fields__field-wrapper>.form-row{grid-column:1/-1;float:none!important;width:auto!important;margin:0 0 12px!important;padding:0!important}
body.hc27 .hc27-woo #billing_first_name_field,body.hc27 .hc27-woo #billing_last_name_field,body.hc27 .hc27-woo #billing_city_field,body.hc27 .hc27-woo #billing_state_field,body.hc27 .hc27-woo #billing_country_field,body.hc27 .hc27-woo #billing_postcode_field,body.hc27 .hc27-woo #billing_phone_field,body.hc27 .hc27-woo #billing_email_field,
body.hc27 .hc27-woo #shipping_first_name_field,body.hc27 .hc27-woo #shipping_last_name_field,body.hc27 .hc27-woo #shipping_city_field,body.hc27 .hc27-woo #shipping_state_field,body.hc27 .hc27-woo #shipping_country_field,body.hc27 .hc27-woo #shipping_postcode_field{grid-column:auto!important}
body.hc27 .hc27-woo form.checkout .form-row label{margin:0 0 5px;font-size:13px;font-weight:800;color:#34414E}
body.hc27 .hc27-woo form.checkout .form-row input.input-text,body.hc27 .hc27-woo form.checkout .form-row select{height:46px;min-height:46px;border:1.5px solid #D5DCE3;border-radius:8px;padding:0 12px;font-size:15px;background:#fff}
body.hc27 .hc27-woo form.checkout .form-row textarea{min-height:96px;border:1.5px solid #D5DCE3;border-radius:8px;padding:10px 12px;font-size:15px}
body.hc27 .hc27-woo form.checkout .select2-container .select2-selection--single{height:46px;border:1.5px solid #D5DCE3;border-radius:8px}
body.hc27 .hc27-woo form.checkout .select2-container .select2-selection--single .select2-selection__rendered{line-height:43px;padding-left:12px;font-size:15px}
body.hc27 .hc27-woo form.checkout .select2-container .select2-selection--single .select2-selection__arrow{height:44px}
body.hc27 .hc27-woo form.checkout .form-row input.input-text:focus,body.hc27 .hc27-woo form.checkout .form-row textarea:focus{border-color:#0E1D2C;outline:none;box-shadow:0 0 0 3px rgba(14,29,44,.12)}
body.hc27 .hc27-woo #order_review{position:sticky;top:16px}
body.hc27 .hc27-woo #payment{background:none!important;border-radius:0;margin-top:14px;padding:0!important}
body.hc27 .hc27-woo #payment ul.payment_methods{padding:0!important;border:0!important;margin:0}
body.hc27 .hc27-woo #payment li.wc_payment_method>label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;font-weight:900;color:#0E1D2C}
body.hc27 .hc27-woo #payment li.wc_payment_method>label img{height:26px!important;width:auto!important;max-width:none;margin:0!important;float:none!important}
body.hc27 .hc27-woo #payment div.payment_box{margin:10px 0 0!important;padding:14px!important;background:#F7F9FB!important;border:1px solid #E2E7EC;border-radius:8px;font-size:13.5px}
body.hc27 .hc27-woo #payment div.payment_box::before{display:none!important}
body.hc27 .hc27-woo #payment div.payment_box input.input-text,body.hc27 .hc27-woo #payment div.payment_box input{height:44px;border:1.5px solid #D5DCE3!important;border-radius:8px!important;background:#fff!important;padding:0 12px!important;font-size:15px}
body.hc27 .hc27-woo #payment .place-order{padding:14px 0 0!important;margin:0!important}
body.hc27 .hc27-woo #payment #place_order{width:100%;min-height:52px;border-radius:8px!important;font-size:16px!important;font-weight:900!important;letter-spacing:.03em}
@media(max-width:1000px){ body.hc27 .hc27-woo .cart-collaterals,body.hc27 .hc27-woo #order_review{position:static} }
@media(max-width:640px){
 body.hc27 .hc27-woo .woocommerce-cart-form{padding:4px 14px 8px}
 body.hc27 .hc27-woo .woocommerce-billing-fields__field-wrapper,body.hc27 .hc27-woo .woocommerce-shipping-fields__field-wrapper{grid-template-columns:minmax(0,1fr)}
 body.hc27 .hc27-woo form.checkout #customer_details .col-1,body.hc27 .hc27-woo form.checkout #customer_details .col-2,body.hc27 .hc27-woo .cart_totals,body.hc27 .hc27-woo #order_review{padding:16px!important}
 body.hc27 .hc27-woo table.cart tr.cart_item td.product-name{grid-column:1/-1!important;width:auto!important;padding-right:36px!important}
 body.hc27 .hc27-woo table.cart tr.cart_item td.product-name .cline{max-width:none}
}

/* =====================================================================
 * 2027 STOREFRONT - NEXT SHELL + HOMEPAGE (private review).
 * Scoped to body.hc27-next; launching = dropping this scope.
 * Visual master: owner's Complete Site Visual System board (22 Sep 2026).
 * ===================================================================== */
@font-face{font-family:"HC Montserrat";src:url("../fonts/hc28/montserrat-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"HC Inter";src:url("../fonts/hc28/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
body.hc27-next{--x-n:#0C1C34;--x-n2:#16305A;--x-ink:#1C2735;--x-mut:#5E6A78;--x-line:#E3E7EC;--x-bg:#F5F7FA;--x-red:#D0111B;--x-gold:#E0A31C;--x-gold2:#C58B0E;
  --x-hf:"HC Montserrat",Montserrat,-apple-system,"Segoe UI",Arial,sans-serif;--x-bf:"HC Inter",Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-family:var(--x-bf)!important;color:var(--x-ink);background:#fff}
body.hc27-next .wrap{max-width:1240px!important;padding-left:24px!important;padding-right:24px!important;margin-left:auto;margin-right:auto}
body.hc27-next h1,body.hc27-next h2,body.hc27-next h3{font-family:var(--x-hf)}

/* ---------- promo ---------- */
body.hc27-next .promo{background:var(--x-red)!important;color:#fff!important;font-family:var(--x-hf)}
body.hc27-next .promo .wrap{min-height:34px!important;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.hc27-next .promo span{font-size:12.5px!important;font-weight:600!important;letter-spacing:.01em}
body.hc27-next .promo span::before{display:none!important}
body.hc27-next .promo b{font-weight:800;color:#fff!important}
body.hc27-next .promo a{color:#fff!important;text-decoration:underline;text-underline-offset:2px;font-weight:700!important}

/* ---------- header ---------- */
body.hc27-next .hdr{background:#fff!important;border-bottom:0!important;box-shadow:none!important}
body.hc27-next .hdr__top{min-height:74px!important;gap:28px!important;padding-top:8px!important;padding-bottom:8px!important}
body.hc27-next .hdr .brand img{height:52px!important;width:auto!important}
body.hc27-next .hdr .search{max-width:620px}
body.hc27-next .hdr .search input{height:44px!important;border-radius:999px!important;border:1px solid #D9DEE5!important;background:#fff!important;font-size:14.5px!important;padding-left:20px!important}
body.hc27-next .hdr .search button{width:36px!important;height:36px!important;background:var(--x-n)!important;border-radius:50%!important}
body.hc27-next .hdr .hact a small{font-size:11.5px!important}
body.hc27-next .hdr .hact a b{font-size:13.5px!important;font-family:var(--x-hf)}
body.hc27-next .hdr .hphone{display:none!important}
body.hc27-next .nav{background:#fff!important;border-top:1px solid var(--x-line)!important;border-bottom:1px solid var(--x-line)!important}
body.hc27-next .nav .wrap>ul{display:flex!important;justify-content:center!important;gap:0 46px!important}
body.hc27-next .nav a.top{height:44px!important;display:flex!important;align-items:center;font-family:var(--x-hf)!important;font-size:14.5px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;color:var(--x-n)!important}
body.hc27-next .nav a.top.deals{color:var(--x-red)!important;font-weight:700!important}
body.hc27-next .crumbs,body.hc27-next .crumb{font-size:12.5px}

/* ---------- shared button + tag ---------- */
body.hc27-next .nxb{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:5px;font-family:var(--x-hf);font-size:14.5px;font-weight:700;font-style:normal;text-decoration:none!important;white-space:nowrap;transition:background .15s}
body.hc27-next .nxb--g{background:var(--x-gold);color:#fff!important}
body.hc27-next .nxb--g:hover,body.hc27-next a:hover>.nxb--g,body.hc27-next a:hover .nxst__t .nxb--g{background:var(--x-gold2)}
body.hc27-next .nxb--w{background:#fff;color:var(--x-n)!important}
body.hc27-next .nxb--w:hover{background:#EDF0F4}
body.hc27-next .nxtag{position:absolute;z-index:2;left:8px;top:8px;display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--x-red);color:#fff;
  font-family:var(--x-hf);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 1px 3px rgba(0,0,0,.25)}

/* ---------- help row + footer ---------- */
body.hc27-next .nxh{background:#fff;border-top:1px solid var(--x-line)}
body.hc27-next .nxh__w{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:40px;padding-top:18px!important;padding-bottom:18px!important}
body.hc27-next .nxh h2{margin:0!important;font-size:16px;line-height:1.3;font-weight:800;text-transform:uppercase;color:var(--x-n)}
body.hc27-next .nxh ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1.2fr 1.5fr;gap:20px}
body.hc27-next .nxh a{display:flex;align-items:center;gap:11px;color:var(--x-ink)!important;text-decoration:none!important;font-size:13px;line-height:1.35}
body.hc27-next .nxh a b{display:block;font-family:var(--x-hf);font-size:13.5px;color:var(--x-n)}
body.hc27-next .nxh__i{flex:0 0 38px;height:38px;border-radius:50%;background:var(--x-n);color:#fff;display:flex;align-items:center;justify-content:center}
body.hc27-next .nxf{background:var(--x-n);color:#C9D2DE;font-size:13px}
body.hc27-next .nxf a{color:#DCE3EC!important;text-decoration:none!important}
body.hc27-next .nxf a:hover{color:#fff!important;text-decoration:underline!important}
body.hc27-next .nxf__m{display:grid;grid-template-columns:1.3fr .8fr .8fr .8fr 1.6fr;gap:28px;padding-top:26px!important;padding-bottom:22px!important}
body.hc27-next .nxf__b img{width:150px;height:auto;display:block}
body.hc27-next .nxf__b p{margin:10px 0 12px;line-height:1.5}
body.hc27-next .nxf__so{display:flex;gap:8px}
body.hc27-next .nxf__so a{width:32px;height:32px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center}
body.hc27-next .nxf h3{margin:2px 0 10px!important;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff}
body.hc27-next .nxf__c{display:flex;flex-direction:column;gap:6px}
body.hc27-next .nxf__e p{margin:0 0 10px}
body.hc27-next .nxf__e form{display:flex}
body.hc27-next .nxf__e input{flex:1;min-width:0;height:40px;border:0;border-radius:4px 0 0 4px;padding:0 12px;font-size:13.5px;color:var(--x-ink);background:#fff}
body.hc27-next .nxf__e button{height:40px;border:0;border-radius:0 4px 4px 0;padding:0 18px;background:var(--x-gold);color:#fff;font-family:var(--x-hf);font-size:13.5px;font-weight:700;cursor:pointer}
body.hc27-next .nxf__e small{display:block;margin-top:7px;font-size:11.5px;color:#9FAABA}
body.hc27-next .nxf__l{border-top:1px solid rgba(255,255,255,.12)}
body.hc27-next .nxf__l .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px!important;padding-bottom:12px!important;font-size:12px;color:#9FAABA}
body.hc27-next .nxf__l nav{display:flex;gap:16px}
body.hc27-next .nxf__rc p{margin:0;padding:0 0 12px;font-size:11px;color:#8D98A8}
body.hc27-next .nxf__rc a{text-decoration:underline!important}

/* ================= HOMEPAGE ================= */
body.hc27-next .nx a{text-decoration:none}
/* hero */
body.hc27-next .nxx{position:relative;display:grid;background:#1d2530;overflow:hidden}
body.hc27-next .nxx__s{grid-area:1/1;position:relative;height:400px;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}
body.hc27-next .nxx__s.is-on{opacity:1;visibility:visible;transition:opacity .7s ease}
body.hc27-next .nxx__im{position:absolute;inset:0}
body.hc27-next .nx picture{display:contents}
body.hc27-next .nxx__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--p,50% 50%);display:block}
body.hc27-next .nxx__im--g img{position:static}
body.hc27-next .nxx__im::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,16,28,.62) 0,rgba(9,16,28,.40) 32%,rgba(9,16,28,.06) 58%,rgba(9,16,28,0) 70%);pointer-events:none}
body.hc27-next .nxx__im--g{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:#0C1C34}
body.hc27-next .nxx__im--g span{position:relative;overflow:hidden}
body.hc27-next .nxx__im--g img{width:100%;height:100%;object-fit:cover;display:block}
body.hc27-next .nxx__im--g i{position:absolute;right:10px;bottom:46px;z-index:1;font-style:normal;font-family:var(--x-hf);font-size:11.5px;font-weight:700;color:#fff;background:rgba(12,28,52,.8);padding:4px 8px;border-radius:3px}
body.hc27-next .nxx__s--deal .nxx__im::after{background:linear-gradient(90deg,rgba(9,16,28,.86) 0,rgba(9,16,28,.70) 30%,rgba(9,16,28,.10) 56%,rgba(9,16,28,0) 66%)}
body.hc27-next .nxx__w{position:relative;z-index:1;height:100%;display:flex;align-items:center}
body.hc27-next .nxx__t{max-width:600px;padding-bottom:26px}
body.hc27-next .nxx__k{display:inline-flex;height:24px;align-items:center;padding:0 10px;border-radius:999px;background:var(--x-red);color:#fff;font-family:var(--x-hf);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
body.hc27-next .nxx__h{display:block;margin:0!important;font-family:var(--x-hf);font-size:38px;line-height:1.1;font-weight:800;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}
body.hc27-next .nxx__h em{font-style:normal;color:#fff;font-size:1.25em}
body.hc27-next .nxx__h small{font-size:.5em;font-weight:700;text-transform:none}
body.hc27-next .nxx__p{display:block;margin-top:10px;font-size:18px;color:#F1F3F6}
body.hc27-next .nxx__a{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
body.hc27-next .nxx__c{position:absolute;z-index:3;left:0;right:0;bottom:16px;pointer-events:none}
body.hc27-next .nxx__c .wrap{display:flex;align-items:center;gap:10px}
body.hc27-next .nxx__n,body.hc27-next .nxx__d button{pointer-events:auto;cursor:pointer}
body.hc27-next .nxx__n{width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--x-n);display:flex;align-items:center;justify-content:center;padding:0}
body.hc27-next .nxx__d{display:flex;gap:6px}
body.hc27-next .nxx__d button{width:22px;height:4px;border:0;border-radius:2px;padding:0;background:rgba(255,255,255,.5)}
body.hc27-next .nxx__d button[aria-current="true"]{background:#fff}
/* trust */
body.hc27-next .nxt{border-bottom:1px solid var(--x-line);background:#fff}
body.hc27-next .nxt ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
body.hc27-next .nxt a{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 6px;color:var(--x-n)}
body.hc27-next .nxt b{display:block;font-family:var(--x-hf);font-size:13px;font-weight:700;color:var(--x-n)}
body.hc27-next .nxt small{display:block;font-size:12px;color:var(--x-mut)}
/* sections */
body.hc27-next .nxs{padding:22px 0 8px;background:#fff}
body.hc27-next .nxs__c{margin:0 0 14px!important;text-align:center;font-size:21px;font-weight:800;text-transform:uppercase;color:var(--x-n)}
body.hc27-next .nxs__h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
body.hc27-next .nxs__h h2{margin:0!important;font-size:21px;font-weight:800;text-transform:uppercase;color:var(--x-n)}
body.hc27-next .nxs__h h2 em{font-style:normal;color:var(--x-red)}
body.hc27-next .nxs__l{display:inline-flex;align-items:center;gap:5px;font-family:var(--x-hf);font-size:13.5px;font-weight:700;color:var(--x-red)!important}
/* category tiles */
body.hc27-next .nxc{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
body.hc27-next .nxc__i{position:relative;display:block;aspect-ratio:3/4;border-radius:4px;overflow:hidden;background:#ddd}
body.hc27-next .nxc__i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--p,50% 50%);transition:transform .35s ease}
body.hc27-next .nxc__i:hover img{transform:scale(1.04)}
body.hc27-next .nxc__i::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.6) 100%)}
body.hc27-next .nxc__i .nxtag{left:auto;right:8px}
body.hc27-next .nxc__b{position:absolute;z-index:1;left:12px;right:8px;bottom:10px;color:#fff;display:flex;flex-direction:column;gap:2px}
body.hc27-next .nxc__b b{font-family:var(--x-hf);font-size:13.5px;font-weight:800;text-transform:uppercase}
body.hc27-next .nxc__b span{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600}
body.hc27-next .nxc__b svg{width:13px;height:13px}
/* deal cards */
body.hc27-next .nxr{position:relative}
body.hc27-next .nxr__r.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*14px)/5);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 6px}
body.hc27-next .nxr__r::-webkit-scrollbar{display:none}
body.hc27-next .nxd{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid var(--x-line);border-radius:5px;overflow:hidden;color:var(--x-ink)}
body.hc27-next .nxd:hover{box-shadow:0 6px 18px rgba(12,28,52,.12)}
body.hc27-next .nxd__im{position:relative;display:block;aspect-ratio:4/3;background:#EEF0F3;overflow:hidden}
body.hc27-next .nxd__im img{width:100%;height:100%;object-fit:cover;display:block}
body.hc27-next .nxd__b{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}
body.hc27-next .nxd__n{font-family:var(--x-hf);font-size:14px;font-weight:700;color:#111A26}
body.hc27-next .nxd__s{font-size:12px;color:var(--x-mut)}
body.hc27-next .nxd__p{display:flex;align-items:baseline;gap:5px;margin-top:5px;font-family:var(--x-hf)}
body.hc27-next .nxd__p b{font-size:19px;font-weight:800;color:var(--x-n)}
body.hc27-next .nxd__p.is-sale b{color:var(--x-red)}
body.hc27-next .nxd__p i{font-style:normal;font-size:12px;font-weight:600;color:var(--x-ink)}
body.hc27-next .nxd__p s{font-size:12px;color:#8A94A0;margin-left:3px}
body.hc27-next .nxd__x{font-size:11.5px;color:var(--x-mut)}
body.hc27-next .nxd__a{margin-top:auto;display:flex;align-items:center;justify-content:center;height:32px;margin-top:10px;border:1.5px solid var(--x-n);border-radius:4px;color:var(--x-n);font-family:var(--x-hf);font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
body.hc27-next .nxd:hover .nxd__a{background:var(--x-n);color:#fff}
body.hc27-next .nxr__n{position:absolute;z-index:2;top:30%;right:-14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--x-line);background:#fff;color:var(--x-n);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(12,28,52,.15);cursor:pointer;padding:0}
body.hc27-next .nxr__n--p{right:auto;left:-14px}
body.hc27-next .nxr__n[disabled]{display:none}
/* cabinets */
body.hc27-next .nxk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.hc27-next .nxk__i{display:flex;flex-direction:column;background:#fff;border:1px solid var(--x-line);border-radius:5px;overflow:hidden;color:var(--x-ink)}
body.hc27-next .nxk__i:hover{box-shadow:0 6px 18px rgba(12,28,52,.12)}
body.hc27-next .nxk__im{display:block;aspect-ratio:16/10;overflow:hidden;background:#EEF0F3}
body.hc27-next .nxk__im img{width:100%;height:100%;object-fit:cover;display:block}
body.hc27-next .nxk__b{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}
body.hc27-next .nxk__b b{font-family:var(--x-hf);font-size:15px;font-weight:700;color:var(--x-n)}
body.hc27-next .nxk__b span{font-size:12.5px;color:var(--x-mut)}
body.hc27-next .nxk__b i{margin-top:auto;display:flex;align-items:center;justify-content:center;height:32px;margin-top:10px;border:1.5px solid var(--x-n);border-radius:4px;color:var(--x-n);font-style:normal;font-family:var(--x-hf);font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
body.hc27-next .nxk__i:hover .nxk__b i{background:var(--x-n);color:#fff}
body.hc27-next .nx3d{display:flex;align-items:center;gap:16px;margin-top:12px;padding:12px 16px;border-radius:5px;background:var(--x-bg);border:1px solid var(--x-line)}
body.hc27-next .nx3d__i{flex:0 0 46px;height:46px;border-radius:50%;background:var(--x-n);color:#fff;display:flex;align-items:center;justify-content:center}
body.hc27-next .nx3d__t{flex:1;min-width:0}
body.hc27-next .nx3d__t b{display:block;font-family:var(--x-hf);font-size:15.5px;font-weight:800;text-transform:uppercase;color:var(--x-n)}
body.hc27-next .nx3d__t span{display:block;font-size:13px;color:var(--x-mut);margin-top:2px}
body.hc27-next .nx3d__l{font-family:var(--x-hf);font-size:13px;font-weight:700;color:var(--x-n)!important;white-space:nowrap;text-decoration:underline!important;text-underline-offset:3px}
/* stair banner */
body.hc27-next .nxs--st{padding-bottom:26px}
body.hc27-next .nxst{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);height:250px;border-radius:5px;overflow:hidden;background:var(--x-n);color:#fff}
body.hc27-next .nxst__t{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:24px 34px}
body.hc27-next .nxst__t b{font-family:var(--x-hf);font-size:27px;line-height:1.12;font-weight:800;text-transform:uppercase}
body.hc27-next .nxst__t span{font-size:15px;color:#DCE3EC}
body.hc27-next .nxst__t .nxb{align-self:flex-start;margin-top:10px}
body.hc27-next .nxst__im{position:relative;overflow:hidden;background:#EEE}
body.hc27-next .nxst__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}

/* ================= responsive ================= */
@media (max-width:1100px){
  body.hc27-next .nav .wrap>ul{gap:0 26px!important}
  body.hc27-next .nxr__r.rail{grid-auto-columns:calc((100% - 3*14px)/4)}
  body.hc27-next .nxf__m{grid-template-columns:1fr 1fr 1fr;row-gap:22px}
  body.hc27-next .nxf__b,body.hc27-next .nxf__e{grid-column:span 3}
}
@media (max-width:900px){
  body.hc27-next .nxc{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.hc27-next .nxk{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.hc27-next .nxt ul{grid-template-columns:repeat(2,1fr)}
  body.hc27-next .nxt a{justify-content:flex-start}
  body.hc27-next .nxh__w{grid-template-columns:1fr;gap:12px}
  body.hc27-next .nxh ul{grid-template-columns:1fr;gap:10px}
  body.hc27-next .nx3d{flex-wrap:wrap}
  body.hc27-next .nx3d__t{flex-basis:calc(100% - 62px)}
}
@media (max-width:760px){
  body.hc27-next .wrap{padding-left:16px!important;padding-right:16px!important}
  body.hc27-next .promo span:nth-child(n+2){display:none}
  body.hc27-next .promo .wrap{justify-content:center}
  body.hc27-next .hdr__top{min-height:0!important;gap:10px!important}
  body.hc27-next .hdr .brand img{height:42px!important}
  body.hc27-next .nxx{background:var(--x-n)}
  body.hc27-next .nxx__s{height:auto;display:flex;flex-direction:column;background:var(--x-n)}
  body.hc27-next .nxx__im{position:relative;inset:auto;aspect-ratio:16/10}
  body.hc27-next .nxx__im::after,body.hc27-next .nxx__s--deal .nxx__im::after{background:none}
  body.hc27-next .nxx__im--g{grid-template-columns:repeat(2,1fr)}
  body.hc27-next .nxx__im--g span:nth-child(n+3){display:none}
  body.hc27-next .nxx__im--g i{bottom:8px}
  body.hc27-next .nxx__w{height:auto;background:var(--x-n)}
  body.hc27-next .nxx__t{padding:16px 0 52px}
  body.hc27-next .nxx__h{font-size:23px}
  body.hc27-next .nxx__p{font-size:14.5px;margin-top:6px}
  body.hc27-next .nxx__a{margin-top:14px}
  body.hc27-next .nxx__a .nxb{flex:1;height:42px;font-size:14px;padding:0 10px}
  body.hc27-next .nxx__c{bottom:14px}
  body.hc27-next .nxt a{padding:9px 2px;gap:8px}
  body.hc27-next .nxt svg{width:20px;height:20px}
  body.hc27-next .nxt b{font-size:12px}
  body.hc27-next .nxt small{font-size:11px}
  body.hc27-next .nxs{padding-top:18px}
  body.hc27-next .nxs__c,body.hc27-next .nxs__h h2{font-size:17px}
  body.hc27-next .nxs__l{font-size:12.5px;white-space:nowrap}
  body.hc27-next .nxc{gap:8px}
  body.hc27-next .nxc__b b{font-size:11.5px}
  body.hc27-next .nxc__b span{font-size:10.5px}
  body.hc27-next .nxr__r.rail{grid-auto-columns:calc((100% - 10px)/2.2);gap:10px}
  body.hc27-next .nxr__n{display:none}
  body.hc27-next .nxd__p b{font-size:17px}
  body.hc27-next .nxk{gap:10px}
  body.hc27-next .nxk__b b{font-size:14px}
  body.hc27-next .nx3d{padding:12px}
  body.hc27-next .nx3d .nxb{flex:1}
  body.hc27-next .nxst{grid-template-columns:1fr;height:auto}
  body.hc27-next .nxst__im{order:-1;aspect-ratio:16/9}
  body.hc27-next .nxst__t{padding:18px}
  body.hc27-next .nxst__t b{font-size:21px}
  body.hc27-next .nxf__m{grid-template-columns:1fr 1fr;gap:20px 16px}
  body.hc27-next .nxf__b,body.hc27-next .nxf__e{grid-column:span 2}
  body.hc27-next .nxf__l .wrap{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){body.hc27-next .nxx__s{transition:none}body.hc27-next .nxc__i img{transition:none}}