/*
Theme Name: Comfort World
Theme URI: https://comfortwi.lk
Author: Comfort World International
Description: Classic WordPress theme for Comfort World International. Research-led mattress retail with WooCommerce, a Sleep Technology Centre booking flow, Newsroom and editorial pages. Section content is authored with native blocks and the bundled pattern library.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: comfort-world
Tags: e-commerce, custom-menu, featured-images, block-patterns, full-width-template
*/

/* ==========================================================================
   1. Tokens
   ========================================================================== */
:root{
  --cw-ink:#161310;
  --cw-ink-2:#2c2419;
  --cw-body:#5f574d;
  --cw-body-muted:#6b6156;
  --cw-meta:#8d8177;
  --cw-brass:#9d7f55;
  --cw-brass-dark:#785e4b;
  --cw-brass-light:#c9ab7d;
  --cw-panel:#f6f3ef;
  --cw-panel-2:#f2eee8;
  --cw-panel-3:#e8e2d9;
  --cw-border:#ece7e0;
  --cw-border-2:#ddd4c8;
  --cw-dark:#161310;
  --cw-dark-2:#221d18;
  --cw-dark-border:#3a332b;
  --cw-on-dark:#ded5c9;
  --cw-on-dark-muted:#b6aa9c;
  --cw-utility-bg:#000;
  --cw-utility-text:#c9beb0;
  --cw-white:#fff;
  --cw-serta-red:#e4002b;

  --cw-font:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;

  --cw-gutter:56px;
  --cw-max:1440px;
  --cw-radius-card:10px;
  --cw-radius-btn:4px;
  --cw-radius-sm:6px;
  --cw-section-y:88px;
}

/* ==========================================================================
   2. Reset and base
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--cw-font);
  font-size:16px;
  line-height:1.7;
  color:var(--cw-body);
  background:var(--cw-white);
  -webkit-font-smoothing:antialiased;
}
img,video,svg{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{
  font-family:var(--cw-font);
  color:var(--cw-ink);
  margin:0 0 .5em;
  font-weight:700;
  letter-spacing:-0.02em;
  line-height:1.2;
  text-wrap:balance;
}
h1{font-size:44px;font-weight:800;line-height:1.05}
h2{font-size:42px;letter-spacing:-0.025em;line-height:1.15}
h3{font-size:30px;letter-spacing:-0.015em}
h4{font-size:19px;font-weight:600;letter-spacing:-0.01em;line-height:1.35}
h5{font-size:17px;font-weight:600}
h6{font-size:15px;font-weight:600}
p{margin:0 0 1.1em;text-wrap:pretty}
p:last-child{margin-bottom:0}
a{color:var(--cw-brass);text-decoration:none;transition:color .18s ease}
a:hover,a:focus{color:var(--cw-brass-dark)}
strong,b{font-weight:600;color:var(--cw-ink)}
blockquote{margin:0;padding:0}
ul,ol{margin:0 0 1.1em;padding-left:1.2em}
:focus-visible{outline:2px solid var(--cw-brass);outline-offset:2px}
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;
  margin:-1px;overflow:hidden;padding:0;position:absolute;word-wrap:normal;
}
.skip-link:focus{
  position:fixed;top:12px;left:12px;z-index:9999;background:var(--cw-white);
  color:var(--cw-ink);padding:12px 18px;border-radius:var(--cw-radius-btn);clip:auto;clip-path:none;
  height:auto;width:auto;
}

/* ==========================================================================
   3. Layout primitives
   ========================================================================== */
.cw-wrap{max-width:var(--cw-max);margin:0 auto;padding-left:var(--cw-gutter);padding-right:var(--cw-gutter)}
.cw-wrap--narrow{max-width:900px}
.cw-wrap--reading{max-width:820px}
.cw-section{padding-top:var(--cw-section-y);padding-bottom:var(--cw-section-y)}
.cw-section--tight{padding-top:64px;padding-bottom:64px}
.cw-section--panel{background:var(--cw-panel)}
.cw-section--dark{background:var(--cw-dark);color:var(--cw-on-dark)}
.cw-section--dark h1,.cw-section--dark h2,.cw-section--dark h3,.cw-section--dark h4{color:var(--cw-white)}
.cw-section--brass{background:var(--cw-brass-dark);color:var(--cw-white)}
.cw-section--brass h2,.cw-section--brass h3{color:var(--cw-white)}
.cw-grid{display:grid;gap:24px}
.cw-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cw-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cw-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cw-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.cw-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}
.cw-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.cw-split--hero{grid-template-columns:45fr 55fr;gap:64px;align-items:center}
.cw-split--wide-left{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.cw-stack{display:flex;flex-direction:column;gap:18px}
.cw-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* ==========================================================================
   4. Type helpers
   ========================================================================== */
.cw-eyebrow{
  font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--cw-brass);margin:0 0 14px;
}
.cw-eyebrow--sm{font-size:11px;letter-spacing:.16em;margin-bottom:12px}
.cw-eyebrow--light{color:var(--cw-brass-light)}
.cw-lead{font-size:17px;line-height:1.8;color:var(--cw-body)}
.cw-body{font-size:16px;line-height:1.7}
.cw-small{font-size:14px;line-height:1.6;color:var(--cw-body-muted)}
.cw-meta{font-size:13px;color:var(--cw-meta)}
.cw-note{font-size:13px;color:var(--cw-meta)}
.cw-title-xl{font-size:52px;font-weight:800;line-height:1.08;letter-spacing:-0.03em;color:var(--cw-ink)}
.cw-title-lg{font-size:42px;font-weight:700;line-height:1.15;letter-spacing:-0.025em;color:var(--cw-ink)}
.cw-title-md{font-size:38px;font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:var(--cw-ink)}
.cw-title-sm{font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-0.015em;color:var(--cw-ink)}
.cw-on-dark{color:var(--cw-on-dark)}
.cw-on-dark-muted{color:var(--cw-on-dark-muted)}

/* ==========================================================================
   5. Buttons
   ========================================================================== */
.cw-btn,
.wp-block-button__link,
button,input[type="submit"],.button{
  font-family:var(--cw-font);
  font-size:15px;font-weight:600;line-height:1;
  padding:17px 34px;border-radius:var(--cw-radius-btn);
  border:1px solid transparent;background:var(--cw-brass);color:var(--cw-white);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  cursor:pointer;text-align:center;transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.cw-btn:hover,.wp-block-button__link:hover,button:hover,.button:hover{background:var(--cw-brass-dark);color:var(--cw-white)}
.cw-btn--outline,.is-style-outline .wp-block-button__link{
  background:transparent;border-color:var(--cw-brass);color:var(--cw-brass);
  font-size:14px;padding:14px 26px;
}
.cw-btn--outline:hover{background:var(--cw-brass);color:var(--cw-white)}
.cw-btn--on-dark{background:transparent;border-color:rgba(255,255,255,.55);color:var(--cw-white)}
.cw-btn--on-dark:hover{background:var(--cw-white);color:var(--cw-ink)}
.cw-btn--block{width:100%}
.cw-link-underline{
  font-size:15px;font-weight:600;color:var(--cw-brass);
  border-bottom:1px solid #c9b596;padding-bottom:3px;display:inline-block;
}
.cw-link-underline:hover{border-color:var(--cw-brass-dark)}

/* ==========================================================================
   6. Header
   ========================================================================== */
.cw-utility{background:var(--cw-utility-bg);color:var(--cw-utility-text);font-size:12px}
.cw-utility__inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:9px var(--cw-gutter);max-width:var(--cw-max);margin:0 auto}
.cw-utility a{color:var(--cw-utility-text)}
.cw-utility a:hover{color:var(--cw-white)}
.cw-utility__menu{display:flex;gap:20px;list-style:none;margin:0;padding:0}

.cw-header{background:var(--cw-white);border-bottom:1px solid var(--cw-border);position:relative;z-index:50}
.cw-header__inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:18px var(--cw-gutter);max-width:var(--cw-max);margin:0 auto}
.cw-logo{display:flex;align-items:center;flex:none}
.cw-logo img{max-height:34px;width:auto}
.cw-logo__text{font-size:18px;font-weight:700;color:var(--cw-ink);letter-spacing:-0.01em}

.cw-nav__list{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.cw-nav__list a{font-size:14px;font-weight:500;color:var(--cw-ink-2)}
.cw-nav__list a:hover{color:var(--cw-brass)}
.cw-nav__list .menu-item-has-children{position:relative}
.cw-nav__list .sub-menu{
  position:absolute;top:100%;left:0;min-width:230px;background:var(--cw-white);
  border:1px solid var(--cw-border);border-radius:var(--cw-radius-sm);
  padding:10px 0;margin:14px 0 0;list-style:none;display:none;
  box-shadow:0 18px 40px rgba(22,19,16,.08);
}
.cw-nav__list .menu-item-has-children:hover>.sub-menu,
.cw-nav__list .menu-item-has-children:focus-within>.sub-menu{display:block}
.cw-nav__list .sub-menu a{display:block;padding:9px 20px;font-size:14px}
.cw-nav__list .sub-menu a:hover{background:var(--cw-panel)}

.cw-actions{display:flex;align-items:center;gap:20px;flex:none}
.cw-actions a{color:var(--cw-ink-2);font-size:14px;display:inline-flex;align-items:center;gap:7px}
.cw-actions a:hover{color:var(--cw-brass)}
.cw-cart-count{
  background:var(--cw-brass);color:var(--cw-white);font-size:11px;font-weight:700;
  min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;
}
.cw-burger{display:none;background:none;border:0;padding:6px;color:var(--cw-ink-2);font-size:20px}

/* Mobile drawer */
.cw-drawer{
  position:fixed;inset:0;background:var(--cw-white);z-index:200;
  padding:20px;overflow-y:auto;transform:translateX(100%);transition:transform .25s ease;
}
.cw-drawer.is-open{transform:none}
.cw-drawer__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.cw-drawer__close{background:none;border:0;font-size:24px;color:var(--cw-ink);padding:4px 8px}
.cw-drawer ul{list-style:none;margin:0;padding:0}
.cw-drawer li{border-bottom:1px solid var(--cw-border)}
.cw-drawer a{display:block;padding:16px 2px;font-size:17px;font-weight:500;color:var(--cw-ink-2)}
.cw-drawer .sub-menu a{padding-left:18px;font-size:15px;color:var(--cw-body)}
body.cw-no-scroll{overflow:hidden}

/* ==========================================================================
   7. Footer
   ========================================================================== */
.cw-footer{background:var(--cw-dark);color:var(--cw-on-dark-muted);padding:72px 0 0;font-size:14px}
.cw-footer h2,.cw-footer h3,.cw-footer .cw-footer__title{
  font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--cw-white);margin:0 0 18px;
}
.cw-footer__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.2fr;gap:40px;padding-bottom:56px}
.cw-footer ul{list-style:none;margin:0;padding:0}
.cw-footer li{margin-bottom:10px;line-height:1.6}
.cw-footer a{color:var(--cw-on-dark-muted)}
.cw-footer a:hover{color:var(--cw-white)}
.cw-footer__contact p{margin-bottom:12px;line-height:1.7}
.cw-footer__social{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}
.cw-footer__bar{
  border-top:1px solid #2f2820;padding:22px 0;display:flex;justify-content:space-between;
  gap:20px;flex-wrap:wrap;font-size:12px;color:#8d8177;
}

/* ==========================================================================
   8. Cards
   ========================================================================== */
.cw-card{
  background:var(--cw-white);border:1px solid var(--cw-border);border-radius:var(--cw-radius-card);
  overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s ease;
}
.cw-card:hover{border-color:var(--cw-border-2)}
.cw-card__media{position:relative;background:var(--cw-panel);aspect-ratio:4/3;overflow:hidden}
.cw-card__media img{width:100%;height:100%;object-fit:cover}
.cw-card__media--contain{background:var(--cw-panel)}
.cw-card__media--contain img{object-fit:contain;padding:14px}
.cw-card__body{padding:24px;display:flex;flex-direction:column;flex:1;gap:12px}
.cw-card__body>*{margin:0}
.cw-card__title{font-size:19px;font-weight:600;color:var(--cw-ink);line-height:1.35;letter-spacing:-0.01em;text-wrap:pretty}
.cw-card__title a{color:inherit}
.cw-card__title a:hover{color:var(--cw-brass)}
.cw-card__text{font-size:14px;line-height:1.7;color:var(--cw-body-muted);flex:1}
.cw-card__meta{font-size:13px;color:var(--cw-meta);margin-top:auto}
.cw-card--dark{background:var(--cw-dark-2);border-color:var(--cw-dark-border)}
.cw-card--dark .cw-card__title{color:var(--cw-white)}
.cw-card--dark .cw-card__text{color:var(--cw-on-dark-muted)}

/* Brand column pair (equal height, aligned rows) */
.cw-brands{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--cw-border)}
.cw-brands__col{display:flex;flex-direction:column;padding:80px 48px 80px var(--cw-gutter)}
.cw-brands__col+.cw-brands__col{border-left:1px solid var(--cw-border);padding:80px var(--cw-gutter) 80px 48px}
.cw-brands__logo{height:44px;display:flex;align-items:center;margin-bottom:22px}
.cw-brands__logo img{max-height:26px;width:auto}
.cw-brands__heading{font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-0.015em;min-height:72px;margin:0 0 14px}
.cw-brands__intro{font-size:16px;line-height:1.7;color:var(--cw-body);min-height:102px;margin:0}
.cw-brands__cards{display:flex;gap:20px;margin-top:28px;flex:1;align-items:stretch}
.cw-brands__cards .cw-card{flex:1}
.cw-brands__cards .cw-card__media{aspect-ratio:auto;height:170px}
.cw-brands__cards .cw-card__media img{object-fit:contain;padding:12px}
.cw-brands__cards .cw-card__body{padding:20px}
.cw-brands__actions{margin-top:28px}

/* Media band with copy */
.cw-band{position:relative;overflow:hidden;background:var(--cw-dark)}
.cw-band__media{position:absolute;inset:0}
.cw-band__media img,.cw-band__media video{width:100%;height:100%;object-fit:cover}
.cw-band__scrim{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(15,12,9,.88) 0%,rgba(15,12,9,.76) 45%,rgba(15,12,9,.38) 100%)}
.cw-band__inner{position:relative;padding:104px var(--cw-gutter);max-width:var(--cw-max);margin:0 auto}
.cw-band__copy{max-width:640px;color:var(--cw-on-dark)}
.cw-band__copy h1,.cw-band__copy h2{color:var(--cw-white)}
.cw-band--hero{min-height:620px;display:flex;align-items:center}
.cw-band--tall{min-height:560px;display:flex;align-items:center}
.cw-band--cta{min-height:520px;display:flex;align-items:center}

/* Numbered steps */
.cw-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:56px}
.cw-step{border-top:2px solid var(--cw-border);padding:22px 32px 0 0}
.cw-step:first-child{border-top-color:var(--cw-brass)}
.cw-step__n{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--cw-brass)}
.cw-step__title{font-size:22px;font-weight:600;color:var(--cw-ink);margin:12px 0 10px;letter-spacing:-0.01em}
.cw-step__text{font-size:15px;line-height:1.7;color:var(--cw-body);margin:0}
.cw-step__media{height:160px;background:var(--cw-panel-3);border-radius:8px;overflow:hidden;margin-bottom:22px}
.cw-step__media img{width:100%;height:100%;object-fit:cover}

/* Ticked list */
.cw-ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;margin:26px 0 0;padding:0}
.cw-ticks li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.6;color:var(--cw-body)}
.cw-ticks li::before{
  content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;
  background:var(--cw-brass) no-repeat center;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 6L9 17l-5-5' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/12px no-repeat,linear-gradient(#000,#000);
  -webkit-mask-composite:xor;mask-composite:exclude;
}

