/* =====================================================================
   AquaLuxe Spa Funnel — mobile-first styles
   Palette pulled from the source design.
   ===================================================================== */
:root{
	--blue:#1c9be6;
	--blue-dark:#0a73b8;
	--navy:#12304a;
	--ink:#1b2a36;
	--muted:#6b7c89;
	--line:#e6edf2;
	--bg:#ffffff;
	--soft:#f3f8fc;
	--green:#1faa59;
	--red:#e0413a;
	--radius:18px;
	--shadow:0 10px 30px rgba(18,48,74,.08);
	--glow:0 8px 30px rgba(28,155,230,.35);
	--maxw:1120px;
	--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
	margin:0;
	font-family:var(--font);
	color:var(--ink);
	background:var(--bg);
	line-height:1.55;
	font-size:16px;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}

/* ---------- Layout helpers ---------- */
.aq-wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px;}
.aq-wrap--narrow{max-width:760px;}
.aq-section{padding:46px 0;}
.aq-soft{background:var(--soft);}
.aq-center{text-align:center;}
.aq-muted{color:var(--muted);}
.aq-main{overflow:hidden;}

.aq-h2{
	font-size:clamp(24px,5vw,34px);
	line-height:1.2;
	color:var(--navy);
	font-weight:800;
	margin:6px 0 14px;
	letter-spacing:-.01em;
}
.aq-eyebrow{
	display:block;
	color:var(--blue);
	font-weight:800;
	font-size:12px;
	letter-spacing:.18em;
	text-transform:uppercase;
}
.aq-sub{color:var(--muted);margin:0 auto;max-width:560px;}
.aq-blockhead{margin-bottom:28px;}

/* ---------- Buttons ---------- */
.aq-btn{
	display:inline-block;
	font-weight:700;
	border-radius:999px;
	padding:16px 28px;
	text-align:center;
	cursor:pointer;
	border:0;
	transition:transform .15s ease, box-shadow .15s ease;
}
.aq-btn--cart{
	background:linear-gradient(180deg,#2bb0f4,#0e86d6);
	color:#fff;
	width:100%;
	box-shadow:var(--glow);
	font-size:17px;
}
.aq-btn--cart:hover{transform:translateY(-1px);box-shadow:0 12px 34px rgba(28,155,230,.45);}
.aq-btn--inline{width:auto;padding-left:40px;padding-right:40px;}
.aq-btn--ghost{
	background:#fff;
	color:var(--blue-dark);
	box-shadow:0 4px 16px rgba(28,155,230,.18);
	padding:11px 22px;
}

/* ---------- Promo bar ---------- */
.aq-promo{
	background:linear-gradient(90deg,#0e86d6,#1c9be6);
	color:#fff;
	text-align:center;
	font-size:13px;
	letter-spacing:.02em;
	padding:9px 14px;
}
.aq-promo strong{font-weight:800;}

/* ---------- Header ---------- */
.aq-header{
	position:sticky;top:0;z-index:50;
	background:rgba(255,255,255,.92);
	backdrop-filter:saturate(160%) blur(8px);
	border-bottom:1px solid var(--line);
}
.aq-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px;}
.aq-logo{font-weight:800;font-size:22px;color:var(--navy);letter-spacing:-.01em;}
.aq-logo span{color:var(--blue);}
.aq-logo--footer{font-size:26px;display:inline-block;margin:14px 0;}

/* ---------- Hero / gallery + buy ---------- */
.aq-hero .aq-wrap{display:grid;grid-template-columns:1fr;gap:30px;}
.aq-gallery__main{
	background:var(--soft);
	border-radius:var(--radius);
	overflow:hidden;
	aspect-ratio:1/1;
	display:flex;align-items:center;justify-content:center;
}
.aq-gallery__main img{width:100%;height:100%;object-fit:cover;}
.aq-gallery__thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px;}
.aq-thumb{
	padding:0;border:2px solid var(--line);background:var(--soft);
	border-radius:12px;overflow:hidden;aspect-ratio:1/1;cursor:pointer;
}
.aq-thumb.is-active{border-color:var(--blue);}
.aq-thumb img{width:100%;height:100%;object-fit:cover;}
.aq-gallery__caption{color:var(--blue-dark);font-weight:700;margin:14px 2px 0;}

