/* ===== CARMELIM GRID FIX ===== */ /* Grid: 3 equal columns on desktop, 2 on tablet, 1 on mobile */ .service-grid.m-c-v-items-container, div.service-grid.m-c-v-items-container, .features-container .service-grid, .services-container .service-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; align-items: stretch !important; float: none !important; } @media (max-width: 900px) { .service-grid.m-c-v-items-container { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 560px) { .service-grid.m-c-v-items-container { grid-template-columns: 1fr !important; } } /* Each card: full height flex column */ .service-item-wrap.m-c-v-item-wrap { width: 100% !important; min-width: 0 !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; float: none !important; padding: 0 !important; margin: 0 !important; } /* Inner item: flex column, fills card height */ .service-item-wrap .service-item { display: flex !important; flex-direction: column !important; height: 100% !important; box-sizing: border-box !important; overflow: hidden !important; border-radius: 8px !important; } /* Image: fixed height, never shrinks */ .service-item-wrap .service-item > img { width: 100% !important; height: 200px !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border-radius: 8px 8px 0 0 !important; } /* bgLazyload span used as background image */ .service-item-wrap .service-item > span.fa-stack { display: block !important; width: 100% !important; height: 200px !important; background-size: cover !important; background-position: center !important; flex-shrink: 0 !important; border-radius: 8px 8px 0 0 !important; font-size: inherit !important; } /* Text area: grows to fill remaining space */ .service-item-wrap .service-details { padding: 14px 16px 16px !important; flex: 1 !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; } /* Title: no truncation, wraps cleanly */ .service-item-wrap .service-details h4 { word-break: break-word !important; overflow-wrap: break-word !important; white-space: normal !important; overflow: visible !important; text-overflow: unset !important; margin-bottom: 8px !important; line-height: 1.4 !important; } /* Description text */ .service-item-wrap .service-details p { word-break: break-word !important; overflow-wrap: break-word !important; white-space: normal !important; overflow: visible !important; margin: 0 !important; line-height: 1.5 !important; } /* Link fills card */ .service-item-wrap .service-link { display: flex !important; flex-direction: column !important; height: 100% !important; text-decoration: none !important; } /* ===== END CARMELIM GRID FIX ===== */ /* ===== CENTER ALL TITLES ===== */ .s123-page-header, .s123-page-slogan, .moduleTitleContainer, .modulesTitle, .page-header-wrap, .page-slogan-wrap, .header-separator-container { text-align: center !important; width: 100% !important; } .moduleTitleContainer .container, .moduleTitleContainer .row, .modulesTitle { text-align: center !important; margin-left: auto !important; margin-right: auto !important; float: none !important; } .s123-page-header { display: block !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } .s123-page-slogan { display: block !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; } /* ===== END CENTER ALL TITLES ===== */ /* ===== PREVENT HORIZONTAL SCROLL ===== */ html, body { overflow-x: hidden !important; max-width: 100% !important; } * { box-sizing: border-box !important; } /* ===== MOBILE RESPONSIVE ===== */ @media (max-width: 768px) { /* Prevent any element from overflowing horizontally */ section, div, img, table, figure { max-width: 100% !important; overflow-x: hidden !important; } /* --- Header first section: white overlay full width on mobile --- */ #section-169 .headers-text-wrap, #section-169 .headers-text-wrap > div { position: relative !important; top: auto !important; bottom: auto !important; right: auto !important; left: auto !important; width: 100% !important; max-width: 100% !important; padding: 30px 20px !important; box-sizing: border-box !important; } /* --- Second header section (כרמלים מרחב החופש) --- */ #section-69665c51e97e3 .headers-text-wrap, #section-69665c51e97e3 .box { width: 100% !important; max-width: 100% !important; padding: 24px 16px !important; box-sizing: border-box !important; } /* --- Third header section (החופשה שלכם) --- */ #section-69665c52bd2d7 .headers-container { flex-direction: column !important; } #section-69665c52bd2d7 .headers-img-wrap, #section-69665c52bd2d7 .headers-text-wrap { width: 100% !important; max-width: 100% !important; } #section-69665c52bd2d7 .headers-text-wrap { background: rgba(255,255,255,0.85) !important; padding: 24px 16px !important; border-radius: 0 !important; } /* --- Service cards: 1 per row on mobile --- */ .service-grid.m-c-v-items-container, div.service-grid.m-c-v-items-container, .features-container .service-grid, .services-container .service-grid { grid-template-columns: 1fr !important; gap: 16px !important; } /* --- Card images: smaller height --- */ .service-item-wrap .service-item > img { height: 180px !important; } /* --- Text sizes --- */ .headers-text-orders h1, .headers-text-orders .header1, .m-h-item.header1 { font-size: 1.6em !important; } .headers-text-orders h2, .headers-text-orders .header2, .m-h-item.header2 { font-size: 1em !important; } /* --- Nav bar --- */ #mainNav { position: relative !important; } /* --- Contact form --- */ .contactUsForm { padding: 0 16px !important; } /* --- General container padding --- */ .container { padding-left: 12px !important; padding-right: 12px !important; } /* --- Section padding --- */ .s123-module-services .container-content { padding-left: 8px !important; padding-right: 8px !important; } /* --- Footer --- */ .global_footer { text-align: center !important; } /* --- About section image --- */ #section-696cf3495e760 img.headers-image { width: 100% !important; height: auto !important; } } @media (max-width: 480px) { /* Extra small phones */ .m-h-item.header1 { font-size: 1.3em !important; } .service-item-wrap .service-details h4 { font-size: 1em !important; } .service-item-wrap .service-details p { font-size: 0.88em !important; } } /* ===== END MOBILE RESPONSIVE ===== */