@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f7f3ee;--color-text: rgba(0, 0, 0, .95);--color-text-muted: #5f5851;--color-text-soft: #9b9389;--color-border: rgba(0, 0, 0, .1);--color-primary: #0b6cc8;--color-primary-active: #074f93;--color-focus: #0f7fe9;--color-success: #1aae39;--color-danger: #dd5b00;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 20px;--shadow-card: rgba(0, 0, 0, .04) 0px 4px 18px, rgba(0, 0, 0, .027) 0px 2.025px 7.84688px, rgba(0, 0, 0, .02) 0px .8px 2.925px, rgba(0, 0, 0, .01) 0px .175px 1.04062px;--shadow-pop: rgba(0, 0, 0, .12) 0px 22px 40px -24px}*{box-sizing:border-box}html{font-size:62.5%}body{margin:0;min-height:100vh;font-size:1.6rem;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60rem 60rem at 90% -5%,rgba(11,108,200,.14),transparent 60%),radial-gradient(42rem 42rem at -5% 105%,rgba(221,91,0,.08),transparent 65%);z-index:-2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:48px 48px;z-index:-1;opacity:.35}#root{min-height:100vh}.grid-container{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;min-height:100vh}header{grid-area:header;border-bottom:1px solid var(--color-border);background:color-mix(in oklab,var(--color-surface) 88%,#f5f2ef 12%);padding:.8rem 2rem;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}header.row{flex-wrap:nowrap;gap:2rem}.header-left{display:flex;align-items:center;gap:1rem;min-width:16rem}.header-center{flex:1;display:flex;justify-content:center;min-width:22rem}.header-right{display:flex;align-items:center;gap:1.6rem;white-space:nowrap}main{grid-area:main;width:min(1200px,100%);margin:0 auto;padding:2.4rem 1.6rem 4.8rem;animation:main-enter .75s ease both}footer{grid-area:footer;border-top:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-muted);padding:1.2rem}h1,h2,h3,h4{margin:0;color:var(--color-text)}h1{font-size:clamp(2.8rem,4vw,3.8rem);letter-spacing:-1.1px;line-height:1.08;font-family:Fraunces,Georgia,serif}h2{font-size:2.6rem;letter-spacing:-.6px;line-height:1.23;margin-bottom:1.2rem;font-family:Fraunces,Georgia,serif}h3{font-size:2rem}a{color:var(--color-text);text-decoration:none}a:hover{color:var(--color-primary)}ul{margin:0;padding:0;list-style:none}li{margin-top:.8rem}input,select,textarea,button{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.8rem 1.2rem;font-size:1.5rem;font-family:inherit}input,select,textarea{background:var(--color-surface);color:var(--color-text)}button{cursor:pointer;background:#0000000d;color:var(--color-text);font-weight:600;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}button:hover{border-color:#00000040;transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}button.primary:hover{background:var(--color-primary-active);border-color:var(--color-primary-active)}button.block{width:100%}a.brand{font-size:2.6rem;font-weight:700;letter-spacing:-.6px}.badge{background:#f2f9ff;color:#097fe8;border-radius:9999px;font-size:1.2rem;font-weight:600;letter-spacing:.12px;padding:.15rem .7rem;margin-left:.6rem}.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem}.row.center{justify-content:center}.row.top{align-items:flex-start;gap:1.6rem}.row.start{justify-content:flex-start}.col-1{flex:1 1 28rem}.col-2{flex:2 1 48rem}.col-3{flex:3 1 60rem}img{border-radius:var(--radius-md);border:1px solid var(--color-border)}img.small{max-width:5rem;width:100%}img.medium{max-width:28rem;width:100%}img.large{width:100%}.card{border:1px solid var(--color-border);background:linear-gradient(180deg,#fffffff7,#ffffffe6);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin:.6rem;transition:transform .24s ease,box-shadow .24s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card),var(--shadow-pop)}.card-body{padding:1.6rem}.card-body>*{margin-bottom:.8rem}.price{font-size:2rem;font-weight:700}.review{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:1rem;padding:.8rem}.rating span{color:#f1bf00}.rating span:last-child{color:var(--color-text-muted)}.loading{display:block!important}.success{color:var(--color-success)}.danger{color:var(--color-danger)}.alert{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}.alert-info{color:var(--color-text);background:var(--color-surface-alt)}.alert-danger{color:#b42318;background:#fff4f2}.alert-success{color:#0f5132;background:#ecfdf3}.form{max-width:58rem;margin:0 auto;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(180deg,#fffffffa,#fffffff0);box-shadow:var(--shadow-card);padding:1rem .8rem}.form>div{display:flex;flex-direction:column;margin:1rem}.form label{margin-bottom:.8rem;font-weight:600;color:var(--color-text-muted)}.dropdown{display:inline-block;position:relative}.dropdown-content{position:absolute;display:none;right:0;min-width:15rem;padding:.6rem;z-index:3;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.dropdown:hover .dropdown-content{display:block}.checkout-steps>div{border-top:2px solid var(--color-border);color:var(--color-text-soft);flex:1;padding:.8rem;font-weight:600}.checkout-steps>div.active{border-top-color:var(--color-primary);color:var(--color-primary)}.table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:#fff}.table-wrap{width:100%;overflow-x:auto;border-radius:var(--radius-lg)}.table td,.table th{text-align:left;border-bottom:1px solid var(--color-border);padding:.8rem}.table th{background:#f7fbff;color:#1b4f80;font-weight:700;letter-spacing:.2px}.table tbody tr:nth-of-type(odd){background:var(--color-surface-alt)}.search button{border-radius:0 var(--radius-md) var(--radius-md) 0;margin-right:0;min-width:4.4rem;font-size:1.6rem;box-shadow:none}.search input{width:100%;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.search{width:100%;max-width:52rem}.search-wrap{display:flex;width:100%}.active{font-weight:700;color:var(--color-primary)}.s-box{margin-top:.5rem;width:18rem;font-size:1.4rem;padding:.4rem}aside{position:fixed;width:22rem;height:100%;background:var(--color-surface);border-right:1px solid var(--color-border);z-index:70;transform:translate(-22rem);transition:transform .25s ease;box-shadow:var(--shadow-card)}aside.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;border:0;padding:0;background:#00000059;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:0}button.open-sidebar{font-size:1.8rem;width:3.4rem;height:3.4rem;padding:0;border-radius:9999px;border:1px solid var(--color-border);background:#fff;display:inline-flex;align-items:center;justify-content:center}.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;line-height:1;font-size:2rem;font-weight:700}button.open-sidebar:hover{background:#f3f8ff;border-color:#b9d9ff;color:var(--color-primary)}aside li{display:flex;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--color-border)}button.close-sidebar,.close-btn{padding:.3rem .8rem;min-width:3.2rem;background:#fff;border:1px solid var(--color-border)}.full-container{margin:-1rem;min-height:calc(100vh - 11rem)}.map-input-box{box-sizing:border-box;display:flex;position:absolute;left:0;right:0;margin:.4rem auto;width:28rem;height:4.2rem}.map-input-box input{border-radius:1rem 0 0 1rem;border-right:0}.map-input-box button{border-radius:0 1rem 1rem 0;border-left:0}.pagination a{display:inline-block;padding:.6rem 1rem;margin:.4rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff}.summary>li{border:1px solid var(--color-border);margin:1rem;border-radius:var(--radius-lg);flex:1 1 22rem;background:#fff}.summary-title{font-size:1.8rem;padding:1rem;border-bottom:1px solid var(--color-border)}.summary-title.color1,.summary-title.color2,.summary-title.color3{background:var(--color-surface-alt)}.summary-body{font-size:3.2rem;padding:1rem;text-align:center}.chatbox{color:var(--color-text);position:fixed;right:1rem;bottom:1rem;z-index:20}.chatbox button,.support-messages button,.table button.small{border-radius:var(--radius-md);padding:.6rem 1rem}.chatbox ul,.support-messages ul{overflow:auto}.chatbox ul{max-height:20rem}.chatbox input,.support-messages input{width:calc(100% - 9rem)}.support-users{background:var(--color-surface-alt);min-height:calc(100vh - 14rem);border-right:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.support-users button{background:#fff;border:1px solid transparent;text-align:left}.support-users li.selected{background:#f2f9ff}.support-messages{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}.support-chat-panel{display:flex;flex-direction:column;gap:.8rem}.support-compose{gap:.8rem}.support-compose input{flex:1;min-width:0}.support-messages ul{height:calc(100vh - 22rem);max-height:calc(100vh - 22rem)}.lead{color:var(--color-text-muted)}.min-30{min-width:30%}.f-12{font-size:1.2rem;color:var(--color-text-muted)}.modal{background:transparent;border:none;color:var(--color-primary);padding:.2rem .4rem}.modal-style{max-width:56rem;margin:8vh auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);padding:1rem}.hero-gallery{margin-bottom:2rem}.hero-gallery img{width:100%;height:38rem;object-fit:cover;border-radius:var(--radius-xl)}.seller-carousel{margin-bottom:1.2rem}.seller-carousel .slide img{width:100%;height:24rem;object-fit:cover;border-radius:var(--radius-lg)}.seller-carousel .legend{background:#0000009e!important;border-radius:9999px!important;width:fit-content!important;margin:0 auto 1.2rem!important;padding:.35rem .9rem!important;font-size:1.3rem!important}.seller-showcase-carousel{margin-bottom:1rem}.seller-showcase-carousel .slide img{width:100%;height:16rem;object-fit:cover;border-radius:var(--radius-lg)}.search-page{display:flex;flex-direction:column;gap:1.4rem}.search-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.search-results-count{font-weight:700;letter-spacing:.2px}.search-sort{display:flex;align-items:center;gap:1rem}.search-sort label{color:var(--color-text-muted);font-size:1.3rem;font-weight:600}.search-layout{display:grid;grid-template-columns:24rem minmax(0,1fr);gap:1.6rem;align-items:start}.search-filters{position:sticky;top:9rem;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 10rem);overflow-y:auto;padding-right:.2rem}.search-filters.collapsed{display:none}.filter-toggle-btn{border-radius:var(--radius-md);padding:.75rem 1rem;background:#fff;border:1px solid var(--color-border)}.filter-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#fcfaf7);padding:1.2rem;box-shadow:var(--shadow-card)}.filter-card h3{font-size:1.6rem;margin-bottom:1rem}.filter-list{display:flex;flex-direction:column;gap:.4rem}.filter-list li{margin-top:0}.filter-link{display:block;border:1px solid transparent;border-radius:var(--radius-md);padding:.55rem .8rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.filter-link:hover{background:#f5f8ff;border-color:#d9e7fb}.filter-link.active{color:#0a5fb0;background:#edf5ff;border-color:#b9d9ff;font-weight:700}.filter-rating-link .rating span:last-child{margin-left:.4rem}.search-results-pane{min-width:0}.product-card{width:20rem;margin:.6rem}.product-card img.medium{max-width:100%;width:100%;height:16rem;object-fit:cover}.product-card .card-body h2{font-size:1.7rem;line-height:1.25;margin-bottom:.6rem}.product-card .price{font-size:1.7rem}.product-card .rating{font-size:1.25rem}@media (max-width: 768px){main{padding:1.2rem 1rem 2.4rem}header.row{flex-wrap:wrap;justify-content:flex-start;gap:1rem}.header-center{order:3;min-width:100%}.header-right{margin-left:auto;gap:1rem}.dropdown-content{left:0;right:auto}.search input{width:16rem}.form{padding:.8rem .4rem}.search-toolbar{flex-direction:column;align-items:flex-start}.search-sort{width:100%;justify-content:space-between;flex-wrap:wrap}.search-layout{grid-template-columns:1fr}.search-filters{position:static;max-height:none;overflow:visible}.filter-toggle-btn{width:100%}.seller-showcase-carousel .slide img{height:12rem}.seller-carousel .slide img{height:18rem}.product-card{width:16.5rem}.product-card img.medium{height:13rem}.table{font-size:1.3rem;min-width:68rem}.table td:last-child,.table th:last-child{min-width:14rem}.cart-item-row,.order-item-row{flex-wrap:wrap;align-items:flex-start;gap:.7rem}.cart-item-row>div,.order-item-row>div{width:100%}.cart-item-row img.small,.order-item-row img.small{max-width:8.2rem}.support-users{min-height:auto;width:100%}.support-messages{width:100%}.support-messages ul{height:38vh;max-height:38vh}.support-compose{flex-direction:column;align-items:stretch}.support-compose button{width:100%}}@media (min-width: 992px){.search input{width:100%}}@keyframes main-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
