/* ============================================
   Responsive Fixes for Main Site
   - صفحات: book, orders, shipping, account, my_lib
   ============================================ */

/* ====== جلوگیری از اسکرول افقی کلی ====== */
html, body {
    overflow-x: hidden !important;
}

/* ====== مخفی کردن مراحل سفارش در موبایل ====== */
@media (max-width: 768px) {
    #order_step {
        display: none !important;
    }
}

/* ====== SweetAlert Modal Responsive Fixes ====== */
@media (max-width: 768px) {
    /* SweetAlert overlay - full screen */
    .sweet-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 99999 !important;
        background: rgba(0, 0, 0, 0.5) !important;
    }
    
    /* SweetAlert modal - properly sized and centered */
    .sweet-alert {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, -50%) !important;
        width: 90% !important;
        max-width: 340px !important;
        max-height: 85vh !important;
        overflow-y: auto !important;
        margin: 0 !important;
        padding: 20px 16px !important;
        border-radius: 16px !important;
        z-index: 100000 !important;
        box-sizing: border-box !important;
    }
    
    /* SweetAlert title */
    .sweet-alert h2 {
        font-size: 18px !important;
        margin: 0 0 12px 0 !important;
        line-height: 1.4 !important;
        word-wrap: break-word !important;
    }
    
    /* SweetAlert text/content */
    .sweet-alert p {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin: 0 0 16px 0 !important;
        word-wrap: break-word !important;
        white-space: normal !important;
    }
    
    /* SweetAlert icons - smaller on mobile */
    .sweet-alert .sa-icon {
        width: 60px !important;
        height: 60px !important;
        margin: 0 auto 16px !important;
    }
    
    /* SweetAlert buttons - full width and touch-friendly */
    .sweet-alert .sa-button-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        margin-top: 16px !important;
    }
    
    .sweet-alert button {
        width: 100% !important;
        min-height: 44px !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
        margin: 0 !important;
        border-radius: 8px !important;
        touch-action: manipulation !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }
    
    .sweet-alert button.cancel {
        order: 2 !important;
    }
    
    .sweet-alert button.confirm {
        order: 1 !important;
    }
    
    /* SweetAlert input field */
    .sweet-alert fieldset {
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
    }
    
    .sweet-alert input[type="text"] {
        width: 100% !important;
        padding: 12px !important;
        font-size: 16px !important;
        min-height: 44px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        touch-action: manipulation !important;
    }
    
    /* SweetAlert error container */
    .sweet-alert .sa-error-container {
        display: none !important;
    }
    
    /* Loading animation */
    .sweet-alert .la-ball-fall {
        display: none !important;
    }
}

/* ====== SweetAlert in Landscape Mode ====== */
@media (max-height: 500px) and (orientation: landscape) {
    .sweet-alert {
        max-height: 90vh !important;
        padding: 16px 14px !important;
    }
    
    .sweet-alert h2 {
        font-size: 16px !important;
        margin: 0 0 8px 0 !important;
    }
    
    .sweet-alert p {
        font-size: 13px !important;
        margin: 0 0 12px 0 !important;
    }
    
    .sweet-alert .sa-icon {
        width: 50px !important;
        height: 50px !important;
        margin: 0 auto 12px !important;
    }
    
    .sweet-alert button {
        min-height: 40px !important;
        padding: 10px 16px !important;
        font-size: 13px !important;
    }
    
    .sweet-alert .sa-button-container {
        gap: 8px !important;
        margin-top: 12px !important;
    }
}

/* ====== اصلاح هدر ثابت در حالت افقی موبایل ====== */
@media screen and (orientation: landscape) and (max-height: 500px) {
    .top-bar-z,
    header,
    .navbar-fixed-top {
        position: relative !important;
        top: auto !important;
    }
    
    body {
        padding-top: 0 !important;
    }
}

