@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap');
:root{--ink:#182033;--muted:#737f95;--line:#e6eaf1;--paper:#f7f8fc;--white:#fff;--brand:#4f46e5;--brand-dark:#3930b5;--soft:#efeeff;--mint:#0e9f6e;--orange:#f59e0b;--danger:#dc2626;--shadow:0 16px 50px rgba(20,28,50,.09);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}.container{width:min(1200px,calc(100% - 40px));margin:0 auto}.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}.hidden{display:none!important}
.announcement{background:#171d31;color:#d6dbea;font-size:11px;letter-spacing:.01em}.announcement-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:15px}.announcement-right{color:#9da9c0}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-main{min-height:84px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.brand-mark{width:43px;height:43px;background:linear-gradient(145deg,#675cff,#3a32ba);color:white;border-radius:14px;display:flex;align-items:center;justify-content:center;font:800 18px Manrope;letter-spacing:-1.5px;box-shadow:0 7px 18px #534bea30}.brand-mark span{font-size:10px;letter-spacing:-.5px;margin-top:11px;margin-left:-1px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy b{font:800 18px Manrope;letter-spacing:-.7px}.brand-copy small{font-size:8px;letter-spacing:1.25px;color:#929bb0;font-weight:800}.search-form{height:44px;max-width:550px;flex:1;display:flex;align-items:center;gap:10px;border:1px solid #dfe4ee;background:#f7f8fc;border-radius:13px;padding:4px 5px 4px 14px;transition:.2s}.search-form:focus-within{border-color:#a8a5ff;box-shadow:0 0 0 3px #4f46e514;background:#fff}.search-icon{font-size:24px;line-height:1;color:#8893a9;transform:rotate(-15deg)}.search-form input{background:transparent;border:0;outline:0;min-width:0;flex:1;color:var(--ink);font-size:12px}.search-form button,.button-primary{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:800;transition:background .18s,transform .18s}.search-form button:hover,.button-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.header-link{display:flex;align-items:center;gap:7px;background:transparent;border:0;color:#4b566a;font-weight:700;font-size:12px;padding:9px}.action-icon{font-size:23px;color:var(--brand)}.cart-button{display:flex;align-items:center;gap:10px;background:#191f35;color:#fff;border:0;padding:12px 14px;border-radius:12px;font-size:12px;font-weight:800}.cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;background:#f7bd4a;color:#22233b;border-radius:8px;font-size:10px}.mobile-menu-button{display:none;background:#f0f1f8;border:0;border-radius:10px;padding:9px 12px;color:#303a52}.nav-row{border-top:1px solid #f0f1f6}.nav-inner{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.main-nav{display:flex;align-items:center;gap:24px;height:44px}.nav-item{height:44px;background:transparent;border:0;border-bottom:2px solid transparent;padding:1px 2px 0;color:#68738a;font-size:12px;font-weight:700}.nav-item:hover,.nav-item.active{color:var(--brand);border-bottom-color:var(--brand)}.nav-note{font-size:11px;color:#8490a4;display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;border-radius:50%;background:#18b77c;box-shadow:0 0 0 4px #18b77c13}
.page-content{padding-top:30px;padding-bottom:70px;min-height:55vh}.hero{border-radius:24px;background:linear-gradient(110deg,#191f36 0%,#25235a 54%,#5b55c9 100%);min-height:285px;color:#fff;overflow:hidden;position:relative;padding:40px 45px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center}.hero:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-60px;top:-150px;border:1px solid #ffffff16;box-shadow:0 0 0 38px #ffffff08,0 0 0 78px #ffffff06}.hero-copy{position:relative;z-index:1;max-width:590px}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1.6px;font-weight:800;font-size:9px;color:#cbcaff}.eyebrow:before{content:"";width:18px;height:2px;background:#ffc763}.hero h1{font:800 clamp(28px,3.5vw,42px)/1.12 Manrope;margin:14px 0 12px;letter-spacing:-1.5px;max-width:520px}.hero h1 em{font-style:normal;color:#ffc764}.hero p{color:#d6d8ef;font-size:13px;max-width:450px;margin:0 0 22px}.hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button-light{border:1px solid #ffffff4b;background:#ffffff10;color:#fff;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:800}.hero-pills{display:flex;flex-direction:column;gap:12px;justify-self:end;z-index:1;position:relative;width:min(260px,100%)}.hero-pill{padding:14px 16px;background:#ffffff12;border:1px solid #ffffff1c;border-radius:15px;backdrop-filter:blur(6px);display:flex;align-items:center;gap:12px}.hero-pill b{font:800 16px Manrope;display:block}.hero-pill span{font-size:10px;color:#d4d7ee;display:block}.pill-icon{width:42px;height:42px;display:grid;place-items:center;background:#ffffff17;border-radius:12px;font-size:22px;flex:0 0 auto}.section{margin-top:36px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading h2,.page-title{font:800 22px/1.2 Manrope;letter-spacing:-.7px;margin:0}.section-heading p{margin:6px 0 0;color:var(--muted);font-size:12px}.text-link{border:0;background:transparent;color:var(--brand);font-size:11px;font-weight:800;padding:6px}.category-row{display:flex;gap:10px;overflow:auto;padding:2px 0 7px;scrollbar-width:thin}.category-chip{flex:0 0 auto;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:9px;padding:11px 14px;color:#515d72;font-size:11px;font-weight:800;white-space:nowrap}.category-chip span{font-size:18px}.category-chip:hover,.category-chip.active{border-color:#c4c1ff;background:var(--soft);color:var(--brand)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{background:#fff;border:1px solid #e8ebf2;border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-3px);border-color:#d7d5fc;box-shadow:0 15px 28px #19213c0b}.product-image-wrap{height:205px;background:#f0f2f8;position:relative;overflow:hidden;cursor:pointer}.product-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}.product-card:hover .product-image{transform:scale(1.04)}.product-tag{position:absolute;left:11px;top:11px;background:#fff;color:#2c3650;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:800;box-shadow:0 3px 9px #14213a10}.product-tag.sale{background:#fff0dd;color:#b85a0a}.product-info{padding:14px;display:flex;flex-direction:column;flex:1}.product-store{font-size:9px;color:#848da0;font-weight:800;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-name{border:0;background:none;text-align:left;padding:0;margin:6px 0 8px;font:700 12px/1.5 Manrope;letter-spacing:-.12px;color:#263048;min-height:36px}.product-name:hover{color:var(--brand)}.product-desc{font-size:10px;color:#8a94a7;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}.price{font:800 16px Manrope;letter-spacing:-.4px;color:#242b42}.old-price{font-size:10px;color:#9aa2b2;text-decoration:line-through}.product-bottom{display:flex;align-items:center;gap:8px;margin-top:13px}.stock-label{font-size:9px;color:#858fa2}.add-button{margin-left:auto;border:0;background:var(--soft);color:var(--brand);border-radius:9px;height:34px;padding:0 12px;font-size:10px;font-weight:800;white-space:nowrap}.add-button:hover{background:var(--brand);color:#fff}.add-button:disabled{background:#f1f2f6;color:#a7adba}.empty-state{background:#fff;border:1px dashed #d8deea;border-radius:18px;padding:44px 20px;text-align:center;color:var(--muted)}.empty-state .empty-icon{font-size:32px;margin-bottom:10px}.empty-state h3{font:800 16px Manrope;color:var(--ink);margin:0 0 5px}.empty-state p{font-size:12px;max-width:440px;margin:0 auto 16px}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.store-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;gap:14px}.store-avatar{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:var(--soft);color:var(--brand);font:800 18px Manrope}.store-card h3{font:800 14px Manrope;margin:0 0 3px}.store-card p{font-size:11px;color:var(--muted);margin:5px 0 10px}.store-meta{font-size:10px;color:#8791a5}.store-actions{margin-top:10px}.store-banner{background:linear-gradient(120deg,#eae9ff,#f3f6ff);border:1px solid #e1e1fc;border-radius:18px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.store-banner h1{font:800 24px Manrope;margin:0 0 7px;letter-spacing:-.6px}.store-banner p{margin:0;color:#68738a;font-size:12px}.store-banner .store-avatar{width:60px;height:60px;background:#fff}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.results-toolbar p{margin:0;font-size:12px;color:var(--muted)}.select-control{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;font-size:11px;color:#4c5870;outline-color:#a8a5ff}.page-heading{margin-bottom:22px}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}.dashboard-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.dashboard-side,.dashboard-main{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.dashboard-side{padding:15px}.dashboard-user{padding:12px 8px 18px;border-bottom:1px solid var(--line);margin-bottom:10px}.dashboard-user b{display:block;font:800 14px Manrope}.dashboard-user small{display:block;color:var(--muted);font-size:10px;margin-top:5px;overflow-wrap:anywhere}.dash-nav{display:flex;flex-direction:column;gap:4px}.dash-tab{background:transparent;border:0;text-align:left;color:#667188;font-size:11px;font-weight:800;padding:11px;border-radius:9px}.dash-tab:hover,.dash-tab.active{background:var(--soft);color:var(--brand)}.dashboard-main{padding:22px;min-height:280px;overflow-x:auto}.dashboard-main h2{font:800 19px Manrope;letter-spacing:-.5px;margin:0 0 8px}.dashboard-main .subtle{font-size:11px;color:var(--muted);margin:0 0 20px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:21px}.stat-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.stat-card span{font-size:10px;color:var(--muted);display:block}.stat-card b{display:block;font:800 22px Manrope;margin-top:6px;letter-spacing:-.8px}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:11px;min-width:560px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid #edf0f5;vertical-align:middle}th{background:#f8f9fc;color:#7c879b;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:800}tr:last-child td{border-bottom:0}td strong{font-size:11px}td small{display:block;color:#929caf;margin-top:3px;font-size:10px}.badge{display:inline-flex;align-items:center;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:800;text-transform:capitalize;white-space:nowrap}.badge.pending{background:#fff4dc;color:#9a6303}.badge.approved,.badge.delivered{background:#e4f9ef;color:#087951}.badge.rejected,.badge.cancelled{background:#ffeded;color:#b42318}.badge.processing,.badge.shipped{background:#e9f1ff;color:#295cc8}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;font-weight:800;color:#48546a}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #dfe4ed;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);font-size:12px;outline:0}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#aaa7ff;box-shadow:0 0 0 3px #4f46e510}.form-field textarea{min-height:90px;resize:vertical}.form-field small{font-size:10px;color:var(--muted)}.button-secondary,.button-danger,.button-quiet{border:1px solid var(--line);border-radius:9px;background:#fff;color:#49556b;padding:9px 12px;font-size:10px;font-weight:800}.button-secondary:hover{border-color:#bab7ff;color:var(--brand)}.button-danger{color:#b42318;background:#fff8f8;border-color:#f6d6d6}.button-quiet{background:#f6f7fb}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form .form-field{margin:0;min-width:160px}.notice{border-radius:12px;padding:13px 15px;font-size:11px;margin:0 0 16px}.notice.info{background:#eff4ff;color:#244b97}.notice.warn{background:#fff6e6;color:#885b00}.notice.success{background:#e9fbf1;color:#087951}.notice.error{background:#fff0f0;color:#ab2929}.auth-tabs{display:flex;background:#f1f2f8;padding:4px;border-radius:10px;gap:4px;margin-bottom:18px}.auth-tab{flex:1;border:0;border-radius:8px;background:transparent;padding:9px;color:#737e92;font-weight:800;font-size:11px}.auth-tab.active{background:#fff;color:var(--brand);box-shadow:0 2px 7px #1e27420d}.order-card{border:1px solid var(--line);border-radius:13px;padding:16px;margin-bottom:12px}.order-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid #edf0f5}.order-card-head strong{font:800 13px Manrope}.order-items{padding:12px 0}.order-line{display:flex;align-items:center;gap:12px;padding:7px 0}.order-line img{width:40px;height:40px;object-fit:cover;border-radius:9px;background:#f0f2f7}.order-line div{flex:1;min-width:0}.order-line b{font-size:11px;display:block}.order-line small{font-size:10px;color:var(--muted)}.order-line span{font-size:11px;font-weight:800}.order-total{display:flex;justify-content:space-between;border-top:1px solid #edf0f5;padding-top:12px;font-size:11px}.site-footer{background:#171d31;color:#d4d9e6;padding:45px 0 0}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr .8fr 1fr;gap:35px;padding-bottom:32px}.brand-footer .brand-mark{box-shadow:none}.brand-footer .brand-copy b{color:#fff}.footer-brand p{max-width:300px;color:#98a3b9;font-size:11px;line-height:1.8;margin:16px 0 0}.footer-grid h3{font:800 11px Manrope;text-transform:uppercase;letter-spacing:.7px;margin:7px 0 16px;color:#fff}.footer-link{display:block;background:transparent;border:0;color:#98a3b9;text-align:left;padding:0;margin:0 0 11px;font-size:11px}.footer-link:hover{color:#fff}.footer-small{display:block;color:#77839b;font-size:10px;line-height:1.7}.footer-bottom{border-top:1px solid #2a3248;min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#77839b}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#182033;color:#fff;border:1px solid #34405a;box-shadow:var(--shadow);border-radius:12px;padding:12px 17px;font-size:12px;font-weight:700;max-width:calc(100% - 30px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Drawers and modal surfaces */
.overlay{position:fixed;inset:0;background:#11182bb3;backdrop-filter:blur(4px);z-index:50;display:flex;justify-content:flex-end}.drawer{background:#fff;height:100%;width:min(470px,100%);display:flex;flex-direction:column;box-shadow:-15px 0 50px #10172c1f;animation:slidein .2s ease}.modal-overlay{justify-content:center;align-items:center;padding:20px;overflow:auto}.modal{background:#fff;width:min(620px,100%);max-height:min(92vh,900px);overflow:auto;border-radius:20px;box-shadow:0 30px 100px #0f172a40;animation:popin .18s ease}.modal.wide{width:min(850px,100%)}.surface-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--line)}.surface-head h2{font:800 18px Manrope;letter-spacing:-.4px;margin:0}.surface-head p{color:var(--muted);font-size:10px;margin:4px 0 0}.close-button{border:0;background:#f2f3f8;color:#4d5870;border-radius:9px;width:34px;height:34px;font-size:20px;line-height:1}.surface-body{padding:22px;overflow:auto}.surface-foot{padding:17px 22px;border-top:1px solid var(--line);background:#fafbfe}.cart-items{padding:15px 20px;overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:72px minmax(0,1fr) 26px;align-items:start;gap:12px;padding:14px 0;border-bottom:1px solid #eff1f6}.cart-item img{width:72px;height:72px;border-radius:12px;object-fit:cover;background:#f0f2f7}.cart-item h4{font:700 12px/1.45 Manrope;margin:0 0 4px}.cart-item p{font-size:10px;color:var(--muted);margin:0 0 7px}.cart-item .line-price{font:800 13px Manrope}.qty-control{display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:#f3f4fa;border-radius:8px;padding:3px}.qty-control button{border:0;background:transparent;color:#4d5870;width:22px;height:22px;font-weight:900}.qty-control span{font-size:10px;font-weight:800;min-width:10px;text-align:center}.remove-item{border:0;background:transparent;color:#a2a9b8;font-size:18px;padding:0}.remove-item:hover{color:var(--danger)}.cart-summary-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:10px;color:#647087}.cart-summary-row.total{font-weight:900;color:var(--ink);font:800 17px Manrope;padding-top:10px;border-top:1px solid var(--line);margin-top:12px}.cart-summary-row.total span:first-child{font:700 12px 'DM Sans'}.cart-empty{text-align:center;padding:55px 25px;color:var(--muted)}.cart-empty .empty-icon{font-size:40px}.cart-empty h3{font:800 16px Manrope;color:var(--ink)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:25px}.product-detail img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:#f0f2f7}.product-detail h2{font:800 22px/1.25 Manrope;letter-spacing:-.8px;margin:8px 0 10px}.product-detail .large-price{font:800 24px Manrope;margin:12px 0}.product-detail .muted-copy{color:var(--muted);font-size:12px;line-height:1.8}.loading-state{text-align:center;padding:70px 0;color:var(--muted);font-size:12px}.loader{display:inline-block;width:26px;height:26px;border:3px solid #e4e6f0;border-top-color:var(--brand);border-radius:50%;animation:spin .65s linear infinite}.loading-state p{margin-top:14px}.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.danger-text{font-size:10px;color:#b42318}.muted-copy{color:var(--muted);font-size:11px}.divider{height:1px;background:var(--line);margin:18px 0}.checkbox-row{display:flex;align-items:start;gap:9px;color:#68738a;font-size:11px}.checkbox-row input{margin-top:3px}
@keyframes slidein{from{transform:translateX(16px);opacity:.6}to{transform:translateX(0);opacity:1}}@keyframes popin{from{transform:translateY(8px) scale(.99);opacity:.5}to{transform:translateY(0) scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.header-main{gap:18px}.brand-copy b{font-size:16px}.search-form{max-width:none}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-image-wrap{height:195px}.hero{padding:35px;grid-template-columns:1.2fr .8fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:25px}.footer-grid>div:last-child{grid-column:2/4}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.container{width:min(100% - 28px,1200px)}.announcement-inner{min-height:31px;font-size:9px}.announcement-right{display:none}.header-main{min-height:72px;gap:11px;flex-wrap:wrap;padding-top:11px;padding-bottom:11px}.brand-mark{width:38px;height:38px;border-radius:12px;font-size:16px}.brand-copy b{font-size:15px}.brand-copy small{font-size:7px;letter-spacing:.9px}.header-actions{gap:5px}.header-link{padding:7px 4px;font-size:0}.action-icon{font-size:22px}.cart-button{padding:10px 10px;gap:7px}.mobile-menu-button{display:block}.search-form{order:3;flex:0 0 100%;max-width:none;height:41px}.nav-inner{align-items:flex-start;min-height:0;flex-direction:column;gap:0}.nav-row .container{padding:0}.main-nav{overflow:auto;width:100%;height:43px;padding:0 14px;gap:21px;display:none}.nav-row.mobile-open .main-nav{display:flex}.nav-note{display:none}.page-content{padding-top:20px;padding-bottom:45px}.hero{grid-template-columns:1fr;padding:28px 24px;min-height:0}.hero h1{font-size:31px}.hero p{font-size:12px}.hero-pills{display:grid;grid-template-columns:1fr 1fr;width:100%;justify-self:stretch;margin-top:26px}.hero-pill{padding:10px;gap:8px}.hero-pill b{font-size:13px}.hero-pill span{font-size:9px}.pill-icon{width:34px;height:34px;font-size:18px}.section{margin-top:28px}.section-heading h2,.page-title{font-size:19px}.section-heading p{font-size:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-image-wrap{height:clamp(135px,42vw,200px)}.product-info{padding:11px}.product-name{font-size:11px;min-height:34px}.product-desc{font-size:9px;margin-bottom:10px}.price{font-size:14px}.product-bottom{gap:5px;margin-top:11px}.add-button{height:31px;padding:0 9px;font-size:9px}.product-tag{left:7px;top:7px;font-size:8px}.store-grid{grid-template-columns:1fr}.store-banner{padding:18px;align-items:flex-start}.store-banner h1{font-size:20px}.dashboard-layout{grid-template-columns:1fr;gap:12px}.dashboard-side{padding:12px}.dashboard-user{padding:5px 5px 12px}.dash-nav{flex-direction:row;overflow:auto}.dash-tab{white-space:nowrap;padding:9px}.dashboard-main{padding:16px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card b{font-size:19px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;padding:14px 0;gap:5px}.product-detail{grid-template-columns:1fr;gap:16px}.product-detail img{max-height:260px;aspect-ratio:4/3}.modal-overlay{padding:10px}.modal{max-height:95vh;border-radius:16px}.surface-body{padding:16px}.surface-head{padding:16px}.order-card-head{flex-direction:column}.results-toolbar{align-items:flex-start;flex-direction:column}.search-form button{padding:9px 12px}}
@media(max-width:380px){.product-grid{gap:8px}.product-info{padding:9px}.product-image-wrap{height:128px}.product-name{font-size:10px}.product-bottom{flex-wrap:wrap}.add-button{margin-left:0}.hero h1{font-size:28px}.hero-pills{grid-template-columns:1fr}.hero-pill{padding:11px}}

/* Customer/vendor/admin operations upgrade */
.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.chart-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:17px;min-width:0}.chart-card h3{font:800 13px Manrope;margin:0 0 14px;letter-spacing:-.2px}.chart-bars{display:flex;flex-direction:column;gap:9px;max-height:390px;overflow:auto;padding-right:2px}.chart-line{display:grid;grid-template-columns:78px minmax(45px,1fr) auto;align-items:center;gap:9px;font-size:10px}.chart-label{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-track{height:9px;background:#f0f1f8;border-radius:99px;overflow:hidden}.chart-track i{display:block;height:100%;background:linear-gradient(90deg,#7067f5,#4f46e5);border-radius:99px;min-width:0}.chart-line b{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.rank-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f5;font-size:11px}.rank-row:last-child{border-bottom:0}.rank-row span{font-weight:700;min-width:0;overflow-wrap:anywhere}.rank-row b{font:800 11px Manrope;text-align:right}.rank-row small{grid-column:1/-1;color:var(--muted);font-size:10px}.stars{color:#d99a19;letter-spacing:1px;white-space:nowrap}.review-summary{font-size:11px;color:#6b7487;margin:8px 0}.reviews-section{margin-top:22px}.reviews-section h3{font:800 15px Manrope}.review-card{border:1px solid var(--line);border-radius:12px;padding:13px 14px;margin:10px 0}.review-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-title-row strong{font:800 12px Manrope}.review-card p{font-size:12px;color:#68738a;line-height:1.7;margin:8px 0}.review-card small{color:var(--muted);font-size:10px}.review-form{background:#f9faff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:16px}.review-form h3{margin:0 0 14px}.notification-unread{border-color:#c9c7ff;background:#fcfbff}.inline-check{display:flex;align-items:center;gap:8px;font-size:11px;color:#647087;margin-top:6px}.inline-check input{width:auto}.stat-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.dashboard-main .analytics-grid .notice{margin-top:12px}
@media(max-width:740px){.analytics-grid{grid-template-columns:1fr}.chart-line{grid-template-columns:66px minmax(35px,1fr) auto;gap:7px}.chart-card{padding:13px}.rank-row{font-size:10px}}

.product-rating{font-size:10px;color:var(--muted);margin:5px 0 8px}.product-rating .stars{font-size:10px}.button-row button:disabled,.button-secondary:disabled,.button-primary:disabled{opacity:.5;cursor:not-allowed}

.results-count{font-size:11px;color:var(--muted);margin:16px 0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0;flex-wrap:wrap;color:var(--muted);font-size:11px}.pagination-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pagination-page{min-width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--ink);cursor:pointer;font-weight:700;font-size:11px}.pagination-page.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.pagination-nav{padding:8px 11px;min-height:34px}@media(max-width:600px){.pagination{align-items:flex-start;flex-direction:column}.pagination-controls{width:100%}.pagination-page{min-width:30px;height:32px}}


/* Daily Mart 365 — premium forest / ivory / champagne design system */
:root {
  --ink:#192c24;
  --muted:#6c786f;
  --line:#e5e2d8;
  --paper:#f7f5ef;
  --white:#fffefa;
  --brand:#164b3b;
  --brand-dark:#0b3428;
  --soft:#eaf0e9;
  --mint:#3d7861;
  --orange:#c6a15b;
  --danger:#ad433b;
  --shadow:0 22px 64px rgba(17,44,33,.09);
  --radius:18px;
}
html { scroll-padding-top:125px; }
body { background:var(--paper); color:var(--ink); font-family:'DM Sans',system-ui,sans-serif; letter-spacing:-.01em; }
::selection { background:#d9c18c; color:#153b2d; }
a,button,input,select,textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid #c6a15b; outline-offset:3px; }
.container { width:min(1320px,calc(100% - 56px)); }
.announcement { background:#0a2c22; color:#eadfbe; font-size:10px; letter-spacing:.045em; }
.announcement-inner { min-height:33px; }
.announcement-star,.footer-gold { color:#d5b875; }
.announcement-separator { color:#9bb4a5; padding:0 4px; }
.site-header { background:rgba(250,248,242,.96); border-bottom:1px solid #deded1; box-shadow:0 4px 22px rgba(22,54,40,.035); }
.header-main { min-height:90px; gap:29px; }
.brand { gap:11px; }
.brand-mark-img { width:48px; height:48px; display:block; flex:0 0 auto; filter:drop-shadow(0 4px 8px #0d35251c); }
.brand-copy { gap:0; }
.brand-copy b { font:500 23px/1.15 'Playfair Display',Georgia,serif; letter-spacing:-.7px; color:#153a2d; display:block; white-space:nowrap; }
.brand-daily { font-weight:600; }
.brand-mart { font-family:'DM Sans',sans-serif; font-size:.78em; letter-spacing:-.8px; font-weight:700; }
.brand-365 { color:#ae8743; font-size:.76em; font-family:'DM Sans',sans-serif; font-weight:800; letter-spacing:-.5px; vertical-align:2px; }
.brand-copy small { color:#7b8378; font-size:8px; letter-spacing:2.1px; margin-top:5px; font-weight:800; }
.search-form { height:48px; background:#fffefa; border:1px solid #dcded3; border-radius:4px; padding:4px 5px 4px 16px; max-width:600px; box-shadow:0 3px 10px #20392c05; }
.search-form:focus-within { border-color:#b99a5d; box-shadow:0 0 0 3px #c6a15b1c; }
.search-icon { color:#68786d; font-size:23px; }
.search-form input { font-size:12px; color:#203a2d; }
.search-form input::placeholder { color:#91988e; }
.search-form button,.button-primary { background:var(--brand); color:#fffdf5; border-radius:3px; border:1px solid var(--brand); box-shadow:none; font-weight:800; letter-spacing:.01em; }
.search-form button { padding:11px 18px; }
.search-form button:hover,.button-primary:hover { background:#0b3528; border-color:#0b3528; color:#fff; transform:translateY(-1px); box-shadow:0 8px 20px #123d2f1a; }
.header-actions { gap:12px; }
.header-link { color:#43564a; padding:9px 3px; align-items:center; gap:8px; }
.header-link:hover { color:#a17b36; }
.action-icon { color:#164b3b; font-size:22px; }
.header-link-copy { display:flex; flex-direction:column; align-items:flex-start; gap:1px; }
.header-link-copy small { font-size:9px; color:#8a9388; font-weight:600; }
.header-link-copy strong { font-size:11px; font-weight:800; color:#263d30; }
.cart-button { border-radius:3px; background:#143e30; color:#fffaf0; padding:11px 14px; border:1px solid #143e30; }
.cart-button:hover { background:#0a3024; }
.cart-glyph { font-size:17px; color:#d8bd7e; }
.cart-copy { display:flex; align-items:center; gap:9px; }
.cart-count { border-radius:50%; min-width:21px; width:21px; height:21px; background:#d4b875; color:#173b2d; }
.nav-row { border-top:1px solid #e8e5db; }
.nav-inner { min-height:46px; }
.main-nav { gap:30px; height:46px; }
.nav-item { height:46px; font-size:11px; font-weight:700; letter-spacing:.015em; color:#526358; border-bottom-width:2px; }
.nav-item:hover,.nav-item.active { color:#174b3a; border-bottom-color:#bd9a59; }
.nav-note { font-size:10px; letter-spacing:.01em; color:#748076; }
.status-dot { background:#b49a5c; box-shadow:0 0 0 4px #b49a5c20; }
.page-content { padding-top:30px; padding-bottom:76px; }
.eyebrow { font-size:9px; letter-spacing:2px; color:#9d7b3b; font-weight:800; text-transform:uppercase; }
.eyebrow:before { background:#be9a57; }
.hero.premium-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr); align-items:center; gap:35px; min-height:475px; padding:53px 58px 60px; border-radius:4px; overflow:hidden; background:radial-gradient(circle at 82% 8%,#28654e 0,#174633 25%,#0a2c22 70%); box-shadow:0 20px 45px #0e36251b; }
.hero.premium-hero:before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(#e7d39e,#ae8844); }
.hero.premium-hero:after { width:520px; height:520px; right:-105px; top:-245px; border:1px solid #dfc68c38; box-shadow:0 0 0 36px #dfc68c0b,0 0 0 80px #dfc68c08,0 0 0 126px #dfc68c06; pointer-events:none; }
.premium-hero .hero-copy { z-index:2; max-width:610px; }
.premium-hero .eyebrow { color:#dbc38b; }
.hero-kicker { margin:15px 0 9px!important; color:#ddcda7!important; font:500 15px/1.4 'Playfair Display',Georgia,serif!important; letter-spacing:.02em; }
.premium-hero h1 { font:500 clamp(38px,4.1vw,58px)/1.08 'Playfair Display',Georgia,serif; letter-spacing:-1.9px; max-width:600px; margin:0 0 17px; color:#fffdf6; }
.premium-hero h1 em { color:#e5cb8c; font-style:normal; }
.premium-hero .hero-description { color:#d0ddd2; font-size:13px; line-height:1.9; max-width:460px; margin:0 0 24px; }
.hero-buttons { gap:11px; }
.hero-primary { display:inline-flex; align-items:center; gap:13px; background:#d1b474; color:#112f24; border-color:#d1b474; border-radius:3px; padding:14px 19px; }
.hero-primary:hover { background:#e3cc93; border-color:#e3cc93; color:#112f24; }
.hero-secondary { border-radius:3px; border-color:#ffffff42; background:#ffffff09; color:#f7f2e6; padding:13px 18px; }
.hero-secondary:hover { border-color:#ddc38a; color:#ead39a; background:#ffffff12; }
.hero-note { display:flex; align-items:center; gap:9px; margin-top:28px; color:#b6c9bb; font-size:10px; }
.hero-note strong { color:#f0e7d4; font-weight:800; }
.hero-note-mark { color:#d8bd7e; font-size:16px; }
.hero-visual { position:relative; width:100%; min-height:345px; display:flex; align-items:center; justify-content:center; isolation:isolate; }
.hero-editorial-image { width:min(360px,81%); height:330px; position:relative; overflow:hidden; border:1px solid #d6bb783e; box-shadow:0 25px 58px #041b13a6; background:#bdb09a; transform:rotate(1.5deg); z-index:1; }
.hero-editorial-image img { display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.68) contrast(.96); }
.image-shade { position:absolute; inset:0; background:linear-gradient(180deg,#0a281d05 24%,#0b271ce6 100%); }
.editorial-caption { position:absolute; left:23px; right:20px; bottom:26px; color:#fff8e7; display:flex; flex-direction:column; gap:10px; }
.editorial-caption small { font-size:8px; letter-spacing:2.2px; color:#e5c781; font-weight:800; }
.editorial-caption strong { font:500 30px/1.1 'Playfair Display',Georgia,serif; letter-spacing:-.5px; }
.hero-orbit { position:absolute; border:1px solid #d8bd7e35; border-radius:50%; pointer-events:none; }
.hero-orbit-one { width:410px; height:410px; }
.hero-orbit-two { width:490px; height:490px; }
.hero-seal { position:absolute; z-index:2; right:2px; top:22px; width:110px; height:110px; border:1px solid #d9bd7f; border-radius:50%; background:#143f30; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#e5cd91; box-shadow:0 9px 24px #03191068; transform:rotate(9deg); }
.hero-seal span { font:500 28px/1 'Playfair Display',Georgia,serif; }
.hero-seal small { text-align:center; font-size:7px; line-height:1.6; letter-spacing:1.1px; margin-top:7px; }
.hero-floating-card { position:absolute; z-index:3; left:-3px; bottom:18px; background:#fcf8ed; color:#173b2c; display:flex; align-items:center; gap:11px; padding:13px 15px; box-shadow:0 11px 34px #04190f4d; max-width:245px; }
.floating-star { color:#ac8642; font-size:22px; }
.hero-floating-card div { display:flex; flex-direction:column; gap:3px; }
.hero-floating-card strong { font:600 12px 'Playfair Display',Georgia,serif; }
.hero-floating-card small { font-size:9px; color:#768176; }
.hero-bottom-line { position:absolute; left:58px; right:58px; bottom:19px; border-top:1px solid #ffffff24; padding-top:11px; display:flex; justify-content:space-between; gap:14px; color:#9ab0a1; font-size:8px; letter-spacing:1.35px; font-weight:800; }
.promise-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#fffdf7; border:1px solid #e8e4d8; margin-top:20px; box-shadow:0 6px 20px #173b2a06; }
.promise-item { display:flex; align-items:center; gap:13px; padding:19px 17px; border-right:1px solid #e8e4d8; min-width:0; }
.promise-item:last-child { border-right:0; }
.promise-icon { flex:0 0 35px; width:35px; height:35px; display:grid; place-items:center; border:1px solid #ddd2b7; border-radius:50%; color:#946f35; font-size:17px; background:#fbf6e8; }
.promise-item div { min-width:0; display:flex; flex-direction:column; gap:3px; }
.promise-item strong { color:#294638; font-size:10px; font-weight:800; }
.promise-item small { color:#838a7e; font-size:9px; line-height:1.45; }
.premium-section { margin-top:51px; }
.premium-section-heading { align-items:end; margin-bottom:21px; }
.premium-section-heading .eyebrow { display:block; margin-bottom:9px; }
.premium-section-heading h2 { font:500 clamp(25px,2.6vw,34px)/1.15 'Playfair Display',Georgia,serif; letter-spacing:-.7px; color:#1a3729; }
.premium-section-heading p { color:#788276; font-size:11px; line-height:1.75; margin-top:8px; }
.section-index { color:#9c8351; font-size:8px; letter-spacing:1.4px; white-space:nowrap; font-weight:800; }
.premium-category-row { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; overflow:visible; }
.premium-category-chip { min-width:0; border:1px solid #e3dfd3; border-radius:3px; background:#fffdf7; padding:17px 13px; justify-content:flex-start; white-space:normal; color:#526356; transition:background .2s,border-color .2s,transform .2s; }
.premium-category-chip span { display:grid; place-items:center; width:33px; height:33px; border-radius:50%; background:#edf1e7; color:#315d42; font-size:18px; flex:0 0 auto; }
.premium-category-chip b { font-size:10px; text-align:left; line-height:1.35; }
.premium-category-chip:hover,.premium-category-chip.active { background:#eaf0e7; border-color:#a9baa6; color:#143c2e; transform:translateY(-2px); }
.premium-results-toolbar { padding:12px 0 15px; border-bottom:1px solid #e5e2d8; margin-bottom:18px; }
.premium-results-toolbar p { color:#8a9085; font-size:10px; }
.select-control { border-color:#dddcd0; border-radius:3px; background:#fffdf7; color:#4b5c4f; padding:10px 12px; font-size:10px; }
.product-grid.premium-product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:17px; }
.premium-product-grid .product-card { border-color:#e7e2d6; border-radius:3px; background:#fffefa; box-shadow:none; }
.premium-product-grid .product-card:hover { transform:translateY(-4px); border-color:#c7b78d; box-shadow:0 15px 35px #173c2a0c; }
.premium-product-grid .product-image-wrap { background:#f0ede4; height:245px; }
.premium-product-grid .product-image { mix-blend-mode:multiply; }
.premium-product-grid .product-tag { border-radius:2px; background:#eaf0e7; color:#315d42; box-shadow:none; letter-spacing:.4px; }
.premium-product-grid .product-tag.sale { background:#f3e7c8; color:#83612d; }
.premium-product-grid .product-info { padding:16px; }
.premium-product-grid .product-store { color:#97845d; letter-spacing:1px; font-size:8px; }
.premium-product-grid .product-name { color:#243c2d; font:600 14px/1.4 'Playfair Display',Georgia,serif; min-height:39px; }
.premium-product-grid .product-name:hover { color:#a17b3b; }
.premium-product-grid .price { color:#163f2f; font:700 17px 'DM Sans',sans-serif; }
.premium-product-grid .add-button { border-radius:2px; background:#e6ede4; color:#174b39; border:1px solid #d4e0d1; height:36px; font-size:10px; }
.premium-product-grid .add-button:hover { background:#164b3b; color:#fffefa; border-color:#164b3b; }
.premium-product-grid .button-quiet { background:#fbf8ef; color:#977640; border:1px solid #ece4d3; border-radius:2px; }
.catalog-empty { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr); align-items:center; gap:clamp(20px,4vw,55px); padding:38px 42px; background:#f1eee4; border:1px solid #e2ddce; border-radius:3px; min-height:315px; overflow:hidden; }
.catalog-empty-art { position:relative; min-height:230px; display:grid; place-items:center; }
.empty-orbit { position:absolute; width:210px; height:210px; border:1px solid #c4b68f; border-radius:50%; box-shadow:0 0 0 24px #c4b68f10,0 0 0 48px #c4b68f0a; }
.empty-box { position:relative; z-index:1; width:112px; height:122px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:linear-gradient(140deg,#1a5942,#0b3024); border:1px solid #c4a568; box-shadow:0 16px 32px #1b3c2d22; transform:rotate(-5deg); color:#e3ca8f; }
.empty-box:before { content:""; position:absolute; inset:7px; border:1px solid #e3ca8f55; }
.empty-box span { font:500 37px 'Playfair Display',Georgia,serif; }
.empty-box small { font:800 9px 'DM Sans',sans-serif; letter-spacing:2px; margin-top:4px; }
.empty-spark { position:absolute; z-index:2; color:#b18a45; }
.empty-spark-one { left:15%; top:22%; font-size:28px; }
.empty-spark-two { right:13%; bottom:18%; font-size:24px; }
.catalog-empty-copy .eyebrow { display:block; margin-bottom:10px; }
.catalog-empty-copy h3 { margin:0 0 12px; color:#1b392a; font:500 clamp(25px,2.8vw,35px)/1.15 'Playfair Display',Georgia,serif; letter-spacing:-.7px; }
.catalog-empty-copy>p { color:#617064; font-size:12px; line-height:1.8; max-width:530px; margin:0 0 12px; }
.catalog-empty-copy .catalog-note { font-size:10px; color:#879084; border-left:2px solid #c5a466; padding-left:13px; margin:14px 0 19px; }
.catalog-actions { gap:9px; }
.catalog-actions .button-primary,.catalog-actions .button-secondary { min-height:42px; }
.premium-empty { border-color:#dcd7c9; border-style:solid; border-radius:3px; background:#f1eee4; padding:48px 22px; }
.premium-empty .empty-icon { color:#9e7e40; }
.premium-empty h3 { color:#1b392b; font:500 24px 'Playfair Display',Georgia,serif; }
.premium-empty p { color:#707b70; }
.maker-section { background:#123b2d; color:#fff9ed; border-radius:3px; min-height:330px; display:grid; grid-template-columns:1.2fr .8fr; gap:25px; padding:47px 54px; position:relative; overflow:hidden; }
.maker-section:before { content:""; position:absolute; right:-80px; top:-190px; width:470px; height:470px; border:1px solid #dac58b35; border-radius:50%; box-shadow:0 0 0 33px #dac58b09,0 0 0 70px #dac58b06; }
.maker-copy { z-index:1; align-self:center; max-width:520px; }
.maker-copy .eyebrow { color:#d8c28b; }
.maker-copy h2 { margin:14px 0 15px; font:500 clamp(33px,3.8vw,47px)/1.1 'Playfair Display',Georgia,serif; letter-spacing:-1.2px; }
.maker-copy p { color:#c4d5c7; font-size:12px; line-height:1.9; max-width:420px; margin:0 0 22px; }
.maker-copy .button-primary { background:#d4b777; border-color:#d4b777; color:#15392a; }
.maker-copy .button-primary:hover { background:#e3cb92; }
.maker-copy>small { display:block; color:#9db8a5; font-size:9px; margin-top:12px; }
.maker-art { position:relative; min-height:230px; display:grid; place-items:center; }
.maker-circle { position:absolute; border:1px solid #d9c18455; border-radius:50%; }
.maker-circle-one { width:230px; height:230px; }
.maker-circle-two { width:180px; height:180px; }
.maker-letter { width:114px; height:132px; display:flex; align-items:center; justify-content:center; color:#e5cd93; font:500 78px 'Playfair Display',Georgia,serif; border:1px solid #d9c184; background:#174634; box-shadow:0 18px 42px #071c14a8; transform:rotate(5deg); position:relative; }
.maker-letter span { position:absolute; bottom:13px; right:13px; font:800 10px 'DM Sans',sans-serif; letter-spacing:1px; }
.maker-ribbon { position:absolute; bottom:10px; padding:8px 12px; background:#dfc98e; color:#214735; font-size:8px; letter-spacing:1.5px; font-weight:800; transform:rotate(-3deg); }
.values-section { margin-top:48px; }
.value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.value-card { position:relative; padding:23px 24px 26px; background:#fffdf7; border:1px solid #e6e1d5; min-height:220px; }
.value-number { position:absolute; right:20px; top:19px; color:#b19a68; font-size:9px; letter-spacing:1.5px; font-weight:800; }
.value-icon { color:#a78545; font-size:27px; height:43px; display:flex; align-items:center; }
.value-card h3 { margin:9px 0 9px; font:500 19px 'Playfair Display',Georgia,serif; color:#183d2e; }
.value-card p { margin:0; color:#778176; font-size:11px; line-height:1.8; max-width:330px; }
.stores-hero { min-height:270px; background:linear-gradient(120deg,#123b2d,#1f5941); padding:40px 48px; margin-bottom:40px; display:flex; align-items:center; justify-content:space-between; position:relative; overflow:hidden; color:#fff8e8; border-radius:3px; }
.stores-hero:after { content:""; position:absolute; right:-60px; top:-210px; width:430px; height:430px; border:1px solid #d6bf8639; border-radius:50%; box-shadow:0 0 0 32px #d6bf8609,0 0 0 70px #d6bf8606; }
.stores-hero .eyebrow { color:#d8c28c; }
.stores-hero h1 { margin:14px 0 11px; font:500 clamp(31px,4vw,46px)/1.12 'Playfair Display',Georgia,serif; letter-spacing:-1px; }
.stores-hero p { color:#cadacb; font-size:12px; line-height:1.8; max-width:400px; margin:0; }
.stores-hero-stamp { z-index:1; width:110px; height:110px; border:1px solid #d9c18a; color:#e4cd95; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; margin-right:60px; transform:rotate(8deg); }
.stores-hero-stamp span { font:500 32px 'Playfair Display',Georgia,serif; }
.stores-hero-stamp small { font-size:7px; line-height:1.6; letter-spacing:1px; text-align:center; margin-top:5px; }
.premium-page-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:22px; }
.premium-page-heading .eyebrow { display:block; margin-bottom:8px; }
.premium-page-heading .page-title { font:500 32px 'Playfair Display',Georgia,serif; color:#183d2e; }
.premium-page-heading p { color:#768277; }
.premium-store-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.premium-store-card { background:#fffdf7; border:1px solid #e5e0d4; border-radius:3px; padding:23px; gap:17px; }
.premium-store-avatar { width:57px; height:57px; border-radius:50%; background:#153f30; color:#d6bd82; border:1px solid #c6a66b; font:500 25px 'Playfair Display',Georgia,serif; }
.store-card-copy { min-width:0; flex:1; }
.store-eyebrow { color:#a58548; font-size:8px; font-weight:800; letter-spacing:1.3px; }
.premium-store-card h3 { margin:6px 0; font:500 21px 'Playfair Display',Georgia,serif; color:#193a2b; }
.premium-store-card p { color:#798176; font-size:11px; line-height:1.75; }
.premium-store-card .store-meta { color:#8e7950; font-size:9px; letter-spacing:.2px; }
.premium-store-card .store-meta span { padding:0 3px; color:#c4b18a; }
.premium-store-card .button-secondary { border-radius:3px; border-color:#d6d8cb; background:transparent; color:#214b38; font-size:10px; }
.premium-store-card .button-secondary:hover { background:#eaf0e7; border-color:#afc3ad; }
.stores-cta { margin-top:28px; padding:26px 30px; background:#e9e6da; display:flex; align-items:center; justify-content:space-between; gap:20px; border-left:3px solid #b99652; }
.stores-cta .eyebrow { display:block; margin-bottom:7px; }
.stores-cta h2 { font:500 26px/1.1 'Playfair Display',Georgia,serif; color:#193a2b; margin:0 0 8px; }
.stores-cta p { margin:0; color:#798176; font-size:11px; }
.premium-store-banner { border-radius:3px; border:1px solid #ded8c7; background:linear-gradient(110deg,#eeeadc,#f8f4e9); padding:30px; margin-bottom:29px; }
.premium-store-banner h1 { font:500 32px 'Playfair Display',Georgia,serif; color:#183d2e; margin:9px 0 8px; }
.premium-store-banner p { color:#6f7c70; line-height:1.8; }
.store-listing-count { margin-top:10px!important; font-size:10px!important; }
.integration-page-head .eyebrow { display:block; margin-bottom:8px; }
.integration-page-head h2 { font:500 28px 'Playfair Display',Georgia,serif; color:#183d2e; }
.integration-notice { display:flex; gap:14px; padding:16px 18px; background:#f4eedc; border:1px solid #e5d7b3; border-left:3px solid #b8944e; margin:17px 0 23px; color:#5e604e; }
.integration-notice-mark { color:#a98643; font-size:22px; }
.integration-notice strong { font-size:11px; color:#304b38; }
.integration-notice p { margin:5px 0 0; font-size:10px; line-height:1.75; }
.integration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.integration-card { background:#fffdf7; border:1px solid #e5e1d6; padding:21px; min-width:0; }
.integration-card-top { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.integration-icon { width:39px; height:39px; display:grid; place-items:center; background:#edf1e7; border:1px solid #dce5d7; color:#1b523b; font-size:19px; border-radius:50%; }
.integration-status { padding:5px 7px; background:#f4eddb; border:1px solid #e9dfc1; color:#88703e; font-size:7px; font-weight:800; letter-spacing:1px; }
.integration-kicker { display:block; margin-top:17px; color:#9b7d45; font-size:8px; letter-spacing:1.5px; font-weight:800; }
.integration-card h3 { margin:5px 0 8px; color:#183b2b; font:500 21px 'Playfair Display',Georgia,serif; }
.integration-card p { margin:0; color:#778176; font-size:10px; line-height:1.8; min-height:68px; }
.integration-card dl { margin:16px 0 12px; border-top:1px solid #ece7da; }
.integration-card dl div { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:9px 0; border-bottom:1px solid #efebe0; }
.integration-card dt { color:#899085; font-size:9px; }
.integration-card dd { margin:0; color:#697367; font-size:9px; text-align:right; font-weight:700; overflow-wrap:anywhere; }
.integration-footer { color:#9b854e; font-size:9px; }
.integration-security { display:flex; flex-direction:column; gap:6px; padding:17px 19px; background:#123b2d; color:#e6eadf; margin-top:18px; }
.integration-security strong { font-size:10px; color:#e4cd92; }
.integration-security span { font-size:10px; line-height:1.8; color:#c3d1c6; }
.site-footer { background:#0b2c22; color:#e0e6dc; padding-top:48px; border-top:3px solid #bc9957; }
.brand-footer .brand-mark-img { filter:none; }
.brand-footer .brand-copy b { color:#fcf7e8; }
.brand-footer .brand-daily,.brand-footer .brand-mart { color:#fcf7e8; }
.brand-footer .brand-365 { color:#d4b477; }
.brand-footer .brand-copy small { color:#aab9a8; }
.footer-brand p { color:#a9bbab; line-height:1.9; }
.footer-grid h3 { color:#e7d4a0; font-size:9px; letter-spacing:1.8px; }
.footer-link { color:#afc0b0; font-size:10px; }
.footer-link:hover { color:#f5dfab; }
.footer-small { color:#9db09f; font-size:9px; line-height:1.85; }
.footer-bottom { border-color:#ffffff20; color:#93aa99; letter-spacing:.03em; font-size:9px; }
.button-primary,.button-secondary,.button-danger,.button-quiet,.button-light { transition:background .18s,border-color .18s,transform .18s,color .18s,box-shadow .18s; }
.button-secondary,.button-danger,.button-quiet { border-radius:3px; font-size:10px; }
.button-secondary { border-color:#dadfd3; background:#fffdf7; color:#305441; }
.button-secondary:hover { border-color:#9db79f; color:#143e2e; background:#edf2e9; }
.button-danger { border-color:#ecd6ce; background:#fff8f5; color:#a04435; }
.button-quiet { background:#f4f0e5; border-color:#e5ddc9; color:#735c30; }
.form-field input,.form-field textarea,.form-field select { border-radius:3px; border-color:#dedfd3; background:#fffefa; }
.form-field input:focus,.form-field textarea:focus,.form-field select:focus { border-color:#a6b99d; box-shadow:0 0 0 3px #164b3b12; }
.auth-tabs { border-radius:3px; background:#f0eee5; }
.auth-tab.active { color:#174633; border-radius:2px; }
.dashboard-side,.dashboard-main,.stat-card,.chart-card,.order-card { border-color:#e4e0d5; border-radius:3px; background:#fffdf7; }
.dashboard-side { background:#f2f0e7; }
.dash-tab { border-radius:2px; }
.dash-tab:hover,.dash-tab.active { background:#dfe9dc; color:#174833; }
.stat-card { background:#fffefa; }
.stat-card b { color:#193e2f; }
th { background:#f1eee4; color:#7b7d6b; }
.table-wrap { border-color:#e3dfd2; border-radius:3px; }
td,th { border-bottom-color:#ece8dd; }
.badge { border-radius:2px; }
.badge.approved,.badge.active { background:#e2ede0; color:#2f6845; }
.badge.pending { background:#f4e9cb; color:#8b6b2e; }
.badge.rejected,.badge.cancelled,.badge.disabled { background:#f7e5df; color:#a54436; }
.notice.info { background:#eaf0e8; color:#315945; }
.notice.warn { background:#f6efd9; color:#80652f; }
.notice.success { background:#e4efe1; color:#2c6945; }
.notice.error { background:#f8e7e0; color:#9f3b31; }
.toast { background:#103a2b; border-color:#315b45; border-radius:3px; }
.overlay { background:#061d16b8; }
.modal { border-radius:3px; }
.drawer { box-shadow:-20px 0 60px #0a271c2b; }
.surface-head { border-color:#e4e0d5; }
.cart-item { border-color:#ebe7dc; }
.cart-empty { color:#7a857a; }
.cart-summary-row.total { color:#173e2d; border-color:#dedfd3; }
.product-detail .large-price { color:#174732; }
.loading-state { color:#7b887d; }
.loader { border-color:#e5e3d8; border-top-color:#164b3b; }
.chart-track { background:#eeece2; }
.chart-track i { background:linear-gradient(90deg,#d5bb7c,#1b6345); }
.pagination-page.active { background:#174b39; border-color:#174b39; }
@media (min-width:1200px) { .hero.premium-hero { min-height:500px; } }
@media (max-width:1100px) {
  .header-main { gap:17px; }
  .main-nav { gap:22px; }
  .promise-item { padding:15px 12px; }
  .promise-item strong { font-size:9px; }
  .promise-item small { font-size:8px; }
  .hero.premium-hero { padding:43px 42px 58px; grid-template-columns:1fr .88fr; gap:15px; }
  .hero-bottom-line { left:42px; right:42px; }
  .hero-visual { min-height:300px; }
  .hero-editorial-image { height:300px; }
  .product-grid.premium-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:740px) {
  .container { width:min(100% - 28px,1320px); }
  .announcement { letter-spacing:0; }
  .header-main { gap:11px; }
  .brand-mark-img { width:40px; height:40px; }
  .brand-copy b { font-size:19px; }
  .brand-copy small { font-size:7px; letter-spacing:1.5px; }
  .header-actions { gap:5px; }
  .header-link-copy { display:none; }
  .cart-button { padding:9px 10px; }
  .nav-inner { flex-direction:column; align-items:flex-start; }
  .main-nav { gap:20px; }
  .nav-note { display:none; }
  .hero.premium-hero { display:flex; flex-direction:column; align-items:stretch; gap:18px; padding:29px 23px 56px; min-height:0; }
  .premium-hero h1 { font-size:clamp(34px,9vw,47px); letter-spacing:-1.2px; }
  .premium-hero .hero-description { font-size:12px; }
  .hero-visual { min-height:285px; margin-top:0; }
  .hero-editorial-image { width:min(78%,310px); height:265px; }
  .hero-seal { width:85px; height:85px; top:9px; right:1px; }
  .hero-seal span { font-size:22px; }
  .hero-seal small { font-size:6px; }
  .hero-floating-card { left:0; bottom:5px; max-width:220px; padding:10px 12px; }
  .hero-orbit-one { width:300px; height:300px; }
  .hero-orbit-two { width:355px; height:355px; }
  .hero-bottom-line { left:23px; right:23px; bottom:16px; font-size:6px; letter-spacing:.7px; }
  .promise-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .promise-item { border-bottom:1px solid #e8e4d8; }
  .promise-item:nth-child(2) { border-right:0; }
  .promise-item:nth-child(n+3) { border-bottom:0; }
  .promise-item strong { font-size:10px; }
  .promise-item small { font-size:9px; }
  .premium-section { margin-top:35px; }
  .section-index { font-size:7px; letter-spacing:.8px; white-space:normal; text-align:right; }
  .premium-category-row { display:flex; overflow:auto; padding-bottom:9px; gap:8px; }
  .premium-category-chip { flex:0 0 auto; min-width:145px; padding:12px; }
  .product-grid.premium-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .premium-product-grid .product-image-wrap { height:clamp(145px,43vw,220px); }
  .premium-product-grid .product-info { padding:11px; }
  .premium-product-grid .product-name { font-size:12px; }
  .premium-product-grid .price { font-size:14px; }
  .premium-product-grid .product-bottom { flex-wrap:wrap; }
  .premium-product-grid .add-button { margin-left:0; }
  .catalog-empty { grid-template-columns:1fr; gap:10px; padding:22px 19px 26px; }
  .catalog-empty-art { min-height:175px; }
  .empty-orbit { width:155px; height:155px; }
  .empty-box { width:86px; height:96px; }
  .empty-box span { font-size:30px; }
  .catalog-empty-copy h3 { font-size:27px; }
  .catalog-actions { align-items:stretch; }
  .catalog-actions button { flex:1; }
  .maker-section { grid-template-columns:1fr; gap:4px; padding:30px 24px 23px; }
  .maker-copy h2 { font-size:36px; }
  .maker-art { min-height:190px; }
  .maker-circle-one { width:175px; height:175px; }
  .maker-circle-two { width:140px; height:140px; }
  .maker-letter { width:86px; height:100px; font-size:59px; }
  .maker-ribbon { bottom:0; }
  .value-grid { grid-template-columns:1fr; }
  .value-card { min-height:0; padding:20px; }
  .stores-hero { padding:28px 23px; min-height:220px; }
  .stores-hero-stamp { width:75px; height:75px; margin:0; flex:0 0 auto; }
  .stores-hero-stamp span { font-size:22px; }
  .stores-hero-stamp small { font-size:5px; }
  .premium-store-grid { grid-template-columns:1fr; }
  .premium-store-banner { padding:20px; }
  .premium-store-banner h1 { font-size:27px; }
  .stores-cta { flex-direction:column; align-items:flex-start; padding:22px; }
  .integration-grid { grid-template-columns:1fr; }
  .integration-card p { min-height:0; }
  .integration-card { padding:18px; }
  .premium-page-heading { align-items:flex-start; }
  .dashboard-main { padding:16px; }
  .dashboard-side { background:#f2f0e7; }
  .footer-grid { gap:23px 17px; }
}
@media(max-width:380px) {
  .brand { gap:7px; }
  .brand-mark-img { width:35px; height:35px; }
  .brand-copy b { font-size:17px; }
  .cart-copy { gap:5px; }
  .cart-button { padding:8px; }
  .hero-buttons { align-items:stretch; }
  .hero-buttons button { font-size:10px; }
  .hero-bottom-line span:nth-child(2) { display:none; }
  .promise-item { padding:12px 8px; gap:8px; }
  .promise-icon { flex-basis:28px; width:28px; height:28px; font-size:14px; }
  .catalog-actions { flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}

.search-icon { display:flex; align-items:center; justify-content:center; flex:0 0 auto; transform:none; }
.cart-glyph { display:flex; align-items:center; justify-content:center; line-height:1; }
.cart-glyph svg { display:block; }


/* Seller-reported shipment progress; intentionally independent of live courier APIs. */
.order-progress { display:flex; align-items:flex-start; gap:0; margin:10px 0 3px; max-width:390px; }
.tracking-step { flex:1; min-width:0; position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; color:#a0a69a; font-size:8px; }
.tracking-step:not(:last-child):after { content:""; position:absolute; top:10px; left:calc(50% + 12px); width:calc(100% - 24px); height:1px; background:#dcded2; }
.tracking-node { position:relative; z-index:1; display:grid; place-items:center; width:21px; height:21px; border:1px solid #d6dacf; border-radius:50%; color:#9ba498; background:#faf8f1; font-size:8px; font-weight:800; }
.tracking-step.is-done { color:#487357; }
.tracking-step.is-done:after { background:#9fbea1; }
.tracking-step.is-done .tracking-node { background:#174b39; border-color:#174b39; color:#fff9e9; }
.tracking-step.is-current { color:#775b29; font-weight:800; }
.tracking-step.is-current .tracking-node { background:#dfc587; border-color:#b99551; color:#193c2b; }
.tracking-note { display:block; margin-top:4px; max-width:420px; font-size:9px; line-height:1.6; color:#8a9285; }
.tracking-cancelled { display:inline-block; color:#a04435; font-size:10px; font-weight:800; background:#f8e7e0; padding:6px 8px; }
.order-progress.is-cancelled { margin-bottom:7px; }
.order-line { align-items:flex-start; }
.order-line>div { flex:1; min-width:0; }
.order-line .order-progress { margin-top:9px; }
.order-line .tracking-note { margin-top:4px; }
.checkout-methods { display:grid; grid-template-columns:1fr; gap:8px; margin-top:9px; }
.checkout-method { display:flex; align-items:center; gap:11px; padding:12px; border:1px solid #e4e0d5; background:#fffdf7; }
.checkout-method.is-active { border-color:#9ab69b; background:#eff4eb; }
.checkout-method.is-pending { background:#f8f6ef; opacity:.78; }
.checkout-method input { width:auto; margin:0; accent-color:#164b3b; }
.checkout-method-copy { display:flex; flex-direction:column; gap:3px; flex:1; }
.checkout-method-copy strong { font-size:10px; color:#294738; }
.checkout-method-copy small { color:#7d877a; font-size:9px; }
.checkout-method-status { color:#8a7341; font-size:7px; font-weight:800; letter-spacing:1px; white-space:nowrap; }
.checkout-method.is-active .checkout-method-status { color:#3e704a; }
@media(max-width:500px) {
  .order-line .order-progress { max-width:100%; }
  .tracking-step small { font-size:7px; }
  .tracking-step:not(:last-child):after { width:calc(100% - 19px); left:calc(50% + 10px); }
  .tracking-node { width:18px; height:18px; }
  .checkout-method { padding:10px; gap:8px; }
  .checkout-method-status { font-size:6px; letter-spacing:.5px; }
}


/* Dedicated vendor journey: separate entry points from the customer account. */
.seller-onboarding-page,.vendor-registration-page,.vendor-auth-page { max-width:1320px; margin:0 auto; }
.seller-onboarding-page { display:grid; gap:22px; }
.seller-onboarding-hero { position:relative; display:grid; grid-template-columns:1.2fr .8fr; gap:30px; align-items:center; min-height:385px; overflow:hidden; padding:48px 52px; border:1px solid #dedfd6; background:linear-gradient(118deg,#f3f0e5 0%,#fbf8ef 54%,#e8eee5 100%); }
.seller-onboarding-copy { position:relative; z-index:2; max-width:670px; }
.seller-onboarding-copy h1,.vendor-registration-heading h1,.vendor-auth-panel h1 { margin:10px 0 15px; color:#183d2e; font:500 clamp(34px,4vw,52px)/1.12 'Playfair Display',Georgia,serif; letter-spacing:-1.1px; }
.seller-onboarding-copy h1 em { color:#a17f3c; font-weight:500; }
.seller-onboarding-copy>p:not(.seller-onboarding-note) { max-width:620px; color:#697669; font-size:13px; line-height:1.95; }
.seller-onboarding-actions { display:flex; align-items:center; flex-wrap:wrap; gap:11px; margin:24px 0 0; }
.seller-onboarding-actions button { min-height:46px; }
.seller-onboarding-note { margin:18px 0 0; color:#81897d; font-size:10px; line-height:1.8; }
.seller-onboarding-art { min-height:260px; position:relative; display:grid; place-items:center; }
.seller-art-ring { position:absolute; border:1px solid #b6c5b2; border-radius:50%; }
.seller-art-ring-one { width:270px; height:270px; }
.seller-art-ring-two { width:215px; height:215px; border-color:#c9b47b; }
.seller-art-tile { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; width:148px; height:176px; background:linear-gradient(145deg,#194c39,#0a2e23); border:1px solid #bba369; outline:5px solid #e8e2d0; box-shadow:0 18px 45px #173f2b27; color:#ead8a6; }
.seller-art-tile span { font:500 92px/1 'Playfair Display',Georgia,serif; }
.seller-art-tile small { margin-top:11px; text-align:center; font-size:7px; letter-spacing:2px; line-height:1.8; }
.seller-art-caption { position:absolute; right:0; bottom:13px; color:#8b8d7b; font-size:8px; letter-spacing:2px; }
.seller-onboarding-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid #e3dfd3; background:#fffdf7; }
.seller-onboarding-benefits article { padding:24px 26px; border-right:1px solid #e8e4d9; }
.seller-onboarding-benefits article:last-child { border-right:0; }
.seller-onboarding-benefits article>span { color:#a98a4c; font-size:9px; letter-spacing:1.5px; font-weight:800; }
.seller-onboarding-benefits h3 { margin:11px 0 8px; color:#244833; font:500 21px 'Playfair Display',Georgia,serif; }
.seller-onboarding-benefits p,.seller-onboarding-foot p { color:#7b857a; font-size:11px; line-height:1.85; }
.seller-onboarding-foot { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:28px 32px; border:1px solid #e3dfd3; background:#f6f2e6; }
.seller-onboarding-foot h2 { margin:7px 0 8px; color:#183d2e; font:500 27px 'Playfair Display',Georgia,serif; }
.seller-onboarding-foot p { margin:0; }
.vendor-registration-page { display:grid; gap:21px; }
.vendor-registration-heading { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:29px 33px; background:linear-gradient(115deg,#e8eddf,#fbf8ee); border:1px solid #dfe3d6; }
.vendor-registration-heading h1 { font-size:37px; margin:8px 0; }
.vendor-registration-heading p { margin:0; color:#778174; max-width:740px; font-size:11px; line-height:1.85; }
.vendor-registration-layout { display:grid; grid-template-columns:minmax(230px,.7fr) minmax(0,1.7fr); align-items:start; gap:20px; }
.vendor-registration-aside { padding:27px; border:1px solid #204e39; background:#103728; color:#e2eadf; }
.vendor-aside-mark { display:flex; align-items:center; justify-content:center; gap:4px; width:60px; height:60px; border:1px solid #c3a45e; color:#d9c17d; font:500 35px 'Playfair Display',Georgia,serif; }
.vendor-aside-mark span { align-self:flex-end; margin-bottom:8px; font:700 8px 'DM Sans',sans-serif; letter-spacing:1px; }
.vendor-registration-aside h2 { margin:23px 0 10px; color:#f1e6c6; font:500 25px 'Playfair Display',Georgia,serif; }
.vendor-registration-aside p { color:#bac9bc; font-size:10px; line-height:1.9; }
.vendor-aside-rule { width:42px; height:2px; background:#c9ac68; margin:23px 0 13px; }
.vendor-registration-aside .vendor-aside-note { color:#e2d4ab; }
.vendor-registration-panel { padding:29px; }
.vendor-registration-panel>h2 { margin:6px 0 22px; color:#183d2e; font:500 26px 'Playfair Display',Georgia,serif; }
.vendor-form-section-title { margin:24px 0 16px; padding-bottom:10px; border-bottom:1px solid #e6e1d5; color:#8e7442; font-size:10px; font-weight:800; letter-spacing:1.4px; }
.vendor-form-section-title:first-child { margin-top:0; }
.vendor-submit-button { width:100%; margin-top:12px; min-height:46px; }
.vendor-auth-switch { text-align:center; color:#758074; font-size:11px; }
.vendor-auth-switch button { display:inline; border:0; background:transparent; color:#19543b; text-decoration:underline; cursor:pointer; font:inherit; font-weight:800; }
.vendor-auth-page { min-height:380px; display:grid; place-items:center; padding:25px 0; }
.vendor-auth-panel { width:min(100%,790px); padding:42px; border:1px solid #e0ddd1; background:#fffdf7; }
.vendor-auth-panel h1 { font-size:38px; }
.vendor-auth-panel>p { max-width:630px; color:#768175; font-size:12px; line-height:1.9; }
.vendor-auth-panel .seller-onboarding-actions { margin-top:25px; }
@media(max-width:760px) {
  .seller-onboarding-hero { grid-template-columns:1fr; padding:31px 25px 28px; gap:12px; }
  .seller-onboarding-copy h1 { font-size:38px; }
  .seller-onboarding-art { min-height:220px; }
  .seller-art-ring-one { width:220px; height:220px; }
  .seller-art-ring-two { width:175px; height:175px; }
  .seller-art-tile { width:118px; height:142px; }
  .seller-art-tile span { font-size:70px; }
  .seller-art-caption { right:8px; bottom:2px; }
  .seller-onboarding-benefits { grid-template-columns:1fr; }
  .seller-onboarding-benefits article { padding:19px 21px; border-right:0; border-bottom:1px solid #e8e4d9; }
  .seller-onboarding-benefits article:last-child { border-bottom:0; }
  .seller-onboarding-foot { flex-direction:column; align-items:flex-start; padding:24px; }
  .vendor-registration-heading { flex-direction:column; align-items:flex-start; padding:23px; }
  .vendor-registration-heading h1 { font-size:31px; }
  .vendor-registration-layout { grid-template-columns:1fr; }
  .vendor-registration-aside { padding:22px; }
  .vendor-registration-aside h2 { margin-top:15px; }
  .vendor-registration-panel { padding:20px; }
  .vendor-auth-panel { padding:26px 21px; }
  .vendor-auth-panel h1 { font-size:30px; }
}


/* Editorial best-sellers page and distinct vendor sign-in in the header. */
.vendor-header-link { white-space:nowrap; }
.vendor-header-link .action-icon { display:flex; align-items:center; justify-content:center; }
.vendor-header-link .action-icon svg { display:block; }
.trending-page { max-width:1320px; margin:0 auto; }
.trending-hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr); gap:35px; align-items:center; overflow:hidden; padding:42px 45px; border:1px solid #e2ded2; background:linear-gradient(118deg,#f6f1e4 0%,#fffdf7 51%,#e4ecdf 100%); }
.trending-hero-copy { max-width:690px; }
.trending-hero h1 { margin:12px 0 14px; color:#173d2d; font:500 clamp(36px,4vw,52px)/1.12 'Playfair Display',Georgia,serif; letter-spacing:-1px; }
.trending-hero-copy>p { max-width:640px; color:#737e72; font-size:12px; line-height:1.95; }
.trending-proof-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:25px; }
.trending-proof-row>div { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid #e1dfd3; background:#fffdf8b8; }
.trending-proof-mark { display:grid; place-items:center; width:34px; height:34px; flex:0 0 auto; border:1px solid #e0d5b9; background:#f7f0dc; color:#94743a; font-size:17px; }
.trending-proof-row strong,.trending-proof-row small { display:block; }
.trending-proof-row strong { color:#31523d; font-size:9px; }
.trending-proof-row small { margin-top:3px; color:#889083; font-size:8px; line-height:1.55; }
.trending-hero-art { min-height:295px; position:relative; display:grid; place-items:center; }
.trending-art-orbit { position:absolute; border:1px solid #b7c6b0; border-radius:50%; }
.trending-art-orbit-one { width:270px; height:270px; }
.trending-art-orbit-two { width:215px; height:215px; border-color:#d6c08a; }
.trending-art-card { position:relative; z-index:1; width:166px; min-height:197px; padding:22px 20px; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(155deg,#1c503b,#0b3024); color:#ead6a0; border:1px solid #bda66d; outline:5px solid #eee5d2; box-shadow:0 17px 40px #133b2820; }
.trending-art-card>span { font-size:8px; letter-spacing:3px; }
.trending-art-card strong { margin:9px 0 18px; font:500 34px/.98 'Playfair Display',Georgia,serif; letter-spacing:.5px; }
.trending-art-card small { padding-top:10px; border-top:1px solid #c7ab625c; font-size:6px; letter-spacing:1.5px; }
.trending-art-spark { position:absolute; color:#ad8c46; }
.trending-art-spark-one { top:26px; left:17%; font-size:26px; }
.trending-art-spark-two { right:13%; bottom:27px; font-size:22px; }
.trending-results { margin-top:37px; }
.trending-sort-note { display:flex; align-items:center; gap:8px; color:#647566; font-size:9px; font-weight:700; }
.trending-sort-note .status-dot { display:inline-block; }
.trending-empty { margin-top:8px; }
.product-activity { margin:6px 0 0; color:#66816c; font-size:9px; font-weight:800; }
.stores-cta-top { margin:24px 0 27px; }
.stores-cta-top h2 { margin-bottom:6px; }
@media(max-width:1100px) {
  .trending-hero { grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr); gap:18px; padding:34px 30px; }
  .trending-proof-row { grid-template-columns:1fr; gap:8px; }
  .trending-proof-row>div { padding:9px; }
  .trending-hero-art { min-height:240px; }
  .trending-art-orbit-one { width:230px; height:230px; }
  .trending-art-orbit-two { width:180px; height:180px; }
  .vendor-header-link .header-link-copy { display:none; }
}
@media(max-width:740px) {
  .trending-hero { grid-template-columns:1fr; padding:28px 22px 24px; gap:12px; }
  .trending-hero h1 { font-size:38px; }
  .trending-proof-row { grid-template-columns:1fr 1fr; gap:8px; }
  .trending-proof-row>div { align-items:flex-start; padding:9px; }
  .trending-proof-row strong { font-size:8px; }
  .trending-proof-row small { font-size:7px; }
  .trending-hero-art { min-height:210px; }
  .trending-art-orbit-one { width:205px; height:205px; }
  .trending-art-orbit-two { width:164px; height:164px; }
  .trending-art-card { width:125px; min-height:152px; padding:15px; }
  .trending-art-card strong { font-size:27px; margin-bottom:12px; }
  .trending-art-spark-one { top:10px; }
  .trending-art-spark-two { bottom:7px; }
  .stores-cta-top { margin:18px 0 22px; }
  .header-actions { gap:7px; }
  .vendor-header-link { padding:7px 2px; }
}
@media(max-width:380px) {
  .header-actions { gap:4px; }
  .vendor-header-link .action-icon svg { width:19px; height:19px; }
  .cart-button { padding:8px; }
}


/* Private administration entry page. No administrator password is stored in browser code. */
.admin-access-page { min-height:510px; display:grid; place-items:center; padding:35px 0 55px; }
.admin-access-card { width:min(100%,610px); padding:37px; border:1px solid #dedacc; background:linear-gradient(150deg,#fffdf7,#f5f1e5); box-shadow:0 24px 60px #173b2510; }
.admin-access-mark { width:62px; height:62px; margin-bottom:22px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #bfa76b; outline:4px solid #eee8d8; background:linear-gradient(145deg,#194b38,#0b3024); color:#e7d39a; }
.admin-access-mark span { font:500 38px/.9 'Playfair Display',Georgia,serif; }
.admin-access-mark small { margin-top:6px; font-size:7px; font-weight:800; letter-spacing:2px; }
.admin-access-card .eyebrow { color:#94783d; font-size:9px; letter-spacing:1.5px; }
.admin-access-card h1 { margin:9px 0 10px; color:#173d2d; font:500 clamp(33px,4vw,43px)/1.12 'Playfair Display',Georgia,serif; }
.admin-access-card>p { margin:0 0 24px; max-width:500px; color:#788174; font-size:11px; line-height:1.9; }
.admin-access-card form { display:grid; gap:15px; }
.admin-access-card .form-field { display:grid; gap:7px; margin:0; }
.admin-access-card .form-field label { color:#435849; font-size:10px; font-weight:800; }
.admin-access-card .form-field input { width:100%; min-height:45px; padding:11px 13px; border:1px solid #deded2; border-radius:3px; outline:none; background:#fffefa; color:#25392e; }
.admin-access-card .form-field input:focus { border-color:#b79a5b; box-shadow:0 0 0 3px #bf9f5e20; }
.admin-access-card .form-field input[readonly] { background:#f1eee4; color:#59695b; }
.admin-access-submit { width:100%; min-height:47px; margin-top:4px; }
.admin-access-note { margin:0; color:#848b7e; font-size:9px; line-height:1.8; }
@media(max-width:600px) { .admin-access-page { min-height:0; padding:24px 0 35px; } .admin-access-card { padding:25px 20px; } }


/* Operational clarity: payment state, vendor monitoring and administrator security. */
.payment-pill { display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:4px 7px; border:1px solid #ddd9cc; background:#f5f1e6; color:#5e6a5d; font-size:8px; line-height:1.45; font-weight:800; letter-spacing:.2px; text-transform:capitalize; border-radius:2px; white-space:normal; }
.payment-paid { border-color:#bbd3bd; background:#edf5eb; color:#2d6540; }
.payment-unpaid { border-color:#e6d2a5; background:#fbf4df; color:#876721; }
.payment-refunded { border-color:#e6c2b9; background:#f8e9e5; color:#8b493a; }
.order-status-stack { display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-width:100px; }
.order-line .payment-pill { margin-top:5px; }
.admin-security-form { display:grid; gap:16px; max-width:680px; margin-top:22px; padding:24px; border:1px solid #e4dfd2; background:#fffdf7; }
.admin-security-form .form-field { display:grid; gap:7px; margin:0; }
.admin-security-form label { color:#435849; font-size:10px; font-weight:800; }
.admin-security-form input { width:100%; min-height:44px; padding:11px 13px; border:1px solid #deded2; background:#fffefa; color:#25392e; }
.admin-security-form input:focus { outline:2px solid #c8ae72; outline-offset:1px; }
.admin-security-form small { color:#7e887a; font-size:9px; line-height:1.6; }


/* Steadfast parcel operations and packed-weight fields. */
.shipment-cell { display:grid; gap:6px; min-width:165px; max-width:260px; }
.shipment-cell small { display:block; color:#6f796e; font-size:9px; line-height:1.55; overflow-wrap:anywhere; }
.shipment-state { display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:4px 7px; border:1px solid #d7dfd4; background:#eef3eb; color:#315a3f; font-size:8px; font-weight:800; letter-spacing:.3px; text-transform:capitalize; border-radius:2px; }
.shipment-state.is-manual { border-color:#e3ddcf; background:#f5f1e8; color:#716c5b; }
.shipment-error { color:#9b4737 !important; }
.shipment-button { width:max-content; max-width:100%; padding:8px 10px; font-size:10px; }
.shipment-tracking { overflow-wrap:anywhere; }
@media(max-width:700px) { .shipment-cell { min-width:135px; } }