header[data-header="main"] {
   height: clamp(64px, 10vw, 72px);
}
header[data-header="main"] img {
   height: clamp(2.8rem, 4vw, 3.6rem);
   display: block;
   width: auto;
}

h2[data-role='location']{
   font-size: var(--size-title-page);   
}


#change-location-hint{
   background:#deeafd;color:#0067ce;padding: 12px;border:12px solid white;text-align:center;font-size:14px;    
 }  
 #recentlyViewed{
   max-width: 768px;
   width: unset;
   gap: 12px;
   margin-bottom: 16px;
   padding-inline: 12px;
}

 #recentlyViewed li{
    padding: clamp(10px, 2.5vw, 16px);
    font-size: var(--size-title-detail);
    white-space: nowrap;
    border-radius:2px;
    font-weight:600;
    color:#0067ce;
    background:white;

    position:relative;
   }
 #recentlyViewed li:hover{
    cursor:pointer;
    background:#F1F1F1;
   }
   
   .cover-photo-interior{padding-bottom:40px !important;}  
   
   
 .mobile #recentlyViewed
 {width:100%;padding:0;margin-top:-10px;margin-bottom:15px;
    overflow-x: scroll;white-space: nowrap;padding-bottom: 7px;
 }
 .mobile #recentlyViewed li{
    font-size:13px;padding:10px;
    display:inline-block;
    float: none;
 }
 .mobile #recentlyViewed > li:first-of-type{
    margin-left: 8px;
 }



.search-container{
   margin-bottom: 24px;
}









.billboard-content h1{
   font-size: calc(var(--size-title-page) - 2px);
   margin-bottom: clamp(24px, 6vw, 48px);
   font-weight: 600;   
}


[data-id='features']{
   font-size: 18px;
}

[data-id='features'] p{
   color: var(--color-80);
   font-size: 1em;
}

@media (max-width: 600px) {


   .billboard-content h1 {
      text-align: center;
   }

   .handwritten{
      display: none;
   }

   #gad-compliance span{
      display: none;
   }   

   form.large-search .button-block{
      display: none;
   }

   form.large-search{
      position: relative;
      padding-left: 36px !important;
      
   }

   form.large-search .text-block{
      width: calc(100% - 36px) !important;
   }

   form.large-search:before {
      content: '';
      display: block;
      width: 24px;
      height: 24px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M14.385 15.446a6.751 6.751 0 1 1 1.06-1.06l5.156 5.155a.75.75 0 1 1-1.06 1.06zM6.46 13.884a5.25 5.25 0 1 1 7.43-.005l-.005.005l-.005.004a5.25 5.25 0 0 1-7.42-.004' clip-rule='evenodd'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      color: #CCC;
      top: 12px;
      left: 12px;
    }

    #recentlyViewed{
       flex-wrap: nowrap;
    }

    #suggestions [data-role='header'] {
       margin-bottom: clamp(12px, 3vw, 24px);
    }


    [data-id='features']{
       font-size: 14px;
    }

}

.billboard-content h2{
   font-size: 20px;
   font-weight: 500;
   margin-bottom: 8px;   
}

[data-layout='feature'],
.billboard-content{
   margin: 0px auto;
   max-width: 840px; /* fit headline on one line*/
}


.billboard-content{

   padding-block-start: clamp(16px, 4vw, 24px);
}

.billboard-content .container{
   margin: 0px auto;
   max-width: 768px;
}


.billboard-content input{
   height: 64px;
   font-size: 24px;
   border: 0;
}


.handwritten{font-family:"Segoe Print"; font-weight:bold; color:#444;} /*KEEP*/


form.large-search {
   padding: 12px;
   overflow: auto;
   background: white;
   border-radius: 6px;
}

form.large-search .text-block {
   float: left;
   width: 80%;
}

form.large-search .text-block{float:left;width:80%;}
form.large-search .text-block input{
   height:40px;
   width:100%;
   font-size: clamp(18px,  3vw, 24px);
   color:#BBB;
   line-height:40px;
   padding-left: 0;
}
form.large-search .button-block{float:right;width:20%;}
form.large-search .button-block button{width:100%;height:40px;font-size:16px;}

form.large-search .text-block input:focus{
   outline: none;
}

#gad-compliance{
   text-align:center;
   width:100%;
   margin-bottom: clamp(24px, 6vw, 48px);
   color:#CCC;
   display: block;
   margin-block-start: 16px;
   font-size: 12px;
}



