/* =========================================================================
   GoMedWear — main stylesheet
   Identity: surgical-teal + premium gold, "production spec-sheet" signature.
   ========================================================================= */

:root{
	--ink:#12211d;
	--ink-soft:#33433d;
	--teal:#0c5a50;
	--teal-deep:#083f38;
	--gold:#c8923d;
	--gold-deep:#a9772b;
	--mist:#eaf1ee;
	--paper:#fbfcfb;
	--line:#d8e2de;
	--white:#ffffff;

	--font-display:'Archivo',system-ui,sans-serif;
	--font-body:'Inter',system-ui,sans-serif;
	--font-mono:'IBM Plex Mono',ui-monospace,monospace;

	--wrap:1200px;
	--gap:clamp(1rem,3vw,2rem);
	--radius:14px;
	--radius-sm:9px;
	--shadow:0 1px 2px rgba(18,33,29,.05),0 12px 30px -18px rgba(18,33,29,.25);
}

/* ---- base ---- */
body{
	font-family:var(--font-body);
	color:var(--ink);
	background:var(--paper);
	line-height:1.6;
	font-size:17px;
	-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.08;margin:0 0 .5em;letter-spacing:-.01em;color:var(--ink);font-weight:800;}
p{margin:0 0 1rem;}
a{text-decoration:none;color:var(--teal);transition:color .15s ease;}
a:hover{color:var(--teal-deep);}
strong{font-weight:700;}

.container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2rem);}
.container--narrow{max-width:820px;}
.section{padding-block:clamp(2rem,5vw,4rem);}
.section--tight{padding-block:clamp(1.5rem,4vw,2.5rem);}
.section--tall{padding-block:clamp(4rem,10vw,8rem);}
.section--mist{background:var(--mist);}
.section--ink{background:var(--ink);color:#dfe8e4;}
.section--ink h2,.section--ink h3,.section--ink h4{color:#fff;}
.section--ink .eyebrow{color:var(--gold);}

.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}
.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:999;}
.skip-link:focus{left:.5rem;top:.5rem;color:#fff;}

:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:3px;}

