/* ================================================= */
/* =============== MOBILE PRODUCT GRID ============= */
/* ================================================= */
@media (max-width: 768px) {
    .products-embla__slide {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 5px !important;
    }

    .products-embla__slide .group {
        gap: 8px !important;
    }

    .products-embla__slide img {
        max-height: 140px !important;
        object-fit: cover !important;
    }

    .products-embla__slide h3,
    .products-embla__slide p {
        font-size: 12px !important;
    }

    .products-embla__slide .btn {
        font-size: 12px !important;
        padding: 6px !important;
    }
}

/* ================================================= */
/* PRODUCT CARD */
/* ================================================= */
.products-embla__slide .group {
    border: 1px solid #e5e5e5 !important;
    border-radius: 10px !important;
    padding: 10px !important;
    background: #fff !important;
    transition: 0.3s !important;
}

/* ================================================= */
/* BUTTONS */
/* ================================================= */
.products-embla__slide .btn,
.product-details-column .btn,
button.btn {
    background-color: #340003 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
}

.products-embla__slide .btn:hover,
.product-details-column .btn:hover,
button.btn:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.product-details-column .btn:disabled,
button.btn:disabled {
    background-color: #c5bfd6 !important;
    color: #ffffff !important;
}

/* ================================================= */
/* CATEGORIES */
/* ================================================= */
.section-categories h3 {
    display: none !important;
}

.section-categories img,
.section-categories .embla__slide a.group div,
.section-categories .embla__slide div {
    aspect-ratio: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

@media (max-width: 768px) {
    .section-categories .embla__slide {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 6px !important;
    }
}

@media (min-width: 1024px) {
    .section-categories .embla__slide {
        flex: 0 0 20% !important;
        max-width: 20% !important;
        padding: 10px !important;
    }

    .section-categories img {
        height: 320px !important;
    }

    .section-categories a.group div {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
    }

    .section-categories .embla__container {
        display: flex !important;
        justify-content: center !important;
    }
}

/* ================================================= */
/* TITLES */
/* ================================================= */
.section-categories .md\:flex.md\:items-center.md\:justify-between,
section .flex.items-center.justify-between {
    justify-content: center !important;
    text-align: center !important;
}

.section-categories h2,
section .flex.items-center.justify-between h2,
section .flex.items-center.justify-between h3 {
    width: 100% !important;
    text-align: center !important;
}

/* ================================================= */
/* HEADER */
/* ================================================= */
header,
header.bg-secondary {
    background-color: #340003 !important;
    border-bottom: none !important;
}

header .text-foreground,
header svg,
header [data-cart-badge] {
    color: #ffffff !important;
    stroke: #ffffff !important;
    fill: transparent !important;
}

/* ================================================= */
/* FOOTER */
/* ================================================= */
#footer,
#footer * {
    background-color: #340003 !important;
    color: #ffffff !important;
}

#footer a,
#footer svg {
    color: #ffffff !important;
    fill: transparent !important;
}

#footer .flex.flex-wrap.items-center.gap-x-2 img {
    background: #ffffff !important;
    padding: 6px !important;
    border-radius: 6px !important;
    height: 32px !important;
    width: auto !important;
}

/* ================================================= */
/* MOBILE MENU */
/* ================================================= */
#mobile-drawer .text-foreground,
#mobile-drawer svg {
    color: #000000 !important;
    stroke: #000000 !important;
}

/* ================================================= */
/* HERO MOBILE */
/* ================================================= */
@media (max-width: 768px) {
    [section-id="fa3c437e-59dc-453b-8f7b-41e2bab0f6a3"] {
        padding: 0 !important;
        min-height: 180px !important;
    }

    .section-hero img {
        object-fit: contain !important;
        height: 203px !important;
    }
}

/* ================================================= */
/* FIXED SECTION HEIGHTS */
/* ================================================= */
[section-id="93067d1a-9e35-4d4d-b02d-6de65e20d0db"] {
    min-height: 200px !important;
}

[section-id="5fa2bb27-21e6-474f-bcbc-95f24344e6ef"] {
    min-height: 225px !important;
}

[section-id="666495b8-2ba8-48ce-8a4e-69a0a3b36625"] {
    min-height: 230px !important;
}

[section-id="d7187797-9a28-41b0-8b04-ada89f70536f"] {
    min-height: 225px !important;
}

