/* Final presentation layer for the shared header and account area. */
:root { --gold: #d9a441; --ink: #0d1415; --panel: #172022; --muted: #aeb9b9; }

.Menu_Wrapper .Logo_Test .G,
.home-discovery h2,
.journey-banner h2 { font-family: "Montserrat", sans-serif !important; font-weight: 700; letter-spacing: -.035em; }

.mobile-account-link { display: none !important; }

/* Let the masthead use the full viewport on every page. Content-page heroes
   now sit beneath the same transparent-to-solid navigation used at home. */
.Menu_Wrapper { box-sizing: border-box; width: 100%; padding: 0 24px; }
.has-overlay-header .Content_Wrapper { padding-top: 0; }
.has-overlay-header .Header_Wrapper {
  background: linear-gradient(180deg,rgba(2,7,9,.76),rgba(2,7,9,.34) 72%,transparent);
  box-shadow: none;
  transition: background .35s ease,box-shadow .35s ease;
}
.has-overlay-header .Header_Wrapper.site-nav--solid {
  background: #050809;
  box-shadow: 0 5px 24px rgba(0,0,0,.35);
}
.has-overlay-header nav#cssmenu { background: transparent; }

@media (max-width: 768px) {
  .Menu_Wrapper { padding: 0 12px; }
  .has-overlay-header .Header_Wrapper { background: rgba(2,7,9,.68); }
}

/* Keep the two-line brand lock-up consistent on content pages as well as on
   the homepage. Legacy logo rules float both links, which otherwise places the
   tagline beside the name and can clip it when the sticky header condenses. */
@media (min-width: 769px) {
  .Menu_Wrapper .Logo_Wrapper { display: flex; height: 60px; align-items: center; line-height: normal; }
  .Menu_Wrapper .Logo_Wrapper .Logo { display: flex; align-items: center; }
  .Menu_Wrapper .Logo_Wrapper .Logo img { flex: 0 0 auto; margin-top: 0; }
  .Menu_Wrapper .Logo_Wrapper .Logo_Copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 60px; line-height: 1; }
  .Menu_Wrapper .Logo_Wrapper .Logo_Test { float: none; margin-top: 0; line-height: 1; }
  .Menu_Wrapper .Logo_Wrapper .Logo_Test .First { float: none; }
  .Menu_Wrapper .Logo_Wrapper .Logo_Test .G { font-size: 20px !important; line-height: 1.05; white-space: nowrap; }
  .Menu_Wrapper .Logo_Wrapper .Logo_Tagline { display: block; margin-top: 5px; color: rgba(255,255,255,.72); font: 600 8px/1 "Montserrat",sans-serif; letter-spacing: .16em; white-space: nowrap; }
}

