*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Open Sans',sans-serif;
    background:#faf7f1;
    color:#222;
}

.container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

/* HEADER */

header{
    position: sticky;
    top: 0;
    z-index: 1000;

    background: white;
    padding: 15px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

.nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.logo img{
    height:90px;
}

nav{
    display:flex;
    gap:45px;
}

nav a{
    text-decoration:none;
    color:#222;
    font-size:19px;
    transition:.3s;
}

nav a:hover,
nav .active{
    color:#0d5a39;
    border-bottom:3px solid #0d5a39;
    padding-bottom:6px;
}

/* HERO */

.hero{
    display:grid;
    grid-template-columns:45% 55%;
    min-height:520px;
}

.hero-text{
    background:#0d5a39;
    color:white;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:70px;

    overflow:hidden;
}

.hero-text h1{
    font-family:'Cormorant Garamond',serif;
    font-size:74px;
    line-height:1;
    margin-bottom:30px;
}

.hero-text p{
    font-size:23px;
    line-height:1.8;
    max-width:550px;
    margin-bottom:35px;
}

.btn{
    display:inline-block;
    width:fit-content;
    background:#c89553;
    color:white;
    text-decoration:none;
    padding:16px 35px;
    border-radius:4px;
    font-size:20px;
    transition:.3s;
}

.btn:hover{
    background:#b88340;
}

.hero-image{
    position:relative;
    overflow:hidden;
	background:#0d5a39;
}

.hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

    transform:scale(1.08);

    animation:heroZoom 7s ease-out forwards;
}

/* Fade između zelene i slike */
.hero-image::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:180px;      /* širina fade-a */
    height:100%;

    background:linear-gradient(
        to right,
        #0d5a39 0%,
        rgba(13,90,57,0.95) 10%,
        rgba(13,90,57,0.75) 30%,
        rgba(13,90,57,0.35) 60%,
        rgba(13,90,57,0) 100%
    );

    pointer-events:none;
}

/* WELCOME */

.welcome{
    padding:70px 10%;
    text-align:center;
}

.welcome h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:54px;
    margin-bottom:20px;
}

.intro{
    max-width:900px;
    margin:auto;
    font-size:22px;
    line-height:1.8;
}

/* CARDS */
.cards{
    margin-top:60px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.card{
    background:#f7f1e6; /* cream paper */
    border-radius:18px;

    padding:50px 30px;
    text-align:center;

    border:1px solid rgba(13,90,57,0.12);

    box-shadow:
        0 10px 30px rgba(0,0,0,0.05);

    transition:0.35s ease;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:
        0 18px 45px rgba(0,0,0,0.10);
}

/* ICONS */
.icon{
    width:110px;
    height:110px;
    margin:0 auto 25px auto;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(13,90,57,0.06);
    border-radius:50%;
}


.icon img{
    width:75px;
    height:75px;

    opacity:0.9;

    filter: drop-shadow(0 3px 2px rgba(0,0,0,0.08));
}

.card h3{
    font-family:'Cormorant Garamond',serif;
    font-size:32px;
    color:#0d5a39;
    margin-bottom:12px;
}


.card p{
    font-size:18px;
    line-height:1.7;
    color:#3a3a3a;
}

/* LOCATION */

.locations{
    background:#0d5a39;
    color:white;
    text-align:center;
    padding:70px 20px;
}

.locations h2{
    font-family:'Cormorant Garamond',serif;
    font-size:54px;
    margin-bottom:15px;
}

.locations p{
    font-size:22px;
    margin-bottom:35px;
}

/* FOOTER */

footer{
    background:#221a16;
    color:white;
    text-align:center;
    padding:22px;
    font-size:18px;
}

/* RESPONSIVE */

@media(max-width:1000px){

    .hero{
        grid-template-columns:1fr;
    }

    .hero-image{
        height:400px;
    }

    .cards{
        grid-template-columns:1fr;
    }

    .nav{
        flex-direction:column;
        gap:20px;
    }

    nav{
        flex-wrap:wrap;
        justify-content:center;
        gap:20px;
    }

    .hero-text h1{
        font-size:54px;
    }

    .welcome h2,
    .locations h2{
        font-size:42px;
    }
}

/* ABOUT PAGE */

.about-hero{
    height:550px;
    background:url("images/bakery-old.jpg") center/cover no-repeat;
    position:relative;
}

.about-overlay{
    position:absolute;
    inset:0;
    background:#0a452e;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    color:white;
    text-align:center;
    padding:40px;
}

.about-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:72px;
    margin-bottom:25px;
}

.about-overlay p{
    max-width:850px;
    font-size:24px;
    line-height:1.8;
}

.about-content{
    max-width:1000px;
    margin:auto;
    padding:90px 30px;
}

.about-content h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:54px;
    margin-bottom:30px;
}

.about-content p{
    font-size:22px;
    line-height:2;
    margin-bottom:25px;
}

/* HISTORY - full width background image */

.history{
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    width:100vw;

    background:url("Onama slike/onamaslika.jpg") center/cover no-repeat;

    padding:110px 20px;

    display:flex;
    justify-content:center;
}

.history-text{
    position:relative;
    max-width:850px;

    background:rgba(13,90,57,.80);
    color:#fff;

    padding:55px 60px;
    border-radius:18px;

    text-align:left;

    box-shadow:0 20px 50px rgba(0,0,0,.25);
}

.history-text h2{
    font-family:'Cormorant Garamond',serif;
    color:#fff;
    font-size:48px;
    margin-bottom:25px;
}

.history-text p{
    font-size:20px;
    line-height:2;
    margin-bottom:;
}

@media(max-width:700px){

    .history{
        padding:70px 15px;
    }

    .history-text{
        padding:35px 30px;
    }

    .history-text h2{
        font-size:38px;
    }

    .history-text p{
        font-size:18px;
        line-height:1.8;
    }

}

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

.locations-hero{
    height:420px;
    background:url("images/locations-hero.jpg") center/cover no-repeat;
    position:relative;
}

.locations-hero-overlay{
    position:absolute;
    inset:0;
    background:#0a452e;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    color:white;
    padding:30px;
}

.locations-hero-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:70px;
    margin-bottom:20px;
}

.locations-hero-overlay p{
    font-size:22px;
    max-width:800px;
    line-height:1.7;
}

/* PAGE WRAPPER */

.locations-page{
    padding:90px 10%;
    display:flex;
    flex-direction:column;
    gap:80px;
}

/* CARD */

.location-card{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;

    align-items:center;

    background:#f7f1e6;
    border-radius:18px;
    padding:40px;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

/* reverse layout */
.location-card.reverse{
    direction:rtl;
}

.location-card.reverse .location-info,
.location-card.reverse .location-map{
    direction:ltr;
}

/* TEXT */

.location-info h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:42px;
    margin-bottom:15px;
}

.location-info p{
    font-size:18px;
    line-height:1.7;
    margin-bottom:10px;
}

/* MAP */

.location-map iframe{
    width:100%;
    height:320px;
    border:0;
    border-radius:12px;
}

/* BUTTON (reuse already existing .btn) */

/* RESPONSIVE */

@media(max-width:900px){

    .location-card,
    .location-card.reverse{
        grid-template-columns:1fr;
        direction:ltr;
    }

    .locations-hero-overlay h1{
        font-size:48px;
    }
}

/* ======================================================
   PRODUCTS PAGE
====================================================== */

.products-hero{
    height:340px;
    position:relative;
    overflow:hidden;
}

/* Zoomed background image (separated from overlay so text/overlay stay still) */
.products-hero::before{
    content:"";
    position:absolute;
    inset:0;

    background:url("bread.jpg") center center/cover no-repeat;

    transform:scale(1.08);
    animation:heroZoom 7s ease-out forwards;

    z-index:0;
}

.products-overlay{
    position:absolute;
    inset:0;
    background:rgba(13,90,57,.82);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    color:#fff;
    padding:40px;

    z-index:1;
}

.products-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:72px;
    margin-bottom:18px;

    opacity:0;
    animation:titleAppear 1s ease forwards;
    animation-delay:.4s;
}