/* ====== صفحه محصول (book.php) ====== */
@media (max-width: 768px) {
    /* بنر تخفیف بالای گالری - باعث کوچک شدن عکس نشود */
    .discount-banner-top {
        margin-bottom: 8px !important;
        padding: 6px 10px !important;
        font-size: 12px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .discount-banner-top small {
        display: none;
    }
    
    /* گالری کتاب در موبایل */
    .book-gallery-wrapper {
        max-width: 220px !important;
        margin: 0 auto !important;
    }
    
    /* جدول قیمت - تبدیل به چیدمان ساده و تک‌خطی */
    .book-price-table {
        width: 100% !important;
        font-size: 13px !important;
    }
    
    .book-price-table td {
        padding: 4px 5px !important;
        white-space: nowrap !important;
        font-size: 13px !important;
    }
    
    /* ردیف تخفیف (سود شما) - یک خطی شود */
    .book-price-table tr.green td,
    .book-price-table tr td[style*="green"],
    .book-price-table tr.green {
        white-space: nowrap !important;
    }
    
    .book-price-table tr.green td:nth-child(2),
    .book-price-table tr.green td:nth-child(3) {
        display: inline !important;
        white-space: nowrap !important;
    }
    
    /* ستون‌های صفحه محصول در موبایل */
    .book-item .head-b {
        flex-direction: column;
    }
    
    .book-item .detail-b .large-8,
    .book-item .detail-b .medium-12 {
        width: 100% !important;
        float: none !important;
    }
    
    .book-item .detail-b .large-16,
    .book-item .detail-b .medium-12.columns {
        width: 100% !important;
        float: none !important;
        margin-top: 15px;
    }
    
    /* انتخاب تعداد */
    .quantity-selector {
        text-align: center !important;
    }
    
    .quantity-selector input#bookQty {
        font-size: 16px !important;
        min-height: 40px;
    }
    
    /* دکمه‌های خرید */
    .book-item .actions {
        text-align: center;
    }
    
    .book-item .actions .main,
    .book-item .actions .second {
        display: block !important;
        margin-bottom: 8px;
    }
    
    .book-item .actions .button {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 12px !important;
        font-size: 14px !important;
    }
}

/* موبایل کوچک */
@media (max-width: 480px) {
    .book-gallery-wrapper {
        max-width: 180px !important;
    }
    
    .book-price-table {
        font-size: 12px !important;
    }
    
    .book-price-table td {
        padding: 3px 3px !important;
    }
}

