/* ห้างทองทวีชัย ๙ · เว็บไซต์ร้าน — ตามดีไซน์ TWC9 Website v3 + WEB 03b รอบ 3b (IBM Plex Sans Thai + Inter · แดงจากโลโก้ #D8001F · พื้นเข้ม #3A0008→#5C0010 · ทอง #E6C98C/#F8F0B8) */
:root{--bg:#f6f1e7;--bg2:#fbf8f2;--bg3:#efe6d4;--bg4:#f1ebdf;--ink:#231c17;--ink2:#4f453c;--ink3:#3a3029;--line:#e3d8c6;--line2:#d9caa9;
--red:#d8001f;--red2:#a3001a;--dk0:#3a0008;--dk1:#5c0010;--gold:#e6c98c;--cream:#f8f0b8;--goldt:#7d5f2c;--goldl:#b08d57;--md:#c9bfae;--md2:#b3a898;--onDk:#efe6d4;
--f:'IBM Plex Sans Thai','Inter','Noto Sans Myanmar',system-ui,sans-serif;--fh:'IBM Plex Sans Thai','Inter','Noto Sans Myanmar',system-ui,sans-serif;--fn:'Inter','IBM Plex Sans Thai',system-ui,sans-serif;
--pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' fill='none' stroke='%23c9a96a' stroke-width='.8'%3E%3Ccircle cx='48' cy='48' r='20'/%3E%3Ccircle cx='48' cy='48' r='15'/%3E%3Cpath d='M48 33v30M33 48h30M37.4 37.4l21.2 21.2M58.6 37.4 37.4 58.6'/%3E%3Cpath d='M0 0l12 12M96 0 84 12M0 96l12-12M96 96 84 84M48 0v8M48 88v8M0 48h8M88 48h8'/%3E%3C/svg%3E");--gut:clamp(16px,4vw,48px);--r:6px}
.l-my{--f:'Noto Sans Myanmar','IBM Plex Sans Thai','Inter',system-ui,sans-serif;--fh:'Noto Sans Myanmar','IBM Plex Sans Thai','Inter',system-ui,sans-serif}
[hidden]{display:none!important}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16.5px;line-height:1.65;overflow-x:hidden}
.l-my body{line-height:1.85}
a{color:var(--red)}a:hover{color:var(--red2)}img,svg{max-width:100%}button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--fh);font-weight:600;line-height:1.25;letter-spacing:-.3px;margin:0;text-wrap:balance}
.l-my h1,.l-my h2,.l-my h3{letter-spacing:0;line-height:1.5}
p{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--gut)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--r)}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.ic{width:20px;height:20px;flex-shrink:0}.ic-s{width:16px;height:16px;vertical-align:-3px}
/* header */
.hd{position:sticky;top:0;z-index:40;background:rgba(246,241,231,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:14px;min-height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;flex-shrink:1;min-height:48px}
.brand img{width:48px;height:48px;border-radius:50%}
.brand span{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.brand b{font-family:var(--fh);font-size:20px;font-weight:600;color:var(--red);white-space:nowrap}
.brand small{font-size:13.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-top{display:flex;gap:2px;flex:1;justify-content:center;flex-wrap:wrap}
.nav-top a{min-height:44px;padding:0 12px;border-radius:var(--r);display:flex;align-items:center;font-size:15px;font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap}
.nav-top a:hover,.nav-top a[aria-current]{background:var(--bg3);color:var(--red)}
.langs{display:flex;gap:2px;background:var(--bg4);border-radius:var(--r);padding:3px;flex-shrink:0}
.langs a{min-height:44px;min-width:44px;padding:0 12px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--ink);text-decoration:none}
.langs a[aria-current]{background:var(--dk0);color:#fff}
.mnav{display:none}
.mnav summary{list-style:none;width:48px;height:48px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);display:flex;align-items:center;justify-content:center;cursor:pointer}
.mnav summary::-webkit-details-marker{display:none}.mnav summary .ic{width:22px;height:22px}
.mnav[open] summary{position:relative;z-index:62}
.mnav[open]::before{content:"";position:fixed;inset:0;background:rgba(42,35,32,.5);z-index:60}
.mnav-sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;background:var(--bg2);border-radius:12px 12px 0 0;padding:18px 16px calc(26px + env(safe-area-inset-bottom));max-height:85vh;overflow-y:auto}
.mnav-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mnav-h b{flex:1;font-size:19px}
.mnav-sheet nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mnav-sheet nav a{min-height:52px;padding:6px 14px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg2);display:flex;align-items:center;font-weight:700;color:var(--ink);text-decoration:none;line-height:1.3}
.mnav-sheet nav a[aria-current]{border-color:var(--red);color:var(--red)}
@media (max-width:1059px){.nav-top{display:none}.hd-in{justify-content:space-between}}
@media (max-width:1059px) and (min-width:760px){.hd .langs{margin-left:auto}.mnav{display:block}}
@media (max-width:759px){.hd .hd-in>.langs{display:none}.mnav{display:block}.brand b{font-size:18px}}
/* kickers: ไทย/พม่าไม่เว้นระยะตัวอักษร · อังกฤษ 2px */
.kick{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:600;color:var(--goldt);margin-bottom:14px}
.kick i{width:36px;height:1px;background:var(--goldl);flex-shrink:0}.kick span{min-width:0}
.kick-d{color:var(--gold)}.kick-d i{background:var(--gold)}
.l-en .kick{letter-spacing:2px;text-transform:uppercase}
.lead{font-size:clamp(17px,1.6vw,19px);color:var(--ink2);line-height:1.75;max-width:720px}
.note{font-size:14px;color:var(--ink2);margin-top:10px}
.tag-s{display:inline-block;font-size:13.5px;font-weight:600;border:1px solid rgba(230,201,140,.55);color:var(--gold);background:rgba(58,0,8,.55);border-radius:4px;padding:1px 8px;line-height:1.5}
.await{display:inline-block;font-size:13.5px;font-weight:700;background:#fff3cf;color:#7a4b00;border:1px dashed #c99a2e;border-radius:4px;padding:0 6px;line-height:1.6}
.pend{font-size:15px;color:var(--ink2);background:var(--bg2);border:1px dashed var(--line2);border-radius:var(--r);padding:10px 14px;margin:0 0 16px}
.pend .tag-s{background:var(--dk0)}
.langnote{font-size:14px;color:var(--goldt);padding-top:10px}
/* buttons */
.btn{min-height:52px;padding:0 22px;border-radius:var(--r);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16.5px;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent;white-space:nowrap;background:none;line-height:1.2}
.btn-r{background:var(--red);color:#fff}.btn-r:hover{background:var(--red2);color:#fff}
.btn-d{background:var(--dk0);color:#fff}.btn-d:hover{background:var(--dk1);color:#fff}
.btn-o{border-color:rgba(230,201,140,.5);color:var(--gold)}.btn-o:hover{background:rgba(230,201,140,.12);color:var(--cream)}
.btn-ol{border-color:rgba(243,236,221,.6);color:var(--cream)}.btn-ol:hover{color:#fff;background:rgba(255,255,255,.08)}
.btn-o2{border-color:var(--ink);color:var(--ink)}.btn-o2:hover{background:var(--bg3);color:var(--ink)}
.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.btns-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.btns-3 .btn{flex-direction:column;min-height:72px;gap:4px;white-space:normal;text-align:center;padding:8px}
.lnk{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;color:var(--red);text-decoration:none;border-bottom:1px solid var(--red);align-self:flex-start}
.linkbtn{background:none;border:0;padding:0;cursor:pointer;text-align:left}
/* hero */
.hero{position:relative;height:max(520px,min(82vh,calc(46vw + 200px)));overflow:hidden;background:var(--dk0);color:var(--cream)}
.hero picture,.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.js .hero-img{animation:twZoom 26s ease-out both}
@keyframes twZoom{from{transform:scale(1.1)}to{transform:scale(1)}}
.hero-sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(58,0,8,.55) 0%,rgba(58,0,8,.1) 30%,rgba(58,0,8,.5) 58%,rgba(58,0,8,.92) 90%),linear-gradient(90deg,rgba(58,0,8,.75) 0%,rgba(58,0,8,0) 65%)}
.hero-in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding-bottom:clamp(32px,6vw,88px)}
.hero h1{font-size:clamp(44px,7.4vw,104px);line-height:1.18;color:var(--cream);letter-spacing:-.5px}
.hero p{font-size:clamp(17px,1.6vw,21px);line-height:1.7;color:#e6dccb;max-width:620px}
.hero .btns{margin-top:4px}
.hero-tag{position:absolute;right:var(--gut);top:16px;font-size:13.5px;color:var(--gold);border:1px solid rgba(230,201,140,.4);border-radius:4px;padding:1px 8px;background:rgba(58,0,8,.5)}
@media (max-width:759px){.hero{height:clamp(280px,44vh,360px)}.hero h1{font-size:clamp(38px,11vw,52px)}.hero p{font-size:16.5px}.hero .btns .btn{min-height:48px;padding:0 16px}}
/* price board */
.board{position:relative;background:linear-gradient(180deg,var(--dk0),var(--dk1));color:var(--onDk);padding:clamp(28px,5vw,72px) 0 clamp(40px,7vw,104px);overflow:hidden}
.board::before{content:"";position:absolute;inset:0;background-image:var(--pat);background-size:96px;opacity:.09;pointer-events:none}
.board-c{padding:clamp(24px,4vw,48px) 0}
.bd-in{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(20px,4vw,64px);align-items:end}
.bd-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.bd-side h2{font-size:clamp(32px,3.4vw,48px);color:var(--cream)}
.bd-side .kick{margin:0}
.bd-round{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--md);flex-wrap:wrap}
.dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0}
.js .dot{animation:twLive 1.6s infinite}@keyframes twLive{50%{opacity:.35}}
.bd-msg{border-left:2px solid var(--gold);padding:6px 12px;font-size:15px;color:var(--onDk)}
.bd-tabs{display:flex;gap:8px;flex-wrap:wrap}
.bd-tabs button{min-height:44px;padding:0 16px;border-radius:4px;border:1px solid rgba(230,201,140,.35);background:none;color:var(--onDk);font-size:15px;font-weight:600;cursor:pointer}
.bd-tabs button[aria-selected=true]{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}
.nojs .bd-tabs{display:none}
.bd-rounds{display:flex;gap:6px;flex-wrap:wrap}
.bd-rounds button{min-height:48px;padding:4px 14px;border-radius:4px;border:0;background:none;color:var(--md);display:flex;flex-direction:column;justify-content:center;cursor:pointer;font-size:15px;line-height:1.3}
.bd-rounds button b{font-weight:700}.bd-rounds button small{font-size:13.5px;opacity:.9}
.bd-rounds button[aria-pressed=true]{background:rgba(230,201,140,.16);color:var(--cream);box-shadow:inset 0 -2px 0 var(--gold)}
.bd-view{font-size:15px;color:var(--cream);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bd-view button{min-height:44px;background:none;border:0;border-bottom:1px solid var(--gold);color:var(--gold);font-weight:700;cursor:pointer;padding:0 4px}
.bd-main{display:flex;flex-direction:column;min-width:0;border-top:1px solid rgba(230,201,140,.35)}
.bd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(230,201,140,.2)}
.bd-l{display:flex;flex-direction:column;min-width:0}.bd-l b{font-size:17px;font-weight:600}.bd-l small{font-size:13.5px;color:var(--md2)}
.bd-n{font-family:var(--fn);font-size:clamp(44px,6.2vw,76px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:-1px;color:var(--gold);white-space:nowrap}
.flip{display:inline-flex;align-items:flex-end}
.flip .col{display:inline-block;height:1.15em;overflow:hidden;position:relative}
.flip .strip{display:flex;flex-direction:column;transition:transform .55s cubic-bezier(.2,.7,.2,1);will-change:transform}
.flip .strip span{height:1.15em;display:block;text-align:center}
.bd-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:16px}
.bd-foot .sp{flex:1}.bd-foot .btn{min-height:48px;padding:0 16px;font-size:15px}
.chg{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;padding:4px 12px;border-radius:4px;background:rgba(255,255,255,.08);color:var(--onDk)}
.chg.up{background:rgba(230,201,140,.16);color:var(--gold)}.chg.dn{background:rgba(243,236,221,.12);color:var(--cream)}
.chg:empty{display:none}
.bd-day{font-size:15px;color:var(--md)}
.bd-note{font-size:13.5px;color:var(--md2);padding-top:12px;line-height:1.7}
.bd-world{margin-top:10px;font-size:14px;color:var(--md)}
.bd-world summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--gold);font-weight:600}
.bd-world div{display:flex;gap:16px;flex-wrap:wrap;align-items:baseline}.bd-world b{color:var(--cream);font-family:var(--fn)}
@media (max-width:759px){.bd-n{font-size:clamp(40px,12vw,56px)}.bd-foot .btn{flex:1 1 auto}}
/* shortcuts */
.scuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-bottom:1px solid var(--line);padding-top:0;padding-bottom:0}
.scuts a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 6px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;text-align:center;line-height:1.35;min-height:44px;border-right:1px solid var(--line)}
.scuts a:last-child{border-right:0}.scuts a .ic{color:var(--red);width:24px;height:24px}.scuts a:hover{background:var(--bg2);color:var(--red)}
@media (max-width:759px){.scuts{grid-template-columns:repeat(3,minmax(0,1fr))}.scuts a:nth-child(3){border-right:0}.scuts a:nth-child(-n+3){border-bottom:1px solid var(--line)}}
/* sections */
.sec{padding:clamp(56px,9vw,136px) 0}
.sec-a{padding-bottom:0;padding-top:clamp(48px,7vw,104px)}
.sec-b{background:var(--bg2)}.sec-c{background:var(--bg3);position:relative;overflow:hidden}
.sec-d{background:var(--dk0);color:var(--onDk);position:relative;overflow:hidden}.sec-d::before{content:"";position:absolute;inset:0;background-image:var(--pat);background-size:96px;opacity:.07}
.sec-d h2{color:var(--cream)}.sec-d .lead{color:#d6ccba}
.sec h2{font-size:clamp(32px,3.6vw,52px)}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.divider{height:24px;background-image:var(--pat);background-size:24px;background-repeat:repeat-x;background-position:center;opacity:.55}
.prs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(24px,3vw,48px)}
.pr{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:2px solid var(--red)}
.pr-ic{width:34px;height:34px;color:var(--red)}.pr b{font-family:var(--fh);font-size:21px;font-weight:600;line-height:1.4}.pr p{font-size:16.5px;font-weight:500;color:var(--ink3);line-height:1.75}
.pr a{font-weight:700;text-decoration:none;display:inline-flex;gap:6px;align-items:center;min-height:44px}.pr a .ic{width:16px;height:16px}
/* featured magazine grid */
.feat{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:300px 300px;gap:16px}
.feat .pc:first-child{grid-row:span 2}.feat .pc:nth-child(4){grid-column:span 2}.feat .pc:nth-child(5){display:none}
.feat .pc{background:var(--dk0);border:0;position:relative;border-radius:4px}
.feat .pc-img{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.feat .pc-b{position:absolute;left:0;right:0;bottom:0;padding:56px 20px 18px;background:linear-gradient(180deg,rgba(58,0,8,0),rgba(58,0,8,.92));color:var(--cream)}
.feat .pc-b b{font-family:var(--fh);font-size:21px;font-weight:600}.feat .pc-b span{color:#e6dccb}.feat .pc-fee{color:#e6dccb!important}.feat .pc-est{color:var(--gold)}
@media (max-width:759px){.feat{grid-template-columns:none;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gut));padding:0 var(--gut) 8px}
.feat .pc{aspect-ratio:4/5;scroll-snap-align:start;grid-row:auto!important;grid-column:auto!important}.feat .pc:nth-child(5){display:block}}
/* alternating services */
.alts{display:flex;flex-direction:column;gap:clamp(56px,7vw,112px)}
.alt{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(28px,5vw,80px);align-items:center}
.alt-img{position:relative;aspect-ratio:5/4;border-radius:4px;overflow:hidden;background:var(--dk0)}
.alt-img .art{position:absolute;inset:0;width:100%;height:100%}.alt-img .tag-s{position:absolute;left:12px;bottom:12px}
.alt-t{display:flex;flex-direction:column;gap:14px;min-width:0}
.alt-no{font-size:15px;font-weight:600;color:var(--goldt)}.alt h3{font-size:clamp(28px,2.8vw,40px)}.alt p{font-size:17px;color:var(--ink2);line-height:1.8;max-width:560px}
.alt ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.alt li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink3)}.alt li span{font-family:var(--fh);color:#9a7a42;font-weight:600;min-width:20px}
@media (min-width:760px){.alt-r .alt-img{order:2}}
/* story */
.story-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,5vw,80px);align-items:center}
.story-img{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ph{position:relative;aspect-ratio:3/4;border-radius:4px;overflow:hidden;background:linear-gradient(160deg,var(--dk1),var(--dk0));display:flex;align-items:center;justify-content:center}
.ph::before{content:"";position:absolute;inset:0;background-image:var(--pat);background-size:64px;opacity:.12}
.ph img{width:42%;opacity:.85;position:relative}.ph .tag-s{position:absolute;left:10px;bottom:10px;right:10px;text-align:center}
.ph-old{filter:sepia(.4)}.ph-new{margin-top:48px}
.tl{list-style:none;margin:18px 0;padding:0 0 0 20px;border-left:1px solid var(--goldl)}
.tl li{position:relative;display:flex;gap:16px;padding:0 0 18px}.tl li::before{content:"";position:absolute;left:-26px;top:9px;width:11px;height:11px;border-radius:50%;background:var(--bg3);border:1px solid #9a7a42}
.tl b{font-family:var(--fh);font-weight:600;font-size:19px;color:var(--goldt);min-width:64px}
.card .tl li::before{background:var(--bg2)}
/* reviews */
.rating{display:flex;align-items:baseline;gap:12px}.rating b{font-size:clamp(56px,6vw,80px);font-family:var(--fh);font-weight:600;line-height:1}.rating i{font-style:normal;color:var(--red);letter-spacing:3px;display:block}
.revs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(20px,3vw,40px)}
.revs blockquote{margin:0;padding-top:20px;border-top:1px solid var(--line2)}.revs p{font-family:var(--fh);font-size:19px}.revs cite{font-style:normal;font-size:15px;color:var(--ink2)}
/* app */
.app-in{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(32px,5vw,80px);align-items:center}
.checks{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.checks li{display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid rgba(230,201,140,.2);font-size:16px}.checks .ic{color:var(--gold);width:18px;height:18px}
.checks-l li{border-color:var(--line)}.checks-l .ic{color:var(--goldt)}
.phone{display:flex;justify-content:center}
.phone-in{width:min(300px,72vw);aspect-ratio:9/19;border-radius:38px;padding:10px;background:#2a0006;box-shadow:0 40px 80px -40px rgba(0,0,0,.8),inset 0 0 0 1px rgba(230,201,140,.3)}
.am{position:relative;height:100%;border-radius:30px;overflow:hidden;background:var(--bg2);color:var(--ink);padding:18px 14px;display:flex;flex-direction:column;gap:10px}
.am-h{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.am-h img{border-radius:50%}.am-h b{font-size:15px;color:var(--red)}
.am-r{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:14px;font-weight:600}.am-r i{width:26px;height:26px;border-radius:8px;background:var(--bg3);flex-shrink:0}
.am .tag-s{position:absolute;left:14px;bottom:14px}
/* visit / map */
.visit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,5vw,72px);align-items:stretch}
.visit h2{margin-bottom:14px}.visit p{color:var(--ink2);margin-top:8px}.addr{font-weight:600;color:var(--ink)!important}
.map{position:relative;min-height:340px;border-radius:4px;overflow:hidden;background:#d9cfbd}
.map-l{min-height:300px}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-ph{position:absolute;inset:0;width:100%;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ink2);text-decoration:none;
background:repeating-linear-gradient(45deg,#fff 0 14px,var(--bg4) 14px 28px)}
.map-ph .ic{width:40px;height:40px;color:var(--red)}.map-ph span{font-weight:700;font-size:16.5px;color:var(--ink)}.map-ph small{font-size:13.5px}
.open{display:flex;align-items:center;gap:12px;margin:6px 0}.open i{width:14px;height:14px;border-radius:50%;background:#7d5f2c;box-shadow:0 0 0 4px rgba(176,141,87,.18)}
.open.cl i{background:#b3261e;box-shadow:0 0 0 4px rgba(179,38,30,.18)}.open b{font-family:var(--fh);font-size:22px;font-weight:600}
/* reveal: ซ่อนเฉพาะเมื่อ JS ทำงาน + ยังไม่เห็นในจอ (ห้ามซ่อนเป็นค่าเริ่มต้น) · ≤0.4s · ลดการเคลื่อนไหว = ปิด */
.rv-wait{opacity:0;transform:translateY(14px)}
.rv-go{transition:opacity .35s ease-out,transform .35s ease-out}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv-wait{opacity:1;transform:none}}
/* inner pages */
.pg{padding-top:clamp(28px,5vw,64px);padding-bottom:clamp(56px,8vw,120px)}
.pg-2{padding-top:clamp(24px,4vw,48px)}.pg-n{max-width:880px}
.ph-h{margin-bottom:22px}.ph-h h1{font-size:clamp(32px,4.2vw,56px);font-weight:700}.ph-h .lead{margin-top:8px}
.crumb{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700;color:var(--ink2);text-decoration:none;margin-bottom:4px}
.card{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:clamp(16px,2vw,22px);min-width:0}
.card h2{font-size:clamp(20px,2vw,24px);margin-bottom:10px}.card h3{font-size:18px;margin-bottom:6px}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.card-h h2{margin:0}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;margin-bottom:16px}
.stack{display:flex;flex-direction:column;gap:12px}
.h3{font-size:21px;margin:28px 0 8px}
.dots{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.dots li::marker{color:var(--red)}.dots .sub{margin-left:18px;list-style:circle}
.kv{display:flex;justify-content:space-between;gap:12px;min-height:44px;align-items:center;border-bottom:1px solid var(--line);font-size:16px}
.kv span{color:var(--ink2)}.kv b{text-align:right;font-variant-numeric:tabular-nums}
.kv-tot b{font-family:var(--fn);font-size:28px;color:var(--red)}
.seg{display:inline-flex;gap:3px;background:var(--bg4);border-radius:var(--r);padding:3px;flex-wrap:wrap}
.seg button{min-height:44px;padding:0 14px;border:0;border-radius:5px;background:none;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer}
.seg button[aria-pressed=true]{background:var(--dk0);color:#fff}
/* price table / cards */
.rtab{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tbl th,.tbl td{padding:10px 8px;text-align:right;border-bottom:1px solid var(--line);font-size:16px;white-space:nowrap}
.tbl th:first-child,.tbl td:first-child{text-align:left}
.tbl thead th{font-size:13.5px;color:var(--ink2);font-weight:700}
.tbl tr.last td{color:var(--red);background:var(--bg3);font-weight:700}
.tbl-r th,.tbl-r td{text-align:left;white-space:normal}
.tw{overflow-x:auto}
.rcards{display:none}
@media (max-width:759px){.rtab .tbl{display:none}.rcards{display:flex;flex-direction:column;gap:8px}
.rc{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff}.rc.last{border-color:var(--red)}
.rc-h{display:flex;justify-content:space-between;font-weight:700;margin-bottom:4px}.rc-g{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:15px}
.rc-g span{color:var(--ink2)}.rc-g b{text-align:right;font-family:var(--fn);font-variant-numeric:tabular-nums}
.tbl-r thead{display:none}.tbl-r tr{display:block;border:1px solid var(--line);border-radius:6px;padding:8px 12px;margin-bottom:8px}.tbl-r td{display:block;border:0;padding:2px 0}
.tbl-r td::before{content:attr(data-h);display:block;font-size:13.5px;font-weight:700;color:var(--red)}}
.chart{height:220px;position:relative}.chart svg{width:100%;height:100%;display:block}
.ch-f{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;color:var(--ink2);flex-wrap:wrap}
.hd-sum{display:flex;gap:14px;flex-wrap:wrap;font-size:15px;margin-bottom:8px}.hd-sum b{font-family:var(--fn)}
input[type=date],.calc input,.vf input,.search input{height:52px;border-radius:var(--r);border:1.5px solid var(--line);background:#fff;padding:0 14px;font:inherit;font-size:17px;color:var(--ink);min-width:0}
.calc{display:flex;flex-direction:column;gap:14px}.fld{display:flex;flex-direction:column;gap:6px}.fld>span,.fld>label{font-size:15px;font-weight:700;color:var(--ink2)}
.row{display:flex;gap:8px;flex-wrap:wrap}.row input{flex:1 1 140px;font-size:21px;font-weight:700}
.res{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.res>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column}
.res small{font-size:15px;font-weight:700;color:var(--ink2)}.res b{font-family:var(--fn);font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}
.res>div:first-child b{color:var(--red)}
/* products */
.search{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:0 0 0 14px;margin-bottom:12px}
.search .ic{color:var(--ink2)}.search input{flex:1;border:0;height:52px}
.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
.chips button{min-height:44px;padding:0 14px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg2);white-space:nowrap;cursor:pointer;font-size:15px;font-weight:700}
.chips button[aria-pressed=true]{background:var(--dk0);border-color:var(--dk0);color:#fff}
.nojs .chips,.nojs .search{display:none}
.count{font-size:14px;color:var(--ink2);margin:4px 0 10px}
.plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(46%,240px),1fr));gap:12px}
.pc{background:var(--bg2);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.pc:hover{border-color:var(--goldl);color:var(--ink)}
.pc-img{position:relative;aspect-ratio:1/1;background:radial-gradient(120% 90% at 70% 20%,#6e0a18,var(--dk0));display:flex;align-items:center;justify-content:center;overflow:hidden}
.pc-img img{width:100%;height:100%;object-fit:cover}.pc-img .art{width:78%;height:auto}
.pc-img .st{position:absolute;left:10px;top:10px}.pc-img .tag-s{position:absolute;right:10px;bottom:10px}
.pc-b{padding:12px;display:flex;flex-direction:column;gap:2px}.pc-b b{font-size:16.5px;line-height:1.35}.pc-b span{font-size:15px;color:var(--ink2)}
.pc-fee{color:var(--red)!important;font-weight:700}.pc-est{font-family:var(--fn)}.pc-est small{font-family:var(--f);font-size:13.5px}
.st{display:inline-block;font-size:13.5px;font-weight:700;border-radius:999px;padding:3px 10px;background:#f3ead6;color:var(--red2)}.st.mto{background:var(--bg3);color:var(--goldt)}
.empty{text-align:center;padding:36px 16px;background:var(--bg2);border:1px dashed var(--line2);border-radius:8px;margin:12px 0}.empty b{font-size:19px}.empty .btns{justify-content:center}
.note-s{color:var(--goldt)}
.pd{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:22px;margin-bottom:28px}
.pd-gal{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:radial-gradient(120% 90% at 70% 20%,#6e0a18,var(--dk0));display:flex;align-items:center;justify-content:center}
.pd-gal .art{width:70%}.pd-gal img{width:100%;height:100%;object-fit:cover}.pd-gal .tag-s{position:absolute;right:12px;bottom:12px}
.pd-b{display:flex;flex-direction:column;gap:12px}.pd-b h1{font-size:clamp(30px,4vw,52px)}.pd-b .st{align-self:flex-start}
.sec-s{margin-top:28px}.sec-s h2{font-size:24px;margin-bottom:12px}
/* services */
.svcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}
.svc{display:flex;flex-direction:column;gap:10px}.svc-h{display:flex;align-items:center;gap:10px}.svc-h h2{margin:0;font-size:20px}
.svc-ic{width:42px;height:42px;padding:9px;border-radius:var(--r);background:var(--bg3);color:var(--red)}
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.steps li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px}.steps span{width:26px;height:26px;border-radius:50%;background:var(--dk0);color:#fff;font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.docs{font-size:15px;background:#fff;border-radius:var(--r);padding:10px 12px}.svc .btns{margin-top:auto}.svc .btn{min-height:48px;font-size:15px;padding:0 16px}
.law{margin-top:4px;background:var(--bg3);border:1px solid #e0d3bb;border-radius:8px;padding:14px;color:var(--red2);font-weight:600}
/* verify */
.vf{display:flex;gap:8px;flex-wrap:wrap}.vf input{flex:1 1 220px;font-size:19px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.vres{margin-top:16px;border-radius:8px;padding:18px;border:1px solid var(--line);background:var(--bg2)}
.vres.ok{border:2px solid #7d5f2c;background:#fbf5e4}.vres.bad{border:2px solid var(--red)}
.vres h2{font-size:22px;display:flex;align-items:center;gap:10px;margin-bottom:10px}.vres.ok h2 .ic{color:#7d5f2c;width:28px;height:28px}
#vcam{width:100%;max-width:420px;border-radius:8px;margin-top:12px;background:#000}
.qr-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.qr{width:220px;height:220px}
/* about */
.ab-h{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:12px}.ab-h img{border-radius:50%;width:96px;height:96px}.ab-h .ph-h{margin:0}
.since{font-family:var(--fh);font-weight:600;color:var(--goldt);font-size:18px;margin-top:4px}
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.team div{display:flex;flex-direction:column}
/* faq */
.qas{display:flex;flex-direction:column;gap:8px}
.qa{background:var(--bg2);border:1px solid var(--line);border-radius:8px}
.qa summary{min-height:56px;padding:12px 44px 12px 16px;font-weight:700;cursor:pointer;list-style:none;position:relative;display:flex;align-items:center}
.qa summary::-webkit-details-marker{display:none}.qa summary::after{content:"+";position:absolute;right:16px;font-size:22px;color:var(--red)}
.qa[open] summary::after{content:"−"}.qa p{padding:0 16px 14px;color:var(--dk1)}
/* blog */
.arts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.art-c{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);padding:0;overflow:hidden}
.art-c>*:not(.art-img){padding:0 16px}.art-c small{padding-bottom:16px!important;color:var(--red);font-weight:700}
.art-c h2{font-size:19px;margin:0}.art-c p{color:var(--ink2);font-size:15.5px}
.art-img{aspect-ratio:16/9;overflow:hidden;margin-bottom:6px}.art-img .art{width:100%;height:100%;display:block}
.cat{font-size:13.5px;font-weight:700;color:var(--goldt)}
.article{display:flex;flex-direction:column;gap:14px}.article h1{font-size:clamp(30px,4vw,52px)}
.art-hero{aspect-ratio:16/7;border-radius:8px;overflow:hidden}.art-hero .art{width:100%;height:100%}
.toc{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;margin-bottom:16px}
.toc a{min-height:40px;display:flex;align-items:center;text-decoration:none}.article section h2{font-size:22px;margin-bottom:6px}.article section p{font-size:17px;line-height:1.85}
.rels{display:flex;flex-direction:column;gap:8px}.rel{min-height:52px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;text-decoration:none;color:var(--ink)}
.promo{display:flex;flex-direction:column;gap:10px;padding:0;overflow:hidden}.promo img{width:100%;aspect-ratio:16/9;object-fit:cover}.promo>div{padding:0 16px 16px}
.doc{max-width:900px}
/* privacy */
.pol-l{display:flex;gap:24px;align-items:flex-start}
.pol-toc{position:sticky;top:90px;width:270px;flex-shrink:0;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:2px}
.pol-toc>b{padding:4px 8px}.pol-toc a{min-height:44px;padding:0 8px;border-radius:var(--r);display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink);text-decoration:none}
.pol-toc a:hover{background:var(--bg3);color:var(--red)}.pol-toc a b{color:var(--red);min-width:20px}.pol-toc .btn{margin-top:8px;color:#fff;justify-content:center}
.pol-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.pol{background:var(--bg2);border:1px solid var(--line);border-radius:8px}
.pol summary{min-height:56px;padding:0 18px;display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.pol summary::-webkit-details-marker{display:none}
.pol summary>b{color:var(--red);min-width:24px;font-size:17px}.pol summary h2{font-size:19px;font-weight:700;margin:0;flex:1}
.pol>div{padding:0 18px 18px;display:flex;flex-direction:column;gap:12px}.pol .tbl td,.pol .tbl th{font-size:15px}
.pol-m{display:none}
@media (max-width:899px){.pol-toc{display:none}.pol-m{display:inline-flex}.pol summary::after{content:"+";margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--bg3);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700}.pol[open] summary::after{content:"−"}}
/* footer */
.ft{position:relative;background:linear-gradient(180deg,var(--dk1),var(--dk0));color:var(--onDk);overflow:hidden}
.ft::before{content:"";position:absolute;inset:0;background-image:var(--pat);background-size:96px;opacity:.08;pointer-events:none}
.ft-in{position:relative;padding-top:clamp(56px,7vw,96px);padding-bottom:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:40px}
.ft-c{display:flex;flex-direction:column;gap:2px}.ft-c p{color:#d6ccba;font-size:15.5px;margin-bottom:8px}
.ft-brand{display:flex;gap:14px;align-items:center;margin-bottom:12px}.ft-brand img{border-radius:50%}.ft-brand b{font-family:var(--fh);font-size:24px;font-weight:600;color:var(--cream)}
.ft-k{font-size:13.5px;color:var(--gold);margin-bottom:6px}.ft-k2{margin-top:16px}.l-en .ft-k{letter-spacing:2px;text-transform:uppercase}
.ft-c a,.ft-c .linkbtn{min-height:44px;display:flex;align-items:center;gap:8px;color:var(--onDk);text-decoration:none;font-size:16px;border-bottom:1px solid rgba(230,201,140,.15)}
.ft-c a:hover,.ft-c .linkbtn:hover{color:#fff}
.ft-b{position:relative;padding-top:18px;padding-bottom:28px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;font-size:13.5px;color:var(--md2);border-top:1px solid rgba(230,201,140,.15)}
/* mobile bottom bar · desktop floating contact */
.bbar{display:none}
@media (max-width:759px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
.bbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:rgba(251,248,242,.82);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-top:1px solid rgba(176,141,87,.35);box-shadow:0 -6px 18px -12px rgba(42,35,32,.4)}
.bbar a{min-height:56px;border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13.5px;font-weight:700;color:var(--ink);text-decoration:none;text-align:center;line-height:1.2}
.bbar a .ic{width:24px;height:24px}.bbar a[aria-current]{color:var(--red);background:var(--bg3)}}
.fab{display:none}
@media (min-width:760px){.fab{position:fixed;right:20px;bottom:20px;z-index:45;display:flex;flex-direction:column;gap:8px;transition:opacity .25s}
.fab a{min-height:48px;padding:0 16px;border-radius:999px;background:var(--dk0);color:#fff;display:flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.fab a.fab-line{background:var(--red)}.fab.hide{opacity:0;pointer-events:none}}
/* cookie */
.ck{position:fixed;z-index:70;background:var(--dk0);color:var(--onDk);border:1px solid rgba(230,201,140,.35);box-shadow:0 18px 40px -18px rgba(0,0,0,.6);border-radius:8px;padding:16px;font-size:15px;max-height:calc(100vh - 48px);overflow-y:auto;left:24px;bottom:24px;width:380px}
.ck b{font-size:17px}.ck p{line-height:1.7;margin:6px 0 10px}.ck a{color:var(--gold);font-weight:700}
.ck-btns{display:flex;gap:8px}.ck-btns button{flex:1 1 0;min-width:0;min-height:44px;padding:0 8px;border-radius:4px;border:1px solid rgba(230,201,140,.5);background:none;color:var(--gold);font-size:15px;font-weight:600;cursor:pointer}
.ck-btns button:hover{background:rgba(230,201,140,.12)}
.ck-sh{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ck-back{min-width:44px;min-height:44px;background:none;border:0;color:var(--gold);font-size:22px;cursor:pointer}
.ck-g{border:1px solid rgba(230,201,140,.25);border-radius:6px;padding:10px 12px;margin-bottom:8px}.ck-gh{display:flex;align-items:center;gap:10px}.ck-gh b{flex:1;font-size:16px}
.ck-g p{margin:4px 0;color:var(--md);font-size:14.5px}.ck-g summary{min-height:44px;display:flex;align-items:center;color:var(--gold);font-weight:700;cursor:pointer}
.ck-g ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.ck-g li{background:rgba(255,255,255,.06);border-radius:4px;padding:8px 10px;display:flex;flex-direction:column}.ck-g li span{font-size:13.5px;color:var(--md)}
.ck-on{font-size:13.5px;color:var(--gold);font-weight:700}
.sw{width:52px;height:32px;border-radius:999px;border:0;position:relative;flex-shrink:0;cursor:pointer;background:#6b5a5a;padding:0}
.sw::after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fbf8f2;transition:left .2s}
.sw[aria-checked=true]{background:var(--red)}.sw[aria-checked=true]::after{left:24px}.sw.lock{opacity:.6;cursor:not-allowed;display:inline-block}
@media (max-width:759px){.ck{left:10px;right:10px;width:auto;bottom:calc(80px + env(safe-area-inset-bottom));max-height:calc(100vh - 140px);padding:14px}}
/* share dialog */
.dlg{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:rgba(20,8,8,.6);padding:16px}
.dlg-b{background:var(--bg2);border-radius:10px;max-width:760px;width:100%;max-height:calc(100vh - 32px);overflow:auto;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.dlg-b canvas{width:100%;height:auto;border-radius:6px;box-shadow:0 10px 30px -14px rgba(0,0,0,.5);background:var(--dk0)}
.dlg-c{display:flex;flex-direction:column;gap:10px}.dlg-c h2{font-size:22px}.dlg-c .btn{width:100%}
.dlg-x{align-self:flex-end;min-width:44px;min-height:44px;background:none;border:0;cursor:pointer}
@media (max-width:640px){.dlg-b{grid-template-columns:1fr}.dlg-b canvas{max-height:46vh;width:auto;justify-self:center}}
/* offline bar · live bar · lang note */
.offbar{background:var(--bg3);border-bottom:1px solid #e0d3bb;color:var(--red);padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600;text-align:center}
.offbar[hidden]{display:none}
.livebar{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:#fff;font-weight:700;min-height:44px;text-decoration:none}.livebar i{width:10px;height:10px;border-radius:50%;background:#fff}
.livebar:hover{color:#fff}
@media print{.hd,.bbar,.fab,.ck,.ft,.btns{display:none!important}}
.feat .pc-img .tag-s,.pc-img .tag-s{top:10px;right:10px;bottom:auto}
@media (max-width:1399px){.l-my .nav-top{display:none}.l-my .hd .langs{margin-left:auto}.l-my .mnav{display:block}}
.bd-world small{font-size:13.5px}
.tbl thead th{white-space:normal;vertical-align:bottom}
/* คติพจน์ร้าน (หน้าแรก + เรื่องราวร้าน) · หน้าผ่อนทอง */
.motto{background:var(--dk0);color:var(--onDk);position:relative;overflow:hidden;padding:clamp(44px,6vw,80px) 0;text-align:center}
.motto::before{content:"";position:absolute;inset:0;background-image:var(--pat);background-size:96px;opacity:.07}
.motto-in{position:relative;display:flex;flex-direction:column;align-items:center}
.motto .kick{justify-content:center}
.motto blockquote{margin:0;max-width:880px}
.motto blockquote p{font-family:var(--fh);font-size:clamp(26px,3.6vw,44px);font-weight:600;line-height:1.5;color:var(--cream);margin:0}
.motto-s{margin:14px 0 0;font-size:clamp(17px,1.6vw,19px);color:var(--gold)}
.motto-pg{margin-top:clamp(24px,4vw,48px)}
.heart p{margin:0 0 8px;line-height:1.8}.heart p:last-child{margin-bottom:0}
.kv-t{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 0}.kv-t b{font-weight:500;line-height:1.7}.kv-t span{font-weight:700;color:var(--red2)}
#vs .lnk{margin-top:12px;display:inline-flex;gap:6px;align-items:center;min-height:44px;font-weight:700;text-decoration:none}#vs .lnk .ic{width:16px;height:16px}