/* TasheelExpress adaptive content frames - 2026-10-20 */
/* Scoped to migrated split layouts to avoid interfering with navigation, modal and quote UI. */
.tx-template-main,.tx-template-main *{box-sizing:border-box}
.tx-template-main{min-width:0;overflow-wrap:break-word}
.tx-template-main .tx-layout-split,
.tx-template-main .tx-template-row.tx-layout-split{
 --tx-copy-ratio:minmax(0,1.12fr)!important;
 display:grid!important;
 grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;
 gap:clamp(24px,4vw,68px)!important;
 align-items:start!important;
 width:min(1280px,calc(100% - 48px))!important;
 max-width:1280px!important;
 margin-inline:auto!important;
 padding:clamp(28px,4vw,64px) 0!important;
}
.tx-template-main .tx-layout-split > .tx-template-copy,
.tx-template-main .tx-layout-split > .tx-template-visual{
 min-width:0!important;width:100%!important;max-width:none!important;
 margin:0!important;float:none!important;
}
.tx-template-main .tx-layout-split .tx-template-copy > section,
.tx-template-main .tx-layout-split .tx-template-copy > section > .container,
.tx-template-main .tx-layout-split .tx-template-copy > .container{
 width:100%!important;max-width:none!important;margin-inline:0!important;
 padding-inline:0!important;min-width:0!important;
}
.tx-template-main .tx-layout-split .tx-template-copy h1,
.tx-template-main .tx-layout-split .tx-template-copy h2{
 max-width:25ch!important;min-width:0;
 font-size:clamp(1.6rem,2.45vw,2.75rem)!important;
 line-height:1.19!important;letter-spacing:-.025em!important;
 overflow-wrap:normal;word-break:normal;hyphens:auto;
 margin:0 0 clamp(14px,2vw,26px)!important;
}
.tx-template-main .tx-layout-split .tx-template-copy p,
.tx-template-main .tx-layout-split .tx-template-copy li{
 max-width:70ch!important;min-width:0!important;
 font-size:clamp(1rem,1.08vw,1.15rem)!important;
 line-height:1.75!important;overflow-wrap:break-word;
}
.tx-template-main .tx-layout-split .tx-template-copy ul,
.tx-template-main .tx-layout-split .tx-template-copy ol{padding-inline-start:1.4em!important}
.tx-template-main .tx-layout-split .tx-template-visual{
 display:flex!important;align-items:center!important;justify-content:center!important;
 border-radius:clamp(16px,2vw,26px)!important;
 padding:clamp(10px,1.5vw,22px)!important;
 min-height:220px!important;max-height:none!important;
 overflow:hidden!important;background:#f3f7fa!important;
 box-shadow:0 16px 38px rgba(12,40,63,.10)!important;
}
.tx-template-main .tx-layout-split .tx-template-visual img,
.tx-template-main .tx-layout-split .tx-template-visual picture,
.tx-template-main .tx-layout-split .tx-template-visual video{
 display:block!important;width:100%!important;max-width:100%!important;
 height:auto!important;max-height:540px!important;object-fit:contain!important;
 border-radius:clamp(10px,1.5vw,18px)!important;
}
/* Other editorial grids: respect minimum content width and real responsive images. */
.tx-template-main .tx-template-hero-split .container,
.tx-template-main .v20-hero-inner{min-width:0!important}
.tx-template-main .tx-template-hero-split h1{font-size:clamp(2rem,3.8vw,4.1rem)!important;line-height:1.12!important;overflow-wrap:break-word}
.tx-template-main img{max-width:100%;height:auto}
@media(max-width:900px){
 .tx-template-main .tx-layout-split,.tx-template-main .tx-template-row.tx-layout-split{
  grid-template-columns:minmax(0,1fr)!important;gap:24px!important;
  width:min(760px,calc(100% - 36px))!important;padding:32px 0!important;
 }
 .tx-template-main .tx-layout-split .tx-template-copy h1,
 .tx-template-main .tx-layout-split .tx-template-copy h2{max-width:unset!important;font-size:clamp(1.65rem,5vw,2.5rem)!important}
 .tx-template-main .tx-layout-split .tx-template-visual{min-height:0!important}
 .tx-template-main .tx-layout-split .tx-template-visual img{max-height:440px!important}
}
@media(max-width:480px){
 .tx-template-main .tx-layout-split,.tx-template-main .tx-template-row.tx-layout-split{width:calc(100% - 28px)!important;padding:25px 0!important}
 .tx-template-main .tx-layout-split .tx-template-copy p{line-height:1.65!important}
 .tx-template-main .tx-layout-split .tx-template-visual{padding:8px!important;border-radius:14px!important}
}
@media(prefers-reduced-motion:reduce){.tx-template-main .tx-layout-split *{scroll-behavior:auto!important}}