*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}.banner-slide{transition:opacity .6s ease-in-out}.product-card{transition:box-shadow .3s ease,transform .3s ease}@media (hover: hover) and (pointer: fine){.product-card:hover{transform:translateY(-3px)}}.category-scroll::-webkit-scrollbar{display:none}.category-scroll{-ms-overflow-style:none;scrollbar-width:none}input:focus,textarea:focus,select:focus{outline:none;border-color:#e8751a!important;box-shadow:0 0 0 2px #c8a95133}.cat-tab{font-family:Manrope,sans-serif;font-weight:600;font-size:13px;line-height:1;padding:8px 14px;border-radius:9999px;white-space:nowrap;flex-shrink:0;border:none;cursor:pointer;color:#6b7280;background:transparent;transition:all .25s ease}@media (min-width: 768px){.cat-tab{font-size:14px;padding:10px 20px}}.cat-tab:hover{color:#111827;background:#f3f4f6}.cat-tab:active{transform:scale(.96)}.cat-tab-active{color:#fff!important;background:#1f2937!important;box-shadow:0 2px 8px #00000026}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.mb-12{animation:fadeSlideUp .4s ease-out both}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.cart-badge{min-width:24px;height:24px;padding:0 6px;border-radius:9999px;background:#e8751a;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #e8751a66;line-height:1}.card-counter{display:flex;align-items:center;gap:0;background:#f3f4f6;border-radius:9999px;padding:2px;flex-shrink:0}.card-counter-btn{width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;background:transparent;transition:all .15s ease}.card-counter-btn:hover{background:#fff;box-shadow:0 1px 4px #0000001a;color:#111}.card-counter-btn-plus{background:#e8751a;color:#fff}.card-counter-btn-plus:hover{background:#d06510;color:#fff;box-shadow:0 2px 6px #e8751a4d}.card-counter-qty{width:28px;text-align:center;font-size:14px;font-weight:700;color:#111827;line-height:1}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#0000008c;animation:backdropIn .3s ease both}.modal-backdrop-exit{animation:backdropOut .25s ease both}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes backdropOut{0%{opacity:1}to{opacity:0}}.modal-sheet{background:#fff;width:100%;max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -4px 40px #00000026;animation:sheetSlideIn .35s cubic-bezier(.32,.72,0,1) both}.modal-sheet-exit{animation:sheetSlideOut .25s cubic-bezier(.32,.72,0,1) both}@keyframes sheetSlideIn{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes sheetSlideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:.6}}@media (min-width: 768px){.modal-backdrop{align-items:center}.modal-sheet{max-width:460px;max-height:88vh;border-radius:24px;box-shadow:0 25px 60px #00000040;animation:sheetScaleIn .35s cubic-bezier(.32,.72,0,1) both}.modal-sheet-exit{animation:sheetScaleOut .25s cubic-bezier(.32,.72,0,1) both}@keyframes sheetScaleIn{0%{transform:scale(.92) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes sheetScaleOut{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.92) translateY(30px);opacity:0}}}.modal-hero{position:relative;width:100%;height:220px;overflow:hidden;flex-shrink:0}@media (min-width: 768px){.modal-hero{height:260px}}.modal-content{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-content::-webkit-scrollbar{width:0}.modal-content{scrollbar-width:none}.option-row{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:2px solid #f3f4f6;background:#fff;text-align:left;cursor:pointer;transition:all .2s ease}.option-row:hover{border-color:#e5e7eb;background:#fafafa}.option-row-active{border-color:#e8751a;background:linear-gradient(135deg,#e8751a0a,#e8751a14)}.option-row-active:hover{border-color:#e8751a;background:linear-gradient(135deg,#e8751a0f,#e8751a1a)}.option-radio{width:22px;height:22px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.option-radio-active{border-color:#e8751a;background:#e8751a;box-shadow:0 0 0 3px #e8751a26}.modal-footer{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #f3f4f6;box-shadow:0 -2px 20px #0000000a}@media (min-width: 768px){.modal-footer{padding:16px 24px}}.modal-cta{flex:1;display:flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:9999px;background:#e8751a;color:#fff;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #e8751a40}.modal-cta:hover{background:#d06510;box-shadow:0 6px 20px #e8751a4d;transform:translateY(-1px)}.modal-cta:active{transform:scale(.98)}.modal-cta-success{background:#22c55e!important;box-shadow:0 4px 16px #22c55e4d!important;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .2s ease forwards}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.animate-pop-in{animation:popIn .35s cubic-bezier(.34,1.56,.64,1) forwards}.floating-stack{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.floating-stack>*{pointer-events:auto}@media (max-width: 767px){.floating-stack{bottom:16px;right:16px;gap:10px}}.floating-stack-btn{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #0003;transition:all .25s ease;animation:fadeScaleIn .25s ease both}.floating-stack-btn:active{transform:scale(.92)}@media (max-width: 767px){.floating-stack-btn{width:44px;height:44px}}.floating-stack-btn-dark{background:#1f2937;color:#fff}@media (hover: hover){.floating-stack-btn-dark:hover{background:#e8751a;transform:translateY(-2px);box-shadow:0 6px 20px #e8751a59}}.floating-cart-btn{display:none;text-decoration:none}@media (max-width: 767px){.floating-cart-btn{display:flex;align-items:center;gap:8px;padding:10px 16px 10px 14px;border-radius:9999px;background:#e8751a;color:#fff;font-weight:700;font-size:14px;box-shadow:0 4px 20px #e8751a66;transition:all .25s ease;animation:fadeScaleIn .3s ease both;position:relative;text-decoration:none}.floating-cart-btn:active{transform:scale(.95)}}.floating-cart-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:9999px;background:#1f2937;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid #fff}.floating-cart-total{font-size:14px;font-weight:700;white-space:nowrap}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.nav-cart-btn{padding:6px 10px;border-radius:9999px;transition:all .2s ease}.nav-cart-btn:hover{background:#f3f4f6}@media (max-width: 767px){.nav-cart-btn{padding:6px 8px}}@keyframes slideUp{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out both}@keyframes searchPulse{0%{box-shadow:0 0 #e8751a99;transform:scale(1)}15%{box-shadow:0 0 0 8px #e8751a4d;transform:scale(1.02)}30%{box-shadow:0 0 0 4px #e8751a33;transform:scale(1)}45%{box-shadow:0 0 0 8px #e8751a4d;transform:scale(1.02)}60%{box-shadow:0 0 0 4px #e8751a26;transform:scale(1)}75%{box-shadow:0 0 0 6px #e8751a1a;transform:scale(1.01)}to{box-shadow:0 0 #e8751a00;transform:scale(1)}}.search-highlight{animation:searchPulse 2.2s ease-out;border-radius:16px;z-index:10;position:relative}.quick-add-btn{opacity:1}@media (hover: hover) and (pointer: fine){.quick-add-btn{opacity:0}.product-card:hover .quick-add-btn{opacity:1}}@media (hover: hover) and (pointer: fine){.product-card:hover .img-hover-zoom{transform:scale(1.05)}}