:root{
--primary-color:#0B2F55;
--primary-dark:#071E39;
--secondary-color:#F5B301;
--secondary-dark:#D99A00;
--on-secondary:#0B2F55;
--white-color:#FFFFFF;
--black-color:#111827;
--text-color:#333333;
--muted-color:#6B7280;
--light-color:#F5F8FA;
--border-color:#E5E7EB;
--font-primary:'Poppins',sans-serif;
--header-height:88px;
--transition:all .3s ease;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-primary);font-size:15px;font-weight:400;line-height:1.7;color:var(--text-color);background:var(--white-color);overflow-x:hidden;}
a{text-decoration:none;color:inherit;transition:var(--transition);}
a:hover{color:var(--secondary-color);}
ul,ol{list-style:none;margin:0;padding:0;}
img{max-width:100%;height:auto;display:block;}
button,input,textarea,select{font:inherit;}
button{cursor:pointer;}
button:focus-visible,a:focus-visible{outline:2px solid var(--secondary-color);outline-offset:3px;}
.container{width:100%;max-width:1400px;margin:0 auto;padding-left:15px;padding-right:15px;}
.site-header{position:sticky;top:0;left:0;width:100%;height:var(--header-height);background:var(--white-color);z-index:999;transition:var(--transition);}
.site-header.header-scrolled{box-shadow:0 4px 25px rgba(11,47,85,.1);}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px;}
.header-logo{display:flex;align-items:center;flex-shrink:0;}
.header-logo img{width:210px;max-height:62px;object-fit:contain;}
.logo-fallback{display:flex;flex-direction:column;line-height:1.1;}
.logo-fallback .logo-name{font-size:34px;font-weight:800;letter-spacing:-2px;color:var(--primary-color);}
.logo-fallback .logo-name span{color:var(--secondary-color);}
.logo-fallback .logo-tagline{font-size:10px;font-weight:600;letter-spacing:1.2px;color:var(--primary-color);margin-top:5px;}
.header-navigation{display:flex;align-items:center;justify-content:center;flex:1;}
.nav-menu{display:flex;align-items:center;justify-content:center;gap:34px;}
.nav-item{position:relative;}
.nav-link{display:flex;align-items:center;gap:5px;padding:32px 0;font-size:13px;font-weight:600;line-height:24px;text-transform:uppercase;color:var(--primary-dark);white-space:nowrap;transition:var(--transition);}
.nav-link:hover,.nav-link.active,.nav-item:hover>.nav-link{color:var(--secondary-color);}
.nav-link .bi{font-size:11px;font-weight:700;transition:transform .3s ease;}
.nav-item:hover>.nav-link .bi{transform:rotate(180deg);}
.header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0;}
.header-contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:155px;height:52px;padding:0 26px;border:2px solid var(--secondary-color);border-radius:50px;background:var(--secondary-color);color:var(--white-color);font-size:13px;font-weight:600;white-space:nowrap;transition:var(--transition);}
.header-contact-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white-color);transform:translateY(-2px);}
.mobile-menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--primary-color);font-size:26px;transition:var(--transition);}
.mobile-menu-toggle:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:var(--white-color);}
.mobile-contact-item{display:none;}
body.menu-open{overflow:hidden;}
.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:997;}
.mobile-menu-overlay.active{display:block;}

