/* Approved Monokrom comparison modal. All rules are scoped. */
#mkPackageComparison{--ink:#2a2623;--dark:#1c1a18;--cream:#f4f1ee;--paper:#fbfaf8;--rose:#e2c1b9;--mauve:#7b626a;--line:#e4ded9;--muted:#746a63;--serif:'Cinzel',Georgia,serif;--sans:'Source Sans 3',Arial,sans-serif;font:17px/1.5 var(--sans);letter-spacing:normal;text-align:left;margin:auto}
#mkPackageComparison *{box-sizing:border-box}
#mkPackageComparison button{font-family:var(--sans);cursor:pointer}
#mkPackageComparison button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}
#mkPackageComparison button:focus-visible,#mkPackageComparison [tabindex]:focus-visible{outline:2px solid var(--mauve);outline-offset:4px}
#mkPackageComparison .eyebrow{display:block;text-transform:uppercase;font-family:var(--sans)}
#mkPackageComparison .tabs{margin:0;max-width:none}
#mkPackageComparison .primary{border:0;border-radius:40px;background:var(--ink);color:var(--paper);display:inline-flex;gap:19px;align-items:center;justify-content:center;letter-spacing:.1em;text-transform:uppercase;transition:background .2s}
#mkPackageComparison .primary:hover{background:#4a3f39}
.packageCompareLaunch{display:none}
.js .packageCompareLaunch{display:flex;justify-content:center;margin:1.8rem 0 0}
.packageCompareLaunch .linkArrow{background:none;border:0;border-bottom:1px solid var(--line);padding-bottom:.35rem;cursor:pointer}
#mkPackageComparison{padding:0;border:1px solid #d7cfc9;border-radius:24px;background:var(--paper);color:var(--ink);width:min(1460px,calc(100vw - 64px));height:min(1040px,calc(100dvh - 56px));max-width:none;max-height:none;box-shadow:0 40px 100px #17120f44;overflow:hidden}
#mkPackageComparison[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
#mkPackageComparison::backdrop{background:#1c1a189c;backdrop-filter:blur(7px)}
#mkPackageComparison .dialog-head{padding:27px 34px 0;background:var(--paper);border-bottom:1px solid var(--line);z-index:5}
#mkPackageComparison .head-line{display:flex;align-items:start;justify-content:space-between;gap:22px}
#mkPackageComparison .dialog-head .eyebrow{font-size:10px;letter-spacing:.22em;color:var(--mauve);margin-bottom:9px}
#mkPackageComparison .dialog-head h2{font:clamp(21px,2vw,31px)/1.28 var(--serif);font-weight:400;letter-spacing:.025em}
#mkPackageComparison .dialog-head .intro{font-size:15px;color:var(--muted);margin-top:9px}
#mkPackageComparison .close{width:40px;height:40px;flex:none;border:1px solid #ded6d0;border-radius:50%;background:transparent;display:grid;place-items:center;margin-top:1px}
#mkPackageComparison .close:hover{background:var(--cream)}
#mkPackageComparison .toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}
#mkPackageComparison .tabs{display:flex;align-items:center;gap:5px;background:#eee8e3;padding:4px;border-radius:32px}
#mkPackageComparison .tab{border:0;border-radius:28px;padding:11px 25px;background:transparent;color:#746a63;font-size:12px;text-transform:uppercase;letter-spacing:.12em;line-height:1.3;min-height:40px}
#mkPackageComparison .tab[aria-selected=true]{background:var(--ink);color:var(--paper);box-shadow:0 3px 6px #2a262315}
#mkPackageComparison .tab:hover:not([aria-selected=true]){background:#e5ddd7;color:var(--ink)}
#mkPackageComparison .differences{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4;color:#655b55;cursor:pointer}
#mkPackageComparison .differences input{accent-color:var(--mauve);width:15px;height:15px;margin:0}
#mkPackageComparison .table-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:23px 0 16px}
#mkPackageComparison .category-info strong{font-weight:500;font-size:17px}
#mkPackageComparison .category-info p{font-size:12px;color:var(--muted);margin-top:2px}
#mkPackageComparison .starting-price{text-align:right;flex:none}
#mkPackageComparison .starting-price strong{font-size:27px;line-height:1;font-weight:600;letter-spacing:-.035em}
#mkPackageComparison .starting-price span{font-size:14px;letter-spacing:0;font-weight:400;margin-left:4px}
#mkPackageComparison .starting-price small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
#mkPackageComparison .dialog-body{min-height:0;overflow:auto;padding:0 34px 25px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6b2b8 transparent}
#mkPackageComparison .scroll-tip{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;padding:13px 0 10px}
#mkPackageComparison .table-shell{overflow-x:auto;border:1px solid var(--line);border-radius:15px;scrollbar-color:#c6b2b8 #f4f1ee;scrollbar-width:thin;overscroll-behavior-x:contain}
#mkPackageComparison table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:13px;line-height:1.45}
#mkPackageComparison table.photo{min-width:1000px}
#mkPackageComparison table.video{min-width:890px}
#mkPackageComparison table.selfie{min-width:730px}
#mkPackageComparison col.label{width:190px}
#mkPackageComparison th,#mkPackageComparison td{padding:15px 14px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;background:var(--paper)}
#mkPackageComparison thead th{height:128px;padding:16px 13px 21px;vertical-align:top;background:var(--cream);font-weight:400}
#mkPackageComparison thead th:first-child{vertical-align:bottom;color:var(--muted);font-size:11px}
#mkPackageComparison .plan-badge{display:block;min-height:24px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--mauve);font-weight:600}
#mkPackageComparison .plan-name{display:block;font:15px/1.4 var(--serif);letter-spacing:.015em}
#mkPackageComparison .plan-sub{display:block;margin-top:8px;color:var(--muted);font-size:11px}
#mkPackageComparison .recommended{background:#f2e8e3}
#mkPackageComparison thead .recommended{background:var(--ink);color:var(--paper);box-shadow:inset 0 3px 0 #e2c1b9}
#mkPackageComparison thead .recommended .plan-badge{color:var(--rose)}
#mkPackageComparison thead .recommended .plan-sub{color:#e1d8d1}
#mkPackageComparison tbody th{font-weight:500;text-align:left;color:#635952}
#mkPackageComparison th:first-child:not([colspan]){position:sticky;left:0;z-index:2;box-shadow:1px 0 0 var(--line);background:var(--paper)}
#mkPackageComparison thead th:first-child:not([colspan]){background:var(--cream)}
#mkPackageComparison td{color:#635952}
#mkPackageComparison td.emphasis{font-weight:600;font-size:16px;color:var(--ink);letter-spacing:-.01em}
#mkPackageComparison .tick{color:#56624e;font-size:19px;line-height:1;font-weight:500}
#mkPackageComparison .dash{color:#a59a92}
#mkPackageComparison .limited{font-size:12px;color:#7b626a}
#mkPackageComparison .section-row th{padding:11px 14px;text-align:left;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#7c6a62;font-weight:600;background:#eee7e1;border-bottom:1px solid #ded5cf}
#mkPackageComparison .section-row[hidden],#mkPackageComparison tr[hidden],#mkPackageComparison aside[hidden],#mkPackageComparison p[hidden]{display:none}
#mkPackageComparison tbody tr:last-child th,#mkPackageComparison tbody tr:last-child td{border-bottom:0}
#mkPackageComparison .addon{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 22px;border:1px solid var(--line);border-radius:15px;margin-top:22px;background:var(--cream)}
#mkPackageComparison .addon .eyebrow{font-size:9px;color:var(--mauve)}
#mkPackageComparison .addon h3{font:20px var(--serif);margin-top:5px}
#mkPackageComparison .addon p{font-size:13px;color:var(--muted);margin-top:7px}
#mkPackageComparison .addon-facts{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
#mkPackageComparison .addon-facts strong{display:block;font-weight:600;font-size:18px}
#mkPackageComparison .addon-facts span{font-size:11px;color:var(--muted)}
#mkPackageComparison .conditions{margin-top:19px;font-size:11px;line-height:1.65;color:#786d64;max-width:110ch}
#mkPackageComparison .conditions p+p{margin-top:7px}
#mkPackageComparison .dialog-foot{padding:16px 34px;background:var(--paper);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}
#mkPackageComparison .foot-note{font-size:12px;color:var(--muted)}
#mkPackageComparison .foot-note b{font-weight:500;color:var(--ink)}
#mkPackageComparison .primary{font-size:10px;padding:13px 23px}
#mkPackageComparison .primary svg{width:17px;height:17px}
#mkPackageComparison .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1700px){#mkPackageComparison table{font-size:14px}
#mkPackageComparison .plan-name{font-size:16px}
#mkPackageComparison td,#mkPackageComparison th{padding:17px 15px}
}
@media(max-width:800px){#mkPackageComparison{width:calc(100vw - 24px);height:calc(100dvh - 24px);border-radius:18px}
#mkPackageComparison .dialog-head{padding:21px 20px 0}
#mkPackageComparison .dialog-body{padding:0 20px 23px}
#mkPackageComparison .dialog-foot{padding:14px 20px}
#mkPackageComparison .tab{padding:10px 20px}
#mkPackageComparison .toolbar{gap:12px;flex-wrap:wrap}
#mkPackageComparison .starting-price strong{font-size:24px}
#mkPackageComparison .addon{align-items:start;flex-direction:column;gap:17px}
#mkPackageComparison .foot-note{font-size:11px}
#mkPackageComparison col.label{width:160px}
}
@media(max-width:480px){#mkPackageComparison{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}
#mkPackageComparison .dialog-head{padding:19px 16px 0}
#mkPackageComparison .dialog-head h2{font-size:21px;max-width:240px}
#mkPackageComparison .dialog-head .intro{font-size:13px;max-width:260px}
#mkPackageComparison .close{width:34px;height:34px}
#mkPackageComparison .toolbar{margin-top:19px}
#mkPackageComparison .tabs{width:100%;justify-content:space-between}
#mkPackageComparison .tab{padding:10px 15px;flex:1;font-size:11px}
#mkPackageComparison .differences{font-size:12px;margin:2px 0 0}
#mkPackageComparison .table-heading{margin:17px 0 14px;align-items:start}
#mkPackageComparison .category-info strong{font-size:15px}
#mkPackageComparison .category-info p{font-size:10px;max-width:155px}
#mkPackageComparison .starting-price strong{font-size:23px}
#mkPackageComparison .starting-price span{font-size:12px}
#mkPackageComparison .starting-price small{max-width:125px;line-height:1.3}
#mkPackageComparison .dialog-body{padding:0 12px 20px}
#mkPackageComparison .scroll-tip{padding-inline:4px;font-size:10px}
#mkPackageComparison .dialog-foot{padding:12px 16px;gap:12px}
#mkPackageComparison .foot-note{max-width:145px;line-height:1.4;font-size:10px}
#mkPackageComparison .primary{font-size:9px;padding:12px 16px;gap:10px;white-space:nowrap}
#mkPackageComparison .addon-facts{gap:22px}
#mkPackageComparison col.label{width:145px}
#mkPackageComparison table{font-size:12px}
#mkPackageComparison table.photo{min-width:940px}
#mkPackageComparison table.video{min-width:800px}
#mkPackageComparison table.selfie{min-width:660px}
#mkPackageComparison th,#mkPackageComparison td{padding:13px 11px}
#mkPackageComparison .plan-name{font-size:14px}
#mkPackageComparison thead th{height:124px}
}
@media(prefers-reduced-motion:reduce){#mkPackageComparison *{scroll-behavior:auto!important;transition:none!important}
}
