/* =====================================================================
   GLASS THEME — whole storefront
   Frosted glass · warm blurred room light · soft depth · dark pill buttons
   Loaded LAST (see master.blade.php) so it only restyles — it never
   changes markup, routes, ids or the JavaScript of any page.
   Brand colour from Admin > General Settings is kept as --gl-primary.
===================================================================== */
:root {
    --gl-ink: #1c1c1e;
    --gl-soft: #6b6560;
    --gl-green: #0f7b6c;
    --gl-primary: #0f7b6c;
    --gl-glass: rgba(255, 255, 255, .34);
    --gl-glass-2: rgba(255, 255, 255, .58);
    --gl-glass-3: rgba(255, 255, 255, .78);
    --gl-line: rgba(255, 255, 255, .66);
    --gl-shadow: 0 26px 50px -28px rgba(70, 44, 22, .45), 0 1px 0 rgba(255, 255, 255, .6) inset;
    --gl-shadow-sm: 0 14px 26px -20px rgba(70, 44, 22, .55);
    --gl-r: 28px;
    --gl-r-sm: 18px;
    --gl-ease: cubic-bezier(.2, .8, .2, 1);
}

/* ---------- backdrop: blurred warm room ---------- */
html { background: #e4d3bf; }
body {
    background: transparent !important;
    color: var(--gl-ink);
    position: relative;
}
body::before,
body::after {
    content: '';
    position: fixed;
    inset: -8%;
    will-change: transform;
    z-index: -2;
    pointer-events: none;
}
body::before {
    background:
        radial-gradient(52% 46% at 12% 14%, rgba(255, 222, 182, .95), transparent 62%),
        radial-gradient(46% 56% at 90% 10%, rgba(222, 178, 138, .85), transparent 62%),
        radial-gradient(44% 40% at 52% 96%, rgba(118, 80, 52, .5), transparent 66%),
        linear-gradient(120deg, #ece0d1, #dcc7ae 48%, #cdb297);
}
body::after {
    z-index: -1;
    background:
        linear-gradient(90deg, transparent 0 5%, rgba(112, 74, 46, .4) 5% 8%, transparent 8% 30%, rgba(255, 244, 228, .55) 30% 34%, transparent 34% 64%, rgba(112, 74, 46, .32) 64% 67%, transparent 67% 90%, rgba(112, 74, 46, .36) 90% 93%, transparent 93%),
        linear-gradient(0deg, rgba(96, 62, 38, .45) 0 9%, transparent 9% 100%);
    filter: blur(46px);
    opacity: .85;
}
#content, main, .main-wrapper, .page-wrapper { background: transparent !important; }
::selection { background: rgba(15, 123, 108, .25); }
* { scrollbar-color: rgba(110, 80, 56, .35) transparent; }

/* ---------- header (glass bar) ---------- */
header#navbar_top, header {
    box-shadow: none !important;
    background: transparent !important;
}
header::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .3));
    -webkit-backdrop-filter: blur(24px) saturate(1.5);
    backdrop-filter: blur(24px) saturate(1.5);
    border-bottom: 1px solid var(--gl-line);
    box-shadow: 0 18px 40px -30px rgba(70, 44, 22, .6);
}
.main-header, .logo-area, .logo-header, .mobile-header, .mobile-logo { background: transparent !important; }
.main-search form { position: relative; border: 0 !important; background: transparent !important; border-radius: 999px; }
.main-search input, .mobile-search input, .search_keyword {
    background: rgba(255, 255, 255, .62) !important;
    border: 1px solid var(--gl-line) !important;
    border-radius: 999px !important;
    color: var(--gl-ink) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 20px -16px rgba(60, 40, 20, .6);
    transition: all .25s ease;
}
.main-search input:focus, .mobile-search input:focus {
    background: rgba(255, 255, 255, .92) !important;
    border-color: rgba(15, 123, 108, .5) !important;
    box-shadow: 0 0 0 4px rgba(15, 123, 108, .12) !important;
    outline: none;
}
.main-search button, .mobile-search button {
    background: var(--gl-ink) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
}
.main-search button svg, .main-search button i { color: #fff !important; stroke: #fff; }
.search_result {
    background: var(--gl-glass-3) !important;
    -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);
    border: 1px solid var(--gl-line);
    border-radius: var(--gl-r-sm);
    box-shadow: var(--gl-shadow);
    overflow: hidden;
}
.header-list-items ul li a {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255, 255, 255, .55);
    border: 1px solid var(--gl-line);
    border-radius: 999px;
    padding: 7px 14px;
    color: var(--gl-ink) !important;
    font-weight: 500;
    transition: all .25s ease;
}
.header-list-items ul li a:hover { background: #fff; transform: translateY(-1px); box-shadow: var(--gl-shadow-sm); }
.header-list-items ul li a i { color: var(--gl-green); }
.cart-dialog, .Cat_menu, .dropdown-menu {
    background: var(--gl-glass-3) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.4); backdrop-filter: blur(24px) saturate(1.4);
    border: 1px solid var(--gl-line) !important;
    border-radius: var(--gl-r-sm) !important;
    box-shadow: var(--gl-shadow) !important;
}
.menu-area {
    background: linear-gradient(90deg, color-mix(in srgb, var(--gl-primary) 78%, #000 8%), color-mix(in srgb, var(--gl-primary) 64%, transparent)) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4);
    border-top: 1px solid rgba(255, 255, 255, .35);
    border-radius: 0 0 22px 22px;
}
.mobile-header { border-bottom: 0; }
.mobile-header .menu-bar a, .mobile-header .menu-bag a { color: var(--gl-ink) !important; }
.mobilecart-qty, .cart_badge, .floating-cart-badge {
    background: var(--gl-green) !important; color: #fff !important;
    box-shadow: 0 6px 12px -6px rgba(11, 95, 83, .9);
}
.mobile-menu {
    background: var(--gl-glass-3) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.5); backdrop-filter: blur(28px) saturate(1.5);
    border-right: 1px solid var(--gl-line);
    box-shadow: 30px 0 60px -30px rgba(70, 44, 22, .6);
}
.mobile-menu a, .mobile-menu .menu-category-name { color: var(--gl-ink) !important; }

/* ---------- hero slider + side categories ---------- */
.slider-section .home-slider-container, .main_slider, .main_slider .slider-item, .main_slider img {
    border-radius: var(--gl-r) !important;
}
.slider-section .home-slider-container {
    overflow: hidden;
    border: 1px solid var(--gl-line);
    box-shadow: var(--gl-shadow);
}
.slider-section .sidebar-menu, .hidetosm .sidebar-menu, .slider-section .col-sm-3 > div {
    background: var(--gl-glass) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4);
    border: 1px solid var(--gl-line) !important;
    border-radius: var(--gl-r) !important;
    box-shadow: var(--gl-shadow);
}
.sidebar-menu li a { color: var(--gl-ink) !important; border-radius: 14px; transition: background .2s ease; }
.sidebar-menu li a:hover { background: rgba(255, 255, 255, .65) !important; }
.owl-theme .owl-nav [class*=owl-], .owl-carousel .owl-nav button {
    background: rgba(255, 255, 255, .7) !important;
    color: var(--gl-ink) !important;
    border: 1px solid var(--gl-line) !important;
    border-radius: 50% !important;
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    box-shadow: var(--gl-shadow-sm);
}
.owl-theme .owl-dots .owl-dot span { background: rgba(28, 28, 30, .2) !important; }
.owl-theme .owl-dots .owl-dot.active span { background: var(--gl-ink) !important; }