/* Stat row */
.cw-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;
  border-top:1px solid var(--cw-border);border-bottom:1px solid var(--cw-border);padding:34px 0;margin-top:56px}
.cw-stat__n{font-size:34px;font-weight:700;color:var(--cw-ink);letter-spacing:-0.02em;line-height:1}
.cw-stat__label{font-size:14px;line-height:1.6;color:var(--cw-body);margin-top:8px}

/* Timeline */
.cw-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:52px}
.cw-timeline__item{padding-right:24px}
.cw-timeline__item:last-child{padding-right:0}
.cw-timeline__media{height:160px;background:var(--cw-panel-3);border-radius:8px;overflow:hidden;margin-bottom:26px}
.cw-timeline__media img{width:100%;height:100%;object-fit:cover}
.cw-timeline__body{position:relative;border-top:1px solid #d4c9ba;padding-top:22px}
.cw-timeline__body::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--cw-brass)}
.cw-timeline__year{font-size:24px;font-weight:700;color:var(--cw-brass);letter-spacing:-0.01em}
.cw-timeline__title{font-size:16px;font-weight:600;color:var(--cw-ink);margin:8px 0 10px;line-height:1.3}
.cw-timeline__text{font-size:13px;line-height:1.65;color:var(--cw-body);margin:0}

/* Quote panel */
.cw-quote{background:var(--cw-white);border:1px solid var(--cw-border);border-radius:var(--cw-radius-card);
  display:grid;grid-template-columns:360px minmax(0,1fr);overflow:hidden;margin-top:64px}
.cw-quote__media{background:var(--cw-panel-2)}
.cw-quote__media img{width:100%;height:100%;object-fit:cover}
.cw-quote__body{padding:56px;display:flex;flex-direction:column;justify-content:center}
.cw-quote__text{font-size:34px;line-height:1.35;font-weight:600;color:var(--cw-ink);letter-spacing:-0.02em;margin:22px 0 18px;text-wrap:pretty}
.cw-quote__cite{font-size:14px;color:var(--cw-meta);font-style:normal}

/* Logo rail */
.cw-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:22px}
.cw-logos__item{height:90px;background:var(--cw-panel);border:1px solid var(--cw-border);border-radius:var(--cw-radius-sm);
  display:flex;align-items:center;justify-content:center;padding:14px}
.cw-logos__item img{max-height:46px;width:auto;filter:grayscale(1);opacity:.75}

/* Pill chips */
.cw-chips{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:10px 0 0;padding:0}
.cw-chip{border:1px solid var(--cw-border-2);border-radius:20px;padding:9px 18px;font-size:13px;color:var(--cw-body);background:none;cursor:pointer}
.cw-chip.is-active,.cw-chip:hover{border:2px solid var(--cw-brass);background:#faf6f0;color:var(--cw-brass-dark);font-weight:600;padding:8px 17px}

/* Serta band accent */
.cw-year-rule{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.cw-year-rule__line{width:34px;height:3px;background:var(--cw-serta-red)}
.cw-year-rule__year{font-size:15px;font-weight:700;letter-spacing:.24em;color:var(--cw-serta-red)}
.cw-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}
.cw-fact{border:1px solid var(--cw-dark-border);border-radius:var(--cw-radius-sm);padding:16px 18px;font-size:14px;font-weight:500;color:#e2d9cd}

/* ==========================================================================
   9. Forms
   ========================================================================== */
.cw-form-card{background:var(--cw-white);border-radius:var(--cw-radius-card);padding:40px}
.cw-form-card__title{font-size:24px;font-weight:700;color:var(--cw-ink);letter-spacing:-0.015em;margin:0}
.cw-form-card__note{font-size:13px;color:var(--cw-meta);margin:6px 0 26px}
label,.cw-label{
  display:block;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--cw-meta);margin-bottom:8px;
}
input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],
input[type="date"],input[type="time"],input[type="search"],input[type="password"],select,textarea{
  width:100%;font-family:var(--cw-font);font-size:15px;color:var(--cw-ink);
  background:var(--cw-white);border:1px solid var(--cw-border-2);border-radius:var(--cw-radius-btn);
  padding:13px 14px;transition:border-color .18s ease;
}
input:focus,select:focus,textarea:focus{border-color:var(--cw-brass);outline:none}
::placeholder{color:#a2988c}
textarea{min-height:120px;line-height:1.6}
.cw-field+.cw-field{margin-top:18px}
.cw-fields-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

/* Enquiry reason cards */
.cw-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.cw-reason{
  border:1px solid var(--cw-border);border-radius:var(--cw-radius-card);padding:28px;
  background:var(--cw-white);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:12px;
  transition:border-color .18s ease,background .18s ease;
}
.cw-reason:hover{border-color:var(--cw-brass)}
.cw-reason.is-active{border:2px solid var(--cw-brass);background:#faf6f0;padding:27px}
.cw-reason__n{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--cw-brass)}
.cw-reason__title{font-size:19px;font-weight:600;color:var(--cw-ink);letter-spacing:-0.01em;margin:0}
.cw-reason__text{font-size:14px;line-height:1.7;color:var(--cw-body-muted);margin:0;flex:1}
.cw-reason__note{font-size:12px;color:var(--cw-meta);font-style:italic}

/* Contact channel rail */
.cw-channels{border:1px solid var(--cw-border);border-radius:var(--cw-radius-card);padding:32px;background:var(--cw-panel)}
.cw-channel+.cw-channel{border-top:1px solid var(--cw-border);margin-top:22px;padding-top:22px}
.cw-channel__label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cw-meta)}
.cw-channel__value{font-size:17px;font-weight:600;color:var(--cw-ink);margin-top:6px}
.cw-channel__note{font-size:13px;color:var(--cw-meta);margin-top:4px}
.cw-channels__actions{display:flex;flex-direction:column;gap:10px;margin-top:26px}

/* ==========================================================================
   10. WooCommerce
   ========================================================================== */
.woocommerce-breadcrumb{font-size:13px;color:var(--cw-meta);padding:26px 0 0}
.woocommerce-breadcrumb a{color:var(--cw-meta)}
.woocommerce-breadcrumb a:hover{color:var(--cw-brass)}

.cw-shop{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;padding:40px 0 96px;align-items:start}
.cw-shop__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.cw-shop__count{font-size:13px;color:var(--cw-meta)}
.cw-filters{position:sticky;top:24px}
.cw-filters__group+.cw-filters__group{border-top:1px solid var(--cw-border);margin-top:24px;padding-top:24px}
.cw-filters__title{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cw-meta);margin:0 0 14px}
.cw-filters ul{list-style:none;margin:0;padding:0}
.cw-filters li{margin-bottom:10px;font-size:14px;line-height:1.5}
.cw-filters li a{color:var(--cw-body);display:inline-flex;gap:10px;align-items:baseline}
.cw-filters li a:hover{color:var(--cw-brass)}
.cw-filters li.chosen>a,.cw-filters li.cw-chosen>a{color:var(--cw-brass);font-weight:600}
.cw-filters__count{font-size:12px;color:var(--cw-meta)}
.cw-filters__clear{font-size:13px;font-weight:600;color:var(--cw-brass);margin-top:20px;display:inline-block}

ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
ul.products li.product{margin:0}
.cw-product-card{
  border:1px solid var(--cw-border);border-radius:var(--cw-radius-card);overflow:hidden;
  display:flex;flex-direction:column;height:100%;background:var(--cw-white);transition:border-color .18s ease;
}
.cw-product-card:hover{border-color:var(--cw-border-2)}
.cw-product-card__media{position:relative;background:var(--cw-panel);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:18px}
.cw-product-card__media img{width:100%;height:100%;object-fit:contain}
.cw-badge{
  position:absolute;top:14px;left:14px;background:var(--cw-ink);color:var(--cw-white);
  font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:3px;
}
.cw-product-card__body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.cw-product-card__brand{display:flex;align-items:center;gap:10px;min-height:22px}
.cw-product-card__brand img{max-height:16px;width:auto}
.cw-product-card__brand span{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cw-meta)}
.cw-product-card__title{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-0.01em;margin:0}
.cw-product-card__title a{color:var(--cw-ink)}
.cw-product-card__title a:hover{color:var(--cw-brass)}
.cw-product-card__excerpt{font-size:14px;line-height:1.65;color:var(--cw-body-muted);margin:0;flex:1}
.cw-price-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cw-meta)}
.cw-product-card .price,.woocommerce-Price-amount{font-size:20px;font-weight:700;color:var(--cw-ink);letter-spacing:-0.01em}
.cw-product-card .price{display:block;margin:0}
.cw-product-card .price del{font-size:14px;font-weight:400;color:var(--cw-meta);margin-right:8px}
.cw-instalment{font-size:13px;color:var(--cw-meta)}
.cw-sizes{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.cw-size-chip{border:1px solid var(--cw-border);border-radius:14px;padding:5px 12px;font-size:12px;color:var(--cw-body)}
.cw-product-card .button{margin-top:14px;width:100%;font-size:14px;padding:14px 20px}

/* Single product */
.cw-pdp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;padding:32px 0 88px;align-items:start}
.woocommerce-product-gallery{position:relative}
.woocommerce-product-gallery__wrapper{background:var(--cw-panel);border-radius:var(--cw-radius-card);overflow:hidden}
.woocommerce-product-gallery img{width:100%;height:auto;object-fit:contain}
.flex-control-thumbs{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:12px 0 0;padding:0}
.flex-control-thumbs li img{border:1px solid var(--cw-border);border-radius:var(--cw-radius-sm);background:var(--cw-panel);cursor:pointer}
.flex-control-thumbs li img.flex-active{border-color:var(--cw-brass)}
.cw-pdp__buy .product_title{font-size:38px;font-weight:700;letter-spacing:-0.025em;line-height:1.15;margin:0 0 14px}
.cw-pdp__buy .woocommerce-product-details__short-description{font-size:16px;line-height:1.7;color:var(--cw-body);margin-bottom:22px}
.cw-pdp__buy .price{font-size:30px;font-weight:700;color:var(--cw-ink);margin:0 0 6px}
.cw-pdp__buy .price .woocommerce-Price-amount{font-size:30px}
table.variations{width:100%;border-collapse:collapse;margin:24px 0}
table.variations th,table.variations td{text-align:left;padding:0 0 14px;vertical-align:middle}
table.variations th label{margin:0}
.woocommerce-variation-price{margin-bottom:14px}
.quantity input[type="number"]{width:88px}
.single_add_to_cart_button{width:100%;margin-top:8px}
.cw-assurance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
  border-top:1px solid var(--cw-border);margin-top:32px;padding-top:26px}
.cw-assurance__item{font-size:14px;line-height:1.6}
.cw-assurance__item strong{display:block;font-size:14px;color:var(--cw-ink);margin-bottom:4px}
.cw-size-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}
.cw-size-table th,.cw-size-table td{text-align:left;padding:13px 0;border-bottom:1px solid var(--cw-border)}
.cw-size-table th{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cw-meta)}

.cw-layers{counter-reset:layer;list-style:none;margin:26px 0 0;padding:0}
.cw-layers li{position:relative;padding:20px 0 20px 56px;border-top:1px solid var(--cw-border)}
.cw-layers li::before{
  counter-increment:layer;content:counter(layer,decimal-leading-zero);
  position:absolute;left:0;top:20px;font-size:13px;font-weight:700;color:var(--cw-brass);letter-spacing:.1em;
}
.cw-layers strong{display:block;font-size:17px;color:var(--cw-ink);margin-bottom:6px;font-weight:600}
.cw-layers span{font-size:15px;line-height:1.7;color:var(--cw-body)}

.woocommerce-tabs{padding:0 0 88px}
.woocommerce-tabs ul.tabs{list-style:none;display:flex;gap:28px;margin:0 0 32px;padding:0 0 2px;border-bottom:1px solid var(--cw-border);flex-wrap:wrap}
.woocommerce-tabs ul.tabs li a{font-size:14px;font-weight:600;color:var(--cw-meta);display:block;padding:0 0 14px}
.woocommerce-tabs ul.tabs li.active a{color:var(--cw-ink);box-shadow:inset 0 -2px 0 var(--cw-brass)}
.shop_attributes{width:100%;border-collapse:collapse;font-size:15px}
.shop_attributes th,.shop_attributes td{text-align:left;padding:14px 0;border-bottom:1px solid var(--cw-border)}
.shop_attributes th{font-weight:600;color:var(--cw-ink);width:38%}
.shop_attributes td{color:var(--cw-body)}
.shop_attributes p{margin:0}

/* Cart, checkout, account */
.woocommerce-cart-form,.woocommerce-checkout,.woocommerce-account .woocommerce{padding:40px 0 88px}
table.shop_table{width:100%;border-collapse:collapse;font-size:15px}
table.shop_table th{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cw-meta);text-align:left;padding:0 12px 16px 0;border-bottom:1px solid var(--cw-border)}
table.shop_table td{padding:20px 12px 20px 0;border-bottom:1px solid var(--cw-border);vertical-align:middle}
table.shop_table img{width:72px;border-radius:var(--cw-radius-sm);background:var(--cw-panel)}
.cart_totals,.woocommerce-checkout-review-order{background:var(--cw-panel);border-radius:var(--cw-radius-card);padding:32px}
.cart_totals h2,.woocommerce-checkout-review-order h3{font-size:19px;margin-bottom:18px}
.woocommerce-info,.woocommerce-message,.woocommerce-error{
  list-style:none;background:var(--cw-panel);border-left:3px solid var(--cw-brass);
  padding:18px 22px;margin:0 0 24px;font-size:14px;border-radius:0 var(--cw-radius-sm) var(--cw-radius-sm) 0;
}
.woocommerce-error{border-left-color:#b3452f}
.woocommerce-form-coupon,.woocommerce-form-login{border:1px solid var(--cw-border);border-radius:var(--cw-radius-card);padding:28px;margin-bottom:28px}
#payment ul.payment_methods{list-style:none;margin:0 0 20px;padding:0;border-bottom:1px solid var(--cw-border)}
#payment ul.payment_methods li{padding:14px 0;border-top:1px solid var(--cw-border)}
#payment ul.payment_methods li label{display:inline;font-size:15px;letter-spacing:0;text-transform:none;color:var(--cw-ink);font-weight:500}
.woocommerce-privacy-policy-text{font-size:13px;color:var(--cw-meta)}

/* ==========================================================================
   11. Editorial / blog
   ========================================================================== */
.cw-page-head{padding:56px 0 40px;border-bottom:1px solid var(--cw-border)}
.cw-page-head h1{margin:0}
.cw-page-head .cw-lead{margin-top:16px;max-width:760px}
.cw-tabs{display:flex;gap:26px;flex-wrap:wrap;list-style:none;margin:32px 0 0;padding:0}
.cw-tabs a{font-size:14px;font-weight:600;color:var(--cw-meta);padding-bottom:12px;display:block}
.cw-tabs a:hover,.cw-tabs .is-active a{color:var(--cw-ink);box-shadow:inset 0 -2px 0 var(--cw-brass)}
.cw-archive{padding:56px 0 96px}
.cw-post-tag{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cw-brass)}
.cw-entry{padding:56px 0 88px}
.cw-entry__head{max-width:820px;margin-bottom:40px}
.cw-entry__content{max-width:760px;font-size:17px;line-height:1.85}
.cw-entry__content h2{font-size:30px;margin-top:2em}
.cw-entry__content h3{font-size:22px;margin-top:1.8em}
.cw-entry__content img{border-radius:var(--cw-radius-card);margin:2em 0}
.cw-entry__featured{margin-bottom:40px;border-radius:var(--cw-radius-card);overflow:hidden;background:var(--cw-panel)}
.cw-pagination{display:flex;gap:10px;justify-content:center;margin-top:56px}
.cw-pagination .page-numbers{
  min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--cw-border);border-radius:var(--cw-radius-btn);font-size:14px;color:var(--cw-body);
}
.cw-pagination .page-numbers.current,.cw-pagination .page-numbers:hover{border-color:var(--cw-brass);color:var(--cw-brass)}

