.elementor-2910 .elementor-element.elementor-element-2b04079{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--margin-top:-20px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-2910 .elementor-element.elementor-element-2b04079::before, .elementor-2910 .elementor-element.elementor-element-2b04079 > .elementor-background-video-container::before, .elementor-2910 .elementor-element.elementor-element-2b04079 > .e-con-inner > .elementor-background-video-container::before, .elementor-2910 .elementor-element.elementor-element-2b04079 > .elementor-background-slideshow::before, .elementor-2910 .elementor-element.elementor-element-2b04079 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2910 .elementor-element.elementor-element-2b04079 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2910 .elementor-element.elementor-element-46c83cc{--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;}.elementor-2910 .elementor-element.elementor-element-46c83cc.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2910 .elementor-element.elementor-element-7e675f7.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-2910 .elementor-element.elementor-element-7e675f7 .elementor-icon{font-size:30px;}.elementor-2910 .elementor-element.elementor-element-7e675f7 .elementor-icon svg{height:30px;}.elementor-2910 .elementor-element.elementor-element-bcc1851.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-2910 .elementor-element.elementor-element-bcc1851{text-align:left;}.elementor-2910 .elementor-element.elementor-element-bcc1851 .elementor-heading-title{color:var( --e-global-color-astglobalcolor3 );}.elementor-2910 .elementor-element.elementor-element-a128919{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2910 .elementor-element.elementor-element-a128919.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2910 .elementor-element.elementor-element-469303b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:-40px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2910 .elementor-element.elementor-element-c1d5090 > .elementor-widget-container{margin:0px 0px -22px 0px;}.elementor-2910 .elementor-element.elementor-element-c1d5090.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-2910 .elementor-element.elementor-element-c1d5090{text-align:center;}.elementor-2910 .elementor-element.elementor-element-bffa486{width:100%;max-width:100%;text-align:center;}.elementor-2910 .elementor-element.elementor-element-46475cd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2910 .elementor-element.elementor-element-46475cd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2910 .elementor-element.elementor-element-bb5dd0e{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2910 .elementor-element.elementor-element-bb5dd0e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2910 .elementor-element.elementor-element-4396478 > .elementor-widget-container{margin:-1px -1px -24px -1px;}.elementor-2910 .elementor-element.elementor-element-4396478.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-2910 .elementor-element.elementor-element-4396478{text-align:center;}.elementor-2910 .elementor-element.elementor-element-c81c906{text-align:center;}.elementor-2910 .elementor-element.elementor-element-1183ac8{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:stretch;}.elementor-2910 .elementor-element.elementor-element-1183ac8.e-con{--align-self:center;}.elementor-2910 .elementor-element.elementor-element-da56cf3.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-2910 .elementor-element.elementor-element-da56cf3{text-align:right;}.elementor-2910 .elementor-element.elementor-element-07c3cb1{--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:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-2910 .elementor-element.elementor-element-612126e{--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-2910 .elementor-element.elementor-element-612126e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2910 .elementor-element.elementor-element-3a08d71{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-icon-list-text{transition:color 0.3s;}.elementor-2910 .elementor-element.elementor-element-1135f2f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:0.5px;}.elementor-2910 .elementor-element.elementor-element-1135f2f .elementor-divider-separator{width:100%;}.elementor-2910 .elementor-element.elementor-element-1135f2f .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-2910 .elementor-element.elementor-element-1564561{columns:1;}.elementor-2910 .elementor-element.elementor-element-3f2cc4d{--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-2910 .elementor-element.elementor-element-3f2cc4d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2910 .elementor-element.elementor-element-5da7c0b{--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-2910 .elementor-element.elementor-element-5da7c0b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2910 .elementor-element.elementor-element-4af44cd .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2910 .elementor-element.elementor-element-46c83cc{--width:20.002%;}.elementor-2910 .elementor-element.elementor-element-a128919{--width:19.503%;}.elementor-2910 .elementor-element.elementor-element-46475cd{--width:28.039%;}.elementor-2910 .elementor-element.elementor-element-bb5dd0e{--width:81.52%;}.elementor-2910 .elementor-element.elementor-element-1183ac8{--width:29.717%;}.elementor-2910 .elementor-element.elementor-element-612126e{--width:20%;}.elementor-2910 .elementor-element.elementor-element-3f2cc4d{--width:78.292%;}.elementor-2910 .elementor-element.elementor-element-5da7c0b{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-2b04079 */.stats-bar-final {
    font-family: sans-serif;
    width: 100%;
}
.stats-bar-final .elementor-widget-icon {
    background-color: #f0f2f5;
    padding: 10px;
    border-radius: 8px;
    margin-right: 15px;
}
.stats-bar-final .elementor-icon {
    font-size: 28px;
    color: #4CAF50;
}
.stats-bar-final .elementor-widget-heading h5.elementor-heading-title {
    font-size: 24px;
    font-weight: 700;
    color: #0056b3;
    margin: 0;
    line-height: 1.2;
}
.stats-bar-final .elementor-widget-heading p.elementor-heading-title {
    font-size: 14px;
    color: #666;
    margin: 0;
    font-weight: 400;
    line-height: 1.2;
}
/* তারিখের জন্য স্টাইল */
.stats-bar-final .elementor-widget-heading:last-child p.elementor-heading-title {
    font-size: 14px;
    color: #555;
}
/* দুটি সেকশনের মধ্যে ফাঁকা জায়গা */
.stats-bar-final .elementor-container > .elementor-widget-wrap > .elementor-element:nth-child(2) {
    margin-left: 30px;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3a08d71 *//* General Style for all menu items */
.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    font-weight: 600;
    color: #333;
}

.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-icon-list-item .elementor-icon {
    color: #555;
    font-size: 20px;
}

/* Active State targeting the custom attribute class */
.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-icon-list-item a.active-link {
    background-color: #3b82f6; /* নীল রঙ */
    color: #ffffff;
}

.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-icon-list-item a.active-link .elementor-icon-list-text,
.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-icon-list-item a.active-link .elementor-icon {
    color: #ffffff;
}

/* Hover State for other (non-active) buttons */
.elementor-2910 .elementor-element.elementor-element-3a08d71 .elementor-icon-list-item a:not(.active-link):hover {
    background-color: #f0f2f5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-612126e *//* --- Sidebar Menu Styling - FINAL VERSION --- */

/* General Style for all menu items */


/* Hover State for other (non-active) buttons */
.elementor-widget-icon-list .elementor-icon-list-item:not(#active-store-link) a:hover {
    background-color: #f0f2f5; /* হোভার করলে হালকা ধূসর রঙ */
}

/* --- "About Stores" Section with inline See More/Less --- */
.about-stores-text .elementor-widget-container {
    position: relative;
    --line-height: 1.6;
    --lines-to-show: 7;
    max-height: calc(var(--line-height) * 1em * var(--lines-to-show));
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}
.about-stores-text.expanded .elementor-widget-container {
    max-height: 1000px;
}
.see-more-link {
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(to right, transparent, #fff 30%);
    padding-left: 40px;
    font-weight: bold;
    color: #0073e6;
    cursor: pointer;
}
.see-less-link {
    display: block;
    margin-top: 10px;
    font-weight: bold;
    color: #0073e6;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-90e7ed1 *//* --- SECTION 1: CSS FOR POPULAR CATEGORIES GRID (REDUCED PADDING/MARGIN) --- */
.popular-categories-grid-wrapper { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr);
    gap: 15px; /* গ্রিডের মধ্যকার ফাঁকা জায়গা কমানো হলো */
}

.popular-category-item {
    position: relative;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    text-decoration: none;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

.popular-category-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Initial Content (Visible Part) */
.popular-category-item .initial-content {
    transition: opacity 0.3s ease;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.popular-category-item:hover .initial-content {
    opacity: 0;
}

/* Image Area (Top Part) */
.category-item-image-area {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    /* ভেতরের প্যাডিং কমানো হলো */
    min-height: 100px;
    flex-shrink: 0;
}
.category-item-icon {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Text Area (Bottom Part) */
.category-item-text-area {
    padding: 5px; /* ভেতরের প্যাডিং কমানো হলো */
    border-top: 1px solid #e2e8f0;
    text-align: center;
    flex-shrink: 0;
}
.category-item-text-area h5 {
    margin: 0 0 5px 0;
    color: #1a202c;
    font-size: 14px;
    font-weight: 600;
}
.category-item-text-area p {
    color: #718096;
    font-size: 12px;
    margin: 0;
}

/* Hover Content (Blue Overlay - Unchanged) */
.popular-category-item .hover-/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ad6e7d0 *//* --- SECTION 2: CSS FOR ALL CATEGORIES (FINAL - COMPACT FILTER BAR) --- */
.category-archive-container { margin-top: 4px; }

/* --- Filter Bar Layout (FIXED) --- */
.archive-filters {
    display: flex;
    justify-content: space-between; /* A-Z বামে, বাকিগুলো ডানে */
    align-items: center;
    flex-wrap: wrap; /* ছোট স্ক্রিনের জন্য wrap থাকবে */
    gap: 10px;
    margin-bottom: 20px;
}

/* --- A-Z Filter (FIXED - Compact and Clean) --- */
.az-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 3px; /* বাটনগুলোর মধ্যকার ফাঁকা জায়গা কমানো হলো */
}
.az-filter button {
    background: transparent; /* Inactive বাটনের কোনো ব্যাকগ্রাউন্ড থাকবে না */
    border: 1px solid #ddd;
    padding: 2px 2px; /* বাটনগুলো ছোট করা হলো */
    cursor: pointer;
    border-radius: 4px;
    color: #4a5568;
    line-height: 1.2;
    transition: all 0.2s ease;
}
.az-filter button:hover {
    border-color: #0073e6;
    color: #0073e6;
}
.az-filter button.active {
    background: #0073e6;
    color: #fff;
    border-color: #0073e6;
}

/* --- Search & Switch Area --- */
.search-and-switch {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0; /* এটি নিশ্চিত করবে যে এই অংশটি wrap হওয়ার আগে পর্যন্ত সঙ্কুচিত হবে না */
}
.archive-search { padding: 5px; border: 1px solid #ccc; border-radius: 10px; max-width: 150px; }
.view-switcher-group { display: flex; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.view-switch { background: #fff; border: none; border-left: 1px solid #ddd; padding: 10px 14px; cursor: pointer; color: #4a5568; }
.view-switch:first-child { border-left: none; }
.view-switch.active { background: #0073e6; color: #fff; }

/* Grid Layout (Default to 4 columns) */
.archive-list-view { display: grid; gap: 15px; }
.archive-list-view.grid-view-2 { grid-template-columns: repeat(2, 1fr); }
.archive-list-view.grid-view-3 { grid-template-columns: repeat(3, 1fr); }
.archive-list-view.grid-view-4 { grid-template-columns: repeat(4, 1fr); }

/* Grid Item Styling (Unchanged) */
.archive-item-link { position: relative; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; text-decoration: none; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; height: 100%; }
.archive-item-link:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); }
.archive-item-link .initial-content { transition: opacity 0.3s ease; flex-grow: 1; display: flex; flex-direction: column; }
.archive-item-link:hover .initial-content { opacity: 0; }
.archive-item-link .category-item-image-area { display: flex; justify-content: center; align-items: center; padding: 0px; min-height: 100px; flex-shrink: 0; }
.archive-item-link .category-item-icon { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.archive-item-link .category-item-text-area { padding-top: 1px; border-top: 1px solid #e2e8f0; text-align: left; flex-shrink: 0; }
.archive-item-link h5 { margin: 0 0 5px 0; color: #1a202c; font-size: 14px; font-weight: 600; }
.archive-item-link p { color: #718096; font-size: 13px; margin: 0; }
.archive-item-link .hover-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgba(0,115,230,0.9); color: #fff; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; }
.archive-item-link:hover .hover-content { opacity: 1; }
.archive-item-link .hover-count { font-size: 28px; font-weight: 700; line-height: 1; }
.archive-item-link .hover-text { font-size: 14px; margin-top: 5px; }

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 767px) {
    .archive-list-view { grid-template-columns: repeat(2, 1fr) !important; }
    .archive-filters { flex-direction: column; align-items: stretch; }
    .search-and-switch .view-switcher-group { display: none; }
    .search-and-switch { width: 100%; }
    .archive-search { width: 100%; max-width: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5da7c0b */.vendor-archive-container { width: 100%; max-width: 1200px; margin: 0 auto; }
.vendor-filters { display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px; }
.alphabet-filter { display: flex; flex-wrap: wrap; gap: 0; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.alphabet-filter button { background: none; border: none; padding: 5px 8px; font-size: 15px; font-weight: 500; cursor: pointer; border-radius: 4px; transition: all 0.2s; color: #555; }
.alphabet-filter button.active, .alphabet-filter button:hover { background-color: #0073e6; color: #fff; }
.controls-wrapper { display: flex; justify-content: flex-end; align-items: center; gap: 15px; }
.layout-switcher { display: flex; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; }
.layout-switcher button { background-color: #fff; border: none; border-left: 1px solid #ddd; padding: 8px; cursor: pointer; color: #888; line-height: 1; transition: all 0.2s ease; }
.layout-switcher button:first-child { border-left: none; }
.layout-switcher button.active, .layout-switcher button:hover { background-color: #0073e6; color: #fff; }
.layout-switcher svg { vertical-align: middle; }
.search-filter input { padding: 10px 15px; border: 1px solid #ddd; border-radius: 5px; min-width: 280px; font-size: 15px; }
.vendor-grid { display: grid; gap: 20px; }
.vendor-grid.columns-4 { grid-template-columns: repeat(4, 1fr); }
.vendor-grid.columns-3 { grid-template-columns: repeat(3, 1fr); }
.vendor-grid.columns-2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 1024px) { .vendor-grid.columns-4, .vendor-grid.columns-3 { grid-template-columns: repeat(3, 1fr); } .vendor-grid.columns-2 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .vendor-grid.columns-4, .vendor-grid.columns-3, .vendor-grid.columns-2 { grid-template-columns: repeat(2, 1fr); } .controls-wrapper { flex-direction: column; align-items: stretch; } }
@media (max-width: 480px) { .vendor-grid.columns-4, .vendor-grid.columns-3, .vendor-grid.columns-2 { grid-template-columns: 1fr; } }
.vendor-box { display: block; padding: 25px 20px; border: 1px solid #e0e0e0; border-radius: 8px; text-decoration: none; transition: all 0.2s ease; }
.vendor-box:hover { transform: translateY(-5px); box-shadow: 0 4px 15px rgba(0,0,0,0.08); }
.vendor-box .vendor-name { margin: 0 0 8px 0; font-size: 20px; color: #111; }
.vendor-box .vendor-count { margin: 0; font-size: 15px; color: #666; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f2cc4d *//* --- SECTION 1: CSS FOR POPULAR CATEGORIES GRID (FINAL WITH CORRECTED HOVER) --- */
.popular-categories-grid-wrapper { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; 
}

.popular-category-item {
    position: relative;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 150px;
}

.popular-category-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.popular-category-item .initial-content {
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.popular-category-item:hover .initial-content {
    opacity: 0;
}

.category-item-icon {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin-bottom: 15px;
}

.popular-category-item h5 {
    margin: 0 0 5px 0;
    color: #1a202c;
    font-size: 18px;
    font-weight: 600;
}

.popular-category-item p {
    color: #718096;
    font-size: 14px;
    margin: 0;
}

/* --- Hover Content Styling (CORRECTED) --- */
.popular-category-item .hover-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; /* লেখাগুলোকে উপরে-নিচে সাজানোর জন্য */
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 115, 230, 0.9);
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.popular-category-item:hover .hover-content {
    opacity: 1;
    pointer-events: auto;
}

.hover-content .hover-count {
    font-size: 28px; /* বড় সংখ্যা */
    font-weight: 700;
    line-height: 1;
}
.hover-content .hover-text {
    font-size: 14px; /* ছোট লেখা */
    margin-top: 5px;
}

/* Responsive for Phones */
@media (max-width: 767px) {
    .popular-categories-grid-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}/* End custom CSS */
/* Start custom CSS *//* --- SECTION 1: CSS FOR POPULAR CATEGORIES GRID --- */
.popular-categories-grid-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.popular-category-item { position: relative; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; text-align: center; text-decoration: none; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.popular-category-item:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); }
.popular-category-item .initial-content { transition: opacity 0.3s ease; }
.popular-category-item .initial-content h3 { margin: 0 0 5px 0; color: #1a202c; font-size: 18px; }
.popular-category-item .initial-content span { color: #718096; font-size: 14px; }
.popular-category-item .hover-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 115, 230, 0.9); color: #fff; font-weight: bold; font-size: 16px; opacity: 0; transition: opacity 0.3s ease; }
.popular-category-item:hover .initial-content { opacity: 0; }
.popular-category-item:hover .hover-content { opacity: 1; }
@media (max-width: 767px) { .popular-categories-grid-wrapper { grid-template-columns: repeat(2, 1fr); } }

/* --- SECTION 2: CSS FOR ALL CATEGORIES FILTERABLE GRID --- */
.category-archive-container { margin-top: 40px; }
.archive-filters { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; margin-bottom: 20px; }
.az-filter { display: flex; flex-wrap: wrap; gap: 5px; }
.az-filter button { background: #f0f2f5; border: none; padding: 8px 12px; cursor: pointer; border-radius: 4px; color: #4a5568; }
.az-filter button.active { background: #0073e6; color: #fff; }
.search-and-switch { display: flex; align-items: center; gap: 10px; }
.archive-search { padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
.view-switcher-group { display: flex; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.view-switch { background: #fff; border: none; border-left: 1px solid #ddd; padding: 8px 12px; cursor: pointer; color: #4a5568; }
.view-switch:first-child { border-left: none; }
.view-switch.active { background: #0073e6; color: #fff; }
.archive-list-view { display: grid; gap: 15px; }
.archive-list-view.grid-view-2 { grid-template-columns: repeat(2, 1fr); }
.archive-list-view.grid-view-3 { grid-template-columns: repeat(3, 1fr); }
.archive-list-view.grid-view-4 { grid-template-columns: repeat(4, 1fr); }
.archive-item { border: 1px solid #eee; border-radius: 6px; }
.item-content { display: flex; justify-content: space-between; align-items: center; padding: 15px; text-decoration: none; }
.item-name { color: #333; font-weight: 600; }
.item-count { color: #777; }
.no-results-message { padding: 20px; text-align: center; }
@media (max-width: 767px) {
    .archive-list-view { grid-template-columns: repeat(2, 1fr) !important; }
    .archive-filters { flex-direction: column; align-items: stretch; }
}/* End custom CSS */