.products-overlay p{
    max-width:800px;
    font-size:22px;
    line-height:1.8;

    opacity:0;
    animation:textAppear 1s ease forwards;
    animation-delay:.8s;
}

/* ========================= */

.products-page{

    width:90%;
    max-width:1300px;

    margin:70px auto 100px;
}

/* CATEGORY MENU */

.category-menu{

    background:#f7f1e6;

    border-radius:22px;

    padding:28px;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:55px;

    box-shadow:0 12px 30px rgba(0,0,0,.05);

    border:1px solid rgba(13,90,57,.08);

}

/* BUTTONS */

.category-btn{

    border:none;

    outline:none;

    cursor:pointer;

    font-family:'Open Sans',sans-serif;

    font-size:17px;

    font-weight:600;

    padding:13px 28px;

    border-radius:999px;

    background:#faf7f1;

    color:#0d5a39;

    border:2px solid #d8c8a6;

    transition:.25s ease;
}

.category-btn:hover{

    background:#efe4cd;

    transform:translateY(-2px);

}

.category-btn.active{

    background:#0d5a39;

    color:white;

    border-color:#0d5a39;

    box-shadow:0 6px 18px rgba(13,90,57,.25);

}

/* ========================= */

.product-category{

    display:none;

    opacity:0;

}

.product-category.active{

    display:block;

}

.product-category.show{

    animation:fadeProducts .35s forwards;

}

.product-category.hide{

    animation:fadeOutProducts .25s forwards;

}

@keyframes fadeProducts{

    from{

        opacity:0;
        transform:translateY(15px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

@keyframes fadeOutProducts{

    from{

        opacity:1;
        transform:translateY(0);

    }

    to{

        opacity:0;
        transform:translateY(10px);

    }

}

/* ========================= */

.product-category h2{

    font-family:'Cormorant Garamond',serif;

    color:#0d5a39;

    font-size:54px;

    text-align:center;

    margin-bottom:40px;

    position:relative;

}

.product-category h2::after{

    content:"";

    width:120px;

    height:3px;

    background:#c89553;

    display:block;

    margin:16px auto 0;

    border-radius:5px;

}

/* GRID */

.products-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:28px;

}

/* CARD */

.product-card{

    background:#f7f1e6;

    border-radius:18px;

    overflow:hidden;

    border:1px solid rgba(13,90,57,.08);

    box-shadow:0 8px 24px rgba(0,0,0,.05);

    transition:.35s;

}

.product-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.product-card img{

    width:100%;

    height:170px;

    object-fit:cover;

    transition:.35s;

}

.product-card:hover img{

    transform:scale(1.05);

}

.product-card h3{

    font-family:'Cormorant Garamond',serif;

    font-size:28px;

    color:#0d5a39;

    text-align:center;

    padding:18px 10px 22px;

}

/* ========================= */

@media(max-width:1000px){

.products-overlay h1{

font-size:56px;

}

.products-overlay p{

font-size:19px;

}

.products-grid{

grid-template-columns:repeat(auto-fit,minmax(200px,1fr));

}

}

@media(max-width:700px){

.products-page{

width:94%;

}

.category-menu{

padding:20px;

gap:12px;

}

.category-btn{

padding:11px 18px;

font-size:15px;

}

.products-grid{

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

gap:18px;

}

.product-card img{

height:140px;

}

.product-card h3{

font-size:22px;

}

.product-category h2{

font-size:40px;

}

.products-overlay h1{

font-size:46px;

}

.products-overlay p{

font-size:17px;

}

}

@media(max-width:500px){

.products-grid{

grid-template-columns:1fr;

}

}

/* ==========================================
   SCROLL REVEAL SYSTEM
========================================== */

.reveal,
.reveal-left,
.reveal-right,
.reveal-zoom{
    transition:opacity .8s ease, transform .8s ease;
}

.reveal{
    opacity:0;
    transform:translateY(45px);
}

.reveal-left{
    opacity:0;
    transform:translateX(-70px);
}

.reveal-right{
    opacity:0;
    transform:translateX(70px);
}

.reveal-zoom{
    opacity:0;
    transform:scale(.86);
}

.reveal.visible,
.reveal-left.visible,
.reveal-right.visible,
.reveal-zoom.visible{
    opacity:1;
    transform:none;
}

/* staggered cascade for card grids */

.cards .card:nth-child(1){transition-delay:.05s;}
.cards .card:nth-child(2){transition-delay:.18s;}
.cards .card:nth-child(3){transition-delay:.31s;}

.products-grid .product-card:nth-child(1){transition-delay:.03s;}
.products-grid .product-card:nth-child(2){transition-delay:.09s;}
.products-grid .product-card:nth-child(3){transition-delay:.15s;}
.products-grid .product-card:nth-child(4){transition-delay:.21s;}
.products-grid .product-card:nth-child(5){transition-delay:.27s;}
.products-grid .product-card:nth-child(6){transition-delay:.33s;}
.products-grid .product-card:nth-child(7){transition-delay:.39s;}
.products-grid .product-card:nth-child(8){transition-delay:.45s;}

/* respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
    .reveal,
    .reveal-left,
    .reveal-right,
    .reveal-zoom{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
    .hero-text h1,
    .hero-text p,
    .hero-text .btn,
    .products-overlay h1,
    .products-overlay p,
    .hero-image img,
    .products-hero::before{
        animation:none !important;
        opacity:1 !important;
        transform:none !important;
    }
}

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

.hero-text h1{
    animation:titleAppear 1s ease forwards;
    animation-delay:.4s;
    opacity:0;
}

.hero-text p{
    animation:textAppear 1s ease forwards;
    animation-delay:.8s;
    opacity:0;
}

.hero-text .btn{
    animation:textAppear 1s ease forwards;
    animation-delay:1.2s;
    opacity:0;
}

@keyframes heroZoom{
    from{
        transform:scale(1.12);
    }

    to{
        transform:scale(1);
    }
}

@keyframes titleAppear{
    from{
        opacity:0;
        transform:translateY(30px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes textAppear{
    from{
        opacity:0;
        transform:translateY(25px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* ======================================================
   ВЕЛЕПРОДАЈА (WHOLESALE) PAGE
====================================================== */

.veleprodaja-hero{
    height:520px;
    position:relative;
    overflow:hidden;
}

/* Zoomed background image, separated from overlay so text stays still */
.veleprodaja-hero::before{
    content:"";
    position:absolute;
    inset:0;

    background:url("veleprodaja/bread.jpg") center center/cover no-repeat;

    transform:scale(1.08);
    animation:heroZoom 7s ease-out forwards;

    z-index:0;
}

.veleprodaja-overlay{
    position:absolute;
    inset:0;
    background:rgba(13,90,57,.82);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    color:#fff;
    padding:40px;

    z-index:1;
}

.veleprodaja-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:72px;
    margin-bottom:20px;

    animation:titleAppear 1s ease forwards;
    animation-delay:.4s;
}

.veleprodaja-overlay p{
    max-width:750px;
    font-size:22px;
    line-height:1.8;
    margin-bottom:35px;

    animation:textAppear 1s ease forwards;
    animation-delay:.8s;
}

.veleprodaja-overlay .btn{
    animation:textAppear 1s ease forwards;
    animation-delay:1.2s;
}

@media(max-width:1000px){
    .veleprodaja-overlay h1{
        font-size:52px;
    }
    .veleprodaja-overlay p{
        font-size:19px;
    }
}

@media(max-width:700px){
    .veleprodaja-hero{
        height:460px;
    }
    .veleprodaja-overlay h1{
        font-size:42px;
    }
}

/* CERTIFICATE SECTION */

.certificate-section{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:60px;
    align-items:center;

    max-width:1300px;
    margin:0 auto;
    padding:90px 5%;
}

.certificate-text h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:44px;
    margin-bottom:22px;
}

.certificate-text p{
    font-size:19px;
    line-height:1.8;
    color:#3a3a3a;
}

