:root{--primary-color: #2c3e50;--secondary-color: #e74c3c;--accent-color: #f39c12;--text-color: #2c3e50;--light-text: #7f8c8d;--background: #ffffff;--light-background: #f8f9fa;--border-color: #ecf0f1;--border-radius: 8px;--transition: all .3s ease}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Helvetica,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background)}main{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin:0 0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition);background:var(--primary-color);color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}@media (max-width: 768px){.container{padding:0 .5rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}@font-face{font-family:BagnardSans;src:url(../../../BagnardSans.otf) format("opentype");font-weight:400;font-style:normal}.desktop-layout.svelte-1e6a6ah{display:flex;min-height:100vh;background:#fff}.left-sidebar.svelte-1e6a6ah{position:fixed;left:0;bottom:0;width:250px;height:100vh;background:#fff;border-right:1px solid black;display:flex;flex-direction:column;z-index:20;overflow-y:auto;overflow-x:visible}.sidebar-logo.svelte-1e6a6ah{padding:2rem}.sidebar-logo.svelte-1e6a6ah .logo-link:where(.svelte-1e6a6ah){display:block;text-decoration:none}.logo-img.svelte-1e6a6ah{width:100%;height:auto;max-width:300px}.sidebar-cart.svelte-1e6a6ah{margin-top:auto;display:flex;flex-direction:column;padding:2rem;min-height:0;position:relative;overflow-x:visible}.cart-header.svelte-1e6a6ah{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;transition:transform .3s ease}.cart-header.empty.svelte-1e6a6ah{margin-bottom:1rem}.cart-items-list.svelte-1e6a6ah{display:flex;flex-direction:column;gap:1rem;flex:1;overflow-y:auto;min-height:0;margin-bottom:0rem}.cart-title.svelte-1e6a6ah{font-family:Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;letter-spacing:0em;margin-bottom:1rem;text-decoration:underline;color:#000}.cart-item.svelte-1e6a6ah{display:flex;gap:.75rem;padding:0rem 0;align-items:flex-start;transition:transform .3s ease}.cart-item.svelte-1e6a6ah:last-of-type{border-bottom:none}.cart-item-details.svelte-1e6a6ah{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.cart-item-name.svelte-1e6a6ah{font-family:Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;color:#000;margin:0;display:flex;align-items:baseline;gap:.25rem}.cart-item-quantity.svelte-1e6a6ah{font-family:Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;color:#666}.cart-item-size.svelte-1e6a6ah{font-family:Helvetica,Arial,sans-serif;font-size:.75rem;color:#666;margin:0}.cart-item-right.svelte-1e6a6ah{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.cart-item-price.svelte-1e6a6ah{font-family:Helvetica,Arial,sans-serif;font-size:.75rem;color:#000;margin:0}.remove-item-button.svelte-1e6a6ah{background:none;border:none;cursor:pointer;padding:.25rem;color:#666;transition:color .3s ease;display:flex;align-items:center;justify-content:center;margin-right:-.25rem}.total-amount.svelte-1e6a6ah{font-family:Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;color:#000;margin:0}.checkout-line.svelte-1e6a6ah{position:relative;margin-top:0rem;margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem}.checkout-line-border.svelte-1e6a6ah{position:fixed;left:-100vw;right:calc(100vw - 250px);height:1px;background:#000;z-index:100;pointer-events:none}.checkout-container.svelte-1e6a6ah{display:flex;justify-content:space-between;align-items:center;position:relative;padding-top:1rem}.checkout-text.svelte-1e6a6ah{font-family:Helvetica,Arial,sans-serif;font-size:.75rem;color:#000;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px;cursor:pointer;transition:opacity .3s ease}.checkout-text.svelte-1e6a6ah:hover{opacity:.7}.main-content.svelte-1e6a6ah{margin-left:250px;flex:1;background:#fff;min-height:100vh;position:relative;z-index:10}@media (max-width: 1024px){.left-sidebar.svelte-1e6a6ah{width:250px}.main-content.svelte-1e6a6ah{margin-left:250px}}.mobile-layout.svelte-1e6a6ah{display:none;flex-direction:column;min-height:100vh}.mobile-header.svelte-1e6a6ah{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;position:sticky;top:0;z-index:10;margin-top:1rem;border-bottom:1px solid black}.mobile-logo.svelte-1e6a6ah,.mobile-cart.svelte-1e6a6ah{display:flex;align-items:center}.mobile-main.svelte-1e6a6ah{flex:1;background:#fff;width:100%}.mobile-header.svelte-1e6a6ah .logo:where(.svelte-1e6a6ah){max-width:150px;height:auto}.mobile-header.svelte-1e6a6ah .cart-link:where(.svelte-1e6a6ah){font-family:Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;color:#000;text-decoration:none;transition:color .3s ease}.mobile-header.svelte-1e6a6ah .cart-link:where(.svelte-1e6a6ah):hover{color:#666}@media (max-width: 768px){.desktop-layout.svelte-1e6a6ah{display:none}.mobile-layout.svelte-1e6a6ah{display:flex}}
