@font-face{font-family:"Lilita One";src:url(/wp-content/themes/urban-jungle-theme/assets/Lilita_One/LilitaOne-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Times New Roman";src:url(/wp-content/themes/urban-jungle-theme/assets/times-new-roman/times.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{--sage:#A3B18A;--cream:#F5F5F0;--beige:#DDB892;--olive:#344E41;--white:#ffffff;--shadow:0 10px 30px rgba(52, 78, 65, 0.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--olive);background:var(--cream);font-family:"Lilita One","Segoe UI",Tahoma,sans-serif;line-height:1.7}
.btn,.footer-title,.form-label,.heading,.nav-link,.offcanvas-title,.section-tag,.top-social,h1,h2,h3,h4,h5,h6,input,label,textarea{font-family:"Lilita One","Segoe UI",Tahoma,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.section-space{padding:84px 0}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.accent-script{font-family:"Lilita One","Segoe UI",Tahoma,sans-serif;font-weight:400}
.text-body,p{font-family:"Times New Roman",Times,serif;font-style:normal;font-size:18px}
.top-strip{background:var(--sage);color:var(--olive);padding:8px 0;border-bottom:1px solid rgba(52,78,65,.14)}
.top-social{display:flex;align-items:center;gap:16px;font-size:18px}
.top-social a{color:#fff}
.top-social a{transition:transform .25s ease}
.top-social a:hover{transform:translateY(-2px)}
.main-header{position:sticky;top:0;z-index:1035;background:rgba(245,245,240,.95);backdrop-filter:blur(8px);border-bottom:1px solid rgba(52,78,65,.08)}
.navbar{--bs-navbar-padding-y:10px}
.brand-logo{width:140px;height:auto;object-fit:contain}
.navbar-nav{gap:10px}
.nav-link{color:var(--olive);letter-spacing:.04em;text-transform:uppercase;font-weight:400}
a.nav-link {
    font-size: 18px;
}
.nav-link.active,.nav-link:hover{color:#22382f}
.btn-sage{margin-top:20px;background:var(--sage);color:var(--white);border:none;border-radius:999px;padding:12px 24px;letter-spacing:.03em;font-weight:400;box-shadow:0 8px 20px rgba(52,78,65,.18);transition:background-color .3s ease,transform .3s ease}
.btn-sage:hover{background:#8f9f75;transform:translateY(-2px);color:var(--white)}
.btn-outline-olive{border:1px solid rgba(52,78,65,.45);color:var(--olive);border-radius:999px;padding:9px 18px}
.hero-wrap{position:relative;background:linear-gradient(180deg,#f3f2eb 0,#f5f5f0 100%)}
.hero-slider{position:relative}
.hero-item{position:relative;overflow:hidden}
.hero-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0,rgba(0,0,0,.35) 100%)}
.hero-image{width:100%;height:min(76vh,720px);min-height:400px;object-fit:cover;transform:scale(1)}
.carousel-item.active .hero-image{animation:heroZoom 4s ease forwards}
@keyframes heroZoom{
from{transform:scale(1)}
to{transform:scale(1.05)}
}
.section-tag{position:absolute;top:20px;left:20px;z-index:2;background:rgba(255,255,255,.85);color:var(--olive);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:400}
.carousel-caption{z-index:3;bottom:14%}
.carousel-caption h1{font-size:clamp(30px,4vw,56px);color:var(--white);text-shadow:0 10px 22px rgba(0,0,0,.35);margin-bottom:12px}
.carousel-caption p{font-size:clamp(17px,2.2vw,24px);color:#f8f8f8}
.carousel-control-next,.carousel-control-prev{width:8%}
.carousel-control-next-icon,.carousel-control-prev-icon{background-size:100% 100%;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, .35))}
.category-strip{background:var(--sage);padding:72px 0}
.category-card{display:block;padding:16px;transition:transform .3s ease;text-align:center;height:100%}
.category-card:hover{transform:translateY(-6px)}
.category-card img{width:100%;height:250px;object-fit:cover}
.category-card h3{margin:16px 0 0;color:#fff}
.ig-section{background:var(--cream);padding:62px 0}
.ig-header{margin:24px 0;text-align:center;display:flex;justify-content:center;gap:20px}
.ig-header h2{margin:0;color:var(--olive);font-size:clamp(22px,3.5vw,36px)}
.ig-header p{margin:5px 0 0;color:#4b5f55;font-size:24px}
.ig-marquee{overflow:hidden}
.ig-track{display:flex;gap:18px;width:max-content;animation:igScroll 44s linear infinite;padding:18px}
.ig-marquee:hover .ig-track{animation-play-state:paused}
.ig-item{flex:0 0 auto;width:238px;position:relative;border-radius:0;overflow:hidden}
.ig-item img{width:100%;height:160px;object-fit:cover;transition:transform .4s ease}
.ig-item:hover img{transform:scale(1.06)}
.ig-label{position:absolute;left:10px;bottom:10px;background:rgba(52,78,65,.74);color:#fff;border-radius:999px;padding:2px 10px;font-size:11px;font-family:"Lilita One","Segoe UI",Tahoma,sans-serif}
@keyframes igScroll{
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
.footer{background-color:var(--sage);background-repeat:no-repeat;background-position:center;background-size:cover;color:#f8f9f4;padding:66px 0 52px}
.footer h4{margin-bottom:16px}
.footer a,.footer address,.footer li,.footer p{color:#f2f5ed}
.footer-text{max-width:440px}
.footer-social{display:flex;gap:10px;margin-top:18px;flex-direction:column}
.footer-social a i{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);transition:background-color .25s ease}
.footer-contact i{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);transition:background-color .25s ease}
.footer-social a{width:100%;display:flex;gap:5px;margin-bottom:10px;align-items:center}
.footer-contact li{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.footer-contact i{margin-top:5px}
.page-hero{position:relative;overflow:hidden}
.page-hero img{width:100%;min-height:300px;object-fit:cover}
.page-hero h1{position:absolute;bottom:10%;left:8%;z-index:2;color:#fff;font-size:clamp(30px,4vw,56px);text-shadow:0 8px 20px rgba(0,0,0,.4)}
.contact-card,.event-panel,.form-card,.sage-card,.story-panel{background:#fffef9;border:1px solid rgba(52,78,65,.1);border-radius:18px;box-shadow:var(--shadow)}
.story-panel{padding:30px;text-align:center}

.event-panel{text-align:center}
.event-panel img{margin:auto;max-width:600px;width:100%}
.event-grid img,.owner-grid img,.store-grid img{width:100%;height:100%;object-fit:cover;border-radius:0}
.event-grid,.owner-grid,.store-grid{display:grid;gap:24px}
.owner-grid{grid-template-columns:1fr 1fr;align-items:center}
.store-grid{grid-template-columns:1fr 1.3fr;align-items:stretch}
.sage-card{background:rgba(163,177,138,.22);padding:24px}
.section-heading{margin-bottom:16px}
.award-badge{border-radius:20px;border:2px dashed rgba(52,78,65,.45);background:#fff;padding:32px;text-align:center}
.award-badge h3{margin-bottom:10px}
.event-highlight{display:inline-flex;gap:12px;align-items:center;background:rgba(163,177,138,.22);border-radius:999px;padding:8px 18px;font-family:"Lilita One","Segoe UI",Tahoma,sans-serif;font-weight:400;letter-spacing:.03em}
.event-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}
.contact-card,.form-card{padding:28px}
.form-control,.form-control:focus{border-radius:12px;border-color:rgba(52,78,65,.22);box-shadow:none;min-height:48px}
textarea.form-control{min-height:140px}
.map-wrap{border-radius:16px;overflow:hidden;border:1px solid rgba(52,78,65,.14);margin-top:18px}
.map-wrap iframe{width:100%;height:260px;border:0}
.uj-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(15,24,20,.45);z-index:1060;padding:18px}
.uj-modal.show{display:flex}
.uj-modal-card{padding:50px 60px 0;align-items:center;width:min(980px,100%);background:#dfe8d2;border:1px solid rgba(52,78,65,.2);border-radius:0;position:relative;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;box-shadow:var(--shadow);background-image:url(/wp-content/themes/urban-jungle-theme/image/Pop-up.png);background-size:cover;background-position:center}
.uj-modal-card::before{content:"";position:absolute;inset:0;background:rgb(255 255 255 / 73%);z-index:0}
.uj-modal-card>*{position:relative;z-index:1}
.uj-modal-content{padding:0;margin-top:-50px}
.uj-modal-content h2{font-size:clamp(28px,3.5vw,46px);color:#000;margin-bottom:12px;text-align:center}
.uj-modal-links a{color:#000;font-size:20px;font-weight:600!important;font-family:sans-serif;letter-spacing:1px;display:flex;align-items:center;gap:10px}
.uj-modal-content p{font-size:22px;margin-bottom:16px;color:#000!important;text-align:center}
.uj-modal-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.uj-modal-links li{font-family:"Lilita One","Segoe UI",Tahoma,sans-serif;font-size:18px}
.uj-modal-image{position:relative;display:grid}
.uj-modal-image img{width:100%;height:100%;object-fit:cover}
.uj-modal-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;border:none;background:0 0;color:#000;font-size:32px;line-height:1;z-index:99999;padding-bottom:6px}
.uj-modal-links a strong{font-size:32px;color:var(--olive)!important}
.leaf-decoration{position:absolute;pointer-events:none;opacity:.2}
.leaf-decoration.left{left:-20px;bottom:10%}
.leaf-decoration.right{right:-30px;top:12%;transform:rotate(180deg)}
.rooting-icon-popup{object-fit:contain!important}
.pop-up-image{height:220px}
@media (max-width:991px){
.hero-image{height:62vh;min-height:340px}
.category-strip,.ig-section,.reels-section,.section-space{padding:56px 0}
.contact-layout,.owner-grid,.store-grid{grid-template-columns:1fr}
.event-grid{grid-template-columns:1fr}
.reels-strip{grid-auto-columns:calc((100% - 32px)/ 3)}
.uj-modal-card{grid-template-columns:1fr}
.rooting-icon-popup{object-fit:contain!important}
.pop-up-image{margin-top:20px;height:220px!important}
.uj-modal-content{margin-top:0}
}
@media (min-width:992px) and (max-width:1199px){
.reels-strip{grid-auto-columns:calc((100% - 48px)/ 4)}
}
@media (max-width:767px){
.reels-strip{grid-auto-columns:calc((100% - 16px)/ 2)}
.main-header nav.navbar{padding-top:0;padding-bottom:0}
.btn-outline-olive{border:1px solid rgba(52,78,65,.45);color:var(--olive);border-radius:5px;padding:6px 12px}
}
@media (max-width:575px){
.brand-logo{width:100px}
.top-social{justify-content:center}
.ig-item{width:190px}
.reels-strip{grid-auto-columns:100%}
.footer{padding:46px 0 34px}
.footer a,.footer address,.footer li,.footer p{font-size:16px}
}

.about-hero-media{position:relative;overflow:hidden;border:1px solid rgba(52,78,65,.14);box-shadow:var(--shadow)}
.about-hero-media img{width:100%;/*height:min(62vh,560px);*/min-height:320px;object-fit:cover}
.about-hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;padding:34px;background:linear-gradient(180deg,rgba(30,43,38,.12) 0,rgba(30,43,38,.56) 100%);color:#fff}
.about-hero-overlay h1{margin:0;color:#fff;font-size:clamp(34px,5vw,60px)}
.about-hero-overlay .section-tag{position:static;background:rgba(255,255,255,.94)}
.about-hero-block{width:100%}
.about-hero-block .about-hero-media img{/* height:min(72vh,680px)*/} 
.about-intro-copy{max-width:900px;margin:0 auto;text-align:center;line-height:1.45}
.about-founders-grid{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:center}
.about-founders-photo{margin:0;position:relative;border:1px solid rgba(52,78,65,.18);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.about-founders-photo img{width:100%;height:100%;min-height:360px;object-fit:cover}
.about-founders-photo .section-tag{top:14px;left:14px}
.about-founders-copy h2{font-size:clamp(32px,3vw,44px);margin-bottom:16px}
.about-founders-copy p{font-size:clamp(16px,2vw,18px);line-height:1.5}
.about-store-title{text-align:center;margin-bottom:24px}
.about-store-grid{display:grid;grid-template-columns:.9fr 1.1fr 1fr;gap:0;overflow:hidden;border-radius:18px;border:1px solid rgba(52,78,65,.16);box-shadow:var(--shadow)}
.about-store-card{background:#a6b79d;color:#f7fbf4;padding:26px 24px;display:flex;flex-direction:column;justify-content:center}
.about-store-card h3{color:#f7fbf4;margin-bottom:18px}
.about-store-card p{color:#f3f9ef!important;font-size:clamp(18px,2vw,22px);line-height:1.35}
.about-store-photo{margin:0;position:relative;background:#f6f5f1}
.about-store-photo img{width:100%;height:100%;min-height:340px;object-fit:cover}
.about-store-photo .section-tag{top:14px;left:14px}
.about-store-map iframe{width:100%;height:100%;min-height:340px;border:0}
.about-sign-wrap{margin-top:24px;display:grid;gap:16px;align-items:center}
.about-sign-wrap>img{width:100%;object-fit:cover;border-radius:14px;border:1px solid rgba(52,78,65,.16)}
.about-sign-link img{max-width:520px;height:auto;border-radius:12px;border:1px solid rgba(52,78,65,.16);transition:transform .25s ease;margin:auto}
.about-sign-link:hover img{transform:translateY(-2px)}
.rooting-icon-wrap img{margin:auto;text-align:center;width:350px}
@media (max-width:991px){
.about-redesign{padding-top:0}
.about-founders-grid,.about-store-grid{grid-template-columns:1fr}
.about-store-map iframe,.about-store-photo img{min-height:280px}
.about-sign-wrap{grid-template-columns:1fr}
.about-sign-link img{width:100%}
}
@media (max-width:575px){
.about-intro-copy{font-size:18px}
.about-founders-copy p,.about-store-card p{font-size:19px}
.about-store-card h3{font-size:21px}
}
.about-redesign,.about-redesign *{border-radius:0!important}
.plant-services{background:#f5f5f5}
.service-box{padding:35px 20px;background:#fff;border-radius:8px;height:100%;transition:.3s}
.service-box:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.08)}
.service-icon{margin-bottom:15px!important;text-align:center;width:60px;margin:auto}
.service-box h4{font-weight:400;margin-bottom:10px}
.service-box p{line-height:1.6;color:#555}

.plant-list-section{background:#f8f6f1;padding:80px 0}
.plant-list-section .container{max-width:1100px}
.plant-list-section .row>div>ul{list-style:none;margin:0;padding:0 20px}
.plant-list-section ul li{position:relative;padding-left:28px;margin-bottom:14px;font-size:28px;line-height:1.4;color:#2f3e34;transition:transform .25s ease,color .25s ease;text-align: left;}
.plant-list-section ul li::before{content:"•";position:absolute;left:0;top:0;color:#8aa06b;font-size:30px;line-height:1}
.plant-list-section ul li:hover{color:#5d744a;transform:translateX(6px)}
.plant-list-section .fst-italic{margin-top:40px;font-size:26px;line-height:1.6;color:#5b5b5b;text-align:center;font-style:italic}
.plant-list-section .text-center.mt-5{margin-top:60px!important;padding:35px 20px;background:#fff;border:1px solid rgba(138,160,107,.25);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.plant-list-section .text-center.mt-5 p{color:#243328;line-height:1.5}
.plant-list-section .text-center.mt-5 p:first-child{font-size:36px;font-weight:600;margin-bottom:10px!important}
.plant-list-section .text-center.mt-5 p:last-child{font-size:34px;margin-bottom:0}
.page-content a {
    color: #a3b18a;
}
.page-content a:hover {
    color: #E91E63;
}
@media (max-width:991px){
.plant-list-section{padding:60px 0}
.plant-list-section ul li{font-size:22px}
.plant-list-section .fst-italic{font-size:22px}
.plant-list-section .text-center.mt-5 p:first-child{font-size:30px}
.plant-list-section .text-center.mt-5 p:last-child{font-size:28px}
}
@media (max-width:767px){
.plant-list-section .row>div>ul{padding:0}
.plant-list-section ul li{font-size:18px;margin-bottom:10px}
.plant-list-section .fst-italic{font-size:18px}
.plant-list-section .text-center.mt-5{margin-top:40px!important;padding:25px 15px}
.plant-list-section .text-center.mt-5 p:first-child{font-size:24px}
.plant-list-section .text-center.mt-5 p:last-child{font-size:22px}
}
.page-banner{background-size:cover;background-position:center;background-repeat:no-repeat;padding:70px 20px;border-radius:12px;position:relative;margin:0 40px 40px 40px}
.page-banner::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);border-radius:12px}
.banner-title{position:relative;z-index:2;color:#fff;text-align:center;font-size:42px;font-weight:700}




.media-grid-section {
    background: #f7f7f7;
}

.media-grid-card {
    text-align: center;
    border:1px solid #a3b18a;padding:10px
}

.media-grid-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 18px;
    color: #111;
    min-height: 58px;
}

.media-grid-image-wrap {
    overflow: hidden;
}

.media-grid-image-wrap img {
    width: 100%;
    height: 260px;
    object-fit: contain;
    display: block;
    
}

@media (max-width: 991px) {
    .media-grid-title {
        font-size: 20px;
        min-height: auto;
    }

    .media-grid-image-wrap img {
        height: 220px;
    }
}

@media (max-width: 767px) {
    .media-grid-title {
        font-size: 18px;
    }

    .media-grid-image-wrap img {
        height: auto;
    }
}