:root {
    --brown: #3b190f;
    --brown2: #542519;
    --orange: #d88b0a;
    --cream: #fff6e7;
    --text: #3f302a;
    --muted: #75685e;
    --gold: #f1b344;
    --line: #eddcc5
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 92px
}

body {
    font-family: 'DM Sans', sans-serif;
    color: var(--text);
    overflow-x: hidden;
    background: #fffdf8
}

h1,
h2,
h3,
h4 {
    font-family: 'Playfair Display', serif
}

a {
    text-decoration: none
}

button,
a {
    transition: all .2s ease
}

img {
    max-width: 100%;
    object-fit: cover
}

section[id] {
    scroll-margin-top: 88px

}

.topbar {
    background: var(--brown);
    color: #fcebd7;
    font-size: .79rem;
    padding: 9px 0
}

.topbar a {
    color: #fcebd7
}

.topbar a:hover {
    color: var(--gold)
}

.topbar i {
    color: #ffbe60;
    margin-right: 4px
}

.top-whatsapp {
    white-space: nowrap
}

.navbar {
    background: #fffaf0;
    box-shadow: 0 5px 18px #30130611;
    padding: 7px 0
}

.navbar-brand {
    color: var(--brown) !important;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1.1
}

.navbar-brand img {
    object-fit: contain;
    border-radius: 9px;
    width: 62px;
    height: 65px
}

.navbar-brand small {
    display: block;
    font-size: .79rem;
    letter-spacing: .14em;
    color: #a5571c
}

.navbar .nav-link {
    font-size: .84rem;
    font-weight: 700;
    color: #3a261c;
    white-space: nowrap;
    padding: .6rem .55rem !important
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: #bf790a
}

.btn {
    border-radius: 50px;
    padding: 13px 25px;
    font-weight: 700;
    font-size: .89rem;
    display: inline-flex;
    gap: 9px;
    align-items: center;
    justify-content: center
}

.btn-spice {
    background: linear-gradient(135deg, #e8a021, #ce7d00);
    border: 1px solid #d58b0f;
    color: #fff;
    box-shadow: 0 7px 20px #c77c002d
}

.btn-spice:hover {
    background: #b46c07;
    border-color: #b46c07;
    color: white;
    transform: translateY(-2px)
}

.btn-outline-brown {
    border: 1.5px solid var(--brown);
    color: var(--brown)
}

.btn-outline-brown:hover {
    background: var(--brown);
    color: white
}

.btn-outline-light:hover {
    color: var(--brown)
}

.nav-cta {
    white-space: nowrap;
    padding: 11px 19px
}

.hero {
    background: var(--brown)
}

.carousel-item {
    position: relative;
    height: min(670px, 75vh);
    min-height: 510px;
    overflow: hidden
}

.hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: 50% 45%;
    transform: scale(1.02)
}

.carousel-item:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #211008ec 0%, #251309ce 48%, #25130857 100%)
}

.hero-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 100%
}

.hero-copy {
    max-width: 750px;
    color: white;
    padding-bottom: 28px
}

.hero h1,
.hero h2 {
    font-size: clamp(2.5rem, 5.4vw, 4.8rem);
    font-weight: 700;
    line-height: 1.12;
    margin: 20px 0
}

.hero h1 em,
.hero h2 em,
.cta-banner em {
    color: #ffc56f;
    font-style: normal
}

.hero p {
    font-size: 1.08rem;
    color: #f3e8d6;
    line-height: 1.85;
    max-width: 600px
}

.eyebrow {
    font-size: .79rem;
    font-weight: 800;
    color: #c78418;
    letter-spacing: .18em;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase
}

.eyebrow.light {
    color: #ffcd7a
}

.action-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px
}

.carousel-indicators {
    z-index: 4
}

.carousel-indicators [data-bs-target] {
    width: 25px;
    height: 5px;
    border-radius: 10px;
    border: 0
}

.carousel-control-prev,
.carousel-control-next {
    width: 6%;
    z-index: 3
}

.feature-strip {
    background: #ffeed3;
    border-bottom: 1px solid #eed2a6
}

.strip-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 25px 17px;
    border-right: 1px solid #e6d2af
}

.strip-item>i {
    font-size: 2rem;
    color: #c77713
}

.strip-item strong,
.strip-item span {
    display: block
}

.strip-item strong {
    font-size: .92rem
}

.strip-item span {
    font-size: .78rem;
    color: #736257
}

.section {
    padding: 100px 0;
    overflow: hidden;
    
}
section{
    overflow: hidden;
}

