.activity-page { --ap-brown:#3f2617; --ap-blue:#68c5ed; --ap-yellow:#ffe96b; --ap-cream:#fffaf0; --ap-border:#eadfce; --ap-muted:#795f4e; }
.activity-page .activity-page-main *, .activity-page .activity-page-main *::before, .activity-page .activity-page-main *::after { box-sizing:border-box; min-width:0; }
.activity-page .activity-page-main { overflow:clip; background:linear-gradient(180deg,#fffaf0 0,#fff 28%,#fffaf4 100%); color:var(--ap-brown); }
.activity-page .activity-page-main .container { width:min(1240px,calc(100% - 48px)); }
.activity-page .activity-hero { min-height:300px; padding:58px 0 52px; display:flex; align-items:center; background:radial-gradient(circle at 86% 18%,rgba(104,197,237,.26),transparent 27%),linear-gradient(135deg,#fff7dc,#f7f1e6); }
.activity-page .activity-hero .container { display:flex; flex-direction:column; align-items:flex-start; }
.activity-page .activity-hero .eyebrow { order:1; margin:0 0 12px; }
.activity-page .activity-hero h1 { order:2; max-width:760px; margin:0; font-size:clamp(40px,5vw,58px); line-height:1.12; }
.activity-page .activity-hero p { order:3; max-width:760px; margin:14px 0 22px; font-size:18px; line-height:1.65; color:var(--ap-muted); }
.activity-page .activity-district-filter { order:4; display:flex; align-items:center; gap:12px; padding:8px 10px 8px 16px; border:1px solid var(--ap-border); border-radius:14px; background:rgba(255,255,255,.9); box-shadow:0 8px 24px rgba(63,38,23,.07); }
.activity-page .activity-district-filter label { font-weight:800; white-space:nowrap; }
.activity-page .activity-district-filter select { width:220px; min-height:44px; border:0; border-left:1px solid var(--ap-border); border-radius:0; background:transparent; }
.activity-page .activity-trip-section { padding:48px 0 56px; }
.activity-page .planner-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:22px; }
.activity-page .section-kicker { display:block; margin-bottom:5px; color:#0876a8; font-size:14px; font-weight:900; letter-spacing:.02em; }
.activity-page .planner-heading h2 { margin:0; font-size:clamp(30px,3.4vw,42px); }
.activity-page .planner-heading p { margin:7px 0 0; color:var(--ap-muted); }
.activity-page .planner-history-link { display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:0 16px; border:1px solid var(--ap-border); border-radius:12px; background:#fff; color:var(--ap-brown); font-weight:800; text-decoration:none; }
.activity-page .activity-form-errors { display:flex; gap:12px; margin-bottom:18px; padding:16px 18px; border:1px solid #efb5ae; border-radius:14px; background:#fff2f0; color:#9c291e; }
.activity-page .activity-form-errors p { margin:0 0 3px; }
.activity-page .trip-builder { width:100%; margin:0; padding:24px; border:1px solid var(--ap-border); border-radius:20px; background:rgba(255,255,255,.96); box-shadow:0 18px 46px rgba(63,38,23,.08); }
.activity-page .trip-planner-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:0 0 24px; padding:0; list-style:none; }
.activity-page .trip-planner-steps li { position:relative; display:flex; align-items:center; gap:9px; color:#a38e7d; }
.activity-page .trip-planner-steps li:not(:last-child)::after { content:""; position:static; display:block; height:2px; min-width:16px; flex:1 1 auto; margin:0 12px; background:#e8ded1; }
.activity-page .trip-planner-steps span { z-index:1; display:grid; place-items:center; width:36px; height:36px; flex:0 0 36px; border:2px solid #e8ded1; border-radius:50%; background:#fff; font-weight:900; }
.activity-page .trip-planner-steps .is-active { color:var(--ap-brown); }
.activity-page .trip-planner-steps .is-active span { border-color:var(--ap-brown); background:var(--ap-yellow); }
.activity-page .trip-planner-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(290px,330px); gap:24px; align-items:start; }
.activity-page .trip-planner-content { display:grid; gap:20px; }
.activity-page .planner-panel { padding:24px; border:1px solid var(--ap-border); border-radius:16px; background:#fffdfa; }
.activity-page .planner-panel-head { display:flex; gap:12px; align-items:center; margin-bottom:20px; }
.activity-page .planner-panel-head>span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#e5f6fd; color:#0876a8; font-weight:900; }
.activity-page .planner-panel-head h3 { margin:0; font-size:24px; }
.activity-page .planner-panel-head p { margin:3px 0 0; color:var(--ap-muted); font-size:14px; }
.activity-page .trip-info-grid { display:grid; grid-template-columns:2fr 1fr; gap:18px; }
.activity-page .trip-info-grid .form-group { margin:0; }
.activity-page .trip-info-grid label { display:block; margin-bottom:7px; font-weight:800; }
.activity-page .trip-info-grid input { width:100%; min-height:48px; padding:0 14px; border:1px solid #d9cbb9; border-radius:12px; background:#fff; color:var(--ap-brown); font:inherit; }
.activity-page .trip-info-grid input:focus-visible { outline:3px solid rgba(104,197,237,.28); border-color:#1595ca; }
.activity-page .field-hint,.activity-page .field-error { display:block; min-height:18px; margin-top:5px; font-size:13px; }
.activity-page .field-hint { color:var(--ap-muted); }.activity-page .field-error { color:#b3261e; }
.activity-page .trip-duration-note { display:flex; align-items:center; gap:9px; margin-top:16px; padding:11px 14px; border-radius:12px; background:#f0f9fd; color:#356679; }
.activity-page .trip-category { border-top:1px solid var(--ap-border); }
.activity-page .trip-category-toggle { width:100%; min-height:58px; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0; border:0; background:transparent; color:var(--ap-brown); font:inherit; cursor:pointer; }
.activity-page .trip-category-toggle>span { display:flex; align-items:center; gap:9px; }.activity-page .trip-category-toggle>span:first-child i { color:#0876a8; }
.activity-page .category-count { color:var(--ap-muted); font-size:14px; }.activity-page .trip-category-toggle[aria-expanded="false"] .fa-chevron-down { transform:rotate(-90deg); }
.activity-page .trip-category-content[hidden] { display:none; }
.activity-page .trip-option-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding-bottom:20px; }
.activity-page .trip-option-card { position:relative; display:grid; grid-template-columns:92px minmax(0,1fr); min-height:112px; overflow:hidden; border:1px solid var(--ap-border); border-radius:14px; background:#fff; cursor:pointer; transition:.2s ease; }
.activity-page .trip-option-card:hover { transform:translateY(-2px); border-color:#77c9ec; box-shadow:0 10px 24px rgba(63,38,23,.08); }
.activity-page .trip-option-card:focus-within { outline:3px solid rgba(104,197,237,.3); }
.activity-page .trip-option-card.is-selected { border:2px solid #1595ca; background:#f2fbff; }
.activity-page .trip-option-card input { position:absolute; opacity:0; pointer-events:none; }
.activity-page .trip-option-media { display:grid; place-items:center; min-height:100%; background:linear-gradient(135deg,#e5f6fd,#fff5bd); color:#0876a8; font-size:28px; }
.activity-page .trip-option-media img { width:100%; height:100%; object-fit:cover; }
.activity-page .trip-option-body { display:flex; flex-direction:column; justify-content:center; padding:12px; }
.activity-page .trip-option-body strong { line-height:1.35; }.activity-page .trip-option-body small { margin-top:3px; color:var(--ap-muted); line-height:1.35; }
.activity-page .trip-option-price { margin-top:8px; color:#9a5a00; font-size:14px; font-variant-numeric:tabular-nums; }
.activity-page .selected-label { display:none; margin-bottom:4px; color:#0876a8; font-size:12px; font-weight:900; }.activity-page .is-selected .selected-label { display:block; }
.activity-page .trip-empty-state,.activity-page .section-empty-state { display:flex; align-items:center; justify-content:center; gap:14px; padding:24px; border:1px dashed #d8c8b6; border-radius:14px; background:#fffcf6; text-align:left; }
.activity-page .trip-empty-state>i,.activity-page .section-empty-state>i { font-size:30px; color:#8a6c57; }.activity-page .trip-empty-state p,.activity-page .section-empty-state p { margin:3px 0;color:var(--ap-muted); }.activity-page .trip-empty-state a,.activity-page .section-empty-state a { color:#0876a8;font-weight:800; }
.activity-page .trip-summary-card { position:sticky; top:92px; padding:22px; border:1px solid var(--ap-border); border-radius:16px; background:#fff; box-shadow:0 12px 32px rgba(63,38,23,.08); }
.activity-page .summary-head { display:flex; align-items:center; gap:11px; padding-bottom:16px; border-bottom:1px solid var(--ap-border); }.activity-page .summary-head>span { display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ap-yellow); }.activity-page .summary-head h3 { margin:0;font-size:22px; }.activity-page .summary-head p { margin:2px 0 0;color:var(--ap-muted);font-size:13px; }
.activity-page .summary-details { margin:16px 0; }.activity-page .summary-details div,.activity-page .summary-counts div { display:flex;justify-content:space-between;gap:12px;padding:7px 0; }.activity-page .summary-details dt,.activity-page .summary-counts span { color:var(--ap-muted); }.activity-page .summary-details dd { margin:0;text-align:right;font-weight:700; }
.activity-page .summary-counts { padding:12px 0;border-block:1px solid var(--ap-border); }.activity-page .summary-counts i { width:18px;color:#0876a8; }.activity-page .summary-total-row { margin-top:5px;border-top:1px dashed var(--ap-border);font-size:17px; }
.activity-page .summary-budget { padding:18px 0;text-align:right; }.activity-page .summary-budget span,.activity-page .summary-budget small { display:block;color:var(--ap-muted); }.activity-page .summary-budget strong { display:block;margin:4px 0;font-size:30px;font-variant-numeric:tabular-nums; }
.activity-page .summary-budget-button,.activity-page .summary-submit-button { width:100%;min-height:48px;border-radius:12px;font:inherit;font-weight:900;cursor:pointer; }.activity-page .summary-budget-button { margin-bottom:10px;border:1px solid #d7c7b4;background:#fff;color:var(--ap-brown); }.activity-page .summary-submit-button { border:0;background:var(--ap-brown);color:#fff; }.activity-page .button-loading { display:none; }.activity-page .is-submitting .button-label { display:none; }.activity-page .is-submitting .button-loading { display:inline; }
.activity-page .activity-package-section,.activity-page .activity-list-section { padding:54px 0; }.activity-page .activity-package-section { background:#fff; }.activity-page .activity-list-section { background:#fffaf0; }
.activity-page .package-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.activity-page .package-list:has(.activity-package-card:only-child) { grid-template-columns:minmax(0,860px);justify-content:center; }
.activity-page .activity-package-card { grid-template-columns:minmax(180px,45%) 1fr;height:100%; }.activity-page .package-media { display:grid;place-items:center;align-self:stretch;min-height:240px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#e5f6fd,#fff1a0);font-size:44px;color:#0876a8; }.activity-page .package-media img { width:100%;height:100%;object-fit:cover; }
.activity-page .activity-list-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }.activity-page .activity-card { display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ap-border);border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(58,38,24,.07); }.activity-page .activity-card-media { position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#e5f6fd,#fff1a0);font-size:44px;color:#0876a8; }.activity-page .activity-card-media>img { width:100%;height:100%;object-fit:cover; }.activity-page .activity-card-bookmark { position:absolute;right:12px;top:12px; }.activity-page .activity-card-bookmark .icon-action-btn { background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.15); }
.activity-page .activity-card-body { display:flex;flex:1;flex-direction:column;padding:18px; }.activity-page .activity-card-body h3 { display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:12px 0 8px;font-size:21px;line-height:1.25; }.activity-page .activity-card-body>p { display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--ap-muted);line-height:1.55; }.activity-page .activity-price span,.activity-page .activity-price small { display:block;color:var(--ap-muted);font-size:13px; }.activity-page .activity-price strong { display:block;font-size:22px;font-variant-numeric:tabular-nums; }.activity-page .activity-card-actions { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto;padding-top:14px; }.activity-page .activity-card-actions a { display:grid;place-items:center;min-height:44px;border-radius:11px;font-weight:900;text-decoration:none;text-align:center; }.activity-page .activity-detail-button { border:1px solid #e0ca50;background:#fff8c9;color:var(--ap-brown); }.activity-page .activity-book-button { background:var(--ap-brown);color:#fff; }
.activity-page .section-empty-state { grid-column:1/-1;flex-direction:column;min-height:180px;text-align:center; }.activity-page .section-empty-state h3 { margin:0; }
.activity-page .activity-modal[hidden],.activity-page .activity-toast[hidden],.activity-page .activity-mobile-summary[hidden] { display:none; }.activity-page .activity-modal { position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:20px; }.activity-page .activity-modal-backdrop { position:absolute;inset:0;background:rgba(34,23,16,.64); }.activity-page .activity-modal-dialog { z-index:1;width:min(620px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.24); }.activity-page .activity-modal-dialog header,.activity-page .activity-modal-dialog footer { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--ap-border); }.activity-page .activity-modal-dialog footer { border-top:1px solid var(--ap-border);border-bottom:0; }.activity-page .activity-modal-dialog h2 { margin:0;font-size:28px; }.activity-page .modal-close { display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#f3eee7;color:var(--ap-brown);cursor:pointer; }.activity-page .budget-breakdown,.activity-page .confirm-summary { padding:20px 22px; }.activity-page .budget-group { margin-bottom:18px; }.activity-page .budget-group h3 { margin:0 0 8px; }.activity-page .budget-item,.activity-page .budget-subtotal { display:flex;justify-content:space-between;gap:18px;padding:7px 0; }.activity-page .budget-subtotal { margin-top:6px;border-top:1px dashed var(--ap-border);font-weight:900; }.activity-page .modal-primary,.activity-page .modal-secondary { min-height:44px;padding:0 18px;border-radius:11px;font:inherit;font-weight:900;cursor:pointer; }.activity-page .modal-primary { border:0;background:var(--ap-brown);color:#fff; }.activity-page .modal-secondary { border:1px solid var(--ap-border);background:#fff;color:var(--ap-brown); }
.activity-page .activity-toast { position:fixed;z-index:1300;top:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:min(92vw,520px);padding:14px 18px;border-radius:14px;background:var(--ap-brown);color:#fff;box-shadow:0 16px 38px rgba(0,0,0,.2); }.activity-page .activity-mobile-summary { display:none; }
.activity-page .activity-page-main a:focus-visible,.activity-page .activity-page-main button:focus-visible { outline:3px solid rgba(21,149,202,.36);outline-offset:2px; }
@media(max-width:1024px){.activity-page .trip-planner-layout{grid-template-columns:1fr}.activity-page .trip-summary-card{position:static}.activity-page .activity-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-page .package-list{grid-template-columns:1fr}}
@media(max-width:768px){.activity-page .activity-page-main .container{width:min(100% - 32px,1240px)}.activity-page .activity-hero{min-height:auto;padding:42px 0}.activity-page .activity-hero h1{font-size:clamp(34px,10vw,44px)}.activity-page .activity-hero p{font-size:16px}.activity-page .activity-district-filter{width:100%;align-items:stretch;flex-direction:column;padding:12px}.activity-page .activity-district-filter select{width:100%;border:1px solid var(--ap-border);border-radius:10px}.activity-page .planner-heading{align-items:flex-start;flex-direction:column}.activity-page .trip-builder{padding:16px}.activity-page .trip-planner-steps b{display:none}.activity-page .trip-planner-steps li:not(:last-child)::after{left:36px;right:6px}.activity-page .planner-panel{padding:18px}.activity-page .trip-info-grid,.activity-page .trip-option-grid{grid-template-columns:1fr}.activity-page .trip-option-card{grid-template-columns:82px 1fr}.activity-page .activity-package-card{grid-template-columns:1fr}.activity-page .package-media{min-height:210px}.activity-page .activity-list-grid{grid-template-columns:1fr}.activity-page .activity-mobile-summary:not([hidden]){position:fixed;z-index:850;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--ap-border);border-radius:15px;background:#fff;box-shadow:0 12px 36px rgba(63,38,23,.2)}.activity-page .activity-mobile-summary div{display:flex;flex-direction:column}.activity-page .activity-mobile-summary span{color:var(--ap-muted);font-size:13px}.activity-page .activity-mobile-summary button{min-height:44px;padding:0 15px;border:0;border-radius:11px;background:var(--ap-brown);color:#fff;font-weight:900}.activity-page .activity-modal{padding:8px}.activity-page .activity-modal-dialog{max-height:calc(100vh - 16px)}.activity-page .activity-card-actions{grid-template-columns:1fr}.activity-page .activity-package-section,.activity-page .activity-list-section{padding:42px 0}}
@media(max-width:390px){.activity-page .activity-page-main .container{width:min(100% - 24px,1240px)}.activity-page .trip-category-toggle{align-items:flex-start;flex-direction:column;padding:12px 0}.activity-page .trip-option-card{grid-template-columns:72px 1fr}.activity-page .activity-modal-dialog footer{align-items:stretch;flex-direction:column}.activity-page .activity-modal-dialog footer button{width:100%}}
@media(prefers-reduced-motion:reduce){.activity-page .activity-page-main *{scroll-behavior:auto!important;transition:none!important}}
.trip-day-list{display:grid;gap:20px}.trip-day-card{border:1px solid #dfe7ee;border-radius:18px;padding:18px;background:#fbfdff;box-shadow:0 8px 24px rgba(19,63,92,.06)}.trip-day-card>header{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid #e8eef3}.trip-day-card>header span{background:var(--primary,#1261a0);color:#fff;border-radius:999px;padding:6px 12px;font-weight:700}.trip-day-card>header h4{margin:0;font-size:1.05rem}.trip-day-card .trip-category{margin-top:14px}.trip-no-hotel{padding:16px;border-radius:12px;background:#f1f4f6;color:#61717e}.trip-category-toggle.is-disabled{cursor:default;opacity:.72}.summary-daily-plans{display:grid;gap:12px;margin:16px 0}.summary-daily-plans section{padding:12px;border:1px solid #e4ebf0;border-radius:12px}.summary-daily-plans section>strong{display:block;margin-bottom:7px;color:var(--primary,#1261a0)}.summary-daily-plans section div{display:grid;grid-template-columns:82px 1fr;gap:8px;font-size:.88rem}.summary-daily-plans section b{text-align:right;font-weight:500;overflow-wrap:anywhere}@media(max-width:760px){.trip-day-card{padding:12px}.trip-day-card .trip-option-grid{grid-template-columns:1fr}.trip-planner-layout{grid-template-columns:minmax(0,1fr)}.trip-summary-card{position:static}.trip-day-card>header{align-items:flex-start;flex-direction:column;gap:7px}}
.hotel-choice{display:grid;gap:10px}.hotel-room-options{grid-column:1/-1;padding:14px;border:1px solid #dce7ee;border-radius:14px;background:#f7fafc}.hotel-room-options>p{margin:0 0 12px;font-weight:600;color:var(--primary,#1261a0)}.hotel-room-options .room-option-card{margin-top:10px;background:#fff}.hotel-option-card.is-selected{border-color:var(--primary,#1261a0)}
.activity-page .activity-trip-section{padding:32px 0 40px}.activity-page .activity-trip-section>.container{max-width:1280px}.activity-page .planner-heading{gap:16px;margin-bottom:16px}.activity-page .planner-heading h2{font-size:clamp(28px,3vw,38px);line-height:1.2}.activity-page .planner-heading p{margin-top:4px;line-height:1.5}.activity-page .planner-history-link{min-height:40px;padding:0 14px}
.activity-page .trip-builder{padding:20px;border-radius:18px}.activity-page .trip-planner-steps{margin-bottom:20px}.activity-page .trip-planner-steps span{width:32px;height:32px;flex-basis:32px}.activity-page .trip-planner-steps li:not(:last-child)::after{left:38px;top:15px}.activity-page .trip-planner-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.activity-page .trip-planner-content{gap:16px}.activity-page .planner-panel{padding:20px}.activity-page .planner-panel-head{margin-bottom:16px}.activity-page .planner-panel-head>span{width:34px;height:34px;border-radius:10px}.activity-page .planner-panel-head h3{font-size:21px}.activity-page .trip-info-grid{grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:14px 16px}.activity-page .trip-info-grid input{height:46px;min-height:46px;border-radius:10px}.activity-page .trip-info-grid input:focus-visible{outline:0;border-color:var(--ap-brown);box-shadow:0 0 0 3px rgba(63,38,23,.12)}.activity-page .trip-duration-note{margin-top:12px;padding:9px 12px}.activity-page .trip-duration-note span{color:var(--ap-muted)}.activity-page .trip-duration-note strong{margin-left:auto;color:var(--ap-brown)}
.activity-page .trip-planner-empty{display:grid;place-items:center;min-height:190px;padding:24px;border:1px dashed #d7c7b4;border-radius:14px;background:#fffdf8;text-align:center}.activity-page .trip-planner-empty[hidden],.activity-page .trip-day-tabs[hidden],.activity-page .trip-day-card[hidden]{display:none}.activity-page .trip-planner-empty i{margin-bottom:10px;color:#9a6b32;font-size:34px}.activity-page .trip-planner-empty strong{font-size:18px}.activity-page .trip-planner-empty p{max-width:480px;margin:5px 0 0;color:var(--ap-muted)}
.activity-page .trip-day-tabs{display:flex;gap:8px;margin:0 0 14px;padding:2px 2px 8px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-inline:contain}.activity-page .trip-day-tab{display:flex;flex:0 0 auto;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border:1px solid var(--ap-border);border-radius:11px;background:#fff;color:var(--ap-muted);font:inherit;cursor:pointer}.activity-page .trip-day-tab small{color:inherit}.activity-page .trip-day-tab.is-active{border-color:var(--ap-brown);background:#fff7c7;color:var(--ap-brown);box-shadow:0 3px 10px rgba(63,38,23,.08)}
.activity-page .trip-day-list{gap:0}.activity-page .trip-day-card{padding:20px;border-color:var(--ap-border);border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(63,38,23,.05)}.activity-page .trip-day-card>header{justify-content:space-between;margin:-20px -20px 4px;padding:14px 20px;border-bottom-color:var(--ap-border);border-radius:16px 16px 0 0;background:#fff8e7}.activity-page .trip-day-card>header>div{display:flex;align-items:center;gap:10px}.activity-page .trip-day-card>header span{padding:5px 10px;background:var(--ap-brown);font-size:13px}.activity-page .trip-day-card>header small{color:var(--ap-muted)}.activity-page .trip-category-toggle{min-height:50px}.activity-page .trip-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:14px}.activity-page .trip-option-card{grid-template-columns:80px minmax(0,1fr);min-height:88px;border-radius:12px}.activity-page .trip-option-body{padding:10px}.activity-page .trip-option-price{margin-top:5px}.activity-page .trip-option-card.is-selected{border:2px solid var(--ap-brown);background:#fff9d9}.activity-page .selected-label{position:absolute;z-index:2;top:6px;right:7px;display:none;width:22px;height:22px;margin:0;border-radius:50%;background:var(--ap-brown);color:#fff;font-size:0}.activity-page .selected-label i{font-size:11px}.activity-page .is-selected .selected-label{display:grid;place-items:center}
.activity-page .trip-no-hotel{display:flex;align-items:center;gap:9px;padding:13px 14px;border:1px dashed #d9c9b7;background:#fffaf0;color:var(--ap-muted)}.activity-page .trip-summary-card{top:90px;padding:18px}.activity-page .summary-head{padding-bottom:12px}.activity-page .summary-head>span{width:38px;height:38px}.activity-page .summary-head h3{font-size:20px}.activity-page .summary-details{margin:12px 0}.activity-page .summary-details div,.activity-page .summary-counts div{padding:5px 0}.activity-page .summary-daily-plans{gap:8px;margin:12px 0}.activity-page .summary-daily-plans section{padding:10px}.activity-page .summary-budget{padding:13px 0}.activity-page .summary-budget strong{font-size:25px}.activity-page .summary-budget-button,.activity-page .summary-submit-button{min-height:44px}
@media(max-width:1024px){.activity-page .trip-planner-layout{grid-template-columns:minmax(0,1fr) 288px;gap:18px}}
@media(max-width:860px){.activity-page .trip-planner-layout{grid-template-columns:1fr}.activity-page .trip-summary-card{position:static}.activity-page .trip-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.activity-page .activity-trip-section{padding:26px 0 34px}.activity-page .planner-heading{gap:12px;margin-bottom:14px}.activity-page .trip-info-grid{grid-template-columns:1fr}.activity-page .trip-day-tabs{margin-inline:-2px}.activity-page .trip-day-card{padding:16px}.activity-page .trip-day-card>header{align-items:flex-start;flex-direction:column;margin:-16px -16px 2px;padding:12px 16px;gap:7px}.activity-page .trip-option-grid{grid-template-columns:1fr}.activity-page .summary-budget-button,.activity-page .summary-submit-button{width:100%}}
@media(max-width:575px){.activity-page .trip-builder{padding:12px}.activity-page .trip-planner-steps{align-items:start}.activity-page .trip-planner-steps li{justify-content:center;gap:0}.activity-page .trip-planner-steps li:not(:last-child)::after{position:absolute;left:calc(50% + 18px);right:calc(-50% + 18px);top:15px;margin:0}.activity-page .trip-planner-steps span{position:relative;z-index:2;background:#fff}.activity-page .trip-planner-steps .is-active span{background:var(--ap-yellow)}.activity-page .planner-panel{padding:14px}.activity-page .trip-duration-note{align-items:flex-start;flex-wrap:wrap}.activity-page .trip-duration-note strong{width:100%;margin-left:27px}.activity-page .trip-day-tab{min-height:44px}.activity-page .trip-summary-card{padding:16px}.activity-page .activity-modal-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}}