a{text-decoration:none;color:inherit;}img{display:block;max-width:100%;}button{cursor:pointer;border:none;outline:none;font-family:var(--font-body);}

/* ─── TOP BAR ─── */



/* ─── SECONDARY NAV ─── */



/* ---- MEGA MENU ---- */



/* ---- RIGHT ALIGNED DROPDOWNS ---- */



/* BREADCRUMB & SEARCH BAR */

.browse-top-bar{background:linear-gradient(135deg, rgba(16,185,129,0.08) 0%, rgba(6,182,212,0.08) 100%);border-bottom:1px solid rgba(16,185,129,0.15);padding:45px 24px;box-shadow:0 2px 8px rgba(0,0,0,0.03);}

.browse-top-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;}

.breadcrumb-nav{display:flex;align-items:center;gap:4px;font-size:14px;}

.breadcrumb-nav a{color:var(--text2);padding:8px 12px;border-radius:10px;transition:all .3s;font-weight:500;display:flex;align-items:center;gap:6px;}

.breadcrumb-nav a:hover{color:var(--accent);background:rgba(16,185,129,0.1);transform:translateY(-1px);}

.breadcrumb-nav a i{font-size:12px;color:var(--text3);transition:color .3s;}

.breadcrumb-nav a:hover i{color:var(--accent);}

.breadcrumb-nav .current{color:var(--accent);font-weight:700;background:linear-gradient(135deg, rgba(16,185,129,0.15) 0%, rgba(6,182,212,0.15) 100%);padding:3px 16px;border:1px solid rgba(16,185,129,0.2);display:flex;align-items:center;gap:6px; border-radius: 20px;}

.breadcrumb-nav .current i{color:var(--accent);}

.breadcrumb-nav .separator{color:var(--text3);font-size:12px;margin:0 2px;}

.browse-search-bar{display:flex;align-items:center;background:var(--card);border:2px solid var(--border);border-radius:16px;min-width:340px;max-width:500px;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,0.04);}

.browse-search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(16,185,129,0.1),0 4px 16px rgba(0,0,0,0.08);}

.search-icon{color:var(--text3);padding:0 16px;font-size:15px;transition:color .3s;}

.browse-search-bar:focus-within .search-icon{color:var(--accent);}

.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:14px;padding:12px 0;font-family:var(--font-body);font-weight:500;}

.search-input::placeholder{color:var(--text3);font-weight:400;}

.search-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);color:#fff;border:none;padding:10px 20px;border-radius:0 14px 14px 0;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px rgba(16,185,129,0.2);}

.search-btn:hover{background:linear-gradient(135deg, var(--accent2) 0%, var(--accent) 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,0.3);}



/* LAYOUT */

.browse-layout{max-width:1400px;margin:0 auto;padding:24px;display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start;}



/* FILTERS SIDEBAR */

.filter-sidebar-head{display:none;}

.filter-backdrop{display:none;}

.btn-filter-toggle{display:none;}

.filter-sidebar{position:sticky;top:20px;}

.filter-sidebar-body{display:block;}

.filter-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:14px;}

.filter-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer;}

.filter-head h4{font-family:var(--font-head);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text2);}

.filter-head i{font-size:11px;color:var(--text3);transition:transform .2s;}

.filter-head.open i{transform:rotate(180deg);}

.filter-body{padding:14px 16px;}

.filter-check{display:flex;align-items:center;justify-content:space-between;padding:5px 0;cursor:pointer;}

.filter-check label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text2);}

.filter-check input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;}

.filter-check .cnt{font-size:11px;color:var(--text3);}

.filter-range{padding:8px 0;}

.filter-range input[type=range]{width:100%;accent-color:var(--accent);margin:6px 0;}

.filter-range .labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text3);}

.clear-filters{width:100%;padding:9px;border-radius:8px;border:1px solid var(--border2);background:transparent;color:var(--text3);font-size:13px;font-weight:600;transition:all .2s;margin-bottom:8px;}

.clear-filters:hover{border-color:var(--accent);color:var(--accent);}

.apply-filters{width:100%;padding:10px;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;transition:all .2s;border:none;font-family:var(--font-head);}

.apply-filters:hover{background:var(--accent2);}