.certificate-card{
    display:flex;
    justify-content:center;
    align-items:center;

    background:#f7f1e6;
    border:1px solid rgba(13,90,57,.12);
    border-radius:18px;
    padding:30px;

    box-shadow:0 12px 34px rgba(0,0,0,.07);
}

.certificate-card img{
    max-width:100%;
    height:auto;
    border-radius:10px;

    transition:transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
    cursor:pointer;
}

.certificate-card img:hover{
    transform:scale(1.08);
    box-shadow:0 14px 30px rgba(0,0,0,.18);
}

@media(max-width:900px){
    .certificate-section{
        grid-template-columns:1fr;
        text-align:center;
        gap:40px;
    }
}

/* WHOLESALE CONTACT */

.wholesale-contact{
    display:flex;
    justify-content:center;
    gap:60px;
    flex-wrap:wrap;
    margin-bottom:40px;
}

.wholesale-contact-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
}

.wholesale-contact-label{
    font-family:'Cormorant Garamond',serif;
    font-size:22px;
    color:#c89553;
    letter-spacing:.5px;
}

.wholesale-contact-value{
    font-size:22px;
    font-weight:600;
}

/* ======================================================
   ПАРТНЕРИ (PARTNER LOGOS)
====================================================== */

.partners-section{
    padding:20px 10% 80px;
    text-align:center;
}

.partners-section h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:44px;
    margin-bottom:45px;
}

.partners-logos{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:60px;
    flex-wrap:wrap;
}

.partner-logo{
    background:#f7f1e6;
    border:1px solid rgba(13,90,57,.12);
    border-radius:16px;
    padding:30px 45px;

    display:flex;
    justify-content:center;
    align-items:center;

    box-shadow:0 10px 26px rgba(0,0,0,.05);
    cursor:pointer;

    transition:transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
}

.partner-logo:hover{
    transform:scale(1.08);
    box-shadow:0 20px 40px rgba(0,0,0,.16);
}

.partner-logo img{
    max-width:210px;
    max-height:120px;
    width:auto;
    height:auto;
    object-fit:contain;
}

@media(max-width:700px){
    .partners-logos{
        gap:30px;
    }

    .partner-logo{
        padding:20px 30px;
    }

    .partner-logo img{
        max-width:150px;
        max-height:90px;
    }

    .partners-section h2{
        font-size:36px;
    }
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Open Sans',sans-serif;
    background:#faf7f1;
    color:#222;
}

.container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

/* HEADER */

header{
    position: sticky;
    top: 0;
    z-index: 1000;

    background: white;
    padding: 15px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

.nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.logo img{
    height:90px;
}

nav{
    display:flex;
    gap:45px;
}

nav a{
    text-decoration:none;
    color:#222;
    font-size:19px;
    transition:.3s;
}

nav a:hover,
nav .active{
    color:#0d5a39;
    border-bottom:3px solid #0d5a39;
    padding-bottom:6px;
}

/* HERO */

.hero{
    display:grid;
    grid-template-columns:45% 55%;
    min-height:520px;
}

.hero-text{
    background:#0d5a39;
    color:white;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:70px;

    overflow:hidden;
}

.hero-text h1{
    font-family:'Cormorant Garamond',serif;
    font-size:74px;
    line-height:1;
    margin-bottom:30px;
}

.hero-text p{
    font-size:23px;
    line-height:1.8;
    max-width:550px;
    margin-bottom:35px;
}

.btn{
    display:inline-block;
    width:fit-content;
    background:#c89553;
    color:white;
    text-decoration:none;
    padding:16px 35px;
    border-radius:4px;
    font-size:20px;
    transition:.3s;
}

.btn:hover{
    background:#b88340;
}

.hero-image{
    position:relative;
    overflow:hidden;
	background:#0d5a39;
}

.hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

    transform:scale(1.08);

    animation:heroZoom 7s ease-out forwards;
}

/* Fade između zelene i slike */
.hero-image::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:180px;      /* širina fade-a */
    height:100%;

    background:linear-gradient(
        to right,
        #0d5a39 0%,
        rgba(13,90,57,0.95) 10%,
        rgba(13,90,57,0.75) 30%,
        rgba(13,90,57,0.35) 60%,
        rgba(13,90,57,0) 100%
    );

    pointer-events:none;
}

/* WELCOME */

.welcome{
    padding:70px 10%;
    text-align:center;
}

.welcome h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:54px;
    margin-bottom:20px;
}

.intro{
    max-width:900px;
    margin:auto;
    font-size:22px;
    line-height:1.8;
}

/* CARDS */
.cards{
    margin-top:60px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.card{
    background:#f7f1e6; /* cream paper */
    border-radius:18px;

    padding:50px 30px;
    text-align:center;

    border:1px solid rgba(13,90,57,0.12);

    box-shadow:
        0 10px 30px rgba(0,0,0,0.05);

    transition:0.35s ease;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:
        0 18px 45px rgba(0,0,0,0.10);
}

/* ICONS */
.icon{
    width:110px;
    height:110px;
    margin:0 auto 25px auto;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(13,90,57,0.06);
    border-radius:50%;
}


.icon img{
    width:75px;
    height:75px;

    opacity:0.9;

    filter: drop-shadow(0 3px 2px rgba(0,0,0,0.08));
}

.card h3{
    font-family:'Cormorant Garamond',serif;
    font-size:32px;
    color:#0d5a39;
    margin-bottom:12px;
}


.card p{
    font-size:18px;
    line-height:1.7;
    color:#3a3a3a;
}

/* LOCATION */

.locations{
    background:#0d5a39;
    color:white;
    text-align:center;
    padding:70px 20px;
}

.locations h2{
    font-family:'Cormorant Garamond',serif;
    font-size:54px;
    margin-bottom:15px;
}

.locations p{
    font-size:22px;
    margin-bottom:35px;
}

/* FOOTER */

footer{
    background:#221a16;
    color:white;
    text-align:center;
    padding:22px;
    font-size:18px;
}

/* RESPONSIVE */

@media(max-width:1000px){

    .hero{
        grid-template-columns:1fr;
    }

    .hero-image{
        height:400px;
    }

    .cards{
        grid-template-columns:1fr;
    }

    .nav{
        flex-direction:column;
        gap:20px;
    }

    nav{
        flex-wrap:wrap;
        justify-content:center;
        gap:20px;
    }

    .hero-text h1{
        font-size:54px;
    }

    .welcome h2,
    .locations h2{
        font-size:42px;
    }
}

/* ABOUT PAGE */

.about-hero{
    height:550px;
    background:url("images/bakery-old.jpg") center/cover no-repeat;
    position:relative;
}

.about-overlay{
    position:absolute;
    inset:0;
    background:#0a452e;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    color:white;
    text-align:center;
    padding:40px;
}

.about-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:72px;
    margin-bottom:25px;
}

.about-overlay p{
    max-width:850px;
    font-size:24px;
    line-height:1.8;
}

.about-content{
    max-width:1000px;
    margin:auto;
    padding:90px 30px;
}

.about-content h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:54px;
    margin-bottom:30px;
}

.about-content p{
    font-size:22px;
    line-height:2;
    margin-bottom:25px;
}

/* HISTORY - full width background image */

.history{
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    width:100vw;

    background:url("Onama slike/onamaslika.jpg") center/cover no-repeat;

    padding:110px 20px;

    display:flex;
    justify-content:center;
}

.history-text{
    position:relative;
    max-width:850px;

    background:rgba(13,90,57,.80);
    color:#fff;

    padding:55px 60px;
    border-radius:18px;

    text-align:left;

    box-shadow:0 20px 50px rgba(0,0,0,.25);
}

.history-text h2{
    font-family:'Cormorant Garamond',serif;
    color:#fff;
    font-size:48px;
    margin-bottom:25px;
}

.history-text p{
    font-size:20px;
    line-height:2;
    margin-bottom: 2rem;
}

@media(max-width:700px){

    .history{
        padding:70px 15px;
    }

    .history-text{
        padding:35px 30px;
    }

    .history-text h2{
        font-size:38px;
    }

    .history-text p{
        font-size:18px;
        line-height:1.8;
    }

}

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