/* FOOTER MAIN */
.site-footer{background:var(--primary-dark);color:var(--white-color);position:relative;overflow:hidden;}
.footer-main{padding:75px 0 55px;position:relative;}
.footer-main:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--secondary-color),var(--primary-color),var(--secondary-color));}
.footer-about{padding-right:25px;}
.footer-logo{display:inline-flex;align-items:center;margin-bottom:22px;}
.footer-logo img{width:215px;max-height:80px;object-fit:contain;background:transparent;padding:0;}
.footer-description{font-size:13px;line-height:1.9;color:#D0D9E2;margin-bottom:25px;}
.footer-widget{height:100%;}
.footer-title{font-size:17px;font-weight:700;color:var(--white-color);margin-bottom:25px;padding-bottom:13px;position:relative;}
.footer-title:before{content:"";position:absolute;bottom:0;left:0;width:38px;height:3px;background:var(--secondary-color);border-radius:5px;}
.footer-links{display:flex;flex-direction:column;gap:12px;}
.footer-links li{position:relative;padding-left:17px;}
.footer-links li:before{content:"›";position:absolute;left:0;top:0;color:var(--secondary-color);font-size:20px;line-height:1.3;}
.footer-links a{font-size:13px;color:#D0D9E2;transition:var(--transition);}
.footer-links a:hover{color:var(--secondary-color);padding-left:5px;}
.footer-contact-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(245,179,1,.14);border:1px solid rgba(245,179,1,.3);border-radius:6px;color:var(--secondary-color);font-size:17px;}
.footer-contact-btn{display:inline-flex;align-items:center;gap:10px;margin-top:25px;padding:12px 20px;background:var(--secondary-color);border:1px solid var(--secondary-color);border-radius:5px;color:var(--white-color);font-size:12px;font-weight:600;transition:var(--transition);}
.footer-contact-btn:hover{background:transparent;color:var(--secondary-color);}
.footer-bottom{background:#061D34;border-top:1px solid rgba(255,255,255,.12);padding:20px 0;}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;}
.footer-bottom-inner p{margin:0;font-size:12px;color:#BFCBD7;}
.footer-bottom-inner p strong{color:var(--secondary-color);}
.footer-tagline{font-weight:600;letter-spacing:1px;}

/* ZYOUS HERO SLIDER */
.zyous-hero-slider{position:relative;width:100%;height:660px;min-height:580px;overflow:hidden;background:var(--primary-dark);}
@keyframes heroContentEnter{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}

/* ZYOUS ABOUT SECTION */
.zyous-about-section{position:relative;padding:105px 0;background:#fff;overflow:hidden;}

/* ZYOUS TRADING SECTION */
.zyous-trading-section{position:relative;padding:100px 0;background:#f7f9fb;overflow:hidden;}

/* ZYOUS PRODUCT GALLERY */
.zyous-gallery-section{position:relative;padding:95px 0;background:#fff;overflow:hidden;}

/* =========================================
   ZYOUS ABOUT PAGE - DESKTOP CSS
========================================= */
.zy-about-hero{position:relative;min-height:340px;display:flex;align-items:center;background-image:url('../images/aboutus-zyous.png?v=2');background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#082746;overflow:hidden;}
/* ABOUT INTRO */
.zy-about-intro{padding:95px 0;background:#fff;}
/* BUSINESS CATEGORIES */
.zy-about-categories{padding:90px 0;background:#f5f8fa;}
/* MISSION AND VISION */
.zy-about-purpose{padding:95px 0;background:#fff;}
/* APPROACH SECTION */
.zy-about-approach{padding:90px 0;background:#f5f8fa;}
/* CONTACT CTA */
.zy-about-cta-section{padding:55px 0;background:#fff;}

/* ================================
   ZYOUS FERROUS PAGE
================================ */
.zy-ferrous-hero{position:relative;min-height:390px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,39,70,.94),rgba(8,39,70,.60)),url('../images/slider/Ferrous-Banner.jpg?v=2') center/cover no-repeat;overflow:hidden}

/* ================================
   ZYOUS NON-FERROUS PAGE
================================ */
.zy-nonferrous-hero{position:relative;min-height:390px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,39,70,.94),rgba(8,39,70,.60)),url('../images/slider/Non-Ferrous-Banner.jpg?v=2') center/cover no-repeat;overflow:hidden}

/* ================================
   ZYOUS WASTE PAPER PAGE
================================ */
.zy-waste-hero{position:relative;min-height:390px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,39,70,.94),rgba(8,39,70,.60)),url('../images/slider/Paper-waste-banner.jpg?v=2') center/cover no-repeat;overflow:hidden}

/* ================================
   ZYOUS PLASTIC PAGE
================================ */
.zy-plastic-hero{position:relative;min-height:390px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,39,70,.94),rgba(8,39,70,.60)),url('../images/slider/Plastic-waste-banner.jpg?v=2') center/cover no-repeat;overflow:hidden}

/* ================================
   ZYOUS CONTACT PAGE
================================ */
.zy-contact-hero{position:relative;min-height:390px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,39,70,.96),rgba(8,39,70,.65)),url('../images/Business%20Built%20on%20Trust.png?v=2') center/cover no-repeat;overflow:hidden}
.zy-contact-form label:not(.zy-contact-privacy){display:block;font-size:13px;font-weight:700;color:#25364a;margin-bottom:9px}
.zy-contact-form label>span{color:#F5B301}
.zy-contact-form input:not([type="checkbox"]),.zy-contact-form select,.zy-contact-form textarea{width:100%;height:49px;padding:12px 15px;border:1px solid #e0e6eb;border-radius:4px;background:#fafbfc;color:#26384b;font-size:13px;outline:none;transition:.3s}
.zy-contact-form textarea{height:auto;min-height:135px;resize:vertical}
.zy-contact-form input:focus,.zy-contact-form select:focus,.zy-contact-form textarea:focus{border-color:#F5B301;background:#fff;box-shadow:0 0 0 3px rgba(245,179,1,.08)}
.zy-contact-form input::placeholder,.zy-contact-form textarea::placeholder{color:#9aa5b1}
.zy-contact-privacy{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;color:#687585;cursor:pointer}
.zy-contact-privacy input{width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:#F5B301}
.zy-contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:15px 27px;border:0;border-radius:4px;background:#0B2F55;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:.3s}
.zy-contact-submit i{color:#F5B301;font-size:17px}
.zy-contact-submit:hover{background:#F5B301;color:#fff;transform:translateY(-2px)}
.zy-contact-submit:hover i{color:#fff}

/* Dark navy text on solid yellow buttons & badges for readability */
.header-contact-btn,
.btn-secondary-custom,
.btn-primary-custom:hover,
.footer-contact-btn,
.hero-btn-primary,
.about-readmore:hover,
.trading-cta:hover,
.gallery-view-all:hover,
.gallery-card-content>span,
.about-feature:hover .about-feature-icon,
.trading-service-item:hover .trading-icon,
.gallery-card-content>a:hover,
.gallery-arrows button:hover,
.hero-arrows button:hover,
.mobile-menu-toggle:hover,
.footer-social a:hover,
.zy-contact-submit,
.zy-about-btn,
.zy-about-cta-btn{color:var(--on-secondary)!important;}

/* Keep white text when the yellow button turns navy on hover */
.header-contact-btn:hover,
.btn-secondary-custom:hover,
.footer-contact-btn:hover{color:var(--white-color)!important;}

/* Yellow accent brand name in logo text */
.logo-fallback .logo-name span,
.footer-logo-fallback span{color:var(--secondary-color);}

/* ===== FLOATING WHATSAPP BUTTON ===== */
.wa-float{position:fixed;right:22px;bottom:24px;z-index:1200;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;font-size:30px;box-shadow:0 10px 30px rgba(37,211,102,.45);transition:transform .25s ease,box-shadow .25s ease;}
@keyframes waPulse{0%{transform:scale(1);opacity:.7;}70%{transform:scale(1.5);opacity:0;}100%{opacity:0;}}

/* ===== SCROLL TO TOP BUTTON ===== */
.scroll-top{position:fixed;right:22px;bottom:94px;z-index:1200;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:none;border-radius:50%;background:var(--primary-color);color:#fff;font-size:24px;box-shadow:0 10px 26px rgba(11,47,85,.4);opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .3s ease,transform .3s ease,background .25s ease;}
.scroll-top.show{opacity:1;visibility:visible;transform:translateY(0);}
.scroll-top:hover{background:var(--secondary-color);color:var(--on-secondary);transform:translateY(-4px);}
@media (max-width:575px){.scroll-top{width:52px;height:52px;font-size:22px;right:16px;bottom:78px;}}

/* ===== INNER-PAGE SOLID-YELLOW BUTTON CONTRAST (navy text on gold) ===== */
.zy-about-btn:hover,
.zy-about-cta-btn,.zy-about-cta-btn:hover,
.zy-category-card:hover .zy-category-icon,
.zy-ferrous-btn:hover,.zy-ferrous-cta-btn,.zy-ferrous-cta-btn:hover,
.zy-nonferrous-btn:hover,.zy-nonferrous-cta-btn,.zy-nonferrous-cta-btn:hover,
.zy-waste-btn:hover,.zy-waste-cta-btn,.zy-waste-cta-btn:hover,
.zy-plastic-btn:hover,.zy-plastic-cta-btn,.zy-plastic-cta-btn:hover,
.zy-contact-submit:hover{color:var(--on-secondary)!important;}

/* ===== PRODUCT DETAIL PAGES (dropdown sub-pages) ===== */
.zy-pd-image img{width:100%;height:420px;object-fit:cover;border-radius:10px;box-shadow:0 18px 45px rgba(8,39,70,.18);}

/* ===== CONTACT FORM ALERTS ===== */
.zy-form-alert{display:flex;align-items:flex-start;gap:11px;padding:15px 18px;border-radius:8px;font-size:14px;font-weight:600;line-height:1.5;margin-bottom:22px;}
.zy-form-alert i{font-size:19px;flex-shrink:0;margin-top:1px;}
.zy-form-alert a{text-decoration:underline;}
.zy-form-alert-success{background:#FFF4D6;border:1px solid #F5B301;color:#0B2F55;}
.zy-form-alert-success i{color:#D99A00;}
.zy-form-alert-error{background:#FDECEC;border:1px solid #E7A0A0;color:#8A1F1F;}
.zy-form-alert-error i{color:#C0392B;}

/* ===== PRODUCT DETAIL — breadcrumb wrap (3-level) ===== */
.zy-pd-breadcrumb{flex-wrap:wrap;row-gap:6px;}