body{
    margin:0;
    font-family: Arial, sans-serif;
}

.devghar-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 40px;
    background:#fff;
    border-bottom:1px solid #eee;
    position:sticky;
    top:0;
    z-index:999;
    gap:35px;
}


.dev-icon{
    flex-shrink:0;
}

.dev-icon img{
    width:220px;
    height:auto;
    display:block;
    object-fit:contain;
}

/* Left Menu */

.devghar-menu-left{
    display:flex;
    align-items:center;
    gap:30px;
}

.devghar-menu-left a{
    text-decoration:none;
    color:#111;
    font-size:18px;
    font-weight:600;
    white-space:nowrap;
}

.devghar-menu-left a:hover{
    color:#FF6B00;
}

/* Right Side */

.devghar-menu-right{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:20px;
}

.devghar-menu{
    display:flex;
    align-items:center;
    gap:28px;
}

.devghar-menu a{
    text-decoration:none;
    color:#111;
    font-size:18px;
    font-weight:600;
}

.devghar-menu a:hover{
    color:#FF6B00;
}

.search-icon{
    font-size:22px;
}

.mobile-menu-btn,
.mobile-search-btn{
    display:none;
}

.header-contact{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:5px;
}

.contact-icon{
    font-size:30px;
    color:#c96d14;
    cursor:pointer;
    transition:.3s;
}

.contact-icon:hover{
    color:#FF6B00;
}

.contact-info{
    display:flex;
    flex-direction:column;
}

.contact-info span{
    font-size:12px;
    font-weight:700;
    color:#777;
    letter-spacing:.5px;
}

.contact-info a{
    text-decoration:none;
    color:#ff6c2b;
    font-size:15px;
    font-weight:700;
}

.dev-search-box{

    display:flex;

    align-items:center;

    width:340px;

    height:52px;

    border:2px solid #FF6B00;

    border-radius:50px;

    overflow:hidden;

    background:#fff;

}

.dev-search-box input{

    flex:1;

    border:none;

    outline:none;

    font-size:15px;

}

.dev-search-box button{

    width:60px;

    height:100%;

    border:none;

    background:#FF6B00;

    color:#fff;

    font-size:22px;

    cursor:pointer;

}

.mobile-search-wrap{
    display:none;
}

.mobile-search-wrap form{
    display:flex;
    margin:10px;
    border:2px solid #FF6B00;
    border-radius:50px;
    overflow:hidden;
}

.mobile-search-wrap input{
    flex:1;
    border:none;
    outline:none;
    padding:12px 15px;
}

.mobile-search-wrap button{
    width:55px;
    border:none;
    background:#FF6B00;
    color:#fff;
}

.mobile-search-wrap.active{
    display:block;
}

.mobile-header-right{
    display:none;
}

.mobile-contact-btn a{
    color:#c96d14;
    font-size:24px;
    text-decoration:none;
    text-align: center;
}

.con-txt{
    font-size: 12px;
    display: flex;
    color: #0d1a43;
    font-weight: bold;
}

.mobile-sidebar{

    position:fixed;
    top:0;
    left:-300px;

    width:280px;
    height:100vh;

    background:#fff;

    z-index:10001;

    transition:.3s ease;

    box-shadow:0 0 20px rgba(0,0,0,.15);

    padding-top:20px;
}

.mobile-sidebar.active{
    left:0;
}

.mobile-sidebar-header{

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:0 20px 20px;

    border-bottom:1px solid #eee;
}

.mobile-sidebar a{

    display:block;

    padding:15px 20px;

    text-decoration:none;

    color:#222;

    font-weight:600;

    border-bottom:1px solid #f3f3f3;
}

.mobile-sidebar a:hover{
    background:#fff8f2;
}

.close-menu{

    font-size:30px;
    cursor:pointer;
}

.mobile-overlay{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,.4);

    opacity:0;
    visibility:hidden;

    transition:.3s;

    z-index:10000;
}

.mobile-overlay.active{

    opacity:1;
    visibility:visible;
}


