body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050816;color:#e5e7eb;font-weight:300;position:relative;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:-3px;background:linear-gradient(45deg,#f97316,#22c55e,#3b82f6,#a855f7,#ec4899,#f97316);background-size:400% 400%;z-index:-2;pointer-events:none;animation:gradient-border-sync 4s ease infinite}body:after{content:"";position:fixed;inset:3px;background:#050816;z-index:-1;pointer-events:none}@keyframes gradient-border-sync{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{min-height:100vh;position:relative;z-index:1}button{font-family:inherit}#navbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#0f172a,#020617);color:#f9fafb;padding:1rem 2.5rem;box-shadow:0 4px 18px #0f172acc;position:sticky;top:0;z-index:10;overflow:hidden}#navbar:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#f97316,#22c55e,#3b82f6,#a855f7,#ec4899,#f97316);background-size:400% 400%;z-index:-2;pointer-events:none;animation:gradient-border-sync 4s ease infinite}#navbar:after{content:"";position:absolute;inset:3px;background:linear-gradient(90deg,#0f172a,#020617);z-index:-1;pointer-events:none}#navbar h1{margin:0;font-size:1.5rem;letter-spacing:.5em;font-weight:300}#navbar-gradient-text{background:linear-gradient(90deg,#f97316,#22c55e,#3b82f6,#a855f7,#ec4899,#f97316);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradient-text-move 3s ease infinite;font-weight:700}@keyframes gradient-text-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#navbar button{background-color:#f97316;color:#0b1120;border:none;padding:.55rem 1.3rem;border-radius:999px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px #f9731680;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}#navbar button:hover{background-color:#fb923c;transform:translateY(-1px);box-shadow:0 6px 16px #f97316b3}#navbar button:active{transform:translateY(0);box-shadow:0 3px 8px #f9731699}#product-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;padding:2.5rem}#product-card{position:relative;border-radius:14px;padding:1.2rem 1rem 1.4rem;text-align:center;background:radial-gradient(circle at top,#111827 0,#020617 55%);border:2px solid rgba(55,65,81,.9);box-shadow:0 14px 35px #0f172acc;color:#e5e7eb;display:flex;flex-direction:column;align-items:center;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;isolation:isolate}#product-card:before{content:"";position:absolute;inset:-3px;border-radius:14px;background:linear-gradient(45deg,#f97316,#22c55e,#3b82f6,#a855f7,#ec4899,#f97316);background-size:400% 400%;opacity:0;transition:opacity .3s ease;z-index:-2;animation:gradient-border-move 4s ease infinite;pointer-events:none}#product-card:after{content:"";position:absolute;inset:2px;border-radius:12px;background:radial-gradient(circle at top,#111827 0,#020617 55%);z-index:-1;pointer-events:none}#product-card:hover:before{opacity:1}#product-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0f172af2;border-color:transparent}@keyframes gradient-border-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#product-card-image-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:.8rem}#product-card img{height:160px;object-fit:contain;margin-bottom:.8rem;max-width:100%}#product-card h2{font-size:.95rem;margin:.2rem 0 .4rem}#product-card p{margin:.2rem 0}#product-card p:nth-of-type(1){font-weight:100;color:#fbbf24}#product-card button{margin-top:.9rem;padding:.55rem 1.1rem;cursor:pointer;border-radius:999px;border:1px solid transparent;background-color:#22c55e;color:#052e16;font-weight:600;box-shadow:0 4px 14px #22c55e73;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}#product-card button:hover{background-color:#4ade80;transform:translateY(-1px);box-shadow:0 6px 18px #22c55ea6}#product-card button:active{transform:translateY(0);box-shadow:0 3px 10px #22c55e8c}.product-card-skeleton{border-radius:14px;padding:1.2rem 1rem 1.4rem;background:radial-gradient(circle at top,#111827 0,#020617 55%);border:1px solid rgba(55,65,81,.9);box-shadow:0 14px 35px #0f172acc;display:flex;flex-direction:column;gap:.5rem}.skeleton{position:relative;overflow:hidden;background:#111827}.skeleton:before{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#0f172a00,#94a3b866,#0f172a00);animation:shimmer 1.4s infinite}.skeleton-img{height:160px;border-radius:10px}.skeleton-title{height:14px;border-radius:999px;width:80%}.skeleton-price{height:12px;border-radius:999px;width:40%}.skeleton-button{height:34px;border-radius:999px;width:70%;align-self:center}@keyframes shimmer{to{transform:translate(100%)}}.cart-page{min-height:calc(100vh - 80px);display:flex;justify-content:center;padding:2.5rem 1rem}.cart-container{width:100%;max-width:900px;background:radial-gradient(circle at top,#111827,#020617 60%);border-radius:18px;padding:2rem;position:relative;isolation:isolate;box-shadow:0 18px 45px #0f172af2}.cart-container:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#f97316,#22c55e,#3b82f6,#a855f7,#ec4899,#f97316);background-size:400% 400%;border-radius:18px;z-index:-2;animation:gradient-border-sync 4s ease infinite}.cart-container:after{content:"";position:absolute;inset:3px;background:#020617;border-radius:15px;z-index:-1}.cart-title{margin:0 0 1.5rem;font-weight:300;letter-spacing:.08em}.cart-items{display:flex;flex-direction:column;gap:1rem;max-height:420px;overflow-y:auto;padding-right:.4rem}.cart-items::-webkit-scrollbar{width:4px}.cart-items::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:4px}.cart-item{display:flex;align-items:center;gap:1rem;padding:.8rem;border-radius:14px;background:#020617;border:1px solid rgba(55,65,81,.8)}.cart-item img{height:60px;width:60px;object-fit:contain}.cart-item-info{flex:1}.cart-item-title{font-size:.9rem;margin:0 0 .2rem}.cart-item-price{font-size:.85rem;color:#fbbf24}.remove-btn{background-color:#ef4444;color:#fee2e2;border:none;padding:.45rem .9rem;border-radius:999px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px #ef444499;transition:transform .1s ease,background-color .15s ease}.remove-btn:hover{background-color:#f97373;transform:translateY(-1px)}.empty-cart{text-align:center;padding:3rem 0;color:#94a3b8}.cart-summary{margin-top:1.8rem;border-top:1px solid rgba(55,65,81,.8);padding-top:1rem}.cart-summary p,.cart-summary h3{display:flex;justify-content:space-between;margin:.5rem 0}.cart-summary h3{color:#22c55e;font-weight:600}@media(max-width:640px){.cart-container{padding:1.5rem 1rem}.cart-item{flex-direction:column;text-align:center}.remove-btn{width:100%}}#button_container{display:grid;grid-template-columns:1fr 1fr;gap:10px}#modal-overlay{position:fixed;width:100%;height:100%;background-color:#0f172ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#modal{background:transparent;padding:1.8rem;width:95%;height:80%;border-radius:16px;border:none;box-shadow:0 18px 45px #0f172af2;color:#e5e7eb;display:flex;flex-direction:column;position:relative;isolation:isolate}#modal:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#f97316,#22c55e,#3b82f6,#a855f7,#ec4899,#f97316);background-size:400% 400%;border-radius:16px;z-index:-2;pointer-events:none;animation:gradient-border-sync 4s ease infinite}#modal:after{content:"";position:absolute;inset:3px;background:#020617;border-radius:13px;z-index:-1;pointer-events:none}#modal>*{position:relative;z-index:1}#modal h2{margin-top:0;margin-bottom:.8rem;flex-shrink:0;font-weight:300}#cart-items-container{flex:1;overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 180px);padding-right:.5rem;margin-bottom:.5rem}#cart-items-container::-webkit-scrollbar{width:4px}#cart-items-container::-webkit-scrollbar-track{background:transparent;border-radius:4px}#cart-items-container::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:4px}#cart-items-container::-webkit-scrollbar-thumb:hover{background:#94a3b899}#cart-item{display:flex;justify-content:space-between;align-items:center;margin:.8rem 0;padding:.5rem 0;border-bottom:1px solid rgba(55,65,81,.8);gap:.75rem;flex-shrink:0}#cart-item img{height:55px;object-fit:contain}#cart-item>div{flex:1}#cart-item button{background-color:#ef4444;color:#fee2e2;border:none;padding:.4rem .8rem;border-radius:999px;cursor:pointer;font-weight:600;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 4px 12px #ef444499}#cart-item button:hover{background-color:#f97373;transform:translateY(-1px)}#close-btn{margin-top:.5rem;padding:.6rem;width:100%;cursor:pointer;border-radius:999px;border:1px solid rgba(148,163,184,.7);background-color:#020617;color:#e5e7eb;font-weight:300;transition:background-color .15s ease,color .15s ease,border-color .15s ease;flex-shrink:0}#close-btn:hover{background-color:#111827;border-color:#f97316}@media(max-width:640px){#product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.5rem 1rem}#product-card-image-wrapper{height:120px}#product-card img{height:100%;object-fit:contain}}