/* =====================================================
   iPhone Website — Premium Brand Theme Layer
   Brand Palette:
     Primary Green : #16A34A  |  Green Dark : #15803D
     Green Light   : #22C55E  |  Dark       : #171717
     White         : #FFFFFF  |  Light BG   : #F5F5F5
     Sales Accent  : #F97316
   ===================================================== */

/* =========== GOOGLE FONT IMPORT =========== */
@import url("https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap");

/* =========== CSS DESIGN TOKENS =========== */
:root {
    --p-green:          #16A34A;
    --p-green-dark:     #15803D;
    --p-green-light:    #22C55E;
    --p-dark:           #171717;
    --p-white:          #FFFFFF;
    --p-bg:             #F5F5F5;
    --p-orange:         #F97316;
    --p-border:         #E5E7EB;
    --p-text:           #171717;
    --p-text-muted:     #6B7280;
    --p-card-bg:        #FFFFFF;
    --p-shadow-card:    0 2px 16px rgba(22,163,74,0.08);
    --p-shadow-hover:   0 8px 30px rgba(22,163,74,0.20);
    --p-green-glow:     rgba(22,163,74,0.25);
    --p-green-glow-sm:  rgba(22,163,74,0.12);
    --p-radius-card:    10px;
    --p-radius-btn:     6px;
    --p-transition:     all 0.28s ease;
    --p-footer-bg:      #171717;
}

