:root{--darna-green:#184f3a;--darna-green-2:#0d3929;--darna-gold:#d7a84b;--darna-cream:#f7f2e8;--darna-ink:#17211c;--darna-muted:#6d766f;--darna-radius:22px;--darna-shadow:0 18px 55px rgba(22,57,42,.12)}
html{scroll-behavior:smooth}body{font-family:"Montserrat","Cairo",sans-serif;color:var(--darna-ink);background:#fff}h1,h2,h3,h4,h5,h6,.main-menu a,.vs-btn{font-family:"Montserrat","Cairo",sans-serif;letter-spacing:-.025em}html[dir=rtl] body,[lang=ar]{font-family:"Cairo",sans-serif}
.header-layout1 .menu-area,.header-layout3 .menu-area{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 8px 35px rgba(13,57,41,.08)}.main-menu>ul>li>a{font-weight:700;color:var(--darna-ink)}.main-menu>ul>li>a:hover{color:var(--darna-green)}
.vs-btn{border-radius:999px!important;background:var(--darna-green)!important;color:#fff!important;padding:16px 28px!important;font-weight:800!important;box-shadow:0 10px 26px rgba(24,79,58,.2);transition:.25s ease}.vs-btn:hover{background:var(--darna-gold)!important;color:#142019!important;transform:translateY(-2px)}
.hero-layout1,.hero-layout3,.breadcumb-wrapper{position:relative;overflow:hidden}.hero-layout1:before,.hero-layout3:before,.breadcumb-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,39,28,.78),rgba(8,39,28,.22));pointer-events:none}.hero-content,.breadcumb-content{position:relative;z-index:2}.hero-title{font-size:clamp(46px,7vw,88px)!important;line-height:1.02!important;color:#fff!important;text-shadow:0 8px 35px rgba(0,0,0,.2)}
.space,.space-top{padding-top:100px}.space,.space-bottom{padding-bottom:100px}.title-area .sec-subtitle{color:var(--darna-gold)!important;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.title-area .sec-title{font-size:clamp(34px,5vw,58px);line-height:1.08;color:var(--darna-green-2)}
.vs-product,.product-style6,.cate-style1,.feature-style1,.blog-style1{border:1px solid rgba(24,79,58,.1)!important;border-radius:var(--darna-radius)!important;background:#fff!important;box-shadow:0 10px 40px rgba(22,57,42,.08)!important;overflow:hidden;transition:.3s ease}.vs-product:hover,.product-style6:hover,.cate-style1:hover{transform:translateY(-7px);box-shadow:var(--darna-shadow)!important}.product-img{background:linear-gradient(145deg,#fbfaf6,#f0eadf)!important;padding:24px!important;aspect-ratio:1/1}.product-img img{height:100%!important;object-fit:contain!important;transition:.35s ease}.vs-product:hover .product-img img{transform:scale(1.05)}.product-content{padding:24px!important}.product-content h5{font-size:19px;line-height:1.35;margin-bottom:6px}.product-content h5:nth-child(2){font-family:"Cairo",sans-serif;color:var(--darna-green);font-size:17px}.product-cate,.product-price{display:block;color:var(--darna-muted);margin-top:7px}.product-actions{display:flex;gap:10px;align-items:center;margin-top:18px}.product-actions .vs-btn{flex:1;text-align:center;padding:12px 16px!important}.cart-btn{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--darna-cream);color:var(--darna-green)}
.category-filter{border-radius:14px!important;transition:.2s ease}.category-filter.active,.category-filter:hover{background:var(--darna-green)!important;color:#fff!important}.widget_search input,#searchInput,.form-control,.form-select{border-radius:14px!important;border:1px solid rgba(24,79,58,.18)!important;min-height:52px}.widget_search input:focus,#searchInput:focus,.form-control:focus{border-color:var(--darna-gold)!important;box-shadow:0 0 0 4px rgba(215,168,75,.14)!important}
.footer-wrapper{background:linear-gradient(145deg,#092e22,#061f18)!important}.footer-wrapper,.footer-wrapper a,.footer-wrapper p{color:rgba(255,255,255,.78)!important}.footer-wrapper h3,.footer-wrapper h4{color:#fff!important}
.products-loading:before{content:"Loading Darna products…";display:block;text-align:center;padding:50px;color:var(--darna-muted)}.products-ready .products-loading:before{display:none}
@media(max-width:991px){.space,.space-top{padding-top:75px}.space,.space-bottom{padding-bottom:75px}.hero-title{font-size:clamp(40px,11vw,65px)!important}.product-img{padding:18px!important}}
@media(max-width:575px){.vs-btn{padding:13px 20px!important}.product-content{padding:18px!important}.product-actions{flex-wrap:wrap}.product-actions .vs-btn{min-width:calc(100% - 58px)}.title-area .sec-title{font-size:34px}.breadcumb-title{font-size:38px!important}}