/* --- থিম ২: প্রিমিয়াম গ্রিন সাকসেস (আপনার ব্লু থিমের মতো) --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
:root {
    /* -- সফলতার সবুজ -- */
    --primary-color: #059669; /* ছিল: #0061FF */
    --primary-dark: #047857; /* ছিল: #004ecc */
    
    /* -- বাকি সব ভেরিয়েবল আপনার থিমের মতোই রাখা হয়েছে -- */
    --text-dark: #1a202c; --text-light: #5a6a85;
    --bg-white: #ffffff; --bg-light: #f9fafb;
    --border-color: #e5e7eb; --radius-md: 8px; --radius-lg: 12px;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* বাকি সমস্ত CSS আপনার দেওয়া কোডটির মতোই।
   যেহেতু সবকিছু --primary-color ভেরিয়েবল ব্যবহার করে,
   তাই শুধু ওপরের রঙ পরিবর্তন করলেই পুরো সাইটের থিম পরিবর্তন হয়ে যাবে।
*/

body { font-family: 'Poppins', sans-serif; background-color: var(--bg-light); color: var(--text-dark); }
.product-card, .btn, .navbar-brand, .feature-box { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.navbar { background-color: var(--bg-white); box-shadow: var(--shadow-sm); border-bottom: 1px solid var(--border-color); }
.navbar-brand { color: var(--text-dark) !important; }
.brand-logo { stroke: var(--primary-color); }
.nav-link { color: var(--text-light); }
.nav-link:hover, .nav-link.active { color: var(--primary-color); background-color: var(--bg-light); }
.nav-link .badge { background-color: var(--primary-color) !important; color: var(--bg-white) !important; }
.hero-section { background-color: var(--bg-white); padding: 100px 0; text-align: center; }
.hero-section h1 { color: var(--text-dark); }
.hero-section p { color: var(--text-light); }
.btn { font-weight: 600; padding: 12px 30px; border-radius: 50px; border: 0; box-shadow: var(--shadow-md); }
.btn:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.btn-primary { background-color: var(--primary-color); color: var(--bg-white); }
.btn-primary:hover { background-color: var(--primary-dark); color: var(--bg-white); }
.btn-outline-primary { border: 2px solid var(--primary-color); color: var(--primary-color); background-color: var(--bg-white); }
.btn-outline-primary:hover { background-color: var(--primary-color); color: var(--bg-white); }
.feature-box { text-align: center; padding: 30px; background-color: var(--bg-white); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.feature-box h3 { color: var(--text-dark); }
.feature-box p { color: var(--text-light); }
.feature-box:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.feature-icon { width: 50px; height: 50px; margin-bottom: 20px; color: var(--primary-color); stroke-width: 1.5; }
.product-card-link { text-decoration: none; color: inherit; display: block; }
.product-card { background: var(--bg-white); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); overflow: hidden; }
.product-card:hover { box-shadow: var(--shadow-hover); transform: translateY(-8px); }
.product-card .card-img-container { overflow: hidden; position: relative; }
.product-card .card-img-top { aspect-ratio: 16 / 10; object-fit: cover; transition: transform 0.4s ease; }
.product-card:hover .card-img-top { transform: scale(1.05); }
.product-badge { position: absolute; top: 15px; left: 15px; background: var(--primary-color); color: white; padding: 5px 12px; border-radius: 50px; font-size: 0.8rem; font-weight: 600; }
.product-card .card-body { padding: 1.25rem; }
.product-card .card-title { font-weight: 600; color: var(--text-dark); font-size: 1.15rem; margin-bottom: 0.5rem; }
.product-card .card-text { color: var(--text-light); font-size: 0.9rem; }
.product-price { font-size: 1.5rem; font-weight: 700; color: var(--primary-color); }
.product-gallery, .product-video, .product-description-box, .review-card, .review-form { background: var(--bg-white); border: 1px solid var(--border-color); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.product-gallery { overflow: hidden; }
.swiper-slide img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.product-description-box { padding: 2.5rem; }
.product-description-box h1 { color: var(--text-dark); }
.product-description-box .lead { color: var(--text-light); }
.full-description h5 { font-weight: 600; color: var(--text-dark); margin-top: 20px; margin-bottom: 10px; }
.full-description p, .full-description ul { color: var(--text-light); }
.review-card { padding: 1.5rem; margin-bottom: 1rem; }
.review-card .card-title { color: var(--text-dark); }
.review-card .card-text { color: var(--text-light); }
.review-form { padding: 1.5rem; }
.review-form label { color: var(--text-dark); }
.star-rating { color: #f59e0b; }
.footer { background: var(--text-dark); color: #a0aec0; padding: 60px 0 30px 0; margin-top: 5rem; }
.footer h5 { color: var(--bg-white); }
.footer a { color: #a0aec0; }
.footer a:hover { color: var(--bg-white); }
.support-buttons a { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; margin: 5px; border-radius: 50px; text-decoration: none; font-weight: 500; box-shadow: var(--shadow-md); transition: all 0.3s ease; }
.support-buttons a:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.btn-whatsapp { background-color: #25D366; color: white; }
.btn-telegram { background-color: #0088cc; color: white; }
.support-buttons svg { width: 20px; height: 20px; margin-right: 8px; }
.form-control, .form-select { border: 1px solid var(--border-color); color: var(--text-dark); }
/* ফোকাস রঙ সবুজ করা */
.form-control:focus, .form-select:focus { border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1); } 
.form-label { color: var(--text-dark); }
.form-text { color: var(--text-light) !important; }
.text-dark { color: var(--text-dark) !important; }
.text-light { color: var(--text-light) !important; }
.lead { color: var(--text-light); }
h1, h2, h3, h4, h5, h6 { color: var(--text-dark); }
.alert-success { background-color: #d1e7dd; color: #0f5132; border-color: #badbcc; }
.alert-info { background-color: #cff4fc; color: #055160; border-color: #b6effb; }
.alert-warning { background-color: #fff3cd; color: #664d03; border-color: #ffecb5; }
.alert-danger { background-color: #f8d7da; color: #842029; border-color: #f5c2c7; }