.locations-hero{
    height:420px;
    background:url("images/locations-hero.jpg") center/cover no-repeat;
    position:relative;
}

.locations-hero-overlay{
    position:absolute;
    inset:0;
    background:#0a452e;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    color:white;
    padding:30px;
}

.locations-hero-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:70px;
    margin-bottom:20px;
}

.locations-hero-overlay p{
    font-size:22px;
    max-width:800px;
    line-height:1.7;
}

/* PAGE WRAPPER */

.locations-page{
    padding:90px 10%;
    display:flex;
    flex-direction:column;
    gap:80px;
}

/* CARD */

.location-card{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;

    align-items:center;

    background:#f7f1e6;
    border-radius:18px;
    padding:40px;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

/* reverse layout */
.location-card.reverse{
    direction:rtl;
}

.location-card.reverse .location-info,
.location-card.reverse .location-map{
    direction:ltr;
}

/* TEXT */

.location-info h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:42px;
    margin-bottom:15px;
}

.location-info p{
    font-size:18px;
    line-height:1.7;
    margin-bottom:10px;
}

/* MAP */

.location-map iframe{
    width:100%;
    height:320px;
    border:0;
    border-radius:12px;
}

/* BUTTON (reuse already existing .btn) */

/* RESPONSIVE */

@media(max-width:900px){

    .location-card,
    .location-card.reverse{
        grid-template-columns:1fr;
        direction:ltr;
    }

    .locations-hero-overlay h1{
        font-size:48px;
    }
}

/* ======================================================
   PRODUCTS PAGE
====================================================== */

.products-hero{
    height:340px;
    position:relative;
    overflow:hidden;
}

/* Zoomed background image (separated from overlay so text/overlay stay still) */
.products-hero::before{
    content:"";
    position:absolute;
    inset:0;

    background:url("bread.jpg") center center/cover no-repeat;

    transform:scale(1.08);
    animation:heroZoom 7s ease-out forwards;

    z-index:0;
}

.products-overlay{
    position:absolute;
    inset:0;
    background:rgba(13,90,57,.82);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    color:#fff;
    padding:40px;

    z-index:1;
}

.products-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:72px;
    margin-bottom:18px;

    opacity:0;
    animation:titleAppear 1s ease forwards;
    animation-delay:.4s;
}

.products-overlay p{
    max-width:800px;
    font-size:22px;
    line-height:1.8;

    opacity:0;
    animation:textAppear 1s ease forwards;
    animation-delay:.8s;
}

/* ========================= */

.products-page{

    width:90%;
    max-width:1300px;

    margin:70px auto 100px;
}

/* CATEGORY MENU */

.category-menu{

    background:#f7f1e6;

    border-radius:22px;

    padding:28px;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:55px;

    box-shadow:0 12px 30px rgba(0,0,0,.05);

    border:1px solid rgba(13,90,57,.08);

}

/* BUTTONS */

.category-btn{

    border:none;

    outline:none;

    cursor:pointer;

    font-family:'Open Sans',sans-serif;

    font-size:17px;

    font-weight:600;

    padding:13px 28px;

    border-radius:999px;

    background:#faf7f1;

    color:#0d5a39;

    border:2px solid #d8c8a6;

    transition:.25s ease;
}

.category-btn:hover{

    background:#efe4cd;

    transform:translateY(-2px);

}

.category-btn.active{

    background:#0d5a39;

    color:white;

    border-color:#0d5a39;

    box-shadow:0 6px 18px rgba(13,90,57,.25);

}

/* ========================= */

.product-category{

    display:none;

    opacity:0;

}

.product-category.active{

    display:block;

}

.product-category.show{

    animation:fadeProducts .35s forwards;

}

.product-category.hide{

    animation:fadeOutProducts .25s forwards;

}

@keyframes fadeProducts{

    from{

        opacity:0;
        transform:translateY(15px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

@keyframes fadeOutProducts{

    from{

        opacity:1;
        transform:translateY(0);

    }

    to{

        opacity:0;
        transform:translateY(10px);

    }

}

/* ========================= */

.product-category h2{

    font-family:'Cormorant Garamond',serif;

    color:#0d5a39;

    font-size:54px;

    text-align:center;

    margin-bottom:40px;

    position:relative;

}

.product-category h2::after{

    content:"";

    width:120px;

    height:3px;

    background:#c89553;

    display:block;

    margin:16px auto 0;

    border-radius:5px;

}

/* GRID */

.products-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:28px;

}

/* CARD */

.product-card{

    background:#f7f1e6;

    border-radius:18px;

    overflow:hidden;

    border:1px solid rgba(13,90,57,.08);

    box-shadow:0 8px 24px rgba(0,0,0,.05);

    transition:.35s;

}

.product-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.product-card img{

    width:100%;

    height:170px;

    object-fit:cover;

    transition:.35s;

}

.product-card:hover img{

    transform:scale(1.05);

}

.product-card h3{

    font-family:'Cormorant Garamond',serif;

    font-size:28px;

    color:#0d5a39;

    text-align:center;

    padding:18px 10px 22px;

}

/* ========================= */

@media(max-width:1000px){

.products-overlay h1{

font-size:56px;

}

.products-overlay p{

font-size:19px;

}

.products-grid{

grid-template-columns:repeat(auto-fit,minmax(200px,1fr));

}

}

@media(max-width:700px){

.products-page{

width:94%;

}

.category-menu{

padding:20px;

gap:12px;

}

.category-btn{

padding:11px 18px;

font-size:15px;

}

.products-grid{

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

gap:18px;

}

.product-card img{

height:140px;

}

.product-card h3{

font-size:22px;

}

.product-category h2{

font-size:40px;

}

.products-overlay h1{

font-size:46px;

}

.products-overlay p{

font-size:17px;

}

}

@media(max-width:500px){

.products-grid{

grid-template-columns:1fr;

}

}

/* ==========================================
   SCROLL REVEAL SYSTEM
========================================== */

.reveal,
.reveal-left,
.reveal-right,
.reveal-zoom{
    transition:opacity .8s ease, transform .8s ease;
}

.reveal{
    opacity:0;
    transform:translateY(45px);
}

.reveal-left{
    opacity:0;
    transform:translateX(-70px);
}

.reveal-right{
    opacity:0;
    transform:translateX(70px);
}

.reveal-zoom{
    opacity:0;
    transform:scale(.86);
}

.reveal.visible,
.reveal-left.visible,
.reveal-right.visible,
.reveal-zoom.visible{
    opacity:1;
    transform:none;
}

/* staggered cascade for card grids */

.cards .card:nth-child(1){transition-delay:.05s;}
.cards .card:nth-child(2){transition-delay:.18s;}
.cards .card:nth-child(3){transition-delay:.31s;}

.products-grid .product-card:nth-child(1){transition-delay:.03s;}
.products-grid .product-card:nth-child(2){transition-delay:.09s;}
.products-grid .product-card:nth-child(3){transition-delay:.15s;}
.products-grid .product-card:nth-child(4){transition-delay:.21s;}
.products-grid .product-card:nth-child(5){transition-delay:.27s;}
.products-grid .product-card:nth-child(6){transition-delay:.33s;}
.products-grid .product-card:nth-child(7){transition-delay:.39s;}
.products-grid .product-card:nth-child(8){transition-delay:.45s;}

/* respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
    .reveal,
    .reveal-left,
    .reveal-right,
    .reveal-zoom{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
    .hero-text h1,
    .hero-text p,
    .hero-text .btn,
    .products-overlay h1,
    .products-overlay p,
    .hero-image img,
    .products-hero::before{
        animation:none !important;
        opacity:1 !important;
        transform:none !important;
    }
}

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

.hero-text h1{
    animation:titleAppear 1s ease forwards;
    animation-delay:.4s;
    opacity:0;
}

.hero-text p{
    animation:textAppear 1s ease forwards;
    animation-delay:.8s;
    opacity:0;
}

.hero-text .btn{
    animation:textAppear 1s ease forwards;
    animation-delay:1.2s;
    opacity:0;
}

@keyframes heroZoom{
    from{
        transform:scale(1.12);
    }

    to{
        transform:scale(1);
    }
}

@keyframes titleAppear{
    from{
        opacity:0;
        transform:translateY(30px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes textAppear{
    from{
        opacity:0;
        transform:translateY(25px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* ======================================================
   ВЕЛЕПРОДАЈА (WHOLESALE) PAGE
====================================================== */

.veleprodaja-hero{
    height:520px;
    position:relative;
    overflow:hidden;
}

/* Zoomed background image, separated from overlay so text stays still */
.veleprodaja-hero::before{
    content:"";
    position:absolute;
    inset:0;

    background:url("veleprodaja/bread.jpg") center center/cover no-repeat;

    transform:scale(1.08);
    animation:heroZoom 7s ease-out forwards;

    z-index:0;
}

.veleprodaja-overlay{
    position:absolute;
    inset:0;
    background:rgba(13,90,57,.82);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    color:#fff;
    padding:40px;

    z-index:1;
}

.veleprodaja-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:72px;
    margin-bottom:20px;

    animation:titleAppear 1s ease forwards;
    animation-delay:.4s;
}

.veleprodaja-overlay p{
    max-width:750px;
    font-size:22px;
    line-height:1.8;
    margin-bottom:35px;

    animation:textAppear 1s ease forwards;
    animation-delay:.8s;
}

.veleprodaja-overlay .btn{
    animation:textAppear 1s ease forwards;
    animation-delay:1.2s;
}

@media(max-width:1000px){
    .veleprodaja-overlay h1{
        font-size:52px;
    }
    .veleprodaja-overlay p{
        font-size:19px;
    }
}

@media(max-width:700px){
    .veleprodaja-hero{
        height:460px;
    }
    .veleprodaja-overlay h1{
        font-size:42px;
    }
}

/* CERTIFICATE SECTION */

.certificate-section{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:60px;
    align-items:center;

    max-width:1300px;
    margin:0 auto;
    padding:90px 5%;
}

.certificate-text h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:44px;
    margin-bottom:22px;
}

