/* ========================================
   yinchazhe.com Mobile Responsive Styles
   Version: 2.0 - Full Site Coverage
   ======================================== */

/* ===== Mobile Toggle Button (hidden on desktop) ===== */
.mobile-menu-toggle {
    display: none;
    position: fixed;
    top: 10px;
    right: 15px;
    z-index: 10001;
    width: 40px;
    height: 40px;
    background: #5D4E37;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.mobile-menu-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    border-radius: 1px;
    transition: all 0.3s;
}
.mobile-menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}
.mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
}
.mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* ===== Mobile Search Toggle ===== */
.mobile-search-toggle {
    display: none;
    position: fixed;
    top: 10px;
    right: 65px;
    z-index: 10001;
    width: 40px;
    height: 40px;
    background: #C9A961;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    justify-content: center;
    align-items: center;
}

/* ===== Responsive Breakpoints ===== */

/* ========================================
   TABLET (<=992px)
   ======================================== */
@media (max-width: 992px) {
    /* Body top announcement bar */
    .body-top .content {
        flex-wrap: wrap;
        gap: 8px;
    }
    .body-top .login button,
    .body-top .login a {
        font-size: 12px;
        padding: 4px 10px;
    }
    .body-top .login {
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
    }

    /* Header */
    .header .content {
        flex-wrap: wrap;
        gap: 15px;
        position: relative;
    }
    .header .logo img {
        height: 45px;
    }
    .header .contact-info {
        display: none;
    }
    .header .search {
        order: 3;
        max-width: 100%;
        width: 100%;
        margin: 0;
    }

    /* Nav bar - slide-in menu */
    .nav-bar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 75%;
        max-width: 320px;
        height: 100vh;
        z-index: 10000;
        overflow-y: auto;
        transition: left 0.3s ease;
        padding-top: 60px;
    }
    .nav-bar.active {
        left: 0;
    }
    .nav-site {
        flex-direction: column;
        align-items: stretch;
        height: auto;
        padding: 0;
    }
    .nav-site li {
        width: 100%;
        height: auto;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .nav-site li.line {
        display: none;
    }
    .nav-site li a {
        padding: 14px 20px;
        height: auto;
        font-size: 14px;
        justify-content: flex-start;
    }

    /* Show mobile toggle buttons */
    .mobile-menu-toggle {
        display: flex;
    }
    .mobile-search-toggle {
        display: flex;
    }

    /* Overlay */
    .nav-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 9999;
    }
    .nav-overlay.active {
        display: block;
    }

    /* Search section - collapsible on mobile */
    .header .search {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    .header .search.mobile-show {
        max-height: 200px;
        margin-top: 10px;
    }

    /* ===== List Pages - Generic ===== */

    /* Breadcrumb */
    div[style*="max-width:1400px"] {
        max-width: 100% !important;
        padding: 0 15px !important;
    }

    /* Main container */
    .main {
        max-width: 100% !important;
        padding: 0 15px !important;
        margin: 15px auto !important;
    }

    /* Product grid: 6 cols -> 3 cols */
    .main div[style*="grid-template-columns:repeat(6,1fr)"],
    .main div[style*="grid-template-columns:repeat(6, 1fr)"] {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
    }

    /* Filter panel rows: flex -> stack label over options */
    .main div[style*="display:flex;align-items:center;margin-bottom:8px"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
    }
    .main div[style*="display:flex;align-items:center;margin-bottom:8px"] > div[style*="width:60px"],
    .main div[style*="display:flex;align-items:center;margin-bottom:8px"] > div[style*="width:80px"] {
        width: auto !important;
    }

    /* Filter panel container padding */
    .main div[style*="background:#fff;padding:15px 20px;border-radius:8px"] {
        padding: 12px 15px !important;
    }

    /* Sort toolbar */
    .main div[style*="display:flex;justify-content:space-between;align-items:center;margin-top:10px"] {
        flex-direction: column !important;
        gap: 8px !important;
        align-items: flex-start !important;
    }

    /* Product list container */
    .main div[style*="background:white;padding:30px;border-radius:12px"],
    .main div[style*="background:#fff;padding:30px;border-radius:12px"] {
        padding: 15px !important;
    }
    .main div[style*="margin-bottom:30px"] {
        margin-bottom: 15px !important;
    }

    /* Section titles */
    .main h2[style*="font-size:24px"] {
        font-size: 18px !important;
    }
    .main h2[style*="font-size:18px"] {
        font-size: 16px !important;
    }

    /* ===== Detail Pages - Product/Show ===== */

    /* Product detail container */
    .product-detail-container,
    .article-detail-container {
        max-width: 100% !important;
        margin: 10px auto !important;
    }

    /* Breadcrumb nav in detail pages */
    .breadcrumb-nav {
        padding: 12px 15px !important;
    }

    /* Product top section: flex -> column */
    .product-top-section {
        flex-direction: column !important;
        gap: 20px !important;
        padding: 15px !important;
    }

    /* Gallery section: fixed width -> 100% */
    .product-gallery-section {
        width: 100% !important;
        max-width: 500px !important;
        margin: 0 auto !important;
    }

    /* Main image box */
    .main-image-box {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1/1 !important;
    }
    .main-image-box img {
        max-width: 100% !important;
        max-height: 100% !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Thumbnail box */
    .thumbnail-item {
        width: 70px !important;
        height: 70px !important;
    }
    .thumbnail-item img {
        width: 66px !important;
        height: 66px !important;
    }

    /* Product info section takes full width */
    .product-info-section {
        width: 100% !important;
        flex: 1 1 100% !important;
    }

    /* Params grid: 3 cols -> 2 cols */
    .params-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px 12px !important;
    }

    /* Price value */
    .price-value {
        font-size: 28px !important;
    }

    /* Contact box: 2 cols -> 2 cols (keep) */
    .contact-box {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    /* Product bottom section: flex -> column */
    .product-bottom-section {
        flex-direction: column !important;
        gap: 20px !important;
        padding: 0 15px 15px !important;
    }

    /* Detail left section full width */
    .detail-left-section {
        width: 100% !important;
        flex: 1 1 100% !important;
    }

    /* Right sidebar: fixed width -> full width */
    .detail-right-section {
        width: 100% !important;
        flex: 1 1 100% !important;
    }

    /* Related products grid: 4 cols -> 3 cols */
    .related-products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
    }

    /* Article layout: flex -> column */
    .article-layout {
        flex-direction: column !important;
        gap: 20px !important;
        padding: 0 15px !important;
    }

    /* Article sidebar: fixed width -> full width */
    .article-sidebar {
        width: 100% !important;
        flex: 1 1 100% !important;
    }

    /* Article card padding */
    .article-card {
        padding: 20px !important;
    }

    /* Article h1 */
    .article-card h1 {
        font-size: 20px !important;
    }

    /* Info highlight: flex -> wrap */
    .info-highlight {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    /* Nav buttons in detail pages */
    .nav-buttons {
        flex-wrap: wrap !important;
    }
    .nav-btn {
        padding: 10px !important;
        font-size: 13px !important;
    }

    /* Params table - first column narrower */
    .params-table td:first-child {
        width: 100px !important;
    }

    /* Tables - enable horizontal scroll wrapper */
    .params-table,
    .section-content table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap !important;
    }

    /* Recommend list items */
    .recommend-item {
        width: 100% !important;
    }

    /* Float toolbar */
    .float-toolbar {
        right: 10px;
        bottom: 60px;
        gap: 6px;
    }
    .float-btn {
        width: 42px;
        height: 42px;
        font-size: 15px;
    }

    /* Footer */
    .footer-container {
        flex-wrap: wrap !important;
    }
    .footer-column {
        flex: 1 1 50% !important;
        min-width: 45% !important;
        margin-bottom: 20px;
    }

    /* ===== Category Pages ===== */
    .category-list {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    /* ===== Tag/Search Pages ===== */
    .tag-list-container,
    .search-container {
        max-width: 100% !important;
        padding: 0 15px !important;
    }

    /* ===== Message Page ===== */
    .message-container {
        max-width: 100% !important;
        padding: 15px !important;
    }
}

/* ========================================
   MOBILE PHONES (<=768px)
   ======================================== */
@media (max-width: 768px) {
    /* Body top - simplify */
    .body-top {
        padding: 6px 0;
    }
    .body-top .content {
        padding: 0 12px;
    }
    #announ {
        max-width: 100%;
        overflow: hidden;
    }
    #announ ul {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #announ li {
        white-space: nowrap;
        padding-right: 20px;
    }
    .body-top .login {
        width: 100%;
        justify-content: center;
        gap: 8px;
    }
    .body-top .login button,
    .body-top .login a {
        font-size: 11px;
        padding: 3px 8px;
        margin-right: 4px;
    }
    .body-top .login > a[style*="margin-right:15px"] {
        margin-right: 8px !important;
    }

    /* Header */
    .header {
        padding: 12px 0;
    }
    .header .content {
        padding: 0 12px;
        flex-wrap: wrap;
    }
    .header .logo img {
        height: 40px;
    }

    /* Search */
    .header .search .tab {
        margin-bottom: 5px;
        flex-wrap: wrap;
        gap: 4px;
    }
    .header .search .tab button {
        font-size: 11px;
        padding: 3px 8px;
        margin-right: 4px;
    }
    .header .search .bd input.text {
        padding: 8px 10px;
        font-size: 13px;
        height: 34px;
    }
    .header .search .bd input.button {
        padding: 0 16px;
        font-size: 13px;
        height: 34px;
    }

    /* ===== List Pages ===== */

    /* Main content */
    .main {
        padding: 0 10px !important;
        margin: 10px auto !important;
    }

    /* Product grid: 6 cols -> 2 cols */
    .main div[style*="grid-template-columns:repeat(6,1fr)"],
    .main div[style*="grid-template-columns:repeat(6, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    /* Grid 4 cols -> 2 cols */
    .main div[style*="grid-template-columns:repeat(4,1fr)"],
    .main div[style*="grid-template-columns:repeat(4, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    /* Grid 3 cols -> 1 col */
    .main div[style*="grid-template-columns:repeat(3,1fr)"],
    .main div[style*="grid-template-columns:repeat(3, 1fr)"] {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    /* Grid 2 cols -> 1 col */
    .main div[style*="grid-template-columns:repeat(2,1fr)"],
    .main div[style*="grid-template-columns:repeat(2, 1fr)"] {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    /* Product list container */
    .main div[style*="background:white;padding:30px;border-radius:12px"],
    .main div[style*="background:#fff;padding:30px;border-radius:12px"] {
        padding: 10px !important;
        border-radius: 8px !important;
    }

    /* Filter panel */
    .main div[style*="background:#fff;padding:15px 20px;border-radius:8px"] {
        padding: 10px 12px !important;
        border-radius: 6px !important;
    }

    /* Filter tag links - smaller */
    .main div[style*="background:#fff;padding:15px"] a[style*="padding:3px 10px"],
    .main div[style*="background:#fff;padding:15px 20px"] a[style*="padding:3px 10px"] {
        padding: 2px 8px !important;
        font-size: 11px !important;
    }

    /* Card styles */
    .main div[style*="background:#F5F1E8"] {
        border-radius: 6px !important;
    }
    .main div[style*="background:#F5F1E8"] div[style*="padding:10px"] {
        padding: 6px !important;
    }
    .main div[style*="background:#F5F1E8"] a[style*="font-size:13px"] {
        font-size: 12px !important;
    }
    .main div[style*="background:#F5F1E8"] div[style*="font-size:12px"] {
        font-size: 11px !important;
    }
    .main div[style*="background:#F5F1E8"] div[style*="font-size:15px"] {
        font-size: 13px !important;
    }

    /* Section headers */
    .main h2[style*="font-size:24px"] {
        font-size: 17px !important;
        margin-bottom: 12px !important;
    }
    .main h2[style*="font-size:18px"] {
        font-size: 15px !important;
    }

    /* Box shadows - reduce */
    .main div[style*="box-shadow:0 4px 20px"] {
        box-shadow: 0 2px 10px rgba(93,78,55,0.08) !important;
    }

    /* ===== Detail Pages ===== */

    /* Product detail container */
    .product-detail-container,
    .article-detail-container {
        margin: 5px auto !important;
    }

    /* Breadcrumb */
    .breadcrumb-nav {
        padding: 10px 12px !important;
        font-size: 12px !important;
    }

    /* Product top section */
    .product-top-section {
        padding: 12px !important;
        gap: 15px !important;
    }

    /* Gallery section */
    .product-gallery-section {
        max-width: 100% !important;
    }

    /* Thumbnails */
    .thumbnail-box {
        gap: 8px !important;
    }
    .thumbnail-item {
        width: 60px !important;
        height: 60px !important;
    }
    .thumbnail-item img {
        width: 56px !important;
        height: 56px !important;
    }

    /* Product title */
    .product-title-box h1 {
        font-size: 1.2rem !important;
    }

    /* Params grid: 2 cols -> 2 cols (keep on mobile) */
    .params-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px 10px !important;
    }

    /* Param labels/values */
    .param-label {
        font-size: 12px !important;
    }
    .param-value {
        font-size: 12px !important;
    }

    /* Price box */
    .price-box {
        padding: 15px !important;
    }
    .price-value {
        font-size: 24px !important;
    }
    .price-label {
        font-size: 12px !important;
        min-width: 50px !important;
    }
    .price-unit {
        font-size: 13px !important;
    }
    .price-original {
        font-size: 13px !important;
    }

    /* Contact box */
    .contact-box {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 10px !important;
    }
    .contact-item {
        font-size: 12px !important;
    }
    .contact-item strong {
        font-size: 14px !important;
    }

    /* Action box */
    .action-box {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    .purchase-btn {
        padding: 8px 16px !important;
        font-size: 13px !important;
    }

    /* Stock info */
    .stock-info {
        padding: 10px 12px !important;
    }

    /* Product bottom section */
    .product-bottom-section {
        padding: 0 12px 12px !important;
        gap: 15px !important;
    }

    /* Nav buttons */
    .nav-buttons {
        flex-wrap: wrap !important;
        border-radius: 4px !important;
    }
    .nav-btn {
        padding: 8px 6px !important;
        font-size: 12px !important;
        flex: 1 1 33% !important;
    }

    /* Section title */
    .section-title {
        font-size: 16px !important;
        margin: 0 0 12px 0 !important;
        padding-bottom: 10px !important;
    }

    /* Section content */
    .section-content {
        font-size: 13px !important;
        line-height: 1.7 !important;
    }

    /* Params table */
    .params-table td {
        padding: 8px 10px !important;
        font-size: 12px !important;
    }
    .params-table td:first-child {
        width: 80px !important;
    }

    /* Related products: 4 cols -> 2 cols */
    .related-products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    /* Related item */
    .related-item-title {
        font-size: 12px !important;
        padding: 6px !important;
    }
    .related-item-price {
        font-size: 13px !important;
        padding: 0 6px 6px !important;
    }

    /* Right sidebar boxes */
    .right-box {
        padding: 12px !important;
        margin-bottom: 12px !important;
    }
    .right-box-title {
        font-size: 14px !important;
        margin: 0 0 10px 0 !important;
        padding-bottom: 8px !important;
    }

    /* Recommend items */
    .recommend-item {
        padding: 8px !important;
    }
    .recommend-item img {
        width: 50px !important;
        height: 50px !important;
    }

    /* ===== Article Pages ===== */
    .article-card {
        padding: 15px !important;
    }
    .article-card h1 {
        font-size: 18px !important;
    }
    .article-meta {
        gap: 8px !important;
        font-size: 12px !important;
        margin-bottom: 15px !important;
    }
    .article-summary {
        padding: 10px 12px !important;
        font-size: 13px !important;
        margin-bottom: 15px !important;
    }
    .article-body {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }
    .article-layout {
        padding: 0 10px !important;
    }
    .article-sidebar {
        display: none !important;
    }

    /* Info highlight */
    .info-highlight {
        padding: 10px 12px !important;
        gap: 8px !important;
        flex-direction: column !important;
    }
    .info-highlight-value {
        font-size: 16px !important;
    }

    /* GQ type badge */
    .gq-type-badge {
        font-size: 13px !important;
        padding: 4px 14px !important;
    }

    /* ===== Category Pages ===== */
    .category-list {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    /* ===== Tag Pages ===== */
    .tag-list-container,
    .search-container {
        padding: 0 10px !important;
    }

    /* ===== Page (static) ===== */
    .page-container,
    div[style*="max-width:900px"] {
        max-width: 100% !important;
        padding: 15px !important;
    }

    /* ===== Message Page ===== */
    .message-container {
        padding: 10px !important;
    }

    /* ===== Pagination ===== */
    .main div[style*="margin-top:30px;text-align:center"] {
        margin-top: 15px !important;
    }
    .main div[style*="margin-top:30px;text-align:center"] a,
    .main div[style*="margin-top:30px;text-align:center"] span {
        padding: 4px 8px !important;
        font-size: 12px !important;
        margin: 0 1px !important;
    }

    /* Footer */
    #footer {
        padding: 25px 0 20px;
    }
    .footer-container {
        flex-direction: column !important;
        gap: 15px !important;
    }
    .footer-column {
        flex: 1 1 100% !important;
        min-width: 100% !important;
        text-align: center !important;
    }
    .footer-column h4 {
        font-size: 15px !important;
        margin-bottom: 10px;
    }
    .footer-column ul li {
        margin-bottom: 6px;
    }
    .footer-column ul li a {
        font-size: 13px;
    }
    .footer-column .contact-info p {
        font-size: 13px;
    }
    .footer-column .contact-info p[style*="font-size:22px"] {
        font-size: 20px !important;
    }
    .footer-column img[style*="width:120px"] {
        width: 100px !important;
        height: 100px !important;
    }
    .footer-copyright p {
        font-size: 12px !important;
    }
    .footer-copyright p[style*="font-size:16px"] {
        font-size: 14px !important;
    }
    .footer-copyright p[style*="font-size:13px"] {
        font-size: 11px !important;
    }

    /* Float toolbar - smaller */
    .float-toolbar {
        right: 8px;
        bottom: 50px;
        gap: 5px;
    }
    .float-btn {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
    .float-btn .badge {
        min-width: 14px;
        height: 14px;
        font-size: 9px;
        line-height: 14px;
    }
    .float-popup {
        right: 48px;
    }
    .float-popup img {
        max-width: 100px;
    }

    /* Notice list */
    .notice-list {
        padding: 12px !important;
    }
    .notice-item {
        padding-left: 20px !important;
        margin-bottom: 10px !important;
    }
    .notice-item h4 {
        font-size: 13px !important;
    }
    .notice-item p {
        font-size: 12px !important;
    }
}

/* ========================================
   SMALL MOBILE (<=480px)
   ======================================== */
@media (max-width: 480px) {
    /* Header logo smaller */
    .header .logo img {
        height: 36px;
    }

    /* Product grid: keep 2 columns */
    .main div[style*="grid-template-columns:repeat(6,1fr)"],
    .main div[style*="grid-template-columns:repeat(6, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }

    /* Grid 4 cols -> 2 cols */
    .main div[style*="grid-template-columns:repeat(4,1fr)"],
    .main div[style*="grid-template-columns:repeat(4, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }

    /* Card text even smaller */
    .main div[style*="background:#F5F1E8"] div[style*="padding:10px"] {
        padding: 5px !important;
    }
    .main div[style*="background:#F5F1E8"] a[style*="font-size:13px"] {
        font-size: 11px !important;
    }
    .main div[style*="background:#F5F1E8"] div[style*="font-size:12px"] {
        font-size: 10px !important;
    }
    .main div[style*="background:#F5F1E8"] div[style*="font-size:15px"] {
        font-size: 12px !important;
    }

    /* Section title */
    .main h2[style*="font-size:24px"] {
        font-size: 16px !important;
    }

    /* Main padding */
    .main {
        padding: 0 8px !important;
    }
    .main div[style*="background:white;padding:30px"],
    .main div[style*="background:#fff;padding:30px"] {
        padding: 8px !important;
    }

    /* Body top buttons */
    .body-top .login button,
    .body-top .login a {
        font-size: 10px;
        padding: 3px 6px;
    }

    /* User menu */
    .user-menu .user-dropdown {
        min-width: 120px;
    }

    /* Detail page product title */
    .product-title-box h1 {
        font-size: 1.1rem !important;
    }

    /* Params grid: 2 cols -> 1 col on very small screens */
    .params-grid {
        grid-template-columns: 1fr !important;
    }

    /* Price value */
    .price-value {
        font-size: 20px !important;
    }

    /* Nav buttons: stack */
    .nav-btn {
        flex: 1 1 50% !important;
        font-size: 11px !important;
        padding: 6px 4px !important;
    }

    /* Related products: 2 cols */
    .related-products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }

    /* Article body */
    .article-body {
        font-size: 13px !important;
    }

    /* Mobile toggle buttons closer to edge */
    .mobile-menu-toggle {
        top: 8px;
        right: 10px;
        width: 36px;
        height: 36px;
    }
    .mobile-search-toggle {
        top: 8px;
        right: 56px;
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    /* Filter panel label width */
    .main div[style*="display:flex;align-items:center;margin-bottom:8px"] > div[style*="width:60px"],
    .main div[style*="display:flex;align-items:center;margin-bottom:8px"] > div[style*="width:80px"] {
        width: auto !important;
        font-size: 12px !important;
    }

    /* Sort links */
    .main div[style*="display:flex;align-items:center;gap:10px"] {
        flex-wrap: wrap !important;
        gap: 4px !important;
    }
    .main div[style*="display:flex;align-items:center;gap:10px"] a[style*="padding:3px 10px"],
    .main div[style*="display:flex;align-items:center;gap:10px"] a[style*="padding:5px 15px"] {
        padding: 3px 8px !important;
        font-size: 11px !important;
    }

    /* Pagination links */
    .main div[style*="text-align:center"] a,
    .main div[style*="text-align:center"] span {
        padding: 3px 6px !important;
        font-size: 11px !important;
    }
}

/* ===== Mobile nav JS helper ===== */
body.nav-open {
    overflow: hidden;
}