.bg-transparent{
   background: rgba(var(--billboard-bg-rgb), 0.7);   
}


.cmodal{
   --modal-main-gap: 16px;
}


[data-id='features'] a{
   font-weight: 600;
   text-decoration: underline;
}


#suggestions [data-role='header']{
   padding-bottom: 16px;
   border-bottom: 1px solid var(--outline-color-light);
}

[data-role='location-help-text']{
   color: var(--color-80);
}

.cmodal :is(h1, h2, h3, h4) {
   font-weight: normal;
}

.cmodal :is(h2) {
   font-size: 15px;
   color: var(--color-70);
   text-transform: uppercase;
   font-weight: 600;
}

[data-role="region-option"]{
   font-size: clamp(14px, 3vw, 16px);
   padding: 12px calc(var(--modal-main-gap) * 1.5);   
}

[data-role="region-option"]:hover{
   cursor: pointer;
   background: #FAFAFA;
   color: black;
}

[data-role="regions-list"] > * + * {
   border-top: 1px solid var(--outline-color-light);
}


#suggestions [data-layout='scene']:not([data-role='header']){
   margin-block-end: calc(var(--scene-gap) * 1.5);   
}

#suggestions [data-layout='scene']:not([data-role='header']) h3:not(.rys-slide h3){
   font-size: var(--size-title);
}












.modal-full-screen {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: white;
   z-index: 1000001;
}

#header-modal-search {
   background: var(--color-primary);
   height: 74px;
   padding: 15px;
   width: 100%;
   position: absolute;
   top: 0;
   z-index: 4;
}

#body-modal-search {
   overflow-y: scroll;
   width: 100%;
   height: 100%;
   padding-top: 74px;
   position: absolute;
}

#modal-search-input-container {
   height: 44px;
   position: relative;
   width: 85%;
   background: white;
   border-radius: 3px;
}

#modal-search-input-container .fa-search,
#modal-search-clear {
   position: absolute;
   line-height: 44px;
}

#modal-search-input-container .fa-search {
   left: 10px;
   color: #DDD;
}

#modal-search-clear {
   right: 0px;
   color: #666;
   width: 30px;
   text-align: center;
   font-size: 16px;
}

#modal-search-input {
   border: none;
   box-shadow: none;
   border-radius: none;
   moz-border-radius: none;
   position: absolute;
   left: 32px;
   width: calc(100% - 64px);
   height: 44px;
   line-height: 44px;
   padding: 0;
   font-size: 20px;
}

#modal-search-input:focus {
   border: none;
   outline: none;
}

#modal-search-close {
   color: white;
   position: absolute;
   top: 15px;
   line-height: 44px;
   left: 85%;
   width: calc(15% - 15px);
   text-align: center;
   cursor: pointer;
}

#modal-search-results li {
   border-bottom: 1px solid var(--outline-color);
   padding: 0 16px;
   position: relative;
   font-size: 16px;
}

#modal-search-results li.is-trending {
   height: 62px;
   padding-top: 8px;
}

#modal-search-results li.is-trending::before {
   content: "POPULAR NOW";
   position: absolute;
   color: green;
   font-size: 10px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 4px;
   line-height: 16px;
}

body.modal-open {
   overflow: hidden;
}

#modal-search-results .category-title {
   border-bottom: 1px solid var(--outline-color);
   text-transform: uppercase;
   height: 50px;
   line-height: 50px;
   padding: 0 16px;
   font-weight: 500;
   font-size: 13px;
}

#modal-search-results li {
   border-bottom: 1px solid var(--outline-color);
}

#modal-search-input-container [data-icon='search']{
   margin: 12px 8px;
}


#modal-search-results li.item-avatar:hover{
   background: #FAFAFA;
   cursor: pointer;
}


