@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--color-background:#fbf9f8;--color-primary:#0c3b32;--color-on-primary:#fff;--color-primary-container:#275248;--color-on-primary-container:#97c4b7;--color-secondary:#695d43;--color-on-secondary:#fff;--color-secondary-container:#f2e1c0;--color-on-secondary-container:#706349;--color-tertiary:#3c3321;--color-surface-bright:#fbf9f8;--color-surface-container:#efeded;--color-surface-container-low:#f5f3f3;--color-surface-container-high:#eae8e7;--color-surface-container-highest:#e4e2e2;--color-surface-container-lowest:#fff;--color-on-surface:#1b1c1c;--color-on-surface-variant:#404846;--color-outline:#717976;--color-outline-variant:#c0c8c4;--color-error:#ba1a1a;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-primary-fixed:#beecde;--color-tertiary-fixed:#f1e0c6;--color-on-tertiary-fixed:#231a0a;--font-headline:"Newsreader", Georgia, serif;--font-body:"Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--space-unit:4px;--space-sm:16px;--space-md:32px;--space-lg:64px;--container-max:1280px;--gutter:24px;--margin:32px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}h1,h2,h3,h4,.font-headline-md{font-family:var(--font-headline);color:var(--color-primary);font-weight:500;line-height:1.2}.text-display-lg{font-size:48px;font-weight:600;line-height:1.1}.text-headline-lg{font-size:32px}.text-headline-md{font-size:24px}.text-body-lg{color:var(--color-on-surface-variant);font-size:18px;line-height:1.6}.text-label-sm{letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:600}a{color:inherit;text-decoration:none;transition:all .3s}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;display:inline-block}.max-width-container{max-width:var(--container-max);padding-left:var(--margin);padding-right:var(--margin);width:100%;margin-left:auto;margin-right:auto}.top-app-bar{background-color:var(--color-surface-container-low);z-index:100;width:100%;height:110px;transition:all .3s;position:fixed;top:0;left:0;box-shadow:0 4px 20px -4px #0c3b3214}.header-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{font-family:var(--font-headline);color:var(--color-primary);letter-spacing:-.5px;font-size:26px;font-weight:700}.nav-links{gap:var(--gutter);display:none}@media (width>=768px){.nav-links{align-items:center;display:flex}}.nav-item{color:var(--color-on-surface-variant);letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:600}.nav-item:hover,.nav-item.active{color:var(--color-primary)}.header-actions{align-items:center;gap:12px;display:flex}.action-btn{border-radius:var(--radius-full);color:var(--color-primary);padding:8px;position:relative}.action-btn:hover{background-color:#0c3b320d}.badge-count{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}main{padding-top:110px}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em;padding:12px 32px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #0c3b3226}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px #0c3b3233}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em;padding:12px 32px;font-size:14px;font-weight:600}.btn-secondary:hover{background-color:#0c3b320d}.btn-outline{border:1px solid var(--color-outline-variant);color:var(--color-on-surface-variant);border-radius:var(--radius-md);padding:10px 24px;font-size:13px;font-weight:600}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-surface-container-lowest)}.btn-rounded-full{background-color:var(--color-primary-container);color:var(--color-on-primary);border-radius:var(--radius-full);padding:14px 40px;font-size:16px;font-weight:700;box-shadow:0 8px 24px #27524826}.btn-rounded-full:hover{transform:scale(1.01);box-shadow:0 12px 30px #27524840}.pricing-toggle-container{background-color:var(--color-surface-container-low);border-radius:var(--radius-full);border:1px solid #c0c8c44d;align-items:center;width:fit-content;padding:4px;display:flex;position:relative;box-shadow:inset 0 2px 4px #00000005}.pricing-toggle-btn{z-index:10;letter-spacing:.05em;text-transform:uppercase;color:var(--color-on-surface-variant);padding:8px 24px;font-size:13px;font-weight:600;position:relative}.pricing-toggle-btn.active{color:var(--color-on-primary)}.pricing-toggle-slider{background-color:var(--color-primary);border-radius:var(--radius-full);z-index:1;width:calc(50% - 4px);transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;left:4px}.pricing-toggle-slider.wholesale{transform:translate(100%)}.grid-cols-4{grid-template-cols:1fr;gap:var(--gutter);display:grid}@media (width>=576px){.grid-cols-2-tablet{grid-template-cols:repeat(2, 1fr)}}@media (width>=768px){.grid-cols-4{grid-template-cols:repeat(4, 1fr)}}.grid-cols-3{grid-template-cols:1fr;gap:var(--gutter);display:grid}@media (width>=768px){.grid-cols-3{grid-template-cols:repeat(3, 1fr)}}.grid-bento-philosophy{grid-template-cols:1fr;gap:var(--gutter);align-items:center;display:grid}@media (width>=768px){.grid-bento-philosophy{grid-template-cols:repeat(12, 1fr)}}.col-span-7,.col-span-5{grid-column:span 12}@media (width>=768px){.col-span-7{grid-column:span 7}.col-span-5{padding-left:var(--gutter);grid-column:span 5}}.category-filters-container{scrollbar-width:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.category-filters-container::-webkit-scrollbar{display:none}.filter-btn{background-color:var(--color-surface-container-low);color:var(--color-on-surface-variant);border-radius:var(--radius-full);white-space:nowrap;padding:8px 24px;font-size:13px;font-weight:600}.filter-btn:hover{background-color:var(--color-surface-container-highest)}.filter-btn.active{background-color:var(--color-primary);color:var(--color-on-primary)}.product-card{background-color:var(--color-surface-container-lowest);border-radius:var(--radius-lg);border:1px solid #efeded80;flex-direction:column;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 20px -4px #0c3b320a}.product-card:hover{border-color:var(--color-outline-variant);transform:translateY(-4px);box-shadow:0 8px 30px #0c3b321a}.product-image-wrapper{aspect-ratio:1;background-color:var(--color-surface-container-low);position:relative;overflow:hidden}.product-image{object-cover:cover;object-fit:cover;width:100%;height:100%;transition:transform .7s}.product-card:hover .product-image{transform:scale(1.05)}.product-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);color:var(--color-primary);text-transform:uppercase;background-color:#fbf9f8f2;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.product-info{flex-direction:column;flex-grow:1;padding:24px;display:flex}.product-title{font-family:var(--font-headline);color:var(--color-primary);margin-bottom:8px;font-size:20px}.product-desc{color:var(--color-on-surface-variant);flex-grow:1;margin-bottom:20px;font-size:13px}.product-price-row{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-price-box{flex-direction:column;display:flex}.product-price{font-family:var(--font-headline);color:var(--color-primary);font-size:22px;font-weight:700}.product-price-label{text-transform:uppercase;color:var(--color-on-secondary-container);letter-spacing:.05em;font-size:10px;font-weight:600}.add-cart-circle-btn{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;width:42px;height:42px;display:flex}.add-cart-circle-btn:hover{background-color:var(--color-primary-container);transform:scale(1.05)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background-color:#1b1c1c66;justify-content:flex-end;transition:opacity .5s;display:flex;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-content{background-color:var(--color-surface-bright);flex-direction:column;width:100%;max-width:440px;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;transform:translate(100%);box-shadow:-10px 0 40px #0c3b3226}.drawer-overlay.open .drawer-content{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-body{flex-direction:column;flex-grow:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.drawer-footer{border-top:1px solid var(--color-outline-variant);background-color:var(--color-surface-container-lowest);padding:24px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.form-input{background-color:var(--color-surface-container-low);border:none;border-bottom:2px solid var(--color-outline-variant);font-family:var(--font-body);color:var(--color-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;padding:12px;font-size:15px;transition:all .3s}.form-input:focus{border-bottom-color:var(--color-primary);background-color:var(--color-surface-container);outline:none}.alert{border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:20px;padding:16px;font-size:14px;display:flex}.alert-error{background-color:var(--color-error-container);color:var(--color-on-error-container);border:1px solid #ba1a1a33}.alert-success{background-color:var(--color-primary-fixed);color:var(--color-primary);border:1px solid #0c3b3233}.premium-table{border-collapse:collapse;width:100%;margin:20px 0}.premium-table th{background-color:var(--color-surface-container-low);color:var(--color-primary);text-align:left;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-outline-variant);padding:12px 16px;font-size:12px;font-weight:700}.premium-table td{border-bottom:1px solid var(--color-surface-container);color:var(--color-on-surface);padding:16px;font-size:14px}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;width:fit-content;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.badge-pending{background-color:var(--color-tertiary-fixed);color:var(--color-on-tertiary-fixed)}.badge-approved{background-color:var(--color-primary-fixed);color:var(--color-primary)}.badge-rejected{background-color:var(--color-error-container);color:var(--color-on-error-container)}.badge-modified{background-color:var(--color-surface-container-high);color:var(--color-on-surface-variant)}.search-container{max-width:480px;margin:0 auto 32px;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-icon{color:var(--color-outline);pointer-events:none;align-items:center;font-size:20px;display:flex;position:absolute;left:16px}.search-input{width:100%;font-family:var(--font-body);background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);color:var(--color-primary);padding:12px 16px 12px 48px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0c3b3205}.search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 4px 16px #0c3b3214}.search-clear-btn{color:var(--color-outline);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:16px}.search-clear-btn:hover{background-color:var(--color-surface-container-low);color:var(--color-primary)}.ticker-banner{color:#fff;box-sizing:border-box;background-color:#0c3b32;align-items:center;width:100%;height:30px;font-size:13px;display:flex;overflow:hidden}.ticker-track{white-space:nowrap;width:max-content;animation:25s linear infinite marquee-scroll;display:flex}.ticker-track span{padding:0 5vw}@keyframes marquee-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}