/* Shared category hero used by category groups and individual place listings. */
.CategoryHero { height: clamp(340px, 52vh, 540px); min-height: 0; overflow: hidden; background-attachment: scroll !important; background-position: center 44%; }
.CategoryHero::after { position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg,rgba(5,10,14,.76) 0%,rgba(5,10,14,.38) 45%,rgba(5,10,14,.08) 72%),linear-gradient(0deg,rgba(5,10,14,.55),transparent 48%); content: ""; }
.CategoryHero .Inner { position: relative; z-index: 1; display: flex; align-items: flex-end; width: min(1180px,calc(100% - 48px)); height: 100%; margin: 0 auto; padding-bottom: 54px; text-align: left; }
.CategoryHero__content { width: min(680px,100%); }
.CategoryHero__eyebrow { display: block; margin-bottom: 12px; color: #f2c66d; font: 700 13px/1.2 "Roboto",sans-serif; letter-spacing: .18em; text-transform: uppercase; }
.CategoryHero .Inner .CategoryHero__title { position: static; float: none; width: auto; margin: 0; padding: 0; border: 0; background: none; color: #fff; font-size: clamp(42px,6vw,72px); font-weight: 600; line-height: 1.05; text-shadow: 0 3px 18px rgba(0,0,0,.55); }
.CategoryHero__rule { display: block; width: 64px; height: 3px; margin-top: 20px; background: #f2c66d; }
.CategoryHero__action { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; padding: 11px 17px; border: 1px solid rgba(255,255,255,.7); border-radius: 4px; background: rgba(7,12,16,.35); color: #fff; font: 700 13px/1 "Roboto",sans-serif; letter-spacing: .06em; text-transform: uppercase; transition: background .2s,border-color .2s; }
.CategoryHero__action:hover,.CategoryHero__action:focus { border-color: #f2c66d; background: rgba(7,12,16,.72); color: #fff; }
.CategoryHero__action .fa { color: #f2c66d; }
#category-list,#place-list { scroll-margin-top: 76px; }

/* Shared rounded discovery cards for category, place and account lists. These
   override the old image-overlay tiles without requiring each Web Forms list
   to carry a separate presentation component. */
.Three_Wrapper .contanier .Images { float: none; display: grid; grid-template-columns: 1fr; gap: 24px; width: min(1180px,calc(100% - 48px)); margin: 0 auto; padding: clamp(24px,4vw,54px) 0; text-align: left; }
/* The legacy grid gives its last child a zero right margin. Match that
   selector's specificity so a list that is the container's last child keeps
   both automatic margins and remains horizontally centred. */
.Three_Wrapper .contanier .Images:last-child { margin-right: auto; }
.Three_Wrapper .contanier .Images li { float: none; display: flex; width: auto; margin: 0; border: 1px solid #3a484a; border-radius: 18px; background: #202729; box-shadow: 0 16px 38px rgba(0,0,0,.28); overflow: hidden; transition: border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.Three_Wrapper .contanier .Images li:hover { border-color: #718382; box-shadow: 0 20px 45px rgba(0,0,0,.38); transform: translateY(-3px); }
.Three_Wrapper .contanier .Images li > a { display: flex; width: 100%; min-width: 0; min-height: 100%; flex-direction: column; color: #fff; text-decoration: none; }
.Three_Wrapper .contanier .Images li a img { display: block; float: none; width: 100%; height: auto; aspect-ratio: 16/10; margin: 0; object-fit: cover; transition: transform .35s ease; }
.Three_Wrapper .contanier .Images li a img:hover { transform: none; }
.Three_Wrapper .contanier .Images li:hover a img { transform: scale(1.025); }
.Three_Wrapper .contanier .Images li a h2 { position: static; float: none; width: auto; height: auto; margin: 0; padding: 24px 24px 8px; background: none; color: #fff; font: 700 clamp(24px,3vw,32px)/1.15 Georgia,serif; }
.Three_Wrapper .contanier .Images li a p { margin: 0; padding: 0 24px 8px; color: #aeb9b9; font: 400 14px/1.5 "Lato",sans-serif; }
.Three_Wrapper .contanier .Images li > a::after { margin-top: auto; padding: 12px 24px 25px; color: var(--gold); content: attr(data-action-label) "  ➜"; font: 700 13px/1.2 "Montserrat",sans-serif; letter-spacing: .06em; text-transform: uppercase; }
#category-list .Images li > a::after { content: none; }
#category-list .category-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; padding: 12px 24px 25px; }
#category-list .category-card-count { color: #aeb9b9; font: 600 13px/1.2 "Montserrat",sans-serif; white-space: nowrap; }
#category-list .category-card-action { color: var(--gold); font: 700 13px/1.2 "Montserrat",sans-serif; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.Three_Wrapper .contanier .Images li .UserButtons { top: 16px; left: 16px; width: auto; margin: 0; border: 1px solid rgba(255,255,255,.68); border-radius: 999px; background: rgba(12,19,20,.9); overflow: hidden; }
.Three_Wrapper .contanier .Images li .UserButtons .Seen,.Three_Wrapper .contanier .Images li .UserButtons .NotSeen { float: none; width: auto; margin: 0; padding: 10px 15px; font-size: 14px; }
.Three_Wrapper .contanier .Images li.Seen { border: 2px solid var(--gold); }

@media (min-width:768px) {
  .Three_Wrapper .contanier .Images { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 1fr; }
}

@media (min-width:992px) {
  .Three_Wrapper .contanier .Images { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width:600px) {
  .CategoryHero { height: 390px; background-position: center; }
  .CategoryHero .Inner { width: calc(100% - 32px); padding-bottom: 36px; }
  .CategoryHero::after { background: linear-gradient(0deg,rgba(5,10,14,.82),rgba(5,10,14,.12) 78%); }
  .Three_Wrapper .contanier .Images { width: calc(100% - 32px); padding: 24px 0; }
  .Three_Wrapper .contanier .Images li { border-radius: 15px; }
  .Three_Wrapper .contanier .Images li a h2 { padding: 20px 20px 7px; }
  .Three_Wrapper .contanier .Images li a p { padding-right: 20px; padding-left: 20px; }
  .Three_Wrapper .contanier .Images li > a::after { padding: 11px 20px 22px; }
  #category-list .category-card-footer { padding: 11px 20px 22px; }
}

.User-Content { background: #101617; color: #fff; }
.User-Content > .Inner { max-width: 1180px; padding: 42px 22px 70px; }
.User-Nav { margin-bottom: 28px; }
.User-Nav ul { display: flex; gap: 8px; overflow-x: auto; padding: 8px; border: 1px solid #2e3a3b; border-radius: 12px; background: #172022; }
.User-Nav ul li { float: none; flex: 1 0 auto; }
.User-Nav ul li a { padding: 13px 18px; border-radius: 8px; font: 700 13px/1.2 "Montserrat", sans-serif; letter-spacing: .02em; }
.User-Nav ul li a:hover, .User-Nav ul li a:focus, .User-Nav ul li a.active { background: #d9a441; color: #101617; }
.User-Content > .Inner .Main { min-height: 440px; padding: 35px clamp(18px, 5vw, 68px); border: 1px solid #2c3839; border-radius: 16px; background: linear-gradient(145deg,#1c2728,#131b1c); box-shadow: 0 22px 55px rgba(0,0,0,.25); }
.user-dashboard { text-align: left; }
.user-dashboard__eyebrow { color: var(--gold); font: 700 12px/1.3 "Montserrat",sans-serif; letter-spacing: .18em; }
.user-dashboard h1 { margin: 10px 0 8px; color: #fff; font: 700 clamp(30px,5vw,48px)/1.08 "Montserrat",sans-serif; letter-spacing: -.035em; }
.user-dashboard > p { margin: 0 0 32px; color: #c3cccc; font: 400 17px/1.6 "Lato",sans-serif; }
.user-dashboard__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.user-dashboard__grid a { display: grid; grid-template-columns: 44px 1fr; gap: 3px 14px; min-height: 118px; align-content: center; padding: 22px; border: 1px solid #334142; border-radius: 12px; background: rgba(255,255,255,.025); color: #fff; transition: transform .2s,border-color .2s,background .2s; }
.user-dashboard__grid a:hover,.user-dashboard__grid a:focus { border-color: var(--gold); background: rgba(217,164,65,.08); color: #fff; transform: translateY(-2px); }
.user-dashboard__grid i { grid-row: 1/3; align-self: center; color: var(--gold); font-size: 29px; text-align: center; }
.user-dashboard__grid strong { font: 700 16px/1.3 "Montserrat",sans-serif; }
.user-dashboard__grid span { color: var(--muted); font: 400 14px/1.45 "Lato",sans-serif; }
.User-Footer { float: none; max-width: 720px; margin: 22px auto 0; padding: 0; }
.User-Footer__sign-out { box-sizing: border-box; width: 100%; min-height: 48px; padding: 12px 22px; border: 1px solid #526061; border-radius: 8px; background: transparent; color: #fff; font: 700 14px/1.2 "Montserrat",sans-serif; cursor: pointer; transition: border-color .2s,background .2s,color .2s,transform .2s; }
.User-Footer__sign-out:hover,.User-Footer__sign-out:focus { border-color: var(--gold); background: rgba(217,164,65,.08); color: #f2c66d; transform: translateY(-1px); }

/* My Trips: tactile cards rather than administrative tables. */
.trip-planner { max-width: 940px; margin: 0 auto; text-align: left; }
.trip-planner h1 { margin: 8px 0; color: #fff; font: 700 clamp(30px,5vw,48px)/1.1 "Montserrat",sans-serif; }
.trip-header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:28px; }
.trip-eyebrow,.trip-status { color:var(--gold); font:700 11px/1.3 "Montserrat",sans-serif; letter-spacing:.15em; text-transform:uppercase; }
.trip-dates { color:#d8e0df; font-size:17px; }
.trip-actions,.trip-filters { display:flex; flex-wrap:wrap; gap:9px; }
.trip-filters { margin:0 0 24px; }
.trip-filters a { padding:9px 13px; border-radius:20px; color:#bac5c4; }
.trip-filters a.active { background:#d9a441; color:#111; }
.trip-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; margin:5px 0; padding:10px 17px; border:1px solid #667574; border-radius:8px; background:#182223; color:#fff!important; font:700 13px "Montserrat",sans-serif; cursor:pointer; }
.trip-button--primary { border-color:var(--gold); background:var(--gold); color:#101617!important; }
.trip-button--danger { border-color:#9a6060; color:#ffc2c2!important; }
.trip-button--small { min-height:39px; padding:8px 13px; }
.trip-back { display:inline-block; margin-bottom:20px; color:#d6dfde; }
.trip-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.trip-summary,.trip-day,.trip-empty { padding:24px; border:1px solid #364445; border-radius:14px; background:#101718; }
.trip-summary h2 { margin:10px 0 5px; color:#fff; font:700 21px "Montserrat",sans-serif; }
.trip-summary p { color:#b8c4c3; }
.trip-empty { padding:50px 25px; text-align:center; }
.trip-empty i { color:var(--gold); font-size:42px; }
.trip-day { display:grid; grid-template-columns:150px 1fr 1fr; gap:22px; margin:16px 0; }
.trip-day > header { border-right:1px solid #344243; }
.trip-day > header span { color:var(--gold); font-weight:700; }
.trip-day h2,.trip-day h3 { margin:6px 0 15px; color:#fff; font-family:"Montserrat",sans-serif; }
.trip-day h2 { font-size:21px; }.trip-day h3 { font-size:15px; }
.trip-stay { padding-left:20px; border-left:1px solid #344243; }
.trip-stay > strong,.trip-stay > span { display:block; margin-bottom:7px; }
.trip-place { display:grid; grid-template-columns:60px 1fr auto; gap:12px; align-items:center; margin:9px 0; padding:9px; border-radius:9px; background:#1b2627; }
.trip-place img { width:60px; height:60px; border-radius:7px; object-fit:cover; }
.trip-place strong,.trip-place span,.trip-result strong,.trip-result span { display:block; }.trip-place span,.trip-result span,.trip-muted { color:#9fadaa; font-size:13px; }
.trip-place a { color:#f1c76f; font-size:12px; }
.trip-place-actions { display:flex; }.trip-place-actions button,.trip-link-button { min-width:36px; min-height:36px; margin:2px; border:1px solid #4a595a; border-radius:6px; background:#101718; color:#fff; cursor:pointer; }
.trip-link-button { width:auto; padding:5px 9px; color:#ffc2c2; }
.trip-picker { grid-column:1/-1; margin-top:12px; padding:16px; border:1px solid #4a595a; border-radius:10px; background:#172122; }
.trip-search { display:flex; align-items:end; gap:10px; }.trip-search label { flex:1; }
.trip-picker input,.trip-picker textarea,.trip-form input,.trip-form textarea { box-sizing:border-box; width:100%; min-height:45px; margin-top:7px; padding:10px 12px; border:1px solid #526061; border-radius:7px; background:#0c1314; color:#fff; font-size:16px; }
.trip-picker textarea,.trip-form textarea { min-height:95px; resize:vertical; }
.trip-results { margin-top:13px; }.trip-result { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:12px; padding:10px 0; border-top:1px solid #344243; }.trip-result label { width:74px; }
.trip-manual { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:15px; padding-top:14px; border-top:1px solid #344243; }.trip-manual h4 { grid-column:1/-1; margin:0; }.trip-manual textarea { grid-column:1/-1; }
.trip-form { max-width:760px; }
.trip-form-heading { padding-bottom:22px; border-bottom:1px solid #344243; }
.trip-form-heading h1 { margin-bottom:10px; }
.trip-form-heading p { max-width:590px; margin:0; color:#b9c5c4; font-size:16px; line-height:1.55; }
.trip-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:26px 0; }
.trip-form-grid label { display:flex; min-width:0; flex-direction:column; color:#eef2f1; font:700 14px/1.35 "Montserrat",sans-serif; }
.trip-form-grid label > span { display:block; margin-bottom:8px; }
.trip-form-grid label small { color:#91a09f; font:400 12px "Lato",sans-serif; }
.trip-form-grid .wide { grid-column:1/-1; }
.trip-form input,.trip-form textarea { margin-top:0; border-color:#526061; background:#0c1314; color:#fff; font-family:"Lato",sans-serif; box-shadow:inset 0 1px 2px rgba(0,0,0,.25); }
.trip-form input:focus,.trip-form textarea:focus { outline:0; border-color:#d9a441; box-shadow:0 0 0 3px rgba(217,164,65,.16); }
.trip-form input::placeholder,.trip-form textarea::placeholder { color:#778584; opacity:1; }
.trip-form-actions { display:flex; align-items:center; gap:18px; padding-top:4px; }
.trip-form-actions .trip-button--primary { min-width:180px; margin:0; border:1px solid #d9a441; background:#d9a441; color:#101617!important; }
.trip-form-actions .trip-button--primary:hover,.trip-form-actions .trip-button--primary:focus { background:#f0c76f; border-color:#f0c76f; }
.trip-form-cancel { color:#c5cecd; font:700 13px "Montserrat",sans-serif; }
.trip-message { margin:15px 0; padding:14px; border:1px solid #b7823d; border-radius:8px; background:#392d1d; color:#ffe0a9; }
@media(max-width:800px){.trip-header{flex-direction:column}.trip-list{grid-template-columns:1fr}.trip-day{grid-template-columns:1fr;padding:18px}.trip-day>header{border-right:0;border-bottom:1px solid #344243}.trip-stay{padding:15px 0 0;border-left:0;border-top:1px solid #344243}.trip-place{grid-template-columns:50px 1fr}.trip-place img{width:50px;height:50px}.trip-place-actions{grid-column:1/-1;justify-content:flex-end}.trip-form-grid,.trip-manual{grid-template-columns:1fr}.trip-form-grid .wide,.trip-manual h4,.trip-manual textarea{grid-column:auto}.trip-button{min-height:48px}.trip-result{grid-template-columns:1fr auto}.trip-result label{grid-column:1/2}.trip-search{align-items:stretch;flex-direction:column}}
@media(max-width:600px){.User-Content>.Inner{padding:24px 14px 48px}.User-Content>.Inner .Main{padding:25px 18px}.trip-form .trip-back{margin-bottom:16px}.trip-form-heading{padding-bottom:18px}.trip-form-heading h1{font-size:34px}.trip-form-grid{gap:17px;margin:22px 0}.trip-form input,.trip-form textarea{min-height:50px}.trip-form-actions{align-items:stretch;flex-direction:column;gap:13px}.trip-form-actions .trip-button--primary{width:100%;min-height:52px}.trip-form-cancel{text-align:center}}

/* Site footer */
.SiteFooter { clear: both; display: block; width: 100%; margin-top: 42px; overflow: hidden; border-top: 1px solid rgba(255,255,255,.12); background: #091516; color: #f4f1e8; font-family: "Montserrat",sans-serif; }
.SiteFooter::before { display: block; width: 100%; height: 4px; background: linear-gradient(90deg,#d9a441 0%,#f0ca78 45%,#78a6a0 100%); content: ""; }
.SiteFooter__inner { width: min(1180px,calc(100% - 48px)); margin: 0 auto; }
.SiteFooter__main { display: grid; grid-template-columns: minmax(280px,1.5fr) minmax(170px,.7fr) minmax(230px,.8fr); gap: 72px; padding: 64px 0 52px; }
.SiteFooter__logo { display: inline-flex; align-items: center; gap: 16px; color: #fff; font-size: 21px; font-weight: 700; letter-spacing: .02em; }
.SiteFooter__logo img { width: 72px; height: 54px; object-fit: contain; }
.SiteFooter__brand p,.SiteFooter__connect p { max-width: 390px; margin: 22px 0 0; color: #aebdbc; font: 400 15px/1.75 "Lato",sans-serif; }
.SiteFooter h2 { margin: 2px 0 22px; color: #f0ca78; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.SiteFooter__nav { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.SiteFooter__nav h2 { margin-bottom: 8px; }
.SiteFooter__nav a,.SiteFooter__bottom a { color: #dce4e3; font-size: 14px; transition: color .2s ease; }
.SiteFooter__nav a:hover,.SiteFooter__nav a:focus,.SiteFooter__bottom a:hover,.SiteFooter__bottom a:focus { color: #f0ca78; }
.SiteFooter__connect p { margin-top: 0; }
.SiteFooter__social { display: flex; gap: 10px; margin-top: 24px; }
.SiteFooter__social a { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid #405453; border-radius: 50%; color: #fff; font-size: 17px; transition: border-color .2s ease,background .2s ease,transform .2s ease; }
.SiteFooter__social a:hover,.SiteFooter__social a:focus { border-color: #d9a441; background: #d9a441; color: #091516; transform: translateY(-2px); }
.SiteFooter__bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0 28px; border-top: 1px solid #293b3a; color: #829392; font: 400 13px "Lato",sans-serif; }
.SiteFooter__bottom a { font: inherit; }
@media screen and (max-width:760px) { .SiteFooter { margin-top: 28px; } .SiteFooter__inner { width: min(100% - 36px,540px); } .SiteFooter__main { grid-template-columns: 1fr; gap: 38px; padding: 44px 0 38px; } .SiteFooter__brand p { margin-top: 16px; } .SiteFooter__bottom { align-items: flex-start; flex-direction: column; gap: 9px; padding: 22px 0 26px; } }
.User-Settings { max-width: 720px; margin: 0 auto; text-align: left; }
.User-Settings__header,.User-Places__header { position: static; inset: auto; width: auto; padding: 0 0 28px; border-bottom: 1px solid #344041; background: none; }
.User-Settings__eyebrow { color: var(--gold); font: 700 12px/1.3 "Montserrat",sans-serif; letter-spacing: .18em; }
.User-Settings__header h1 { margin: 9px 0 10px; color: #fff; font: 700 clamp(28px,4vw,40px)/1.15 "Montserrat",sans-serif; letter-spacing: -.03em; }
.User-Settings__header p { max-width: 620px; margin: 0; color: #bdc8c7; font: 400 16px/1.6 "Lato",sans-serif; }
.User-Settings__form { display: grid; gap: 24px; padding-top: 30px; }
.User-Settings__field { display: grid; gap: 8px; }
.User-Settings__label { color: #fff; font: 700 14px/1.3 "Montserrat",sans-serif; }
.User-Settings__input { box-sizing: border-box; width: 100%; height: 48px; padding: 0 14px; border: 1px solid #526061; border-radius: 8px; outline: 0; background: #0e1516; color: #fff; font: 400 16px "Lato",sans-serif; transition: border-color .2s,box-shadow .2s; }
.User-Settings__input:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(217,164,65,.16); }
.User-Settings__input:disabled { border-color: #364243; background: #151d1e; color: #8f9b9a; cursor: not-allowed; }
.User-Settings__hint { color: #93a09f; font: 400 13px/1.5 "Lato",sans-serif; }
.User-Settings__actions { padding-top: 4px; }
.User-Settings__save { min-width: 190px; padding: 14px 24px; border: 1px solid var(--gold); border-radius: 8px; background: var(--gold); color: #101617; font: 700 14px/1.2 "Montserrat",sans-serif; cursor: pointer; transition: background .2s,transform .2s; }
.User-Settings__save:hover,.User-Settings__save:focus { background: #efc66f; transform: translateY(-1px); }
.User-Places { max-width: 820px; margin: 0 auto; text-align: left; }
.User-Places__header h1 { margin: 9px 0 0; color: #fff; font: 700 clamp(28px,4vw,40px)/1.15 "Montserrat",sans-serif; letter-spacing: -.03em; }
.User-Places__request { display: grid; gap: 16px; margin-top: 28px; padding: 24px; border: 1px solid #344243; border-radius: 12px; background: #0e1516; }
.User-Places__request h2 { margin: 0; color: #fff; font: 700 20px/1.3 "Montserrat",sans-serif; }
.User-Places__select { box-sizing: border-box; width: 100%; height: 48px; padding: 0 42px 0 14px; border: 1px solid #526061; border-radius: 8px; background: #151d1e; color: #fff; font: 400 16px "Lato",sans-serif; }
.User-Places__button { display: inline-flex; align-items: center; justify-content: center; width: fit-content; min-height: 46px; padding: 0 22px; border-radius: 8px; background: var(--gold); color: #101617!important; font: 700 14px "Montserrat",sans-serif; }

@media (max-width: 768px) {
  .Header_Wrapper.expanded { background: #101718; }
  .Header_Wrapper.expanded nav#cssmenu { padding: 16px 14px 34px; background: #101718; }
  .Header_Wrapper.expanded nav#cssmenu .Search-Menu { display: flex; width: 100%; margin: 0 0 16px; padding: 5px; border: 1px solid #435051; border-radius: 10px; background: #fff; }
  .Header_Wrapper.expanded nav#cssmenu .Search-Menu .Serach { float: none; flex: 1; width: auto; margin: 0; }
  .Header_Wrapper.expanded nav#cssmenu .Search-Menu .Serach input { width: 100%; height: 46px; padding: 0 14px; border-radius: 7px; color: #142021; font: 16px "Lato",sans-serif; }
  .Header_Wrapper.expanded nav#cssmenu .Search-Menu .button { float: none; width: auto; margin: 0; }
  .Header_Wrapper.expanded nav#cssmenu .Search-Menu .button input { width: auto; height: 46px; padding: 0 20px; border-radius: 7px; background: var(--gold); color: #111; font: 700 14px "Montserrat",sans-serif; }
  .Header_Wrapper.expanded nav#cssmenu > ul { overflow: hidden; border: 1px solid #303c3d; border-radius: 10px; background: #172022 !important; }
  .Header_Wrapper.expanded nav#cssmenu > ul > li { margin: 0; border-bottom: 1px solid #303c3d; }
  .Header_Wrapper.expanded nav#cssmenu > ul > li:last-child { border-bottom: 0; }
  .Header_Wrapper.expanded nav#cssmenu > ul > li > a { justify-content: flex-start; padding: 0 20px; font-size: 14px; letter-spacing: .06em; text-shadow: none; }
  .Header_Wrapper.expanded nav#cssmenu > ul > li > a.Search { display: none; }
  .Header_Wrapper.expanded nav#cssmenu > ul > li.mobile-account-link { display: block !important; background: rgba(217,164,65,.1); }
  .mobile-account-link i { width: 26px; margin-right: 8px; color: var(--gold); font-size: 18px; }
  .Menu_Wrapper > .LoginLink,.Menu_Wrapper > .SignIn { display: none !important; }
  .User-Content > .Inner { padding: 22px 12px 45px; }
  .User-Nav ul { gap: 4px; }
  .User-Nav ul li a { padding: 12px 13px; font-size: 12px; white-space: nowrap; }
  .User-Content > .Inner .Main { min-height: 0; padding: 30px 18px; border-radius: 12px; }
  .user-dashboard__grid { grid-template-columns: 1fr; }
  .user-dashboard__grid a { min-height: 104px; padding: 18px; }
  .User-Settings__header,.User-Places__header { padding-bottom: 23px; }
  .User-Settings__form { padding-top: 24px; }
  .User-Settings__save { width: 100%; }
  .User-Places__request { padding: 18px; }
  .User-Places__button { width: 100%; }
}