/* ---- shared bits ---- */
.eyebrow{
	font-family:var(--font-mono);
	font-size:.72rem;
	letter-spacing:.22em;
	text-transform:uppercase;
	color:var(--teal);
	font-weight:600;
	display:inline-block;
	margin-bottom:.9rem;
}
.section-head{max-width:760px;margin-bottom:clamp(1.6rem,4vw,2.6rem);}
.section-title{font-size:clamp(1.7rem,4vw,2.7rem);}
.section-intro{font-size:1.08rem;color:var(--ink-soft);margin-bottom:0;}
.section--ink .section-intro{color:#b8c7c1;}

/* ---- buttons ---- */
.btn{
	display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
	font-family:var(--font-display);font-weight:700;font-size:.98rem;
	padding:0.7rem 1.2rem;border-radius:var(--radius-sm);border:2px solid transparent;
	cursor:pointer;transition:transform .12s ease,background .15s ease,color .15s ease,border-color .15s ease;
	line-height:1;text-align:center;
}
.btn:hover{transform:translateY(-2px);}
.btn--primary{background:var(--teal);color:#fff;}
.btn--primary:hover{background:var(--teal-deep);color:#fff;}
.btn--gold{background:var(--gold);color:#1a1206;}
.btn--gold:hover{background:var(--gold-deep);color:#1a1206;}
.btn--ghost{background:transparent;border-color:currentColor;color:var(--ink);}
.section--ink .btn--ghost,.page-hero--partner .btn--ghost{color:#fff;}
.btn--ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink);}
.btn--lg{padding:1rem 1.7rem;font-size:1.05rem;}
.btn--block{display:flex;width:100%;}

/* ---- topbar ---- */
.topbar{background:var(--ink);color:#cdd9d4;font-size:.82rem;}
.topbar__inner{display:flex;gap:1.2rem;align-items:center;justify-content:center;padding-block:.5rem;flex-wrap:wrap;}
.topbar__item--mono{font-family:var(--font-mono);letter-spacing:.04em;color:#fff;}
.topbar__cta{color:var(--gold);font-weight:600;}
.topbar__cta:hover{color:#fff;}
@media(max-width:680px){.topbar__item:not(.topbar__cta):not(.topbar__item--mono){display:none;}}

/* ---- header ---- */
.site-header{position:sticky;top:0;z-index:100;background:rgba(251,252,251,.98);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.site-header__container{max-width:1600px;margin:0 auto;padding:0 0.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:62px;}
.site-branding{flex-shrink:0;margin-right:0.5rem;}
.brand{display:inline-flex;align-items:baseline;gap:.1rem;font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;color:var(--ink);}
.brand__mark{background:var(--teal);color:#fff;padding:.14rem .35rem;border-radius:4px;font-size:1rem;}
.brand__word{font-size:1.15rem;}
.brand--light{color:#fff;}
.custom-logo{max-height:40px;width:auto;}

.main-nav{display:flex;align-items:center;gap:0;flex:1;min-width:0;}
.main-nav__list{display:flex;gap:0;list-style:none;margin:0;padding:0;align-items:center;flex-wrap:nowrap;}
.main-nav__item{position:relative;flex-shrink:0;}
.main-nav__list a{color:var(--ink);font-weight:500;font-size:.75rem;display:block;padding:.35rem .65rem;transition:color .2s ease;white-space:nowrap;line-height:1.2;}
.main-nav__list a:hover{color:var(--teal);}
.main-nav__list .current-menu-item>a,.main-nav__list .current_page_item>a{color:var(--teal);font-weight:600;}

.site-header__actions{display:flex;align-items:center;gap:0.8rem;flex-shrink:0;}
.main-nav__cta{white-space:nowrap;padding:0.55rem 1.4rem;font-size:.75rem;flex-shrink:0;}

.site-header__icons{display:flex;gap:0.4rem;align-items:center;}
.header-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--ink);transition:color .2s ease;}
.header-icon:hover{color:var(--teal);}

.nav-toggle{display:none;width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:6px;position:relative;cursor:pointer;flex-shrink:0;z-index:1001;}
.nav-toggle__bar,.nav-toggle__bar::before,.nav-toggle__bar::after{position:absolute;left:50%;top:50%;width:16px;height:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease;}
.nav-toggle__bar::before{content:"";top:-5px;}
.nav-toggle__bar::after{content:"";top:5px;}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar{background:transparent;}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar::before{transform:translate(-50%,-50%) rotate(45deg);top:0;}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar::after{transform:translate(-50%,-50%) rotate(-45deg);top:0;}

@media(max-width:1400px){
	.site-header__container{gap:0.8rem;padding:0 0.7rem;}
	.main-nav__list a{padding:.3rem .55rem;font-size:.7rem;}
	.site-header__actions{gap:0.7rem;}
	.main-nav__cta{padding:.3rem 0.9rem;font-size:.7rem;}
	.header-icon{width:30px;height:30px;}
	.brand__word{font-size:1.05rem;}
}

@media(max-width:768px){
	.site-header__container{gap:0.5rem;min-height:56px;padding:0 0.5rem;}
	.brand__word{font-size:1rem;}
	.brand__mark{font-size:0.9rem;padding:.12rem .3rem;}
	.site-branding{margin-right:auto;flex-shrink:0;}
	.main-nav{flex:0;display:none;}
	.main-nav.is-open{display:flex !important;}
	.site-header__actions{flex:0;gap:0.4rem;}
	.nav-toggle{display:flex !important;width:44px;height:44px;padding:8px;border:2px solid var(--ink);background:#fff;border-radius:6px;cursor:pointer;align-items:center;justify-content:center;order:3;z-index:1001;flex-shrink:0;}
	.nav-toggle:active{background:#f5f5f5;}
	.nav-toggle__bar,.nav-toggle__bar::before,.nav-toggle__bar::after{position:absolute;left:50%;top:50%;width:18px;height:2px;background:var(--ink);transform:translate(-50%,-50%);transition:all 0.3s ease;}
	.nav-toggle__bar::before{content:"";top:-6px;}
	.nav-toggle__bar::after{content:"";top:6px;}
	.nav-toggle[aria-expanded="true"] .nav-toggle__bar{background:transparent;}
	.nav-toggle[aria-expanded="true"] .nav-toggle__bar::before{transform:translate(-50%,-50%) rotate(45deg);top:0;}
	.nav-toggle[aria-expanded="true"] .nav-toggle__bar::after{transform:translate(-50%,-50%) rotate(-45deg);top:0;}
	.main-nav{position:fixed !important;inset:56px 0 0 auto;width:100%;max-width:320px;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:1rem 0;transform:translateX(100%);transition:transform 0.25s ease;box-shadow:-20px 0 60px -20px rgba(0,0,0,0.2);overflow-y:auto;border-left:1px solid var(--line);z-index:999;}
	.main-nav.is-open{transform:translateX(0) !important;display:flex !important;}
	.main-nav__list{flex-direction:column;gap:0;flex-wrap:nowrap;}
	.main-nav__item{flex-shrink:0;width:100%;}
	.main-nav__list li{border-bottom:1px solid var(--line);}
	.main-nav__list a{display:block;padding:1rem 1.5rem;font-size:1rem;font-weight:500;white-space:normal;color:var(--ink);}
	.main-nav__list a:hover{background:#f8faf9;}
	.site-header__actions{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:0.75rem;gap:0.7rem;justify-content:space-between;z-index:998;}
	.main-nav__cta{margin:0;order:-1;flex:1;padding:0.5rem 0.8rem;font-size:0.85rem;}
	.site-header__icons{width:auto;}
	.header-icon{width:34px;height:34px;}
	body.nav-open{overflow:hidden;}
}

/* ---- hero ---- */
.hero{background:linear-gradient(170deg,var(--mist),var(--paper));border-bottom:1px solid var(--line);overflow:hidden;}
.hero__inner{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center;padding-block:clamp(2rem,5vw,4rem);}
.hero__title{font-size:clamp(2.1rem,5.5vw,4rem);font-weight:900;letter-spacing:-.025em;}
.hero__lead{font-size:clamp(1.05rem,2.2vw,1.25rem);color:var(--ink-soft);max-width:34ch;}
.hero__actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem;}

.hero__panel{background:var(--ink);color:#dfe8e4;border-radius:var(--radius);padding:1.4rem 1.6rem;box-shadow:var(--shadow);}
.hero__panel-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;color:var(--gold);border-bottom:1px dashed #3a4d47;padding-bottom:.7rem;margin-bottom:.4rem;}
.hero__specs{margin:0;}
.hero__specs>div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #243733;font-size:.92rem;}
.hero__specs dt{font-family:var(--font-mono);color:#90a59e;margin:0;font-size:.82rem;}
.hero__specs dd{margin:0;text-align:right;font-weight:600;color:#fff;}

@media(max-width:880px){
	.hero__inner{grid-template-columns:1fr;}
	.hero__lead{max-width:none;}
	.hero__panel{max-width:440px;}
}

/* ---- spec strip ---- */
.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.spec-strip__item{background:#fff;padding:2rem 1.8rem;display:flex;flex-direction:column;gap:.5rem;transition:all 0.3s ease;}
.spec-strip__item:hover{background:#f8faf9;}
.spec-strip__item:nth-child(4){background:linear-gradient(135deg,#fef5e8 0%,#fef9f0 100%);border-left:4px solid var(--gold);}
.spec-strip__label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--teal);text-transform:uppercase;font-weight:700;}
.spec-strip__item:nth-child(4) .spec-strip__label{color:#c8941f;}
.spec-strip__value{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--ink);margin:0.3rem 0 0.2rem 0;}
.spec-strip__note{font-size:.92rem;color:#777;line-height:1.5;}
@media(max-width:760px){.spec-strip{grid-template-columns:repeat(2,1fr);}.spec-strip__item{padding:1.5rem;}.spec-strip__value{font-size:1.3rem;}}

/* ---- category grid ---- */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
.cat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;}
.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--teal);}
.cat-card__title{font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--ink);}
.cat-card__text{color:var(--ink-soft);font-size:.95rem;flex:1;}
.cat-card__arrow{color:var(--teal);font-weight:800;font-size:1.2rem;}
@media(max-width:860px){.cat-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.cat-grid{grid-template-columns:1fr;}}

/* ---- split ---- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,3.5rem);align-items:center;}
.split__copy .ticks{margin:1.2rem 0;}
.split__actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem;}
.split__ship{font-size:.95rem;color:var(--ink-soft);}
@media(max-width:840px){.split{grid-template-columns:1fr;}.split__media{order:-1;}}

.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem;}
.ticks li{position:relative;padding-left:1.8rem;}
.ticks li::before{content:"";position:absolute;left:0;top:.15rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--teal);}
.ticks li::after{content:"";position:absolute;left:.36rem;top:.42rem;width:.32rem;height:.55rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.ticks--sm li{font-size:.9rem;}

.mock-scrub{aspect-ratio:4/5;background:linear-gradient(160deg,var(--teal),var(--teal-deep));border-radius:var(--radius);display:flex;align-items:flex-start;justify-content:center;padding-top:22%;box-shadow:var(--shadow);position:relative;}
.mock-scrub::after{content:"";position:absolute;inset:14% 18% auto 18%;height:42%;border:2px dashed rgba(255,255,255,.25);border-radius:8px;}
.mock-scrub__chest{position:relative;z-index:1;font-family:var(--font-mono);letter-spacing:.18em;font-size:.8rem;color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.5);padding:.4rem .7rem;border-radius:6px;}

.spec-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow);}
.spec-card__label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;color:var(--teal);display:block;margin-bottom:1rem;}
.spec-card__row{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--line);}
.spec-card__row strong{font-family:var(--font-display);}
.spec-card .btn{margin-top:1.2rem;}

/* ---- ship grid ---- */
.ship-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
.ship-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:var(--radius);padding:1.5rem;}
.ship-card__label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;color:var(--gold-deep);}
.ship-card h3{font-size:1.2rem;margin-top:.5rem;}
.ship-card p{color:var(--ink-soft);font-size:.95rem;margin:0;}
@media(max-width:780px){.ship-grid{grid-template-columns:1fr;}}

/* ---- value props ---- */
.value-props{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;}
.value-prop__num{font-family:var(--font-mono);color:var(--gold);font-size:.9rem;letter-spacing:.1em;}
.value-prop__title{font-size:1.15rem;margin:.5rem 0 .3rem;}
.value-prop__text{font-size:.95rem;color:#b8c7c1;margin:0;}
@media(max-width:880px){.value-props{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.value-props{grid-template-columns:1fr;}}

/* ---- cta band ---- */
.cta-band{background:linear-gradient(120deg,var(--teal),var(--teal-deep));color:#fff;}
.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:clamp(2.4rem,5vw,3.6rem);flex-wrap:wrap;}
.cta-band__title{color:#fff;font-size:clamp(1.5rem,3.5vw,2.2rem);margin:0;}
.cta-band__text{color:rgba(255,255,255,.85);margin:.5rem 0 0;max-width:48ch;}

/* ---- faq ---- */
.faq{border-top:1px solid var(--line);}
.faq__item{border-bottom:1px solid var(--line);}
.faq__q{font-family:var(--font-display);font-weight:700;font-size:1.1rem;padding:1.1rem 2rem 1.1rem 0;cursor:pointer;position:relative;list-style:none;}
.faq__q::-webkit-details-marker{display:none;}
.faq__q::after{content:"+";position:absolute;right:.2rem;top:1rem;font-size:1.4rem;color:var(--teal);transition:transform .2s ease;}
.faq__item[open] .faq__q::after{transform:rotate(45deg);}
.faq__a{padding-bottom:1.1rem;color:var(--ink-soft);}
.faq__a p{margin:0;}

/* ---- method grid (custom printing) ---- */
.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;}
.method-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;}
.method-card__tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;color:#fff;background:var(--teal);padding:.25rem .55rem;border-radius:5px;}
.method-card h3{margin:.9rem 0 .4rem;font-size:1.3rem;}
.method-card p{color:var(--ink-soft);font-size:.95rem;}
.method-card .ticks{margin-top:.8rem;}
@media(max-width:720px){.method-grid{grid-template-columns:1fr;}}

/* ---- steps ---- */
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;counter-reset:s;}
.steps li{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.3rem;}
.steps__n{flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;}
.steps h4{margin:.1rem 0 .25rem;font-size:1.1rem;}
.steps p{margin:0;color:var(--ink-soft);font-size:.95rem;}

/* ---- margin grid (partners) ---- */
.margin-grid{display:grid;grid-template-columns:1fr auto 1fr 1fr;gap:1rem;align-items:stretch;}
.margin-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;text-align:center;display:flex;flex-direction:column;gap:.3rem;justify-content:center;}
.margin-card--gold{background:var(--gold);border-color:var(--gold);color:#1a1206;}
.margin-card--arrow{background:transparent;border:none;font-size:2rem;color:var(--teal);align-items:center;}
.margin-card__label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;color:var(--teal);}
.margin-card--gold .margin-card__label{color:#5a3e12;}
.margin-card__num{font-family:var(--font-display);font-weight:900;font-size:1.9rem;line-height:1;}
.margin-card__sub{font-size:.85rem;color:var(--ink-soft);}
.margin-card--gold .margin-card__sub{color:#5a3e12;}
.margin-note{color:var(--ink-soft);font-size:.92rem;margin-top:1.2rem;max-width:60ch;}
@media(max-width:820px){.margin-grid{grid-template-columns:1fr;}.margin-card--arrow{transform:rotate(90deg);}}

/* ---- product grid / cards ---- */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
.product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;}
.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.product-card__media{display:block;aspect-ratio:4/5;background:var(--mist);overflow:hidden;}
.product-card__media img{width:100%;height:100%;object-fit:cover;}
.product-card__ph{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--font-mono);letter-spacing:.2em;color:var(--teal);font-size:.8rem;}
.product-card__ph--lg{aspect-ratio:4/5;font-size:1rem;}
.product-card__body{padding:1rem 1.1rem 1.2rem;}
.product-card__title{font-size:1.05rem;margin:0 0 .3rem;}
.product-card__title a{color:var(--ink);}
.product-card__price{font-family:var(--font-display);font-weight:700;margin:0 0 .15rem;}
.product-card__price span{font-family:var(--font-body);font-weight:400;font-size:.82rem;color:var(--ink-soft);}
.product-card__moq{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-soft);margin:0 0 .5rem;}
.product-card__cta{font-weight:700;font-size:.9rem;}
@media(max-width:960px){.product-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:720px){.product-grid{grid-template-columns:repeat(2,1fr);}}

.grid-empty{background:var(--mist);border:1px dashed var(--line);border-radius:var(--radius);padding:2.4rem;text-align:center;}
.grid-empty p{color:var(--ink-soft);max-width:46ch;margin:0 auto 1.2rem;}

/* ---- product single ---- */
.product-single{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3rem);}
.product-single__media img,.product-single__media .product-card__ph{border-radius:var(--radius);width:100%;}
.product-single__title{font-size:clamp(1.8rem,4vw,2.6rem);}
.product-single__price{font-size:1.2rem;}
.product-single__moq{font-family:var(--font-mono);font-size:.85rem;color:var(--ink-soft);}
.spec-table{width:100%;border-collapse:collapse;margin:1.4rem 0;}
.spec-table th,.spec-table td{text-align:left;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.95rem;}
.spec-table th{font-family:var(--font-mono);font-weight:600;color:var(--teal);width:40%;}
.product-single__actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem;}
@media(max-width:780px){.product-single{grid-template-columns:1fr;}}

/* ---- page hero ---- */
.page-hero{background:linear-gradient(170deg,var(--mist),var(--paper));border-bottom:1px solid var(--line);padding-block:clamp(2.6rem,6vw,4.5rem);}
.page-hero__title{font-size:clamp(1.9rem,4.6vw,3.2rem);font-weight:900;letter-spacing:-.02em;max-width:18ch;}
.page-hero__lead{font-size:clamp(1.02rem,2vw,1.2rem);color:var(--ink-soft);max-width:52ch;}
.page-hero__actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem;}
.page-hero--partner{background:linear-gradient(150deg,var(--ink),var(--teal-deep));}
.page-hero--partner .page-hero__title,.page-hero--partner .eyebrow{color:#fff;}
.page-hero--partner .eyebrow{color:var(--gold);}
.page-hero--partner .page-hero__lead{color:#cfe0db;}

/* ---- related links ---- */
.related-links{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:1.2rem;}
.related-links__label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;color:var(--teal);text-transform:uppercase;}
.related-links ul{display:flex;flex-wrap:wrap;gap:.5rem .9rem;list-style:none;margin:0;padding:0;}
.related-links a{font-weight:600;font-size:.92rem;color:var(--ink);}
.related-links a:hover{color:var(--teal);}

/* ---- forms ---- */
.gmw-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.4rem,3vw,2.2rem);box-shadow:var(--shadow);}
.field{display:block;margin-bottom:1.1rem;}
.field>span,.field legend{display:block;font-weight:600;font-size:.92rem;margin-bottom:.4rem;}
.gmw-form input[type=text],.gmw-form input[type=email],.gmw-form input[type=file],.gmw-form select,.gmw-form textarea{
	width:100%;font:inherit;padding:.75rem .85rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);
}
.gmw-form input:focus,.gmw-form select:focus,.gmw-form textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(12,90,80,.12);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
@media(max-width:560px){.form-row{grid-template-columns:1fr;}}
.gmw-form fieldset{border:0;padding:0;margin:0 0 1.1rem;}
.checks{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;}
.checks label{display:flex;align-items:center;gap:.45rem;font-weight:500;font-size:.95rem;}
.checks input{width:auto;}
.hp{position:absolute;left:-9999px;}
.form-fineprint{font-size:.82rem;color:var(--ink-soft);margin:.9rem 0 0;}
.form-notice{padding:.9rem 1.1rem;border-radius:var(--radius-sm);margin-bottom:1.2rem;font-weight:600;}
.form-notice--ok{background:#e6f4ef;color:#0c5a50;border:1px solid #b9e0d3;}
.form-notice--err{background:#fdeceb;color:#a02019;border:1px solid #f3c4c0;}

/* ---- designer (personalized) ---- */
.designer{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3rem);align-items:start;}
.designer__stage{aspect-ratio:4/5;border-radius:var(--radius);background:linear-gradient(160deg,#eef3f1,#dfe9e5);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--shadow);}
.designer__garment{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.garment-svg{display:none;height:86%;width:auto;max-width:88%;filter:drop-shadow(0 10px 22px rgba(18,33,29,.22));transition:opacity .25s ease;}
.garment-svg.is-active{display:block;}
.garment-svg path,.garment-svg rect,.garment-svg polygon{transition:fill .25s ease;}
.designer__art-wrap{position:absolute;left:50%;top:var(--top,26%);transform:translateX(-50%);width:var(--size,45%);display:flex;align-items:center;justify-content:center;z-index:2;}
.designer__art-wrap img{width:100%;height:auto;display:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));}
.designer__art-wrap img.is-shown{display:block;}
.designer__hint{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--ink-soft);background:rgba(255,255,255,.82);border:1px dashed var(--ink-soft);padding:.45rem .65rem;border-radius:6px;text-align:center;}
.designer__note{font-size:.82rem;color:var(--ink-soft);margin-top:.8rem;text-align:center;}
.swatches{display:flex;gap:.5rem;margin-top:.2rem;}
.swatch{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);background:var(--s);cursor:pointer;padding:0;}
.swatch.is-active{box-shadow:0 0 0 2px var(--gold);}
input[type=range]{width:100%;accent-color:var(--teal);}
@media(max-width:840px){.designer{grid-template-columns:1fr;}.designer__preview{max-width:420px;margin-inline:auto;}}

/* ---- prose ---- */
.prose{font-size:1.05rem;}
.prose h2{font-size:1.6rem;margin-top:2rem;}
.prose h3{font-size:1.3rem;margin-top:1.6rem;}
.prose ul,.prose ol{padding-left:1.3rem;}
.prose li{margin-bottom:.4rem;}

/* ---- post grid ---- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.post-card__media{display:block;aspect-ratio:16/10;overflow:hidden;}
.post-card__media img{width:100%;height:100%;object-fit:cover;}
.post-card__body{padding:1.2rem;}
.post-card__title{font-size:1.2rem;}
.post-card__excerpt{color:var(--ink-soft);font-size:.95rem;}
@media(max-width:820px){.post-grid{grid-template-columns:1fr;}}
.pagination{margin-top:2rem;}
.pagination .page-numbers{display:inline-flex;padding:.5rem .8rem;border:1px solid var(--line);border-radius:8px;margin-right:.3rem;color:var(--ink);}
.pagination .current{background:var(--teal);color:#fff;border-color:var(--teal);}

/* ---- footer ---- */
.site-footer{background:var(--ink);color:#aebbb5;}
.site-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding-block:clamp(2.6rem,6vw,4rem);}
.site-footer__pitch{font-size:.92rem;max-width:38ch;margin:1rem 0;}
.site-footer__contact a{color:var(--gold);font-family:var(--font-mono);font-size:.9rem;}
.site-footer__col h4{color:#fff;font-size:1rem;margin-bottom:.9rem;}
.site-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;}
.site-footer__col a{color:#aebbb5;font-size:.92rem;}
.site-footer__col a:hover{color:#fff;}
.site-footer__bottom{border-top:1px solid #243733;}
.site-footer__bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.2rem;font-size:.85rem;flex-wrap:wrap;}
.site-footer__legal{display:flex;gap:1rem;list-style:none;margin:0;padding:0;}
.site-footer__legal a{color:#aebbb5;}
@media(max-width:860px){.site-footer__grid{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.site-footer__grid{grid-template-columns:1fr;}}

/* ---- motion ---- */
@media(prefers-reduced-motion:reduce){
	*{animation-duration:.001ms!important;transition-duration:.001ms!important;}
	.btn:hover,.cat-card:hover,.product-card:hover{transform:none;}
}

/* =========================================================================
   v1.2 — posters, colour chart, lead form, social, WhatsApp, toasts,
   thank-you page, scroll animations, modern polish
   ========================================================================= */

/* ---- scroll reveal (no-FOUC: only hides when JS is on) ---- */
.gmw-js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform;}
.gmw-js .reveal.is-visible{opacity:1;transform:none;}
.gmw-js .reveal-stagger > *{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease;}
.gmw-js .reveal-stagger.is-visible > *{opacity:1;transform:none;}
.gmw-js .reveal-stagger.is-visible > *:nth-child(2){transition-delay:.06s;}
.gmw-js .reveal-stagger.is-visible > *:nth-child(3){transition-delay:.12s;}
.gmw-js .reveal-stagger.is-visible > *:nth-child(4){transition-delay:.18s;}
.gmw-js .reveal-stagger.is-visible > *:nth-child(5){transition-delay:.24s;}
.gmw-js .reveal-stagger.is-visible > *:nth-child(6){transition-delay:.30s;}

/* ---- posters ---- */
.poster-band{padding-block:clamp(1rem,3vw,2rem);}
.poster-band img{display:block;width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);}
.poster-inline{margin-top:2.5rem;max-width:520px;margin-inline:auto;}
.poster-inline img{display:block;width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);}
.split__poster{display:block;width:100%;height:auto;margin-top:1rem;border-radius:var(--radius);box-shadow:var(--shadow);}

/* hero subtle entrance */
.hero__copy{animation:gmwUp .7s ease both;}
.hero__panel{animation:gmwUp .7s .12s ease both;}
@keyframes gmwUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}

/* ---- modern hover polish ---- */
.cat-card,.product-card,.ship-card,.method-card,.value-prop{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.ship-card:hover,.method-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.btn{transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease;}
.btn--gold:hover,.btn--primary:hover{transform:translateY(-2px);}

/* ---- colour chart ---- */
.color-chart{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;}
.color-chart.is-collapsed .swatch-chip.is-extra{display:none;}
.swatch-chip{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;font-family:var(--font-body);font-size:.92rem;color:var(--ink);text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;}
.swatch-chip:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-1px);}
.swatch-chip.is-copied{border-color:var(--teal);box-shadow:0 0 0 2px var(--mist);}
.swatch-chip__dot{width:22px;height:22px;border-radius:50%;background:var(--sw);flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);}
.swatch-chip__dot.is-light{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);}
.swatch-chip__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.color-chart__more{text-align:center;margin-top:1.6rem;}

