:root{
  --yp-green:#6B8E6F;--yp-green-dark:#5A7A5E;--yp-bg:#F9F7F4;--yp-soft:#F3F1ED;--yp-orange:#D97642;--yp-footer:#2C3E2D;--yp-text:#222;--yp-muted:#6f716f;
}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--yp-bg);color:var(--yp-text)}
a{text-decoration:none}.container{max-width:1200px}.topbar{background:var(--yp-green);font-size:.92rem}.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:1020}.logo{height:42px;width:auto}.btn-yp{background:var(--yp-green);border-color:var(--yp-green);color:#fff}.btn-yp:hover,.btn-yp:focus{background:var(--yp-green-dark);border-color:var(--yp-green-dark);color:#fff}.btn-orange{background:var(--yp-orange);border-color:var(--yp-orange);color:#fff}.btn-orange:hover{background:#c66535;border-color:#c66535;color:#fff}.nav-link{color:#222;font-size:.95rem}.nav-link:hover{color:var(--yp-green)}
.catalog-wrap{position:relative}.mega-menu{position:absolute;left:0;top:100%;width:min(820px,calc(100vw - 24px));background:#fff;border:1px solid #eee;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.14);padding:28px;display:none;margin-top:14px}.catalog-wrap:hover .mega-menu{display:block}.mega-menu h6{color:var(--yp-green);font-weight:700}.mega-menu a{display:block;color:#6b6b6b;font-size:.9rem;margin-bottom:9px}.mega-menu a:hover{color:var(--yp-green)}.search-box{background:var(--yp-soft);border-radius:999px;border:none;min-width:230px;padding:.6rem 1rem}.hero{background:var(--yp-soft);padding:64px 0}.hero .carousel-item{min-height:530px}.eyebrow{display:inline-block;background:var(--yp-green);color:#fff;border-radius:999px;padding:.35rem .8rem;font-size:.85rem;font-weight:600}.hero h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.06;font-weight:700;letter-spacing:-.04em}.text-yp{color:var(--yp-green)}.hero-img{height:500px;object-fit:cover;border-radius:32px;box-shadow:0 26px 60px rgba(0,0,0,.18)}.carousel-control-prev,.carousel-control-next{width:48px;height:48px;top:50%;background:#fff;border-radius:50%;opacity:1;box-shadow:0 10px 25px rgba(0,0,0,.15)}.carousel-control-prev{left:10px}.carousel-control-next{right:10px}.category-card{border:0;background:transparent}.category-img{aspect-ratio:1;border-radius:22px;overflow:hidden;background:var(--yp-soft);transition:.25s}.category-img img,.product-img img,.brand-img img,.blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.category-card:hover img,.product-card:hover img,.brand-card:hover img,.blog-card:hover img{transform:scale(1.08)}.section-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;letter-spacing:-.03em}.product-card,.brand-card,.blog-card,.partner-card{border:0;border-radius:18px;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.04);transition:.25s;background:#fff}.product-card:hover,.brand-card:hover,.blog-card:hover,.partner-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.12);transform:translateY(-2px)}.product-img{position:relative;aspect-ratio:1;background:var(--yp-bg);overflow:hidden}.tag{position:absolute;left:14px;top:14px;z-index:2;background:var(--yp-green);color:#fff;border-radius:999px;padding:.25rem .6rem;font-size:.75rem}.heart-btn{position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.86);border:0}.muted{color:var(--yp-muted)}.star{color:#f6b91a}.about-video{aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#111}.green-band{background:var(--yp-green);color:#fff}.feature-icon{font-size:2.6rem}.brand-img{position:relative;aspect-ratio:1;overflow:hidden;background:var(--yp-bg)}.brand-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);display:flex;align-items:flex-end;padding:18px;color:#fff;opacity:0;transition:.25s}.brand-card:hover .brand-overlay{opacity:1}.partner-logo{height:128px;display:flex;align-items:center;justify-content:center;padding:24px}.partner-logo img{max-width:100%;max-height:85px;object-fit:contain;transition:.25s}.partner-card:hover img{transform:scale(1.08)}.blog-img{aspect-ratio:16/9;overflow:hidden}.lead-section{background:linear-gradient(to bottom,#fff,var(--yp-bg));}.lead-image{border-radius:32px;background:linear-gradient(135deg,#E8E4DD,#D5CFC4);padding:38px}.lead-image img{border-radius:22px;width:100%}.form-control,.form-control:focus{background:var(--yp-soft);border:0;box-shadow:none}.form-control{min-height:56px;border-radius:12px;padding:.85rem 1rem}textarea.form-control{min-height:140px}.footer{background:var(--yp-footer);color:#fff}.footer a{color:rgba(255,255,255,.78)}.footer a:hover{color:#D4A574}.footer .logo-footer{height:34px;filter:brightness(0) invert(1)}.era-logo{height:32px;width:auto}.mobile-actions{display:none}
@media(max-width:991.98px){.desktop-nav,.desktop-actions{display:none!important}.mobile-actions{display:flex}.hero{padding:40px 0}.hero .carousel-item{min-height:auto}.hero-img{height:340px}.carousel-control-prev,.carousel-control-next{display:none}.mega-menu{position:static;width:100%;box-shadow:none;margin-top:10px}.catalog-wrap:hover .mega-menu{display:none}.catalog-wrap.open .mega-menu{display:block}.offcanvas .mega-menu{display:block;position:static;width:100%;box-shadow:none;border-radius:14px;padding:18px}.search-box{min-width:auto;width:100%}}