.elementor-1055 .elementor-element.elementor-element-5a17112{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;}.elementor-1055 .elementor-element.elementor-element-210b269{--display:flex;}.elementor-1055 .elementor-element.elementor-element-c134c03{--display:flex;}.elementor-1055 .elementor-element.elementor-element-848659c .wd-tabs{--wd-row-gap:0px;}.elementor-1055 .elementor-element.elementor-element-14c7292{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-1055 .elementor-element.elementor-element-1c2e6a4 > .elementor-widget-container{margin:12px 12px 12px 12px;padding:0px 0px 0px 0px;}.elementor-1055 .elementor-element.elementor-element-080e69a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-1055 .elementor-element.elementor-element-92c3e66{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1055 .elementor-element.elementor-element-2ccc9e5 .wd-button-wrapper a{background-color:#F8BD18;border-color:#F8BD18;}.elementor-1055 .elementor-element.elementor-element-2ccc9e5 .wd-button-wrapper:hover a{background-color:#EDAD17;border-color:#EDAD17;}.elementor-1055 .elementor-element.elementor-element-cfb90ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1055 .elementor-element.elementor-element-8e54877 .wd-products-with-bg, .elementor-1055 .elementor-element.elementor-element-8e54877 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-1055 .elementor-element.elementor-element-e5dacdc{--display:flex;--margin-top:0px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;}.elementor-1055 .elementor-element.elementor-element-2387aab .wd-tabs .tabs-name{font-size:40px;text-transform:none;line-height:1.2em;}.elementor-1055 .elementor-element.elementor-element-2387aab .wd-nav-tabs > li > a{text-transform:none;}.elementor-1055 .elementor-element.elementor-element-4aa5b5e{--display:flex;}@media(max-width:1024px){.elementor-1055 .elementor-element.elementor-element-5a17112{--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-1055 .elementor-element.elementor-element-e5dacdc{--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-1055 .elementor-element.elementor-element-2387aab .wd-tabs .tabs-name{font-size:32px;}}@media(max-width:768px){.elementor-1055 .elementor-element.elementor-element-5a17112{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1055 .elementor-element.elementor-element-14c7292{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1055 .elementor-element.elementor-element-080e69a{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1055 .elementor-element.elementor-element-e5dacdc{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1055 .elementor-element.elementor-element-2387aab .wd-tabs .tabs-name{font-size:28px;}}@media(min-width:769px){.elementor-1055 .elementor-element.elementor-element-92c3e66{--width:30%;}.elementor-1055 .elementor-element.elementor-element-cfb90ea{--width:70%;}}@media(max-width:1024px) and (min-width:769px){.elementor-1055 .elementor-element.elementor-element-92c3e66{--width:40%;}.elementor-1055 .elementor-element.elementor-element-cfb90ea{--width:60%;}}/* Start custom CSS for wd_product_categories, class: .elementor-element-1819317 *//* =========================================
   UPDATED DESIGN: Full Blue Image Area + White Text Area
   ========================================= */

/* ১. মেইন কার্ড - সাদা ব্যাকগ্রাউন্ড ও শ্যাডো */
.category-grid-item .wd-cat-inner {
    background: #ffffff !important; 
    border-radius: 12px !important;
    padding: 0 !important; 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #f0f0f0 !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ২. ইমেজ বক্স - পুরো সেকশন নীল ব্যাকগ্রাউন্ড (বৃত্ত নয়) */
.category-grid-item .wd-cat-thumb {
    width: 100% !important;
    height: 220px !important;
    margin: 0 !important;
    background: #005abe !important; /* পুরো সেকশন নীল */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    border-radius: 0 !important; /* বৃত্তাকার স্টাইল রিমুভ */
}

/* ৩. ছবির ভেতরের সাদা বৃত্ত ও অন্যান্য ডিজাইন একই থাকবে */
.category-grid-item .wd-cat-thumb img {
    max-width: 160px !important;
    max-height: 160px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    background: #ffffff !important; /* ভেতরের সাদা বৃত্ত */
    border-radius: 50% !important; 
    padding: 25px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.3s ease !important;
}

/* ৪. টেক্সট বক্স - উপরে চিকন দাগসহ সাদা ব্যাকগ্রাউন্ড */
.category-grid-item .wd-entities-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-transform: capitalize !important;
    margin: 0 !important;
    padding: 18px 15px !important;
    text-align: center !important;
    width: 100% !important;
    background: #ffffff !important; 
    border-top: 3px solid #005abe !important; /* টেক্সটের উপরে নীল চিকন দাগ */
    display: block !important;
    box-sizing: border-box !important;
}

/* ৫. হোভার ইফেক্ট */
.category-grid-item:hover .wd-cat-inner {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1) !important;
}

/* ৬. মোবাইল রেসপন্সিভ */
@media (max-width: 768px) {
    .category-grid-item .wd-cat-thumb {
        height: 180px !important;
    }
    .category-grid-item .wd-cat-thumb img {
        max-width: 130px !important;
        max-height: 130px !important;
        padding: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_products_tabs, class: .elementor-element-848659c *//* =========================================
   ১. প্রোডাক্ট কার্ডের বেসিক ডিজাইন ও ট্রানজিশন
========================================= */
.wd-product-wrapper {
    background: #ffffff;
    border-radius: 16px; /* রাউন্ডেড কর্নার */
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid rgba(0,0,0,0.04);
    position: relative;
}

/* হোভার করলে কার্ড একটু উপরে উঠবে এবং শ্যাডো বাড়বে */
.wd-product:hover .wd-product-wrapper {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0,0,0,0.03);
    border-color: transparent;
}

/* =========================================
   ২. প্রোডাক্ট ইমেজ জুম ও হোভার এফেক্ট
========================================= */
.wd-product-thumb {
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    position: relative;
}

.wd-product-img-link img {
    transition: transform 0.6s ease;
    width: 100%;
    height: auto;
}

/* হোভার করলে ছবি স্লো মোশনে জুম হবে */
.wd-product:hover .wd-product-img-link img {
    transform: scale(1.08);
}

/* =========================================
   ৩. "Add to Cart" বাটন অ্যানিমেশন (Slide Up)
========================================= */
.wd-add-btn {
    margin-top: 10px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease-in-out;
}

/* হোভার করলে বাটন সুন্দরভাবে উপরে ভেসে উঠবে */
.wd-product:hover .wd-add-btn {
    opacity: 1;
    transform: translateY(0);
}

/* বাটনের নিজস্ব স্টাইলিং */
.wd-add-btn .button {
    background-color: #000 !important; /* আপনার ব্র্যান্ড কালার দিন */
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 12px 20px !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.wd-add-btn .button:hover {
    background-color: #e87a20 !important; /* হোভার কালার (কমলা) */
    transform: scale(1.02);
}

/* =========================================
   ৪. প্রোডাক্ট টাইটেল ও প্রাইস স্টাইলিং
========================================= */
.product-element-bottom {
    padding: 15px 15px 20px 15px;
}

.wd-entities-title a {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    line-height: 1.4;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* টাইটেল ২ লাইনের বেশি হলে কাটা যাবে */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wd-product:hover .wd-entities-title a {
    color: #e87a20; /* হোভার করলে টাইটেল কমলা হবে */
}

.price {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin-top: 8px;
}

/* পুরনো দামের স্টাইল */
.price del {
    color: #999;
    font-size: 13px;
    margin-right: 6px;
}

/* =========================================
   ৫. সেল ব্যাজ (Sale Badge) রি-ডিজাইন
========================================= */
.onsale {
    background: #ff4757 !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    top: 12px !important;
    left: 12px !important;
    box-shadow: 0 4px 10px rgba(255, 71, 87, 0.3);
    z-index: 2;
}

/* =========================================
   ৬. মোবাইল ডিভাইসের জন্য অপ্টিমাইজেশন
========================================= */
@media (max-width: 768px) {
    .wd-product-wrapper {
        border-radius: 12px;
    }
    
    /* মোবাইলে বাটন সবসময় দেখা যাবে (হোভার নেই বলে) */
    .wd-add-btn {
        opacity: 1;
        transform: translateY(0);
        margin-top: 8px;
    }
    
    .wd-add-btn .button {
        padding: 10px 15px !important;
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for wd_products_tabs, class: .elementor-element-1c2e6a4 *//* =========================================
   ALWAYS VISIBLE ADD TO CART BUTTON
   কোনো কিছুই হাইড থাকবে না
========================================= */

/* ১. বাটন কন্টেইনার সবসময় দেখানো এবং পজিশন ঠিক করা */
.wd-add-btn, 
.wd-add-btn-replace {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    margin-top: 12px !important;
    display: block !important;
}

/* ২. বাটনের নিজস্ব স্টাইলিং (#ec8821 কালার ও চিকন রাউন্ড) */
.wd-add-btn .button, 
.add_to_cart_button, 
.product_type_simple.add_to_cart_button, 
.product_type_variable.add_to_cart_button {
    background-color: #ec8821 !important;
    color: #ffffff !important;
    border-radius: 4px !important; /* চিকন রাউন্ড */
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 10px 15px !important;
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px;
    transition: all 0.3s ease !important;
    border: none !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ৩. বাটনে হোভার এফেক্ট (কালার চেঞ্জ ছাড়া শুধু শ্যাডো ও স্কেল) */
.wd-add-btn .button:hover, 
.add_to_cart_button:hover {
    background-color: #d97a1c !important; /* একটু গাঢ় কমলা */
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(236, 136, 33, 0.3);
}

/* ৪. কার্ডের বর্ডার ও রাউন্ড (#005abe কালার) */
.wd-product-wrapper, 
.product-wrapper {
    border: 1px solid #005abe !important;
    border-radius: 4px !important; /* চিকন রাউন্ড */
    overflow: hidden;
    transition: all 0.3s ease;
    background: #ffffff;
}

/* ৫. হোভারে কার্ডের সামান্য লিফট এফেক্ট */
.wd-product:hover .wd-product-wrapper, 
.product-grid-item:hover .product-wrapper {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 90, 190, 0.12);
    border-color: #004a9e !important;
}

/* ৬. প্রোডাক্ট ইমেজ জুম অ্যানিমেশন */
.wd-product-thumb img, 
.product-image-link img {
    transition: transform 0.5s ease;
}

.wd-product:hover .wd-product-thumb img, 
.product-grid-item:hover .product-image-link img {
    transform: scale(1.08);
}

/* ৭. মোবাইল অপ্টিমাইজেশন */
@media (max-width: 768px) {
    .wd-add-btn .button, 
    .add_to_cart_button {
        padding: 9px 12px !important;
        font-size: 12px !important;
    }
    
    .wd-product-wrapper, 
    .product-wrapper {
        border-radius: 3px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_button, class: .elementor-element-2ccc9e5 *//* =========================================
   MINECRAFT SECTION - FIXED BUTTON & BG
========================================= */

/* ১. ব্যাকগ্রাউন্ড গ্রেডিয়েন্ট ও অ্যানিমেশন */
.elementor-1055 .elementor-element.elementor-element-2ccc9e5 {
    background: linear-gradient(-45deg, #e0f7fa, #b2ebf2, #80deea, #ffffff);
    background-size: 400% 400%;
    animation: minecraftGradientFlow 15s ease infinite;
    position: relative;
    overflow: hidden;
}

@keyframes minecraftGradientFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ২. বাটনের জন্য শক্তিশালী সিলেক্টর (High Specificity) */
.elementor-1055 .elementor-element.elementor-element-2ccc9e5 .wd-button-wrapper .btn,
.elementor-1055 .elementor-element.elementor-element-2ccc9e5 .elementor-button,
.elementor-1055 .elementor-element.elementor-element-2ccc9e5 a.btn {
    background-color: #F5B800 !important; /* উজ্জ্বল হলুদ */
    color: #222222 !important; /* গাঢ় টেক্সট */
    border: none !important;
    border-radius: 8px !important;
    padding: 16px 36px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(245, 184, 0, 0.3) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

/* ৩. বাটন হোভার এফেক্ট */
.elementor-1055 .elementor-element.elementor-element-2ccc9e5 .wd-button-wrapper .btn:hover,
.elementor-1055 .elementor-element.elementor-element-2ccc9e5 .elementor-button:hover,
.elementor-1055 .elementor-element.elementor-element-2ccc9e5 a.btn:hover {
    background-color: #FFC926 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(245, 184, 0, 0.5) !important;
    color: #000000 !important;
}

/* ৪. শাইন/গ্লো অ্যানিমেশন (হোভারে আলোর ঝলকানি) */
.elementor-1055 .elementor-element.elementor-element-2ccc9e5 .wd-button-wrapper .btn::before,
.elementor-1055 .elementor-element.elementor-element-2ccc9e5 .elementor-button::before,
.elementor-1055 .elementor-element.elementor-element-2ccc9e5 a.btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: all 0.6s ease;
    z-index: -1;
}

.elementor-1055 .elementor-element.elementor-element-2ccc9e5 .wd-button-wrapper .btn:hover::before,
.elementor-1055 .elementor-element.elementor-element-2ccc9e5 .elementor-button:hover::before,
.elementor-1055 .elementor-element.elementor-element-2ccc9e5 a.btn:hover::before {
    left: 100%;
}

/* ৫. মোবাইল রেস্পন্সিভ */
@media (max-width: 768px) {
    .elementor-1055 .elementor-element.elementor-element-2ccc9e5 .wd-button-wrapper .btn,
    .elementor-1055 .elementor-element.elementor-element-2ccc9e5 .elementor-button,
    .elementor-1055 .elementor-element.elementor-element-2ccc9e5 a.btn {
        padding: 14px 28px !important;
        font-size: 15px !important;
        width: 100% !important;
        max-width: 280px;
    }
    
    .elementor-1055 .elementor-element.elementor-element-2ccc9e5 {
        background-size: 200% 200%;
        animation-duration: 20s;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-080e69a *//* =========================================
   ANIMATED WATER WAVE BACKGROUND
========================================= */

/* ১. মেইন কন্টেইনারের গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড */
.elementor-1055 .elementor-element.elementor-element-080e69a {
    position: relative;
    background: linear-gradient(180deg, #00c6ff 0%, #0072ff 100%); /* উজ্জ্বল নীল থেকে গাঢ় নীল */
    overflow: hidden;
    min-height: 300px; /* সেকশনের হাইট িক রাখার জন্য */
}

/* ২. পানির ঢেউয়ের লেয়ার ১ (সবচেয়ে সামনের ঢেউ) */
.elementor-1055 .elementor-element.elementor-element-080e69a::before {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 200%;
    height: 100px;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" fill-opacity="0.3" d="M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
    background-size: 50% 100%;
    background-repeat: repeat-x;
    opacity: 0.6;
    animation: waveMove 15s linear infinite;
    z-index: 1;
}

/* ৩. পানির ঢেউয়ের লেয়ার ২ (পিছনের ঢেউ - একটু ধীরগতি) */
.elementor-1055 .elementor-element.elementor-element-080e69a::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 200%;
    height: 120px;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" fill-opacity="0.2" d="M0,64L48,80C96,96,192,128,288,128C384,128,480,96,576,90.7C672,85,768,107,864,128C960,149,1056,171,1152,165.3C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
    background-size: 50% 100%;
    background-repeat: repeat-x;
    opacity: 0.4;
    animation: waveMove 20s linear infinite reverse; /* উল্টো দিকে নড়বে */
    z-index: 2;
}

/* . ঢেউ নড়ার অ্যানিমেশন */
@keyframes waveMove {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ৫. মোবাইল অপ্টিমাইজেশন */
@media (max-width: 768px) {
    .elementor-1055 .elementor-element.elementor-element-080e69a {
        min-height: 200px;
    }
    .elementor-1055 .elementor-element.elementor-element-080e69a::before, .elementor-1055 .elementor-element.elementor-element-080e69a::after {
        height: 60px; /* মোবাইলে ঢেউয়ের হাইট কম */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f29450 *//* =========================================
   UNIQUE FEATURES SECTION V2
   ========================================= */

/* ১. কন্টেইনার লেআউট ও স্পেসিং */
.features-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
    width: 100%;
    padding: 40px 20px;
    margin: 0 auto;
    max-width: 1400px; /* কন্টেন্ট খুব বেশি ছড়িয়ে না পড়ে */
}

/* ২. ফিচার কার্ডের মূল ডিজাইন (Glass Effect) */
.feature-card {
    background: rgba(255, 255, 255, 0.8); /* হালকা ট্রান্সপারেন্ট */
    backdrop-filter: blur(10px); /* গ্লাস ব্লার ইফেক্ট */
    -webkit-backdrop-filter: blur(10px);
    padding: 40px 25px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* বাউন্সি ট্রানজিশন */
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* ৩. আইকনের স্টাইল ও এনিমেশন */
.feature-card .icon {
    font-size: 48px;
    margin-bottom: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(248, 189, 24, 0.15); /* আপনার ব্র্যান্ড কালার শ্যাডো */
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

/* ৪. টেক্সট স্টাইল */
.feature-card h3 {
    margin: 0 0 15px;
    color: #222;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
    transition: color 0.3s ease;
}

.feature-card p {
    color: #666;
    line-height: 1.6;
    margin: 0;
    font-size: 15px;
    transition: color 0.3s ease;
}

/* =========================================
   HOVER EFFECTS (মাউস রাখলে যা হবে)
   ========================================= */

/* কার্ডটি উপরে ভেসে উঠবে এবং শ্যাডো বাড়বে */
.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    border-color: rgba(248, 189, 24, 0.3); /* ব্র্যান্ড কালার বর্ডার */
    background: #ffffff;
}

/* আইকনটি ঘুরবে এবং বড় হবে */
.feature-card:hover .icon {
    transform: scale(1.1) rotate(10deg);
    box-shadow: 0 10px 25px rgba(248, 189, 24, 0.25);
    background: linear-gradient(135deg, #fff9e6 0%, #ffebc2 100%);
}

/* টেক্সটের রঙ পরিবর্তন */
.feature-card:hover h3 {
    color: #F8BD18; /* Woodmart Primary Color */
}

/* =========================================
   MOBILE RESPONSIVE FIX
   ========================================= */
@media (max-width: 768px) {
    .features-container {
        gap: 20px;
        padding: 20px 15px;
    }
    
    .feature-card {
        padding: 30px 20px;
        border-radius: 16px;
    }
    
    .feature-card .icon {
        width: 70px;
        height: 70px;
        font-size: 36px;
    }
    
    .feature-card h3 {
        font-size: 18px;
    }
}/* End custom CSS */