/* ---- lead form layout ---- */
.lead{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start;}
.lead__copy .ticks{margin-top:1rem;}
.lead__or{margin-top:1.2rem;font-size:.95rem;}
.lead__form-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.2rem,3vw,2rem);box-shadow:var(--shadow);}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.gmw-form__fine{font-size:.82rem;color:var(--ink-soft);margin:.6rem 0 0;text-align:center;}

/* ---- social row ---- */
.social-row{list-style:none;display:flex;gap:.6rem;margin:1.2rem 0 0;padding:0;flex-wrap:wrap;}
.social-row li{margin:0;}
.social-row a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#cfe0db;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:transform .15s ease,color .15s ease,background .15s ease,border-color .15s ease;}
.social-row a:hover{color:#fff;background:var(--gold);border-color:var(--gold);transform:translateY(-2px);}
.social-row--inline{display:inline-flex;vertical-align:middle;margin:0 0 0 .5rem;}
.social-row--inline a{width:34px;height:34px;color:var(--teal);background:var(--mist);border-color:var(--line);}
.social-row--inline a:hover{color:#fff;background:var(--teal);}

/* ---- floating WhatsApp ---- */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff;box-shadow:0 8px 22px -6px rgba(0,0,0,.4);transition:transform .18s ease,box-shadow .18s ease;animation:waPulse 2.6s ease-in-out infinite;}
.wa-float:hover{transform:scale(1.08);color:#fff;box-shadow:0 12px 26px -6px rgba(0,0,0,.5);}
@keyframes waPulse{0%,100%{box-shadow:0 8px 22px -6px rgba(0,0,0,.4),0 0 0 0 rgba(37,211,102,.45);}50%{box-shadow:0 8px 22px -6px rgba(0,0,0,.4),0 0 0 12px rgba(37,211,102,0);}}

/* ---- live social-proof toasts ---- */
.gmw-toasts{position:fixed;left:18px;bottom:18px;z-index:55;display:flex;flex-direction:column;gap:.6rem;max-width:330px;}
.gmw-toast{display:flex;gap:.7rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:12px;padding:.7rem .9rem;box-shadow:var(--shadow);opacity:0;transform:translateY(12px) scale(.98);transition:opacity .35s ease,transform .35s ease;}
.gmw-toast.is-in{opacity:1;transform:none;}
.gmw-toast__icon{width:34px;height:34px;border-radius:50%;background:var(--mist);color:var(--teal);display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1rem;}
.gmw-toast__body{font-size:.86rem;line-height:1.35;color:var(--ink);}
.gmw-toast__body strong{color:var(--teal);}
.gmw-toast__time{display:block;font-size:.72rem;color:var(--ink-soft);margin-top:.15rem;}
.gmw-toast__close{margin-left:auto;border:0;background:none;color:var(--ink-soft);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .1rem;}

/* ---- thank-you page ---- */
.thanks__inner{text-align:center;}
.thanks__badge{color:var(--teal);display:flex;justify-content:center;margin-bottom:1rem;animation:gmwPop .5s ease both;}
@keyframes gmwPop{from{opacity:0;transform:scale(.7);}to{opacity:1;transform:none;}}
.thanks__title{font-size:clamp(2rem,5vw,3rem);}
.thanks__lead{font-size:1.15rem;color:var(--ink-soft);max-width:620px;margin-inline:auto;}
.thanks__actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin:1.8rem 0 2.4rem;}
.thanks__next{text-align:left;max-width:460px;margin-inline:auto;background:var(--mist);border-radius:var(--radius);padding:1.4rem 1.6rem;}
.thanks__next h2{font-size:1.1rem;margin-bottom:.6rem;}
.thanks__follow{margin-top:1.8rem;color:var(--ink-soft);}

/* ---- responsive ---- */
@media(max-width:860px){
	.lead{grid-template-columns:1fr;}
	.split__poster{max-width:420px;}
}
@media(max-width:520px){
	.wa-float{width:52px;height:52px;right:14px;bottom:14px;}
	.gmw-toasts{left:10px;right:10px;bottom:80px;max-width:none;}
	.color-chart{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));}
}

