.sf{--bg:#f6f0e2;--card:#fffdf6;--line:#e6dcc3;--ink:#2a1d0f;--muted:#7a6a52;--gold:#d19f40;--gold-d:#a8791f;--head:#2a1b0e;--price:#b5524a;--red:#b5524a;background:var(--bg);min-height:100vh;color:var(--ink);padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;font:15px/1.5 Be Vietnam Pro,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.sf *{box-sizing:border-box}.sf a{text-decoration:none}.sf :where(a){color:inherit}.sf :where(button,input,select,textarea){font:inherit;color:inherit}.sf :where(button){cursor:pointer}.sf :focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sf-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.sf main{flex:1;padding-top:24px;padding-bottom:56px}.sf-top{background:var(--card);text-align:center;border-bottom:1px solid var(--line);padding:16px 12px 10px}.sf-logo{flex-direction:column;align-items:flex-start;font-family:Yellowtail,cursive;line-height:.85;display:inline-flex}.sf-logo .n{color:#5a3a1c;font-size:44px}.sf-logo .d{color:#8a6a3c;align-items:center;gap:6px;margin:-4px 0 0 50px;font-size:22px;display:flex}.sf-logo .d:before{content:"";opacity:.55;background:currentColor;width:40px;height:1px}.sf-nav{background:var(--head);color:#f5ecd8;z-index:20;position:sticky;top:0}.sf-navin{align-items:center;gap:6px;padding-top:10px;padding-bottom:10px;display:flex}.sf-menu{position:relative}.sf-cat{background:var(--gold);color:#2a1b0e;white-space:nowrap;border:0;border-radius:12px;padding:10px 18px;font-weight:700}.sf-drop{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;flex-direction:column;min-width:210px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 30px #0003}.sf-drop a{border-radius:9px;padding:10px 14px;font-weight:600}.sf-drop a:hover{background:var(--bg)}.sf-link{white-space:nowrap;border-radius:99px;padding:8px 14px;font-weight:500}.sf-link:hover{background:#3f2c16}.sf-search{background:#3f2c16;border-radius:99px;min-width:0;margin-left:auto;display:flex;overflow:hidden}.sf-search input{color:#f5ecd8;background:0 0;border:0;width:200px;min-width:0;padding:9px 14px}.sf-search input::placeholder{color:#b9a98a}.sf-search button{background:0 0;border:0;padding:0 14px}.sf-cart{padding:4px 10px;font-size:22px;position:relative}.sf-cart span{background:var(--gold);color:#2a1b0e;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-4px;right:-2px}.sf-hero{background:var(--head);color:#f5ecd8;border-radius:18px;flex-direction:column;gap:2px;margin-bottom:16px;padding:22px 24px;display:flex}.sf-hero b{font-size:22px}.sf-hero span{color:#d8c9a6}.sf-chips{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.sf-chips a{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:8px 18px;font-weight:600}.sf-chips a:hover{border-color:var(--gold)}.sf-sec{margin-top:26px}.sf-head{border-bottom:2px solid var(--head);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.sf-head h2{background:var(--head);color:#f5ecd8;border-radius:12px 12px 0 0;margin:0;padding:8px 20px;font-size:19px}.sf-head a{color:var(--gold-d);padding-right:4px;font-weight:600}.sf-head select{border:1px solid var(--line);background:var(--card);border-radius:10px;margin-bottom:6px;padding:6px 10px}.sf-rowwrap{position:relative}.sf-row{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(20% - 11.2px);grid-auto-flow:column;gap:14px;padding:4px 2px 10px;display:grid;overflow-x:auto}.sf-row::-webkit-scrollbar{display:none}.sf-row>*{scroll-snap-align:start}.sf-next{border:1px solid var(--line);background:var(--card);border-radius:50%;width:40px;height:40px;font-size:22px;position:absolute;top:36%;right:-12px;box-shadow:0 4px 14px #0002}.sf-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.sf-card{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.sf-img{aspect-ratio:1;background:#f3ecd9;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.sf-img img{object-fit:contain;width:100%;height:100%}.sf-ph{opacity:.6;font-size:54px}.sf-ph.big{font-size:30px}.sf-badge{background:var(--head);color:#fff;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;position:absolute;top:8px;left:8px}.sf-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.sf-price{color:var(--price);font-size:17px;font-weight:700}.sf-buy{color:#2a1b0e;background:#f0e4c3;border:0;border-radius:10px;margin-top:auto;padding:10px;font-weight:600}.sf-buy:hover:not(:disabled){background:var(--gold)}.sf-buy:disabled{opacity:.5;cursor:not-allowed}.sf-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:50px 0;display:flex}.sf-h1{margin:0 0 16px;font-size:26px}.sf-two{grid-template-columns:1fr 360px;align-items:start;gap:20px;display:grid}.sf-box{background:var(--card);border:1px solid var(--line);border-radius:18px;margin-bottom:16px;padding:20px}.sf-box h3{margin:0 0 14px;font-size:18px}.sf-side{position:sticky;top:76px}.sf-line{border-bottom:1px dashed var(--line);grid-template-columns:64px 1fr auto auto auto;align-items:center;gap:12px;padding:12px 0;display:grid}.sf-line:last-child{border:0}.sf-box>.sf-line:first-of-type{padding-top:0}.sf-thumb{background:#f3ecd9;border-radius:10px;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.sf-thumb img{object-fit:cover;width:100%;height:100%}.sf-lname small{color:var(--price);font-weight:600;display:block}.sf-sub{color:var(--price);text-align:right;min-width:92px}.sf-qty{align-items:center;gap:10px;display:inline-flex}.sf-qty button{border:1px solid var(--line);background:var(--bg);border-radius:50%;width:30px;height:30px}.sf-qty button:disabled{opacity:.4}.sf-x{color:var(--muted);background:0 0;border:0;font-size:16px}.sf-sum div{color:var(--muted);justify-content:space-between;gap:10px;padding:5px 0;display:flex}.sf-sum .tot{color:var(--ink);border-top:1px solid var(--line);margin-top:8px;padding-top:12px}.sf-sum .tot b{color:var(--price);font-size:24px}.sf-note{color:var(--muted);margin:8px 0;font-size:13px}.sf-err{color:var(--red);margin:10px 0 0;font-weight:500}.sf-btn{text-align:center;background:var(--head);color:#f5ecd8;border:0;border-radius:12px;padding:13px 24px;font-weight:700;display:inline-block}.sf-btn:hover:not(:disabled){background:#3f2c16}.sf-btn:disabled{opacity:.5;cursor:not-allowed}.sf-btn.full{width:100%;margin-top:14px}.sf-btn.ghost{color:#2a1b0e;background:#f0e4c3}.sf-link2{text-align:center;color:var(--gold-d);margin-top:12px;font-weight:600;display:block}.sf-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sf-fields label,.sf-voucher{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.sf-fields .span2{grid-column:1/-1}.sf-fields input,.sf-voucher input,.sf textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:12px 14px;font-size:16px}.sf textarea{resize:vertical}.sf-count{text-align:right;color:var(--muted);margin-top:4px;display:block}.sf-methods{gap:10px;display:grid}.sf-methods label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.sf-methods label.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#fbf3de}.sf-methods input{accent-color:var(--gold-d);margin-top:5px}.sf-methods small{color:var(--muted);margin-top:2px;display:block}.sf-agree{color:var(--muted);gap:10px;margin-top:14px;font-size:13px;display:flex}.sf-agree input{accent-color:var(--gold-d);margin-top:3px}.sf-done{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:20px auto;display:flex}.sf-ok{background:var(--gold);color:#2a1b0e;border-radius:50%;place-items:center;width:60px;height:60px;font-size:32px;font-weight:700;display:grid}.sf-total{color:var(--price);margin:0;font-size:28px;font-weight:700}.sf-foot{background:var(--head);color:#d8c9a6;padding:26px 0;font-size:14px;line-height:1.7}.sf-foot a{color:var(--gold);font-weight:600}.sf-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0));background:var(--head);color:#f5ecd8;z-index:50;white-space:nowrap;border-radius:99px;gap:14px;padding:12px 20px;font-weight:600;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0004}.sf-toast a{color:var(--gold)}@media (max-width:900px){.sf-two{grid-template-columns:1fr}.sf-side{position:static}.sf-row{grid-auto-columns:calc(41.6667% - 10px);gap:12px}.sf-next{display:none}}@media (max-width:640px){.sf-wrap{padding:0 14px}.hide-s{display:none}.sf-search{flex:1}.sf-search input{width:100%}.sf-logo .n{font-size:38px}.sf-fields{grid-template-columns:1fr}.sf-line{grid-template-columns:56px 1fr auto;grid-template-areas:"t n x""t q s"}.sf-line .sf-thumb{grid-area:t;width:56px;height:56px}.sf-line .sf-lname{grid-area:n}.sf-line .sf-qty{grid-area:q}.sf-line .sf-sub{grid-area:s}.sf-line .sf-x{grid-area:x}.sf-toast{white-space:normal;justify-content:space-between;width:calc(100% - 28px)}}@media (prefers-reduced-motion:reduce){.sf-row{scroll-behavior:auto}}