/* BELINDA — light palette migration, v1.
 * Replace user.css on belinda.co.il only.
 * Existing template, module and mobile-search class names are preserved.
 * Legacy category rules remain until the navigation is rebuilt.
 */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&display=swap');
/* ==========================================
   1. FORCE BLACK ROOT & GLOBAL STYLE
   ========================================== */
:root {
    --cassiopeia-color-primary: #faf8f4 !important;
    --cassiopeia-color-hover: #80613d !important;
    --cassiopeia-color-link: #80613d !important;
}
body,
html,
.site-wrapper {
    background-color: #faf8f4 !important;
    color: #292723 !important;
}

/* ==========================================
   2. HEADER & LOGO CENTER
   ========================================== */
.header, .container-header, .header-content {
    background-color: #faf8f4 !important;
    background-image: none !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #ded8ce !important;
}

.navbar-brand {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.navbar-brand img {
    max-height: 60px !important;
    width: auto !important;
}

.navbar-toggler {
    border-color: #80613d !important;
    background-color: transparent !important;
    margin-top: 10px !important;
}

/* ==========================================
   3. NEW MAGAZINE BLOG LAYOUT
   ========================================== */
.blog-items, .items-row, .com-content-category-blog__items {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    background: #faf8f4 !important;
    padding: 10px 0 !important;
    align-items: stretch !important;
}

.blog-items .item-leading,
.blog-items > :first-child {
    grid-column: span 1 !important;
    width: 100% !important;
}

.com-content-category-blog__item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background: #ffffff !important;
    border: 1px solid #80613d !important;
    border-radius: 8px !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}
/* BELINDA – Larger Product Card Images */
.com-content-category-blog__item .item-image img,
.com-content-category-blog__item img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    border-radius: 4px !important;
    margin-bottom: 15px !important;
}
.com-content-category-blog__item h2,
.com-content-category-blog__item h2 a {
    color: #80613d !important;
    -webkit-text-fill-color: #80613d !important;
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    min-height: 0 !important;
}

.com-content-category-blog__item h2 {
    margin-bottom: 5px !important;
}

.com-content-category-blog__item h2 a {
    margin-bottom: 0 !important;

}

.item-content,
.com-content-category-blog__item .article-body,
.com-content-category-blog__item p {
    direction: rtl !important;
    text-align: right !important;
    color: #292723 !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
    flex-grow: 1 !important;
    margin-bottom: 15px !important;
}

.com-content-category-blog__item .readmore,
.com-content-category-blog__item a.btn,
.com-content-category-blog__item p:last-child {
    margin-top: auto !important;
}

@media (max-width: 1024px) {
    .blog-items, .items-row, .com-content-category-blog__items {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .blog-items, .items-row, .com-content-category-blog__items {
        grid-template-columns: 1fr !important;
    }

    .com-content-category-blog__item {
        max-width: 100% !important;
    }

    .com-content-category-blog__item .item-image img,
    .com-content-category-blog__item img {
        height: auto !important;
        max-height: 300px !important;
    }
}

/* ==========================================
   4. REMOVE WHITE SIDEBARS
   ========================================== */
.main-grid {
    display: block !important;
    background-color: #faf8f4 !important;
}

#content, main {
    background-color: #faf8f4 !important;
}

/* ==========================================
   5. GENERAL SYSTEM FOOTER & BACK TO TOP
   ========================================== */
footer, .footer, footer.footer {
    background-color: #faf8f4 !important;
    background-image: none !important;
    position: relative !important;
    padding-top: 40px !important;
}

footer.footer::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background-color: #80613d !important;
    z-index: 999 !important;
}

.back-to-top-link {
    background-color: #80613d !important;
    right: 20px;
    bottom: 90px;
    z-index: 9999;
}
/* אייקון WhatsApp בפוטר */
.tg-footer-whatsapp a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.tg-footer-whatsapp__icon {
    display: block !important;
    flex: 0 0 20px !important;
    color: #80613d !important;
}

.tg-footer-whatsapp a:hover .tg-footer-whatsapp__icon {
    color: #25d366 !important;
}
/* ==========================================
   6. HOME HERO / BANNER - FIXED FOR MOBILE
   ========================================== */

.site-wrapper main#content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#system-message-container {
    display: block;
}

.container-component {
    padding-top: 0 !important;
}

.body-home .container-component,
.body-home main#content {
    display: none !important;
}

/* Cassiopeia banner wrapper */
.container-banner,
.home-hero,
.home-hero .mod-custom {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Actual Tuscany hero background - Desktop */
.tg-hero {
    width: 100% !important;
    height: 620px !important;
    min-height: 620px !important;
    max-height: 620px !important;
    display: block !important;
    overflow: hidden !important;
    background-image: url("/images/hds.jpg") !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-attachment: scroll !important;
}

/* Keep real img visible if the module uses an img tag */
.container-banner img,
.home-hero img,
.home-hero .mod-custom img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Android & Layout defaults for Mobile */
@media (max-width: 768px) {
    .container-banner,
    .home-hero,
    .home-hero .mod-custom,
    .tg-hero,
    .tg-hero-mobile {
        height: 300px !important;
        min-height: 300px !important;
        max-height: none !important;
        overflow: hidden !important;
        background-color: #faf8f4 !important;
    }

    .tg-hero,
    .tg-hero-mobile {
        background-image: url("/images/hds.jpg") !important;
        background-size: cover !important;
        -webkit-background-size: cover !important;
        background-position: left center !important; /* הצמדה לשמאל עבור התיק */
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
    }

    .container-banner img,
    .home-hero img,
    .home-hero .mod-custom img {
        width: 100% !important;
        height: 300px !important;
        max-height: 300px !important;
        object-fit: cover !important;
        object-position: left center !important; /* הצמדה לשמאל עבור התיק */
        display: block !important;
        background-color: #faf8f4 !important;
    }
}

/* Small phones */
@media (max-width: 480px) {
    .container-banner,
    .home-hero,
    .home-hero .mod-custom,
    .tg-hero,
    .tg-hero-mobile {
        height: 250px !important;
        min-height: 250px !important;
        max-height: 250px !important;
    }

    .container-banner img,
    .home-hero img,
    .home-hero .mod-custom img {
        height: 250px !important;
        max-height: 250px !important;
    }
}

/* iPhone Safari Specific Overrides - No duplicates allowed below this! */
@supports (-webkit-touch-callout: none) {
    @media (max-width: 768px) {
        .tg-hero,
        .tg-hero-mobile {
            background-size: cover !important;
            -webkit-background-size: cover !important;
            background-position: left center !important;
            background-attachment: scroll !important;
        }

        .container-banner img,
        .home-hero img,
        .home-hero .mod-custom img {
            object-fit: cover !important;
            object-position: left center !important;
        }
    }
}

/* ==========================================
   7. CONTACT & ABOUT PAGES STYLE
   ========================================== */
.contact-container, .about-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 50px;
    padding: 60px 20px;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #faf8f4;
    color: #292723;
}

.contact-info, .contact-form-wrapper, .about-text-section, .about-values-section {
    flex: 1;
    min-width: 300px;
}

.contact-info h2, .contact-form-wrapper h2, .about-container h2 {
    color: #80613d !important;
    font-size: 2rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.contact-info p, .about-text-section p {
    line-height: 1.8;
    color: #292723;
    font-size: 1rem;
}

.info-item {
    margin-top: 25px;
    border-left: 2px solid #80613d;
    padding-left: 15px;
}

.info-item strong {
    color: #80613d;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.luxury-form input, .luxury-form textarea {
    width: 100%;
    padding: 15px;
    background-color: #ffffff !important;
    border: 1px solid #ded8ce !important;
    color: #292723 !important;
    font-size: 1rem;
    transition: 0.3s;
    border-radius: 0;
}

.luxury-form input:focus, .luxury-form textarea:focus {
    border-color: #80613d !important;
    outline: none;
}

.contact-submit-btn {
    width: 100%;
    padding: 15px;
    background-color: #80613d;
    color: #292723;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: 0.3s;
}

.contact-submit-btn:hover {
    background-color: #ffffff;
    color: #292723;
}

.about-lead {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #292723;
    margin-bottom: 20px;
    font-weight: 500;
}

.value-card {
    background-color: #ffffff;
    border: 1px solid #ded8ce;
    padding: 25px;
    margin-bottom: 20px;
    transition: 0.3s ease;
}

.value-card:hover {
    border-color: #80613d;
}

.value-card h3 {
    color: #80613d !important;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.value-card p {
    font-size: 0.95rem;
    color: #292723;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .contact-container, .about-container {
        flex-direction: column;
        padding: 40px 15px;
    }

    .contact-info {
        text-align: center;
    }

    .info-item {
        border-left: none;
        border-top: 1px solid #80613d;
        padding-left: 0;
        padding-top: 15px;
    }
}

/* ==========================================
   8. HEADER MENU CENTER & MOBILE HAMBURGER
   ========================================== */