/* Events */
.cw-event{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;border-top:1px solid var(--cw-border);padding:28px 0}
.cw-event__date{background:var(--cw-panel);border-radius:var(--cw-radius-sm);text-align:center;padding:16px 8px}
.cw-event__day{font-size:26px;font-weight:700;color:var(--cw-ink);line-height:1}
.cw-event__mon{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cw-brass);margin-top:6px}
.cw-event__meta{font-size:13px;color:var(--cw-meta);margin:6px 0 10px}

/* ==========================================================================
   12. Block editor content alignment
   ========================================================================== */
.cw-content>*{max-width:1328px;margin-left:auto;margin-right:auto}
.cw-content>.alignwide{max-width:1328px}
.cw-content>.alignfull{max-width:none;margin-left:0;margin-right:0}
.cw-content .wp-block-group.has-background{padding:var(--cw-section-y) var(--cw-gutter)}
.cw-content>.cw-section,.cw-content>.cw-band,.cw-content>.cw-brands{max-width:none}
.wp-block-image img{border-radius:var(--cw-radius-card)}
.wp-block-columns{gap:24px}
.wp-block-quote{border-left:2px solid var(--cw-brass);padding-left:24px;font-size:19px;color:var(--cw-ink)}

/* ==========================================================================
   13. Responsive
   ========================================================================== */
@media (max-width:1200px){
  .cw-timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:44px}
  .cw-logos{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cw-quote{grid-template-columns:280px minmax(0,1fr)}
  .cw-quote__body{padding:40px}
  .cw-quote__text{font-size:28px}
}
@media (max-width:1024px){
  :root{--cw-gutter:32px;--cw-section-y:64px}
  .cw-nav,.cw-actions .cw-actions__desktop{display:none}
  .cw-burger{display:inline-flex}
  .cw-shop{grid-template-columns:1fr;gap:28px}
  .cw-filters{position:static}
  ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-pdp{grid-template-columns:1fr;gap:36px}
  .cw-brands{grid-template-columns:1fr}
  .cw-brands__col,.cw-brands__col+.cw-brands__col{padding:56px var(--cw-gutter);border-left:0}
  .cw-brands__col+.cw-brands__col{border-top:1px solid var(--cw-border)}
  .cw-brands__heading,.cw-brands__intro{min-height:0}
  .cw-split,.cw-split--hero{grid-template-columns:1fr;gap:36px}
  .cw-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .cw-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .cw-reasons{grid-template-columns:1fr}
  .cw-band__inner{padding:72px var(--cw-gutter)}
}
@media (max-width:782px){
  h1,.cw-title-xl{font-size:32px;letter-spacing:-0.025em}
  h2,.cw-title-lg{font-size:26px}
  .cw-title-md{font-size:24px}
  h3,.cw-title-sm{font-size:22px}
  :root{--cw-gutter:20px;--cw-section-y:40px}
  .cw-utility{font-size:10px}
  .cw-utility__inner{padding:7px var(--cw-gutter)}
  .cw-header__inner{padding:12px var(--cw-gutter)}
  ul.products{grid-template-columns:1fr}
  .cw-grid--3,.cw-grid--4,.cw-grid--5,.cw-grid--6{grid-template-columns:1fr}
  .cw-grid--2{grid-template-columns:1fr}
  .cw-ticks,.cw-fields-2,.cw-assurance,.cw-facts{grid-template-columns:1fr}
  .cw-steps,.cw-timeline{grid-template-columns:1fr;row-gap:28px}
  .cw-timeline__item{padding-right:0}
  .cw-quote{grid-template-columns:1fr}
  .cw-quote__media{height:300px}
  .cw-quote__body{padding:24px 20px}
  .cw-quote__text{font-size:22px;line-height:1.4}
  .cw-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cw-logos__item{height:56px}
  .cw-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .cw-form-card{padding:24px 20px}
  .cw-band--hero,.cw-band--tall,.cw-band--cta{min-height:420px}
  .cw-band__inner{padding:40px var(--cw-gutter)}
  .cw-stats{grid-template-columns:1fr}
  .cw-btn,.wp-block-button__link,button,input[type="submit"],.button{width:100%;padding:15px 24px}
  .cw-product-card .button{width:100%}
}

/* ==========================================================================
   14. Print
   ========================================================================== */
@media print{
  .cw-utility,.cw-header,.cw-footer,.cw-burger,.cw-drawer{display:none}
  body{color:#000}
}

/* ==========================================================
   15. Homepage tile layout — restored from Claude design
   ========================================================== */

.cw-tiles {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
	margin-top: 32px;
}

.cw-tile {
	display: block;
	min-width: 0;
	background: #fff;
	color: inherit;
	text-decoration: none;
	overflow: hidden;
}

.cw-tile__media {
	width: 100%;
	height: 170px;
	overflow: hidden;
	background: #f5f3ef;
}

.cw-tile__media img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
}

.cw-tile__media--cover img {
	object-fit: cover;
}

.cw-tile__body {
	padding: 18px 0 0;
}

.cw-tile__title {
	margin: 0 0 8px;
	font-size: 20px;
	line-height: 1.25;
}

.cw-tile__text {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: #6f6257;
}


/* ==========================================================
   16. Homepage image-band text alignment
   Only aligns the CONTENT over the image.
   Does not change image size, band size or positioning.
   ========================================================== */

.cw-band__copy {
	text-align: left;
}

.cw-band__copy .cw-eyebrow,
.cw-band__copy h1,
.cw-band__copy h2,
.cw-band__copy h3,
.cw-band__copy h4,
.cw-band__copy p,
.cw-band__copy .cw-lead,
.cw-band__copy .cw-meta {
	text-align: left;
}

.cw-band__copy .cw-row {
	justify-content: flex-start;
}


/* ==========================================================
   17. Homepage responsive tile layout
   ========================================================== */

@media (max-width: 1024px) {
	.cw-tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	.cw-tiles {
		grid-template-columns: 1fr;
	}

	.cw-tile__media {
		height: 220px;
	}
}

/* ==========================================================
   Homepage image sections — left-position content only
   ========================================================== */

.cw-band > .cw-band__inner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.cw-band > .cw-band__inner > .cw-band__copy {
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}

.cw-band > .cw-band__inner > .cw-band__copy h1,
.cw-band > .cw-band__inner > .cw-band__copy h2,
.cw-band > .cw-band__inner > .cw-band__copy h3,
.cw-band > .cw-band__inner > .cw-band__copy p {
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}

.cw-band > .cw-band__inner > .cw-band__copy .cw-row {
	justify-content: flex-start;
	margin-left: 0;
	margin-right: 0;
}

/* Homepage image text — move content block left */

.cw-band .cw-band__inner {
	max-width: none;
	width: 100%;
	margin: 0;
	padding-left: 56px;
	padding-right: 56px;
}

.cw-band .cw-band__copy {
	margin: 0;
	max-width: 640px;
	text-align: left;
}

.cw-band .cw-band__copy h1,
.cw-band .cw-band__copy h2,
.cw-band .cw-band__copy p {
	text-align: left;
}

.cw-band .cw-band__copy .cw-row {
	justify-content: flex-start;
}

@media (max-width: 1024px) {
	.cw-band .cw-band__inner {
		padding-left: 32px;
		padding-right: 32px;
	}
}

@media (max-width: 782px) {
	.cw-band .cw-band__inner {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* =========================================================
   NEWSROOM — CLAUDE LAYOUT FIX
   ========================================================= */

/* Stories: exactly two equal cards */
.cw-newsroom-page .cw-stories {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}

/* Prevent either card from stretching wider */
.cw-newsroom-page .cw-stories .cw-card {
	min-width: 0;
	width: 100%;
	overflow: hidden;
}

/* Both story media areas must have identical dimensions */
.cw-newsroom-page .cw-stories .cw-card__media {
	width: 100%;
	height: 360px;
	min-height: 0;
	overflow: hidden;
	background: #f3f0eb;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Real story image */
.cw-newsroom-page .cw-stories .cw-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Placeholder card */
.cw-newsroom-page .cw-stories .cw-card__media.cw-ph {
	height: 360px;
	min-height: 0;
	padding: 30px;
	text-align: center;
}

/* Keep placeholder text centred */
.cw-newsroom-page .cw-stories .cw-card__media.cw-ph span {
	display: block;
	max-width: 330px;
	margin: 0 auto;
}

/* Story card text spacing */
.cw-newsroom-page .cw-stories .cw-card__body {
	padding: 28px 30px 30px;
}

/* Mobile */
@media (max-width: 782px) {

	.cw-newsroom-page .cw-stories {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.cw-newsroom-page .cw-stories .cw-card__media,
	.cw-newsroom-page .cw-stories .cw-card__media.cw-ph {
		height: 260px;
	}

	.cw-newsroom-page .cw-stories .cw-card__body {
		padding: 22px;
	}

}

/* =========================================================
   COMFORT WORLD ABOUT PAGE
   Claude layout matching
   ========================================================= */


/* ---------------------------------------------------------
   GENERAL ABOUT PAGE
   --------------------------------------------------------- */

.cw-about-page {
	width: 100%;
	overflow: hidden;
}

.cw-about-page .cw-section {
	position: relative;
}

.cw-about-page .cw-max-900 {
	max-width: 900px;
}

.cw-about-page .cw-max-820 {
	max-width: 820px;
}

.cw-about-page .cw-mt-s {
	margin-top: 16px;
}

.cw-about-page .cw-mt-m {
	margin-top: 24px;
}

.cw-about-page .cw-mt-l {
	margin-top: 40px;
}

.cw-about-page .cw-mt-xl {
	margin-top: 56px;
}


/* ---------------------------------------------------------
   PLACEHOLDERS
   Critical fix: ours were effectively disappearing
   --------------------------------------------------------- */

.cw-about-page .cw-ph {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;

	background: #f3f0eb;
	border-radius: 12px;
	overflow: hidden;

	color: #a9947d;
	text-align: center;
}

.cw-about-page .cw-ph span {
	display: block;
	width: 100%;
	max-width: 390px;
	padding: 30px;
	box-sizing: border-box;

	font-size: 14px;
	line-height: 1.55;
	color: #a9947d;
	text-align: center;
}


/* Dark placeholder used inside Serta section */

.cw-about-page .cw-ph--dark {
	background: #211d19;
	color: #9f8970;
}

.cw-about-page .cw-ph--dark span {
	color: #9f8970;
}


/* ---------------------------------------------------------
   STANDARD SPLIT LAYOUTS
   --------------------------------------------------------- */

.cw-about-page .cw-split {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 64px;
	align-items: center;
}

.cw-about-page .cw-split--hero {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.cw-about-page .cw-split--wide-left {
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
	align-items: start;
}


/* ---------------------------------------------------------
   RESEARCH — THREE MEDIA CARDS
   --------------------------------------------------------- */

.cw-about-page #research .cw-grid--3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	width: 100%;
}

.cw-about-page #research .cw-grid--3 .cw-ph {
	display: flex !important;
	height: 300px !important;
	min-height: 300px !important;
	align-items: center;
	justify-content: center;
}

.cw-about-page #research .cw-grid--3 .cw-ph span {
	max-width: 300px;
}


/* ---------------------------------------------------------
   DESIGN / VERIFICATION NOTES

   Claude uses these as outlined uppercase notes rather than
   ordinary paragraphs.
   --------------------------------------------------------- */

.cw-about-page .cw-dnote {
	display: inline-block;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;

	margin-bottom: 0;
	padding: 10px 13px;

	border: 1px dashed #d6b98d;
	border-radius: 3px;

	background: #fbf8f3;

	color: #aa7640;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.55;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}


/* Research note */

.cw-about-page #research > .cw-wrap > .cw-dnote {
	margin-top: 30px;
}


/* ---------------------------------------------------------
   SERTA / 2017 DARK SECTION
   --------------------------------------------------------- */

.cw-about-page .cw-section--dark {
	background: #15120f;
	color: #ffffff;
}

.cw-about-page .cw-section--dark > .cw-wrap > .cw-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 64px;
	align-items: stretch;
}

.cw-about-page .cw-section--dark .cw-title-md {
	color: #ffffff;
	max-width: 720px;
}

.cw-about-page .cw-section--dark .cw-on-dark {
	color: #ffffff;
}

.cw-about-page .cw-section--dark .cw-on-dark-muted {
	color: #c8b9a8;
}


/* 2017 line */

.cw-about-page .cw-year-rule {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 30px;
}

.cw-about-page .cw-year-rule__line {
	display: block;
	width: 42px;
	height: 4px;
	background: #f50046;
}

.cw-about-page .cw-year-rule__year {
	color: #f50046;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
}


/* Serta facts */

.cw-about-page .cw-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 34px;
}

.cw-about-page .cw-fact {
	display: flex;
	align-items: center;
	min-height: 72px;
	padding: 18px 22px;
	box-sizing: border-box;

	border: 1px solid #40372e;
	border-radius: 7px;

	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
}


/* Serta right placeholder */

.cw-about-page .cw-section--dark .cw-ph--dark {
	display: flex !important;
	width: 100%;
	height: 100%;
	min-height: 460px !important;
	align-items: center;
	justify-content: center;
}

.cw-about-page .cw-section--dark .cw-ph--dark span {
	max-width: 390px;
}


/* Serta verification note */

.cw-about-page .cw-dnote--dark {
	display: inline-block;
	margin-top: 34px;

	background: transparent;
	border-color: #514332;

	color: #d4a861;
}


/* ---------------------------------------------------------
   HOSPITALITY
   --------------------------------------------------------- */

.cw-about-page .cw-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));

	margin-top: 64px;
	padding: 38px 0;

	border-top: 1px solid #e4ddd5;
	border-bottom: 1px solid #e4ddd5;
}

.cw-about-page .cw-stat {
	min-width: 0;
	padding-right: 30px;
}

.cw-about-page .cw-stat__n {
	margin-bottom: 8px;

	color: #0e0e0e;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -1px;
}

.cw-about-page .cw-stat__label {
	color: #654b36;
	font-size: 15px;
	line-height: 1.5;
}


/* ---------------------------------------------------------
   HOSPITALITY LOGOS
   --------------------------------------------------------- */

.cw-about-page .cw-logos {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
	margin-top: 20px;
}

.cw-about-page .cw-logos__item {
	display: flex;
	align-items: center;
	justify-content: center;

	min-height: 76px;

	border: 1px solid #e3ddd6;
	border-radius: 6px;

	background: #faf8f5;
}


/* ---------------------------------------------------------
   TODAY SECTION

   This is the other major broken section in ours.
   --------------------------------------------------------- */

.cw-about-page .cw-section:not(.cw-section--dark) .cw-title-md.cw-max-900 {
	max-width: 900px;
}


/*
 * Specifically target the final "knowledge of decades" section.
 * It is the normal section immediately following #journey.
 */

.cw-about-page #journey + .cw-section .cw-wrap {
	display: block;
}

.cw-about-page #journey + .cw-section .cw-title-md {
	max-width: 780px;
	margin-right: auto;
}

.cw-about-page #journey + .cw-section .cw-lead {
	max-width: 980px;
	margin-right: auto;
	line-height: 1.7;
}


/* Claude's wide + narrow image layout */

