#root{flex-direction:column;width:100%;min-height:100vh;display:flex}:root{--color-primary:#3d6846;--color-primary-hover:#2f5337;--color-primary-container:#7ca982;--color-on-primary:#fff;--color-on-primary-container:#133d20;--color-secondary:#695e2d;--color-secondary-container:#f2e3a5;--color-on-secondary:#fff;--color-on-secondary-container:#6f6433;--color-tertiary:#944931;--color-tertiary-container:#e1866a;--color-on-tertiary:#fff;--color-strawberry:#ff8e8e;--color-strawberry-hover:#ff7575;--color-lavender:#e6e1f0;--color-cotton-white:#fff;--color-surface:#fef9ef;--color-surface-dim:#dedad0;--color-surface-bright:#fef9ef;--color-surface-container-lowest:#fff;--color-surface-container-low:#f8f3e9;--color-surface-container:#f2ede4;--color-surface-container-high:#ece8de;--color-surface-container-highest:#e7e2d8;--color-on-surface:#1d1c16;--color-on-surface-variant:#414941;--color-deep-moss:#1e2c22;--color-outline:#727970;--color-outline-variant:#c1c9bf;--color-error:#ba1a1a;--color-error-container:#ffdad6;--font-display:"Plus Jakarta Sans", "Outfit", "Baloo 2", sans-serif;--font-body:"Inter", "Quicksand", sans-serif;--radius-sm:14px;--radius-md:24px;--radius-lg:36px;--radius-full:9999px;--stitch-border-primary:2px dashed var(--color-primary);--stitch-border-secondary:2px dashed var(--color-secondary);--stitch-border-moss:2px dashed var(--color-deep-moss);--stitch-border-coral:2px dashed var(--color-strawberry);--shadow-sage-sm:0 4px 14px #3d684614;--shadow-sage-md:0 8px 24px #3d68461f;--shadow-sage-lg:0 16px 36px #3d684629;--transition-bounce:all .25s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth:all .2s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--color-on-surface);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;font-weight:500;line-height:1.6;overflow-x:clip}body{background-color:var(--color-surface);background-image:radial-gradient(var(--color-outline-variant) .75px, transparent .75px);background-size:24px 24px;flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-deep-moss);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-primary-container);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}.container{width:96%;max-width:1720px;margin:0 auto;padding:0 40px}.card-stitch{background-color:var(--color-cotton-white);border-radius:var(--radius-md);border:1px solid var(--color-surface-container-highest);box-shadow:var(--shadow-sage-sm);transition:var(--transition-bounce);position:relative;overflow:hidden}.card-stitch:hover{box-shadow:var(--shadow-sage-md);transform:translateY(-4px)scale(1.015)}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-body);border-radius:var(--radius-full);transition:var(--transition-bounce);box-shadow:var(--shadow-sage-sm);justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:700;display:inline-flex}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sage-md);transform:scale(1.04)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:var(--color-cotton-white);color:var(--color-deep-moss);font-family:var(--font-body);border-radius:var(--radius-full);border:var(--stitch-border-moss);transition:var(--transition-bounce);justify-content:center;align-items:center;gap:8px;padding:11px 26px;font-size:15px;font-weight:700;display:inline-flex}.btn-secondary:hover{background-color:var(--color-surface-container-low);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.03)}.btn-coral{background-color:var(--color-strawberry);color:var(--color-cotton-white);font-family:var(--font-display);border-radius:var(--radius-full);transition:var(--transition-bounce);justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:16px;font-weight:700;display:inline-flex}.btn-coral:hover{background-color:var(--color-strawberry-hover);transform:scale(1.04);box-shadow:0 6px 20px #ff8e8e59}.badge-coral{background-color:var(--color-strawberry);color:var(--color-cotton-white);font-family:var(--font-display);border-radius:var(--radius-full);padding:3px 10px;font-size:13px;font-weight:700}.badge-sage{background-color:var(--color-primary-container);color:var(--color-on-primary-container);font-family:var(--font-body);border-radius:var(--radius-full);padding:4px 12px;font-size:12px;font-weight:700}.badge-stitch{border:1px dashed var(--color-primary);color:var(--color-primary);background:var(--color-surface-container-lowest);border-radius:var(--radius-full);padding:4px 12px;font-size:12px;font-weight:700}@keyframes floatY{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(3deg)}}.animate-float{animation:4s ease-in-out infinite floatY}.bento-tile img{transition:transform .6s cubic-bezier(.34,1.56,.64,1)!important}.bento-tile:hover img{transform:scale(1.08)!important}.mobile-toggle-btn{display:none!important}@media (width<=991px){.desktop-nav{display:none!important}.mobile-toggle-btn{display:inline-flex!important}.catalog-layout{grid-template-columns:1fr!important;gap:24px!important}.bento-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;display:grid!important}.bento-tile{grid-column:span 1!important;height:280px!important}}@media (width<=767px){.container{width:100%;padding:0 16px}.bento-grid{flex-direction:column!important;gap:16px!important;display:flex!important}.bento-tile{width:100%!important;height:230px!important}.desktop-only-btn,.cart-text{display:none!important}h1{font-size:26px!important}h2{font-size:22px!important}.admin-form-grid{grid-template-columns:1fr 380px}.admin-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=991px){.admin-form-grid{grid-template-columns:1fr!important}}
