.header{z-index:1000;direction:ltr;background-color:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;width:100%;padding:20px 60px;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 4px #0003}.header .leftSection{align-items:center;gap:10px;display:flex}.header .leftSection .logoBox{background-color:#2563eb;border-radius:12px;padding:6px;box-shadow:0 2px 4px #2563eb4d}.header .leftSection .logo{border-radius:8px}.header .leftSection .textBox{text-align:right}.header .leftSection .textBox .logoname{color:#000;margin:0;font-size:18px;font-weight:600}.header .leftSection .textBox p{color:#666;margin:0;font-size:14px}.header .rightSection{align-items:center;gap:10px;transition:all .4s;display:flex}.header .rightSection .button{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:25px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:16px;font-weight:400;transition:all .2s;display:flex}.header .rightSection .button img{margin-left:5px}.header .rightSection .button:hover{background-color:#f2f2f2}.header .rightSection .cart-button{position:relative}.header .rightSection .cart-button .cart-badge{color:#fff;background:#ef4444;border-radius:999px;padding:4px 7px;font-size:12px;line-height:1;position:absolute;top:-6px;left:-8px;box-shadow:0 2px 6px #0000001f}.header .hamburger{cursor:pointer;z-index:1100;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:32px;height:26px;display:none}.header .hamburger span{background:#222;border-radius:4px;width:100%;height:3.5px;transition:all .3s;display:block}.header .hamburger.active span:first-child{transform:translateY(9px)rotate(45deg)}.header .hamburger.active span:nth-child(2){opacity:0}.header .hamburger.active span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.cart-overlay{z-index:2000;background:#00000059;justify-content:flex-end;padding-left:20px;display:flex;position:fixed;inset:0}.cart-overlay .cart-box{background:#fff;flex-direction:column;width:420px;max-width:100%;height:100%;padding:18px;display:flex;overflow-y:auto;box-shadow:-8px 0 30px #1018281f}.cart-overlay .cart-box .cart-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cart-overlay .cart-box .cart-head h3{margin:0;font-size:18px}.cart-overlay .cart-box .cart-head .close-cart{cursor:pointer;background:0 0;border:none;font-size:22px}.cart-overlay .cart-box .cart-items{flex-direction:column;gap:12px;margin-top:6px;display:flex}.cart-overlay .cart-box .cart-items .cart-item{border:1px solid #f0f0f0;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.cart-overlay .cart-box .cart-items .cart-item .thumb{background:#fafafa;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.cart-overlay .cart-box .cart-items .cart-item .meta{text-align:right;flex:1}.cart-overlay .cart-box .cart-items .cart-item .meta h4{margin:0 0 6px;font-size:15px}.cart-overlay .cart-box .cart-items .cart-item .meta .price{color:#16a34a;margin-bottom:8px;font-size:13px}.cart-overlay .cart-box .cart-items .cart-item .qty{align-items:center;gap:8px;display:inline-flex}.cart-overlay .cart-box .cart-items .cart-item .qty button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;width:28px;height:28px}.cart-overlay .cart-box .cart-items .cart-item .actions .delete{color:#ef4444;cursor:pointer;background:0 0;border:none}.cart-overlay .cart-box .cart-footer{border-top:1px dashed #eee;flex-direction:column;gap:12px;margin-top:auto;padding-top:10px;display:flex}.cart-overlay .cart-box .cart-footer .total{justify-content:space-between;align-items:center;display:flex}.cart-overlay .cart-box .cart-footer .cart-controls{justify-content:flex-end;gap:10px;display:flex}.cart-overlay .cart-box .cart-footer .cart-controls .clear{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:8px;padding:8px 12px}.cart-overlay .cart-box .cart-footer .cart-controls .checkout{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:8px 12px}@media (max-width:820px){.header .textBox{display:none}.header .hamburger{display:flex;position:relative}.header .rightSection{text-align:center;opacity:0;pointer-events:none;background:#fff;border-bottom:1px solid #eee;flex-direction:column;gap:14px;width:100%;padding:15px 0;position:absolute;top:98px;right:0;transform:translateY(-20px);box-shadow:0 6px 18px #00000014}.header .rightSection.open{opacity:1;pointer-events:auto;transform:translateY(0)}.header .rightSection .button{color:#000;background:#fafafa;border-radius:10px;width:90%;margin:0 auto;padding:10px 16px;font-size:15px}.header .cart-box{width:100%}}.success-box{text-align:center;padding:20px}.order-field{border:1px solid #ddd;border-radius:8px;justify-content:center;gap:10px;margin:10px auto;padding:10px;display:flex}.order-field button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:4px 10px}.order-field button:hover{background:#4d46c7}.order-field button:active{background:#4540ad}.wh-link{color:#2563eb;margin-top:8px;font-size:18px;display:inline-block}.close-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;margin:0 auto;padding:4px 10px;display:block}.close-btn:hover{background:#4d46c7}.close-btn:active{background:#4540ad}
.footer{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;background:linear-gradient(#071023 0%,#0f1b2d 100%);padding:48px 0;font-family:Tajawal,sans-serif;box-shadow:inset 0 -1px #ffffff05}.footer .container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:36px;width:92%;max-width:1280px;margin:0 auto;display:flex}.footer .section{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-width:240px;display:flex}.footer .section h3{color:#eaf0ff;letter-spacing:.2px;margin-bottom:14px;font-size:18px;font-weight:700}.footer .section span{color:#fff}.footer .section p{color:#fff;justify-content:center;align-items:center;gap:10px;max-width:320px;margin:8px 0;font-size:15px;line-height:1.55;display:flex}.footer .section p img{object-fit:contain;width:18px;height:18px}.footer .section p .contact-text{direction:ltr}.footer .section:focus-within h3{outline:none}.footer .social{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.footer .social-link{will-change:transform,opacity;-webkit-tap-highlight-color:#0000;background:linear-gradient(#ffffff08,#ffffff03);border:1px solid #ffffff0a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .22s cubic-bezier(.2,.9,.3,1),box-shadow .22s,background .22s;display:inline-flex;box-shadow:0 6px 18px #0308141f}.footer .social-link img{object-fit:contain;width:20px;height:20px}.footer .social-link:hover,.footer .social-link:focus{background:linear-gradient(#ffffff0f,#ffffff05);outline:none;transform:translateY(-4px)scale(1.03);box-shadow:0 12px 30px #03081429}.footer .social-link:active{transform:translateY(-2px)scale(.99)}.footer .social-link:focus{box-shadow:0 12px 30px #03081429,0 0 0 4px #7053ed1a}.footer .copy{text-align:center;color:#bfc9d9;border-top:1px solid #ffffff08;width:100%;margin-top:34px;padding:20px 16px;font-size:13px}@media (max-width:900px){.footer{padding:36px 0}.footer .container{gap:22px;width:94%}.footer .section{text-align:center;align-items:center;min-width:100%}.footer .section p{justify-content:center}.footer .social-link{width:48px;height:48px}}@media (max-width:500px){.footer{padding:28px 0}.footer .container{gap:16px;width:95%}.footer .section p{color:#fff;font-size:14px}.footer .social-link{width:46px;height:46px}}.no-motion .footer,.prefers-reduced-motion .footer{transition:none!important;animation:none!important}