.cw-about-page #journey + .cw-section .cw-split {
	display: grid !important;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
	gap: 24px !important;
	align-items: stretch;
	margin-top: 52px;
}

.cw-about-page #journey + .cw-section .cw-split .cw-ph {
	display: flex !important;
	height: 440px !important;
	min-height: 440px !important;
	align-items: center;
	justify-content: center;
}

.cw-about-page #journey + .cw-section .cw-split .cw-ph span {
	max-width: 360px;
}


/* ---------------------------------------------------------
   TIMELINE
   --------------------------------------------------------- */

.cw-about-page .cw-timeline {
	margin-top: 52px;
}

.cw-about-page .cw-timeline__item {
	position: relative;
	padding: 0 0 40px 34px;
	border-left: 1px solid #d9d1c8;
}

.cw-about-page .cw-timeline__item:last-child {
	padding-bottom: 0;
}

.cw-about-page .cw-timeline__item::before {
	content: "";
	position: absolute;
	left: -5px;
	top: 7px;

	width: 9px;
	height: 9px;

	border-radius: 50%;
	background: #a87542;
}

.cw-about-page .cw-timeline__year {
	margin-bottom: 7px;

	color: #a87542;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.cw-about-page .cw-timeline__title {
	margin-bottom: 7px;

	color: #111111;
	font-size: 20px;
	font-weight: 700;
}

.cw-about-page .cw-timeline__text {
	max-width: 760px;
	margin: 0;

	color: #654b36;
	font-size: 15px;
	line-height: 1.7;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

	.cw-about-page .cw-split,
	.cw-about-page .cw-split--hero,
	.cw-about-page .cw-split--wide-left,
	.cw-about-page .cw-section--dark > .cw-wrap > .cw-split {
		gap: 40px;
	}

	.cw-about-page .cw-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 36px;
	}

	.cw-about-page .cw-logos {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 782px) {

	.cw-about-page .cw-split,
	.cw-about-page .cw-split--hero,
	.cw-about-page .cw-split--wide-left,
	.cw-about-page .cw-section--dark > .cw-wrap > .cw-split {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.cw-about-page #research .cw-grid--3 {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.cw-about-page #research .cw-grid--3 .cw-ph {
		height: 240px !important;
		min-height: 240px !important;
	}

	.cw-about-page .cw-facts {
		grid-template-columns: 1fr;
	}

	.cw-about-page .cw-section--dark .cw-ph--dark {
		min-height: 340px !important;
	}

	.cw-about-page .cw-stats {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.cw-about-page .cw-stat {
		padding-right: 0;
	}

	.cw-about-page .cw-logos {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cw-about-page #journey + .cw-section .cw-split {
		grid-template-columns: 1fr !important;
	}

	.cw-about-page #journey + .cw-section .cw-split .cw-ph {
		height: 300px !important;
		min-height: 300px !important;
	}

}

/* Claude utility spacing helpers */
.cw-mt-0 { margin-top: 0; }
.cw-mt-s { margin-top: 14px; }
.cw-mt-m { margin-top: 28px; }
.cw-mt-l { margin-top: 44px; }
.cw-mt-xl { margin-top: 64px; }
.cw-mb-m { margin-bottom: 28px; }

.cw-max-560 { max-width: 560px; }
.cw-max-640 { max-width: 640px; }
.cw-max-720 { max-width: 720px; }
.cw-max-820 { max-width: 820px; }
.cw-max-900 { max-width: 900px; }

/* Claude map styling */
.cw-map {
    border: 0;
    width: 100%;
    height: 280px;
    border-radius: 8px;
    display: block;
    background: var(--cw-panel);
}


/* ==========================================================
   18. FINAL MOBILE POLISH — HOMEPAGE + GLOBAL MOBILE
   ========================================================== */
@media (max-width: 782px) {
  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  :root {
    --cw-gutter: 18px;
    --cw-section-y: 48px;
  }

  .cw-wrap {
    padding-left: 18px;
    padding-right: 18px;
  }

  /* Utility + header */
  .cw-utility__inner {
    padding: 6px 18px;
    gap: 10px;
    font-size: 9px;
    line-height: 1.4;
  }

  .cw-utility__menu {
    gap: 10px;
  }

  .cw-header__inner {
    min-height: 58px;
    padding: 10px 18px;
    gap: 14px;
  }

  .cw-logo img {
    max-height: 29px;
  }

  .cw-actions {
    gap: 12px;
  }

  /* Homepage hero */
  .cw-band--hero {
    min-height: 500px !important;
    height: auto;
    align-items: flex-end;
  }

  .cw-band--hero .cw-band__media video,
  .cw-band--hero .cw-band__media img {
    object-position: 62% center;
  }

  .cw-band--hero .cw-band__scrim {
    background: linear-gradient(180deg, rgba(15,12,9,.18) 0%, rgba(15,12,9,.48) 38%, rgba(15,12,9,.92) 100%);
  }

  .cw-band--hero .cw-band__inner {
    width: 100%;
    padding: 110px 18px 34px !important;
  }

  .cw-band--hero .cw-band__copy {
    width: 100%;
    max-width: 100%;
  }

  .cw-band--hero .cw-eyebrow {
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 1.55;
    letter-spacing: .16em;
  }

  .cw-band--hero h1 {
    max-width: 360px;
    margin-bottom: 14px;
    font-size: 32px !important;
    line-height: 1.08;
    letter-spacing: -.025em;
  }

  .cw-band--hero .cw-lead {
    max-width: 390px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.6;
  }

  .cw-band--hero .cw-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 20px;
  }

  .cw-band--hero .cw-btn {
    width: 100%;
    min-height: 50px;
    padding: 14px 18px;
    font-size: 14px;
  }

  /* Homepage section typography */
  .cw-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .cw-section .cw-eyebrow {
    margin-bottom: 10px;
    font-size: 10px;
  }

  .cw-section h2,
  .cw-section .cw-title-lg,
  .cw-section .cw-title-md {
    font-size: 28px !important;
    line-height: 1.15;
  }

  /* Category + accessory tiles */
  .cw-tiles {
    grid-template-columns: 1fr !important;
    gap: 30px;
    margin-top: 26px;
  }

  .cw-tile__media,
  .cw-tile__media[style] {
    width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 10;
    border-radius: 6px;
  }

  .cw-tile__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .cw-tile__media:not(.cw-tile__media--cover) img {
    object-fit: contain;
    padding: 8px;
  }

  .cw-tile__body {
    padding-top: 14px;
  }

  .cw-tile__title {
    margin-bottom: 5px;
    font-size: 19px !important;
  }

  .cw-tile__text {
    font-size: 14px;
    line-height: 1.55;
  }

  /* Brand section */
  .cw-brands {
    grid-template-columns: 1fr !important;
  }

  .cw-brands__col,
  .cw-brands__col + .cw-brands__col {
    padding: 48px 18px !important;
  }

  .cw-brands__logo {
    height: auto;
    margin-bottom: 18px;
  }

  .cw-brands__heading {
    min-height: 0;
    margin-bottom: 12px;
    font-size: 27px !important;
  }

  .cw-brands__intro {
    min-height: 0;
    font-size: 15px;
    line-height: 1.65;
  }

  .cw-brands__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 24px;
  }

  .cw-brands__cards .cw-card__media {
    height: 190px;
  }

  .cw-brands__actions {
    margin-top: 20px;
  }

  /* STC + final CTA image bands */
  .cw-band--tall,
  .cw-band--cta {
    min-height: 500px !important;
    align-items: flex-end;
  }

  .cw-band--tall .cw-band__scrim,
  .cw-band--cta .cw-band__scrim {
    background: linear-gradient(180deg, rgba(15,12,9,.18) 0%, rgba(15,12,9,.5) 40%, rgba(15,12,9,.92) 100%);
  }

  .cw-band--tall .cw-band__inner,
  .cw-band--cta .cw-band__inner {
    padding: 90px 18px 36px !important;
  }

  .cw-band--tall .cw-band__copy,
  .cw-band--cta .cw-band__copy {
    max-width: 100%;
  }

  .cw-band--tall h2,
  .cw-band--cta h2 {
    font-size: 29px !important;
    line-height: 1.12;
  }

  .cw-band--tall .cw-lead,
  .cw-band--cta .cw-lead {
    font-size: 15px;
    line-height: 1.6;
  }

  .cw-band--tall .cw-row,
  .cw-band--cta .cw-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 20px;
  }

  .cw-band--tall .cw-btn,
  .cw-band--cta .cw-btn {
    min-height: 50px;
  }

  /* Trust band */
  .cw-section--brass .cw-grid--4 {
    gap: 26px;
  }

  .cw-section--brass h3[style] {
    margin-bottom: 7px !important;
    font-size: 18px !important;
  }

  /* Newsroom heading/button */
  .cw-section .cw-max-720 + .cw-btn,
  .cw-section .cw-btn--outline {
    min-height: 48px;
  }

  /* Footer */
  .cw-footer {
    padding-top: 48px;
  }

  .cw-footer__cols {
    grid-template-columns: 1fr 1fr;
    gap: 30px 20px;
    padding-bottom: 40px;
  }

  .cw-footer__contact {
    grid-column: 1 / -1;
  }

  .cw-footer__bar {
    padding: 18px 0;
    gap: 10px;
  }
}

@media (max-width: 420px) {
  .cw-utility__menu {
    display: none;
  }

  .cw-band--hero h1 {
    font-size: 30px !important;
  }

  .cw-footer__cols {
    grid-template-columns: 1fr;
  }

  .cw-footer__contact {
    grid-column: auto;
  }
}

/* ==========================================================
   SHOP DROPDOWN — HOVER FIX
   ========================================================== */

@media (min-width: 1025px) {

    .cw-nav__list .cw-shop-menu {
        position: relative;
        padding-bottom: 0;
    }

    .cw-nav__list .cw-shop-menu > .sub-menu {
        top: 100%;
        left: -18px;

        margin-top: 0 !important;
        padding: 10px 0;

        min-width: 240px;

        background: #ffffff;
        border: 1px solid var(--cw-border);
        border-radius: 6px;

        box-shadow: 0 16px 40px rgba(22, 19, 16, 0.12);

        z-index: 999;
    }

    /* Invisible bridge between Shop and dropdown */
    .cw-nav__list .cw-shop-menu > .sub-menu::before {
        content: "";
        position: absolute;

        left: 0;
        right: 0;
        top: -12px;

        height: 12px;
    }

    .cw-nav__list .cw-shop-menu:hover > .sub-menu,
    .cw-nav__list .cw-shop-menu:focus-within > .sub-menu {
        display: block;
    }

    .cw-nav__list .cw-shop-menu > .sub-menu li {
        margin: 0;
    }

    .cw-nav__list .cw-shop-menu > .sub-menu a {
        display: block;
        width: 100%;

        padding: 11px 18px;

        color: var(--cw-ink-2);
        font-size: 14px;
        white-space: nowrap;
    }

    .cw-nav__list .cw-shop-menu > .sub-menu a:hover {
        background: var(--cw-panel);
        color: var(--cw-brass);
    }

    .cw-shop-menu__arrow {
        display: inline-block;
        margin-left: 4px;
        font-size: 11px;
    }
}

/* ==========================================================
   MOBILE HEADER — CUSTOM LAYOUT
   Desktop is completely unaffected
   ========================================================== */

@media (max-width: 782px) {

    /* Main mobile header */
    .cw-header__inner {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        min-height: 68px !important;

        padding: 12px 20px !important;
        gap: 0 !important;
    }


    /* =========================================
       LOGO — LEFT
       ========================================= */

    .cw-header .cw-logo {
        order: 1 !important;

        margin: 0 auto 0 0 !important;
        flex: 0 0 auto !important;
    }

    .cw-header .cw-logo img {
        width: auto !important;
        height: 38px !important;
        max-height: 38px !important;
    }


    /* =========================================
       ACTIONS — RIGHT
       ========================================= */

    .cw-header .cw-actions {
        order: 2 !important;

        display: flex !important;
        align-items: center !important;

        gap: 14px !important;

        margin: 0 !important;
        flex: 0 0 auto !important;
    }


    /* Show Search on mobile */
    .cw-header .cw-actions__desktop {
        display: inline-flex !important;

        align-items: center !important;

        margin: 0 !important;

        font-size: 13px !important;
        line-height: 1 !important;

        color: var(--cw-ink-2) !important;
    }


    /* Cart */
    .cw-header .cw-actions > a {
        white-space: nowrap !important;
    }

    .cw-header .cw-cart-count {
        min-width: 19px !important;
        height: 19px !important;

        padding: 0 5px !important;

        font-size: 10px !important;
    }


    /* =========================================
       HAMBURGER — FAR RIGHT
       ========================================= */

    .cw-header .cw-burger {
        order: 3 !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 0 0 14px !important;
        padding: 4px !important;

        background: transparent !important;
        border: 0 !important;

        color: var(--cw-ink-2) !important;

        font-size: 23px !important;
        line-height: 1 !important;
    }

}

/* ==========================================================
   HOMEPAGE MOBILE — CENTER ALIGNMENT
   Desktop remains unchanged
   ========================================================== */

