.pk,
.pk * { box-sizing: border-box; }
.pk { direction: rtl; isolation: isolate; background: #f7faf8; color: #183d30; font-family: Cairo, Tahoma, Arial, sans-serif; line-height: 1.7; }
.pk button, .pk a { font: inherit; }
.pk a { text-decoration: none; }
.pk button { cursor: pointer; }
.pk :focus-visible { outline: 3px solid #0b8451; outline-offset: 3px; }
.pk-shell { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.pk-hero { background: linear-gradient(145deg, #eef7f0 0%, #fff 80%); border-bottom: 1px solid #e0ebe3; }
.pk-hero .pk-shell { padding-block: 66px 62px; }
.pk-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #087347; font-size: 14px; font-weight: 800; }
.pk-eyebrow::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: #099359; }
.pk h1, .pk h2, .pk h3, .pk p { margin-top: 0; }
.pk h1 { margin: 11px 0 8px; font-size: clamp(39px, 6vw, 64px); font-weight: 900; line-height: 1.3; }
.pk-hero h2 { margin: 0 0 12px; font-size: clamp(20px, 3vw, 29px); font-weight: 700; }
.pk-hero p { max-width: 700px; margin: 0; color: #5b7165; font-size: 17px; }
.pk-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 27px; }
.pk-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 20px; border: 1px solid #087c4d; border-radius: 12px; background: #07884f; color: #fff !important; font-weight: 800; text-align: center; }
.pk-btn:hover { background: #006d3d; }
.pk-btn-outline { background: #fff; color: #087347 !important; }
.pk-btn-outline:hover { background: #eaf5ed; }
.pk-section { padding-block: 62px; }
.pk-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 25px; }
.pk-section-heading h2 { margin: 4px 0 4px; font-size: clamp(26px, 3.4vw, 35px); font-weight: 900; }
.pk-section-heading p { margin: 0; color: #61776a; }
.pk-period { flex: 0 0 auto; }
.pk-period-label { display: block; margin-bottom: 7px; color: #526e5e; font-size: 13px; font-weight: 700; }
.pk-period-controls { display: flex; padding: 5px; border: 1px solid #d2e2d7; border-radius: 13px; background: #fff; }
.pk-period-controls button { min-height: 40px; padding: 5px 16px; border: 0; border-radius: 9px; background: transparent; color: #43634e; font-size: 14px; font-weight: 800; white-space: nowrap; }
.pk-period-controls button[aria-pressed="true"] { background: #0b7e4c; color: #fff; }
.pk-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pk-plan { display: flex; flex-direction: column; min-width: 0; padding: 27px; border: 1px solid #d9e6dc; border-top: 4px solid var(--package-accent, #0a8951); border-radius: 20px; background: #fff; box-shadow: 0 9px 30px #215c3510; scroll-margin-top: 18px; }
.pk-plan-featured { border: 2px solid #0a8951; border-top-width: 4px; box-shadow: 0 15px 38px #21633e18; }
.pk .pk-plan--free, .pk .guide-plan--free { --package-accent: #267362; --package-tint: #eaf6f2; --package-border: #c9e4db; }
.pk .pk-plan--personal, .pk .guide-plan--personal { --package-accent: #087747; --package-tint: #e8f5eb; --package-border: #c0dfc8; }
.pk .pk-plan--commercial, .pk .guide-plan--commercial { --package-accent: #986024; --package-tint: #fbf2e4; --package-border: #ead3b5; }
.pk-plan-topline { display: flex; align-items: center; justify-content: space-between; min-height: 22px; gap: 8px; color: #0a7c4c; font-size: 12px; font-weight: 800; }
.pk-tag { padding: 3px 9px; border-radius: 30px; background: #e7f5eb; color: #097448; white-space: nowrap; }
.pk-plan h3 { margin: 13px 0 6px; font-size: 23px; font-weight: 900; line-height: 1.45; }
.pk-plan-heading { display: flex; align-items: center; min-width: 0; gap: 12px; margin: 13px 0 10px; padding: 11px; border: 1px solid var(--package-border); border-radius: 15px; background: linear-gradient(120deg, var(--package-tint), #fff); }
.pk-plan-heading h3 { min-width: 0; margin: 0; color: var(--package-accent); overflow-wrap: anywhere; }
.pk-package-icon { display: inline-flex; flex: 0 0 54px; align-items: center; justify-content: center; width: 54px; height: 54px; border: 1px solid var(--package-border); border-radius: 15px; background: #fff; color: var(--package-accent); box-shadow: 0 4px 12px #183d3012; }
.pk-package-icon svg { display: block; width: 31px; height: 31px; }
.pk-audience { min-height: 50px; margin: 0 0 13px; color: #64786b; font-size: 14px; }
.pk-cost { display: flex; align-items: baseline; gap: 6px; margin: 0; color: #076c43; font-weight: 900; }
.pk-cost strong { font-size: clamp(29px, 3vw, 38px); line-height: 1.2; }
.pk-cost span { font-size: 14px; }
.pk-duration { min-height: 27px; margin: 4px 0 18px; color: #607466; font-size: 12px; }
.pk-highlights { flex: 1; margin: 0; padding: 0; list-style: none; }
.pk-highlights li { display: flex; gap: 9px; padding: 10px 0; border-top: 1px solid #edf2ee; font-size: 14px; }
.pk-highlights li::before { content: '✓'; flex: 0 0 19px; height: 19px; border-radius: 50%; background: #e5f4e9; color: #0b8050; font-weight: 900; line-height: 19px; text-align: center; }
.pk-plan-action { width: 100%; margin-top: 19px; }
.pk-plan-action form { margin: 0; }
.pk-plan-action .pk-btn, .pk-plan-action button { width: 100%; }
.pk-current { display: block; padding: 11px; border-radius: 11px; background: #e8f3eb; color: #15754b; text-align: center; font-weight: 800; }
.pk-full { margin-top: 14px; padding-top: 13px; border-top: 1px solid #edf2ee; }
.pk-full summary { color: #087747; font-size: 14px; font-weight: 800; cursor: pointer; }
.pk-rich { margin-top: 13px; color: #304f3d; font-size: 14px; }
.pk-rich * { color: inherit !important; font: inherit !important; line-height: 1.7 !important; direction: rtl !important; background: none !important; }
.pk-rich ul { margin: 0; padding: 0 20px 0 0; }
.pk-rich li { padding: 7px 0; }
.pk-rich li + li { border-top: 1px solid #edf2ee; }
.pk-note { margin: 22px 0 0; color: #617769; font-size: 13px; }
.pk-compare-section { padding-top: 0; }
.pk-compare-wrap { overflow: hidden; border: 1px solid #dce9df; border-radius: 20px; background: #fff; }
.pk-compare { width: 100%; margin: 0; border-collapse: collapse; table-layout: fixed; }
.pk-compare th, .pk-compare td { padding: 18px 20px; border-bottom: 1px solid #e8efe9; text-align: right; vertical-align: middle; }
.pk-compare thead th { background: #eaf5ed; color: #20553b; font-size: 15px; font-weight: 900; }
.pk-compare thead th:first-child { width: 25%; }
.pk-compare tbody th { color: #284b36; font-size: 14px; font-weight: 800; }
.pk-compare tbody td { color: #436450; font-size: 14px; }
.pk-compare tbody tr:last-child th, .pk-compare tbody tr:last-child td { border-bottom: 0; }
.pk-compare td + td, .pk-compare th + th { border-right: 1px solid #edf2ee; }
.pk-compare td[data-strong="true"] { color: #087646; font-weight: 800; }
.pk-small-print { margin: 15px 0 0; color: #697d6e; font-size: 13px; }
.pk-end { padding-block: 38px 62px; }
.pk-end-inner { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 30px; border-radius: 21px; background: #e7f3eb; }
.pk-end h2 { margin: 0 0 5px; font-size: 25px; }
.pk-end p { margin: 0; color: #597365; }
@media (max-width: 900px) {
  .pk-plans { gap: 10px; }
  .pk-plan { padding: 19px; }
  .pk-plan h3 { font-size: 20px; }
  .pk-plan-heading { gap: 9px; padding: 9px; }
  .pk-plan-heading .pk-package-icon { flex-basis: 44px; width: 44px; height: 44px; border-radius: 12px; }
  .pk-plan-heading .pk-package-icon svg { width: 26px; height: 26px; }
}
@media (max-width: 720px) {
  .pk-shell { width: min(100% - 32px, 540px); }
  .pk-hero .pk-shell { padding-block: 35px 39px; }
  .pk h1 { font-size: 43px; }
  .pk-hero h2 { font-size: 21px; }
  .pk-hero p { font-size: 15px; }
  .pk-hero-actions .pk-btn { flex: 1; }
  .pk-section { padding-block: 38px; }
  .pk-section-heading { display: block; }
  .pk-section-heading h2 { font-size: 27px; }
  .pk-period { margin-top: 20px; }
  .pk-period-controls { width: 100%; }
  .pk-period-controls button { flex: 1; }
  .pk-plans { grid-template-columns: 1fr; gap: 14px; }
  .pk-plan { padding: 22px; }
  .pk-audience { min-height: 0; }
  .pk-compare-section { padding-top: 0; }
  .pk-compare-wrap { overflow: visible; border: 0; background: transparent; }
  .pk-compare, .pk-compare tbody { display: block; }
  .pk-compare thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  .pk-compare tbody tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; padding: 13px; border: 1px solid #dce9df; border-radius: 15px; background: #fff; }
  .pk-compare tbody th { display: block; grid-column: 1 / -1; padding: 0 2px 5px; border: 0; font-size: 15px; }
  .pk-compare tbody td { display: flex; flex-direction: column; min-width: 0; padding: 9px 8px; border: 0; border-radius: 10px; background: #f4f8f5; font-size: 12px; overflow-wrap: anywhere; }
  .pk-compare tbody td::before { content: attr(data-plan); margin-bottom: 5px; color: #577366; font-size: 11px; font-weight: 900; }
  .pk-compare td + td { border-right: 0; }
  .pk-end { padding-block: 8px 44px; }
  .pk-end-inner { display: block; padding: 24px; }
  .pk-end .pk-btn { width: 100%; margin-top: 17px; }
}
@media (max-width: 370px) {
  .pk-shell { width: calc(100% - 24px); }
  .pk-compare tbody tr { grid-template-columns: 1fr; gap: 5px; padding: 12px; }
  .pk-compare tbody th { grid-column: 1; }
  .pk-compare tbody td { display: grid; grid-template-columns: 90px minmax(0, 1fr); align-items: start; gap: 8px; padding: 10px; font-size: 13px; }
  .pk-compare tbody td::before { margin: 0; font-size: 12px; }
}

/* Restored package explanations; scoped to the Arabic packages guide. */
.pk .plan-guide {max-width:1080px;margin:30px auto 60px;padding:0 24px}
.pk .plan-guide>h2 {text-align:center;font-size:clamp(28px,4vw,44px);font-weight:800}
.pk .plan-guide .guide-intro {text-align:center;color:#647b6d;margin:20px auto 40px;font-size:18px}
.pk .plan-guide article {background:white;border:1px solid #dce7df;border-radius:24px;padding:36px 42px;margin:24px 0;line-height:2}
.pk .plan-guide article.guide-plan {border-top:4px solid var(--package-accent)}
.pk .plan-guide .guide-plan-heading {display:flex;align-items:center;gap:20px;min-width:0;padding:18px 22px;margin-bottom:26px;border:1px solid var(--package-border);border-radius:19px;background:linear-gradient(120deg,var(--package-tint),#fff 85%)}
.pk .plan-guide .guide-plan-heading>div {min-width:0}
.pk .plan-guide .guide-plan-heading .pk-package-icon {flex-basis:72px;width:72px;height:72px;border-radius:19px}
.pk .plan-guide .guide-plan-heading .pk-package-icon svg {width:40px;height:40px}
.pk .plan-guide .guide-plan-heading h2 {margin:3px 0 0;color:var(--package-accent);font-size:clamp(25px,3vw,34px);font-weight:900;line-height:1.45;overflow-wrap:anywhere}
.pk .plan-guide .guide-plan-type {display:block;color:#5c7567;font-size:14px;font-weight:700;line-height:1.6}
.pk .plan-guide .guide-number {color:#078c4c;font-size:13px;font-weight:800}
.pk .plan-guide article>h2 {font-size:30px;font-weight:800;margin:12px 0 24px}
.pk .plan-guide h3 {font-size:18px;font-weight:800;margin:22px 0 8px}
.pk .plan-guide p {font-size:17px;max-width:900px}
.pk .plan-guide .guide-note {background:#eff6f1;padding:14px 18px;border-radius:12px;font-size:14px}
.pk .plan-guide a {font-weight:700;color:#078c4c}
@media(max-width:650px) {
  .pk .plan-guide article {padding:24px}
  .pk .plan-guide p {font-size:15px}
  .pk .plan-guide .guide-plan-heading {gap:12px;padding:12px;margin-bottom:22px}
  .pk .plan-guide .guide-plan-heading .pk-package-icon {flex-basis:52px;width:52px;height:52px;border-radius:14px}
  .pk .plan-guide .guide-plan-heading .pk-package-icon svg {width:30px;height:30px}
  .pk .plan-guide .guide-plan-heading h2 {font-size:clamp(22px,6vw,27px)}
  .pk .plan-guide .guide-plan-type {font-size:12px}
}
.pk .plan-guide .consolidation {background:#edf6ef;border-radius:20px;padding:28px;text-align:center;margin:25px 0;overflow:hidden}
.pk .plan-guide .shop-parcels {display:flex;justify-content:center;gap:16px;direction:ltr}
.pk .plan-guide .shop-parcels span {background:#dfb982;border:2px solid #bc935c;border-radius:8px;padding:12px;min-width:100px;font:700 14px 'Cairo',sans-serif;animation:pk-guide-parcel-arrive 3s ease-in-out infinite}
.pk .plan-guide .shop-parcels span:nth-child(2) {animation-delay:.3s}
.pk .plan-guide .shop-parcels span:nth-child(3) {animation-delay:.6s}
.pk .plan-guide .shop-parcels span:nth-child(4) {animation-delay:.9s}
.pk .plan-guide .parcel-arrows {color:#078c4c;font-size:28px;letter-spacing:20px}
.pk .plan-guide .combined-box {background:#d7ae77;border:3px solid #af864f;border-top:12px solid #b88e58;border-radius:8px;width:min(260px,100%);margin:12px auto;padding:25px;color:#573c21;font-weight:800}
.pk .plan-guide .consolidation small {color:#657a6b}
@keyframes pk-guide-parcel-arrive{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce) {
  .pk .plan-guide .shop-parcels span {animation:none}
}
@media(max-width:600px) {
  .pk .plan-guide .shop-parcels {gap:6px;flex-wrap:wrap}
  .pk .plan-guide .shop-parcels span {min-width:90px}
  .pk .plan-guide .parcel-arrows {letter-spacing:5px}
}
.pk .plan-guide .store-icon {display:block;width:40px;height:40px;object-fit:contain;margin:0 auto 8px;background:white;border-radius:9px;padding:4px}
.pk .plan-guide .warehouse-diagram {background:#f0f6f2;border:1px solid #d7e5dc;border-radius:22px;padding:24px;margin:26px 0;text-align:center}
.pk .plan-guide .supplier-row, .pk .plan-guide .shipping-options {display:flex;gap:12px;justify-content:center}
.pk .plan-guide .supplier-row>div {background:white;border:1px solid #d5e2d9;border-radius:14px;padding:14px;flex:1;font-size:28px}
.pk .plan-guide .supplier-row strong, .pk .plan-guide .supplier-row small {display:block;font-size:14px}
.pk .plan-guide .supplier-row small {font-size:12px;color:#647769}
.pk .plan-guide .flow-caption {font-size:13px;color:#397254;margin:16px 0}
.pk .plan-guide .flow-caption b {font-size:26px}
.pk .plan-guide .warehouse-building {border:3px solid #4b8061;border-radius:12px;overflow:hidden;background:white}
.pk .plan-guide .warehouse-title {background:#28583d;color:white;font-weight:800;padding:12px}
.pk .plan-guide .warehouse-floor {display:flex;gap:12px;align-items:center;padding:22px}
.pk .plan-guide .reserved-zone {flex:3;border:2px dashed #d49b3b;border-radius:12px;padding:20px 10px;background:#fff7e7}
.pk .plan-guide .shelf {flex:1;color:#90a297;font-size:12px}
.pk .plan-guide .cargo-boxes {display:flex;justify-content:center;gap:7px;margin:16px 0}
.pk .plan-guide .cargo-boxes span {padding:14px 8px;background:#d5b17b;border:1px solid #b08a51;border-radius:5px;font-size:12px;color:#503b22}
.pk .plan-guide .reserved-zone small {font-size:11px}
.pk .plan-guide .shipping-options span {flex:1;border:1px solid #b6d0bf;border-radius:10px;background:white;padding:12px;font-size:12px}
.pk .plan-guide .shipping-options strong {font-size:16px;color:#17643a}
.pk .plan-guide .diagram-note {display:block;color:#65776a;font-size:11px;line-height:1.8;margin-top:20px}
.pk .plan-guide .business-steps {padding-right:24px}
.pk .plan-guide .business-steps li {padding:12px 8px;border-bottom:1px solid #e4ece6}
.pk .plan-guide .business-steps li p {margin:6px 0;font-size:15px}
@media(max-width:620px) {
  .pk .plan-guide .warehouse-diagram {padding:12px}
  .pk .plan-guide .supplier-row {flex-direction:column}
  .pk .plan-guide .warehouse-floor {padding:12px}
  .pk .plan-guide .shelf {display:none}
  .pk .plan-guide .shipping-options {flex-wrap:wrap}
  .pk .plan-guide .shipping-options span {flex-basis:40%}
  .pk .plan-guide .cargo-boxes {flex-wrap:wrap}
}
.pk .plan-guide article {scroll-margin-top:24px}
.pk .plan-guide .customs-service {background:#f4f8f5;border:1px solid #dae8de;border-radius:18px;padding:25px;margin-top:28px}
.pk .plan-guide .customs-service ul {padding-right:22px;line-height:2}
.pk .plan-guide .customs-service img {max-height:75px;object-fit:contain}
.pk .plan-guide .plan-jumps {display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0}
.pk .plan-guide .plan-jumps a {padding:10px 20px;background:white;border:1px solid #cadfcf;border-radius:30px;color:#195f3b}
.pk .plan-guide article>a:last-child {display:inline-block;padding:10px 18px;border:1px solid #a9c9b4;border-radius:10px;margin-top:14px}
.pk .plan-guide .work-gallery {margin:32px 0;padding:24px;background:#f3f8f5;border-radius:20px}
.pk .plan-guide .work-gallery-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pk .plan-guide .work-gallery figure {margin:0;background:white;border:1px solid #dce8df;border-radius:14px;overflow:hidden}
.pk .plan-guide .work-gallery img {width:100%;height:220px;object-fit:contain;background:#edf1ee;display:block}
.pk .plan-guide .work-gallery figcaption {padding:18px}
.pk .plan-guide .work-gallery h4 {font-size:19px;margin:0 0 10px}
.pk .plan-guide .work-gallery figcaption p {font-size:15px!important}
.pk .plan-guide .work-gallery a:focus-visible {outline:3px solid #087e42;outline-offset:3px}
@media(max-width:800px) {
  .pk .plan-guide .work-gallery-grid {grid-template-columns:1fr}
  .pk .plan-guide .work-gallery {padding:16px}
  .pk .plan-guide .work-gallery img {height:250px}
}
.pk .plan-guide .pallet-visual {background:#f3f8f5;border:1px solid #d5e5da;border-radius:20px;padding:24px;margin:24px 0;text-align:center}
.pk .plan-guide .pallet-visual svg {display:block;width:100%;max-width:700px;margin:0 auto 15px}
.pk .plan-guide .pallet-visual strong {display:block;font-size:22px;color:#12623c}
.pk .plan-guide .pallet-visual small {display:block;color:#57685d;line-height:1.8}
.pk .plan-guide .supplier-animation {margin:28px 0;padding:28px;border:1px solid #d6e6dc;border-radius:24px;background:linear-gradient(140deg,#f1f8f3,#fff);text-align:center;overflow:hidden}
.pk .plan-guide .supplier-animation-heading>strong {font-size:25px;color:#175a39}
.pk .plan-guide .supplier-animation-heading p {margin:8px auto 25px!important}
.pk .plan-guide .supplier-stations {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;direction:ltr;max-width:650px;margin:auto}
.pk .plan-guide .supplier-station {border:2px solid currentColor;border-radius:14px;background:white;padding:14px 8px;box-shadow:0 6px 18px #183c3010}
.pk .plan-guide .supplier-station strong, .pk .plan-guide .supplier-station small {display:block}
.pk .plan-guide .factory-symbol {font-size:40px;line-height:1}
.pk .plan-guide .supplier-a {color:#287bb7}
.pk .plan-guide .supplier-b {color:#bf791d}
.pk .plan-guide .supplier-c {color:#9357a2}
.pk .plan-guide .collection-lanes {position:relative;height:150px;max-width:650px;margin:auto;direction:ltr}
.pk .plan-guide .collection-lanes i {position:absolute;top:0;width:2px;height:145px;background:repeating-linear-gradient(to bottom,#bfd4c5 0 8px,transparent 8px 16px)}
.pk .plan-guide .collection-lanes i:nth-child(1) {left:17%;transform:rotate(-40deg);transform-origin:top}
.pk .plan-guide .collection-lanes i:nth-child(2) {left:50%}
.pk .plan-guide .collection-lanes i:nth-child(3) {left:83%;transform:rotate(40deg);transform-origin:top}
.pk .plan-guide .moving-parcel {position:absolute;top:8px;width:42px;height:38px;margin-left:-21px;border-radius:5px;border:2px solid #fff8;color:white;font-size:20px;font-weight:bold;box-shadow:3px 4px 0 #0002;animation:pk-guide-parcel-collect 4.5s infinite ease-in-out}
.pk .plan-guide .parcel-a {left:17%;background:#287bb7;--travel:160px}
.pk .plan-guide .parcel-b {left:50%;background:#bf791d;--travel:0px;animation-delay:.5s}
.pk .plan-guide .parcel-c {left:83%;background:#9357a2;--travel:-160px;animation-delay:1s}
@keyframes pk-guide-parcel-collect{0%,12%{transform:translate(0,0);opacity:0}22%{opacity:1}70%,85%{transform:translate(var(--travel),105px);opacity:1}100%{transform:translate(var(--travel),105px);opacity:0}}
.pk .plan-guide .customer-pallet {max-width:260px;margin:auto;position:relative}
.pk .plan-guide .pallet-cargo {display:flex;justify-content:center;gap:4px;align-items:flex-end}
.pk .plan-guide .pallet-cargo span {width:66px;height:60px;color:white;font-size:25px;font-weight:bold;line-height:60px;border:2px solid #fff8;border-radius:4px;box-shadow:inset -8px 0 #0001}
.pk .plan-guide .cargo-a {background:#287bb7}
.pk .plan-guide .cargo-b {background:#bf791d;height:77px!important}
.pk .plan-guide .cargo-c {background:#9357a2}
.pk .plan-guide .wooden-pallet {height:20px;border-top:7px solid #b88952;border-bottom:6px solid #8f653c;background:repeating-linear-gradient(90deg,#ab7b46 0 24px,transparent 24px 65px);margin-bottom:13px}
.pk .plan-guide .customer-label {display:inline-block;padding:8px 20px;background:#136d40;color:#fff;border-radius:30px;font-weight:bold}
.pk .plan-guide .collection-summary {display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px}
.pk .plan-guide .collection-summary span {background:white;padding:8px 12px;border-radius:9px;border:1px solid #dce9df;font-size:14px}
.pk .plan-guide .collection-note {font-size:13px!important;color:#657b6b;margin:18px auto!important}
.pk .plan-guide .collection-toggle {border:1px solid #9bbda6;border-radius:9px;padding:7px 17px;background:white;color:#17613c}
.pk .plan-guide .animation-paused .moving-parcel {animation-play-state:paused}
@media(max-width:600px) {
  .pk .plan-guide .supplier-animation {padding:16px}
  .pk .plan-guide .supplier-stations {gap:6px}
  .pk .plan-guide .supplier-station strong {font-size:14px}
  .pk .plan-guide .supplier-station small {font-size:11px}
  .pk .plan-guide .parcel-a {--travel:70px}
  .pk .plan-guide .parcel-c {--travel:-70px}
  .pk .plan-guide .supplier-animation-heading>strong {font-size:21px}
}
@media(prefers-reduced-motion:reduce) {
  .pk .plan-guide .moving-parcel {animation:none;opacity:1}
  .pk .plan-guide .collection-toggle {display:none}
}