/* ====== صفحه سبد خرید (orders.php) ====== */
@media (max-width: 768px) {
    .content-center .large-28,
    .content-center .large-24 {
        width: 100% !important;
    }

    /* ====== جدول سبد خرید موبایل - تبدیل به کارت ====== */
    .table-responsive {
        overflow-x: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .cart-table {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        font-size: 13px !important;
        border: none !important;
        overflow: visible !important;
    }

    /* مخفی کردن هدر جدول - هدر داخل tbody است نه thead */
    .cart-table > thead {
        display: none !important;
    }

    .cart-table > tbody > tr:first-child {
        display: none !important;
    }

    .cart-table > tbody {
        display: block !important;
        width: 100% !important;
    }

    /* هر ردیف محصول = یک کارت */
    .cart-table > tbody > tr {
        display: block !important;
        width: 100% !important;
        margin-bottom: 16px !important;
        background: #fff !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 12px !important;
        padding: 14px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
        position: relative !important;
    }

    .cart-table > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        vertical-align: middle !important;
        text-align: right !important;
    }

    /* ===== بخش شرح محصول - بالای کارت ===== */
    .cart-table > tbody > tr > td:first-child {
        display: flex !important;
        align-items: flex-start !important;
        gap: 12px !important;
        padding-bottom: 12px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        margin-bottom: 10px !important;
    }

    /* override Bootstrap col-xs-* float & width inside cart */
    .cart-table td .col-xs-10,
    .cart-table td .col-xs-2,
    .cart-table td .col-xs-6,
    .cart-table td .col-xs-5,
    .cart-table td .col-xs-7 {
        float: none !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .cart-table .product-desc {
        flex: 1 !important;
        min-width: 0 !important;
        width: auto !important;
        padding: 0 !important;
        float: none !important;
    }

    .cart-table .product-title {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin: 0 0 4px 0 !important;
        font-weight: 600 !important;
    }

    .cart-table .product-title a {
        color: #333 !important;
        text-decoration: none !important;
        word-wrap: break-word;
        white-space: normal !important;
    }

    .cart-table .product-image {
        flex-shrink: 0 !important;
        min-width: auto !important;
        width: auto !important;
        padding: 0 !important;
        text-align: center;
    }

    .cart-table .product-image img {
        height: 80px !important;
        width: 60px !important;
        object-fit: contain;
        border-radius: 6px !important;
        box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;
    }

    /* ===== ردیف اطلاعات قیمت و تعداد - گرید دو ستونه ===== */
    .cart-table > tbody > tr > td:nth-child(2),
    .cart-table > tbody > tr > td:nth-child(3),
    .cart-table > tbody > tr > td:nth-child(4),
    .cart-table > tbody > tr > td:nth-child(5),
    .cart-table > tbody > tr > td:nth-child(6) {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 5px 0 !important;
        border: none !important;
        background: transparent !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    /* برچسب‌های موبایل */
    .cart-table > tbody > tr > td:nth-child(2)::before {
        content: "تعداد";
        font-weight: 600;
        color: #666;
        font-size: 13px;
        flex-shrink: 0;
    }

    .cart-table > tbody > tr > td:nth-child(3)::before {
        content: "تخفیف";
        font-weight: 600;
        color: #666;
        font-size: 13px;
        flex-shrink: 0;
    }

    .cart-table > tbody > tr > td:nth-child(4)::before {
        content: "قیمت واحد";
        font-weight: 600;
        color: #666;
        font-size: 13px;
        flex-shrink: 0;
    }

    .cart-table > tbody > tr > td:nth-child(5)::before {
        content: "مبلغ تخفیف";
        font-weight: 600;
        color: #666;
        font-size: 13px;
        flex-shrink: 0;
    }

    .cart-table > tbody > tr > td:nth-child(6)::before {
        content: "قیمت کل";
        font-weight: 600;
        color: #666;
        font-size: 13px;
        flex-shrink: 0;
    }

    /* ستون تعداد */
    .cart-table .basket-qty {
        min-width: auto !important;
    }

    .cart-table .basket-qty select {
        width: 65px !important;
        height: 36px !important;
        font-size: 14px !important;
        padding: 4px 8px !important;
        border-radius: 6px !important;
        border: 1px solid #ddd !important;
        background: #fff !important;
    }

    /* ستون تخفیف درصد */
    .cart-table > tbody > tr > td:nth-child(3) > div:first-child {
        display: inline !important;
        font-weight: 600;
        color: #e74c3c;
    }

    /* فرم کد تخفیف داخل ستون تخفیف */
    .cart-table > tbody > tr > td:nth-child(3) form {
        margin: 8px 0 0 0 !important;
        width: 100%;
    }

    .cart-table > tbody > tr > td:nth-child(3) fieldset {
        width: 100%;
    }

    .cart-table > tbody > tr > td:nth-child(3) .control-group {
        width: 100%;
        margin-bottom: 6px;
    }

    .cart-table > tbody > tr > td:nth-child(3) .control-label {
        font-size: 12px !important;
        margin-bottom: 4px !important;
        display: block !important;
        color: #666 !important;
    }

    .cart-table > tbody > tr > td:nth-child(3) input[type="text"] {
        width: 100% !important;
        height: 38px !important;
        font-size: 13px !important;
        padding: 6px 10px !important;
        margin-bottom: 6px !important;
        border-radius: 6px !important;
        border: 1px solid #ddd !important;
        box-sizing: border-box !important;
    }

    .cart-table > tbody > tr > td:nth-child(3) .form-actions {
        margin: 0;
    }

    .cart-table > tbody > tr > td:nth-child(3) button {
        width: 100% !important;
        padding: 8px !important;
        font-size: 13px !important;
        min-height: 38px !important;
        border-radius: 6px !important;
    }

    /* قیمت‌ها */
    .cart-table .product-unit-price,
    .cart-table .product-discount-amount,
    .cart-table .product-total-price {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #333 !important;
        text-align: left !important;
    }

    .cart-table .product-unit-price .leasing-hr,
    .cart-table .product-total-price .leasing-hr {
        display: none !important;
    }

    .cart-table .product-unit-price .green,
    .cart-table .product-total-price .green {
        display: none !important;
    }

    .cart-table .toman-unit {
        font-size: 12px !important;
    }

    /* ===== دکمه حذف - گوشه بالا سمت چپ کارت ===== */
    .cart-table .last-td {
        display: flex !important;
        justify-content: flex-end !important;
        padding: 0 !important;
        border: none !important;
        margin: 0 !important;
        position: absolute !important;
        top: 10px !important;
        left: 10px !important;
        z-index: 2;
    }

    .cart-table .last-td .btn {
        padding: 6px 10px !important;
        font-size: 12px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        width: 32px !important;
        height: 32px !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important;
    }

    .cart-table .last-th {
        display: none !important;
    }

    /* ===== جمع کل سبد خرید ===== */
    .cart-page .cart-sum {
        margin-top: 10px !important;
    }

    .cart-page .cart-sum table {
        border-radius: 10px !important;
        overflow: hidden;
    }

    .cart-page .cart-sum td {
        padding: 12px 10px !important;
    }

    .cart-page .cart-sum .total-buyout p {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #e74c3c !important;
    }

    /* ===== دکمه‌های پایین صفحه ===== */
    .cart-page .finish-shop-btn,
    .cart-page .btn-warning {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 12px 16px !important;
        font-size: 15px !important;
        border-radius: 8px !important;
        margin-bottom: 8px !important;
        box-sizing: border-box !important;
    }

    /* ===== عنوان سبد خرید ===== */
    .cart-page h3 {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }

    /* آیتم‌های سبد خرید - ریسپانسیو */
    .content-center ul li {
        position: relative !important;
        padding: 10px 50px 10px 10px !important;
        overflow: hidden;
        min-height: 70px;
    }

    .content-center ul li h3 {
        font-size: 14px !important;
        margin: 0 0 5px 0 !important;
    }

    .content-center ul li h3 a {
        display: block;
        word-wrap: break-word;
    }

    .content-center ul li img[style*="float:left"],
    .content-center ul li a[style*="float:left"] {
        float: left !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        margin-top: 0 !important;
    }

    .content-center ul li img[style*="height:45px"] {
        height: 50px !important;
        width: auto !important;
    }

    /* دکمه نهایی کردن خرید */
    .content-center a.button.postfix {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 12px !important;
        font-size: 14px !important;
        margin-top: 10px;
    }
}

/* ====== موبایل کوچک (زیر 480px) - بهینه‌سازی بیشتر ====== */
@media (max-width: 480px) {
    .cart-table > tbody > tr {
        padding: 12px 10px !important;
        border-radius: 10px !important;
        margin-bottom: 12px !important;
    }

    .cart-table .product-title {
        font-size: 13px !important;
    }

    .cart-table .product-image img {
        height: 65px !important;
        width: 50px !important;
    }

    .cart-table > tbody > tr > td:nth-child(2)::before,
    .cart-table > tbody > tr > td:nth-child(3)::before,
    .cart-table > tbody > tr > td:nth-child(4)::before,
    .cart-table > tbody > tr > td:nth-child(5)::before,
    .cart-table > tbody > tr > td:nth-child(6)::before {
        font-size: 12px !important;
    }

    .cart-table .product-unit-price,
    .cart-table .product-discount-amount,
    .cart-table .product-total-price {
        font-size: 13px !important;
    }

    .cart-table .last-td .btn {
        width: 28px !important;
        height: 28px !important;
        padding: 4px !important;
        font-size: 11px !important;
    }
}

/* ====== صفحه آدرس/ارسال (shipping.php) ====== */
@media (max-width: 768px) {
    /* تبدیل جدول آدرس به چیدمان بلاکی */
    .content-center table[style*="width:100%"] {
        display: block;
        width: 100% !important;
    }
    
    .content-center table[style*="width:100%"] tr {
        display: block;
        margin-bottom: 15px;
    }
    
    .content-center table[style*="width:100%"] td {
        display: block;
        width: 100% !important;
        padding: 8px 0 !important;
    }
    
    /* فرم آدرس */
    .content-center input[type="text"],
    .content-center select,
    .content-center textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 10px !important;
        font-size: 16px !important;
    }
    
    .content-center label {
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
    }
    
    .content-center input[type="submit"].button {
        width: 100% !important;
        padding: 12px !important;
        font-size: 14px !important;
    }
}

/* ====== صفحه پروفایل/حساب کاربری (account.php, my_lib.php) ====== */
@media (max-width: 768px) {
    /* سایدبار کنار محتوا در موبایل زیر محتوا */
    .row.well-white {
        flex-direction: column;
    }
    
    .large-19.columns.content-center {
        width: 100% !important;
        margin-right: 0 !important;
    }
    
    /* جدول تنظیمات پروفایل */
    .blk table[style*="width: 100%"] {
        display: block;
        width: 100% !important;
    }
    
    .blk table[style*="width: 100%"] tr {
        display: block;
        margin-bottom: 15px;
        background: #f9f9f9;
        border-radius: 8px;
        padding: 10px;
    }
    
    .blk table[style*="width: 100%"] td {
        display: block;
        width: 100% !important;
        padding: 5px 0 !important;
    }
    
    /* کتابخانه من - گرید کتاب‌ها */
    .book-holder ul {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px;
    }
    
    .book-holder ul li {
        width: calc(50% - 5px) !important;
        text-align: center;
    }
    
    .book-holder ul li img {
        max-width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 480px) {
    .book-holder ul li {
        width: 100% !important;
    }
}

/* ====== SweetAlert ریسپانسیو (برای کادر اضافه به سبد) ====== */
@media (max-width: 768px) {
    .sweet-overlay {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }
    
    .sweet-alert {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, -50%) !important;
        width: 90% !important;
        max-width: 320px !important;
        margin: 0 !important;
        padding: 20px 15px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }
    
    .sweet-alert h2 {
        font-size: 18px !important;
        margin: 10px 0 !important;
    }
    
    .sweet-alert p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
    
    .sweet-alert button {
        min-height: 44px !important;
        padding: 10px 18px !important;
        font-size: 13px !important;
        margin: 5px !important;
        width: auto !important;
    }
    
    .sweet-alert .sa-button-container {
        display: flex !important;
        justify-content: center !important;
        gap: 8px;
    }
}

/* ====== مودال پیش‌نمایش کتاب ریسپانسیو ====== */
@media (max-width: 768px) {
    .book-preview-overlay {
        padding: 0 !important;
    }
    
    .book-preview-container {
        width: 98% !important;
        height: 92% !important;
        border-radius: 10px !important;
    }
    
    .book-preview-header {
        padding: 8px 12px !important;
    }
    
    .book-preview-title {
        font-size: 13px !important;
    }
    
    .book-preview-title i {
        font-size: 16px !important;
    }
    
    .book-preview-btn-expand,
    .book-preview-btn-close {
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
    }
}

/* ====== مودال ورود/ثبت‌نام ریسپانسیو ====== */
@media (max-width: 576px) {
    .et-auth-container {
        width: 95% !important;
        max-width: 380px !important;
        max-height: 90vh !important;
        overflow-y: auto !important;
        border-radius: 16px !important;
    }
    
    .et-auth-header {
        padding: 20px 15px 15px !important;
    }
    
    .et-auth-title {
        font-size: 18px !important;
    }
    
    .et-auth-subtitle {
        font-size: 12px !important;
    }
    
    .et-auth-tabs {
        padding: 0 15px !important;
    }
    
    .et-auth-tab {
        padding: 10px !important;
        font-size: 13px !important;
    }
    
    .et-auth-body {
        padding: 15px !important;
    }
    
    .et-form-group label {
        font-size: 12px !important;
    }
    
    .et-form-group input,
    .et-form-group select {
        padding: 10px !important;
        font-size: 16px !important;
    }
    
    .et-auth-submit {
        padding: 12px !important;
        font-size: 14px !important;
    }
    
    /* OTP inputs کوچکتر */
    .et-otp-inputs {
        gap: 6px !important;
    }
    
    .et-otp-digit {
        width: 40px !important;
        height: 50px !important;
        font-size: 20px !important;
    }
}

@media (max-width: 360px) {
    .et-otp-digit {
        width: 34px !important;
        height: 44px !important;
        font-size: 18px !important;
    }
}

/* ====== نوار ناوبری پایین موبایل ====== */
.mobile-bottom-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
}

