html,body{margin:0;padding:0;width:100%}app-root{display:block;font-family:Arial,Helvetica,sans-serif;width:100%}.urdu-text{font-family:PDMS_NastaliqNafees Regular,Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif}.navbar-wrapper{width:100%;margin:0}.top-strip{width:100%;height:45px;background-color:#2c3e50;color:#f0f4f8;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:20px;box-sizing:border-box}.top-left{display:flex;flex-direction:row;justify-content:center;align-items:center;line-height:1.1;min-width:210px}.date-line{font-size:16px;direction:rtl;white-space:nowrap}.top-center{font-family:Noto Nastaliq Urdu,serif;font-size:20px;font-weight:700;align-items:center}.top-right{font-size:20px}.main-nav{width:100%;min-height:42px;background-color:#e7e9ec;border-top:1px solid #d7d9dd;border-bottom:1px solid #d7d9dd;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;box-sizing:border-box;font-weight:700;font-size:30px;position:relative}.menu-toggle{display:none;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:#1f3c55}.nav-collapse{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}.brand{color:#060606;font-size:21px;white-space:nowrap;font-weight:700}.menu-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:Times New Roman,Times,serif;font-size:30px}.menu-links a,.login-link{text-decoration:dotted;color:#349ee0;font-size:16px;transition:color .2s ease}.menu-links a:hover,.login-link:hover{color:#286f9e}.login-link{white-space:nowrap}.nav-actions{display:flex;align-items:center;gap:8px}.cart-btn{border:1px solid #c8d2df;background:#fff;border-radius:999px;padding:4px 9px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.cart-icon{font-size:16px;line-height:1}.cart-count{background:#e74c3c;color:#fff;border-radius:999px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 4px}.action-btn{border:0;background:transparent;cursor:pointer;font-family:inherit}.page-content{padding:0}.home-hero{width:100%;min-height:240px;background:radial-gradient(circle at center,#6a3b20,#23160f 70%,#140d09);color:#fff}.hero-overlay{min-height:240px;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;padding:14px 20px;box-sizing:border-box}.hero-left,.hero-right{display:flex;align-items:center;justify-content:center;flex-direction:column}.profile-circle,.logo-circle{width:140px;height:140px;border-radius:50%;border:3px solid rgba(255,196,120,.6);background:#00000059}.profile-name{margin-top:8px;text-align:center}.name-strong{font-size:34px;font-weight:700}.hero-center{text-align:center}.arabic-line{font-size:34px;color:#f3b97f}.english-line{font-size:20px;letter-spacing:5px;margin-top:4px;color:#ffd3a8}.main-title{font-size:84px;line-height:1.05;color:#ffd689;margin-top:10px}.home-body{display:grid;grid-template-columns:1fr 280px;min-height:420px}.content-area{background:#f4f4f4;color:#222;padding:18px;direction:rtl;text-align:right}.content-area h2{margin:0 0 10px}.sidebar{background:#5f5f5f;color:#f1f1f1;direction:rtl}.side-item{padding:14px 12px;border-bottom:1px solid #747474;font-size:18px}.site-footer{width:100%;background:#dfe4ea;border-top:1px solid #d7d0cf;color:#1f1f1f}.footer-top{max-width:1050px;margin:0 auto;padding:14px 18px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-col h3{margin:0 0 6px;font-size:18px;font-style:italic}.footer-col p{margin:0 0 6px;font-size:13px}.social-row{display:flex;gap:6px;margin:8px 0}.social-box{width:18px;height:18px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;background:#26435e;color:#fff;font-size:11px}.whatsapp-box{background:#25d366;text-decoration:none}.whatsapp-box svg{width:12px;height:12px;fill:#fff}.address{font-style:italic}.footer-contact{justify-self:end;text-align:left}.footer-contact h3{color:#ae5b4f}.footer-bottom{border-top:1px solid #decfcf;text-align:center;font-size:12px;padding:7px 10px;font-style:italic}.floating-whatsapp{position:fixed;left:10px;bottom:56px;width:38px;height:38px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;z-index:1100}.floating-whatsapp svg{width:20px;height:20px;fill:#fff}.login-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000}.login-modal{width:min(92vw,360px);background:#fff;border-radius:10px;padding:16px;box-shadow:0 10px 35px #0000004d}.login-modal h3{margin:0 0 10px;font-size:20px}.login-modal input{width:100%;margin-bottom:10px;padding:10px;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions button{border:0;background:#1f6fb2;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer}.modal-actions button:first-child{background:#7a7a7a}.error-text{color:#c0392b;margin:0 0 8px;font-size:13px}.cart-backdrop{position:fixed;inset:0;background:#00000052;z-index:2100}.cart-drawer{position:absolute;top:0;right:0;width:min(360px,92vw);height:100%;background:#fff;box-shadow:-8px 0 24px #0003;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.drawer-header{display:flex;align-items:center;justify-content:space-between}.drawer-header h3{margin:0}.drawer-close-btn{border:0;background:#e74c3c;color:#fff;width:30px;height:30px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}.drawer-note{color:#6a6a6a}.drawer-items{flex:1;overflow:auto;border:1px solid #d8e0ea;border-radius:8px;padding:10px;background:#f8fbff}.drawer-items p{margin:0 0 8px;font-size:14px}.drawer-item-card{border:1px solid #dbe4ef;border-radius:8px;background:#fff;padding:8px;margin-bottom:8px}.qty-row{display:flex;align-items:center;gap:8px}.qty-row button{border:0;width:26px;height:26px;border-radius:6px;background:#2f80ed;color:#fff;cursor:pointer}.drawer-actions{display:flex;gap:8px}.drawer-actions button{flex:1;border:0;border-radius:8px;padding:10px;cursor:pointer;color:#fff;background:#1f6fb2}.drawer-actions .danger{background:#e74c3c}.order-toast{position:fixed;right:16px;bottom:16px;background:#1f9d5c;color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 8px 20px #0003;z-index:2300}.global-loader-backdrop{position:fixed;inset:0;background:#00000038;z-index:2600;display:flex;align-items:center;justify-content:center}.global-loader-box{background:#fff;border-radius:12px;min-width:140px;padding:14px 18px;box-shadow:0 10px 30px #0003;display:grid;justify-items:center;gap:10px}.global-loader-box p{margin:0;font-size:14px;color:#35587c}.global-loader{width:40px;height:40px;border:4px solid #d8e5f3;border-top-color:#1f6fb2;border-radius:50%;animation:global-spin .8s linear infinite}@keyframes global-spin{to{transform:rotate(360deg)}}@media (max-width: 980px){.top-strip{min-height:46px;height:46px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:6px}.top-center{order:2;flex:1;font-size:14px;text-align:center;line-height:1;white-space:nowrap}.top-left{order:1;min-width:120px;justify-content:flex-start;margin-right:10px}.date-line{font-size:12px;text-align:left}.top-right{order:3;min-width:120px;font-size:14px;text-align:right;white-space:nowrap}.main-nav{padding:8px 10px;align-items:center;flex-wrap:nowrap;gap:8px;min-height:46px;overflow:visible}.menu-toggle{display:inline-flex;margin-left:auto;padding:2px 6px}.brand{font-size:18px;flex:0 1 auto}.nav-collapse{display:none;position:absolute;top:calc(100% + 1px);right:0;width:min(280px,92vw);background:#eef1f5;border:1px solid #d0d4da;border-radius:8px;box-shadow:0 8px 20px #00000029;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;z-index:1200}.nav-collapse.open{display:flex}.hero-overlay{grid-template-columns:1fr;row-gap:12px}.main-title{font-size:42px}.arabic-line{font-size:24px}.home-body{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:14px}.footer-contact{justify-self:start}.menu-links{width:auto;flex-direction:column;align-items:flex-start;gap:8px;font-size:16px}.menu-links a,.login-link{font-size:15px;display:block;width:100%}.nav-actions{width:100%;flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 640px){.top-strip{min-height:44px;height:44px;padding:0 6px;gap:4px}.top-left,.top-right{min-width:100px}.top-center{font-size:13px}.date-line{font-size:11px}.top-right{font-size:12px;overflow:hidden;text-overflow:ellipsis}.brand{font-size:16px;max-width:72vw;overflow:hidden;text-overflow:ellipsis}.menu-toggle{font-size:22px}}@media (max-width: 430px){.top-left,.top-right{min-width:88px}.top-center{font-size:12px}.date-line{font-size:10px}}