/* ---------- sections ---------- */
.homeproduct, .brand-section, .vendor-shops-section, .blog-home-section {
    background: var(--gl-glass) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.4); backdrop-filter: blur(20px) saturate(1.4);
    border: 1px solid var(--gl-line);
    border-radius: var(--gl-r);
    box-shadow: var(--gl-shadow);
    padding: 20px 10px 14px !important;
    margin-bottom: 24px !important;
}
.section-title-header {
    border-bottom: 1px dashed rgba(100, 76, 56, .28) !important;
    padding-bottom: 12px !important;
}
.section-title-name, .sec_title h2, .sec_title h3, .sec_title a {
    color: var(--gl-ink) !important;
    font-weight: 600 !important;
    letter-spacing: -.01em;
}
.timer_inner, .offer_timer { color: var(--gl-ink); }
.view_more_btn, .view_more_btn a, a.view_more_btn {
    background: var(--gl-ink) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 9px 22px !important;
    font-weight: 600;
    box-shadow: 0 16px 26px -16px rgba(28, 28, 30, .8);
    transition: transform .3s var(--gl-ease), box-shadow .3s ease;
}
.view_more_btn:hover { transform: translateY(-2px); }

/* ---------- product card ---------- */
.product_item { padding: 6px; }
.product_item_inner {
    position: relative;
    background: rgba(255, 255, 255, .62) !important;
    border: 1px solid rgba(255, 255, 255, .88) !important;
    border-radius: 24px !important;
    overflow: hidden;
    box-shadow: 0 18px 30px -24px rgba(70, 44, 22, .6), 0 1px 0 rgba(255, 255, 255, .8) inset;
    transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--ty, 0px));
    transition: transform .45s var(--gl-ease), box-shadow .4s ease, background .3s ease;
}
.product_item_inner:hover {
    --ty: -6px;
    background: rgba(255, 255, 255, .84) !important;
    box-shadow: 0 30px 40px -24px rgba(70, 44, 22, .65), 0 1px 0 #fff inset;
}
.pro_img { border-radius: 24px 24px 0 0; background: rgba(255, 255, 255, .6); }
.pro_img img { transition: transform .6s var(--gl-ease); }
.product_item_inner:hover .pro_img img { transform: scale(1.06); }
.pro_des { padding: 8px 12px 12px; }
.pro_name a, .pro_name { color: var(--gl-ink) !important; font-weight: 500; font-size: 13.5px; }
.pro_price { color: var(--gl-ink) !important; font-weight: 700; }
.pro_price del, .pro_price .old, .pro_price span.old_price { color: var(--gl-soft) !important; font-weight: 400; }
.sale-badge-box {
    background: linear-gradient(135deg, #ff7a45, #e8431c) !important;
    box-shadow: 0 10px 18px -8px rgba(232, 67, 28, .75), 0 0 0 3px rgba(255, 255, 255, .55);
}
.product_item .pro_btn { gap: 8px; }
.order-btn, .product_item .order-btn, .product_item .order-btn-link, .pro_btn .order-btn {
    background: var(--gl-ink) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-weight: 600;
    min-height: 40px;
    box-shadow: 0 14px 22px -14px rgba(28, 28, 30, .85);
    transition: transform .3s var(--gl-ease), background .25s ease;
}
.order-btn:hover, .product_item .order-btn:hover, .product_item .order-btn-link:hover { background: #000 !important; border: 0 !important; transform: translateY(-2px); }
.cart-icon-btn, .product_item .cart-icon-link {
    background: rgba(255, 255, 255, .85) !important;
    border: 1px solid var(--gl-line) !important;
    border-radius: 999px !important;
    color: var(--gl-ink) !important;
    transition: all .25s ease;
}
.cart-icon-btn:hover { background: var(--gl-green) !important; color: #fff !important; }

/* ---------- category / brand / vendor / blog cards ---------- */
.cat_item, .brand-item, .vendor-shop-item, .blog-home-card {
    background: rgba(255, 255, 255, .58) !important;
    border: 1px solid rgba(255, 255, 255, .85) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 28px -22px rgba(70, 44, 22, .6), 0 1px 0 rgba(255, 255, 255, .8) inset;
    transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--ty, 0px));
    transition: transform .45s var(--gl-ease), box-shadow .4s ease, background .3s ease;
    overflow: hidden;
}
.cat_item:hover, .brand-item:hover, .vendor-shop-item:hover, .blog-home-card:hover {
    --ty: -5px;
    background: rgba(255, 255, 255, .85) !important;
    box-shadow: 0 28px 38px -24px rgba(70, 44, 22, .65);
}
.cat_name, .brand-name, .shop-title, .blog-home-title, .blog-home-title a { color: var(--gl-ink) !important; font-weight: 600; }
.brand-item img { opacity: .75; }
.brand-item:hover img { opacity: 1; }
.shop-visit-btn, .read-more-link {
    background: var(--gl-ink) !important; color: #fff !important; border-radius: 999px !important;
}
.shop-logo-circle { box-shadow: 0 0 0 4px rgba(255, 255, 255, .7), var(--gl-shadow-sm); }

/* ---------- listing pages (category / shop / search) ---------- */
.filter_sidebar, .category-filter-box, .sidebar_item, .wraper__item, .accordion-item, .sorting-section,
.category-breadcrumb, .custom-breadcrumb, .breadcrumb {
    background: var(--gl-glass) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.4); backdrop-filter: blur(20px) saturate(1.4);
    border: 1px solid var(--gl-line) !important;
    border-radius: var(--gl-r-sm) !important;
    box-shadow: var(--gl-shadow-sm);
}
.accordion-button { background: transparent !important; color: var(--gl-ink) !important; font-weight: 600; box-shadow: none !important; }
.accordion-body, .accordion-collapse { background: transparent !important; }
.breadcrumb a, .breadcrumb li { color: var(--gl-soft) !important; }
.form-control, .form-select, select, input[type="text"], input[type="number"], input[type="email"],
input[type="password"], input[type="tel"], input[type="search"], textarea {
    border-radius: 14px;
}
#content .form-control, #content .form-select {
    background-color: rgba(255, 255, 255, .6);
    border: 1px solid var(--gl-line);
    color: var(--gl-ink);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset;
    transition: all .25s ease;
}
#content .form-control:focus, #content .form-select:focus {
    background-color: rgba(255, 255, 255, .92);
    border-color: rgba(15, 123, 108, .5);
    box-shadow: 0 0 0 4px rgba(15, 123, 108, .12);
}
.page-link {
    background: rgba(255, 255, 255, .62) !important; color: var(--gl-ink) !important;
    border: 1px solid var(--gl-line) !important; border-radius: 12px !important; margin: 0 3px;
}
.page-item.active .page-link { background: var(--gl-ink) !important; color: #fff !important; }

/* ---------- product details ---------- */
.details_right, .details_slider, .details-action-box, .pro_details_area, .description-nav-wrapper,
.product-details-content-row, .gomobd-review-section, .wholesale-pricing-section, .tab-content > .tab-pane {
    background: var(--gl-glass) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.4); backdrop-filter: blur(20px) saturate(1.4);
    border: 1px solid var(--gl-line) !important;
    border-radius: var(--gl-r) !important;
    box-shadow: var(--gl-shadow);
}
.details_slider, .details_right { padding: 18px; }
.details_slider img, .block__pic img { border-radius: 20px; }
.details_right .name, .details_right h2, .details_right .product-cart .name { color: var(--gl-ink) !important; font-weight: 600; }
.details-price { color: var(--gl-ink) !important; }
.product-details-discount-badge { background: linear-gradient(135deg, #ff7a45, #e8431c) !important; border-radius: 999px !important; }
.qty-cart, .vcart-qty {
    display: inline-flex; align-items: center;
    background: rgba(255, 255, 255, .7) !important;
    border: 1px solid var(--gl-line) !important;
    border-radius: 999px !important;
    padding: 3px;
}
.qty-cart .minus, .qty-cart .plus, .vcart-qty .minus, .vcart-qty .plus {
    border-radius: 50% !important; background: transparent !important; color: var(--gl-ink) !important; transition: .2s;
}
.qty-cart .minus:hover, .qty-cart .plus:hover, .vcart-qty .minus:hover, .vcart-qty .plus:hover { background: var(--gl-ink) !important; color: #fff !important; }
.add_cart_btn, .order_now_btn, .order_now_btn_m, .call_now_btn, .gomobd-review-btn {
    border-radius: 999px !important;
    font-weight: 600 !important;
    border: 0 !important;
    transition: transform .3s var(--gl-ease), box-shadow .3s ease !important;
}
.order_now_btn, .order_now_btn_m { background: var(--gl-ink) !important; color: #fff !important; box-shadow: 0 18px 28px -16px rgba(28, 28, 30, .85); }
.add_cart_btn { background: rgba(255, 255, 255, .85) !important; color: var(--gl-ink) !important; border: 1px solid var(--gl-line) !important; }
.call_now_btn { background: var(--gl-green) !important; color: #fff !important; }
.add_cart_btn:hover, .order_now_btn:hover, .order_now_btn_m:hover, .call_now_btn:hover { transform: translateY(-2px); }
.selector-item_label {
    background: rgba(255, 255, 255, .65) !important; border: 1px solid var(--gl-line) !important;
    border-radius: 999px !important; color: var(--gl-ink) !important; transition: all .2s ease;
}
.selector-item_radio:checked + .selector-item_label { background: var(--gl-ink) !important; color: #fff !important; }
.desc-nav-ul li a, .description-nav li a { border-radius: 999px !important; color: var(--gl-ink) !important; }
.desc-nav-ul li.active a, .description-nav li.active a { background: var(--gl-ink) !important; color: #fff !important; }

/* ---------- cart / tables ---------- */
.vcart-inner, .cart-summary, .vcart-content {
    background: var(--gl-glass) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.4); backdrop-filter: blur(20px) saturate(1.4);
    border: 1px solid var(--gl-line);
    border-radius: var(--gl-r) !important;
    box-shadow: var(--gl-shadow);
    padding: 20px 24px;
}
.cart-title { color: var(--gl-ink); font-weight: 600; }
#content .table { --bs-table-bg: transparent; --bs-table-striped-bg: rgba(255, 255, 255, .3); color: var(--gl-ink); }
#content .table > :not(caption) > * > * { background: transparent; border-color: rgba(100, 76, 56, .15); }
#content .table thead th { color: var(--gl-soft); font-weight: 600; font-size: 12.5px; }

/* ---------- login / forms / account ---------- */
.modern-login-section { background: transparent !important; }
.login-container {
    background: var(--gl-glass) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.5); backdrop-filter: blur(26px) saturate(1.5);
    border: 1px solid var(--gl-line) !important;
    border-radius: 32px !important;
    box-shadow: var(--gl-shadow) !important;
    overflow: hidden;
}
.login-image-area { background: linear-gradient(135deg, rgba(255, 122, 69, .35), rgba(15, 123, 108, .35)) !important; }
.login-form-area { background: transparent !important; }
.custom-input, .custom-input-group input {
    background: rgba(255, 255, 255, .6) !important; border: 1px solid var(--gl-line) !important;
    border-radius: 14px !important; color: var(--gl-ink) !important;
}
.btn-modern-submit {
    background: var(--gl-ink) !important; color: #fff !important; border: 0 !important;
    border-radius: 999px !important; font-weight: 600;
    box-shadow: 0 18px 28px -16px rgba(28, 28, 30, .85);
    transition: transform .3s var(--gl-ease);
}
.btn-modern-submit:hover { transform: translateY(-2px); }
.register-box { border-color: rgba(100, 76, 56, .2) !important; }
/* account / tailwind-style pages */
#content .bg-white, #content .bg-gray-50, #content .bg-gray-100 {
    background-color: var(--gl-glass-2) !important;
    -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
}
#content .border-gray-100, #content .border-gray-200 { border-color: var(--gl-line) !important; }
#content .rounded-2xl, #content .rounded-xl { border-radius: 24px !important; }
#content .text-gray-800 { color: var(--gl-ink) !important; }
#content .text-gray-500, #content .text-gray-400, #content .text-gray-600 { color: var(--gl-soft) !important; }

/* ---------- generic components ---------- */
#content .card, #content .alert { border-radius: var(--gl-r-sm); border: 1px solid var(--gl-line); }
#content .card { background: var(--gl-glass); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: var(--gl-shadow-sm); }
#content .btn-success, #content .btn-primary {
    background: var(--gl-ink); border-color: var(--gl-ink); color: #fff; border-radius: 999px; font-weight: 600;
    transition: transform .3s var(--gl-ease), box-shadow .3s ease;
}
#content .btn-success:hover, #content .btn-primary:hover { background: #000; border-color: #000; transform: translateY(-2px); }
#content .btn-outline-success { color: var(--gl-ink); border-color: var(--gl-ink); border-radius: 999px; }
#content .btn-outline-success:hover { background: var(--gl-ink); color: #fff; }
.modal-content {
    background: var(--gl-glass-3) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.5); backdrop-filter: blur(28px) saturate(1.5);
    border: 1px solid var(--gl-line) !important;
    border-radius: var(--gl-r) !important;
    box-shadow: var(--gl-shadow) !important;
    overflow: hidden;
}
.modal-backdrop.show { opacity: .35; backdrop-filter: blur(6px); }
.sidebar-cart-drawer {
    background: var(--gl-glass-3) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.5); backdrop-filter: blur(28px) saturate(1.5);
    border-left: 1px solid var(--gl-line);
}
.floating-cart-widget {
    background: var(--gl-ink) !important; color: #fff !important;
    border-radius: 999px !important; box-shadow: 0 20px 34px -16px rgba(28, 28, 30, .8) !important;
}
.gotop .float, .float { box-shadow: 0 18px 30px -12px rgba(15, 140, 90, .7) !important; }

/* ---------- footer ---------- */
.footer-v2 {
    background: var(--gl-glass) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.5); backdrop-filter: blur(26px) saturate(1.5);
    border-top: 1px solid var(--gl-line);
    border-radius: 36px 36px 0 0;
    box-shadow: 0 -30px 60px -40px rgba(70, 44, 22, .5);
    color: var(--gl-ink) !important;
    margin-top: 28px;
}
.footer-v2__wave { display: none !important; }
.footer-v2, .footer-v2 p, .footer-v2 li, .footer-v2 span, .footer-v2 a, .footer-v2__copy-text { color: #4a443e !important; }
.footer-v2 h5, .footer-v2 h6, .footer-v2 .footer-v2__title, .footer-v2__social-title, .footer-v2__apps-title, .footer-v2 strong { color: var(--gl-ink) !important; font-weight: 600; }
.footer-v2 a:hover { color: var(--gl-ink) !important; }
.footer-v2__logo img { filter: none !important; }
.footer-v2__form input::placeholder { color: rgba(60, 50, 40, .55) !important; }
.footer-v2__form button, .footer-v2__form button *, .footer-v2__social-list a:hover, .footer-v2__social-list a:hover i { color: #fff !important; }
.footer-v2__links a { transition: padding .25s ease, color .25s ease; }
.footer-v2__links a:hover { padding-left: 6px; }
.footer-v2__form input {
    background: rgba(255, 255, 255, .65) !important; border: 1px solid var(--gl-line) !important;
    border-radius: 999px !important; color: var(--gl-ink) !important;
}
.footer-v2__form button {
    background: var(--gl-ink) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important;
}
.footer-v2__social-list a {
    background: rgba(255, 255, 255, .65) !important; border: 1px solid var(--gl-line) !important;
    border-radius: 50% !important; color: var(--gl-ink) !important; transition: all .3s var(--gl-ease);
}
.footer-v2__social-list a:hover { background: var(--gl-ink) !important; color: #fff !important; transform: translateY(-3px); }
.footer-v2__bottom { background: rgba(255, 255, 255, .35) !important; border-top: 1px solid var(--gl-line); }

/* ---------- mobile bottom nav ---------- */
.mobile_bottom_nav {
    background: var(--gl-glass-3) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.5); backdrop-filter: blur(24px) saturate(1.5);
    border: 1px solid var(--gl-line) !important;
    border-radius: 26px !important;
    box-shadow: var(--gl-shadow) !important;
}
@media (max-width: 991.98px) {
    .mobile_bottom_nav { left: 10px !important; right: 10px !important; bottom: 10px !important; width: auto !important; }
    .homeproduct, .brand-section, .vendor-shops-section, .blog-home-section { border-radius: 24px; padding: 16px 4px 10px !important; }
    .product_item_inner { border-radius: 20px !important; }
    .footer-v2 { border-radius: 28px 28px 0 0; padding-bottom: 80px; }
}
.nav_item.active .icon_box, .nav_item.active i { color: var(--gl-green) !important; }
.nav_text { color: var(--gl-soft); }
.nav_item.active .nav_text { color: var(--gl-ink); font-weight: 600; }

/* ---------- motion ---------- */
html.gl-js .gl-rv { opacity: 0; transform: translateY(22px) scale(.99); transition: opacity .7s var(--gl-ease), transform .7s var(--gl-ease); }
html.gl-js .gl-rv.gl-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    html.gl-js .gl-rv { opacity: 1; transform: none; transition: none; }
    .product_item_inner, .cat_item, .brand-item { transition: none; }
}


/* =====================================================================
   ANIMATION LAYER
===================================================================== */
@keyframes glDrift   { 0% { transform: translate3d(-2%, -1%, 0) scale(1.02); } 100% { transform: translate3d(2.5%, 2%, 0) scale(1.1); } }
@keyframes glDrift2  { 0% { transform: translate3d(2%, 0, 0) scale(1.04); } 100% { transform: translate3d(-3%, 1.5%, 0) scale(1.08); } }
@keyframes glUp      { from { opacity: 0; transform: translateY(34px) scale(.97); filter: blur(6px); } to { opacity: 1; transform: none; filter: blur(0); } }
@keyframes glDown    { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: none; } }
@keyframes glPop     { 0% { scale: .6; opacity: 0; } 60% { scale: 1.12; } 100% { scale: 1; opacity: 1; } }
@keyframes glFloat   { 0%, 100% { translate: 0 0; } 50% { translate: 0 -7px; } }
@keyframes glRing    { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, .55); } 100% { box-shadow: 0 0 0 22px rgba(37, 211, 102, 0); } }
@keyframes glGlow    { 0%, 100% { box-shadow: 0 20px 34px -16px rgba(28, 28, 30, .8); } 50% { box-shadow: 0 24px 44px -12px rgba(15, 123, 108, .7); } }
@keyframes glKen     { from { transform: scale(1); } to { transform: scale(1.08); } }
@keyframes glLine    { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes glNudge   { 0%, 100% { translate: 0 0; } 50% { translate: 4px 0; } }
@keyframes glSheen   { from { transform: translateX(-130%) skewX(-18deg); } to { transform: translateX(260%) skewX(-18deg); } }

/* living background */
body::before { animation: glDrift 20s ease-in-out infinite alternate; }
body::after  { animation: glDrift2 26s ease-in-out infinite alternate; }

/* page load */
.slider-section .home-slider-container, .slider-section .sidebar-menu { animation: glUp .9s .1s var(--gl-ease) backwards; }
.owl-item.active .slider-item img { animation: glKen 9s ease-out both; }

/* staggered cards (from-state only, so hover / tilt keep working afterwards) */
.product_item, .cat_item, .brand-item, .vendor-shop-item, .blog-home-card { animation: glUp .75s var(--gl-ease) backwards; }
.row > *:nth-child(1) > .product_item, .owl-item:nth-child(1) .product_item { animation-delay: .05s; }
.row > *:nth-child(2) > .product_item, .owl-item:nth-child(2) .product_item { animation-delay: .12s; }
.row > *:nth-child(3) > .product_item, .owl-item:nth-child(3) .product_item { animation-delay: .19s; }
.row > *:nth-child(4) > .product_item, .owl-item:nth-child(4) .product_item { animation-delay: .26s; }
.row > *:nth-child(5) > .product_item, .owl-item:nth-child(5) .product_item { animation-delay: .33s; }
.row > *:nth-child(6) > .product_item, .owl-item:nth-child(6) .product_item { animation-delay: .40s; }
.row > *:nth-child(n+7) > .product_item, .owl-item:nth-child(n+7) .product_item { animation-delay: .47s; }
.cat_item, .brand-item { animation-duration: .6s; }

/* section titles draw an underline */
.section-title-header { position: relative; }
.section-title-header::after {
    content: ''; position: absolute; left: 0; bottom: -1px; width: 90px; height: 2px;
    background: linear-gradient(90deg, var(--gl-green), transparent);
    transform-origin: left; animation: glLine 1.1s .3s var(--gl-ease) backwards;
}

/* tilt (driven by glass-theme.js) */
.gl-tilting { transition: transform .08s linear, box-shadow .3s ease, background .3s ease !important; }

/* shine sweep on buttons */
.order-btn, .product_item .order-btn-link, .view_more_btn, .order_now_btn, .order_now_btn_m, .btn-modern-submit, .btn-place-order {
    position: relative; overflow: hidden; isolation: isolate;
}
.order-btn::after, .product_item .order-btn-link::after, .view_more_btn::after, .order_now_btn::after, .order_now_btn_m::after,
.btn-modern-submit::after, .btn-place-order::after {
    content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 45%; z-index: -1; pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .38), transparent);
    transform: translateX(-130%) skewX(-18deg);
}
.order-btn:hover::after, .product_item .order-btn-link:hover::after, .view_more_btn:hover::after, .order_now_btn:hover::after,
.order_now_btn_m:hover::after, .btn-modern-submit:hover::after, .btn-place-order:hover::after { animation: glSheen .9s var(--gl-ease); }
.order_now_btn, .order_now_btn_m { animation: glGlow 3.2s ease-in-out infinite; }