/* MODERN RESULTS SECTION */

.results-section{background:var(--bg);padding:20px 0;margin-bottom:24px;}

.results-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:0 4px;}

.results-info{display:flex;align-items:center;gap:12px;}

.results-count-modern{font-size:16px;color:var(--text);font-weight:500;}

.results-count-modern strong{color:var(--accent);font-family:var(--font-head);font-size:18px;}

.results-stats{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(16,185,129,0.08);border-radius:20px;font-size:12px;color:var(--accent);}

.results-controls{display:flex;align-items:center;gap:12px;}

.sort-dropdown{position:relative;}

.sort-select-modern{background:var(--card);border:2px solid var(--border);border-radius:10px;padding:10px 36px 10px 14px;font-size:13px;color:var(--text);cursor:pointer;outline:none;appearance:none;transition:all .2s;min-width:180px;}

.sort-select-modern:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,0.1);}

.sort-dropdown::after{content:'▼';position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--text3);pointer-events:none;}

.view-options{display:flex;gap:2px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:2px;}

.view-btn-modern{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--text3);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:14px;}

.view-btn-modern:hover{background:var(--bg2);color:var(--text2);}

.view-btn-modern.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(16,185,129,0.3);}



/* MODERN ACTIVE FILTERS */

.filters-bar{background:linear-gradient(135deg, rgba(16,185,129,0.05) 0%, rgba(6,182,212,0.05) 100%);border:1px solid rgba(16,185,129,0.15);border-radius:12px;padding:16px 20px;margin-bottom:24px;}

.filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}

.filters-title{font-size:13px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:0.5px;}

.clear-all-btn{background:transparent;border:1px solid var(--border2);color:var(--text3);padding:4px 12px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;}

.clear-all-btn:hover{border-color:var(--accent);color:var(--accent);}

.active-filters-modern{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}

.filter-chip{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:6px 12px;font-size:12px;color:var(--text2);transition:all .2s;cursor:pointer;}

.filter-chip:hover{border-color:var(--accent);background:rgba(16,185,129,0.05);}

.filter-chip i{font-size:10px;color:var(--text3);transition:color .2s;}

.filter-chip:hover i{color:var(--accent);}



/* MODERN THEME GRID */

.theme-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}

.theme-card-modern{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s;cursor:pointer;position:relative;}

.theme-card-modern:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,0.15);}

.theme-card-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--accent) 0%, var(--accent2) 100%);opacity:0;transition:opacity .3s;}

.theme-card-modern:hover::before{opacity:1;}

.card-image-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden;}

.card-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}

.card-overlay{position:absolute;inset:0;background:linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 100%);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;gap:12px;}

.theme-card-modern:hover .card-overlay{opacity:1;}

.overlay-action{background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);color:#fff;padding:10px 20px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;}

.overlay-action:hover{background:rgba(255,255,255,0.25);transform:scale(1.05);}

.overlay-action.primary{background:var(--accent);border-color:var(--accent);}

.overlay-action.primary:hover{background:var(--accent2);}

.card-badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;}

.badge-modern{font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:0.5px;text-transform:uppercase;}