#modal-search-results li.item-avatar {
   padding: 15px;
   line-height: 36px;
   font-size: 16px;
}
#modal-search-results li.item-avatar {
   position: relative;
   min-height: 66px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#modal-search-results li.item-avatar {
   position: relative;
}

#modal-search-results li.item-avatar.avatar-style-image .avatar {
   height: 36px;
   width: 36px;
   background: #333;
   color: white;
   font-size: 16px;
   line-height: 36px;
}
#modal-search-results li.item-avatar .avatar {
   position: absolute;
   left: 15px;
   top: 15px;
   border-radius: 50%;
   text-align: center;
}


#modal-search-results li.item-avatar .primary-text {
   padding-left: 66px;
   top: 15px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
}

#modal-search-results li.item-avatar{position:relative;min-height:66px;}
#modal-search-results li.item-avatar{
   padding:15px;
   line-height:36px;
   font-size:16px;
} /*assumes single line*/
#modal-search-results li.item-avatar.avatar-style-date{}
#modal-search-results li.item-avatar.avatar-style-image{}
#modal-search-results li.item-avatar.avatar-style-no-avatar{}
#modal-search-results li.item-avatar.avatar-style-icon{}
#modal-search-results li.item-avatar.text-lines-2{}
#modal-search-results li.item-avatar.text-lines-3{}
#modal-search-results li.item-avatar .avatar{
   position:absolute;
   left:15px;
   top:15px;
   border-radius:6px;
   text-align:center;
}
#modal-search-results li.item-avatar.avatar-style-date .avatar{width:36px;}
#modal-search-results li.item-avatar.avatar-style-date .avatar .month{font-size:11px;display:block;line-height:normal;text-transform:uppercase;}
#modal-search-results li.item-avatar.avatar-style-date .avatar .day-of-month{
   font-size:18px;
   display:block;
   margin-bottom:3px;
   font-weight: bold;
   line-height: 1;
}
#modal-search-results li.item-avatar.avatar-style-image .avatar{height:36px;width:36px;background:var(--color-primary);color:white;font-size:16px;line-height:36px;}
#modal-search-results li.item-avatar.avatar-style-image-block .avatar{height:36px;width:60px;border-radius:0;background:var(--color-primary);color:white;}

#modal-search-results li.item-avatar.avatar-style-icon .avatar{width:44px;text-align:center;line-height:36px;}
#modal-search-results li.item-avatar.avatar-style-icon .avatar i{line-height:36px;}
#modal-search-results li.item-avatar .primary-text{
   padding-left:54px;
   top:15px;
   width:100%;
   font-weight: bold;
}
#modal-search-results li.item-avatar.avatar-style-no-avatar .primary-text{padding-left:0;}
#modal-search-results li.item-avatar.avatar-style-icon .primary-text{padding-left:44px;}
#modal-search-results li.item-avatar .primary-text.text-lines-2 .line-1{
   margin-bottom:3px;
   display:block;
   line-height:normal;
}
#modal-search-results li.item-avatar .primary-text.text-lines-2 .line-2{
   display:block;
   line-height:normal;
   font-size:13px;
   font-weight: normal;
   color: var(--text-dim);
}
#modal-search-results li.item-avatar .primary-text.text-lines-3 .line-1,#modal-search-results li.item-avatar .primary-text.text-lines-3 .line-2,#modal-search-results li.item-avatar .primary-text.text-lines-3 .line-3{line-height:normal;}
#modal-search-results li.item-avatar .primary-text.text-lines-3 .line-1{font-weight:500;font-size:12px;margin-bottom:2px;}
#modal-search-results li.item-avatar .primary-text.text-lines-3 .line-2{margin-bottom:2px;font-size:11px;}
#modal-search-results li.item-avatar .primary-text.text-lines-3 .line-3{font-size:11px;}

#modal-search-results-default li {
   min-height: 54px;
   line-height: 54px;
   border-bottom: 1px solid var(--outline-color-light);
   padding: 0 20px;
   position: relative;
   font-size: 16px;
}