/* ================================================= */
/* MOBILE SLIDERS */
/* ================================================= */
@media (max-width: 768px) {
    [section-id="30baa085-2dad-41cb-8bd8-c4d82fd4769a"] .embla__slide {
        min-height: 230px !important;
    }

    [section-id="50ed9cdf-0568-4844-a723-56d1670ce623"] .embla__slide,
    [section-id="0562edad-f478-4502-9ee8-1cba187e781e"] .embla__slide,
    [section-id="fa60ce47-e71c-4502-a6e9-5ef0f873dfba"] .embla__slide,
    [section-id="7f38ef25-680f-400b-a3f1-23a58e5250a4"] .embla__slide {
        min-height: 150px !important;
    }
}

/* Remove background */
html body [section-id="649489c0-efea-41a8-a1ee-f4bf24a35f5b"] {
    background: transparent !important;
}

/* Force 3 columns everywhere */
html body [section-id="649489c0-efea-41a8-a1ee-f4bf24a35f5b"] .grid {
    grid-template-columns: repeat(3, 1fr) !important;
}

@media screen and (min-width: 769px) {

    html body [section-id="93067d1a-9e35-4d4d-b02d-6de65e20d0db"] {
        min-height: 650px !important;
        height: auto !important;
    }

    html body [section-id="666495b8-2ba8-48ce-8a4e-69a0a3b36625"] {
        min-height: 530px !important;
        height: auto !important;
    }

    html body [section-id="d7187797-9a28-41b0-8b04-ada89f70536f"] {
        min-height: 600px !important;
        height: auto !important;
    }
}

/* Larger logo */
img[alt="Silver"]{
    height: 25px !important;
    width: auto !important;
}

#additional-info .text-foreground {
    color: #ffffff !important;
}

#sticky-cta .text-foreground {
    color: #ffffff !important;
}

/* Sticky quantity box */
#sticky-cta .qty-input {
    background: #ffffff;
    border-radius: 12px;
    padding: 4px;
}

/* Buttons */
#sticky-cta .qty-input-btn {
    background: transparent;
    color: #000000 !important;
    border: none;
}

/* Icons */
#sticky-cta .qty-input-btn svg {
    fill: #000000 !important;
    color: #000000 !important;
}

/* Input field */
#sticky-cta .qty-input-field {
    background: transparent;
    color: #000000 !important;
    border: none;
    text-align: center;
    width: 40px;
}

#main > section:nth-child(7) > div > div > div.flex.items-center.justify-between {
  display: none;
}

/* Mobile menu background */
#mobile-drawer-dialog .bg-background {
    background: #340003 !important;
}

/* Menu links */
#mobile-drawer-dialog .text-foreground {
    color: #ffffff !important;
}

/* Border color */
#mobile-drawer-dialog .border-border-light {
    border-color: rgba(255,255,255,0.1) !important;
}

/* Hover effect */
#mobile-drawer-dialog a:hover,
#mobile-drawer-dialog button:hover {
    background: rgba(255,255,255,0.08);
}

/* Cart summary container */
[data-order-summary] {
    background: #340003 !important;
    border-radius: 16px;
    padding: 20px !important;
}

/* All text */
[data-order-summary] .text-foreground,
[data-order-summary] .text-muted,
[data-order-summary] span,
[data-order-summary] h3 {
    color: #ffffff !important;
}

/* Riyal icon */
[data-order-summary] svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Coupon section */
[data-coupon-section] .form-input {
    background: #340003 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    border-radius: 12px;
}

/* Placeholder */
[data-coupon-section] .form-input::placeholder {
    color: rgba(255,255,255,0.5) !important;
}

/* Apply button + checkout button */
[data-coupon-section] .btn-filled,
[data-checkout-buttons] .btn-filled {
    background: #ffffff !important;
    color: #340003 !important;
    border-radius: 12px;
}

/* Coupon apply button */
[data-coupon-submit-btn] {
    background: #ffffff !important;
    color: #000000 !important;
    border-radius: 12px !important;
    border: none !important;
}

/* Text */
[data-coupon-submit-btn] span {
    color: #000000 !important;
}

/* Spinner icon */
[data-coupon-submit-btn] svg {
    color: #000000 !important;
    stroke: #000000 !important;
}

/* Disabled state */
[data-coupon-submit-btn]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

#main > section.section-categories.px-4.py-6.md\:px-16.md\:py-16 > div > div.embla-wrapper.space-y-6 {
    display: none
}

.bg-transparent {
    background-color: #ffffff;
}

section .bg-secondary + .theme-container .text-foreground {
    color: #fff !important;
}

@media screen and (min-width: 769px) {
    html body [section-id="93067d1a-9e35-4d4d-b02d-6de65e20d0db"] {
        min-height: 720px !important;
        height: auto !important;
    }
}