:root{--blue:#173b96;--pink:#bd648a;--ink:#41323d;--muted:#8b7783;--line:#efdee6}html{scroll-behavior:smooth;scroll-padding-top:105px}body{background:#fcf2f6}header{background:#fff9fcee;backdrop-filter:blur(18px);border-bottom-color:#f0dce7}.demo{background:#f0d9e5;color:#855369;letter-spacing:1px}.nav{height:85px}.brand{width:144px;height:60px;mix-blend-mode:multiply}.links>a{font-size:13px;color:#876077}.btn{border-radius:30px;background:var(--pink);box-shadow:0 5px 12px #ac527822;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#a24b73}.light{background:#f8e5ee;color:#9d4f74;box-shadow:inset 0 0 0 1px #ebcedd}.pink{background:#bd648a}.hero{gap:45px;padding:34px 0 28px}.eyebrow{color:#aa577d;font-size:10px;letter-spacing:2px}h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(38px,4.4vw,59px);line-height:1.12;letter-spacing:-1.9px;margin-top:13px}h1 em{color:var(--pink);font-style:italic}.hero p{font-size:15px;line-height:1.85}.heroart{height:345px;background:radial-gradient(ellipse at 70% 20%,#fff 0%,#f6dfeb 55%,#eac3d7 100%);border:1px solid #eed1e0;border-radius:110px 110px 28px 28px;box-shadow:0 16px 40px #a7587a12;overflow:visible;display:flex;align-items:center;justify-content:center}.heroart:before{content:'✧';position:absolute;right:23px;top:15px;font-size:55px;color:#b66c91}.heroart:after{content:'✦';position:absolute;left:23px;bottom:55px;font-size:30px;color:#c67e9e}.heroart img{width:76%;height:80%;object-fit:contain;background:transparent;border-radius:12px;transform:rotate(-5deg);box-shadow:0 12px 25px #6b3c5826}.tag{left:auto;bottom:-10px;right:20px;transform:rotate(3deg);background:#fffafd;box-shadow:0 5px 15px #92587718;color:#a0597b;padding:10px 20px;border:1px solid #efd9e5;border-radius:30px;font-family:Georgia,serif;font-size:14px}.benefits{gap:19px;color:#987187;font-size:11px}.catalog{border-top:0;padding-top:40px}.catalog>.row{align-items:center}.catalog h2,.process h3,dialog h2{font-family:Georgia,serif;font-weight:500}h2{font-size:36px;letter-spacing:-1px}.search{background:#fffafc;border-color:#efdee7;border-radius:30px;padding:14px 22px;box-shadow:0 3px 9px #a5739010}.search:focus{outline:2px solid #c27799;outline-offset:3px}.filters{gap:10px;margin:25px 0}.chip{background:#fffafc;border-color:#efdde6;border-radius:30px;color:#8d6b7e;box-shadow:0 2px 5px #8a46680a}.chip.active{background:var(--pink);border-color:var(--pink);box-shadow:0 5px 10px #b7648b25}.grid{gap:23px}.card{border:1px solid #f1e3e9;border-radius:25px;box-shadow:0 4px 0 #eedbe650,0 10px 25px #a7688810;display:flex;flex-direction:column}.card>button{background:#faf4f7;padding:10px!important}.photo{height:265px;object-fit:contain;background:#faf4f7;border-radius:17px}.body{padding:18px;display:flex;flex-direction:column;flex:1}.cat{font-size:9px;color:#ae6889;letter-spacing:1.4px}.card h3{font-size:15px;line-height:1.55;min-height:47px;font-weight:650}.card p{line-height:1.75;font-size:12px;margin-top:0}.price{color:var(--pink);font-size:22px;line-height:1.25;margin-top:auto;padding-top:14px}.card .btn{background:#bf688d;color:white;box-shadow:0 4px 10px #bc688d18}.optionhint{display:flex;gap:5px;flex-wrap:wrap;min-height:31px;margin:0 0 14px}.optionhint span{border:1px solid #ecd5e0;background:#fff7fb;color:#916378;border-radius:15px;padding:3px 8px;font-size:9px}.process{position:relative;background:#f5dfE9;border:1px solid #e8bdcf;padding:32px;border-radius:25px;box-shadow:0 6px 0 #edcfdd55;margin-top:14px}.process>div{background:#fff6fb80;border:1px dashed #cf96b1;border-radius:17px;padding:23px}.step{color:#af5c80;letter-spacing:1px;font-size:10px}.process h3{font-size:23px;line-height:1.2;margin:13px 0}.process p{line-height:1.8}.social{border-radius:26px;background:linear-gradient(120deg,#f0d6e4,#fbeaf3);padding:35px;text-align:center;margin:0 0 45px;border:1px solid #efd7e3}.social h2{font-family:Georgia,serif;margin:8px 0;font-weight:500}.social p{font-size:14px}.payments{display:flex;justify-content:center;gap:10px;margin:20px 0}.payments span{border:1px solid #e4bfd0;background:#fff5fa;padding:6px 15px;border-radius:25px;font-size:12px;color:#9c6a82}.social a{background:#e2f7ec;color:#267858;border:1px solid #a6dec0;box-shadow:none}.social a:hover{background:#c8eedb}footer{border-color:#e9d4df;background:#f6e6ef;padding:25px 0;font-size:11px;color:#a17c90}dialog{background:#fff9fc;border:1px solid #eed5e2;border-radius:25px;box-shadow:0 25px 80px #6f365639}.close{background:#f5e5ee;color:#a75c81}.detail img{background:#f4eaf0}.notice{background:#f6e7ef;color:#957386}select,textarea,.input{border-color:#e9cbdc;background:white}.total{color:var(--pink)}.cartline{border-color:#edd9e3}.qty button{background:#f1d7e5;color:#a25e7e}.brand:hover{opacity:.8}@media(min-width:900px){.wrap{max-width:1180px}.hero>div:first-child{padding-left:10px}}@media(max-width:800px){.heroart{height:300px}.photo{height:280px}.benefits{flex-wrap:wrap;gap:8px 18px}.process{gap:13px;padding:18px}.process>div{padding:17px}}@media(max-width:550px){.nav{height:75px}.brand{height:51px;width:125px}.hero{gap:25px;padding:27px 0 25px;text-align:center}.hero>div:first-child{padding:0 8px}.hero p{font-size:14px;margin:15px auto}h1{font-size:40px;margin-bottom:10px}.heroart{height:245px;width:88%;margin:0 auto;border-radius:85px 85px 24px 24px}.heroart img{height:83%;width:75%}.heroart:before{font-size:40px;right:10px}.heroart:after{left:10px;font-size:22px}.tag{font-size:12px;right:-8px;padding:8px 13px}.benefits{justify-content:center;margin-top:2px;padding-top:15px;gap:7px 12px;font-size:10px}.catalog{padding:30px 0 38px}.catalog>.row{align-items:stretch;text-align:center;gap:20px}.catalog h2{font-size:31px}.catalog .eyebrow:before{content:'✦ ✧ ✦';display:block;font-size:18px;margin-bottom:10px;color:#c384a1}.filters{justify-content:center}.grid{gap:13px}.card{border-radius:20px}.card>button{padding:6px!important}.photo{height:220px;border-radius:15px}.body{padding:12px}.card h3{font-size:13px;line-height:1.5;min-height:59px}.card p{font-size:11px;min-height:56px}.price{font-size:20px}.card .btn{font-size:11px;padding:10px 7px}.optionhint span{font-size:8px;padding:2px 5px}.optionhint{gap:3px;min-height:46px}.process{margin-bottom:30px;grid-template-columns:1fr;padding:16px;gap:13px}.process>div{padding:18px}.process h3{font-size:23px}.social{padding:25px 18px;margin-bottom:30px}.social h2{font-size:27px}.payments{gap:7px}.payments span{padding:5px 11px;font-size:11px}.demo{font-size:9px}.detail img{max-height:260px}.card:hover{transform:none}}
/* Keep option badges compact within equal-height product cards. */
.optionhint{align-items:flex-start;align-content:flex-start;flex-shrink:0}
.optionhint span{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;flex:0 0 auto;height:auto;min-height:0;line-height:1.4;white-space:nowrap}
