*,*:before,*:after{box-sizing:border-box}html,body{margin:0;max-width:100vw;overflow-x:hidden}html{font-size:16px}body{background-color:#121212;color:#f0f0f0;font-family:Instrument Sans,sans-serif;font-weight:400;min-width:360px;padding:1rem}h1{font-size:clamp(1.75rem,2vw + 1rem,2.5rem);margin-bottom:2rem;text-align:center}h2{font-size:clamp(1.5rem,1.5vw + 1rem,2rem);margin-bottom:1.5rem}h3{font-size:clamp(1.25rem,1.2vw + .75rem,1.75rem);margin-bottom:1rem}p{font-size:1rem;line-height:1.5}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.bold{font-weight:700}.w-full{width:100%}.btn{border-radius:.5rem;border:1px solid #fcd200;font-weight:700;padding:.5rem 1rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}@media (min-width: 576px){.sm\:grid-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-6{grid-template-columns:repeat(6,1fr)}.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:col-span-4{grid-column:span 4 / span 4}.sm\.col-span-5{grid-column:span 5 / span 5}.sm\.col-span-6{grid-column:span 6 / span 6}}@media (min-width: 768px){.md\:grid-2{grid-template-columns:repeat(2,1fr)}.md\:grid-6{grid-template-columns:repeat(6,1fr)}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\.col-span-5{grid-column:span 5 / span 5}.md\.col-span-6{grid-column:span 6 / span 6}}.container{box-sizing:border-box;margin:0 auto;max-width:768px;padding:1rem;width:100%}.card{background:#1e1e1e;border-radius:.5rem;box-shadow:0 .25rem .75rem #0006;margin-bottom:1rem;padding:1rem}.cart-status{background-color:#213227;border-radius:.25rem;border:1px solid #28a745;color:#a3f7b5;font-weight:700;margin-top:2rem;padding:1rem;text-align:center}.quantity-form{align-items:center;display:flex;gap:.5rem}.image-col{margin:0 auto}@media (max-width: 480px){.cart-wrapper.grid{display:block}}.quantity-form input{background-color:#1e1e1e;border:1px solid #555;color:#f0f0f0;padding:.25rem;width:3.75rem}.quantity-form button{background:#333;border:1px solid #444;color:#fff;cursor:pointer;padding:.25rem .5rem}.quantity-form button:hover{background:#444}.checkout-btn{background:#ffd814;cursor:pointer}.checkout-btn:hover{background:#f9e062}.item-total{font-size:1.1rem;margin-left:auto}.checkout-summary{border-radius:10px;border:1px solid #ccc;max-height:300px;padding:1rem}.summary-line{display:flex}.summary-price{margin-left:auto}.cart-image-wrapper{align-items:center;display:flex;height:180px;justify-content:center;overflow:hidden;width:180px}.cart-image{max-height:100%;max-width:100%;object-fit:contain}.quantity-form.loading,.delete-btn.loading{opacity:.6;pointer-events:none;position:relative}.delete-btn{background-color:#940404;border:red;color:#fff;cursor:pointer;grid-column:1;width:fit-content;justify-self:start}@media (min-width: 767px){.delete-btn{grid-column:2;justify-self:end}}.delete-btn:hover{background-color:red;border-color:red}
