:root{--brand: #ff6a2b;--brand-strong: #ff8047;--brand-deep: #d8460f;--amber: #ffb23e;--success: #34c46b;--success-deep: #1f9e51;--danger: #ff5d4d;--bg-1: #17110d;--bg-2: #2a201a;--bg-3: #1d1611;--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .08);--surface-solid: #241b15;--border: rgba(255, 240, 230, .14);--border-strong: rgba(255, 240, 230, .24);--border-brand: rgba(255, 106, 43, .55);--text: #fbf3ec;--text-muted: rgba(251, 243, 236, .62);--text-faint: rgba(251, 243, 236, .4);--radius-sm: 12px;--radius: 18px;--radius-lg: 26px;--radius-pill: 999px;--shadow-sm: 0 4px 14px rgba(0, 0, 0, .28);--shadow: 0 14px 36px rgba(0, 0, 0, .4);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .55);--shadow-brand: 0 14px 30px rgba(216, 70, 15, .4);--grad-brand: linear-gradient(135deg, var(--brand-strong), var(--brand-deep));--grad-success: linear-gradient(135deg, var(--success), var(--success-deep));--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .16s var(--ease);--t: .26s var(--ease);--font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit;cursor:pointer}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,li,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style-type:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{font-family:var(--font);color:var(--text);background:var(--bg-1)}body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,span,div,a,label,li{font-family:var(--font)}.text-decoration__none{text-decoration:none;color:inherit}li{margin-left:4px;font-size:20px}.bg{position:relative;min-height:100vh;color:var(--text);background:radial-gradient(120% 80% at 12% -8%,rgba(255,106,43,.16),transparent 60%),radial-gradient(120% 90% at 100% 0%,rgba(255,178,62,.1),transparent 55%),linear-gradient(170deg,var(--bg-2) 0%,var(--bg-1) 48%,var(--bg-3) 100%);background-attachment:fixed}.mt-20{margin-top:20px}.top{display:flex;align-items:center;gap:16px;padding:24px 32px;margin-bottom:8px;position:sticky;top:0;z-index:5;background:linear-gradient(to bottom,rgba(23,17,13,.92) 0%,rgba(23,17,13,.55) 70%,transparent 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.left{flex:1;display:flex;align-items:center;gap:16px}.right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:16px}@media(max-width:575.98px){.top{padding:16px 18px}}.icon-size{display:inline-flex;align-items:center;justify-content:center;width:78px;height:78px;font-size:38px;color:var(--brand);background:var(--surface);border:1px solid var(--border);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--t-fast),background var(--t),color var(--t),border-color var(--t)}@media(hover:hover)and (pointer:fine){.icon-size:hover{color:#fff;background:var(--grad-brand);border-color:transparent;transform:translateY(-2px)}}.icon-size:active{transform:translateY(0) scale(.96)}.cart-link{position:relative;display:inline-flex}.cart-count-badge{position:absolute;top:-4px;right:-4px;min-width:26px;height:26px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;line-height:1;color:#fff;background:var(--grad-success);border:2px solid var(--bg-1);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}@media(max-width:575.98px){.icon-size{width:54px;height:54px;font-size:26px}.cart-count-badge{min-width:22px;height:22px;font-size:13px;padding:0 6px}}.container{width:100%;min-height:232px;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:22px 16px;color:var(--text);font-size:20px;font-weight:600;text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--t),border-color var(--t),box-shadow var(--t),background var(--t)}@media(hover:hover)and (pointer:fine){.container:hover{transform:translateY(-5px);border-color:var(--border-brand);background:var(--surface-2);box-shadow:var(--shadow)}}.container:active{transform:translateY(-1px) scale(.99)}.up{margin:0;width:132px;height:132px;border-radius:var(--radius);background:linear-gradient(180deg,#fff,#f1e9e1);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #00000038}.img{height:104px;width:104px;object-fit:contain}.down{margin:0;line-height:1.25}@media(max-width:1024px){.container{aspect-ratio:5 / 6;height:auto;min-height:0}}@media(max-width:575.98px){.container{gap:12px;padding:18px 10px;font-size:15px;border-radius:var(--radius)}.up{width:108px;height:108px}.img{height:84px;width:84px}}.position{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;width:100%;max-width:500px;margin:8px auto 0;padding:8px 24px 64px}.position>*{display:flex;min-width:0}.position>*>*{width:100%}.position-2{display:flex;flex-direction:column;align-items:center;gap:26px;width:100%;max-width:560px;margin:8px auto 0;padding:8px 24px 64px}@media(min-width:1025px){.position{grid-template-columns:repeat(3,1fr);gap:26px;max-width:820px}}@media(max-width:575.98px){.position{gap:14px;padding:8px 16px 48px}.position-2{padding:8px 16px 48px}}.toast-container{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:min(440px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;width:100%;text-align:center;font-family:var(--font);font-size:16px;font-weight:700;line-height:1.35;color:#fff;border:none;border-radius:var(--radius);padding:15px 22px;box-shadow:var(--shadow-lg);cursor:pointer;animation:toast-in .26s var(--ease) both}.toast--success{background:var(--grad-success)}.toast--warn{background:linear-gradient(135deg,#ffc25e,#f0950f);color:#2a1a08}.toast--error{background:linear-gradient(135deg,#ff7a6e,#e23b2c)}.toast--info{background:var(--grad-brand)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}