/* Detailed B2C / B2B Travel CRM product page */
.crm-detail-page{--crm-green:#08a958;--crm-deep:#063f4d;--crm-ink:#0f172a;--crm-muted:#657185;overflow:hidden;color:var(--crm-ink)}
.crm-detail-hero{position:relative;padding:86px 0 78px;background:radial-gradient(circle at 84% 24%,rgba(32,203,121,.14),transparent 28%),linear-gradient(135deg,#f7fffb 0,#ebfaf3 58%,#f8fbff 100%)}
.crm-detail-hero:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 48% 48%,transparent 0 19px,rgba(38,111,82,.035) 20px 21px);pointer-events:none}
.crm-detail-hero-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:54px}
.crm-detail-copy h1{font:800 clamp(45px,5vw,72px)/1.02 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 22px;text-wrap:balance}
.crm-detail-copy>p{font-size:18px;line-height:1.72;color:var(--crm-muted);max-width:650px;margin:0}
.crm-detail-pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e4f8ed;border:1px solid #bdebd0;color:#087941;font-size:11px;font-weight:800;letter-spacing:.09em;margin-bottom:18px}
.crm-hero-checks{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.crm-hero-checks span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dce8e2;border-radius:999px;background:rgba(255,255,255,.82);font-size:12px;font-weight:650;color:#536174}.crm-hero-checks i{color:var(--crm-green)}
.crm-hero-media{position:relative;min-height:535px}.crm-browser{margin:0;border:1px solid #dbe6e1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 25px 65px rgba(14,56,42,.14)}.crm-browser img{width:100%;height:100%;object-fit:cover;object-position:top}
.crm-browser-main{position:absolute;right:0;top:10px;width:88%;height:398px}.crm-browser-float{position:absolute;left:0;bottom:16px;width:50%;height:220px}.crm-stat{position:absolute;width:118px;height:118px;border-radius:34px;background:#fff;border:1px solid #e0e9e5;box-shadow:0 18px 45px rgba(10,55,40,.14);display:grid;place-content:center;text-align:center}.crm-stat strong{font:800 30px Manrope;color:var(--crm-green)}.crm-stat span{font-size:11px;color:#6c7789}.crm-stat.stat-one{right:-8px;bottom:70px}.crm-stat.stat-two{right:105px;bottom:-4px}
.crm-capability-strip{border-top:1px solid #e2ebe6;border-bottom:1px solid #e2ebe6;background:#fff}.crm-capability-strip .container{display:grid;grid-template-columns:repeat(4,1fr)}.crm-capability-strip article{display:flex;align-items:center;gap:13px;padding:23px;border-right:1px solid #e4e9ef}.crm-capability-strip article:last-child{border-right:0}.crm-capability-strip i{flex:0 0 44px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e7f8ef;color:var(--crm-green);font-size:18px}.crm-capability-strip b,.crm-capability-strip span{display:block}.crm-capability-strip b{font-size:14px}.crm-capability-strip span{font-size:11px;color:#6b7688}
.crm-intro{padding:100px 0}.crm-section-heading{max-width:880px;margin-bottom:42px}.crm-section-heading.centered{margin-left:auto;margin-right:auto;text-align:center}.crm-section-heading>span,.crm-kicker{display:block;color:var(--crm-green);font-size:11px;font-weight:800;letter-spacing:.11em;margin-bottom:10px}.crm-section-heading h2,.crm-feature-copy h2{font:800 clamp(34px,4vw,52px)/1.1 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 15px}.crm-section-heading p,.crm-feature-copy>p{color:var(--crm-muted);font-size:16px;margin:0}.crm-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.crm-module-grid article{padding:25px 23px;border:1px solid #e2e8ed;border-radius:18px;background:#fff;box-shadow:0 13px 32px rgba(15,23,42,.045)}.crm-module-grid i,.crm-final-grid i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e7f8ef;color:var(--crm-green);font-size:19px}.crm-module-grid h3,.crm-final-grid h3{font:750 18px Manrope,sans-serif;margin:16px 0 7px}.crm-module-grid p,.crm-final-grid p{font-size:13px;color:#667286;margin:0}
.crm-feature-section{padding:98px 0;background:#fff}.crm-feature-section.mint{background:#eefbf5}.crm-feature-section.pale-blue{background:#f1f7ff}.crm-feature-section.soft-green{background:#effbf7}.crm-feature-section.pale-gold{background:#fff9ee}.crm-feature-section.soft-gray{background:#f7f9fc}.crm-feature-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:58px;align-items:center}.crm-feature-grid.reverse{grid-template-columns:1.16fr .84fr}.crm-feature-grid.reverse .crm-feature-copy{order:2}.crm-feature-grid.reverse>.crm-shot,.crm-feature-grid.reverse>.crm-image-combo,.crm-feature-grid.reverse>.crm-productivity-collage{order:1}.crm-feature-copy>p{line-height:1.75}.crm-check-list{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:12px}.crm-check-list li{position:relative;padding-left:27px;color:#4f5d70;font-size:14px;font-weight:600}.crm-check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--crm-green);font-weight:900}.crm-shot{margin:0;border:1px solid #dfe7e3;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 25px 65px rgba(17,48,38,.12)}.crm-shot img{width:100%;height:auto}.crm-image-combo{position:relative;padding:0 0 45px 48px}.crm-mini-shot{position:absolute;left:0;bottom:0;width:28%;margin:0;border:1px solid #dce5e0;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px rgba(18,50,39,.16);background:#fff}.crm-stack-shots{position:relative;padding-bottom:80px}.crm-stack-shots .small{position:absolute;right:-18px;bottom:0;width:62%}.crm-productivity-collage{position:relative;padding-right:105px;padding-bottom:30px}.crm-productivity-collage .notes{width:100%}.crm-phone-shot{position:absolute;right:0;bottom:0;width:145px;margin:0;border:1px solid #dde6e2;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 25px 60px rgba(16,42,34,.18)}
.crm-dark-band{padding:78px 0;background:#061f2a;color:#fff}.crm-section-heading.light h2{color:#fff}.crm-section-heading.light>span{color:#75ebb0}.crm-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.crm-role-grid article{padding:25px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.055)}.crm-role-grid i{font-size:22px;color:#6fe8ac}.crm-role-grid h3{font:750 18px Manrope;margin:15px 0 7px}.crm-role-grid p{font-size:13px;color:#bccbd3;margin:0}
.crm-final-features{padding:100px 0}.crm-final-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.crm-final-grid article{padding:28px;border:1px solid #e1e7ec;border-radius:18px;background:#fff}.crm-demo-cta{padding:38px 0 88px}.crm-demo-cta .container{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px 44px;border:1px solid #efd9ad;border-radius:22px;background:linear-gradient(120deg,#fff7e6,#fffdfa)}.crm-demo-cta span{display:block;color:var(--crm-green);font-size:11px;font-weight:800;letter-spacing:.1em}.crm-demo-cta h2{font:800 clamp(30px,3.5vw,45px)/1.1 Manrope;margin:8px 0}.crm-demo-cta p{color:#687487;margin:0}
@media(max-width:1100px){.crm-detail-hero-grid,.crm-feature-grid,.crm-feature-grid.reverse{grid-template-columns:1fr}.crm-feature-grid.reverse .crm-feature-copy,.crm-feature-grid.reverse>.crm-shot,.crm-feature-grid.reverse>.crm-image-combo,.crm-feature-grid.reverse>.crm-productivity-collage{order:initial}.crm-module-grid{grid-template-columns:repeat(2,1fr)}.crm-capability-strip .container{grid-template-columns:repeat(2,1fr)}.crm-capability-strip article:nth-child(2){border-right:0}.crm-capability-strip article:nth-child(-n+2){border-bottom:1px solid #e4e9ef}.crm-role-grid{grid-template-columns:repeat(2,1fr)}.crm-feature-copy{max-width:760px}.crm-stack-shots{padding-bottom:110px}}
@media(max-width:760px){.crm-detail-hero{padding:58px 0}.crm-detail-copy h1{font-size:42px}.crm-detail-copy>p{font-size:16px}.crm-hero-checks span{width:100%}.crm-hero-media{min-height:auto;display:grid;gap:14px}.crm-browser-main,.crm-browser-float{position:relative;inset:auto;width:100%;height:auto}.crm-stat{display:none}.crm-capability-strip .container,.crm-module-grid,.crm-role-grid,.crm-final-grid{grid-template-columns:1fr}.crm-capability-strip article{border-right:0;border-bottom:1px solid #e4e9ef}.crm-intro,.crm-feature-section,.crm-final-features{padding:70px 0}.crm-section-heading.centered{text-align:left}.crm-feature-copy h2{font-size:34px}.crm-image-combo{padding:0}.crm-mini-shot{display:none}.crm-stack-shots{padding:0;display:grid;gap:15px}.crm-stack-shots .small{position:relative;inset:auto;width:100%}.crm-productivity-collage{padding:0}.crm-phone-shot{display:none}.crm-demo-cta .container{display:block;padding:30px}.crm-demo-cta .btn{margin-top:22px}}
/* Corrected image compositions */
.crm-stack-shots{padding-bottom:48px}
.crm-stack-shots .small{right:18px;bottom:0;width:58%;max-height:260px}
.crm-stack-shots .small img{display:block;width:100%;height:100%;max-height:260px;object-fit:cover;object-position:top}
.crm-productivity-collage{padding-right:0;padding-bottom:0;display:grid;grid-template-columns:1fr 210px;gap:18px;align-items:end}
.crm-productivity-collage .notes{width:100%}
.crm-phone-shot{position:relative;right:auto;bottom:auto;width:210px;max-height:470px}
.crm-phone-shot img{display:block;width:100%;height:470px;object-fit:cover;object-position:top}
@media(max-width:1100px){.crm-productivity-collage{grid-template-columns:1fr 180px}.crm-phone-shot{width:180px}.crm-phone-shot img{height:410px}}
@media(max-width:760px){.crm-stack-shots .small{max-height:none}.crm-stack-shots .small img{max-height:none}.crm-productivity-collage{grid-template-columns:1fr}.crm-phone-shot{display:none}}

/* Bigin-inspired visual refresh — HTML/CSS only, existing CRM screenshots retained */
.crm-detail-page{--crm-green:#20d978;--crm-green-dark:#00a85a;--crm-lime:#d9ff68;--crm-cream:#fff7e8;--crm-mint:#eaffef;--crm-ink:#10182c;--crm-muted:#667085;background:#fff}
.crm-detail-page .container{max-width:1420px!important}
.crm-detail-hero{padding:72px 0 54px;background:linear-gradient(180deg,#fff9ee 0%,#fffdf9 58%,#dcffe7 100%)}
.crm-detail-hero:before{display:none}
.crm-detail-hero-grid{grid-template-columns:.82fr 1.18fr;gap:48px}
.crm-detail-copy h1{font-size:clamp(46px,5.2vw,72px);line-height:.98;letter-spacing:-.06em;max-width:620px}
.crm-detail-copy>p{font-size:17px;line-height:1.65;max-width:590px}
.crm-detail-pill{background:#fff;border:1px solid #dfe7dc;color:#0e7f4d;box-shadow:0 4px 14px rgba(16,24,40,.05)}
.crm-detail-page .btn-primary{background:#e87b23;border-color:#e87b23;box-shadow:0 10px 22px rgba(255,61,84,.2)}
.crm-detail-page .btn-primary:hover{background:#e87b23;border-color:#e87b23}
.crm-detail-page .btn-outline{border-color:#cdd8cf;background:#fff;color:#172033}
.crm-hero-media{min-height:500px}
.crm-browser{border-radius:14px;border-color:#dce8df;box-shadow:0 28px 70px rgba(3,60,35,.16)}
.crm-browser-main{width:92%;height:375px;top:20px}
.crm-browser-float{width:52%;height:205px;bottom:12px}
.crm-stat{width:102px;height:102px;border-radius:24px}
.crm-stat strong{font-size:26px}
.crm-capability-strip{background:#fff;border-color:#e8eee9}
.crm-capability-strip article{padding:18px 20px}
.crm-capability-strip i{background:#e5faee}
.crm-proof-strip{padding:28px 0 70px;background:#fff}
.crm-proof-strip .container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.crm-proof-card{position:relative;padding:22px 22px 20px 76px;border:1px solid #e6e9e7;border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(16,24,40,.06)}
.crm-proof-card p{margin:0 0 12px;color:#354052;font-size:14px;line-height:1.55}
.crm-proof-card strong{font-size:12px;color:#758092}
.crm-proof-avatar{position:absolute;left:20px;top:22px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#dffbea;color:#07814b;font:800 13px Manrope}
.crm-intro{padding:78px 0 110px;background:linear-gradient(180deg,#31de83 0%,#28d778 52%,#05a95a 100%);color:#082919}
.crm-intro .crm-section-heading>span{color:#075f38}
.crm-intro .crm-section-heading h2{color:#073a24}
.crm-intro .crm-section-heading p{color:#135b3b}
.crm-module-grid{grid-template-columns:repeat(4,1fr);gap:14px}
.crm-module-grid article{border:0;border-radius:14px;box-shadow:0 12px 30px rgba(4,92,48,.14);min-height:190px}
.crm-module-grid i{background:#e7fff0}
.crm-feature-section{padding:92px 0}
.crm-feature-section.mint,.crm-feature-section.pale-blue,.crm-feature-section.soft-green,.crm-feature-section.soft-gray{background:#fff}
.crm-feature-section.pale-gold{background:#fff6e6}
.crm-feature-grid{gap:70px}
.crm-feature-copy h2{font-size:clamp(36px,4.2vw,56px);line-height:1.04}
.crm-shot{border-radius:14px;box-shadow:0 24px 58px rgba(16,24,40,.12)}
.crm-feature-section:nth-of-type(even) .crm-shot{transform:rotate(-.4deg)}
.crm-feature-section:nth-of-type(odd) .crm-shot{transform:rotate(.35deg)}
.crm-check-list{gap:13px}
.crm-check-list li{font-size:15px}
.crm-dark-band{padding:86px 0;background:linear-gradient(180deg,#07342a,#05271f)}
.crm-role-grid article{background:#0c4437;border-color:#246253;border-radius:14px}
.crm-final-features{padding:96px 0;background:#fff}
.crm-final-grid{grid-template-columns:repeat(3,1fr)}
.crm-final-grid article{border-radius:16px;min-height:180px;background:linear-gradient(145deg,#fff,#f8fbf9)}
.crm-faq-section{padding:90px 0;background:#f7fff9}
.crm-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.crm-faq-grid h2{font:800 clamp(36px,4vw,54px)/1.06 Manrope,sans-serif;letter-spacing:-.05em;margin:0 0 18px}
.crm-faq-grid>div>p{color:#687385;line-height:1.7}
.crm-faq-list{border-top:1px solid #dce7df}
.crm-faq-list details{border-bottom:1px solid #dce7df;padding:0}
.crm-faq-list summary{cursor:pointer;list-style:none;padding:22px 42px 22px 0;font:750 17px Manrope;position:relative}
.crm-faq-list summary::-webkit-details-marker{display:none}
.crm-faq-list summary:after{content:"+";position:absolute;right:4px;top:18px;font-size:26px;color:#06a85a}
.crm-faq-list details[open] summary:after{content:"−"}
.crm-faq-list details p{margin:-4px 0 22px;color:#667085;line-height:1.65}
.crm-demo-cta{padding:70px 0 90px;background:#fff}
.crm-demo-cta .container{border:0;border-radius:18px;background:linear-gradient(120deg,#fff0cf,#fff8ea);box-shadow:0 14px 40px rgba(133,93,18,.08)}
.crm-demo-cta .btn-danger{background:#e87b23;border-color:#e87b23}
@media(max-width:1100px){.crm-proof-strip .container{grid-template-columns:1fr 1fr}.crm-module-grid{grid-template-columns:repeat(2,1fr)}.crm-faq-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:760px){.crm-detail-hero{padding:52px 0 34px}.crm-detail-copy h1{font-size:43px}.crm-proof-strip{padding-bottom:52px}.crm-proof-strip .container{grid-template-columns:1fr}.crm-intro{padding:66px 0}.crm-module-grid{grid-template-columns:1fr}.crm-module-grid article{min-height:auto}.crm-feature-section{padding:68px 0}.crm-feature-grid{gap:34px}.crm-feature-copy h2{font-size:35px}.crm-final-grid{grid-template-columns:1fr}.crm-faq-section{padding:68px 0}.crm-demo-cta{padding:50px 0 70px}}

/* Enquiry pipeline image composition fix */
.crm-feature-section .crm-image-combo{
  position:relative;
  width:100%;
  padding:42px 0 54px 58px;
}
.crm-feature-section .crm-image-combo>.crm-shot{
  width:100%;
  margin:0;
  transform:none;
  overflow:hidden;
}
.crm-feature-section .crm-image-combo>.crm-shot img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center top;
}
.crm-feature-section .crm-image-combo>.crm-mini-shot.search{
  position:absolute;
  left:0;
  top:0;
  bottom:auto;
  width:190px;
  max-width:31%;
  height:auto;
  margin:0;
  z-index:2;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 20px 46px rgba(16,42,34,.18);
}
.crm-feature-section .crm-image-combo>.crm-mini-shot.search img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center top;
}
@media(max-width:1100px){
  .crm-feature-section .crm-image-combo{max-width:850px;padding:36px 0 48px 48px}
  .crm-feature-section .crm-image-combo>.crm-mini-shot.search{width:170px}
}
@media(max-width:760px){
  .crm-feature-section .crm-image-combo{padding:0;display:grid;gap:14px}
  .crm-feature-section .crm-image-combo>.crm-mini-shot.search{position:relative;inset:auto;width:100%;max-width:100%;order:2}
  .crm-feature-section .crm-image-combo>.crm-shot{order:1}
}

/* Mobile CRM hero correction — compact, full-width and overflow-safe */
@media(max-width:760px){
  .crm-detail-page,
  .crm-detail-page section,
  .crm-detail-page .container,
  .crm-detail-hero-grid,
  .crm-detail-copy,
  .crm-hero-media{min-width:0!important;max-width:100%!important}
  .crm-detail-hero{padding:28px 0 38px!important}
  .crm-detail-hero-grid{display:block!important}
  .crm-detail-copy{width:100%!important}
  .crm-detail-pill{margin-bottom:14px!important;font-size:10px!important}
  .crm-detail-copy h1{
    max-width:none!important;
    margin:0 0 16px!important;
    font-size:37px!important;
    line-height:1.04!important;
    letter-spacing:-.045em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:pretty!important;
  }
  .crm-detail-copy>p{max-width:none!important;font-size:15px!important;line-height:1.62!important}
  .crm-detail-copy .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:22px!important}
  .crm-detail-copy .hero-actions .btn{width:100%!important;min-height:50px!important;justify-content:center!important}
  .crm-hero-checks{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:18px!important}
  .crm-hero-checks span{width:100%!important;justify-content:flex-start!important}
  .crm-hero-media{display:block!important;margin-top:24px!important;min-height:0!important}
  .crm-browser-main{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important}
  .crm-browser-main img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top!important}
  .crm-browser-float,.crm-stat{display:none!important}
  .crm-capability-strip .container{grid-template-columns:1fr!important}
  .crm-capability-strip article{padding:16px 12px!important}
  .crm-proof-strip{padding-top:36px!important}
}
@media(max-width:390px){
  .crm-detail-copy h1{font-size:34px!important}
}