/* Goudplevier packages page. */
/* ===== packages ===== */

:root{--ease-out:cubic-bezier(.23,1,.32,1)}
.btn:active{transform:scale(.97)}
.pk-hero{padding-bottom:10px}
.pk-hero h1{font-size:clamp(2.6rem,6vw,4.6rem);letter-spacing:-.05em;line-height:1}
.pk-hero .sub{margin:14px auto 0;color:var(--grey);font-size:1.08rem}
.seg{position:relative;display:inline-flex;margin-top:26px;padding:5px;border-radius:999px;background:#fff;box-shadow:0 10px 30px -18px rgba(0,0,0,.4)}
.seg button{all:unset;cursor:pointer;position:relative;z-index:1;padding:11px 20px;border-radius:999px;font-weight:700;font-size:.95rem;transition:color 200ms ease}
.seg button[aria-selected="true"]{color:#fff}
.seg button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.seg .ind{position:absolute;top:5px;bottom:5px;left:0;border-radius:999px;background:var(--ink)}
.seg.ready .ind{transition:transform 280ms var(--ease-out),width 280ms var(--ease-out)}
.pane{display:none;max-width:1180px;margin:0 auto;padding-top:28px}
.pane.on{display:block;animation:paneIn 260ms var(--ease-out) both}
@keyframes paneIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.diag{border-radius:24px;padding:22px 26px;color:#fff;display:grid;grid-template-columns:1.2fr auto .9fr;gap:28px;align-items:center;box-shadow:0 40px 80px -46px rgba(0,0,0,.55)}
.dg-k{font-size:.78rem;font-weight:700;background:rgba(11,11,11,.85);padding:6px 11px;border-radius:999px;display:inline-block}
.diag h3{color:#fff;font-size:1.9rem;letter-spacing:-.035em;margin-top:10px}
.diag p{color:rgba(255,255,255,.88);margin-top:6px;max-width:44ch}
.dg-side{display:grid;gap:10px;justify-items:start}
.dg-price b{font-size:2.3rem;letter-spacing:-.04em;line-height:1;display:block}
.dg-price span{font-size:.82rem;color:rgba(255,255,255,.8)}
.dg-side .btn{min-width:160px}
.dg-ask{all:unset;cursor:pointer;font-size:.88rem;text-decoration:underline;text-underline-offset:3px;color:rgba(255,255,255,.85)}
.mini{position:relative;overflow:hidden}
.v-diag{display:flex;align-items:center;gap:14px;font-size:.78rem}
.scrib{width:84px;height:70px;position:relative}
.scrib i{position:absolute;left:0;height:2px;border-radius:2px;background:rgba(255,255,255,.7);transform-origin:left}
.scrib i:nth-child(1){top:14px;width:80px;transform:rotate(-8deg)}.scrib i:nth-child(2){top:30px;width:60px;transform:rotate(12deg)}.scrib i:nth-child(3){top:44px;width:74px;transform:rotate(-4deg)}.scrib i:nth-child(4){top:58px;width:40px;transform:rotate(9deg)}
.arr{font-size:1.4rem;opacity:.8}
.opts{display:grid;gap:6px}
.opts p{margin:0;background:rgba(255,255,255,.14);padding:5px 10px;border-radius:9px;white-space:nowrap}
.opts b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;background:rgba(255,255,255,.2);margin-right:6px;font-size:.7rem}
.opts .pick{background:#fff;color:var(--ink)}.opts .pick b{background:var(--gold)}
.opts u{text-decoration:none;font-size:.66rem;font-weight:700;margin-left:6px;color:#0a7a45}

.pkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.pkgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.vcard{background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;text-align:left;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.vis{aspect-ratio:16/9.4;overflow:hidden;background:#0B0B0B;position:relative}
.vis img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 500ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.vcard:hover .vis img{transform:scale(1.03)}}
.vb{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.vb .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.vb h3{font-size:1.35rem;letter-spacing:-.03em}
.price{display:flex;align-items:baseline;gap:7px;margin:0}
.price b{font-size:1.45rem;letter-spacing:-.03em}
.price span{font-size:.78rem;color:var(--grey)}
.when{color:var(--grey);margin-top:6px;font-size:.95rem}
details{margin-top:12px;border-top:1px solid var(--line)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 0 2px;font-weight:700;font-size:.9rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translateY(-2px);transition:transform 200ms var(--ease-out)}
details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
details ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:7px;font-size:.9rem}
details li{padding-left:24px;position:relative}
details li::before{content:"\2713";position:absolute;left:0;top:0;width:17px;height:17px;border-radius:50%;background:rgba(0,0,0,.06);display:grid;place-items:center;font-size:.64rem;font-weight:800}
details[open] ul{animation:paneIn 220ms var(--ease-out) both}
.fine{font-size:.78rem;color:var(--grey);margin-top:10px}
.act{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.see{font-size:.88rem;font-weight:700;color:var(--ink);text-underline-offset:3px}

.og{grid-column:1/-1;background:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:inherit;column-gap:18px;text-align:left}
.og-vis{position:relative;grid-column:1;min-height:260px}
.pkgrid .og-b{grid-column:2/-1;padding:22px 22px 22px 4px}
.og-k{align-self:flex-start;font-size:.72rem;font-weight:700;background:rgba(0,0,0,.06);padding:4px 10px;border-radius:999px;margin-bottom:10px}
.closer{grid-column:1/-1;background:#fff;border-radius:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:left}
.closer>div{padding:22px 24px;display:flex;flex-direction:column;gap:8px}
.closer>div+div{border-left:1px solid var(--line)}
.cl-k{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.closer ol{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:8px;font-size:.92rem;font-weight:600}
.closer li{display:flex;align-items:center;gap:10px}
.closer li b{width:24px;height:24px;flex:none;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:.74rem}
.cl-big{margin:0;font-size:1.02rem;font-weight:600;line-height:1.4}
.cl-sm{margin:0;font-size:.85rem;color:var(--grey)}
.closer .btn{align-self:flex-start;margin-top:auto}

/* mini visuals */
.mini .mh{display:flex;justify-content:space-between;align-items:baseline;font-size:.78rem;color:var(--grey)}
.mini .mh b{color:var(--ink);font-size:1rem}
.v-reset{height:100%;background:#0F1115;padding:7% 7%;color:#fff}
.v-reset .mh{color:rgba(255,255,255,.55)}.v-reset .mh b{color:#fff;font-size:1.5rem;letter-spacing:-.03em}.v-reset .mh i{font-style:normal;color:#35F0A8}
.v-reset .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;margin-top:6%;height:62%}
.v-reset .cols>div{background:#171A20;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:8%}
.v-reset em{font-style:normal;font-family:inherit!important;font-size:.72rem;color:rgba(255,255,255,.55);display:block;margin-bottom:10%}
.v-reset p{height:16%;margin:0 0 7%;border-radius:6px;background:rgba(255,255,255,.12)}
.v-reset p.d{background:rgba(53,240,168,.35)}
.v-reset .mover{position:absolute;left:12%;top:52%;width:22%;height:7%;border-radius:6px;background:#F2C230;margin:0;animation:move 5s var(--ease-out) infinite}
@keyframes move{0%,12%{transform:translateX(0);opacity:1}40%,52%{transform:translateX(118%)}80%,90%{transform:translateX(236%);opacity:1;background:#35F0A8}100%{transform:translateX(236%);opacity:0}}
.v-frac{height:100%;padding:8% 7%;background:linear-gradient(160deg,#FBF8F1,#F1EADB)}
.wk{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8%;height:60%}
.wk div{background:#fff;border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line)}
.wk em{font-style:normal;font-family:inherit!important;font-size:.72rem;font-weight:700;color:var(--grey)}
.wk .on{background:var(--ink);border-color:var(--ink)}.wk .on em{color:rgba(255,255,255,.6)}
.wk span{font-size:.7rem;font-weight:700;padding:3px 6px;border-radius:6px;background:var(--gold);color:var(--ink);align-self:flex-start}
.wk span.f{background:#E6F6EE;color:#0a7a45}
.v-month{height:100%;padding:8% 7%;background:linear-gradient(160deg,#F3F1FF,#E6EEFF)}
.q{display:grid;gap:7px;margin-top:7%}
.q p{margin:0;background:#fff;border-radius:10px;padding:9px 12px;font-size:.82rem;font-weight:600;border:1px solid var(--line);display:flex;justify-content:space-between}
.q p:not(.now){opacity:.65}
.q .now{border-color:var(--ink);box-shadow:0 12px 24px -16px rgba(0,0,0,.5);animation:lift 3.2s var(--ease-out) infinite}
.q .now i{font-style:normal;font-size:.7rem;background:var(--gold);padding:2px 7px;border-radius:99px}
@keyframes lift{0%,100%{transform:none}50%{transform:translateY(-3px)}}
.fri{position:absolute;right:7%;bottom:9%;font-size:.78rem;font-weight:800;color:#0a7a45;background:#E6F6EE;padding:5px 10px;border-radius:99px}

.lnk{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:var(--ink);font-weight:700}

/* brief dialog */
dialog.brief{border:0;border-radius:var(--r);padding:0;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);background:#F4F0F1;color:var(--ink);box-shadow:0 40px 80px -30px rgba(0,0,0,.55)}
dialog.brief[open]{animation:bIn 220ms var(--ease-out)}
dialog.brief:focus{outline:none}
dialog.brief::backdrop{background:rgba(11,11,11,.45)}
@keyframes bIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.brief form{padding:26px;display:grid;gap:12px}
.brief h3{font-size:1.5rem;letter-spacing:-.03em}
.brief .pk{font-size:.8rem;font-weight:700;background:var(--gold);padding:4px 10px;border-radius:99px;justify-self:start}
.brief label{display:grid;gap:6px;font-size:.85rem;font-weight:600}
.brief input,.brief textarea{font:inherit;font-size:16px;font-weight:400;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:#fff}
.brief textarea{min-height:90px}
.brief .x{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:0;background:#fff;cursor:pointer;font-size:1.1rem}
.brief .done{display:none;padding:34px 26px}.brief.sent form{display:none}.brief.sent .done{display:block}

@media (max-width:1000px){.diag{grid-template-columns:1fr 1fr}.v-diag{display:none}.pkgrid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.pkgrid,.pkgrid.three{grid-template-columns:1fr}.diag{grid-template-columns:1fr}.og{grid-template-columns:1fr}.og-vis{min-height:230px}.pkgrid .og-b{grid-column:1;padding:20px 22px 22px}.closer{grid-template-columns:1fr}.closer>div+div{border-left:0;border-top:1px solid var(--line)}.seg button{padding:10px 14px;font-size:.88rem}}
@media (prefers-reduced-motion:reduce){.v-reset .mover,.q .now,.pane.on,details[open] ul{animation:none}.seg .ind{transition:none}}

/* ---- mini widgets v2 ---- */
.mw{position:absolute;inset:0;padding:18px 20px;display:flex;flex-direction:column;gap:10px;font-size:.84rem;overflow:hidden;text-align:left}
.og-vis{position:relative}
.vis .mw{border-radius:0}
.mw em{font-family:inherit!important;font-style:normal;letter-spacing:0!important}
.mw-h{display:flex;justify-content:space-between;align-items:center;color:var(--grey);font-size:.8rem}
.mw-h em{font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);padding:4px 10px;border-radius:99px;font-size:.74rem}
/* monthly */
.mw-month{background:linear-gradient(160deg,#F4F2FF,#E9EEFF)}
.mm-now{background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 14px 30px -20px rgba(30,30,80,.45);border:1px solid rgba(0,0,0,.06)}
.mm-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mm-row b{font-weight:700;transition:opacity 180ms ease,transform 180ms var(--ease-out)}
.mm-row b.out{opacity:0;transform:translateY(-6px)}
.mm-row span{font-size:.72rem;font-weight:700;background:var(--gold);padding:3px 8px;border-radius:99px;white-space:nowrap}
.mm-bar{height:5px;border-radius:99px;background:#EEF0F6;margin-top:10px;overflow:hidden}
.mm-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#5CB6FF,#1E2BFF)}
.mm-bar i.run{width:100%;transition:width 2600ms linear}
.mm-lbl{margin:0;font-size:.72rem;font-weight:700;color:var(--grey);text-transform:uppercase;letter-spacing:.06em}
.mm-next{list-style:none;padding:0;margin:-4px 0 0;display:grid;gap:6px}
.mm-next li{background:rgba(255,255,255,.7);border:1px dashed rgba(0,0,0,.12);border-radius:10px;padding:8px 12px;color:#55536a;transition:transform 300ms var(--ease-out),opacity 300ms ease}
.mm-next li.in{animation:mwIn 300ms var(--ease-out) both}
.mm-done{margin-top:auto;display:flex;align-items:center;gap:10px;min-width:0}
.mm-chips{display:flex;gap:6px;overflow:hidden;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.mm-chips span{flex:none;font-size:.74rem;font-weight:700;color:#0a7a45;background:#E3F5EC;padding:5px 10px;border-radius:99px;white-space:nowrap}
.mm-chips span::before{content:"\2713  "}
.mm-chips span.in{animation:chipIn 420ms cubic-bezier(.34,1.4,.64,1) both}
@keyframes chipIn{from{opacity:0;transform:scale(.8) translateX(-8px)}to{opacity:1;transform:none}}
@keyframes mwIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* delivery reset */
.mw-reset{background:#0F1115;color:#fff}
.mw-h.dark{color:rgba(255,255,255,.55)}
.mw-h b{display:flex;align-items:baseline;gap:6px;color:#fff}
.mw-h b i{font-style:normal;font-size:1.9rem;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1}
.mw-h b small{font-size:.74rem;color:rgba(255,255,255,.5);font-weight:500}
.mr-cols{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:0}
.mr-col{background:#171A20;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
.mr-col em{font-size:.72rem;color:rgba(255,255,255,.5);font-weight:600}
.mr-col[data-col="done"] em{color:#35F0A8}
.mr-list{display:flex;flex-direction:column;gap:6px;overflow:hidden}
.pr-vis .mw{padding:16px;gap:8px;font-size:.78rem}.pr-vis .mr-cols{gap:6px}.pr-vis .mr-col{padding:8px 7px}.pr-vis .mr-card{font-size:.7rem;padding:5px 7px}.pr-vis .mw-h b i{font-size:1.5rem}.pr-vis .mm-next li:nth-child(2){display:none}.pr-vis .mm-now{padding:10px 12px}
.mr-card{background:#232730;border-radius:8px;padding:6px 9px;font-size:.74rem;font-weight:600;color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid #5CB6FF;will-change:transform}
.mr-col[data-col="review"] .mr-card{border-left-color:var(--gold)}
.mr-col[data-col="done"] .mr-card{border-left-color:#35F0A8;color:rgba(255,255,255,.6)}
/* fractional */
.mw-frac{background:#0F1115;color:#fff}
.mw-frac .mw-h{color:rgba(255,255,255,.55)}
.mw-frac .mw-h em{background:#232730;border-color:rgba(255,255,255,.1);color:#fff}
.mf-week{flex:1;display:grid;grid-template-rows:repeat(5,1fr);gap:6px;min-height:0}
.mf-day{display:flex;align-items:center;gap:6px;background:#171A20;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:0 8px;min-width:0}
.mf-day b{width:34px;flex:none;font-size:.74rem;color:rgba(255,255,255,.5)}
.mf-day.on{background:#232730;border-color:rgba(242,194,48,.45)}
.mf-day.on b{color:rgba(255,255,255,.6)}
.mf-day i{font-style:normal;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.14);color:#fff;white-space:nowrap;animation:mwIn 420ms var(--ease-out) both;animation-delay:calc(var(--d,0)*90ms + 200ms)}
.mf-day i.g{background:var(--gold);color:var(--ink)}
.mf-day i.ok{background:rgba(53,240,168,.16);color:#35F0A8}
.mf-day .ghost{font-size:.72rem;color:rgba(255,255,255,.3)}
/* diagnostic */
.mw-diag{display:flex;align-items:center;gap:14px}
.md-mess{width:110px;height:74px;overflow:visible}
.md-mess path{fill:none;stroke:rgba(255,255,255,.75);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:mdDraw 6s var(--ease-out) infinite}
@keyframes mdDraw{0%{stroke-dashoffset:1}25%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.md-arr{font-size:1.3rem;opacity:.85;animation:mdFade 6s ease infinite}
.md-opts{display:grid;gap:6px;font-size:.8rem}
.md-opts p{margin:0;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.14);padding:6px 10px;border-radius:10px;white-space:nowrap;animation:mdOpt 6s var(--ease-out) infinite;animation-delay:calc(var(--d)*120ms)}
.md-opts b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;background:rgba(255,255,255,.22);font-size:.68rem}
.md-opts u{text-decoration:none;font-size:.64rem;font-weight:800;color:#0a7a45;background:#E3F5EC;padding:2px 6px;border-radius:99px;margin-left:4px}
.md-opts .pick{animation-name:mdPick}
@keyframes mdFade{0%,25%{opacity:0}35%,85%{opacity:.85}100%{opacity:0}}
@keyframes mdOpt{0%,30%{opacity:0;transform:translateX(-6px)}40%,85%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mdPick{0%,30%{opacity:0;transform:translateX(-6px)}40%,52%{opacity:1;transform:none;background:rgba(255,255,255,.14);color:#fff}60%,85%{opacity:1;background:#fff;color:#0B0B0B;transform:scale(1.04)}100%{opacity:0}}
.md-opts .pick u{opacity:0;animation:mdU 6s ease infinite}
@keyframes mdU{0%,58%{opacity:0}64%,85%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.mw *,.mw-diag *{animation:none!important;transition:none!important;opacity:1!important;stroke-dashoffset:0!important}.md-opts .pick{background:#fff;color:#0B0B0B}}

/* ---------- packages as a path of comparable rows ---------- */
.pane{position:relative;padding-left:68px}
.pane::before{content:"";position:absolute;left:21px;top:30px;bottom:170px;border-left:2px dashed rgba(11,11,11,.14)}
.pstep{position:relative;display:flex;align-items:center;gap:14px;margin:34px 0 14px;text-align:left}
.pane>.pstep:first-child{margin-top:8px}
.ps-n{position:absolute;left:-68px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 0 0 6px var(--bg)}
.pstep h2{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.035em;margin:0}
.pstep p{margin:4px 0 0;color:var(--grey)}
.rows{display:grid;gap:14px}
.prow{background:#fff;border-radius:26px;padding:14px;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) 230px;gap:26px;text-align:left;box-shadow:0 1px 0 rgba(0,0,0,.04);transition:box-shadow 250ms ease,transform 250ms cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.prow:hover{box-shadow:0 30px 60px -40px rgba(40,30,10,.45);transform:translateY(-2px)}.prow:hover .pr-vis img{transform:scale(1.03)}}
.pr-vis{position:relative;border-radius:18px;overflow:hidden;background:#0B0B0B;min-height:220px}
.pr-vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform 500ms cubic-bezier(.23,1,.32,1)}
.pr-main{padding:10px 0;display:flex;flex-direction:column}
.pr-tag{align-self:flex-start;font-size:.72rem;font-weight:800;background:var(--gold);color:var(--ink);padding:4px 10px;border-radius:99px;margin-bottom:8px}
.pr-main h3{font-size:1.45rem;letter-spacing:-.03em}
.pr-when{color:var(--grey);margin-top:4px}
.pr-main ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:7px;font-size:.93rem}
.pr-main li{padding-left:26px;position:relative}
.pr-main li::before{content:"\2713";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#FFF1BF;color:#8a6200;display:grid;place-items:center;font-size:.66rem;font-weight:800}
.pr-out{margin-top:auto;padding-top:12px;font-size:.8rem;color:var(--grey)}
.pr-side{border-left:1px solid var(--line);padding:10px 12px 10px 24px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.pr-price{margin:0}
.pr-price b{display:block;font-size:2.1rem;letter-spacing:-.045em;line-height:1}
.pr-price b small{font-size:.9rem;color:var(--grey);font-weight:600;letter-spacing:0}
.pr-price span{display:block;margin-top:6px;font-size:.84rem;color:var(--grey)}
.pr-side .btn{justify-content:center}
.pr-side .see{font-size:.86rem}
.pkgrid.one{grid-template-columns:1fr;margin-top:34px}
@media (max-width:980px){.prow{grid-template-columns:minmax(0,240px) minmax(0,1fr)}.pr-side{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:16px 6px 6px;flex-direction:row;align-items:center;flex-wrap:wrap}.pr-price{margin-right:auto}}
@media (max-width:680px){.pane{padding-left:0}.pane::before{display:none}.ps-n{position:static;transform:none;flex:none}.prow{grid-template-columns:1fr}.pr-vis{min-height:200px}}

/* phones: the Diagnostic banner drops its sketch and stacks */
.diag>*{min-width:0}
@media (max-width:1000px){.diag .mw-diag{display:none}}
@media (max-width:720px){.diag{padding:20px}.dg-side .btn{min-width:0;width:100%}.diag h3{font-size:1.6rem}}