@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Plus+Jakarta+Sans:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#fbfaf7;--white:#fff;--ink:#24212d;--muted:#827c8d;--purple:#6535d8;--purple-dark:#442188;--lavender:#f0eafc;--lime:#d6ed85;--border:#e9e5ed;--green:#2f8564;--orange:#b67928;--shadow:0 12px 35px #35245308;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.brand{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.2;letter-spacing:-.035em;margin:0}h1{font-size:52px;font-weight:750}h2{font-size:36px;font-weight:700}h3{font-size:20px}p{margin:0 0 16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a288e6;outline-offset:4px}img{display:block;max-width:100%}button{color:inherit}svg.lucide{width:19px;height:19px;stroke-width:1.7;flex-shrink:0}.container{width:min(1320px,calc(100% - 96px));margin-inline:auto}.btn{border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:12px 21px;font-weight:600;font-size:13px;line-height:1.2;transition:transform .2s,background .2s,box-shadow .2s;text-align:center;background:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #33204a0c}.btn-primary{color:#fff;background:var(--purple)}.btn-primary:hover{background:#5627c6;box-shadow:0 6px 18px #6535d82a}.btn-outline{background:transparent;border-color:var(--border)}.btn-outline:hover{background:#f5f1fa;border-color:#d9cfee}.btn-dark{color:#fff;background:var(--ink)}.btn-sm{min-height:36px;font-size:12px;padding:8px 13px}.btn-link{background:none;border:0;color:var(--purple);padding:0;display:inline-flex;align-items:center;gap:7px;font-weight:600}.icon-btn{display:inline-grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid var(--border);border-radius:9px;background:#fff;transition:background .2s}.icon-btn:hover{background:var(--lavender)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.015em;font-weight:600;padding:4px 8px;border-radius:5px;background:#f1f0f3;color:#736c7d;white-space:nowrap}.badge-green{color:#267355;background:#eaf5ed}.badge-purple{color:var(--purple);background:var(--lavender)}.badge-orange{color:#a66c21;background:#fff3df}.badge-blue{color:#3a7aab;background:#eaf4fc}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:10px;color:var(--purple)}.muted{color:var(--muted)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-title .eyebrow{margin-bottom:12px}.section-title p{margin:12px 0 0;color:var(--muted)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:12px;font-weight:600}.input,.select,textarea{border:1px solid var(--border);border-radius:8px;background:#fff;padding:12px 13px;color:var(--ink);width:100%;min-height:44px;outline-offset:2px}.input::placeholder{color:#a29aaa}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:600;color:var(--muted);background:#fcfbfd}th,td{padding:15px 20px;border-bottom:1px solid var(--border);white-space:nowrap}td{font-size:12px}tbody tr:last-child td{border-bottom:0}.empty-state{text-align:center;padding:64px 24px;color:var(--muted)}.empty-state>svg{width:48px;height:48px;margin:auto auto 20px;color:#a695c3}.empty-state h2,.empty-state h3{color:var(--ink);margin-bottom:12px}.empty-state .btn{margin-top:12px}.progress{height:6px;overflow:hidden;border-radius:10px;background:#ede8f5}.progress-bar{height:100%;background:var(--purple);border-radius:inherit;transition:width .45s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-announcement{background:var(--purple-dark);color:#f2ebff;font-size:10px;letter-spacing:.04em;padding:9px 0}.demo-announcement .container{display:flex;justify-content:space-between;align-items:center}.demo-announcement span{display:flex;align-items:center;gap:7px}.demo-announcement svg{width:13px;height:13px}.demo-announcement a{display:flex;align-items:center;gap:6px}.site-nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-header{background:#fbfaf7f2;border-bottom:1px solid #e9e5edaa;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.brand{font-size:36px;letter-spacing:-.07em;font-weight:800;color:var(--purple);display:inline-flex;align-items:center;position:relative;line-height:1}.brand .brand-spark{font-size:18px;letter-spacing:0;position:absolute;right:-13px;top:-5px}.nav-links{display:flex;gap:31px;align-items:center;font-size:12px;font-weight:500}.nav-links a{position:relative;padding:11px 0}.nav-links a:hover,.nav-links a.active{color:var(--purple)}.nav-links a.active:after{content:'';height:3px;width:16px;border-radius:3px;position:absolute;bottom:0;left:calc(50% - 8px);background:var(--purple)}.nav-actions{display:flex;gap:18px;align-items:center}.nav-account{font-size:12px;display:flex;align-items:center;gap:7px}.cart-link{position:relative;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;border-left:1px solid var(--border);padding-left:19px}.cart-count{display:inline-grid;place-items:center;background:var(--purple);color:#fff;font-size:9px;width:19px;height:19px;border-radius:50%;position:absolute;left:31px;top:-9px}.nav-menu{display:none}.site-footer{padding:52px 0 22px;background:#f2efe9;border-top:1px solid #e8e4dc;margin-top:70px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-brand p{color:var(--muted);font-size:12px;max-width:260px;line-height:1.8;margin:16px 0}.footer-links{display:flex;gap:70px}.footer-links>div{display:flex;flex-direction:column;gap:10px;font-size:12px}.footer-links strong{font-size:11px;margin-bottom:5px}.footer-links a{color:#797180}.footer-links a:hover{color:var(--purple)}.footer-bottom{border-top:1px solid #e0dad3;padding-top:22px;display:flex;gap:15px;align-items:center;justify-content:space-between;color:#938b97;font-size:10px}.footer-bottom button{background:none;border:none;color:#84778f;font-size:10px}.demo-indicator{display:inline-flex;align-items:center;gap:5px}.demo-indicator:before{content:'';height:5px;width:5px;border-radius:50%;background:var(--purple)}.toast-stack{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:110;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:min(450px,90vw)}.toast{padding:13px 20px;background:#282130;color:#fff;border-radius:12px;box-shadow:0 12px 45px #1b142a25;display:flex;align-items:center;gap:10px;font-size:12px;animation:toast-in .3s ease}.toast svg{color:var(--lime);width:17px}.modal{position:fixed;inset:0;background:#21142c66;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .2s}.modal-panel{width:min(580px,100%);max-height:88vh;overflow:auto;background:#fff;padding:28px;border-radius:20px;box-shadow:0 25px 80px #1d112535}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-head h2{font-size:22px}.product-card{padding:14px;background:#fff;border:1px solid var(--border);border-radius:15px;transition:transform .25s,box-shadow .25s;min-width:0}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #3524530c}.product-image{position:relative;background:var(--product-bg,#f7f4ed);border-radius:10px;height:205px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-image>img{height:90%;width:90%;object-fit:contain;transition:transform .5s}.product-card:hover .product-image>img{transform:scale(1.05) rotate(-2deg)}.product-image .badge{position:absolute;top:11px;left:11px;z-index:1;font-size:9px}.product-image .save-product{position:absolute;right:10px;top:10px;border:0;width:29px;height:29px;border-radius:50%;background:#ffffffbb;display:grid;place-items:center}.save-product svg{width:14px;height:14px}.save-product.saved{color:var(--purple);background:#f0eafc}.product-meta{padding:15px 2px 2px}.product-category{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#94899c;margin-bottom:7px}.product-meta h3{font-size:14px;letter-spacing:-.015em;line-height:1.4}.product-pack{font-size:11px;color:var(--muted);margin:5px 0 15px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.product-price{font-size:17px;font-weight:700;letter-spacing:-.04em}.product-price small{font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted)}.product-add{height:32px;width:32px;border:1px solid #dfd2fa;background:var(--lavender);color:var(--purple);border-radius:7px;display:grid;place-items:center;transition:all .2s}.product-add:hover{background:var(--purple);color:#fff}.product-add svg{width:17px;height:17px}.page-loader{position:fixed;inset:0;background:#fbfaf7;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:opacity .4s,visibility .4s}.page-loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-pallet{width:76px;height:66px;position:relative}.loader-pallet:after{content:'';position:absolute;bottom:0;left:0;width:76px;height:8px;border-radius:2px;background:#af9377;box-shadow:0 -5px 0 -2px #cfb699}.loader-box{position:absolute;width:23px;height:23px;background:var(--purple);border-radius:3px;bottom:13px;left:1px;animation:stack-box 1.4s infinite;box-shadow:inset 0 -5px 0 #0000000c}.loader-box:before{content:'';position:absolute;left:10px;top:0;width:3px;height:8px;background:#ffffff55}.loader-box:nth-child(2){left:27px;animation-delay:.15s;background:#8b63e2}.loader-box:nth-child(3){left:53px;animation-delay:.3s;background:#b299eb}.loader-box:nth-child(4){left:27px;bottom:39px;animation-delay:.45s;background:#d0bded}.loader-caption{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#8d7e9f}.loader-line{width:110px;height:3px;border-radius:5px;background:#ede6f7;overflow:hidden}.loader-line:after{content:'';display:block;height:100%;width:40%;background:var(--purple);border-radius:inherit;animation:loader-line 1s infinite ease-in-out}.skip-link{position:fixed;top:-60px;left:15px;background:var(--purple);color:#fff;padding:10px 20px;z-index:250}.skip-link:focus{top:12px}@keyframes stack-box{0%,10%{transform:translateY(-14px);opacity:0}30%,80%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:0}}@keyframes loader-line{from{transform:translateX(-120%)}to{transform:translateX(360%)}}@keyframes toast-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.container{width:min(1400px,calc(100% - 120px))}}@media(max-width:1100px){.container{width:calc(100% - 56px)}.nav-links{gap:19px}.nav-actions{gap:12px}.nav-account span{display:none}.footer-links{gap:40px}h1{font-size:45px}}@media(max-width:760px){.container{width:calc(100% - 36px)}h1{font-size:37px}h2{font-size:29px}.demo-announcement{font-size:9px}.demo-announcement .announcement-left{display:none}.demo-announcement .container{justify-content:center}.site-nav{height:71px;gap:12px}.brand{font-size:32px}.nav-menu{display:grid}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;background:#fbfaf7;border-bottom:1px solid var(--border);padding:20px;box-shadow:0 14px 18px #2211320a;flex-direction:column;align-items:stretch;gap:6px}.nav-links.open{display:flex}.nav-links a{padding:10px}.nav-links a.active:after{display:none}.nav-account{display:none}.cart-link{border:0;padding-left:0}.cart-link>span:not(.cart-count){display:none}.cart-count{left:12px}.nav-actions{gap:24px}.section-title{align-items:start}.section-title h2{font-size:27px}.footer-top{flex-direction:column}.footer-links{gap:35px;justify-content:space-between}.footer-bottom{flex-wrap:wrap;font-size:9px}.product-image{height:175px}.product-meta h3{font-size:12px}.product-price{font-size:15px}.product-card{padding:10px}.product-pack{font-size:10px}.modal{padding:14px}.modal-panel{padding:21px}.btn{padding:12px 16px}.site-footer{margin-top:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}
.demo-announcement .container{gap:18px}
@media(max-width:500px){.demo-announcement .container>span{display:none}.demo-announcement{padding:8px 0}.footer-links{gap:20px;flex-wrap:wrap}.footer-links>div{min-width:110px}}