.certificate-text p{
    font-size:19px;
    line-height:1.8;
    color:#3a3a3a;
}

.certificate-card{
    display:flex;
    justify-content:center;
    align-items:center;

    background:#f7f1e6;
    border:1px solid rgba(13,90,57,.12);
    border-radius:18px;
    padding:30px;

    box-shadow:0 12px 34px rgba(0,0,0,.07);
}

.certificate-card img{
    max-width:100%;
    height:auto;
    border-radius:10px;

    transition:transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
    cursor:pointer;
}

.certificate-card img:hover{
    transform:scale(1.08);
    box-shadow:0 14px 30px rgba(0,0,0,.18);
}

@media(max-width:900px){
    .certificate-section{
        grid-template-columns:1fr;
        text-align:center;
        gap:40px;
    }
}

/* WHOLESALE CONTACT */

.wholesale-contact{
    display:flex;
    justify-content:center;
    gap:60px;
    flex-wrap:wrap;
    margin-bottom:40px;
}

.wholesale-contact-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
}

.wholesale-contact-label{
    font-family:'Cormorant Garamond',serif;
    font-size:22px;
    color:#c89553;
    letter-spacing:.5px;
}

.wholesale-contact-value{
    font-size:22px;
    font-weight:600;
}

/* ======================================================
   ПАРТНЕРИ (PARTNER LOGOS)
====================================================== */

.partners-section{
    padding:20px 10% 80px;
    text-align:center;
}

.partners-section h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:44px;
    margin-bottom:45px;
}

.partners-logos{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:60px;
    flex-wrap:wrap;
}

.partner-logo{
    background:#f7f1e6;
    border:1px solid rgba(13,90,57,.12);
    border-radius:16px;
    padding:30px 45px;

    display:flex;
    justify-content:center;
    align-items:center;

    box-shadow:0 10px 26px rgba(0,0,0,.05);
    cursor:pointer;

    transition:transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
}

.partner-logo:hover{
    transform:scale(1.08);
    box-shadow:0 20px 40px rgba(0,0,0,.16);
}

.partner-logo img{
    max-width:210px;
    max-height:120px;
    width:auto;
    height:auto;
    object-fit:contain;
}

@media(max-width:700px){
    .partners-logos{
        gap:30px;
    }

    .partner-logo{
        padding:20px 30px;
    }

    .partner-logo img{
        max-width:150px;
        max-height:90px;
    }

    .partners-section h2{
        font-size:36px;
    }
}
/* =====================================================
   КОНТАКТ СТРАНИЦА — додатак за style.css
   Додати на крај постојећег style.css фајла
   ===================================================== */

/* --- Велепродаја контакт (locations секција - постојећи стил очекиван) --- */

.wholesale-contact{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    margin: 30px 0 34px;
}

.wholesale-contact-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.wholesale-contact-label{
    font-family: 'Open Sans', sans-serif;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #c29c04;
}

.wholesale-contact-value{
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.4rem;
    font-weight: 600;
    color: #fdfaf3;
}

/* --- Локације контакт --- */

.contact-locations{
    padding: 60px 20px 70px;
    text-align: center;
    background: #faf7f1;
}

.contact-locations h2{
    font-family: 'Cormorant Garamond', serif;
    font-size: 2.2rem;
    font-weight: 700;
    color: #0d5a39;
    margin-bottom: 8px;
}

.contact-locations > p{
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: #5a6b62;
    margin-bottom: 36px;
}

.contact-locations-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    max-width: 1100px;
    margin: 0 auto;
}

.contact-location-card{
    background: #ffffff;
    border: 1px solid #e7e0d3;
    border-radius: 16px;
    padding: 28px 24px;
    text-align: left;
    box-shadow: 0 6px 20px rgba(13,90,57,.06);
    transition: transform .2s ease, box-shadow .2s ease;
}

.contact-location-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(13,90,57,.12);
}

.contact-location-card h3{
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #0d5a39;
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f4c95d;
}

.contact-location-item{
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 14px;
}

.contact-location-item:last-child{
    margin-bottom: 0;
}

.contact-location-label{
    font-family: 'Open Sans', sans-serif;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #9aa89e;
}

.contact-location-value{
    font-family: 'Open Sans', sans-serif;
    font-size: .98rem;
    font-weight: 600;
    color: #2c332d;
}

/* --- Респонзивност --- */

@media (max-width: 900px){
    .contact-locations-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px){
    .contact-locations-grid{
        grid-template-columns: 1fr;
    }

    .wholesale-contact{
        gap: 24px;
    }
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Open Sans',sans-serif;
    background:#faf7f1;
    color:#222;
}

.container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

/* HEADER */

header{
    position: sticky;
    top: 0;
    z-index: 1000;

    background: white;
    padding: 15px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

.nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.logo img{
    height:90px;
}

nav{
    display:flex;
    gap:45px;
}

nav a{
    text-decoration:none;
    color:#222;
    font-size:19px;
    transition:.3s;
}

nav a:hover,
nav .active{
    color:#0d5a39;
    border-bottom:3px solid #0d5a39;
    padding-bottom:6px;
}

/* HERO */

.hero{
    display:grid;
    grid-template-columns:45% 55%;
    min-height:520px;
}

.hero-text{
    background:#0d5a39;
    color:white;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:70px;

    overflow:hidden;
}

.hero-text h1{
    font-family:'Cormorant Garamond',serif;
    font-size:74px;
    line-height:1;
    margin-bottom:30px;
}

.hero-text p{
    font-size:23px;
    line-height:1.8;
    max-width:550px;
    margin-bottom:35px;
}

.btn{
    display:inline-block;
    width:fit-content;
    background:#c89553;
    color:white;
    text-decoration:none;
    padding:16px 35px;
    border-radius:4px;
    font-size:20px;
    transition:.3s;
}

.btn:hover{
    background:#b88340;
}

.hero-image{
    position:relative;
    overflow:hidden;
	background:#0d5a39;
}

.hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

    transform:scale(1.08);

    animation:heroZoom 7s ease-out forwards;
}

