:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--green-primary: #A1D5A1;--green-dark: #2d5016;--green-light: #C8E6C8;--blue-primary: #2196F3;--blue-dark: #1565C0;--blue-light: #BBDEFB;--teal-primary: #009688;--teal-dark: #00695C;--teal-light: #B2DFDB;--purple-primary: #9C27B0;--purple-dark: #6A1B9A;--purple-light: #CE93D8;--amber-primary: #FF9800;--amber-dark: #E65100;--amber-light: #FFE0B2;--rose-primary: #EC407A;--rose-dark: #AD1457;--rose-light: #F8BBD9;--white: #ffffff;--gray-100: #f5f5f5;--gray-600: #666666;--gray-900: #333333;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable}body{font-family:DM Sans,system-ui,sans-serif;background:var(--gray-100);color:var(--gray-900);min-height:100vh}:root{--shop-primary: #4F46E5;--shop-dark: #3730A3;--shop-light: #C7D2FE;--shop-btn-radius: 9999px}button,input[type=submit],input[type=button],.add-to-cart,.cart-btn,.cart-checkout-btn,.btn-primary,.category-chip{border:none;outline:none}button:focus-visible,input:focus-visible,.add-to-cart:focus-visible,.cart-btn:focus-visible,.cart-checkout-btn:focus-visible,.btn-primary:focus-visible,.category-chip:focus-visible{outline:none;box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--shop-primary)}input[type=text],input[type=email],input[type=search],.qty-select{border:1px solid var(--gray-200);outline:none}input[type=text]:focus,input[type=email]:focus,input[type=search]:focus,.qty-select:focus{border-color:var(--shop-primary);box-shadow:0 0 0 3px #4f46e526}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-md) var(--spacing-lg);background:var(--white);border-bottom:1px solid rgba(0,0,0,.08)}.nav{position:relative;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.nav-left{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0;min-width:0}.nav-back{color:var(--gray-600);text-decoration:none;font-size:.875rem}.nav-back:hover{color:var(--shop-dark)}.nav-logo{position:absolute;left:50%;transform:translate(-50%);font-weight:700;font-size:1.25rem;color:var(--shop-dark);text-decoration:none;z-index:1}.nav-right{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;min-width:0}.nav-search-form{display:flex;align-items:center;min-width:0;flex:1 1 120px;max-width:360px;margin:0 var(--spacing-lg)}.nav-search-form input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:2.25rem;border:1px solid var(--gray-200);border-radius:var(--shop-btn-radius);font-size:.875rem;font-family:inherit;background:var(--gray-100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") no-repeat .5rem center;background-size:1rem 1rem}.nav-search-form input::placeholder{color:var(--gray-600)}.nav-account{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{color:var(--gray-600);text-decoration:none;font-size:.9375rem;font-weight:500}.nav-link:hover{color:var(--shop-dark)}.nav-link-btn{background:none;border:none;cursor:pointer;font:inherit;padding:0}.cart-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--shop-primary);color:var(--white);border-radius:var(--shop-btn-radius);font-size:.9375rem;font-weight:600;cursor:pointer;font-family:inherit}.cart-btn:hover{opacity:.95}.cart-count{background:var(--white);color:var(--shop-primary);min-width:22px;height:22px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.hero{padding:calc(72px + var(--spacing-xl)) var(--spacing-lg) var(--spacing-lg);background:linear-gradient(135deg,#EEF2FF 0%,var(--white) 100%);text-align:center}.hero-title{font-size:2rem;font-weight:700;color:var(--shop-dark);margin-bottom:var(--spacing-sm)}.hero-desc{font-size:1rem;color:var(--gray-600);max-width:480px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.products{padding:var(--spacing-xl) var(--spacing-lg)}.featured{padding:0 var(--spacing-lg) var(--spacing-lg)}.category-strip{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.category-chip{padding:var(--spacing-sm) var(--spacing-md);background:var(--shop-light);color:var(--shop-dark);border-radius:var(--shop-btn-radius);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;font-family:inherit}.category-chip-muted{background:var(--gray-100);color:var(--gray-600)}.section-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-lg)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg)}.product-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card-link{flex:1;display:flex;flex-direction:column;text-decoration:none;color:inherit}.product-card-link .product-info{flex:1}.product-view{font-size:.8125rem;color:var(--shop-primary);font-weight:500;margin-top:var(--spacing-xs)}.product-card-link:hover .product-view{text-decoration:underline}.product-image{aspect-ratio:1;width:100%;background-size:cover;background-position:center}.product-info{padding:var(--spacing-md)}.product-name{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.product-price{font-size:1.125rem;font-weight:700;color:var(--shop-dark);margin-bottom:var(--spacing-md)}.add-to-cart{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--shop-primary);color:var(--white);border-radius:var(--shop-btn-radius);font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit}.add-to-cart:hover{opacity:.95}.cart-drawer{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background:var(--white);box-shadow:-4px 0 20px #00000026;z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.cart-drawer.open{transform:translate(0)}.cart-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--gray-100)}.cart-drawer-title{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.cart-drawer-close{width:36px;height:36px;border:none;background:var(--gray-100);border-radius:50%;font-size:1.25rem;cursor:pointer;line-height:1}.cart-drawer-body{flex:1;overflow-y:auto;padding:var(--spacing-md)}.cart-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--gray-100)}.cart-item-image{width:64px;height:64px;border-radius:var(--radius-sm);flex-shrink:0;background-size:cover;background-position:center}.cart-item-details{flex:1;min-width:0}.cart-item-name{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.cart-item-price{font-size:.875rem;color:var(--shop-dark);font-weight:600}.cart-item-qty{font-size:.8125rem;color:var(--gray-600)}.cart-item-remove{background:none;border:none;color:var(--gray-600);font-size:.8125rem;cursor:pointer;text-decoration:underline}.cart-drawer-footer{padding:var(--spacing-lg);border-top:1px solid var(--gray-100)}.cart-total{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-md)}.cart-checkout-btn{display:block;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--shop-primary);color:var(--white);border-radius:var(--shop-btn-radius);font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;text-align:center;text-decoration:none}.cart-checkout-btn:hover{opacity:.95}.cart-empty{text-align:center;padding:var(--spacing-xl);color:var(--gray-600)}.product-page{padding:calc(72px + var(--spacing-xl)) var(--spacing-lg) var(--spacing-xl)}.breadcrumb{font-size:.875rem;color:var(--gray-600);margin-bottom:var(--spacing-lg)}.breadcrumb a{color:var(--shop-primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{margin:0 var(--spacing-xs)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start;background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.product-detail-image{aspect-ratio:1;border-radius:var(--radius-md);background-size:cover;background-position:center}.product-detail-name{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.product-detail-price{font-size:1.5rem;font-weight:700;color:var(--shop-dark);margin-bottom:var(--spacing-md)}.product-detail-desc{color:var(--gray-600);margin-bottom:var(--spacing-lg)}.add-to-cart-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;margin-bottom:var(--spacing-md)}.link-back{font-size:.875rem;color:var(--gray-600);text-decoration:none}.link-back:hover{color:var(--shop-dark)}.page-actions{margin-bottom:var(--spacing-lg)}.page-actions .link-back{display:inline-block}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg)}.page-content{padding:var(--spacing-xl) 0;min-height:60vh}.page-content .container{max-width:640px}.faq-list{margin-top:var(--spacing-lg)}.faq-item{padding:var(--spacing-md) 0;border-bottom:1px solid rgba(0,0,0,.08)}.faq-item:last-child{border-bottom:none}.faq-q{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.faq-a{font-size:.9375rem;color:var(--gray-600);line-height:1.5;margin:0}.page-content .page-cta{margin-top:var(--spacing-xl)}main{animation:pageIn .4s ease-out}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){main{animation:none}}.cart-page{padding:calc(72px + var(--spacing-xl)) var(--spacing-lg) var(--spacing-xl)}.cart-page .container{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl);align-items:start}.cart-page .container:has(.cart-page-sidebar[hidden]){grid-template-columns:1fr}.cart-page-content{min-width:0;margin-bottom:0}.cart-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-row{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.cart-row-image{width:80px;height:80px;border-radius:var(--radius-sm);flex-shrink:0;background-size:cover;background-position:center}.cart-row-details{flex:1;min-width:0}.cart-row-name{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.cart-row-price{font-size:.9375rem;color:var(--shop-dark);font-weight:600}.cart-row-qty{display:block;margin-top:var(--spacing-sm)}.qty-select{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:inherit;margin-left:var(--spacing-xs)}.cart-summary{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:sticky;top:calc(72px + var(--spacing-md))}.cart-summary .cart-checkout-btn{margin-bottom:var(--spacing-sm)}.checkout-page{padding:calc(72px + var(--spacing-xl)) var(--spacing-lg) var(--spacing-xl)}.checkout-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-xl);align-items:start}.checkout-form{max-width:480px}.checkout-section{margin-bottom:var(--spacing-xl)}.checkout-section h2{font-size:1.125rem;font-weight:700;margin-bottom:var(--spacing-md)}.checkout-form-inner .form-group{margin-bottom:var(--spacing-md)}.checkout-form-inner label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs)}.checkout-form-inner input{width:100%;padding:var(--spacing-md);border:1px solid var(--gray-200);border-radius:12px;font-size:1rem;font-family:inherit}.checkout-form-inner input:focus{outline:none;border-color:var(--shop-primary)}.btn-primary{display:inline-block;padding:var(--spacing-md) var(--spacing-lg);background:var(--shop-primary);color:var(--white);border-radius:var(--shop-btn-radius);font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none;margin-top:var(--spacing-sm)}.btn-primary:hover{opacity:.95}.checkout-summary{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:sticky;top:calc(72px + var(--spacing-md))}.checkout-summary h2{font-size:1.125rem;font-weight:700;margin-bottom:var(--spacing-md)}.order-summary-list{margin-bottom:var(--spacing-md);max-height:280px;overflow-y:auto}.order-summary-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--gray-100)}.order-summary-image{width:48px;height:48px;border-radius:var(--radius-sm);flex-shrink:0;background-size:cover;background-position:center}.order-summary-name{font-size:.875rem;font-weight:500}.order-summary-qty{font-size:.8125rem;color:var(--gray-600);margin-left:var(--spacing-xs)}.order-summary-price{margin-left:auto;font-size:.875rem;font-weight:600}.order-summary-total{font-size:1.125rem;font-weight:700;margin-bottom:var(--spacing-md)}.checkout-demo-note{font-size:.875rem;color:var(--gray-600);margin-bottom:var(--spacing-md)}.shipping-review p{color:var(--gray-700);margin-bottom:var(--spacing-xs)}.link-small{font-size:.8125rem;color:var(--shop-primary);text-decoration:none}.link-small:hover{text-decoration:underline}.order-confirm-page{padding:calc(72px + var(--spacing-xl)) var(--spacing-lg) var(--spacing-xl);min-height:60vh;display:flex;align-items:center}.order-confirm-card{max-width:420px;margin:0 auto;text-align:center;background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.order-confirm-icon{font-size:3rem;color:#22c55e;display:block;margin-bottom:var(--spacing-md)}.order-confirm-card h1{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.order-confirm-desc{color:var(--gray-600);margin-bottom:var(--spacing-md)}.order-confirm-id{font-size:.9375rem;margin-bottom:var(--spacing-lg)}.order-confirm-card .btn-primary{display:inline-block}.cart-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.cart-backdrop.open{opacity:1;visibility:visible}.checkout-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.checkout-modal.open{opacity:1;visibility:visible}.checkout-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;cursor:pointer}.checkout-content{position:relative;background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:440px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.checkout-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;border:none;background:var(--gray-100);border-radius:50%;font-size:1.25rem;cursor:pointer;line-height:1}.checkout-step{display:none}.checkout-step.active{display:block}.checkout-step h2{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-md)}.checkout-step .form-group{margin-bottom:var(--spacing-md)}.checkout-step label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs)}.checkout-step input{width:100%;padding:var(--spacing-md);border:1px solid var(--gray-100);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit}.checkout-step input:focus{outline:none;border-color:var(--shop-primary)}.checkout-next,.checkout-place{width:100%;padding:var(--spacing-md);background:var(--shop-primary);color:var(--white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;margin-top:var(--spacing-md)}.checkout-success{text-align:center;padding:var(--spacing-xl) 0;display:none}.checkout-modal.success .checkout-content>div:not(.checkout-success){display:none}.checkout-modal.success .checkout-success{display:block}.checkout-success-icon{font-size:3rem;margin-bottom:var(--spacing-md);color:#22c55e}.footer{padding:var(--spacing-lg);text-align:center;background:var(--white);border-top:1px solid rgba(0,0,0,.06)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-sm)}.footer-links a{font-size:.875rem;color:var(--gray-600);text-decoration:none}.footer-links a:hover{color:var(--shop-dark)}.footer p{font-size:.875rem;color:var(--gray-600)}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;background:transparent;color:var(--shop-dark);font-size:1.5rem;cursor:pointer;border-radius:var(--radius-sm)}.nav-toggle:hover{opacity:.85}.nav-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;visibility:hidden}.nav-drawer.is-open{pointer-events:auto;visibility:visible}.nav-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;transition:opacity .25s ease}.nav-drawer.is-open .nav-drawer-backdrop{opacity:1}.nav-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(280px,85vw);background:var(--white);box-shadow:-4px 0 24px #0000001f;padding:var(--spacing-xl);padding-top:calc(var(--spacing-xl) + 52px);transform:translate(100%);transition:transform .25s ease;overflow:auto}.nav-drawer.is-open .nav-drawer-panel{transform:translate(0)}.nav-drawer-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:44px;height:44px;padding:0;border:none;background:transparent;font-size:1.5rem;color:var(--gray-900);cursor:pointer;line-height:1}.nav-drawer-links{display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-drawer-links a,.nav-drawer-links button{display:flex;align-items:center;padding:var(--spacing-md);font-size:1rem;color:var(--gray-900);text-decoration:none;border-radius:var(--radius-sm);min-height:44px;border:none;cursor:pointer;font-family:inherit;background:transparent;text-align:left;width:100%}.nav-drawer-links a:hover,.nav-drawer-links button:hover{background:var(--gray-100)}@media (max-width: 768px){.header{padding:var(--spacing-sm) var(--spacing-md)}.nav{gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.nav-right,.nav-search-form{display:none!important}.nav-toggle{display:flex}.nav-back{font-size:.8125rem}.nav-logo{font-size:1.125rem}}@media (max-width: 640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.cart-drawer{max-width:100%}.product-detail,.checkout-layout,.cart-page .container{grid-template-columns:1fr}.nav-right{gap:var(--spacing-sm)}.nav-search-form{max-width:140px}}