
:root{--ink:#203d36;--muted:#6a786e;--rose:#35705d;--wine:#234e40;--gold:#bf9b60;--cream:#fcfaf5;--line:#e4e7db;--wash:#f3f7f0;font-family:system-ui,-apple-system,'Noto Sans Thai',sans-serif;color:var(--ink);background:#fbfcf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b89963;outline-offset:3px}main section{scroll-margin-top:100px}.wrap{width:min(1200px,calc(100% - 32px));margin:auto}.top{position:sticky;top:0;z-index:20;background:rgba(255,250,250,.95);backdrop-filter:blur(15px);box-shadow:0 5px 26px #572a3810;border-bottom:1px solid #eedce3}.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:24px;color:#642c49}.seal{width:53px;height:53px;border-radius:17px;background:linear-gradient(135deg,#743b59,#b66a87);display:grid;place-items:center;color:#f7e3b5;font-size:27px;box-shadow:0 6px 16px #5b214326}.brand small{display:block;color:#a07982;font-size:9px;letter-spacing:.22em;font-weight:700}.nav{display:flex;gap:7px;overflow:auto}.nav a{white-space:nowrap;font-size:13px;font-weight:700;padding:12px 14px;border-radius:11px}.nav a:hover,.nav a.active{background:#783e59;color:white}.hero{background:radial-gradient(circle at 85% 16%,#f9e2e9 0,transparent 39%),linear-gradient(130deg,#fff9fa 10%,#f3d8e1 54%,#d2a0b4 100%);padding:80px 0 70px;position:relative;overflow:hidden}.hero:after{content:'✦';position:absolute;right:11%;top:6%;font-size:220px;color:#fff6f7;opacity:.22;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.25em;color:#95617b;font-weight:800}.hero h1{font-size:clamp(34px,5.6vw,65px);letter-spacing:-.045em;margin:15px 0;line-height:1.22;color:#542940;position:relative;z-index:1}.hero p{max-width:640px;line-height:1.85;color:#704960;font-size:17px}.goldline{width:80px;height:3px;background:linear-gradient(90deg,#c99b75,transparent);margin:26px 0}.section{padding:45px 0}.sectionhead{margin:0 0 22px}.sectionhead h2{font-size:clamp(24px,3vw,34px);margin:0 0 7px}.sectionhead p{margin:0;color:var(--muted);line-height:1.8}.panel{border:1px solid var(--line);border-radius:22px;background:white;padding:24px;box-shadow:0 12px 30px #78495908}.tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}input[type=search]{min-width:220px;flex:1;border:1px solid #e2c8d2;padding:13px 15px;border-radius:12px;outline-color:#af6b88}select{border:1px solid #d6acbe;background:#fff8fa;color:var(--wine);border-radius:12px;padding:12px 15px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tabs button,.chips button{border:1px solid #dec0cb;background:#fff;border-radius:25px;padding:9px 14px;color:#70445a}.tabs button.active,.chips button.active{background:var(--wine);border-color:var(--wine);color:white}.chips{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px}.product{border:1px solid #efdee5;background:white;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 9px 20px #76535e0b}.product img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.product .content{padding:15px;display:flex;flex:1;flex-direction:column;gap:8px}.tag{color:#a06680;font-weight:700;font-size:12px}.product h3{margin:0;font-size:14px;line-height:1.6;min-height:4.8em;max-height:4.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.price{font-size:21px;font-weight:850;margin-top:auto}.buy{display:block;background:var(--wine);color:#fff;text-align:center;border-radius:11px;padding:12px;font-weight:800;font-size:13px}.buy.s{background:#ef6038}.buy.l{background:#622ea7}.buy:hover{filter:brightness(1.09)}.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));gap:18px}.pair{border:1px solid #e8d6dd;background:white;border-radius:20px;padding:17px}.pairtitle{font-weight:800;margin:0 0 13px;font-size:15px}.sides{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side{display:flex;flex-direction:column;gap:9px;min-width:0}.side img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:white;border:1px solid #eee4e7}.side .productname{font-size:13px;line-height:1.55;min-height:4.65em;max-height:4.65em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.side .price{font-size:18px}.side .buy{margin-top:auto}.side .plat{color:#9a526c;font-size:13px;font-weight:850}.pairnote{margin:14px 0 0;font-size:11px;color:#876974}.guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:15px}.guide{border:1px solid #ead8df;background:white;border-radius:18px;padding:20px;display:flex;flex-direction:column;min-height:228px;gap:12px;box-shadow:0 10px 20px #7d53600a}.guide h3{font-size:16px;line-height:1.6;margin:0}.guide p{font-size:13px;color:var(--muted);line-height:1.7;margin:0;flex:1}.read{align-self:flex-start;border:1px solid #cf9cab;border-radius:9px;padding:10px 18px;background:#fff4f7;color:var(--wine);font-weight:800;opacity:.8}.guide:hover .read,.guide:focus-within .read{opacity:1;background:var(--wine);color:#fff}.more{display:block;margin:24px auto 0;border:1px solid #be8ea1;background:white;padding:13px 25px;border-radius:12px;color:var(--wine)}.social{padding:35px 0;background:#542e43;color:#f8e2ed}.social a{display:inline-block;margin:7px;padding:12px;border:1px solid #b5899d;border-radius:12px}.foot{background:#49283b;text-align:center;color:#e9cfdc;padding:25px;font-size:13px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:55;display:grid;place-items:center;padding:18px}.shade{position:absolute;inset:0;background:#27101dbe}.dialog{position:relative;max-width:780px;width:100%;max-height:82vh;background:#fff;border-radius:22px;padding:28px;box-shadow:0 24px 90px #26071f70;display:flex;flex-direction:column}.dialog .scroll{overflow-y:auto;line-height:1.9;padding-right:7px}.dialog .scroll h1{font-size:26px}.dialog .scroll h2{font-size:19px;margin:22px 0 8px}.dialog .scroll p{line-height:1.9}.dialog button{align-self:flex-end;background:#6a344f;border:0;color:#fff;border-radius:9px;padding:7px 13px}.back{position:fixed;bottom:20px;right:20px;background:var(--wine);border:0;border-radius:50%;color:white;width:46px;height:46px;display:none;z-index:22}.back.show{display:block}.noresult{padding:30px;color:#795667} @media(max-width:720px){.top .wrap{flex-direction:column;align-items:stretch;padding:12px 0;gap:10px}.top{position:sticky}.nav{width:100%}.nav a{font-size:12px;padding:9px 12px}.hero{padding:48px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product .content{padding:10px}.product h3{font-size:12px}.price{font-size:17px}.compare{grid-template-columns:1fr}.panel{padding:14px}.dialog{max-height:90vh;padding:17px}.hero h1{font-size:38px}}

:root{--ink:#3f2b3c;--rose:#794662;--wine:#593149;--gold:#cda766;--wash:#fcf6f9;--line:#eadde4}.brand{color:#65334e}.seal{background:linear-gradient(135deg,#562d4c,#98617b)}.top{background:rgba(255,250,252,.97)}.hero{background:radial-gradient(circle at 85% 15%,#f7e3ee 0,transparent 38%),linear-gradient(125deg,#fff9fb,#edd6e3,#c993b3);background-size:170% 170%;animation:petHero 13s ease-in-out infinite alternate}.hero h1{color:#4d2940}.nav a{transition:background .2s,color .2s,box-shadow .2s;font-weight:700}.nav a:hover,.nav a.active{background:#733f62;color:#fff;font-weight:850;box-shadow:0 4px 12px #733f6230}#follow{scroll-margin-top:110px}.site-legal{padding:18px 0;text-align:center;background:#f9f3f6;border-top:1px solid #eee0e8}.site-legal .wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px}.site-legal a{color:#673652;text-decoration:underline;text-underline-offset:3px}.site-legal p{flex-basis:100%;margin:0;font-size:12px;color:#78616c}.social{padding:35px 0 50px;background:linear-gradient(140deg,#663b57,#8b5574);color:#fff}.social a{color:#fff}.hero h1,.hero p{position:relative;z-index:1}@keyframes petHero{to{background-position:100% 60%}}@media(prefers-reduced-motion:reduce){.hero{animation:none}html{scroll-behavior:auto}}@media(max-width:780px){.top .wrap{flex-wrap:wrap;padding:8px 0}.nav{width:100%;padding-bottom:4px}.nav a{font-size:12px;padding:10px}}.cat-static{display:flex;flex-wrap:wrap;gap:9px}.cat-static a{padding:9px 13px;border:1px solid #eadbe3;border-radius:24px;background:#fff;color:#683d59}.cat-static a:hover{background:#693b58;color:white}
main{line-height:1.8}main p,main li{line-height:1.85}main table{display:block;overflow:auto}main .note{background:#fcf6f9;border-left:3px solid #996783;padding:16px;margin:22px 0}main a{color:#763f64;text-decoration:underline}

/* COLOR ONLY — Luxury Bright */
body{background:#FFFBF6;color:#563628}.brand,.navlinks a,.back,.related a{color:#A64B26}.top{background:#FFFBF6;border-color:#F1DDCB}.article h1,.article h2{color:#A64B26}.related{background:#FFF3E6}


/* Luxury Bright Motion v3: champagne gold hairline on select headings only. */
.top .brand > span:not(.seal), .top .brand > strong, .top .brand strong,
.top .brand-name, .top .hp-brand strong, .top .hp-logo strong,
.hero h1, .sectionhead > h2, .sectionhead h2,
.hp-social-title, .tech-follow-title, .social h2, #follow h2,
.follow-title, main.article > h1, .article > h1, .article h2,
main > h1, .legal h1, .legal h2, main > h2 {
  -webkit-text-stroke: 0.5px #d6b77c;
  paint-order: stroke fill;
}
/* Article/page headings retain their original legibility and normal body typography. */

.top .brand small { -webkit-text-stroke: 0; }
