
:root{--pink:#ef3a8c;--pink2:#ff72ae;--blush:#fff1f6;--black:#0c090b;--cream:#fff9f5;--gold:#d7a74b;--ink:#21191d;--muted:#715e67;--line:#f1bfd3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--blush);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.topbar{height:38px;background:var(--pink);color:white;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;letter-spacing:.04em}.site-header{position:sticky;top:0;z-index:40;background:#070507;color:white;border-bottom:1px solid #241920}.nav{max-width:1180px;margin:auto;min-height:78px;padding:10px 20px;display:flex;align-items:center;gap:30px}.logo{min-width:170px;font-family:Georgia,serif;font-weight:900;line-height:.8}.logo b{font-size:34px;letter-spacing:2px;background:linear-gradient(90deg,#f15a9c,#f4d695,#f15a9c);-webkit-background-clip:text;color:transparent}.logo em{font:700 25px cursive;color:var(--pink2);display:block}.logo small{font-size:12px;letter-spacing:6px}.navlinks{display:flex;gap:24px;margin-left:auto;font-weight:800;font-size:13px}.navlinks a:hover,.navlinks a.active{color:var(--pink2)}.cart-btn{border:1px solid #f16fa9;background:#171014;color:white;border-radius:999px;padding:10px 14px;font-weight:800}.menu-btn{display:none;background:transparent;color:white;border:0;font-size:25px}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff7fa 0 42%,#f7e2e9 42% 100%);border-bottom:8px solid #111}.hero:before,.hero:after{content:"";position:absolute;inset:auto;opacity:.28;background-image:radial-gradient(#171116 2px,transparent 3px),radial-gradient(#ef3a8c 2px,transparent 3px);background-size:23px 23px,37px 37px;transform:rotate(-10deg)}.hero:before{width:370px;height:670px;right:-90px;top:-70px}.hero:after{width:280px;height:540px;left:-110px;top:-20px}.hero-inner{position:relative;z-index:2;max-width:1180px;margin:auto;display:grid;grid-template-columns:.92fr 1.15fr;align-items:center;min-height:520px;padding:36px 20px}.hero-copy{padding:28px 14px 30px 10px}.eyebrow{font-family:cursive;color:var(--pink);font-size:38px;margin-bottom:-8px}.hero h1{font-family:Georgia,serif;font-size:64px;line-height:.93;margin:0 0 18px;color:#171116}.hero h1 span{display:block;color:var(--pink);font-family:cursive;font-weight:700;font-size:57px}.hero-tag{display:inline-block;background:#111;color:#fff;padding:9px 15px;font-family:Georgia,serif;font-size:20px;letter-spacing:.06em}.hero-copy p{font-size:21px;line-height:1.45;max-width:540px}.hero-copy p strong{font-family:cursive;color:var(--pink);font-size:31px}.cta{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;border-radius:999px;padding:15px 22px;font-weight:900;cursor:pointer}.btn-primary{background:#111;color:#fff}.btn-pink{background:var(--pink);color:#fff}.btn-outline{background:white;color:#111;border:2px solid #111}.hero-visual{position:relative}.hero-visual img{width:100%;max-width:710px;display:block;border-radius:8px;box-shadow:0 24px 50px #6b435555;object-fit:contain}.benefits{background:#0c090b;color:white}.benefit-row{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.benefit{padding:22px 18px;text-align:center;border-right:1px solid #5d3f4a}.benefit:last-child{border-right:0}.benefit b{display:block;color:#fff;font-family:Georgia,serif}.benefit span{font-size:12px;color:#ecdbe2}.benefit i{display:block;color:var(--pink);font-style:normal;font-size:28px;margin-bottom:6px}.section{padding:60px 20px}.container{max-width:1180px;margin:auto}.section-title{text-align:center;font-family:Georgia,serif;font-size:34px;margin:0 0 8px}.section-sub{text-align:center;color:var(--muted);margin:0 0 30px}.create-grid{display:grid;grid-template-columns:.7fr 1.25fr .7fr;gap:28px;align-items:stretch}.create-note{padding:28px 10px}.create-note h2{font:700 44px cursive;color:var(--pink);margin:0}.form-card{background:#fff;border:2px solid var(--pink);border-radius:16px;padding:26px;box-shadow:0 12px 28px #d798b922}.form-card h3{margin-top:0;font-family:Georgia,serif}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.form-card input,.form-card select,.form-card textarea{width:100%;padding:12px;border:1px solid #edc5d6;border-radius:9px;background:#fffafd}.form-card textarea{min-height:110px}.occasion{background:#fff7fa;border-left:3px solid var(--pink);padding:24px;border-radius:10px}.occasion h3{font-family:Georgia,serif}.occasion ul{list-style:none;padding:0;margin:0}.occasion li{padding:7px 0;font-weight:700}.occasion li:before{content:'♡';color:var(--pink);margin-right:9px}.category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.cat{background:#fff;border:1px solid #efc3d4;border-radius:10px;overflow:hidden;text-align:center;padding-bottom:10px}.cat img{width:100%;aspect-ratio:.82;object-fit:cover;display:block}.cat b{font-size:12px;display:block;padding:8px 5px}.cat button{background:var(--pink);color:#fff;border:0;border-radius:4px;padding:7px 10px;font-size:10px;font-weight:900}.shop-actions{text-align:center;margin-top:18px}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:20px 0 26px}.filter{border:1px solid #edd0db;background:white;border-radius:999px;padding:9px 15px;font-weight:800;font-size:12px}.filter.active{background:var(--pink);color:#fff;border-color:var(--pink)}.gallery{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.product-card{background:#fff;border:1px solid #f1ccd9;border-radius:10px;overflow:hidden;box-shadow:0 7px 16px #ba78911f;transition:.18s transform}.product-card:hover{transform:translateY(-3px)}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#f7eef2}.product-info{padding:9px}.product-info b{display:block;font-size:12px;min-height:30px}.price{font-weight:900;color:var(--pink);font-size:12px}.mini-actions{display:flex;gap:6px;margin-top:7px}.mini-actions button{flex:1;border:0;border-radius:6px;padding:8px 4px;font-size:9px;font-weight:900}.add{background:#111;color:white}.view{background:#f9d9e6}.school{background:#fff}.school-row{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;text-align:center}.school-item{padding:18px 8px;border-radius:12px;background:#fff7fa;border:1px solid #f1ccd9}.school-item strong{display:block;font-size:11px}.school-item span{font-size:32px;color:var(--pink)}.footer{background:#0b090a;color:white;padding:42px 20px 24px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.1fr .7fr .9fr .9fr;gap:28px}.footer h4{color:var(--pink2)}.footer a,.footer p{display:block;color:#e8d9df;font-size:13px;line-height:1.8}.pay-badges{display:flex;gap:8px;flex-wrap:wrap}.pay-badges span{background:white;color:#111;border-radius:5px;padding:6px 9px;font-weight:900;font-size:11px}.bottom{max-width:1180px;margin:30px auto 0;border-top:1px solid #44333a;padding-top:18px;color:#bfa9b2;font-size:12px;display:flex;justify-content:space-between}.cart-drawer{position:fixed;right:-420px;top:0;width:min(420px,100%);height:100vh;background:white;z-index:100;padding:25px;box-shadow:-20px 0 40px #0003;transition:.25s;overflow:auto}.cart-drawer.open{right:0}.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #eee}.cart-item img{width:64px;height:64px;object-fit:cover;border-radius:7px}.cart-total{font-size:24px;font-weight:900;margin:20px 0}.overlay{position:fixed;inset:0;background:#0008;z-index:90;display:none}.overlay.open{display:block}.modal{position:fixed;inset:0;z-index:120;display:none;place-items:center;padding:18px;background:#0009}.modal.open{display:grid}.modal-card{background:#fff;width:min(560px,100%);max-height:90vh;overflow:auto;border-radius:16px;padding:24px}.modal-card img{width:100%;max-height:340px;object-fit:contain;background:#fff3f7;border-radius:10px}.size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.notice{background:#fff6cf;border:1px solid #ecd65b;padding:12px;border-radius:9px;font-size:12px;margin:12px 0}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(90px);background:#111;color:white;padding:12px 18px;border-radius:999px;z-index:150;transition:.2s}.toast.show{transform:translateX(-50%) translateY(0)}
@media(max-width:900px){.navlinks{display:none}.menu-btn{display:block;margin-left:auto}.navlinks.open{display:flex;position:absolute;top:116px;left:0;right:0;background:#090708;padding:18px;flex-direction:column;margin:0}.hero-inner{grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1{font-size:48px}.hero h1 span{font-size:44px}.cta{justify-content:center}.hero-visual{max-width:680px;margin:auto}.create-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(4,1fr)}.gallery{grid-template-columns:repeat(4,1fr)}.school-row{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topbar{font-size:10px}.nav{min-height:70px}.logo{min-width:140px}.logo b{font-size:28px}.logo em{font-size:20px}.hero-inner{padding-top:10px}.eyebrow{font-size:30px}.hero h1{font-size:42px}.hero h1 span{font-size:38px}.hero-copy p{font-size:17px}.benefit-row{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2){border-right:0}.create-note{text-align:center}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.category-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.school-row{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.bottom{flex-direction:column;gap:8px}.section{padding:44px 14px}.section-title{font-size:29px}}