.section-cream {
    background: var(--cream)
}

.section-heading {
    max-width: 760px;
    margin: 0 auto 46px
}

.section-heading p {
    color: var(--muted);
    line-height: 1.8
}

.section-title {
    font-size: clamp(2.1rem, 3.8vw, 3.3rem);
    font-weight: 700;
    line-height: 1.2;
    margin: 14px 0 19px;
    color: var(--brown)
}

.section-title span {
    color: #b77812
}

.about-section p {
    color: var(--muted);
    line-height: 1.9
}

.about-visual {
    position: relative;
    margin: 20px 36px 40px 0
}

.about-main {
    height: 520px;
    width: 88%;
    border-radius: 16px 110px 16px 16px;
    box-shadow: 0 18px 35px #30150e25
}

.about-small {
    position: absolute;
    right: 0;
    bottom: -37px;
    width: 44%;
    height: 240px;
    border: 8px solid #fffdf8;
    border-radius: 95px 14px 14px 14px;
    box-shadow: 0 12px 35px #2d160e23
}

.about-stamp {
    position: absolute;
    top: 28px;
    right: 3%;
    border: 5px solid #fff;
    background: #d58810;
    border-radius: 50%;
    width: 106px;
    height: 106px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    line-height: 1.1;
    font-size: .92rem;
    font-weight: 800
}

.about-stamp i {
    font-size: 1.4rem
}

.about-points {
    font-weight: 700;
    font-size: .9rem
}

.about-points i {
    color: #c78920;
    margin-right: 7px
}

.service-card {
    background: white;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 8px 29px #3b190f0d;
    height: 100%;
    display: flex;
    flex-direction: column
}

.service-picture {
    height: 238px;
    width: 100%;
    overflow: hidden
}

.service-picture img {
    height: 100%;
    width: 100%;
    transition: transform .5s ease
}

.service-card:hover .service-picture img {
    transform: scale(1.07)
}

.service-body {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex: 1
}

.service-body h3 {
    font-size: 1.36rem;
    font-weight: 700;
    color: var(--brown)
}

.service-body p {
    color: var(--muted);
    font-size: .91rem;
    line-height: 1.8;
    flex: 1
}

.service-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px
}

.service-actions .btn {
    font-size: .77rem;
    padding: 10px 16px
}

.btn-wa {
    background: #e8f8ed;
    border: 1px solid #b5e8c5;
    color: #13843d
}

.btn-wa:hover {
    background: #25d366;
    color: white
}

.menu-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 17px;
    margin-bottom: 23px
}

.menu-categories {
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    overflow: auto;
    gap: 9px;
    padding: 4px 2px 12px;
    scrollbar-width: thin
}

.menu-category {
    border: 1px solid #e9d4b9;
    background: #fff9f0;
    color: var(--brown);
    font-size: .83rem;
    font-weight: 700;
    padding: 10px 17px;
    border-radius: 40px;
    white-space: nowrap
}

.menu-category.active,
.menu-category:hover {
    background: var(--brown);
    border-color: var(--brown);
    color: white
}

.menu-search-wrap {
    position: relative;
    min-width: 240px
}

.menu-search-wrap i {
    position: absolute;
    top: 13px;
    left: 13px;
    color: #8f7659
}

.menu-search-wrap input {
    border: 1px solid #eadbc8;
    border-radius: 40px;
    padding: 11px 14px 11px 38px;
    width: 100%;
    outline-color: #d28b12
}

.menu-card {
    display: flex;
    align-items: center;
    gap: 15px;
    background: white;
    border: 1px solid #eddfcf;
    border-radius: 14px;
    padding: 17px;
    height: 100%;
    box-shadow: 0 5px 17px #45200e07
}

.menu-card-icon {
    flex: 0 0 46px;
    height: 46px;
    display: grid;
    place-items: center;
    background: #fff0d5;
    border-radius: 12px;
    font-size: 1.32rem;
    color: #b4740e
}

.menu-card-content {
    flex: 1;
    min-width: 0
}

.menu-card h3 {
    font-family: 'DM Sans', sans-serif;
    font-size: .91rem;
    font-weight: 800;
    margin: 0 0 5px
}

.menu-card small {
    font-size: .71rem;
    color: #84796b
}

.menu-card-price {
    text-align: right;
    white-space: nowrap
}

.menu-card-price b {
    font-size: .96rem;
    color: #b16c00
}

.menu-order {
    display: block;
    color: #178643;
    font-size: .74rem;
    margin-top: 7px;
    font-weight: 700
}

.menu-order:hover {
    color: #0a582c
}