/* فضای پایین صفحه برای نوار ناوبری */
@media (max-width: 768px) {
    body {
        padding-bottom: 70px !important;
    }
}

/* ====== اصلاح foundation grid در موبایل ====== */
@media (max-width: 768px) {
    .large-1, .large-2, .large-3, .large-4, .large-5, .large-6,
    .large-7, .large-8, .large-9, .large-10, .large-11, .large-12,
    .large-13, .large-14, .large-15, .large-16, .large-17, .large-18,
    .large-19, .large-20, .large-21, .large-22, .large-23, .large-24,
    .large-28 {
        width: 100% !important;
        float: none !important;
    }
    
    .medium-1, .medium-2, .medium-3, .medium-4, .medium-5, .medium-6,
    .medium-7, .medium-8, .medium-9, .medium-10, .medium-11, .medium-12,
    .medium-13, .medium-14, .medium-15, .medium-16, .medium-17, .medium-18,
    .medium-19, .medium-20, .medium-21, .medium-22, .medium-23, .medium-24 {
        width: 100% !important;
        float: none !important;
    }
    
    .columns {
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }
    
    .row {
        max-width: 100% !important;
    }
}

/* ====== Footer Logos (ENAMAD & SAMANDEHI) ====== */
@media (max-width: 768px) {
    /* Ensure logos display properly in mobile */
    .footer .content-z {
        padding: 15px 10px !important;
        text-align: center;
    }
    
    .footer .content-z img {
        max-width: 120px !important;
        height: auto !important;
        margin: 0 auto 10px auto !important;
        display: inline-block !important;
    }
    
    .footer .large-3,
    .footer .medium-6,
    .footer .small-12 {
        width: 50% !important;
        float: left !important;
        padding: 5px !important;
    }
}

