/* mygov ID brand button and the create-account button on the sign-in page (2026-10-23, after the pattern of the
   neighbouring insurers' cabinets). Kept out of style.min.css, which is generated. */
.mygov-btn{background:#2f4bd6;border:0;border-radius:12px;color:#fff;min-height:52px;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.01em;transition:background .15s}
.mygov-btn:hover,.mygov-btn:focus{background:#2440bf;color:#fff}
.mygov-mark{font-size:1.25rem;font-weight:800;display:inline-flex;align-items:center;gap:.12em;letter-spacing:-.01em}
.mygov-dot{display:inline-block;width:.42em;height:.42em;border-radius:50%;background:#fff;margin:0 .08em}
.create-account-btn{border:1px solid var(--TextColor,#0F4B89);color:var(--TextColor,#0F4B89);background:#fff;border-radius:12px;min-height:50px;display:flex;align-items:center;justify-content:center;font-weight:600}
.create-account-btn:hover{background:var(--TextColor,#0F4B89);color:#fff}
/* contact page channels (2026-10-27): the header's .phone-text look, outside the header */
.contact-channels-intro{color:var(--TextBlackColor,#000);font-size:17px}
.contact-channels .phone-text{color:var(--TextBlackColor,#000);font-weight:700;font-size:17px;text-decoration:none;width:fit-content}
.contact-channels .phone-text:hover,.contact-channels .phone-text:focus{color:var(--TextColor,#0F4B89)}
.contact-channels .phone-text .icons{width:40px;height:40px;background:#0F4B89;border-radius:5px;flex:0 0 40px}
.contact-channels .phone-text .icons i{color:#fff;font-size:20px}
.pw-hints{margin-top:0;padding-left:.25rem;color:#6c757d}
.pw-hints li{position:relative;padding-left:1.4rem;line-height:1.6}
.pw-hints li::before{content:"\25CB";position:absolute;left:0;color:#adb5bd}
.pw-hints li.pw-advice{font-style:italic}
.pw-hints li.ok{color:#198754}
.pw-hints li.ok::before{content:"\2713";color:#198754;font-weight:700}
.car-choice-intro{color:#6c757d;font-size:17px}
.car-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px}
.car-choice-card{display:flex;flex-direction:column;gap:16px;padding:28px;background:#fff;border:1px solid #e3e8ef;border-radius:20px;text-decoration:none;color:#000;box-shadow:0 2px 10px rgba(15,75,137,.06);transition:border-color .15s,box-shadow .15s,transform .15s}
.car-choice-card:hover,.car-choice-card:focus-visible{border-color:#0F4B89;box-shadow:0 8px 24px rgba(15,75,137,.14);transform:translateY(-2px);color:#000}
.car-choice-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(180deg,#3B4FBF 0%,#0F4B89 100%);display:flex;align-items:center;justify-content:center}
.car-choice-icon img{width:32px;height:auto}
.car-choice-body{display:flex;flex-direction:column;gap:8px;flex:1}
.car-choice-title{font-size:20px;font-weight:700;color:#0F4B89;line-height:1.3}
.car-choice-text{font-size:15px;color:#555;line-height:1.5}
.car-choice-action{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:12px;background:#0F4B89;color:#fff;font-weight:600;font-size:16px}
.car-choice-card:hover .car-choice-action{background:#0b3a6b}
@media (max-width:575px){.car-choice-card{padding:20px}.car-choice-title{font-size:18px}}
/* Products cards (2026-10-28): a grid that wraps by width instead of four squeezed cards in one row at mid widths, where the
   title ran into "Bax". */
.mahsul-main .mahsul-header .contentcard{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;overflow:visible;padding-bottom:0}
.mahsul-main .mahsul-header .contentcard>.carding{width:auto;max-width:none;padding:0;margin:0}
.mahsul-main .mahsul-header .mahsul-card{height:100%;min-height:100px;padding:18px 20px;gap:12px}
.mahsul-main .mahsul-header .mahsul-card .lefts{min-width:0;flex:1 1 auto}
.mahsul-main .mahsul-header .mahsul-card .lefts img{flex:0 0 auto}
.mahsul-main .mahsul-header .mahsul-card .rights{flex:0 0 auto;white-space:nowrap}
/* Product catalog (2026-10-28): /hesab/mehsul/{category}/{product}, the aiic.az catalog inside the cabinet. Phone first;
   package colours from the CMS (blue/green/orange/purple) drive the check marks through --cat-c. */
.mahsul-main .mahsul-header .mahsul-card .lefts .cat-card-icon{color:#fff;font-size:34px;line-height:1;flex:0 0 auto}
.cat-page{max-width:1000px;padding-bottom:8px}
/* The two horizontal scrollers must not widen the page: their content is wider than a phone by design. */
.cat-tabs,.cat-packages{contain:inline-size}
.cat-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.cat-tabs::-webkit-scrollbar{display:none}
.cat-tab{flex:0 0 auto;padding:9px 18px;border-radius:999px;border:1px solid #d5deea;background:var(--bgColor3,#fff);color:var(--TextColor,#0F4B89);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.cat-tab:hover,.cat-tab:focus-visible{border-color:#0F4B89;color:var(--TextColor,#0F4B89)}
.cat-tab.active{background:#0F4B89;border-color:#0F4B89;color:#fff}
.cat-hero{border-radius:20px;overflow:hidden;aspect-ratio:16/7;max-height:320px;width:100%;background:#e9eef5}
.cat-hero-img{width:100%;height:100%;object-fit:cover;display:block}
.cat-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3E4EBE 0%,#0F4C89 100%)}
.cat-hero-placeholder i{font-size:clamp(56px,12vw,110px);color:rgba(255,255,255,.92)}
.cat-title{font-family:"Averta-Bold",sans-serif;font-size:clamp(22px,2.2vw,30px);color:var(--TextColor,#0F4B89);line-height:1.25;margin:0 0 8px}
.cat-subtitle{color:var(--textcolor3,#6c757d);font-size:16px;line-height:1.55;margin:0 0 8px;white-space:pre-line}
.cat-section{margin-top:28px}
.cat-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.cat-section>.cat-h2{margin-bottom:14px}
.cat-h2{font-family:"Averta-Bold",sans-serif;font-size:20px;color:var(--TextBlackColor,#000);margin:0}
.cat-more{border:0;background:none;padding:4px 0;color:var(--TextColor,#0F4B89);font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:4px}
.cat-more:hover,.cat-more:focus-visible{text-decoration:underline}
.cat-coverage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cat-cov-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bgColor3,#fff);border:1px solid #e3e8ef;border-radius:16px;min-width:0}
.cat-cov-icon{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:rgba(15,75,137,.08);display:flex;align-items:center;justify-content:center;color:#0F4B89;font-size:20px}
.cat-cov-icon img{width:24px;height:24px;object-fit:contain}
.cat-cov-name{font-size:15px;font-weight:600;color:var(--TextBlackColor,#000);line-height:1.3;overflow-wrap:anywhere}
.cat-packages{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 10px;margin:0 -2px}
.cat-pkg{--cat-c:#0F4B89;flex:0 0 min(78%,290px);scroll-snap-align:start;padding:18px;background:var(--bgColor3,#fff);border:2px solid #e3e8ef;border-radius:18px;box-shadow:0 2px 10px rgba(15,75,137,.06)}
.cat-pkg.cat-c-blue{--cat-c:#0F4B89}
.cat-pkg.cat-c-green{--cat-c:#198754}
.cat-pkg.cat-c-orange{--cat-c:#e8710a}
.cat-pkg.cat-c-purple{--cat-c:#6f42c1}
.cat-pkg-pick{cursor:pointer;transition:border-color .15s,box-shadow .15s}
.cat-pkg-pick:hover{border-color:var(--cat-c)}
.cat-pkg-pick:focus-visible{outline:3px solid rgba(15,75,137,.35);outline-offset:2px}
.cat-pkg-pick.is-selected{border-color:var(--cat-c);box-shadow:0 6px 20px rgba(15,75,137,.14)}
.cat-pkg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}
.cat-pkg-name{font-family:"Averta-Bold",sans-serif;font-size:18px;color:var(--cat-c);line-height:1.3}
[data-theme=dark] .cat-pkg-name{color:#fff}
.cat-badge{flex:0 0 auto;padding:3px 10px;border-radius:999px;background:var(--cat-c);color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.cat-pkg-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cat-pkg-features li{display:flex;gap:8px;font-size:14px;line-height:1.45;color:var(--TextBlackColor,#000)}
.cat-pkg-features i{color:var(--cat-c);flex:0 0 auto;margin-top:1px}
.cat-faq .accordion-item{border:1px solid #e3e8ef;border-radius:14px!important;overflow:hidden;margin-bottom:10px;background:var(--bgColor3,#fff)}
.cat-faq .accordion-button{font-weight:600;font-size:15px;color:var(--TextBlackColor,#000);background:var(--bgColor3,#fff);box-shadow:none}
.cat-faq .accordion-button:not(.collapsed){color:var(--TextColor,#0F4B89)}
.cat-faq .accordion-body{white-space:pre-line;color:var(--textcolor3,#555);font-size:15px;line-height:1.55;padding-top:0}
.cat-cta-bar{position:sticky;bottom:0;z-index:5;margin-top:24px;padding:20px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,#f3f6f9 55%,rgba(243,246,249,0))}
[data-theme=dark] .cat-cta-bar{background:linear-gradient(to top,#08294b 55%,rgba(8,41,75,0))}
.cat-cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;width:100%;max-width:420px;padding:12px 28px;border:0;border-radius:14px;background:#0F4B89;color:#fff;font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 8px 24px rgba(15,75,137,.28);transition:background .15s}
.cat-cta-btn:hover,.cat-cta-btn:focus-visible{background:#0b3a6b;color:#fff}
.cat-cta-btn:disabled{opacity:.8}
.cat-modal .modal-content{border-radius:20px;border:0}
.cat-search{position:relative}
.cat-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8C8C8C}
.cat-search .form-control{padding-left:40px;min-height:46px;border-radius:12px}
.cat-cov-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cat-empty{color:#8C8C8C;text-align:center;margin:16px 0 0}
.cat-lead-text{color:#555;font-size:15px}
.cat-phone-view{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #e3e8ef;border-radius:14px}
.cat-phone-number{font-family:"Averta-Bold",sans-serif;font-size:20px;color:#0F4B89;letter-spacing:.02em}
.cat-phone-edit{border:0;background:rgba(15,75,137,.08);color:#0F4B89;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}
.cat-phone-input .form-control,.cat-phone-input .input-group-text{min-height:50px;font-size:18px}
.cat-result{max-width:520px;margin:6vh auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.cat-result-icon{width:84px;height:84px;border-radius:50%;background:#198754;color:#fff;display:flex;align-items:center;justify-content:center;font-size:46px;margin-bottom:12px}
.cat-result-icon.cat-result-muted{background:#8C8C8C}
.cat-result-product{font-weight:600;color:var(--TextBlackColor,#000);margin:0}
.cat-result .cat-cta-btn{margin-top:16px;box-shadow:none}
@media (min-width:768px){.cat-pkg{flex-basis:300px}.cat-cta-bar{display:flex;justify-content:flex-end}.cat-cta-btn{width:auto;min-width:240px}}
@media (max-width:575px){.cat-hero{aspect-ratio:16/9;border-radius:16px}.cat-coverage{gap:10px}.cat-cov-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.cat-cov-list .cat-cov-item{flex-direction:row;align-items:center}}