/* =========================================================================
   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(3rem,7vw,5.5rem);}
.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:.8rem 1.4rem;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,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;}
.brand{display:inline-flex;align-items:baseline;gap:.12rem;font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;color:var(--ink);}
.brand__mark{background:var(--teal);color:#fff;padding:.18rem .42rem;border-radius:6px;font-size:1.15rem;}
.brand__word{font-size:1.3rem;}
.brand--light{color:#fff;}
.custom-logo{max-height:48px;width:auto;}

.main-nav{display:flex;align-items:center;gap:1.4rem;}
.main-nav__list{display:flex;gap:1.3rem;list-style:none;margin:0;padding:0;align-items:center;}
.main-nav__list a{color:var(--ink);font-weight:600;font-size:.95rem;}
.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);}
.main-nav__cta{white-space:nowrap;}

.nav-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:10px;position:relative;cursor:pointer;}
.nav-toggle__bar,.nav-toggle__bar::before,.nav-toggle__bar::after{position:absolute;left:50%;top:50%;width:20px;height:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease;content:"";}
.nav-toggle__bar::before{content:"";top:-7px;}
.nav-toggle__bar::after{content:"";top:7px;}
.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:960px){
	.nav-toggle{display:block;}
	.main-nav{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:5rem 1.4rem 2rem;transform:translateX(100%);transition:transform .25s ease;box-shadow:-20px 0 40px -20px rgba(0,0,0,.3);overflow-y:auto;}
	.main-nav.is-open{transform:translateX(0);}
	.main-nav__list{flex-direction:column;align-items:stretch;gap:0;}
	.main-nav__list li{border-bottom:1px solid var(--line);}
	.main-nav__list a{display:block;padding:.95rem .2rem;font-size:1.05rem;}
	.main-nav__cta{margin-top:1.2rem;}
	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(3rem,7vw,5.5rem);}
.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:var(--radius);overflow:hidden;}
.spec-strip__item{background:#fff;padding:1.3rem 1.2rem;display:flex;flex-direction:column;gap:.25rem;}
.spec-strip__label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;color:var(--teal);}
.spec-strip__value{font-family:var(--font-display);font-size:1.5rem;font-weight:800;}
.spec-strip__note{font-size:.82rem;color:var(--ink-soft);}
@media(max-width:760px){.spec-strip{grid-template-columns:repeat(2,1fr);}}

/* ---- 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:var(--mist);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--shadow);}
.designer__garment{position:absolute;inset:0;background:var(--c,#0c5a50);transition:background .2s ease;}
.designer__garment::before{content:"";position:absolute;inset:6% 30% auto 30%;height:10%;background:rgba(255,255,255,.08);border-radius:0 0 60% 60%;}
.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;}
.designer__art-wrap img{width:100%;height:auto;display:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));}
.designer__art-wrap img.is-shown{display:block;}
.designer__hint{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;color:rgba(255,255,255,.7);border:1px dashed rgba(255,255,255,.45);padding:.5rem .7rem;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;}
}