.badge-hot{background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color:#fff;}

.badge-new{background:linear-gradient(135deg, var(--accent) 0%, #059669 100%);color:#fff;}

.badge-sale{background:linear-gradient(135deg, var(--green) 0%, #059669 100%);color:#fff;}

.badge-best{background:linear-gradient(135deg, var(--yellow) 0%, #f59e0b 100%);color:#000;}

.wishlist-toggle{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;cursor:pointer;border:none;color:#fff;font-size:14px;}

.theme-card-modern:hover .wishlist-toggle{opacity:1;}

.wishlist-toggle:hover{background:var(--pink);transform:scale(1.1);}

/* Wishlist button with hover effect */
.card-image-wrapper .wishlist-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.95);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s;cursor:pointer;z-index:5;box-shadow:0 4px 12px rgba(0,0,0,0.15);}

.theme-card-modern:hover .card-image-wrapper .wishlist-btn{opacity:1;transform:translateY(0);}

.card-image-wrapper .wishlist-btn i{font-size:16px;color:var(--text2);transition:color .3s;}

.card-image-wrapper .wishlist-btn:hover{background:#fff;border-color:var(--accent);transform:scale(1.1);}

.card-image-wrapper .wishlist-btn:hover i{color:var(--accent);}

.card-image-wrapper .wishlist-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:var(--accent);}

.card-image-wrapper .wishlist-btn.active i{color:#fff;}

.card-image-wrapper .wishlist-btn.active:hover{transform:scale(1.1);}

.card-content{padding:20px;}

.card-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap;}

.category-tag{background:rgba(16,185,129,0.1);color:var(--accent);font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;border:1px solid rgba(16,185,129,0.2);}

.platform-badge{font-size:11px;color:var(--text3);background:var(--bg3);padding:4px 10px;border-radius:12px;}

.card-title-modern{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.3;}

.card-author-modern{font-size:12px;color:var(--text3);margin-bottom:12px;}

.card-author-modern a{color:var(--text2);font-weight:500;transition:color .2s;}

.card-author-modern a:hover{color:var(--accent);}

.card-

.rating-section{display:flex;flex-direction:column;gap:4px;}

.stars-modern{display:flex;align-items:center;gap:2px;color:var(--yellow);font-size:11px;}

.stars-modern span{color:var(--text3);margin-left:4px;font-size:10px;}

.sales-count{font-size:11px;color:var(--text3);}

.price-section{text-align:right;}

.price-modern{font-family:var(--font-head);font-size:20px;font-weight:800;color:var(--text);}

.price-modern .old-price{font-size:12px;color:var(--text3);text-decoration:line-through;font-weight:400;font-family:var(--font-body);margin-right:4px;}



/* MODERN THEME LIST VIEW */

.theme-list-modern{display:flex;flex-direction:column;gap:16px;}

.theme-card-list{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s;cursor:pointer;position:relative;display:flex;gap:20px;padding:20px;}

.theme-card-list:hover{border-color:var(--accent);transform:translateX(4px);box-shadow:0 8px 32px rgba(0,0,0,0.1);}

.theme-card-list::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg, var(--accent) 0%, var(--accent2) 100%);opacity:0;transition:opacity .3s;}

.theme-card-list:hover::before{opacity:1;}

.list-card-image{position:relative;width:200px;flex-shrink:0;border-radius:12px;overflow:hidden;}

.list-image{width:100%;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;}

.list-badges{position:absolute;top:10px;left:10px;display:flex;gap:6px;}

.list-card-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;}

.list-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}

.list-card-title{font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--text);line-height:1.3;}

.list-card-author{font-size:13px;color:var(--text3);}

.list-card-author a{color:var(--text2);font-weight:500;transition:color .2s;}

.list-card-author a:hover{color:var(--accent);}

.list-card-description{font-size:13px;color:var(--text3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.list-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--border);}

.list-rating-section{display:flex;flex-direction:column;gap:4px;}

.list-price-section{text-align:right;}

.list-card-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;min-width:140px;}

.list-action-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text);padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;}

.list-action-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(16,185,129,0.05);}

.list-action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;}

.list-action-btn.primary:hover{background:var(--accent2);color:#fff;}

.list-wishlist-toggle{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text3);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:14px;align-self:center;}

.list-wishlist-toggle:hover{border-color:var(--pink);color:var(--pink);background:rgba(236,72,153,0.05);transform:scale(1.05);}



/* SIMPLE LIST VIEW */

.theme-card-list-simple{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s;cursor:pointer;position:relative;display:flex;gap:16px;padding:16px;}

.theme-card-list-simple:hover{border-color:var(--accent);box-shadow:0 4px 20px rgba(0,0,0,0.08);transform:translateY(-2px);}

.list-simple-image{position:relative;width:140px;flex-shrink:0;border-radius:8px;overflow:hidden;}

.list-simple-img{width:100%;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;}

.list-simple-badges{position:absolute;top:8px;left:8px;display:flex;gap:4px;}

.list-simple-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;}

.list-simple-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}

.list-simple-title{font-family:var(--font-head);font-size:16px;font-weight:700;color:var(--text);line-height:1.3;flex:1;}

.list-simple-price{font-family:var(--font-head);font-size:18px;font-weight:800;color:var(--accent);flex-shrink:0;}

