@import "https://fonts.googleapis.com/css2?family=Roboto&display=swap";:root{--font-sans:"Roboto", system-ui, sans-serif;--color-primary:#007bff;--color-primary-contrast:#fff;--color-accent:#d94b24;--color-border:lightgray;--color-text:#333;--color-muted:#777;--color-error:#b91c1c;--color-surface:#fff;--color-bg-muted:#f6f6f6;--color-bg-hover:#f4f4f4;--shadow-hover:0 4px 12px #0000001f;--shadow-popover:0 4px 12px #0000001a;--radius-sm:4px;--radius-btn:5px;--radius-md:6px}*{box-sizing:border-box}html,body{min-height:100vh}body{font-family:var(--font-sans);flex-direction:column;align-content:center;display:flex}img{max-width:100%}p{display:block}.field{margin:10px 0}.field label{margin-bottom:3px;font-size:1rem;display:block}textarea,select,input[type=number],input[type=email],input[type=password],input[type=text]{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:3px 5px;font-size:1rem;display:block}textarea{resize:vertical;height:60px}form{max-width:550px}.align-right{text-align:right}.field.has-error label{color:var(--color-error)}.field.has-error>textarea,.field.has-error>select,.field.has-error>input{border-color:var(--color-error)}.field-error{color:var(--color-error);font-size:.85rem}.full-width{width:100%;margin:1rem 0}.table{border-collapse:collapse}.table th,.table td{padding:.5rem 1rem}.table th{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border)}.table td{border-top:1px solid #0000;border-bottom:1px solid var(--color-border)}button,submit,.btn{border:1px solid var(--color-border);border-radius:var(--radius-btn);cursor:pointer;padding:3px 6px;font-size:.9rem;text-decoration:none}.btn-primary{border:1px solid var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-contrast)}nav a{text-decoration:none}nav ul{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.main-nav ul{justify-content:flex-end}.section-nav{justify-content:flex-end;gap:.5rem;display:flex}.section-nav a:after{content:"|";margin-left:.5rem}.section-nav a:last-child:after{content:""}.shop-account{align-items:center;gap:.5rem;display:flex}.shop-account .btn{text-decoration:none}.account-name{color:var(--color-text);font-weight:600}.account-menu{position:relative}.account-menu:hover .account-dropdown,.account-menu.is-open .account-dropdown{display:block}.account-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.25rem .5rem .5rem;display:flex}.account-caret{color:var(--color-muted);font-size:.75rem}.account-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);z-index:10;min-width:170px;padding-top:.25rem;display:none;position:absolute;top:100%;right:0}.account-logout{color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;font-size:.9rem;display:flex}.account-menu-link{color:var(--color-text);align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.9rem;text-decoration:none;display:flex}.account-menu-link:hover,.account-logout:hover{background:var(--color-bg-hover)}.content{flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.content .shop-footer{margin-top:auto}.logo-main{margin:0 auto;display:block}.notice{text-align:center;max-width:75%;margin:0 auto;font-size:1.4rem}.indented{border-left:5px solid var(--color-border);margin-left:10px;padding-left:15px}.big-text{text-align:center;font-size:2rem}.rrss-links{gap:.5rem;font-size:1.5rem;display:flex}.rrss-links a{color:var(--color-text);text-decoration:none}.rrss-links a:hover{color:var(--color-primary)}.shop-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.shop-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1200px;margin:0 auto;padding:.5rem 1rem;display:flex}.shop-logo img{max-height:60px}.shop-nav ul{justify-content:flex-start}.shop-nav a{color:var(--color-text);padding:.25rem .5rem}.shop-nav a:hover{color:var(--color-primary)}.shop-main{width:100%;max-width:1200px;margin:0 auto;padding:1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.product-thumb{background:var(--color-bg-muted);height:200px;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%}.product-body{flex-direction:column;flex:1;gap:.35rem;padding:.75rem;display:flex}.product-category{color:var(--color-muted);text-transform:uppercase;margin:0;font-size:.75rem}.product-name{margin:0;font-size:.95rem;font-weight:600;line-height:1.3}.product-price{color:var(--color-accent);margin:.5rem 0 0;font-size:1.2rem;font-weight:700}.product-actions{padding:0 .75rem .75rem}.product-cart-form{max-width:none;margin:0}.product-cart{justify-content:center;align-items:center;gap:.4rem;width:100%;display:flex}.product-cart-icon{width:1rem;height:1rem}.shop-main .pagination{margin-top:1.5rem}.shop-main .pagination a,.shop-main .pagination span{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:0 .15rem;padding:.25rem .6rem;text-decoration:none;display:inline-block}.shop-main .pagination .active span,.shop-main .pagination .active a{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.product-thumb a{height:100%;display:block}.product-thumb a img{display:block}.product-name a{color:var(--color-text);text-decoration:none}.product-name a:hover{color:var(--color-primary)}.breadcrumb{margin-bottom:1rem;font-size:.85rem}.breadcrumb a{color:var(--color-primary);text-decoration:none}.breadcrumb-sep{color:var(--color-muted);margin:0 .4rem}.product-detail{grid-template-columns:minmax(0,1fr) 1fr;align-items:start;gap:2rem;display:grid}.product-gallery{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.product-gallery img{width:100%;display:block}.product-gallery-empty{color:var(--color-muted);justify-content:center;align-items:center;min-height:320px;display:flex}@media (width<=720px){.product-detail{grid-template-columns:1fr}}.product-info{flex-direction:column;gap:.75rem;display:flex}.product-detail-name{margin:0;font-size:1.6rem}.product-detail-price{font-size:1.5rem}.product-description{color:var(--color-muted);line-height:1.6}.add-to-cart{flex-direction:column;gap:.75rem;max-width:none;margin-top:1rem;display:flex}.quantity-field{align-items:center;gap:.5rem;display:flex}.quantity-field span{font-size:.9rem}.quantity-field input{width:80px}.add-cart-btn{justify-content:center;align-items:center;gap:.5rem;width:max-content;padding:.6rem 1rem;text-decoration:none;display:flex}.back-link{margin-top:2rem}.back-link a{color:var(--color-primary);text-decoration:none}.back-link a:hover{text-decoration:underline}.cart-link{color:var(--color-text);font-size:1.1rem;text-decoration:none;position:relative}.cart-link:hover{color:var(--color-primary)}.cart-badge{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;padding:0 .25rem;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-.6rem;right:-.6rem}.cart-badge.bump{animation:.35s cart-bump}@keyframes cart-bump{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}.cart-table{width:100%;margin-top:1rem}.cart-product-link{color:var(--color-text);text-decoration:none}.cart-product-link:hover{color:var(--color-primary)}.qty-update{justify-content:flex-end;gap:.4rem;max-width:none;margin:0;display:flex}.qty-update input{width:70px}.cart-total th{font-size:1.1rem}.btn-danger{background:var(--color-error);border-color:var(--color-error);color:#fff}.empty-cart{color:var(--color-muted);margin-top:1.5rem}.checkout-actions{margin-top:1.5rem}.checkout-btn{padding:.6rem 1.2rem;text-decoration:none;display:inline-block}.checkout-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem;display:grid}@media (width<=820px){.checkout-grid{grid-template-columns:1fr}}.checkout-grid .auth-card{align-self:start;max-width:none}.checkout-title{margin-top:0}.checkout-table{width:100%}.checkout-form{max-width:none}.order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:1rem;overflow:hidden}.order-card-header{background:var(--color-bg-muted);border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.order-number{font-weight:600}.order-status{color:var(--color-primary);text-transform:uppercase;font-size:.85rem;font-weight:600}.order-date{color:var(--color-muted);margin-left:auto;font-size:.85rem}.order-card-body{flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.order-total{color:var(--color-accent);margin-left:auto;font-size:1.1rem;font-weight:700}.order-confirm{color:var(--color-muted);text-align:center}.order-detail,.order-shipping{margin-top:1.5rem}.order-shipping address{font-style:normal;line-height:1.6}.front-view{flex-direction:column;min-height:100vh;display:flex}.shop-footer{background:var(--color-bg-muted);border-top:1px solid var(--color-border);width:100%;margin-top:auto;padding-top:1rem}.footer-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;width:100%;padding:0 1rem 1rem;display:grid}.footer-column h3{color:var(--color-text);text-transform:uppercase;margin:0 0 .5rem;font-size:1rem}.footer-column address{color:var(--color-muted);font-size:.9rem;font-style:normal;line-height:1.6}.footer-column address a{color:var(--color-text);text-decoration:none}.footer-column address a:hover{color:var(--color-primary);text-decoration:underline}.auth-wrap{justify-content:center;margin-top:2rem;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:420px;padding:1.5rem}.auth-form{max-width:none}.auth-actions{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.auth-actions .btn{text-align:center;text-decoration:none}