/* Desktop logo display */
@media (min-width: 769px) {
    .footer .content-z {
        padding: 20px !important;
        text-align: center;
    }
    
    .footer .content-z img {
        max-width: 150px !important;
        height: auto !important;
        display: inline-block !important;
    }
    
    .footer .large-3 {
        width: 12.5% !important;
        float: left !important;
    }
}

/* ====== My Library Page (my_lib.php) Responsive Fixes ====== */
@media (max-width: 768px) {
    /* Hero section with app download buttons */
    .hero-z .slider > div {
        height: auto !important;
        min-height: 120px !important;
        padding: 20px 10px !important;
    }
    
    .hero-z h1 {
        font-size: 18px !important;
        padding-top: 10px !important;
        margin-bottom: 10px !important;
    }
    
    .hero-z p {
        font-size: 12px !important;
        margin-bottom: 15px !important;
    }
    
    /* App download buttons - stack vertically */
    .hero-z .slider > div > div {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
    }
    
    .hero-z .android-app,
    .hero-z .ios-app {
        width: 100% !important;
        max-width: 200px !important;
        text-align: center !important;
    }
    
    .hero-z .android-app img,
    .hero-z .ios-app img {
        width: 100% !important;
        max-width: 180px !important;
        height: auto !important;
    }
    
    /* Sidebar - move to top or hide on mobile */
    .blk.sidebar {
        width: 100% !important;
        margin-bottom: 20px !important;
        padding: 15px !important;
    }
    
    .blk.sidebar nav {
        text-align: center !important;
    }
    
    .blk.sidebar nav > div {
        margin: 0 auto 15px !important;
    }
    
    .blk.sidebar h2 {
        font-size: 18px !important;
        margin: 10px 0 !important;
        color: #fff !important;
    }
    
    .blk.sidebar span {
        color: #fff !important;
        font-size: 12px !important;
    }
    
    .blk.sidebar .side-nav {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-top: 15px !important;
    }
    
    .blk.sidebar .side-nav li {
        width: 100% !important;
    }
    
    .blk.sidebar .side-nav li a {
        display: block !important;
        padding: 10px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 8px !important;
        color: #fff !important;
        text-align: center !important;
    }
    
    /* Main content area */
    .content-center {
        width: 100% !important;
        padding: 0 10px !important;
    }
    
    /* Book holder - list view on mobile */
    .book-holder ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .book-holder ul li {
        width: 100% !important;
        padding: 12px !important;
        background: #fff !important;
        border-radius: 8px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    .book-holder ul li a img {
        max-width: 120px !important;
        height: auto !important;
        margin-bottom: 10px !important;
    }
    
    .book-holder ul li h3 {
        font-size: 14px !important;
        margin: 8px 0 !important;
    }
    
    .book-holder ul li h3 a {
        color: #333 !important;
    }
    
    .book-holder ul li span {
        font-size: 12px !important;
        padding: 4px 12px !important;
        border-radius: 12px !important;
        background: #e3e3e3 !important;
    }
    
    /* View options - make touch-friendly */
    .view-options {
        display: flex !important;
        gap: 8px !important;
        margin-top: 10px !important;
    }
    
    .view-options .layout-type {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        padding: 8px !important;
        background: #f5f5f5 !important;
        border-radius: 8px !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
    }
    
    .view-options .layout-type.active {
        background: #0072ab !important;
        color: #fff !important;
    }
    
    .view-options .layout-type i {
        font-size: 18px !important;
    }
}

/* ====== My Library Page in Landscape Mode ====== */
@media (max-height: 500px) and (orientation: landscape) {
    .hero-z .slider > div {
        min-height: 80px !important;
        padding: 10px !important;
    }
    
    .hero-z h1 {
        font-size: 16px !important;
        padding-top: 5px !important;
        margin-bottom: 5px !important;
    }
    
    .hero-z .slider > div > div {
        flex-direction: row !important;
        gap: 15px !important;
    }
    
    .hero-z .android-app img,
    .hero-z .ios-app img {
        max-width: 120px !important;
    }
}

/* ====== اصلاح sign.php (ورود/ثبت‌نام خرید) ====== */
@media (max-width: 768px) {
    .content-center table[style*="width:100%"] td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 15px 0 !important;
        border-bottom: 1px solid #eee;
    }
    
    .content-center table[style*="width:100%"] td:last-child {
        border-bottom: none;
    }
    
    .content-center a[style*="width:50%"] {
        width: 90% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding: 12px !important;
        font-size: 14px !important;
        display: block !important;
    }
}