.list-simple-price .old-price{font-size:13px;color:var(--text3);text-decoration:line-through;font-weight:400;font-family:var(--font-body);margin-right:4px;}

.list-simple-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;}

.list-simple-author{color:var(--text3);font-weight:500;}

.list-simple-description{font-size:13px;color:var(--text3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.list-simple-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid var(--border);}

.list-simple-rating{display:flex;align-items:center;gap:12px;}

.list-simple-sales{font-size:12px;color:var(--text3);font-weight:500;}

.list-simple-actions{display:flex;gap:8px;}

.list-simple-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;}

.list-simple-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(16,185,129,0.05);}

.list-simple-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;}

.list-simple-btn.primary:hover{background:var(--accent2);color:#fff;}



/* PAGINATION */

.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;}

.pagination-btn{background:var(--card);border:1px solid var(--border);color:var(--text2);padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;transition:all .2s;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}

.pagination-btn:hover{border-color:var(--accent);color:var(--accent);}

.pagination-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;}

.pagination-btn:disabled{opacity:0.5;cursor:not-allowed;}

.pagination-ellipsis{color:var(--text3);font-size:13px;padding:0 4px;}



/* 

.

.

.

.

.

.



.

.

.

.

.

.

.

.

.

.



/* thumb colors */

.c1{background-image:url('https://images.unsplash.com/photo-1467232004584-a241de8bcf5d?w=600&h=400&fit=crop');background-size:cover;background-position:center;}

.c2{background-image:url('https://images.unsplash.com/photo-1559028006-448665bd7c7f?w=600&h=400&fit=crop');background-size:cover;background-position:center;}