/* placeholder when image missing */
.aq-img--ph{position:relative;background:repeating-linear-gradient(135deg,#e7f1f8,#e7f1f8 12px,#dceaf4 12px,#dceaf4 24px);}
.aq-img--ph::after{
	content:"Add image";
	position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
	color:#8aa6b8;font-size:13px;font-weight:700;letter-spacing:.04em;
}
.aq-gallery__main img.aq-img--ph,.aq-thumb img.aq-img--ph{width:100%;height:100%;}

/* buy column */
.aq-title{font-size:clamp(22px,5vw,30px);color:var(--navy);font-weight:800;line-height:1.18;margin:0 0 10px;letter-spacing:-.01em;}
.aq-stars{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:12px;}
.aq-stars__icons{color:#f4b400;letter-spacing:2px;font-size:16px;}
.aq-lead{color:#41525f;margin:0 0 18px;}
.aq-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:6px 0 16px;}
.aq-price__now{font-size:38px;font-weight:800;color:var(--blue);line-height:1;}
.aq-price__was{font-size:20px;color:#9bacb8;text-decoration:line-through;}
.aq-badge--save{color:#9bacb8;font-weight:800;font-size:12px;letter-spacing:.08em;}
.aq-swatch{display:flex;align-items:center;gap:10px;margin:14px 0;flex-wrap:wrap;}
.aq-swatch--row{gap:14px;}
.aq-swatch__dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--blue);background:#fff;display:inline-block;}
.aq-swatch.aq-center{justify-content:center;}
.aq-swatch__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-weight:600;font-size:13px;}
.aq-swatch__chip:hover{border-color:var(--blue);}
.aq-swatch__dot--white{background:#fff;border-color:#bcd0dd;}
.aq-swatch__dot--tan,.aq-swatch__dot--beige{background:#c9b291;border-color:#a98d65;}
.aq-swatch__dot--black{background:#1a1a1a;border-color:#1a1a1a;}
.aq-swatch__dot--pink{background:#f4b7c4;border-color:#e58aa1;}
.aq-swatch__dot--grey,.aq-swatch__dot--gray{background:#9aa6ae;border-color:#7e8a93;}
.aq-swatch__dot--blue{background:#1c9be6;border-color:#0a73b8;}
.aq-checklist{list-style:none;padding:0;margin:14px 0 22px;}
.aq-checklist li{position:relative;padding-left:26px;margin:9px 0;font-weight:600;color:var(--ink);}
.aq-checklist li::before{content:"\2713";position:absolute;left:0;color:var(--green);font-weight:800;}
.aq-pay{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.aq-pay span{
	border:1px solid var(--line);border-radius:8px;padding:6px 10px;
	font-size:11px;font-weight:800;color:#5b6b77;letter-spacing:.04em;background:#fff;
}
.aq-pay.aq-center{justify-content:center;}

/* ---------- Videos ---------- */
.aq-video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.aq-video{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:9/14;overflow:hidden;}
.aq-video__ph{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9bacb8;text-align:center;padding:14px;}
.aq-video__ph strong{color:#6b7c89;}
.aq-video__ph span{font-size:13px;}

/* ---------- Feature icons ---------- */
.aq-iconrow{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 18px;text-align:center;}
.aq-icon{font-size:30px;color:var(--blue);margin-bottom:8px;}
.aq-iconcard h3{margin:4px 0;color:var(--navy);font-size:17px;}
.aq-iconcard p{margin:0;color:var(--muted);font-size:14px;}

/* ---------- Story sections ---------- */
.aq-story__inner{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;}
.aq-story__media{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--soft);}
.aq-story__media img{width:100%;height:auto;display:block;}
.aq-dims{position:absolute;right:16px;bottom:14px;text-align:right;text-shadow:0 1px 4px rgba(0,0,0,.25);color:#222;}
.aq-dims__big{display:block;font-weight:800;font-size:22px;line-height:1.05;color:#1b2a36;}
.aq-dims__small{display:block;font-size:13px;color:#3a4a56;}
.aq-story__text h2{margin-top:6px;}
.aq-story__text p{color:#41525f;}

/* ---------- Everything you need ---------- */
.aq-included{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.aq-inccard{
	background:#fff;border:1px solid var(--line);border-radius:14px;
	padding:22px 14px;text-align:center;box-shadow:var(--shadow);
}
.aq-inccard__num{display:block;font-size:30px;font-weight:800;color:var(--blue);line-height:1;}
.aq-inccard__label{display:block;margin-top:8px;font-weight:700;color:var(--navy);}

/* ---------- Key features ---------- */
.aq-features{display:grid;grid-template-columns:1fr;gap:14px;}
.aq-feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);}
.aq-feature h3{margin:0 0 6px;color:var(--navy);}
.aq-feature p{margin:0;color:#41525f;}

/* ---------- Comparison ---------- */
.aq-compare{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px;}
.aq-compare__col{border-radius:18px;padding:24px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);}
.aq-compare__col--win{border-color:rgba(31,170,89,.4);}
.aq-compare__col h3{text-align:center;color:var(--navy);margin:0 0 16px;}
.aq-compare__col ul{list-style:none;margin:0;padding:0;}
.aq-compare__col li{position:relative;padding-left:30px;margin:11px 0;font-weight:600;}
.aq-compare__col li.ok::before{content:"\2713";position:absolute;left:0;color:var(--green);font-weight:800;}
.aq-compare__col li.no{color:#7d8a94;}
.aq-compare__col li.no::before{content:"\2715";position:absolute;left:0;color:var(--red);font-weight:800;}

/* ---------- Testimonials ---------- */
.aq-posts{display:grid;grid-template-columns:1fr;gap:18px;max-width:980px;margin:0 auto;}
.aq-post{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);}
.aq-post__head{display:flex;align-items:center;gap:10px;}
.aq-post__avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#bcd8ea,#8fb9d4);flex:none;}
.aq-post__meta{display:flex;flex-direction:column;line-height:1.2;flex:1;}
.aq-post__meta strong{color:var(--navy);}
.aq-post__meta .aq-muted{font-size:13px;}
.aq-post__dots{color:#9bacb8;font-weight:800;letter-spacing:2px;}
.aq-post__text{margin:12px 2px;color:#2b3a45;}
.aq-post__media{border-radius:12px;overflow:hidden;background:var(--soft);}
.aq-post__media img{width:100%;height:auto;display:block;}
.aq-post__stats{display:flex;align-items:center;gap:8px;padding:12px 2px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted);}
.aq-post__comments{margin-left:auto;}
.aq-post__actions{display:flex;justify-content:space-around;padding-top:10px;color:var(--muted);font-weight:600;font-size:14px;}

/* ---------- Countdown / deal ---------- */
.aq-countdown{display:flex;justify-content:center;gap:12px;margin:0 auto 26px;}
.aq-cd{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 6px;min-width:76px;text-align:center;box-shadow:var(--shadow);}
.aq-cd__num{display:block;font-size:30px;font-weight:800;color:var(--blue);line-height:1;}
.aq-cd__lab{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:6px;}
.aq-dealcard{max-width:460px;margin:0 auto;background:#fff;border:2px solid #d6ebf8;border-radius:24px;padding:22px;box-shadow:var(--glow);}
.aq-dealcard__img{border-radius:16px;overflow:hidden;background:var(--soft);margin-bottom:18px;}
.aq-dealcard__img img{width:100%;height:auto;display:block;}
.aq-stock{text-align:center;color:var(--muted);font-size:14px;margin:12px 0 0;}

/* ---------- FAQ ---------- */
.aq-faq{display:grid;gap:12px;}
.aq-faqitem{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.aq-faqitem__q{
	width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;
	background:none;border:0;cursor:pointer;padding:18px 20px;text-align:left;
	font-weight:700;color:var(--navy);font-size:16px;font-family:inherit;
}
.aq-faqitem__sign{color:var(--blue);font-size:22px;font-weight:700;flex:none;transition:transform .2s ease;}
.aq-faqitem.is-open .aq-faqitem__sign{transform:rotate(45deg);}
.aq-faqitem__a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.aq-faqitem__a p{margin:0;padding:0 20px 18px;color:#41525f;}

/* ---------- Final CTA ---------- */
.aq-finalcta{padding:60px 0;}
.aq-finalcta .aq-sub{margin-bottom:22px;}

/* ---------- Footer ---------- */
.aq-footer{background:#fff;border-top:1px solid var(--line);padding:34px 0 90px;text-align:center;}
.aq-footer__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;color:var(--muted);font-size:13px;font-weight:600;margin-bottom:14px;}
.aq-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:14px 0;color:var(--muted);}
.aq-footer__links a:hover{color:var(--blue);}
.aq-footer__copy{color:#9bacb8;font-size:13px;margin:6px 0 0;}

/* ---------- Sticky mobile buy bar ---------- */
.aq-mobilebar{
	position:fixed;left:0;right:0;bottom:0;z-index:60;
	display:flex;align-items:center;gap:12px;
	background:rgba(255,255,255,.96);backdrop-filter:blur(8px);
	border-top:1px solid var(--line);padding:10px 14px;
	transform:translateY(120%);transition:transform .25s ease;
}
.aq-mobilebar.is-visible{transform:translateY(0);}
.aq-mobilebar__price{font-weight:800;color:var(--navy);white-space:nowrap;}
.aq-mobilebar__price s{color:#9bacb8;font-weight:600;margin-left:4px;}
.aq-mobilebar .aq-btn--cart{width:auto;flex:1;padding:13px 18px;}

/* ---------- Fallback page ---------- */
.hc-fallback{padding:60px 0;}
.hc-fallback__title{color:var(--navy);}

/* =====================================================================
   DESKTOP / TABLET
   ===================================================================== */
@media(min-width:768px){
	.aq-section{padding:64px 0;}
	.aq-hero .aq-wrap{grid-template-columns:1.05fr .95fr;gap:44px;align-items:start;}
	.aq-video-grid{grid-template-columns:repeat(4,1fr);}
	.aq-iconrow{grid-template-columns:repeat(4,1fr);}
	.aq-included{grid-template-columns:repeat(4,1fr);}
	.aq-features{grid-template-columns:repeat(2,1fr);}
	.aq-compare{grid-template-columns:1fr 1fr;}
	.aq-story__inner{grid-template-columns:1fr 1fr;gap:40px;}
	.aq-story--alt .aq-story__media{order:2;}
	.aq-posts{grid-template-columns:1fr 1fr;}
	.aq-mobilebar{display:none;}
}
@media(min-width:1024px){
	.aq-features{grid-template-columns:repeat(3,1fr);}
}