/* Hayyat Networks cart */
.hnc-fab{position:fixed;left:18px;bottom:18px;z-index:90;width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#0A6CD0,#00AEE6);color:#fff;display:none;place-items:center;box-shadow:0 12px 28px rgba(10,108,208,.35);cursor:pointer}
.hnc-fab.show{display:grid}.hnc-fab svg{width:24px;height:24px}
.hnc-n{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#F5A623;color:#0A1A33;font:800 12px/22px system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
@media (max-width:760px){.hnc-fab{bottom:86px;left:14px;width:52px;height:52px}}
.hnc-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;display:flex;gap:12px;align-items:center;background:#0A1A33;color:#fff;padding:12px 14px 12px 18px;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.3);font:600 14px/1.3 system-ui,sans-serif;max-width:calc(100vw - 32px);transition:opacity .35s,transform .35s}
.hnc-toast.out{opacity:0;transform:translate(-50%,10px)}
.hnc-toast button{border:0;background:#00AEE6;color:#04121F;font-weight:800;border-radius:10px;padding:8px 12px;cursor:pointer;white-space:nowrap}
.hnc-drawer{position:fixed;inset:0;z-index:110;visibility:hidden}
.hnc-drawer.open{visibility:visible}
.hnc-bg{position:absolute;inset:0;background:rgba(6,22,46,.5);opacity:0;transition:opacity .25s}
.hnc-drawer.open .hnc-bg{opacity:1}
.hnc-panel{position:absolute;top:0;right:0;bottom:0;width:min(520px,100vw);background:#F6F9FD;box-shadow:-20px 0 50px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .3s;display:flex;flex-direction:column}
.hnc-drawer.open .hnc-panel{transform:none}
.hnc-panel header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #DCE6F2}
.hnc-panel header h2{margin:0;font-size:1.25rem}
.hnc-close{border:0;background:#F1F5FA;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;color:#0A1A33}
.hnc-body{overflow:auto;padding:16px 18px 30px;flex:1}
html.hnc-lock{overflow:hidden}
.hnc-list{display:grid;gap:10px}
.hnc-item{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;background:#fff;border:1px solid #DCE6F2;border-radius:14px;padding:12px 10px 12px 14px}
.hnc-it b{display:block;font-size:.93rem;color:#0A1A33;line-height:1.35}.hnc-it small{color:#5B6B82;font-size:.78rem}
.hnc-pr{text-align:right;font-weight:800;color:#0A1A33;white-space:nowrap}.hnc-pr small{display:block;font-weight:500;color:#5B6B82;font-size:.72rem}
.hnc-q{color:#0A6CD0;font-size:.85rem}
.hnc-qty{display:flex;align-items:center;border:1px solid #DCE6F2;border-radius:10px;overflow:hidden}
.hnc-qty button{border:0;background:#F1F5FA;width:32px;height:34px;font-size:1.1rem;cursor:pointer;color:#0A1A33}.hnc-qty span{min-width:26px;text-align:center;font-weight:700}
.hnc-x{border:0;background:none;color:#9AA7B8;font-size:1.4rem;width:32px;height:32px;border-radius:50%;cursor:pointer}.hnc-x:hover{background:#FFF1F0;color:#C62828}
.hnc-tot{background:#fff;border:1px solid #DCE6F2;border-radius:14px;padding:12px 14px;margin:12px 0 16px}
.hnc-tot>div{display:flex;justify-content:space-between;padding:4px 0;font-size:.95rem}.hnc-tot b{color:#0A1A33;font-size:1.05rem}
.hnc-qn{color:#5B6B82;font-size:.85rem}
.hnc-safe{margin:8px 0 0;font-size:.82rem;color:#11643A;background:#EAF8F0;border-radius:10px;padding:8px 10px}
.hnc-form{background:#fff;border:1px solid #DCE6F2;border-radius:16px;padding:16px}
.hnc-form h3{margin:0 0 12px;font-size:1.1rem}
.hnc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hnc-grid label{display:grid;gap:5px;font-weight:600;font-size:.86rem;color:#0A1A33}.hnc-full{grid-column:1/-1}
.hnc-grid input,.hnc-grid select,.hnc-grid textarea{border:1.5px solid #DCE6F2;border-radius:10px;padding:11px 12px;font-size:16px;font-family:inherit;background:#fff;color:#0A1A33;width:100%;box-sizing:border-box;min-height:46px}
.hnc-grid input:focus,.hnc-grid select:focus,.hnc-grid textarea:focus{outline:2px solid #00AEE6;border-color:#00AEE6}
.hnc-check{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;color:#5B6B82;margin:12px 0 0;line-height:1.5}.hnc-check input{width:20px;height:20px;flex:none;accent-color:#0A6CD0;margin-top:1px}
.hnc-hp{position:absolute!important;left:-9999px!important;opacity:0}
.hnc-err{background:#FFF1F0;border:1px solid #F5C2BE;color:#9B1C12;border-radius:10px;padding:9px 12px;font-size:.88rem;margin:12px 0 0}
.hnc-go{width:100%;margin-top:14px;justify-content:center;min-height:50px;font-size:1rem}
.hnc-empty,.hnc-done{text-align:center;background:#fff;border:1px solid #DCE6F2;border-radius:18px;padding:28px 18px}
.hnc-ei,.hnc-ok{font-size:2.2rem;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#E9F4FF}
.hnc-ok{background:#EAF8F0;color:#13A35B;font-weight:800}
.hnc-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.hnc-sum{list-style:none;padding:0;margin:14px 0;text-align:left}.hnc-sum li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #DCE6F2;font-size:.9rem}
.hnc-add{margin-top:8px}.hnc-add.added{background:#EAF8F0!important;color:#11643A!important;border-color:#B7E4C7!important}
.plan .hnc-add{width:100%;justify-content:center}
.hn-cartpage{max-width:760px;margin:0 auto;padding:24px 16px 60px}
@media (max-width:560px){.hnc-grid{grid-template-columns:1fr}.hnc-item{grid-template-columns:1fr auto auto;row-gap:8px}.hnc-qty{grid-column:1}.hnc-it{grid-column:1/-1}}