.c3{background-image:url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=600&h=400&fit=crop');background-size:cover;background-position:center;}

.c4{background-image:url('https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=600&h=400&fit=crop');background-size:cover;background-position:center;}

.c5{background-image:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=400&fit=crop');background-size:cover;background-position:center;}

.c6{background-image:url('https://images.unsplash.com/photo-1542744173-8e7e53415bb0?w=600&h=400&fit=crop');background-size:cover;background-position:center;}

.c7{background-image:url('https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=600&h=400&fit=crop');background-size:cover;background-position:center;}

.c8{background-image:url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=600&h=400&fit=crop');background-size:cover;background-position:center;}

.c9{background-image:url('https://images.unsplash.com/photo-1506748686214-e9df14d4d9d0?w=600&h=400&fit=crop');background-size:cover;background-position:center;}

.c10{background-image:url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=600&h=400&fit=crop');background-size:cover;background-position:center;}

.c11{background-image:url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=600&h=400&fit=crop');background-size:cover;background-position:center;}

.c12{background-image:url('https://images.unsplash.com/photo-1551434678-e076c223a692?w=600&h=400&fit=crop');background-size:cover;background-position:center;}



/* ─── RESPONSIVE ─── */

@media (max-width:1024px){

  .theme-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));}

  .sidebar{width:280px;}

  .filter-bar{flex-wrap:wrap;}

  .filter-group{flex:1;min-width:160px;}

  .browse-top-inner{flex-direction:column;align-items:flex-start;gap:16px;}

  .browse-search-bar{width:100%;max-width:none;}

}

@media (max-width:768px){

  .btn-filter-toggle{

    display:inline-flex;align-items:center;gap:8px;

    margin-bottom:16px;padding:10px 18px;

    background:var(--card);border:1px solid var(--border);

    border-radius:10px;font-size:14px;font-weight:600;

    color:var(--text);cursor:pointer;transition:all .2s;

  }

  .btn-filter-toggle:hover{border-color:var(--accent);color:var(--accent);}

  .filter-backdrop{

    display:block;position:fixed;inset:0;

    background:rgba(15,23,42,0.5);z-index:9990;

    opacity:0;visibility:hidden;pointer-events:none;

    transition:opacity .3s,visibility .3s;

  }

  body.filter-open .filter-backdrop{

    opacity:1;visibility:visible;pointer-events:auto;

  }

  body.filter-open{overflow:hidden;}

  .browse-layout{grid-template-columns:1fr;gap:20px;padding:16px;}

  .browse-content{width:100%;min-width:0;}

  .filter-sidebar{

    position:fixed;top:0;left:0;

    width:min(300px,88vw);height:100dvh;height:100vh;

    z-index:9991;background:var(--card);

    transform:translateX(-100%);

    transition:transform .32s cubic-bezier(0.4,0,0.2,1);

    box-shadow:4px 0 32px rgba(0,0,0,0.12);

    overflow:hidden;display:flex;flex-direction:column;

    padding:0;top:0;

  }

  body.filter-open .filter-sidebar{transform:translateX(0);}

  .filter-sidebar-head{

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

    padding:16px 18px;border-bottom:1px solid var(--border);

    background:var(--bg2);flex-shrink:0;

  }

  .filter-sidebar-head h3{

    font-family:var(--font-head);font-size:16px;font-weight:700;margin:0;

  }

  .filter-sidebar-close{

    width:36px;height:36px;border-radius:8px;border:1px solid var(--border);

    background:var(--card);color:var(--text2);cursor:pointer;

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

  }

  .filter-sidebar-body{

    flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;

    padding:16px;

  }

  .theme-grid-modern{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;}

  .theme-card-modern{border-radius:12px;}

  .card-content{padding:16px;}

  .card-title-modern{font-size:14px;}

  .price-modern{font-size:18px;}

  .filter-bar{flex-wrap:wrap;}

  .filter-group{flex:1;min-width:140px;}

  .section-head{flex-direction:column;align-items:flex-start;gap:8px;}

  .results-header{flex-direction:column;align-items:flex-start;gap:12px;}

  .results-controls{width:100%;justify-content:space-between;}

  .theme-card-list{flex-direction:column;padding:16px;}

  .list-card-image{width:100%;aspect-ratio:16/10;}

  .list-card-actions{flex-direction:row;min-width:0;}

  .list-action-btn{flex:1;}

  .theme-card-list-simple{flex-direction:column;padding:12px;}

  .list-simple-image{width:100%;aspect-ratio:16/10;}

  .list-simple-header{flex-direction:column;align-items:flex-start;gap:8px;}

  .list-simple-price{align-self:flex-start;}

  .list-simple-footer{flex-direction:column;align-items:flex-start;gap:12px;}

  .list-simple-actions{width:100%;}

  .list-simple-btn{flex:1;}

  .browse-top-bar{padding:16px 20px;}

  .browse-top-inner{gap:12px;}

  .breadcrumb-nav{font-size:13px;flex-wrap:wrap;}

  .breadcrumb-nav a{padding:6px 10px;font-size:13px;}

  .breadcrumb-nav .current{padding:6px 12px;font-size:13px;}

  .browse-search-bar{min-width:100%;border-radius:12px;}

  .search-btn{border-radius:0 10px 10px 0;padding:8px 16px;}

}

@media (max-width:480px){

  .browse-layout{padding:12px;}

  .filter-bar{flex-direction:column;}

  .filter-group{width:100%;}

  .theme-grid-modern{grid-template-columns:1fr;gap:12px;}

  .section-head h2{font-size:20px;}

  .section-head{padding:0;}

  .filter-sidebar{width:min(280px,100vw);}

  .browse-top-bar{padding:12px 16px;}

  .browse-top-inner{gap:8px;}

  .breadcrumb-nav{font-size:12px;gap:2px;}

  .breadcrumb-nav a{padding:5px 8px;font-size:12px;}

  .breadcrumb-nav a i{font-size:10px;}

  .breadcrumb-nav .current{padding:5px 10px;font-size:12px;}

  .breadcrumb-nav .separator{font-size:10px;margin:0 1px;}

  .search-input{font-size:13px;padding:10px 0;}

  .search-btn{padding:8px 14px;font-size:12px;}

  .results-count-modern{font-size:14px;}

  .results-count-modern strong{font-size:16px;}

  .sort-select-modern{min-width:140px;padding:8px 28px 8px 12px;font-size:12px;}

  .view-btn-modern{width:32px;height:32px;font-size:13px;}

  .filter-chip{padding:5px 10px;font-size:11px;}

  .filters-bar{padding:12px 16px;}

  .pagination{gap:6px;}

  .pagination-btn{padding:6px 10px;font-size:12px;}

}