/* ==================== home page css start ======================== */ 
.hero-section{
    height:750px;
    background:
    linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
    url('../images/hero-banner.jpg');
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.hero-content{
    max-width:800px;
    color:#fff;
}

.hero-content h1{
    font-size:60px;
    margin-bottom:20px;
}

.hero-content p{
    font-size:20px;
    line-height:1.7;
    margin-bottom:30px;
}

.shop-btn{
    display:inline-block;
    background:#FF6B00;
    color:#fff;
    text-decoration:none;
    padding:15px 35px;
    border-radius:50px;
    font-weight:bold;
}

/* =========================
DEVGHAR BANNER
========================= */

.devghar-banner-slider{

    width:100%;
}

.devghar-banner-slider img{

    width:100%;

    height:auto;

    object-fit:cover;

    display:block;
}

.devghar-banner-slider .swiper-slide{
    position:relative;
}

.devghar-banner-slider .swiper-slide::before{
    content:'';
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.75) 0%,
        rgba(0,0,0,.45) 35%,
        rgba(0,0,0,0) 70%
    );

    z-index:1;
}


.banner-content{
    text-decoration:none !important;
    position:absolute;
    top:50%;
    left:5%;
    transform:translateY(-50%);
    color:#fff;
    z-index:10;
    max-width:500px;
}
.banner-content a{
    text-decoration:none;
}

