.recommend-page{color:#14231b;background:linear-gradient(#f7f5ef 0%,#fff 42%,#f4f7f5 100%);min-height:100vh;padding-bottom:96px}.recommend-header{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:24px 28px;display:flex}.recommend-brand{color:#14231b;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.recommend-brand span{color:#fff;background:#183f2c;border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.recommend-explore-link{color:#183f2c;font-weight:700;text-decoration:none}.recommend-hero{text-align:center;max-width:880px;margin:44px auto 24px;padding:0 28px}.recommend-eyebrow{letter-spacing:.18em;color:#4c7960;font-size:12px;font-weight:800}.recommend-hero h1{margin:16px 0;font-size:clamp(42px,6vw,72px);line-height:1.05}.recommend-hero>p:last-child{color:#607067;font-size:18px;line-height:1.75}.recommend-steps{grid-template-columns:repeat(3,1fr);gap:8px;max-width:720px;margin:0 auto 22px;padding:0 20px;display:grid}.recommend-steps span{color:#7b8981;text-align:center;background:#edf1ee;border-radius:999px;padding:12px 10px;font-size:13px;font-weight:800}.recommend-steps span.is-active{color:#fff;background:#183f2c}.recommend-builder,.recommend-results{background:#ffffffe6;border:1px solid #183f2c1f;border-radius:32px;max-width:1180px;margin:32px auto;padding:34px;box-shadow:0 22px 70px #16352617}.builder-heading{border-bottom:1px solid #e5ebe7;justify-content:space-between;align-items:flex-end;gap:28px;padding-bottom:22px;display:flex}.builder-heading h2{margin:7px 0 0;font-size:clamp(28px,4vw,44px)}.builder-heading>p{color:#68776f;max-width:390px;line-height:1.65}.region-field{margin-top:26px;display:block}.region-field span,.choice-group>span{margin-bottom:12px;font-weight:800;display:block}.region-field input{box-sizing:border-box;background:#fbfcfb;border:1px solid #d9e1dc;border-radius:16px;width:100%;padding:16px 18px;font-size:16px}.choice-group{margin-top:26px}.choice-list{flex-wrap:wrap;gap:10px;display:flex}.choice-list button{color:#385044;cursor:pointer;background:#fff;border:1px solid #d8e1db;border-radius:999px;padding:11px 17px;font-weight:700;transition:all .2s}.choice-list button:hover{border-color:#4d8065;transform:translateY(-2px)}.choice-list button.is-active{color:#fff;background:#183f2c;border-color:#183f2c;box-shadow:0 8px 18px #183f2c2e}.preference-builder .choice-list button{min-width:148px}.saved-profile{background:#eef5f0;border-radius:20px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:26px;padding:18px 20px;display:flex}.saved-profile div{gap:6px;display:grid}.saved-profile small{color:#4f705e;font-weight:800}.saved-profile strong{line-height:1.5}.saved-profile button,.result-controls button{cursor:pointer;background:#fff;border:1px solid #cad8cf;border-radius:999px;padding:11px 15px;font-weight:800}.nationwide-notice{background:linear-gradient(135deg,#f0f7f2,#fff);border:1px solid #dce8e0;border-radius:20px;margin-top:26px;padding:20px 22px}.nationwide-notice strong{margin-bottom:6px;font-size:17px;display:block}.nationwide-notice p{color:#607067;margin:0;line-height:1.65}.recommend-row{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.recommend-budget .choice-list{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;display:grid}.recommend-budget .choice-list button{white-space:nowrap;min-width:0;padding-left:8px;padding-right:8px}.recommend-submit{color:#17251d;cursor:pointer;background:#f2c94c;border:0;border-radius:18px;width:100%;margin-top:34px;padding:18px;font-size:17px;font-weight:900;box-shadow:0 12px 26px #f2c94c40}.recommend-submit:disabled{opacity:.65;cursor:wait}.recommend-error{color:#b24343;text-align:center;margin:16px 0 0;font-weight:700}.result-heading{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:24px;display:flex}.result-heading h2{margin:8px 0 0;font-size:clamp(25px,4vw,40px)}.result-profile{color:#5c7165;margin:10px 0 0;font-weight:700}.result-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.place-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.place-grid.is-list-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.place-card{background:#fff;border:1px solid #dde6e0;border-radius:24px;padding:24px;transition:all .25s;position:relative;overflow:hidden}.place-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px #183f2c1f}.place-card.is-selected{border-color:#f2c94c;box-shadow:0 0 0 4px #f2c94c2e}.place-rank{color:#e1e9e4;font-size:42px;font-weight:900}.place-score{color:#28563e;background:#edf5f0;border-radius:999px;margin:8px 0 14px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-block}.place-card h3{margin:0 0 8px;font-size:24px}.place-category,.place-address,.place-description{color:#68776f;line-height:1.55}.place-reason{color:#294b38;font-weight:800}.place-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.place-actions button,.place-actions a{box-sizing:border-box;text-align:center;border-radius:13px;padding:12px;font-weight:800;text-decoration:none}.place-actions button{color:#fff;cursor:pointer;background:#183f2c;border:0}.place-actions a{color:#234632;background:#fff;border:1px solid #d6e0da}@media (max-width:850px){.recommend-row,.place-grid,.place-grid.is-list-mode{grid-template-columns:1fr}.recommend-budget .choice-list{grid-template-columns:repeat(5,minmax(0,1fr))}.recommend-budget .choice-list button{padding-left:6px;padding-right:6px;font-size:13px}.result-heading,.builder-heading,.saved-profile{flex-direction:column;align-items:flex-start}.result-controls{justify-content:flex-start}.place-actions{grid-template-columns:1fr}.recommend-builder,.recommend-results{margin-left:16px;margin-right:16px;padding:24px}.recommend-header{padding:18px}.recommend-hero{margin-top:24px}.recommend-hero>p:last-child{font-size:16px}.recommend-steps{font-size:12px}.preference-builder .choice-list button{min-width:0}}.recommend-header-links{align-items:center;gap:18px;display:flex}.recommend-header-links a{color:#183f2c;font-size:14px;font-weight:800;text-decoration:none}.recommend-message{text-align:center;border-radius:14px;max-width:760px;margin:16px auto;padding:13px 18px;font-size:14px;font-weight:800}.recommend-message.is-error{color:#a53333;background:#fff0ef}.recommend-message.is-success{color:#28583e;background:#eaf6ee}.recommend-date-row{grid-template-columns:1fr 2fr;align-items:end;gap:22px;margin-top:26px;display:grid}.recommend-date-row .choice-group{margin-top:0}.recommend-date-field{gap:12px;font-weight:800;display:grid}.recommend-date-field input{color:#243b2f;min-height:46px;font:inherit;background:#fff;border:1px solid #d8e1db;border-radius:14px;padding:0 14px}.weather-auto-note{color:#476153;background:#edf5f0;border-left:4px solid #4c7960;border-radius:0 14px 14px 0;margin:28px 0 0;padding:16px 18px;line-height:1.65}.course-weather{background:linear-gradient(135deg,#e9f4ff,#f7fbff);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;padding:18px 20px;display:flex}.course-weather.is-indoor{background:linear-gradient(135deg,#edf2f8,#fff)}.course-weather div{gap:4px;display:grid}.course-weather small{color:#64776c;letter-spacing:.08em;font-size:11px;font-weight:900}.course-weather strong{font-size:19px}.course-weather>span{color:#52665a;font-size:13px;font-weight:700}.place-grid.is-course-mode{grid-template-columns:1fr;position:relative}.place-grid.is-course-mode:before{content:"";background:linear-gradient(#183f2c,#f2c94c);width:2px;position:absolute;top:70px;bottom:70px;left:49px}.place-grid.is-course-mode .place-card{min-height:240px;padding-left:90px}.place-grid.is-course-mode .place-rank{z-index:1;color:#fff;background:#183f2c;border-radius:50%;place-items:center;width:58px;height:58px;font-size:20px;display:grid;position:absolute;top:22px;left:20px}.course-time{color:#765d00;letter-spacing:.08em;background:#fff4c8;border-radius:999px;margin-bottom:10px;padding:6px 10px;font-size:11px;font-weight:900;display:inline-flex}.course-route-note{color:#68776f;margin:22px 0 0;font-size:13px;line-height:1.65}.saved-itinerary-section{color:#fff;background:#173f2c;border-radius:32px;max-width:1180px;margin:32px auto;padding:34px}.saved-itinerary-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.saved-itinerary-heading h2{margin:8px 0 0;font-size:34px}.saved-itinerary-heading>span{color:#b9cec1;font-size:12px;font-weight:800}.saved-itinerary-section .recommend-eyebrow{color:#b7d6c3}.saved-itinerary-list{gap:10px;margin-top:22px;display:grid}.saved-itinerary-list article{background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.saved-itinerary-list article>div{gap:5px;min-width:0;display:grid}.saved-itinerary-list small{color:#b9cec1}.saved-itinerary-list strong{font-size:17px}.saved-itinerary-list span{color:#dce8e0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.saved-itinerary-list button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:999px;padding:8px 12px;font-weight:800}.course-share-receipt{background:#fff9df;border:1px solid #eed77d;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px;padding:18px 20px;display:flex}.course-share-receipt>div:first-child{gap:4px;min-width:0;display:grid}.course-share-receipt small{color:#766722;font-weight:900}.course-share-receipt strong{font-size:18px}.course-share-receipt span{color:#68776f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.course-share-receipt>div:last-child{gap:8px;display:flex}.course-share-receipt button,.active-share-list button{color:#173f2c;cursor:pointer;background:#fff;border:1px solid #d8c360;border-radius:999px;padding:9px 12px;font-weight:850}.active-share-section{background:#fff;border:1px solid #d8e4dc;border-radius:32px;max-width:1180px;margin:32px auto;padding:34px}.active-share-section .saved-itinerary-heading>span{color:#68776f}.active-share-list{gap:10px;margin-top:22px;display:grid}.active-share-list article{border:1px solid #e1e9e4;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.active-share-list article>div{gap:5px;display:grid}.active-share-list small{color:#68776f}@media (max-width:850px){.recommend-date-row{grid-template-columns:1fr}.course-weather,.saved-itinerary-heading,.course-share-receipt{flex-direction:column;align-items:flex-start}.saved-itinerary-section,.active-share-section{margin:32px 16px;padding:24px}.place-grid.is-course-mode .place-card{padding:82px 22px 24px}.place-grid.is-course-mode:before{display:none}.place-grid.is-course-mode .place-rank{top:18px;left:22px}.course-time{position:absolute;top:31px;left:92px}.recommend-header-links{gap:10px}.recommend-header-links a{font-size:12px}.saved-itinerary-list article{align-items:flex-start}}.course-weather>span{gap:5px;display:grid}.course-weather>span a{color:#355e48;font-size:10px}.course-collection{gap:30px;display:grid}.course-collection.is-nationwide{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.course-bundle{min-width:0}.course-bundle-heading{background:linear-gradient(135deg,#eef6f1,#fff);border:1px solid #dce8e0;border-radius:20px;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;padding:20px;display:flex}.course-bundle-heading>div:first-child{gap:5px;display:grid}.course-bundle-heading span{color:#fff;background:#183f2c;border-radius:999px;width:max-content;padding:5px 9px;font-size:11px;font-weight:900}.course-bundle-heading h3{margin:0;font-size:22px}.course-bundle-heading p{color:#607067;margin:0;font-size:13px}.course-bundle-heading>div:last-child{gap:7px;display:flex}.course-bundle-heading button{color:#183f2c;cursor:pointer;background:#fff;border:1px solid #cad8cf;border-radius:999px;padding:9px 12px;font-weight:800}.course-collection.is-nationwide .place-grid.is-course-mode .place-card{min-height:0;padding:78px 22px 22px}.course-collection.is-nationwide .place-grid.is-course-mode:before{display:none}.course-collection.is-nationwide .place-grid.is-course-mode .place-rank{top:16px;left:18px}.course-collection.is-nationwide .course-time{position:absolute;top:28px;left:88px}@media (max-width:980px){.course-collection.is-nationwide{grid-template-columns:1fr}}@media (max-width:600px){.course-bundle-heading{flex-direction:column;align-items:flex-start}.course-bundle-heading>div:last-child{width:100%}.course-bundle-heading button{flex:1}}.recommend-login-gate{text-align:center;background:#fff;border:1px solid #d8e4dc;border-radius:30px;justify-items:center;width:min(620px,100% - 32px);margin:76px auto;padding:52px 40px;display:grid;box-shadow:0 24px 70px #173f2c1a}.recommend-login-gate>span{color:#fff;background:#173f2c;border-radius:50%;place-items:center;width:76px;height:76px;font-size:34px;display:grid}.recommend-login-gate h1{margin:8px 0 0;font-size:32px;line-height:1.25}.recommend-login-gate>p:not(.recommend-eyebrow){color:#607067;max-width:470px;margin:14px 0 26px;font-size:14px;line-height:1.75}.recommend-login-gate>a:not(.recommend-guest-link){color:#fff;background:#ff3b36;border-radius:14px;min-width:230px;padding:15px 24px;font-size:14px;font-weight:900;text-decoration:none}.recommend-login-gate .recommend-guest-link{color:#355e48;margin-top:18px;font-size:12px;font-weight:800;text-decoration:none}@media (max-width:600px){.recommend-login-gate{margin-top:38px;padding:40px 23px}.recommend-login-gate h1{font-size:25px}}.recommend-district-field select{box-sizing:border-box;color:#243d30;background:#fbfcfb;border:1px solid #d9e1dc;border-radius:16px;width:100%;padding:16px 18px;font-size:16px}.recommend-district-field small{color:#68776f;margin-top:9px;line-height:1.5;display:block}.place-card-media{background:#eef1ee;border-radius:17px;height:190px;margin-bottom:18px;position:relative;overflow:hidden}.place-card-media img{object-fit:cover;width:100%;height:100%;display:block}.place-card-media img.is-no-derivatives{object-fit:contain}.place-card-media span{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#111111c2;border-radius:7px;max-width:calc(100% - 16px);padding:5px 7px;font-size:8px;font-weight:800;line-height:1.3;position:absolute;bottom:8px;right:8px;overflow:hidden}.recommend-brand img{border-radius:12px;width:38px;height:38px;display:block}