@media (max-width: 782px) {

    /* -------------------------------------------------------
       GENERAL HOMEPAGE SECTION CONTENT
       ------------------------------------------------------- */

    .home .cw-section .cw-wrap {
        text-align: center;
    }

    .home .cw-section .cw-eyebrow,
    .home .cw-section h1,
    .home .cw-section h2,
    .home .cw-section h3,
    .home .cw-section p {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }


    /* -------------------------------------------------------
       IMAGE / HERO BANDS
       Overrides the desktop left-alignment rules
       ------------------------------------------------------- */

    .home .cw-band .cw-band__inner {
        text-align: center !important;
    }

    .home .cw-band .cw-band__copy {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .home .cw-band .cw-band__copy .cw-eyebrow,
    .home .cw-band .cw-band__copy h1,
    .home .cw-band .cw-band__copy h2,
    .home .cw-band .cw-band__copy h3,
    .home .cw-band .cw-band__copy h4,
    .home .cw-band .cw-band__copy p,
    .home .cw-band .cw-band__copy .cw-lead,
    .home .cw-band .cw-band__copy .cw-meta {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* -------------------------------------------------------
       BUTTON ROWS
       ------------------------------------------------------- */

    .home .cw-band .cw-band__copy .cw-row,
    .home .cw-section .cw-row {
        justify-content: center !important;
    }


    /* -------------------------------------------------------
       HERO
       ------------------------------------------------------- */

    .home .cw-band--hero .cw-band__copy {
        max-width: 100% !important;
    }

    .home .cw-band--hero h1 {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .home .cw-band--hero .cw-lead {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* -------------------------------------------------------
       BUTTONS
       Keep full-width mobile buttons
       ------------------------------------------------------- */

    .home .cw-band .cw-btn,
    .home .cw-section .cw-btn {
        text-align: center !important;
        justify-content: center !important;
    }


    /* -------------------------------------------------------
       NEWSROOM SECTION
       ------------------------------------------------------- */

    .home .cw-newsroom,
    .home .cw-newsroom .cw-wrap {
        text-align: center !important;
    }


    /* -------------------------------------------------------
       BENEFIT / INFORMATION ITEMS
       Shop Online, Expert Guidance, Delivery, Support
       ------------------------------------------------------- */

    .home .cw-section h3 {
        text-align: center !important;
    }


    /* -------------------------------------------------------
       FINAL CTA
       ------------------------------------------------------- */

    .home .cw-band--cta .cw-band__copy {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

}

/* ==========================================================
   MATTRESSES PAGE — MOBILE STC CTA CENTER
   Desktop remains unchanged
   ========================================================== */

@media (max-width: 782px) {

    .cw-mattresses-page .cw-section--dark .cw-split {
        text-align: center !important;
    }

    .cw-mattresses-page .cw-section--dark .cw-split > div {
        width: 100% !important;
        text-align: center !important;
    }

    .cw-mattresses-page .cw-section--dark .cw-eyebrow,
    .cw-mattresses-page .cw-section--dark h2,
    .cw-mattresses-page .cw-section--dark p {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-mattresses-page .cw-section--dark .cw-row {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .cw-mattresses-page .cw-section--dark .cw-btn {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }

}

/* ==========================================================
   SLEEP TECHNOLOGY CENTRE — MOBILE FIXES
   MOBILE ONLY — DESKTOP UNCHANGED
   ========================================================== */

@media (max-width: 782px) {

    /* ======================================================
       1. STC HERO — CENTER EVERYTHING
       ====================================================== */

    .cw-stc-page .cw-band .cw-band__inner,
    .cw-stc-page .cw-band .cw-band__copy {
        text-align: center !important;
    }

    .cw-stc-page .cw-band .cw-eyebrow,
    .cw-stc-page .cw-band h1,
    .cw-stc-page .cw-band h2,
    .cw-stc-page .cw-band h3,
    .cw-stc-page .cw-band p,
    .cw-stc-page .cw-band .cw-lead,
    .cw-stc-page .cw-band .cw-meta {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-stc-page .cw-band .cw-row {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .cw-stc-page .cw-band .cw-btn {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }


    /* ======================================================
       2. "HOW A SESSION WORKS" — CENTER
       ====================================================== */

    .cw-stc-page .cw-section .cw-wrap {
        text-align: center !important;
    }

    .cw-stc-page .cw-section .cw-eyebrow,
    .cw-stc-page .cw-section h1,
    .cw-stc-page .cw-section h2,
    .cw-stc-page .cw-section h3,
    .cw-stc-page .cw-section p {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Process steps */
    .cw-stc-page .cw-step,
    .cw-stc-page .cw-process__item {
        text-align: center !important;
    }


    /* ======================================================
       3. "SPEAK TO A SLEEP CONSULTANT" — CENTER
       ====================================================== */

    .cw-stc-page .cw-section .cw-row {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .cw-stc-page .cw-section .cw-btn {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }


    /* ======================================================
       4. BOOKING SECTION — FIX BROKEN TWO-COLUMN LAYOUT
       ====================================================== */

    .cw-stc-page #book .cw-split,
    .cw-stc-page #book .cw-grid,
    .cw-stc-page #book .cw-booking,
    .cw-stc-page #book .cw-booking__inner {
        display: flex !important;
        flex-direction: column !important;

        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 32px !important;
    }


    /* Left booking introduction */
    .cw-stc-page #book .cw-split > *,
    .cw-stc-page #book .cw-grid > *,
    .cw-stc-page #book .cw-booking > *,
    .cw-stc-page #book .cw-booking__inner > * {
        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* Booking heading/content */
    .cw-stc-page #book .cw-eyebrow,
    .cw-stc-page #book h1,
    .cw-stc-page #book h2,
    .cw-stc-page #book h3,
    .cw-stc-page #book p {
        width: 100% !important;
        max-width: 100% !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
    }


    /* ======================================================
       BOOKING FORM
       ====================================================== */

    .cw-stc-page #book form {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }

    .cw-stc-page #book form > * {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* Form fields */
    .cw-stc-page #book input,
    .cw-stc-page #book select,
    .cw-stc-page #book textarea {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    /* Keep labels readable */
    .cw-stc-page #book label {
        display: block !important;

        width: 100% !important;

        text-align: left !important;
    }


    /* Booking form button */
    .cw-stc-page #book button,
    .cw-stc-page #book .cw-btn {
        width: 100% !important;
        max-width: 100% !important;

        justify-content: center !important;
        text-align: center !important;
    }

}

/* ==========================================================
   STC PAGE — FINAL MOBILE OVERRIDES
   Desktop remains untouched
   ========================================================== */

@media (max-width: 782px) {

    /* ======================================================
       HERO — CENTER
       ====================================================== */

    .cw-stc-page .cw-band--tall .cw-band__inner {
        text-align: center !important;
    }

    .cw-stc-page .cw-band--tall .cw-band__copy {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .cw-stc-page .cw-band--tall .cw-eyebrow,
    .cw-stc-page .cw-band--tall h1,
    .cw-stc-page .cw-band--tall .cw-lead,
    .cw-stc-page .cw-band--tall .cw-meta,
    .cw-stc-page .cw-band--tall .cw-band__copy > p {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-stc-page .cw-band--tall .cw-row {
        width: 100% !important;
        justify-content: center !important;
    }


    /* ======================================================
       PROCESS — CENTER
       ====================================================== */

    .cw-stc-page .cw-steps {
        text-align: center !important;
    }

    .cw-stc-page .cw-steps .cw-step {
        text-align: center !important;
    }

    .cw-stc-page .cw-steps .cw-step__n,
    .cw-stc-page .cw-steps .cw-step__title,
    .cw-stc-page .cw-steps .cw-step__text {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* "The Process" + heading directly above steps */
    .cw-stc-page .cw-section:has(.cw-steps) > .cw-wrap > .cw-eyebrow,
    .cw-stc-page .cw-section:has(.cw-steps) > .cw-wrap > h2 {
        text-align: center !important;
    }


    /* ======================================================
       BOOKING SECTION — COMPLETELY STACK ON MOBILE
       ====================================================== */

    .cw-stc-page #book {
        overflow: hidden !important;
    }

    .cw-stc-page #book > .cw-wrap {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 20px !important;
        padding-right: 20px !important;

        box-sizing: border-box !important;
    }

    /*
     * This is the exact .cw-split that currently has:
     * grid-template-columns:minmax(0,1fr) 620px;
     * gap:80px;
     *
     * Override the inline desktop values.
     */
    .cw-stc-page #book > .cw-wrap > .cw-split {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 32px !important;

        margin: 0 !important;
    }

    .cw-stc-page #book > .cw-wrap > .cw-split > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       BOOKING INTRO — CENTER
       ====================================================== */

    .cw-stc-page #book > .cw-wrap > .cw-split > div:first-child {
        text-align: center !important;
    }

    .cw-stc-page #book .cw-eyebrow,
    .cw-stc-page #book .cw-title-md,
    .cw-stc-page #book .cw-on-dark-muted {
        width: 100% !important;
        max-width: 100% !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .cw-stc-page #book .cw-title-md {
        font-size: 28px !important;
        line-height: 1.15 !important;
    }


    /* Location / Contact area */
    .cw-stc-page #book .cw-stack {
        width: 100% !important;
        text-align: center !important;
    }

    .cw-stc-page #book .cw-stack > div {
        text-align: center !important;
    }

    .cw-stc-page #book .cw-channel__label,
    .cw-stc-page #book .cw-stack .cw-on-dark {
        text-align: center !important;
    }


    /* Centre image */
    .cw-stc-page #book img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }


    /* ======================================================
       BOOKING FORM CARD
       ====================================================== */

    .cw-stc-page #book .cw-form-card {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        padding: 28px 20px !important;

        box-sizing: border-box !important;
    }

    .cw-stc-page #book .cw-form-card__title,
    .cw-stc-page #book .cw-form-card__note {
        text-align: center !important;
    }


    /* ======================================================
       FORM ROWS — ONE FIELD PER ROW
       ====================================================== */

    .cw-stc-page #book .cw-fields-2 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;

        gap: 18px !important;
    }

    .cw-stc-page #book .cw-field {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .cw-stc-page #book .cw-field label {
        display: block !important;

        width: 100% !important;

        text-align: left !important;
    }

    .cw-stc-page #book input,
    .cw-stc-page #book select,
    .cw-stc-page #book textarea {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }

    .cw-stc-page #book textarea {
        resize: vertical;
    }

    .cw-stc-page #book .cw-btn--block {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* ======================================================
       FINAL "SPEAK TO A SLEEP CONSULTANT" SECTION
       ====================================================== */

    .cw-stc-page > .cw-section:last-of-type .cw-split {
        grid-template-columns: minmax(0, 1fr) !important;

        text-align: center !important;
    }

    .cw-stc-page > .cw-section:last-of-type .cw-split > div {
        width: 100% !important;
        text-align: center !important;
    }

    .cw-stc-page > .cw-section:last-of-type .cw-eyebrow,
    .cw-stc-page > .cw-section:last-of-type .cw-title-md,
    .cw-stc-page > .cw-section:last-of-type .cw-body {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-stc-page > .cw-section:last-of-type .cw-row {
        width: 100% !important;

        justify-content: center !important;
    }

    .cw-stc-page > .cw-section:last-of-type .cw-btn {
        width: 100% !important;

        justify-content: center !important;
        text-align: center !important;
    }

}

/* ==========================================================
   NEWSROOM PAGE — MOBILE REDESIGN
   MOBILE ONLY — DESKTOP UNCHANGED
   ========================================================== */

