/* OLXDom public landing only: isolated from CRM admin CSS */
.landing-page{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172333;background:#f4f6f9;margin:0;overflow-x:hidden}
.landing-page *, .landing-page *::before,.landing-page *::after{box-sizing:border-box}
.landing-page header{background:#fff;border-bottom:1px solid #e5e9ee;padding:20px max(20px,calc((100vw - 1100px)/2));font-size:20px;font-weight:800;letter-spacing:.02em}
.landing-page main{width:100%;max-width:1100px;margin:32px auto;padding:0 20px}
.landing-page .layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:24px;align-items:start}
.landing-page .layout>*{min-width:0;max-width:100%}
.landing-page .panel{min-width:0;max-width:100%;background:#fff;border:1px solid #e7ebf0;border-radius:18px;padding:24px;box-shadow:0 5px 25px #182e4808}
.landing-page h1{font-size:clamp(26px,3vw,36px);line-height:1.18;margin:0 0 12px;overflow-wrap:anywhere}
.landing-page .muted{color:#64748b;overflow-wrap:anywhere}
.landing-page .hero{display:block;width:100%;max-width:100%;aspect-ratio:16/10;object-fit:contain;background:#e9edf2;border-radius:14px;cursor:zoom-in}
.landing-page .thumbs{display:flex;max-width:100%;gap:9px;overflow-x:auto;padding:12px 0;overscroll-behavior-x:contain}
.landing-page .thumbs button{padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;cursor:pointer;flex:0 0 90px;height:70px;background:#e9edf2}
.landing-page .thumbs button.active{border-color:#2478df}
.landing-page .thumbs img{width:100%;height:100%;object-fit:cover}
.landing-page .price{font-size:clamp(25px,3vw,32px);font-weight:800;color:#1665bf;overflow-wrap:anywhere}
.landing-page .specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.landing-page .spec{min-width:0;padding:14px;background:#f5f7fa;border-radius:10px;overflow-wrap:anywhere}
.landing-page .spec strong{display:block;font-size:19px;margin-top:5px}
.landing-page .desc{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.landing-page h2{margin-top:30px;font-size:22px}
.landing-page aside .panel{position:sticky;top:24px}
.landing-page .cta{display:block;background:#146bd1;color:#fff;text-decoration:none;padding:14px;border-radius:11px;text-align:center;font-weight:700;margin-top:20px;overflow-wrap:anywhere}
.landing-page dialog{border:0;background:#111;padding:10px;max-width:95vw;max-height:95vh;border-radius:12px}
.landing-page dialog::backdrop{background:#000d}
.landing-page dialog img{max-width:90vw;max-height:85vh;object-fit:contain;display:block}
.landing-page dialog button{position:absolute;right:12px;top:12px;background:#fff;border:0;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:24px}
@media(max-width:800px){
 .landing-page header{padding:18px 16px;font-size:18px}
 .landing-page main{margin:16px auto;padding:0 12px}
 .landing-page .layout{grid-template-columns:minmax(0,1fr);gap:16px}
 .landing-page article{order:1}
 .landing-page aside{order:2}
 .landing-page aside .panel{position:static}
 .landing-page .panel{padding:16px;border-radius:16px}
 .landing-page h1{font-size:clamp(24px,6vw,32px)}
 .landing-page .hero{aspect-ratio:4/3}
 .landing-page .specs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){.landing-page .specs{grid-template-columns:minmax(0,1fr)}}

/* Public landing extensions */
.landing-page .topbar{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}.landing-page .brand{text-decoration:none;color:inherit}.landing-page .top-action{font-size:14px;letter-spacing:0;text-decoration:none;color:#176bc6}.landing-page .intro{margin:0 0 24px}.landing-page .intro p{color:#64748b;margin:8px 0 0}.landing-page .eyebrow{color:#176bc6;font-size:12px;font-weight:800;letter-spacing:.12em}.landing-page .benefits{margin-top:30px}.landing-page .benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-page .benefit{background:#f5f7fb;border-radius:12px;padding:16px;min-width:0}.landing-page .benefit span{font-size:26px;color:#176bc6;display:block}.landing-page .benefit strong{display:block;margin:8px 0 4px}.landing-page .benefit p{margin:0;color:#64748b;overflow-wrap:anywhere}.landing-page .contact-panel{margin-top:30px;background:#fff;border:1px solid #e7ebf0;border-radius:20px;padding:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;scroll-margin-top:24px}.landing-page .contact-panel h2{font-size:clamp(24px,3vw,34px);margin:12px 0}.landing-page .contact-panel p{line-height:1.6}.landing-page .form-box{min-width:0}.landing-page .form-box form{display:flex;flex-direction:column;gap:10px}.landing-page .form-box label{font-weight:600;font-size:14px}.landing-page .form-box input:not([type=checkbox]),.landing-page .form-box select{width:100%;min-width:0;padding:13px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;background:white}.landing-page .form-box input:focus,.landing-page .form-box select:focus{outline:2px solid #93c5fd}.landing-page .form-box .consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.5;margin-top:6px}.landing-page .form-box .consent input{margin-top:4px}.landing-page .form-box button.cta{border:0;font:inherit;font-weight:700;cursor:pointer}.landing-page .form-success{padding:18px;background:#eaf8ee;border-radius:12px;color:#166534}.landing-page .form-error{padding:14px;background:#fef2f2;border-radius:10px;color:#991b1b}.landing-page .trap{position:absolute;left:-9999px;opacity:0;pointer-events:none}.landing-page footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:30px 0;color:#64748b;font-size:14px}.landing-page .social-links{display:flex;gap:16px;flex-wrap:wrap}.landing-page .social-links a{color:#176bc6;text-decoration:none}.landing-page .mobile-cta{display:none}@media(max-width:800px){.landing-page .contact-panel{grid-template-columns:minmax(0,1fr);padding:20px;gap:12px}.landing-page .top-action{font-size:12px}.landing-page .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page .mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:#176bc6;color:white;text-align:center;text-decoration:none;padding:15px 12px;font-weight:700;z-index:10;box-shadow:0 -4px 20px #0002}.landing-page footer{padding-bottom:85px}}@media(max-width:420px){.landing-page .benefit-grid{grid-template-columns:1fr}}

/* Mobile two-button contact bar */
.landing-page .mobile-actions{display:none}
@media(max-width:800px){
 .landing-page .mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;position:fixed;left:0;right:0;bottom:0;bottom:env(safe-area-inset-bottom,0px);padding:10px 12px;background:#fff;box-shadow:0 -5px 24px #0002;z-index:20}
 .landing-page .mobile-actions a{display:flex;align-items:center;justify-content:center;min-height:49px;border-radius:11px;color:#fff;font-weight:700;font-size:14px;text-decoration:none;text-align:center;padding:8px;line-height:1.2}
 .landing-page .mobile-actions .mobile-call{background:#16844d}
 .landing-page .mobile-actions .mobile-cta{display:flex;position:static;box-shadow:none;background:#176bc6}
 .landing-page footer{padding-bottom:105px}
 .landing-page #contact{scroll-margin-bottom:95px}
}
@media(max-width:350px){.landing-page .mobile-actions a{font-size:12px}}

/* IRPIN4LIFE branding — logo-based olive and sunset orange */
.landing-page{background:#f7f8f3;color:#17251d}
.landing-page header{padding-top:10px;padding-bottom:10px;border-bottom-color:#e3e8d9}
.landing-page .topbar{min-height:66px}
.landing-page .brand{display:flex;align-items:center;gap:12px;letter-spacing:0}
.landing-page .brand img{width:62px;height:62px;object-fit:contain;border-radius:50%}
.landing-page .brand-text{display:flex;flex-direction:column;line-height:1.15}
.landing-page .brand-text strong{font-size:22px;color:#10251e;font-weight:850;white-space:nowrap}
.landing-page .brand-text strong span{color:#718b38}
.landing-page .brand-text small{font-size:11px;color:#75815c;letter-spacing:.03em;margin-top:5px;font-weight:500}
.landing-page .header-actions{display:flex;align-items:center;gap:22px}
.landing-page .header-phone{font-size:15px;color:#304b29;text-decoration:none;letter-spacing:0;white-space:nowrap;font-weight:700}
.landing-page .top-action{background:#e88b34;color:#fff;padding:12px 18px;border-radius:10px;font-weight:750;white-space:nowrap}
.landing-page .top-action:hover,.landing-page .cta:hover{filter:brightness(.94)}
.landing-page main{margin-top:20px}
.landing-page .intro{margin-bottom:18px}
.landing-page .eyebrow,.landing-page .benefit span,.landing-page .social-links a{color:#6c8437}
.landing-page .panel,.landing-page .contact-panel{border-color:#e5eadf}
.landing-page .price{color:#5b7831}
.landing-page .cta{background:#718f3a;color:white}
.landing-page .thumbs button.active{border-color:#e88b34}
.landing-page .spec,.landing-page .benefit{background:#f5f8ee}
.landing-page .form-box input:focus,.landing-page .form-box select:focus{outline-color:#a7bf79}
.landing-page .mobile-actions .mobile-call{background:#5e7f38}
.landing-page .mobile-actions .mobile-cta{background:#e88b34}
@media(max-width:800px){.landing-page header{padding:8px 12px}.landing-page .brand img{width:45px;height:45px}.landing-page .brand-text strong{font-size:17px}.landing-page .brand-text small{font-size:9px}.landing-page .header-phone{display:none}.landing-page .top-action{padding:10px;font-size:11px;white-space:normal;text-align:center;max-width:126px}.landing-page .header-actions{gap:8px}}
@media(max-width:370px){.landing-page .brand{gap:6px}.landing-page .brand img{width:38px;height:38px}.landing-page .brand-text strong{font-size:15px}.landing-page .brand-text small{font-size:8px}.landing-page .top-action{font-size:10px;padding:9px 7px}}