.elementor-8819 .elementor-element.elementor-element-6ac1d1b{--display:flex;}/* Start custom CSS for html, class: .elementor-element-692748b *//* =========================================
   BUENO GUSTO - 18 RODJENDAN LANDING PAGE
   SCOPED CSS
========================================= */


.bg18-page {

    --primary:#6b1514;
    --primary-dark:#430b0a;
    --accent:#FFC222;

    --black:#111;
    --text:#333;
    --muted:#666;

    --white:#fff;

    --border:#e8e8e8;

    --soft:#faf7f7;

    --radius:20px;

    --shadow:0 18px 45px rgba(0,0,0,.08);

    font-family:'Manrope',Arial,sans-serif;

    color:var(--text);

    line-height:1.7;

}



.bg18-page *,
.bg18-page *::before,
.bg18-page *::after {

    box-sizing:border-box;

}



.bg18-page img {

    max-width:100%;

    height:auto;

    display:block;

}



.bg18-page a {

    text-decoration:none;

}



.bg18-page .container {

    width:min(1150px,92%);

    margin:0 auto;

}



.bg18-page section {

    padding:90px 0;

}



/* =========================================
              HERO
========================================= */


.bg18-page .hero {

    padding:110px 0 90px;

    background:#fff;

    border-bottom:1px solid var(--border);

}



.bg18-page .hero-label {

    color:var(--primary);

    font-size:12px;

    font-weight:800;

    letter-spacing:2px;

    margin-bottom:25px;

}



.bg18-page .hero h1 {

    max-width:900px;

    font-size:clamp(40px,5vw,64px);

    line-height:1.08;

    letter-spacing:-1px;

    color:var(--black);

}



.bg18-page .hero h1 span {

    color:var(--primary);

}



.bg18-page .hero p {

    max-width:780px;

    margin-top:30px;

    font-size:19px;

    color:#555;

}





/* =========================================
              BUTTON
========================================= */


.bg18-page .main-button {

    display:inline-flex;

    margin-top:30px;

    padding:14px 32px;

    background:var(--primary);

    color:#fff;

    border-radius:50px;

    font-weight:800;

    transition:.3s;

}



.bg18-page .main-button:hover {

    background:var(--primary-dark);

    transform:translateY(-3px);

}





/* =========================================
              TITLES
========================================= */


.bg18-page .section-heading {

    max-width:750px;

    margin:0 auto 50px;

    text-align:center;

}



.bg18-page .section-heading.left {

    text-align:left;

    margin-left:0;

}



.bg18-page .section-heading span {

    color:var(--primary);

    font-size:12px;

    font-weight:800;

    letter-spacing:2px;

}



.bg18-page .section-heading h2 {

    color:var(--black);

    font-size:40px;

    line-height:1.2;

    margin:15px 0;

}



.bg18-page .section-heading h2:after {

    content:"";

    display:block;

    width:45px;

    height:3px;

    background:var(--primary);

    margin-top:18px;

}



.bg18-page .section-heading p {

    color:var(--muted);

}



/* =========================================
              INTRO
========================================= */


.bg18-page .two-text {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

}



.bg18-page .two-text p {

    color:#555;

    font-size:17px;

}



/* =========================================
              LOCATIONS
========================================= */


.bg18-page .location-list {

    max-width:900px;

    margin:auto;

}



.bg18-page .location-item {

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 25px;

    border-bottom:1px solid var(--border);

    position:relative;

    transition:.3s;

}



.bg18-page .location-item:before {

    content:"";

    position:absolute;

    left:0;

    top:15px;

    bottom:15px;

    width:3px;

    background:transparent;

    transition:.3s;

}



.bg18-page .location-item:hover {

    transform:translateX(8px);

    background:#fff8f8;

}



.bg18-page .location-item:hover:before {

    background:var(--primary);

}



.bg18-page .location-item strong {

    color:var(--black);

    font-size:19px;

}



.bg18-page .location-item p {

    color:#777;

    font-size:14px;

}



.bg18-page .location-meta {

    display:flex;

    align-items:center;

    gap:25px;

}



