@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.p.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_f5bf9803-module__ifJjhW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_f5bf9803-module__ifJjhW__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--font:var(--font-inter), "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:#f8fafc;--bg-warm:#fefdfb;--surface:#fff;--surface-glass:#ffffffb8;--surface-elevated:#fff;--ink:#0f172a;--ink-soft:#334155;--muted:#64748b;--faint:#94a3b8;--line:#e2e8f0;--line-soft:#0f172a0f;--teal:#0d9488;--teal-bright:#14b8a6;--teal-dark:#0f766e;--teal-soft:#0d948814;--teal-glow:#0d94882e;--gold:#f59e0b;--gold-soft:#f59e0b1a;--gold-bright:#fbbf24;--navy:#0f172a;--warm:#d97706;--danger:#dc2626;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0d;--shadow-xl:0 20px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a0a;--shadow-2xl:0 25px 50px -12px #0f172a2e;--shadow-glow:0 0 40px #0d94881f;--shadow-gold-glow:0 0 30px #f59e0b26;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.18s;--duration-normal:.3s;--duration-slow:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-ring{0%{box-shadow:0 0 #0d948859}70%{box-shadow:0 0 0 10px #0d948800}to{box-shadow:0 0 #0d948800}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes rotateGlow{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);color:var(--ink);background:var(--bg);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.site-shell{min-height:100vh;position:relative}.site-shell:before{content:"";z-index:-1;background:radial-gradient(ellipse 80% 60% at 10% 5%, #0d94880f, transparent 50%), radial-gradient(ellipse 60% 50% at 90% 15%, #f59e0b0d, transparent 45%), radial-gradient(ellipse 70% 50% at 50% 90%, #0d94880a, transparent 50%), var(--bg);pointer-events:none;position:fixed;inset:0}.container{width:min(1200px,100% - 48px);margin:0 auto}.hero-orb{filter:blur(60px);pointer-events:none;animation:float 8s var(--ease-out) infinite;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#0d94881f,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-80px;right:-100px}.hero-orb-2{background:radial-gradient(circle,#f59e0b1a,#0000 70%);width:300px;height:300px;animation-delay:-3s;bottom:-60px;left:-80px}.hero-orb-3{background:radial-gradient(circle,#0d948814,#0000 70%);width:200px;height:200px;animation-delay:-5s;top:40%;left:50%}.nav{z-index:50;border:1px solid var(--line-soft);border-radius:var(--radius-full);background:var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(1.8);box-shadow:var(--shadow-lg), 0 0 0 1px #fff9 inset;animation:slideDown .6s var(--ease-out);justify-content:space-between;align-items:center;margin-top:16px;padding:10px 10px 10px 20px;display:flex;position:sticky;top:16px}.brand{color:var(--navy);letter-spacing:-.02em;transition:opacity var(--duration-fast) ease;align-items:center;gap:12px;font-size:.95rem;font-weight:800;display:flex}.brand:hover{opacity:.8}.brand-mark{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;letter-spacing:.02em;width:40px;height:40px;box-shadow:var(--shadow-md), inset 0 1px 0 #fff3;transition:transform var(--duration-fast) var(--ease-spring);border-radius:12px;place-items:center;font-size:.82rem;font-weight:900;display:grid;position:relative}.brand:hover .brand-mark{transform:scale(1.05)rotate(-2deg)}.nav-links{align-items:center;gap:2px;display:flex}.nav-links a{border-radius:var(--radius-full);text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--muted);transition:color var(--duration-fast) ease, background var(--duration-fast) ease;padding:9px 16px;font-size:.86rem;font-weight:600;position:relative;overflow:hidden}.nav-links a:hover{color:var(--teal-dark);background:var(--teal-soft)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:90px 0 80px;display:grid;position:relative}.hero>div{animation:fadeInUp .8s var(--ease-out) both}.eyebrow{border:1px solid var(--teal-glow);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--teal-soft), #fffc);color:var(--teal-dark);letter-spacing:-.01em;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;margin:0 0 24px;padding:8px 18px 8px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--teal-bright);width:8px;height:8px;box-shadow:0 0 0 4px var(--teal-glow);border-radius:50%;animation:2s ease-out infinite pulse-ring}.hero h1{letter-spacing:-.04em;max-width:720px;color:var(--navy);text-wrap:balance;margin:0;font-size:clamp(2.8rem,5.5vw,4.5rem);font-weight:900;line-height:1.06}.hero h1 .text-gradient{background:linear-gradient(135deg, var(--teal), var(--teal-bright), var(--gold));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientMove}.hero-copy{max-width:560px;color:var(--ink-soft);margin:24px 0 0;font-size:1.1rem;font-weight:450;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.button{border-radius:var(--radius-md);cursor:pointer;letter-spacing:-.01em;min-height:50px;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-normal) ease, background var(--duration-fast) ease, border-color var(--duration-fast) ease;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:.94rem;font-weight:700;display:inline-flex}.button:active{transform:scale(.97)!important}.button-primary{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;box-shadow:var(--shadow-md), 0 4px 16px #0d948840;position:relative;overflow:hidden}.button-primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%) 0 0/200% 100%;animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}.button-primary:hover{box-shadow:var(--shadow-lg), 0 8px 24px #0d94884d;transform:translateY(-2px)}.button-secondary{border-color:var(--line);background:var(--surface);color:var(--navy);box-shadow:var(--shadow-sm)}.button-secondary:hover{border-color:var(--teal-glow);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero-card{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--teal-glow), #f59e0b1f, var(--line-soft));box-shadow:var(--shadow-xl);animation:fadeInUp .8s var(--ease-out) .2s both;padding:6px;position:relative}.hero-card-inner{border-radius:calc(var(--radius-xl) - 4px);background:var(--surface);padding:20px}.hero-card:before{content:"";display:none}.hero-card-label{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--teal-soft), var(--gold-soft));color:var(--navy);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;padding:14px 18px;font-size:.76rem;font-weight:800;display:block}.metric{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--bg-warm);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, transform var(--duration-fast) var(--ease-spring);padding:20px}.metric:hover{border-color:var(--teal-glow);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-2px)}.metric+.metric{margin-top:10px}.metric-header{align-items:center;gap:12px;display:flex}.metric-icon{background:linear-gradient(135deg, var(--teal-soft), #0d94880a);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.metric strong{color:var(--navy);letter-spacing:-.03em;font-size:1.3rem;font-weight:800;line-height:1.2;display:block}.metric span{color:var(--muted);margin-top:6px;font-size:.88rem;line-height:1.55;display:block}.section-heading{animation:fadeInUp .6s var(--ease-out) both;justify-content:space-between;align-items:end;gap:24px;margin:32px 0;display:flex}.section-heading h2{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1}.section-heading p{max-width:420px;color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.buy-note{border:1px solid var(--teal-glow);border-radius:var(--radius-xl);background:radial-gradient(ellipse at top left, #0d94880f, transparent 50%), radial-gradient(ellipse at bottom right, #f59e0b0d, transparent 50%), var(--surface);box-shadow:var(--shadow-lg), var(--shadow-glow);animation:fadeInUp .7s var(--ease-out) both;grid-template-columns:1fr auto;align-items:center;gap:24px;margin:0 0 40px;padding:28px 32px;display:grid;position:relative;overflow:hidden}.buy-note:before{content:"";background:linear-gradient(90deg, var(--teal), var(--teal-bright), var(--gold));border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.buy-note-label{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold), var(--gold-bright));color:var(--navy);letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-gold-glow);align-items:center;gap:6px;margin-bottom:14px;padding:6px 14px;font-size:.76rem;font-weight:800;display:inline-flex}.buy-note h3{max-width:620px;color:var(--navy);letter-spacing:-.03em;margin:0;font-size:clamp(1.35rem,2.5vw,1.9rem);font-weight:800;line-height:1.2}.buy-note p{max-width:620px;color:var(--ink-soft);margin:10px 0 0;font-size:.95rem;line-height:1.65}.buy-steps{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.buy-steps span{border:1px solid var(--line-soft);border-radius:var(--radius-full);background:var(--bg-warm);min-height:40px;color:var(--navy);box-shadow:var(--shadow-xs);transition:all var(--duration-fast) ease;align-items:center;gap:8px;padding:0 16px;font-size:.88rem;font-weight:700;display:inline-flex}.buy-steps span:hover{border-color:var(--teal-glow);box-shadow:var(--shadow-sm), var(--shadow-glow);transform:translateY(-1px)}.buy-note-actions{flex-direction:column;gap:10px;min-width:180px;display:flex}.category-catalog{gap:48px;padding-bottom:100px;display:grid}.category-section{gap:24px;scroll-margin-top:110px;display:grid}.category-heading{border:1px solid var(--line-soft);border-radius:var(--radius-full);background:radial-gradient(ellipse at 20% 30%, #0d94880f, transparent 50%), radial-gradient(ellipse at 80% 70%, #f59e0b0a, transparent 50%), var(--surface);width:min(720px,100%);box-shadow:var(--shadow-lg);text-align:center;animation:scaleIn .5s var(--ease-out) both;justify-items:center;gap:10px;margin:0 auto;padding:28px 32px;display:grid;position:relative;overflow:hidden}.category-heading:after{content:"";background:linear-gradient(90deg, transparent, var(--teal-glow), transparent);width:60%;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.category-heading h3{color:var(--navy);letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:900;line-height:1.1}.category-heading span,.category-badge{border-radius:var(--radius-full);align-items:center;width:fit-content;font-size:.76rem;font-weight:700;display:inline-flex}.category-heading span{background:linear-gradient(135deg, var(--teal-soft), #0d948824);color:var(--teal-dark);padding:7px 14px}.category-badge{background:var(--teal-soft);color:var(--teal-dark);margin-bottom:8px;padding:5px 12px;font-size:.74rem}.empty-category{border:2px dashed var(--line);border-radius:var(--radius-lg);background:var(--bg-warm);color:var(--muted);text-align:center;padding:32px;font-weight:600}.product-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.product-card{border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-md);transition:transform var(--duration-normal) var(--ease-spring), box-shadow var(--duration-normal) ease, border-color var(--duration-normal) ease;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--teal-glow);box-shadow:var(--shadow-xl), var(--shadow-glow);transform:translateY(-8px)}.product-card:before{content:"";background:linear-gradient(90deg, var(--teal), var(--teal-bright), var(--gold));opacity:0;height:3px;transition:opacity var(--duration-normal) ease;position:absolute;top:0;left:0;right:0}.product-card:hover:before{opacity:1}.product-image-wrap{position:relative;overflow:hidden}.product-image{aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg, #0d94881a, #f59e0b14), var(--bg);width:100%;transition:transform .6s var(--ease-out)}.product-card:hover .product-image{transform:scale(1.05)}.product-body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.product-body h3{color:var(--navy);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:800;line-height:1.3}.product-body p{-webkit-line-clamp:3;color:var(--muted);-webkit-box-orient:vertical;margin:10px 0 0;font-size:.9rem;line-height:1.65;display:-webkit-box;overflow:hidden}.product-footer{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:20px;display:flex}.price{color:var(--teal-dark);letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.product-footer .button{border-radius:12px;min-height:44px;padding:0 18px;font-size:.88rem}.product-card.animate-in{animation:fadeInUp .6s var(--ease-out) both}.footer{background:radial-gradient(ellipse at 20% 80%, #0d94880a, transparent 50%), var(--bg-warm);border-top:1px solid var(--line-soft);padding:48px 0 56px;position:relative}.footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer strong{color:var(--navy);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.footer-actions{flex-wrap:wrap;gap:12px;display:flex}.contact-button{border-radius:var(--radius-full);letter-spacing:-.01em;min-height:46px;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-normal) ease;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:.9rem;font-weight:700;display:inline-flex}.contact-button:hover{transform:translateY(-2px)}.contact-button-zalo{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;box-shadow:var(--shadow-md), 0 4px 16px #0d948833}.contact-button-zalo:hover{box-shadow:var(--shadow-lg), 0 8px 24px #0d94884d}.contact-button-facebook{color:#fff;box-shadow:var(--shadow-md), 0 4px 16px #3b82f633;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.contact-button-facebook:hover{box-shadow:var(--shadow-lg), 0 8px 24px #3b82f64d}.floating-cta{z-index:40;animation:fadeIn 1s var(--ease-out) 1.5s both;gap:12px;display:grid;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.floating-button{color:#fff;letter-spacing:.02em;text-transform:uppercase;width:60px;height:60px;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-normal) ease;border:2px solid #fffc;border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:grid;position:relative}.floating-button:hover{transform:scale(1.1)}.floating-zalo{box-shadow:var(--shadow-lg), 0 4px 20px #06b6d44d;background:linear-gradient(135deg,#06b6d4,#0891b2);animation:3s ease-out infinite pulse-ring}.floating-facebook{box-shadow:var(--shadow-lg), 0 4px 20px #3b82f64d;background:linear-gradient(135deg,#3b82f6,#2563eb)}.floating-button:after{content:attr(data-tooltip);white-space:nowrap;background:var(--navy);color:#fff;text-transform:none;letter-spacing:0;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease, transform var(--duration-fast) ease;box-shadow:var(--shadow-md);border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:600;position:absolute;right:calc(100% + 12px);transform:translate(4px)}.floating-button:hover:after{opacity:1;transform:translate(0)}.admin-page{background:radial-gradient(ellipse at 10% 5%, #0d94880a, transparent 40%), var(--bg);min-height:100vh;padding:48px 0}.admin-card,.admin-panel{border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xl)}.admin-card{width:min(460px,100% - 40px);animation:scaleIn .5s var(--ease-out);margin:80px auto;padding:36px}.admin-title{color:var(--navy);letter-spacing:-.04em;margin:0 0 10px;font-size:2rem;font-weight:900;line-height:1}.admin-muted{color:var(--muted);margin:0 0 24px;line-height:1.65}.form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.field{color:var(--navy);gap:8px;font-size:.88rem;font-weight:700;display:grid}.field-full{grid-column:1/-1}.input,.select,.textarea{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;outline:none}.input:focus,.textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.input{min-height:48px;padding:0 14px}.textarea{resize:vertical;min-height:110px;padding:14px}.admin-panel{padding:28px}.admin-panel h2{color:var(--navy);letter-spacing:-.03em;margin-top:0;font-weight:800}.admin-list-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.admin-list-header h2{margin:0}.admin-filter{max-width:260px}.admin-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.admin-layout{grid-template-columns:.92fr 1.08fr;gap:24px;display:grid}.admin-list{gap:12px;display:grid}.admin-product{border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--bg-warm);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;grid-template-columns:86px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.admin-product:hover{border-color:var(--teal-glow);box-shadow:var(--shadow-sm)}.admin-product img{border-radius:var(--radius-sm);object-fit:cover;width:86px;height:68px}.admin-product h3{color:var(--navy);letter-spacing:-.02em;margin:0 0 6px;font-size:1rem;font-weight:700}.admin-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tiny-button{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);min-height:34px;color:var(--teal-dark);cursor:pointer;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-spring);padding:0 14px;font-size:.84rem;font-weight:700}.tiny-button:hover{border-color:var(--teal-glow);background:var(--teal-soft);transform:translateY(-1px)}.message{border-radius:var(--radius-sm);background:var(--teal-soft);color:var(--teal-dark);margin-top:14px;padding:12px 16px;font-size:.9rem;font-weight:700}@media (max-width:900px){.hero,.admin-layout{grid-template-columns:1fr}.hero{gap:40px;padding:60px 0 50px}.hero h1{max-width:680px;font-size:clamp(2.5rem,8vw,3.8rem)}.product-grid{grid-template-columns:repeat(2,1fr)}.category-heading{border-radius:var(--radius-xl);padding:22px 24px}.buy-note{grid-template-columns:1fr;padding:24px}.buy-note-actions{flex-flow:wrap;min-width:0}.hero-orb-1{width:250px;height:250px}.hero-orb-2{width:200px;height:200px}.hero-orb-3{display:none}}@media (max-width:640px){.container{width:min(100% - 32px,1200px)}.nav,.section-heading,.admin-header{flex-direction:column;align-items:flex-start}.nav{border-radius:var(--radius-lg);padding:14px 16px}.nav-links{flex-direction:column;gap:4px;width:100%}.nav-links a{text-align:center;background:var(--teal-soft);border-radius:var(--radius-sm);width:100%;max-width:none}.hero{padding:40px 0 48px}.hero h1{letter-spacing:-.035em;font-size:clamp(2.2rem,10vw,3.2rem);line-height:1.1}.hero-copy{font-size:1rem}.product-grid,.form-grid{grid-template-columns:1fr}.admin-list-header{flex-direction:column;align-items:stretch}.admin-filter{max-width:none}.buy-note{border-radius:var(--radius-lg);padding:20px}.buy-note-actions,.product-footer{flex-direction:column;align-items:stretch}.footer .container{flex-direction:column;align-items:flex-start}.footer-actions{flex-direction:column;align-items:stretch;width:100%}.contact-button{justify-content:center}.floating-cta{display:flex;top:auto;bottom:20px;right:16px;transform:none}.floating-button{width:52px;height:52px;font-size:.72rem}.floating-button:after,.hero-orb{display:none}}