/* ========================================================
   SHOFY — GLOBAL COMPACT / SMALL SIZE OVERRIDE (ALL !IMPORTANT)
   ======================================================== */

:root{
    --primary-font: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    --body-size: 13px !important;
    --h1-size: 24px !important;
    --h2-size: 20px !important;
    --h3-size: 18px !important;
    --h4-size: 16px !important;
    --h5-size: 14px !important;
    --h6-size: 13px !important;
}

/* ---------- BASE ---------- */
html, body{
    font-size: var(--body-size) !important;
    line-height: 1.4 !important;
}
h1{ font-size: var(--h1-size) !important; }
h2{ font-size: var(--h2-size) !important; }
h3{ font-size: var(--h3-size) !important; }
h4{ font-size: var(--h4-size) !important; }
h5{ font-size: var(--h5-size) !important; }
h6{ font-size: var(--h6-size) !important; }

h1,h2,h3,h4,h5,h6{
    line-height: 1.2 !important;
    margin-bottom: 8px !important;
}
p{
    font-size: var(--body-size) !important;
    line-height: 1.45 !important;
    margin-bottom: 8px !important;
}
a, span, li, td, th, label, input, textarea, select, button{
    font-size: 13px !important;
}

/* ---------- TOP BAR ---------- */
.tp-header-top{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.tp-header-top-menu-item,
.tp-header-lang-toggle,
.tp-header-currency-toggle{
    font-size: 12px !important;
}

/* ---------- HEADER MAIN ---------- */
.tp-header-main{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.logo img{
    max-height: 34px !important;
}
.tp-header-search-wrapper{
    height: 38px !important;
}
.tp-header-search-box input{
    font-size: 12px !important;
    height: 38px !important;
}
.tp-header-login-title{
    font-size: 12px !important;
}
.tp-header-action-btn svg{
    width: 18px !important;
    height: 18px !important;
}
.tp-header-action-badge{
    font-size: 10px !important;
    width: 15px !important;
    height: 15px !important;
    line-height: 15px !important;
}

/* ---------- STICKY HEADER ---------- */
.tp-header-sticky-area .logo img{
    max-height: 30px !important;
}

/* ---------- MAIN MENU / CATEGORY MENU ---------- */
.tp-header-bottom{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.main-menu ul li a,
.tp-category-menu-btn,
.tp-main-menu-content ul li a{
    font-size: 13px !important;
    padding: 8px 0 !important;
}
.tp-submenu li a{
    font-size: 12px !important;
    padding: 4px 10px !important;
}
.tp-header-contact-content h5{
    font-size: 12px !important;
}
.tp-header-contact-content p,
.tp-header-contact-content a{
    font-size: 13px !important;
}

/* ---------- BUTTONS ---------- */
.tp-btn, .tp-btn-2, .tp-btn-border-2,
button, input[type="submit"]{
    font-size: 12px !important;
    padding: 8px 16px !important;
}

/* ---------- SLIDER ---------- */
.tp-slider-content span{
    font-size: 12px !important;
}
.tp-slider-title{
    font-size: 22px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
}
.tp-slider-content p{
    font-size: 13px !important;
}

/* ---------- SECTIONS SPACING ---------- */
section{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.tp-feature-area{
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.tp-product-category{
    padding-top: 20px !important;
    padding-bottom: 6px !important;
}
.mb-40{ margin-bottom: 16px !important; }
.mb-50{ margin-bottom: 18px !important; }
.mb-30{ margin-bottom: 12px !important; }
.mb-20{ margin-bottom: 8px !important; }
.pt-60{ padding-top: 24px !important; }
.pb-60{ padding-bottom: 24px !important; }
.pt-70{ padding-top: 28px !important; }
.pb-65{ padding-bottom: 26px !important; }
.pt-30{ padding-top: 12px !important; }
.pb-15{ padding-bottom: 6px !important; }
.pt-15{ padding-top: 6px !important; }

/* ---------- CATEGORY / FEATURE ITEMS ---------- */
.tp-product-category-title{
    font-size: 13px !important;
}
.tp-product-category-content p{
    font-size: 11px !important;
}
.tp-feature-title{
    font-size: 14px !important;
    margin-bottom: 2px !important;
}
.tp-feature-content p{
    font-size: 12px !important;
}
.tp-feature-icon span svg{
    width: 26px !important;
    height: 26px !important;
}

/* ---------- PRODUCT CARDS (global common classes) ---------- */
.tp-product-title,
.tp-product-title a{
    font-size: 13px !important;
    line-height: 1.3 !important;
}
.tp-product-price,
.tp-product-price-current,
.tp-product-price del,
.tp-price{
    font-size: 13px !important;
}
.tp-product-rating,
.tp-product-rating-icon svg{
    font-size: 11px !important;
    width: 12px !important;
    height: 12px !important;
}
.tp-product-tag,
.tp-product-badge{
    font-size: 10px !important;
    padding: 2px 6px !important;
}

/* ---------- NEWSLETTER ---------- */
.tp-subscribe-area{
    padding-top: 28px !important;
    padding-bottom: 24px !important;
}
.tp-subscribe-title{
    font-size: 20px !important;
}
.tp-subscribe-content span{
    font-size: 12px !important;
}
.tp-subscribe-input input,
.tp-subscribe-input button{
    font-size: 12px !important;
    height: 42px !important;
}

/* ---------- FOOTER ---------- */
.tp-footer-widget-title{
    font-size: 14px !important;
    margin-bottom: 10px !important;
}
.tp-footer-widget-content ul li a{
    font-size: 12px !important;
    padding: 3px 0 !important;
    line-height: 1.3 !important;
}
.tp-footer-desc{
    font-size: 12px !important;
    line-height: 1.4 !important;
}
.tp-footer-talk span{
    font-size: 12px !important;
}
.tp-footer-talk h4 a{
    font-size: 16px !important;
}
.tp-footer-contact-content p,
.tp-footer-contact-content a{
    font-size: 12px !important;
}
.tp-widget-product-categories-title{
    font-size: 13px !important;
    margin-bottom: 6px !important;
}
.tp-widget-product-categories-list a{
    font-size: 11px !important;
    padding: 3px 8px !important;
}
.tp-footer-bottom{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 12px !important;
}
.tp-footer-copyright div{
    font-size: 12px !important;
}

/* ---------- MOBILE BOTTOM MENU ---------- */
.tp-mobile-item-btn span{
    font-size: 10px !important;
}
.tp-mobile-item-btn svg{
    width: 20px !important;
    height: 20px !important;
}

/* ---------- OFFCANVAS MENU ---------- */
.offcanvas__content ul li a{
    font-size: 13px !important;
}