:root{--bg:#050b11;--panel:#0a1620;--panel2:#0d2030;--text:#f4efe6;--muted:#b7aea2;--line:rgba(244,239,230,.1);--brand:#d6b56c;--brand2:#7aa6c2;--danger:#ff4d6d;--shadow:0 20px 70px rgba(0,0,0,.45);--radius:18px;--radius2:12px;--font: "Manrope", "Noto Sans Thai", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Cormorant Garamond", "Noto Serif Thai", Georgia, "Times New Roman", "Noto Serif", serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(900px 520px at 15% -10%,rgba(214,181,108,.22),transparent 60%),radial-gradient(900px 520px at 95% 30%,rgba(122,166,194,.14),transparent 55%),linear-gradient(180deg,#050b11,#050b11eb),var(--bg);color:var(--text);font-family:var(--font)}a{color:inherit;text-decoration:none}code{background:#00000059;padding:2px 6px;border-radius:8px}.container{max-width:1100px;margin:0 auto;padding:0 16px}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:linear-gradient(to bottom,#050b11eb,#050b11b3);border-bottom:1px solid var(--line)}.topbar__meta{border-bottom:1px solid rgba(244,239,230,.08);background:#00000024}.topbar__meta-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;font-size:12px;color:#f4efe6db}.topbar__meta a{color:#f4efe6eb}.topbar__meta a:hover{color:var(--brand)}.topbar__meta-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.topbar__meta-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#d6b56cbf;box-shadow:0 0 0 3px #d6b56c26;margin-right:8px}.topbar__inner{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand__logo-shell{width:96px;height:96px;flex:0 0 96px;border-radius:999px;padding:1px;background:linear-gradient(145deg,#d6b56ceb,#7aa6c2e6);box-shadow:0 10px 28px #00000061}.brand__logo{width:100%;height:100%;display:block;border-radius:999px;object-fit:cover;background:#fff}.brand__stack{display:flex;flex-direction:column;line-height:1}.brand__name{font-family:var(--font-display);font-weight:700;letter-spacing:.6px;font-size:22px}.brand__tag{margin-top:4px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#f4efe6b3}.search{flex:1;display:flex;align-items:center;gap:10px;max-width:520px}.search__input{width:100%;border-radius:999px;border:1px solid rgba(244,239,230,.14);background:#00000038;color:var(--text);padding:10px 14px;font-family:inherit;outline:none}.search__input::placeholder{color:#f4efe68c}.search__btn{border-radius:999px;padding:10px 14px;border:1px solid rgba(214,181,108,.42);background:linear-gradient(135deg,#d6b56c3d,#d6b56c1a);color:var(--text);font-weight:800;cursor:pointer}.search__btn:hover{transform:translateY(-1px)}.nav{display:flex;gap:14px;align-items:center}.nav__link{padding:10px 12px;border:1px solid rgba(244,239,230,.12);border-radius:999px;background:#f4efe60a}.badge{margin-left:6px;padding:2px 8px;border-radius:999px;background:#d6b56c29;border:1px solid rgba(214,181,108,.4);color:var(--text);font-weight:700;font-size:12px}.main{padding-bottom:92px}.section{padding:28px 0}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.h1{font-family:var(--font-display);font-size:44px;line-height:1.02;margin:0;letter-spacing:.2px}.h2{font-family:var(--font-display);font-size:30px;margin:0;letter-spacing:.2px}.lead{color:var(--muted);margin:10px 0 0;max-width:64ch}.link{color:var(--brand);font-weight:700}.hero{padding:28px 0 10px}.hero__inner{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}.hero__copy{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#0a1620eb,#0a16208c);padding:22px;box-shadow:var(--shadow)}.hero__actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.hero__card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#0d2030e0,#0d203073);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.kpi{display:flex;justify-content:space-between;align-items:baseline}.kpi__label{color:var(--muted)}.kpi__value{font-weight:900;font-size:22px}.hint{color:#f4efe6db;font-size:13px;line-height:1.35;padding-top:10px;border-top:1px dashed rgba(255,255,255,.16)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#f4efe608;box-shadow:0 10px 36px #00000038;display:flex;flex-direction:column}.card__media{display:block;aspect-ratio:4/3;background:#00000040}.card__media img{width:100%;height:100%;object-fit:cover;display:block}.card__placeholder{width:100%;height:100%;display:grid;place-items:center;color:#fff6}.card__body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.card__title{font-weight:800}.card__title a:hover{color:var(--brand)}.card__desc{color:var(--muted);font-size:13px}.card__meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.price{font-weight:900}.price--big{font-size:28px}.pill{font-size:12px;color:#f4efe6e6;padding:4px 8px;border-radius:999px;border:1px solid rgba(244,239,230,.14);background:#f4efe60a}.pill--ok{border-color:#d6b56c66;background:#d6b56c24}.btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);padding:10px 14px;border-radius:14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px)}.btn--primary{border-color:#d6b56c8c;background:linear-gradient(135deg,#d6b56c42,#d6b56c1a)}.btn--ghost{background:transparent}.btn--small{padding:8px 10px;border-radius:12px;font-size:13px}.btn--full{width:100%}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a;font-weight:800;font-size:13px}.chip--active{border-color:#d6b56c7a;background:#d6b56c24}.crumbs{color:var(--muted);font-size:13px;margin-bottom:10px}.crumbs a{color:#f4efe6e0}.crumbs__sep{margin:0 6px;opacity:.6}.crumbs__current{color:var(--text)}.product{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.product__media{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#00000040;box-shadow:var(--shadow)}.product__img{width:100%;height:auto;display:block}.product__placeholder{height:420px;display:grid;place-items:center;color:#fff6}.product__info{border:1px solid var(--line);border-radius:var(--radius);background:#f4efe608;padding:16px;box-shadow:var(--shadow)}.product__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 14px}.buy{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;min-width:160px}.field__label{font-weight:800;font-size:13px;color:#f4efe6e6}.field__input,.field input,.field select,.field textarea{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0003;color:var(--text);padding:10px 12px;font-family:inherit}.panel{margin-top:14px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}.panel__title{font-weight:900;margin-bottom:6px}.panel__body{color:#f4efe6e6;line-height:1.55}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px}.gallery__img{width:100%;height:220px;object-fit:cover;border-radius:12px}.cart{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.line{display:grid;grid-template-columns:90px 1fr auto;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:#f4efe608;margin-bottom:10px}.line__media{width:90px;height:72px;overflow:hidden;border-radius:14px;background:#00000040}.line__media img{width:100%;height:100%;object-fit:cover;display:block}.line__placeholder{width:100%;height:100%;display:grid;place-items:center;color:#fff6}.line__title{font-weight:900}.line__meta{color:var(--muted);font-size:13px;margin-top:4px}.line__actions{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}.line__qty{display:flex;gap:8px;align-items:center}.line__qty input{width:90px}.line__total{font-weight:900;align-self:center}.summary{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#0a1620d9,#0a162066);padding:14px;box-shadow:var(--shadow)}.summary__title{font-weight:900;margin-bottom:10px}.summary__row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.1)}.summary__row:first-child{border-top:none}.summary__row--total{font-size:18px}.summary__item{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.checkout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field--full{grid-column:1 / -1}.field__err{color:var(--danger);font-size:12px}.success{max-width:680px;margin:0 auto;text-align:center}.success__icon{width:62px;height:62px;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#d6b56c38,#d6b56c1a);border:1px solid rgba(214,181,108,.45);font-size:28px;box-shadow:var(--shadow)}.empty{border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius);padding:18px;color:#f4efe6eb;background:#f4efe605}.muted{color:var(--muted)}.footer{margin-top:48px;border-top:1px solid color-mix(in srgb,var(--brand) 16%,var(--footer-border, var(--line)));background:linear-gradient(180deg,#f8f4eb85,#f5f1e9c7)}.footer__inner{padding:12px 0 6px}.footer__panel{border:none;border-radius:0;background:transparent;box-shadow:none;overflow:visible;padding-left:14px;padding-right:14px}.footer__top{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(180px,.9fr) minmax(220px,1fr);gap:14px;padding:8px 0;align-items:start}.footer__top>*+*{padding-left:12px;border-left:1px solid color-mix(in srgb,var(--brand) 10%,var(--footer-border, var(--line)))}.footer__brandZone{border:none;border-radius:0;background:transparent;padding:0}.footer .footer__brandRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:0;width:100%;min-width:0;min-height:42px}.footer .footer__brandHub{display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:flex-end;justify-self:end;gap:4px 24px;margin:0;padding:0}.footer .footer__brandHub-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:42px;padding:0 12px;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--footer-muted, var(--muted));text-decoration:none;line-height:1;white-space:nowrap;border-radius:10px;border:1px solid transparent;-webkit-tap-highlight-color:color-mix(in srgb,var(--brand) 22%,transparent)}.footer__brandHub-link:hover{color:var(--brand)}.footer__brandHub-link:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:2px}.footer__col{border:none;border-radius:0;background:transparent;padding:0}.footer__col--customer{transform:none;margin-left:8px}.footer__col--customer .footer__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;align-content:start}.footer__col-title{margin:0 0 5px;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.01em;color:var(--footer-text, var(--text));text-transform:uppercase}.footer h2.footer__col-title{margin-block:0;margin:0 0 5px;padding:0;font-size:12px;line-height:1.2;font-weight:800}.footer__brand-link{display:inline-flex;flex-direction:row;align-items:center;gap:10px;min-width:0;flex:0 1 auto;text-decoration:none;color:inherit}.footer__logo-hor{width:min(124px,100%);height:auto;display:block;margin-bottom:0}.footer__brand-note{margin:5px 0 0;font-size:11.5px;line-height:1.28;color:var(--footer-text, var(--text));max-width:33ch}.footer__trust{display:none}.footer__nav{display:flex;flex-direction:column;gap:3px}.footer__nav-link{font-size:12px;font-weight:600;color:var(--footer-text, var(--text));text-decoration:none;line-height:1.35;display:block;padding:2px 0;box-sizing:border-box}@media(pointer:coarse){.footer__nav-link{padding:10px 4px;margin:0 -4px}}.footer__nav-link:hover{color:var(--brand)}.footer__mini-links{margin:0 0 5px;display:flex;flex-wrap:wrap;gap:3px 8px}.footer__mini-link{font-size:11px;font-weight:600;color:var(--footer-muted, var(--muted));text-decoration:none;line-height:1.18}.footer__mini-link:hover{color:var(--brand)}.footer__contacts{margin-top:0;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--brand) 14%,var(--footer-border, var(--line)));display:flex;flex-direction:column;gap:4px}.footer__contact-item{font-size:11px;line-height:1.24;color:color-mix(in srgb,var(--footer-muted, var(--muted)) 86%,var(--footer-text, var(--text)))}.footer__contact-item:first-child{color:color-mix(in srgb,var(--footer-text, var(--text)) 56%,var(--footer-muted, var(--muted)))}.footer__contact-item:last-child{font-size:10.5px;color:var(--footer-muted, var(--muted))}.footer__mailto{color:var(--footer-text, var(--text));font-size:12px;font-weight:800;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--brand) 42%,transparent);width:fit-content}.footer__mailto:hover{color:var(--brand)}.footer__bottom{margin-top:0;padding:7px 0 8px;border-top:1px solid color-mix(in srgb,var(--brand) 12%,var(--footer-border, var(--line)));text-align:center;font-size:10.5px;line-height:1.2;color:var(--footer-muted, var(--muted));background:transparent}.footer__copy{margin:0}@media(max-width:860px){.footer__top{grid-template-columns:1fr;gap:8px;padding:6px 0}.footer__col--customer{transform:none}.footer__col--customer .footer__nav{display:flex;flex-direction:column;gap:3px}.footer__top>*+*{padding-left:0;border-left:none;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--brand) 9%,var(--footer-border, var(--line)))}}.mobilebar{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 10px);display:none;z-index:88}.mobilebar__item{position:relative;flex:1;border:1px solid rgba(27,30,28,.12);background:#fffbf3eb;backdrop-filter:blur(10px);padding:6px 7px;border-radius:11px;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;min-height:42px;font-weight:650;color:var(--text)}.mobilebar__icon{font-size:13px;color:var(--brand)}.mobilebar__text{font-size:10.5px;color:var(--text)}.mobilebar__badge{position:absolute;top:3px;right:5px;min-width:16px;padding:1px 4px;border-radius:999px;background:#ffd16633;border:1px solid rgba(255,209,102,.45);font-size:10px}@media(max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}.hero__inner{grid-template-columns:1fr}}@media(max-width:720px){:root{--mobile-inline-gutter:clamp(16px, 4.4vw, 20px);--mobile-footer-inner-gutter:6px}.grid{grid-template-columns:repeat(2,1fr)}.product,.cart,.checkout,.form__grid{grid-template-columns:1fr}.nav,.topbar__meta-right{display:none}.topbar__inner{flex-wrap:wrap;gap:10px;padding:10px 0}.brand{min-width:0}.brand__logo-shell{width:72px;height:72px;flex-basis:72px}.search{order:3;flex:1 0 100%;max-width:none}body{padding-bottom:calc(124px + env(safe-area-inset-bottom))}.main .container,.footer .container{padding-left:calc(var(--mobile-inline-gutter) + env(safe-area-inset-left));padding-right:calc(var(--mobile-inline-gutter) + env(safe-area-inset-right))}.mobilebar{display:flex;gap:6px;padding:0}.main{padding-bottom:0}.footer{margin-top:34px;margin-bottom:36px}.footer__inner{padding:8px 0 12px}.footer__panel{padding-left:var(--mobile-footer-inner-gutter);padding-right:var(--mobile-footer-inner-gutter)}.footer__top{grid-template-columns:1fr 1fr;grid-template-areas:"brand brand" "customer company";gap:12px 16px;padding:6px 2px 4px}.footer__top>*+*{padding-left:0;border-left:none;padding-top:0;border-top:none}.footer__brandZone{grid-area:brand}.footer__col--customer{grid-area:customer}.footer__col--company{grid-area:company}.footer__logo-hor{width:min(108px,100%)}.footer__brand-note{margin-top:5px;font-size:11px;line-height:1.4;max-width:42ch}.footer .footer__brandRow{min-height:44px;column-gap:10px}.footer .footer__brandHub{gap:6px 18px}.footer .footer__brandHub-link{font-size:12px;letter-spacing:.045em;min-height:44px;padding:0 14px}.footer__col-title{margin-bottom:7px;font-size:11.5px;font-weight:700;letter-spacing:.01em}.footer h2.footer__col-title{font-size:11.5px;font-weight:700}.footer__nav{gap:4px}.footer__mini-links,.footer__nav-link--dup-mobile{display:none}.footer__nav-link{font-size:11px;line-height:1.4;color:color-mix(in srgb,var(--footer-text, var(--text)) 78%,var(--footer-muted, var(--muted)))}.footer__contacts{margin-top:0;padding-top:0;border-top:none;gap:4px}.footer__contact-item{font-size:10.8px;line-height:1.4}.footer__mailto{font-size:11.5px}.footer__bottom{padding:10px 2px 22px;font-size:10px}.h1{font-size:38px}}