/* Crello service pages: illustrations, included lists, FAQ + brochures, quote buttons */

/* ---------- Page header illustrations ---------- */
.ph .art.svc-art{max-width:25rem;width:100%;padding:0 1.25rem 1.5rem 0;justify-self:end}
.svc-card{position:relative;z-index:1}
.svc-card svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(.5rem .5rem 0 var(--pink))}
.svc-art .chip.a{z-index:3;left:-.5rem;top:auto;bottom:0}
.svc-card .s_n{stroke:#092F6E;stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}
.svc-card .s_n2{stroke:#092F6E;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.svc-card .s_nw{stroke:#fff;stroke-width:3;stroke-linejoin:round}
.svc-card .s_fw{fill:#fff}.svc-card .s_fs{fill:#eef3ff}.svc-card .s_ft{fill:#2DD0C5}.svc-card .s_fp{fill:#E94F7A}
.svc-card .s_fb{fill:#1F5FD1}.svc-card .s_fn{fill:#092F6E}.svc-card .s_fy{fill:#FFC93C}.svc-card .s_fl{fill:#cdd9f4}
.svc-card .s_fmint{fill:#d7f7f3}.svc-card .s_ftd{fill:#16a095}.svc-card .s_fnone{fill:none}
.svc-card .s_tick{fill:none;stroke:#092F6E;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.svc-card .s_tick.s_sm2{stroke-width:3}
.svc-card .s_tickw{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.svc-card .s_arrowl{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.svc-card .s_river{fill:none;stroke:#b9cff6;stroke-width:13}
.svc-card .s_road{fill:none;stroke:#fff;stroke-width:9}
.svc-card .s_shadow{fill:#092F6E;opacity:.25}
.svc-card .s_star{fill:#FFC93C;stroke:#092F6E;stroke-width:1.1;stroke-linejoin:round}
.svc-card .s_wave{fill:none;stroke:#092F6E;stroke-width:3.5;stroke-linecap:round}
.svc-card .s_wr{fill:none;stroke-linecap:round}
.svc-card .s_wr.s_o{stroke:#092F6E;stroke-width:15}
.svc-card .s_wr.s_i{stroke:#FFC93C;stroke-width:8}
.svc-card .s_nonestroke{stroke:none}
.svc-card .s_tx{font:700 15px/1 'Outfit',system-ui,sans-serif;fill:#092F6E;stroke:none}
.svc-card .s_tx.s_wt{fill:#fff}.svc-card .s_tx.s_sm{font-size:12px}.svc-card .s_tx.s_dm{font-size:17px}.svc-card .s_tx.s_at{font-size:22px}
.svc-card .s_tx.s_big{font:400 52px/1 'Bowlby One','Arial Black',sans-serif}
.svc-float{animation:svcFloat 5s ease-in-out infinite}
@keyframes svcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.svc-float{animation:none}}
@media(max-width:900px){
 .ph .art.svc-art{display:block;max-width:15.5rem;margin:1.5rem auto 0;justify-self:center;padding:0 .9rem 1.1rem 0}
 .svc-card svg{filter:drop-shadow(.35rem .35rem 0 var(--pink))}
}

/* ---------- Plan cards: four aligned regions ---------- */
.incg{gap:0 1.5rem;align-items:stretch}
.incg>.pl{display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem}
.pl-h,.pl-i,.pl-x,.pl-f{display:flex;flex-direction:column;gap:.375rem;min-width:0}
.pl-i{margin-top:.25rem}
.pl-x{flex:none;margin-top:.15rem}.pl-f{margin-top:auto}
.pl-f{margin-top:auto;justify-content:flex-end;padding-top:.5rem}
.pl-h .price{margin-top:.2rem}
@supports (grid-template-rows:subgrid){
 .incg>.pl{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
 .pl-f{margin-top:0}
}
.incg{margin-bottom:-1.5rem}
.pl-i .sub3{margin:.45rem 0 .1rem}
.incg>.pl .pl-i .ck{margin:.2rem 0 0;flex:0 0 auto}
.inc-x{display:grid;grid-template-rows:1fr}
.js .inc-x{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1),visibility 0s .5s}
.inc-x>div{overflow:hidden;min-height:0}
.incg>.pl .inc-x .ck{margin:0 0 .15rem}
.js .inc-x.open{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1),visibility 0s}
.inc-t{display:none;align-items:center;justify-content:space-between;gap:.7rem;width:100%;margin-top:.6rem;padding:.6rem .85rem;border:2px solid var(--navy);border-radius:.85rem;background:var(--soft);color:var(--navy);font:700 .95rem 'Outfit',system-ui,sans-serif;text-align:left;cursor:pointer;transition:background .2s}
.js .inc-t{display:flex}
.inc-t:hover{background:#e3eaff}
.inc-t::after{content:"+";display:grid;place-items:center;flex:none;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--pink);color:#fff;font-weight:700;line-height:1;font-size:1rem;transition:transform .3s}
.inc-t[aria-expanded=true]::after{content:"\2212"}
.inc-t:focus-visible,.inc-all:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.inc-bar{display:none;justify-content:flex-end;align-items:center;gap:1rem;margin:-.75rem 0 1.25rem}
.js .inc-bar{display:flex}
.inc-bar span{font-size:.95rem;opacity:.85}
.inc-all[aria-pressed=true]{--bg:var(--teal);--fg:var(--navy)}
.pl-f .tnote{margin:.4rem 0 .7rem;padding-top:.6rem;border-top:2px dashed var(--soft);font-size:.9rem;line-height:1.45;opacity:.85}
.pl-f .row{margin-top:0;display:flex;flex-wrap:wrap;gap:.6rem}
.pl-f .row .btn{flex:1 1 auto}
.pl-f .row .btn.qadd{flex:1 1 100%}
.qadd{--bg:#fff;--fg:var(--navy)}
.qadd[aria-pressed=true]{--bg:var(--teal)}
.qadd .ql::before{content:"+";display:inline-grid;place-items:center;width:1.2rem;height:1.2rem;margin-right:.45rem;border-radius:50%;background:var(--pink);color:#fff;font-size:.95rem;line-height:1}
.qadd[aria-pressed=true] .ql::before{content:"\2713";background:var(--navy);font-size:.7rem}
.qrow{margin-top:.6rem}
.qrow .btn{width:100%}
@media(max-width:1100px){.incg.wpg,.incg.seog{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
 .incg.wpg,.incg.seog{grid-template-columns:1fr}
 .inc-bar{justify-content:stretch;margin-top:0}.inc-bar span{display:none}.inc-bar .btn{width:100%}
}

/* ---------- Add on cards with quote button ---------- */
.aow{display:flex;flex-direction:column;gap:.6rem;min-width:0}
.aow>.aoc{flex:1}
.aow>.qadd{width:100%}
.card.ao .cf .qadd{padding:.35rem .8rem;min-height:2.3rem;font-size:.85rem}

/* ---------- FAQ left, brochures right ---------- */
.fqb{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2.5rem;align-items:start}
.fqb-l .sh,.fqb-r .sh{margin-bottom:1.25rem}
.fqb-l .faq{max-width:none}
.fqb-r{position:sticky;top:6.5rem}
.bro-list{display:grid;gap:.9rem}
.bro-i{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start;background:#fff;color:var(--navy);border:3px solid var(--navy);border-radius:1.1rem;padding:1rem 1.1rem;box-shadow:5px 5px 0 var(--teal)}
.bro-i:nth-child(even){box-shadow:5px 5px 0 var(--pink)}
.bro-ico{display:grid;place-items:center;width:2.9rem;height:3.6rem;border:3px solid var(--navy);border-radius:.55rem;background:var(--soft);position:relative}
.bro-ico svg{width:1.5rem;height:1.5rem;fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bro-ico::after{content:"PDF";position:absolute;left:-.4rem;bottom:-.45rem;background:var(--pink);color:#fff;font:700 .6rem/1 'Outfit',sans-serif;padding:.2rem .3rem;border-radius:.3rem;border:2px solid var(--navy)}
.bro-i h3{margin:0;font-size:1rem;line-height:1.25}
.bro-i p{margin:.2rem 0 0;font-size:.92rem;line-height:1.45;opacity:.85}
.bro-a{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}
.bro-a .btn{min-height:2.3rem;padding:.3rem .9rem;font-size:.85rem}
.bro-i.main{background:var(--soft)}
@media(max-width:900px){
 .fqb{grid-template-columns:1fr;gap:2rem}
 .fqb-r{position:static}
}
@media(max-width:420px){.bro-i{grid-template-columns:1fr}.bro-ico{width:2.6rem;height:3.2rem}}

/* ---------- Compare / choose cards quote buttons ---------- */
.cmp-q{margin-top:auto;padding-top:.75rem}
.cmp-q .btn{width:100%}
.card .cf+.qrow{margin-top:.6rem}