@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;1,6..96,400&family=Great+Vibes&family=Montserrat:wght@400;500;600;700&display=swap');
:root{--serif:'Bodoni Moda',Georgia,serif;--sans:Montserrat,Arial,sans-serif;--rose:#aa3d6a;--deep:#68213e;--line:#ddb3c24d}body{background:radial-gradient(ellipse at 90% 40%,#f5d1e4aa,transparent 45%),linear-gradient(135deg,#fff9fb,#fbe9f1 60%,#fff9fc)}.announcement{background:linear-gradient(100deg,#7b2b4d,#b6537e 50%,#7b2b4d);box-shadow:inset 0 -1px 0 #fff5;letter-spacing:2.3px}header{background:linear-gradient(120deg,#fffafcdf,#ffe2efba);backdrop-filter:blur(25px) saturate(1.3);box-shadow:0 8px 30px #8c3c5b14,inset 0 1px 0 #fff;z-index:20}.brand{border-radius:50%;width:76px;height:76px;border:3px solid #ffffffcc;box-shadow:0 4px 1px #c889a4,0 8px 17px #72284625,inset 0 2px 5px white;transition:transform .3s}.brand img{border-radius:50%}.brand:hover{transform:translateY(-2px)}.icon-button{background:linear-gradient(140deg,#fff9,#efd0e54d);border:1px solid #fffc;border-radius:13px;box-shadow:inset 0 1px 1px white,0 3px 0 #d9aec380,0 6px 10px #97416715}.header-actions{gap:12px}.icon-button:active{transform:translateY(2px);box-shadow:inset 0 2px 6px #b7698426}.icon-button span{background:#ab3e6b;color:white;box-shadow:0 2px 4px #8c264840;right:-5px;top:-5px}.hero{height:min(900px,calc(100svh - 135px));min-height:710px;max-height:none;display:block;background:#f1d1e0}.hero-visual{position:absolute;inset:0;width:100%;height:100%;z-index:0}#scene{height:100%;width:100%;min-height:0}.scene-fallback{object-position:center}.hero-copy{position:absolute;z-index:3;left:5.5%;top:50%;width:42%;max-width:620px;padding:45px 40px 37px;transform:translateY(-50%);border:1px solid #fff9;border-radius:32px;background:linear-gradient(125deg,#fffaf8d9,#fff0f6b5 65%,#fff4f779);backdrop-filter:blur(13px) saturate(1.1);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #eec1d480,0 25px 60px #74345022,0 4px 0 #fff4}.hero-copy .eyebrow{font-size:10px;letter-spacing:3px}.hero h1{font-size:clamp(38px,3.5vw,63px);line-height:1.17;letter-spacing:-1.5px;margin:24px 0 32px;color:#71314c;font-weight:400}.hero h1 em{font-family:'Great Vibes',cursive;font-weight:400;font-size:1.34em;letter-spacing:0;line-height:1.23;display:block;color:#a63a68;margin:12px 0 0;text-shadow:0 2px 1px #fff9}.hero-copy p{font-size:14px;max-width:360px;color:#704c5d;line-height:1.85}.hero-actions{margin:28px 0 25px;gap:20px}.hero-note{font-size:8px;color:#80536a;letter-spacing:1.5px}.hero-index{z-index:4;color:#704357;bottom:22px;left:6%;text-shadow:0 1px 1px #fff}.scene-caption{z-index:4;left:auto;right:4%;bottom:22px;border:1px solid #fff8;padding:9px 13px;border-radius:30px;background:#fff6;backdrop-filter:blur(12px);color:#6e3651;font-size:10px}.scene-caption button{background:none;padding:0 0 0 10px;border-left:1px solid #b880a0;font-size:10px;border-radius:0}.button{position:relative;isolation:isolate;border:1px solid #fff9;border-bottom-color:#a43f6b;border-radius:14px;background:linear-gradient(135deg,#f8cadebb 0%,#b95380c9 48%,#922756e6 100%);backdrop-filter:blur(18px) saturate(1.7);color:#fff;text-shadow:0 1px 2px #66214080;box-shadow:inset 0 2px 1px #ffffffba,inset 1px 0 3px #fff8,inset 0 -2px 3px #75234488,0 6px 0 #7b2d55,0 8px 0 #d395b266,0 15px 24px #6b234534;transform:perspective(700px) rotateX(5deg);transition:transform .2s,box-shadow .2s,filter .2s;overflow:hidden;min-height:51px;letter-spacing:.4px}.button::before{content:'';position:absolute;inset:1px 2px 50%;border-radius:12px 12px 40% 40%;background:linear-gradient(#fff6,#fff0);z-index:-1;pointer-events:none}.button::after{content:'';position:absolute;top:-70%;left:-70%;width:45%;height:240%;background:linear-gradient(90deg,transparent,#ffffff66,transparent);transform:rotate(25deg);transition:left .7s;pointer-events:none}.button:hover::after{left:145%}.button:hover{transform:perspective(700px) rotateX(0) translateY(-3px);filter:brightness(1.06);box-shadow:inset 0 2px 1px #fffd,inset 0 -2px 3px #75234488,0 9px 0 #7b2d55,0 18px 30px #6b234540}.button:active{transform:translateY(5px);box-shadow:inset 0 3px 6px #67224144,0 1px 0 #7b2d55,0 4px 9px #6b234534}.button:disabled{filter:grayscale(.45);transform:none;box-shadow:0 2px 0 #b991a4}.button.secondary{background:linear-gradient(145deg,#ffffffc9,#f8d4e680 55%,#e8aecaaa);border:1px solid #fffe;color:#762f51;text-shadow:0 1px 0 white;box-shadow:inset 0 2px 2px white,inset 0 -2px 2px #c383a26b,0 5px 0 #c992ae,0 12px 22px #8c3c6225}.button.secondary:hover{box-shadow:inset 0 2px 2px white,0 8px 0 #c992ae,0 16px 24px #8c3c6230}.values{background:linear-gradient(135deg,#fffafcca,#f6dae9ad);backdrop-filter:blur(20px);box-shadow:0 10px 25px #a2527714,inset 0 1px 0 #fff;position:relative;z-index:5;border-bottom-color:#fff}.values span{font-size:23px}.values b{font-size:11px}.section-heading h2{font-size:49px}.section-heading h2 em,.story-copy h2 em,.service-section h2 em{font-family:'Great Vibes',cursive;font-size:1.35em;line-height:1.3}.audience-tabs{border-bottom:0;display:inline-flex;gap:5px;padding:6px;border-radius:18px;background:linear-gradient(145deg,#fff9,#ebc5d680);border:1px solid #fffa;box-shadow:inset 0 1px 2px #fff,0 4px 8px #975d7716;margin-top:30px}.audience-tabs button{border:0;border-radius:12px;padding:11px 22px;font-size:13px}.audience-tabs button.active{background:linear-gradient(#fffdfc,#f6d7e6);box-shadow:0 3px 0 #d4a5bb,0 5px 10px #85446220;color:#803051}.category-tabs button{background:#fffb;border-color:#fff;border-radius:12px;box-shadow:inset 0 1px 0 #fff,0 3px 0 #dec0cf66,0 6px 12px #9b608017;transition:transform .2s}.category-tabs button:hover{transform:translateY(-2px)}.category-tabs button.active{background:linear-gradient(#e6b4ccb3,#f9dceabf);border-color:#f9f1f6;color:#77304f;box-shadow:inset 0 1px 0 white,0 3px 0 #c993ae}.search-sort{background:#fff8;border:1px solid #fff;border-radius:14px;padding:5px 12px;box-shadow:0 5px 20px #8654700c}.search-sort select{background:transparent;border:0}.search{border:0}.product-card{padding:12px 12px 18px;border:1px solid #fff;border-radius:22px;background:linear-gradient(135deg,#fffdfdd9,#ffeaf488);box-shadow:inset 0 2px 0 white,inset 0 -2px 0 #d99abb35,0 8px 0 #dfbac933,0 18px 35px #8e4a6a17;transition:transform .28s,box-shadow .28s;transform:perspective(1000px) rotateX(1deg)}.product-card:hover{transform:perspective(1000px) rotateX(0) translateY(-7px);box-shadow:inset 0 2px 0 white,0 9px 0 #dfbac933,0 23px 35px #8e4a6a27}.product-photo{border-radius:14px;box-shadow:inset 0 2px 6px #76426116}.product-card h3{padding:0 4px}.product-card .price,.product-card .meta{padding:0 4px}.product-card .text-button{margin-left:4px}.favorite{background:linear-gradient(#fffc,#f3cce0a6);backdrop-filter:blur(12px);border:1px solid white;box-shadow:0 3px 0 #b4719566,0 5px 9px #743f6220}.badge{border:1px solid #fffd;backdrop-filter:blur(10px);border-radius:6px}.empty-state{background:radial-gradient(ellipse at 80% 0%,#f6cde399,transparent 50%),linear-gradient(130deg,#fffafddf,#ffe6f099);border:1px solid #fff;border-radius:25px;box-shadow:inset 0 2px 0 #fff,0 8px 0 #dcacc329,0 22px 50px #9b4c7120}.empty-state h3{font-family:'Bodoni Moda',serif;font-size:30px}.empty-mark{filter:drop-shadow(0 4px 2px #d59ab58a)}.story{margin:30px 4% 0;border-radius:30px;overflow:hidden;border:1px solid #fff;background:linear-gradient(130deg,#ffe7f399,#fff8fdbb);box-shadow:inset 0 1px 0 white,0 12px 40px #91436720}.story-image{margin:18px;border-radius:20px;box-shadow:0 8px 20px #7e375c26}.story-copy{padding:45px 9%}.story-copy h2{font-size:42px;line-height:1.3}.story-copy h2 em{display:block;line-height:1.15;margin-top:6px}.signature{font-family:'Great Vibes',cursive;font-size:38px}.service-section{gap:25px}.service-section>div{padding:28px;border:1px solid #fff;border-radius:22px;background:linear-gradient(140deg,#ffffffbf,#f8dce9a3);box-shadow:inset 0 2px 0 #fff,0 6px 0 #dfb9ce38,0 15px 25px #964b7314}.service-section h2{font-size:36px}.service-section h3{font-size:13px}.service-section a{font-size:11px}.service-section h2 em{font-size:1.4em}footer{background:linear-gradient(130deg,#e8b2cb,#f9e3ed 50%,#eac0d4);box-shadow:inset 0 2px 0 #fff8}.detail-dialog,.cart-dialog,.login-card,.editor{background:linear-gradient(130deg,#fffafbea,#fce4efee);backdrop-filter:blur(25px);border:1px solid #fff;border-radius:24px;box-shadow:inset 0 2px 0 white,0 10px 0 #dfb6c82e,0 30px 80px #62223f40}.close{border:1px solid #fff;background:linear-gradient(#fff9,#f2caddab);box-shadow:0 3px 0 #c991a95c}.size-options button{border:1px solid #fff;border-radius:7px;background:#fff9;box-shadow:0 3px 0 #d5a4bb5c}.size-options button.active{background:#f3c4dd;border:1px solid var(--rose)}.hero.entering .hero-copy{opacity:0;transform:translateY(-50%) scale(.95);transition:opacity .5s,transform .8s}.hero.entering .scene-caption{opacity:0}.hero.entering #scene canvas{filter:brightness(1.08);transition:filter .9s}
@media(min-width:1600px){.hero-copy{left:8%}}@media(max-width:1100px){.hero-copy{left:4%;width:46%;padding:35px 28px}.hero h1{font-size:46px}.hero-copy p{font-size:13px}.hero-actions{gap:14px}.hero-actions .button{font-size:12px;padding:14px 21px}.service-section{grid-template-columns:1fr 1fr;gap:20px}.service-section>div:first-child{grid-column:1/-1}.service-section h2 br{display:none}}@media(max-width:700px){header{height:82px}.brand{height:60px;width:60px}.header-actions{gap:10px}.icon-button{min-width:38px;min-height:38px;padding:7px}.icon-button svg{width:21px;height:21px}.announcement{font-size:7px;padding:9px 12px;letter-spacing:1.25px}.hero{height:calc(100svh - 121px);min-height:710px;max-height:930px}.hero-visual{height:100%;position:absolute}.hero-copy{width:90%;left:5%;top:28px;transform:none;padding:24px 21px 22px;border-radius:24px;text-align:center;background:linear-gradient(130deg,#fffaf8d6,#fff2f8a3);backdrop-filter:blur(12px)}.hero-copy .eyebrow{font-size:8px;letter-spacing:2.2px}.hero h1{font-size:38px;margin:17px 0 18px;letter-spacing:-1px}.hero h1 em{font-size:1.4em;line-height:1.1;margin-top:9px}.hero-copy p{font-size:12px;margin:auto;max-width:270px;line-height:1.8}.hero-actions{margin:22px 0 17px;gap:15px}.hero-actions .button{font-size:11px;min-height:46px;padding:12px 19px}.text-button{font-size:10px}.hero-note{font-size:7px;letter-spacing:1.1px}.hero-note .mini-line{width:20px}.hero-index{display:block;bottom:20px;left:6%;font-size:7px}.scene-caption{bottom:16px;right:5%;font-size:8px;padding:7px 10px;max-width:65%;gap:7px}.scene-caption>span{display:none}.scene-caption button{font-size:9px;border:0;padding:3px}.hero.entering .hero-copy{transform:translateY(-15px) scale(.95)}.values{padding:19px 6%;gap:14px}.values b{font-size:9px}.values span{font-size:19px}.section-heading h2{font-size:38px}.audience-tabs{margin-top:22px;gap:3px;padding:5px}.audience-tabs button{padding:10px 18px;font-size:12px}.search-sort{width:100%;padding:4px 8px}.search-sort select{width:113px;max-width:40%;font-size:10px}.product-grid{gap:23px 13px}.product-card{padding:8px 8px 14px;border-radius:17px}.product-card h3{font-size:11px;padding:0 2px}.product-card .price{font-size:12px}.product-card .meta{font-size:10px}.product-card .text-button{font-size:10px}.product-photo{border-radius:11px}.favorite{height:31px;width:31px;right:7px;top:7px;font-size:19px}.badge{font-size:9px;left:7px;bottom:7px;padding:3px 5px}.empty-state{padding:35px 20px}.empty-state h3{font-size:25px;line-height:1.4}.empty-state p{font-size:12px}.story{margin:0 4%;border-radius:22px}.story-image{height:410px;margin:12px}.story-copy{padding:25px 8% 35px}.story-copy h2{font-size:34px}.story-copy p{font-size:13px}.story-copy .button{font-size:11px;padding:13px 17px}.service-section{grid-template-columns:1fr;gap:20px;padding:45px 6%}.service-section>div:first-child{grid-column:auto}.service-section>div{padding:25px}.service-section h2{font-size:32px}.payment-title span{font-size:11px}}