.searchBoxWrapper{position:relative;width:100%;max-width:500px}.searchInput{width:100%;padding:14px 18px;border-radius:12px;border:1px solid #ddd;font-size:15px;outline:none;transition:.3s}.searchInput:focus{border-color:#ff4747;box-shadow:0 0 0 3px rgba(255,71,71,.1)}.searchDropdown{position:absolute;top:110%;left:0;width:100%;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden;z-index:999}.searchItem{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:.2s}.searchItem:hover{background:#f7f7f7}.searchImage{width:50px;height:50px;object-fit:cover;border-radius:8px;background:#f1f1f1}.searchInfo{display:flex;flex-direction:column}.searchTitle{font-size:14px;font-weight:600;color:#111}.searchSub{font-size:12px;color:#888}.searchBtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:#ff4d4f;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.searchBoxWrapper{max-width:320px}}@media (max-width:480px){.searchBoxWrapper{max-width:260px}}.cartDropdownWrapper{position:absolute;right:20px;top:60px;width:300px;z-index:9999}.checkoutShell{background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden}.checkoutTop{padding:12px 14px;display:flex;justify-content:space-between;border-bottom:1px solid #eee;font-weight:600}.emptyState{padding:20px;text-align:center;color:#777}.checkoutList{max-height:420px;overflow-y:auto;flex-direction:column;gap:10px}.cartRow,.checkoutList{padding:10px;display:flex}.cartRow{width:100%;height:150px;align-items:center;justify-content:space-between;border:1px solid #eee;border-radius:12px;background:#fafafa}.imgBox{width:90px;height:90px;flex-shrink:0}.imgBox img{width:100%;height:100%;object-fit:cover;border-radius:10px}.midBox{flex:1 1;padding:0 10px;display:flex;flex-direction:column;justify-content:center;gap:6px}.title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{font-size:13px;color:#333}.qtyControl{display:flex;align-items:center;gap:8px}.qtyControl button{width:26px;height:26px;border:none;background:#111;color:#fff;border-radius:6px;cursor:pointer}.deleteBtn{background:transparent;border:none;color:#c00;cursor:pointer;font-size:16px}.checkoutFooter{border-top:1px solid #eee;padding:12px;display:flex;flex-direction:column;gap:10px}.totalBox{display:flex;justify-content:space-between;font-weight:700}.payBtn{background:#000;color:#fff;border:none;padding:12px;border-radius:10px;cursor:pointer}.priceRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.price{font-weight:600;font-size:14px;color:#111}.variationTag{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#111,#333);color:#fff;border:1px solid hsla(0,0%,100%,.1);display:inline-flex;align-items:center;justify-content:center;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 10px rgba(0,0,0,.15);transition:all .2s ease}.variationTag:hover{transform:translateY(-1px);background:linear-gradient(135deg,#222,#000);cursor:default}@media (max-width:600px){.variationTag{font-size:10px;padding:3px 8px}}.footer{background-color:#2f43a5;color:#fff;font-family:Poppins,sans-serif;padding:50px 20px 20px}.footer a{color:#b0b0b0;text-decoration:none;transition:color .3s ease,transform .2s ease}.footer a:hover{color:#00eaff;transform:translateX(3px)}.footer-top{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:flex-start}.footer-logo-column{flex:1 1 250px;display:flex;flex-direction:column;gap:20px}.footer-appendix-rectangle{display:flex;flex-direction:column;gap:10px}.appendix-link{font-size:14px}.admin-button{background-color:#00eaff;color:#0b0d17!important;padding:5px 12px;border-radius:6px;font-weight:600;width:-moz-fit-content;width:fit-content}.footer-payment{margin-top:10px}.footer-divider{width:2px;background-color:#1f1f1f;margin:0 20px;flex-shrink:0}.footer-columns-wrapper{display:flex;flex:3 1 600px;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer-column{min-width:150px;display:flex;flex-direction:column;gap:8px}.footer-column h4{color:#fff;font-size:16px;margin-bottom:12px;font-weight:600;position:relative}.footer-column h4:after{content:"";width:40px;height:2px;background:#00eaff;display:block;margin-top:6px;border-radius:1px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:8px;font-size:14px}.footer-column ul li a{display:inline-block;transition:color .3s,transform .2s}.footer-column ul li a:hover{color:#00eaff;transform:translateX(4px)}.footer-social-icons{display:flex;gap:15px;margin-top:10px}.footer-social-icons a{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s}.footer-social-icons a:hover{transform:scale(1.1)}.footer-line{border:.5px solid #1f1f1f;margin:30px 0 20px}.footer-bottom{text-align:center;font-size:13px;color:#888;padding-bottom:10px}@media (max-width:1024px){.footer-top{flex-direction:column;gap:30px}.footer-divider{display:none}.footer-columns-wrapper{flex-direction:column;gap:20px}.footer-column{min-width:100%}.footer-social-icons{justify-content:flex-start}}@media (max-width:480px){.footer{padding:30px 15px 15px}.footer-column h4{font-size:15px}.appendix-link{font-size:13px}.admin-button{padding:4px 10px;font-size:12px}.footer-column ul li{font-size:13px}}*,:after,:before{margin:0;padding:0;box-sizing:border-box;min-width:0}body,html{height:100%;width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;scroll-behavior:auto;font-family:Nunito Sans,Inter,Helvetica Neue,Segoe UI,Roboto,sans-serif;font-size:16px;color:#111827;background-color:#f9fafb;line-height:1.6;position:relative;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}canvas,img,svg,video{max-width:100%;height:auto;display:block}h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.5px}h2{font-size:2rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.3px}h3{font-size:1.5rem}h3,h4{font-weight:600;margin-bottom:.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem;color:#374151;font-weight:400}.text-center{text-align:center}.container,.container-fluid{width:100%;padding-left:1rem;padding-right:1rem;margin-left:0;margin-right:0}.app-container{min-height:100dvh;display:flex;flex-direction:column}.flex{display:flex;align-items:center;justify-content:center;min-width:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}@media (max-width:1024px){html{font-size:15px}}@media (max-width:768px){html{font-size:14px}}