.neon-promo-card--pending,
.neon-promos-slide:has(.neon-promo-card--pending) {
display: none !important;
} .neon-promo-card {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
display: flex;
flex-direction: column;
height: 100%;
transition: box-shadow .25s ease, transform .25s ease;
}
.neon-promo-card:hover {
box-shadow: 0 6px 24px rgba(0, 0, 0, .14);
transform: translateY(-3px);
} .neon-promo-card__img {
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #f1f5f9;
}
.neon-promo-card__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .4s ease;
}
.neon-promo-card__img-link {
display: block;
width: 100%;
height: 100%;
}
.neon-promo-card:hover .neon-promo-card__img img {
transform: scale(1.04);
} .neon-promo-card__body {
padding: 1.1rem 1.2rem 1.4rem;
display: flex;
flex-direction: column;
flex: 1;
gap: .5rem;
}
.neon-promo-card__title {
font-size: 1.05rem;
font-weight: 700;
margin: 0;
line-height: 1.3;
}
.neon-promo-card__title a {
color: inherit;
text-decoration: none;
}
.neon-promo-card__title a:hover {
color: var(--nc-primary);
}
.neon-promo-card__excerpt {
font-size: .88rem;
color: #555;
margin: 0;
line-height: 1.5;
flex: 1;
}
.neon-promo-card__btn {
display: inline-block;
margin-top: auto;
padding: .45rem 1.2rem;
background: var(--nc-primary);
color: #fff;
border-radius: 6px;
font-size: .85rem;
font-weight: 600;
text-decoration: none;
align-self: flex-start;
transition: background .2s ease;
}
.neon-promo-card__btn:hover {
background: var(--nc-primary-dk);
color: #fff;
} .neon-promos-grid {
display: grid;
grid-template-columns: repeat(var(--neon-promo-cols, 3), 1fr);
gap: 1.5rem;
}
@media (max-width: 767px) {
.neon-promos-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 479px) {
.neon-promos-grid {
grid-template-columns: 1fr;
}
} .neon-promos-slider {
--neon-slider-cols: 3;
position: relative;
overflow: hidden;
width: 100%;
}
.neon-promos-track {
display: flex;
gap: 1.25rem;
transition: transform .4s ease;
will-change: transform;
} .neon-promos-slide {
flex: 0 0 calc((100% - (var(--neon-slider-cols) - 1) * 1.25rem) / var(--neon-slider-cols));
min-width: 200px;
} .neon-promos-prev,
.neon-promos-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0, 0, 0, .5);
color: #fff;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
transition: background .2s;
}
.neon-promos-prev { left: 6px; }
.neon-promos-next { right: 6px; }
.neon-promos-prev:hover,
.neon-promos-next:hover {
background: rgba(0, 0, 0, .75);
}   .neon-promo-card--layout-2 {
position: relative;
aspect-ratio: 4 / 3;
}
.neon-promo-card--layout-2 .neon-promo-card__img {
position: absolute;
inset: 0;
aspect-ratio: unset;
width: 100%;
height: 100%;
}
.neon-promo-card--layout-2 .neon-promo-card__body {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background: linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,0) 100%);
color: #fff;
padding: 3rem 1.2rem 1.2rem;
gap: .4rem;
}
.neon-promo-card--layout-2 .neon-promo-card__title a {
color: #fff;
}
.neon-promo-card--layout-2 .neon-promo-card__btn {
background: rgba(255,255,255,.15);
border: 1px solid rgba(255,255,255,.5);
color: #fff;
}
.neon-promo-card--layout-2 .neon-promo-card__btn:hover {
background: rgba(255,255,255,.3);
color: #fff;
}
.neon-promo-card--layout-2:hover { transform: none; } .neon-promo-card--layout-3 {
flex-direction: row;
}
.neon-promo-card--layout-3 .neon-promo-card__img {
width: 38%;
flex-shrink: 0;
aspect-ratio: unset;
align-self: stretch;
}
.neon-promo-card--layout-3 .neon-promo-card__img img {
height: 100%;
} .neon-promo-card--layout-4 {
flex-direction: row-reverse;
}
.neon-promo-card--layout-4 .neon-promo-card__img {
width: 38%;
flex-shrink: 0;
aspect-ratio: unset;
align-self: stretch;
}
.neon-promo-card--layout-4 .neon-promo-card__img img {
height: 100%;
} .neon-promo-card--layout-5 .neon-promo-card__img {
aspect-ratio: 1 / 1;
}
.neon-promo-card--layout-5 .neon-promo-card__body {
text-align: center;
align-items: center;
} .neon-promo-card--layout-6 {
position: relative;
aspect-ratio: 16 / 7;
}
.neon-promo-card--layout-6 .neon-promo-card__img {
position: absolute;
inset: 0;
aspect-ratio: unset;
width: 100%;
height: 100%;
}
.neon-promo-card--layout-6 .neon-promo-card__body {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background: linear-gradient(to top, rgba(0,0,0,.72) 0%, rgba(0,0,0,0) 100%);
color: #fff;
padding: 2.5rem 1.5rem 1.2rem;
flex-direction: row;
align-items: flex-end;
flex-wrap: wrap;
gap: .75rem;
}
.neon-promo-card--layout-6 .neon-promo-card__title {
flex: 1 1 60%;
font-size: 1.2rem;
}
.neon-promo-card--layout-6 .neon-promo-card__title a {
color: #fff;
}
.neon-promo-card--layout-6 .neon-promo-card__btn {
background: rgba(255,255,255,.15);
border: 1px solid rgba(255,255,255,.5);
color: #fff;
margin-top: 0;
white-space: nowrap;
}
.neon-promo-card--layout-6 .neon-promo-card__btn:hover {
background: rgba(255,255,255,.3);
color: #fff;
}
.neon-promo-card--layout-6:hover { transform: none; } .neon-promo-detail {
display: flex;
gap: 2rem;
flex-wrap: wrap;
padding: 1rem 0;
}
.neon-promo-detail__img {
flex: 0 0 auto;
width: 100%;
max-width: 420px;
border-radius: 10px;
overflow: hidden;
background: #f1f5f9;
}
.neon-promo-detail__img img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.neon-promo-detail__content {
flex: 1 1 280px;
display: flex;
flex-direction: column;
gap: 1rem;
}
.neon-promo-detail__title {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.25;
margin: 0;
}
.neon-promo-detail__body {
font-size: .98rem;
line-height: 1.7;
color: #333;
}
.neon-promo-detail__btn {
display: inline-block;
padding: .6rem 1.8rem;
background: var(--nc-primary);
color: #fff;
border-radius: 7px;
font-weight: 600;
text-decoration: none;
align-self: flex-start;
transition: background .2s ease;
}
.neon-promo-detail__btn:hover {
background: var(--nc-primary-dk);
color: #fff;
}
.neon-promo-detail__back {
font-size: .88rem;
color: #888;
text-decoration: none;
align-self: flex-start;
}
.neon-promo-detail__back:hover {
color: #444;
}    .neon-promo-detail--layout-2 {
flex-direction: column;
}
.neon-promo-detail--layout-2 .neon-promo-detail__img {
max-width: 100%;
width: 100%;
max-height: 420px;
overflow: hidden;
}
.neon-promo-detail--layout-2 .neon-promo-detail__img img {
width: 100%;
height: 100%;
max-height: 420px;
object-fit: cover;
}
.neon-promo-detail--layout-2 .neon-promo-detail__content {
max-width: 680px;
} .neon-promo-detail--layout-3 {
flex-direction: row;
align-items: flex-start;
flex-wrap: nowrap;
}
.neon-promo-detail--layout-3 .neon-promo-detail__img {
flex: 0 0 45%;
max-width: 45%;
}
.neon-promo-detail--layout-3 .neon-promo-detail__content {
flex: 1 1 0;
} .neon-promo-detail--layout-4 {
flex-direction: row-reverse;
align-items: flex-start;
flex-wrap: nowrap;
}
.neon-promo-detail--layout-4 .neon-promo-detail__img {
flex: 0 0 45%;
max-width: 45%;
}
.neon-promo-detail--layout-4 .neon-promo-detail__content {
flex: 1 1 0;
} .neon-promo-detail--layout-5 {
flex-direction: column;
align-items: center;
text-align: center;
}
.neon-promo-detail--layout-5 .neon-promo-detail__img {
max-width: 420px;
aspect-ratio: 1 / 1;
overflow: hidden;
}
.neon-promo-detail--layout-5 .neon-promo-detail__img img {
object-fit: cover;
width: 100%;
height: 100%;
}
.neon-promo-detail--layout-5 .neon-promo-detail__content {
align-items: center;
}
.neon-promo-detail--layout-5 .neon-promo-detail__btn,
.neon-promo-detail--layout-5 .neon-promo-detail__back {
align-self: center;
} .neon-promo-detail--layout-6 {
flex-direction: column;
}
.neon-promo-detail--layout-6 .neon-promo-detail__img {
max-width: 100%;
width: 100%;
aspect-ratio: 16 / 7;
overflow: hidden;
}
.neon-promo-detail--layout-6 .neon-promo-detail__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.neon-promo-detail--layout-6 .neon-promo-detail__content {
max-width: 780px;
} @media (max-width: 600px) {
.neon-promo-detail--layout-3,
.neon-promo-detail--layout-4 {
flex-direction: column;
flex-wrap: wrap;
}
.neon-promo-detail--layout-3 .neon-promo-detail__img,
.neon-promo-detail--layout-4 .neon-promo-detail__img {
flex: unset;
max-width: 100%;
width: 100%;
}
}.neon-locations-list {
display: flex;
flex-direction: column;
gap: 2rem;
}
.neon-location {
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
overflow: hidden;
font-family: inherit;
max-width: 760px;
margin: 0 auto 2rem;
box-shadow: 0 2px 8px rgba(0,0,0,.06);
} .neon-location__header {
padding: 1.25rem 1.5rem .75rem;
border-bottom: 1px solid #f0f0f0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .5rem;
}
.neon-location__name {
margin: 0;
font-size: 1.3rem;
font-weight: 700;
flex: 1 1 auto;
}
.neon-location__rating {
display: flex;
align-items: center;
gap: .35rem;
font-size: .9rem;
}
.neon-location__rating-count {
color: #666;
font-size: .8rem;
} .neon-location__body {
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
@media (min-width: 600px) {
.neon-location__body {
grid-template-columns: 1fr 1fr;
}
}
.neon-location__info {
padding: 1.25rem 1.5rem;
display: flex;
flex-direction: column;
gap: .7rem;
}
.neon-location__info-row {
display: flex;
align-items: flex-start;
gap: .5rem;
font-size: .95rem;
line-height: 1.4;
color: #222;
}
.neon-location__icon {
flex-shrink: 0;
font-size: 1rem;
line-height: 1.4;
}
.neon-location__info-row a {
color: inherit;
text-decoration: underline;
}
.neon-location__wa-btn {
display: inline-block;
background: #25D366;
color: #fff !important;
text-decoration: none !important;
padding: .15rem .7rem;
border-radius: 20px;
font-size: .82rem;
font-weight: 600;
letter-spacing: .03em;
}
.neon-location__schedule pre {
margin: 0;
font-family: inherit;
font-size: .87rem;
white-space: pre-wrap;
color: #444;
} .neon-location__photo {
line-height: 0;
}
.neon-location__photo img {
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 8px 8px 0 0;
display: block;
} img.neon-loc-photo {
display: block;
max-width: 100%;
height: auto;
}
.neon-location__map {
min-height: 240px;
}
.neon-location__map iframe {
width: 100%;
height: 100%;
min-height: 240px;
border: 0;
display: block;
} .neon-location__reviews {
padding: 1.25rem 1.5rem;
border-top: 1px solid #f0f0f0;
}
.neon-location__reviews-title {
margin: 0 0 1rem;
font-size: 1rem;
font-weight: 700;
display: flex;
align-items: center;
gap: .7rem;
}
.neon-location__reviews-avg {
font-weight: normal;
font-size: .9rem;
display: flex;
align-items: center;
gap: .2rem;
}
.neon-location__reviews-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.neon-location__review {
padding: .75rem 1rem;
background: #fafafa;
border-radius: 6px;
border: 1px solid #eee;
}
.neon-location__review-header {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .4rem;
margin-bottom: .4rem;
}
.neon-location__review-author {
font-size: .9rem;
color: #111;
}
.neon-location__review-stars span {
color: #ccc;
font-size: .95rem;
}
.neon-location__review-stars span.filled {
color: #f5a623;
}
.neon-location__review-time {
font-size: .78rem;
color: #888;
margin-left: auto;
}
.neon-location__review-text {
margin: 0;
font-size: .88rem;
color: #333;
line-height: 1.5;
} .neon-star {
color: #ddd;
font-size: 1rem;
line-height: 1;
}
.neon-star.filled {
color: #f5a623;
}
.neon-star.half { position: relative;
display: inline-block;
color: #ddd;
}
.neon-star.half::after {
content: '★';
position: absolute;
left: 0;
top: 0;
width: 50%;
overflow: hidden;
color: #f5a623;
} .neon-reviews-slider {
--neon-rev-cols: 3;
position: relative;
overflow: hidden;
padding-bottom: 2.5rem; margin: 0 0 2rem;
}
.neon-reviews-track {
display: flex;
transition: transform .4s ease; } .neon-review-card {
flex: 0 0 calc(100% / var(--neon-rev-cols));
min-width: 0;
box-sizing: border-box;
padding: 1rem 1.5rem 1rem .5rem;
}
.neon-review-card__inner,
.neon-review-card {
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 10px;
padding: 1.25rem;
box-shadow: 0 1px 6px rgba(0,0,0,.06);
display: flex;
flex-direction: column;
gap: .6rem;
height: 100%;
box-sizing: border-box;
}
.neon-review-card__stars {
display: flex;
gap: 2px;
}
.neon-review-card__star {
color: #ddd;
font-size: 1.1rem;
}
.neon-review-card__star.filled {
color: #f5a623;
}
.neon-review-card__text {
margin: 0;
font-size: .88rem;
color: #333;
line-height: 1.55;
flex: 1;
font-style: italic;
quotes: "\201C" "\201D";
}
.neon-review-card__text::before {
content: open-quote;
font-size: 1.4rem;
line-height: .6;
vertical-align: -.35em;
margin-right: .1em;
color: #ccc;
}
.neon-review-card__footer {
display: flex;
flex-direction: column;
gap: .2rem;
font-size: .8rem;
color: #555;
margin-top: auto;
}
.neon-review-card__author {
font-weight: 700;
color: #222;
}
.neon-review-card__time {
color: #999;
}
.neon-review-card__location {
font-size: .75rem;
color: #888;
font-style: italic;
} .neon-reviews-prev,
.neon-reviews-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0,0,0,.4);
color: #fff;
border: none;
border-radius: 50%;
width: 36px;
height: 36px;
font-size: 1.4rem;
line-height: 36px;
text-align: center;
cursor: pointer;
padding: 0;
z-index: 10;
transition: background .2s;
}
.neon-reviews-prev:hover,
.neon-reviews-next:hover {
background: rgba(0,0,0,.65);
}
.neon-reviews-prev { left: 4px; }
.neon-reviews-next { right: 4px; } .neon-reviews-dots {
position: absolute;
bottom: .4rem;
left: 0;
right: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: .35rem;
}
.neon-reviews-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #ccc;
border: none;
cursor: pointer;
padding: 0;
transition: background .2s, transform .2s;
}
.neon-reviews-dot.active {
background: #f5a623;
transform: scale(1.25);
} @media (max-width: 900px) {
.neon-reviews-slider {
--neon-rev-cols: 2;
}
}
@media (max-width: 560px) {
.neon-reviews-slider {
--neon-rev-cols: 1;
}
} .neon-reviews {
--neon-rev-cols: 3;
font-family: inherit;
} .neon-reviews__filters {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: .75rem 1rem;
padding: 1rem 1.25rem;
background: #f8f8f8;
border: 1px solid #e8e8e8;
border-radius: 8px;
margin-bottom: 1.25rem;
}
.neon-reviews__filters-logo {
flex: 0 0 100%;
width: 100%;
height: 24px;
object-fit: contain;
object-position: center;
margin-bottom: .25rem;
}
.neon-reviews__filter-group {
display: flex;
flex-direction: column;
gap: .25rem;
min-width: 140px;
}
.neon-reviews__filter-label {
font-size: .75rem;
font-weight: 600;
color: #555;
text-transform: uppercase;
letter-spacing: .04em;
}
.neon-reviews__filter-select,
.neon-reviews__filter-month {
padding: .4rem .65rem;
border: 1px solid #d0d0d0;
border-radius: 5px;
font-size: .9rem;
background: #fff;
color: #222;
cursor: pointer;
transition: border-color .2s;
}
.neon-reviews__filter-select:focus,
.neon-reviews__filter-month:focus {
outline: none;
border-color: #f5a623;
}
.neon-reviews__filter-clear {
align-self: flex-end;
padding: .4rem .9rem;
border: 1px solid #ccc;
border-radius: 5px;
background: #fff;
font-size: .85rem;
color: #555;
cursor: pointer;
transition: background .2s, color .2s;
white-space: nowrap;
}
.neon-reviews__filter-clear:hover {
background: #e5e5e5;
color: #222;
} .neon-reviews__summary {
font-size: .85rem;
color: #777;
margin: 0 0 .85rem;
}
.neon-reviews__count {
font-weight: 700;
color: #333;
} .neon-reviews__grid {
display: grid;
grid-template-columns: repeat(var(--neon-rev-cols), 1fr);
gap: 1rem;
align-items: start;
} .neon-reviews__card {
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 10px;
padding: 1.1rem 1.25rem;
box-shadow: 0 1px 5px rgba(0,0,0,.05);
display: flex;
flex-direction: column;
gap: .55rem;
transition: box-shadow .2s;
}
.neon-reviews__card:hover {
box-shadow: 0 3px 12px rgba(0,0,0,.1);
}
.neon-reviews__card-stars {
display: flex;
gap: 2px;
}
.neon-reviews__card-text {
margin: 0;
font-size: .88rem;
color: #333;
line-height: 1.55;
font-style: italic;
quotes: "\201C" "\201D";
flex: 1;
}
.neon-reviews__card-text::before {
content: open-quote;
font-size: 1.35rem;
line-height: .6;
vertical-align: -.3em;
margin-right: .1em;
color: #ddd;
}
.neon-reviews__expand {
background: none;
border: none;
padding: 0;
font-size: .8rem;
color: #f5a623;
cursor: pointer;
font-style: normal;
text-decoration: underline;
text-underline-offset: 2px;
}
.neon-reviews__expand:hover {
color: #d4891a;
}
.neon-reviews__card-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .2rem .6rem;
font-size: .78rem;
color: #666;
margin-top: auto;
padding-top: .45rem;
border-top: 1px solid #f0f0f0;
}
.neon-reviews__card-author {
font-weight: 700;
color: #222;
}
.neon-reviews__card-date {
color: #999;
}
.neon-reviews__card-loc {
font-style: italic;
color: #aaa;
font-size: .73rem;
} .neon-reviews__empty {
display: none;
text-align: center;
color: #888;
font-size: .9rem;
padding: 2rem 1rem;
border: 1px dashed #ddd;
border-radius: 8px;
margin-top: 1rem;
} @media (max-width: 860px) {
.neon-reviews {
--neon-rev-cols: 2;
}
}
@media (max-width: 520px) {
.neon-reviews {
--neon-rev-cols: 1;
}
.neon-reviews__filters {
gap: .6rem;
}
.neon-reviews__filter-group {
flex: 1 1 100%;
min-width: unset;
}
.neon-reviews__filter-clear {
width: 100%;
text-align: center;
}
}
.neon-reviews {
--neon-rev-cols: 3;
font-family: inherit;
} .neon-reviews__tabs {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin-bottom: 1.25rem;
border-bottom: 2px solid #e8e8e8;
padding-bottom: 0;
}
.neon-reviews__tab {
display: inline-flex;
align-items: center;
gap: .35rem;
padding: .5rem 1.1rem;
background: none;
border: 1px solid #e0e0e0;
border-bottom: 2px solid transparent;
border-radius: 6px 6px 0 0;
margin-bottom: -2px;
font-size: .88rem;
font-weight: 500;
color: #555;
cursor: pointer;
transition: background .15s, color .15s, border-color .15s;
white-space: nowrap;
}
.neon-reviews__tab:hover {
background: #f5f5f5;
color: #222;
}
.neon-reviews__tab--active {
background: #fff;
color: #222;
border-color: #e0e0e0;
border-bottom-color: #fff;
font-weight: 700;
}
.neon-reviews__tab-count {
display: inline-block;
background: #eee;
color: #666;
font-size: .72rem;
font-weight: 600;
border-radius: 20px;
padding: 0 .45rem;
min-width: 20px;
text-align: center;
line-height: 1.6;
}
.neon-reviews__tab--active .neon-reviews__tab-count {
background: #f5a623;
color: #fff;
} .neon-reviews__grid {
display: grid;
grid-template-columns: repeat(var(--neon-rev-cols), 1fr);
gap: 1rem;
align-items: start;
} .neon-reviews__card {
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 10px;
padding: 1.1rem 1.25rem;
box-shadow: 0 1px 5px rgba(0,0,0,.05);
display: flex;
flex-direction: column;
gap: .55rem;
transition: box-shadow .2s;
}
.neon-reviews__card:hover {
box-shadow: 0 3px 12px rgba(0,0,0,.1);
}
.neon-reviews__card-stars {
display: flex;
gap: 2px;
}
.neon-reviews__card-text {
margin: 0;
font-size: .88rem;
color: #333;
line-height: 1.55;
font-style: italic;
quotes: "\201C" "\201D";
flex: 1;
}
.neon-reviews__card-text::before {
content: open-quote;
font-size: 1.35rem;
line-height: .6;
vertical-align: -.3em;
margin-right: .1em;
color: #ddd;
}
.neon-reviews__expand {
background: none;
border: none;
padding: 0;
font-size: .8rem;
color: #f5a623;
cursor: pointer;
font-style: normal;
text-decoration: underline;
text-underline-offset: 2px;
}
.neon-reviews__expand:hover {
color: #d4891a;
}
.neon-reviews__card-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .2rem .6rem;
font-size: .78rem;
color: #666;
margin-top: auto;
padding-top: .45rem;
border-top: 1px solid #f0f0f0;
}
.neon-reviews__card-author {
font-weight: 700;
color: #222;
}
.neon-reviews__card-date {
color: #999;
}
.neon-reviews__card-loc {
font-style: italic;
color: #aaa;
font-size: .73rem;
} .neon-reviews__empty {
display: none;
text-align: center;
color: #888;
font-size: .9rem;
padding: 2rem 1rem;
border: 1px dashed #ddd;
border-radius: 8px;
margin-top: 1rem;
} @media (max-width: 860px) {
.neon-reviews {
--neon-rev-cols: 2;
}
}
@media (max-width: 520px) {
.neon-reviews {
--neon-rev-cols: 1;
}
.neon-reviews__tab {
font-size: .8rem;
padding: .4rem .75rem;
}
}
.neon-reviews {
--neon-rev-cols: 3;
font-family: inherit;
} .neon-reviews__filters {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: .75rem 1rem;
padding: 1rem 1.25rem;
background: #f8f8f8;
border: 1px solid #e8e8e8;
border-radius: 8px;
margin-bottom: 1.25rem;
}
.neon-reviews__filter-group {
display: flex;
flex-direction: column;
gap: .25rem;
min-width: 140px;
}
.neon-reviews__filter-label {
font-size: .75rem;
font-weight: 600;
color: #555;
text-transform: uppercase;
letter-spacing: .04em;
}
.neon-reviews__filter-select,
.neon-reviews__filter-month {
padding: .4rem .65rem;
border: 1px solid #d0d0d0;
border-radius: 5px;
font-size: .9rem;
background: #fff;
color: #222;
cursor: pointer;
transition: border-color .2s;
}
.neon-reviews__filter-select:focus,
.neon-reviews__filter-month:focus {
outline: none;
border-color: #f5a623;
}
.neon-reviews__filter-clear {
align-self: flex-end;
padding: .4rem .9rem;
border: 1px solid #ccc;
border-radius: 5px;
background: #fff;
font-size: .85rem;
color: #555;
cursor: pointer;
transition: background .2s, color .2s;
white-space: nowrap;
}
.neon-reviews__filter-clear:hover {
background: #e5e5e5;
color: #222;
} .neon-reviews__summary {
font-size: .85rem;
color: #777;
margin: 0 0 .85rem;
}
.neon-reviews__count {
font-weight: 700;
color: #333;
} .neon-reviews__grid {
display: grid;
grid-template-columns: repeat(var(--neon-rev-cols), 1fr);
gap: 1rem;
align-items: start;
} .neon-reviews__card {
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 10px;
padding: 1.1rem 1.25rem;
box-shadow: 0 1px 5px rgba(0,0,0,.05);
display: flex;
flex-direction: column;
gap: .55rem;
transition: box-shadow .2s;
}
.neon-reviews__card:hover {
box-shadow: 0 3px 12px rgba(0,0,0,.1);
}
.neon-reviews__card-stars {
display: flex;
gap: 2px;
}
.neon-reviews__card-text {
margin: 0;
font-size: .88rem;
color: #333;
line-height: 1.55;
font-style: italic;
quotes: "\201C" "\201D";
flex: 1;
}
.neon-reviews__card-text::before {
content: open-quote;
font-size: 1.35rem;
line-height: .6;
vertical-align: -.3em;
margin-right: .1em;
color: #ddd;
}
.neon-reviews__expand {
background: none;
border: none;
padding: 0;
font-size: .8rem;
color: #f5a623;
cursor: pointer;
font-style: normal;
text-decoration: underline;
text-underline-offset: 2px;
}
.neon-reviews__expand:hover {
color: #d4891a;
}
.neon-reviews__card-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .2rem .6rem;
font-size: .78rem;
color: #666;
margin-top: auto;
padding-top: .45rem;
border-top: 1px solid #f0f0f0;
}
.neon-reviews__card-author {
font-weight: 700;
color: #222;
}
.neon-reviews__card-date {
color: #999;
}
.neon-reviews__card-loc {
font-style: italic;
color: #aaa;
font-size: .73rem;
} .neon-reviews__empty {
display: none;
text-align: center;
color: #888;
font-size: .9rem;
padding: 2rem 1rem;
border: 1px dashed #ddd;
border-radius: 8px;
}
.neon-reviews__empty--visible {
display: block !important;
}
.neon-reviews__card--hidden {
display: none !important;
} @media (max-width: 860px) {
.neon-reviews {
--neon-rev-cols: 2;
}
}
@media (max-width: 520px) {
.neon-reviews {
--neon-rev-cols: 1;
}
.neon-reviews__filters {
gap: .6rem;
}
.neon-reviews__filter-group {
flex: 1 1 100%;
min-width: unset;
}
.neon-reviews__filter-clear {
width: 100%;
text-align: center;
}
} .neon-reviews__layout {
display: flex;
align-items: flex-start;
gap: 1.5rem;
}
.neon-reviews__sidebar {
flex: 0 0 260px;
width: 260px;
}
.neon-reviews__content {
flex: 1 1 0;
min-width: 0;
} .neon-reviews__filters {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1.25rem;
background: #f8f8f8;
border: 1px solid #e8e8e8;
border-radius: 8px;
margin-bottom: 0;
position: sticky;
top: 1rem;
align-items: flex-start;
}
.neon-reviews__filters-logo {
width: 100%;
max-height: 32px;
height: auto;
object-fit: contain;
object-position: center;
margin-bottom: .25rem;
}
.neon-reviews__filter-group {
display: flex;
flex-direction: column;
gap: .3rem;
min-width: 0;
width: 100%;
}
.neon-reviews__filter-select,
.neon-reviews__filter-month {
width: 100%;
box-sizing: border-box;
}
.neon-reviews__filter-clear {
width: 100%;
text-align: center;
align-self: stretch;
margin-top: .25rem;
} @media (max-width: 860px) {
.neon-reviews__layout {
flex-direction: column;
}
.neon-reviews__sidebar {
flex: none;
width: 100%;
}
.neon-reviews__filters {
flex-direction: row;
flex-wrap: wrap;
align-items: flex-end;
gap: .75rem 1rem;
position: static;
}
.neon-reviews__filters-logo {
flex: 0 0 100%;
max-height: 24px;
margin-bottom: 0;
}
.neon-reviews__filter-group {
min-width: 130px;
flex: 1 1 130px;
}
.neon-reviews__filter-select,
.neon-reviews__filter-month {
width: auto;
}
.neon-reviews__filter-clear {
width: auto;
align-self: flex-end;
margin-top: 0;
}
}.neon-service-card {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
display: flex;
flex-direction: column;
height: 100%;
transition: box-shadow .25s ease, transform .25s ease;
}
.neon-service-card:hover {
box-shadow: 0 6px 24px rgba(0, 0, 0, .14);
transform: translateY(-3px);
} .neon-service-card__img {
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #f1f5f9;
}
.neon-service-card__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .4s ease;
}
.neon-service-card:hover .neon-service-card__img img {
transform: scale(1.04);
} .neon-service-card__body {
padding: 1.1rem 1.2rem 1.4rem;
display: flex;
flex-direction: column;
flex: 1;
gap: .5rem;
}
.neon-service-card__title {
font-size: 1.05rem;
font-weight: 700;
margin: 0;
line-height: 1.3;
}
.neon-service-card__excerpt {
font-size: .88rem;
color: #555;
margin: 0;
line-height: 1.55;
flex: 1;
}
.neon-service-card__price {
font-size: 1.15rem;
font-weight: 700;
color: #0891b2;
margin: .15rem 0;
}
.neon-service-card__btn {
display: inline-block;
margin-top: auto;
padding: .45rem 1.2rem;
background: #0891b2;
color: #fff;
border-radius: 6px;
font-size: .85rem;
font-weight: 600;
text-decoration: none;
align-self: flex-start;
transition: background .2s ease;
}
.neon-service-card__btn:hover {
background: #0e7490;
color: #fff;
} .neon-services-grid {
display: grid;
grid-template-columns: repeat(var(--neon-services-cols, 3), 1fr);
gap: 1.5rem;
}
@media (max-width: 767px) {
.neon-services-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 479px) {
.neon-services-grid {
grid-template-columns: 1fr;
}
} .neon-services-slider {
--neon-services-cols: 3;
position: relative;
overflow: hidden;
width: 100%;
}
.neon-services-track {
display: flex;
gap: 1.25rem;
transition: transform .4s ease;
will-change: transform;
}
.neon-services-slide {
flex: 0 0 calc((100% - (var(--neon-services-cols) - 1) * 1.25rem) / var(--neon-services-cols));
min-width: 200px;
} .neon-services-prev,
.neon-services-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
background: rgba(255, 255, 255, .92);
border: 1px solid #e2e8f0;
border-radius: 50%;
width: 2.4rem;
height: 2.4rem;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
transition: background .2s ease;
}
.neon-services-prev { left: .4rem; }
.neon-services-next { right: .4rem; }
.neon-services-prev:hover,
.neon-services-next:hover {
background: #fff;
box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
}
@media (max-width: 479px) {
.neon-services-prev,
.neon-services-next { display: none; }
}.neon-financings-grid {
display: grid;
grid-template-columns: repeat(var(--neon-financings-cols, 3), 1fr);
gap: 1.25rem;
}
@media (max-width: 900px) {
.neon-financings-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
.neon-financings-grid { grid-template-columns: 1fr; }
} .neon-financings-slider {
position: relative;
overflow: hidden;
}
.neon-financings-track {
display: flex;
gap: 1.25rem;
transition: transform .35s ease;
}
.neon-financings-slide {
flex: 0 0 calc(100% / var(--neon-financings-cols, 3));
min-width: 0;
}
.neon-financings-prev,
.neon-financings-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0,0,0,.5);
color: #fff;
border: none;
border-radius: 50%;
width: 2.25rem;
height: 2.25rem;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
.neon-financings-prev { left: .5rem; }
.neon-financings-next { right: .5rem; } .neon-financing-card {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: .75rem;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0 1px 4px rgba(0,0,0,.07);
transition: box-shadow .2s;
}
.neon-financing-card:hover {
box-shadow: 0 4px 14px rgba(0,0,0,.12);
} .neon-financing-img {
width: 100%;
aspect-ratio: 16/7;
overflow: hidden;
background: #f4f5f7;
display: flex;
align-items: center;
justify-content: center;
padding: .75rem 1rem;
}
.neon-financing-img img {
max-height: 80px;
max-width: 100%;
object-fit: contain;
} .neon-financing-body {
padding: 1rem;
flex: 1;
display: flex;
flex-direction: column;
gap: .75rem;
} .neon-financing-header {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .4rem;
}
.neon-financing-bank {
font-weight: 700;
font-size: 1rem;
color: #111;
}
.neon-financing-card {
font-size: .85rem;
color: #555;
background: #f0f1f3;
padding: .15rem .5rem;
border-radius: 2rem;
} .neon-financing-days {
display: flex;
flex-wrap: wrap;
gap: .3rem;
}
.neon-day-badge {
font-size: .7rem;
font-weight: 600;
padding: .15rem .45rem;
border-radius: .25rem;
background: #e8f4fd;
color: #0d6efd;
border: 1px solid #b6d9f7;
white-space: nowrap;
}
.neon-day-all {
background: #d1fae5;
color: #065f46;
border-color: #6ee7b7;
} .neon-financing-installments {
flex: 1;
}
.neon-install-table {
width: 100%;
border-collapse: collapse;
font-size: .85rem;
}
.neon-install-table thead th {
font-size: .7rem;
text-transform: uppercase;
letter-spacing: .05em;
color: #888;
font-weight: 600;
padding: .2rem .4rem;
border-bottom: 2px solid #e5e7eb;
text-align: left;
}
.neon-install-table tbody tr:not(:last-child) td {
border-bottom: 1px solid #f0f0f0;
}
.neon-install-table td {
padding: .35rem .4rem;
vertical-align: middle;
}
.neon-install-qty {
font-size: 1.05rem;
font-weight: 700;
color: #111;
}
.neon-install-label {
font-size: .7rem;
font-weight: 400;
color: #888;
margin-left: .2rem;
}
.neon-install-rate {
color: #444;
}
.neon-interest-free {
color: #16a34a;
font-weight: 600;
font-size: .8rem;
} .neon-financing-notes {
font-size: .8rem;
color: #666;
border-top: 1px solid #f0f0f0;
padding-top: .6rem;
line-height: 1.5;
}
.neon-financing-notes p { margin: 0 0 .35rem; }
.neon-financing-notes p:last-child { margin-bottom: 0; }