:root{--primary:#DC004A;--cream:#FDEFE1;--bg:#fff;--surface:#fff;--text:#111;--muted:#666;--ring:rgba(220,0,74,.22);--shadow:0 10px 25px rgba(0,0,0,.06);--radius:18px;--footer-h:120px;--qty-h:40px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--ring);transition:padding .25s ease}.nav{display:flex;align-items:center;justify-content:center;padding:24px 0;transition:padding .25s ease}.brand img{height:256px;width:auto;border-radius:16px;box-shadow:0 6px 20px #dc004a1f;transition:height .25s ease}header.shrink .nav{padding:10px 0}header.shrink .brand img{height:56px}.header-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0 10px;color:#111;font-size:.95rem}.header-info .mail-link{color:inherit;text-decoration:none;font-weight:800}.header-info .mail-link:hover{color:var(--primary);text-decoration:none}.hero{padding:24px 0 8px}.hero-card{display:flex;align-items:center;justify-content:center;gap:20px;background:#fff;border:1px solid var(--ring);padding:22px;border-radius:var(--radius);box-shadow:var(--shadow)}.hero h2{margin:0 0 6px;color:var(--text)}.hero p{margin:0;color:var(--muted)}.list{display:flex;flex-direction:column;gap:22px;padding:22px 0 32px}.product-row{display:flex;align-items:stretch;gap:22px;background:var(--surface);border:1px solid var(--ring);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.product-row .media{order:1;flex:0 0 40%;min-height:260px;background:#fff;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--ring);color:var(--primary);overflow:hidden}.product-row .media img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.product-row .media .initials{font-size:56px;font-weight:900;letter-spacing:.5px;opacity:.18;-webkit-user-select:none;user-select:none}.product-row .details{order:2;flex:1;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}.product-row h3{margin:0}.desc{color:var(--muted)}.specs{margin:0;padding-left:18px;color:var(--text)}.specs li{margin:4px 0}.titlebar{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:center}.title-left{display:grid;grid-template-rows:auto auto;gap:6px;min-width:0}.title-left h3{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-variant{border:1px solid var(--ring);background:#fff;border-radius:10px;padding:6px 10px;font-weight:700;color:#111;max-width:60vw}.select-variant:focus{outline:none;box-shadow:0 0 0 3px var(--ring)}.price{color:var(--primary);font-weight:900;white-space:nowrap;transition:color .18s ease,transform .18s ease,opacity .18s ease}@keyframes price-bump{0%{transform:translateY(0) scale(1);opacity:1}20%{transform:translateY(-2px) scale(1.02);opacity:.85}to{transform:translateY(0) scale(1);opacity:1}}.price.anim{animation:price-bump .26s ease-out}.actions{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap;min-width:0}.qty{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--ring);border-radius:12px;padding:2px 4px;height:var(--qty-h)}.qty button{all:unset;display:grid;place-items:center;width:36px;height:100%;cursor:pointer;border-radius:10px;font-size:20px;line-height:1;color:var(--primary);transition:.15s background ease,.15s color ease}.qty button:hover{background:#dc004a0f;color:#000}.qty input{width:42px;height:100%;text-align:center;background:transparent;border:0;color:var(--text);font-weight:700;padding:0 6px;line-height:var(--qty-h);-webkit-appearance:none;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--primary);border-radius:12px;padding:10px 14px;font-weight:800;letter-spacing:.2px;color:var(--primary);background:var(--cream);box-shadow:0 4px 12px #0000000a;transition:.15s background ease,.15s color ease,.15s border-color ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.outline{background:#fff}.btn.outline:hover{background:var(--cream);color:var(--primary);border-color:var(--primary)}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ring);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;min-height:44px}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.mini{padding:4px 8px;font-size:.82rem;border-radius:999px;border:1px solid var(--ring);background:#fff;cursor:pointer}.chip.mini:hover{border-color:var(--primary);color:var(--primary)}.chip.mini.ok{border-color:var(--primary);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;position:absolute;left:-9999px}.toggle.active{border-color:var(--primary);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.cart-fab{position:fixed;right:18px;bottom:18px;z-index:60;background:#fff;color:var(--primary);border:1px solid var(--primary);border-radius:999px;padding:14px 18px;display:flex;align-items:center;gap:10px;font-weight:900;box-shadow:var(--shadow);cursor:pointer;transition:.15s background ease,.15s color ease}.cart-fab:hover{background:var(--primary);color:#fff}.cart-fab .count{background:var(--cream);color:var(--primary);padding:.2rem .5rem;border-radius:999px;border:1px solid var(--ring);font-size:.82rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;display:none;z-index:70}.overlay.show{display:block}body.noscroll{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;place-items:center;z-index:80;padding:18px}.modal.open{display:grid}.panel{width:min(92vw,640px);max-height:86vh;background:#fff;border:1px solid var(--ring);border-radius:18px;box-shadow:0 22px 60px #0000002e;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--ring)}.panel-body{overflow:auto}.panel-footer{display:grid;gap:10px;padding:16px 18px;border-top:1px solid var(--ring);background:#fff}.panel-footer .summary{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.panel-footer .checkout{display:flex;gap:10px;justify-content:flex-end}.cart-items{padding:12px 18px}.cart-item{position:relative;display:grid;gap:8px 10px;padding:12px 12px 56px;margin-bottom:12px;border-radius:14px;background:#fff;border:1px solid var(--ring)}.cart-item .top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.cart-item .name{font-weight:700}.cart-item .line-total{color:var(--primary);font-weight:900}.cart-item .muted{color:var(--muted);font-size:.9rem}.cart-item .qty-row{margin-top:2px}.cart-item .qty{width:140px}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--ring);background:#fff;cursor:pointer;transition:.15s border-color ease,.15s color ease}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.icon{width:18px;height:18px;display:block}.cart-item .remove{position:absolute;right:12px;bottom:12px}#checkoutForm .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}#checkoutForm .actions a{width:100%;justify-self:stretch;text-align:center}#checkoutForm .actions a:first-child{grid-column:1/-1}.pickup-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pickup-pills .pill{border:1px solid var(--ring);background:#fff;border-radius:999px;padding:6px 10px;font-size:.9rem;cursor:pointer}.pickup-pills .pill:hover{border-color:var(--primary);color:var(--primary)}h2{font-size:clamp(1.2rem,1.2rem + .8vw,1.8rem)}h3{font-size:clamp(1.05rem,1rem + .6vw,1.4rem)}input,select{width:100%}@media (max-width:480px){:root{--qty-h:36px }.nav{padding:16px 0}.brand img{height:160px}header.shrink .brand img{height:48px}.hero-card{padding:16px}.list{gap:16px;padding:16px 0 120px}.product-row{flex-direction:column;overflow:hidden}.product-row .media{min-height:180px;border-right:0;border-bottom:1px solid var(--ring);order:0}.product-row .details{order:1;padding:14px;display:flex;flex-direction:column}.product-row .details .actions{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.product-row .details .actions .btn{width:auto;justify-self:end;padding:10px 12px}.cart-fab{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:12px 16px}.modal{padding:0}.panel{width:100vw;height:100vh;height:100dvh;max-height:none;border-radius:0}.panel-header{position:sticky;top:0;background:#fff;z-index:2}.panel-footer{position:sticky;bottom:0;background:#fff;z-index:2;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.panel-body{-webkit-overflow-scrolling:touch}.panel-footer .checkout{flex-direction:column;align-items:stretch}.panel-footer .checkout .btn{width:100%}.cart-item .qty{width:120px}.select-variant{padding:6px 8px;font-size:.95rem;max-width:70vw}.title-left{flex:1 1 auto}}@media (max-width:600px){#checkoutForm .grid-2{grid-template-columns:1fr}}#checkoutForm .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}