/* Fade između zelene i slike */
.hero-image::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:180px;      /* širina fade-a */
    height:100%;

    background:linear-gradient(
        to right,
        #0d5a39 0%,
        rgba(13,90,57,0.95) 10%,
        rgba(13,90,57,0.75) 30%,
        rgba(13,90,57,0.35) 60%,
        rgba(13,90,57,0) 100%
    );

    pointer-events:none;
}

/* WELCOME */

.welcome{
    padding:70px 10%;
    text-align:center;
}

.welcome h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:54px;
    margin-bottom:20px;
}

.intro{
    max-width:900px;
    margin:auto;
    font-size:22px;
    line-height:1.8;
}

/* CARDS */
.cards{
    margin-top:60px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.card{
    background:#f7f1e6; /* cream paper */
    border-radius:18px;

    padding:50px 30px;
    text-align:center;

    border:1px solid rgba(13,90,57,0.12);

    box-shadow:
        0 10px 30px rgba(0,0,0,0.05);

    transition:0.35s ease;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:
        0 18px 45px rgba(0,0,0,0.10);
}

/* ICONS */
.icon{
    width:110px;
    height:110px;
    margin:0 auto 25px auto;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(13,90,57,0.06);
    border-radius:50%;
}


.icon img{
    width:75px;
    height:75px;

    opacity:0.9;

    filter: drop-shadow(0 3px 2px rgba(0,0,0,0.08));
}

.card h3{
    font-family:'Cormorant Garamond',serif;
    font-size:32px;
    color:#0d5a39;
    margin-bottom:12px;
}


.card p{
    font-size:18px;
    line-height:1.7;
    color:#3a3a3a;
}

/* LOCATION */

.locations{
    background:#0d5a39;
    color:white;
    text-align:center;
    padding:70px 20px;
}

.locations h2{
    font-family:'Cormorant Garamond',serif;
    font-size:54px;
    margin-bottom:15px;
}

.locations p{
    font-size:22px;
    margin-bottom:35px;
}

/* FOOTER */

footer{
    background:#221a16;
    color:white;
    text-align:center;
    padding:22px;
    font-size:18px;
}

/* RESPONSIVE */

@media(max-width:1000px){

    .hero{
        grid-template-columns:1fr;
    }

    .hero-image{
        height:400px;
    }

    .cards{
        grid-template-columns:1fr;
    }

    .nav{
        flex-direction:column;
        gap:20px;
    }

    nav{
        flex-wrap:wrap;
        justify-content:center;
        gap:20px;
    }

    .hero-text h1{
        font-size:54px;
    }

    .welcome h2,
    .locations h2{
        font-size:42px;
    }
}

/* ABOUT PAGE */

.about-hero{
    height:550px;
    background:url("images/bakery-old.jpg") center/cover no-repeat;
    position:relative;
}

.about-overlay{
    position:absolute;
    inset:0;
    background:#0a452e;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    color:white;
    text-align:center;
    padding:40px;
}

.about-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:72px;
    margin-bottom:25px;
}

.about-overlay p{
    max-width:850px;
    font-size:24px;
    line-height:1.8;
}

.about-content{
    max-width:1000px;
    margin:auto;
    padding:90px 30px;
}

.about-content h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:54px;
    margin-bottom:30px;
}

.about-content p{
    font-size:22px;
    line-height:2;
    margin-bottom:25px;
}

/* HISTORY - full width background image */

.history{
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    width:100vw;

    background:url("Onama slike/onamaslika.jpg") center/cover no-repeat;

    padding:110px 20px;

    display:flex;
    justify-content:center;
}

.history-text{
    position:relative;
    max-width:850px;

    background:rgba(13,90,57,.80);
    color:#fff;

    padding:55px 60px;
    border-radius:18px;

    text-align:left;

    box-shadow:0 20px 50px rgba(0,0,0,.25);
}

.history-text h2{
    font-family:'Cormorant Garamond',serif;
    color:#fff;
    font-size:48px;
    margin-bottom:25px;
}

.history-text p{
    font-size:20px;
    line-height:2;
    margin-bottom: 2rem;
}

@media(max-width:700px){

    .history{
        padding:70px 15px;
    }

    .history-text{
        padding:35px 30px;
    }

    .history-text h2{
        font-size:38px;
    }

    .history-text p{
        font-size:18px;
        line-height:1.8;
    }

}

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

.locations-hero{
    height:420px;
    background:url("images/locations-hero.jpg") center/cover no-repeat;
    position:relative;
}

.locations-hero-overlay{
    position:absolute;
    inset:0;
    background:#0a452e;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    color:white;
    padding:30px;
}

.locations-hero-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:70px;
    margin-bottom:20px;
}

.locations-hero-overlay p{
    font-size:22px;
    max-width:800px;
    line-height:1.7;
}

/* PAGE WRAPPER */

.locations-page{
    padding:90px 10%;
    display:flex;
    flex-direction:column;
    gap:80px;
}

/* CARD */

.location-card{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;

    align-items:center;

    background:#f7f1e6;
    border-radius:18px;
    padding:40px;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

/* reverse layout */
.location-card.reverse{
    direction:rtl;
}

.location-card.reverse .location-info,
.location-card.reverse .location-map{
    direction:ltr;
}

/* TEXT */

.location-info h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:42px;
    margin-bottom:15px;
}

.location-info p{
    font-size:18px;
    line-height:1.7;
    margin-bottom:10px;
}

/* MAP */

.location-map iframe{
    width:100%;
    height:320px;
    border:0;
    border-radius:12px;
}

/* BUTTON (reuse already existing .btn) */

/* RESPONSIVE */

@media(max-width:900px){

    .location-card,
    .location-card.reverse{
        grid-template-columns:1fr;
        direction:ltr;
    }

    .locations-hero-overlay h1{
        font-size:48px;
    }
}

/* ======================================================
   PRODUCTS PAGE
====================================================== */

.products-hero{
    height:340px;
    position:relative;
    overflow:hidden;
}

/* Zoomed background image (separated from overlay so text/overlay stay still) */
.products-hero::before{
    content:"";
    position:absolute;
    inset:0;

    background:url("bread.jpg") center center/cover no-repeat;

    transform:scale(1.08);
    animation:heroZoom 7s ease-out forwards;

    z-index:0;
}

.products-overlay{
    position:absolute;
    inset:0;
    background:rgba(13,90,57,.82);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    color:#fff;
    padding:40px;

    z-index:1;
}

.products-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:72px;
    margin-bottom:18px;

    opacity:0;
    animation:titleAppear 1s ease forwards;
    animation-delay:.4s;
}

.products-overlay p{
    max-width:800px;
    font-size:22px;
    line-height:1.8;

    opacity:0;
    animation:textAppear 1s ease forwards;
    animation-delay:.8s;
}

/* ========================= */

.products-page{

    width:90%;
    max-width:1300px;

    margin:70px auto 100px;
}

/* CATEGORY MENU */

.category-menu{

    background:#f7f1e6;

    border-radius:22px;

    padding:28px;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:55px;

    box-shadow:0 12px 30px rgba(0,0,0,.05);

    border:1px solid rgba(13,90,57,.08);

}

/* BUTTONS */

.category-btn{

    border:none;

    outline:none;

    cursor:pointer;

    font-family:'Open Sans',sans-serif;

    font-size:17px;

    font-weight:600;

    padding:13px 28px;

    border-radius:999px;

    background:#faf7f1;

    color:#0d5a39;

    border:2px solid #d8c8a6;

    transition:.25s ease;
}

.category-btn:hover{

    background:#efe4cd;

    transform:translateY(-2px);

}

.category-btn.active{

    background:#0d5a39;

    color:white;

    border-color:#0d5a39;

    box-shadow:0 6px 18px rgba(13,90,57,.25);

}

/* ========================= */

.product-category{

    display:none;

    opacity:0;

}

.product-category.active{

    display:block;

}

.product-category.show{

    animation:fadeProducts .35s forwards;

}

.product-category.hide{

    animation:fadeOutProducts .25s forwards;

}