/* reduced motion: kill the looping/entrance animations */
@media(prefers-reduced-motion:reduce){
	.hero__copy,.hero__panel,.thanks__badge{animation:none;}
	.wa-float{animation:none;}
	.gmw-js .reveal,.gmw-js .reveal-stagger > *{opacity:1;transform:none;transition:none;}
}

/* =========================================================================
   v1.4 — Design Studio (Fabric.js professional customiser)
   ========================================================================= */
.page-hero--studio{background:linear-gradient(160deg,var(--ink),var(--teal-deep));}
.page-hero--studio .page-hero__title,.page-hero--studio .eyebrow{color:#fff;}
.page-hero--studio .eyebrow{color:var(--gold);}
.page-hero--studio .page-hero__lead{color:#cfe0db;}
.studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.5rem,4vw,3rem);align-items:start;}

/* preview */
.studio__preview{position:sticky;top:88px;}
.studio__stage{position:relative;aspect-ratio:4/5;border-radius:var(--radius);background:linear-gradient(160deg,#eef3f1,#dbe6e1);overflow:hidden;box-shadow:var(--shadow);}
.studio__garment{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;}
.studio__garment svg{height:90%;width:auto;max-width:92%;filter:drop-shadow(0 12px 26px rgba(18,33,29,.24));}
.studio__print{position:absolute;left:27%;top:20%;width:46%;height:30%;border:1.5px dashed rgba(12,90,80,.35);border-radius:6px;z-index:2;pointer-events:none;}
.studio__stage .canvas-container{position:absolute!important;inset:0;width:100%!important;height:100%!important;z-index:3;}
.studio__stage .canvas-container canvas{width:100%!important;height:100%!important;}
.studio__note{font-size:.8rem;color:var(--ink-soft);text-align:center;margin-top:.8rem;line-height:1.5;}

/* view toggle + segmented */
.studio__viewbar{display:flex;gap:.4rem;justify-content:center;margin-top:.9rem;}
.seg,.garment-card{font-family:var(--font-body);font-size:.9rem;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:.5rem .8rem;cursor:pointer;transition:all .15s ease;}
.seg:hover,.garment-card:hover{border-color:var(--teal);}
.seg.is-active{background:var(--teal);color:#fff;border-color:var(--teal);}
.seg-group{display:flex;gap:.45rem;flex-wrap:wrap;}

/* toolbar */
.studio__toolbar{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:.9rem;}
.tb-group{display:flex;gap:.3rem;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.3rem;box-shadow:var(--shadow);}
.tb{width:38px;height:38px;border:none;background:transparent;border-radius:7px;cursor:pointer;font-size:1.05rem;color:var(--ink);display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;}
.tb:hover:not(:disabled){background:var(--mist);}
.tb:disabled{opacity:.32;cursor:not-allowed;}
.tb--danger:hover:not(:disabled){background:#fdecea;color:#c0392b;}

/* layers panel */
.ds-layers{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:180px;overflow:auto;}
.ds-layer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:8px;padding:.4rem .6rem;font-size:.86rem;cursor:pointer;}
.ds-layer.is-active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);}
.ds-layer--empty{justify-content:center;color:var(--ink-soft);cursor:default;border-style:dashed;}
.ds-layer__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ds-layer__acts{display:flex;gap:.15rem;flex:0 0 auto;}
.ds-layer__acts button{width:26px;height:26px;border:none;background:var(--mist);border-radius:6px;cursor:pointer;font-size:.8rem;color:var(--ink);}
.ds-layer__acts button:hover{background:var(--teal);color:#fff;}

/* controls column */
.ctrl{padding:1rem 0;border-bottom:1px solid var(--line);}
.ctrl:first-child{padding-top:0;}
.ctrl__title{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-mono);color:var(--ink-soft);margin-bottom:.7rem;font-weight:600;}
.ctrl__hint{color:var(--teal);text-transform:none;letter-spacing:0;font-family:var(--font-body);}
.ctrl__select{width:100%;padding:.65rem .8rem;border:1px solid var(--line);border-radius:8px;font-family:var(--font-body);font-size:.95rem;background:#fff;color:var(--ink);}
.ctrl__rule{border:0;border-top:1px solid var(--line);margin:1.1rem 0;}

/* garment cards */
.garment-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;}
.garment-card{text-align:left;font-weight:600;}
.garment-card.is-active{background:var(--ink);color:#fff;border-color:var(--ink);}

/* studio swatches */
.ds-swatches{display:flex;flex-wrap:wrap;gap:.5rem;}
.ds-swatch{width:30px;height:30px;border-radius:50%;background:var(--sw);border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;}
.ds-swatch.is-light{box-shadow:0 0 0 1px #bcc;}
.ds-swatch:hover{transform:scale(1.12);}
.ds-swatch.is-active{box-shadow:0 0 0 2px var(--gold);transform:scale(1.12);}

.ds-textrow{display:flex;gap:.5rem;}
.ds-textrow .ctrl__select{flex:1;}
.btn--sm{padding:.45rem .9rem;font-size:.85rem;}
input[type="color"]{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;padding:3px;}

@media(max-width:880px){
	.studio{grid-template-columns:1fr;}
	.studio__preview{position:static;max-width:460px;margin-inline:auto;}
}

/* PRIVATE LABEL PAGE STYLES */
.page-hero--private-label{background:linear-gradient(135deg,var(--ink) 0%,var(--teal-deep) 100%);color:#fff;padding-block:clamp(3rem,8vw,6rem);}
.page-hero--private-label h1{color:#fff;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.2;}
.page-hero--private-label .eyebrow{color:var(--gold);}
.page-hero--private-label .page-hero__lead{color:#e8f0ed;font-size:1.05rem;line-height:1.6;}
.page-hero__actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;}

.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0;}
.feature-card{padding:2rem;background:#f8faf9;border-radius:8px;border-left:4px solid var(--teal);}
.feature-card h3{font-size:1.1rem;margin-bottom:0.8rem;color:var(--ink);}
.feature-card p{font-size:0.95rem;line-height:1.6;color:#555;}

.branding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0;}
.branding-item{padding:1.8rem;background:#fbfcfb;border:1px solid #e0e8e5;border-radius:6px;}
.branding-item h3{font-size:1rem;margin-bottom:0.8rem;color:var(--ink);font-weight:600;}
.branding-item p{font-size:0.95rem;line-height:1.6;color:#666;}
.branding-item a{color:var(--teal);text-decoration:none;font-weight:500;}
.branding-item a:hover{text-decoration:underline;}

.section--ink{background:var(--ink);color:#fff;}
.section--ink h2{color:#fff;}
.section--ink .section-intro{color:#d0d8d5;}
.fabric-specs{max-width:900px;margin:0 auto;}
.spec-list{display:grid;gap:1.5rem;margin:2rem 0;}
.spec-item h4{font-size:1rem;margin-bottom:0.5rem;color:var(--gold);}
.spec-item p{font-size:0.95rem;line-height:1.6;color:#e8f0ed;}

.process-steps{display:flex;flex-direction:column;gap:2.5rem;margin:4rem 0;}
.step{display:flex;gap:2rem;align-items:flex-start;padding:2.5rem;background:#fff;border-radius:8px;border-left:6px solid var(--teal);box-shadow:0 4px 16px rgba(0,100,100,0.1);transition:all 0.3s ease;}
.step:hover{box-shadow:0 8px 32px rgba(0,100,100,0.15);transform:translateY(-3px);}
.step__number{display:flex;align-items:center;justify-content:center;width:90px;height:90px;min-width:90px;background:linear-gradient(135deg,var(--teal) 0%,#0d7575 100%);color:#fff;border-radius:8px;font-weight:900;font-size:2.8rem;box-shadow:0 4px 12px rgba(0,100,100,0.2);flex-shrink:0;}
.step h3{font-size:1.35rem;margin:0 0 1rem 0;color:var(--ink);font-weight:800;letter-spacing:-0.5px;}
.step p{font-size:1.02rem;line-height:1.9;color:#555;margin:0;}

@media(max-width:768px){
  .process-steps{gap:1.8rem;margin:3rem 0;}
  .step{gap:1.5rem;padding:2rem;border-left:5px solid var(--teal);flex-wrap:wrap;}
  .step__number{width:75px;height:75px;min-width:75px;font-size:2.2rem;border-radius:6px;}
  .step h3{font-size:1.15rem;margin:0 0 0.8rem 0;width:100%;}
  .step p{font-size:0.98rem;line-height:1.8;width:100%;}
}

.timeline-note{text-align:center;padding:2rem;background:var(--gold);color:var(--ink);border-radius:8px;margin:2rem 0;font-weight:600;}

.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0;}
.pricing-card{padding:2rem;background:#fbfcfb;border:1px solid #e0e8e5;border-radius:8px;}
.pricing-card h3{font-size:1.05rem;margin-bottom:1rem;color:var(--ink);}
.pricing-card ul{list-style:none;padding:0;margin:0;}
.pricing-card li{padding:0.5rem 0;font-size:0.95rem;line-height:1.6;color:#666;}
.pricing-card li strong{color:var(--ink);}

.customer-types{display:grid;gap:1.5rem;}
.customer-type{padding:1.8rem;background:#fbfcfb;border-left:4px solid var(--gold);border-radius:4px;}
.customer-type h3{font-size:1rem;margin-bottom:0.8rem;color:var(--ink);}
.customer-type p{font-size:0.95rem;line-height:1.6;color:#666;}
.customer-type a{color:var(--teal);text-decoration:none;font-weight:500;}
.customer-type a:hover{text-decoration:underline;}

.faq-grid{display:grid;gap:1.5rem;margin:2rem 0;}
.faq-item{padding:1.8rem;background:#fbfcfb;border:1px solid #e0e8e5;border-radius:6px;}
.faq-item h3{font-size:1rem;margin-bottom:0.8rem;color:var(--ink);font-weight:600;}
.faq-item p{font-size:0.95rem;line-height:1.6;color:#666;}
.faq-item a{color:var(--teal);text-decoration:none;font-weight:500;}
.faq-item a:hover{text-decoration:underline;}

.cta-band{text-align:center;padding:2.5rem 2rem;background:#f0f4f2;border-radius:8px;margin:2rem 0;}
.cta-band h3{font-size:1.3rem;margin-bottom:0.8rem;color:var(--ink);}
.cta-band p{font-size:0.95rem;color:#666;margin-bottom:1.5rem;}

.cta-section{text-align:center;}
.cta-section h2{margin-bottom:1rem;}
.cta-section > p{font-size:1.05rem;line-height:1.6;color:#666;margin-bottom:0.5rem;}
.cta-section > p strong{color:var(--ink);font-weight:600;}

.cta-form-wrapper{max-width:600px;margin:2rem auto;padding:2rem;background:#fbfcfb;border:1px solid #e0e8e5;border-radius:8px;}
.cta-form-wrapper form{margin:0;}
.cta-note{max-width:700px;margin:1.5rem auto 0;font-size:0.9rem;color:#777;line-height:1.6;}

.related-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0;}
.related-card{padding:2rem;background:#fbfcfb;border:1px solid #e0e8e5;border-radius:8px;transition:all 0.3s ease;}
.related-card:hover{border-color:var(--teal);box-shadow:0 4px 12px rgba(0,100,100,0.1);}
.related-card h3{margin-bottom:1rem;}
.related-card h3 a{color:var(--ink);text-decoration:none;font-weight:600;}
.related-card h3 a:hover{color:var(--teal);}
.related-card p{font-size:0.95rem;line-height:1.6;color:#666;}

.section-intro{font-size:1.05rem;line-height:1.6;color:#777;margin-bottom:2rem;}

@media(max-width:768px){
  .page-hero__actions{flex-direction:column;}
  .page-hero__actions .btn{width:100%;}
  .step{grid-template-columns:50px 1fr;gap:1rem;}
  .step__number{width:50px;height:50px;font-size:1.2rem;}
}

/* NEWSLETTER SECTION - PROFESSIONAL STYLING */
.newsletter-section {
    background: linear-gradient(135deg, #f8faf9 0%, #fbfcfb 100%);
    padding: 4rem 2rem;
    border-top: 2px solid var(--teal);
    border-bottom: 2px solid var(--teal);
    margin: 3rem 0;
}

.newsletter-section__content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.newsletter-section h3 {
    font-size: 2rem;
    font-weight: 800;
    color: var(--ink);
    margin: 0 0 1rem 0;
    letter-spacing: -1px;
}

.newsletter-section > div:first-child p {
    font-size: 1.1rem;
    color: #666;
    margin: 0 0 2.5rem 0;
    line-height: 1.8;
}

.newsletter-form {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 2rem 0;
}

.newsletter-form input[type="email"] {
    padding: 1.2rem 1.5rem;
    border: 2px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
    width: 100%;
    max-width: 400px;
    transition: all 0.3s ease;
    font-family: inherit;
}

.newsletter-form input[type="email"]:focus {
    outline: none;
    border-color: var(--teal);
    box-shadow: 0 0 0 4px rgba(0, 100, 100, 0.1);
    background: #fff;
}

.newsletter-form input[type="email"]::placeholder {
    color: #999;
}

.newsletter-form .btn--gold {
    padding: 1.2rem 2.5rem;
    font-size: 1rem;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.newsletter-form .btn--gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(208, 159, 63, 0.3);
}

.newsletter-form .btn--gold:active {
    transform: translateY(0);
}

.newsletter-privacy {
    font-size: 0.95rem;
    color: #888;
    margin: 1.5rem 0 0 0;
    width: 100%;
    line-height: 1.6;
}

@media(max-width: 768px) {
    .newsletter-section {
        padding: 3rem 1.5rem;
        margin: 2rem 0;
    }
    
    .newsletter-section h3 {
        font-size: 1.6rem;
    }
    
    .newsletter-section > div:first-child p {
        font-size: 1rem;
    }
    
    .newsletter-form {
        flex-direction: column;
        gap: 1rem;
    }
    
    .newsletter-form input[type="email"] {
        max-width: 100%;
    }
    
    .newsletter-form .btn--gold {
        width: 100%;
    }
}

/* COLOR PALETTE SECTION */
.section--color-palette {
    background: linear-gradient(135deg, #fbfcfb 0%, #f8faf9 100%);
    padding: 4rem 2rem;
}

.color-palette__header {
    text-align: center;
    margin-bottom: 3rem;
}

.color-palette__header h2 {
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--ink);
    margin: 0 0 1rem 0;
    letter-spacing: -1px;
}

.color-palette__header p {
    font-size: 1.1rem;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.8;
}

.color-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 2rem;
    margin: 3rem 0;
}

.color-family {
    text-align: center;
}

.color-swatch {
    width: 100%;
    height: 70px;
    border-radius: 8px;
    margin-bottom: 0.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    cursor: pointer;
}

.color-swatch:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.color-label {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--ink);
    margin-top: 1rem;
}

/* Color Definitions */
.color-swatch--teal-light { background-color: #a8d4d0; }
.color-swatch--teal-med { background-color: #2d8f8a; }
.color-swatch--teal-dark { background-color: #0d5a56; }

.color-swatch--blue-light { background-color: #87ceeb; }
.color-swatch--blue-med { background-color: #4169e1; }
.color-swatch--blue-dark { background-color: #001f4d; }

.color-swatch--red-light { background-color: #ff7f7f; }
.color-swatch--red-med { background-color: #e63946; }
.color-swatch--red-dark { background-color: #8b0000; }

.color-swatch--yellow-light { background-color: #ffe8a8; }
.color-swatch--yellow-med { background-color: #ffc107; }
.color-swatch--yellow-dark { background-color: #d68300; }

.color-swatch--gray-light { background-color: #e8e8e8; }
.color-swatch--gray-med { background-color: #808080; }
.color-swatch--gray-dark { background-color: #2d2d2d; }

.color-swatch--green-light { background-color: #b8d4a8; }
.color-swatch--green-med { background-color: #558b2f; }
.color-swatch--green-dark { background-color: #1b5e20; }

.color-palette__footer {
    text-align: center;
    padding: 2rem;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

.color-palette__footer p {
    font-size: 1rem;
    color: #555;
    margin: 0 0 1.5rem 0;
    line-height: 1.8;
}

.color-palette__footer strong {
    color: var(--ink);
    font-weight: 700;
}

@media(max-width: 768px) {
    .color-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 1.5rem;
    }
    
    .color-palette__header h2 {
        font-size: 1.8rem;
    }
}

/* ===================================================================
   SUBMENU DROPDOWN STYLES
   =================================================================== */

.main-nav__list .menu-item-has-children > a {
    position: relative;
}

.main-nav__list .menu-item-has-children > a::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentColor;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
}

.main-nav__list ul {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    background: white;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    padding: 8px 0;
    min-width: 220px;
    z-index: 999;
    list-style: none;
    margin: 0;
}

.main-nav__list .menu-item-has-children:hover > ul,
.main-nav__list .menu-item-has-children:focus-within > ul {
    display: block;
    animation: slideDown 0.2s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.main-nav__list ul li {
    list-style: none;
    padding: 0;
}

.main-nav__list ul li a {
    display: block;
    padding: 10px 20px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.main-nav__list ul li a:hover {
    background: #f9f9f9;
    color: #0c5a50;
    padding-left: 25px;
}

.main-nav__list ul li:first-child a {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.main-nav__list ul li:last-child a {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.main-nav__list > li {
    position: relative;
}

/* Mobile menu adjustments */
@media (max-width: 768px) {
    .main-nav__list ul {
        position: static;
        display: none;
        box-shadow: none;
        border: 1px solid #e0e0e0;
        background: #f9f9f9;
        margin-top: 5px;
        border-radius: 4px;
    }

    .main-nav__list .menu-item-has-children.open > ul {
        display: block;
    }

    .main-nav__list ul li a {
        padding-left: 30px;
    }
}