@media (max-width: 782px) {

    /* =========================================
       NEWSROOM INTRO
       ========================================= */

    .cw-newsroom-page {
        overflow-x: hidden !important;
    }

    .cw-newsroom-page .cw-news-hero,
    .cw-newsroom-page .cw-news-hero .cw-wrap {
        text-align: center !important;
    }

    .cw-newsroom-page .cw-news-hero .cw-eyebrow,
    .cw-newsroom-page .cw-news-hero h1,
    .cw-newsroom-page .cw-news-hero h2,
    .cw-newsroom-page .cw-news-hero p {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* =========================================
       TOP CATEGORY NAVIGATION
       Allow it to wrap instead of stretching
       ========================================= */

    .cw-newsroom-page .cw-news-tabs,
    .cw-newsroom-page .cw-tabs {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;

        width: 100% !important;
        gap: 8px 18px !important;

        text-align: center !important;
    }

    .cw-newsroom-page .cw-news-tabs a,
    .cw-newsroom-page .cw-tabs a {
        flex: 0 0 auto !important;
        text-align: center !important;
        white-space: nowrap !important;
    }


    /* =========================================
       SECTION HEADINGS
       ========================================= */

    .cw-newsroom-page .cw-section > .cw-wrap > h2,
    .cw-newsroom-page .cw-section > .cw-wrap > h3 {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 30px !important;
    }


    /* =========================================
       ARTICLE CARDS
       ========================================= */

    .cw-newsroom-page article,
    .cw-newsroom-page .cw-news-card,
    .cw-newsroom-page .cw-story-card {
        text-align: center !important;
    }

    .cw-newsroom-page article .cw-eyebrow,
    .cw-newsroom-page article h2,
    .cw-newsroom-page article h3,
    .cw-newsroom-page article h4,
    .cw-newsroom-page article p,
    .cw-newsroom-page article .cw-meta,
    .cw-newsroom-page .cw-news-card .cw-eyebrow,
    .cw-newsroom-page .cw-news-card h3,
    .cw-newsroom-page .cw-news-card p,
    .cw-newsroom-page .cw-story-card .cw-eyebrow,
    .cw-newsroom-page .cw-story-card h3,
    .cw-newsroom-page .cw-story-card p {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* =========================================
       ARTICLE IMAGES
       Keep them full width
       ========================================= */

    .cw-newsroom-page article img,
    .cw-newsroom-page .cw-news-card img,
    .cw-newsroom-page .cw-story-card img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* =========================================
       GENERAL NEWSROOM CONTENT
       ========================================= */

    .cw-newsroom-page .cw-section .cw-eyebrow {
        text-align: center !important;
    }


    /* =========================================
       FINAL "READY TO SLEEP BETTER?" CTA
       ========================================= */

    .cw-newsroom-page .cw-band--cta .cw-band__inner,
    .cw-newsroom-page .cw-band--cta .cw-band__copy {
        text-align: center !important;
    }

    .cw-newsroom-page .cw-band--cta .cw-band__copy {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-newsroom-page .cw-band--cta h2,
    .cw-newsroom-page .cw-band--cta h3,
    .cw-newsroom-page .cw-band--cta p {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-newsroom-page .cw-band--cta .cw-row {
        width: 100% !important;

        justify-content: center !important;
        align-items: center !important;
    }

    .cw-newsroom-page .cw-band--cta .cw-btn {
        width: 100% !important;

        justify-content: center !important;
        text-align: center !important;
    }

}

/* ==========================================================
   NEWSROOM MOBILE — INTRO CENTER FIX
   ========================================================== */

@media (max-width: 782px) {

    .cw-newsroom-page > .cw-section:first-child,
    .cw-newsroom-page > .cw-section:first-child .cw-wrap {
        text-align: center !important;
    }

    .cw-newsroom-page > .cw-section:first-child .cw-eyebrow {
        display: block !important;
        width: 100% !important;

        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-newsroom-page > .cw-section:first-child h1,
    .cw-newsroom-page > .cw-section:first-child h2 {
        width: 100% !important;
        max-width: 620px !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-newsroom-page > .cw-section:first-child p {
        width: 100% !important;
        max-width: 620px !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}

/* ==========================================================
   NEWSROOM — ACTUAL MOBILE HEADER FIX
   ========================================================== */

@media (max-width: 782px) {

    .cw-newsroom-page .cw-page-head {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    .cw-newsroom-page .cw-page-head > .cw-eyebrow {
        width: 100% !important;
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-newsroom-page .cw-page-head > h1 {
        width: 100% !important;
        max-width: 620px !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-newsroom-page .cw-page-head > .cw-lead {
        width: 100% !important;
        max-width: 620px !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Category tabs underneath */
    .cw-newsroom-page .cw-page-head > .cw-tabs {
        display: flex !important;
        flex-wrap: wrap !important;

        width: 100% !important;

        justify-content: center !important;
        align-items: center !important;

        text-align: center !important;

        gap: 10px 20px !important;
    }

}

/* ==========================================================
   ABOUT PAGE — MOBILE CENTER ALIGNMENT
   Desktop remains completely unchanged
   ========================================================== */

@media (max-width: 782px) {

    /* ======================================================
       GENERAL ABOUT PAGE
       ====================================================== */

    .cw-about-page {
        overflow-x: hidden !important;
    }

    .cw-about-page .cw-wrap {
        text-align: center !important;
    }

    .cw-about-page .cw-eyebrow,
    .cw-about-page h1,
    .cw-about-page h2,
    .cw-about-page h3,
    .cw-about-page p {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ======================================================
       ALL SPLIT SECTIONS
       Force desktop columns into one mobile column
       ====================================================== */

    .cw-about-page .cw-split,
    .cw-about-page .cw-split--hero,
    .cw-about-page .cw-split--wide-left {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 32px !important;

        text-align: center !important;
    }

    .cw-about-page .cw-split > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* ======================================================
       HERO
       ====================================================== */

    .cw-about-page .cw-split--hero .cw-eyebrow {
        text-align: center !important;
    }

    .cw-about-page .cw-split--hero .cw-title-xl {
        width: 100% !important;
        max-width: 620px !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-about-page .cw-split--hero .cw-lead {
        width: 100% !important;
        max-width: 620px !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-about-page .cw-split--hero .cw-row {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 14px !important;
    }

    .cw-about-page .cw-split--hero .cw-btn {
        width: 100% !important;

        justify-content: center !important;
        text-align: center !important;
    }

    .cw-about-page .cw-split--hero .cw-link-underline {
        display: inline-block !important;
        text-align: center !important;
    }


    /* ======================================================
       ORIGIN STORY
       ====================================================== */

    .cw-about-page .cw-section--panel > .cw-wrap > .cw-title-lg {
        width: 100% !important;
        max-width: 620px !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-about-page .cw-section--panel .cw-split .cw-lead {
        text-align: center !important;
    }


    /* ======================================================
       CHAIRMAN QUOTE
       ====================================================== */

    .cw-about-page .cw-quote {
        text-align: center !important;
    }

    .cw-about-page .cw-quote__body {
        width: 100% !important;
        max-width: 100% !important;

        text-align: center !important;
    }

    .cw-about-page .cw-quote__body .cw-eyebrow,
    .cw-about-page .cw-quote__text,
    .cw-about-page .cw-quote__cite,
    .cw-about-page .cw-quote__body .cw-body {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ======================================================
       RESEARCH SECTION
       ====================================================== */

    .cw-about-page #research .cw-title-md,
    .cw-about-page #research .cw-body {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Research steps */
    .cw-about-page .cw-steps {
        text-align: center !important;
    }

    .cw-about-page .cw-step,
    .cw-about-page .cw-step__n,
    .cw-about-page .cw-step__title,
    .cw-about-page .cw-step__text {
        text-align: center !important;
    }


    /* ======================================================
       SERTA / 2017 DARK SECTION
       ====================================================== */

    .cw-about-page .cw-section--dark .cw-split,
    .cw-about-page .cw-section--dark .cw-split > div {
        text-align: center !important;
    }

    .cw-about-page .cw-section--dark .cw-title-md,
    .cw-about-page .cw-section--dark .cw-on-dark,
    .cw-about-page .cw-section--dark .cw-on-dark-muted,
    .cw-about-page .cw-section--dark .cw-dnote {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Year */
    .cw-about-page .cw-year-rule {
        justify-content: center !important;
    }


    /* Facts */
    .cw-about-page .cw-facts {
        text-align: center !important;
    }

    .cw-about-page .cw-fact {
        text-align: center !important;
    }


    /* ======================================================
       HOSPITALITY SECTION
       ====================================================== */

    .cw-about-page .cw-stats {
        text-align: center !important;
    }

    .cw-about-page .cw-stat,
    .cw-about-page .cw-stat__n,
    .cw-about-page .cw-stat__label {
        text-align: center !important;
    }

    .cw-about-page .cw-logos {
        justify-content: center !important;
    }


    /* ======================================================
       JOURNEY / TIMELINE
       ====================================================== */

    .cw-about-page #journey > .cw-wrap > .cw-title-md {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-about-page .cw-timeline,
    .cw-about-page .cw-timeline__item,
    .cw-about-page .cw-timeline__body {
        text-align: center !important;
    }

    .cw-about-page .cw-timeline__year,
    .cw-about-page .cw-timeline__title,
    .cw-about-page .cw-timeline__text {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ======================================================
       TODAY SECTION
       ====================================================== */

    .cw-about-page .cw-title-md.cw-max-900,
    .cw-about-page .cw-lead.cw-max-820 {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ======================================================
       FINAL CTA
       ====================================================== */

    .cw-about-page .cw-band--cta .cw-band__inner {
        text-align: center !important;
    }

    .cw-about-page .cw-band--cta .cw-band__copy {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }

    .cw-about-page .cw-band--cta .cw-title-lg,
    .cw-about-page .cw-band--cta .cw-lead {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-about-page .cw-band--cta .cw-row {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        justify-content: center !important;
        align-items: center !important;

        gap: 12px !important;
    }

    .cw-about-page .cw-band--cta .cw-btn {
        width: 100% !important;

        justify-content: center !important;
        text-align: center !important;
    }

}

/* ==========================================================
   CONTACT PAGE — MOBILE COMPLETE FIX
   MOBILE ONLY — DESKTOP UNCHANGED
   ========================================================== */

@media (max-width: 782px) {

    /* ======================================================
       PAGE SAFETY
       ====================================================== */

    .cw-contact-page {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .cw-contact-page * {
        box-sizing: border-box;
    }


    /* ======================================================
       TOP CONTACT INTRO
       ====================================================== */

    .cw-contact-page > .cw-wrap > .cw-page-head {
        width: 100% !important;
        max-width: 100% !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-contact-page > .cw-wrap > .cw-page-head .cw-eyebrow,
    .cw-contact-page > .cw-wrap > .cw-page-head h1,
    .cw-contact-page > .cw-wrap > .cw-page-head .cw-lead {
        width: 100% !important;
        max-width: 620px !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ======================================================
       REASON CARDS
       ====================================================== */

    .cw-contact-page .cw-reasons {
        width: 100% !important;
    }

    .cw-contact-page .cw-reason {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* ======================================================
       MAIN FORM + CONTACT DETAILS
       THIS FIXES THE BROKEN SCREENSHOT
       ====================================================== */

    .cw-contact-page .cw-contact-forms {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /*
     * This targets the split directly containing:
     * .cw-contact-forms + .cw-channels
     */
    .cw-contact-page .cw-contact-forms + .cw-channels {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .cw-contact-page .cw-section .cw-split:has(.cw-contact-forms) {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 32px !important;

        align-items: stretch !important;
    }

    .cw-contact-page .cw-section .cw-split:has(.cw-contact-forms) > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* ======================================================
       FORM HEADING
       ====================================================== */

    .cw-contact-page .cw-contact-forms > div > .cw-title-sm,
    .cw-contact-page .cw-contact-forms > div > .cw-small {
        width: 100% !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ======================================================
       FORM — ONE FIELD PER ROW
       ====================================================== */

    .cw-contact-page .cw-contact-form {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .cw-contact-page .cw-contact-form .cw-fields-2 {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 18px !important;
    }

    .cw-contact-page .cw-contact-form .cw-field {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }


    /* Keep labels LEFT aligned for readability */
    .cw-contact-page .cw-contact-form .cw-field label {
        display: block !important;

        width: 100% !important;

        text-align: left !important;
    }


    /* Inputs */
    .cw-contact-page .cw-contact-form input,
    .cw-contact-page .cw-contact-form select,
    .cw-contact-page .cw-contact-form textarea {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }


    /* Form button */
    .cw-contact-page .cw-contact-form .cw-btn,
    .cw-contact-page .cw-contact-form .cw-btn--block {
        width: 100% !important;
        max-width: 100% !important;

        justify-content: center !important;

        text-align: center !important;
    }


    /* Privacy / note text */
    .cw-contact-page .cw-contact-form .cw-meta {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ======================================================
       HOTLINE / WHATSAPP / EMAIL / VISIT PANEL
       ====================================================== */

    .cw-contact-page .cw-channels {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        text-align: center !important;
    }

    .cw-contact-page .cw-channel {
        width: 100% !important;

        text-align: center !important;
    }

    .cw-contact-page .cw-channel__label,
    .cw-contact-page .cw-channel__value,
    .cw-contact-page .cw-channel__note {
        width: 100% !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;

        overflow-wrap: anywhere !important;
    }

    .cw-contact-page .cw-channels__actions {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        gap: 12px !important;
    }

    .cw-contact-page .cw-channels__actions .cw-btn {
        width: 100% !important;

        justify-content: center !important;

        text-align: center !important;
    }


    /* ======================================================
       SHOWROOM SECTION
       ====================================================== */

    .cw-contact-page .cw-section--panel .cw-wrap {
        text-align: center !important;
    }

    .cw-contact-page .cw-section--panel > .cw-wrap > .cw-eyebrow,
    .cw-contact-page .cw-section--panel > .cw-wrap > .cw-title-md {
        width: 100% !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-contact-page .cw-section--panel .cw-split {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;

        gap: 28px !important;
    }

    .cw-contact-page .cw-section--panel .cw-split > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* SHOWROOM — Address + Opening Hours */
    .cw-contact-page .cw-section--panel .cw-channel__label,
    .cw-contact-page .cw-section--panel .cw-body {
        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Map */
    .cw-contact-page .cw-map {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 300px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Google Maps link */
    .cw-contact-page .cw-section--panel .cw-link-underline {
        display: inline-block !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ======================================================
       SLEEP TECHNOLOGY CENTRE
       ====================================================== */

    .cw-contact-page .cw-section--dark .cw-wrap {
        text-align: center !important;
    }

    .cw-contact-page .cw-section--dark .cw-split {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;

        gap: 26px !important;
    }

    .cw-contact-page .cw-section--dark .cw-split > div {
        width: 100% !important;
        max-width: 100% !important;

        text-align: center !important;
    }

    .cw-contact-page .cw-section--dark .cw-eyebrow,
    .cw-contact-page .cw-section--dark .cw-title-md,
    .cw-contact-page .cw-section--dark .cw-on-dark-muted {
        width: 100% !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-contact-page .cw-section--dark .cw-row {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 12px !important;
    }

    .cw-contact-page .cw-section--dark .cw-btn {
        width: 100% !important;

        justify-content: center !important;

        text-align: center !important;
    }


    /* ======================================================
       CORPORATE & HOSPITALITY
       Last normal section on the Contact page
       ====================================================== */

    .cw-contact-page > .cw-section:last-of-type .cw-wrap {
        text-align: center !important;
    }

    .cw-contact-page > .cw-section:last-of-type .cw-split {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;

        gap: 26px !important;
    }

    .cw-contact-page > .cw-section:last-of-type .cw-split > div {
        width: 100% !important;
        max-width: 100% !important;

        text-align: center !important;
    }

    .cw-contact-page > .cw-section:last-of-type .cw-eyebrow,
    .cw-contact-page > .cw-section:last-of-type .cw-title-md,
    .cw-contact-page > .cw-section:last-of-type .cw-body {
        width: 100% !important;

        text-align: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Corporate chips */
    .cw-contact-page > .cw-section:last-of-type .cw-chips {
        display: flex !important;

        flex-wrap: wrap !important;

        justify-content: center !important;

        width: 100% !important;

        gap: 8px !important;
    }

    .cw-contact-page > .cw-section:last-of-type .cw-chip {
        text-align: center !important;
    }


    /* Corporate buttons */
    .cw-contact-page > .cw-section:last-of-type .cw-row {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 12px !important;
    }

    .cw-contact-page > .cw-section:last-of-type .cw-btn {
        width: 100% !important;

        justify-content: center !important;

        text-align: center !important;
    }

}

/* ==========================================================
   HOMEPAGE — OCTOBER 2026 DESIGN UPDATE
   Hero corporate link + brand logos, Best Sellers,
   STC feature split. Paste at the very bottom of style.css.
   ========================================================== */

/* ---------- Hero: corporate orders link ---------- */
.cw-band--hero .cw-hero-corporate {
	margin: 22px 0 0;
	font-size: 17px;
	font-weight: 600;
	color: var(--cw-on-dark);
}

.cw-band--hero .cw-hero-corporate a {
	color: var(--cw-brass-light);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.cw-band--hero .cw-hero-corporate a:hover {
	color: var(--cw-white);
}

/* ---------- Hero: Spring Air / Serta logos ---------- */
.cw-band--hero .cw-hero-brands {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 40px;
	margin: 20px 0 0;
}

.cw-band--hero .cw-hero-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.cw-band--hero .cw-hero-brands img {
	display: block;
	height: 44px;
	max-height: 44px;
	width: auto;
	max-width: 240px;
	object-fit: contain;
	filter: grayscale(1);
	opacity: .9;
}

.cw-band--hero .cw-hero-brand span {
	font-size: 12px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--cw-on-dark);
	opacity: .85;
}

/* ---------- Best sellers ---------- */
.cw-bestsellers {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	margin-top: 36px;
}

/* Keep the "Or pay in 3 ×" amount small (not the 20px price style) */
.cw-instalment .woocommerce-Price-amount {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	letter-spacing: 0;
}

@media (max-width: 1024px) {
	.cw-bestsellers {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.cw-bestsellers {
		grid-template-columns: 1fr;
	}
}

/* ---------- STC feature split ---------- */
.cw-feature {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: stretch;
	max-width: var(--cw-max);
	margin: 0 auto;
}

.cw-feature__copy {
	background: var(--cw-brass-dark);
	color: var(--cw-white);
	padding: 88px 64px 88px var(--cw-gutter);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cw-feature__copy h2 {
	color: var(--cw-white);
	max-width: 15ch;
}

.cw-feature__copy p {
	color: #f3ece2;
}

.cw-feature__eyebrow {
	color: #efdcc0;
}

.cw-feature__media {
	position: relative;
	min-height: 420px;
	background: var(--cw-panel);
}

.cw-feature__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cw-feature__copy .cw-btn--solid {
	background: var(--cw-white);
	color: var(--cw-ink);
	border-color: var(--cw-white);
}

.cw-feature__copy .cw-btn--solid:hover {
	background: var(--cw-ink);
	color: var(--cw-white);
	border-color: var(--cw-ink);
}

@media (max-width: 900px) {
	.cw-feature {
		grid-template-columns: 1fr;
	}

	.cw-feature__copy {
		padding: 56px var(--cw-gutter);
	}

	.cw-feature__media {
		min-height: 300px;
	}
}

/* ---------- Mobile: keep homepage centred ---------- */
@media (max-width: 782px) {

	.home .cw-band--hero .cw-hero-brands {
		justify-content: center;
		gap: 28px;
	}

	.home .cw-band--hero .cw-hero-brand {
		align-items: center;
	}

	.home .cw-band--hero .cw-hero-brands img {
		height: 34px;
		max-height: 34px;
	}

	.home .cw-bestsellers .cw-product-card__brand {
		justify-content: center;
	}

	.home .cw-feature__copy {
		padding: 48px 18px;
		text-align: center;
	}

	.home .cw-feature__copy h2 {
		font-size: 28px !important;
		line-height: 1.15;
		margin-left: auto;
		margin-right: auto;
	}

	.home .cw-feature__copy p {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.home .cw-feature__copy .cw-row {
		justify-content: center;
	}
}
/* ==========================================================
   SINGLE PRODUCT PAGE — LAYOUT FIX
   ========================================================== */
.single-product .woocommerce-breadcrumb { max-width: var(--cw-max); margin: 0 auto; padding: 28px var(--cw-gutter) 0; font-size: 13px; color: var(--cw-meta); }
.single-product .cw-pdp { max-width: var(--cw-max); margin: 0 auto; padding: 40px var(--cw-gutter) 80px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr); gap: 72px; align-items: start; }
.single-product .cw-pdp__gallery,.single-product .cw-pdp__buy { min-width: 0; width: 100%; }
.single-product .woocommerce-product-gallery { width: 100% !important; float: none !important; margin: 0 !important; }
.single-product .woocommerce-product-gallery__wrapper { width: 100%; margin: 0; background: var(--cw-panel); border-radius: 10px; overflow: hidden; }
.single-product .woocommerce-product-gallery__image { width: 100%; }
.single-product .woocommerce-product-gallery__image a { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 520px; padding: 40px; }
.single-product .woocommerce-product-gallery__image img { display: block; width: 100% !important; height: 480px !important; max-height: 480px; object-fit: contain; margin: 0 auto; }
.single-product .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; list-style: none; margin: 14px 0 0 !important; padding: 0 !important; }
.single-product .flex-control-thumbs li { width: 100% !important; float: none !important; margin: 0 !important; }
.single-product .flex-control-thumbs li img { display: block; width: 100% !important; height: 90px !important; object-fit: contain; padding: 8px; background: var(--cw-panel); border: 1px solid var(--cw-border); border-radius: 6px; cursor: pointer; }
.single-product .flex-control-thumbs li img.flex-active { border-color: var(--cw-brass); }
.single-product .cw-pdp__buy { float: none !important; margin: 0 !important; }
.single-product .cw-pdp__buy .product_title { font-size: 42px; line-height: 1.1; font-weight: 700; letter-spacing: -0.03em; color: var(--cw-ink); margin: 0 0 18px; }
.single-product .cw-pdp__buy .price { display: block; font-size: 26px; line-height: 1.35; font-weight: 700; color: var(--cw-ink); margin: 0 0 14px; }
.single-product .cw-pdp__buy .price .woocommerce-Price-amount { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; }
.single-product .cw-pdp__buy .woocommerce-product-details__short-description { margin: 24px 0; padding: 24px 0; border-top: 1px solid var(--cw-border); border-bottom: 1px solid var(--cw-border); font-size: 15px; line-height: 1.75; color: var(--cw-body); }
.single-product .cw-pdp__buy .woocommerce-product-details__short-description p { margin-bottom: 10px; }
.single-product .cw-pdp__buy .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; }
.single-product table.variations { width: 100%; margin: 24px 0 12px; border-collapse: collapse; }
.single-product table.variations th,.single-product table.variations td { display: block; width: 100%; padding: 0; text-align: left; }
.single-product table.variations th { margin-bottom: 8px; }
.single-product table.variations label { font-size: 13px; font-weight: 600; color: var(--cw-ink); }
.single-product table.variations select { width: 100%; min-height: 52px; padding: 0 16px; border: 1px solid var(--cw-border-2); border-radius: 4px; background: var(--cw-white); color: var(--cw-ink); font-family: var(--cw-font); font-size: 14px; }
.single-product .reset_variations { display: inline-block; margin-top: 8px; font-size: 12px; }
.single-product .woocommerce-variation-add-to-cart,.single-product form.cart:not(.variations_form) { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 12px; align-items: stretch; margin-top: 20px; }
.single-product .quantity { width: 100%; margin: 0 !important; }
.single-product .quantity input.qty { width: 100% !important; height: 54px; min-height: 54px; padding: 0 10px; text-align: center; border: 1px solid var(--cw-border-2); border-radius: 4px; background: var(--cw-white); }
.single-product .single_add_to_cart_button { width: 100% !important; min-height: 54px; margin: 0 !important; padding: 16px 24px; }
.single-product .product_meta { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--cw-border); font-size: 12px; line-height: 1.8; color: var(--cw-meta); }
.single-product .product_meta > span { display: block; }
@media (max-width: 1024px) { .single-product .cw-pdp { grid-template-columns: 1fr; gap: 40px; padding-top: 32px; } .single-product .cw-pdp__gallery,.single-product .cw-pdp__buy { max-width: 760px; margin-left: auto !important; margin-right: auto !important; } }
@media (max-width: 782px) { .single-product .woocommerce-breadcrumb { padding: 18px 20px 0; font-size: 11px; } .single-product .cw-pdp { display: block; padding: 24px 20px 52px; } .single-product .cw-pdp__gallery { margin-bottom: 32px !important; } .single-product .woocommerce-product-gallery__image a { min-height: 320px; padding: 20px; } .single-product .woocommerce-product-gallery__image img { height: 300px !important; max-height: 300px; } .single-product .flex-control-thumbs { grid-template-columns: repeat(4, minmax(0, 1fr)); } .single-product .flex-control-thumbs li img { height: 68px !important; padding: 5px; } .single-product .cw-pdp__buy .product_title { font-size: 30px; line-height: 1.15; } .single-product .cw-pdp__buy .price { font-size: 21px; } .single-product .cw-pdp__buy .woocommerce-product-details__short-description { padding: 20px 0; margin: 20px 0; } .single-product .woocommerce-variation-add-to-cart,.single-product form.cart:not(.variations_form) { grid-template-columns: 90px minmax(0, 1fr); } .single-product .single_add_to_cart_button { width: 100% !important; } }

/* ==========================================================
   SINGLE PRODUCT — LOWER CONTENT WIDTH FIX
   ========================================================== */
.single-product .woocommerce-tabs { max-width: var(--cw-max); width: 100%; margin: 0 auto; padding: 0 var(--cw-gutter) 72px; }
.single-product .woocommerce-tabs ul.tabs { margin-bottom: 34px; }
.single-product .woocommerce-tabs .panel { width: 100%; max-width: 100%; margin: 0; }
.single-product .woocommerce-tabs .panel > h2 { font-size: 30px; margin-bottom: 24px; }
.single-product .related.products { max-width: var(--cw-max); width: 100%; margin: 0 auto; padding: 0 var(--cw-gutter) 88px; }
.single-product .related.products > h2 { font-size: 32px; margin: 0 0 32px; }
.single-product .related.products ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 24px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.single-product .related.products ul.products::before,.single-product .related.products ul.products::after { display: none !important; }
.single-product .related.products ul.products li.product { float: none !important; clear: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.single-product .related.products li.product { border: 1px solid var(--cw-border); border-radius: var(--cw-radius-card); overflow: hidden; background: var(--cw-white); }
.single-product .related.products li.product > a { display: block; }
.single-product .related.products li.product img { display: block; width: 100% !important; height: 240px !important; object-fit: contain; margin: 0 !important; padding: 20px; background: var(--cw-panel); }
.single-product .related.products li.product .woocommerce-loop-product__title { font-size: 17px; line-height: 1.35; font-weight: 600; color: var(--cw-ink); margin: 0; padding: 20px 20px 10px; }
.single-product .related.products li.product .price { display: block; padding: 0 20px 18px; font-size: 17px; line-height: 1.5; color: var(--cw-ink); }
.single-product .related.products li.product .price .woocommerce-Price-amount { font-size: inherit; }
.single-product .related.products li.product .button { width: calc(100% - 40px); margin: 0 20px 20px; }
@media (max-width: 1024px) { .single-product .related.products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 782px) { .single-product .woocommerce-tabs { padding: 0 20px 52px; } .single-product .woocommerce-tabs ul.tabs { gap: 18px; } .single-product .woocommerce-tabs .panel > h2 { font-size: 24px; } .single-product .related.products { padding: 0 20px 56px; } .single-product .related.products > h2 { font-size: 26px; } .single-product .related.products ul.products { grid-template-columns: 1fr !important; } .single-product .related.products li.product img { height: 260px !important; } }

/* ==========================================================
   SINGLE PRODUCT — CLAUDE DESIGN LOCK
   Restores Claude product.html presentation while preserving
   WooCommerce-driven product data and add-to-cart behaviour.
   ========================================================== */
.single-product .cw-claude-product .cw-claude-pdp{
  display:grid !important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) !important;
  gap:64px !important;padding:32px 0 88px !important;align-items:start !important;
  max-width:none !important;margin:0 !important;
}
.single-product .cw-claude-product .cw-claude-gallery{min-width:0;width:100%}
.single-product .cw-claude-product .cw-gallery__main{
  background:var(--cw-panel) !important;border:0 !important;border-radius:var(--cw-radius-card) !important;
  overflow:hidden !important;aspect-ratio:4/3 !important;height:auto !important;
  display:flex !important;align-items:center !important;justify-content:center !important;padding:32px !important;
}
.single-product .cw-claude-product .cw-gallery__main img{
  display:block !important;max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;
  object-fit:contain !important;padding:0 !important;margin:0 auto !important;border:0 !important;
}
.single-product .cw-claude-product .cw-thumbs{
  display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;margin-top:12px !important;
}
.single-product .cw-claude-product .cw-thumb{
  box-sizing:border-box !important;width:100% !important;height:92px !important;min-height:0 !important;margin:0 !important;padding:10px !important;
  background:var(--cw-panel) !important;border:1px solid var(--cw-border) !important;border-radius:var(--cw-radius-sm) !important;
  color:var(--cw-body) !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;
  box-shadow:none !important;
}
.single-product .cw-claude-product button.cw-thumb:hover,
.single-product .cw-claude-product button.cw-thumb.is-active{background:var(--cw-panel) !important;border-color:var(--cw-brass) !important;color:var(--cw-body) !important}
.single-product .cw-claude-product .cw-thumb img{max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain !important;padding:0 !important}
.single-product .cw-claude-product .cw-thumb--ph span{font-size:10px !important;line-height:1.4 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--cw-meta) !important}
.single-product .cw-claude-product .cw-dnote{margin-top:12px !important}

.single-product .cw-claude-product .cw-claude-buy{min-width:0 !important;width:100% !important;padding:0 !important;margin:0 !important;float:none !important}
.single-product .cw-claude-product .cw-claude-buy .product_title{
  font-size:38px !important;font-weight:700 !important;letter-spacing:-.025em !important;line-height:1.15 !important;margin:0 0 14px !important;
}
.single-product .cw-claude-product .cw-product-intro{font-size:16px !important;line-height:1.7 !important;color:var(--cw-body) !important;margin:0 !important;max-width:none !important}
.single-product .cw-claude-product .cw-product-intro p{margin:0 !important}
.single-product .cw-claude-product .cw-product-price-area{margin-top:32px !important}
.single-product .cw-claude-product .cw-live-price{font-size:30px !important;font-weight:700 !important;color:var(--cw-ink) !important;margin:0 0 6px !important}
.single-product .cw-claude-product .cw-live-instalment{font-size:13px !important;color:var(--cw-meta) !important}

.single-product .cw-claude-product .cw-size-options{
  display:flex !important;flex-direction:column !important;gap:10px !important;margin:18px 0 0 !important;border:0 !important;width:100% !important;
}
.single-product .cw-claude-product .cw-size-option{
  box-sizing:border-box !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:14px !important;align-items:center !important;
  width:100% !important;min-height:0 !important;margin:0 !important;padding:15px 18px !important;
  border:1px solid var(--cw-border) !important;border-radius:var(--cw-radius-btn) !important;
  background:var(--cw-white) !important;color:var(--cw-ink) !important;text-align:left !important;box-shadow:none !important;text-decoration:none !important;
}
.single-product .cw-claude-product .cw-size-option:hover{border-color:var(--cw-brass) !important;background:var(--cw-white) !important;color:var(--cw-ink) !important}
.single-product .cw-claude-product .cw-size-option.is-selected{
  border:2px solid var(--cw-brass) !important;background:#faf6f0 !important;padding:14px 17px !important;color:var(--cw-ink) !important;
}
.single-product .cw-claude-product .cw-size-option.is-selected::before{display:none !important;content:none !important}
.single-product .cw-claude-product .cw-size-option__name{font-size:15px !important;font-weight:600 !important;color:var(--cw-ink) !important}
.single-product .cw-claude-product .cw-size-option__price{font-size:16px !important;font-weight:700 !important;color:var(--cw-ink) !important;white-space:nowrap !important;margin-left:0 !important}

.single-product .cw-claude-product .cw-claude-variation-form .cw-mt-m,
.single-product .cw-claude-product .cw-simple-product-cart{margin-top:32px !important}
.single-product .cw-claude-product .single_add_to_cart_button.cw-btn,
.single-product .cw-claude-product .single_add_to_cart_button.button.alt{
  display:flex !important;width:100% !important;min-height:0 !important;margin:0 !important;padding:17px 34px !important;
  border:1px solid transparent !important;border-radius:var(--cw-radius-btn) !important;background:var(--cw-brass) !important;color:#fff !important;
  font-family:var(--cw-font) !important;font-size:15px !important;font-weight:600 !important;line-height:1 !important;box-shadow:none !important;
}
.single-product .cw-claude-product .single_add_to_cart_button.cw-btn:hover{background:var(--cw-brass-dark) !important;color:#fff !important}
.single-product .cw-claude-product a.cw-btn--outline{
  display:flex !important;width:100% !important;margin-top:12px !important;padding:14px 26px !important;
  border:1px solid var(--cw-brass) !important;border-radius:var(--cw-radius-btn) !important;background:transparent !important;color:var(--cw-brass) !important;
  font-size:14px !important;font-weight:600 !important;text-decoration:none !important;
}
.single-product .cw-claude-product a.cw-btn--outline:hover{background:var(--cw-brass) !important;color:#fff !important}

.single-product .cw-claude-product .cw-assurance{
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;
  margin-top:36px !important;padding:24px 0 0 !important;border-top:1px solid var(--cw-border) !important;
}
.single-product .cw-claude-product .cw-assurance__item{display:block !important;padding:0 !important;border:0 !important;font-size:14px !important;line-height:1.6 !important}
.single-product .cw-claude-product .cw-assurance__item strong{display:block !important;font-size:14px !important;color:var(--cw-ink) !important;margin-bottom:4px !important}
.single-product .cw-claude-product .cw-assurance__item span{font-size:14px !important;line-height:1.6 !important;color:var(--cw-body) !important}

.single-product .cw-claude-product .cw-product-construction .cw-split,
.single-product .cw-claude-product .cw-product-specifications .cw-split{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:72px !important;align-items:start !important}
.single-product .cw-claude-product .cw-layers{margin:0 !important;padding:0 !important;list-style:none !important}
.single-product .cw-claude-product .cw-layers li{display:grid !important;grid-template-columns:54px 1fr !important;gap:18px !important;padding:20px 0 !important;border-top:1px solid var(--cw-border) !important;background:transparent !important}
.single-product .cw-claude-product .cw-size-table{width:100% !important;border-collapse:collapse !important;background:transparent !important}
.single-product .cw-claude-product .cw-size-table th,
.single-product .cw-claude-product .cw-size-table td{padding:13px 0 !important;border:0 !important;border-bottom:1px solid var(--cw-border) !important;background:transparent !important;color:var(--cw-body) !important;text-align:left !important}

.single-product .cw-claude-product .cw-product-accordion{margin-top:44px !important;border-top:1px solid var(--cw-border) !important}
.single-product .cw-claude-product .cw-product-accordion .cw-acc__item{border-bottom:1px solid var(--cw-border) !important}
.single-product .cw-claude-product .cw-product-accordion button.cw-acc__btn{
  width:100% !important;min-height:0 !important;margin:0 !important;padding:22px 0 !important;border:0 !important;border-radius:0 !important;
  display:flex !important;justify-content:space-between !important;align-items:center !important;gap:20px !important;
  background:none !important;color:var(--cw-ink) !important;font-size:17px !important;font-weight:600 !important;text-align:left !important;box-shadow:none !important;
}
.single-product .cw-claude-product .cw-product-accordion button.cw-acc__btn:hover{background:none !important;color:var(--cw-brass) !important}
.single-product .cw-claude-product .cw-product-accordion .cw-acc__btn span:last-child{font-size:20px !important;color:var(--cw-brass) !important}
.single-product .cw-claude-product .cw-product-accordion .cw-acc__panel{padding:0 0 26px !important}

@media(max-width:1024px){
  .single-product .cw-claude-product .cw-claude-pdp{grid-template-columns:1fr !important;gap:36px !important}
}
@media(max-width:782px){
  .single-product .cw-claude-product .cw-claude-pdp{display:block !important;padding:24px 0 56px !important}
  .single-product .cw-claude-product .cw-claude-buy{margin-top:32px !important}
  .single-product .cw-claude-product .cw-gallery__main{padding:20px !important}
  .single-product .cw-claude-product .cw-thumb{height:70px !important;padding:7px !important}
  .single-product .cw-claude-product .cw-claude-buy .product_title{font-size:32px !important}
  .single-product .cw-claude-product .cw-assurance{grid-template-columns:1fr !important}
  .single-product .cw-claude-product .cw-product-construction .cw-split,
  .single-product .cw-claude-product .cw-product-specifications .cw-split{grid-template-columns:1fr !important;gap:36px !important}
}

/* ==========================================================
   COMFORT WORLD — SHOP / WOOCOMMERCE GRID LOCK
   Keeps WooCommerce's default float/width rules from overriding
   the Claude shop grid. Scoped away from single-product pages.
   ========================================================== */

body.post-type-archive-product .cw-shop__main,
body.tax-product_cat .cw-shop__main,
body.tax-product_tag .cw-shop__main {
    min-width: 0;
    width: 100%;
}

body.post-type-archive-product .cw-shop__main ul.products,
body.tax-product_cat .cw-shop__main ul.products,
body.tax-product_tag .cw-shop__main ul.products,
body.woocommerce-shop .cw-shop__main ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.post-type-archive-product .cw-shop__main ul.products::before,
body.post-type-archive-product .cw-shop__main ul.products::after,
body.tax-product_cat .cw-shop__main ul.products::before,
body.tax-product_cat .cw-shop__main ul.products::after,
body.tax-product_tag .cw-shop__main ul.products::before,
body.tax-product_tag .cw-shop__main ul.products::after,
body.woocommerce-shop .cw-shop__main ul.products::before,
body.woocommerce-shop .cw-shop__main ul.products::after {
    display: none !important;
    content: none !important;
}

body.post-type-archive-product .cw-shop__main ul.products li.product,
body.tax-product_cat .cw-shop__main ul.products li.product,
body.tax-product_tag .cw-shop__main ul.products li.product,
body.woocommerce-shop .cw-shop__main ul.products li.product {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.post-type-archive-product .cw-shop__main .cw-product-card,
body.tax-product_cat .cw-shop__main .cw-product-card,
body.tax-product_tag .cw-shop__main .cw-product-card,
body.woocommerce-shop .cw-shop__main .cw-product-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 100%;
}

body.post-type-archive-product .cw-shop__main .cw-product-card__media,
body.tax-product_cat .cw-shop__main .cw-product-card__media,
body.tax-product_tag .cw-shop__main .cw-product-card__media,
body.woocommerce-shop .cw-shop__main .cw-product-card__media {
    width: 100%;
}

body.post-type-archive-product .cw-shop__main .cw-product-card__media img,
body.tax-product_cat .cw-shop__main .cw-product-card__media img,
body.tax-product_tag .cw-shop__main .cw-product-card__media img,
body.woocommerce-shop .cw-shop__main .cw-product-card__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 !important;
}

body.post-type-archive-product .cw-shop__main .cw-product-card__body,
body.tax-product_cat .cw-shop__main .cw-product-card__body,
body.tax-product_tag .cw-shop__main .cw-product-card__body,
body.woocommerce-shop .cw-shop__main .cw-product-card__body {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    body.post-type-archive-product .cw-shop__main ul.products,
    body.tax-product_cat .cw-shop__main ul.products,
    body.tax-product_tag .cw-shop__main ul.products,
    body.woocommerce-shop .cw-shop__main ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 782px) {
    body.post-type-archive-product .cw-shop__main ul.products,
    body.tax-product_cat .cw-shop__main ul.products,
    body.tax-product_tag .cw-shop__main ul.products,
    body.woocommerce-shop .cw-shop__main ul.products {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   COMFORT WORLD — ABOUT PAGE
   October 2026 Claude About Design
   Scoped to .cw-about-page only
   ========================================================== */


/* ----------------------------------------------------------
   HERO + GENERAL ABOUT LAYOUT
   ---------------------------------------------------------- */

.cw-about-page {
    overflow: hidden;
}

.cw-about-page img {
    display: block;
    max-width: 100%;
}

.cw-about-page .cw-split--hero {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 64px;
    align-items: center;
}

.cw-about-page .cw-split--wide-left {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 64px;
}


/* ----------------------------------------------------------
   CHAIRMAN QUOTE
   ---------------------------------------------------------- */

.cw-about-page .cw-quote {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    margin-top: 72px;
    overflow: hidden;
    border-radius: var(--cw-radius-card);
    background: #ffffff;
}

.cw-about-page .cw-quote__media {
    min-height: 420px;
}

.cw-about-page .cw-quote__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cw-about-page .cw-quote__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 52px;
}

.cw-about-page .cw-quote__text {
    margin: 0;
    max-width: 800px;
    color: var(--cw-ink);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.02em;
}

.cw-about-page .cw-quote__cite {
    margin: 24px 0 0;
    color: var(--cw-brass);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}


/* ----------------------------------------------------------
   RESEARCH STEPS
   ---------------------------------------------------------- */

.cw-about-page .cw-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-top: 64px;
}

.cw-about-page .cw-step {
    padding-top: 24px;
    border-top: 1px solid var(--cw-border);
}

.cw-about-page .cw-step__n {
    margin-bottom: 24px;
    color: var(--cw-brass);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.cw-about-page .cw-step__title {
    margin: 0 0 10px;
    color: var(--cw-ink);
    font-size: 20px;
    font-weight: 700;
}

.cw-about-page .cw-step__text {
    margin: 0;
    color: var(--cw-body);
    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================================
   SPRING AIR + SERTA
   ========================================================== */

.cw-about-page .cw-section--dark {
    background: var(--cw-dark);
}

.cw-about-page .cw-brandsplit {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.cw-about-page .cw-brandsplit__col {
    min-width: 0;
    padding: 20px 64px 20px 0;
}

.cw-about-page .cw-brandsplit__col + .cw-brandsplit__col {
    padding-right: 0;
    padding-left: 64px;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.cw-about-page .cw-brandsplit__logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 100px;
    margin-bottom: 38px;
}

.cw-about-page .cw-brandsplit__plate {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 190px;
    min-height: 78px;
    padding: 16px 20px;
    border-radius: 6px;
    background: #ffffff;
}

.cw-about-page .cw-brandsplit__plate img {
    display: block;
    width: auto;
    max-width: 180px;
    max-height: 52px;
    object-fit: contain;
}

.cw-about-page .cw-brandsplit__since {
    color: var(--cw-on-dark-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.12em;
    text-align: right;
    text-transform: uppercase;
}

.cw-about-page .cw-year-rule {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 30px;
}

.cw-about-page .cw-year-rule__line {
    display: block;
    width: 42px;
    height: 3px;
    background: var(--cw-brass-light);
}

.cw-about-page .cw-year-rule__year {
    color: var(--cw-brass-light);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
}

.cw-about-page .cw-brandsplit__lede {
    margin: 12px 0 26px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}

.cw-about-page .cw-brandsplit .cw-on-dark,
.cw-about-page .cw-brandsplit .cw-on-dark-muted {
    line-height: 1.75;
}

.cw-about-page .cw-brandsplit .cw-on-dark-muted {
    color: var(--cw-on-dark-muted);
}

.cw-about-page .cw-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 34px;
}

.cw-about-page .cw-fact {
    display: flex;
    align-items: center;
    min-height: 72px;
    padding: 17px 20px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 7px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}


/* ==========================================================
   HOSPITALITY STATS
   ========================================================== */

.cw-about-page .cw-stats--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 64px;
    margin-top: 64px;
}

.cw-about-page .cw-stats--2 .cw-stat {
    padding-right: 40px;
}

.cw-about-page .cw-stats--2 .cw-stat__n {
    font-size: 42px;
}


/* ==========================================================
   HOSPITALITY PARTNER MARQUEE
   ========================================================== */

.cw-about-page .cw-marquee {
    width: 100%;
    margin-top: 72px;
    padding: 64px 0;
    overflow: hidden;
    border-top: 1px solid var(--cw-border);
    background: #faf8f5;
}

.cw-about-page .cw-marquee__title {
    max-width: 720px;
    margin: 0;
    color: var(--cw-ink);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.cw-about-page .cw-marquee__rows {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 38px;
}

.cw-about-page .cw-marquee__row {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.cw-about-page .cw-marquee__track {
    display: flex;
    align-items: center;
    width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
    will-change: transform;
}

.cw-about-page .cw-marquee__item {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 96px;
    margin-right: 16px;
    padding: 18px 24px;
    box-sizing: border-box;
    border: 1px solid #e4ddd5;
    border-radius: 8px;
    background: #ffffff;
}

.cw-about-page .cw-marquee__item img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 145px;
    max-height: 56px;
    object-fit: contain;
}

.cw-about-page .cw-marquee__row--rtl .cw-marquee__track {
    animation: cw-about-marquee-left 90s linear infinite;
}

.cw-about-page .cw-marquee__row--ltr .cw-marquee__track {
    animation: cw-about-marquee-right 90s linear infinite;
}

.cw-about-page .cw-marquee:hover .cw-marquee__track {
    animation-play-state: paused;
}

@keyframes cw-about-marquee-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes cw-about-marquee-right {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}


/* ==========================================================
   JOURNEY
   ========================================================== */

.cw-about-page #journey .cw-timeline {
    display: block;
    margin-top: 52px;
}

.cw-about-page #journey .cw-timeline__item {
    position: relative;
    padding: 0 0 40px 34px;
    border-left: 1px solid #d9d1c8;
}

.cw-about-page #journey .cw-timeline__item:last-child {
    padding-bottom: 0;
}

.cw-about-page #journey .cw-timeline__item::before {
    content: "";
    position: absolute;
    top: 7px;
    left: -5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--cw-brass);
}

.cw-about-page #journey .cw-timeline__body {
    padding: 0;
    border: 0;
}

.cw-about-page #journey .cw-timeline__body::before {
    display: none;
}

.cw-about-page #journey .cw-timeline__year {
    margin-bottom: 7px;
    color: var(--cw-brass);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.cw-about-page #journey .cw-timeline__title {
    margin: 0 0 7px;
    color: var(--cw-ink);
    font-size: 20px;
    font-weight: 700;
}

.cw-about-page #journey .cw-timeline__text {
    max-width: 760px;
    margin: 0;
    color: var(--cw-body);
    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================================
   TODAY / TEAM SECTION
   ========================================================== */

.cw-about-page #journey + .cw-section .cw-title-md {
    max-width: 900px;
}

.cw-about-page #journey + .cw-section .cw-lead {
    max-width: 820px;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1024px) {

    .cw-about-page .cw-split--hero,
    .cw-about-page .cw-split--wide-left {
        gap: 40px;
    }

    .cw-about-page .cw-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cw-about-page .cw-brandsplit__col {
        padding-right: 40px;
    }

    .cw-about-page .cw-brandsplit__col + .cw-brandsplit__col {
        padding-left: 40px;
    }

    .cw-about-page .cw-brandsplit__logo {
        align-items: flex-start;
        flex-direction: column;
    }

    .cw-about-page .cw-brandsplit__since {
        text-align: left;
    }

    .cw-about-page .cw-marquee__item {
        width: 170px;
        height: 88px;
    }
}


@media (max-width: 782px) {

    .cw-about-page .cw-split,
    .cw-about-page .cw-split--hero,
    .cw-about-page .cw-split--wide-left {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .cw-about-page .cw-split--hero > div:last-child > div {
        height: 320px !important;
    }

    .cw-about-page .cw-quote {
        grid-template-columns: 1fr;
        margin-top: 48px;
    }

    .cw-about-page .cw-quote__media {
        min-height: 0;
        height: 340px;
    }

    .cw-about-page .cw-quote__body {
        padding: 30px 22px;
    }

    .cw-about-page .cw-quote__text {
        font-size: 23px;
    }

    .cw-about-page .cw-steps {
        grid-template-columns: 1fr;
        gap: 28px;
        margin-top: 44px;
    }

    .cw-about-page #research .cw-grid--3 {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .cw-about-page #research .cw-grid--3 > div {
        height: 260px !important;
    }


    /* Spring Air / Serta */

    .cw-about-page .cw-brandsplit {
        grid-template-columns: 1fr;
    }

    .cw-about-page .cw-brandsplit__col {
        padding: 0 0 48px;
    }

    .cw-about-page .cw-brandsplit__col + .cw-brandsplit__col {
        padding: 48px 0 0;
        border-top: 1px solid rgba(255, 255, 255, 0.14);
        border-left: 0;
    }

    .cw-about-page .cw-brandsplit__logo {
        min-height: 0;
        margin-bottom: 30px;
    }

    .cw-about-page .cw-brandsplit__plate {
        min-width: 170px;
    }

    .cw-about-page .cw-facts {
        grid-template-columns: 1fr;
    }


    /* Stats */

    .cw-about-page .cw-stats--2 {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-top: 44px;
    }

    .cw-about-page .cw-stats--2 .cw-stat {
        padding-right: 0;
    }


    /* Marquee */

    .cw-about-page .cw-marquee {
        margin-top: 48px;
        padding: 48px 0;
    }

    .cw-about-page .cw-marquee__title {
        font-size: 24px;
    }

    .cw-about-page .cw-marquee__rows {
        margin-top: 30px;
    }

    .cw-about-page .cw-marquee__item {
        width: 150px;
        height: 80px;
        margin-right: 12px;
        padding: 14px 18px;
    }

    .cw-about-page .cw-marquee__item img {
        max-width: 120px;
        max-height: 48px;
    }


    /* Current Comfort World */

    .cw-about-page #journey + .cw-section .cw-split {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .cw-about-page #journey + .cw-section .cw-split > div {
        height: 300px !important;
    }
}


@media (prefers-reduced-motion: reduce) {

    .cw-about-page .cw-marquee__track {
        animation-play-state: paused !important;
    }
}

/* ==========================================================
   ABOUT PAGE — MEDIA + MARQUEE CONTAINMENT FIX
   ========================================================== */

/* Brand logo containers */
.cw-about-page .cw-brandsplit__logo {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

.cw-about-page .cw-brandsplit__plate {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 210px !important;
    height: 90px !important;
    min-width: 210px !important;
    min-height: 90px !important;

    padding: 14px 18px !important;
    box-sizing: border-box !important;

    overflow: hidden !important;
    background: #ffffff !important;
    border-radius: 6px !important;
}

.cw-about-page .cw-brandsplit__plate img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 170px !important;
    max-height: 58px !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ----------------------------------------------------------
   Hospitality marquee
   ---------------------------------------------------------- */

.cw-about-page .cw-marquee {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;

    margin-top: 72px !important;
    padding: 64px 0 !important;

    background: #faf8f5 !important;
    border-top: 1px solid #e4ddd5 !important;
}

.cw-about-page .cw-marquee__rows {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;

    width: 100% !important;
    margin-top: 38px !important;

    overflow: hidden !important;
}

.cw-about-page .cw-marquee__row {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden !important;
}

.cw-about-page ul.cw-marquee__track {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;

    width: max-content !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.cw-about-page ul.cw-marquee__track > li {
    display: flex !important;
    flex: 0 0 190px !important;

    align-items: center !important;
    justify-content: center !important;

    width: 190px !important;
    height: 96px !important;

    margin: 0 16px 0 0 !important;
    padding: 18px 24px !important;

    box-sizing: border-box !important;

    list-style: none !important;

    background: #ffffff !important;
    border: 1px solid #e4ddd5 !important;
    border-radius: 8px !important;

    overflow: hidden !important;
}

.cw-about-page ul.cw-marquee__track > li::before,
.cw-about-page ul.cw-marquee__track > li::after {
    display: none !important;
    content: none !important;
}

.cw-about-page ul.cw-marquee__track > li img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 145px !important;
    max-height: 55px !important;

    object-fit: contain !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* Row movement */
.cw-about-page .cw-marquee__row--rtl .cw-marquee__track {
    animation: cw-about-partners-left 90s linear infinite !important;
}

.cw-about-page .cw-marquee__row--ltr .cw-marquee__track {
    animation: cw-about-partners-right 90s linear infinite !important;
}

@keyframes cw-about-partners-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes cw-about-partners-right {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}


/* Mobile */
@media (max-width: 782px) {

    .cw-about-page .cw-brandsplit__logo {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .cw-about-page .cw-brandsplit__plate {
        width: 190px !important;
        height: 82px !important;
        min-width: 190px !important;
        min-height: 82px !important;
    }

    .cw-about-page .cw-brandsplit__plate img {
        max-width: 155px !important;
        max-height: 50px !important;
    }

    .cw-about-page ul.cw-marquee__track > li {
        flex-basis: 150px !important;
        width: 150px !important;
        height: 80px !important;

        margin-right: 12px !important;
        padding: 14px 18px !important;
    }

    .cw-about-page ul.cw-marquee__track > li img {
        max-width: 115px !important;
        max-height: 45px !important;
    }
}