@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Outfit:wght@400;500;600;700&display=swap";
:root{--font-display:"Fredoka", ui-rounded, system-ui, sans-serif;--font-sans:"Outfit", system-ui, sans-serif;--pastel-mint:#c6f1e7;--pastel-mint-hover:#a5ead9;--pastel-pink:#ffdfd3;--pastel-pink-hover:#ffcfc1;--pastel-lavender:#e8dfff;--pastel-yellow:#fff6b8;--pastel-coral:#ffb7b2;--pastel-blue:#d6e4ff;--cream:#fdfbf7;--cream-dark:#f5efeb;--white:#fff;--charcoal:#3d3a45;--charcoal-light:#6e697a;--border-color:#eae5df;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-md:0 8px 0 #3d3a45e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:linear-gradient(90deg, #e8dfff52 1px, transparent 1px), linear-gradient(180deg, #c6f1e747 1px, transparent 1px), var(--cream);color:var(--charcoal);background-size:34px 34px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}h1,h2,h3{font-family:var(--font-display);letter-spacing:0;margin:0;line-height:1.05}p{margin:0}.main-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:2px solid var(--charcoal);background:#fdfbf7e6;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:14px;max-width:1240px;margin:0 auto;padding:12px 22px;display:flex}.logo-section{font-family:var(--font-display);align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.header-logo{border-radius:var(--radius-full);border:2px solid var(--charcoal);background:var(--pastel-pink);width:44px;height:44px}.header-nav{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.nav-btn,.cart-trigger-btn,.btn-primary,.btn-secondary,.add-to-cart-btn{border:2px solid var(--charcoal);border-radius:var(--radius-full);box-shadow:0 4px 0 var(--charcoal);font-family:var(--font-display);font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.nav-btn{background:var(--white);padding:8px 16px}.nav-btn:hover,.btn-secondary:hover,.cart-trigger-btn:hover{background:var(--cream-dark);box-shadow:0 5px 0 var(--charcoal);transform:translateY(-1px)}.cart-trigger-btn{background:var(--white);align-items:center;gap:7px;padding:8px 16px;display:flex;position:relative}.cart-badge{background:var(--pastel-coral);border:2px solid var(--charcoal);border-radius:var(--radius-full);place-items:center;min-width:23px;height:23px;font-size:12px;display:grid}.cart-badge.static{position:static}.site-main{width:min(1240px,100% - 32px);margin:0 auto;padding:28px 0 64px}.home-main{width:100%;margin:0;padding:0 0 64px}.home-main .catalog-section{width:min(1240px,100% - 32px);margin:clamp(18px,4vw,44px) auto 0}.page-shell{min-height:72svh}.hero-section{gap:clamp(12px,2vw,20px);padding:clamp(10px,2vw,22px) 0 0;display:grid}.eyebrow{color:var(--charcoal-light);text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:800}.hero-banner-container{background:var(--white);border-bottom:2px solid #3d3a451f;width:min(100vw,2172px);height:min(33.333vw,100svh - 230px,724px);min-height:300px;margin:0 auto;overflow:hidden;box-shadow:0 12px 34px #9271ae29}.hero-banner-img{object-fit:cover;object-position:center center;width:100%;height:100%}.hero-action-row{justify-content:space-between;align-items:center;gap:16px;width:min(1240px,100% - 32px);margin:0 auto;display:flex}.hero-action-copy{gap:4px;min-width:0;display:grid}.hero-action-copy h1{font-size:4rem}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.btn-primary,.btn-secondary{justify-content:center;align-items:center;gap:8px;padding:11px 22px;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--pastel-pink), var(--pastel-yellow))}.btn-primary:hover{background:var(--pastel-pink-hover);box-shadow:0 5px 0 var(--charcoal);transform:translateY(-1px)}.btn-secondary{background:var(--white)}.btn-secondary.small{padding:7px 12px;font-size:13px}.hero-cta{min-width:164px}.catalog-section{gap:22px;display:grid}.catalog-header-row{border-bottom:2px dashed var(--border-color);justify-content:space-between;align-items:end;gap:18px;padding-bottom:14px;display:flex}.catalog-header-row h2{font-size:clamp(2rem,4vw,3.4rem)}.item-count,.mini-note{color:var(--charcoal-light);font-weight:700}.filters-container{background:var(--white);border:2px solid var(--charcoal);border-radius:var(--radius-md);box-shadow:0 6px 0 var(--charcoal);gap:14px;padding:16px;display:grid}.search-box{background:var(--cream);border:2px solid var(--charcoal);border-radius:var(--radius-full);align-items:center;gap:8px;padding:8px 16px;display:flex}.search-input{background:0 0;border:0;outline:0;width:100%}.filters-dropdowns{grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;display:grid}.filter-select,.form-group input,.form-group select,.form-group textarea,.form-grid input,.form-grid select,.form-grid textarea,.order-admin-card input{border:2px solid var(--charcoal);border-radius:var(--radius-sm);background:var(--white);outline:0;width:100%;padding:10px 12px}.sort-select{background:var(--pastel-blue)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px;display:grid}.product-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{background:var(--white);border:2px solid var(--charcoal);border-radius:var(--radius-md);box-shadow:0 6px 0 var(--charcoal);flex-direction:column;display:flex;overflow:hidden}.product-card.sold-out{opacity:.72}.product-card-img-container{aspect-ratio:1;background:var(--cream-dark);border-bottom:2px solid var(--charcoal);position:relative;overflow:hidden}.product-card-img{object-fit:cover;width:100%;height:100%;transition:transform .24s}.product-card:hover .product-card-img{transform:scale(1.04)}.status-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2;background:#ffdfd394;place-items:center;display:grid;position:absolute;inset:0}.status-text{background:var(--charcoal);color:var(--white);border:2px solid var(--white);border-radius:var(--radius-md);font-family:var(--font-display);padding:9px 14px;font-weight:700}.condition-badge,.discount-badge{border:2px solid var(--charcoal);border-radius:var(--radius-full);z-index:3;box-shadow:0 2px 0 var(--charcoal);padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:12px}.condition-badge{background:var(--pastel-mint);left:12px}.discount-badge{background:var(--pastel-coral);right:12px}.product-card-info{flex:1;gap:10px;padding:16px;display:grid}.product-card-meta{color:var(--charcoal-light);text-transform:uppercase;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;display:flex}.product-card-brand{background:var(--cream-dark);border-radius:var(--radius-sm);padding:2px 8px}.product-card-title{font-size:19px}.product-card-description{color:var(--charcoal-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.product-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.product-card-price-container{display:grid}.current-price{font-family:var(--font-display);font-size:22px;font-weight:700}.original-price{color:var(--charcoal-light);font-size:13px;text-decoration:line-through}.add-to-cart-btn{background:var(--white);padding:8px 14px}.add-to-cart-btn.full{width:100%;padding:14px;font-size:17px}.add-to-cart-btn:hover:not(:disabled),.add-to-cart-btn.in-cart{background:var(--pastel-mint)}.empty-catalog-state,.status-card,.cart-summary-card,.detail-gallery-card,.detail-info-card,.tracking-search-card,.tracking-result-card,.dashboard-form-card,.dashboard-inventory-card,.admin-login-card{background:var(--white);border:2px solid var(--charcoal);border-radius:var(--radius-md);box-shadow:0 6px 0 var(--charcoal);padding:24px}.product-detail-page{grid-template-columns:minmax(280px,.85fr) minmax(320px,1fr);align-items:start;gap:28px;display:grid}.detail-gallery-card{padding:0;position:relative;overflow:hidden}.detail-image{aspect-ratio:1;object-fit:cover;width:100%}.detail-discount{top:16px;right:16px}.detail-info-card{gap:16px;display:grid}.detail-info-card h1{font-size:clamp(2.2rem,4vw,4rem)}.detail-brand,.detail-description{color:var(--charcoal-light);font-weight:700}.detail-price-row{align-items:baseline;gap:12px;display:flex}.detail-price-row strong{font-family:var(--font-display);font-size:32px}.detail-price-row span{color:var(--charcoal-light);text-decoration:line-through}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.spec-grid div,.note-card{border:2px solid var(--charcoal);border-radius:var(--radius-sm);background:var(--cream);padding:12px}.spec-grid span{color:var(--charcoal-light);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.note-card{gap:5px;display:grid}.related-section{grid-column:1/-1;margin-top:18px}.section-heading{gap:5px;margin-bottom:16px;display:grid}.cart-page-grid,.tracking-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;display:grid}.cart-page-grid h1,.tracking-search-card h1,.admin-heading-row h1,.status-card h1,.admin-login-card h1{font-size:clamp(2rem,4vw,3.6rem)}.page-list{margin-top:18px}.cart-items-list{gap:14px;display:grid}.cart-item-row{background:var(--white);border:2px solid var(--charcoal);border-radius:var(--radius-md);box-shadow:0 3px 0 var(--charcoal);gap:14px;padding:12px;display:flex}.cart-item-thumb{object-fit:cover;border:2px solid var(--charcoal);border-radius:var(--radius-sm);width:82px;height:82px}.cart-item-details{flex:1;gap:3px;display:grid}.cart-item-brand,.cart-item-size{color:var(--charcoal-light);text-transform:uppercase;font-size:12px;font-weight:800}.cart-item-title{font-size:17px}.cart-item-price-row,.pricing-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.cart-item-remove{color:#b95061;background:0 0;border:0;font-weight:800;text-decoration:underline}.cart-summary-card{gap:14px;display:grid;position:sticky;top:92px}.total-row{border-top:2px dashed var(--border-color);font-family:var(--font-display);padding-top:12px;font-size:19px}.error-message{color:#7d2433;border-radius:var(--radius-sm);background:#ffe8ee;border:2px solid #b95061;padding:10px;font-weight:800}.status-layout{place-items:center;display:grid}.status-card{text-align:center;gap:16px;width:min(620px,100%);margin:0 auto;display:grid}.order-details-card{background:var(--cream);border:2px dashed var(--charcoal);border-radius:var(--radius-md);justify-content:space-between;gap:12px;padding:14px;display:flex}.tracking-layout{grid-template-columns:360px minmax(0,1fr)}.form-group{text-align:left;gap:7px;display:grid}.form-group span,.form-grid label{color:var(--charcoal-light);text-transform:uppercase;font-size:12px;font-weight:800}.tracking-result-card{gap:18px;display:grid}.tracking-result-card.muted{color:var(--charcoal-light)}.tracking-steps{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tracking-step{border:2px solid var(--charcoal);border-radius:var(--radius-md);background:var(--cream-dark);text-align:center;padding:10px}.tracking-step.active{background:var(--pastel-mint)}.tracking-step span{background:var(--white);border:2px solid var(--charcoal);border-radius:var(--radius-full);place-items:center;width:24px;height:24px;margin:0 auto 5px;font-weight:800;display:grid}.order-meta-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.order-meta-grid div{background:var(--cream);border:2px solid var(--charcoal);border-radius:var(--radius-sm);gap:3px;padding:10px;display:grid}.order-meta-grid span{color:var(--charcoal-light);text-transform:uppercase;font-size:11px;font-weight:800}.order-line-list{gap:10px;display:grid}.order-line-list article{border-top:1px solid var(--border-color);grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding-top:10px;display:grid}.order-line-list img{object-fit:cover;border:2px solid var(--charcoal);border-radius:var(--radius-sm);width:56px;height:56px}.order-line-list span{color:var(--charcoal-light)}.admin-login-card{gap:14px;width:min(520px,100%);margin:42px auto;display:grid}.admin-login-form{gap:10px;display:flex}.admin-login-form input{border:2px solid var(--charcoal);border-radius:var(--radius-full);flex:1;padding:10px 14px}.seller-dashboard-container{gap:28px;display:grid}.admin-heading-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.admin-heading-row p{color:var(--charcoal-light);font-weight:700}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{background:var(--white);border:2px solid var(--charcoal);border-radius:var(--radius-md);box-shadow:0 4px 0 var(--charcoal);align-items:center;gap:12px;padding:16px;display:flex}.stat-card>span{font-size:28px}.stat-card div{display:grid}.stat-card div span{color:var(--charcoal-light);text-transform:uppercase;font-size:11px;font-weight:800}.stat-card strong{font-family:var(--font-display);font-size:22px}.dashboard-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:24px;display:grid}.panel-heading-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid label{gap:6px;display:grid}.wide-field{grid-column:1/-1}.form-grid textarea{resize:vertical;min-height:88px}.form-submit-btn{width:100%;margin-top:16px}.inventory-list,.orders-list{gap:10px;display:grid}.inventory-row,.order-admin-card{border:2px solid var(--border-color);border-radius:var(--radius-md);grid-template-columns:62px minmax(0,1fr) 130px auto auto;align-items:center;gap:10px;padding:10px;display:grid}.inventory-row img{object-fit:cover;border:2px solid var(--charcoal);border-radius:var(--radius-sm);width:62px;height:62px}.inventory-row div,.order-admin-card div{gap:3px;display:grid}.inventory-row span,.order-admin-card span{color:var(--charcoal-light);font-size:12px;font-weight:700}.inventory-row select,.order-admin-card select{border:2px solid var(--charcoal);border-radius:var(--radius-full);background:var(--pastel-lavender);padding:7px 10px;font-weight:800}.inventory-delete-btn{border:2px solid var(--charcoal);border-radius:var(--radius-full);background:var(--pastel-pink);padding:8px 12px;font-weight:800}@media (max-width:980px){.hero-section,.product-detail-page,.cart-page-grid,.tracking-layout,.dashboard-grid{grid-template-columns:1fr}.filters-dropdowns,.stats-row,.order-meta-grid,.product-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-summary-card{position:static}}@media (max-width:680px){.header-container{flex-flow:wrap;align-items:center}.logo-section{flex:175px}.header-nav{order:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.header-nav .nav-btn,.cart-trigger-btn{justify-content:center}.header-nav .nav-btn{text-align:center;padding:8px 10px}.cart-trigger-btn{width:auto;padding:8px 13px}.hero-banner-container{height:min(58vw,100svh - 330px);min-height:210px}.hero-action-row{flex-direction:column;align-items:flex-start}.hero-action-copy h1{font-size:2.65rem}.hero-actions,.hero-cta{width:100%}.filters-dropdowns,.product-grid.compact,.spec-grid,.tracking-steps,.stats-row,.form-grid{grid-template-columns:1fr}.catalog-header-row,.admin-heading-row{flex-direction:column;align-items:flex-start}.cart-item-row{grid-template-columns:72px 1fr}.inventory-row,.order-admin-card{grid-template-columns:54px minmax(0,1fr)}.inventory-row select,.inventory-row button,.order-admin-card select,.order-admin-card input{grid-column:2}.admin-login-form{flex-direction:column}}.fulfillment-panel{gap:14px;display:grid}.fulfillment-error{border-radius:var(--radius-sm);background:#ffe8ee;border:1px solid #b95061;padding:4px 8px;color:#9f2d43!important}.rate-stack,.label-actions{gap:8px;display:grid}.rate-option{border:2px solid var(--charcoal);border-radius:var(--radius-sm);background:var(--pastel-blue);text-align:left;padding:8px;font-weight:800}.btn-primary.small{padding:7px 12px;font-size:13px}.order-admin-card{grid-template-columns:minmax(180px,1fr) 150px minmax(240px,1fr) minmax(190px,.8fr)}@media (max-width:760px){.order-admin-card{grid-template-columns:1fr}}