@keyframes fadeProducts{

    from{

        opacity:0;
        transform:translateY(15px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

@keyframes fadeOutProducts{

    from{

        opacity:1;
        transform:translateY(0);

    }

    to{

        opacity:0;
        transform:translateY(10px);

    }

}

/* ========================= */

.product-category h2{

    font-family:'Cormorant Garamond',serif;

    color:#0d5a39;

    font-size:54px;

    text-align:center;

    margin-bottom:40px;

    position:relative;

}

.product-category h2::after{

    content:"";

    width:120px;

    height:3px;

    background:#c89553;

    display:block;

    margin:16px auto 0;

    border-radius:5px;

}

/* GRID */

.products-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:28px;

}

/* CARD */

.product-card{

    background:#f7f1e6;

    border-radius:18px;

    overflow:hidden;

    border:1px solid rgba(13,90,57,.08);

    box-shadow:0 8px 24px rgba(0,0,0,.05);

    transition:.35s;

}

.product-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.product-card img{

    width:100%;

    height:170px;

    object-fit:cover;

    transition:.35s;

}

.product-card:hover img{

    transform:scale(1.05);

}

.product-card h3{

    font-family:'Cormorant Garamond',serif;

    font-size:28px;

    color:#0d5a39;

    text-align:center;

    padding:18px 10px 22px;

}

/* ========================= */

@media(max-width:1000px){

.products-overlay h1{

font-size:56px;

}

.products-overlay p{

font-size:19px;

}

.products-grid{

grid-template-columns:repeat(auto-fit,minmax(200px,1fr));

}

}

@media(max-width:700px){

.products-page{

width:94%;

}

.category-menu{

padding:20px;

gap:12px;

}

.category-btn{

padding:11px 18px;

font-size:15px;

}

.products-grid{

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

gap:18px;

}

.product-card img{

height:140px;

}

.product-card h3{

font-size:22px;

}

.product-category h2{

font-size:40px;

}

.products-overlay h1{

font-size:46px;

}

.products-overlay p{

font-size:17px;

}

}

@media(max-width:500px){

.products-grid{

grid-template-columns:1fr;

}

}

/* ==========================================
   SCROLL REVEAL SYSTEM
========================================== */

.reveal,
.reveal-left,
.reveal-right,
.reveal-zoom{
    transition:opacity .8s ease, transform .8s ease;
}

.reveal{
    opacity:0;
    transform:translateY(45px);
}

.reveal-left{
    opacity:0;
    transform:translateX(-70px);
}

.reveal-right{
    opacity:0;
    transform:translateX(70px);
}

.reveal-zoom{
    opacity:0;
    transform:scale(.86);
}

.reveal.visible,
.reveal-left.visible,
.reveal-right.visible,
.reveal-zoom.visible{
    opacity:1;
    transform:none;
}

/* staggered cascade for card grids */

.cards .card:nth-child(1){transition-delay:.05s;}
.cards .card:nth-child(2){transition-delay:.18s;}
.cards .card:nth-child(3){transition-delay:.31s;}

.products-grid .product-card:nth-child(1){transition-delay:.03s;}
.products-grid .product-card:nth-child(2){transition-delay:.09s;}
.products-grid .product-card:nth-child(3){transition-delay:.15s;}
.products-grid .product-card:nth-child(4){transition-delay:.21s;}
.products-grid .product-card:nth-child(5){transition-delay:.27s;}
.products-grid .product-card:nth-child(6){transition-delay:.33s;}
.products-grid .product-card:nth-child(7){transition-delay:.39s;}
.products-grid .product-card:nth-child(8){transition-delay:.45s;}

/* respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
    .reveal,
    .reveal-left,
    .reveal-right,
    .reveal-zoom{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
    .hero-text h1,
    .hero-text p,
    .hero-text .btn,
    .products-overlay h1,
    .products-overlay p,
    .hero-image img,
    .products-hero::before{
        animation:none !important;
        opacity:1 !important;
        transform:none !important;
    }
}

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

.hero-text h1{
    animation:titleAppear 1s ease forwards;
    animation-delay:.4s;
    opacity:0;
}

.hero-text p{
    animation:textAppear 1s ease forwards;
    animation-delay:.8s;
    opacity:0;
}

.hero-text .btn{
    animation:textAppear 1s ease forwards;
    animation-delay:1.2s;
    opacity:0;
}

@keyframes heroZoom{
    from{
        transform:scale(1.12);
    }

    to{
        transform:scale(1);
    }
}

@keyframes titleAppear{
    from{
        opacity:0;
        transform:translateY(30px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes textAppear{
    from{
        opacity:0;
        transform:translateY(25px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* ======================================================
   ВЕЛЕПРОДАЈА (WHOLESALE) PAGE
====================================================== */

.veleprodaja-hero{
    height:520px;
    position:relative;
    overflow:hidden;
}

/* Zoomed background image, separated from overlay so text stays still */
.veleprodaja-hero::before{
    content:"";
    position:absolute;
    inset:0;

    background:url("veleprodaja/bread.jpg") center center/cover no-repeat;

    transform:scale(1.08);
    animation:heroZoom 7s ease-out forwards;

    z-index:0;
}

.veleprodaja-overlay{
    position:absolute;
    inset:0;
    background:rgba(13,90,57,.82);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    color:#fff;
    padding:40px;

    z-index:1;
}

.veleprodaja-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:72px;
    margin-bottom:20px;

    animation:titleAppear 1s ease forwards;
    animation-delay:.4s;
}

.veleprodaja-overlay p{
    max-width:750px;
    font-size:22px;
    line-height:1.8;
    margin-bottom:35px;

    animation:textAppear 1s ease forwards;
    animation-delay:.8s;
}

.veleprodaja-overlay .btn{
    animation:textAppear 1s ease forwards;
    animation-delay:1.2s;
}

@media(max-width:1000px){
    .veleprodaja-overlay h1{
        font-size:52px;
    }
    .veleprodaja-overlay p{
        font-size:19px;
    }
}

@media(max-width:700px){
    .veleprodaja-hero{
        height:460px;
    }
    .veleprodaja-overlay h1{
        font-size:42px;
    }
}

/* CERTIFICATE SECTION */

.certificate-section{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:60px;
    align-items:center;

    max-width:1300px;
    margin:0 auto;
    padding:90px 5%;
}

.certificate-text h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:44px;
    margin-bottom:22px;
}

.certificate-text p{
    font-size:19px;
    line-height:1.8;
    color:#3a3a3a;
}

.certificate-card{
    display:flex;
    justify-content:center;
    align-items:center;

    background:#f7f1e6;
    border:1px solid rgba(13,90,57,.12);
    border-radius:18px;
    padding:30px;

    box-shadow:0 12px 34px rgba(0,0,0,.07);
}

.certificate-card img{
    max-width:100%;
    height:auto;
    border-radius:10px;

    transition:transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
    cursor:pointer;
}

.certificate-card img:hover{
    transform:scale(1.08);
    box-shadow:0 14px 30px rgba(0,0,0,.18);
}

@media(max-width:900px){
    .certificate-section{
        grid-template-columns:1fr;
        text-align:center;
        gap:40px;
    }
}

/* WHOLESALE CONTACT */

.wholesale-contact{
    display:flex;
    justify-content:center;
    gap:60px;
    flex-wrap:wrap;
    margin-bottom:40px;
}

.wholesale-contact-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
}

.wholesale-contact-label{
    font-family:'Cormorant Garamond',serif;
    font-size:22px;
    color:#c89553;
    letter-spacing:.5px;
}

.wholesale-contact-value{
    font-size:22px;
    font-weight:600;
}

/* ======================================================
   ПАРТНЕРИ (PARTNER LOGOS)
====================================================== */

.partners-section{
    padding:20px 10% 80px;
    text-align:center;
}

.partners-section h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:44px;
    margin-bottom:45px;
}

.partners-logos{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:60px;
    flex-wrap:wrap;
}

