/* V11 repairs: scoped overrides that do not reset existing Elementor element spacing. */
.elementor-widget-zeetoc_pricing_material{min-width:0;max-width:100%}
.elementor-widget-zeetoc_pricing_material .zt-pricing-material{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
.elementor-widget-zeetoc_pricing_material .zt-pm-cards-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:8px 3px 18px}
.elementor-widget-zeetoc_pricing_material .zt-pm-cards-scroll .zt-grid{grid-template-columns:minmax(150px,200px) repeat(var(--zt-pm-cols,3),minmax(195px,1fr));min-width:max-content;max-width:none}
.elementor-widget-zeetoc_pricing_material .zt-pm-cards-scroll .zt-plan{min-width:195px}
.elementor-widget-zeetoc_pricing_material .zt-pm-table{width:max(100%,calc(190px * (var(--zt-pm-cols,3) + 1)))}
.elementor-widget-zeetoc_pricing_material :is(.zt-pricing-material,.zt-grid,.zt-plan,.zt-material){box-sizing:border-box}
.elementor-widget-zeetoc_pricing_material .zt-plan-action{max-width:100%;overflow-wrap:anywhere}
.elementor-widget-zeetoc_pricing_material .zt-plan h3{overflow-wrap:anywhere}
.elementor-widget-zeetoc_pricing_material .zt-pm-scroll{scrollbar-width:thin}
/* Keep pricing cards readable in narrow Elementor containers, even when page is desktop-wide. */
@container (max-width:750px){.elementor-widget-zeetoc_pricing_material .zt-pm-cards-scroll .zt-grid{display:grid;grid-template-columns:repeat(var(--zt-pm-cols,3),minmax(210px,1fr))!important}.elementor-widget-zeetoc_pricing_material .zt-pm-cards-scroll .zt-material{display:none}.elementor-widget-zeetoc_pricing_material .zt-pm-cards-scroll .zt-value-label{position:static;clip:auto;clip-path:none;width:auto;height:auto;overflow:visible;white-space:normal}}
@media(max-width:850px){.elementor-widget-zeetoc_pricing_material .zt-pm-cards-scroll .zt-grid{display:grid;grid-template-columns:repeat(var(--zt-pm-cols,3),minmax(225px,1fr))!important}.elementor-widget-zeetoc_pricing_material .zt-pm-cards-scroll .zt-material{display:none}}
/* Composite widget: native widget markup, isolated stack without forced clipping or side margins. */
.zt11-collection{--zt11-space:28px;display:grid;grid-template-columns:1fr;gap:var(--zt11-space);width:100%;min-width:0;max-width:100%;isolation:isolate}
.zt11-collection-item{min-width:0;max-width:100%;position:relative}
.zt11-collection-item>.elementor-element{width:100%;max-width:100%;min-width:0}
.zt11-collection-label{margin:0 0 12px;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:var(--zt-studio-accent,#6556ee)}
.zt11-collection-empty{padding:22px;border:1px dashed #c7cde0;border-radius:14px;color:#5e6980;background:#f7f8fc}
@media(prefers-reduced-motion:reduce){.zt11-collection-item{scroll-behavior:auto}}

/* A collection owns its layout: its child widget instances must not each break out to the viewport. */
body.zt-force-fullwidth .zt11-collection-item .elementor-widget[class*="elementor-widget-zeetoc_"],.zt11-collection-item .elementor-widget.zt-fw-yes{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;flex:initial!important}