/* =====================================================================
   EXCLUSIVE MUSIC GEAR — supporting CSS
   Values transcribed from the reference site's compiled Elementor CSS
   (kit post-6, header post-141, home post-13, footer post-273,
    loop item elementor-108).
   Loaded automatically by the EMG Site Kit plugin.
   ===================================================================== */

:root {
    --emg-sage:  #557164;
    --emg-slate: #588AA8;
    --emg-navy:  #000E27;
    --emg-text:  #7A7A7A;
    --emg-muted: #71717A;
    --emg-card-bd: #F5F5F5;
    --emg-grey:  #F3F4F6;
}

body { font-family: "Poppins", sans-serif; }

/* ============================================================ HEADER ==== */
/* Floating white pill: padding 5px 10px, radius 20px (post-141) */
.emg-site-header {
    position: absolute;
    top: 0; left: 0; right: 0;
    z-index: 200;
    background: transparent !important;
}

.emg-nav .elementor-nav-menu > li > a { font-weight: 500; }

.emg-search .elementor-search-form__container {
    background: transparent;
    border: 0;
    min-height: 0;
}
.emg-search .elementor-search-form__input { display: none; }
.emg-search .elementor-search-form__icon { color: #000; font-size: 15px; padding: 5px; }

.emg-cart .elementor-menu-cart__toggle .elementor-button-text { display: none; }
.emg-cart .elementor-menu-cart__toggle .elementor-button-icon-qty[data-counter] {
    background: #000 !important;
    color: #fff !important;
    font-size: 10px;
    font-weight: 600;
    min-width: 16px; height: 16px; line-height: 16px;
    border-radius: 8px;
}

/* ============================================================== HERO ==== */
.emg-hero { position: relative; }

/* Badge pill: #557164, padding 2px 20px, radius 20px, 12px icon */
.emg-hero-badge {
    display: inline-block;
    background: var(--emg-sage);
    border-radius: 20px;
    padding: 2px 20px;
}
.emg-hero-badge .elementor-icon-list-items { margin: 0; }
.emg-hero-badge .elementor-icon-list-item { color: #fff; }
.emg-hero-badge .elementor-icon-list-icon i { color: #fff; font-size: 12px; }
.emg-hero-badge .elementor-icon-list-text { color: #fff; }

.emg-hero-copy p { margin: 0 0 6px; }
.emg-hero-copy { max-width: 760px; margin-inline: auto; }

/* CTA: linear-gradient(223deg,#557164,#588AA8), radius 20, shadow 0 0 10 rgba(0,0,0,.5) */
.emg-hero-btn .elementor-button {
    background-color: transparent !important;
    background-image: linear-gradient(223deg, var(--emg-sage) 0%, var(--emg-slate) 100%);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    border-radius: 20px;
    transition: filter .2s ease, transform .15s ease;
}
.emg-hero-btn .elementor-button:hover { filter: brightness(1.08); transform: translateY(-1px); }

/* ======================================================= FEATURE BAND === */
.emg-feature-col { width: calc(25% - 15px) !important; flex: 0 0 calc(25% - 15px) !important; }

.emg-feature .elementor-image-box-title { margin: 0 0 6px; line-height: 1.25; }
.emg-feature .elementor-image-box-description { margin: 0; }
.emg-feature .elementor-image-box-img { margin-bottom: 12px !important; }

@media (max-width: 1024px) {
    .emg-feature-col { width: calc(50% - 10px) !important; flex: 0 0 calc(50% - 10px) !important; }
}

/* ======================================================== BAND TITLES === */
/* Bebas Neue 36/700 uppercase, 3.3px tracking, #000E27 (17px mobile) */
.emg-band-title .elementor-heading-title { margin: 0; }

/* ====================================================== PRODUCT CARDS === */
/* Card: white, 1px #F5F5F5 border, 10px gap, hover scale 1.02 */
.emg-card {
    transition: transform .25s ease, box-shadow .25s ease;
    overflow: hidden;
}
.emg-card:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 22px rgba(0, 0, 0, .08);
}

.emg-card-row > .emg-card {
    width: calc(25% - 15px) !important;
    flex: 0 0 calc(25% - 15px) !important;
}

/* Media block: min-height 250px (200 mobile), product photo as background */
.emg-card-media {
    min-height: 250px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.emg-card-title .elementor-heading-title { margin: 0; }
.emg-card-meta p { margin: 0; }
.emg-card-price .elementor-heading-title { margin: 0; }
.emg-card-price del { color: #9CA3AF; font-weight: 400; margin-right: 6px; }
.emg-card-price ins { text-decoration: none; }

/* Add to Cart: white with black outline, inverts on hover */
.emg-card-btn { margin-top: auto; padding: 0 10px 12px; }
.emg-card-btn .elementor-button { width: 100%; display: block; }

@media (max-width: 1024px) {
    .emg-card-row > .emg-card { width: calc(50% - 10px) !important; flex: 0 0 calc(50% - 10px) !important; }
}

@media (max-width: 767px) {
    .emg-card-row > .emg-card { width: calc(50% - 10px) !important; flex: 0 0 calc(50% - 10px) !important; }
    .emg-card-media { min-height: 200px; }
}

/* ============================================================= TRUST ==== */
.emg-trust { width: calc(33.333% - 15px) !important; flex: 0 0 calc(33.333% - 15px) !important; }
.emg-trust-box .elementor-image-box-img { margin-bottom: 14px !important; }
.emg-trust-box .elementor-image-box-title { margin-bottom: 10px; }

@media (max-width: 767px) {
    .emg-trust { width: 100% !important; flex: 0 0 100% !important; }
}

/* =============================================================== FAQ ==== */
.emg-faq .e-n-accordion-item { margin-bottom: 14px; }
.emg-faq .e-n-accordion-item-title { background: #fff; }

/* ============================================================ FOOTER ==== */
.emg-site-footer { text-align: center; }
.emg-foot-nav .elementor-nav-menu > li > a { color: #fff; }
.emg-foot-nav .elementor-nav-menu > li > a:hover { color: #009AEE; }
.emg-copy p { margin: 0; }
.emg-copy a { color: #fff; }

/* =================================================== WOO ARCHIVE GRID === */
.emg-wc-grid ul.products li.product {
    background: #fff;
    border: 1px solid var(--emg-card-bd);
    padding: 0 0 12px;
    text-align: center;
    transition: transform .25s ease, box-shadow .25s ease;
}

.emg-wc-grid ul.products li.product:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 22px rgba(0, 0, 0, .08);
}

.emg-wc-grid ul.products li.product img {
    min-height: 250px;
    object-fit: contain;
    padding: 10px;
    margin-bottom: 6px;
    background: #fff;
}

.emg-wc-grid ul.products li.product .woocommerce-loop-product__title {
    font-family: "Roboto", sans-serif;
    font-size: 18px !important;
    font-weight: 700;
    color: var(--emg-navy);
    padding: 0 10px;
    margin: 0 0 4px;
}

.emg-wc-grid ul.products li.product .price {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    color: #000 !important;
    display: block;
    margin-bottom: 10px;
}

.emg-wc-grid ul.products li.product .button,
.emg-wc-grid ul.products li.product .added_to_cart {
    display: block;
    margin: 0 10px;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 0;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 14px;
    transition: background .2s ease, color .2s ease;
}

.emg-wc-grid ul.products li.product .button:hover { background: #000; color: #fff; }

@media (max-width: 767px) {
    .emg-wc-grid ul.products li.product img { min-height: 200px; }
    .emg-wc-grid ul.products li.product .woocommerce-loop-product__title { font-size: 16px !important; }
    .emg-wc-grid ul.products li.product .price { font-size: 16px; }
}