/* =====================================================
   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 — Premium Violet + Gold Hover Override =========== */
/* Synced with main.css gold hover effect */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
    background: linear-gradient(
        270deg,
        #3b0764, #6d28d9, #7c3aed, #4c1d95, #6d28d9
    ) !important;
    background-size: 300% 100% !important;
    border-radius: 8px !important;
    letter-spacing: 1px !important;
    border: 1px solid transparent !important;
    animation: orderPulseGlow 2.8s ease-in-out infinite,
               orderShimmer 4s linear infinite !important;
    box-shadow: 0 4px 18px rgba(109,40,217,0.45) !important;
    transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1),
                box-shadow 0.3s ease,
                border-color 0.3s ease,
                color 0.3s ease !important;
}
.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover {
    background: linear-gradient(
        135deg,
        #4c1d95 0%, #7c3aed 40%, #a855f7 70%, #6d28d9 100%
    ) !important;
    color: #fde68a !important;
    transform: translateY(-3px) scale(1.03) !important;
    border-color: rgba(212,168,83,0.6) !important;
    box-shadow: 0 8px 28px rgba(109,40,217,0.55),
                0 0 0 2px rgba(212,168,83,0.2),
                inset 0 1px 0 rgba(251,191,36,0.15) !important;
    animation: none !important;
}
/* Gold underline ::after is handled in main.css — don't disable it */
.addcartbutton::after,
.pro_btn .cart_btn button::after { display: block !important; }