.menu-note {
    margin-top: 27px;
    font-size: .85rem;
    color: #765d3e;
    text-align: center
}

.process-card {
    position: relative;
    background: #fffdf8;
    border: 1px solid #eddfc9;
    border-radius: 18px;
    padding: 35px 25px;
    text-align: center;
    height: 100%
}

.process-card>i {
    font-size: 2.6rem;
    color: #be7813
}

.process-card h3 {
    font-size: 1.3rem;
    font-weight: 700;
    margin-top: 18px
}

.process-card p {
    font-size: .89rem;
    color: var(--muted);
    line-height: 1.8
}

.step-number {
    font-weight: 800;
    font-size: .85rem;
    color: white;
    background: var(--brown);
    border-radius: 50%;
    padding: 7px 9px;
    position: absolute;
    top: 12px;
    right: 14px
}

.why-section {
    background: radial-gradient(circle at top right, #773718, var(--brown) 65%)
}

.why-card {
    height: 100%;
    padding: 25px;
    border: 1px solid #ffffff2b;
    border-radius: 17px;
    background: #ffffff0a;
    color: white
}

.why-card i {
    font-size: 2rem;
    color: #ffc05c
}

.why-card h3 {
    font-size: 1.22rem;
    margin: 17px 0 12px
}

.why-card p {
    color: #eadac7;
    line-height: 1.8;
    font-size: .89rem;
    margin: 0
}

.gallery-item {
    border: 0;
    padding: 0;
    position: relative;
    display: block;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    background: #e2ceb2;
    aspect-ratio: 1.1;
    cursor: pointer
}

.gallery-item img {
    width: 100%;
    height: 100%;
    transition: transform .4s
}

.gallery-item:hover img {
    transform: scale(1.07)
}

.gallery-label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    font-size: .86rem;
    font-weight: 800;
    padding: 24px 13px 13px;
    background: linear-gradient(0deg, #210e08e0, transparent);
    text-align: left
}

.review-invite {
    max-width: 600px;
    margin: auto;
    background: white;
    border: 1px solid #f2dfc3;
    padding: 48px 35px;
    text-align: center;
    border-radius: 24px;
    box-shadow: 0 10px 36px #381b0d13
}

.review-invite>i {
    font-size: 3.4rem;
    color: #d68b13
}

.review-invite h3 {
    font-size: 1.9rem;
    margin: 13px 0
}

.review-invite p {
    color: var(--muted);
    line-height: 1.8
}

.cta-banner {
    position: relative;
    background: linear-gradient(95deg, #2b120fee, #4c1e10e8), url('../images/grill.webp') center/cover;
    color: white;
    padding: 76px 0
}

.cta-banner h2 {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700
}

.cta-banner p {
    color: #f0dfca
}

.contact-info,
.form-card {
    height: 100%;
    background: white;
    border-radius: 18px;
    box-shadow: 0 9px 35px #38170b10;
    padding: 34px
}

.contact-info h3,
.form-card h3 {
    font-size: 1.8rem;
    color: var(--brown);
    font-weight: 700
}

.contact-info>p,
.form-card>p {
    color: var(--muted);
    line-height: 1.7
}

.contact-line {
    display: flex;
    gap: 15px;
    padding: 17px 0;
    border-bottom: 1px solid #ecdfd1
}

.contact-line>i {
    color: #bd7815;
    font-size: 1.4rem
}

.contact-line b,
.contact-line span,
.contact-line a {
    display: block
}

.contact-line b {
    font-size: .91rem;
    margin-bottom: 4px
}

.contact-line span,
.contact-line a {
    font-size: .89rem;
    color: #6f645b;
    line-height: 1.7
}

.contact-info>.btn {
    margin-top: 22px
}

.form-label {
    font-size: .86rem;
    font-weight: 700
}

.form-control,
.form-select {
    padding: 13px 15px;
    border: 1px solid #e7d8c5;
    border-radius: 9px
}

.form-control:focus,
.form-select:focus {
    border-color: #ce8e20;
    box-shadow: 0 0 0 .2rem #da991a27
}

.map-wrap {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 32px #2f1a1018
}

.map-wrap iframe {
    display: block
}

.site-footer {
    background: #29130f;
    color: #e7d3bd;
    padding: 70px 0 0
}

.site-footer h3 {
    color: #fff2dd;
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 22px
}

.site-footer p {
    font-size: .87rem;
    line-height: 1.85
}

.site-footer a {
    display: block;
    color: #d2bca8;
    font-size: .89rem;
    margin: 0 0 11px
}

.site-footer a:hover {
    color: #ffc26a
}

.footer-brand {
    display: flex;
    gap: 14px;
    align-items: center;
    color: white;
    letter-spacing: .08em;
    font-weight: 800;
    margin-bottom: 20px
}

.footer-brand img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    border-radius: 8px
}

.footer-brand span {
    color: #d9a441;
    font-size: .8rem
}

.email-break {
    overflow-wrap: anywhere
}

.footer-bottom {
    margin-top: 48px;
    padding: 25px 0;
    border-top: 1px solid #ffffff23;
    font-size: .77rem
}

.floating-actions {
    position: fixed;
    z-index: 1040;
    bottom: 22px;
    right: 22px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.floating-actions a {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: 1.5rem;
    color: white;
    box-shadow: 0 7px 19px #0003
}

.floating-whatsapp {
    background: #25d366;
    animation: softpulse 2.6s infinite
}

.floating-call {
    background: #bf7511
}

.floating-actions a:hover {
    transform: scale(1.08);
    color: white
}

@keyframes softpulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 #25d36640
    }

    60% {
        box-shadow: 0 0 0 10px #25d36600
    }
}

