:root{--green:#1F4D36;--green-dark:#163828;--gold:#B68D40;--gold-light:#D4AF37;--cream:#F8F6F1;--dark:#12231A;--text:#202020;--muted:#666;--wa:#25D366}
*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;background:#fff}a{color:var(--green)}.df-container{width:min(1400px,92%);margin:auto}
.df-topbar{background:var(--dark);color:#fff;font-size:12px}.df-topbar-inner{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.df-topbar a{color:var(--gold-light);text-decoration:none;margin-left:15px}
.df-header{background:#fff}.df-header-inner{display:flex;align-items:center;gap:30px;padding:18px 0}.df-brand{min-width:210px}.df-wordmark{display:flex;flex-direction:column;text-decoration:none;line-height:1}.df-wordmark span{font:700 30px Montserrat,Arial;color:var(--green);letter-spacing:3px}.df-wordmark small{font:600 14px Georgia,serif;color:var(--gold);letter-spacing:6px;margin-top:5px}.custom-logo{max-width:190px;height:auto}
.df-search{flex:1}.df-search form{display:flex;border:1px solid #ddd;border-radius:30px;overflow:hidden;background:var(--cream)}.df-search input{flex:1;border:0;background:transparent;padding:13px 18px;outline:0}.df-search button{border:0;background:transparent;padding:0 20px}
.df-header-actions{display:flex;gap:10px}.df-sample-btn,.df-wa-btn,.df-gold-btn,.df-outline-btn{display:inline-block;padding:13px 17px;text-decoration:none;font:700 11px Poppins,Arial}.df-sample-btn,.df-gold-btn{background:var(--gold);color:#fff}.df-wa-btn{background:var(--wa);color:#fff}.df-outline-btn{border:1px solid var(--gold);color:var(--gold)}
.df-nav{background:var(--green-dark)}.df-nav ul{display:flex;justify-content:center;gap:0;margin:0;padding:0;list-style:none}.df-nav li{margin:0}.df-nav a{display:block;padding:15px 15px;color:#fff;text-decoration:none;font:700 11px Montserrat,Arial;letter-spacing:.5px}.df-nav a:hover{background:var(--green);color:var(--gold-light)}
.df-hero{background:var(--green-dark);padding:80px 0;color:#fff}.df-hero-copy{max-width:760px}.df-eyebrow{font:700 11px Poppins,Arial;color:var(--gold-light);letter-spacing:2px}.df-hero h1{font:600 56px/1.08 Georgia,serif;margin:12px 0 20px;color:var(--cream)}.df-hero h1 span{color:var(--gold-light)}.df-hero p{font-size:16px;line-height:1.75;max-width:720px;margin-bottom:28px}.df-hero a{margin-right:8px}
.df-content{padding:60px 0}.df-woocommerce-main{padding:50px 0}
.df-footer{background:#101010;color:#ddd;margin-top:60px}.df-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:55px 0}.df-footer h3{color:var(--gold-light);font:600 14px Montserrat}.df-footer a{color:#ddd;text-decoration:none}.df-footer-brand{color:#fff;font:700 22px Montserrat;letter-spacing:2px}.df-footer-bottom{border-top:1px solid #333;padding:18px 0;font-size:12px}
.elementor-page .site-main{padding:0}.elementor-page .df-content{width:100%;padding:0}.woocommerce .df-container{width:min(1400px,92%)}
@media(max-width:900px){.df-header-inner{gap:15px}.df-brand{min-width:160px}.df-wordmark span{font-size:23px}.df-header-actions .df-sample-btn{display:none}.df-nav a{padding:14px 8px;font-size:10px}.df-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.df-topbar-inner{justify-content:center;text-align:center}.df-topbar-inner>div:first-child{display:none}.df-header-inner{padding:14px 0}.df-brand{min-width:auto}.df-search{display:none}.df-header-actions{margin-left:auto}.df-wa-btn{font-size:0;padding:11px}.df-wa-btn:first-letter{font-size:18px}.df-nav{overflow:hidden}.df-nav ul{justify-content:flex-start;overflow:auto;white-space:nowrap}.df-nav a{padding:13px 10px}.df-hero{padding:55px 0}.df-hero h1{font-size:39px}.df-hero p{font-size:14px}.df-hero a{margin-bottom:10px}.df-footer-grid{grid-template-columns:1fr}.df-topbar a{margin-left:7px}}

/* =========================================================
   Dangaray Food — Native Hero V2
   ========================================================= */
.df-hero-v2{position:relative;overflow:hidden;background:
 radial-gradient(circle at 82% 48%,rgba(182,141,64,.14),transparent 28%),
 linear-gradient(120deg,#163828 0%,#123123 55%,#0e281d 100%);
 color:#fff;min-height:560px;display:flex;align-items:center}
.df-hero-v2:before{content:"";position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle at 20% 20%,#D4AF37 0 1px,transparent 1.5px);background-size:28px 28px;mask-image:linear-gradient(90deg,black,transparent 72%)}
.df-hero-v2-grid{position:relative;z-index:2;display:grid;grid-template-columns:52% 48%;align-items:center;min-height:560px}
.df-hero-v2-copy{padding:55px 0}
.df-hero-v2-copy h1{font:600 clamp(44px,5vw,68px)/1.02 Georgia,serif;margin:12px 0 22px;color:#F8F6F1;letter-spacing:-1px}
.df-hero-v2-copy h1 span{color:#D4AF37}
.df-hero-lead{font:400 17px/1.75 Inter,Arial,sans-serif;color:#F1F1F1;max-width:690px;margin:0 0 28px}
.df-hero-v2-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px}
.df-hero-v2-buttons a{margin:0!important}
.df-hero-trust{display:flex;gap:18px;flex-wrap:wrap;font:500 11px Inter,Arial,sans-serif;color:#ddd}
.df-hero-v2-visual{position:relative;min-height:520px;overflow:hidden}
.df-visual-glow{position:absolute;width:440px;height:440px;border-radius:50%;right:7%;top:8%;background:radial-gradient(circle,rgba(212,175,55,.22),rgba(212,175,55,.04) 48%,transparent 70%);filter:blur(2px)}
.df-rice-arch{position:absolute;border:2px solid rgba(212,175,55,.72);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-24deg)}
.df-arch-a{width:350px;height:350px;right:8%;top:12%}.df-arch-b{width:290px;height:290px;right:17%;top:20%;opacity:.45}
.df-pack{position:absolute;border-radius:9px;box-shadow:0 22px 45px rgba(0,0,0,.38);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;letter-spacing:1px}
.df-pack:after{content:"";position:absolute;bottom:0;left:8%;right:8%;height:8px;border-radius:50%;background:rgba(0,0,0,.22);filter:blur(5px)}
.df-pack-black{width:165px;height:260px;right:29%;top:22%;background:linear-gradient(145deg,#191919,#050505);border:1px solid #4a4a4a;transform:rotate(-4deg);z-index:4;color:#fff}
.df-pack-gold{width:190px;height:290px;right:7%;top:16%;background:linear-gradient(145deg,#d4b06a,#8e672a);border:1px solid #e4c77e;transform:rotate(5deg);z-index:3;color:#20170b}
.df-pack small{font:700 12px Montserrat,Arial;margin-bottom:18px}.df-pack strong{font:700 13px Montserrat,Arial;line-height:1.4}.df-pack em{font:600 9px Poppins,Arial;margin-top:12px;font-style:normal}
.df-bowl{position:absolute;width:150px;height:76px;border-radius:0 0 80px 80px;bottom:72px;z-index:5;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 25px rgba(0,0,0,.3)}
.df-bowl:before{content:"";position:absolute;top:-15px;width:150px;height:30px;border-radius:50%;background:inherit;border:1px solid rgba(255,255,255,.16)}
.df-bowl span{position:relative;z-index:2;font:700 10px Poppins,Arial;letter-spacing:1px}.df-bowl b{position:absolute;top:-8px;font-size:44px;opacity:.18}
.df-bowl-dark{right:31%;background:#2c2117;color:#D4AF37}.df-bowl-light{right:8%;background:#9b6f36;color:#fff}
.df-visual-label{position:absolute;right:3%;bottom:14px;text-align:center;color:#D4AF37;z-index:6}.df-visual-label span,.df-visual-label small{display:block;font:600 9px Poppins,Arial;letter-spacing:2px}.df-visual-label strong{display:block;font:600 20px Georgia,serif;margin:3px 0}
.df-paddy-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#D4AF37;box-shadow:0 0 0 5px rgba(212,175,55,.08)}.dot1{right:43%;top:17%}.dot2{right:4%;top:41%}.dot3{right:23%;bottom:16%}
.df-home-elementor-content{width:100%}
@media(max-width:900px){.df-hero-v2-grid{grid-template-columns:1fr}.df-hero-v2-copy{padding:65px 0 20px}.df-hero-v2-visual{min-height:420px}.df-pack-black{right:38%;top:12%}.df-pack-gold{right:8%;top:8%}.df-bowl-dark{right:39%}.df-bowl-light{right:8%}}
@media(max-width:767px){.df-hero-v2{min-height:auto}.df-hero-v2-grid{min-height:auto}.df-hero-v2-copy{padding:50px 0 10px}.df-hero-v2-copy h1{font-size:42px}.df-hero-lead{font-size:14px}.df-hero-v2-visual{min-height:330px}.df-arch-a{width:250px;height:250px;right:5%;top:8%}.df-arch-b{width:205px;height:205px;right:16%;top:15%}.df-pack-black{width:115px;height:190px;right:35%;top:15%}.df-pack-gold{width:135px;height:215px;right:4%;top:10%}.df-bowl{width:105px;height:55px;bottom:45px}.df-bowl:before{width:105px;height:22px;top:-11px}.df-bowl span{font-size:8px}.df-bowl-dark{right:35%}.df-bowl-light{right:4%}.df-visual-label{display:none}.df-hero-trust{gap:9px;font-size:10px}}

/* =========================================================
   v1.2 Header Refinement + Native Mega Menu Framework
   ========================================================= */
.df-site-header{position:relative;z-index:1000}
.df-topbar{min-height:34px;background:#12231A;color:#fff}
.df-topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.df-topbar-left{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}
.df-topbar-left i{font-style:normal;color:#B68D40}
.df-topbar-right{display:flex;align-items:center;gap:20px;white-space:nowrap}
.df-topbar-right a{margin-left:0!important;color:#D4AF37;font-size:11px}
.df-header-main{background:#fff}
.df-header-inner{min-height:94px;display:flex;align-items:center;gap:28px}
.df-brand{flex:0 0 210px}
.df-brand .custom-logo{display:block;max-width:195px;max-height:70px;width:auto;height:auto}
.df-search{flex:1;min-width:180px}
.df-search form{height:44px;border:1px solid #D6D6D6;border-radius:24px;overflow:hidden;background:#F8F6F1}
.df-search input[type="search"],.df-search input[type="text"]{height:42px;border:0;background:transparent;padding:0 18px;outline:none;font-size:13px;width:100%}
.df-search button{border:0;background:transparent;min-width:62px;cursor:pointer}
.df-header-actions{display:flex;gap:10px;flex:0 0 auto}
.df-sample-btn,.df-wa-btn{padding:14px 17px!important;font:700 10px Poppins,Arial,sans-serif!important;letter-spacing:.2px}
.df-wa-btn{background:#25D366!important}
.df-nav{background:#163828;border-bottom:1px solid rgba(255,255,255,.18)}
.df-nav-inner{position:relative}
.df-primary-menu{display:flex;align-items:stretch;justify-content:center;margin:0;padding:0;list-style:none}
.df-primary-menu>li{position:relative;margin:0;padding:0}
.df-primary-menu>li>a{display:flex;align-items:center;min-height:52px;padding:0 15px;color:#fff;text-decoration:none;font:700 11px Montserrat,Arial,sans-serif;letter-spacing:.45px;white-space:nowrap}
.df-primary-menu>li>a:hover,.df-primary-menu>li.current-menu-item>a,.df-primary-menu>li.current-menu-ancestor>a{color:#D4AF37;background:#1F4D36}
.df-primary-menu>li.menu-item-has-children>a:after{content:"⌄";color:#D4AF37;font-size:12px;margin-left:6px}
.df-primary-menu .sub-menu{position:absolute;top:100%;left:0;min-width:230px;margin:0;padding:10px 0;background:#fff;list-style:none;box-shadow:0 12px 30px rgba(0,0,0,.15);border-top:2px solid #B68D40;opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s ease;z-index:1002}
.df-primary-menu li:hover>.sub-menu,.df-primary-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.df-primary-menu .sub-menu li{margin:0}.df-primary-menu .sub-menu a{display:block;padding:9px 16px;color:#1F4D36;text-decoration:none;font:500 12px Inter,Arial,sans-serif}
.df-primary-menu .sub-menu a:hover{background:#F8F6F1;color:#B68D40}
.df-mobile-toggle{display:none}
@media(max-width:1100px){
 .df-topbar-left span:nth-of-type(3),.df-topbar-left i:nth-of-type(3){display:none}
 .df-header-inner{gap:18px}.df-brand{flex-basis:175px}.df-brand .custom-logo{max-width:165px}
 .df-primary-menu>li>a{padding:0 9px;font-size:10px}
 .df-header-actions .df-sample-btn{display:none}
}
@media(max-width:767px){
 .df-topbar-inner{justify-content:center;padding:7px 0}.df-topbar-left{display:none}.df-topbar-right{gap:11px;font-size:10px}
 .df-header-inner{min-height:74px;padding:10px 0;gap:12px}.df-mobile-toggle{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid #D6D6D6;background:#fff;color:#163828;font-size:20px;cursor:pointer;flex:0 0 38px}
 .df-brand{flex:1}.df-brand .custom-logo{max-width:145px;max-height:55px}.df-wordmark span{font-size:19px}.df-wordmark small{font-size:8px;letter-spacing:2px}
 .df-search{display:none}.df-header-actions{margin-left:auto}.df-header-actions .df-sample-btn{display:none}.df-wa-btn{padding:11px 12px!important;font-size:0!important}.df-wa-btn:first-letter{font-size:17px}
 .df-nav{display:none}.df-nav.df-mobile-open{display:block}.df-nav-inner{width:100%}.df-primary-menu{display:block;padding:7px 0}
 .df-primary-menu>li>a{min-height:45px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}
 .df-primary-menu .sub-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:0;background:#12231A;padding:0}
 .df-primary-menu li:hover>.sub-menu{display:none}
 .df-primary-menu li.menu-item-has-children:focus-within>.sub-menu{display:block}
}

/* Native mega menu framework: add df-mega-menu to a top-level menu item */
.df-primary-menu>li.df-mega-menu{position:static}
.df-primary-menu>li.df-mega-menu>.sub-menu{left:50%;right:0;width:min(1100px,92vw);transform:translate(-50%,8px);display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:24px;background:#fff}
.df-primary-menu>li.df-mega-menu:hover>.sub-menu,.df-primary-menu>li.df-mega-menu:focus-within>.sub-menu{transform:translate(-50%,0)}
.df-primary-menu>li.df-mega-menu>.sub-menu>li>a{font:700 12px Montserrat,Arial,sans-serif;color:#163828;padding:8px 12px}
.df-primary-menu>li.df-mega-menu>.sub-menu>li>.sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0;min-width:0}
.df-primary-menu>li.df-mega-menu>.sub-menu>li>.sub-menu a{padding:6px 12px;font-size:12px}
@media(max-width:767px){
 .df-primary-menu>li.df-mega-menu>.sub-menu{width:auto;display:block;padding:0;transform:none}
 .df-primary-menu>li.df-mega-menu>.sub-menu>li>a{padding-left:35px}
}