:root{--ink:#36213b;--plum:#653a70;--pink:#f5e7ef;--paper:#fffdfd;--line:#dccbdc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Anuphan,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a:hover{text-decoration:underline}img{width:100%;object-fit:cover;display:block}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}header{position:sticky;top:0;z-index:5;background:#fffdfdf5;backdrop-filter:blur(12px);transition:opacity .25s,transform .25s;border-bottom:1px solid var(--line)}header.faded{opacity:0;transform:translateY(-100%);pointer-events:none}header:focus-within{opacity:1;transform:none;pointer-events:auto}.headerrow{display:flex;align-items:center;justify-content:space-between;padding-block:16px}.brand{font-size:38px;font-weight:600;line-height:1.1}.brand span{display:block;font-size:12px;font-weight:400;margin-top:8px}nav{display:flex;gap:36px;padding-block:10px;overflow-x:auto;white-space:nowrap}nav a{font-size:14px;padding:6px 0}nav a[aria-current]{border-bottom:2px solid var(--plum);font-weight:600}.cartopen{background:none;border:1px solid var(--line);border-radius:30px;padding:9px 18px}#count{background:var(--plum);color:white;border-radius:50%;display:inline-block;min-width:24px;margin-left:6px}.hero{display:grid;grid-template-columns:.85fr 1.3fr;gap:50px;padding-block:54px 70px;align-items:center}.tag{font-size:14px;color:var(--plum)}h1{font-size:clamp(38px,5vw,68px);font-weight:500;line-height:1.2;letter-spacing:-2px;margin:24px 0}h2{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.4;margin:0 0 24px}h3{font-size:21px;font-weight:500;line-height:1.5}p{max-width:72ch}.eight{line-height:1.9;color:#705f72;margin-block:24px 30px}.button{display:inline-block;background:var(--plum);color:#fff;border:none;border-radius:30px;padding:13px 26px;text-align:center}.herophotos{display:grid;grid-template-columns:1fr 1fr;gap:16px}.herophotos figure{margin:0;position:relative}.herophotos img{height:260px;border-radius:90px 90px 6px 6px}.herophotos figure:nth-child(even){transform:translateY(28px)}.herophotos figcaption{position:absolute;bottom:10px;left:12px;color:#fff;background:#36213bb0;padding:3px 12px;border-radius:20px;font-size:12px}.section{padding-block:64px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split>img{height:510px;border-radius:8px 140px 8px 8px}.textlink{display:inline-block;border-bottom:1px solid;margin-top:12px}.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.reasons>div{border-top:2px solid var(--line)}.promo{background:var(--plum);color:white;padding:50px;border-radius:8px 70px 8px 8px;display:flex;gap:30px;align-items:center;justify-content:space-between}.promo h2{margin-top:12px}.light{background:#fff;color:var(--plum);flex-shrink:0}.articles{display:grid;gap:12px}details{padding:22px 28px;background:var(--pink);border-radius:8px}summary{cursor:pointer;font-size:21px}.reviews{text-align:center;background:#f6f0f7;padding:55px;border-radius:120px 120px 12px 12px}.reviews p{margin-inline:auto}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.service{background:white;border-bottom:1px solid var(--line)}.service>img{height:300px;border-radius:80px 8px 8px 8px}.service>div{padding:16px 3px 24px}.service h3{margin:8px 0}.service p{font-size:14px;color:#756578;min-height:50px}.price{display:flex;align-items:center;justify-content:space-between;font-weight:600}.add{border:0;border-radius:50%;background:var(--pink);color:var(--plum);width:44px;height:44px;font-size:26px}.note{font-size:13px;color:#77677b}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.contactgrid a{display:inline-block;padding-block:5px}iframe{width:100%;height:410px;border:0;border-radius:10px}footer{background:#eee3f0;padding-block:50px 20px;margin-top:50px}.footergrid{display:grid;grid-template-columns:.7fr 1.6fr .5fr;gap:32px}.footnote{font-size:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:35px}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100%);height:100dvh;max-height:100dvh;border:0;padding:28px;color:var(--ink);overflow:auto}dialog::backdrop{background:#24192e80}.drawerhead{display:flex;justify-content:space-between;gap:20px}.drawerhead button{border:0;background:none;font-size:30px}.cartitem{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.cartitem button,#clearcart{background:none;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:4px 12px}dialog .button{display:block;margin-top:16px;width:100%}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:8;background:var(--plum);color:white;border-radius:25px;padding:12px 24px;display:none}.skip{position:fixed;top:-100px;background:white;z-index:10}.skip:focus{top:0}:focus-visible{outline:3px solid #b66bc3;outline-offset:4px}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero{gap:25px}.herophotos img{height:220px}.split{gap:30px}.catalog{gap:20px}.service>img{height:240px}.promo{padding:35px;display:block}.reasons{gap:20px}nav{gap:26px}.footergrid{grid-template-columns:1fr 2fr}.contactgrid{gap:25px}}@media(max-width:600px){.wrap{width:calc(100% - 32px)}.headerrow{padding-block:12px}.brand{font-size:30px}nav{gap:22px;padding-block:5px}nav a{font-size:13px}.cartopen{font-size:12px;padding:8px 12px}.hero{grid-template-columns:1fr;padding-block:32px 45px;gap:15px}h1{font-size:48px}.herotext .eight{font-size:15px}.herophotos{gap:12px}.herophotos img{height:230px}.section{padding-block:38px}.split,.contactgrid{grid-template-columns:1fr;gap:28px}.split>img{height:350px}.reasons{grid-template-columns:1fr;gap:8px}.catalog{grid-template-columns:repeat(2,1fr);gap:25px 16px}.service>img{height:200px;border-radius:45px 5px 5px}.service h3{font-size:18px}.service p{font-size:13px;min-height:70px}.price{font-size:12px}.add{width:35px;height:35px}.promo{padding:32px 24px}.reviews{padding:40px 24px}.footergrid{grid-template-columns:1fr;gap:20px}.sectionhead{display:block}iframe{height:320px}details{padding:18px}summary{font-size:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