.back-top {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 1040;
    border: 0;
    border-radius: 50%;
    height: 42px;
    width: 42px;
    background: var(--brown);
    color: white;
    box-shadow: 0 5px 20px #0003;
    opacity: 0;
    pointer-events: none
}

.back-top.visible {
    opacity: 1;
    pointer-events: auto
}

.modal-body img {
    max-height: 76vh;
    object-fit: contain
}

.modal-content {
    border-radius: 16px;
    overflow: hidden
}

@media(max-width:1199px) {
    .nav-cta {
        margin: 10px 0
    }

    .navbar .nav-link {
        padding: 9px 12px !important
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 9%
    }
}

@media(max-width:991px) {
    .section {
        padding: 74px 0
    }

    .strip-item {
        border-bottom: 1px solid #e6d2af
    }

    .about-main {
        height: 445px
    }

    .hero-copy {
        max-width: 680px
    }

    .hero h1,
    .hero h2 {
        font-size: 3.6rem
    }

    .menu-toolbar {
        align-items: stretch
    }

    .menu-categories {
        flex-basis: 100%
    }

    .menu-search-wrap {
        flex-basis: 100%
    }
}

@media(max-width:767px) {

    .topmail,
    .toploc {
        display: none
    }

    .navbar-brand img {
        width: 51px;
        height: 53px
    }

    .navbar-brand {
        font-size: .92rem
    }

    .carousel-item {
        height: 610px;
        min-height: 530px
    }

    .hero-bg {
        background-position: center
    }

    .carousel-item:after {
        background: linear-gradient(90deg, #261108ec, #261108ba)
    }

    .hero-content {
        align-items: center
    }

    .hero h1,
    .hero h2 {
        font-size: clamp(2.25rem, 8vw, 3.2rem)
    }

    .hero p {
        font-size: .96rem
    }

    .carousel-control-prev,
    .carousel-control-next {
        display: none
    }

    .section {
        padding: 60px 0
    }

    .strip-item {
        padding: 18px 8px;
        gap: 8px
    }

    .strip-item>i {
        font-size: 1.65rem
    }

    .strip-item strong {
        font-size: .8rem
    }

    .strip-item span {
        font-size: .72rem
    }

    .about-visual {
        margin-right: 15px
    }

    .about-main {
        height: 350px
    }

    .about-small {
        height: 160px
    }

    .service-picture {
        height: 220px
    }

    .feature-strip .row {
        margin: 0
    }

    .contact-info,
    .form-card {
        padding: 24px
    }

    .review-invite {
        padding: 30px 22px
    }

    .cta-banner {
        text-align: center
    }

    .cta-banner .action-group {
        justify-content: center
    }
}

@media(max-width:420px) {

    .hero h1,
    .hero h2 {
        font-size: 2.22rem
    }

    .hero .btn {
        font-size: .79rem;
        padding: 12px 16px
    }

    .section-title {
        font-size: 2rem
    }

    .menu-card {
        padding: 12px;
        gap: 10px
    }

    .menu-card-icon {
        flex-basis: 34px;
        height: 38px
    }

    .menu-card h3 {
        font-size: .82rem
    }

    .menu-card-price b {
        font-size: .86rem
    }

    .about-main {
        height: 305px
    }

    .about-stamp {
        height: 88px;
        width: 88px;
        font-size: .76rem
    }

    .floating-actions {
        bottom: 14px;
        right: 14px
    }

    .floating-actions a {
        height: 49px;
        width: 49px
    }
}

@media(prefers-reduced-motion:reduce) {

    *,
    *:before,
    *:after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}
/* ------------------------testimonial------------------------------- */

/* Testimonial Section */

.testimonial-card {
    background: #fff;
    border-radius: 18px;
    padding: 30px;
    height: 100%;
    position: relative;
    border: 1px solid #f0e0ca;
    box-shadow: 0 8px 28px rgba(59, 24, 15, 0.07);
    transition: all 0.35s ease;
    display: flex;
    flex-direction: column;
}

.testimonial-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 35px rgba(59, 24, 15, 0.14);
    border-color: #e69a08;
}

