header{background:linear-gradient(135deg,#1a3a52 0%,#2d5a7b 100%);color:white;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;flex-wrap:nowrap;}header .logo{font-size:1.6rem;font-weight:900;display:flex;align-items:center;gap:0.8rem;color:white;text-decoration:none;}header .logo img{height:50px;width:auto;}header nav{display:flex;gap:1.5rem;align-items:center;}header nav a,.dropdown-trigger{color:white;text-decoration:none;font-weight:500;transition:all 0.3s ease;position:relative;cursor:pointer;font-size:15px;display:flex;align-items:center;gap:5px;padding:15px 5px;}header nav a:hover,.dropdown:hover .dropdown-trigger{color:#d4a574;}.dropdown{position:relative;display:inline-block;}.dropdown-content{visibility:hidden;opacity:0;position:absolute;right:0;background-color:white;min-width:200px;box-shadow:0 10px 30px rgba(0,0,0,0.15);border-radius:10px;z-index:1001;top:100%;margin-top:-5px;padding-top:10px;transition:all 0.3s ease;transform:translateY(10px);border:1px solid #eee;}.dropdown:hover .dropdown-content{visibility:visible;opacity:1;transform:translateY(0);}.dropdown-content a{color:#333 !important;padding:12px 20px;display:block;text-align:right;border-bottom:1px solid #f5f5f5;font-size:14px;font-weight:500;margin:0;transition:all 0.2s ease;}.dropdown-content a:last-child{border-bottom:none;}.dropdown-content a:hover{background-color:#fcf8f3;color:#d4a574 !important;padding-right:25px;}.btn-shop{background:linear-gradient(135deg,#d4a574 0%,#e8b88a 100%);color:white !important;padding:0.6rem 1.4rem;border-radius:25px;text-decoration:none;font-weight:700;transition:all 0.3s ease;box-shadow:0 4px 10px rgba(212,165,116,0.3);margin-right:10px;}.btn-shop:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(212,165,116,0.4);color:white !important;}html{overflow-x:hidden;}body{overflow-x:hidden;-webkit-text-size-adjust:100%;}img{max-width:100%;height:auto;}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}*{-webkit-tap-highlight-color:transparent;}a,button{-webkit-touch-callout:default;}.site-nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:rgba(255,255,255,0.12);border-radius:8px;cursor:pointer;padding:0;flex-shrink:0;order:99;}.site-nav-toggle span,.site-nav-toggle::before,.site-nav-toggle::after{content:"";display:block;width:24px;height:3px;border-radius:2px;background:currentColor;color:#ffffff;transition:transform 0.25s ease,opacity 0.25s ease;}.site-nav-toggle span{margin:5px 0;}.site-nav-toggle.is-active span{opacity:0;}.site-nav-toggle.is-active::before{transform:translateY(8px) rotate(45deg);}.site-nav-toggle.is-active::after{transform:translateY(-8px) rotate(-45deg);}.dropdown.is-open .dropdown-content{display:block !important;}.dropdown-trigger{cursor:pointer;display:inline-flex;align-items:center;gap:4px;}@media (max-width:768px){.site-nav-toggle{display:inline-flex !important;}header nav,header .container nav{display:none !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;background:rgba(0,0,0,0.18) !important;border-radius:10px;margin-top:10px;padding:10px !important;gap:0 !important;max-height:75vh;overflow-y:auto;}header nav.site-nav-open,header .container nav.site-nav-open{display:flex !important;}header nav a,header .container nav a,.dropdown-trigger{width:100%;margin:0 !important;padding:12px 10px !important;border-bottom:1px solid rgba(255,255,255,0.12);text-align:center;}header nav a:last-child{border-bottom:none;}header nav .btn-shop{margin:8px 0 0 !important;display:block;}.dropdown{width:100%;}.dropdown-content{display:none;position:static !important;box-shadow:none !important;width:100% !important;background:rgba(0,0,0,0.15) !important;border-radius:6px;margin-top:4px;}.dropdown-content a{color:inherit !important;padding:10px !important;}header .container{flex-wrap:wrap !important;}header{flex-wrap:wrap;}}@media (max-width:480px){.hero h1,.page-header h1{font-size:1.7rem !important;}.hero p,.page-header p{font-size:0.95rem !important;}.section h2,h2{font-size:1.5rem !important;}.container,main,.content-wrapper{padding-left:12px !important;padding-right:12px !important;}button,.submit-button,.btn-shop,input,textarea,select{font-size:16px !important;}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d4a574;outline-offset:2px;}
/* زر واتساب العائم */
.site-whatsapp-float{position:fixed;bottom:22px;left:22px;z-index:2000;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,0.25);text-decoration:none;animation:site-wa-pulse 2.5s ease-in-out infinite;}
.site-whatsapp-float:hover{transform:scale(1.08);box-shadow:0 8px 22px rgba(0,0,0,0.3);}
.site-whatsapp-float svg{width:32px;height:32px;fill:#ffffff;}
@keyframes site-wa-pulse{0%{box-shadow:0 6px 18px rgba(37,211,102,0.35);}50%{box-shadow:0 6px 18px rgba(37,211,102,0.7);}100%{box-shadow:0 6px 18px rgba(37,211,102,0.35);}}
@media (max-width:480px){.site-whatsapp-float{width:52px;height:52px;bottom:16px;left:16px;}.site-whatsapp-float svg{width:28px;height:28px;}}
/* بانر موافقة الكوكيز */
.site-cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:2500;background:#1a3a52;color:#ffffff;padding:18px 20px;box-shadow:0 -4px 20px rgba(0,0,0,0.25);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:1.7;transform:translateY(120%);transition:transform 0.4s ease;}
.site-cookie-banner.site-cookie-visible{transform:translateY(0);}
.site-cookie-banner p{margin:0;flex:1 1 320px;color:#f0f0f0;}
.site-cookie-banner a{color:#d4a574;text-decoration:underline;}
.site-cookie-actions{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto;}
.site-cookie-btn{border:none;border-radius:25px;padding:10px 24px;font-weight:700;font-size:14px;cursor:pointer;transition:transform 0.2s ease,opacity 0.2s ease;}
.site-cookie-btn:hover{transform:translateY(-2px);}
.site-cookie-accept{background:#d4a574;color:#1a3a52;}
.site-cookie-reject{background:transparent;color:#ffffff;border:1px solid rgba(255,255,255,0.5);}
@media (max-width:600px){.site-cookie-banner{flex-direction:column;align-items:stretch;text-align:center;padding:16px;}.site-cookie-actions{justify-content:center;}}