.partner-logo{
    background:#f7f1e6;
    border:1px solid rgba(13,90,57,.12);
    border-radius:16px;
    padding:30px 45px;

    display:flex;
    justify-content:center;
    align-items:center;

    box-shadow:0 10px 26px rgba(0,0,0,.05);
    cursor:pointer;

    transition:transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
}

.partner-logo:hover{
    transform:scale(1.08);
    box-shadow:0 20px 40px rgba(0,0,0,.16);
}

.partner-logo img{
    max-width:210px;
    max-height:120px;
    width:auto;
    height:auto;
    object-fit:contain;
}

@media(max-width:700px){
    .partners-logos{
        gap:30px;
    }

    .partner-logo{
        padding:20px 30px;
    }

    .partner-logo img{
        max-width:150px;
        max-height:90px;
    }

    .partners-section h2{
        font-size:36px;
    }
}

/* =====================================================
   КONTAKT СТРАНИЦА — додатак
   =====================================================

   НАПОМЕНА: .wholesale-contact / .wholesale-contact-item /
   .wholesale-contact-label / .wholesale-contact-value НЕ
   дефинишемо поново овде — већ постоје у секцији
   "ВЕЛЕПРОДАЈА (WHOLESALE) PAGE" изнад и kontakt.html их
   аутоматски користи, потпуно исто као veleprodaja.html.
*/

/* --- Локације контакт --- */

.contact-locations{
    padding: 60px 20px 70px;
    text-align: center;
    background: #faf7f1;
}

.contact-locations h2{
    font-family: 'Cormorant Garamond', serif;
    font-size: 2.2rem;
    font-weight: 700;
    color: #0d5a39;
    margin-bottom: 8px;
}

.contact-locations > p{
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: #5a6b62;
    margin-bottom: 36px;
}

.contact-locations-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    max-width: 1100px;
    margin: 0 auto;
}

.contact-location-card{
    background: #ffffff;
    border: 1px solid #e7e0d3;
    border-radius: 16px;
    padding: 28px 24px;
    text-align: left;
    box-shadow: 0 6px 20px rgba(13,90,57,.06);
    transition: transform .2s ease, box-shadow .2s ease;
}

.contact-location-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(13,90,57,.12);
}

.contact-location-card h3{
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #0d5a39;
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f4c95d;
}

.contact-location-item{
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 14px;
}

.contact-location-item:last-child{
    margin-bottom: 0;
}

.contact-location-label{
    font-family: 'Open Sans', sans-serif;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #9aa89e;
}

.contact-location-value{
    font-family: 'Open Sans', sans-serif;
    font-size: .98rem;
    font-weight: 600;
    color: #2c332d;
}

/* --- Респонзивност --- */

@media (max-width: 900px){
    .contact-locations-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px){
    .contact-locations-grid{
        grid-template-columns: 1fr;
    }
}

/* ======================================================
   КАRIJERA PAGE
====================================================== */

.career-hero{
    height:340px;
    position:relative;
    overflow:hidden;
}

.career-hero::before{
    content:"";
    position:absolute;
    inset:0;

    background:url("bread.jpg") center center/cover no-repeat;

    transform:scale(1.08);
    animation:heroZoom 7s ease-out forwards;

    z-index:0;
}

.career-overlay{
    position:absolute;
    inset:0;
    background:rgba(13,90,57,.82);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    color:#fff;
    padding:40px;

    z-index:1;
}

.career-overlay h1{
    font-family:'Cormorant Garamond',serif;
    font-size:64px;
    margin-bottom:18px;

    opacity:0;
    animation:titleAppear 1s ease forwards;
    animation-delay:.4s;
}

.career-overlay p{
    max-width:750px;
    font-size:20px;
    line-height:1.8;

    opacity:0;
    animation:textAppear 1s ease forwards;
    animation-delay:.8s;
}

/* --- INTRO TEXT --- */

.career-intro{
    padding:70px 10%;
    text-align:center;
}

.career-intro h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:48px;
    margin-bottom:20px;
}

.career-intro .intro{
    max-width:900px;
    margin:auto;
    font-size:20px;
    line-height:1.8;
    color:#3a3a3a;
}

/* --- APPLICATION FORM --- */

.career-application{
    background:#f7f1e6;
    padding:80px 20px;
}

.career-form-wrapper{
    max-width:760px;
    margin:0 auto;
    background:#ffffff;
    border-radius:20px;
    padding:50px 55px;
    border:1px solid rgba(13,90,57,.10);
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.career-form-wrapper h2{
    font-family:'Cormorant Garamond',serif;
    color:#0d5a39;
    font-size:42px;
    text-align:center;
    margin-bottom:8px;
}

.career-form-subtitle{
    text-align:center;
    font-size:17px;
    color:#5a6b62;
    margin-bottom:36px;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.form-group{
    margin-bottom:22px;
    display:flex;
    flex-direction:column;
}

.form-group label{
    font-family:'Open Sans',sans-serif;
    font-weight:600;
    font-size:15px;
    color:#0d5a39;
    margin-bottom:8px;
}

.form-group input[type="text"],
.form-group input[type="tel"],
.form-group input[type="email"],
.form-group textarea{
    font-family:'Open Sans',sans-serif;
    font-size:16px;
    padding:13px 16px;
    border:2px solid #e7dfcd;
    border-radius:10px;
    background:#faf7f1;
    color:#222;
    transition:.2s ease;
    resize:vertical;
}

.form-group input:focus,
.form-group textarea:focus{
    outline:none;
    border-color:#0d5a39;
    background:#fff;
}

/* --- FILE UPLOAD --- */

.file-upload{
    position:relative;
}

.file-upload input[type="file"]{
    position:absolute;
    inset:0;
    opacity:0;
    cursor:pointer;
    width:100%;
    height:100%;
}

.file-upload-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;

    background:#0d5a39;
    color:#fff;
    font-weight:600;
    font-size:15px;

    padding:13px 24px;
    border-radius:10px;

    cursor:pointer;
    transition:.2s ease;
    width:fit-content;
}

.file-upload-btn svg{
    width:18px;
    height:18px;
    stroke:#fff;
}

.file-upload:hover .file-upload-btn{
    background:#0a4530;
}

.file-upload-list{
    margin-top:12px;
    font-size:14px;
    color:#8a8a8a;
    line-height:1.6;
    word-break:break-word;
}

.file-upload-list.has-files{
    color:#3a3a3a;
    font-weight:600;
}

/* --- SUBMIT BUTTON --- */

.career-submit-btn{
    border:none;
    cursor:pointer;
    width:100%;
    text-align:center;
    margin-top:10px;
    font-family:'Open Sans',sans-serif;
    font-weight:600;
    position:relative;
}

.career-submit-btn.loading{
    opacity:.7;
    cursor:not-allowed;
}

/* --- FORM MESSAGE --- */

.form-message{
    margin-top:20px;
    padding:0;
    font-size:15px;
    font-weight:600;
    text-align:center;
    border-radius:10px;
    transition:.2s ease;
}

.form-message:empty{
    display:none;
}

.form-message.success{
    padding:16px;
    background:rgba(13,90,57,.10);
    color:#0d5a39;
    border:1px solid rgba(13,90,57,.25);
}

.form-message.error{
    padding:16px;
    background:rgba(180,50,50,.08);
    color:#b23232;
    border:1px solid rgba(180,50,50,.25);
}

/* --- ALT CONTACT --- */

.career-alt-contact{
    text-align:center;
    padding:40px 20px 70px;
    font-size:18px;
    color:#3a3a3a;
}

.career-alt-contact a{
    color:#0d5a39;
    font-weight:600;
    text-decoration:none;
    border-bottom:2px solid #c89553;
}

.career-alt-contact a:hover{
    color:#c89553;
}

/* --- RESPONSIVE --- */

@media(max-width:900px){

    .career-overlay h1{
        font-size:48px;
    }

    .career-overlay p{
        font-size:18px;
    }

    .career-form-wrapper{
        padding:36px 26px;
    }

    .form-row{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){

    .career-intro h2{
        font-size:36px;
    }

    .career-form-wrapper h2{
        font-size:32px;
    }
}