.banner-content h2{
    font-size: 50px;
    font-weight: bold;
    font-family: math;
    line-height: 1;
    color: #fff;
    background: linear-gradient(180deg, #ffffff, #ff5b09);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}

.banner-btn{
    display:inline-block;
    padding:15px 35px;
    background:#FF6B00;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:700;
}

.log-o-ban{
    background:#fff;
    padding:15px;
    border-radius:15px;
    Width:70% !important;
}

.log-o-cat{
    width:20%;
    height:20% !important;
    padding : 5px
}
/* Marquee slider */

.devghar-marquee{
    background:#2b1b12;
    overflow:hidden;
    padding:14px 0;
    border-top:3px solid #FF6B00;
}

.devghar-marquee-track{
    display:flex;
    width:max-content;
    animation:devgharMarquee 30s linear infinite;
}

.devghar-marquee-track span{
    color:#fff;
    font-size:15px;
    font-weight:600;
    white-space:nowrap;
    margin-right:60px;
}

.devghar-marquee-track span:hover{
    color:#FF6B00;
}

.devghar-marquee-track:hover{
    animation-play-state:paused;
}

.marquee-item i{
    color:orange;
}

@keyframes devgharMarquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* ============= Shop By Category ============= */

/* ==========================================
DEVGHAR SHOP BY CATEGORY
========================================== */

.devghar-categories{

    padding:50px 15px;

    background:#fffaf3;

    position:relative;
}

/* =========================
SECTION HEADING
========================= */

.section-heading{

    text-align:center;

    margin-bottom:50px;
}

.section-heading h2{

    font-size:42px;

    font-weight:700;

    color:#7a3b00;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:10px;

    position:relative;
}

.section-heading p{

    font-size:16px;

    color:#8b5e3c;

    margin:0;
}

/* decorative line */

.section-heading h2::before,
.section-heading h2::after{

    content:'❖';

    color:#d79b36;

    font-size:16px;

    margin:0 15px;
}

/* =========================
SWIPER
========================= */

.devghar-category-slider{

    padding:10px 10px 40px;
    
    padding-top: 10px !important; 
}

.devghar-category-slider .swiper-slide{

    height:auto;
    
}

/* =========================
CATEGORY CARD
========================= */

.category-card{

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    text-decoration:none;

    background:#fff;

    border:1px solid #e7c98f;

    border-radius:60px 60px 18px 18px;

    padding:12px 12px 18px;

    min-height:320px;

    position:relative;

    overflow:hidden;

    transition:.35s;

    box-shadow:
    0 2px 10px rgba(0,0,0,.05);
    
}

/* Top Ornament */

.category-card::before{

    content:'✦';

    position:absolute;

    top:6px;

    left:50%;

    transform:translateX(-50%);

    color:#d4a44d;

    font-size:12px;
}

/* Bottom Ornament */

.category-card::after{

    content:'✦';

    position:absolute;

    bottom:2px;

    left:50%;

    transform:translateX(-50%);

    color:#d4a44d;

    font-size:12px;
}

/* Hover */

.category-card:hover{

    transform:translateY(-5px);

    border-color:#d4a44d;

    box-shadow:
    0 12px 30px rgba(0,0,0,.10);
    
    
}

/* =========================
TOP ICON
========================= */

.category-icon{

    font-size:15px;

    color:#d28d1e;

    margin-top:8px;
}

/* =========================
TITLE
========================= */

.category-card h4{

    font-size:14px;

    font-weight:600;

    color:#4a2d17;

    line-height:1.4;

    min-height:42px;

    margin-bottom:10px;
}

/* =========================
IMAGE WRAPPER
========================= */

.category-image{

    height:140px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:15px;
}

.category-image img{

    max-width:100%;

    max-height:130px;

    object-fit:contain;

    transition:.35s;
}

.category-card:hover .category-image img{

    transform:scale(1.05);
}

/* =========================
EXPLORE BUTTON
========================= */

.explore-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:6px;

    min-width:95px;

    height:32px;

    padding:0 18px;

    border-radius:25px;

    background:
    linear-gradient(
        180deg,
        #f0b14d,
        #d98b15
    );

    color:#fff;

    font-size:12px;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

    transition:.3s;
}

.category-card:hover .explore-btn{

    transform:scale(1.05);
}

/* =========================
SWIPER DOTS
========================= */

.devghar-category-slider .swiper-pagination{

    position:relative;

    margin-top:20px;
}

.devghar-category-slider .swiper-pagination-bullet{

    width:10px;

    height:10px;

    background:#d79b36;

    opacity:.4;
}

.devghar-category-slider .swiper-pagination-bullet-active{

    opacity:1;
}

/*.swiper{
    padding-top: 10px !important;
}/*

/* =========================
CUSTOM ARROWS
========================= */

.devghar-category-slider .swiper-button-next,
.devghar-category-slider .swiper-button-prev{

    width:46px;

    height:46px;

    border-radius:50%;

    background:
    linear-gradient(
        180deg,
        #f9c766,
        #d88907
    );

    color:#fff;

    box-shadow:
    0 5px 15px rgba(0,0,0,.15);
}

.devghar-category-slider .swiper-button-next:after,
.devghar-category-slider .swiper-button-prev:after{

    font-size:18px;

    font-weight:700;
}

/* ============== shop by deity ========== */

.deity-section{

    padding:10px 0;

    background:
    linear-gradient(
        180deg,
        #fffaf3,
        #ffffff
    );
}

.deity-grid{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:30px;
}

.deity-card{

    text-align:center;

    text-decoration:none;

    transition:.35s;
}

.deity-card img{

    width:160px;

    height:160px;

    border-radius:50%;

    object-fit:cover;

    border:4px solid #f4d29a;

    padding:10px;

    background:#fff;

    box-shadow:
    0 8px 25px rgba(215,155,54,.25);

    transition:.35s;
}

.deity-card:hover img{

    transform:translateY(-8px);

    box-shadow:
    0 15px 40px rgba(215,155,54,.40);
}

.deity-card h4{

    margin-top:15px;

    color:#6b3b00;

    font-size:18px;

    font-weight:700;
}

/* ================ Featured Products =========== */

/* ==========================================
SACRED PRODUCTS
========================================== */

.sacred-products{

    padding:90px 0;

    background:
    linear-gradient(
        180deg,
        #fffaf3,
        #ffffff
    );
}

.sacred-heading{

    text-align:center;

    max-width:700px;

    margin:auto;

    margin-bottom:50px;
}

.heading-icon{

    color:#c48a2c;

    font-size:15px;

    font-weight:700;

    letter-spacing:1px;
}

.sacred-heading h2{

    font-size:42px;

    color:#5b2f00;

    margin:15px 0;
}

.sacred-heading p{

    color:#777;

    font-size:16px;
}

/* CARD */

.sacred-card{

    background:#fff;

    border:1px solid #f0d7ab;

    border-radius:30px;

    overflow:hidden;

    transition:.35s;

    position:relative;

    text-align:center;

    padding:20px;
}

.sacred-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 15px 40px rgba(0,0,0,.10);
}

/* IMAGE */

.sacred-card img{

    width:100%;

    height:220px;

    object-fit:contain;

    transition:.35s;
}

.sacred-card:hover img{

    transform:scale(1.05);
}

/* BADGE */

.product-badge{

    position:absolute;

    top:15px;

    left:15px;

    background:#d48f18;

    color:#fff;

    padding:6px 12px;

    border-radius:20px;

    font-size:11px;

    font-weight:600;
}