.testimonial-stars {
    color: #e69a08;
    font-size: 19px;
    letter-spacing: 3px;
    margin-bottom: 15px;
}

.quote-icon {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 50px;
    color: rgba(230, 154, 8, 0.12);
}

.testimonial-card p {
    color: #62534b;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 25px;
    flex-grow: 1;
    position: relative;
    z-index: 1;
}

.testimonial-user {
    display: flex;
    align-items: center;
    gap: 13px;
    border-top: 1px solid #f3e8db;
    padding-top: 20px;
    margin-top: auto;
}

.testimonial-avatar {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 50%;
    background: #3b180f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    border: 3px solid #f6d99a;
}

.testimonial-user h5 {
    font-size: 16px;
    font-weight: 700;
    color: #3b180f;
    margin-bottom: 3px;
}

.testimonial-user span {
    font-size: 12px;
    color: #89786b;
}

.review-feedback h3 {
    font-size: 25px;
    color: #3b180f;
    font-weight: 700;
}

.review-feedback p {
    color: #6b5b50;
    margin: 12px 0 22px;
}

@media (max-width: 767px) {
    .testimonial-card {
        padding: 24px;
    }

    .testimonial-card p {
        font-size: 14px;
    }

    .review-feedback h3 {
        font-size: 22px;
    }
}

/* location */

/* Restaurant Locations */

.location-card {
    background: #fff;
    border: 1px solid #f1dfc5;
    border-radius: 18px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 8px 28px rgba(59,24,15,.08);
    transition: .35s ease;
    display: flex;
    flex-direction: column;
}

.location-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 40px rgba(59,24,15,.16);
}

.location-photo {
    height: 235px;
    position: relative;
    overflow: hidden;
    background: #f1dfc5;
}

.location-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.location-card:hover .location-photo img {
    transform: scale(1.07);
}

.location-tag {
    position: absolute;
    left: 16px;
    bottom: 16px;
    padding: 8px 15px;
    border-radius: 30px;
    background: #e69a08;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.location-details {
    padding: 26px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.location-details h3 {
    font-size: 24px;
    font-weight: 700;
    color: #3b180f;
    margin-bottom: 5px;
}

.location-subtitle {
    font-size: 13px;
    color: #956b4f;
    margin-bottom: 24px;
}

.location-info {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 17px;
    color: #62554d;
    font-size: 14px;
    line-height: 1.7;
    flex-wrap: wrap;
}

.location-info > i {
    color: #e69a08;
    font-size: 18px;
    flex-shrink: 0;
}

.location-info p {
    margin: 0;
    flex: 1;
}

.location-info a {
    color: #3b180f;
    text-decoration: none;
    font-weight: 600;
}

.location-info a:hover {
    color: #e69a08;
}

.location-info small {
    color: #86766a;
}

.location-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: auto;
    padding-top: 15px;
}

.btn-location-call,
.btn-location-whatsapp {
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 6px;
    border-radius: 9px;
    transition: .3s;
}

.btn-location-call {
    background: #3b180f;
}

.btn-location-call:hover {
    background: #e69a08;
}

.btn-location-whatsapp {
    background: #25d366;
}

.btn-location-whatsapp:hover {
    background: #159c49;
}

.btn-menu-download {
    display: block;
    text-align: center;
    background: #fff5e1;
    color: #3b180f;
    border: 1px solid #eacb96;
    padding: 13px;
    margin-top: 12px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 700;
    transition: .3s;
}

.btn-menu-download:hover {
    background: #e69a08;
    color: #fff;
}

@media (max-width: 767px) {
    .location-photo {
        height: 210px;
    }

    .location-details {
        padding: 22px;
    }

    .location-details h3 {
        font-size: 22px;
    }
}

@media (max-width: 380px) {
    .location-actions {
        grid-template-columns: 1fr;
    }
}