/* SENDER MY - Refined Minimalist */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;900&display=swap');

:root {
    --black: #000000;
    --white: #ffffff;
    --border: rgba(0, 0, 0, 0.08);
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--white);
    color: var(--black);
    -webkit-font-smoothing: antialiased;
}

/* Hindari tabrakan dengan fixed header */
.cart-main {
    margin-top: 2rem; 
}

/* Typography Scale Down */
h1 {
    font-size: 10px !important;
}

/* Smooth Image Hover */
.cart-main img {
    transition: transform 0.5s ease;
}

.cart-main img:hover {
    transform: scale(1.05);
}

/* Clean Dropdown */
select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 2px center;
    padding-right: 12px;
}

/* Scrollbar Custom */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #000; }

/* Desktop vs Mobile Header Padding */
@media (min-width: 1024px) {
    .cart-main { padding-top: 10rem; }
}

@media (max-width: 768px) {
    .cart-main { padding-top: 8rem; }
    .flex-row { flex-direction: column; }
}