@font-face{font-family:"Traomi Editorial Serif";src:url("fonts/TraomiEditorialSerif.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("fonts/BeVietnamPro-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("fonts/BeVietnamPro-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("fonts/BeVietnamPro-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{--polish-ui:"Be Vietnam Pro","Segoe UI",system-ui,Arial,sans-serif;--polish-serif:"Traomi Editorial Serif",Georgia,"Times New Roman","Be Vietnam Pro",serif}
body:lang(vi),body:lang(en),.b-test{font-family:var(--polish-ui)}
.l-head~main :is(h1,h2,h3){font-family:var(--polish-serif);line-height:1.18;letter-spacing:-.025em}
.l-hero h1,.l-intro h1,.l-season h1,.s-section h1{line-height:1.16;letter-spacing:-.035em}
.l-kicker{letter-spacing:.095em;line-height:1.45}
:where(.l-nav,.l-filter,.l-grid,.l-form,.l-panel,.b-home-extra,.s-grid,.l-admin) :where(a,button,label,p,h1,h2,h3,summary,li,dd){overflow-wrap:anywhere}
.l-filter>*,.l-fields>*,.l-cardbody>*,.l-admin>*,.s-grid>*{min-width:0}
.l-filter select,.l-fields select{max-width:100%}
.l-intro{padding-block:clamp(1rem,2vw,1.65rem) .65rem}
.l-intro+.l-section{padding-top:.45rem}
.b-home-extra{padding-block:clamp(1rem,2.5vw,2rem)}
.b-home-extra .l-kicker{margin-bottom:.35rem}
.b-home-extra .l-budget{margin:.7rem 0 1.15rem}
.b-home-extra h2{font-size:clamp(1.5rem,3vw,2.6rem)}
.b-home-extra ol{margin:.5rem 0 .6rem;padding-inline-start:1.4rem}
.b-home-extra p:not(.l-kicker){margin-bottom:.4rem}
.l-admin{gap:clamp(.85rem,3vw,1.7rem)}
.l-admin .l-panel{padding:clamp(.7rem,2vw,1rem)}
.l-admin :where(input,textarea,select){max-width:100%}
.s-section{scroll-margin-top:7rem}
.s-preview{top:5rem}
.s-preview figure{margin:0}
.s-preview svg{width:100%;height:auto;max-height:min(51vh,36rem);background:#f9f3e9}
.s-view{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:.55rem}
.s-view button{min-height:44px}
.s-view button[aria-pressed=true]{border-color:var(--wine);color:var(--wine);font-weight:700}
.s-preview[data-pending=true] #s-picture{opacity:.68}
.s-preview[data-pending=true] #s-total{opacity:.68}
.s-preview button:disabled{opacity:.52;cursor:wait}
.s-sync{font-size:.82rem;min-height:1.45em}
.s-grid .s-group{border:1px solid var(--line);background:var(--paper);border-radius:.45rem;padding:.7rem}
.s-grid .s-group>summary{font-weight:700;color:var(--wine)}
.s-grid .s-group[open]>summary{margin-bottom:.7rem}
.s-preview #s-lines{max-height:12rem;overflow:auto;padding-inline-start:1.4rem}
.s-preview .l-ctas{gap:.45rem}
.s-item input{min-height:44px}
.s-section :where(button,input,select,textarea,summary,a):focus-visible{scroll-margin-block:7rem 2.5rem}
@media(max-width:850px){.l-nav nav{gap:.6rem;flex-wrap:wrap}.l-nav nav>a{padding:.25rem 0}}
@media(max-width:740px){.s-preview{position:static}.s-preview svg{max-height:min(44svh,24rem)}.s-grid{gap:1rem}.s-preview .s-quick{display:inline-flex;min-height:44px;align-items:center}.s-grid .l-fields{gap:.6rem}}
@media(min-width:741px){.s-quick{display:none}}
@media(max-width:580px){.l-wrap{padding-inline:clamp(.8rem,4vw,1.15rem)}.l-nav{column-gap:.45rem}.l-search{width:min(47%,250px)}.l-nav nav{justify-content:flex-start;column-gap:.8rem;row-gap:.25rem}.l-mega{min-width:0;width:min(280px,calc(100vw - 2rem))}.l-filter>button,.l-cardbody button,.l-cardbody .b-setlink,.l-budget a{min-height:44px;display:inline-flex;align-items:center}.l-cardbody .l-actions{align-items:flex-start}.s-section{padding-block:1.05rem 2.5rem}.s-section h1{font-size:clamp(1.75rem,7vw,2.5rem)}.s-grid .s-group{padding:.65rem}.s-grid .l-ctas>button{max-width:100%}.s-preview .l-ctas{gap:.4rem}.s-preview .l-ctas button{padding-inline:.65rem}}
@media(max-width:355px){.l-grid,.l-themes,.s-grid .l-fields{grid-template-columns:minmax(0,1fr)}}
.s-view[hidden]{display:none!important}.s-mini{display:none}#s-picture,#s-customize{scroll-margin-top:7rem}@media(max-width:740px){.s-mini{display:flex;position:sticky;bottom:0;z-index:3;align-items:center;gap:.65rem;padding:.45rem .7rem max(.45rem,env(safe-area-inset-bottom));background:var(--paper);border:1px solid var(--line);border-radius:.45rem;color:var(--wine);text-decoration:none;font-size:.82rem;min-height:56px}.s-mini img{flex:none;object-fit:contain;border-radius:.25rem}.s-grid form{scroll-margin-bottom:5rem}}