/* Sweet Treats by Sleeping Lady — boutique storefront enhancement.
   Load after the inline CSS in index.html. No authentication logic changed. */
:root{--pink:#eb2888;--berry:#971451;--ink:#422138;--light:#fff7fb;--border:#f1ccdf;--shadow:0 14px 38px rgba(125,27,78,.10)}
html{scroll-behavior:smooth}body{background:var(--light);-webkit-font-smoothing:antialiased}
.top{height:auto;min-height:82px;background:rgba(255,255,255,.97);box-shadow:0 3px 18px rgba(132,28,81,.04);position:relative;z-index:2}
.brand{font-size:clamp(19px,2.5vw,27px);letter-spacing:-.5px}.brand img{border:2px solid #f5b4d5;box-shadow:0 4px 15px #eeb3d0}
.badge{border:1px solid #f5bdd8;background:#fff1f8;letter-spacing:1.2px}
.primary,.secondary,.filters button,.tile{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.primary{background:linear-gradient(115deg,#f12591,#d71b77);box-shadow:0 9px 22px #d31a782a}
.primary:hover,.secondary:hover{transform:translateY(-2px);box-shadow:0 9px 20px #d31a781c}
.gate{background:radial-gradient(circle at 12% 18%,#ffb8db 0,transparent 33%),radial-gradient(circle at 87% 85%,#ffd0e8 0,transparent 37%),linear-gradient(140deg,#fff6fb,#ffeaf5)}
.gate-card{border:1px solid #f5bdd9;box-shadow:0 25px 75px #9f3d7930;border-radius:30px}
.gate-logo{box-shadow:0 13px 30px #d92c8b25}.gate h1{letter-spacing:-1.2px}
.gate input{background:#fffafd;transition:border-color .2s,box-shadow .2s}.gate input:focus{border-color:#eb2888;box-shadow:0 0 0 3px #eb28881a;outline:none}
.hero{max-width:100%;min-height:390px;grid-template-columns:minmax(0,1.25fr) minmax(210px,.65fr);padding:clamp(35px,6vw,86px) max(clamp(20px,5vw,70px),calc((100vw - 1240px)/2));background:radial-gradient(circle at 92% 18%,#ffd5e9 0,transparent 35%),linear-gradient(125deg,#fff1f9 0%,#ffe1f0 58%,#fff9fc 100%);overflow:hidden}
.hero h1{font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-2px;max-width:780px}
.hero p{max-width:550px;font-size:clamp(14px,1.5vw,17px)}.hero img{max-height:335px;filter:drop-shadow(0 20px 28px #b9257430)}
.eyebrow{letter-spacing:2.3px}.wrap{padding-top:clamp(40px,5vw,70px);padding-bottom:70px}.section-title{font-size:clamp(32px,4.5vw,46px);letter-spacing:-1.3px}
.tools{background:#fff;border:1px solid var(--border);border-radius:20px;padding:14px;box-shadow:0 8px 28px #b82e7510}
.tools input{border-radius:12px;background:#fff9fc;min-height:45px}.tools .secondary{white-space:nowrap}
.filters{gap:10px;padding-top:13px;padding-bottom:22px}.filters button{padding:11px 19px}.filters button:hover{background:#fff0f7;border-color:#df81b1}.filters button.active:hover{background:#d81c78}
.grid{gap:clamp(14px,2vw,24px)}.tile{border-radius:23px;box-shadow:var(--shadow);display:flex;flex-direction:column}.tile:hover{transform:translateY(-5px);box-shadow:0 22px 38px #a91d6924;border-color:#ec9fc5}.tile img{background:#ffedf6;object-fit:cover}.tile-body{padding:clamp(14px,2vw,20px);display:flex;flex-direction:column;flex:1}.tile h3{font-size:clamp(16px,1.65vw,19px);letter-spacing:-.3px}.tile p{flex:1;min-height:0;font-size:13px}.tile .secondary{margin-top:10px;border-radius:12px;padding:12px}.cat{letter-spacing:1.4px}
.foot{background:#fce1ee;border-top:1px solid #f1bfd7;padding:42px 20px}.foot strong{font-size:28px}
.modal{backdrop-filter:blur(7px)}.modal-card{box-shadow:0 25px 80px #18091560;border:1px solid #f6c5dd;padding:clamp(18px,3vw,32px);gap:28px}.modal-card img{background:#fff1f8}.close:hover{background:#ffd6e9}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr) 125px;min-height:310px;padding:34px 20px}.hero h1{font-size:clamp(32px,6vw,46px);letter-spacing:-1px}.hero img{max-height:175px}.wrap{padding:35px 16px 55px}.tools{padding:12px}.tile-body{padding:13px}.tile p{font-size:12px}}
@media(max-width:440px){.top{padding:12px 14px}.brand{font-size:17px}.brand img{width:38px;height:38px}.badge{font-size:9px;padding:7px 8px}.hero{grid-template-columns:1fr;padding:30px 20px}.hero img{display:none}.hero h1{font-size:39px}.grid{gap:12px}.tile{border-radius:16px}.tile-body{padding:11px}.tile .secondary{padding:10px 7px}.tools input{width:100%;flex-basis:100%}.modal-card{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary,.secondary,.filters button,.tile{transition:none}}