@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#1d1420;--pink:#ec347f;--pale:#fff2f5;--line:#e8dfe4}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.announcement{background:#1d1420;color:#fff;text-align:center;font-size:11px;font-weight:800;letter-spacing:2px;padding:12px}.header{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;gap:25px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 20px #180b1a0c}.brand{font:800 26px 'Manrope',sans-serif;letter-spacing:-1.5px;white-space:nowrap}.brand span{color:var(--pink)}nav,.header-actions{display:flex;gap:29px;align-items:center}nav a,.header-actions a{font-size:13px;font-weight:800}nav a:hover,a:hover{color:var(--pink)}#cart-count{background:var(--pink);color:#fff;border-radius:50%;padding:3px 7px}.hero{height:620px;position:relative;background:#211624}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .7s;display:flex;align-items:center}.hero-slide.active{opacity:1;z-index:1}.hero-content{padding:6%;color:#fff;max-width:850px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;margin-bottom:20px}.pink{color:var(--pink)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(44px,7vw,100px);line-height:1.05;letter-spacing:-5px;margin:0 0 22px;font-weight:800}.hero p{font-size:20px;max-width:470px;line-height:1.6;margin-bottom:32px}.btn{display:inline-block;background:var(--pink);border:0;color:#fff;padding:17px 29px;font-size:13px;font-weight:800;letter-spacing:.4px}.btn:hover{background:#c71861;color:#fff}.btn.dark{background:var(--ink)}.hero-controls{position:absolute;bottom:30px;right:5%;z-index:3;display:flex;gap:10px}.hero-controls button{background:#fff;border:0;width:48px;height:48px;font-size:22px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 5%;border-bottom:1px solid var(--line)}.benefits div{display:grid;grid-template-columns:35px auto;align-items:center;font-size:21px}.benefits b,.benefits small{grid-column:2;font-size:13px}.benefits small{color:#888}.section{padding:85px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2,.club-banner h2{font-size:clamp(32px,4vw,56px);letter-spacing:-2px;line-height:1.1;margin:0}.section-head>a{font-weight:800;font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{display:flex;justify-content:space-between;align-items:center;background:var(--pale);padding:32px 24px;font-size:22px;min-height:130px}.category-card b{font-family:Manrope}.category-card:hover{background:#fbd7e4}.pale{background:#fbf7f8}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.product-image{height:310px;background:#f6eff1;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product:hover img{transform:scale(1.04)}.product-tag{position:absolute;top:14px;left:14px;background:#fff;padding:8px 10px;font-size:10px;letter-spacing:1px;font-weight:800}.product-info h3{font-size:16px;margin:16px 0 5px}.product-info p{font-weight:800;color:var(--pink);margin:0 0 14px}.product-info button{border:1px solid var(--ink);background:transparent;padding:13px;width:100%;font-weight:800}.product-info button:hover{background:var(--ink);color:#fff}.club-banner{display:flex;justify-content:space-between;align-items:center;gap:40px;background:#efb7c9;padding:85px 8%}.club-banner>div:first-child{max-width:560px}.club-banner p{line-height:1.7}.club-banner.full{min-height:570px}.loyalty-card{background:linear-gradient(125deg,#1c1422,#583148 65%,#aa5779);color:#fff;border-radius:20px;min-width:350px;max-width:500px;width:100%;height:275px;padding:35px;box-shadow:0 25px 40px #2a14283d;display:flex;flex-direction:column;justify-content:space-between;font-size:34px}.loyalty-card small,.loyalty-card span{font-size:11px;letter-spacing:2px}.loyalty-card strong{font-size:32px;letter-spacing:2px}.page-title{font-size:clamp(42px,5vw,70px);letter-spacing:-3px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 35px}.chip{padding:12px 19px;border:1px solid var(--line);font-size:13px;font-weight:700}.chip.selected,.chip:hover{background:var(--ink);color:#fff}.narrow{max-width:960px;margin:auto;min-height:60vh}.form{display:grid;gap:20px;margin:30px 0 45px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form label{display:grid;gap:8px;font-size:13px;font-weight:800}.form input:not([type=radio]):not([type=checkbox]),.form select,.form textarea,.inline-form input,.inline-form select{width:100%;padding:14px;border:1px solid #d8cfd4;background:#fff;border-radius:0;min-width:0}.form textarea{min-height:110px}.form h3{margin:20px 0 0}.radio-row{display:flex;gap:25px;flex-wrap:wrap}.radio-row label{display:flex;align-items:center;gap:8px}.form button{justify-self:start}.cart-item{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:22px 0;gap:15px}.cart-item small{display:block;margin-top:8px}.cart-item button,.link-btn{border:0;background:transparent;text-decoration:underline;color:var(--pink);margin-left:12px}.cart-item+div{margin-bottom:15px}#cart-total{font-weight:800;font-size:24px;margin:25px 0}.alert,.notice{padding:15px 5%;background:#ffe5e5;color:#a21c37}.notice{background:#e3f7e9;color:#156438}.center{text-align:center}.success-icon{font-size:70px;color:#269657}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin:40px 0 70px}.large-number{font-size:56px;font-weight:800}.large-number small{font-size:16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:25px 0}td,th{text-align:left;padding:16px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}th{background:#faf2f5}td small{display:block;color:#777;margin-top:5px}td select{max-width:140px}td button,.delivery-line button{border:0;background:var(--ink);color:white;padding:8px 10px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:28px;background:var(--pale)}.stat small{display:block}.stat strong{font-size:32px}.delivery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.delivery-line{display:grid;grid-template-columns:1fr 100px 65px 55px;gap:10px;align-items:center;border:1px solid var(--line);padding:12px}.delivery-line b{font-size:13px}.delivery-line input[type=number]{width:100%;padding:9px;border:1px solid var(--line)}.delivery-line label{font-size:12px}.inline-form{display:flex;flex-wrap:wrap;align-items:center}.inline-form>*{flex:1}footer{background:#1c1420;color:#fff;padding:70px 5%;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:15px}footer a,footer p{font-size:13px;margin:0;color:#eee}footer .brand{font-size:25px}.copyright{background:#110c14;color:#bbb;text-align:center;padding:20px;font-size:12px}@media(max-width:900px){nav{display:none}.benefits,.products{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.club-banner{flex-direction:column;align-items:flex-start}.delivery-grid{grid-template-columns:1fr}.hero{height:520px}}@media(max-width:580px){.header{padding:18px 4%}.brand{font-size:20px}.header-actions{gap:10px}.header-actions a{font-size:11px}.hero{height:520px}.hero-content{padding:8%}.hero h1{letter-spacing:-2px}.benefits{grid-template-columns:1fr 1fr}.section{padding:55px 5%}.category-grid,.products,.form-grid,.account-grid,.stat-grid{grid-template-columns:1fr 1fr}.product-image{height:220px}.club-banner{padding:55px 5%}.loyalty-card{min-width:0;height:220px}.loyalty-card strong{font-size:23px}.form-grid,.account-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.delivery-line{grid-template-columns:1fr 70px 50px 45px;gap:5px}.delivery-line b{font-size:11px}}
/* GlowCare-inspired boxed beauty storefront */
:root{--ink:#29212a;--pink:#ee3e83;--pale:#fff0f5;--line:#f1e5eb}
body{background:#f8edf2;padding:24px max(18px,calc((100vw - 1240px)/2));}
body>.announcement,body>.header,body>main,body>footer,body>.copyright,body>.alert,body>.notice{max-width:1240px;margin-left:auto;margin-right:auto}
.announcement{background:#fce7ef;color:#ae3265;border-radius:18px 18px 0 0;letter-spacing:1px;padding:11px}
.header{position:relative;top:auto;border-radius:0;background:white;padding:21px 4%;box-shadow:none}
.header nav{gap:20px}.header nav a{font-size:12px}.header .brand{color:#d92e71;font-size:25px}
main{background:white;min-height:65vh;padding-bottom:25px}
.hero{height:510px;margin:0 22px;border-radius:22px;overflow:hidden;background:#f9d4e2}
.hero-slide{background-position:center;background-color:#f8d5e3}
.hero-slide:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,241,246,.98) 0%,rgba(255,235,243,.88) 35%,rgba(255,234,243,.06) 75%)}
.hero-content{position:relative;z-index:1;color:#29212a;max-width:610px;padding:7%}
.hero h1{font-size:clamp(40px,5vw,68px);letter-spacing:-3px;line-height:1.12}
.hero p{font-size:16px;max-width:370px;color:#5d4b56}.hero .eyebrow{color:#e43e81;letter-spacing:1.5px;font-size:11px}
.btn{border-radius:9px;box-shadow:0 5px 13px #e93c7b38;padding:14px 23px}.hero-controls button{border-radius:50%;box-shadow:0 4px 15px #0001}
.benefits{position:relative;z-index:2;background:white;margin:-15px 38px 0;border:1px solid #f6e7ed;border-radius:16px;box-shadow:0 12px 25px #8b426016;padding:24px 18px;gap:12px}
.benefits div{font-size:23px;color:#ee3e83;grid-template-columns:31px auto}.benefits b{color:#29212a;font-size:12px}.benefits small{font-size:10px}
.section{padding:46px 4%}.section-head{margin-bottom:22px}.section-head h2{font-size:clamp(25px,3vw,36px);letter-spacing:-1px}.section-head>a{color:#e73a7c;font-size:12px}
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.category-card{background:linear-gradient(160deg,#ffe2ec,#fff5f8);border:1px solid #f9e5ee;border-radius:13px;min-height:170px;padding:18px 12px;flex-direction:column;justify-content:center;text-align:center;gap:13px;box-shadow:0 5px 12px #9e4b6910}.category-card span:first-child{font-size:40px;color:#ec3c80}.category-card b{font-size:15px}.category-card span:last-child{color:#eb3c80}
.section.pale{background:#fff}.products{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.product{border:1px solid #f3e8ed;border-radius:13px;overflow:hidden;background:white;box-shadow:0 4px 13px #a4537110}.product-image{height:210px;background:#fff6f9}.product-tag{border-radius:6px;color:#e2397c;font-size:9px}.product-info{padding:13px}.product-info h3{font-size:13px;min-height:34px;margin:0 0 8px}.product-info p{font-size:14px}.product-info button{background:#e93d7e;color:white;border:0;border-radius:7px;padding:10px;font-size:11px}.product-info button:hover{background:#b82460}
.club-banner{margin:12px 4% 28px;border-radius:17px;background:linear-gradient(110deg,#ff5d9b,#e9347a);color:white;padding:45px 6%}.club-banner .eyebrow,.club-banner p{color:white}.club-banner h2{font-size:38px}.loyalty-card{background:linear-gradient(135deg,#ffb9d3,#9c1d5c);box-shadow:0 15px 30px #8a1a4b38}
footer{border-radius:0;background:#35202d;padding:46px 4%}.copyright{border-radius:0 0 18px 18px;background:#261923}
.form input:not([type=radio]):not([type=checkbox]),.form select,.form textarea{border-radius:8px}.chip{border-radius:999px}
@media(max-width:1100px){body{padding:12px}.category-grid,.products{grid-template-columns:repeat(4,minmax(0,1fr))}.header nav{gap:12px}}
@media(max-width:760px){body{padding:0}.announcement,.copyright{border-radius:0}.hero{margin:0 10px;height:450px}.hero-content{padding:9%}.hero-slide:before{background:linear-gradient(90deg,#fff0f6f5 0%,#fff0f6ba 55%,#fff0f611 100%)}.benefits{margin:-8px 16px 0;grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{height:220px}.section{padding:38px 4%}.club-banner{margin:10px 4% 22px}}
@media(max-width:450px){.hero{height:430px}.hero h1{font-size:39px}.hero p{font-size:14px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits{padding:14px 10px;gap:10px}.benefits b{font-size:10px}.benefits small{font-size:9px}.product-image{height:175px}.header{padding:16px 3%}.header .brand{font-size:21px}.header-actions{gap:9px}.club-banner h2{font-size:30px}}