/* CONTENT */

.sacred-info{

    margin-top:20px;
}

.sacred-info h4{

    font-size:18px;

    color:#4f2c0d;

    margin-bottom:12px;

    min-height:50px;
}

.sacred-price{

    color:#c66f00;

    font-size:22px;

    font-weight:700;

    margin-bottom:15px;
}

.sacred-btn{

    display:inline-block;

    padding:12px 24px;

    border-radius:40px;

    background:
    linear-gradient(
        180deg,
        #f6b548,
        #d68a12
    );

    color:#fff;

    text-decoration:none;

    font-weight:600;
}



/* =============== Why Choose devghar =============== */

.why-devghar{
    padding:80px 50px;
    background:#fff8f2;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    max-width:1200px;
    margin:auto;
}

.why-card{
    background:#fff;
    border-radius:15px;
    padding:35px 25px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.why-card:hover{
    transform:translateY(-5px);
}

.why-icon{
    font-size:50px;
    margin-bottom:20px;
}

.why-card h3{
    font-size:22px;
    margin-bottom:12px;
    color:#222;
}

.why-card p{
    font-size:15px;
    color:#666;
    line-height:1.7;
    margin:0;
}

/* =============== Festival Banner =============== */

.festival-banner{

    padding:100px 20px;

    background:
    linear-gradient(
        rgba(0,0,0,.55),
        rgba(0,0,0,.55)
    ),
    url('../images/festival-banner.jpg');

    background-size:cover;
    background-position:center;

    text-align:center;
}

.festival-content{

    max-width:800px;
    margin:auto;
    color:#fff;

}

.festival-tag{

    display:inline-block;

    background:#FF6B00;

    padding:8px 18px;

    border-radius:30px;

    margin-bottom:20px;

    font-size:14px;

    font-weight:600;

}

.festival-content h2{

    font-size:50px;

    margin-bottom:20px;

}

.festival-content p{

    font-size:18px;

    line-height:1.8;

    margin-bottom:30px;

}

.festival-btn{

    display:inline-block;

    background:#fff;

    color:#FF6B00;

    padding:15px 35px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

}

/* home page css end */


.mobile-only{
    display:none !important;
}

@media(max-width:767px){

    .desktop-only{
        display:none !important;
    }

    .mobile-only{
        display:block !important;
    }

}

.mobile-bottom-nav{
    display:none;
}
/* =================== single Product page design start ====================== */

/* ==================================================
DEVGHAR SINGLE PRODUCT PAGE
================================================== */

.dg-product-page{
    background:#f7f3ed;
    padding:30px 0 60px;
}

.dg-breadcrumb{
    margin-bottom:25px;
    font-size:15px;
}

.dg-breadcrumb a{
    color:#888;
    text-decoration:none;
}

.dg-breadcrumb span{
    margin:0 10px;
    color:#aaa;
}

.dg-breadcrumb .active{
    color:#d0891e;
    font-weight:600;
}

.dg-product-card{
    background:#fff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 5px 25px rgba(0,0,0,.06);
}

.dg-gallery{
    position:relative;
}

.dg-offer-badge{
    position:absolute;
    top:20px;
    left:20px;
    z-index:10;
    background:#d64f32;
    color:#fff;
    padding:8px 14px;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
}

.dg-main-image{

    height:650px;

    background:#f6ead7;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;
}

.dg-main-image img{
    max-width:85%;
    max-height:85%;
    object-fit:contain;
}

.dg-thumb-row{
    display:flex;
    gap:15px;
    margin-top:18px;
}

.dg-thumb{
    width:110px;
    height:110px;
    border-radius:12px;
    overflow:hidden;
    border:2px solid #ececec;
    cursor:pointer;
}

.dg-thumb.active{
    border-color:#d59b2b;
}

.dg-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.dg-info-card{
    padding-left:25px;
}

.dg-sacred-tag{
    display:inline-block;
    background:#fff3da;
    color:#a66b00;
    padding:8px 16px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
}

.dg-info-card h1{
    margin:15px 0 10px;
    font-size:52px;
    font-weight:700;
    color:#4d2606;
}

.dg-rating-row{
    color:#d79a2a;
    margin-bottom:15px;
}

.dg-rating-row span{
    color:#666;
    margin-left:10px;
}

.dg-price-row{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.dg-price{
    font-size:46px;
    color:#6f3300;
    font-weight:700;
}

.dg-mrp{
    text-decoration:line-through;
    color:#999;
    font-size:26px;
}

.dg-short-desc{
    color:#666;
    line-height:1.9;
    margin-bottom:25px;
}

.dg-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-bottom:25px;
}

.dg-feature-box{
    background:#faf6ef;
    border:1px solid #eadfcf;
    border-radius:14px;
    padding:22px;
    text-align:center;
    font-weight:600;
    color:#7a4813;
}

.dg-qty-wrap{
    margin:25px 0;
}

.dg-qty-wrap label{
    font-weight:600;
    display:block;
    margin-bottom:10px;
}

.dg-qty-box{
    width:auto;
    height:48px;
    display:flex;
    border:1px solid #ddd;
    border-radius:10px;
    overflow:hidden;
}

.dg-qty-box button{
    width:45px;
    border:none;
    background:#fff;
    font-size:22px;
    font-weight:700;
}

.dg-qty-box input{
    flex:1;
    border:none;
    text-align:center;
    font-weight:600;
}

.dg-action-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.dg-buy-btn{
    background:#d89a29;
    color:#fff;
    padding:16px;
    border-radius:12px;
    text-align:center;
    text-decoration:none;
    font-weight:600;
}

.dg-cart-btn{
    background:#7b3f0e;
    color:#fff;
    padding:16px;
    border-radius:12px;
    text-align:center;
    text-decoration:none;
    font-weight:600;
}

.dg-wa-btn{
    grid-column:1/-1;
    background:#25d366;
    color:#fff;
    padding:16px;
    border-radius:12px;
    text-align:center;
    text-decoration:none;
    font-weight:600;
}

.dg-product-page .container{
    max-width:1700px;
}

.dg-product-bottom .container{
    max-width:1700px;
}

.dg-similar-products .container{
    max-width:1700px;
}

.dg-zoom-btn{

    position:absolute;

    top:20px;

    right:20px;

    width:50px;

    height:50px;

    background:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#333;

    font-size:22px;

    box-shadow:0 5px 15px rgba(0,0,0,.15);

    z-index:10;
}

.dg-thumb-nav{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#fff;

    border:1px solid #eee;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;
}

.dg-main-image{

    position:relative;

    overflow:hidden;
}

.zoomContainer{

    z-index:9999 !important;
}

.zoomWindow{

    border:1px solid #ddd !important;

    border-radius:10px;

    background:#fff;
}

/* === DESCRIPTION AND RELETED PRODUCT CSS === */

/* ======================================
BOTTOM SECTION
====================================== */

.dg-product-bottom{

    padding:30px 0 60px;
}

.dg-tabs-box{

    background:#fff;

    border-radius:20px;

    padding:25px;

    box-shadow:0 5px 25px rgba(0,0,0,.06);
}

.dg-tabs{

    margin-bottom:25px;
}

.dg-tabs .nav-link{

    border:none;

    color:#555;

    font-weight:600;
}

.dg-tabs .nav-link.active{

    color:#8b4c0d;

    border-bottom:3px solid #d89a29;
}

.tab-content{

    line-height:2;
}

.dg-inquiry-box{

    background:#fff;

    border-radius:20px;

    padding:30px;

    box-shadow:0 5px 25px rgba(0,0,0,.08);

    height:100%;
}

.dg-inquiry-box h3{

    color:#6a3200;

    font-size:30px;

    margin-bottom:10px;
}

.dg-inquiry-box p{

    color:#666;

    margin-bottom:25px;

    line-height:1.7;
}

.dg-inquiry-box .form-control{

    height:52px;

    border:1px solid #e5d9c8;

    border-radius:10px;
}

.dg-inquiry-box textarea.form-control{

    height:auto;
}

.dg-inquiry-btn{

    width:100%;

    height:55px;

    border:none;

    border-radius:12px;

    background:#d89a29;

    color:#fff;

    font-weight:600;

    font-size:16px;

    transition:.3s;
}

.dg-inquiry-btn:hover{

    background:#bf8316;
}

.dg-help-contact{

    margin-top:25px;

    padding-top:20px;

    border-top:1px solid #eee;
}

.dg-contact-row{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:15px;
}

.dg-contact-row i{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#f8f3eb;

    color:#d89a29;

    font-size:22px;
}

.dg-contact-row strong{

    display:block;

    color:#6a3200;

    font-size:14px;
}

.dg-contact-row a{

    color:#333;

    text-decoration:none;

    font-weight:600;
}

.dg-contact-row a:hover{

    color:#d89a29;
}

.dg-spec-table{
    width:100%;
    border-collapse:collapse;
}

.dg-spec-table th,
.dg-spec-table td{
    padding:14px;
    border-bottom:1px solid #eee;
}

.dg-spec-table th{
    width:220px;
    background:#faf7f2;
    color:#5b2f0c;
}

.dg-shipping-list{
    margin:0;
    padding-left:20px;
}

.dg-shipping-list li{
    margin-bottom:12px;
}


.dg-floating-share{

    position:fixed;

    right:25px;

    bottom:100px;

    z-index:999;

}

.dg-floating-share button{

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    background:#d89a29;

    color:#fff;

    font-size:24px;

    cursor:pointer;

    box-shadow:0 5px 20px rgba(0,0,0,.2);
}

.dg-floating-share button:hover{

    background:#bf8316;
}

.dg-share-menu{

    position:absolute;

    bottom:65px;

    right:0;

    width:180px;

    background:#fff;

    border-radius:12px;

    box-shadow:0 10px 25px rgba(0,0,0,.12);

    display:none;
}

.dg-share-menu.active{

    display:block;
}

@media(max-width:767px){

    .dg-mobile-sticky{

        position:fixed;

        bottom:0;

        left:0;

        width:100%;

        background:#fff;

        padding:10px;

        display:flex;

        gap:10px;

        z-index:9999;

        box-shadow:0 -2px 15px rgba(0,0,0,.1);
    }

}

.dg-share-btn{

    width:58px;

    height:58px;

    border:none;

    border-radius:50%;

    background:#d89a29;

    color:#fff;

    font-size:24px;

    cursor:pointer;

    box-shadow:0 8px 25px rgba(0,0,0,.15);
}

.dg-share-menu{

    display:none;

    position:absolute;

    right:70px;

    width:180px;

    background:#fff;

    border-radius:12px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.dg-share-menu.active{

    display:block;
}

.dg-share-menu a{

    display:flex;

    align-items:center;

    gap:10px;

    padding:12px 15px;

    color:#333;

    text-decoration:none;

    border-bottom:1px solid #eee;
}

.dg-share-menu a:last-child{

    border-bottom:none;
}

.dg-share-menu a:hover{

    background:#f8f3eb;

    color:#d89a29;
}

.dg-stock-status{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:8px 15px;

    background:#e8f8ee;

    color:#1c8b43;

    border-radius:30px;

    font-weight:600;

    margin-bottom:15px;
}

.dg-tabs-sticky{
    position: sticky;
    top: 100px;
}

/* ====== similar product ======= */

.dg-similar-products{

    padding:60px 0;

}

.dg-section-title{

    margin-bottom:30px;

}

.dg-section-title h2{

    font-size:32px;

    font-weight:700;

    color:#4b2108;

}

.dg-similar-card{

    background:#fff;

    border:1px solid #eee;

    border-radius:15px;

    padding:15px;

    text-align:center;

    height:100%;

    transition:.3s;

}

.dg-similar-card:hover{

    transform:translateY(-5px);

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.dg-similar-card img{

    width:100%;

    height:220px;

    object-fit:contain;

}

.dg-similar-card h4{

    font-size:15px;

    margin-top:15px;

    min-height:48px;

}

.dg-similar-price{

    color:#8b4513;

    font-size:20px;

    font-weight:700;

}

.dg-similar-products{
    margin-top:60px;
}

.dg-similar-products h2{
    font-size:32px;
    font-weight:700;
    margin-bottom:25px;
    color:#4b2208;
}

.dg-similar-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:14px;
    padding:15px;
    text-align:center;
    transition:.3s;
}

.dg-similar-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.dg-similar-card img{
    width:100%;
    height:220px;
    object-fit:contain;
}

.dg-similar-card h4{
    font-size:15px;
    margin-top:12px;
    min-height:45px;
}

.dg-similar-price{
    color:#8b4513;
    font-weight:700;
    font-size:18px;
}

.similarProductsSwiper{
    padding:10px 5px 50px;
}

/* =================== single Product page design end ====================== */