/* =========== DEVELOPER CREDIT =========== */
.developer-credit-link {
    color: var(--p-green-light) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: var(--p-transition) !important;
}
.developer-credit-link:hover { color: #ffffff !important; }

/* =========== GLOBAL RESET & BODY =========== */
* { box-sizing: border-box; }
body {
    background: var(--p-bg) !important;
    color: var(--p-text) !important;
}
body p, body span, body h1, body h2, body h3, body h4,
body h5, body h6, body li, body label, body td, body th,
body strong, body b, body div { color: var(--p-text); }
a { transition: var(--p-transition); }
section { background: transparent !important; }
.homeproduct { background: transparent !important; }
body, #content { background: var(--p-bg) !important; }

/* =========== TOP ANNOUNCEMENT BAR =========== */
.top_header {
    background: var(--p-dark) !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
}
.top_header, .top_header p, .top_header span,
.top_header a, .top_header div, .top_header marquee {
    color: #ffffff !important;
    font-size: 13px !important;
}

/* =========== DESKTOP MAIN HEADER =========== */
.main-header, .logo-area {
    background: var(--p-white) !important;
    border-bottom: 1px solid var(--p-border) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    background-size: unset !important;
    animation: none !important;
}
.main-header *, .logo-area * { color: var(--p-text) !important; }
.mobile-header {
    background: var(--p-white) !important;
    border-bottom: 1px solid var(--p-border) !important;
    animation: none !important;
}
.mobile-header * { color: var(--p-text) !important; }

/* =========== SEARCH BAR =========== */
.mobile-search form, .main-search form {
    border-radius: var(--p-radius-card) !important;
    background: var(--p-white) !important;
    border: 2px solid var(--p-green) !important;
    display: flex !important;
    box-shadow: none !important;
}
.mobile-search form { border-radius: 30px !important; }
.mobile-search form input, .main-search form input {
    background: transparent !important;
    color: var(--p-text) !important;
}
.mobile-search form input::placeholder, .main-search form input::placeholder {
    color: var(--p-text-muted) !important;
}
.mobile-search form button, .main-search form button {
    background: var(--p-green) !important;
    color: #ffffff !important;
}
.mobile-search form button:hover, .main-search form button:hover {
    background: var(--p-green-dark) !important;
}
.mobile-search { background: #ffffff !important; }

/* =========== MOBILE SIDE MENU =========== */
.mobile-menu {
    background: var(--p-white) !important;
    border-right: 1px solid var(--p-border) !important;
    box-shadow: 4px 0 24px var(--p-green-glow-sm) !important;
}
.mobile-menu * { color: var(--p-text) !important; }
.mobile-menu-logo {
    background: linear-gradient(135deg, var(--p-green-dark), var(--p-green)) !important;
}
.mobile-menu-logo * { color: #ffffff !important; }
.mobile-menu .menu-category-name { border-bottom: 1px solid var(--p-border) !important; }
.mobile-menu .menu-category-name:hover {
    background: rgba(22,163,74,0.06) !important;
    color: var(--p-green) !important;
}

/* =========== SECTION TITLES =========== */
.section-title-header, .sec_title h3, .sec-title {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--p-text) !important;
    font-size: 18px !important;
    padding-bottom: 10px !important;
}
.section-title-name {
    color: var(--p-dark) !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    padding-bottom: 6px !important;
    border-bottom: 3px solid var(--p-green) !important;
    display: inline-block !important;
}
.view_more_btn {
    background: transparent !important;
    color: var(--p-green) !important;
    border: 2px solid var(--p-green) !important;
    border-radius: var(--p-radius-btn) !important;
    padding: 5px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: var(--p-transition) !important;
    box-shadow: none !important;
}
.view_more_btn:hover {
    background: var(--p-green) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px var(--p-green-glow) !important;
}

/* =========== PRODUCT CARDS =========== */
.product_item, .product-item, .wist_item, .product-inner, .product-card {
    background: var(--p-card-bg) !important;
    border: 1px solid var(--p-border) !important;
    border-radius: var(--p-radius-card) !important;
    box-shadow: var(--p-shadow-card) !important;
    transition: var(--p-transition) !important;
    overflow: hidden !important;
    position: relative !important;
    animation: fadeInUp 0.42s ease both;
}
.product_item:hover, .product-item:hover, .wist_item:hover,
.product-inner:hover, .product-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: var(--p-shadow-hover) !important;
    border-color: var(--p-green) !important;
}
.cat_item { animation: fadeInUp 0.42s ease both; }
.product_item .pro_img img, .product-item .pro_img img {
    transition: transform 0.42s ease !important;
}
.product_item:hover .pro_img img, .product-item:hover .pro_img img {
    transform: scale(1.08) !important;
}
.pro_name a { color: var(--p-text) !important; font-weight: 600 !important; }
.pro_name a:hover { color: var(--p-green) !important; }
.pro_price p, .pro_price { color: var(--p-dark) !important; }
.pro_price del, .pro_price s { color: var(--p-text-muted) !important; }

/* =========== SALE BADGE =========== */
.sale-badge, .sale-badge-text, .sale-badge-box {
    background: var(--p-orange) !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    width: 45px !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
}
.sale-badge-text p, .sale-badge-text {
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* =========== PRODUCT ACTION BUTTONS =========== */
.pro_btn .cart_btn button, .pro_btn .order_button a, .addcartbutton,
.submit-btn, .order_now_btn, .add_cart_btn,
button[type="submit"].btn, input[type="submit"].btn {
    background: var(--p-green) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: var(--p-radius-btn) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 10px 4px !important;
    transition: var(--p-transition) !important;
    box-shadow: 0 4px 12px var(--p-green-glow-sm) !important;
    cursor: pointer;
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;
    height: 38px !important;
    margin: 0 !important;
    animation: none !important;
}
.addcartbutton span {
    display: inline-block !important;
    background: transparent !important;
    color: inherit !important;
}
.pro_btn .cart_btn button:hover, .pro_btn .order_button a:hover,
.addcartbutton:hover, .submit-btn:hover, .order_now_btn:hover, .add_cart_btn:hover {
    background: var(--p-green-dark) !important;
    color: #ffffff !important;
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 10px 25px var(--p-green-glow) !important;
    animation: none !important;
}
.cart_btn.order_button a::after, .cart_btn.order_button a span {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    background: transparent !important;
    transition: none !important;
}

/* =========== GENERAL BUTTONS =========== */
.btn-primary, .btn-success, .go_cart, .cart_store, .checkout-btn, .button-primary {
    background: var(--p-green) !important;
    border-color: var(--p-green) !important;
    color: #ffffff !important;
    border-radius: var(--p-radius-btn) !important;
    transition: var(--p-transition) !important;
    box-shadow: 0 2px 10px var(--p-green-glow-sm) !important;
    animation: none !important;
}
.btn-primary:hover, .btn-success:hover, .go_cart:hover, .cart_store:hover, .checkout-btn:hover {
    background: var(--p-green-dark) !important;
    border-color: var(--p-green-dark) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px var(--p-green-glow) !important;
}

/* =========== AUTH PAGES =========== */
.auth-section { background: var(--p-bg) !important; }
.form-content {
    background: var(--p-card-bg) !important;
    border-radius: 16px !important;
    box-shadow: var(--p-shadow-card) !important;
    border: 1px solid var(--p-border) !important;
    padding: 32px 28px !important;
}
.auth-title {
    color: var(--p-dark) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--p-border) !important;
}
.form-content label { color: var(--p-text) !important; font-weight: 600 !important; }
.form-content .submit-btn {
    background: linear-gradient(135deg, var(--p-green-dark), var(--p-green)) !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 18px var(--p-green-glow) !important;
}
.form-content .submit-btn:hover {
    background: linear-gradient(135deg, var(--p-green), var(--p-green-dark)) !important;
    transform: translateY(-2px) !important;
}
.no-account a, .register-now a { color: var(--p-green) !important; font-weight: 600 !important; }
.forget-link { color: var(--p-green) !important; }

/* =========== FORM INPUTS =========== */
.form-control, input[type="text"], input[type="email"],
input[type="number"], input[type="password"], select, textarea {
    background: #ffffff !important;
    border: 1.5px solid var(--p-border) !important;
    color: var(--p-text) !important;
    border-radius: 8px !important;
    transition: var(--p-transition) !important;
}
.form-control:focus, input:focus, select:focus {
    border-color: var(--p-green) !important;
    box-shadow: 0 0 0 3px var(--p-green-glow-sm) !important;
    outline: none !important;
}
.form-control::placeholder { color: var(--p-text-muted) !important; }
.form-control option { background: #ffffff !important; color: var(--p-text) !important; }

/* =========== CATEGORY CARDS =========== */
.cat_item {
    text-align: center !important;
    transition: var(--p-transition) !important;
    background: var(--p-white) !important;
    border: 1px solid var(--p-border) !important;
    border-radius: 8px !important;
    padding: 15px 5px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 140px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}
.cat_item:hover {
    transform: translateY(-3px) !important;
    box-shadow: var(--p-shadow-hover) !important;
    border-color: var(--p-green) !important;
}
.cat_img {
    width: 100% !important; height: 85px !important;
    overflow: hidden !important; background: transparent !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
}
.cat_item:hover .cat_img { transform: scale(1.05) !important; }
.cat_img img { width: auto !important; max-width: 90% !important; height: 100% !important; object-fit: contain !important; }
.cat_name a { font-size: 13px !important; font-weight: 500 !important; color: var(--p-text) !important; }
.cat_item:hover .cat_name a { color: var(--p-green) !important; }

/* =========== SLIDER =========== */
.slider-item img { border-radius: 12px !important; }

/* =========== PAYMENT METHODS =========== */
.payment-methods .form-check-input {
    border: 2px solid var(--p-green) !important;
    border-radius: 50% !important;
}
.payment-methods .form-check-input:checked::after { background-color: var(--p-green) !important; }
.payment-methods .form-check-input:checked { border-color: var(--p-green) !important; }
.payment-methods .form-check-input:checked + .form-check-label {
    color: var(--p-green) !important; font-weight: 700 !important;
}

/* =========== TABLE =========== */
.table td, .table th { color: var(--p-text) !important; border-color: var(--p-border) !important; }
.table-striped tbody tr:nth-of-type(odd) { background: rgba(22,163,74,0.04) !important; }

/* =========== FOOTER =========== */
footer, .footer-top, .footer-bottom, .main-footer {
    background-color: var(--p-footer-bg) !important;
    background-image: none !important;
    color: #ffffff !important;
}
.footer-top { padding: 60px 0 40px !important; border-top: 3px solid var(--p-green) !important; }
.footer-top *, .footer-bottom *, footer *, .main-footer * { color: rgba(255,255,255,0.82) !important; }
footer a:hover { color: var(--p-green-light) !important; }
.footer-about p { color: #ffffff !important; line-height: 1.8 !important; font-size: 14px !important; }
.footer-menu ul li.title a {
    color: var(--p-green-light) !important;
    font-size: 17px !important; font-weight: 700 !important;
    text-transform: uppercase !important; display: block !important; border: none !important;
}
.footer-menu ul li a { color: rgba(255,255,255,0.75) !important; font-size: 14px !important; line-height: 2 !important; }
.footer-menu ul li a:hover { color: var(--p-green-light) !important; padding-left: 5px !important; }
.social_link li a {
    width: 35px !important; height: 35px !important;
    background: rgba(255,255,255,0.1) !important; color: #ffffff !important;
    border-radius: 50% !important; display: flex !important;
    align-items: center !important; justify-content: center !important;
    transition: var(--p-transition) !important;
}
.social_link li a:hover {
    background: var(--p-green) !important; transform: translateY(-3px) !important;
}
.d_app h2 { color: var(--p-green-light) !important; font-size: 17px !important; font-weight: 700 !important; }
.footer-bottom { background: #0d0d0d !important; border-top: 1px solid rgba(255,255,255,0.1) !important; }
.copyright p, .copyright p span { color: #888888 !important; font-size: 13px !important; }

/* =========== SCROLL-TO-TOP BUTTON =========== */
.scrolltop {
    background: var(--p-green) !important;
    border-radius: 8px !important;
    width: 40px !important; height: 40px !important;
}
.scrolltop .scroll { background: var(--p-green) !important; color: #fff !important; }
.scroll i { color: #ffffff !important; }

/* =========== SIDEBAR CATEGORY NAVIGATION =========== */
.sidebar-menu, .catagory_menu, .heder__category {
    background: var(--p-dark) !important;
    border: none !important; overflow: visible !important;
}
.catagory_menu ul li a, .sidebar-menu ul li a {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.catagory_menu ul li a:hover, .sidebar-menu ul li a:hover {
    background: rgba(22,163,74,0.15) !important;
    color: var(--p-green-light) !important;
    padding-left: 20px !important;
}
.all__category__list > a, .all__category__list > a *, .all__category__list > a i {
    background: var(--p-green) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    display: flex !important; align-items: center !important; justify-content: space-between !important;
}

/* =========== STAR RATINGS =========== */
.fas.fa-star, .fas.fa-star-half-alt { color: #F59E0B !important; font-size: 11px !important; }
.far.fa-star { color: #D1D5DB !important; font-size: 11px !important; }

/* =========== WHATSAPP FLOATING BUTTON =========== */
.float {
    background: #25D366 !important;
    box-shadow: 0 4px 16px rgba(37,211,102,0.34) !important;
    transition: var(--p-transition) !important;
    animation: floatBob 3s ease-in-out infinite !important;
}
.float:hover {
    background: #20BA5A !important;
    transform: scale(1.1) !important;
    animation: none !important;
}

/* =========== BADGES =========== */
.badge { font-weight: 600 !important; border-radius: 20px !important; }
.badge-success, .bg-success { background: var(--p-green) !important; }
.badge-warning, .bg-warning { background: var(--p-orange) !important; }

/* =========== PROGRESS BAR =========== */
.progress-bar {
    background: linear-gradient(90deg, var(--p-green-dark), var(--p-green)) !important;
}

/* =========== ALERTS =========== */
.alert-info {
    background: rgba(22,163,74,0.06) !important;
    border-color: rgba(22,163,74,0.3) !important;
    color: var(--p-green-dark) !important;
}
.alert-success {
    background: #e8f5e9 !important;
    border: 1px solid #c8e6c9 !important;
    color: #2e7d32 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* =========== PAGINATION =========== */
.pagination .page-item.active .page-link {
    background: var(--p-green) !important;
    border-color: var(--p-green) !important;
    color: #ffffff !important;
}
.pagination .page-link { color: var(--p-green) !important; border-color: var(--p-border) !important; }
.pagination .page-link:hover { background: rgba(22,163,74,0.08) !important; color: var(--p-green-dark) !important; }

/* =========== PRODUCT DETAILS PAGE BUTTONS =========== */
.single_product.d-flex {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    margin-top: 15px !important;
    width: 100% !important;
}
.single_product.d-flex .add_cart_btn,
.single_product.d-flex .order_now_btn {
    flex: 1 !important;
    width: auto !important;
    height: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    border: none !important;
    margin: 0 !important;
    padding: 10px 20px !important;
}
/* Add to Cart — solid green */
.single_product.d-flex .add_cart_btn {
    background: linear-gradient(135deg, var(--p-green-dark), var(--p-green)) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px var(--p-green-glow) !important;
    transition: all 0.35s ease !important;
}
.single_product.d-flex .add_cart_btn:hover {
    background: linear-gradient(135deg, var(--p-green), var(--p-green-dark)) !important;
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 10px 22px var(--p-green-glow) !important;
}
/* Order Now — orange accent */
.single_product.d-flex .order_now_btn {
    background: linear-gradient(135deg, #EA6C0A, var(--p-orange)) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 18px rgba(249,115,22,0.35) !important;
    transition: all 0.35s ease !important;
}
.single_product.d-flex .order_now_btn:hover {
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 12px 25px rgba(249,115,22,0.5) !important;
}
.single_product.d-flex .add_cart_btn *,
.single_product.d-flex .order_now_btn * { color: #ffffff !important; }
@media only screen and (max-width: 767px) {
    .single_product.d-flex { gap: 10px !important; }
    .single_product.d-flex .add_cart_btn,
    .single_product.d-flex .order_now_btn {
        height: 46px !important; font-size: 14px !important;
    }
}

/* =========== DROPDOWN CATEGORY MENU (HOVER LOGIC) =========== */
li.all__category__list:hover .side__bar,
.all__category__list:focus-within .side__bar,
.side__bar.show_menu, .side__bar.active_click {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
    z-index: 9999 !important;
    visibility: visible !important;
    display: block !important;
}
.side__bar ul li, .side__barsub li { position: relative !important; }
.side__bar ul li:hover > .side__barsub,
.side__barsub li:hover > .side__barchild {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    left: 100% !important;
    top: 0 !important;
}
.side__barsub, .side__barchild {
    position: absolute !important;
    top: 0 !important; left: 105% !important;
    opacity: 0 !important; visibility: hidden !important; display: none !important;
    transition: all 0.25s ease-in-out !important;
    min-width: 280px !important;
    box-shadow: 4px 0 15px rgba(0,0,0,0.2) !important;
    z-index: 10000 !important;
}
.menu-area { position: relative !important; z-index: 1001 !important; overflow: visible !important; }
.all__category__list { position: relative !important; }
.side__bar {
    position: absolute !important;
    top: 100% !important; left: 0 !important;
    min-width: 270px !important; z-index: 9999 !important;
    opacity: 0 !important; visibility: hidden !important; display: none !important;
    transform: translateY(15px) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    pointer-events: none !important;
    padding-top: 10px !important; margin-top: 0 !important;
}

/* =========== GLASSMORPH NAV HOVER =========== */
.heder__category > li:not(.all__category__list) a,
.right__menu__top li a {
    transition: color 0.25s ease, background 0.25s ease,
                border-color 0.25s ease,
                transform 0.25s cubic-bezier(0.34,1.56,0.64,1),
                box-shadow 0.25s ease !important;
    position: relative !important;
    border-radius: 7px !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
.heder__category > li:not(.all__category__list) a:hover,
.right__menu__top li a:hover {
    background: rgba(255,255,255,0.09) !important;
    border-color: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.2) !important;
}

/* =========== HEADER LAYOUT STABILITY =========== */
.heder__category > li:not(.all__category__list) a,
.right__menu__top li a, .all__category__list > a {
    white-space: nowrap !important;
    max-height: 40px !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.all__category__list > a { justify-content: space-between !important; }
.right__menu__top { display: flex !important; align-items: center !important; height: 100% !important; }
.for_order p { margin: 0 !important; line-height: 1 !important; }
.all__category__list { height: 48px !important; }
.all__category__list > a { height: 100% !important; padding: 0 15px !important; }

/* =========== HEADER ACCENT LINE =========== */
.main-header::after, .logo-area::after {
    content: "" !important;
    display: block !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--p-green-dark), var(--p-green), var(--p-green-light)) !important;
    position: absolute !important;
    bottom: 0 !important; left: 0 !important; right: 0 !important;
    opacity: 1 !important;
}

/* =========== SCROLLBAR =========== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f0f0f0; }
::-webkit-scrollbar-thumb { background: #22C55E; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--p-green); }

/* =========== TOASTR =========== */
#toast-container > .toast-success { background-color: rgba(22,163,74,0.95) !important; }
#toast-container > .toast-warning { background-color: rgba(249,115,22,0.95) !important; }

/* =========== MOBILE BOTTOM NAV =========== */
@media only screen and (min-width: 768px) {
    .footer_nav { display: none !important; }
    body { padding-bottom: 0 !important; }
}
@media only screen and (max-width: 767px) {
    /* All size/elevation overrides handled in main.css */
    .footer_nav li.mobile_home {
        border: none !important;
        margin-top: 0 !important;
        background: transparent !important;
        border-radius: 0 !important;
        width: auto !important; height: auto !important;
    }
    .footer_nav li.mobile_home a { color: #22C55E !important; }
    .footer_nav li.mobile_home a span:first-child { color: #22C55E !important; }
    .footer_nav a:hover { background: rgba(22,163,74,0.15) !important; }
    .scrolltop { bottom: 84px !important; }
    .float { display: none !important; }
    .form-content { padding: 24px 16px !important; }
    .pro_price p { font-size: 14px !important; }
    .section-title-name { font-size: 15px !important; }
    .cat_img { width: 60px !important; height: 60px !important; }
    .cat_name a { font-size: 11px !important; }
}

/* =========== KEYFRAMES =========== */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes floatBob {
    0%, 100% { transform: translateY(0px); }
    50%       { transform: translateY(-6px); }
}
@keyframes ripple { to { transform: scale(4); opacity: 0; } }

/* Ripple on CTA buttons */
.btn-primary, .go_cart, .cart_store, .addcartbutton,
.pro_btn .cart_btn button { position: relative; overflow: hidden; }
.btn-primary::after, .go_cart::after, .cart_store::after,
.addcartbutton::after, .pro_btn .cart_btn button::after {
    content: ""; position: absolute;
    width: 20px; height: 20px;
    background: rgba(255,255,255,0.3); border-radius: 50%;
    transform: scale(0); top: 50%; left: 50%;
    translate: -50% -50%; pointer-events: none;
}
.btn-primary:active::after, .go_cart:active::after, .cart_store:active::after,
.addcartbutton:active::after, .pro_btn .cart_btn button:active::after {
    animation: ripple 0.6s linear;
}

/* =========== MOBILE SEARCH CONTAINER =========== */
.mobile-search {
    background: #ffffff !important;
    border-bottom: 1px solid var(--p-border) !important;
    padding: 8px 12px !important;
}

/* =========== ORDER NOW — Classic Gold Override =========== */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
    background: linear-gradient(
        180deg,
        #c8920a 0%, #a06a00 20%, #7a4d00 40%,
        #9a6200 60%, #c8920a 80%, #e8b020 100%
    ) !important;
    background-size: 100% 300% !important;
    color: #fffbeb !important;
    border: 1px solid rgba(212,168,52,0.55) !important;
    border-radius: 8px !important;
    letter-spacing: 1.2px !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
    animation: classicGoldBreath 2.8s ease-in-out infinite,
               classicGoldShift 4s ease infinite !important;
}
.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover {
    background: linear-gradient(
        180deg,
        #e8b020 0%, #c8920a 25%, #a07000 50%,
        #c8920a 75%, #f0cc40 100%
    ) !important;
    color: #fffbeb !important;
    border-color: rgba(255,220,80,0.9) !important;
    transform: translateY(-3px) scale(1.03) !important;
    box-shadow:
        0 0 14px rgba(212,168,52,0.8),
        0 8px 28px rgba(101,67,0,0.7),
        inset 0 1px 0 rgba(255,248,180,0.5) !important;
    animation: none !important;
}
/* Keep ::after as glossy gloss — do NOT disable */
.addcartbutton::after,
.pro_btn .cart_btn button::after { display: block !important; }

/* ── iOS Glass Final Override ── */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
    background: rgba(18,18,22,0.52) !important;
    backdrop-filter: blur(20px) saturate(200%) brightness(1.1) !important;
    -webkit-backdrop-filter: blur(20px) saturate(200%) brightness(1.1) !important;
    border: 0.5px solid rgba(255,255,255,0.22) !important;
    border-radius: 12px !important;
    color: rgba(255,255,255,0.92) !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-shadow: none !important;
    animation: iosGlassBreath 3.5s ease-in-out infinite !important;
}
.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover {
    background: rgba(28,28,36,0.7) !important;
    border-color: rgba(255,255,255,0.35) !important;
    color: rgba(255,255,255,1) !important;
    transform: translateY(-3px) scale(1.025) !important;
    animation: none !important;
}
.pro_btn .cart_btn button:active,
.pro_btn .order_button a:active,
.addcartbutton:active {
    transform: translateY(1px) scale(0.97) !important;
    transition: transform 0.1s ease !important;
}
.addcartbutton::after,
.pro_btn .cart_btn button::after { display: block !important; }

/* ── Glassic Golden Final Override ── */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
    background: linear-gradient(
        160deg,
        rgba(180,120,10,0.82) 0%,
        rgba(140,88,4,0.88) 40%,
        rgba(100,60,2,0.90) 65%,
        rgba(150,100,8,0.84) 100%
    ) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border: 0.5px solid rgba(212,168,52,0.45) !important;
    border-top-color: rgba(255,230,100,0.55) !important;
    border-radius: 12px !important;
    color: #fff8dc !important;
    font-weight: 600 !important;
    letter-spacing: 0.9px !important;
    text-shadow: 0 1px 6px rgba(80,40,0,0.55) !important;
    filter: drop-shadow(0 0 2px rgba(212,168,52,0.18)) !important;
    animation: glassicGoldBreath 3.2s ease-in-out infinite !important;
}
.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover {
    background: linear-gradient(
        160deg,
        rgba(210,148,16,0.88) 0%,
        rgba(165,108,8,0.92) 40%,
        rgba(120,74,4,0.94) 65%,
        rgba(190,130,12,0.88) 100%
    ) !important;
    color: #fffde7 !important;
    border-color: rgba(255,215,60,0.75) !important;
    transform: translateY(-3px) scale(1.025) !important;
    filter: drop-shadow(0 0 8px rgba(212,168,52,0.35)) !important;
    animation: none !important;
    text-shadow: 0 0 10px rgba(255,210,60,0.45) !important;
}
.pro_btn .cart_btn button:active,
.pro_btn .order_button a:active,
.addcartbutton:active {
    transform: translateY(1px) scale(0.97) !important;
    transition: transform 0.1s ease !important;
}
.addcartbutton::after,
.pro_btn .cart_btn button::after { display: block !important; }

/* ── Champagne Rose Gold Final Override ── */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
    background: linear-gradient(
        145deg,
        rgba(165,72,36,0.78) 0%,
        rgba(190,110,30,0.82) 25%,
        rgba(172,95,22,0.86) 50%,
        rgba(148,58,28,0.82) 75%,
        rgba(168,85,30,0.78) 100%
    ) !important;
    backdrop-filter: blur(18px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(200%) !important;
    border: 0.5px solid rgba(210,140,70,0.45) !important;
    border-top-color: rgba(255,200,130,0.55) !important;
    border-radius: 12px !important;
    color: rgba(255,235,200,0.95) !important;
    font-weight: 600 !important;
    letter-spacing: 0.9px !important;
    text-shadow: 0 1px 5px rgba(80,20,5,0.50) !important;
    filter: drop-shadow(0 2px 4px rgba(160,70,30,0.20)) !important;
    animation: roseGoldBreath 3s ease-in-out infinite !important;
}
.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover {
    background: linear-gradient(
        145deg,
        rgba(195,88,44,0.88) 0%,
        rgba(220,132,38,0.92) 25%,
        rgba(200,112,28,0.94) 50%,
        rgba(175,72,36,0.90) 75%,
        rgba(200,105,40,0.88) 100%
    ) !important;
    color: rgba(255,245,215,1) !important;
    border-color: rgba(255,190,100,0.70) !important;
    transform: translateY(-3px) scale(1.025) !important;
    filter: drop-shadow(0 0 8px rgba(180,90,40,0.35)) !important;
    animation: none !important;
}
.pro_btn .cart_btn button:active,
.pro_btn .order_button a:active,
.addcartbutton:active {
    transform: translateY(1px) scale(0.97) !important;
    transition: transform 0.1s ease !important;
}
.addcartbutton::after,
.pro_btn .cart_btn button::after { display: block !important; }

/* ── Liquid Crimson Gold Final Override ── */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
    background: linear-gradient(135deg,
        rgba(180,20,8,0.80) 0%, rgba(200,50,15,0.82) 20%,
        rgba(170,110,8,0.80) 45%, rgba(190,35,12,0.82) 70%,
        rgba(160,15,5,0.80) 100%
    ) !important;
    background-size: 300% 300% !important;
    backdrop-filter: blur(20px) saturate(220%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(220%) !important;
    border: 0.5px solid rgba(255,100,50,0.40) !important;
    border-top-color: rgba(255,200,80,0.55) !important;
    border-radius: 12px !important;
    color: rgba(255,230,180,0.96) !important;
    font-weight: 600 !important; letter-spacing: 0.9px !important;
    text-shadow: 0 1px 6px rgba(80,5,2,0.60) !important;
    animation: crimsonGoldFlow 5s ease infinite, crimsonGlow 2.8s ease-in-out infinite !important;
}
.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover {
    background: linear-gradient(135deg,
        rgba(220,30,10,0.90) 0%, rgba(230,70,20,0.92) 20%,
        rgba(200,135,12,0.90) 45%, rgba(215,45,15,0.92) 70%,
        rgba(195,20,8,0.90) 100%
    ) !important;
    color: rgba(255,245,200,1) !important;
    border-color: rgba(255,170,60,0.75) !important;
    transform: translateY(-3px) scale(1.028) !important;
    animation: none !important;
}
.pro_btn .cart_btn button:active,
.pro_btn .order_button a:active,
.addcartbutton:active {
    transform: translateY(1px) scale(0.97) !important;
    transition: transform 0.1s ease !important;
}
.addcartbutton::after, .pro_btn .cart_btn button::after { display: block !important; }

/* =====================================================
   GOLDEN LUXURY THEME — premium.css override
   ===================================================== */
:root {
  --p-green:          #C8962A !important;
  --p-green-dark:     #A07010 !important;
  --p-green-light:    #E8B84B !important;
  --p-dark:           #1A1200 !important;
  --p-bg:             #FBF7EE !important;
  --p-orange:         #B8380A !important;
  --p-footer-bg:      #0d1117 !important;
  --p-border:         #E8D5A0 !important;
  --p-text:           #1A1200 !important;
  --p-green-glow:     rgba(200,150,42,0.25) !important;
  --p-green-glow-sm:  rgba(200,150,42,0.12) !important;
}

/* Body & page bg */
body, #content { background: #FBF7EE !important; }
section { background: transparent !important; }

/* Header */
.main-header::after, .logo-area::after {
  background: linear-gradient(90deg, #A07010, #C8962A, #E8B84B) !important;
}
.mobile-header { border-bottom: 2px solid #C8962A !important; }
.menu-bar i, .toggle i { color: #C8962A !important; }
.mobile-menu-logo { background: linear-gradient(135deg, #A07010, #C8962A) !important; }
.mobile-menu { border-right: 2px solid #C8962A !important; }
.mobile-menu .menu-category-name:hover { color: #C8962A !important; background: rgba(200,150,42,0.06) !important; }

/* Search */
.main-search form, .mobile-search form { border: 2px solid #C8962A !important; }
.main-search form button, .mobile-search form button { background: #C8962A !important; }
.main-search form button:hover, .mobile-search form button:hover { background: #A07010 !important; }

/* Menu */
.menu-area { background: #1A1200 !important; }
.all__category__list > a, .all__category__list > a * {
  background: #C8962A !important; color: #ffffff !important;
}

/* Section title underline */
.section-title-name { border-bottom: 3px solid #C8962A !important; }

/* Cat card hover */
.cat_item:hover { border-color: #C8962A !important; }
.cat_item:hover .cat_name a { color: #C8962A !important; }

/* Product card hover */
.product_item:hover, .wist_item:hover { border-color: #C8962A !important; }
.pro_name a:hover { color: #C8962A !important; }

/* Sale badge */
.sale-badge, .sale-badge-text, .sale-badge-box { background: #B8380A !important; }

/* Pagination */
.pagination .page-item.active .page-link { background: #C8962A !important; border-color: #C8962A !important; }
.pagination .page-link { color: #C8962A !important; }

/* Form focus */
.form-control:focus, input:focus, select:focus {
  border-color: #C8962A !important;
  box-shadow: 0 0 0 3px rgba(200,150,42,0.12) !important;
}

/* Footer */
.footer-top { border-top: 3px solid #C8962A !important; }
.footer-menu ul li.title a { color: #E8B84B !important; border-bottom-color: rgba(232,184,75,0.3) !important; }
.footer-menu ul li a:hover { color: #E8B84B !important; }
.footer-hotlint { color: #E8B84B !important; }
.social_link li a:hover { background: #C8962A !important; border-color: #C8962A !important; }
.developer-credit-link { color: #E8B84B !important; }
.d_app h2 { color: #E8B84B !important; }

/* Scrollbar */
::-webkit-scrollbar-thumb { background: #C8962A; }
::-webkit-scrollbar-thumb:hover { background: #A07010; }

/* Mobile nav */
.footer_nav { border-top: 1px solid #C8962A !important; }
.footer_nav ul li:nth-child(3) a {
  background: rgba(200,150,42,0.22) !important;
  border: 1px solid rgba(232,184,75,0.45) !important;
}
.footer_nav ul li:nth-child(3) a span i { color: #E8B84B !important; }
.footer_nav ul li a:hover { background: rgba(200,150,42,0.15) !important; border-color: rgba(200,150,42,0.3) !important; }
.footer_nav ul li a:hover span i { color: #E8B84B !important; }
.footer_nav ul li a:hover span:last-child { color: #E8B84B !important; }

/* Buttons */
.btn-primary, .button-primary { background: #C8962A !important; border-color: #C8962A !important; }
.btn-primary:hover, .button-primary:hover { background: #A07010 !important; border-color: #A07010 !important; }
.go_cart { background: #C8962A !important; }
.go_cart:hover { background: #A07010 !important; }
.submit-btn { background: linear-gradient(135deg, #A07010, #C8962A) !important; }
.checkout-btn { background: #A07010 !important; border-color: #C8962A !important; }
.view_more_btn { color: #C8962A !important; border-color: #C8962A !important; }
.view_more_btn:hover { background: #C8962A !important; color: #fff !important; }
.order_place { background: #C8962A !important; }

/* Alert success */
.alert-info { background: rgba(200,150,42,0.06) !important; border-color: rgba(200,150,42,0.3) !important; color: #A07010 !important; }

/* Star ratings */
.fas.fa-star, .fas.fa-star-half-alt { color: #C8962A !important; }

/* Scrolltop */
.scrolltop .scroll { background: #C8962A !important; }

/* Payment */
.payment-methods .form-check-input { border-color: #C8962A !important; }
.payment-methods .form-check-input:checked::after { background-color: #C8962A !important; }
.payment-methods .form-check-input:checked + .form-check-label { color: #C8962A !important; }

/* ── Mobile nav home button — golden fix (no green) ── */
@media (max-width: 767px) {
  .footer_nav li.mobile_home a span:first-child { color: #E8B84B !important; }
  .footer_nav li.mobile_home { background: transparent !important; }
  .footer_nav ul li:nth-child(3) a {
    background: rgba(200,150,42,0.22) !important;
    border: 1px solid rgba(232,184,75,0.50) !important;
  }
  .footer_nav ul li:nth-child(3) a:hover,
  .footer_nav ul li:nth-child(3) a:active {
    background: rgba(200,150,42,0.35) !important;
    border-color: rgba(232,184,75,0.70) !important;
    animation: navTabTap 0.35s cubic-bezier(0.34,1.56,0.64,1) !important;
  }
  /* Override any green from old code */
  .footer_nav ul li a:hover span i { color: #E8B84B !important; }
  .footer_nav ul li a:hover span:last-child { color: #E8B84B !important; }
  .footer_nav a:hover { background: rgba(200,150,42,0.14) !important; }
}