div.grid-child.container-nav {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

.header .navbar, .header .navbar-collapse {
    width: 100% !important;
    justify-content: center !important;
}

ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.menu-horizontal {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.menu-horizontal > li {
    display: inline-flex !important;
    float: none !important;
}

@media (max-width: 991.98px) {
    .header .navbar {
        justify-content: flex-end !important;
    }

    .header .navbar-toggler {
        margin-left: auto !important;
        margin-right: 15px !important;
        margin-top: 0 !important;
        padding: 4px 8px !important;
    }

    .header, .container-header, .header-content {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .navbar-brand img {
        max-height: 40px !important;
    }

    .navbar-brand {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
}

/* ==========================================
   9. HEADER SEARCH STRIP & SINGLE ARTICLE
   ========================================== */
.container-search label.finder {
    display: none !important;
}

.container-search {
    position: absolute !important;
    z-index: 9999 !important;
    width: 45px !important;
    height: 45px !important;
    transition: all 0.3s ease-in-out !important;
    background-color: transparent !important;
}

.container-search .form-search, .container-search .awesomplete {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.container-search input.js-finder-search-query.form-control, .awesomplete > input {
    background-color: transparent !important;
    border: none !important;
    color: transparent !important;
    height: 45px !important;
    width: 45px !important;
    padding: 0 !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease-in-out !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23c8a26a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.container-search input::placeholder {
    color: transparent !important;
}

@media (min-width: 992px) {
    .container-search {
        right: 40px !important;
        top: 60px !important;
    }

    .container-search:focus-within {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: #faf8f4 !important;
        padding: 0 10% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .container-search:focus-within input.js-finder-search-query.form-control,
    .container-search:focus-within .awesomplete > input {
        width: 100% !important;
        max-width: 600px !important;
        color: #292723 !important;
        border-bottom: 1px solid #80613d !important;
        padding-left: 45px !important;
        padding-right: 45px !important;
        background-position: left 10px center !important;
        cursor: text !important;
    }

    .container-search:focus-within input::placeholder {
        color: #292723 !important;
    }
}

@media (max-width: 991.98px) {
    .container-search:focus-within {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        width: 100vw !important;
        height: 60px !important;
        background-color: #faf8f4 !important;
        padding: 0 20px !important;
        display: flex !important;
        align-items: center !important;
    }

    .container-search:focus-within input.js-finder-search-query.form-control,
    .container-search:focus-within .awesomplete > input {
        width: 100% !important;
        color: #292723 !important;
        border-bottom: 1px solid #80613d !important;
        padding-left: 40px !important;
        background-position: left 10px center !important;
        cursor: text !important;
    }

    .container-search:focus-within input::placeholder {
        color: #292723 !important;
    }
}

.container-search::after {
    content: "\00d7" !important;
    color: #80613d !important;
    font-size: 32px !important;
    position: absolute !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10001 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease !important;
}

@media (max-width: 991.98px) {
    .container-search::after {
        right: 20px !important;
        font-size: 26px !important;
    }
}

.container-search:focus-within::after {
    opacity: 1 !important;
}

.awesomplete > ul[hidden] {
    display: none !important;
}

.com-content-article .item-image,
.com-content-article .full-image {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 40px auto !important;
    text-align: center !important;
}

.com-content-article .item-image img,
.com-content-article .full-image img {
    width: 100% !important;
    max-width: 1100px !important;
    height: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

.com-content-article .article-body {
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 0 20px 60px 20px !important;
    font-size: 1.15rem !important;
    line-height: 1.85 !important;
    color: #292723 !important;
    text-align: left !important;
}

.com-content-article .article-body h3,
.com-content-article .article-body h4 {
    color: #80613d !important;
    margin-top: 35px !important;
    margin-bottom: 15px !important;
    text-align: left !important;
}

.blog-items .item-leading {
    grid-column: span 2 !important;
    width: 100% !important;
}

@media (max-width: 768px) {
    .blog-items .item-leading {
        grid-column: span 1 !important;
    }
}

/* ==========================================
   10. BULLETPROOF CUSTOM HTML FOOTER LAYOUT
   ========================================== */
footer.footer .grid-child,
footer.footer .footer-inner,
footer.footer .mod-custom,
footer.footer .card,
footer.footer .card-body,
footer.footer div[class*="mod-"] {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-container, div.footer-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 45px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px 60px 20px !important;
    box-sizing: border-box !important;
}

.footer-column, div.footer-column {
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    border: none !important;
}

.footer-column h4, div.footer-column h4 {
    color: #80613d !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    margin: 0 0 20px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.footer-column p {
    color: #292723 !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    margin: 0 0 15px 0 !important;
}

.footer-links, ul.footer-links {
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-links li {
    margin-bottom: 12px !important;
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
}

.footer-links a {
    color: #292723 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    transition: color 0.2s ease, padding 0.2s ease !important;
}

.footer-links a:hover {
    color: #80613d !important;
    padding-left: 5px !important;
}

@media (max-width: 768px) {
    .footer-container, div.footer-container {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        gap: 35px !important;
        padding-top: 20px !important;
    }

    .footer-column, div.footer-column {
        align-items: center !important;
    }
}

/* ==========================================
   11. ACCESSIBILITY BUTTON - VISIBILITY RESCUE
   ========================================== */
joomla-accessibility-button,
#joomla-accessibility-container,
.joomla-accessibility-button,
button.joomla-accessibility-toggle,
[id*="accessibility-btn"],
[class*="accessibility-btn"] {
    position: fixed !important;
    bottom: 25px !important;
    right: 90px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 999999 !important;
}

#joomla-accessibility-container button,
joomla-accessibility-button button,
.joomla-accessibility-button button,
button.joomla-accessibility-toggle,
.joomla-accessibility-button {
    background-color: #80613d !important;
    color: #292723 !important;
    border: 1px solid #ded8ce !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 15px rgba(200, 162, 106, 0.4) !important;
}

#joomla-accessibility-container svg,
joomla-accessibility-button svg,
.joomla-accessibility-button svg {
    fill: #000000 !important;
    stroke: #000000 !important;
}
/* ==========================================
   12. NEW BANNERS MODULE - PERFECT FOCUS
   ========================================== */

/* מוודא שהבאנר תופס את כל הרוחב במחשב ולא נחתך */
.banneritem img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* התאמה חכמה וזהה לטלפונים ניידים (אנדרואיד ואייפון) */
@media (max-width: 768px) {
    .banneritem img {
        height: 300px !important; /* קובע גובה נוח לנייד כדי שלא יתכווץ לפס דק */
        object-fit: cover !important; /* ממלא את כל השטח בלי לעוות או למתוח את התמונה */
        object-position: 22% center !important; /* נועל את הפוקוס על התיק והפרחים שבצד שמאל */
    }
}
/* ==========================================
   13. BALANCED BLACK HEADER - ENLARGED LOGO (DESKTOP)
   ========================================== */
@media (min-width: 992px) {
    header.header, .header, .container-header, .header-content {
        padding-top: 12px !important;   /* הוספת מרווח קל בשביל הלוגו הגדול */
        padding-bottom: 10px !important;
        margin: 0 !important;
        row-gap: 8px !important; 
    }

    .navbar-brand {
        margin: 0 auto !important;
        padding: 0 !important;
        line-height: 1 !important;
    }
    .navbar-brand img {
        max-height: 65px !important;   /* <--- גודל הלוגו במחשב (הגדלנו מ-50 ל-65) */
        height: auto !important;
    }

    div.grid-child.container-nav, .header .navbar, .header .navbar-collapse {
        margin: 0 !important;
        padding: 0 !important;
        min-height: auto !important;
    }

    ul.mod-menu.menu-horizontal > li > a,
    ul.mod-menu.menu-horizontal > li > span {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin: 0 !important;
        line-height: 1.4 !important; 
    }
}

/* ==========================================
   14. SHRINK BLACK HEADER - ENLARGED LOGO (MOBILE)
   ========================================== */
@media (max-width: 991.98px) {
    header.header, .header, .container-header, .header-content {
        padding-top: 6px !important;    /* הוספת מרווח קל בשביל הלוגו הגדול */
        padding-bottom: 4px !important;
        gap: 0px !important;
        row-gap: 4px !important; 
    }

    .navbar-brand {
        margin-top: 4px !important;
        margin-bottom: 0px !important;
        padding: 0 !important;
    }
    .navbar-brand img {
        max-height: 48px !important;   /* <--- גודל הלוגו בטלפון (הגדלנו מ-35 ל-48) */
        height: 48px !important;
    }

    .header .navbar-toggler {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
        padding: 2px 6px !important; 
    }

    /* התאמת מיקום זכוכית המגדלת של החיפוש ללוגו החדש */
    .container-search {
        top: 14px !important; 
    }
}
/* 🖥️ עיצוב למחשבים ומסכים גדולים בלבד - מובייל נשאר ללא שינוי */
@media (min-width: 769px) {
    
    /* פנייה לכפתורי ה-CTA בגריד המאמרים */
    .blog-item .btn, 
    .blog-item .readmore a,
    div[class*="card"] a,
    .banner-cta-action a {
        
        /* 1. ריווח (דוחף את הכפתור למטה מהטקסט ויוצר מרחב אלגנטי) */
        margin-top: 25px !important; 
        margin-bottom: 12px !important;
        
        /* 2. הקטנת הקוביה (מצמצם את הפדינג הפנימי של התיבה) */
        padding: 8px 22px !important; 
        
        /* 3. התאמת גודל הפונט עדין לקוביה הקטנה */
        font-size: 11px !important;
        letter-spacing: 2px !important;
    }
}

/* 🚫 ביטול מוחלט של קווים תחתיים בתפריט העליון ובכפתורי ה-CTA */
header a, 
.mod-menu a, 
.nav-link,
.navbar-brand a,
.blog-item .btn, 
.blog-item .readmore a,
div[class*="card"] a,
.banner-cta-action a {
    text-decoration: none !important;
}
/* 📝 תיקון גדלי פונטים במאמרים: כותרות ברורות וטקסט מעודן */

/* 1. החזרת הגודל והנוכחות לכותרות המאמרים (יוקרה מתוחכמת) */
.blog-item h2,
.blog-item h2 a,
div[class*="card"] h2,
div[class*="card"] h2 a {
    font-size: 24px !important; /* גודל מושלם ובולט לכותרת, לא ענק מדי ולא קטן מדי */
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

/* 2. טקסט התיאור (הפסקה) נשאר קטן, אלגנטי וקריא */
.blog-item p,
.blog-item .article-introtext,
div[class*="card"] p {
    font-size: 13.5px !important; /* קטן ויוקרתי, אבל לא דורש זכוכית מגדלת */
    line-height: 1.6 !important;   /* מרווח נשימה בין השורות */
    color: #292723 !important;     /* צבע אפור-לבן עדין שלא צועק */
}
/* =========================================================================
   עריכת נגישות וניקוי מערך ה-UI (רמת מומחה 1%)
   ========================================================================= */

/* 1. ביטול מלא של האייקון בצד שמאל */
body._accessibility_side_left ._access-icon,
body._accessibility_pos_left ._access-icon {
    display: none !important;
}

/* 2. מיקום מחדש של האייקון בצד ימין (מתחת ל-Back-to-Top) */
._access-icon {
    left: auto !important;
    right: 15px !important; /* יישור קו אחיד לימין */
    bottom: 15px !important; /* קביעת גובה לתחתית */
    position: fixed !important;
    z-index: 1001 !important; /* מעל המעוין */
}

/* 3. הגדרת צבעים לאייקון הימני (תואם לעוגייה) */
._access-icon ._access_icon_container {
    background-color: #80613d !important; /* צבע זהב תואם */
    color: #292723 !important; /* אייקון שחור */
    border-radius: 4px !important;
}

/* 4. ביטול המעוין המוזהב (The Gold Rhombus) */
._access-icon:after,
._access-icon:before {
    display: none !important;
}

/* 5. הרמת כפתור החזרה למעלה (Cassiopeia Back-to-Top) כדי לפנות מקום */
#back-top {
    right: 15px !important; /* יישור אנכי מושלם */
    bottom: 75px !important; /* פינוי מקום מדויק לאייקון הנגישות */
    margin-right: 0 !important;
}
@media (max-width: 768px) {
  .navbar-brand {
    font-size: 1rem !important;
    letter-spacing: 0.2em !important;
  }

  /* Stack navbar vertically and center everything */
  .navbar.container-fluid {
    flex-direction: column !important;
    align-items: center !important;
  }

  /* Center the toggler button */
  .navbar-toggler {
    margin-top: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-self: center !important;
    float: none !important;
  }
}
/* --- יישור גובה התמונות בבלוג למראה יוקרתי ואחיד --- */
.blog-items img, 
.blog-item img, 
.com-content-category-blog__item img,
.item-image img {
    width: 100% !important;
    height: 280px !important; /* גובה מלבני אלגנטי שמתאים בול לבלוג */
    object-fit: cover !important; /* חוק ברזל: חותך את התמונה במרכז וממלא את הריבוע בלי למרוח אותה! */
    transition: transform 0.4s ease !important; /* מכין את התמונה לאפקט מעבר חלק */
}

/* --- אפקט זום-אין עדין ומותגי כשגולש מרחף עם העכבר על המאמר --- */
.blog-item:hover img, 
.com-content-category-blog__item:hover img {
    transform: scale(1.03) !important; /* הגדלה מיקרוסקופית שנותנת תחושת פרימיום */
}
/* =========================================================
תיקון כיווניות (RTL) מושלם לאתר בעברית (Joomla 5)
========================================================= */

/* 1. הפיכת סדר עמודות הגריד והניווט מימין לשמאל */
.com-content-category-blog__items,
.blog-items,
.items-row,
.blog {
direction: rtl !important;
}

/* 2. ניווט ראשי ותפריט קטגוריות - סדר מימין לשמאל */
.container-header .mod-menu,
.mod-menu.menu-horizontal,
header .navbar-nav,
ul.metismenu {
direction: rtl !important;
}

/* 3. יישור טקסט, כותרות ופסקאות בתוך כרטיסיות הבלוג */
.com-content-category-blog__item,
.blog-item,
.com-content-category-blog__item article,
.com-content-category-blog__item .card-body,
.com-content-category-blog__item h1,
.com-content-category-blog__item h2,
.com-content-category-blog__item h3,
.com-content-category-blog__item p,
.com-content-category-blog__item li {
direction: rtl !important;
text-align: right !important;
}

/* 4. תיקון סימני פיסוק (סימני שאלה ?) בכותרות מאמר בודד ובבלוג */
.com-content-article h1,
.item-page h1,
.page-header h1,
.com-content-category-blog__item h1,
.com-content-category-blog__item h2,
.com-content-category-blog__item h2 a,
.blog-item h2,
.blog-item h2 a,
.item-page h2,
.item-page h3 {
unicode-bidi: isolate !important;
direction: rtl !important;
text-align: right !important;
}

/* 5. עמוד מאמר בודד (Single Article) - יישור מימין לשמאל */
.com-content-article,
.item-page,
.article-details,
.com-content-article .article-body {
direction: rtl !important;
text-align: right !important;
}

/* 6. כפתורי "קרא עוד" - מרכוז אלגנטי במרכז הכרטיסייה */
.com-content-category-blog__item .readmore,
.com-content-category-blog__item a.btn,
.blog-item .btn,
.blog-item .readmore,
.readmore a {
direction: rtl !important;
text-align: center !important;
display: table !important;
margin: 15px auto 0 auto !important;
}

/* =========================================================
   TUSCANY GLOW — SHARED MEGA MENU ENGINE
   Required parent classes:
   tg-mega tg-mega-jewelry / tg-mega-skincare / tg-mega-leather
   ========================================================= */

@media (min-width: 992px) {
    .container-header .container-nav {
        position: relative !important;
    }

    .metismenu.menu-horizontal > li:has(> a.tg-mega) {
        position: static !important;
    }

    .metismenu.menu-horizontal
    > li:has(> a.tg-mega)
    > ul.mm-collapse {
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: min(1000px, calc(100vw - 50px)) !important;
        min-height: 270px !important;
        margin: 0 !important;
        padding: 30px 36px !important;
        grid-template-columns: minmax(300px, .9fr) minmax(390px, 1.1fr) !important;
        grid-auto-rows: auto !important;
        column-gap: 48px !important;
        align-items: stretch !important;
        direction: ltr !important;
        background: #ffffff !important;
        border: 1px solid #80613d !important;
        border-top-width: 2px !important;
        border-radius: 0 0 8px 8px !important;
        box-shadow: 0 20px 45px rgba(0, 0, 0, .7) !important;
        box-sizing: border-box !important;
        z-index: 10000 !important;
        display: none !important;
    }

    .metismenu.menu-horizontal
    > li:has(> a.tg-mega):hover
    > ul.mm-collapse,
    .metismenu.menu-horizontal
    > li:has(> a.tg-mega):focus-within
    > ul.mm-collapse,
    .metismenu.menu-horizontal
    > li:has(> a.tg-mega)
    > ul.mm-collapse.mm-show {
        display: grid !important;
    }

    .metismenu.menu-horizontal
    > li:has(> a.tg-mega)
    > ul.mm-collapse::before {
        white-space: pre-line !important;
        grid-column: 1 !important;
        grid-row: 1 / span 4 !important;
        display: block !important;
        min-height: 210px !important;
        padding: 22px 24px !important;
        direction: rtl !important;
        text-align: right !important;
        color: #80613d !important;
        font-size: 21px !important;
        font-weight: 600 !important;
        line-height: 1.55 !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        text-shadow: 0 2px 4px rgba(0, 0, 0, .95), 0 0 12px rgba(0, 0, 0, .8) !important;
        border: 1px solid rgba(200, 162, 106, .65) !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
    }

    .metismenu.menu-horizontal
    > li:has(> a.tg-mega)
    > ul.mm-collapse
    > li {
        grid-column: 2 !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        direction: rtl !important;
    }

    .metismenu.menu-horizontal
    > li:has(> a.tg-mega)
    > ul.mm-collapse
    > li
    > a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 48px !important;
        padding: 10px 15px !important;
        direction: rtl !important;
        text-align: right !important;
        color: #292723 !important;
        background: transparent !important;
        border-bottom: 1px solid rgba(200, 162, 106, .22) !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
        white-space: normal !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        transition: color .2s ease, background-color .2s ease, padding-right .2s ease !important;
    }

    .metismenu.menu-horizontal
    > li:has(> a.tg-mega)
    > ul.mm-collapse
    > li
    > a:hover,
    .metismenu.menu-horizontal
    > li:has(> a.tg-mega)
    > ul.mm-collapse
    > li
    > a:focus {
        color: #80613d !important;
        background: rgba(200, 162, 106, .08) !important;
        padding-right: 20px !important;
    }

    a.tg-mega + button.mm-toggler {
        width: 18px !important;
        height: 18px !important;
        margin-inline-start: 7px !important;
        padding: 0 !important;
        position: relative !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    a.tg-mega + button.mm-toggler::after {
        content: "" !important;
        position: absolute !important;
        top: 3px !important;
        left: 4px !important;
        width: 8px !important;
        height: 8px !important;
        border: 0 !important;
        border-right: 2px solid #80613d !important;
        border-bottom: 2px solid #80613d !important;
        transform: rotate(45deg) !important;
        transition: transform .2s ease !important;
    }

    a.tg-mega + button.mm-toggler[aria-expanded="true"]::after {
        top: 7px !important;
        transform: rotate(225deg) !important;
    }

    .metismenu.menu-horizontal
    > li:has(> a.tg-mega-jewelry)
    > ul.mm-collapse::before {
        content: "עולם המויסונייט\A ברק על־זמני. בחירה חכמה.";
        background-image: linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.18) 48%, rgba(0,0,0,.38)), url("/images/mega-menu/moissanite-mega-menu.png") !important;
        background-position: center 58% !important;
    }

    .metismenu.menu-horizontal
    > li:has(> a.tg-mega-skincare)
    > ul.mm-collapse::before {
        content: "טיפוח מן הטבע\A שמנים בוטניים. זוהר טוסקני.";
        background-image: linear-gradient(180deg, rgba(0,0,0,.76), rgba(0,0,0,.15) 50%, rgba(0,0,0,.38)), url("/images/mega-menu/skincare-mega-menu.png") !important;
        background-position: center 58% !important;
    }

    .metismenu.menu-horizontal
    > li:has(> a.tg-mega-leather)
    > ul.mm-collapse::before {
        content: "אומנות העור האיטלקי\A חומר טבעי. מלאכה נצחית.";
        background-image: linear-gradient(180deg, rgba(0,0,0,.76), rgba(0,0,0,.12) 48%, rgba(0,0,0,.35)), url("/images/mega-menu/leather-mega-menu.png") !important;
        background-position: center 56% !important;
    }
}

@media (max-width: 991.98px) {
    .metismenu
    > li:has(> a.tg-mega)
    > ul.mm-collapse {
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 10px 0 4px !important;
        padding: 8px 14px !important;
        transform: none !important;
        direction: rtl !important;
        text-align: right !important;
        background: #ffffff !important;
        border: 1px solid rgba(200, 162, 106, .55) !important;
        border-radius: 5px !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    .metismenu
    > li:has(> a.tg-mega)
    > ul.mm-collapse
    > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .metismenu
    > li:has(> a.tg-mega)
    > ul.mm-collapse
    > li
    > a {
        display: block !important;
        width: 100% !important;
        padding: 13px 10px !important;
        direction: rtl !important;
        text-align: right !important;
        color: #292723 !important;
        background: transparent !important;
        border-bottom: 1px solid rgba(200, 162, 106, .22) !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;
        white-space: normal !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .metismenu
    > li:has(> a.tg-mega)
    > ul.mm-collapse
    > li:last-child
    > a {
        border-bottom: 0 !important;
    }

    .metismenu
    > li:has(> a.tg-mega)
    > ul.mm-collapse
    > li
    > a:hover,
    .metismenu
    > li:has(> a.tg-mega)
    > ul.mm-collapse
    > li
    > a:focus {
        color: #80613d !important;
        background: rgba(200, 162, 106, .08) !important;
    }

    a.tg-mega + button.mm-toggler {
        width: 20px !important;
        height: 20px !important;
        margin-inline-start: 8px !important;
        padding: 0 !important;
        position: relative !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    a.tg-mega + button.mm-toggler::after {
        content: "" !important;
        position: absolute !important;
        top: 4px !important;
        left: 5px !important;
        width: 8px !important;
        height: 8px !important;
        border: 0 !important;
        border-right: 2px solid #80613d !important;
        border-bottom: 2px solid #80613d !important;
        transform: rotate(45deg) !important;
    }

    a.tg-mega + button.mm-toggler[aria-expanded="true"]::after {
        top: 8px !important;
        transform: rotate(225deg) !important;
    }

    a.tg-mega + button.mm-toggler:focus {
        outline: none !important;
    }

    a.tg-mega + button.mm-toggler:focus-visible {
        outline: 2px solid #dfba84 !important;
        outline-offset: 3px !important;
        border-radius: 3px !important;
    }
}

.com-content-category-blog__item p:has(.readmore),
.com-content-category-blog__item .readmore-container {
text-align: center !important;
width: 100% !important;
}
/* חיפוש — מיקום בכותרת במחשב */
@media (min-width: 992px) {
    .container-search {
        position: absolute !important;
        top: -55px !important;
        right: 70px !important;
        left: auto !important;
        margin: 0 !important;
        z-index: 10020 !important;
        outline: none !important;
    }
}
/* כותרת ראשית בעמודי מאמר */
.com-content-article .page-header h1,
.com-content-article h1,
.item-page .page-header h1,
.item-page h1 {
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: clamp(30px, 3vw, 46px) !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

/* כותרת המאמר בנייד */
@media (max-width: 768px) {
    .com-content-article .page-header h1,
    .com-content-article h1,
    .item-page .page-header h1,
    .item-page h1 {
        font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        margin-bottom: 28px !important;
    }
}
/* באנר מואסנייט – מחשב */
@media (min-width: 769px) {
    .moissanite-category-hero-img {
        width: 100% !important;
        height: 390px !important;
        max-height: 390px !important;
        object-fit: cover !important;
        object-position: center 58% !important;
    }
}

/* ==========================================
   באנר מואסנייט – מחשב ונייד
   ========================================== */

/* מחשב */
@media (min-width: 769px) {
    .moissanite-category-hero-img {
        display: block !important;
        width: 100% !important;
        height: 390px !important;
        max-height: 390px !important;
        object-fit: cover !important;
        object-position: center 58% !important;
    }
}

/* נייד */
@media (max-width: 768px) {
    .moissanite-category-hero {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .moissanite-category-hero-img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    .moissanite-category-hero .leather-category-content,
    .moissanite-category-hero .leather-category-content-inner {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #ffffff !important;
        color: #292723 !important;
        box-sizing: border-box !important;
    }

    .moissanite-category-hero .leather-category-content-inner {
        padding: 18px 16px 22px !important;
        text-align: center !important;
    }

    .moissanite-category-hero h2 {
        display: block !important;
        height: auto !important;
        margin: 0 0 10px !important;
        color: #80613d !important;
        font-size: 20px !important;
        line-height: 1.35 !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .moissanite-category-hero p {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        color: #292723 !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}/* =====================================================
   תיקון סופי: מעטפת באנר מואסנייט בנייד
   מבטל את גובה 300px של באנר דף הבית
   ===================================================== */

@media (max-width: 768px) {

    .container-banner:has(.moissanite-category-hero),
    .container-banner:has(.moissanite-category-hero) .mod-custom {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .container-banner:has(.moissanite-category-hero)
    .moissanite-category-hero {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .container-banner:has(.moissanite-category-hero)
    img.moissanite-category-hero-img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    .moissanite-category-hero .leather-category-content,
    .moissanite-category-hero .leather-category-content-inner {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}
/* =====================================================
   באנר קטגוריית טיפוח – תיקון סופי למחשב ולנייד
   עוקף את הגדרות באנר דף הבית
   ===================================================== */

/* מחשב */
@media (min-width: 769px) {

    .container-banner:has(.tg-skincare-banner),
    .container-banner:has(.tg-skincare-banner) .mod-custom {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .container-banner:has(.tg-skincare-banner)
    .tg-skincare-banner {
        display: block !important;
        width: 100% !important;
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
        margin: 0 0 18px !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
    }

    .container-banner:has(.tg-skincare-banner)
    img.tg-skincare-banner-image {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: cover !important;
        object-position: center 58% !important;
    }
}

/* נייד */
@media (max-width: 768px) {

    .container-banner:has(.tg-skincare-banner),
    .container-banner:has(.tg-skincare-banner) .mod-custom {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .container-banner:has(.tg-skincare-banner)
    .tg-skincare-banner {
        display: block !important;
        width: 100% !important;
        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
    }

    .container-banner:has(.tg-skincare-banner)
    img.tg-skincare-banner-image {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: cover !important;
        object-position: 70% center !important;
    }
}
/* ==================================================
   באנר טיפוח – תיקון סופי במחשב
   זהה בגובה לבאנר המואסנייט
   ================================================== */

@media (min-width: 769px) {

    body .container-banner:has(.tg-skincare-category),
    body .container-banner:has(.tg-skincare-banner),
    body .container-banner:has(.tg-skincare-category) .mod-custom,
    body .container-banner:has(.tg-skincare-banner) .mod-custom {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .container-banner:has(.tg-skincare-category)
    .tg-skincare-banner,
    body .container-banner:has(.tg-skincare-banner)
    .tg-skincare-banner {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body .container-banner:has(.tg-skincare-category)
    img.tg-skincare-banner-image,
    body .container-banner:has(.tg-skincare-banner)
    img.tg-skincare-banner-image {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: cover !important;
        object-position: 70% center !important;
    }
}
/* ==================================================
   באנר קטגוריית תיקי עור איטלקיים
   ================================================== */

.tg-leather-category {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #faf8f4 !important;
}

.tg-leather-banner {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.tg-leather-banner-image {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
}

/* כותרת ותיאור */
.tg-leather-intro {
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 20px 28px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    direction: rtl !important;
    background: #faf8f4 !important;
    color: #292723 !important;
}

.tg-leather-intro h1 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.tg-leather-intro p {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* מחשב */
@media (min-width: 769px) {

    .container-banner:has(.tg-leather-category),
    .container-banner:has(.tg-leather-category) .mod-custom {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .tg-leather-banner,
    .tg-leather-banner-image {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
    }

    .tg-leather-banner-image {
        object-position: center center !important;
    }
}

/* נייד */
@media (max-width: 768px) {

    .container-banner:has(.tg-leather-category),
    .container-banner:has(.tg-leather-category) .mod-custom {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .tg-leather-banner,
    .tg-leather-banner-image {
        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;
    }

    .tg-leather-banner-image {
        object-fit: cover !important;

        /* שומר את שני התיקים במרכז החיתוך בנייד */
        object-position: 36% center !important;
    }

    .tg-leather-intro {
        padding: 20px 18px 24px !important;
    }

    .tg-leather-intro h1 {
        margin-bottom: 8px !important;
        font-size: 24px !important;
    }

    .tg-leather-intro p {
        max-width: 340px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}
/* ==================================================
   באנר קטגוריית סטייל ותכשיטים – קוד מלא
   ================================================== */

.tg-style-jewelry-category {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #faf8f4 !important;
}

.tg-style-jewelry-banner {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
}

.tg-style-jewelry-banner-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* כותרת ותיאור */
.tg-style-jewelry-intro {
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 20px 28px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    direction: rtl !important;
    background: #faf8f4 !important;
    color: #292723 !important;
}

.tg-style-jewelry-intro h1 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.tg-style-jewelry-intro p {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* מחשב */
@media (min-width: 769px) {

    body .container-banner:has(.tg-style-jewelry-category),
    body .container-banner:has(.tg-style-jewelry-category) .mod-custom {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .tg-style-jewelry-banner {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        overflow: hidden !important;
    }

    body .container-banner
    .tg-style-jewelry-banner
    img.tg-style-jewelry-banner-image {
        width: 100% !important;
        max-width: 100% !important;
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}

/* נייד – מציג את כל התמונה */
@media (max-width: 768px) {

    body .container-banner:has(.tg-style-jewelry-category),
    body .container-banner:has(.tg-style-jewelry-category) .mod-custom,
    body .tg-style-jewelry-category {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .container-banner
    .tg-style-jewelry-banner,
    body .tg-style-jewelry-banner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .container-banner
    .tg-style-jewelry-banner
    img.tg-style-jewelry-banner-image,
    body .tg-style-jewelry-banner
    img.tg-style-jewelry-banner-image {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    body .tg-style-jewelry-intro {
        padding: 20px 18px 24px !important;
    }

    body .tg-style-jewelry-intro h1 {
        margin-bottom: 8px !important;
        font-size: 24px !important;
    }

    body .tg-style-jewelry-intro p {
        max-width: 340px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}
/* ==================================================
   באנר קטגוריית לייף סטייל איטלקי
   ================================================== */

.tg-italian-lifestyle-category {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #faf8f4 !important;
}

.tg-italian-lifestyle-banner {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #faf8f4 !important;
}

.tg-italian-lifestyle-banner-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* כותרת ותיאור */
.tg-italian-lifestyle-intro {
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 20px 28px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    direction: rtl !important;
    background: #faf8f4 !important;
    color: #292723 !important;
}

.tg-italian-lifestyle-intro h1 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.tg-italian-lifestyle-intro p {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* מחשב */
@media (min-width: 769px) {

    body .container-banner:has(.tg-italian-lifestyle-category),
    body .container-banner:has(.tg-italian-lifestyle-category) .mod-custom {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .tg-italian-lifestyle-banner {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
    }

    body .container-banner
    .tg-italian-lifestyle-banner
    img.tg-italian-lifestyle-banner-image {
        width: 100% !important;
        max-width: 100% !important;
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}

/* נייד – כל התמונה ללא חיתוך */
@media (max-width: 768px) {

    body .container-banner:has(.tg-italian-lifestyle-category),
    body .container-banner:has(.tg-italian-lifestyle-category) .mod-custom,
    body .tg-italian-lifestyle-category,
    body .tg-italian-lifestyle-banner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .container-banner
    .tg-italian-lifestyle-banner
    img.tg-italian-lifestyle-banner-image,
    body .tg-italian-lifestyle-banner
    img.tg-italian-lifestyle-banner-image {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    body .tg-italian-lifestyle-intro {
        padding: 20px 18px 24px !important;
    }

    body .tg-italian-lifestyle-intro h1 {
        margin-bottom: 8px !important;
        font-size: 24px !important;
    }

    body .tg-italian-lifestyle-intro p {
        max-width: 340px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}
.tg-italian-lifestyle-picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* מיקום מדויק של האישה בגרסת המחשב */
@media (min-width: 769px) {
    body .tg-italian-lifestyle-picture
    img.tg-italian-lifestyle-banner-image {
        width: 100% !important;
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        object-fit: cover !important;
        object-position: center 75% !important;
    }
}

/* בנייד נשארת התמונה הקודמת בשלמותה */
@media (max-width: 768px) {
    body .tg-italian-lifestyle-picture {
        height: auto !important;
    }

    body .tg-italian-lifestyle-picture
    img.tg-italian-lifestyle-banner-image {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center !important;
    }
}
/* תיקון המסגרת הלבנה בעמוד סטייל ותכשיטים */
body:has(.tg-style-jewelry-category),
body:has(.tg-style-jewelry-category) .site-grid,
body:has(.tg-style-jewelry-category) .grid-child,
body:has(.tg-style-jewelry-category) .container-component,
body:has(.tg-style-jewelry-category) main,
body:has(.tg-style-jewelry-category) .blog,
body:has(.tg-style-jewelry-category) .blog-items {
    background-color: #faf8f4 !important;
}
/* ==================================================
   באנר קטגוריית איזון ורוגע
   ================================================== */

.tg-balance-calm-category {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #faf8f4 !important;
}

.tg-balance-calm-banner {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #faf8f4 !important;
}

.tg-balance-calm-banner-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* כותרת ותיאור */
.tg-balance-calm-intro {
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 20px 28px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    direction: rtl !important;
    background: #faf8f4 !important;
    color: #292723 !important;
}

.tg-balance-calm-intro h1 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.tg-balance-calm-intro p {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* מחשב */
@media (min-width: 769px) {

    body .container-banner:has(.tg-balance-calm-category),
    body .container-banner:has(.tg-balance-calm-category) .mod-custom {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .tg-balance-calm-banner {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        overflow: hidden !important;
    }

    body .container-banner
    .tg-balance-calm-banner
    img.tg-balance-calm-banner-image,
    body .tg-balance-calm-banner
    img.tg-balance-calm-banner-image {
        width: 100% !important;
        max-width: 100% !important;
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        object-fit: cover !important;
        object-position: center 62% !important;
    }
}

/* נייד – הצגת התמונה בשלמותה */
@media (max-width: 768px) {

    body .container-banner:has(.tg-balance-calm-category),
    body .container-banner:has(.tg-balance-calm-category) .mod-custom,
    body .tg-balance-calm-category,
    body .tg-balance-calm-banner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .container-banner
    .tg-balance-calm-banner
    img.tg-balance-calm-banner-image,
    body .tg-balance-calm-banner
    img.tg-balance-calm-banner-image {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    body .tg-balance-calm-intro {
        padding: 20px 18px 24px !important;
    }

    body .tg-balance-calm-intro h1 {
        margin-bottom: 8px !important;
        font-size: 24px !important;
    }

    body .tg-balance-calm-intro p {
        max-width: 340px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}
/* ==================================================
   באנר קטגוריית מדריכים
   ================================================== */

.tg-guides-category {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #faf8f4 !important;
}

.tg-guides-banner {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #faf8f4 !important;
}

.tg-guides-banner-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* כותרת ותיאור */
.tg-guides-intro {
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 20px 28px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    direction: rtl !important;
    background: #faf8f4 !important;
    color: #292723 !important;
}

.tg-guides-intro h1 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.tg-guides-intro p {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* מחשב */
@media (min-width: 769px) {

    body .container-banner:has(.tg-guides-category),
    body .container-banner:has(.tg-guides-category) .mod-custom {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .tg-guides-banner {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        overflow: hidden !important;
    }

    body .container-banner
    .tg-guides-banner
    img.tg-guides-banner-image,
    body .tg-guides-banner
    img.tg-guides-banner-image {
        width: 100% !important;
        max-width: 100% !important;
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        object-fit: cover !important;

        /* שומר את המחברת, העט והקפה בתוך התמונה */
        object-position: center 65% !important;
    }
}

/* נייד – הצגת כל התמונה ללא חיתוך */
@media (max-width: 768px) {

    body .container-banner:has(.tg-guides-category),
    body .container-banner:has(.tg-guides-category) .mod-custom,
    body .tg-guides-category,
    body .tg-guides-banner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .container-banner
    .tg-guides-banner
    img.tg-guides-banner-image,
    body .tg-guides-banner
    img.tg-guides-banner-image {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    body .tg-guides-intro {
        padding: 20px 18px 24px !important;
    }

    body .tg-guides-intro h1 {
        margin-bottom: 8px !important;
        font-size: 24px !important;
    }

    body .tg-guides-intro p {
        max-width: 340px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}
/* ==================================================
   באנר קטגוריית המגזין
   ================================================== */

.tg-magazine-category {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #faf8f4 !important;
}

.tg-magazine-banner {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #faf8f4 !important;
}

.tg-magazine-banner-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* כותרת ותיאור */
.tg-magazine-intro {
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 20px 28px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    direction: rtl !important;
    background: #faf8f4 !important;
    color: #292723 !important;
}

.tg-magazine-intro h1 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.tg-magazine-intro p {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* מחשב */
@media (min-width: 769px) {

    body .container-banner:has(.tg-magazine-category),
    body .container-banner:has(.tg-magazine-category) .mod-custom {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .tg-magazine-banner {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        overflow: hidden !important;
    }

    body .container-banner
    .tg-magazine-banner
    img.tg-magazine-banner-image,
    body .tg-magazine-banner
    img.tg-magazine-banner-image {
        width: 100% !important;
        max-width: 100% !important;
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        object-fit: cover !important;

        /* שומר את המגזין והאביזרים בתוך הפריים */
        object-position: center 65% !important;
    }
}

/* נייד – הצגת התמונה בשלמותה */
@media (max-width: 768px) {

    body .container-banner:has(.tg-magazine-category),
    body .container-banner:has(.tg-magazine-category) .mod-custom,
    body .tg-magazine-category,
    body .tg-magazine-banner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .container-banner
    .tg-magazine-banner
    img.tg-magazine-banner-image,
    body .tg-magazine-banner
    img.tg-magazine-banner-image {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    body .tg-magazine-intro {
        padding: 20px 18px 24px !important;
    }

    body .tg-magazine-intro h1 {
        margin-bottom: 8px !important;
        font-size: 24px !important;
    }

    body .tg-magazine-intro p {
        max-width: 340px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}
/* המגזין – הקטנת הבאנר במחשב בלבד */
@media (min-width: 769px) {

    html body .tg-magazine-banner {
        display: block !important;
        width: 100% !important;
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
        overflow: hidden !important;
    }

    html body .tg-magazine-banner
    img.tg-magazine-banner-image {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
        object-fit: cover !important;
        object-position: center 67% !important;
    }
}
/* ==================================================
   באנר קטגוריית טיפוח לגבר
   ================================================== */

.tg-grooming-category {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #faf8f4 !important;
}

.tg-grooming-banner {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #faf8f4 !important;
}

.tg-grooming-banner-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* כותרת ותיאור */
.tg-grooming-intro {
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 20px 28px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    direction: rtl !important;
    background: #faf8f4 !important;
    color: #292723 !important;
}

.tg-grooming-intro h1 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.tg-grooming-intro p {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* מחשב */
@media (min-width: 769px) {

    body .container-banner:has(.tg-grooming-category),
    body .container-banner:has(.tg-grooming-category) .mod-custom {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    html body .tg-grooming-banner {
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
        overflow: hidden !important;
    }

    html body .tg-grooming-banner
    img.tg-grooming-banner-image {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
        object-fit: cover !important;

        /* שומר את הגבר ואת מוצרי הטיפוח בפריים */
        object-position: center 60% !important;
    }
}

/* נייד – הצגת התמונה בשלמותה */
@media (max-width: 768px) {

    body .container-banner:has(.tg-grooming-category),
    body .container-banner:has(.tg-grooming-category) .mod-custom,
    body .tg-grooming-category,
    body .tg-grooming-banner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body .container-banner
    .tg-grooming-banner
    img.tg-grooming-banner-image,
    body .tg-grooming-banner
    img.tg-grooming-banner-image {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    body .tg-grooming-intro {
        padding: 20px 18px 24px !important;
    }

    body .tg-grooming-intro h1 {
        margin-bottom: 8px !important;
        font-size: 24px !important;
    }

    body .tg-grooming-intro p {
        max-width: 340px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}
/* עמוד הבית – מיקוד האישה והתיק בנייד */
@media (max-width: 768px) {
    html body .container-banner
    .luxury-home-hero
    img.luxury-home-hero-img {
        object-fit: cover !important;
        object-position: 92% center !important;
    }
}
/* פוטר – העלאת העמודות וצמצום הרווח העליון */
footer.footer {
    padding-top: 0 !important;
}

footer.footer .footer-container {
    padding-top: 10px !important;
}
/* ==================================================
   TUSCANY GLOW – FOOTER 2026
   ================================================== */

/* ניקוי מעטפות הפוטר של Cassiopeia */
footer.footer:has(.tg-footer-2026) {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #faf8f4 !important;
    background-image: none !important;
    border: 0 !important;
}

footer.footer:has(.tg-footer-2026)::before {
    display: none !important;
    content: none !important;
}

footer.footer:has(.tg-footer-2026) .grid-child,
footer.footer:has(.tg-footer-2026) .mod-custom,
footer.footer:has(.tg-footer-2026) .moduletable,
footer.footer:has(.tg-footer-2026) div[class*="mod-"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* גוף הפוטר */
.tg-footer-2026 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 24px clamp(20px, 4vw, 70px) 18px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    color: #292723 !important;
    background: #faf8f4 !important;
    border-top: 1px solid #80613d !important;
}

/* מבנה שלוש העמודות */
.tg-footer-2026__grid {
    display: grid !important;

    /* 3 עמודות ממורכזות */
    grid-template-columns: 420px 220px 220px !important;

    gap: clamp(45px, 5vw, 90px) !important;

    width: 100% !important;
    max-width: 1200px !important;

    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 20px !important;

    align-items: start !important;
    justify-content: center !important;

    box-sizing: border-box !important;
}


/* עמודות */
.tg-footer-2026__column {
    display: block !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    background: transparent !important;
    border: 0 !important;
}
/* כותרות */
.tg-footer-2026__column h2 {
    margin: 0 0 13px !important;
    padding: 0 !important;
    color: #80613d !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* פסקאות */
.tg-footer-2026__column p {
    margin: 0 0 9px !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}

/* רשימות */
.tg-footer-2026__column ul {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.tg-footer-2026__column li {
    display: block !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    list-style: none !important;
}

.tg-footer-2026__column li::marker {
    content: "" !important;
}

/* קישורים */
.tg-footer-2026 a {
    color: #292723 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.tg-footer-2026 a:hover,
.tg-footer-2026 a:focus-visible {
    color: #80613d !important;
}

/* תוויות פרטי קשר */
.tg-footer-2026__contact span {
    color: #80613d !important;
    font-weight: 600 !important;
}

/* זכויות יוצרים */
.tg-footer-2026__bottom {
    display: block !important;
    width: 100% !important;
    max-width: 1450px !important;
    margin: 18px auto 0 !important;
    padding: 13px 0 0 !important;
    text-align: center !important;
    border-top: 1px solid rgba(200, 162, 106, 0.28) !important;
}

.tg-footer-2026__bottom p {
    margin: 0 !important;
    padding: 0 !important;
    color: #292723 !important;
    font-family: "Heebo", Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

/* טאבלט */
@media (max-width: 991px) {
    .tg-footer-2026__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px 40px !important;
    }
}

/* נייד */
@media (max-width: 600px) {
    .tg-footer-2026 {
        padding: 22px 20px 16px !important;
    }

    .tg-footer-2026__grid {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }

    .tg-footer-2026__column {
        text-align: center !important;
    }

    .tg-footer-2026__brand p {
        max-width: 340px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .tg-footer-2026__bottom {
        margin-top: 22px !important;
    }
}
/* WhatsApp בפוטר */
.tg-footer-whatsapp a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
}

.tg-footer-whatsapp__icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    color: #80613d !important;
}

.tg-footer-whatsapp a:hover .tg-footer-whatsapp__icon,
.tg-footer-whatsapp a:focus-visible .tg-footer-whatsapp__icon {
    color: #25d366 !important;
}

/* =====================================================
   TUSCANY GLOW – MOBILE HEADER + NEW MOBILE SEARCH
   FINAL CLEAN VERSION
   Hamburger LEFT | Logo CENTER | Search RIGHT
   ===================================================== */

@media (max-width: 991.98px) {

    /* ---------- HEADER ---------- */
    .container-header {
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: center !important;

        position: relative !important;

        width: 100% !important;
        height: 104px !important;
        min-height: 104px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #faf8f4 !important;
    }

    /* logo layer + nav layer occupy the same header row */
    .container-header > .grid-child:has(.navbar-brand),
    .container-header > .container-nav {
        grid-area: 1 / 1 !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* ---------- LOGO ---------- */
    .container-header .navbar-brand {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 104px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
        z-index: 2 !important;
    }

    .container-header .brand-logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .container-header .brand-logo img {
        display: block !important;

        width: auto !important;
        height: auto !important;
        max-width: 145px !important;
        max-height: 72px !important;

        margin: 0 auto !important;
    }

    /* ---------- NAV OVERLAY ---------- */
    .container-header > .container-nav {
        position: absolute !important;

        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;

        width: 100% !important;
        height: 104px !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 20 !important;

        /* prevents the transparent nav layer from blocking the logo */
        pointer-events: none !important;
    }

    /* ---------- MENU / HAMBURGER ---------- */
    .container-header .navbar {
        position: static !important;

        display: block !important;

        width: 100% !important;
        height: 104px !important;

        margin: 0 !important;
        padding: 0 !important;

        pointer-events: none !important;
    }

    .container-header .navbar-toggler {
        position: absolute !important;

        top: 50% !important;
        left: 20px !important;
        right: auto !important;

        width: 48px !important;
        height: 48px !important;

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

        margin: 0 !important;
        padding: 6px !important;

        transform: translateY(-50%) !important;

        z-index: 40 !important;
        pointer-events: auto !important;
    }

    /* opened mobile menu */
    .container-header .navbar-collapse {
        position: absolute !important;

        top: 104px !important;
        left: 0 !important;
        right: 0 !important;

        width: 100vw !important;

        padding: 16px 20px !important;

        background: #faf8f4 !important;
        direction: rtl !important;

        z-index: 10050 !important;
        pointer-events: auto !important;
    }

    /* ---------- HIDE OLD JOOMLA SEARCH ON MOBILE ---------- */
    .container-header .container-search {
        display: none !important;
    }

    /* ---------- NEW MOBILE SEARCH ---------- */
    .tg-mobile-search {
        display: block !important;

        position: absolute !important;

        top: 50% !important;
        right: 20px !important;
        left: auto !important;

        width: 48px !important;
        height: 48px !important;

        transform: translateY(-50%) !important;

        margin: 0 !important;
        padding: 0 !important;

        direction: rtl !important;

        z-index: 60 !important;
        pointer-events: auto !important;
    }

    .tg-mobile-search__toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: absolute !important;
        top: 0 !important;
        right: 0 !important;

        width: 48px !important;
        height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 50% !important;
        outline: 0 !important;

        background: transparent !important;
        color: #80613d !important;

        cursor: pointer !important;
    }

    .tg-mobile-search__toggle:hover,
    .tg-mobile-search__toggle:focus-visible {
        color: #292723 !important;
    }

    /* Search form closed */
    .tg-mobile-search__form {
        display: flex !important;
        align-items: center !important;

        position: absolute !important;

        top: 50% !important;
        right: 0 !important;

        width: 0 !important;
        height: 46px !important;

        transform: translateY(-50%) !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        border: 1px solid rgba(200, 162, 106, 0.75) !important;
        border-radius: 24px !important;

        background: #faf8f4 !important;

        opacity: 0 !important;
        visibility: hidden !important;

        pointer-events: none !important;

        transition:
            width 0.28s ease,
            opacity 0.18s ease !important;
    }

    /* Search open - grows LEFT because it is anchored to right:0 */
    .tg-mobile-search.is-open {
        width: min(320px, calc(100vw - 88px)) !important;
    }

    .tg-mobile-search.is-open .tg-mobile-search__toggle {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .tg-mobile-search.is-open .tg-mobile-search__form {
        width: min(320px, calc(100vw - 88px)) !important;

        opacity: 1 !important;
        visibility: visible !important;

        pointer-events: auto !important;
    }

    .tg-mobile-search__input {
        display: block !important;
        flex: 1 1 auto !important;

        width: 100% !important;
        min-width: 0 !important;
        height: 44px !important;

        margin: 0 !important;

        padding-block: 0 !important;
        padding-inline-start: 52px !important;
        padding-inline-end: 16px !important;

        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;

        background: transparent !important;
        color: #292723 !important;

        font-family: "Heebo", Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 44px !important;

        text-align: right !important;

        -webkit-appearance: none !important;
        appearance: none !important;
    }

    .tg-mobile-search__input::placeholder {
        color: rgba(41, 39, 35, 0.65) !important;
        opacity: 1 !important;
    }

    .tg-mobile-search__input::-webkit-search-cancel-button {
        -webkit-appearance: none !important;
        appearance: none !important;
    }

    .tg-mobile-search__submit {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: absolute !important;

        top: 50% !important;
        left: 3px !important;
        right: auto !important;

        width: 42px !important;
        height: 42px !important;

        transform: translateY(-50%) !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        outline: 0 !important;

        background: transparent !important;
        color: #80613d !important;

        cursor: pointer !important;
    }

    .tg-mobile-search__submit:hover,
    .tg-mobile-search__submit:focus-visible {
        color: #292723 !important;
    }

    /* When search opens, hide logo so the input has breathing room */
    .container-header.tg-search-open .navbar-brand {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* Desktop: new mobile search is never shown */
@media (min-width: 992px) {
    .tg-mobile-search {
        display: none !important;
    }
}
/* כותרת שחורה קומפקטית באמת – מחשב בלבד */
@media (min-width: 992px) {

    header.container-header {
        display: block !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    /* שורת הלוגו */
    header.container-header > .grid-child:first-child {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 70px !important;
        min-height: 70px !important;

        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    header.container-header .navbar-brand {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: 70px !important;
        min-height: 0 !important;

        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* הלוגו נשאר גדול למרות שהשורה נמוכה */
    header.container-header .navbar-brand img {
        width: auto !important;
        max-width: 210px !important;
        max-height: 58px !important;

        transform: scale(1.28) !important;
        transform-origin: center center !important;
    }

    /* שורת התפריט */
    header.container-header > .grid-child.container-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 20px 4px !important;
    }

    header.container-header .navbar,
    header.container-header .navbar-collapse,
    header.container-header .mod-menu {
        min-height: 0 !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
/* =====================================================
   TUSCANY GLOW – HOME HERO DESKTOP
   תמונה עד פס הזהב, בלי להגדיל את הפוטר
   ===================================================== */

@media (min-width: 769px) {

    /* מבטלים את המרווח השחור הישן */
    body.itemid-101 .site-grid {
        margin-bottom: 0 !important;
    }

    /* כל שרשרת הבאנר מקבלת את אותו הגובה */
    body.itemid-101 .container-banner,
    body.itemid-101 .bannergroup,
    body.itemid-101 .banneritem,
    body.itemid-101 .luxury-home-hero,
    body.itemid-101 .luxury-home-hero-picture {
        display: block !important;
        width: 100% !important;

        height: 515px !important;
        min-height: 515px !important;
        max-height: 515px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    /* התמונה */
    body.itemid-101 img.luxury-home-hero-img {
        display: block !important;

        width: 100% !important;
        height: 515px !important;
        min-height: 515px !important;
        max-height: 515px !important;

        object-fit: cover !important;
        object-position: center center !important;

        margin: 0 !important;
        padding: 0 !important;
    }
}
/* Magazine: pagination fits the mobile viewport */
@media (max-width: 768px) {
    body.view-category.layout-blog .pagination {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.view-category.layout-blog .pagination .page-item {
        flex: 0 0 auto !important;
    }

    body.view-category.layout-blog .pagination .page-link {
        min-width: 36px !important;
        padding: 8px 10px !important;
        text-align: center !important;
    }
}
/* =====================================================
   NET – CATEGORY CARDS TEXT COLOR FIX
   מונע צבעים פנימיים של מאמרים בתוך תצוגת הקטגוריה
   ===================================================== */

.com-content-category-blog__item .item-content,
.com-content-category-blog__item .item-content p,
.com-content-category-blog__item .item-content p span,
.com-content-category-blog__item .article-introtext,
.com-content-category-blog__item .article-introtext span {
    color: #292723 !important;
}
/* =====================================================
   NET – STYLE & JEWELRY – MOBILE LOGO FIX
   itemid-135 בלבד
   ===================================================== */

@media (max-width: 991.98px) {

    body.itemid-135 .container-header .navbar-brand {
        display: flex !important;
        position: absolute !important;

        top: 52px !important;
        left: 50% !important;
        right: auto !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        align-items: center !important;
        justify-content: center !important;

        transform: translate(-50%, -50%) !important;

        opacity: 1 !important;
        visibility: visible !important;

        z-index: 1000 !important;
    }

    body.itemid-135 .container-header .navbar-brand img,
    body.itemid-135 .container-header .brand-logo img {
        display: block !important;

        width: auto !important;
        height: auto !important;

        max-width: 145px !important;
        max-height: 72px !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
        filter: none !important;
    }
}
/* =====================================================
   BLOG CARDS – 6 שורות אוטומטיות + להמשך קריאה
   ===================================================== */

.blog-items .blog-card-excerpt {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 6 !important;

    overflow: hidden !important;

    line-height: 1.7 !important;

    height: 10.2em !important;      /* 6 × 1.7 */
    min-height: 10.2em !important;
    max-height: 10.2em !important;

    margin: 0 !important;

    direction: rtl !important;
    text-align: right !important;
}

/* הכפתור מגיע מיד אחרי אזור 6 השורות */
.blog-items .blog-item .readmore {
    margin-top: 16px !important;
    padding-top: 0 !important;
}
/* =====================================================
   NET – BLOG CARD IMAGES – UNIFIED SIZE
   יחס קבוע 1200 × 499
   ===================================================== */

.com-content-category-blog__item .item-image,
.blog-items .blog-item .item-image {
    display: block !important;

    width: 100% !important;
    aspect-ratio: 1200 / 499 !important;

    margin: 0 0 18px 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    border-radius: 4px !important;
}

/* התמונה עצמה */
.com-content-category-blog__item .item-image img,
.blog-items .blog-item .item-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
}
@media (max-width: 768px) {
    .luxury-contact-divider {
        display: none !important;
    }

    .luxury-contact-section {
        padding: 40px 20px !important;
    }

    .luxury-contact-grid {
        gap: 35px !important;
    }

    .luxury-contact-col {
        min-width: 0 !important;
        width: 100% !important;
    }
}
/* CONTACT PAGE – MOBILE */
@media (max-width: 768px) {

    .luxury-contact-section {
        padding: 45px 25px !important;
    }

    .luxury-contact-grid {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 45px !important;
        width: 100% !important;
    }

    .luxury-contact-col {
        flex: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .luxury-contact-divider {
        display: none !important;
    }

    .luxury-contact-col h2 {
        text-align: right !important;
    }

    .luxury-contact-col p {
        max-width: none !important;
    }

    .btn-luxury-send {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }
}
/* =====================================================
   TUSCANY GLOW – LEGAL PAGES
   Accessibility / Cookies / Terms / Privacy
   ===================================================== */

.tg-legal-page {
    direction: rtl;
    text-align: right;

    max-width: 1450px;
    margin: 0 auto;
    padding: 20px 35px 55px;

    color: #292723;
    font-size: 1rem;
    line-height: 1.9;
}

.tg-legal-page h2 {
    color: #80613d !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    margin: 22px 0 14px !important;
}

.tg-legal-page h3 {
    color: #80613d !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;

    margin: 28px 0 10px !important;
}

.tg-legal-page p {
    color: #292723 !important;
    margin: 0 0 18px !important;
    line-height: 1.9 !important;
}

.tg-legal-page ul {
    margin: 10px 20px 22px 0 !important;
    padding: 0 20px 0 0 !important;
}

.tg-legal-page li {
    color: #292723 !important;
    margin-bottom: 8px !important;
    line-height: 1.8 !important;
}

.tg-legal-page strong {
    color: #292723;
}

.tg-legal-page a {
    color: #80613d !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.tg-legal-page a:hover {
    color: #80613d !important;
}

.tg-legal-page .legal-update {
    margin-top: 35px !important;
    color: #292723 !important;
    font-size: 0.9rem;
}


/* MOBILE */
@media (max-width: 768px) {

    .tg-legal-page {
        padding: 15px 20px 40px;
        font-size: 0.95rem;
        line-height: 1.8;
    }

    .tg-legal-page h2 {
        font-size: 1.25rem !important;
    }

    .tg-legal-page h3 {
        font-size: 1.05rem !important;
    }
}
/* קישורים בתוך תוכן המאמר */
.com-content-article__body p a,
.com-content-article__body li a,
.item-page p a,
.item-page li a {
  color: #80613d !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* מעבר עכבר וניווט במקלדת */
.com-content-article__body p a:hover,
.com-content-article__body li a:hover,
.item-page p a:hover,
.item-page li a:hover,
.com-content-article__body p a:focus-visible,
.com-content-article__body li a:focus-visible,
.item-page p a:focus-visible,
.item-page li a:focus-visible {
  color: #80613d !important;
}
/* H1 visually hidden - Women's Leather Bags - Menu Item 187 */
body.itemid-187 main h1 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
/* Hidden H1 - Leather Bags main category */
body.itemid-134 main h1 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* NET – Magazine typography refinement */

/* כותרות המאמרים */
.com-content-category-blog__item .page-header h2,
.com-content-category-blog__item .page-header h2 a,
.blog-items .page-header h2,
.blog-items .page-header h2 a {
    font-size: 1.28rem !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

/* תקציר המאמר */
.com-content-category-blog__item .article-body,
.com-content-category-blog__item .item-content,
.com-content-category-blog__item p {
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}

/* כפתור המשך קריאה */
.com-content-category-blog__item .readmore a,
.blog-items .readmore a {
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
}
.com-content-category-blog__item .page-header h2,
.com-content-category-blog__item .page-header h2 a {
    font-size: 1.18rem !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.com-content-category-blog__item p {
    font-size: 0.92rem !important;
    line-height: 1.6 !important;
}

/* =====================================================
   LEATHER SUBCATEGORIES – UNIFIED MOBILE HERO
   Women / Men / Backpacks / Business
   ===================================================== */

@media (max-width: 767.98px) {

    .tg-category-banner {
        width: 100% !important;
        height: 240px !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .tg-category-banner img {
        display: block !important;
        width: 100% !important;
        height: 240px !important;
        max-height: none !important;
        object-fit: cover !important;
    }

    /* תיקי עור לנשים */
    .tg-women-banner img {
        object-position: 45% center !important;
    }

    /* תיקי עור לגברים */
    .tg-men-banner img {
        object-position: 48% center !important;
    }

    /* תיקי גב מעור */
    .tg-backpacks-banner img {
        object-position: 42% center !important;
    }

    /* תיקי עסקים מעור */
    .tg-business-banner img {
        object-position: 68% center !important;
    }
}
/* =====================================================
   CATEGORY SEO H1 – VISUALLY HIDDEN
   H1 קיים ונגיש אך אינו משנה את העיצוב
   ===================================================== */

.tg-category-h1 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
      /* Men's leather bags - hide Joomla generated page heading */
body.itemid-188 .container-component .page-header {
    display: none !important;
}
 
/* BELINDA — visible keyboard focus and light-header controls */
.container-header .navbar-toggler,
.container-header .mm-toggler {
    color: #292723 !important;
}
.container-header .navbar-toggler .icon-menu {
    color: inherit !important;
}
.container-header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23292723' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid #80613d !important;
    outline-offset: 3px !important;
}
@media (prefers-reduced-motion: reduce) {
    .tg-mobile-search__form,
    .blog-item img,
    .com-content-category-blog__item img {
        transition: none !important;
    }
}
/* Photo captions keep light text over their original dark image overlays. */
@media (min-width: 992px) {
    .metismenu.menu-horizontal > li:has(> a.tg-mega) > ul.mm-collapse::before {
        color: #f4e6cc !important;
    }
}
/* BELINDA — header menu contrast */
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span,
.container-header .mod-menu > li > button,
.container-header .navbar-nav .nav-link {
    color: #292723 !important;
}

.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li > a:focus-visible,
.container-header .mod-menu > li.active > a {
    color: #80613d !important;
}
/* BELINDA — Footer */
.container-footer:has(.belinda-footer) {
    background: #f7f5f1;
    background-image: none;
    color: #292723;
    border-top: 1px solid #e4dfd6;
}

.container-footer:has(.belinda-footer) > .grid-child {
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    padding: 0;
    display: block;
}

.belinda-footer {
    width: 100%;
    padding: 56px 28px 22px;
    color: #292723;
    text-align: right;
    font-size: 0.95rem;
    line-height: 1.8;
}

.belinda-footer,
.belinda-footer * {
    box-sizing: border-box;
}

.belinda-footer__grid {
    display: grid;
    grid-template-columns: 1.4fr 0.8fr 1.1fr 0.9fr;
    gap: 40px;
}

.belinda-footer a {
    color: #292723;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.belinda-footer a:hover {
    color: #765c36;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.belinda-footer a:focus-visible {
    outline: 2px solid #765c36;
    outline-offset: 5px;
}

.belinda-footer .belinda-footer__logo {
    display: inline-block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(32px, 4vw, 43px);
    font-weight: 400;
    letter-spacing: 0.13em;
    line-height: 1.2;
    direction: ltr;
}

.belinda-footer__brand p {
    max-width: 330px;
    margin: 18px 0 22px;
}

.belinda-footer h2 {
    margin: 0 0 18px;
    color: #292723;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
}

.belinda-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.belinda-footer li + li {
    margin-top: 10px;
}

.belinda-footer address {
    font-style: normal;
}

.belinda-footer address p {
    margin: 0 0 10px;
}

.belinda-footer .belinda-footer__whatsapp {
    display: inline-block;
    padding: 10px 18px;
    border: 1px solid #857052;
    border-radius: 2px;
    color: #54432b;
}

.belinda-footer .belinda-footer__whatsapp:hover {
    background: #eee8df;
}

.belinda-footer__map {
    display: inline-block;
    margin-top: 4px;
}

.belinda-footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e0dacf;
    color: #625d55;
    font-size: 0.8rem;
}

.belinda-footer__signature {
    letter-spacing: 0.2em;
    direction: ltr;
}

@media (max-width: 991px) {
    .belinda-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px;
    }
}

@media (max-width: 575px) {
    .belinda-footer {
        padding: 36px 22px 20px;
    }

    .belinda-footer__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }

    .belinda-footer h2 {
        margin-bottom: 12px;
    }

    .belinda-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 28px;
        gap: 8px;
    }
}
/* BELINDA – Larger product card image */
@media (min-width: 769px) {
    .com-content-category-blog__item .item-image {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .com-content-category-blog__item .item-image img {
        width: 100% !important;
        max-height: none !important;
        height: auto !important;
    }
}


/* BELINDA — WOMEN SHOES MEGA MENU, 2026-10-16 */
@media (min-width: 992px) {
  .metismenu.menu-horizontal > li:has(> a.tg-mega-shoes) > ul.mm-collapse {
    width: min(760px, calc(100vw - 48px)) !important;
    min-height: 0 !important;
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
    grid-template-rows: repeat(4, auto) !important;
    column-gap: 40px !important;
    row-gap: 4px !important;
    align-items: start !important;
    padding: 24px 28px !important;
  }
  .metismenu.menu-horizontal > li:has(> a.tg-mega-shoes) > ul.mm-collapse::before { content: none !important; display: none !important; }
  .metismenu.menu-horizontal > li:has(> a.tg-mega-shoes) > ul.mm-collapse > li:nth-child(1) { grid-column: 2 !important; grid-row: 1 !important; }
  .metismenu.menu-horizontal > li:has(> a.tg-mega-shoes) > ul.mm-collapse > li:nth-child(2) { grid-column: 2 !important; grid-row: 2 !important; }
  .metismenu.menu-horizontal > li:has(> a.tg-mega-shoes) > ul.mm-collapse > li:nth-child(3) { grid-column: 2 !important; grid-row: 3 !important; }
  .metismenu.menu-horizontal > li:has(> a.tg-mega-shoes) > ul.mm-collapse > li:nth-child(4) { grid-column: 2 !important; grid-row: 4 !important; }
  .metismenu.menu-horizontal > li:has(> a.tg-mega-shoes) > ul.mm-collapse > li:nth-child(5) { grid-column: 1 !important; grid-row: 1 !important; }
  .metismenu.menu-horizontal > li:has(> a.tg-mega-shoes) > ul.mm-collapse > li:nth-child(6) { grid-column: 1 !important; grid-row: 2 !important; }
  .metismenu.menu-horizontal > li:has(> a.tg-mega-shoes) > ul.mm-collapse > li:nth-child(7) { grid-column: 1 !important; grid-row: 3 !important; }
  .metismenu.menu-horizontal > li:has(> a.tg-mega-shoes) > ul.mm-collapse > li:nth-child(8) { grid-column: 1 !important; grid-row: 4 !important; }
}