#modal-search-results-default li:hover{
   background: #FAFAFA;
   cursor: pointer;
   color: black;
}

#modal-search-results li.add-go-arrow:after,
#modal-search-results-default li.add-go-arrow:after {
   position: absolute;
   right: 16px;
   content: "❯";
}



#modal-search-results-default li.is-trending::before {
   content: "POPULAR NOW";
   position: absolute;
   color: green;
   font-size: 10px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 4px;
   line-height: 16px;
}

#modal-search-results-default li.is-trending {
   height: 62px;
   padding-top: 8px;
}

#features{

}



/* Dropdown container injected by JS */
.nav-dropdown-wrap {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 9000;
   pointer-events: none;
 }
 
 .nav-dropdown {
   position: absolute;
   top: 0;
   background: #fff;
   border: 1px solid rgba(0,0,0,0.08);
   border-top: 3px solid var(--color-primary);
   border-radius: 0 0 8px 8px;
   box-shadow: 0 8px 32px rgba(0,0,0,0.12);
   min-width: 480px;
   pointer-events: none;
 
   opacity: 0;
   visibility: hidden;
   transform: translateY(-6px);
   transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;
 }
 
 .nav-dropdown.is-open {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
   transition: opacity 0.18s ease, transform 0.18s ease;
   pointer-events: auto;
 }
 
 /* Caret on trigger links */
 .nav-menu-item[data-menu]::after {
   content: '';
   display: inline-block;
   margin-left: 0.3em;
   width: 0;
   height: 0;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-top: 4px solid currentColor;
   vertical-align: middle;
   transition: transform 0.18s ease;
 }
 
 .nav-menu-item[data-menu].is-active::after {
   transform: rotate(180deg);
 }
 
 /* Panel inner */
 .nav-dropdown-inner {
   padding: 1.25rem 1rem 0.5rem;
 }
 
 /* Reuse your existing autoflow/ul/li structure */
 .nav-dropdown .nav-dropdown-inner {
   display: flex;
 }
 
 .nav-dropdown .nav-dropdown-inner ul {
   list-style: none;
   margin: 0;
   padding: 0 6px;
   min-width: 160px;
   border-right: 1px solid var(--outline-color-light);
 }
 
 .nav-dropdown .nav-dropdown-inner ul:last-child {
   border-right: none;
 }
 
 .nav-dropdown .nav-dropdown-inner li {
   position: relative;
   font-size: 14px;
 }
 
 .nav-dropdown .nav-dropdown-inner li a {
   display: block;
   padding: 8px;
   text-decoration: none;
   border-radius: 4px;
   white-space: nowrap;
   transition: background 0.12s, color 0.12s;
 }
 
 .nav-dropdown .nav-dropdown-inner li a:hover {
   background: var(--color-primary);
   color: #fff;
 }
 
 /* Footer link */
 .nav-dropdown-footer {
   display: block;
   padding: 8px 12px;
   font-size: 14px;
   font-weight: 600;
   text-decoration: none;
   border-top: 1px solid rgba(0,0,0,0.07);
   margin-top: 8px;
 }
 
 .nav-dropdown-footer:hover {
   text-decoration: underline;
 }

 /* Concert extra links */
.nav-dropdown-extras {
   display: flex;
   gap: 0.5rem;
   padding: 0.5rem 1rem 0;
   border-top: 1px solid rgba(0,0,0,0.07);
   margin-top: 0.5rem;
 }
 
 .nav-dropdown-extra-link {
   font-size: 12px;
   font-weight: 600;
   color: var(--color-primary);
   text-decoration: none;
   padding: 0.3rem 0.6rem;
   border: 1px solid var(--color-primary);
   border-radius: 4px;
   transition: background 0.12s, color 0.12s;
 }
 
 .nav-dropdown-extra-link:hover {
   background: var(--color-primary);
   color: #fff;
 }

 a.nav-menu-item{
    text-decoration: none !important;
 }


 #super-charged{
    font-size: clamp(9px, 2vw, 14px);
 }

 @media (max-width: 540px) {
   #super-charged [data-role='icons']{
      transform: scale(0.8);
   }    
}