/*
Theme Name: Milano Group
Theme URI: https://milanogrp.com
Author: Milano Group
Description: Custom corporate uniform website for Milano Group UAE
Version: 1.0
License: Proprietary
Text Domain: milano-group
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --bg:#f5f4f2;--bg2:#edeae6;--surface:#ffffff;--surface2:#f0ede9;
  --border:#e0dbd4;--border2:#c8c2bb;--text:#111111;--text-mid:#444444;
  --gray:#777777;--gray-lt:#aaaaaa;--accent:#111111;
  --radius:10px;--shadow:0 2px 16px rgba(0,0,0,0.07);--shadow-lg:0 8px 40px rgba(0,0,0,0.12);
}
html{scroll-behavior:smooth;}
body{font-family:'Montserrat',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}img{max-width:100%;display:block;}
.container{max-width:1200px;margin:0 auto;}
.topbar{background:var(--text);padding:8px 32px;display:flex;justify-content:space-between;align-items:center;font-size:12px;}
.topbar a{color:#999;transition:color .2s;letter-spacing:.3px;}.topbar a:hover{color:#fff;}
.topbar-social{display:flex;gap:16px;}
nav{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:68px;box-shadow:0 1px 8px rgba(0,0,0,0.06);}
.nav-logo img{height:40px;width:auto;}
.nav-links{display:flex;list-style:none;gap:2px;align-items:center;}
.nav-links>li{position:relative;}
.nav-links>li>a{font-size:12px;font-weight:600;color:var(--text-mid);padding:8px 13px;border-radius:6px;letter-spacing:.8px;text-transform:uppercase;transition:all .2s;display:block;}
.nav-links>li>a:hover,.nav-links>li>a.active{color:var(--text);background:var(--bg2);}
.dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid var(--border);border-radius:10px;min-width:230px;padding:8px 0;box-shadow:var(--shadow-lg);}
.nav-links>li:hover .dropdown{display:block;}
.dropdown a{display:block;padding:10px 18px;font-size:12px;color:var(--text-mid);letter-spacing:.5px;transition:all .15s;}
.dropdown a:hover{color:var(--text);background:var(--bg);padding-left:24px;}
.nav-cta{background:var(--text)!important;color:#fff!important;padding:8px 18px!important;border-radius:6px!important;font-weight:700!important;font-size:11px!important;letter-spacing:1px!important;text-transform:uppercase!important;transition:background .2s!important;}
.nav-cta:hover{background:#333!important;}
.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px;}
.hamburger span{display:block;width:22px;height:2px;background:var(--text-mid);border-radius:2px;}
.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;bottom:0;background:#fff;z-index:999;overflow-y:auto;padding:8px 0 40px;border-top:1px solid var(--border);}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;padding:13px 24px;font-size:13px;font-weight:600;color:var(--text-mid);border-bottom:1px solid var(--border);letter-spacing:.5px;text-transform:uppercase;}
.mobile-menu a.sub{padding-left:40px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--gray);}
.mobile-menu a:hover{color:var(--text);}
section{padding:80px 32px;}
.section-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gray);margin-bottom:10px;}
.section-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:var(--text);letter-spacing:-0.5px;line-height:1.15;margin-bottom:14px;}
.section-sub{color:var(--text-mid);font-size:15px;max-width:560px;line-height:1.7;}
.page-hero{background:var(--text);padding:64px 32px;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;opacity:.12;}
.page-hero .container{position:relative;z-index:1;}
.page-hero-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#888;margin-bottom:10px;}
.page-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.1;margin-bottom:14px;}
.page-hero p{font-size:15px;color:#999;max-width:600px;line-height:1.7;}
.breadcrumb{display:flex;gap:8px;font-size:12px;color:#666;margin-bottom:14px;}
.breadcrumb a:hover{color:#fff;}.breadcrumb span{color:#555;}
.uniform-subnav{background:#fff;border-bottom:1px solid var(--border);padding:0 32px;overflow-x:auto;white-space:nowrap;}
.uniform-subnav-inner{display:inline-flex;gap:2px;height:48px;align-items:center;}
.uniform-subnav a{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--gray);padding:6px 14px;border-radius:5px;transition:all .2s;}
.uniform-subnav a:hover,.uniform-subnav a.active{color:var(--text);background:var(--bg2);}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .25s;display:flex;flex-direction:column;}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--border2);}
.card-img{width:100%;height:220px;object-fit:cover;}
.card-body{padding:22px;flex:1;display:flex;flex-direction:column;}
.card-icon{width:38px;height:38px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:12px;}
.card h3{font-size:15px;font-weight:700;color:var(--text);margin-bottom:7px;}
.card p{font-size:13px;color:var(--text-mid);line-height:1.6;flex:1;}
.card a.learn{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--gray);margin-top:14px;letter-spacing:.8px;text-transform:uppercase;transition:all .2s;}
.card a.learn:hover{color:var(--text);gap:10px;}
.stat-strip{background:var(--text);padding:40px 32px;}
.stat-strip .container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.stat-item{text-align:center;}
.stat-num{font-size:2.2rem;font-weight:900;color:#fff;display:block;letter-spacing:-1px;}
.stat-label{font-size:11px;color:#666;letter-spacing:2px;text-transform:uppercase;margin-top:4px;display:block;}
.btn-dark{display:inline-block;background:var(--text);color:#fff;padding:13px 28px;border-radius:7px;font-weight:700;font-size:13px;letter-spacing:.8px;text-transform:uppercase;transition:background .2s;}
.btn-dark:hover{background:#333;}
.btn-outline{display:inline-block;border:1.5px solid var(--border2);color:var(--text-mid);padding:12px 26px;border-radius:7px;font-weight:600;font-size:13px;letter-spacing:.5px;transition:all .2s;}
.btn-outline:hover{border-color:var(--text);color:var(--text);}
.cta-strip{background:var(--text);padding:64px 32px;text-align:center;}
.cta-strip h2{font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800;color:#fff;letter-spacing:-0.5px;margin-bottom:12px;}
.cta-strip p{color:#888;font-size:15px;max-width:500px;margin:0 auto 28px;line-height:1.7;}
.btn-white{display:inline-block;background:#fff;color:var(--text);padding:13px 28px;border-radius:7px;font-weight:700;font-size:13px;letter-spacing:.8px;text-transform:uppercase;transition:background .2s;}
.btn-white:hover{background:#e8e8e8;}
.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.client-logo{background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px 10px;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.client-logo:hover{border-color:var(--border2);box-shadow:var(--shadow);}
.client-logo img{max-height:40px;max-width:100%;object-fit:contain;filter:grayscale(100%) opacity(60%);transition:filter .2s;}
.client-logo:hover img{filter:grayscale(100%) opacity(80%);}
.feature-row{display:flex;gap:16px;padding:20px;border:1px solid var(--border);border-radius:10px;background:#fff;align-items:flex-start;transition:box-shadow .2s;}
.feature-row:hover{box-shadow:var(--shadow);}
.feature-icon{width:46px;height:46px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.feature-row h4{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px;}
.feature-row p{font-size:13px;color:var(--text-mid);line-height:1.6;}
.check-item{display:flex;align-items:start;gap:10px;margin-bottom:12px;}
.check-item span.ck{color:var(--text);font-weight:700;margin-top:1px;}
.check-item p{font-size:13px;color:var(--text-mid);line-height:1.6;}
.img-panel{border-radius:12px;overflow:hidden;border:1px solid var(--border);}
footer{background:var(--text);padding:60px 32px 0;}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;}
.footer-brand img{height:36px;margin-bottom:16px;filter:brightness(10) opacity(.7);}
.footer-brand p{font-size:13px;color:#666;line-height:1.8;max-width:270px;}
.footer-brand .email{display:inline-block;margin-top:14px;font-size:13px;color:#888;}
.footer-brand .email:hover{color:#fff;}
.footer-social{display:flex;gap:8px;margin-top:18px;}
.footer-social a{width:34px;height:34px;background:#1e1e1e;border:1px solid #333;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#666;font-weight:700;transition:all .2s;}
.footer-social a:hover{color:#fff;border-color:#555;}
.footer-col h4{font-size:11px;font-weight:700;color:#fff;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-col li a{font-size:13px;color:#666;transition:color .2s;}
.footer-col li a:hover{color:#fff;}
.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid #222;padding:20px 0;display:flex;justify-content:space-between;font-size:12px;color:#555;}
.wa-fab{position:fixed;bottom:26px;right:26px;width:52px;height:52px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2000;box-shadow:0 4px 16px rgba(37,211,102,.3);transition:transform .25s;}
.wa-fab:hover{transform:scale(1.1);}
@media(max-width:1024px){.stat-strip .container{grid-template-columns:repeat(2,1fr);}.clients-grid{grid-template-columns:repeat(4,1fr);}.footer-grid{grid-template-columns:1fr 1fr;gap:32px;}}
@media(max-width:768px){.topbar{display:none;}nav{padding:0 20px;}.nav-links{display:none;}.hamburger{display:flex;}section{padding:56px 20px;}.page-hero{padding:48px 20px;}.clients-grid{grid-template-columns:repeat(3,1fr);}.footer-grid{grid-template-columns:1fr;gap:28px;}.footer-bottom{flex-direction:column;gap:8px;text-align:center;}}
@media(max-width:480px){.clients-grid{grid-template-columns:repeat(2,1fr);}.stat-strip .container{grid-template-columns:repeat(2,1fr);}}