/* always-alive details */
.float { animation: glRing 2.2s ease-out infinite; }
.floating-cart-widget { animation: glFloat 3.4s ease-in-out infinite; }
.floating-cart-badge, .mobilecart-qty, .cart_badge { animation: glPop .5s var(--gl-ease) both; }
.sale-badge-box { animation: glFloat 3.6s ease-in-out infinite; }
.btn-place-order .bp-go { animation: glNudge 1.6s ease-in-out infinite; }
.footer-v2__social-list a:hover { transform: translateY(-4px) rotate(8deg); }
.modal.show .modal-content { animation: glUp .5s var(--gl-ease) backwards; }
.payment-option-label, .checkout-item { animation: glUp .6s var(--gl-ease) backwards; }
.payment-option-label:nth-child(2), .checkout-item:nth-child(2) { animation-delay: .08s; }
.payment-option-label:nth-child(3), .checkout-item:nth-child(3) { animation-delay: .16s; }
.payment-option-label:nth-child(n+4), .checkout-item:nth-child(n+4) { animation-delay: .24s; }

/* stronger scroll reveal */
html.gl-js .gl-rv { opacity: 0; transform: translateY(46px) scale(.985); filter: blur(5px); transition: opacity .9s var(--gl-ease), transform .9s var(--gl-ease), filter .9s var(--gl-ease); }
html.gl-js .gl-rv.gl-in { opacity: 1; transform: none; filter: blur(0); }
html.gl-scrolled header::before { background: linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .5)); box-shadow: 0 22px 44px -26px rgba(70, 44, 22, .7); }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; }
    html.gl-js .gl-rv { opacity: 1; transform: none; filter: none; transition: none; }
}