/* One decision surface: summary and comparison are the same package cards. */
.p-hero{padding-block:46px 32px}
.hero-layout{grid-template-columns:1.2fr 1fr;gap:8%;margin-top:25px;align-items:center}
.hero-layout h1{font-size:clamp(46px,4.8vw,70px);line-height:1.06;max-width:760px}
html[lang=ar] .hero-layout h1{font-size:clamp(58px,5.3vw,82px);line-height:1.25}
.hero-aside{max-width:420px;margin:0}.hero-aside p{font-size:15px;line-height:1.85}.compare-link{font-size:12px;margin-top:17px;min-height:44px}
.unified-packages{position:relative;padding-block:15px 58px}
.package-anchor{display:block;position:absolute;top:0;scroll-margin-top:110px}
.unified-heading{border-top:1px solid var(--theme-rule,#bea1a2);padding-top:24px;display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:23px}
.unified-heading h2{font:400 29px/1.4 var(--display);color:var(--theme-text,#35252a)}
.unified-heading>p{font-size:12px;line-height:1.8;color:var(--theme-muted,#735e63);max-width:400px}
html[lang=en] .unified-heading h2{font:500 24px/1.3 var(--font);letter-spacing:-.035em}
.package-shared{display:flex;align-items:baseline;gap:24px;border:1px solid var(--theme-rule,#dfd1ca);background:var(--theme-surface,#faf6f0);border-radius:8px;padding:16px 20px;margin-bottom:22px}
.shared-label{font-size:11px;font-weight:500;color:var(--theme-accent,#60212c);flex:none}
html[lang=en] .shared-label{font-size:9px;letter-spacing:.06em}
.package-shared ul{display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;margin:0;padding:0}
.package-shared li{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.8;color:var(--theme-muted,#604b50)}
.package-shared svg{width:14px;height:14px;color:var(--theme-accent,#60212c)}
.package-view-picker{display:none}
.unified-packages .full-plans{gap:20px;align-items:start}
.unified-packages .full-plan{padding:0;display:block;border-radius:10px;overflow:clip;scroll-margin-top:112px}
.unified-packages .plan-summary{padding:27px 26px 24px}
.unified-packages .plan-name{margin-top:20px;font-size:27px;line-height:1.35}
html[lang=ar] .unified-packages .plan-name{font-size:39px;line-height:1.3}
.unified-packages .plan-note{font-size:13px;line-height:1.8;min-height:47px}
.unified-packages .plan-suitable{font-size:12px;line-height:1.85;min-height:45px;margin-top:14px}
.unified-packages .full-plan .action{margin-top:15px;min-height:52px;font-size:13px}
.unified-packages .package-price-row{margin-top:16px}
.unified-packages .plan-feature-group{padding:0 26px;border-top:1px solid var(--theme-rule,#e1d8d9)}
.unified-packages .plan-feature-group h3{font:500 12px/1.8 var(--font);color:var(--theme-accent,#60212c);padding-block:16px 12px;min-height:51px}
.unified-packages .plan-feature-group dl{padding:0;margin:0}
.unified-packages .plan-feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,.7fr);gap:14px;align-items:center;min-height:66px;padding-block:13px;border-top:1px solid var(--theme-rule,#e7ded9)}
.unified-packages .plan-feature-row dt{font-size:12px;line-height:1.8;color:var(--theme-muted,#5d4c52)}
.unified-packages .plan-feature-row dd{margin:0;text-align:end;min-width:0}
.unified-packages .feature-value{font-size:11px;line-height:1.7;justify-content:flex-end;text-align:end;gap:5px;color:var(--theme-accent,#60212c)}
.unified-packages .feature-value svg{width:13px;height:13px}
.unified-packages .feature-value.excluded{color:var(--theme-muted,#796970)}
.unified-packages .feature-value.scope{font-size:10px}
.unified-packages .full-plan[data-active=true] .plan-feature-group{border-color:var(--theme-rule-a4d,#a96c784d)}
.unified-packages .full-plan[data-active=true] .plan-feature-group h3{color:var(--theme-on-brand,#fff6ed)}
.unified-packages .full-plan[data-active=true] .plan-feature-row{border-color:var(--theme-rule-a3d,#c5949d3d)}
.unified-packages .full-plan[data-active=true] .plan-feature-row dt{color:var(--theme-on-brand-muted,#f3e0e1)}
.unified-packages .full-plan[data-active=true] .feature-value,.unified-packages .full-plan[data-active=true] .feature-value svg{color:var(--theme-on-brand,#fffdfa)}
.unified-packages .full-plan[data-active=true] .feature-value.excluded{color:var(--theme-muted,#e2bfc6)}
.unified-packages .plan-scope{padding:18px 26px 20px;border-top:1px solid var(--theme-rule,#e1d8d9);min-height:119px}
.unified-packages .plan-scope p{font-size:11px;line-height:1.85;color:var(--theme-muted,#735e63)}
.unified-packages .full-plan[data-active=true] .plan-scope{border-color:var(--theme-rule-a4d,#a96c784d)}.unified-packages .full-plan[data-active=true] .plan-scope p{color:var(--theme-on-brand-muted,#f3e0e1)}
.plan-return{display:inline-flex;align-items:center;min-height:44px;font-size:11px;line-height:1.7;margin-top:9px;text-decoration:underline;text-underline-offset:5px;color:inherit}
.unified-notes{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:24px;padding-top:21px;border-top:1px solid var(--theme-rule,#dfd1ca)}
.unified-notes .attendance-note,.unified-notes .scope-message{display:block;margin:0;padding:0;max-width:none;text-align:start;font-size:11px;line-height:1.9;color:var(--theme-muted,#735e63)}
.unified-packages .full-plan[data-active=true] :is(a,button):focus-visible{outline-color:var(--theme-control,#fffdfa);box-shadow:0 0 0 3px var(--theme-shadow,#60212c)}
@media(min-width:1001px) and (max-width:1180px){.unified-packages .plan-summary{padding-inline:20px}.unified-packages .plan-feature-group{padding-inline:20px}.unified-packages .plan-feature-row{grid-template-columns:minmax(0,1fr) minmax(76px,.7fr);gap:8px}.unified-packages .plan-scope{padding-inline:20px}.unified-packages .plan-name{font-size:25px}}
@media(max-width:1000px){
 .package-view-picker{display:flex;flex-direction:column;gap:8px;max-width:650px;margin:0 auto 18px;font-size:12px;color:var(--theme-accent,#60212c)}
 .package-view-picker select{appearance:auto;min-height:52px;border:1px solid var(--theme-control,#b8999b);border-radius:8px;background:var(--theme-surface,#fffdfa);color:var(--theme-text,#35252a);padding:11px 14px;font:500 14px/1.8 var(--font);width:100%;min-width:0;cursor:pointer}
 .package-view-picker select:focus-visible{outline:2px solid var(--theme-accent,#60212c);outline-offset:4px}
 .unified-packages .full-plans{display:block;max-width:650px;margin-inline:auto}
 .unified-packages .full-plan+.full-plan{margin-top:0}
 .unified-packages .plan-summary{padding:27px 28px 23px}
 .unified-packages .plan-feature-group{padding-inline:28px}
 .unified-packages .plan-feature-row{grid-template-columns:1fr 1fr;gap:25px;min-height:59px}
 .unified-packages .plan-feature-row dt{font-size:13px}
 .unified-packages .feature-value{font-size:12px}
 .unified-packages .feature-value.scope{font-size:11px}
 .unified-packages .plan-note,.unified-packages .plan-suitable{min-height:0}
 .unified-packages .plan-summary .package-price-row{margin-top:18px}
 .unified-packages .plan-scope{min-height:0;padding-inline:28px}
 .unified-packages .plan-name{font-size:33px}
 .package-shared{display:block}.package-shared ul{gap:7px 22px;margin-top:9px}.unified-heading{display:block}.unified-heading>p{margin-top:10px;max-width:none}
}
@media(max-width:760px){
 .p-hero{padding-block:31px 25px}.hero-layout{margin-top:20px}.hero-layout h1{font-size:42px;line-height:1.08;max-width:400px}html[lang=ar] .hero-layout h1{font-size:56px;line-height:1.25}.hero-aside{margin-top:18px;max-width:460px}.hero-aside p{font-size:13px;line-height:1.85;max-width:none}.compare-link{margin-top:10px;font-size:12px;min-height:44px}
 .unified-packages{padding-block:8px 34px}.unified-heading{padding-top:19px;margin-bottom:18px}.unified-heading h2{font-size:26px}html[lang=en] .unified-heading h2{font-size:21px}.unified-heading>p{font-size:11px;line-height:1.85;margin-top:8px}
 .package-shared{padding:13px 15px;margin-bottom:19px}.shared-label{font-size:10px}.package-shared ul{display:grid;gap:7px}.package-shared li{font-size:10px;line-height:1.75}.package-shared svg{width:13px;height:13px}
 .package-view-picker{font-size:11px;margin-bottom:16px}.package-view-picker select{font-size:14px;min-height:52px;padding:11px 13px}
 .unified-packages .plan-summary{padding:24px 23px 22px}.unified-packages .plan-name{font-size:29px;margin-top:18px}html[lang=ar] .unified-packages .plan-name{font-size:40px}.unified-packages .plan-note{font-size:12px}.unified-packages .plan-suitable{font-size:12px;margin-top:13px}
 .unified-packages .plan-feature-group{padding-inline:23px}.unified-packages .plan-feature-group h3{font-size:12px;padding-block:15px 11px;min-height:48px}.unified-packages .plan-feature-row{grid-template-columns:minmax(0,1fr) minmax(90px,.8fr);gap:17px;min-height:62px;padding-block:12px}.unified-packages .plan-feature-row dt{font-size:12px;line-height:1.85}.unified-packages .feature-value{font-size:11px;gap:5px}.unified-packages .feature-value.scope{font-size:10px}.unified-packages .plan-scope{padding:17px 23px 18px}.unified-packages .plan-scope p{font-size:10px;line-height:1.9}
 .unified-notes{display:block;margin-top:20px;padding-top:17px}.unified-notes .attendance-note,.unified-notes .scope-message{font-size:10px;line-height:1.9}.unified-notes .scope-message{margin-top:12px}
}
@media(max-width:370px){.hero-layout h1{font-size:37px}html[lang=ar] .hero-layout h1{font-size:50px}.unified-packages .plan-summary{padding-inline:19px}.unified-packages .plan-feature-group,.unified-packages .plan-scope{padding-inline:19px}.unified-packages .plan-feature-row{gap:12px;grid-template-columns:minmax(0,1fr) minmax(82px,.8fr)}}
/* Complete fallback: without the selector controller, all three cards stay visible. */
html:not([data-package-enhanced=true]) .package-view-picker{display:none}
html:not([data-package-enhanced=true]) .unified-packages .full-plan[data-active=false]{display:block}
/* Optional detail stays in its own card, instead of repeating as another section. */
.plan-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:17px;cursor:pointer;list-style:none;min-height:88px}
.plan-disclosure summary::-webkit-details-marker{display:none}
.plan-group-copy{display:block;min-width:0}.plan-group-title{display:block;font-size:12px;font-weight:500;line-height:1.8;color:var(--theme-accent,#60212c)}.plan-group-hint{display:block;font-size:10px;font-weight:400;line-height:1.8;color:var(--theme-muted,#735e63);margin-top:5px}
.plan-disclosure summary>svg{width:16px;height:16px;transition:transform 180ms var(--ease)}
.plan-disclosure[open] summary>svg{transform:rotate(45deg)}
.unified-packages .full-plan[data-active=true] .plan-group-title{color:var(--theme-on-brand,#fffdfa)}.unified-packages .full-plan[data-active=true] .plan-group-hint{color:var(--theme-on-brand-muted,#f3e0e1)}
.unified-packages .plan-scope .action{margin-top:18px}
.unified-packages .plan-scope .plan-return{margin-top:7px}
html:not([data-package-enhanced=true]) .package-art-note{display:none}
@media(max-width:1000px){.plan-disclosure summary{min-height:82px}}
@media(max-width:760px){.plan-group-hint{font-size:10px}.plan-disclosure summary{min-height:86px}}
@media(prefers-reduced-motion:reduce){.plan-disclosure summary>svg{transition:none}}
@media(max-width:1000px){html:not([data-package-enhanced=true]) .unified-packages .full-plan+.full-plan{margin-top:20px}}
.noscript-message{position:static;box-shadow:none;border-top:1px solid var(--rule);line-height:1.8}
@media(min-width:1001px){.unified-packages .plan-scope>p{min-height:4.1em}}
@media(min-width:1001px) and (max-width:1180px){.unified-packages .plan-scope>p{min-height:6em}}
/* Price/deck sizing follows the padded summary, rather than the outer comparison card. */
.unified-packages .plan-summary{container-type:inline-size}

/* One shared inventory; package-specific differences stay in the same cards. */
.package-shared{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}
.package-shared-heading p{font-size:12px;line-height:1.8;margin:7px 0 0;color:var(--theme-muted,#604b50);max-width:350px}
.package-common-details{min-width:0}
.package-common-details summary{min-height:44px;padding:9px 0;cursor:pointer;font-size:12px;color:var(--theme-accent,#60212c);text-decoration:underline;text-underline-offset:4px}
.package-shared .package-common-details ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;margin-top:12px}
.package-common-details summary:focus-visible{outline:2px solid var(--theme-accent,#60212c);outline-offset:4px}
@media(max-width:760px){.package-shared{display:block}.package-shared-heading p{font-size:11px}.package-common-details{margin-top:8px}.package-shared .package-common-details ul{grid-template-columns:1fr}.package-common-details summary{font-size:11px}}

/* Shared scope reads as an open editorial index, rather than another card. */
.package-shared{border:0;border-block:1px solid var(--theme-rule,#ddcfd0);border-radius:0;background:none;padding:18px 0;margin:0 0 25px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px 36px}
.package-shared .shared-label{font-size:13px;font-weight:500}
.package-shared-heading p{font-size:13px;line-height:1.85;max-width:330px;margin-top:8px}
.package-common-details summary{display:flex;align-items:center;gap:13px;list-style:none;text-decoration:none;padding:0;min-height:52px;font-size:13px;line-height:1.7}
.package-common-details summary::-webkit-details-marker{display:none}
.shared-number{font:400 34px/1.1 Inter,sans-serif;color:var(--theme-accent,#60212c);flex:none;letter-spacing:-.05em}
.package-common-details summary>svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;margin-inline-start:auto;flex:none;transition:transform 160ms ease}
.package-common-details[open] summary>svg{transform:rotate(45deg)}
.package-shared #sharedEssentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:14px 0 0;gap:0 18px}
.package-shared #sharedEssentials li{display:flex;align-items:baseline;gap:9px;min-width:0;padding:9px 0;border-top:1px solid var(--theme-rule,#e8dfe0);font-size:12px;line-height:1.8}
.core-section-index{font:400 10px/1.5 Inter,sans-serif;color:var(--theme-muted,#90787a);flex:none}
.package-view-picker>p{margin:0;color:var(--theme-accent,#60212c);font-size:12px;line-height:1.7}
.package-view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:stretch}
.package-view-tabs button{appearance:none;min-width:0;min-height:86px;padding:10px 5px;border:1px solid var(--theme-control,#d6c3c4);border-bottom-width:3px;border-radius:6px 6px 0 0;background:var(--theme-surface,#fffdfa);color:var(--theme-muted,#60464e);cursor:pointer;font:500 13px/1.6 var(--font);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center;overflow-wrap:anywhere}
.package-tab-name{display:block}.package-tab-price{display:block;font-size:11px;font-weight:400;line-height:1.5;white-space:nowrap}.package-tab-price b{font:500 13px/1.4 Inter,sans-serif}
.package-view-tabs button[aria-selected=true]{background:var(--theme-brand,#60212c);border-color:var(--theme-accent,#60212c);color:var(--theme-on-brand,#fffdfa)}
.package-view-tabs button:focus-visible{outline:2px solid var(--theme-accent,#60212c);outline-offset:3px;position:relative;z-index:1}
.package-view-tabs button:hover:not([aria-selected=true]){background:var(--theme-raised,#f6eeee);border-color:var(--theme-control,#a57a81)}
.unified-packages .full-plan[hidden]{display:none}
.unified-packages [role=tabpanel]:focus-visible{outline:2px solid var(--theme-accent,#60212c);outline-offset:4px}
@media(max-width:760px){.package-shared{display:block;padding-block:17px;margin-bottom:23px}.package-shared-heading p{font-size:12px;max-width:none}.package-common-details{margin-top:15px;padding-top:14px;border-top:1px solid var(--theme-rule,#e8dfe0)}.package-shared #sharedEssentials{grid-template-columns:1fr}.package-common-details summary{font-size:12px}.package-view-picker{gap:10px}.package-view-tabs button{font-size:12px;padding-inline:4px}.package-tab-price{font-size:10px}.package-tab-price b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.package-common-details summary>svg{transition:none}}

/* Responsive mode changes visibility through the controller so focus can move
   before a previously focused tab or comparison card becomes hidden. */
html[data-package-enhanced=true] .package-view-picker{display:none}
html[data-package-enhanced=true][data-package-compact=true] .package-view-picker{display:flex}

/* Selection is explicit and follows the customer's current tab. Reserved space
   keeps all three tab labels steady when the check and state move. */
.package-view-tabs button{min-height:96px;gap:4px;padding-block:6px;transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease}
.package-tab-choice{display:flex;align-items:center;justify-content:center;gap:4px;min-height:18px;font-size:10px;line-height:1.5;white-space:nowrap}
.package-tab-indicator{display:grid;place-items:center;width:14px;height:14px;flex:none;border:1px solid var(--theme-control,#a9868e);border-radius:50%}
.package-tab-indicator svg{width:10px;height:10px;stroke:currentColor;stroke-width:2;opacity:0}
.package-tab-state{visibility:hidden}
.package-view-tabs button[aria-selected=true]{border-color:var(--theme-accent,#481821);box-shadow:inset 0 0 0 1px var(--theme-shadow,#fffdfa),0 2px 0 var(--theme-shadow,#481821)}
.package-view-tabs button[aria-selected=true] .package-tab-indicator{background:var(--theme-surface,#fffdfa);border-color:var(--theme-control,#fffdfa);color:var(--theme-accent,#60212c)}
.package-view-tabs button[aria-selected=true] .package-tab-indicator svg{opacity:1}
.package-view-tabs button[aria-selected=true] .package-tab-state{visibility:visible}
.plan-marker{display:grid;align-items:center;flex:none}
.plan-marker>span{grid-area:1/1;justify-self:end}
.unified-packages .plan-marker .plan-selection{
  display:flex;align-items:center;gap:6px;min-height:21px;margin:0;
  color:var(--theme-on-brand,#fffdfa);font:500 11px/1.6 var(--font);visibility:hidden;white-space:nowrap;
}
.unified-packages .full-plan[data-active=true] .plan-marker .plan-number{visibility:hidden}
.plan-selection svg{width:16px;height:16px;flex:none;stroke:currentColor;stroke-width:1.8}
.unified-packages .full-plan[data-active=true] .plan-selection{visibility:visible}
.unified-packages .full-plan[data-active=true]{box-shadow:inset 0 0 0 1px var(--theme-shadow,#481821)}
@media(prefers-reduced-motion:reduce){.package-view-tabs button{transition:none}}

/* Per-package editing scope stays visible, with two direct choices. Without
   JavaScript, both labelled sections remain readable in the saved document. */
.plan-change-tabs{display:none}
html[data-package-enhanced=true] .plan-change-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0 0 12px}
.plan-change-tabs button{
  min-width:0;min-height:50px;padding:9px 6px;border:1px solid var(--theme-control,#cdb8bd);
  border-bottom-width:3px;border-radius:5px 5px 0 0;background:transparent;
  color:var(--theme-accent,#60212c);font:500 12px/1.6 var(--font);text-align:center;cursor:pointer;
}
.plan-change-tabs button[aria-selected=true]{background:var(--theme-brand,#60212c);border-color:var(--theme-accent,#60212c);color:var(--theme-on-brand,#fffdfa)}
.unified-packages .full-plan[data-active=true] .plan-change-tabs button{border-color:var(--theme-control,#ae7c87);color:var(--theme-on-brand,#fffdfa)}
.unified-packages .full-plan[data-active=true] .plan-change-tabs button[aria-selected=true]{background:var(--theme-surface,#fffdfa);border-color:var(--theme-control,#fffdfa);color:var(--theme-accent,#60212c)}
.plan-change-tabs button:focus-visible{outline:2px solid var(--theme-accent,#60212c);outline-offset:3px;position:relative;z-index:1}
.unified-packages .full-plan[data-active=true] .plan-change-tabs button:focus-visible{outline-color:var(--theme-control,#fffdfa)}
.plan-change-panel[hidden]{display:none}
.plan-change-panel{padding:0 0 16px;min-width:0}
.plan-change-panel-title{font:500 13px/1.7 var(--font);margin:0 0 12px}
html[data-package-enhanced=true] .plan-change-panel-title{display:none}
.plan-change-basics{padding:0;margin:0;list-style:none}
.plan-change-basics li{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-top:1px solid var(--theme-rule,#e7ded9);font-size:12px;line-height:1.8;color:var(--theme-muted,#5d4c52)}
.plan-change-basics svg{width:14px;height:14px;flex:none;stroke:currentColor;stroke-width:1.8}
.unified-packages .plan-changes .plan-feature-row{display:flex;align-items:baseline;gap:10px;min-height:0;padding:9px 0}
.unified-packages .plan-changes .plan-feature-row dt{flex:1;min-width:0}
.unified-packages .plan-changes .plan-feature-row dd{order:-1;flex:none}
.plan-change-row .feature-value>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.unified-packages .plan-changes .plan-change-note{font-size:12px;line-height:1.9;color:var(--theme-muted,#735e63);margin:3px 0 13px}
.unified-packages .full-plan[data-active=true] .plan-change-basics li{color:var(--theme-on-brand-muted,#f3e0e1);border-color:var(--theme-rule-a3d,#c5949d3d)}
.unified-packages .full-plan[data-active=true] .plan-change-note{color:var(--theme-on-brand-muted,#f3e0e1)}
.unified-packages .full-plan[data-active=true] .plan-change-panel:focus-visible{outline-color:var(--theme-rule,#fffdfa)}
@media(max-width:370px){.plan-change-tabs button{font-size:11px}}