.bg18-page .location-meta span {

    color:var(--primary);

    font-weight:800;

}



.bg18-page .location-meta a {

    color:var(--black);

    font-weight:700;

}



.bg18-page .location-meta a:hover {

    color:var(--primary);

}





/* =========================================
          CATERING
========================================= */


.bg18-page .catering-layout {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}



.bg18-page .catering-content p {

    margin-bottom:20px;

    color:#555;

}



.bg18-page .catering-image img {

    border-radius:var(--radius);

    box-shadow:var(--shadow);

}



/* =========================================
              OFFER
========================================= */


.bg18-page .offer-section {

    background:var(--soft);

}



.bg18-page .offer-grid {

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:22px;

}



.bg18-page .offer-card {

    background:#fff;

    padding:30px;

    border:1px solid var(--border);

    border-radius:var(--radius);

    transition:.35s;

}



.bg18-page .offer-card:hover {

    transform:translateY(-8px);

    box-shadow:var(--shadow);

}



.bg18-page .offer-icon {

    width:50px;

    height:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#fff4f4;

    border-radius:50%;

    font-size:24px;

    margin-bottom:20px;

}



.bg18-page .offer-card h3 {

    color:var(--black);

    margin-bottom:12px;

}



.bg18-page .offer-card p {

    color:#666;

    font-size:15px;

}



/* dugme ispod ponude */


.bg18-page .offer-grid .main-button {

    grid-column:1 / -1;

    justify-self:center;

}



/* =========================================
              GALLERY
========================================= */


.bg18-page .gallery-grid {

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

}



.bg18-page .gallery-grid img {

    width:100%;

    height:280px;

    object-fit:cover;

    border-radius:var(--radius);

    transition:.3s;

}



.bg18-page .gallery-grid img:hover {

    transform:scale(1.03);

}



/* =========================================
              CTA
========================================= */


.bg18-page .cta-section {

    padding:0;

    background:

    linear-gradient(
    rgba(107,21,20,.88),
    rgba(107,21,20,.88)
    ),

    url("https://ketering-buenogusto.rs/wp-content/uploads/2026/08/IMG_20260802_164539_662.jpg");

    background-size:cover;

    background-position:center;

}



.bg18-page .cta-overlay {

    padding:100px 0;

}



.bg18-page .cta-content {

    max-width:800px;

    margin:auto;

    text-align:center;

    color:#fff;

}



.bg18-page .cta-content h2 {

    color:#fff;

    font-size:44px;

    line-height:1.2;

    margin:20px 0;

}



.bg18-page .cta-content p {

    color:#fff;

    font-size:18px;

}



.bg18-page .cta-content .main-button {

    background:#fff;

    color:var(--primary);

}



/* =========================================
              CONTACT
========================================= */


.bg18-page .contact-box {

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

    padding:40px;

    border:1px solid var(--border);

    border-radius:var(--radius);

}



.bg18-page .contact-box h2 {

    color:var(--black);

}



.bg18-page .contact-details p {

    margin-bottom:8px;

    font-weight:600;

}



/* =========================================
              RESPONSIVE
========================================= */


@media(max-width:1000px){


.bg18-page .offer-grid {

    grid-template-columns:repeat(2,1fr);

}


.bg18-page .gallery-grid {

    grid-template-columns:repeat(2,1fr);

}


.bg18-page .catering-layout {

    grid-template-columns:1fr;

}


}



@media(max-width:700px){


.bg18-page section {

    padding:60px 0;

}


.bg18-page .hero h1 {

    font-size:38px;

}


.bg18-page .section-heading h2 {

    font-size:32px;

}


.bg18-page .two-text {

    grid-template-columns:1fr;

}


.bg18-page .location-item {

    flex-direction:column;

    align-items:flex-start;

    gap:15px;

}


.bg18-page .offer-grid,

.bg18-page .gallery-grid {

    grid-template-columns:1fr;

}


.bg18-page .cta-content h2 {

    font-size:32px;

}


.bg18-page .contact-box {

    flex-direction:column;

    align-items:flex-start;

}


}/* End custom CSS */