:root{
  /* ==========================================================
     Mobilk global typography scale
     Change these values once to update the whole portal.
     ========================================================== */
  --fs-body:14px;
  --fs-meta:12px;
  --fs-card-title:18px;
  --fs-featured-title:22px;
  --fs-section-title:28px;
  --fs-hero-title:48px;
  --lh-body:1.75;
  --lh-title:1.5;
  --brand:#e50a8e;
  --brand-strong:#c80778;
  --brand-soft:#fff0f8;
  --navy:#132b4c;
  --navy-2:#0b203d;
  --navy-3:#1b3a63;
  --ink:#16243a;
  --muted:#6f7a8c;
  --line:#e5e9f0;
  --surface:#fff;
  --soft:#f5f7fa;
  --soft-2:#eef2f7;
  --success:#13a36e;
  --danger:#d93a54;
  --warning:#f4af24;
  --radius:18px;
  --radius-lg:24px;
  --shell:1440px;
  --shadow:0 15px 45px rgba(19,43,76,.10);
  --shadow-sm:0 7px 22px rgba(19,43,76,.08)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--soft);color:var(--ink);font-family:Cairo,Arial,sans-serif;font-size:var(--fs-body);line-height:var(--lh-body);overflow-x:hidden}
body.lang-en,body.lang-en button,body.lang-en input,body.lang-en select,body.lang-en textarea{font-family:Inter,Cairo,Arial,sans-serif}
body,button,input,select,textarea{font-family:Cairo,Arial,sans-serif}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.m-icon{width:22px;height:22px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:0 0 auto}
.skip-link{position:fixed;right:16px;top:-100px;z-index:99999;background:#fff;color:var(--navy);padding:10px 18px;border-radius:10px;box-shadow:var(--shadow)}
.skip-link:focus{top:12px}
.header-width,.footer-width{width:min(calc(100% - 36px),var(--shell));margin-inline:auto}
.app-header{position:relative;z-index:1000;background:var(--navy);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.utility-bar{background:var(--navy-2);border-bottom:1px solid rgba(255,255,255,.08)}
.utility-inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px}
.language-switch{display:flex;align-items:center;border:1px solid rgba(255,255,255,.19);border-radius:8px;overflow:hidden}
.language-switch a{min-width:34px;padding:4px 8px;text-align:center;color:#c7d2e2;font-weight:800}
.language-switch a.is-active{background:var(--brand);color:#fff}
.utility-links{display:flex;align-items:center;gap:22px}
.utility-links a{display:flex;align-items:center;gap:6px;color:#e7edf6;position:relative}
.utility-links .m-icon{width:16px;height:16px}
.utility-links i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--brand);top:-1px;right:10px;box-shadow:0 0 0 2px var(--navy-2)}
.header-main{background:linear-gradient(115deg,var(--navy-2),var(--navy))}
.header-main-inner{min-height:78px;display:grid;grid-template-columns:minmax(245px,330px) minmax(390px,1fr) minmax(190px,245px);align-items:center;gap:22px;direction:ltr}
.brand{display:flex;align-items:center;justify-content:flex-end;grid-column:3;grid-row:1;direction:rtl;min-width:0}
.brand img{display:block;width:auto;max-width:220px;height:56px;max-height:64px;object-fit:contain;object-position:right center;filter:drop-shadow(0 3px 8px rgba(0,0,0,.16))}
.header-search{display:flex;align-items:center;grid-column:2;grid-row:1;direction:rtl;width:100%;max-width:760px;justify-self:stretch}
.lang-en .header-search{direction:ltr}
.header-search input{height:42px;min-width:0;flex:1;border:1px solid rgba(255,255,255,.18);border-inline-end:0;background:#fff;color:var(--ink);padding:0 15px;outline:0;border-radius:0 9px 9px 0}
.lang-en .header-search input{border-radius:9px 0 0 9px}
.header-search button{width:46px;height:42px;border:0;background:var(--brand);color:#fff;border-radius:9px 0 0 9px;display:grid;place-items:center}
.lang-en .header-search button{border-radius:0 9px 9px 0}
.header-search button:hover{background:var(--brand-strong)}
.header-actions{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:16px;direction:rtl}
.header-actions a{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#e6edf7;white-space:nowrap}
.header-actions .m-icon{width:19px;height:19px}
.header-actions a.primary-action{padding:9px 15px;border-radius:8px;background:var(--brand);color:#fff}
.lang-en .header-main-inner{direction:ltr;grid-template-columns:minmax(190px,245px) minmax(390px,1fr) minmax(245px,330px)}
.lang-en .brand{grid-column:1;justify-content:flex-start;direction:ltr}
.lang-en .brand img{object-position:left center}
.lang-en .header-search{grid-column:2}
.lang-en .header-actions{grid-column:3;justify-content:flex-end;direction:ltr}
.menu-toggle,.mobile-language,.mobile-search-row{display:none}
.main-nav{position:relative;background:var(--navy);border-top:1px solid rgba(255,255,255,.06)}
.nav-shell{height:48px;display:flex;align-items:stretch;justify-content:center;gap:1px}
.nav-shell>a,.nav-item>a{height:48px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:800;color:#fff;border-bottom:3px solid transparent;transition:.2s;white-space:nowrap}
.nav-shell>a .m-icon,.nav-item>a .m-icon{width:17px;height:17px}
.nav-shell>a:hover,.nav-item:hover>a,.nav-shell>a.is-current,.nav-home.is-current{background:var(--brand);border-bottom-color:var(--brand)}
.nav-item{position:relative}
.nav-item>a b{font-size:12px;color:#bcc9d9;font-weight:400;margin-inline-start:1px}
.mega-menu{position:absolute;z-index:1200;top:100%;right:0;width:min(760px,88vw);padding:22px;display:grid;grid-template-columns:1.1fr 1fr 1fr .85fr;gap:0;background:linear-gradient(145deg,var(--navy-2),var(--navy));border:1px solid rgba(255,255,255,.11);border-top:3px solid var(--brand);border-radius:0 0 15px 15px;box-shadow:0 24px 65px rgba(0,0,0,.34);opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s;color:#fff}
.lang-en .mega-menu{right:auto;left:0}
.nav-item:hover>.mega-menu,.nav-item:focus-within>.mega-menu{opacity:1;visibility:visible;transform:none}
.mega-column{padding:0 19px;border-inline-end:1px solid rgba(255,255,255,.1)}
.mega-column:first-child{padding-inline-start:0}
.mega-column h3{margin:0 0 11px;font-size:13px;color:#fff}
.mega-column>a{min-height:31px;display:flex;align-items:center;gap:8px;color:#d9e2ef;font-size:12px;transition:.2s}
.mega-column>a:hover{color:#fff;transform:translateX(-3px)}
.lang-en .mega-column>a:hover{transform:translateX(3px)}
.mega-column .m-icon{width:16px;height:16px;color:var(--brand)}
.mega-brands>a img{width:29px;height:22px;object-fit:contain;background:#fff;border-radius:3px;padding:2px}
.mega-column>a.mega-more{margin-top:7px;color:var(--brand);font-weight:800}
.mega-more .m-icon{width:14px;height:14px}
.mega-promo{align-self:stretch;margin-inline-start:18px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06)}
.mega-promo img{height:66px;max-width:95px;object-fit:contain;margin-bottom:8px;background:#fff;border-radius:8px;padding:6px}
.mega-promo span{font-size:12px;font-weight:800}
.mega-promo b{margin-top:8px;padding:4px 10px;border-radius:6px;background:var(--brand);font-size:10px}
.compact-mega{width:480px;grid-template-columns:1fr 1fr}
.departments-mega{width:460px}
.site-content{width:min(calc(100% - 36px),var(--shell));margin:18px auto 42px;min-height:420px}

/* Shared homepage components */
.home-top-ad{margin-bottom:18px}
.ad-unit{position:relative;min-height:96px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;text-align:center;color:#a3acb9}
.ad-unit:empty:after,.ad-unit .adsbygoogle:empty:after{content:"Google Ad";display:grid;place-items:center;min-height:88px;color:#a3acb9;font-size:20px}
.ad-label{position:absolute;top:5px;right:9px;z-index:2;color:#aab2bd;font-size:9px;letter-spacing:.5px}
.lang-en .ad-label{right:auto;left:9px}
.ad-unit .adsbygoogle{width:100%;min-height:90px;display:block}
.ad-leaderboard{min-height:112px}
.ad-rectangle{min-height:250px}
.ad-inline{margin:22px 0;min-height:110px}
.mobile-shortcuts{display:none}
.hero-dashboard{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(480px,1.65fr) minmax(260px,.82fr);gap:15px;align-items:stretch}
.panel-card,.featured-device,.content-card,.insight-card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 2px 0 rgba(19,43,76,.015)}
.panel-card{padding:15px}
.panel-heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.panel-heading h2,.section-title h2{position:relative;margin:0;padding-inline-start:13px;color:var(--navy);font-size:18px;line-height:1.35}
.panel-heading h2:before,.section-title h2:before{content:"";position:absolute;inset-inline-start:0;top:3px;width:5px;height:23px;border-radius:6px;background:var(--brand)}
.panel-heading>a,.section-title>a{color:var(--brand);font-size:12px;font-weight:800;white-space:nowrap}
.featured-news{position:relative;min-height:315px;padding:0;overflow:hidden;background:var(--navy);border-color:transparent}
.featured-news>a{display:block;height:100%}
.featured-news img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.featured-news:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,28,52,.08),rgba(10,28,52,.92) 72%),linear-gradient(0deg,rgba(10,28,52,.75),transparent 65%)}
.lang-en .featured-news:after{background:linear-gradient(-90deg,rgba(10,28,52,.08),rgba(10,28,52,.92) 72%),linear-gradient(0deg,rgba(10,28,52,.75),transparent 65%)}
.featured-news-content{position:absolute;z-index:2;top:0;right:0;width:61%;height:100%;padding:28px 30px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.lang-en .featured-news-content{right:auto;left:0}
.content-badge{align-self:flex-start;padding:5px 10px;border-radius:7px;background:var(--brand);color:#fff;font-size:11px;font-weight:800}
.featured-news h1{margin:13px 0 12px;color:#fff;font-size:clamp(24px,2.1vw,34px);line-height:1.55}
.featured-news p{margin:0;color:#dbe4ef;font-size:13px;line-height:1.8}
.story-meta{margin-top:16px;display:flex;align-items:center;gap:14px;color:#dce5f2;font-size:11px}
.story-meta span{display:flex;align-items:center;gap:5px}
.story-meta .m-icon{width:15px;height:15px}
.hero-dots{position:absolute;z-index:3;right:50%;bottom:14px;display:flex;gap:6px;transform:translateX(50%)}
.hero-dots i{width:18px;height:3px;border-radius:6px;background:rgba(255,255,255,.5)}
.hero-dots i:first-child{width:31px;background:var(--brand)}
.mini-news-list{display:grid;gap:0}
.mini-news-item{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.lang-en .mini-news-item{grid-template-columns:72px 1fr}
.mini-news-item:last-child{border-bottom:0}
.mini-news-item img{width:72px;height:54px;object-fit:cover;border-radius:8px;background:var(--soft)}
.mini-news-item h3{margin:0;font-size:12px;line-height:1.65;color:var(--navy)}
.mini-news-item span{display:block;margin-top:3px;color:#99a1ae;font-size:9px}
.company-news-list .mini-news-item{grid-template-columns:53px 1fr}
.company-news-list .mini-news-item img{width:53px;height:42px;object-fit:contain;padding:5px;border:1px solid var(--line);background:#fff}
.home-section{margin:24px 0}
.section-title{margin-bottom:13px}
.section-title h2{font-size:20px}
.section-title small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:500}
.device-highlight-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}
.featured-device{position:relative;padding:18px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:center;overflow:hidden}
.featured-device:before{content:"";position:absolute;width:230px;height:230px;left:-90px;bottom:-120px;border-radius:50%;background:var(--brand-soft)}
.lang-en .featured-device:before{left:auto;right:-90px}
.featured-device-image{position:relative;height:250px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f4f6f9);border-radius:14px}
.featured-device-image img{max-height:230px;max-width:92%;object-fit:contain;filter:drop-shadow(0 15px 15px rgba(19,43,76,.13))}
.device-rating{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:9px;background:var(--navy);color:#fff;font-size:10px;font-weight:800}
.lang-en .device-rating{right:auto;left:8px}
.device-rating b{color:#ffc640}
.featured-device-content{min-width:0}
.featured-device-content>span{display:inline-flex;padding:4px 8px;border-radius:6px;background:var(--brand);color:#fff;font-size:10px;font-weight:800}
.featured-device h2{margin:8px 0 2px;color:var(--navy);font-size:24px;direction:ltr;text-align:start}
.featured-device .device-subtitle{margin:0 0 14px;color:var(--muted);font-size:12px}
.spec-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.spec-chip{min-height:54px;padding:8px 9px;display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff}
.spec-chip .m-icon{width:25px;height:25px;color:var(--navy)}
.spec-chip strong{display:block;color:var(--navy);font-size:11px;line-height:1.4}
.spec-chip small{display:block;color:var(--muted);font-size:9px;line-height:1.45}
.device-actions{margin-top:13px;display:grid;grid-template-columns:1fr .7fr;gap:8px}
.device-actions a{min-height:39px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;border:1px solid var(--line);font-size:11px;font-weight:800}
.device-actions a:first-child{background:var(--brand);border-color:var(--brand);color:#fff}
.device-actions .m-icon{width:16px;height:16px}
.side-insights{display:grid;grid-template-columns:1fr;gap:12px}
.insight-card{padding:15px;display:grid;grid-template-columns:90px 1fr;gap:13px;align-items:center}
.insight-card img{width:90px;height:72px;object-fit:contain;border-radius:10px;background:var(--soft);padding:6px}
.insight-card h3{margin:0 0 5px;color:var(--navy);font-size:14px}
.insight-card p{margin:0;color:var(--muted);font-size:10px}
.insight-card a{display:inline-flex;margin-top:8px;color:var(--brand);font-size:10px;font-weight:800}
.cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.editorial-card{min-width:0;padding:15px;background:#fff;border:1px solid var(--line);border-radius:16px}
.editorial-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.editorial-card-head h3{margin:0;color:var(--navy);font-size:15px}
.editorial-card-head a{color:var(--brand);font-size:10px;font-weight:800}
.editorial-card-main{display:grid;grid-template-columns:72px 1fr;gap:11px;align-items:center}
.editorial-card-main img{width:72px;height:65px;object-fit:contain;border-radius:10px;background:var(--soft);padding:5px}
.editorial-card-main strong{display:block;color:var(--navy);font-size:11px;line-height:1.6}
.editorial-card-main p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.6}
.operator-logos{height:66px;display:flex;align-items:center;justify-content:space-around;gap:10px}
.operator-logos img{max-width:60px;max-height:38px;object-fit:contain}
.device-carousel{position:relative}
.carousel-controls{display:flex;gap:6px}
.carousel-controls button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center}
.carousel-controls .m-icon{width:15px;height:15px}
.phone-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.phone-product-card{min-width:0;position:relative;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:.2s}
.phone-product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.phone-product-image{height:175px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#fff,#f4f6f9)}
.phone-product-image img{max-height:160px;max-width:91%;object-fit:contain}
.phone-product-card h3{margin:10px 0 3px;color:var(--navy);font-size:14px;direction:ltr;text-align:start}
.phone-product-card p{min-height:34px;margin:0;color:var(--muted);font-size:10px}
.phone-card-bottom{margin-top:9px;padding-top:9px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--brand);font-size:10px;font-weight:800}
.news-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.modern-news-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px}
.modern-news-card>a{display:block}
.modern-news-card .news-image{position:relative;height:180px;overflow:hidden;background:var(--soft)}
.modern-news-card .news-image img{width:100%;height:100%;object-fit:cover;transition:.25s}
.modern-news-card:hover .news-image img{transform:scale(1.035)}
.modern-news-card .content-badge{position:absolute;top:10px;right:10px}
.lang-en .modern-news-card .content-badge{right:auto;left:10px}
.modern-news-body{padding:13px}
.modern-news-body h3{margin:0;color:var(--navy);font-size:15px;line-height:1.65}
.modern-news-body p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.75}
.modern-news-meta{margin-top:9px;padding-top:8px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#9ca5b2;font-size:9px}
.modern-news-meta span{display:flex;align-items:center;gap:4px}
.modern-news-meta .m-icon{width:13px;height:13px}
.logo-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.logo-news-card{padding:13px;display:grid;grid-template-columns:65px 1fr;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px}
.logo-news-card img{width:65px;height:58px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid var(--line);padding:7px}
.logo-news-card h3{margin:0;color:var(--navy);font-size:12px;line-height:1.6}
.logo-news-card span{display:block;margin-top:4px;color:#a1a8b2;font-size:9px}
.compare-cta{margin:28px 0 5px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:20px;background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#fff;overflow:hidden;position:relative}
.compare-cta:after{content:"";position:absolute;width:250px;height:250px;left:-80px;top:-120px;border-radius:50%;background:rgba(229,10,142,.18)}
.lang-en .compare-cta:after{left:auto;right:-80px}
.compare-cta>div,.compare-cta>a{position:relative;z-index:1}
.compare-cta span{color:#ff72c2;font-size:11px;font-weight:800}
.compare-cta h2{margin:3px 0;color:#fff;font-size:22px}
.compare-cta p{margin:0;color:#cbd8e7;font-size:12px}
.compare-cta>a{padding:11px 20px;border-radius:9px;background:var(--brand);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}

/* Footer */
.site-footer{margin-top:38px;background:var(--navy-2);color:#d8e1ed}
.footer-main{padding:38px 0 28px;background:linear-gradient(135deg,var(--navy-2),var(--navy))}
.footer-grid{display:grid;grid-template-columns:1.25fr 1.3fr 1.3fr .8fr .8fr;gap:28px}
.footer-logo{display:inline-flex;margin-bottom:9px}
.footer-logo img{max-width:190px;max-height:58px;object-fit:contain}
.footer-social p{max-width:310px;margin:0 0 14px;color:#aebed2;font-size:11px;line-height:1.9}
.footer-search{display:flex;max-width:300px;margin-bottom:13px}
.footer-search input{min-width:0;flex:1;height:38px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#fff;padding:0 12px;border-radius:0 7px 7px 0;outline:0}
.lang-en .footer-search input{border-radius:7px 0 0 7px}
.footer-search button{width:40px;border:0;background:var(--brand);color:#fff;border-radius:7px 0 0 7px;display:grid;place-items:center}
.lang-en .footer-search button{border-radius:0 7px 7px 0}
.footer-search .m-icon{width:17px;height:17px}
.footer-language strong{display:block;color:#fff;font-size:11px;margin-bottom:6px}
.footer-language div{display:flex;gap:6px}
.footer-language a{padding:5px 10px;border:1px solid rgba(255,255,255,.16);border-radius:6px;font-size:10px}
.social-links{margin-top:13px;display:flex;gap:7px}
.social-links a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#fff;font-weight:800;font-size:13px}
.social-links a:hover{background:var(--brand)}
.social-links .m-icon{width:15px;height:15px}
.footer-list h2{position:relative;margin:0 0 13px;padding-bottom:9px;color:#fff;font-size:13px}
.footer-list h2:after{content:"";position:absolute;bottom:0;right:0;width:30px;height:2px;background:var(--brand)}
.lang-en .footer-list h2:after{right:auto;left:0}
.footer-list>a{min-height:26px;display:flex;align-items:center;gap:7px;color:#c1cede;font-size:10px;line-height:1.55}
.footer-list>a:hover{color:#fff}
.footer-list>a .m-icon{width:15px;height:15px;color:var(--brand)}
.footer-news-list>a i{width:5px;height:5px;border-radius:50%;background:var(--brand);flex:0 0 auto}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);background:#091b34}
.footer-bottom>div{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8fa1b7;font-size:10px}
.footer-bottom nav{display:flex;gap:20px}
.footer-bottom a:hover{color:#fff}
.mobile-bottom-nav{display:none}

/* Legacy layout compatibility and modernisation */
.row{width:100%;max-width:100%;margin:0 auto 15px;display:block;clear:both}
.row:before,.row:after,.cb:after{content:"";display:table;clear:both}
.columns,.column,.columnsmst{position:relative;float:right;padding:8px}
.lang-en .columns,.lang-en .column,.lang-en .columnsmst{float:left}
.large-1{width:8.333%}.large-2{width:16.666%}.large-3{width:25%}.large-4{width:33.333%}.large-5{width:41.666%}.large-6{width:50%}.large-7{width:58.333%}.large-8{width:66.666%}.large-9{width:75%}.large-10{width:83.333%}.large-11{width:91.666%}.large-12{width:100%}
.cb,.clear{display:block;clear:both;height:0;overflow:hidden}
.rowbg,.rowbg2,.rowbg3,.rowbg4,.bg1{background:#fff;border:1px solid var(--line);border-radius:15px}
.rowbg{padding:5px 8px}
.bg1{padding:9px;margin-bottom:10px}
.module{margin:0 0 10px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.module h1,.module h2,.module h3{margin:0!important;padding:10px 13px!important;background:var(--navy)!important;color:#fff!important;font-size:15px!important;line-height:1.5!important;border:0!important}
.module.red h1,.module.red h2,.module.red h3,.module.green h1,.module.green h2,.module.green h3,.module.blue h1,.module.blue h2,.module.blue h3{background:linear-gradient(90deg,var(--navy),var(--navy-3))!important;border-right:5px solid var(--brand)!important}
.texttit{color:#fff!important}
.breadcrumbs{margin:0;padding:10px 13px;list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:5px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:11px}
.breadcrumbs li{display:flex;align-items:center}
.breadcrumbs li:not(:last-child):after{content:"/";margin:0 7px;color:#b2bac5}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs .current a{color:var(--navy);font-weight:800}
.button,.radius.button,input[type=submit],button.secondary{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 15px!important;border:0!important;border-radius:8px!important;background:var(--brand)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important}
.button.secondary{background:var(--navy)!important}
.mobilkinputs,select,input[type=text],input[type=email],input[type=search],textarea{max-width:100%;border:1px solid #dce2ea;border-radius:8px;background:#fff;color:var(--ink);padding:8px 10px;outline:0}
select:focus,input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(229,10,142,.09)}
hr,.boredbottom{border:0;border-top:1px solid var(--line);height:1px;margin:10px 0}
.pad105{height:8px}
.cat,.cat2,.alinks{color:var(--navy);font-weight:700}
.cat:hover,.cat2:hover,.alinks:hover{color:var(--brand)}
.psmall,.psmall2{color:var(--muted);font-size:10px}
.center{text-align:center}
.alert-box{padding:14px;border-radius:10px;background:#edf6ff;color:#245b86}
.alert-box.info{background:#edf6ff}
.gcolor{color:var(--success)!important}.rcolor{color:var(--danger)!important}.fcolor{color:var(--navy)!important}
.iconsize{font-size:20px}
.sorcfont{margin:22px 0 10px!important;padding:12px 14px!important;border-radius:10px;background:linear-gradient(90deg,var(--navy),var(--navy-3))!important;color:#fff!important;font-size:16px!important;clear:both}
.columnsmst{margin:0 0 1px;background:#fff;border-bottom:1px solid var(--line);min-height:55px}
.columnsmst h2,.columnsmst h3,.columnsmst h4,.columnsmst h5{margin:0!important;font-size:12px!important;line-height:1.6!important}
.columnsmst p{margin:0!important;color:#435168;font-size:12px;line-height:1.8}
.boldmobilkdet{font-size:11px;color:var(--navy)}
.mobilkheadline{margin:0 0 9px!important;color:var(--navy)!important;font-size:26px!important;direction:ltr;text-align:right}
.lang-en .mobilkheadline{text-align:left}
.bord,.borde,.borde2,.imgs{border:1px solid var(--line)!important;border-radius:10px!important;background:#fff;padding:4px;object-fit:contain}
.small-block-grid-3,.large-block-grid-3{list-style:none;margin:0;padding:0;display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px}
.small-block-grid-3 li,.large-block-grid-3 li{float:none!important;width:auto!important;padding:0!important}
.small-block-grid-3 img,.large-block-grid-3 img{width:100%;height:125px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff}
table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:12px}
th,td{padding:11px;border-bottom:1px solid var(--line);font-size:12px;text-align:start}
th{background:var(--navy);color:#fff}
tr:last-child td{border-bottom:0}
article p,.pdtext{color:#3c4960;line-height:2}
.fb-comments,iframe,object,embed,video{max-width:100%}
.show-for-small,.show-for-medium{display:none!important}
.hide-for-small,.hide-for-medium{display:block!important}

/* Specific detail page uplift */
.page-mobilecompany .site-content>.row:nth-of-type(2),.page-mobilecompany .site-content>.row:nth-of-type(3){box-shadow:none}
.page-mobilecompany .large-9.medium-8.small-12.columns{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px}
.page-mobilecompany .large-3.medium-4.small-12.columns.hide-for-small{padding-inline-end:13px}
.page-mobilecompany .large-3.medium-4.small-12.columns.hide-for-small>.bg1,.page-mobilecompany .large-3.medium-4.small-12.columns.hide-for-small>hr,.page-mobilecompany .large-3.medium-4.small-12.columns.hide-for-small>.columns{box-shadow:var(--shadow-sm)}
.page-mobilecompany .columnsmst:nth-child(odd){background:#fbfcfe}
.page-mobilecompany .ft-share{padding:11px;border-radius:10px;background:var(--soft)}

@media (max-width:1240px){
  :root{--shell:1180px}
  .header-main-inner{grid-template-columns:minmax(220px,285px) minmax(340px,1fr) minmax(170px,210px);gap:15px}
  .lang-en .header-main-inner{grid-template-columns:minmax(170px,210px) minmax(340px,1fr) minmax(220px,285px)}
  .header-actions{gap:10px}.header-actions a{font-size:11px}.header-actions a.primary-action{padding:8px 10px}
  .nav-shell>a,.nav-item>a{padding-inline:10px;font-size:11px}
  .hero-dashboard{grid-template-columns:.9fr 1.55fr .9fr}
  .featured-news-content{width:66%;padding:25px 24px}
  .featured-device{grid-template-columns:190px 1fr}
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr .7fr .7fr;gap:18px}
}

@media (max-width:1024px){
  .header-main-inner{grid-template-columns:220px minmax(300px,1fr) 190px}
  .lang-en .header-main-inner{grid-template-columns:190px minmax(300px,1fr) 220px}
  .header-actions a span{display:none}.header-actions a.primary-action span{display:inline}
  .nav-shell>a,.nav-item>a{padding-inline:8px}.nav-shell>a span,.nav-item>a span{font-size:10px}
  .hero-dashboard{grid-template-columns:1fr 1.5fr}.hero-dashboard>.panel-card:last-child{grid-column:1/-1}
  .company-news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.company-news-list .mini-news-item{border:1px solid var(--line);border-radius:10px;padding:9px}
  .device-highlight-layout{grid-template-columns:1fr}.side-insights{grid-template-columns:repeat(3,1fr)}
  .cards-row{grid-template-columns:repeat(2,1fr)}
  .phone-strip{grid-template-columns:repeat(3,1fr)}
  .news-card-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.1fr 1fr 1fr}.footer-grid>.footer-list:nth-last-child(-n+2){display:none}
  .medium-1{width:8.333%}.medium-2{width:16.666%}.medium-3{width:25%}.medium-4{width:33.333%}.medium-5{width:41.666%}.medium-6{width:50%}.medium-7{width:58.333%}.medium-8{width:66.666%}.medium-9{width:75%}.medium-10{width:83.333%}.medium-11{width:91.666%}.medium-12{width:100%}
}

@media (max-width:900px){
  body{padding-bottom:68px}
  .utility-bar,.header-search,.header-actions{display:none}
  .header-main-inner,.lang-en .header-main-inner{min-height:68px;display:grid;grid-template-columns:46px 1fr 46px;gap:9px;padding:0 13px;direction:ltr}
  .menu-toggle{grid-column:1;display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:10px;background:transparent;color:#fff}
  .menu-toggle .m-icon{width:27px;height:27px}
  .brand,.lang-en .brand{grid-column:2;justify-content:center;direction:rtl}.brand img,.lang-en .brand img{width:auto;max-width:175px;max-height:50px;object-position:center}
  .mobile-language{grid-column:3;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:9px;color:#fff;font-size:12px;font-weight:800}
  .main-nav{display:none;position:fixed;z-index:3000;top:68px;right:0;bottom:68px;width:min(88vw,380px);overflow-y:auto;background:var(--navy-2);box-shadow:-15px 0 45px rgba(0,0,0,.3)}
  .lang-en .main-nav{right:auto;left:0;box-shadow:15px 0 45px rgba(0,0,0,.3)}
  .main-nav.is-open{display:block}
  .nav-shell{height:auto;display:block;padding:10px}
  .nav-shell>a,.nav-item>a{height:46px;justify-content:flex-start;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
  .nav-shell>a span,.nav-item>a span{font-size:13px}
  .nav-item:hover>a{background:transparent}
  .nav-item>a b{margin-inline-start:auto}
  .mega-menu,.compact-mega,.departments-mega{position:static;width:auto;display:none;grid-template-columns:1fr;padding:9px 13px;margin:0;border:0;border-radius:0;background:#0d2441;box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-item.is-open>.mega-menu{display:grid}
  .mega-column{padding:5px 0;border:0}.mega-column h3{color:#ff7dc5}.mega-promo{display:none}
  .mobile-search-row{display:block;padding:10px 13px;background:#fff}
  .mobile-search-row form{display:flex;direction:rtl}
  .lang-en .mobile-search-row form{direction:ltr}
  .mobile-search-row input{min-width:0;flex:1;height:42px;border-radius:0 9px 9px 0;border-inline-end:0}
  .lang-en .mobile-search-row input{border-radius:9px 0 0 9px}
  .mobile-search-row button{width:45px;border:0;border-radius:9px 0 0 9px;background:var(--brand);color:#fff}
  .lang-en .mobile-search-row button{border-radius:0 9px 9px 0}
  .mobile-bottom-nav{position:fixed;z-index:2500;right:0;bottom:0;left:0;height:68px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -7px 22px rgba(19,43,76,.08)}
  .mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#667185;font-size:10px;font-weight:700}
  .mobile-bottom-nav .m-icon{width:21px;height:21px}
  .mobile-bottom-nav .is-active{color:var(--brand)}
  .site-content{margin-top:12px}
}

@media (max-width:767px){
  :root{--radius:14px;--radius-lg:18px}
  body{background:#fff;font-size:var(--fs-body)}
  .header-width,.footer-width,.site-content{width:100%}
  .site-content{margin:0 auto 24px;padding:0 12px}
  .header-main{position:sticky;top:0}
  .header-main-inner{min-height:64px}
  .brand img{max-width:155px;max-height:47px}
  .mobile-search-row{padding:8px 12px 10px;background:var(--navy)}
  .mobile-search-row input{height:43px;background:#fff}
  .mobile-shortcuts{margin:4px -2px 13px;display:flex;gap:8px;overflow-x:auto;padding:0 2px 4px;scrollbar-width:none}
  .mobile-shortcuts::-webkit-scrollbar{display:none}
  .mobile-shortcuts a{min-width:84px;height:77px;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--navy);box-shadow:0 5px 16px rgba(19,43,76,.045);font-size:10px;font-weight:700;text-align:center}
  .mobile-shortcuts .m-icon{width:24px;height:24px;color:var(--brand)}
  .home-top-ad{margin:10px 0 13px}.ad-unit{border-radius:13px}.ad-leaderboard{min-height:92px}.ad-unit .adsbygoogle{min-height:82px}
  .hero-dashboard{display:flex;flex-direction:column;gap:12px}
  .featured-news{order:1;min-height:280px;border-radius:15px}
  .featured-news:after{background:linear-gradient(0deg,rgba(8,25,48,.92),rgba(8,25,48,.05) 78%)}
  .featured-news-content{right:0;left:0;top:auto;bottom:0;width:100%;height:auto;padding:18px}
  .lang-en .featured-news-content{right:0;left:0}
  .featured-news h1{margin:9px 0 8px;font-size:20px;line-height:1.55}
  .featured-news p{display:none}.story-meta{margin-top:8px}.hero-dots{bottom:10px;right:auto;left:15px;transform:none}
  .hero-dashboard>.panel-card:first-child{order:2}.hero-dashboard>.panel-card:last-child{order:3}
  .panel-card{padding:12px;border-radius:14px}
  .panel-heading h2,.section-title h2{font-size:17px}.panel-heading h2:before,.section-title h2:before{height:20px}
  .mini-news-list{gap:0}.mini-news-item{grid-template-columns:88px 1fr;padding:9px 0}.mini-news-item img{width:88px;height:60px}.mini-news-item h3{font-size:12px}
  .company-news-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.company-news-list .mini-news-item{min-width:82%;grid-template-columns:62px 1fr;scroll-snap-align:start}.company-news-list .mini-news-item img{width:62px;height:51px}
  .home-section{margin:20px 0}.section-title{margin-bottom:10px}.section-title h2{font-size:18px}.section-title small{display:none}
  .device-highlight-layout{display:block}
  .featured-device{padding:12px;grid-template-columns:118px 1fr;gap:12px;border-radius:14px}
  .featured-device-image{height:185px}.featured-device-image img{max-height:168px}
  .featured-device h2{font-size:18px;margin-top:6px}.featured-device .device-subtitle{display:none}
  .spec-chips{grid-template-columns:repeat(2,1fr);gap:5px}.spec-chip{min-height:50px;padding:6px;grid-template-columns:23px 1fr;gap:5px}.spec-chip .m-icon{width:20px;height:20px}.spec-chip strong{font-size:9px}.spec-chip small{font-size:8px}
  .device-actions{grid-template-columns:1fr;margin-top:8px}.device-actions a:last-child{display:none}
  .side-insights{display:none}
  .cards-row{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.editorial-card{min-width:82%;scroll-snap-align:start}
  .phone-strip{display:flex;gap:9px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.phone-product-card{min-width:46%;scroll-snap-align:start;padding:10px}.phone-product-image{height:145px}.phone-product-image img{max-height:133px}.phone-product-card h3{font-size:12px}.phone-product-card p{font-size:9px;min-height:30px}
  .news-card-grid{grid-template-columns:1fr;gap:9px}.modern-news-card>a{display:grid;grid-template-columns:118px 1fr}.modern-news-card .news-image{height:100%;min-height:118px}.modern-news-card .content-badge{font-size:8px;padding:3px 6px}.modern-news-body{padding:10px}.modern-news-body h3{font-size:12px}.modern-news-body p{display:none}.modern-news-meta{font-size:8px}
  .logo-news-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.logo-news-card{min-width:82%;scroll-snap-align:start}
  .compare-cta{display:block;margin:22px 0;padding:20px;text-align:center}.compare-cta h2{font-size:18px}.compare-cta p{font-size:10px}.compare-cta>a{display:inline-flex;margin-top:12px}
  .footer-main{padding:26px 15px}.footer-grid{display:block}.footer-grid>.footer-list{display:none}.footer-social{text-align:center}.footer-social p{margin-inline:auto}.footer-search{margin-inline:auto}.footer-language div,.social-links{justify-content:center}.footer-logo img{max-width:160px}
  .footer-bottom>div{padding:12px 15px;display:block;text-align:center}.footer-bottom nav{justify-content:center;margin-top:7px;gap:13px}
  .columns,.column,.columnsmst{float:none!important;width:100%!important;padding:6px!important}
  .row{margin-bottom:10px}.rowbg,.rowbg2,.rowbg3,.rowbg4{border-radius:12px;padding:4px}
  .hide-for-small{display:none!important}.show-for-small{display:block!important}.show-for-medium{display:none!important}.hide-for-medium{display:block!important}
  .small-1{width:8.333%!important}.small-2{width:16.666%!important}.small-3{width:25%!important}.small-4{width:33.333%!important}.small-5{width:41.666%!important}.small-6{width:50%!important}.small-7{width:58.333%!important}.small-8{width:66.666%!important}.small-9{width:75%!important}.small-10{width:83.333%!important}.small-11{width:91.666%!important}.small-12{width:100%!important}
  .columnsmst{float:right!important;border:1px solid var(--line);border-radius:9px;margin-bottom:5px;min-height:54px}
  .lang-en .columnsmst{float:left!important}
  .columnsmst.small-6{width:50%!important}.columnsmst.small-12{width:100%!important}
  .sorcfont{font-size:14px!important;margin-top:16px!important}
  .mobilkheadline{font-size:21px!important}.button,.radius.button{width:100%;margin-top:5px}
  .small-block-grid-3 img{height:95px}
  table{display:block;overflow-x:auto;white-space:nowrap}
  .page-mobilecompany .large-9.medium-8.small-12.columns{padding:9px;border-radius:13px}
  .page-mobilecompany .site-content>.row:nth-of-type(2){border:0;padding:0}
  object,embed{display:none!important}
}

@media (max-width:430px){
  .featured-news{min-height:255px}.featured-news h1{font-size:18px}
  .featured-device{grid-template-columns:105px 1fr}.featured-device-image{height:165px}.featured-device-image img{max-height:150px}
  .spec-chip:nth-child(n+3){display:none}.spec-chips{grid-template-columns:repeat(2,1fr)}
  .phone-product-card{min-width:47.5%}
  .mobile-shortcuts a{min-width:80px}
}

/* Premium phone detail hero */
.device-detail-hero{margin:14px 0 18px;padding:22px;display:grid;grid-template-columns:285px minmax(0,1fr);gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden;position:relative}
.device-detail-hero:after{content:"";position:absolute;width:320px;height:320px;left:-150px;bottom:-210px;border-radius:50%;background:var(--brand-soft);pointer-events:none}
.lang-en .device-detail-hero:after{left:auto;right:-150px}
.device-detail-visual{position:relative;z-index:1;min-height:300px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#fff,#f2f5f9)}
.device-detail-visual img{max-width:88%;max-height:280px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(19,43,76,.15))}
.device-detail-summary{position:relative;z-index:1}
.device-detail-badges{display:flex;align-items:center;gap:8px}
.device-detail-badges span,.device-detail-badges a{padding:4px 9px;border-radius:7px;font-size:10px;font-weight:800}
.device-detail-badges span{background:var(--brand);color:#fff}.device-detail-badges a{border:1px solid var(--line);color:var(--navy)}
.device-detail-summary h1{margin:10px 0 4px;color:var(--navy);font-size:31px;line-height:1.45;direction:ltr;text-align:start}
.device-detail-summary>p{max-width:780px;margin:0 0 16px;color:var(--muted);font-size:12px}
.device-detail-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.device-detail-specs>div{min-height:70px;padding:10px;display:grid;grid-template-columns:29px 1fr;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:#fff}
.device-detail-specs .m-icon{width:25px;height:25px;color:var(--brand)}
.device-detail-specs b,.device-detail-specs small{display:block}.device-detail-specs b{color:var(--navy);font-size:11px}.device-detail-specs small{color:var(--muted);font-size:9px;line-height:1.55}
.device-detail-actions{margin-top:14px;display:flex;gap:8px}.device-detail-actions a{min-height:40px;padding:8px 15px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:9px;color:var(--navy);font-size:11px;font-weight:800}.device-detail-actions a.primary{background:var(--brand);border-color:var(--brand);color:#fff}.device-detail-actions .m-icon{width:17px;height:17px}
@media(max-width:900px){.device-detail-hero{grid-template-columns:220px 1fr}.device-detail-specs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.device-detail-hero{margin:10px 0 13px;padding:13px;grid-template-columns:115px 1fr;gap:11px;border-radius:14px}.device-detail-visual{min-height:190px}.device-detail-visual img{max-height:175px}.device-detail-summary h1{font-size:19px;margin-top:7px}.device-detail-summary>p{display:none}.device-detail-specs{grid-template-columns:repeat(2,1fr);gap:5px}.device-detail-specs>div{min-height:52px;padding:6px;grid-template-columns:21px 1fr}.device-detail-specs .m-icon{width:19px;height:19px}.device-detail-specs b{font-size:9px}.device-detail-specs small{font-size:7px}.device-detail-actions{margin-top:7px}.device-detail-actions a{min-height:35px;padding:6px 8px;font-size:9px}.device-detail-actions a:not(.primary){display:none}.device-detail-badges a{display:none}}
@media(max-width:420px){.device-detail-hero{grid-template-columns:102px 1fr}.device-detail-visual{min-height:170px}.device-detail-visual img{max-height:155px}.device-detail-specs>div:nth-child(n+3){display:none}}

/* Legacy news, listing and comparison cards upgraded to the 2026 UI */
.img-wrap{position:relative;overflow:hidden;margin:0 0 12px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 14px rgba(19,43,76,.05)}
.img-wrap>a:first-child{display:block;overflow:hidden}
.img-wrap .imgblock0,.img-wrap .imgblock01,.img-wrap .imgblocksm,.imgblock0,.imgblock01,.imgblocksm{display:block;width:100%;height:185px;object-fit:cover;border:0!important;border-radius:12px 12px 0 0;background:var(--soft)}
.img-wrap .caption{position:static!important;display:block!important;padding:10px 11px!important;background:#fff!important;color:var(--navy)!important;line-height:1.65!important}
.img-wrap .caption a{color:var(--navy)!important;font-size:12px!important;font-weight:800!important}
.headlineartism,.headlineartism22{display:block;color:var(--navy)!important;font-size:17px!important;font-weight:800!important;line-height:1.75!important}
.bordtitle,.bordtitle2{border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;overflow:hidden}
.fltr{padding:6px!important}
.page-news .rowbg,.page-nnews .rowbg,.page-article .rowbg{box-shadow:0 5px 18px rgba(19,43,76,.04)}
.page-news .pdtext,.page-nnews .pdtext,.page-article .pdtext{font-size:15px;line-height:2.15;color:#344259}
.mob-img{max-height:220px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(19,43,76,.12))}
.inp5{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff}
.alert-error{padding:10px;border-radius:8px;background:#fff1f4;color:#b72e49}
.label{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--navy);color:#fff;font-size:10px}
@media(max-width:767px){.img-wrap .imgblock0,.img-wrap .imgblock01,.img-wrap .imgblocksm,.imgblock0,.imgblock01,.imgblocksm{height:125px}.headlineartism,.headlineartism22{font-size:14px!important}.img-wrap .caption a{font-size:11px!important}.page-news .pdtext,.page-nnews .pdtext,.page-article .pdtext{font-size:14px;line-height:2}}

/* Header search seamless join fix */
.header-search{
  border-radius:9px;
  overflow:hidden;
  background:#fff;
}
.header-search input[type="search"]{
  border-radius:0!important;
  border-inline-end:0!important;
  margin:0!important;
  box-shadow:none;
}
.header-search button{
  flex:0 0 46px;
  border-radius:0!important;
  margin:0!important;
}
@media (max-width: 820px){
  .mobile-search-row form{
    border-radius:9px;
    overflow:hidden;
    background:#fff;
  }
  .mobile-search-row input[type="search"]{
    border-radius:0!important;
    border-inline-end:0!important;
    margin:0!important;
    box-shadow:none;
  }
  .mobile-search-row button{
    flex:0 0 45px;
    border-radius:0!important;
    margin:0!important;
  }
}

/* 2026 visual polish: decorative layer, footer search and typography */

/* Keep the pink decorative circle behind all device-card content. */
.featured-device:before{
  z-index:0;
  pointer-events:none;
}
.featured-device-image,
.featured-device-content{
  position:relative;
  z-index:1;
}

/* Footer search must be one seamless control, matching the header search. */
.footer-search{
  border-radius:8px;
  overflow:hidden;
  background:rgba(255,255,255,.05);
}
.footer-search input[type="search"],
.footer-search input[type="text"]{
  margin:0!important;
  border-radius:0!important;
  border-inline-start:0!important;
  box-shadow:none!important;
}
.footer-search button{
  flex:0 0 42px;
  margin:0!important;
  border-radius:0!important;
}

/* Slightly larger typography across the portal for clearer reading. */
body{font-size:var(--fs-body)}
.utility-inner{font-size:14px}
.header-actions a{font-size:14px}
.nav-shell>a,.nav-item>a{font-size:15px}
.nav-item>a b{font-size:14px}
.mega-column h3{font-size:15px}
.mega-column>a{font-size:14px}
.mega-promo span{font-size:14px}
.mega-promo b{font-size:12px}
.panel-heading h2{font-size:20px}
.section-title h2{font-size:22px}
.panel-heading>a,.section-title>a{font-size:14px}
.content-badge{font-size:13px}
.featured-news p{font-size:15px}
.story-meta{font-size:13px}
.mini-news-item h3{font-size:14px}
.mini-news-item span{font-size:11px}
.section-title small{font-size:13px}
.featured-device-content>span{font-size:12px}
.featured-device .device-subtitle{font-size:14px}
.spec-chip strong{font-size:13px}
.spec-chip small{font-size:11px}
.device-actions a{font-size:13px}
.insight-card h3{font-size:16px}
.insight-card p,.insight-card a{font-size:12px}
.editorial-card-head h3{font-size:17px}
.editorial-card-head a{font-size:12px}
.editorial-card-main strong{font-size:13px}
.editorial-card-main p{font-size:11px}
.phone-product-card h3{font-size:16px}
.phone-product-card p,.phone-card-bottom{font-size:12px}
.modern-news-body h3{font-size:17px}
.modern-news-body p{font-size:13px}
.modern-news-meta{font-size:11px}
.logo-news-card h3{font-size:14px}
.logo-news-card span{font-size:11px}
.compare-cta span{font-size:13px}
.compare-cta p,.compare-cta>a{font-size:14px}
.breadcrumbs{font-size:13px}
.button,.radius.button,input[type=submit],button.secondary{font-size:13px!important}
.psmall,.psmall2{font-size:12px}
.columnsmst h2,.columnsmst h3,.columnsmst h4,.columnsmst h5{font-size:14px!important}
.columnsmst p{font-size:14px}
.boldmobilkdet{font-size:13px}
th,td{font-size:14px}

/* Footer gets a stronger, more readable scale. */
.footer-social p{font-size:13px}
.footer-language strong{font-size:13px}
.footer-language a{font-size:12px}
.footer-list h2{font-size:15px}
.footer-list>a{min-height:30px;font-size:12px;line-height:1.7}
.footer-bottom>div{font-size:12px}

@media (max-width:1240px){
  .header-actions a{font-size:13px}
  .nav-shell>a,.nav-item>a{font-size:13px}
}

@media (max-width:1024px){
  .nav-shell>a span,.nav-item>a span{font-size:12px}
}

@media (max-width:900px){
  .mobile-language{font-size:14px}
  .nav-shell>a,.nav-item>a,.nav-shell>a span,.nav-item>a span{font-size:15px}
  .mobile-bottom-nav a,.mobile-bottom-nav button{font-size:12px}
}

@media (max-width:767px){
  body{font-size:var(--fs-body)}
  .mobile-shortcuts a{font-size:12px}
  .featured-news h1{font-size:22px}
  .panel-heading h2,.section-title h2{font-size:19px}
  .mini-news-item h3{font-size:14px}
  .section-title h2{font-size:20px}
  .featured-device h2{font-size:20px}
  .spec-chip strong{font-size:11px}
  .spec-chip small{font-size:10px}
  .phone-product-card h3{font-size:14px}
  .phone-product-card p{font-size:11px}
  .modern-news-body h3{font-size:14px}
  .modern-news-meta{font-size:10px}
  .compare-cta p{font-size:12px}
  .sorcfont{font-size:16px!important}
  .footer-social p{font-size:14px;line-height:2}
  .footer-language strong{font-size:14px}
  .footer-language a{font-size:13px}
  .footer-bottom>div{font-size:12px}
  .device-detail-summary h1{font-size:21px}
  .device-detail-specs b{font-size:11px}
  .device-detail-specs small{font-size:9px}
  .device-detail-actions a{font-size:11px}
  .headlineartism,.headlineartism22{font-size:16px!important}
  .img-wrap .caption a{font-size:13px!important}
  .page-news .pdtext,.page-nnews .pdtext,.page-article .pdtext{font-size:16px}
}

/* ============================================================
   Mobilk 2026 — Company phones catalog page
   Scope: mobiles-company*.html only
   ============================================================ */
.page-mobilecompany .site-content{
  background:#f3f6fb;
}
.company-page-shell{
  width:min(1480px,calc(100% - 32px));
  margin:0 auto;
  padding:20px 0 44px;
  color:#132b4c;
}
.company-breadcrumbs{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  margin-bottom:14px;
  padding:0 4px;
  color:#75849a;
  font-size:13px;
  overflow:hidden;
  white-space:nowrap;
}
.company-breadcrumbs a{
  color:#66778f;
  transition:.2s ease;
}
.company-breadcrumbs a:hover{color:#e50a8e}
.company-breadcrumbs span{display:flex;color:#aeb8c7}
.company-breadcrumbs .m-icon{width:14px;height:14px}
.company-breadcrumbs strong{
  color:#132b4c;
  overflow:hidden;
  text-overflow:ellipsis;
}
.page-mobilecompany .ad-company-top,
.page-mobilecompany .ad-company-bottom{
  min-height:100px;
  margin:0 0 20px;
  border-radius:18px;
  border:1px solid #e1e7f0;
  background:#fff;
  box-shadow:0 8px 24px rgba(19,43,76,.04);
}
.company-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}
.company-section-heading>div>span,
.company-all-brands-hero>span{
  display:block;
  margin-bottom:4px;
  color:#e50a8e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.company-section-heading h2{
  margin:0;
  color:#132b4c;
  font-size:22px;
  line-height:1.4;
}
.company-section-heading p{
  margin:4px 0 0;
  color:#7c899c;
  font-size:13px;
}
.company-section-heading>a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#e50a8e;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.company-section-heading>a .m-icon{width:16px;height:16px}

.company-news-strip{
  margin-bottom:20px;
  padding:20px;
  border:1px solid #e2e8f1;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(19,43,76,.045);
}
.company-news-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.company-news-card{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
  min-width:0;
  padding:10px;
  border:1px solid #e8edf4;
  border-radius:15px;
  background:#fbfcfe;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.company-news-card:hover{
  transform:translateY(-3px);
  border-color:#f2b5d7;
  box-shadow:0 10px 22px rgba(19,43,76,.07);
}
.company-news-image{
  display:block;
  height:92px;
  overflow:hidden;
  border-radius:11px;
  background:#eef2f7;
}
.company-news-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.company-news-card>div{min-width:0}
.company-news-card span{
  display:block;
  margin-bottom:3px;
  color:#9aa5b5;
  font-size:10px;
}
.company-news-card h3{
  margin:0 0 5px;
  font-size:13px;
  line-height:1.65;
}
.company-news-card h3 a{color:#132b4c}
.company-news-card p{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:#7b889a;
  font-size:10px;
  line-height:1.7;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.company-brand-hero{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  align-items:center;
  gap:26px;
  min-height:220px;
  margin-bottom:18px;
  padding:28px 30px;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(132deg,#132b4c 0%,#19385f 62%,#112642 100%);
  box-shadow:0 16px 38px rgba(19,43,76,.16);
  color:#fff;
}
.company-brand-hero:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto -90px -150px auto;
  width:330px;
  height:330px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,rgba(229,10,142,.9),rgba(229,10,142,.08) 62%,transparent 64%);
  opacity:.8;
}
.company-brand-hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-110px auto auto 34%;
  width:250px;
  height:250px;
  border-radius:50%;
  background:rgba(255,255,255,.035);
}
.company-brand-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:150px;
  height:130px;
  padding:22px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 28px rgba(2,18,39,.2);
}
.company-brand-logo img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.company-brand-copy{min-width:0}
.company-eyebrow{
  display:block;
  margin-bottom:7px;
  color:#ff63bc;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.company-brand-copy h1{
  margin:0 0 8px;
  color:#fff;
  font-size:34px;
  line-height:1.35;
}
.company-brand-copy h1 b{
  color:#fff;
  font-family:Inter,Cairo,sans-serif;
  font-weight:700;
}
.company-brand-copy p{
  max-width:700px;
  margin:0;
  color:#dbe5f1;
  font-size:14px;
  line-height:1.9;
}
.company-brand-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.company-brand-stats span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:#dbe5f1;
  font-size:11px;
}
.company-brand-stats .m-icon{width:16px;height:16px;color:#ff4fb4}
.company-brand-stats b{color:#fff;font-size:15px}
.company-brand-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:170px;
}
.company-brand-actions a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:11px;
  color:#fff;
  font-size:12px;
  font-weight:800;
  transition:.2s ease;
}
.company-brand-actions a:hover{background:rgba(255,255,255,.08)}
.company-brand-actions .company-primary-action{
  border-color:#e50a8e;
  background:#e50a8e;
  box-shadow:0 8px 20px rgba(229,10,142,.25);
}
.company-brand-actions .company-primary-action:hover{background:#c9007b}
.company-brand-actions .m-icon{width:17px;height:17px}

.company-filter-panel{
  position:sticky;
  z-index:35;
  top:0;
  display:grid;
  grid-template-columns:minmax(280px,1.45fr) minmax(190px,.8fr) minmax(190px,.8fr);
  gap:12px;
  margin-bottom:18px;
  padding:14px;
  border:1px solid #dfe6ef;
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(19,43,76,.07);
  backdrop-filter:blur(14px);
}
.company-filter-field label{
  display:block;
  margin-bottom:6px;
  color:#53657e;
  font-size:11px;
  font-weight:800;
}
.company-filter-field select,
.company-filter-field input{
  width:100%;
  height:44px;
  margin:0!important;
  border:1px solid #dce4ee!important;
  border-radius:10px!important;
  background:#f9fbfd!important;
  box-shadow:none!important;
  color:#132b4c;
  font-family:inherit;
  font-size:13px;
}
.company-filter-field select:focus,
.company-filter-field input:focus{
  border-color:#e50a8e!important;
  background:#fff!important;
  outline:0;
  box-shadow:0 0 0 3px rgba(229,10,142,.08)!important;
}
.company-live-search>div{
  display:flex;
  overflow:hidden;
  border-radius:10px;
}
.company-live-search input{
  flex:1;
  min-width:0;
  border-radius:0 10px 10px 0!important;
}
.company-live-search button{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 46px;
  margin:0;
  border:0;
  border-radius:10px 0 0 10px;
  background:#e50a8e;
  color:#fff;
}
.company-live-search .m-icon{width:20px;height:20px}
.company-mobile-brands-toggle{display:none}

.company-catalog-layout{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  align-items:start;
  gap:18px;
}
.company-brands-sidebar{
  position:sticky;
  top:95px;
  overflow:hidden;
  border:1px solid #dfe6ef;
  border-radius:19px;
  background:#fff;
  box-shadow:0 10px 26px rgba(19,43,76,.055);
}
.company-sidebar-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:16px 16px 13px;
  border-bottom:1px solid #e8edf3;
  background:linear-gradient(135deg,#132b4c,#19385e);
  color:#fff;
}
.company-sidebar-title span{
  display:block;
  color:#ff5cba;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.company-sidebar-title h2{
  margin:2px 0 0;
  color:#fff;
  font-size:17px;
}
.company-sidebar-close{display:none}
.company-brand-list{
  max-height:680px;
  overflow:auto;
  padding:8px;
  scrollbar-width:thin;
  scrollbar-color:#d5dce7 transparent;
}
.company-brand-list a{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 16px;
  align-items:center;
  gap:10px;
  min-height:57px;
  padding:7px 8px;
  border-radius:11px;
  color:#132b4c;
  transition:.2s ease;
}
.company-brand-list a:hover{background:#f7f9fc}
.company-brand-list a.is-active{
  background:linear-gradient(90deg,rgba(229,10,142,.11),rgba(229,10,142,.035));
  color:#e50a8e;
}
.company-brand-list-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  padding:6px;
  border:1px solid #e7ecf2;
  border-radius:10px;
  background:#fff;
}
.company-brand-list-logo img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.company-brand-list a>span:nth-child(2){min-width:0}
.company-brand-list b{
  display:block;
  overflow:hidden;
  color:inherit;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.company-brand-list small{
  display:block;
  margin-top:2px;
  color:#97a3b3;
  font-size:9px;
}
.company-brand-list .m-icon{width:14px;height:14px;color:#b4becb}
.company-brand-list a.is-active .m-icon{color:#e50a8e}

.company-phone-catalog{
  min-width:0;
  padding:20px;
  border:1px solid #dfe6ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(19,43,76,.045);
}
.company-catalog-heading{
  padding-bottom:15px;
  border-bottom:1px solid #e9edf3;
}
.company-catalog-heading>a{
  min-height:39px;
  padding:0 14px;
  border:1px solid #f3b5d9;
  border-radius:10px;
  background:#fff6fb;
}
.company-phone-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
}
.company-phone-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid #e3e9f1;
  border-radius:17px;
  background:#fff;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.company-phone-card:hover{
  transform:translateY(-5px);
  border-color:#efacd3;
  box-shadow:0 14px 30px rgba(19,43,76,.10);
}
.company-phone-card[hidden]{display:none!important}
.company-phone-card-top{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:220px;
  overflow:hidden;
  background:linear-gradient(180deg,#f9fbfd,#f3f6fa);
}
.company-phone-card-top:after{
  content:"";
  position:absolute;
  right:-50px;
  bottom:-80px;
  width:155px;
  height:155px;
  border-radius:50%;
  background:rgba(229,10,142,.07);
}
.company-phone-image{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  padding:20px 18px 14px;
}
.company-phone-image img{
  max-width:82%;
  max-height:185px;
  object-fit:contain;
  filter:drop-shadow(0 12px 12px rgba(19,43,76,.12));
  transition:transform .25s ease;
}
.company-phone-card:hover .company-phone-image img{transform:scale(1.035)}
.company-new-badge{
  position:absolute;
  z-index:3;
  top:12px;
  right:12px;
  min-height:25px;
  padding:4px 10px;
  border-radius:999px;
  background:#e50a8e;
  color:#fff;
  font-size:9px;
  font-weight:800;
  box-shadow:0 7px 16px rgba(229,10,142,.22);
}
.company-favorite-button{
  position:absolute;
  z-index:3;
  top:10px;
  left:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin:0;
  border:1px solid #e1e7ef;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  color:#8795a8;
  box-shadow:0 5px 12px rgba(19,43,76,.07);
  transition:.2s ease;
}
.company-favorite-button:hover,
.company-favorite-button.is-active{
  border-color:#e50a8e;
  background:#fff0f9;
  color:#e50a8e;
}
.company-favorite-button .m-icon{width:16px;height:16px}
.company-phone-card-body{padding:15px}
.company-phone-brand{
  display:block;
  margin-bottom:3px;
  color:#e50a8e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
}
.company-phone-card h3{
  min-height:48px;
  margin:0 0 10px;
  font-family:Inter,Cairo,sans-serif;
  font-size:16px;
  line-height:1.5;
}
.company-phone-card h3 a{color:#132b4c}
.company-phone-specs{
  display:grid;
  gap:6px;
}
.company-phone-specs>span{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  grid-template-areas:"icon label" "icon value";
  column-gap:8px;
  align-items:center;
  min-height:45px;
  padding:6px 8px;
  border:1px solid #edf0f5;
  border-radius:10px;
  background:#fbfcfe;
}
.company-phone-specs .m-icon{
  grid-area:icon;
  width:19px;
  height:19px;
  color:#e50a8e;
}
.company-phone-specs small{
  grid-area:label;
  color:#8c99aa;
  font-size:8px;
}
.company-phone-specs b{
  grid-area:value;
  display:block;
  overflow:hidden;
  color:#344964;
  font-size:9px;
  font-weight:700;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.company-phone-card-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:7px;
  margin-top:12px;
}
.company-phone-card-actions a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border-radius:10px;
  font-size:10px;
  font-weight:800;
}
.company-spec-button{
  gap:7px;
  background:#e50a8e;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(229,10,142,.17);
}
.company-spec-button:hover{background:#c9007b}
.company-spec-button .m-icon{width:14px;height:14px}
.company-compare-button{
  border:1px solid #dce4ee;
  background:#fff;
  color:#132b4c;
}
.company-compare-button:hover{border-color:#e50a8e;color:#e50a8e}
.company-compare-button .m-icon{width:17px;height:17px}
.company-search-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:300px;
  gap:7px;
  color:#7c899b;
  text-align:center;
}
.company-search-empty[hidden]{display:none}
.company-search-empty .m-icon{width:40px;height:40px;color:#e50a8e}
.company-search-empty strong{color:#132b4c;font-size:17px}
.company-search-empty span{font-size:12px}

.company-pagination{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #e7ecf2;
}
.company-pagination>div{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:5px;
}
.company-pagination a,
.company-pagination>div>span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:35px;
  height:35px;
  padding:0 9px;
  border:1px solid #dce3ed;
  border-radius:9px;
  background:#fff;
  color:#53657d;
  font-size:11px;
  font-weight:700;
}
.company-pagination a:hover,
.company-pagination a.is-current{
  border-color:#e50a8e;
  background:#e50a8e;
  color:#fff;
}
.company-pagination-nav{gap:6px;min-width:auto!important}
.company-pagination-nav .m-icon{width:14px;height:14px}
.company-pagination-nav.next .m-icon{transform:scaleX(-1)}

.company-seo-copy{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  align-items:center;
  gap:18px;
  margin-top:20px;
  padding:24px 26px;
  border:1px solid #dfe6ef;
  border-radius:19px;
  background:#fff;
}
.company-seo-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:70px;
  height:70px;
  border-radius:18px;
  background:#fff0f8;
  color:#e50a8e;
}
.company-seo-icon .m-icon{width:32px;height:32px}
.company-seo-copy span{
  color:#e50a8e;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
}
.company-seo-copy h2{
  margin:3px 0 6px;
  color:#132b4c;
  font-size:19px;
}
.company-seo-copy p{
  margin:0;
  color:#6e7d91;
  font-size:12px;
  line-height:1.9;
}
.company-empty-state{
  width:min(720px,calc(100% - 30px));
  margin:70px auto;
  padding:50px 24px;
  border:1px solid #dfe6ef;
  border-radius:22px;
  background:#fff;
  text-align:center;
}
.company-empty-state.compact{width:100%;margin:20px 0;padding:42px 20px}
.company-empty-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:72px;
  height:72px;
  margin:0 auto 14px;
  border-radius:20px;
  background:#fff0f8;
  color:#e50a8e;
}
.company-empty-icon .m-icon{width:34px;height:34px}
.company-empty-state h1,.company-empty-state h2{margin:0 0 8px;color:#132b4c}
.company-empty-state p{margin:0 0 18px;color:#748297}
.company-empty-state>a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 18px;
  border-radius:10px;
  background:#e50a8e;
  color:#fff;
  font-weight:800;
}
.company-sidebar-backdrop{display:none}

.company-all-brands-hero{
  margin-bottom:18px;
  padding:40px;
  border-radius:24px;
  background:linear-gradient(135deg,#132b4c,#1b3c65);
  color:#fff;
  text-align:center;
}
.company-all-brands-hero h1{margin:0 0 9px;color:#fff;font-size:34px}
.company-all-brands-hero p{max-width:700px;margin:0 auto;color:#dce7f2;font-size:14px}
.company-all-brands-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.company-all-brands-grid>a{
  display:grid;
  grid-template-columns:70px minmax(0,1fr) 18px;
  align-items:center;
  gap:14px;
  min-height:105px;
  padding:15px;
  border:1px solid #dfe6ef;
  border-radius:17px;
  background:#fff;
  color:#132b4c;
  transition:.2s ease;
}
.company-all-brands-grid>a:hover{transform:translateY(-3px);border-color:#efa9d1;box-shadow:0 12px 24px rgba(19,43,76,.08)}
.company-all-brands-grid>a>span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:70px;
  height:70px;
  padding:10px;
  border:1px solid #e7ecf2;
  border-radius:14px;
}
.company-all-brands-grid img{max-width:100%;max-height:100%;object-fit:contain}
.company-all-brands-grid h2{margin:0 0 3px;font-size:16px}
.company-all-brands-grid p{margin:0;color:#8b98aa;font-size:11px}
.company-all-brands-grid .m-icon{width:16px;height:16px;color:#e50a8e}

@media (max-width:1320px){
  .company-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-phone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .company-all-brands-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:1024px){
  .company-page-shell{width:min(100% - 22px,1100px);padding-top:14px}
  .company-brand-hero{grid-template-columns:120px minmax(0,1fr);gap:20px;padding:24px}
  .company-brand-logo{width:120px;height:110px}
  .company-brand-actions{grid-column:1/-1;flex-direction:row;min-width:0}
  .company-brand-actions a{flex:1}
  .company-filter-panel{grid-template-columns:1fr 1fr}
  .company-live-search{grid-column:1/-1}
  .company-catalog-layout{grid-template-columns:220px minmax(0,1fr)}
  .company-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-all-brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:767px){
  .page-mobilecompany .site-content{
    padding-bottom:66px;
    background:#f4f7fb;
  }
  .company-page-shell{
    width:100%;
    padding:8px 10px 26px;
  }
  .company-breadcrumbs{
    min-height:34px;
    margin:0 2px 8px;
    font-size:10px;
  }
  .page-mobilecompany .ad-company-top,
  .page-mobilecompany .ad-company-bottom{
    min-height:78px;
    margin-bottom:12px;
    border-radius:13px;
  }
  .company-news-strip{
    margin-bottom:12px;
    padding:13px;
    border-radius:16px;
  }
  .company-section-heading{align-items:center;margin-bottom:11px}
  .company-section-heading h2{font-size:17px}
  .company-section-heading p{font-size:10px}
  .company-section-heading>a{font-size:10px}
  .company-section-heading>div>span{font-size:8px}
  .company-news-grid{
    display:flex;
    gap:10px;
    overflow-x:auto;
    margin-inline:-3px;
    padding:2px 3px 7px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .company-news-grid::-webkit-scrollbar{display:none}
  .company-news-card{
    flex:0 0 82%;
    grid-template-columns:96px minmax(0,1fr);
    scroll-snap-align:start;
  }
  .company-news-image{height:86px}
  .company-news-card h3{font-size:12px}
  .company-news-card p{font-size:9px}

  .company-brand-hero{
    grid-template-columns:76px minmax(0,1fr);
    gap:14px;
    min-height:0;
    margin-bottom:11px;
    padding:18px 15px;
    border-radius:18px;
  }
  .company-brand-hero:before{right:-125px;bottom:-185px}
  .company-brand-logo{
    width:76px;
    height:76px;
    padding:12px;
    border-radius:16px;
  }
  .company-eyebrow{margin-bottom:3px;font-size:8px}
  .company-brand-copy h1{margin-bottom:4px;font-size:21px}
  .company-brand-copy h1 b{display:block;margin-top:2px;font-size:13px}
  .company-brand-copy p{
    display:-webkit-box;
    overflow:hidden;
    font-size:10px;
    line-height:1.7;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .company-brand-stats{gap:5px;margin-top:8px}
  .company-brand-stats span{min-height:26px;padding:0 8px;font-size:8px}
  .company-brand-stats b{font-size:11px}
  .company-brand-stats .m-icon{width:12px;height:12px}
  .company-brand-actions{
    grid-column:1/-1;
    gap:7px;
  }
  .company-brand-actions a{min-height:37px;padding:0 8px;font-size:9px}

  .company-filter-panel{
    top:0;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
    margin-bottom:11px;
    padding:9px;
    border-radius:15px;
  }
  .company-live-search{grid-column:1/-1}
  .company-filter-field:nth-child(2),
  .company-filter-field:nth-child(3){display:none}
  .company-filter-field label{font-size:9px}
  .company-filter-field input{height:40px;font-size:12px}
  .company-live-search button{flex-basis:42px}
  .company-mobile-brands-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    grid-column:1/-1;
    min-height:39px;
    margin:0;
    border:1px solid #dce4ee;
    border-radius:10px;
    background:#fff;
    color:#132b4c;
    font-family:inherit;
    font-size:10px;
    font-weight:800;
  }
  .company-mobile-brands-toggle .m-icon{width:15px;height:15px;color:#e50a8e}

  .company-catalog-layout{display:block}
  .company-brands-sidebar{
    position:fixed;
    z-index:1002;
    top:0;
    right:0;
    bottom:0;
    width:min(88vw,350px);
    max-width:none;
    border:0;
    border-radius:0;
    transform:translateX(105%);
    transition:transform .25s ease;
    box-shadow:-20px 0 45px rgba(4,18,37,.24);
  }
  .company-brands-sidebar.is-open{transform:translateX(0)}
  .lang-en .company-brands-sidebar{right:auto;left:0;transform:translateX(-105%)}
  .lang-en .company-brands-sidebar.is-open{transform:translateX(0)}
  .company-sidebar-title{padding:18px 15px}
  .company-sidebar-close{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    margin:0;
    border:1px solid rgba(255,255,255,.18);
    border-radius:10px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:24px;
  }
  .company-brand-list{max-height:calc(100vh - 73px);padding:8px 10px 30px}
  .company-sidebar-backdrop{
    position:fixed;
    z-index:1001;
    inset:0;
    display:block;
    background:rgba(8,25,47,.58);
    backdrop-filter:blur(3px);
  }
  .company-sidebar-backdrop[hidden]{display:none}
  body.company-drawer-open{overflow:hidden}

  .company-phone-catalog{
    padding:13px 10px 15px;
    border-radius:16px;
  }
  .company-catalog-heading{padding:0 2px 10px}
  .company-catalog-heading>a{display:none}
  .company-phone-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }
  .company-phone-card{border-radius:14px}
  .company-phone-card:hover{transform:none}
  .company-phone-card-top{height:162px}
  .company-phone-image{padding:17px 8px 9px}
  .company-phone-image img{max-width:88%;max-height:138px}
  .company-new-badge{top:8px;right:8px;padding:3px 8px;font-size:8px}
  .company-favorite-button{top:7px;left:7px;width:30px;height:30px}
  .company-phone-card-body{padding:10px}
  .company-phone-brand{font-size:8px}
  .company-phone-card h3{
    min-height:39px;
    margin-bottom:7px;
    font-size:12px;
    line-height:1.55;
  }
  .company-phone-specs{gap:4px}
  .company-phone-specs>span{
    grid-template-columns:21px minmax(0,1fr);
    min-height:38px;
    padding:4px 5px;
    border-radius:8px;
  }
  .company-phone-specs .m-icon{width:15px;height:15px}
  .company-phone-specs small{font-size:7px}
  .company-phone-specs b{font-size:7.5px}
  .company-phone-card-actions{grid-template-columns:minmax(0,1fr) 35px;gap:5px;margin-top:8px}
  .company-phone-card-actions a{min-height:35px;border-radius:8px;font-size:8px}
  .company-spec-button{gap:4px}
  .company-compare-button .m-icon{width:15px;height:15px}

  .company-pagination{
    grid-template-columns:1fr;
    gap:9px;
    margin-top:16px;
  }
  .company-pagination-nav{display:none!important}
  .company-pagination a,.company-pagination>div>span{min-width:31px;height:31px;font-size:9px}

  .company-seo-copy{
    grid-template-columns:48px minmax(0,1fr);
    gap:11px;
    margin-top:12px;
    padding:16px;
    border-radius:15px;
  }
  .company-seo-icon{width:48px;height:48px;border-radius:13px}
  .company-seo-icon .m-icon{width:23px;height:23px}
  .company-seo-copy span{font-size:8px}
  .company-seo-copy h2{margin-bottom:3px;font-size:14px}
  .company-seo-copy p{
    display:-webkit-box;
    overflow:hidden;
    font-size:9px;
    line-height:1.75;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
  }

  .company-all-brands-hero{padding:26px 18px;border-radius:18px}
  .company-all-brands-hero h1{font-size:24px}
  .company-all-brands-hero p{font-size:11px}
  .company-all-brands-grid{grid-template-columns:1fr;gap:9px}
  .company-all-brands-grid>a{min-height:88px;grid-template-columns:58px minmax(0,1fr) 16px;padding:11px;border-radius:14px}
  .company-all-brands-grid>a>span{width:58px;height:58px}
}

@media (max-width:380px){
  .company-phone-grid{gap:7px}
  .company-phone-catalog{padding-inline:7px}
  .company-phone-card-top{height:148px}
  .company-phone-image img{max-height:125px}
  .company-phone-card-body{padding:8px}
  .company-phone-card h3{font-size:11px}
  .company-phone-specs>span{grid-template-columns:18px minmax(0,1fr)}
  .company-phone-specs b{font-size:7px}
  .company-phone-card-actions a{font-size:7.5px}
}


/* ============================================================
   Mobilk 2026 — Infinite device loading + immersive brand directory
   ============================================================ */
.company-infinite-loader{
  position:relative;
  min-height:128px;
  margin-top:22px;
  padding:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  overflow:hidden;
  border:1px dashed #d7dfeb;
  border-radius:17px;
  background:linear-gradient(145deg,#fbfcfe,#f4f7fb);
  color:#7d8a9c;
  text-align:center;
}
.company-infinite-loader:before{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  right:-90px;
  bottom:-120px;
  border-radius:50%;
  background:rgba(229,10,142,.07);
}
.company-infinite-loader strong,.company-infinite-loader span,.company-infinite-loader button,.company-infinite-loader>.m-icon{position:relative;z-index:1}
.company-infinite-loader strong{color:#132b4c;font-size:14px}
.company-infinite-loader span{font-size:11px}
.company-infinite-next{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.company-loader-spinner{position:relative;z-index:1;display:flex;align-items:center;gap:5px;height:22px}
.company-loader-spinner i{width:7px;height:7px;border-radius:50%;background:#e50a8e;animation:companyLoaderPulse 1s infinite ease-in-out}
.company-loader-spinner i:nth-child(2){animation-delay:.14s}.company-loader-spinner i:nth-child(3){animation-delay:.28s}
.company-infinite-loader:not(.is-loading) .company-loader-spinner i{animation-play-state:paused;opacity:.45}
.company-infinite-loader.is-loading strong:after{content:"…"}
.company-infinite-loader.has-error{border-color:#f3b2c1;background:#fff6f8}
.company-infinite-loader.has-error strong:before{content:"تعذر التحميل — ";color:#c73957}
.lang-en .company-infinite-loader.has-error strong:before{content:"Loading failed — "}
.company-infinite-retry{min-height:38px;padding:0 15px;border:0;border-radius:9px;background:#e50a8e;color:#fff;font-size:11px;font-weight:800}
.company-infinite-loader.is-complete{min-height:105px;border-style:solid;background:#fff}
.company-infinite-loader.is-complete>.m-icon{width:28px;height:28px;color:#e50a8e}
.company-noscript-next{margin-top:16px;text-align:center}.company-noscript-next a{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:10px;background:#e50a8e;color:#fff;font-size:12px;font-weight:800}
@keyframes companyLoaderPulse{0%,80%,100%{transform:scale(.75);opacity:.35}40%{transform:scale(1.25);opacity:1}}

.company-directory-page{padding-bottom:34px}
.company-directory-hero{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
  gap:34px;
  align-items:center;
  min-height:410px;
  margin-bottom:16px;
  padding:46px 52px;
  overflow:hidden;
  border-radius:28px;
  background:linear-gradient(125deg,#0b203d 0%,#132b4c 54%,#1c416e 100%);
  box-shadow:0 22px 50px rgba(19,43,76,.18);
  color:#fff;
}
.company-directory-hero:before,.company-directory-hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.company-directory-hero:before{width:420px;height:420px;right:-170px;top:-210px;background:radial-gradient(circle,rgba(229,10,142,.68),rgba(229,10,142,.08) 62%,transparent 64%)}
.company-directory-hero:after{width:280px;height:280px;left:-130px;bottom:-190px;background:rgba(255,255,255,.045)}
.company-directory-copy>span{display:block;margin-bottom:8px;color:#ff63bc;font-size:12px;font-weight:800;letter-spacing:.1em}
.company-directory-copy h1{max-width:760px;margin:0 0 13px;color:#fff;font-size:clamp(34px,3.2vw,52px);line-height:1.35}
.company-directory-copy>p{max-width:760px;margin:0;color:#d7e2ef;font-size:15px;line-height:2}
.company-directory-search{display:flex;max-width:680px;height:54px;margin-top:24px;overflow:hidden;border-radius:13px;background:#fff;box-shadow:0 13px 30px rgba(0,0,0,.18)}
.company-directory-search input{flex:1;min-width:0;height:54px;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;padding:0 17px;color:#132b4c;font-size:14px;box-shadow:none!important}
.company-directory-search button{flex:0 0 58px;border:0;background:#e50a8e;color:#fff}.company-directory-search button .m-icon{width:22px;height:22px}
.company-directory-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}
.company-directory-stats span{display:inline-flex;align-items:center;gap:7px;min-height:37px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);color:#dbe5f1;font-size:11px}
.company-directory-stats .m-icon{width:16px;height:16px;color:#ff5fba}.company-directory-stats b{color:#fff;font-size:15px}
.company-directory-visual{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}
.company-directory-glow{position:absolute;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,.02) 67%,transparent 69%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.company-directory-logo-stack{position:relative;width:320px;height:250px}
.company-directory-stack-card{position:absolute;width:230px;min-height:82px;padding:11px 13px;display:grid;grid-template-columns:58px 1fr;gap:11px;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 17px 35px rgba(0,0,0,.22);color:#132b4c;backdrop-filter:blur(12px)}
.company-directory-stack-card>span{display:flex;align-items:center;justify-content:center;width:58px;height:58px;padding:8px;border:1px solid #e8edf3;border-radius:13px;background:#fff}.company-directory-stack-card img{max-width:100%;max-height:100%;object-fit:contain}
.company-directory-stack-card b{display:block;font-size:14px}.company-directory-stack-card small{display:block;margin-top:3px;color:#8a97a9;font-size:10px}
.company-directory-stack-card.stack-1{top:10px;right:18px;transform:rotate(3deg)}.company-directory-stack-card.stack-2{top:88px;left:0;transform:rotate(-4deg)}.company-directory-stack-card.stack-3{bottom:2px;right:27px;transform:rotate(2deg)}
.company-directory-phone-ring{position:absolute;left:12px;top:4px;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#e50a8e;color:#fff;box-shadow:0 13px 28px rgba(229,10,142,.35)}.company-directory-phone-ring .m-icon{width:31px;height:31px}

.company-directory-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.company-directory-actions>a{min-height:92px;padding:15px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;border:1px solid #dfe6ef;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(19,43,76,.045);transition:.2s ease}
.company-directory-actions>a:hover{transform:translateY(-3px);border-color:#efacd3;box-shadow:0 13px 27px rgba(19,43,76,.08)}
.company-directory-actions>a>.m-icon{width:48px;height:48px;padding:11px;border-radius:13px;background:#fff0f8;color:#e50a8e}
.company-directory-actions b,.company-directory-actions small{display:block}.company-directory-actions b{color:#132b4c;font-size:14px}.company-directory-actions small{margin-top:3px;color:#8290a3;font-size:10px}

.company-directory-featured{margin-bottom:24px;padding:22px;border:1px solid #dfe6ef;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(19,43,76,.045)}
.company-directory-featured-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.company-directory-featured-card{position:relative;isolation:isolate;display:grid;grid-template-columns:82px minmax(0,1fr) 105px;align-items:center;gap:12px;min-height:165px;padding:18px;overflow:hidden;border-radius:19px;background:linear-gradient(135deg,#132b4c,#1a3b65);color:#fff;transition:.22s ease}
.company-directory-featured-card:after{content:"";position:absolute;z-index:-1;width:170px;height:170px;left:-75px;bottom:-110px;border-radius:50%;background:rgba(229,10,142,.3)}
.company-directory-featured-card.tone-2{background:linear-gradient(135deg,#172e50,#244c7d)}.company-directory-featured-card.tone-3{background:linear-gradient(135deg,#102642,#17365d)}
.company-directory-featured-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(19,43,76,.16)}
.company-featured-brand-logo{width:82px;height:82px;padding:12px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:#fff}.company-featured-brand-logo img{max-width:100%;max-height:100%;object-fit:contain}
.company-featured-phone-art{height:130px;display:flex;align-items:center;justify-content:center;order:3}.company-featured-phone-art img{max-width:100%;max-height:128px;object-fit:contain;filter:drop-shadow(0 13px 13px rgba(0,0,0,.24))}.company-featured-phone-art>.m-icon{width:54px;height:54px;color:#ff66bd}
.company-featured-card-copy{min-width:0}.company-featured-card-copy small{display:block;color:#aebfd2;font-size:10px}.company-featured-card-copy h3{margin:3px 0;color:#fff;font-size:20px}.company-featured-card-copy p{min-height:36px;margin:0;color:#d7e3ef;font-size:10px;line-height:1.7}.company-featured-card-copy b{display:inline-flex;align-items:center;gap:6px;margin-top:9px;color:#ff69bf;font-size:11px}.company-featured-card-copy b .m-icon{width:14px;height:14px}

.company-directory-all{padding:22px;border:1px solid #dfe6ef;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(19,43,76,.045)}
.company-directory-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #e8edf3}.company-directory-toolbar>div:first-child>span{color:#e50a8e;font-size:10px;font-weight:800;letter-spacing:.08em}.company-directory-toolbar h2{margin:2px 0;color:#132b4c;font-size:24px}.company-directory-toolbar p{margin:0;color:#8390a2;font-size:11px}
.company-directory-toolbar-search{display:flex;align-items:center;gap:8px;width:min(360px,100%);height:44px;padding:0 12px;border:1px solid #dce4ee;border-radius:11px;background:#f9fbfd}.company-directory-toolbar-search .m-icon{width:18px;height:18px;color:#e50a8e}.company-directory-toolbar-search input{flex:1;min-width:0;height:42px;margin:0!important;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px}
.company-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.company-directory-brand-card{grid-template-columns:64px minmax(0,1fr) 34px!important;min-height:112px!important;padding:13px!important}.company-directory-brand-card[hidden]{display:none!important}
.company-directory-brand-logo{width:64px!important;height:64px!important;padding:9px!important;border-radius:15px!important;background:#fff!important}.company-directory-brand-card h2{font-size:15px!important}.company-directory-brand-card p{font-size:10px!important}.company-directory-brand-card small{display:block;overflow:hidden;margin-top:4px;color:#9aa5b4;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.company-directory-card-arrow{width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff0f8!important;color:#e50a8e!important}.company-directory-card-arrow .m-icon{width:15px!important;height:15px!important}
.company-directory-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8491a3;text-align:center}.company-directory-empty[hidden]{display:none}.company-directory-empty .m-icon{width:42px;height:42px;color:#e50a8e}.company-directory-empty strong{color:#132b4c;font-size:17px}.company-directory-empty span{font-size:11px}

@media(max-width:1250px){
  .company-directory-hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);padding:38px}
  .company-directory-featured-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .company-directory-hero{grid-template-columns:1fr;min-height:0;padding:32px}.company-directory-visual{min-height:260px}
  .company-directory-actions{grid-template-columns:repeat(2,1fr)}
  .company-directory-featured-track{grid-template-columns:1fr}
  .company-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .company-infinite-loader{min-height:104px;margin-top:14px;padding:18px 12px;border-radius:14px}.company-infinite-loader strong{font-size:12px}.company-infinite-loader span{font-size:9px}
  .company-directory-page{padding-top:7px}
  .company-directory-hero{display:block;margin-bottom:10px;padding:22px 16px 20px;border-radius:19px;box-shadow:0 12px 28px rgba(19,43,76,.15)}
  .company-directory-copy>span{font-size:8px}.company-directory-copy h1{font-size:25px;line-height:1.45}.company-directory-copy>p{display:-webkit-box;overflow:hidden;font-size:11px;line-height:1.85;-webkit-line-clamp:3;-webkit-box-orient:vertical}
  .company-directory-search{height:47px;margin-top:15px;border-radius:11px}.company-directory-search input{height:47px;font-size:12px}.company-directory-search button{flex-basis:50px}
  .company-directory-stats{gap:5px;margin-top:11px}.company-directory-stats span{min-height:29px;padding:0 8px;font-size:8px}.company-directory-stats b{font-size:11px}.company-directory-stats .m-icon{width:12px;height:12px}
  .company-directory-visual{min-height:178px;margin-top:13px}.company-directory-glow{width:185px;height:185px}.company-directory-logo-stack{width:250px;height:165px}.company-directory-stack-card{width:175px;min-height:58px;padding:7px;grid-template-columns:42px 1fr;border-radius:12px}.company-directory-stack-card>span{width:42px;height:42px;padding:5px;border-radius:9px}.company-directory-stack-card b{font-size:10px}.company-directory-stack-card small{font-size:7px}.company-directory-stack-card.stack-1{top:0;right:12px}.company-directory-stack-card.stack-2{top:54px;left:0}.company-directory-stack-card.stack-3{bottom:0;right:24px}.company-directory-phone-ring{left:4px;top:-3px;width:46px;height:46px}.company-directory-phone-ring .m-icon{width:21px;height:21px}
  .company-directory-actions{display:flex;gap:8px;overflow-x:auto;margin:0 -2px 12px;padding:2px 2px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}.company-directory-actions::-webkit-scrollbar{display:none}.company-directory-actions>a{flex:0 0 78%;min-height:78px;padding:11px;grid-template-columns:40px 1fr;border-radius:14px;scroll-snap-align:start}.company-directory-actions>a>.m-icon{width:40px;height:40px;padding:9px}.company-directory-actions b{font-size:12px}.company-directory-actions small{font-size:8.5px}
  .company-directory-featured{margin-bottom:12px;padding:13px;border-radius:16px}.company-directory-featured .company-section-heading>a{display:none}.company-directory-featured-track{display:flex;gap:9px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory;scrollbar-width:none}.company-directory-featured-track::-webkit-scrollbar{display:none}.company-directory-featured-card{flex:0 0 88%;grid-template-columns:58px minmax(0,1fr) 78px;min-height:128px;padding:13px;border-radius:15px;scroll-snap-align:start}.company-featured-brand-logo{width:58px;height:58px;padding:8px;border-radius:12px}.company-featured-phone-art{height:100px}.company-featured-phone-art img{max-height:96px}.company-featured-card-copy h3{font-size:16px}.company-featured-card-copy p{font-size:8px}.company-featured-card-copy b{font-size:9px}
  .company-directory-all{padding:13px 10px 15px;border-radius:16px}.company-directory-toolbar{align-items:stretch;display:block;margin-bottom:11px;padding:0 2px 11px}.company-directory-toolbar h2{font-size:18px}.company-directory-toolbar-search{width:100%;height:41px;margin-top:9px}.company-directory-toolbar-search input{height:39px;font-size:11px}
  .company-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.company-directory-brand-card{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:145px!important;padding:10px 7px!important;text-align:center}.company-directory-brand-card[hidden]{display:none!important}.company-directory-brand-logo{width:62px!important;height:62px!important}.company-directory-brand-card h2{margin:0!important;font-size:12px!important}.company-directory-brand-card p{font-size:8px!important}.company-directory-brand-card small{max-width:120px;font-size:7px}.company-directory-card-arrow{position:absolute;top:8px;left:8px;width:27px!important;height:27px!important}
}
@media(max-width:380px){.company-directory-grid{gap:6px}.company-directory-brand-card{min-height:135px!important}.company-directory-featured-card{flex-basis:92%}}


/* Company directory v3 stability fixes */
.company-directory-page > .company-directory-hero ~ .company-directory-hero{display:none!important}
.company-infinite-loader.has-error .company-loader-spinner{display:none}
.company-infinite-loader.has-error span{max-width:640px}

/* ============================================================
   Mobilk 2026 — Premium phone specifications page
   Scope: mobile-details*.html only
   ============================================================ */
.page-mobile-detail .site-content{
  width:min(calc(100% - 32px),1480px);
  margin-top:18px;
  color:var(--navy);
}
.device-detail-breadcrumbs{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  margin:0 2px 12px;
  color:#77859a;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
}
.device-detail-breadcrumbs a{color:#66768c;transition:.2s}
.device-detail-breadcrumbs a:hover{color:var(--brand)}
.device-detail-breadcrumbs span{display:flex;color:#adb8c7}
.device-detail-breadcrumbs .m-icon{width:14px;height:14px}
.device-detail-breadcrumbs strong{overflow:hidden;color:var(--navy);text-overflow:ellipsis}

.page-mobile-detail .device-detail-hero-premium{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(310px,.78fr) minmax(0,1.65fr);
  gap:34px;
  min-height:470px;
  margin:0 0 14px;
  padding:30px;
  overflow:hidden;
  border:0;
  border-radius:26px;
  background:
    radial-gradient(circle at 90% 12%,rgba(229,10,142,.26),transparent 24%),
    linear-gradient(135deg,#0b203d 0%,#132b4c 55%,#19395f 100%);
  box-shadow:0 24px 55px rgba(19,43,76,.18);
  color:#fff;
}
.page-mobile-detail .device-detail-hero-premium:before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-110px;
  bottom:-170px;
  width:390px;
  height:390px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,rgba(229,10,142,.72),rgba(229,10,142,.08) 58%,transparent 62%);
}
.page-mobile-detail .device-detail-hero-premium:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:37%;
  top:-180px;
  width:360px;
  height:360px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.018);
}
.device-detail-gallery{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:12px;
  direction:ltr;
  min-width:0;
}
.device-detail-main-image{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:405px;
  padding:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  border-radius:23px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,247,251,.95));
  box-shadow:0 18px 38px rgba(2,14,31,.25);
}
.device-detail-main-image:after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-105px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:rgba(229,10,142,.08);
}
.device-detail-main-image>img{
  position:relative;
  z-index:1;
  max-width:92%;
  max-height:345px;
  object-fit:contain;
  filter:drop-shadow(0 22px 24px rgba(19,43,76,.19));
  transition:opacity .2s ease,transform .25s ease;
}
.device-detail-rating{
  position:absolute;
  z-index:3;
  top:14px;
  right:14px;
  min-height:31px;
  padding:5px 10px;
  border-radius:10px;
  background:var(--navy);
  color:#fff;
  font-size:11px;
  font-weight:800;
}
.device-detail-rating b{color:#ffc63b}
.device-detail-thumbnails{
  display:flex;
  flex-direction:column;
  gap:9px;
  align-self:center;
}
.device-detail-thumbnails button{
  width:68px;
  height:68px;
  margin:0;
  padding:6px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  border-radius:13px;
  background:rgba(255,255,255,.1);
  transition:.2s;
}
.device-detail-thumbnails button:hover,.device-detail-thumbnails button.is-active{
  border-color:var(--brand);
  background:#fff;
  box-shadow:0 0 0 3px rgba(229,10,142,.18);
}
.device-detail-thumbnails img{width:100%;height:100%;object-fit:contain}
.page-mobile-detail .device-detail-summary{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.device-detail-brand-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.device-detail-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:#fff;
}
.device-detail-brand>img{
  width:52px;
  height:52px;
  padding:7px;
  border-radius:13px;
  background:#fff;
  object-fit:contain;
}
.device-detail-brand small,.device-detail-brand b{display:block}
.device-detail-brand small{color:#b8c8db;font-size:9px}
.device-detail-brand b{color:#fff;font-size:14px}
.page-mobile-detail .device-detail-badges{display:flex;gap:7px}
.page-mobile-detail .device-detail-badges span,.page-mobile-detail .device-detail-badges a{
  min-height:30px;
  padding:5px 10px;
  display:inline-flex;
  align-items:center;
  border-radius:8px;
  font-size:10px;
  font-weight:800;
}
.page-mobile-detail .device-detail-badges span{background:var(--brand);color:#fff}
.page-mobile-detail .device-detail-badges a{border:1px solid rgba(255,255,255,.2);color:#fff}
.page-mobile-detail .device-detail-summary h1{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(30px,3vw,46px);
  line-height:1.35;
  direction:ltr;
  text-align:right;
}
.device-detail-intro{
  max-width:850px;
  margin:0 0 17px!important;
  color:#cfdae8!important;
  font-size:13px!important;
  line-height:1.9!important;
}
.device-detail-key-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px;
}
.device-detail-key-facts>span{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-areas:"icon label" "icon value";
  align-items:center;
  min-height:60px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:rgba(255,255,255,.06);
}
.device-detail-key-facts .m-icon{grid-area:icon;width:21px;height:21px;color:#ff5fba}
.device-detail-key-facts small{grid-area:label;color:#9fb0c5;font-size:8px}
.device-detail-key-facts b{grid-area:value;overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.page-mobile-detail .device-detail-specs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.page-mobile-detail .device-detail-specs>div{
  min-height:72px;
  padding:10px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:rgba(255,255,255,.075);
}
.page-mobile-detail .device-detail-specs .m-icon{width:25px;height:25px;color:#ff5fba}
.page-mobile-detail .device-detail-specs b,.page-mobile-detail .device-detail-specs small{display:block}
.page-mobile-detail .device-detail-specs b{color:#fff;font-size:11px}
.page-mobile-detail .device-detail-specs small{
  display:-webkit-box;
  overflow:hidden;
  color:#b8c7d9;
  font-size:8.5px;
  line-height:1.55;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.page-mobile-detail .device-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.page-mobile-detail .device-detail-actions a,.page-mobile-detail .device-detail-actions button{
  min-height:43px;
  padding:8px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:11px;
  font-weight:800;
}
.page-mobile-detail .device-detail-actions .primary{border-color:var(--brand);background:var(--brand);box-shadow:0 9px 22px rgba(229,10,142,.24)}
.page-mobile-detail .device-detail-actions .m-icon{width:17px;height:17px}
.device-share-trigger{font-family:inherit;cursor:pointer}

.device-detail-anchor-nav{
  position:sticky;
  z-index:45;
  top:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin:0 0 14px;
  padding:8px;
  border:1px solid #dfe6ef;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 26px rgba(19,43,76,.075);
  backdrop-filter:blur(14px);
}
.device-detail-anchor-nav a{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:10px;
  color:#63738a;
  font-size:11px;
  font-weight:800;
  transition:.2s;
}
.device-detail-anchor-nav a:hover,.device-detail-anchor-nav a.is-active{background:#fff0f8;color:var(--brand)}
.device-detail-anchor-nav .m-icon{width:17px;height:17px}

.page-mobile-detail .device-detail-layout-row{
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.page-mobile-detail .device-brand-directory{display:none!important}
.page-mobile-detail .device-detail-content{
  float:none!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.device-detail-switcher{
  display:grid;
  grid-template-columns:minmax(250px,1.2fr) minmax(190px,.8fr) minmax(210px,.9fr) auto;
  align-items:end;
  gap:11px;
  margin-bottom:12px;
  padding:15px;
  border:1px solid #dfe6ef;
  border-radius:17px;
  background:#fff;
  box-shadow:0 10px 25px rgba(19,43,76,.05);
}
.device-detail-switcher-title{display:flex;align-items:center;gap:10px;min-height:44px}
.device-detail-switcher-title>span{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#fff0f8;
  color:var(--brand);
}
.device-detail-switcher-title .m-icon{width:21px;height:21px}
.device-detail-switcher-title small,.device-detail-switcher-title strong{display:block}
.device-detail-switcher-title small{color:#8b98a9;font-size:9px}
.device-detail-switcher-title strong{color:var(--navy);font-size:13px}
.device-detail-switcher label>span{display:block;margin-bottom:5px;color:#65758c;font-size:9px;font-weight:800}
.device-detail-switcher select{width:100%;height:43px;margin:0!important;background:#f9fbfd!important;font-size:11px}
.device-detail-switcher>a{
  min-height:43px;
  padding:0 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:10px;
  background:var(--navy);
  color:#fff;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.device-detail-switcher>a .m-icon{width:16px;height:16px}
.device-detail-share-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:13px;
  padding:12px 15px;
  border:1px solid #e4e9f0;
  border-radius:15px;
  background:#fff;
}
.device-detail-share-row>div{display:flex;align-items:center;gap:12px;min-width:0}
.device-detail-share-row>div>span{color:#68788e;font-size:10px;font-weight:800;white-space:nowrap}
.device-detail-share-row>a{display:flex;align-items:center;gap:6px;color:var(--brand);font-size:10px;font-weight:800}
.device-detail-share-row .m-icon{width:16px;height:16px}

.page-mobile-detail .device-specifications-column{
  float:right!important;
  width:69%!important;
  padding:0 0 0 13px!important;
  background:transparent;
}
.page-mobile-detail .device-detail-aside{
  position:sticky;
  top:70px;
  float:left!important;
  width:31%!important;
  min-height:0;
  padding:14px!important;
  border:1px solid #dfe6ef!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(19,43,76,.05);
}
.page-mobile-detail .device-specifications-column>.sorcfont{
  position:relative;
  margin:18px 0 9px!important;
  padding:14px 48px 14px 16px!important;
  overflow:hidden;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--navy),var(--navy-3))!important;
  color:#fff!important;
  font-size:16px!important;
  box-shadow:0 8px 20px rgba(19,43,76,.08);
}
.page-mobile-detail .device-specifications-column>.sorcfont:before{
  content:"";
  position:absolute;
  right:15px;
  top:50%;
  width:20px;
  height:20px;
  transform:translateY(-50%);
  border:5px solid rgba(255,255,255,.24);
  border-radius:6px;
}
.page-mobile-detail .device-specifications-column>.sorcfont:after{
  content:"";
  position:absolute;
  left:-25px;
  bottom:-75px;
  width:135px;
  height:135px;
  border-radius:50%;
  background:rgba(229,10,142,.22);
}
.page-mobile-detail .device-specifications-column>.columnsmst{
  min-height:58px;
  margin-bottom:7px!important;
  padding:10px 12px!important;
  border:1px solid #e3e8ef!important;
  background:#fff!important;
  box-shadow:none;
}
.page-mobile-detail .device-specifications-column>.large-4.medium-5.columnsmst{
  border-left:0!important;
  border-radius:0 11px 11px 0!important;
  background:#f7f9fc!important;
}
.page-mobile-detail .device-specifications-column>.large-8.medium-7.columnsmst{
  border-radius:11px 0 0 11px!important;
}
.page-mobile-detail .device-specifications-column>.columnsmst h2,
.page-mobile-detail .device-specifications-column>.columnsmst h3,
.page-mobile-detail .device-specifications-column>.columnsmst h4{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0!important;
  color:var(--navy)!important;
  font-size:12px!important;
  line-height:1.6!important;
}
.page-mobile-detail .device-specifications-column>.columnsmst h2 span,
.page-mobile-detail .device-specifications-column>.columnsmst h2 i,
.page-mobile-detail .device-specifications-column>.columnsmst h4 span{
  width:27px;
  height:27px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:#fff0f8;
  color:var(--brand)!important;
  font-size:15px;
}
.page-mobile-detail .device-specifications-column>.columnsmst p{
  margin:0!important;
  color:#41516a;
  font-size:12px;
  line-height:1.85;
}
.page-mobile-detail .device-specifications-column>.large-12.columnsmst{
  border-radius:11px!important;
}
.page-mobile-detail .device-specifications-column>.large-4.medium-4.columnsmst{
  width:33.333%!important;
  min-height:64px;
  border-radius:11px!important;
  background:#fbfcfe!important;
}
.page-mobile-detail .device-specifications-column .gcolor{color:#0a9d6a!important}
.page-mobile-detail .device-specifications-column .rcolor{color:#d83b58!important}
.page-mobile-detail .device-specifications-column>.show-for-small,
.page-mobile-detail .device-specifications-column>.show-for-medium{margin-bottom:9px}
.page-mobile-detail .device-specifications-column .module,
.page-mobile-detail .device-specifications-column .alert-box{
  border-radius:13px;
}
.page-mobile-detail .device-specifications-column .module h2{
  min-height:48px;
  display:flex;
  align-items:center;
  border-right:5px solid var(--brand)!important;
  background:linear-gradient(135deg,var(--navy),var(--navy-3))!important;
  font-size:14px!important;
}
.page-mobile-detail .device-specifications-column .alert-box{
  border:1px solid #dbe8f5;
  background:#f4f9ff;
  color:#35516f;
  font-size:11px;
  line-height:1.9;
}
.page-mobile-detail .device-detail-aside>.borde{
  display:grid;
  place-items:center;
  min-height:260px;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#fff,#f4f6fa);
}
.page-mobile-detail .device-detail-aside>.borde img{max-height:235px;object-fit:contain}
.page-mobile-detail .device-detail-aside .small-block-grid-3{gap:6px;margin-bottom:12px}
.page-mobile-detail .device-detail-aside .small-block-grid-3 img{height:72px;padding:4px}
.page-mobile-detail .device-detail-aside .module{margin-top:12px;border:0;border-radius:12px}
.page-mobile-detail .device-detail-aside .module h2{min-height:44px;display:flex;align-items:center;font-size:13px!important}
.page-mobile-detail .device-detail-aside .img-wrap{box-shadow:none}
.page-mobile-detail .device-detail-aside .img-wrap .imgblock0{height:115px}
.page-mobile-detail .device-detail-aside .img-wrap .caption a{font-size:10px!important}
.page-mobile-detail .device-comments-heading,.page-mobile-detail .device-related-heading{scroll-margin-top:80px}
#device-specifications,#device-comments,#device-related{scroll-margin-top:80px}

@media(max-width:1100px){
  .page-mobile-detail .device-detail-hero-premium{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:22px;padding:24px}
  .device-detail-gallery{grid-template-columns:58px 1fr}.device-detail-thumbnails button{width:56px;height:56px}
  .device-detail-main-image{min-height:360px}
  .page-mobile-detail .device-detail-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .device-detail-switcher{grid-template-columns:1fr 1fr 1fr}.device-detail-switcher-title{grid-column:1/-1}.device-detail-switcher>a{grid-column:3}
  .page-mobile-detail .device-specifications-column{width:66%!important}.page-mobile-detail .device-detail-aside{width:34%!important}
}

@media(max-width:767px){
  .page-mobile-detail .site-content{width:100%;margin-top:0;padding:0 10px 72px;background:#f4f7fb}
  .device-detail-breadcrumbs{min-height:32px;margin:6px 2px;font-size:9px}
  .page-mobile-detail .device-detail-hero-premium{
    display:block;
    min-height:0;
    margin:0 0 9px;
    padding:13px;
    border-radius:19px;
  }
  .device-detail-gallery{grid-template-columns:1fr;gap:8px}
  .device-detail-main-image{min-height:270px;padding:18px;border-radius:16px}
  .device-detail-main-image>img{max-height:235px}
  .device-detail-rating{top:9px;right:9px;font-size:9px}
  .device-detail-thumbnails{flex-direction:row;justify-content:center;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}
  .device-detail-thumbnails::-webkit-scrollbar{display:none}
  .device-detail-thumbnails button{flex:0 0 52px;width:52px;height:52px;border-radius:10px}
  .page-mobile-detail .device-detail-summary{padding-top:13px}
  .device-detail-brand-line{margin-bottom:8px}.device-detail-brand>img{width:42px;height:42px;border-radius:11px}.device-detail-brand small{font-size:7px}.device-detail-brand b{font-size:11px}
  .page-mobile-detail .device-detail-badges span,.page-mobile-detail .device-detail-badges a{min-height:25px;padding:4px 7px;font-size:8px}
  .page-mobile-detail .device-detail-summary h1{margin-bottom:5px;font-size:23px;text-align:right}
  .device-detail-intro{display:-webkit-box;overflow:hidden;margin-bottom:9px!important;font-size:9px!important;line-height:1.7!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .device-detail-key-facts{gap:5px;margin-bottom:6px}
  .device-detail-key-facts>span{grid-template-columns:20px 1fr;min-height:48px;padding:5px 6px;border-radius:9px}.device-detail-key-facts .m-icon{width:16px;height:16px}.device-detail-key-facts small{font-size:6.5px}.device-detail-key-facts b{font-size:7.5px}
  .page-mobile-detail .device-detail-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .page-mobile-detail .device-detail-specs>div{min-height:57px;padding:6px;grid-template-columns:22px 1fr;border-radius:9px}.page-mobile-detail .device-detail-specs .m-icon{width:18px;height:18px}.page-mobile-detail .device-detail-specs b{font-size:9px}.page-mobile-detail .device-detail-specs small{font-size:7px}
  .page-mobile-detail .device-detail-specs>div:nth-child(n+5){display:none}
  .page-mobile-detail .device-detail-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:8px;gap:5px}.page-mobile-detail .device-detail-actions a,.page-mobile-detail .device-detail-actions button{min-height:37px;padding:6px 8px;font-size:8px}.page-mobile-detail .device-detail-actions button{display:none}
  .device-detail-anchor-nav{top:64px;display:flex;gap:5px;overflow-x:auto;margin-bottom:9px;padding:6px;border-radius:13px;scrollbar-width:none}.device-detail-anchor-nav::-webkit-scrollbar{display:none}.device-detail-anchor-nav a{flex:0 0 auto;min-width:105px;min-height:38px;padding:0 10px;font-size:8px}.device-detail-anchor-nav .m-icon{width:15px;height:15px}
  .device-detail-switcher{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px;padding:9px;border-radius:14px}.device-detail-switcher-title{grid-column:1/-1;min-height:37px}.device-detail-switcher-title>span{width:37px;height:37px}.device-detail-switcher-title small{font-size:7px}.device-detail-switcher-title strong{font-size:10px}.device-detail-switcher label>span{font-size:7px}.device-detail-switcher select{height:39px;font-size:9px}.device-detail-switcher>a{grid-column:1/-1;min-height:38px;font-size:8px}
  .device-detail-share-row{margin-bottom:8px;padding:9px 11px;border-radius:13px}.device-detail-share-row>div>span{font-size:8px}.device-detail-share-row>a{font-size:8px}.device-detail-share-row .sharethis-inline-share-buttons{max-width:155px;overflow:hidden}
  .page-mobile-detail .device-specifications-column{float:none!important;width:100%!important;padding:0!important}
  .page-mobile-detail .device-detail-aside{display:none!important}
  .page-mobile-detail .device-specifications-column>.sorcfont{margin:12px 0 7px!important;padding:11px 40px 11px 12px!important;border-radius:11px!important;font-size:13px!important}
  .page-mobile-detail .device-specifications-column>.sorcfont:before{right:12px;width:16px;height:16px;border-width:4px}
  .page-mobile-detail .device-specifications-column>.columnsmst{min-height:51px;margin-bottom:5px!important;padding:7px 8px!important}
  .page-mobile-detail .device-specifications-column>.large-4.medium-5.columnsmst{float:right!important;width:40%!important;border-radius:0 9px 9px 0!important}
  .page-mobile-detail .device-specifications-column>.large-8.medium-7.columnsmst{float:right!important;width:60%!important;border-radius:9px 0 0 9px!important}
  .page-mobile-detail .device-specifications-column>.columnsmst h2,.page-mobile-detail .device-specifications-column>.columnsmst h3,.page-mobile-detail .device-specifications-column>.columnsmst h4{font-size:9px!important;line-height:1.5!important}
  .page-mobile-detail .device-specifications-column>.columnsmst h2 span,.page-mobile-detail .device-specifications-column>.columnsmst h2 i,.page-mobile-detail .device-specifications-column>.columnsmst h4 span{width:22px;height:22px;font-size:12px}
  .page-mobile-detail .device-specifications-column>.columnsmst p{font-size:9px;line-height:1.65}
  .page-mobile-detail .device-specifications-column>.large-12.columnsmst{float:none!important;width:100%!important;border-radius:9px!important}
  .page-mobile-detail .device-specifications-column>.large-4.medium-4.columnsmst{width:50%!important;min-height:54px}
  .page-mobile-detail .device-specifications-column .module h2{min-height:43px;font-size:12px!important}
  .page-mobile-detail .device-specifications-column .alert-box{font-size:9px}
}

@media(max-width:390px){
  .device-detail-main-image{min-height:245px}.device-detail-main-image>img{max-height:210px}
  .page-mobile-detail .device-detail-summary h1{font-size:20px}
  .device-detail-key-facts>span:nth-child(2){display:none}.device-detail-key-facts{grid-template-columns:repeat(2,1fr)}
  .device-detail-anchor-nav a{min-width:95px}
  .page-mobile-detail .device-specifications-column>.large-4.medium-5.columnsmst{width:42%!important}.page-mobile-detail .device-specifications-column>.large-8.medium-7.columnsmst{width:58%!important}
}

/* ============================================================
   Mobilk 2026 — Phone details lower-page premium refinement v2
   Keeps the approved hero intact and upgrades specifications,
   related devices, tools, sharing, search and comments.
   ============================================================ */
.page-mobile-detail .device-specifications-column>.show-for-small,
.page-mobile-detail .device-specifications-column>.show-for-medium{display:none!important}

.page-mobile-detail .device-specifications-column.is-grouped{
  display:block;
}
.device-spec-group{
  display:flow-root;
  margin:0 0 14px;
  padding:14px;
  overflow:hidden;
  border:1px solid #dfe6ef;
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 24px rgba(19,43,76,.045);
}
.device-spec-group>br,
.device-spec-group>.cb,
.device-spec-group>.clear{display:none!important}
.page-mobile-detail .device-spec-group>.sorcfont{
  position:relative;
  margin:0 0 12px!important;
  padding:14px 49px 14px 16px!important;
  overflow:hidden;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--navy),var(--navy-3))!important;
  color:#fff!important;
  font-size:16px!important;
  box-shadow:none!important;
}
.page-mobile-detail .device-spec-group>.sorcfont:before{
  content:"";
  position:absolute;
  right:15px;
  top:50%;
  width:20px;
  height:20px;
  transform:translateY(-50%);
  border:5px solid rgba(255,255,255,.24);
  border-radius:6px;
}
.page-mobile-detail .device-spec-group>.sorcfont:after{
  content:"";
  position:absolute;
  left:-28px;
  bottom:-78px;
  width:145px;
  height:145px;
  border-radius:50%;
  background:rgba(229,10,142,.23);
}
.page-mobile-detail .device-spec-group>.columnsmst{
  min-height:58px;
  margin:0 0 7px!important;
  padding:10px 12px!important;
  border:1px solid #e3e8ef!important;
  background:#fff!important;
  box-shadow:none!important;
}
.page-mobile-detail .device-spec-group>.large-4.medium-5.columnsmst{
  border-left:0!important;
  border-radius:0 11px 11px 0!important;
  background:#f7f9fc!important;
}
.page-mobile-detail .device-spec-group>.large-8.medium-7.columnsmst{
  border-radius:11px 0 0 11px!important;
}
.page-mobile-detail .device-spec-group>.large-12.columnsmst{
  width:100%!important;
  border-radius:11px!important;
}
.page-mobile-detail .device-spec-group>.large-4.medium-4.columnsmst{
  width:33.333%!important;
  min-height:64px;
  border-radius:11px!important;
  background:#fbfcfe!important;
}
.page-mobile-detail .device-spec-group>.columnsmst h2,
.page-mobile-detail .device-spec-group>.columnsmst h3,
.page-mobile-detail .device-spec-group>.columnsmst h4{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0!important;
  color:var(--navy)!important;
  font-size:12px!important;
  line-height:1.6!important;
}
.page-mobile-detail .device-spec-group>.columnsmst h2 span,
.page-mobile-detail .device-spec-group>.columnsmst h2 i,
.page-mobile-detail .device-spec-group>.columnsmst h4 span{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:8px;
  background:#fff0f8;
  color:var(--brand)!important;
  font-size:15px;
}
.page-mobile-detail .device-spec-group>.columnsmst p{
  margin:0!important;
  color:#41516a;
  font-size:12px;
  line-height:1.85;
}
.device-spec-group-basic{padding-top:14px}

.device-lower-premium,
.device-related-main,
.device-share-search-grid,
.device-resources-strip,
.device-comments-panel{
  clear:both;
}
.device-lower-premium{
  position:relative;
  margin:18px 0 14px;
  padding:22px;
  overflow:hidden;
  border:1px solid #dfe6ef;
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#f8faff);
  box-shadow:0 12px 30px rgba(19,43,76,.06);
}
.device-lower-premium:after{
  content:"";
  position:absolute;
  left:-95px;
  bottom:-145px;
  width:255px;
  height:255px;
  border-radius:50%;
  background:rgba(229,10,142,.065);
  pointer-events:none;
}
.device-lower-heading{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:17px;
}
.device-lower-heading>div{min-width:0}
.device-lower-heading>div>span{
  display:block;
  margin-bottom:3px;
  color:var(--brand);
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
}
.device-lower-heading h2{
  margin:0;
  color:var(--navy);
  font-size:21px;
  line-height:1.45;
}
.device-lower-heading p{
  margin:5px 0 0;
  color:#748399;
  font-size:11px;
  line-height:1.8;
}
.device-lower-heading-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:15px;
  background:#fff0f8;
  color:var(--brand);
}
.device-lower-heading-icon .m-icon{width:25px;height:25px}
.device-lower-heading.compact{margin-bottom:13px}
.device-lower-heading.compact>a{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--brand);
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.device-lower-heading.compact>a .m-icon{width:15px;height:15px}
.device-action-cards{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
.device-action-card{
  min-width:0;
  padding:15px;
  display:flex;
  flex-direction:column;
  border:1px solid #e2e8f0;
  border-radius:15px;
  background:#fff;
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.device-action-card:hover{
  transform:translateY(-3px);
  border-color:#efa9d2;
  box-shadow:0 12px 24px rgba(19,43,76,.08);
}
.device-action-card.is-primary{
  border-color:transparent;
  background:linear-gradient(140deg,var(--navy),var(--navy-3));
  color:#fff;
}
.device-action-card-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  margin-bottom:11px;
  border-radius:11px;
  background:#fff0f8;
  color:var(--brand);
}
.device-action-card.is-primary .device-action-card-icon{
  background:rgba(255,255,255,.1);
  color:#ff66bc;
}
.device-action-card-icon .m-icon{width:20px;height:20px}
.device-action-card small{
  display:block;
  margin-bottom:2px;
  color:var(--brand);
  font-size:8px;
  font-weight:800;
}
.device-action-card.is-primary small{color:#ff70c2}
.device-action-card h3{
  margin:0 0 6px;
  color:var(--navy);
  font-size:14px;
  line-height:1.55;
}
.device-action-card.is-primary h3{color:#fff}
.device-action-card p{
  flex:1;
  margin:0 0 12px;
  color:#758398;
  font-size:9px;
  line-height:1.8;
}
.device-action-card.is-primary p{color:#cbd7e5}
.device-action-card>a{
  min-height:37px;
  padding:0 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border-radius:9px;
  background:#fff5fb;
  color:var(--brand);
  font-size:9px;
  font-weight:800;
}
.device-action-card.is-primary>a{background:var(--brand);color:#fff}
.device-action-card>a .m-icon{width:14px;height:14px}

.device-related-main{
  margin:0 0 14px;
  padding:19px;
  border:1px solid #dfe6ef;
  border-radius:19px;
  background:#fff;
  box-shadow:0 10px 25px rgba(19,43,76,.045);
}
.device-related-main-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.device-related-main-card{
  min-width:0;
  display:grid;
  grid-template-columns:105px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:10px;
  border:1px solid #e6ebf2;
  border-radius:14px;
  background:#fbfcfe;
  transition:.2s;
}
.device-related-main-card:hover{border-color:#efabd2;transform:translateY(-2px)}
.device-related-main-image{
  height:105px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:11px;
  background:linear-gradient(145deg,#fff,#f1f4f8);
}
.device-related-main-image img{max-width:88%;max-height:92px;object-fit:contain}
.device-related-main-card>div{min-width:0}
.device-related-main-card>div>span{display:block;color:var(--brand);font-size:8px;font-weight:800}
.device-related-main-card h3{margin:2px 0 4px;font-size:13px;line-height:1.5}
.device-related-main-card h3 a{color:var(--navy)}
.device-related-main-card p{margin:0;color:#7d8a9c;font-size:8px;line-height:1.65}
.device-related-main-link{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:var(--brand);font-size:8px;font-weight:800}
.device-related-main-link .m-icon{width:13px;height:13px}

.device-share-search-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
  margin-bottom:14px;
}
.device-share-modern,
.device-search-modern{
  min-width:0;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:12px;
  padding:18px;
  border:1px solid #dfe6ef;
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 23px rgba(19,43,76,.04);
}
.device-share-modern-icon,
.device-search-modern-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#fff0f8;
  color:var(--brand);
}
.device-share-modern-icon .m-icon,.device-search-modern-icon .m-icon{width:22px;height:22px}
.device-share-modern small,.device-search-modern small{color:var(--brand);font-size:8px;font-weight:800}
.device-share-modern h2,.device-search-modern h2{margin:2px 0 5px;color:var(--navy);font-size:15px;line-height:1.5}
.device-share-modern p,.device-search-modern p{margin:0 0 10px;color:#76859a;font-size:9px;line-height:1.7}
.device-search-modern form{
  display:flex;
  overflow:hidden;
  border:1px solid #dce4ee;
  border-radius:10px;
  background:#f9fbfd;
}
.device-search-modern input[type=search]{
  min-width:0;
  flex:1;
  height:39px;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:9px;
}
.device-search-modern button{
  min-width:70px;
  border:0;
  background:var(--brand);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:9px;
  font-weight:800;
}
.device-search-modern button .m-icon{width:15px;height:15px}
.device-share-modern .sharethis-inline-share-buttons{max-width:100%;overflow:hidden}

.device-resources-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:14px;
}
.device-resources-strip>a{
  min-width:0;
  min-height:68px;
  padding:11px 13px;
  display:grid;
  grid-template-columns:39px minmax(0,1fr) 16px;
  align-items:center;
  gap:10px;
  border:1px solid #dfe6ef;
  border-radius:14px;
  background:#fff;
  color:var(--navy);
}
.device-resources-strip>a:hover{border-color:#efa9d1}
.device-resources-strip>a>span{
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#fff0f8;
  color:var(--brand);
}
.device-resources-strip>a>span .m-icon{width:19px;height:19px}
.device-resources-strip small,.device-resources-strip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.device-resources-strip small{color:#8996a8;font-size:7px}
.device-resources-strip strong{color:var(--navy);font-size:10px}
.device-resources-strip>a>.m-icon{width:14px;height:14px;color:var(--brand)}

.device-comments-panel{
  margin-top:2px;
  padding:20px;
  border:1px solid #dfe6ef;
  border-radius:19px;
  background:#fff;
  box-shadow:0 10px 26px rgba(19,43,76,.045);
}
.device-comments-modern-heading{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.device-comments-modern-heading>span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,var(--navy),var(--navy-3));
  color:#ff61b9;
}
.device-comments-modern-heading>span .m-icon{width:23px;height:23px}
.device-comments-modern-heading small{display:block;color:var(--brand);font-size:8px;font-weight:800}
.device-comments-modern-heading h2{margin:2px 0 3px;color:var(--navy);font-size:17px;line-height:1.5}
.device-comments-modern-heading p{margin:0;color:#76859a;font-size:9px;line-height:1.7}
.device-comments-note{margin-bottom:12px!important}
.device-comments-panel>.columns{
  float:none!important;
  width:100%!important;
  margin:0 0 9px;
  padding:12px!important;
  overflow:hidden;
  border:1px solid #e4e9f0;
  border-radius:12px;
  background:#fbfcfe;
}
.device-comments-panel>.columns .columns{padding:3px!important}
.device-comments-panel>.columns h2{margin:0!important;color:var(--navy);font-size:12px!important}
.device-comments-panel>.columns p{margin:4px 0 0!important;color:#516078;font-size:10px;line-height:1.8}
.device-comments-panel>.fb-comments{width:100%!important;margin-top:12px;overflow:hidden}
.device-comments-panel>.fb-comments span,
.device-comments-panel>.fb-comments iframe{max-width:100%!important}
.device-comments-panel>a[style]{display:none!important}

@media(max-width:1100px){
  .device-action-cards{grid-template-columns:1fr}
  .device-action-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px}
  .device-action-card-icon{margin:0}
  .device-action-card p{margin-bottom:0}
  .device-action-card>a{min-width:125px}
  .device-related-main-grid{grid-template-columns:1fr}
  .device-share-search-grid{grid-template-columns:1fr}
}

@media(max-width:767px){
  .device-spec-group{margin-bottom:9px;padding:8px;border-radius:14px;box-shadow:none}
  .page-mobile-detail .device-spec-group>.sorcfont{margin:0 0 7px!important;padding:11px 40px 11px 12px!important;border-radius:10px!important;font-size:13px!important}
  .page-mobile-detail .device-spec-group>.sorcfont:before{right:12px;width:16px;height:16px;border-width:4px}
  .page-mobile-detail .device-spec-group>.columnsmst{min-height:51px;margin-bottom:5px!important;padding:7px 8px!important}
  .page-mobile-detail .device-spec-group>.large-4.medium-5.columnsmst{float:right!important;width:40%!important;border-radius:0 9px 9px 0!important}
  .page-mobile-detail .device-spec-group>.large-8.medium-7.columnsmst{float:right!important;width:60%!important;border-radius:9px 0 0 9px!important}
  .page-mobile-detail .device-spec-group>.columnsmst h2,.page-mobile-detail .device-spec-group>.columnsmst h3,.page-mobile-detail .device-spec-group>.columnsmst h4{font-size:9px!important;line-height:1.5!important}
  .page-mobile-detail .device-spec-group>.columnsmst h2 span,.page-mobile-detail .device-spec-group>.columnsmst h2 i,.page-mobile-detail .device-spec-group>.columnsmst h4 span{width:22px;height:22px;font-size:12px}
  .page-mobile-detail .device-spec-group>.columnsmst p{font-size:9px;line-height:1.65}
  .page-mobile-detail .device-spec-group>.large-12.columnsmst{float:none!important;width:100%!important;border-radius:9px!important}
  .page-mobile-detail .device-spec-group>.large-4.medium-4.columnsmst{width:50%!important;min-height:54px}

  .device-lower-premium{margin:12px 0 9px;padding:14px 11px;border-radius:16px;box-shadow:none}
  .device-lower-heading{gap:10px;margin-bottom:11px}
  .device-lower-heading h2{font-size:16px}
  .device-lower-heading p{display:-webkit-box;overflow:hidden;font-size:8px;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .device-lower-heading-icon{width:42px;height:42px;border-radius:12px}.device-lower-heading-icon .m-icon{width:20px;height:20px}
  .device-action-cards{display:flex;gap:8px;overflow-x:auto;margin-inline:-2px;padding:2px 2px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .device-action-cards::-webkit-scrollbar{display:none}
  .device-action-card{flex:0 0 84%;display:flex;min-height:205px;padding:13px;scroll-snap-align:start}
  .device-action-card-icon{margin-bottom:9px}
  .device-action-card h3{font-size:13px}.device-action-card p{margin-bottom:10px;font-size:8px}.device-action-card>a{min-width:0;width:100%;font-size:8px}

  .device-related-main{margin-bottom:9px;padding:13px 10px;border-radius:15px;box-shadow:none}
  .device-lower-heading.compact h2{font-size:15px}
  .device-related-main-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .device-related-main-grid::-webkit-scrollbar{display:none}
  .device-related-main-card{flex:0 0 76%;grid-template-columns:90px minmax(0,1fr);padding:8px;scroll-snap-align:start}
  .device-related-main-image{height:92px}.device-related-main-image img{max-height:80px}
  .device-related-main-card h3{font-size:12px}

  .device-share-search-grid{grid-template-columns:1fr;gap:8px;margin-bottom:9px}
  .device-share-modern,.device-search-modern{grid-template-columns:40px minmax(0,1fr);gap:9px;padding:13px;border-radius:15px;box-shadow:none}
  .device-share-modern-icon,.device-search-modern-icon{width:40px;height:40px;border-radius:11px}
  .device-share-modern h2,.device-search-modern h2{font-size:13px}
  .device-share-modern p,.device-search-modern p{font-size:8px}
  .device-search-modern input[type=search]{font-size:8px}.device-search-modern button{min-width:58px;font-size:8px}

  .device-resources-strip{grid-template-columns:1fr;gap:7px;margin-bottom:9px}
  .device-resources-strip>a{min-height:62px;padding:9px 10px;border-radius:13px}.device-resources-strip strong{font-size:9px}

  .device-comments-panel{padding:13px 10px;border-radius:15px;box-shadow:none}
  .device-comments-modern-heading{grid-template-columns:42px minmax(0,1fr);gap:9px}.device-comments-modern-heading>span{width:42px;height:42px;border-radius:12px}
  .device-comments-modern-heading h2{font-size:14px}.device-comments-modern-heading p{font-size:8px}
  .device-comments-panel>.columns{padding:9px!important}.device-comments-panel>.columns h2{font-size:10px!important}.device-comments-panel>.columns p{font-size:8px}
}

@media(max-width:390px){
  .page-mobile-detail .device-spec-group>.large-4.medium-5.columnsmst{width:42%!important}
  .page-mobile-detail .device-spec-group>.large-8.medium-7.columnsmst{width:58%!important}
  .device-action-card{flex-basis:88%}
  .device-related-main-card{flex-basis:82%}
}

/* ============================================================
   Mobilk phone details v3 — lower-page polish
   - modern related phones rail
   - visible local SVG replacements for legacy icon-font glyphs
   - stronger hierarchy after the specification tables
   ============================================================ */

/* Reliable icons for the legacy specification markup. */
.page-mobile-detail .device-legacy-icon{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border-radius:9px!important;
  background:#fff0f8!important;
  color:var(--brand)!important;
  font-size:0!important;
  line-height:1!important;
  vertical-align:middle;
}
.page-mobile-detail .device-legacy-icon .m-icon{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}
.page-mobile-detail .device-legacy-icon.gcolor{
  background:#eaf8f2!important;
  color:#0a9d6a!important;
}
.page-mobile-detail .device-legacy-icon.rcolor{
  background:#fff0f3!important;
  color:#d83b58!important;
}
.page-mobile-detail .device-spec-group>.columnsmst h2 .device-legacy-icon,
.page-mobile-detail .device-spec-group>.columnsmst h4 .device-legacy-icon{
  margin-inline-end:2px;
}

/* Rebuild the desktop related-phone block inside the side rail. */
.device-side-related{
  margin-top:14px;
  overflow:hidden;
  border:1px solid #dfe6ef;
  border-radius:16px;
  background:#fff;
}
.device-side-related-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding:15px 14px 12px;
  background:linear-gradient(135deg,var(--navy),var(--navy-3));
  color:#fff;
}
.device-side-related-head span{
  display:block;
  color:#ff66bc;
  font-size:9px;
  font-weight:800;
}
.device-side-related-head h2{
  margin:2px 0 0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.45!important;
}
.device-side-related-head>a{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#fff;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
.device-side-related-head>a .m-icon{width:13px;height:13px;color:#ff66bc}
.device-side-related-list{display:grid;gap:0;padding:6px 10px 10px}
.device-side-related-card{
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  align-items:center;
  gap:11px;
  min-width:0;
  padding:11px 2px;
  border-bottom:1px solid #e8edf3;
}
.device-side-related-card:last-child{border-bottom:0}
.device-side-related-image{
  display:grid;
  place-items:center;
  width:86px;
  height:94px;
  padding:8px;
  overflow:hidden;
  border:1px solid #e5eaf1;
  border-radius:13px;
  background:linear-gradient(145deg,#fff,#f4f7fa);
}
.device-side-related-image img{
  max-width:88%;
  max-height:78px;
  object-fit:contain;
  filter:drop-shadow(0 8px 9px rgba(19,43,76,.12));
  transition:transform .2s ease;
}
.device-side-related-card:hover .device-side-related-image img{transform:scale(1.04)}
.device-side-related-copy{min-width:0}
.device-side-related-copy>small{
  display:block;
  color:var(--brand);
  font-size:8px;
  font-weight:800;
}
.device-side-related-copy h3{
  margin:2px 0 4px;
  font-family:Inter,Cairo,sans-serif;
  font-size:13px;
  line-height:1.45;
}
.device-side-related-copy h3 a{color:var(--navy)}
.device-side-related-copy p{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:#7b899c;
  font-size:8px;
  line-height:1.55;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.device-side-related-action{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-top:7px;
  color:var(--brand);
  font-size:8px;
  font-weight:800;
}
.device-side-related-action .m-icon{width:12px;height:12px}

/* The main related-device section now follows the same premium language as
   the "next steps" block instead of looking like a legacy list. */
.device-related-main{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:22px!important;
  border-color:#dfe6ef!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
}
.device-related-main:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-80px;
  bottom:-130px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:rgba(229,10,142,.065);
}
.device-related-main-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.device-related-main-card{
  display:flex!important;
  min-height:235px;
  padding:12px!important;
  flex-direction:column;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(19,43,76,.045);
}
.device-related-main-image{
  width:100%!important;
  height:125px!important;
  margin-bottom:10px;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#fff,#f1f5f9)!important;
}
.device-related-main-image img{max-width:84%!important;max-height:110px!important;filter:drop-shadow(0 9px 10px rgba(19,43,76,.12))}
.device-related-main-card>div{display:flex;min-height:0;flex:1;flex-direction:column}
.device-related-main-card>div>span{font-size:9px!important}
.device-related-main-card h3{min-height:42px;margin:3px 0 5px!important;font-size:14px!important}
.device-related-main-card p{font-size:9px!important;line-height:1.65!important}
.device-related-main-link{margin-top:auto!important;padding-top:10px;font-size:9px!important}

/* Keep the lower page in a deliberate order and suppress obsolete duplicate
   legacy headings when the modern blocks are present. */
.page-mobile-detail .device-related-news-heading{margin-top:16px}
.page-mobile-detail .device-related-news-heading h2{font-size:14px!important}
.page-mobile-detail .device-lower-premium{order:1}
.page-mobile-detail .device-related-main{order:2}
.page-mobile-detail .device-share-search-grid{order:3}
.page-mobile-detail .device-resources-strip{order:4}
.page-mobile-detail .device-comments-panel{order:5}

/* Make share/search/resources visually consistent with the strong next-step cards. */
.device-share-modern,.device-search-modern{
  border-color:#dfe6ef!important;
  box-shadow:0 10px 24px rgba(19,43,76,.055)!important;
}
.device-share-modern h2,.device-search-modern h2{font-size:16px!important}
.device-share-modern p,.device-search-modern p{font-size:10px!important}
.device-resources-strip>a{box-shadow:0 7px 18px rgba(19,43,76,.04)}
.device-resources-strip strong{font-size:11px!important}

@media(max-width:1100px){
  .device-related-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:767px){
  .page-mobile-detail .device-legacy-icon{width:24px!important;height:24px!important;border-radius:7px!important}
  .page-mobile-detail .device-legacy-icon .m-icon{width:14px!important;height:14px!important}
  .device-side-related{display:none!important}
  .device-related-main{padding:14px 11px!important;border-radius:16px!important}
  .device-related-main-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:9px!important;
    overflow-x:auto;
    padding:2px 1px 7px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .device-related-main-grid::-webkit-scrollbar{display:none}
  .device-related-main-card{
    flex:0 0 72%!important;
    min-height:230px;
    scroll-snap-align:start;
  }
  .device-related-main-image{height:122px!important}
  .device-related-main-card h3{font-size:13px!important}
  .device-related-main-card p{font-size:8.5px!important}
  .device-share-modern h2,.device-search-modern h2{font-size:14px!important}
  .device-share-modern p,.device-search-modern p{font-size:9px!important}
}

@media(max-width:390px){
  .device-related-main-card{flex-basis:82%!important}
}

/* ============================================================
   Mobilk 2026 — tablets and news portal pages
   ============================================================ */
.page-tablet .site-content,
.page-news-hub .site-content,
.page-news-category .site-content{background:#f3f6fb}
.tablet-page-shell,.news-portal-shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:20px 0 44px;color:var(--navy)}
.portal-breadcrumbs{display:flex;align-items:center;gap:8px;min-height:40px;margin-bottom:14px;padding:0 4px;color:#7b899b;font-size:12px;overflow:hidden;white-space:nowrap}
.portal-breadcrumbs a{color:#66778f}.portal-breadcrumbs a:hover{color:var(--brand)}
.portal-breadcrumbs span{display:flex;color:#adb8c6}.portal-breadcrumbs .m-icon{width:14px;height:14px}.portal-breadcrumbs strong{overflow:hidden;color:var(--navy);text-overflow:ellipsis}
.page-tablet .ad-tablet-top,.page-tablet .ad-tablet-bottom,.page-news-hub .ad-news-top,.page-news-hub .ad-news-bottom,.page-news-category .ad-news-top,.page-news-category .ad-news-bottom{min-height:100px;margin:0 0 20px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(19,43,76,.04)}
.portal-eyebrow,.portal-section-heading>div>span,.tablet-seo-panel article>span,.news-seo-panel article>span{display:block;margin-bottom:4px;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.07em}
.portal-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.portal-section-heading h2{margin:0;color:var(--navy);font-size:23px;line-height:1.45}
.portal-section-heading p{margin:4px 0 0;color:#7b899b;font-size:12px}
.portal-section-heading>a{display:inline-flex;align-items:center;gap:7px;color:var(--brand);font-size:12px;font-weight:800;white-space:nowrap}.portal-section-heading>a .m-icon{width:15px;height:15px}
.portal-section-heading.compact{align-items:center;margin-bottom:12px}.portal-section-heading.compact h2{font-size:18px}.portal-section-heading.compact>div>span{font-size:9px}

/* Tablet page */
.tablet-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr);gap:22px;min-height:390px;margin-bottom:18px;padding:34px;overflow:hidden;border-radius:26px;background:linear-gradient(130deg,#102846 0%,#193b64 58%,#39195d 100%);box-shadow:0 18px 44px rgba(19,43,76,.18);color:#fff}
.tablet-hero:before{content:"";position:absolute;z-index:-1;right:-120px;bottom:-210px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(229,10,142,.92),rgba(229,10,142,.12) 60%,transparent 62%)}
.tablet-hero:after{content:"";position:absolute;z-index:-1;left:32%;top:-150px;width:290px;height:290px;border-radius:50%;background:rgba(255,255,255,.035)}
.tablet-hero-copy{align-self:center;max-width:760px}.tablet-hero-copy h1{margin:5px 0 12px;color:#fff;font-size:clamp(30px,3vw,46px);line-height:1.45}.tablet-hero-copy>p{max-width:690px;margin:0;color:#dce7f3;font-size:14px;line-height:2}
.tablet-hero-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tablet-hero-stats span{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);color:#dce7f3;font-size:11px}.tablet-hero-stats .m-icon{width:17px;height:17px;color:#ff5eb9}.tablet-hero-stats b{color:#fff;font-size:16px}
.tablet-hero-actions{display:flex;gap:9px;margin-top:20px}.tablet-hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 17px;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:#fff;font-size:12px;font-weight:800}.tablet-hero-actions a:first-child{border-color:var(--brand);background:var(--brand);box-shadow:0 9px 22px rgba(229,10,142,.25)}.tablet-hero-actions .m-icon{width:16px;height:16px}
.tablet-featured-device{position:relative;align-self:stretch;display:grid;grid-template-columns:185px minmax(0,1fr);align-items:center;gap:18px;padding:20px;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(9px);color:#fff}
.tablet-featured-device:after{content:"";position:absolute;right:-65px;bottom:-95px;width:185px;height:185px;border-radius:50%;background:rgba(229,10,142,.19)}
.tablet-featured-badge{position:absolute;z-index:2;top:14px;right:14px;padding:5px 9px;border-radius:7px;background:var(--brand);font-size:9px;font-weight:800;letter-spacing:.05em}
.tablet-featured-image{position:relative;z-index:1;height:270px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#fff,#eef3f8);color:var(--brand)}.tablet-featured-image img{max-width:90%;max-height:245px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(2,18,39,.2))}.tablet-featured-image>.m-icon{width:82px;height:82px}
.tablet-featured-copy{position:relative;z-index:1;min-width:0}.tablet-featured-copy h2{margin:0 0 12px;color:#fff;font-family:Inter,Cairo,sans-serif;font-size:25px;line-height:1.45}.tablet-featured-copy>div{display:grid;gap:7px}.tablet-featured-copy>div>span{display:grid;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:7px;min-height:43px;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.065)}.tablet-featured-copy>div .m-icon{width:18px;height:18px;color:#ff63bd}.tablet-featured-copy>div b{overflow:hidden;color:#e9f0f8;font-size:10px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.tablet-featured-copy>strong{display:flex;align-items:center;gap:7px;margin-top:12px;color:#ff71c4;font-size:11px}.tablet-featured-copy>strong .m-icon{width:14px;height:14px}
.tablet-brand-strip{display:flex;gap:10px;margin-bottom:20px;padding:13px;overflow-x:auto;border:1px solid #dfe6ef;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(19,43,76,.045);scroll-snap-type:x mandatory;scrollbar-width:none}.tablet-brand-strip::-webkit-scrollbar{display:none}.tablet-brand-strip>a{flex:0 0 150px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:9px;min-height:62px;padding:8px;border:1px solid #e7ecf2;border-radius:12px;background:#fbfcfe;scroll-snap-align:start;transition:.2s}.tablet-brand-strip>a:hover{transform:translateY(-2px);border-color:#efacd3}.tablet-brand-strip>a>span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:6px;border:1px solid #e8edf3;border-radius:10px;background:#fff}.tablet-brand-strip img{max-width:100%;max-height:100%;object-fit:contain}.tablet-brand-strip b{display:block;overflow:hidden;color:var(--navy);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.tablet-brand-strip small{display:block;margin-top:2px;color:#929eae;font-size:8px}
.tablet-news-section,.tablet-catalog-section{margin-bottom:20px;padding:20px;border:1px solid #dfe6ef;border-radius:21px;background:#fff;box-shadow:0 10px 28px rgba(19,43,76,.045)}
.tablet-news-layout{display:grid;grid-template-columns:1.35fr repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:13px}.tablet-news-card{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;min-width:0;padding:10px;border:1px solid #e7ecf2;border-radius:15px;background:#fbfcfe}.tablet-news-card.is-featured{grid-row:1/3;display:flex;flex-direction:column;padding:0;overflow:hidden}.tablet-news-image{display:block;height:92px;overflow:hidden;border-radius:11px;background:#eef2f7}.tablet-news-card.is-featured .tablet-news-image{height:245px;border-radius:0}.tablet-news-image img{width:100%;height:100%;object-fit:cover;transition:.25s}.tablet-news-card:hover img{transform:scale(1.035)}.tablet-news-card>div{min-width:0}.tablet-news-card.is-featured>div{padding:16px}.tablet-news-card span{display:block;margin-bottom:3px;color:#9aa5b5;font-size:9px}.tablet-news-card h3{margin:0;color:var(--navy);font-size:13px;line-height:1.7}.tablet-news-card.is-featured h3{font-size:19px}.tablet-news-card p{margin:8px 0 0;color:#748297;font-size:11px;line-height:1.9}
.tablet-catalog-heading{align-items:center;padding-bottom:16px;border-bottom:1px solid #e8edf3}.tablet-catalog-search,.news-feed-search{display:flex;width:min(360px,100%);overflow:hidden;border:1px solid #dce4ee;border-radius:11px;background:#f9fbfd}.tablet-catalog-search input,.news-feed-search input{min-width:0;flex:1;height:43px;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px}.tablet-catalog-search button,.news-feed-search button{flex:0 0 45px;border:0;background:var(--brand);color:#fff}.tablet-catalog-search .m-icon,.news-feed-search .m-icon{width:19px;height:19px}
.tablet-device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tablet-device-card{min-width:0;overflow:hidden;border:1px solid #e1e8f0;border-radius:18px;background:#fff;transition:.22s}.tablet-device-card:hover{transform:translateY(-5px);border-color:#efadd3;box-shadow:0 15px 31px rgba(19,43,76,.10)}.tablet-device-card[hidden]{display:none!important}.tablet-device-visual{position:relative;height:235px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#f9fbfd,#f1f5f9)}.tablet-device-visual:after{content:"";position:absolute;right:-62px;bottom:-90px;width:170px;height:170px;border-radius:50%;background:rgba(229,10,142,.07)}.tablet-device-visual>a{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:21px}.tablet-device-visual img{max-width:90%;max-height:200px;object-fit:contain;filter:drop-shadow(0 13px 14px rgba(19,43,76,.13));transition:.25s}.tablet-device-card:hover .tablet-device-visual img{transform:scale(1.035)}.tablet-image-placeholder{color:#d1d8e2}.tablet-image-placeholder .m-icon{width:70px;height:70px}.tablet-new-label{position:absolute;z-index:3;top:11px;right:11px;padding:4px 9px;border-radius:999px;background:var(--brand);color:#fff;font-size:8px;font-weight:800}.tablet-favorite{position:absolute;z-index:3;top:9px;left:9px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e7ef;border-radius:50%;background:rgba(255,255,255,.93);color:#8391a4;box-shadow:0 5px 13px rgba(19,43,76,.07)}.tablet-favorite.is-active{border-color:var(--brand);background:#fff0f8;color:var(--brand)}.tablet-favorite .m-icon{width:16px;height:16px}.tablet-device-body{padding:15px}.tablet-device-kicker{display:block;margin-bottom:3px;color:var(--brand);font-size:8px;font-weight:800;letter-spacing:.07em}.tablet-device-card h3{min-height:48px;margin:0 0 10px;font-family:Inter,Cairo,sans-serif;font-size:16px;line-height:1.5}.tablet-device-card h3 a{color:var(--navy)}.tablet-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tablet-spec-grid>span{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-areas:"icon label" "icon value";column-gap:7px;align-items:center;min-height:51px;padding:6px 7px;border:1px solid #edf0f5;border-radius:9px;background:#fbfcfe}.tablet-spec-grid .m-icon{grid-area:icon;width:18px;height:18px;color:var(--brand)}.tablet-spec-grid small{grid-area:label;color:#8e9aab;font-size:7px}.tablet-spec-grid b{grid-area:value;display:block;overflow:hidden;color:#344964;font-size:8px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.tablet-device-actions{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px;margin-top:11px}.tablet-device-actions a{min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:9px;font-weight:800}.tablet-primary-link{gap:6px;background:var(--brand);color:#fff!important;box-shadow:0 7px 16px rgba(229,10,142,.18)}.tablet-primary-link:hover{background:var(--brand-strong)}.tablet-primary-link .m-icon{width:13px;height:13px}.tablet-compare-link{border:1px solid #dce4ee;color:var(--navy)}.tablet-compare-link:hover{border-color:var(--brand);color:var(--brand)}.tablet-compare-link .m-icon{width:17px;height:17px}
.tablet-seo-panel,.news-seo-panel{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:18px;padding:25px 27px;border:1px solid #dfe6ef;border-radius:20px;background:#fff}.tablet-seo-panel>div,.news-seo-panel>div{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:19px;background:#fff0f8;color:var(--brand)}.tablet-seo-panel>div .m-icon,.news-seo-panel>div .m-icon{width:34px;height:34px}.tablet-seo-panel h2,.news-seo-panel h2{margin:3px 0 6px;color:var(--navy);font-size:20px}.tablet-seo-panel p,.news-seo-panel p{margin:0;color:#6f7e92;font-size:12px;line-height:1.95}

/* Shared automatic loading */
.portal-infinite-loader{min-height:118px;margin-top:20px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed #efabd2;border-radius:17px;background:#fff7fb;color:#69798d;text-align:center}.portal-infinite-loader[hidden]{display:none}.portal-infinite-loader strong{color:var(--navy);font-size:13px}.portal-infinite-loader small{font-size:10px}.portal-loader-dots{display:flex;gap:5px}.portal-loader-dots i{width:7px;height:7px;border-radius:50%;background:#ef8fc6;animation:portalDot 1.1s infinite ease-in-out}.portal-loader-dots i:nth-child(2){animation-delay:.15s}.portal-loader-dots i:nth-child(3){animation-delay:.3s}.portal-infinite-loader:not(.is-loading) .portal-loader-dots i{animation-play-state:paused}.portal-infinite-loader.has-error{border-color:#ef9ba8;background:#fff7f8}.portal-infinite-loader.has-error .portal-loader-dots i{background:#dc526a}@keyframes portalDot{0%,80%,100%{transform:scale(.65);opacity:.5}40%{transform:scale(1);opacity:1}}
.portal-infinite-end{min-height:86px;margin-top:20px;padding:18px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;background:#f5f8fc;color:#6e7e91}.portal-infinite-end[hidden]{display:none}.portal-infinite-end .m-icon{width:23px;height:23px;color:var(--brand)}.portal-infinite-end strong{color:var(--navy);font-size:12px}.portal-fallback-next{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:15px;border-radius:10px;background:var(--brand);color:#fff;font-weight:800}.portal-empty-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#7c899b;text-align:center}.portal-empty-state[hidden]{display:none}.portal-empty-state .m-icon{width:40px;height:40px;color:var(--brand)}.portal-empty-state strong{color:var(--navy);font-size:17px}.portal-empty-state span{font-size:11px}

/* News hub and category */
.news-portal-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:16px;margin-bottom:18px}.news-hero-main{position:relative;min-height:430px;overflow:hidden;border-radius:23px;background:var(--navy);box-shadow:0 15px 37px rgba(19,43,76,.14)}.news-hero-image{position:absolute;inset:0}.news-hero-image img{width:100%;height:100%;object-fit:cover}.news-hero-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,24,46,.94),rgba(7,24,46,.05) 76%),linear-gradient(90deg,rgba(7,24,46,.05),rgba(7,24,46,.42))}.news-hero-overlay{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:32px;color:#fff}.news-hero-overlay>span{display:inline-flex;padding:5px 10px;border-radius:7px;background:var(--brand);font-size:10px;font-weight:800}.news-hero-overlay h1{max-width:900px;margin:10px 0 7px;color:#fff;font-size:clamp(27px,2.7vw,42px);line-height:1.5}.news-hero-overlay p{max-width:820px;margin:0;color:#dce6f1;font-size:13px;line-height:1.9}.news-hero-overlay>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}.news-hero-overlay b,.news-hero-overlay>div>a{display:flex;align-items:center;gap:6px;font-size:11px}.news-hero-overlay b{color:#cbd7e6}.news-hero-overlay>div>a{color:#ff71c4;font-weight:800}.news-hero-overlay .m-icon{width:15px;height:15px}
.news-hero-side{padding:18px;border:1px solid #dfe6ef;border-radius:21px;background:#fff;box-shadow:0 10px 27px rgba(19,43,76,.045)}.news-hero-side-heading{padding-bottom:12px;border-bottom:1px solid #e8edf3}.news-hero-side-heading span{color:var(--brand);font-size:9px;font-weight:800;letter-spacing:.08em}.news-hero-side-heading h2{margin:3px 0 0;font-size:18px}.news-hero-side-item{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #e8edf3}.news-hero-side-item:last-child{border-bottom:0}.news-hero-side-item>span{height:68px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:#eef2f7;color:var(--brand)}.news-hero-side-item img{width:100%;height:100%;object-fit:cover}.news-hero-side-item>span .m-icon{width:27px;height:27px}.news-hero-side-item small{display:block;margin-bottom:3px;color:#97a3b3;font-size:8px}.news-hero-side-item strong{display:block;color:var(--navy);font-size:11px;line-height:1.65}
.news-category-strip{display:flex;gap:9px;margin-bottom:18px;padding:12px;overflow-x:auto;border:1px solid #dfe6ef;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(19,43,76,.04);scroll-snap-type:x mandatory;scrollbar-width:none}.news-category-strip::-webkit-scrollbar{display:none}.news-category-strip a{flex:0 0 auto;min-height:45px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid #e5eaf1;border-radius:11px;background:#fbfcfe;color:#50627a;font-size:10px;font-weight:800;scroll-snap-align:start}.news-category-strip a:hover,.news-category-strip a.is-current{border-color:var(--brand);background:#fff0f8;color:var(--brand)}.news-category-strip .m-icon{width:17px;height:17px}
.news-discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.news-discovery-card{padding:18px;border:1px solid #dfe6ef;border-radius:20px;background:#fff}.news-discovery-card>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.news-discovery-card>div:last-child>a{min-width:0;min-height:85px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e8edf3;border-radius:11px;background:#fbfcfe;text-align:center}.news-discovery-card>div:last-child>a>span{width:45px;height:37px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.news-discovery-card img{max-width:100%;max-height:100%;object-fit:contain}.news-discovery-card b{display:block;overflow:hidden;width:100%;color:var(--navy);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.news-discovery-card small{display:block;margin-top:2px;color:#96a2b2;font-size:7px}
.news-feed-section{margin-bottom:20px;padding:20px;border:1px solid #dfe6ef;border-radius:21px;background:#fff;box-shadow:0 10px 28px rgba(19,43,76,.045)}.news-feed-heading{align-items:center;padding-bottom:16px;border-bottom:1px solid #e8edf3}.news-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.news-feed-card{min-width:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:17px;background:#fff;transition:.22s}.news-feed-card:hover{transform:translateY(-4px);border-color:#efacd3;box-shadow:0 14px 29px rgba(19,43,76,.09)}.news-feed-card[hidden]{display:none!important}.news-feed-card.is-wide{grid-column:span 2;display:grid;grid-template-columns:48% minmax(0,1fr)}.news-feed-image{position:relative;display:block;height:205px;overflow:hidden;background:#eef2f7;color:var(--brand)}.news-feed-card.is-wide .news-feed-image{height:100%;min-height:260px}.news-feed-image img{width:100%;height:100%;object-fit:cover;transition:.25s}.news-feed-card:hover img{transform:scale(1.035)}.news-feed-image>span{height:100%;display:flex;align-items:center;justify-content:center}.news-feed-image>span .m-icon{width:54px;height:54px}.news-feed-image>b{position:absolute;right:10px;top:10px;padding:4px 8px;border-radius:6px;background:var(--brand);color:#fff;font-size:8px}.news-feed-body{padding:14px}.news-feed-card.is-wide .news-feed-body{align-self:center;padding:22px}.news-feed-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#97a3b3;font-size:8px}.news-feed-meta span{display:flex;align-items:center;gap:4px}.news-feed-meta .m-icon{width:12px;height:12px}.news-feed-card h3{margin:7px 0 6px;color:var(--navy);font-size:15px;line-height:1.7}.news-feed-card.is-wide h3{font-size:21px}.news-feed-card p{display:-webkit-box;overflow:hidden;margin:0;color:#748297;font-size:10px;line-height:1.85;-webkit-line-clamp:3;-webkit-box-orient:vertical}.news-feed-card.is-wide p{font-size:12px;-webkit-line-clamp:4}.news-feed-read{display:flex;align-items:center;gap:6px;margin-top:10px;color:var(--brand);font-size:9px;font-weight:800}.news-feed-read .m-icon{width:13px;height:13px}
.news-seo-panel{margin-top:0}

@media(max-width:1250px){
  .tablet-hero{grid-template-columns:minmax(0,1fr) minmax(390px,.85fr)}
  .tablet-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .news-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-feed-card.is-wide{grid-column:span 2}
}
@media(max-width:1024px){
  .tablet-page-shell,.news-portal-shell{width:min(100% - 22px,1100px);padding-top:14px}
  .tablet-hero{grid-template-columns:1fr;min-height:0}.tablet-featured-device{grid-template-columns:170px minmax(0,1fr)}.tablet-featured-image{height:220px}.tablet-featured-image img{max-height:198px}
  .tablet-news-layout{grid-template-columns:1.1fr 1fr;grid-template-rows:auto}.tablet-news-card.is-featured{grid-row:span 2}.tablet-news-card:nth-child(n+4){display:none}
  .tablet-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-portal-hero{grid-template-columns:1.35fr .75fr}.news-hero-main{min-height:390px}.news-hero-side-item{grid-template-columns:72px 1fr}.news-hero-side-item>span{height:58px}
  .news-discovery-card>div:last-child{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  .page-tablet .site-content,.page-news-hub .site-content,.page-news-category .site-content{padding-bottom:70px;background:#f4f7fb}
  .tablet-page-shell,.news-portal-shell{width:100%;padding:8px 10px 27px}
  .portal-breadcrumbs{min-height:33px;margin:0 2px 8px;font-size:9px}
  .page-tablet .ad-tablet-top,.page-tablet .ad-tablet-bottom,.page-news-hub .ad-news-top,.page-news-hub .ad-news-bottom,.page-news-category .ad-news-top,.page-news-category .ad-news-bottom{min-height:78px;margin-bottom:12px;border-radius:13px}
  .portal-section-heading{align-items:center;margin-bottom:11px}.portal-section-heading h2{font-size:17px}.portal-section-heading p{font-size:9px}.portal-section-heading>a{font-size:9px}.portal-section-heading>div>span{font-size:8px}
  .tablet-hero{display:flex;flex-direction:column;padding:20px 15px;border-radius:19px}.tablet-hero-copy h1{font-size:25px}.tablet-hero-copy>p{font-size:10px;line-height:1.85}.tablet-hero-stats{gap:5px;margin-top:11px}.tablet-hero-stats span{min-height:28px;padding:0 8px;font-size:8px}.tablet-hero-stats b{font-size:11px}.tablet-hero-actions{margin-top:12px}.tablet-hero-actions a{min-height:38px;padding:0 10px;font-size:9px}.tablet-featured-device{grid-template-columns:112px minmax(0,1fr);gap:11px;padding:12px;border-radius:16px}.tablet-featured-badge{top:8px;right:8px;font-size:7px}.tablet-featured-image{height:175px;border-radius:12px}.tablet-featured-image img{max-height:155px}.tablet-featured-copy h2{font-size:16px;margin-bottom:8px}.tablet-featured-copy>div{gap:4px}.tablet-featured-copy>div>span{min-height:34px;padding:4px 6px;grid-template-columns:18px minmax(0,1fr)}.tablet-featured-copy>div .m-icon{width:14px;height:14px}.tablet-featured-copy>div b{font-size:8px}.tablet-featured-copy>strong{font-size:8px;margin-top:7px}
  .tablet-brand-strip{margin-bottom:12px;padding:9px;border-radius:14px}.tablet-brand-strip>a{flex-basis:128px;grid-template-columns:39px 1fr;min-height:54px}.tablet-brand-strip>a>span{width:39px;height:39px}.tablet-brand-strip b{font-size:9px}.tablet-brand-strip small{font-size:7px}
  .tablet-news-section,.tablet-catalog-section,.news-feed-section{margin-bottom:12px;padding:13px 10px;border-radius:16px}.tablet-news-layout{display:flex;gap:9px;overflow-x:auto;padding:1px 1px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}.tablet-news-layout::-webkit-scrollbar{display:none}.tablet-news-card,.tablet-news-card.is-featured{flex:0 0 82%;display:grid;grid-template-columns:100px minmax(0,1fr);padding:8px;scroll-snap-align:start}.tablet-news-card.is-featured .tablet-news-image,.tablet-news-image{height:87px;border-radius:10px}.tablet-news-card.is-featured>div{padding:0}.tablet-news-card h3,.tablet-news-card.is-featured h3{font-size:11px}.tablet-news-card p{display:none}.tablet-news-card span{font-size:7px}
  .tablet-catalog-heading,.news-feed-heading{display:block;padding-bottom:11px}.tablet-catalog-search,.news-feed-search{width:100%;margin-top:10px}.tablet-catalog-search input,.news-feed-search input{height:40px;font-size:10px}
  .tablet-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tablet-device-card{border-radius:14px}.tablet-device-card:hover{transform:none}.tablet-device-visual{height:165px}.tablet-device-visual>a{padding:15px 7px 8px}.tablet-device-visual img{max-width:90%;max-height:140px}.tablet-new-label{top:7px;right:7px;padding:3px 7px;font-size:7px}.tablet-favorite{top:6px;left:6px;width:29px;height:29px}.tablet-device-body{padding:9px}.tablet-device-kicker{font-size:7px}.tablet-device-card h3{min-height:37px;margin-bottom:6px;font-size:11px}.tablet-spec-grid{gap:4px}.tablet-spec-grid>span{grid-template-columns:19px minmax(0,1fr);min-height:39px;padding:4px}.tablet-spec-grid .m-icon{width:14px;height:14px}.tablet-spec-grid small{font-size:6px}.tablet-spec-grid b{font-size:6.8px}.tablet-device-actions{grid-template-columns:minmax(0,1fr) 34px;gap:4px;margin-top:7px}.tablet-device-actions a{min-height:34px;font-size:7px}.tablet-compare-link .m-icon{width:14px;height:14px}
  .tablet-seo-panel,.news-seo-panel{grid-template-columns:48px minmax(0,1fr);gap:11px;padding:15px;border-radius:15px}.tablet-seo-panel>div,.news-seo-panel>div{width:48px;height:48px;border-radius:13px}.tablet-seo-panel>div .m-icon,.news-seo-panel>div .m-icon{width:23px;height:23px}.tablet-seo-panel article>span,.news-seo-panel article>span{font-size:7px}.tablet-seo-panel h2,.news-seo-panel h2{font-size:13px}.tablet-seo-panel p,.news-seo-panel p{display:-webkit-box;overflow:hidden;font-size:8px;line-height:1.75;-webkit-line-clamp:3;-webkit-box-orient:vertical}
  .portal-infinite-loader{min-height:95px;margin-top:13px;padding:14px;border-radius:14px}.portal-infinite-loader strong{font-size:10px}.portal-infinite-loader small{font-size:8px}.portal-infinite-end{min-height:70px;margin-top:13px;padding:13px}.portal-infinite-end strong{font-size:9px}

  .news-portal-hero{display:flex;flex-direction:column;gap:10px;margin-bottom:11px}.news-hero-main{min-height:300px;border-radius:17px}.news-hero-overlay{padding:16px}.news-hero-overlay>span{font-size:8px}.news-hero-overlay h1{margin:7px 0 5px;font-size:20px;line-height:1.55}.news-hero-overlay p{display:none}.news-hero-overlay>div{margin-top:8px}.news-hero-overlay b,.news-hero-overlay>div>a{font-size:8px}.news-hero-side{padding:12px;border-radius:15px}.news-hero-side-heading h2{font-size:14px}.news-hero-side-item{grid-template-columns:78px 1fr;padding:8px 0}.news-hero-side-item>span{height:55px}.news-hero-side-item strong{font-size:10px}.news-hero-side-item small{font-size:7px}
  .news-category-strip{gap:7px;margin-bottom:11px;padding:8px;border-radius:13px}.news-category-strip a{min-height:39px;padding:0 10px;font-size:8px}.news-category-strip .m-icon{width:14px;height:14px}
  .news-discovery-grid{display:flex;gap:9px;overflow-x:auto;margin-bottom:11px;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.news-discovery-grid::-webkit-scrollbar{display:none}.news-discovery-card{flex:0 0 88%;padding:12px;border-radius:15px;scroll-snap-align:start}.news-discovery-card>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.news-discovery-card>div:last-child>a{min-height:72px;padding:5px}.news-discovery-card>div:last-child>a>span{width:37px;height:31px}.news-discovery-card b{font-size:7px}.news-discovery-card small{font-size:6px}
  .news-feed-grid{grid-template-columns:1fr;gap:9px}.news-feed-card,.news-feed-card.is-wide{grid-column:auto;display:grid;grid-template-columns:118px minmax(0,1fr);border-radius:13px}.news-feed-card:hover{transform:none}.news-feed-image,.news-feed-card.is-wide .news-feed-image{height:100%;min-height:130px}.news-feed-image>b{right:6px;top:6px;font-size:6px}.news-feed-body,.news-feed-card.is-wide .news-feed-body{align-self:center;padding:10px}.news-feed-meta{font-size:6px}.news-feed-card h3,.news-feed-card.is-wide h3{margin:5px 0 3px;font-size:11px;line-height:1.65}.news-feed-card p,.news-feed-card.is-wide p{font-size:8px;line-height:1.65;-webkit-line-clamp:2}.news-feed-read{margin-top:6px;font-size:7px}
}
@media(max-width:380px){
  .tablet-device-grid{gap:6px}.tablet-device-visual{height:150px}.tablet-device-visual img{max-height:126px}.tablet-device-body{padding:7px}.tablet-spec-grid>span{grid-template-columns:17px minmax(0,1fr)}.tablet-spec-grid b{font-size:6px}.tablet-device-actions a{font-size:6.5px}
  .news-feed-card,.news-feed-card.is-wide{grid-template-columns:105px minmax(0,1fr)}.news-feed-card h3,.news-feed-card.is-wide h3{font-size:10px}
}

/* ============================================================
   Mobilk 2026 — tablet carousel polish + premium article details
   Build: news-tablets-article-v2
   ============================================================ */

/* Tablet brands: controlled, auto-moving rail instead of a static row. */
.tablet-brand-carousel{
  margin-bottom:20px;
  padding:14px;
  overflow:hidden;
  border:1px solid #dfe6ef;
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 24px rgba(19,43,76,.045)
}
.tablet-brand-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px;padding:0 2px}
.tablet-brand-heading>div>span{display:block;color:var(--brand);font-size:9px;font-weight:800;letter-spacing:.08em}
.tablet-brand-heading h2{margin:2px 0 0;color:var(--navy);font-size:17px}
.tablet-brand-controls{display:flex;align-items:center;gap:6px}
.tablet-brand-controls button{width:35px;height:35px;display:flex;align-items:center;justify-content:center;margin:0;border:1px solid #dfe6ef;border-radius:10px;background:#fff;color:var(--navy);transition:.2s}
.tablet-brand-controls button:hover{border-color:var(--brand);background:#fff0f8;color:var(--brand)}
.tablet-brand-controls .m-icon{width:15px;height:15px}
.tablet-brand-next .m-icon{transform:scaleX(-1)}
.lang-en .tablet-brand-prev .m-icon{transform:scaleX(-1)}
.lang-en .tablet-brand-next .m-icon{transform:none}
.tablet-brand-carousel .tablet-brand-strip{margin:0;padding:2px 1px 5px;border:0;border-radius:0;background:transparent;box-shadow:none;overscroll-behavior-inline:contain}
.tablet-brand-carousel .tablet-brand-strip>a{flex-basis:168px;background:#fbfcfe}
.tablet-brand-carousel .tablet-brand-strip>a:focus-visible{outline:3px solid rgba(229,10,142,.18);outline-offset:2px}

/* Exact five-card tablet-news arrangement: featured + four cards, no empty grid cells. */
.tablet-news-layout{grid-auto-flow:row;align-items:stretch}
.tablet-news-card{height:100%}
.tablet-news-card.is-featured{min-height:100%}

/* Article details */
.page-news-detail .site-content{width:100%;margin:0;min-height:600px;background:#f3f6fb}
.article-detail-shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:20px 0 46px;color:var(--navy)}
.article-breadcrumbs{margin-bottom:14px}
.page-news-detail .ad-article-top,.page-news-detail .ad-article-bottom{min-height:100px;margin:0 0 20px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(19,43,76,.04)}

.article-detail-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:500px;margin-bottom:18px;overflow:hidden;border-radius:25px;background:linear-gradient(132deg,#102846 0%,#17375e 58%,#35185a 100%);box-shadow:0 19px 48px rgba(19,43,76,.18);color:#fff}
.article-detail-hero:before{content:"";position:absolute;z-index:-1;right:-165px;bottom:-260px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 34% 34%,rgba(229,10,142,.92),rgba(229,10,142,.12) 61%,transparent 63%)}
.article-detail-hero:after{content:"";position:absolute;z-index:-1;left:28%;top:-180px;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.035)}
.article-hero-copy{align-self:center;padding:44px 40px;min-width:0}
.article-hero-labels{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.article-hero-labels>a,.article-hero-labels>span{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:0 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.07);color:#e5edf7;font-size:9px;font-weight:800}
.article-hero-labels>a{border-color:var(--brand);background:var(--brand);color:#fff}
.article-hero-labels .m-icon{width:13px;height:13px}
.article-hero-copy h1{max-width:900px;margin:14px 0 10px;color:#fff;font-size:clamp(30px,3.1vw,49px);line-height:1.48;letter-spacing:-.015em}
.article-subtitle{max-width:850px;margin:0;color:#dce6f2;font-size:14px;line-height:2}
.article-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:21px}
.article-meta-row>span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.055);color:#d6e0ed;font-size:9px}
.article-meta-row .m-icon{width:15px;height:15px;color:#ff65bd}
.article-meta-row b{font-weight:700}
.article-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px}
.article-hero-actions button,.article-hero-actions a{min-height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;font-size:10px;font-weight:800}
.article-hero-actions button:first-child{border-color:var(--brand);background:var(--brand);box-shadow:0 8px 21px rgba(229,10,142,.26)}
.article-hero-actions button.is-active{border-color:#ff7bc6;background:#fff0f8;color:var(--brand)}
.article-hero-actions .m-icon{width:16px;height:16px}
.article-hero-media{position:relative;min-width:0;min-height:500px;margin:0;overflow:hidden;background:#0b203d}
.article-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,51,.62),transparent 32%),linear-gradient(0deg,rgba(8,27,51,.38),transparent 45%);pointer-events:none}
.lang-en .article-hero-media:after{background:linear-gradient(-90deg,rgba(8,27,51,.62),transparent 32%),linear-gradient(0deg,rgba(8,27,51,.38),transparent 45%)}
.article-hero-media>img{width:100%;height:100%;min-height:500px;display:block;object-fit:cover}
.article-hero-media>.m-icon{position:absolute;left:50%;top:50%;width:90px;height:90px;transform:translate(-50%,-50%);color:#ff65bd}
.article-hero-media figcaption{position:absolute;z-index:2;right:15px;bottom:14px;left:15px;padding:8px 11px;border-radius:9px;background:rgba(8,27,51,.75);color:#e5edf7;font-size:9px;backdrop-filter:blur(8px)}

.article-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px}
.article-detail-main{min-width:0;display:grid;gap:18px}
.article-detail-sidebar{min-width:0}
.article-sidebar-sticky{position:sticky;top:18px;display:grid;gap:14px}

.article-summary-card{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:14px;padding:18px 20px;border:1px solid #f0bad9;border-radius:17px;background:linear-gradient(135deg,#fff7fb,#fff);box-shadow:0 8px 23px rgba(19,43,76,.035)}
.article-summary-card>span{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#fff0f8;color:var(--brand)}
.article-summary-card .m-icon{width:24px;height:24px}
.article-summary-card b{display:block;margin-bottom:3px;color:var(--brand);font-size:10px;letter-spacing:.05em}
.article-summary-card p{margin:0;color:#53657c;font-size:13px;line-height:1.95}

.article-toc{padding:17px 19px;border:1px solid #dfe6ef;border-radius:17px;background:#fff;box-shadow:0 8px 23px rgba(19,43,76,.04)}
.article-toc[hidden]{display:none}
.article-toc>div{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:var(--navy)}
.article-toc>div>span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff0f8;color:var(--brand)}
.article-toc>div .m-icon{width:17px;height:17px}
.article-toc>div b{font-size:14px}
.article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:0;padding:0;list-style:none;counter-reset:articleToc}
.article-toc li{counter-increment:articleToc;min-width:0}
.article-toc li a{display:flex;align-items:flex-start;gap:7px;padding:7px 8px;border-radius:8px;color:#5a6b82;font-size:10px;line-height:1.65}
.article-toc li a:before{content:counter(articleToc);flex:0 0 20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f3f6fa;color:var(--brand);font-size:8px;font-weight:800}
.article-toc li a:hover{background:#fff4fa;color:var(--brand)}
.article-toc li.is-sub a{padding-inline-start:22px}

.article-reading-card{position:relative;padding:28px 31px;border:1px solid #dfe6ef;border-radius:20px;background:#fff;box-shadow:0 10px 29px rgba(19,43,76,.045)}
.article-reading-progress{position:absolute;right:0;top:0;left:0;height:4px;overflow:hidden;border-radius:20px 20px 0 0;background:#edf1f6}
.article-reading-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--brand),#ff68bd);transition:width .12s linear}
.article-body-content{color:#263850;font-size:17px;line-height:2.25;overflow-wrap:anywhere}
.article-body-content>p:first-of-type{font-size:18px;color:#223650}
.article-body-content p{margin:0 0 20px;color:#31445e}
.article-body-content h2,.article-body-content h3,.article-body-content h4{scroll-margin-top:20px;color:var(--navy);line-height:1.65}
.article-body-content h2{position:relative;margin:34px 0 15px;padding-inline-start:16px;font-size:25px}
.article-body-content h2:before{content:"";position:absolute;inset-inline-start:0;top:.28em;width:6px;height:1.18em;border-radius:8px;background:var(--brand)}
.article-body-content h3{margin:28px 0 12px;font-size:20px}
.article-body-content h4{margin:24px 0 10px;font-size:17px}
.article-body-content a{color:#08759f;text-decoration:underline;text-decoration-color:rgba(8,117,159,.3);text-underline-offset:3px;font-weight:700}
.article-body-content strong,.article-body-content b{color:var(--navy)}
.article-body-content ul,.article-body-content ol{margin:0 0 22px;padding-inline-start:25px}
.article-body-content li{margin-bottom:7px}
.article-body-content blockquote{position:relative;margin:28px 0;padding:20px 24px;border:0;border-inline-start:5px solid var(--brand);border-radius:13px;background:#fff4fa;color:#4f6077;font-size:16px;line-height:2}
.article-body-content img{display:block;max-width:100%;height:auto;margin:25px auto;border-radius:16px;box-shadow:0 12px 28px rgba(19,43,76,.11)}
.article-body-content figure{margin:25px 0}.article-body-content figcaption{text-align:center;color:#8592a3;font-size:10px}
.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px;padding-top:23px;border-top:1px solid #e8edf3}
.article-gallery figure{margin:0;overflow:hidden;border:1px solid #e4eaf1;border-radius:14px;background:#fbfcfe}
.article-gallery a{display:block;height:270px;overflow:hidden}
.article-gallery img{width:100%;height:100%;object-fit:cover;transition:.25s}.article-gallery a:hover img{transform:scale(1.025)}
.article-gallery figcaption{padding:9px 11px;color:#69798e;font-size:10px}

.article-context-section,.article-related-section,.article-comments-section{padding:20px;border:1px solid #dfe6ef;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(19,43,76,.04)}
.article-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.article-entity-card,.article-device-context{min-width:0;display:grid;grid-template-columns:62px minmax(0,1fr) 18px;align-items:center;gap:11px;min-height:88px;padding:11px;border:1px solid #e4eaf1;border-radius:14px;background:#fbfcfe;transition:.2s}
.article-entity-card:hover,.article-device-context:hover{transform:translateY(-2px);border-color:#efacd3;box-shadow:0 9px 20px rgba(19,43,76,.06)}
.article-entity-card>span,.article-device-context>span{width:62px;height:62px;display:flex;align-items:center;justify-content:center;padding:7px;overflow:hidden;border:1px solid #e8edf3;border-radius:12px;background:#fff;color:var(--brand)}
.article-entity-card img,.article-device-context img{max-width:100%;max-height:100%;object-fit:contain}
.article-entity-card>span .m-icon,.article-device-context>span .m-icon{width:26px;height:26px}
.article-entity-card small,.article-device-context small{display:block;color:var(--brand);font-size:7px;font-weight:800;letter-spacing:.05em}
.article-entity-card b,.article-device-context b{display:block;overflow:hidden;color:var(--navy);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.article-entity-card em,.article-device-context em{display:block;color:#8a97a8;font-size:8px;font-style:normal}
.article-entity-card>.m-icon,.article-device-context>.m-icon{width:15px;height:15px;color:#b1bbc8}

.article-share-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,var(--navy),#1a3b64);color:#fff;position:relative}
.article-share-panel:after{content:"";position:absolute;left:-75px;bottom:-120px;width:230px;height:230px;border-radius:50%;background:rgba(229,10,142,.2)}
.lang-en .article-share-panel:after{left:auto;right:-75px}
.article-share-panel>div{position:relative;z-index:1}.article-share-panel span{color:#ff69bf;font-size:9px;font-weight:800;letter-spacing:.07em}.article-share-panel h2{margin:3px 0;color:#fff;font-size:21px}.article-share-panel p{margin:0;color:#cbd8e7;font-size:11px}.article-share-panel>div:last-child{display:flex;align-items:center;gap:8px}.article-share-panel button,.article-share-panel a{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;border:1px solid rgba(255,255,255,.17);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;font-size:10px;font-weight:800}.article-share-panel button{border-color:var(--brand);background:var(--brand)}.article-share-panel .m-icon{width:15px;height:15px}

.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.article-related-card{min-width:0;overflow:hidden;border:1px solid #e3e9f1;border-radius:15px;background:#fbfcfe;transition:.2s}
.article-related-card:hover{transform:translateY(-3px);border-color:#efacd3;box-shadow:0 10px 22px rgba(19,43,76,.07)}
.article-related-image{position:relative;height:155px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#edf2f7;color:var(--brand)}
.article-related-image img{width:100%;height:100%;object-fit:cover;transition:.25s}.article-related-card:hover .article-related-image img{transform:scale(1.03)}
.article-related-image>.m-icon{width:42px;height:42px}
.article-related-image>span{position:absolute;right:8px;top:8px;padding:3px 7px;border-radius:6px;background:var(--brand);color:#fff;font-size:7px;font-weight:800}
.article-related-card>div{padding:11px}.article-related-card small{display:block;color:#96a2b2;font-size:8px}.article-related-card h3{margin:4px 0 0;color:var(--navy);font-size:12px;line-height:1.7}.article-related-card p{margin:6px 0 0;color:#748297;font-size:9px;line-height:1.75}
.article-related-card.is-compact{display:grid;grid-template-columns:83px minmax(0,1fr);align-items:center;border:0;border-bottom:1px solid #e7ecf2;border-radius:0;background:transparent;padding:9px 0}
.article-related-card.is-compact:last-child{border-bottom:0}.article-related-card.is-compact:hover{transform:none;box-shadow:none}.article-related-card.is-compact .article-related-image{height:62px;border-radius:9px}.article-related-card.is-compact .article-related-image>span{display:none}.article-related-card.is-compact>div{padding:0}.article-related-card.is-compact h3{font-size:10px;line-height:1.65}
.article-comments-section .fb-comments,.article-comments-section iframe{width:100%!important;max-width:100%!important}

.article-sidebar-card{padding:16px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;box-shadow:0 9px 25px rgba(19,43,76,.045)}
.article-sidebar-author{display:grid;grid-template-columns:50px minmax(0,1fr);gap:11px;align-items:center;background:linear-gradient(145deg,#102846,#17375e);color:#fff}
.article-sidebar-author>span{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(229,10,142,.18);color:#ff69bf}.article-sidebar-author .m-icon{width:24px;height:24px}.article-sidebar-author small{color:#ff69bf;font-size:7px;font-weight:800}.article-sidebar-author h2{margin:2px 0;color:#fff;font-size:14px}.article-sidebar-author p{margin:0;color:#cbd7e5;font-size:8px;line-height:1.7}
.article-sidebar-heading{padding-bottom:10px;border-bottom:1px solid #e7ecf2}.article-sidebar-heading span{display:block;color:var(--brand);font-size:8px;font-weight:800;letter-spacing:.06em}.article-sidebar-heading h2{margin:2px 0 0;color:var(--navy);font-size:15px}
.article-sidebar-news{margin-top:2px}.article-sidebar-more{min-height:38px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;background:#fff0f8;color:var(--brand);font-size:9px;font-weight:800}.article-sidebar-more .m-icon{width:13px;height:13px}
.article-sidebar-tools>a{display:grid;grid-template-columns:37px minmax(0,1fr) 15px;align-items:center;gap:9px;min-height:61px;padding:8px 0;border-bottom:1px solid #e7ecf2}.article-sidebar-tools>a:last-child{border-bottom:0}.article-sidebar-tools>a>.m-icon:first-child{width:37px;height:37px;padding:8px;border-radius:10px;background:#fff0f8;color:var(--brand)}.article-sidebar-tools>a>.m-icon:last-child{width:14px;height:14px;color:#afb9c6}.article-sidebar-tools b{display:block;color:var(--navy);font-size:10px}.article-sidebar-tools small{display:block;color:#909cac;font-size:7px}
.article-not-found{width:min(680px,calc(100% - 30px));margin:70px auto;padding:45px 25px;border:1px solid #dfe6ef;border-radius:22px;background:#fff;text-align:center}.article-not-found>.m-icon{width:48px;height:48px;color:var(--brand)}.article-not-found h1{margin:12px 0 5px}.article-not-found p{color:#748297}.article-not-found a{display:inline-flex;min-height:41px;align-items:center;padding:0 17px;border-radius:9px;background:var(--brand);color:#fff;font-weight:800}

@media(max-width:1180px){
  .article-detail-hero{grid-template-columns:minmax(0,1fr) minmax(370px,.8fr)}
  .article-hero-copy{padding:34px 30px}
  .article-detail-layout{grid-template-columns:minmax(0,1fr) 285px}
  .article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .article-detail-shell{width:min(100% - 22px,1100px);padding-top:14px}
  .article-detail-hero{grid-template-columns:1fr;min-height:0}
  .article-hero-media{order:-1;min-height:360px}.article-hero-media>img{min-height:360px;max-height:440px}.article-hero-media:after{background:linear-gradient(0deg,rgba(8,27,51,.55),transparent 50%)}
  .article-hero-copy{padding:28px}
  .article-detail-layout{grid-template-columns:1fr}
  .article-sidebar-sticky{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-sidebar-tools{grid-column:1/-1}
}
@media(max-width:767px){
  .page-news-detail .site-content{padding-bottom:70px;background:#f4f7fb}
  .article-detail-shell{width:100%;padding:8px 10px 28px}
  .page-news-detail .ad-article-top,.page-news-detail .ad-article-bottom{min-height:78px;margin-bottom:12px;border-radius:13px}
  .article-detail-hero{margin-bottom:11px;border-radius:18px}
  .article-hero-media{min-height:245px}.article-hero-media>img{min-height:245px;max-height:310px}.article-hero-media figcaption{right:8px;bottom:8px;left:8px;font-size:7px}
  .article-hero-copy{padding:18px 15px 20px}
  .article-hero-copy h1{margin:10px 0 7px;font-size:24px;line-height:1.55}
  .article-subtitle{display:-webkit-box;overflow:hidden;font-size:10px;line-height:1.8;-webkit-line-clamp:3;-webkit-box-orient:vertical}
  .article-hero-labels>a,.article-hero-labels>span{min-height:25px;font-size:7px}
  .article-meta-row{gap:5px;margin-top:12px}.article-meta-row>span{min-height:28px;padding:0 7px;font-size:7px}.article-meta-row .m-icon{width:12px;height:12px}
  .article-hero-actions{gap:5px;margin-top:12px}.article-hero-actions button,.article-hero-actions a{min-height:36px;padding:0 9px;font-size:8px}.article-hero-actions .m-icon{width:14px;height:14px}
  .article-detail-main{gap:11px}
  .article-summary-card{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:13px;border-radius:14px}.article-summary-card>span{width:42px;height:42px;border-radius:12px}.article-summary-card p{font-size:10px;line-height:1.8}
  .article-toc{padding:13px;border-radius:14px}.article-toc ol{grid-template-columns:1fr}.article-toc li a{font-size:9px}
  .article-reading-card{padding:19px 15px;border-radius:16px}
  .article-body-content,.article-body-content>p:first-of-type{font-size:16px;line-height:2.05}.article-body-content p{margin-bottom:16px}.article-body-content h2{margin:27px 0 12px;font-size:21px}.article-body-content h3{font-size:18px}.article-body-content blockquote{margin:20px 0;padding:15px 17px;font-size:14px}.article-body-content img{margin:19px auto;border-radius:12px}
  .article-gallery{grid-template-columns:1fr;gap:8px}.article-gallery a{height:220px}
  .article-context-section,.article-related-section,.article-comments-section{padding:13px 10px;border-radius:16px}
  .article-context-grid{grid-template-columns:1fr;gap:7px}.article-entity-card,.article-device-context{grid-template-columns:55px minmax(0,1fr) 16px;min-height:76px;padding:8px}.article-entity-card>span,.article-device-context>span{width:55px;height:55px}.article-entity-card b,.article-device-context b{font-size:11px}
  .article-share-panel{display:block;padding:18px;text-align:center;border-radius:16px}.article-share-panel h2{font-size:18px}.article-share-panel p{font-size:9px}.article-share-panel>div:last-child{justify-content:center;margin-top:11px}.article-share-panel button,.article-share-panel a{font-size:8px}
  .article-related-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory;scrollbar-width:none}.article-related-grid::-webkit-scrollbar{display:none}.article-related-card{flex:0 0 82%;scroll-snap-align:start}.article-related-image{height:145px}
  .article-sidebar-sticky{grid-template-columns:1fr;gap:10px}.article-sidebar-card{padding:12px;border-radius:15px}.article-sidebar-news{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.article-sidebar-news::-webkit-scrollbar{display:none}.article-related-card.is-compact{flex:0 0 82%;grid-template-columns:78px minmax(0,1fr);border:1px solid #e5eaf1;border-radius:11px;padding:7px;scroll-snap-align:start;background:#fbfcfe}.article-related-card.is-compact .article-related-image{height:61px}.article-sidebar-tools{grid-column:auto}
}
@media(max-width:420px){
  .article-hero-copy h1{font-size:21px}
  .article-hero-actions a{display:none}
  .article-related-card{flex-basis:88%}
}

/* ============================================================
   Mobilk 2026 — Article deep-link relationships V3
   Keeps the article hero intact and restores the database-driven
   company/operator/device links saved in articles.
   ============================================================ */
.article-deep-link-strip{
  display:grid;
  grid-template-columns:minmax(240px,.72fr) minmax(0,2.28fr);
  align-items:stretch;
  gap:14px;
  margin:0 0 18px;
  padding:14px;
  border:1px solid #dfe6ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(19,43,76,.05);
}
.article-deep-link-intro{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:15px 16px;
  border-radius:15px;
  background:linear-gradient(135deg,var(--navy),#1a3b64);
  color:#fff;
}
.article-deep-link-intro>span{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:14px;
  background:rgba(229,10,142,.2);
  color:#ff70c3;
}
.article-deep-link-intro .m-icon{width:23px;height:23px}
.article-deep-link-intro small{
  display:block;
  margin-bottom:3px;
  color:#ff72c4;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
}
.article-deep-link-intro h2{
  margin:0;
  color:#fff;
  font-size:15px;
  line-height:1.55;
}
.article-deep-link-items{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  gap:9px;
}
.article-deep-link-item{
  min-width:0;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 16px;
  align-items:center;
  gap:10px;
  min-height:82px;
  padding:10px;
  overflow:hidden;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fbfcfe;
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.article-deep-link-item:hover{
  transform:translateY(-2px);
  border-color:#efabd3;
  box-shadow:0 10px 22px rgba(19,43,76,.07);
}
.article-deep-link-item>span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  padding:7px;
  overflow:hidden;
  border:1px solid #e7ecf2;
  border-radius:12px;
  background:#fff;
  color:var(--brand);
}
.article-deep-link-item.is-device>span{padding:4px;background:linear-gradient(145deg,#fff,#f3f6fa)}
.article-deep-link-item img{max-width:100%;max-height:100%;object-fit:contain}
.article-deep-link-item>span .m-icon{width:25px;height:25px}
.article-deep-link-item>div{min-width:0}
.article-deep-link-item small{
  display:block;
  color:var(--brand);
  font-size:7px;
  font-weight:800;
  letter-spacing:.05em;
}
.article-deep-link-item b{
  display:block;
  overflow:hidden;
  margin:1px 0;
  color:var(--navy);
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.article-deep-link-item em{
  display:block;
  overflow:hidden;
  color:#8492a5;
  font-size:8px;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.article-deep-link-item>.m-icon{width:15px;height:15px;color:#adb8c6}
.article-deep-link-item.is-operator{background:linear-gradient(90deg,#fbfcfe,#f7fbff)}
.article-deep-link-item.is-company{background:linear-gradient(90deg,#fbfcfe,#fff7fb)}
.article-deep-link-item.is-device{background:linear-gradient(90deg,#fbfcfe,#f8f6ff)}

.article-sidebar-related-context{
  position:relative;
  overflow:hidden;
  padding-top:0;
}
.article-sidebar-related-context:before{
  content:"";
  position:absolute;
  right:-75px;
  top:-95px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:rgba(229,10,142,.07);
  pointer-events:none;
}
.article-sidebar-related-context .article-sidebar-heading{
  position:relative;
  z-index:1;
  margin:0 -16px 7px;
  padding:16px 16px 13px;
  border-bottom:0;
  background:linear-gradient(135deg,#102846,#183960);
}
.article-sidebar-related-context .article-sidebar-heading span{color:#ff68bd}
.article-sidebar-related-context .article-sidebar-heading h2{color:#fff;font-size:16px;line-height:1.55}
.article-sidebar-related-context .article-sidebar-heading p{
  margin:5px 0 0;
  color:#cbd8e7;
  font-size:8px;
  line-height:1.7;
}
.article-sidebar-related-context .article-related-card.is-compact{
  position:relative;
  z-index:1;
  grid-template-columns:88px minmax(0,1fr);
  min-height:82px;
}
.article-sidebar-related-context .article-related-card.is-compact .article-related-image{height:66px}
.article-sidebar-related-context .article-related-card.is-compact h3{font-size:10px;line-height:1.75}
.article-sidebar-related-context .article-sidebar-more{
  position:relative;
  z-index:1;
  background:var(--brand);
  color:#fff;
}

@media(max-width:1080px){
  .article-deep-link-strip{grid-template-columns:1fr}
  .article-deep-link-intro{min-height:82px}
}
@media(max-width:767px){
  .article-deep-link-strip{
    display:block;
    margin-bottom:11px;
    padding:9px;
    border-radius:16px;
  }
  .article-deep-link-intro{
    min-height:0;
    padding:12px;
    border-radius:13px;
  }
  .article-deep-link-intro>span{width:42px;height:42px;flex-basis:42px;border-radius:12px}
  .article-deep-link-intro h2{font-size:13px}
  .article-deep-link-items{
    display:flex;
    gap:8px;
    overflow-x:auto;
    margin-top:8px;
    padding:1px 1px 5px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .article-deep-link-items::-webkit-scrollbar{display:none}
  .article-deep-link-item{
    flex:0 0 84%;
    min-height:74px;
    grid-template-columns:52px minmax(0,1fr) 15px;
    padding:8px;
    scroll-snap-align:start;
  }
  .article-deep-link-item>span{width:52px;height:52px}
  .article-deep-link-item b{font-size:11px}
  .article-sidebar-related-context .article-sidebar-heading{margin:0 -12px 7px;padding:14px 12px 11px}
  .article-sidebar-related-context .article-sidebar-news{display:flex}
  .article-sidebar-related-context .article-related-card.is-compact{flex-basis:86%}
}

/* ============================================================
   Mobilk 2026 — Article deep links V4
   Visible beside the hero image, with text-based fallback for
   legacy articles whose relation ids are missing or incomplete.
   ============================================================ */
.article-hero-relations{
  position:absolute;
  z-index:4;
  right:14px;
  bottom:14px;
  left:14px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  pointer-events:none;
}
.article-hero-relation{
  pointer-events:auto;
  min-width:145px;
  max-width:230px;
  min-height:58px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:7px 9px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:13px;
  background:rgba(255,255,255,.94);
  color:var(--navy);
  box-shadow:0 10px 28px rgba(5,19,37,.22);
  backdrop-filter:blur(12px);
  transition:transform .2s ease,box-shadow .2s ease;
}
.article-hero-relation:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(5,19,37,.28)}
.article-hero-relation>span{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:5px;
  border:1px solid #e4e9f0;
  border-radius:10px;
  background:#fff;
  color:var(--brand);
}
.article-hero-relation.is-device>span{padding:3px;background:linear-gradient(145deg,#fff,#f2f5f9)}
.article-hero-relation img{max-width:100%;max-height:100%;object-fit:contain}
.article-hero-relation .m-icon{width:22px;height:22px}
.article-hero-relation>div{min-width:0}
.article-hero-relation small{display:block;color:var(--brand);font-size:7px;font-weight:800;line-height:1.4}
.article-hero-relation b{display:block;overflow:hidden;color:var(--navy);font-size:11px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}
.article-hero-media:has(.article-hero-relations) figcaption{bottom:82px}

/* Give compact related-news cards a real gutter between image and text. */
.article-related-card.is-compact,
.article-sidebar-related-context .article-related-card.is-compact{
  column-gap:12px;
}
.article-related-card.is-compact>div,
.article-sidebar-related-context .article-related-card.is-compact>div{
  min-width:0;
  padding-inline:2px 4px;
}
.article-related-card.is-compact h3,
.article-sidebar-related-context .article-related-card.is-compact h3{
  margin-top:4px;
}

/* The bottom Google unit must breathe independently from the block above it. */
.page-news-detail .ad-article-bottom{
  margin:30px 0 20px;
  clear:both;
}

@media(max-width:1024px){
  .article-hero-relations{right:12px;bottom:12px;left:12px}
  .article-hero-relation{min-width:135px;max-width:210px}
}
@media(max-width:767px){
  .article-hero-relations{
    right:9px;
    bottom:9px;
    left:9px;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:2px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .article-hero-relations::-webkit-scrollbar{display:none}
  .article-hero-relation{
    flex:0 0 72%;
    min-width:0;
    max-width:none;
    min-height:54px;
    grid-template-columns:40px minmax(0,1fr);
    padding:6px 8px;
    scroll-snap-align:start;
  }
  .article-hero-relation>span{width:40px;height:40px}
  .article-hero-relation small{font-size:7px}
  .article-hero-relation b{font-size:10px}
  .article-hero-media:has(.article-hero-relations) figcaption{display:none}
  .article-related-card.is-compact,
  .article-sidebar-related-context .article-related-card.is-compact{column-gap:10px}
  .page-news-detail .ad-article-bottom{margin:18px 0 12px}
}

/* ============================================================
   Mobilk 2026 — Telecom operators hub + dynamic operator pages
   Scope: mobile-prov.html and mobile-provider*.html
   ============================================================ */
.page-prov .site-content{background:#f3f6fb}
.operator-hub-shell,.operator-profile-page{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:18px 0 46px;color:var(--navy)}
.operator-breadcrumbs{display:flex;align-items:center;gap:8px;min-height:38px;margin:0 3px 13px;color:#738199;font-size:12px;white-space:nowrap;overflow:hidden}
.operator-breadcrumbs a{color:#6d7b90}.operator-breadcrumbs a:hover{color:var(--brand)}
.operator-breadcrumbs span{display:flex;color:#aeb8c7}.operator-breadcrumbs .m-icon{width:14px;height:14px}.operator-breadcrumbs strong{overflow:hidden;color:var(--navy);text-overflow:ellipsis}
.page-prov .ad-operator-hub-top,.page-prov .ad-operator-hub-bottom,.page-prov .ad-operator-profile-top,.page-prov .ad-operator-profile-bottom{min-height:100px;margin:0 0 20px;border-radius:18px;border:1px solid #e0e7f0;background:#fff;box-shadow:0 8px 25px rgba(19,43,76,.04)}
.page-prov .ad-operator-hub-bottom,.page-prov .ad-operator-profile-bottom{margin-top:22px;margin-bottom:0}

.operator-hub-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);align-items:center;gap:30px;min-height:430px;padding:44px 48px;overflow:hidden;border-radius:28px;background:linear-gradient(128deg,#0b203d 0%,#132b4c 48%,#1c3b64 100%);box-shadow:0 24px 58px rgba(19,43,76,.19);color:#fff}
.operator-hub-hero:before{content:"";position:absolute;z-index:-1;inset:-210px auto auto -130px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(229,10,142,.34),rgba(229,10,142,.04) 62%,transparent 64%)}
.operator-hub-hero:after{content:"";position:absolute;z-index:-1;right:-180px;bottom:-290px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(57,198,163,.25),rgba(57,198,163,.03) 60%,transparent 63%)}
.operator-hub-copy{position:relative;z-index:2;max-width:820px}
.operator-hub-copy>span,.operator-section-heading>div>span{display:block;margin-bottom:6px;color:#ff5fba;font-size:11px;font-weight:800;letter-spacing:.09em}
.operator-hub-copy h1{max-width:780px;margin:0 0 14px;color:#fff;font-size:clamp(31px,3vw,48px);line-height:1.4}
.operator-hub-copy>p{max-width:780px;margin:0;color:#d9e4f1;font-size:15px;line-height:2}
.operator-hub-search{display:flex;max-width:700px;height:50px;margin-top:24px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:#fff;box-shadow:0 12px 28px rgba(3,17,36,.16)}
.operator-hub-search input{min-width:0;flex:1;height:50px;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;padding:0 17px!important;color:var(--navy);font-size:13px}
.operator-hub-search button{display:grid;place-items:center;flex:0 0 52px;border:0;background:var(--brand);color:#fff}.operator-hub-search button .m-icon{width:21px;height:21px}
.operator-hub-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}
.operator-hub-stats span{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.065);color:#dce6f2;font-size:10px}
.operator-hub-stats .m-icon{width:15px;height:15px;color:#ff5fba}.operator-hub-stats b{color:#fff;font-size:14px}
.operator-signal-stage{position:relative;min-height:350px;display:grid;place-items:center}
.operator-signal-rings,.operator-signal-rings i{position:absolute;border-radius:50%}.operator-signal-rings{width:330px;height:330px;border:1px solid rgba(255,255,255,.09)}
.operator-signal-rings i{inset:50%;border:1px solid rgba(255,255,255,.10);transform:translate(-50%,-50%);animation:operatorPulse 3.5s ease-out infinite}
.operator-signal-rings i:nth-child(1){width:110px;height:110px}.operator-signal-rings i:nth-child(2){width:185px;height:185px;animation-delay:.7s}.operator-signal-rings i:nth-child(3){width:265px;height:265px;animation-delay:1.4s}.operator-signal-rings i:nth-child(4){width:340px;height:340px;animation-delay:2.1s}
@keyframes operatorPulse{0%,18%{opacity:.2;transform:translate(-50%,-50%) scale(.88)}65%{opacity:.55}100%{opacity:.05;transform:translate(-50%,-50%) scale(1.06)}}
.operator-signal-core{position:relative;z-index:3;width:94px;height:94px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:linear-gradient(135deg,var(--brand),#a50771);box-shadow:0 0 0 13px rgba(229,10,142,.10),0 18px 38px rgba(0,0,0,.28);color:#fff;animation:operatorCoreFloat 3s ease-in-out infinite}
.operator-signal-core .m-icon{width:42px;height:42px}@keyframes operatorCoreFloat{50%{transform:translateY(-7px)}}
.operator-floating-logo{position:absolute;z-index:4;width:88px;height:70px;display:grid;place-items:center;padding:12px;border:1px solid rgba(255,255,255,.32);border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(0,0,0,.24);animation:operatorFloat 4.8s ease-in-out infinite}
.operator-floating-logo:after{content:"";position:absolute;right:7px;bottom:7px;width:8px;height:8px;border-radius:50%;background:var(--op-primary);box-shadow:0 0 0 4px rgba(var(--op-rgb),.12)}
.operator-floating-logo img{max-width:100%;max-height:100%;object-fit:contain}.operator-floating-logo-1{top:8%;right:13%;animation-delay:.1s}.operator-floating-logo-2{top:22%;left:5%;animation-delay:.8s}.operator-floating-logo-3{right:2%;bottom:20%;animation-delay:1.5s}.operator-floating-logo-4{left:17%;bottom:1%;animation-delay:2.2s}.operator-floating-logo-5{right:37%;bottom:9%;width:76px;height:62px;animation-delay:2.9s}
@keyframes operatorFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1.3deg)}}

.operator-hub-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 26px}
.operator-hub-tools>a{min-height:86px;padding:14px 16px;display:grid;grid-template-columns:45px minmax(0,1fr);align-items:center;gap:12px;border:1px solid #e0e6ef;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(19,43,76,.045);transition:.2s}
.operator-hub-tools>a:hover{transform:translateY(-3px);border-color:#efb0d4;box-shadow:0 14px 28px rgba(19,43,76,.08)}
.operator-hub-tools>a>.m-icon{width:43px;height:43px;padding:9px;border-radius:13px;background:#fff0f8;color:var(--brand)}
.operator-hub-tools b,.operator-hub-tools small{display:block}.operator-hub-tools b{color:var(--navy);font-size:13px}.operator-hub-tools small{margin-top:2px;color:#8a97a9;font-size:10px}

.operator-featured-section,.operator-directory-section,.operator-news-section,.operator-profile-feature,.operator-ecosystem-section,.operator-devices-section,.operator-archive-section{margin-top:22px;padding:22px;border:1px solid #dfe6ef;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(19,43,76,.045)}
.operator-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}
.operator-section-heading h2{margin:0;color:var(--navy);font-size:23px;line-height:1.45}.operator-section-heading p{margin:4px 0 0;color:#7a8799;font-size:12px}
.operator-section-heading>a{display:inline-flex;align-items:center;gap:7px;color:var(--brand);font-size:12px;font-weight:800;white-space:nowrap}.operator-section-heading>a .m-icon{width:16px;height:16px}
.operator-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.operator-featured-card{position:relative;isolation:isolate;min-height:292px;padding:18px;overflow:hidden;border-radius:19px;background:linear-gradient(145deg,var(--op-dark),var(--op-primary));color:#fff;box-shadow:0 14px 30px rgba(var(--op-rgb),.14);transition:.22s}
.operator-featured-card:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(var(--op-rgb),.22)}
.operator-featured-glow{position:absolute;z-index:-1;right:-80px;bottom:-105px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--op-secondary),transparent 68%);opacity:.34}
.operator-featured-card:after{content:"";position:absolute;z-index:-1;left:-60px;top:-80px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.operator-featured-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.operator-featured-logo{width:76px;height:61px;padding:10px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.16)}.operator-featured-logo img{max-width:100%;max-height:100%;object-fit:contain}
.operator-country-pill{display:inline-flex;align-items:center;gap:5px;max-width:54%;padding:5px 8px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:9px}.operator-country-pill img{width:16px;height:11px;object-fit:cover}
.operator-featured-card h3{margin:14px 0 6px;color:#fff;font-size:20px}.operator-featured-card>p{height:45px;overflow:hidden;margin:0;color:rgba(255,255,255,.78);font-size:10px;line-height:1.75}
.operator-featured-story{min-height:54px;margin-top:12px;padding:8px 10px;display:block;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.07)}.operator-featured-story small,.operator-featured-story b{display:block}.operator-featured-story small{color:var(--op-secondary);font-size:8px}.operator-featured-story b{margin-top:2px;color:#fff;font-size:10px;line-height:1.6}
.operator-featured-bottom{position:absolute;right:18px;bottom:16px;left:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.operator-featured-bottom span{color:rgba(255,255,255,.7);font-size:9px}.operator-featured-bottom span b{margin-inline-end:4px;color:#fff;font-size:13px}.operator-featured-bottom>a{display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:9px;font-weight:800}.operator-featured-bottom .m-icon{width:13px;height:13px}

.operator-directory-heading{align-items:center}.operator-country-filters{max-width:58%;display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.operator-country-filters::-webkit-scrollbar{display:none}.operator-country-filters button{min-height:34px;padding:0 12px;border:1px solid #dce4ed;border-radius:999px;background:#fff;color:#68778c;font-size:10px;font-weight:700;white-space:nowrap}.operator-country-filters button:hover,.operator-country-filters button.is-active{border-color:var(--brand);background:var(--brand);color:#fff}
.operator-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.operator-directory-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 28px;align-items:center;gap:11px;min-height:91px;padding:12px;border:1px solid #e0e7ef;border-radius:16px;background:linear-gradient(115deg,#fff,rgba(var(--op-rgb),.028));transition:.2s}.operator-directory-card:hover{transform:translateY(-3px);border-color:rgba(var(--op-rgb),.4);box-shadow:0 12px 24px rgba(var(--op-rgb),.10)}.operator-directory-card:before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:4px;border-radius:0 5px 5px 0;background:linear-gradient(var(--op-primary),var(--op-secondary))}.lang-en .operator-directory-card:before{inset-inline-start:0;border-radius:0 5px 5px 0}
.operator-directory-logo{width:58px;height:58px;padding:9px;display:grid;place-items:center;border:1px solid #e8ecf2;border-radius:14px;background:#fff}.operator-directory-logo img{max-width:100%;max-height:100%;object-fit:contain}.operator-directory-copy{min-width:0}.operator-directory-copy b{display:block;overflow:hidden;color:var(--navy);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.operator-directory-copy small{display:flex;align-items:center;gap:5px;margin-top:2px;color:#8794a6;font-size:9px}.operator-directory-copy small img{width:16px;height:11px;object-fit:cover}.operator-directory-copy em{display:block;margin-top:3px;color:var(--op-primary);font-size:8px;font-style:normal;font-weight:700}.operator-directory-arrow{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:rgba(var(--op-rgb),.08);color:var(--op-primary)}.operator-directory-arrow .m-icon{width:14px;height:14px}.operator-directory-card[hidden]{display:none!important}
.operator-directory-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#7b899c}.operator-directory-empty[hidden]{display:none}.operator-directory-empty .m-icon{width:39px;height:39px;color:var(--brand)}.operator-directory-empty strong{color:var(--navy);font-size:17px}.operator-directory-empty span{font-size:11px}

.operator-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.operator-news-card{min-width:0;overflow:hidden;border:1px solid #e0e7ef;border-radius:18px;background:#fff;transition:.22s}.operator-news-card:hover{transform:translateY(-4px);border-color:rgba(var(--op-rgb),.4);box-shadow:0 14px 30px rgba(var(--op-rgb),.11)}
.operator-news-media{position:relative;height:190px;display:block;overflow:hidden;background:linear-gradient(145deg,rgba(var(--op-rgb),.08),#eef3f8)}.operator-news-media img{width:100%;height:100%;object-fit:cover;transition:.28s}.operator-news-card:hover .operator-news-media img{transform:scale(1.04)}.operator-news-media>span{position:absolute;top:11px;right:11px;padding:4px 9px;border-radius:999px;background:var(--op-primary);color:#fff;font-size:8px;font-weight:800}.lang-en .operator-news-media>span{right:auto;left:11px}
.operator-news-copy{padding:14px}.operator-news-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8f9bac;font-size:8px}.operator-news-meta span{display:flex;align-items:center;gap:4px}.operator-news-meta .m-icon{width:12px;height:12px;color:var(--op-primary)}.operator-news-copy h3{min-height:52px;margin:8px 0 6px;color:var(--navy);font-size:14px;line-height:1.7}.operator-news-copy>p{display:-webkit-box;overflow:hidden;height:43px;margin:0;color:#768499;font-size:10px;line-height:1.75;-webkit-line-clamp:2;-webkit-box-orient:vertical}.operator-news-link{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:var(--op-primary);font-size:9px;font-weight:800}.operator-news-link .m-icon{width:13px;height:13px}
.operator-news-card.is-featured{display:grid;grid-template-columns:minmax(310px,.95fr) minmax(0,1.05fr);min-height:410px;border:0;background:linear-gradient(135deg,var(--op-dark),var(--op-primary));box-shadow:0 18px 38px rgba(var(--op-rgb),.18);color:#fff}.operator-news-card.is-featured .operator-news-media{height:100%;min-height:410px}.operator-news-card.is-featured .operator-news-copy{padding:31px;display:flex;flex-direction:column;justify-content:center}.operator-news-card.is-featured .operator-news-meta{color:rgba(255,255,255,.72)}.operator-news-card.is-featured .operator-news-meta .m-icon{color:var(--op-secondary)}.operator-news-card.is-featured h3{min-height:0;margin:14px 0 9px;font-size:27px;line-height:1.55}.operator-news-card.is-featured h3 a{color:#fff}.operator-news-card.is-featured .operator-news-copy>p{height:auto;-webkit-line-clamp:4;color:rgba(255,255,255,.78);font-size:12px;line-height:1.9}.operator-news-card.is-featured .operator-news-link{margin-top:18px;color:#fff;font-size:11px}
.operator-infinite-loader{min-height:94px;margin-top:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #d8e0ea;border-radius:16px;background:#fbfcfe;color:#7c899a;text-align:center}.operator-infinite-loader strong{font-size:11px}.operator-infinite-loader button{display:none;min-height:34px;padding:0 13px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-size:10px;font-weight:800}.operator-infinite-loader.has-error button{display:inline-flex;align-items:center}.operator-infinite-loader.is-done .operator-loader-dots{display:none}.operator-loader-dots{display:flex;gap:5px}.operator-loader-dots i{width:7px;height:7px;border-radius:50%;background:var(--brand);animation:operatorDots 1s infinite alternate}.operator-loader-dots i:nth-child(2){animation-delay:.2s}.operator-loader-dots i:nth-child(3){animation-delay:.4s}@keyframes operatorDots{to{opacity:.25;transform:translateY(-4px)}}.operator-noscript-link{display:flex;justify-content:center;margin-top:12px;color:var(--brand);font-size:11px;font-weight:800}

/* Dynamic operator profile */
.operator-profile-page{--op-primary:#e50a8e;--op-secondary:#39c6a3;--op-dark:#132b4c;--op-rgb:229,10,142;--op-secondary-rgb:57,198,163}
.operator-profile-page .operator-breadcrumbs a:hover,.operator-profile-page .operator-section-heading>a{color:var(--op-primary)}
.operator-profile-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:180px minmax(0,1fr) 260px;align-items:center;gap:30px;min-height:360px;padding:38px 42px;overflow:hidden;border-radius:28px;background:linear-gradient(128deg,var(--op-dark) 0%,var(--op-primary) 72%,var(--op-secondary) 135%);box-shadow:0 24px 58px rgba(var(--op-rgb),.20);color:#fff}
.operator-profile-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.11),transparent 60%),radial-gradient(circle at 75% 20%,rgba(255,255,255,.13),transparent 30%)}
.operator-profile-aurora i{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px)}.operator-profile-aurora i:nth-child(1){right:-120px;bottom:-210px;width:430px;height:430px;border:1px solid rgba(255,255,255,.17);box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 95px rgba(255,255,255,.025)}.operator-profile-aurora i:nth-child(2){left:32%;top:-190px;width:350px;height:350px;background:radial-gradient(circle,rgba(var(--op-secondary-rgb),.35),transparent 68%)}.operator-profile-aurora i:nth-child(3){left:-100px;bottom:-120px;width:260px;height:260px;background:rgba(255,255,255,.045)}
.operator-profile-logo-wrap{position:relative}.operator-profile-logo{width:180px;height:155px;padding:26px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:26px;background:#fff;box-shadow:0 18px 38px rgba(0,0,0,.25)}.operator-profile-logo img{max-width:100%;max-height:100%;object-fit:contain}.operator-profile-swatches{display:flex;justify-content:center;gap:7px;margin-top:12px}.operator-profile-swatches i{width:30px;height:7px;border-radius:999px;background:var(--op-primary)}.operator-profile-swatches i:nth-child(2){background:var(--op-secondary)}.operator-profile-swatches i:nth-child(3){background:var(--op-dark);border:1px solid rgba(255,255,255,.25)}
.operator-profile-copy{min-width:0}.operator-profile-eyebrow{display:block;margin-bottom:6px;color:rgba(255,255,255,.78);font-size:10px;font-weight:800;letter-spacing:.1em}.operator-profile-copy h1{margin:0 0 7px;color:#fff;font-size:clamp(34px,3.5vw,55px);line-height:1.35}.operator-profile-country{display:flex;align-items:center;gap:7px;color:#fff;font-size:11px;font-weight:700}.operator-profile-country img{width:22px;height:15px;object-fit:cover;border-radius:2px}.operator-profile-copy>p{max-width:760px;margin:13px 0 0;color:rgba(255,255,255,.82);font-size:13px;line-height:1.95}.operator-profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.operator-profile-actions a{min-height:40px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.075);color:#fff;font-size:10px;font-weight:800}.operator-profile-actions a:hover{background:rgba(255,255,255,.13)}.operator-profile-actions a.is-primary{border-color:#fff;background:#fff;color:var(--op-dark)}.operator-profile-actions .m-icon{width:16px;height:16px;color:var(--op-secondary)}
.operator-profile-metrics{display:grid;gap:10px}.operator-profile-metrics>span{min-height:78px;padding:12px 14px;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon number" "icon label";align-items:center;column-gap:10px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.operator-profile-metrics .m-icon{grid-area:icon;width:27px;height:27px;color:var(--op-secondary)}.operator-profile-metrics b{grid-area:number;color:#fff;font-size:21px}.operator-profile-metrics small{grid-area:label;color:rgba(255,255,255,.72);font-size:9px}
.operator-profile-nav{position:sticky;z-index:45;top:0;display:grid;grid-template-columns:repeat(4,1fr);margin:14px 0 0;padding:7px;border:1px solid #dfe6ef;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(19,43,76,.07);backdrop-filter:blur(14px)}.operator-profile-nav a{min-height:45px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;color:#637389;font-size:11px;font-weight:800}.operator-profile-nav a:hover,.operator-profile-nav a.is-active{background:linear-gradient(135deg,var(--op-primary),var(--op-dark));color:#fff}.operator-profile-nav .m-icon{width:17px;height:17px}
.operator-profile-page .operator-section-heading>div>span{color:var(--op-primary)}
.operator-feature-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:14px}.operator-feature-side{display:grid;gap:10px}.operator-feature-side article{min-width:0;padding:9px;display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #e1e7ef;border-radius:14px;background:linear-gradient(115deg,#fff,rgba(var(--op-rgb),.035));transition:.2s}.operator-feature-side article:hover{transform:translateX(-3px);border-color:rgba(var(--op-rgb),.36)}.lang-en .operator-feature-side article:hover{transform:translateX(3px)}.operator-side-image{height:83px;overflow:hidden;border-radius:10px;background:#edf2f7}.operator-side-image img{width:100%;height:100%;object-fit:cover}.operator-feature-side article>div{min-width:0}.operator-feature-side article span{color:#929dad;font-size:8px}.operator-feature-side h3{margin:3px 0 5px;color:var(--navy);font-size:11px;line-height:1.65}.operator-feature-side article>div>a{display:inline-flex;align-items:center;gap:4px;color:var(--op-primary);font-size:8px;font-weight:800}.operator-feature-side .m-icon{width:12px;height:12px}
.operator-ecosystem-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:14px}.operator-ecosystem-intro{position:relative;overflow:hidden;padding:25px;border-radius:19px;background:linear-gradient(135deg,var(--op-dark),var(--op-primary));color:#fff}.operator-ecosystem-intro:after{content:"";position:absolute;right:-70px;bottom:-105px;width:210px;height:210px;border-radius:50%;background:var(--op-secondary);opacity:.22}.operator-ecosystem-intro>div{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.12)}.operator-ecosystem-intro>div .m-icon{width:28px;height:28px;color:var(--op-secondary)}.operator-ecosystem-intro>span{display:block;margin-top:16px;color:var(--op-secondary);font-size:9px;font-weight:800;letter-spacing:.08em}.operator-ecosystem-intro h3{margin:5px 0 7px;color:#fff;font-size:20px;line-height:1.55}.operator-ecosystem-intro p{margin:0;color:rgba(255,255,255,.76);font-size:11px;line-height:1.85}
.operator-ecosystem-entities{padding:17px;border:1px solid #e2e8f0;border-radius:18px;background:#fbfcfe}.operator-entity-group h3{margin:0 0 11px;color:var(--navy);font-size:14px}.operator-entity-group>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.operator-entity-group a{min-height:72px;padding:9px;display:grid;grid-template-columns:48px minmax(0,1fr) 15px;align-items:center;gap:9px;border:1px solid #e1e7ef;border-radius:13px;background:#fff;transition:.2s}.operator-entity-group a:hover{transform:translateY(-2px);border-color:rgba(var(--op-rgb),.4);box-shadow:0 9px 18px rgba(var(--op-rgb),.08)}.operator-entity-group a>span{width:48px;height:48px;padding:7px;display:grid;place-items:center;border:1px solid #edf0f4;border-radius:11px}.operator-entity-group img{max-width:100%;max-height:100%;object-fit:contain}.operator-entity-group b{overflow:hidden;color:var(--navy);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.operator-entity-group .m-icon{width:13px;height:13px;color:var(--op-primary)}.operator-entity-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#7c899a;text-align:center}.operator-entity-empty .m-icon{width:36px;height:36px;color:var(--op-primary)}.operator-entity-empty strong{max-width:450px;font-size:12px}
.operator-device-scroller{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.operator-device-card{min-width:0;padding:11px;display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;align-items:center;border:1px solid #e0e7ef;border-radius:16px;background:linear-gradient(120deg,#fff,rgba(var(--op-rgb),.035));transition:.2s}.operator-device-card:hover{transform:translateY(-3px);border-color:rgba(var(--op-rgb),.38);box-shadow:0 12px 25px rgba(var(--op-rgb),.09)}.operator-device-image{height:125px;padding:8px;display:grid;place-items:center;border-radius:13px;background:#f2f5f9}.operator-device-image img{max-width:100%;max-height:112px;object-fit:contain;filter:drop-shadow(0 9px 10px rgba(19,43,76,.12))}.operator-device-card>div{min-width:0}.operator-device-card>div>span{color:var(--op-primary);font-size:8px;font-weight:800}.operator-device-card h3{margin:3px 0 4px;color:var(--navy);font-family:Inter,Cairo,sans-serif;font-size:12px;line-height:1.5}.operator-device-card p{height:30px;overflow:hidden;margin:0;color:#7c899b;font-size:8px;line-height:1.7}.operator-device-card>div>a{display:inline-flex;align-items:center;gap:4px;margin-top:7px;color:var(--op-primary);font-size:8px;font-weight:800}.operator-device-card .m-icon{width:12px;height:12px}
.operator-profile-cta{position:relative;overflow:hidden;margin-top:22px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:21px;background:linear-gradient(125deg,var(--op-dark),var(--op-primary));color:#fff}.operator-profile-cta:after{content:"";position:absolute;right:-110px;bottom:-170px;width:320px;height:320px;border-radius:50%;background:var(--op-secondary);opacity:.18}.operator-profile-cta>div{position:relative;z-index:1}.operator-profile-cta span{color:var(--op-secondary);font-size:9px;font-weight:800}.operator-profile-cta h2{margin:3px 0;color:#fff;font-size:22px}.operator-profile-cta p{margin:0;color:rgba(255,255,255,.76);font-size:11px}.operator-profile-cta>div:last-child{display:flex;gap:8px}.operator-profile-cta a{min-height:40px;padding:0 14px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:10px;font-weight:800}.operator-profile-cta a:first-child{background:#fff;color:var(--op-dark)}.operator-profile-cta .m-icon{width:16px;height:16px;color:var(--op-secondary)}
.operator-not-found{width:min(720px,calc(100% - 30px));margin:70px auto;padding:48px 24px;border:1px solid #dfe6ef;border-radius:22px;background:#fff;text-align:center}.operator-not-found>div{width:72px;height:72px;margin:0 auto 13px;display:grid;place-items:center;border-radius:20px;background:#fff0f8;color:var(--brand)}.operator-not-found .m-icon{width:34px;height:34px}.operator-not-found h1{margin:0 0 7px;color:var(--navy)}.operator-not-found p{color:#748297}.operator-not-found a{display:inline-flex;min-height:41px;padding:0 17px;align-items:center;border-radius:9px;background:var(--brand);color:#fff;font-weight:800}

@media(max-width:1320px){
  .operator-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.operator-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.operator-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.operator-device-scroller{grid-template-columns:repeat(3,minmax(0,1fr))}
  .operator-profile-hero{grid-template-columns:160px minmax(0,1fr) 220px;padding-inline:30px}.operator-profile-logo{width:160px;height:140px}
}
@media(max-width:1050px){
  .operator-hub-hero{grid-template-columns:minmax(0,1fr) 350px;padding:34px}.operator-signal-stage{min-height:310px}.operator-floating-logo{width:76px;height:62px}
  .operator-hub-tools{grid-template-columns:repeat(2,1fr)}.operator-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .operator-profile-hero{grid-template-columns:140px minmax(0,1fr);gap:22px}.operator-profile-logo{width:140px;height:125px}.operator-profile-metrics{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.operator-profile-metrics>span{min-height:68px}
  .operator-feature-layout{grid-template-columns:1fr}.operator-feature-side{grid-template-columns:repeat(2,1fr)}.operator-ecosystem-grid{grid-template-columns:1fr}.operator-device-scroller{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-entity-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .page-prov .site-content{padding-bottom:68px;background:#f4f7fb}.operator-hub-shell,.operator-profile-page{width:100%;padding:8px 10px 26px}.operator-breadcrumbs{min-height:32px;margin-bottom:8px;font-size:9px}.page-prov .ad-operator-hub-top,.page-prov .ad-operator-hub-bottom,.page-prov .ad-operator-profile-top,.page-prov .ad-operator-profile-bottom{min-height:78px;margin-bottom:11px;border-radius:13px}
  .operator-hub-hero{display:block;min-height:0;padding:25px 18px 165px;border-radius:20px}.operator-hub-copy>span{font-size:8px}.operator-hub-copy h1{font-size:25px}.operator-hub-copy>p{font-size:11px;line-height:1.8}.operator-hub-search{height:44px;margin-top:16px}.operator-hub-search input{height:44px;font-size:11px}.operator-hub-search button{flex-basis:47px}.operator-hub-stats{gap:5px;margin-top:11px}.operator-hub-stats span{min-height:29px;padding:0 8px;font-size:8px}.operator-hub-stats b{font-size:11px}.operator-signal-stage{position:absolute;right:0;bottom:0;left:0;min-height:160px;overflow:hidden}.operator-signal-rings{width:200px;height:200px;bottom:-65px}.operator-signal-core{width:62px;height:62px;border-radius:20px}.operator-signal-core .m-icon{width:29px;height:29px}.operator-floating-logo{width:63px;height:49px;padding:8px;border-radius:13px}.operator-floating-logo-1{top:17%;right:12%}.operator-floating-logo-2{top:11%;left:9%}.operator-floating-logo-3{right:30%;bottom:7%}.operator-floating-logo-4{display:none}.operator-floating-logo-5{display:none}
  .operator-hub-tools{display:flex;gap:8px;overflow-x:auto;margin:10px 0 15px;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.operator-hub-tools::-webkit-scrollbar{display:none}.operator-hub-tools>a{flex:0 0 78%;min-height:73px;grid-template-columns:39px 1fr;scroll-snap-align:start;border-radius:14px}.operator-hub-tools>a>.m-icon{width:37px;height:37px}.operator-hub-tools b{font-size:12px}.operator-hub-tools small{font-size:9px}
  .operator-featured-section,.operator-directory-section,.operator-news-section,.operator-profile-feature,.operator-ecosystem-section,.operator-devices-section,.operator-archive-section{margin-top:11px;padding:13px 10px;border-radius:17px}.operator-section-heading{align-items:center;margin-bottom:11px}.operator-section-heading>div>span{font-size:8px}.operator-section-heading h2{font-size:18px}.operator-section-heading p{font-size:9px}.operator-section-heading>a{font-size:9px}
  .operator-featured-grid{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 7px;scroll-snap-type:x mandatory;scrollbar-width:none}.operator-featured-grid::-webkit-scrollbar{display:none}.operator-featured-card{flex:0 0 84%;min-height:275px;scroll-snap-align:start;border-radius:17px}.operator-featured-card:hover{transform:none}
  .operator-directory-heading{display:block}.operator-country-filters{max-width:none;margin-top:9px}.operator-country-filters button{min-height:31px;font-size:9px}.operator-directory-grid{grid-template-columns:1fr;gap:8px}.operator-directory-card{min-height:78px;grid-template-columns:50px minmax(0,1fr) 27px;padding:9px;border-radius:13px}.operator-directory-logo{width:50px;height:50px}.operator-directory-copy b{font-size:12px}
  .operator-news-grid{grid-template-columns:1fr;gap:9px}.operator-news-card{display:grid;grid-template-columns:118px minmax(0,1fr);border-radius:14px}.operator-news-media{height:100%;min-height:125px}.operator-news-copy{padding:10px}.operator-news-meta span:last-child{display:none}.operator-news-copy h3{min-height:0;margin:6px 0;font-size:12px}.operator-news-copy>p{display:none}.operator-news-link{margin-top:5px;font-size:8px}.operator-news-card.is-featured{display:block;min-height:0;border-radius:16px}.operator-news-card.is-featured .operator-news-media{min-height:220px;height:220px}.operator-news-card.is-featured .operator-news-copy{padding:17px}.operator-news-card.is-featured h3{font-size:19px}.operator-news-card.is-featured .operator-news-copy>p{display:-webkit-box;font-size:10px;-webkit-line-clamp:3}.operator-infinite-loader{min-height:77px;border-radius:13px}
  .operator-profile-hero{display:grid;grid-template-columns:82px minmax(0,1fr);gap:13px;min-height:0;padding:18px 15px;border-radius:20px}.operator-profile-logo{width:82px;height:82px;padding:12px;border-radius:17px}.operator-profile-swatches{gap:4px;margin-top:7px}.operator-profile-swatches i{width:20px;height:5px}.operator-profile-eyebrow{font-size:7px}.operator-profile-copy h1{margin-bottom:4px;font-size:24px}.operator-profile-country{font-size:9px}.operator-profile-copy>p{display:-webkit-box;overflow:hidden;margin-top:7px;font-size:9px;line-height:1.75;-webkit-line-clamp:2;-webkit-box-orient:vertical}.operator-profile-actions{grid-column:1/-1;gap:5px;margin-top:10px}.operator-profile-actions a{flex:1;min-width:42%;min-height:35px;padding:0 7px;justify-content:center;font-size:8px}.operator-profile-actions a:nth-child(2){display:none}.operator-profile-metrics{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:6px}.operator-profile-metrics>span{min-height:55px;padding:7px;grid-template-columns:21px 1fr;column-gap:5px;border-radius:11px}.operator-profile-metrics .m-icon{width:19px;height:19px}.operator-profile-metrics b{font-size:14px}.operator-profile-metrics small{font-size:7px}
  .operator-profile-nav{top:0;margin-top:8px;padding:5px;border-radius:13px}.operator-profile-nav a{min-height:41px;flex-direction:column;gap:1px;font-size:8px}.operator-profile-nav .m-icon{width:17px;height:17px}
  .operator-feature-side{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.operator-feature-side::-webkit-scrollbar{display:none}.operator-feature-side article{flex:0 0 82%;grid-template-columns:92px 1fr;scroll-snap-align:start}.operator-side-image{height:76px}
  .operator-ecosystem-grid{display:block}.operator-ecosystem-intro{padding:19px;border-radius:16px}.operator-ecosystem-intro h3{font-size:17px}.operator-ecosystem-intro p{font-size:9px}.operator-ecosystem-entities{margin-top:9px;padding:10px;border-radius:14px}.operator-entity-group>div{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.operator-entity-group>div::-webkit-scrollbar{display:none}.operator-entity-group a{flex:0 0 72%;scroll-snap-align:start}
  .operator-device-scroller{display:flex;gap:9px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory;scrollbar-width:none}.operator-device-scroller::-webkit-scrollbar{display:none}.operator-device-card{flex:0 0 82%;grid-template-columns:94px 1fr;scroll-snap-align:start}.operator-device-image{height:112px}.operator-device-image img{max-height:100px}
  .operator-profile-cta{display:block;margin-top:11px;padding:20px;text-align:center;border-radius:17px}.operator-profile-cta h2{font-size:18px}.operator-profile-cta p{font-size:9px}.operator-profile-cta>div:last-child{justify-content:center;margin-top:12px}.operator-profile-cta a{min-height:36px;font-size:8px}
}
@media(max-width:390px){.operator-hub-hero{padding-inline:15px}.operator-featured-card{flex-basis:90%}.operator-profile-actions a{font-size:7.5px}.operator-news-card{grid-template-columns:106px 1fr}.operator-device-card{flex-basis:88%}}


/* ============================================================
   Telecom operators refinement v2
   - accurate Mobily blue identity
   - deterministic featured selection
   - compact sections and meaningful media fallbacks
   ============================================================ */
.operator-hub-hero{min-height:390px;padding:36px 42px}
.operator-featured-section,.operator-directory-section,.operator-news-section,.operator-profile-feature,.operator-ecosystem-section,.operator-devices-section,.operator-archive-section{margin-top:16px;padding:18px}
.operator-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.operator-featured-card{min-height:258px;padding:16px}
.operator-featured-selection{position:absolute;z-index:2;top:13px;left:13px;padding:4px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:8px;font-weight:800;backdrop-filter:blur(8px)}
.lang-en .operator-featured-selection{left:auto;right:13px}
.operator-featured-logo{width:68px;height:55px}
.operator-featured-card h3{margin-top:11px;font-size:18px}
.operator-featured-card>p{height:38px}
.operator-featured-story{min-height:48px;margin-top:9px}
.operator-featured-bottom{bottom:13px}

.operator-news-media.has-fallback{display:flex;align-items:center;justify-content:center;padding:18px;background:linear-gradient(135deg,var(--op-dark),var(--op-primary))}
.operator-news-fallback{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;height:100%;padding:16px!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;text-align:center}
.operator-news-fallback i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.12);color:var(--op-secondary)}
.operator-news-fallback i .m-icon{width:27px;height:27px}
.operator-news-fallback b{display:-webkit-box;overflow:hidden;color:#fff;font-size:13px;line-height:1.65;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.operator-news-fallback small{color:rgba(255,255,255,.72);font-size:9px}
.operator-news-media.has-fallback>span:last-child{top:10px;right:10px;background:rgba(255,255,255,.16)}
.lang-en .operator-news-media.has-fallback>span:last-child{right:auto;left:10px}

.operator-profile-hero{grid-template-columns:150px minmax(0,1fr) 225px;gap:24px;min-height:300px;padding:30px 34px}
.operator-profile-logo{width:150px;height:128px;padding:22px}
.operator-profile-copy h1{font-size:clamp(31px,3vw,47px)}
.operator-profile-copy>p{margin-top:9px;line-height:1.8}
.operator-profile-actions{margin-top:14px}
.operator-profile-metrics{gap:8px}
.operator-profile-metrics>span{min-height:64px;padding:9px 11px;border-radius:13px}
.operator-profile-metrics b{font-size:18px}
.operator-profile-nav{display:flex;grid-template-columns:none}
.operator-profile-nav a{flex:1}
.operator-feature-layout{grid-template-columns:minmax(0,1.55fr) minmax(270px,.45fr);gap:12px}
.operator-news-card.is-featured{min-height:350px;grid-template-columns:minmax(270px,.9fr) minmax(0,1.1fr)}
.operator-news-card.is-featured .operator-news-media{min-height:350px}
.operator-news-card.is-featured .operator-news-copy{padding:25px}
.operator-news-card.is-featured h3{font-size:24px}
.operator-feature-side{gap:8px}
.operator-feature-side article{grid-template-columns:92px minmax(0,1fr);padding:8px}
.operator-side-image{height:72px}
.operator-side-image.has-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--op-dark),var(--op-primary));color:var(--op-secondary)}
.operator-side-image.has-fallback span{display:grid;place-items:center}
.operator-side-image.has-fallback .m-icon{width:27px;height:27px}
.operator-archive-section .operator-news-media{height:155px}
.operator-archive-section .operator-news-copy h3{min-height:45px}
.operator-archive-section .operator-news-copy>p{height:37px}
.operator-profile-cta{margin-top:16px}
.page-prov .ad-operator-hub-bottom,.page-prov .ad-operator-profile-bottom{margin-top:16px}

@media(max-width:1320px){
  .operator-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .operator-profile-hero{grid-template-columns:135px minmax(0,1fr) 205px}.operator-profile-logo{width:135px;height:116px}
}
@media(max-width:1050px){
  .operator-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .operator-profile-hero{grid-template-columns:125px minmax(0,1fr)}.operator-profile-logo{width:125px;height:108px}
}
@media(max-width:767px){
  .operator-hub-hero{padding:23px 16px 150px}
  .operator-featured-section,.operator-directory-section,.operator-news-section,.operator-profile-feature,.operator-ecosystem-section,.operator-devices-section,.operator-archive-section{margin-top:10px;padding:12px 9px}
  .operator-featured-grid{display:flex}.operator-featured-card{min-height:248px}
  .operator-profile-hero{grid-template-columns:74px minmax(0,1fr);padding:16px 13px}.operator-profile-logo{width:74px;height:74px;padding:11px}
  .operator-profile-nav{overflow-x:auto}.operator-profile-nav a{min-width:82px}
  .operator-news-card.is-featured .operator-news-media{min-height:200px;height:200px}
  .operator-archive-section .operator-news-media{height:100%;min-height:112px}
  .operator-news-fallback{padding:8px!important}.operator-news-fallback i{width:38px;height:38px}.operator-news-fallback b{font-size:10px}.operator-news-fallback small{font-size:7px}
}

/* ============================================================
   Telecom featured cards refinement v3
   - Mobily palette is resolved in PHP by name + operator id
   - logo and company name are direct links
   - clear CTA with stable line heights and no overlap
   ============================================================ */
.operator-featured-card{
  display:flex;
  flex-direction:column;
  min-height:286px;
  padding:17px;
}
.operator-featured-top{
  margin-top:10px;
}
.operator-featured-logo{
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease;
}
.operator-featured-logo:hover,
.operator-featured-logo:focus-visible{
  transform:translateY(-2px) scale(1.025);
  box-shadow:0 14px 28px rgba(0,0,0,.22);
  outline:2px solid rgba(255,255,255,.55);
  outline-offset:2px;
}
.operator-featured-card h3{
  margin:12px 0 6px;
  font-size:19px;
  line-height:1.45;
}
.operator-featured-card h3 a{
  display:inline-block;
  color:#fff;
  line-height:inherit;
  text-decoration:none;
}
.operator-featured-card h3 a:hover,
.operator-featured-card h3 a:focus-visible{
  color:var(--op-secondary);
  text-decoration:underline;
  text-underline-offset:4px;
}
.operator-featured-card>p{
  height:auto;
  min-height:42px;
  margin:0;
  font-size:10px;
  line-height:1.85;
}
.operator-featured-story{
  min-height:52px;
  margin-top:10px;
  padding:9px 10px;
}
.operator-featured-story small{
  line-height:1.45;
}
.operator-featured-story b{
  line-height:1.65;
}
.operator-featured-bottom{
  position:static;
  right:auto;
  bottom:auto;
  left:auto;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.13);
  align-items:center;
}
.operator-featured-bottom>span{
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  line-height:1.45;
  white-space:nowrap;
}
.operator-featured-bottom>span b{
  margin:0;
  line-height:1;
}
.operator-featured-bottom>a.operator-featured-enter{
  min-height:38px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:10px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:9px;
  line-height:1.35;
  white-space:nowrap;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.operator-featured-bottom>a.operator-featured-enter:hover,
.operator-featured-bottom>a.operator-featured-enter:focus-visible{
  transform:translateY(-1px);
  background:#fff;
  color:var(--op-dark);
  outline:0;
}
.operator-featured-bottom>a.operator-featured-enter .m-icon{
  width:14px;
  height:14px;
}

@media(max-width:767px){
  .operator-featured-card{
    min-height:270px;
    padding:15px;
  }
  .operator-featured-top{margin-top:9px}
  .operator-featured-card h3{font-size:17px;line-height:1.5}
  .operator-featured-card>p{min-height:39px;font-size:9px;line-height:1.8}
  .operator-featured-story{min-height:49px;padding:8px 9px}
  .operator-featured-bottom{gap:7px;padding-top:10px}
  .operator-featured-bottom>a.operator-featured-enter{
    min-height:36px;
    padding:0 10px;
    font-size:8px;
  }
}

/* ============================================================
   Mobilk 2026 — Premium phone comparison experience
   Scope: mobilecompare.php / mobilecompare.html
   ============================================================ */
.page-comp .site-content{background:#f3f6fb}
.compare-page-shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:18px 0 46px;color:#132b4c}
.compare-breadcrumbs{display:flex;align-items:center;gap:8px;min-height:40px;margin-bottom:13px;padding:0 4px;color:#738299;font-size:12px;white-space:nowrap;overflow:hidden}
.compare-breadcrumbs a{color:#6b7b91}.compare-breadcrumbs a:hover{color:#e50a8e}.compare-breadcrumbs span{display:flex;color:#aab5c4}.compare-breadcrumbs .m-icon{width:14px;height:14px}.compare-breadcrumbs strong{overflow:hidden;text-overflow:ellipsis;color:#132b4c}
.page-comp .ad-compare-top,.page-comp .ad-compare-bottom{min-height:102px;margin:0 0 18px;border-radius:18px;border:1px solid #dfe6ef;background:#fff;box-shadow:0 8px 22px rgba(19,43,76,.04)}
.page-comp .ad-compare-bottom{margin:20px 0 0}
.compare-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:24px;min-height:310px;margin-bottom:18px;padding:38px 42px;overflow:hidden;border-radius:26px;background:linear-gradient(125deg,#0d2342 0%,#16385f 58%,#11294b 100%);box-shadow:0 18px 48px rgba(19,43,76,.18);color:#fff}
.compare-hero:before{content:"";position:absolute;z-index:-1;right:-130px;bottom:-230px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 38% 36%,rgba(229,10,142,.95),rgba(229,10,142,.20) 50%,transparent 71%)}
.compare-hero:after{content:"";position:absolute;z-index:-1;left:36%;top:-190px;width:390px;height:390px;border-radius:50%;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 0 54px rgba(255,255,255,.022),0 0 0 108px rgba(255,255,255,.014)}
.compare-eyebrow{display:block;margin-bottom:7px;color:#ff65bd;font-size:11px;font-weight:800;letter-spacing:.09em}
.compare-hero h1{max-width:760px;margin:0 0 10px;color:#fff;font-size:clamp(30px,3vw,46px);line-height:1.4}
.compare-hero p{max-width:740px;margin:0;color:#d6e1ef;font-size:15px;line-height:1.95}
.compare-hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.compare-hero-points span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.06);color:#e8eef7;font-size:11px;font-weight:700}.compare-hero-points .m-icon{width:15px;height:15px;color:#ff5fbc}
.compare-hero-visual{position:relative;height:245px;display:flex;align-items:center;justify-content:center;gap:32px}
.compare-phone-silhouette{position:relative;width:112px;height:214px;border:2px solid rgba(255,255,255,.82);border-radius:23px;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(230,238,248,.88));box-shadow:0 20px 35px rgba(2,15,35,.28);transform:rotate(-7deg)}
.compare-phone-b{transform:rotate(7deg);background:linear-gradient(150deg,#fff,#f6d9eb)}
.compare-phone-silhouette:before{content:"";position:absolute;top:9px;left:50%;width:38px;height:5px;border-radius:6px;background:#132b4c;transform:translateX(-50%)}
.compare-phone-silhouette i{position:absolute;inset:22px 7px 8px;border-radius:15px;background:linear-gradient(145deg,#132b4c 0%,#275582 57%,#e50a8e 140%)}
.compare-phone-b i{background:linear-gradient(145deg,#421558,#93226f 65%,#ff74c4)}
.compare-phone-silhouette b{position:absolute;z-index:2;left:15px;top:36px;width:23px;height:23px;border-radius:50%;border:4px solid rgba(255,255,255,.92);background:#132b4c;box-shadow:0 30px 0 -4px #132b4c}
.compare-vs-orb{position:relative;z-index:3;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:#e50a8e;color:#fff;font-family:Inter,Cairo,sans-serif;font-size:22px;font-weight:900;box-shadow:0 0 0 9px rgba(229,10,142,.16),0 16px 28px rgba(2,17,38,.23)}
.compare-builder,.compare-quick-start,.compare-result-shell{margin-bottom:18px;padding:22px;border:1px solid #dfe6ef;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(19,43,76,.05)}
.compare-builder-heading,.compare-result-heading,.compare-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}.compare-builder-heading>div>span,.compare-result-heading>div>span,.compare-section-title>div>span{display:block;margin-bottom:3px;color:#e50a8e;font-size:10px;font-weight:800;letter-spacing:.09em}.compare-builder-heading h2,.compare-result-heading h2,.compare-section-title h2{margin:0;color:#132b4c;font-size:23px;line-height:1.45}.compare-builder-heading p{margin:4px 0 0;color:#7c899b;font-size:12px}
.compare-reset-button{display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:0 13px;border:1px solid #e0e6ee;border-radius:10px;background:#fff;color:#53657d;font-size:11px;font-weight:800}.compare-reset-button:hover{border-color:#e50a8e;color:#e50a8e}.compare-reset-button .m-icon{width:16px;height:16px}
.compare-selector-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:78px}
.compare-device-selector{position:relative;min-width:0;padding:16px;border:1px solid #dfe6ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f9fbfd);transition:.2s ease}.compare-device-selector:focus-within{border-color:#e50a8e;box-shadow:0 0 0 4px rgba(229,10,142,.07)}
.compare-device-selector.has-device{border-color:#efb4d6;background:linear-gradient(180deg,#fff,#fff8fc)}
.compare-slot-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.compare-slot-label b{font-size:12px}.compare-slot-label span{color:#94a0b0;font-size:9px}
.compare-selected-preview{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);gap:13px;align-items:center;min-height:105px;margin-bottom:11px;padding:10px;border:1px solid #e8edf3;border-radius:13px;background:#fff}
.compare-selected-image{height:84px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(145deg,#fff,#f1f4f8)}.compare-selected-image img{max-width:86%;max-height:76px;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(19,43,76,.12))}.compare-selected-image .m-icon{width:32px;height:32px;color:#b1bdcb}
.compare-selected-copy{min-width:0}.compare-selected-copy small{display:block;color:#e50a8e;font-size:9px;font-weight:800}.compare-selected-copy strong{display:block;overflow:hidden;margin:2px 0 5px;color:#132b4c;font-family:Inter,Cairo,sans-serif;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.compare-selected-copy a{display:inline-flex;align-items:center;gap:4px;color:#718096;font-size:9px;font-weight:700}.compare-selected-copy a:hover{color:#e50a8e}.compare-selected-copy .m-icon{width:12px;height:12px}
.compare-remove-device{position:absolute;top:8px;left:8px;width:28px;height:28px;border:1px solid #e4e9f0;border-radius:50%;background:#fff;color:#8996a7;font-size:19px;line-height:1}.compare-remove-device:hover{border-color:#e50a8e;color:#e50a8e}
.lang-en .compare-remove-device{left:auto;right:8px}
.compare-search-field{position:relative;display:flex;align-items:center;overflow:hidden;border:1px solid #dce4ed;border-radius:11px;background:#fff}.compare-search-field>.m-icon{position:absolute;right:13px;width:18px;height:18px;color:#e50a8e}.lang-en .compare-search-field>.m-icon{right:auto;left:13px}.compare-search-field input{width:100%;height:45px;margin:0!important;padding:0 41px 0 13px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px}.lang-en .compare-search-field input{padding:0 13px 0 41px!important}
.compare-search-spinner{position:absolute;left:13px;width:17px;height:17px;border:2px solid #e3e7ed;border-top-color:#e50a8e;border-radius:50%;animation:compare-spin .7s linear infinite}.lang-en .compare-search-spinner{left:auto;right:13px}@keyframes compare-spin{to{transform:rotate(360deg)}}
.compare-search-results{position:absolute;z-index:50;right:16px;left:16px;top:calc(100% - 7px);max-height:340px;overflow:auto;padding:6px;border:1px solid #dbe3ed;border-radius:13px;background:#fff;box-shadow:0 18px 40px rgba(19,43,76,.18)}.compare-search-results[hidden]{display:none}.compare-search-results button{width:100%;display:grid;grid-template-columns:50px minmax(0,1fr) 28px;align-items:center;gap:10px;min-height:62px;padding:6px 8px;border:0;border-bottom:1px solid #edf0f4;background:#fff;text-align:start}.compare-search-results button:last-child{border-bottom:0}.compare-search-results button:hover{border-radius:9px;background:#fff3fa}.compare-search-results button>span{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f5f7fa}.compare-search-results img{max-width:88%;max-height:44px;object-fit:contain}.compare-search-results small{display:block;color:#e50a8e;font-size:8px}.compare-search-results strong{display:block;color:#132b4c;font-family:Inter,Cairo,sans-serif;font-size:11px}.compare-search-results button>i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#fff0f8;color:#e50a8e;font-style:normal;font-size:16px}.compare-search-empty{padding:24px 12px;text-align:center;color:#7f8da0;font-size:11px}
.compare-vs-badge{position:absolute;z-index:5;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:7px;transform:translate(-50%,-50%)}.compare-vs-badge>span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#132b4c;color:#fff;font-family:Inter,Cairo,sans-serif;font-size:17px;font-weight:900;box-shadow:0 0 0 7px #fff,0 12px 22px rgba(19,43,76,.18)}.compare-vs-badge button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dfe6ef;border-radius:50%;background:#fff;color:#e50a8e;box-shadow:0 7px 16px rgba(19,43,76,.08)}.compare-vs-badge button:hover{background:#e50a8e;color:#fff}.compare-vs-badge .m-icon{width:16px;height:16px}
.compare-builder-actions{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:17px}.compare-submit-button{min-width:230px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:linear-gradient(100deg,#e50a8e,#c50776);color:#fff;font-size:13px;font-weight:800;box-shadow:0 10px 22px rgba(229,10,142,.22)}.compare-submit-button:hover{transform:translateY(-1px)}.compare-submit-button:disabled{cursor:not-allowed;background:#c9d0da;box-shadow:none}.compare-submit-button .m-icon{width:18px;height:18px}.compare-builder-actions small{color:#8a97a9;font-size:10px}
.compare-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.compare-suggestion-card{display:block;padding:14px;border:1px solid #e0e7ef;border-radius:16px;background:#fbfcfe;transition:.2s ease}.compare-suggestion-card:hover{transform:translateY(-3px);border-color:#efacd3;box-shadow:0 12px 24px rgba(19,43,76,.08)}.compare-suggestion-images{height:110px;display:flex;align-items:center;justify-content:center;gap:12px}.compare-suggestion-images img{max-width:80px;max-height:98px;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(19,43,76,.11))}.compare-suggestion-images b{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#132b4c;color:#fff;font-size:10px}.compare-suggestion-card>div:nth-child(2){display:flex;align-items:center;justify-content:center;gap:7px;margin-top:7px}.compare-suggestion-card strong{color:#132b4c;font-family:Inter,Cairo,sans-serif;font-size:11px}.compare-suggestion-card span{color:#e50a8e;font-size:9px}.compare-suggestion-card>small{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:9px;padding-top:8px;border-top:1px solid #e6ebf1;color:#e50a8e;font-size:9px;font-weight:800}.compare-suggestion-card>small .m-icon{width:12px;height:12px}
.compare-view-controls{display:flex;gap:5px;padding:4px;border-radius:11px;background:#f2f5f8}.compare-view-controls button{min-height:34px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#6e7e93;font-size:10px;font-weight:800}.compare-view-controls button.is-active{background:#fff;color:#e50a8e;box-shadow:0 4px 11px rgba(19,43,76,.08)}
.compare-device-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.compare-device-summary{position:relative;overflow:hidden;display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;padding:18px;border:1px solid #e0e6ee;border-radius:19px;background:#fff}.compare-device-summary:after{content:"";position:absolute;right:-85px;bottom:-140px;width:245px;height:245px;border-radius:50%;background:rgba(229,10,142,.055)}.compare-device-summary-2:after{right:auto;left:-85px;background:rgba(19,43,76,.055)}.compare-device-summary-visual{position:relative;z-index:1;min-height:250px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(145deg,#fff,#f3f6f9)}.compare-device-summary-visual img{max-width:87%;max-height:225px;object-fit:contain;filter:drop-shadow(0 14px 15px rgba(19,43,76,.14))}.compare-device-summary-copy{position:relative;z-index:1;min-width:0}.compare-device-summary-copy>span{color:#e50a8e;font-size:9px;font-weight:800;letter-spacing:.05em}.compare-device-summary-copy h3{margin:3px 0 9px;color:#132b4c;font-family:Inter,Cairo,sans-serif;font-size:22px;line-height:1.4}.compare-completeness{margin-bottom:11px}.compare-completeness>div{height:6px;overflow:hidden;border-radius:8px;background:#e9edf2}.compare-completeness i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#e50a8e,#ff72c3)}.compare-completeness small{display:flex;align-items:center;justify-content:space-between;margin-top:4px;color:#8592a4;font-size:8px}.compare-completeness b{color:#132b4c}.compare-summary-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.compare-summary-specs>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;min-height:54px;padding:7px;border:1px solid #e8ecf2;border-radius:10px;background:#fbfcfe}.compare-summary-specs .m-icon{width:21px;height:21px;color:#e50a8e}.compare-summary-specs small,.compare-summary-specs b{display:block}.compare-summary-specs small{color:#8c98a9;font-size:7px}.compare-summary-specs b{overflow:hidden;color:#324761;font-size:8px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.compare-device-summary-copy>a{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:#e50a8e;font-size:10px;font-weight:800}.compare-device-summary-copy>a .m-icon{width:13px;height:13px}
.compare-insight-strip{display:grid;grid-template-columns:repeat(3,150px) minmax(260px,1fr);gap:10px;margin-top:14px;padding:12px;border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc}.compare-insight-strip>div{min-height:61px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:#fff}.compare-insight-strip b{color:#e50a8e;font-size:20px}.compare-insight-strip span{color:#76859a;font-size:8px}.compare-insight-strip .compare-insight-note{flex-direction:row;align-items:center;gap:10px;padding:0 13px;background:#132b4c;color:#fff}.compare-insight-note .m-icon{width:24px;height:24px;color:#ff68bd}.compare-insight-note p{margin:0;color:#d9e3ef;font-size:9px;line-height:1.7}
.compare-specification-sections{display:grid;gap:12px;margin-top:16px}.compare-spec-section{overflow:hidden;border:1px solid #dfe6ef;border-radius:17px;background:#fff}.compare-spec-section-head{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:10px;min-height:67px;padding:10px 14px;border:0;background:linear-gradient(100deg,#132b4c,#1d426c);color:#fff;text-align:start}.compare-spec-section-head>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.07)}.compare-spec-section-head>span .m-icon{width:23px;height:23px;color:#ff66bd}.compare-spec-section-head small{display:block;color:#90a6bf;font-size:7px;font-weight:800;letter-spacing:.06em}.compare-spec-section-head h3{margin:1px 0 0;color:#fff;font-size:15px}.compare-spec-section-head>i{display:flex;justify-content:center}.compare-spec-section-head>i .m-icon{width:17px;height:17px;transform:rotate(90deg);transition:.2s}.compare-spec-section.is-collapsed .compare-spec-section-head>i .m-icon{transform:rotate(-90deg)}.compare-spec-section.is-collapsed .compare-spec-section-body{display:none}
.compare-spec-row{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:stretch;border-bottom:1px solid #edf0f4}.compare-spec-row:last-child{border-bottom:0}.compare-spec-row.is-different{background:linear-gradient(90deg,rgba(229,10,142,.035),#fff 50%,rgba(229,10,142,.035))}.compare-spec-value{min-height:58px;display:flex;align-items:center;justify-content:center;padding:10px 13px;color:#344860;font-size:10px;line-height:1.75;text-align:center}.compare-spec-value-1{border-inline-end:1px solid #edf0f4}.compare-spec-value-2{border-inline-start:1px solid #edf0f4}.compare-spec-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px;background:#f7f9fc;color:#132b4c;text-align:center}.compare-spec-label span{font-size:9px;font-weight:800}.compare-spec-label b{padding:2px 6px;border-radius:999px;background:#fff0f8;color:#e50a8e;font-size:6px}.compare-spec-value.is-boolean{gap:6px}.compare-spec-value.is-boolean i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:15px;font-weight:900}.compare-spec-value.is-boolean.yes i{background:#e6f8f1;color:#0c9b69}.compare-spec-value.is-boolean.no i{background:#fff0f3;color:#d93a54}.compare-spec-value.is-boolean.empty i{background:#f1f3f6;color:#8d98a8}.compare-result-shell.show-differences-only .compare-spec-row.is-same{display:none}
.compare-seo-copy{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:17px;margin-top:16px;padding:22px;border:1px solid #dfe6ef;border-radius:17px;background:#fff}.compare-seo-copy>div{width:72px;height:72px;display:grid;place-items:center;border-radius:18px;background:#fff0f8;color:#e50a8e}.compare-seo-copy>div .m-icon{width:34px;height:34px}.compare-seo-copy article>span{color:#e50a8e;font-size:8px;font-weight:800;letter-spacing:.07em}.compare-seo-copy h2{margin:2px 0 5px;color:#132b4c;font-size:18px}.compare-seo-copy p{margin:0;color:#6f7d91;font-size:11px;line-height:1.9}

@media(max-width:1180px){
  .compare-hero{grid-template-columns:minmax(0,1fr) 330px;padding:32px}.compare-hero h1{font-size:34px}.compare-selector-grid{gap:68px}.compare-device-summary{grid-template-columns:165px minmax(0,1fr)}.compare-device-summary-visual{min-height:225px}.compare-insight-strip{grid-template-columns:repeat(3,125px) minmax(240px,1fr)}
}
@media(max-width:900px){
  .compare-hero{grid-template-columns:1fr;min-height:0;padding:28px}.compare-hero-visual{display:none}.compare-selector-grid{gap:55px}.compare-device-summary{grid-template-columns:125px minmax(0,1fr);gap:12px}.compare-device-summary-visual{min-height:195px}.compare-device-summary-copy h3{font-size:18px}.compare-summary-specs{grid-template-columns:1fr}.compare-insight-strip{grid-template-columns:repeat(3,1fr)}.compare-insight-note{grid-column:1/-1}.compare-suggestion-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  .page-comp .site-content{padding-bottom:68px;background:#f4f7fb}.compare-page-shell{width:100%;padding:8px 10px 26px}.compare-breadcrumbs{min-height:32px;margin-bottom:8px;font-size:9px}.page-comp .ad-compare-top,.page-comp .ad-compare-bottom{min-height:78px;margin-bottom:11px;border-radius:13px}.compare-hero{margin-bottom:11px;padding:21px 17px;border-radius:18px}.compare-hero h1{font-size:24px;line-height:1.45}.compare-hero p{font-size:11px;line-height:1.8}.compare-eyebrow{font-size:8px}.compare-hero-points{gap:5px;margin-top:12px}.compare-hero-points span{min-height:28px;padding:0 8px;font-size:8px}.compare-hero-points .m-icon{width:12px;height:12px}
  .compare-builder,.compare-quick-start,.compare-result-shell{margin-bottom:11px;padding:12px 10px;border-radius:16px}.compare-builder-heading,.compare-result-heading,.compare-section-title{align-items:center;margin-bottom:11px}.compare-builder-heading h2,.compare-result-heading h2,.compare-section-title h2{font-size:17px}.compare-builder-heading p{font-size:9px}.compare-builder-heading>div>span,.compare-result-heading>div>span,.compare-section-title>div>span{font-size:7px}.compare-reset-button{min-height:34px;padding:0 9px;font-size:8px}.compare-selector-grid{grid-template-columns:1fr;gap:52px}.compare-device-selector{padding:10px;border-radius:14px}.compare-selected-preview{grid-template-columns:72px minmax(0,1fr);min-height:86px;padding:7px}.compare-selected-image{height:70px}.compare-selected-image img{max-height:63px}.compare-selected-copy strong{font-size:13px}.compare-search-field input{height:42px;font-size:11px}.compare-vs-badge{top:50%;}.compare-vs-badge>span{width:44px;height:44px;font-size:12px;box-shadow:0 0 0 6px #fff,0 8px 16px rgba(19,43,76,.15)}.compare-vs-badge button{width:29px;height:29px}.compare-search-results{right:10px;left:10px}.compare-builder-actions{display:block;margin-top:12px;text-align:center}.compare-submit-button{width:100%;min-width:0;min-height:44px}.compare-builder-actions small{display:block;margin-top:6px;font-size:8px}
  .compare-suggestion-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory}.compare-suggestion-card{flex:0 0 82%;scroll-snap-align:start}.compare-suggestion-images{height:90px}.compare-suggestion-images img{max-height:80px}
  .compare-result-heading{display:block}.compare-view-controls{margin-top:9px}.compare-view-controls button{flex:1}.compare-device-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.compare-device-summary{display:block;padding:9px;border-radius:13px}.compare-device-summary:after{display:none}.compare-device-summary-visual{min-height:145px}.compare-device-summary-visual img{max-height:132px}.compare-device-summary-copy>span{font-size:7px}.compare-device-summary-copy h3{min-height:39px;margin:3px 0 6px;font-size:12px}.compare-completeness small{font-size:6px}.compare-summary-specs{display:block}.compare-summary-specs>div{min-height:39px;margin-bottom:4px;padding:4px;grid-template-columns:20px minmax(0,1fr)}.compare-summary-specs>div:nth-child(n+3){display:none}.compare-summary-specs .m-icon{width:16px;height:16px}.compare-summary-specs small{font-size:6px}.compare-summary-specs b{font-size:7px}.compare-device-summary-copy>a{font-size:8px}.compare-insight-strip{grid-template-columns:repeat(3,1fr);gap:5px;padding:7px}.compare-insight-strip>div{min-height:51px}.compare-insight-strip b{font-size:15px}.compare-insight-strip span{font-size:6px;text-align:center}.compare-insight-note{grid-column:1/-1!important;min-height:54px!important}.compare-insight-note p{font-size:7px}
  .compare-specification-sections{gap:8px;margin-top:10px}.compare-spec-section{border-radius:13px}.compare-spec-section-head{grid-template-columns:35px minmax(0,1fr) 22px;min-height:57px;padding:7px 9px}.compare-spec-section-head>span{width:35px;height:35px;border-radius:9px}.compare-spec-section-head>span .m-icon{width:19px;height:19px}.compare-spec-section-head small{font-size:6px}.compare-spec-section-head h3{font-size:12px}.compare-spec-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.compare-spec-label{grid-column:1/-1;grid-row:1;min-height:31px;flex-direction:row;background:#f4f7fa}.compare-spec-label span{font-size:8px}.compare-spec-value{min-height:51px;padding:7px 6px;font-size:8px;line-height:1.65}.compare-spec-value-1,.compare-spec-value-2{border-top:1px solid #edf0f4}.compare-spec-value-1{border-inline-end:1px solid #edf0f4}.compare-spec-value-2{border-inline-start:0}.compare-spec-value.is-boolean i{width:22px;height:22px;font-size:13px}.compare-seo-copy{grid-template-columns:49px minmax(0,1fr);gap:10px;margin-top:10px;padding:14px}.compare-seo-copy>div{width:49px;height:49px;border-radius:13px}.compare-seo-copy>div .m-icon{width:24px;height:24px}.compare-seo-copy h2{font-size:13px}.compare-seo-copy p{font-size:8px;line-height:1.75}
}
@media(max-width:380px){.compare-device-summary-visual{min-height:132px}.compare-device-summary-visual img{max-height:118px}.compare-device-summary-copy h3{font-size:11px}.compare-spec-value{font-size:7.5px}.compare-suggestion-card{flex-basis:88%}}
.compare-preview-ready{display:inline-flex;margin-top:4px;padding:3px 7px;border-radius:999px;background:#edf8f4;color:#0b9867;font-size:8px;font-weight:800}

/* Mobilk header minimal correction — preserve the approved layout. */
.language-switch-text{
  min-width:auto;
  gap:2px;
  padding:2px;
}
.language-switch-text>a{
  min-width:auto;
  padding:3px 10px;
  border-radius:6px;
  line-height:1.45;
}
@media (min-width:901px){
  .lang-ar .brand img{
    transform:translateX(10px);
  }
}


/* Homepage V1 — keep the phone rating badge above the device image. */
.page-home .featured-device-image{
  isolation:isolate;
  overflow:visible;
}
.page-home .featured-device-image img{
  position:relative;
  z-index:1;
}
.page-home .featured-device-image .device-rating{
  z-index:8;
  pointer-events:none;
  box-shadow:0 5px 14px rgba(19,43,76,.20);
}


/* ============================================================
   Operator profile layout repair V1
   Root cause: .operator-profile-aurora remained a normal grid item.
   It must be a decorative layer, otherwise it shifts the logo/copy/metrics
   into extra grid rows and creates the huge empty hero.
   Scope: mobile-provider*.html only
   ============================================================ */
.page-prov .operator-profile-aurora{
  position:absolute!important;
  z-index:-1!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* Compact desktop hero after restoring the correct three real grid items. */
.page-prov .operator-profile-hero{
  grid-template-columns:132px minmax(0,1fr) 205px!important;
  gap:22px!important;
  min-height:260px!important;
  padding:24px 28px!important;
  align-items:center!important;
}
.page-prov .operator-profile-logo-wrap{
  min-width:0;
  align-self:center;
}
.page-prov .operator-profile-logo{
  width:132px!important;
  height:112px!important;
  padding:18px!important;
  border-radius:21px!important;
}
.page-prov .operator-profile-copy{
  min-width:0!important;
  width:100%!important;
}
.page-prov .operator-profile-copy h1{
  margin-bottom:5px!important;
  font-size:clamp(29px,2.7vw,43px)!important;
  line-height:1.3!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.page-prov .operator-profile-copy>p{
  max-width:760px!important;
  margin-top:8px!important;
  font-size:12px!important;
  line-height:1.8!important;
}
.page-prov .operator-profile-actions{
  margin-top:12px!important;
}
.page-prov .operator-profile-metrics{
  gap:7px!important;
  align-self:center!important;
}
.page-prov .operator-profile-metrics>span{
  min-height:58px!important;
  padding:8px 10px!important;
  grid-template-columns:25px minmax(0,1fr)!important;
  column-gap:7px!important;
  border-radius:12px!important;
}
.page-prov .operator-profile-metrics .m-icon{
  width:22px!important;
  height:22px!important;
}
.page-prov .operator-profile-metrics b{
  font-size:16px!important;
}
.page-prov .operator-profile-metrics small{
  font-size:8px!important;
}

/* Latest company news: stable layout and predictable card heights. */
.page-prov .operator-profile-feature .operator-feature-layout{
  align-items:stretch;
}
.page-prov .operator-profile-feature .operator-news-card.is-featured{
  min-width:0;
}
.page-prov .operator-feature-side article>div,
.page-prov .operator-news-copy{
  min-width:0!important;
}
.page-prov .operator-feature-side h3,
.page-prov .operator-news-copy h3{
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* Tablet width: two-column hero without an oversized metrics row. */
@media(max-width:1050px) and (min-width:768px){
  .page-prov .operator-profile-hero{
    grid-template-columns:112px minmax(0,1fr)!important;
    grid-template-areas:
      "logo copy"
      "metrics metrics"!important;
    gap:16px 20px!important;
    min-height:0!important;
    padding:22px!important;
  }
  .page-prov .operator-profile-logo-wrap{grid-area:logo!important}
  .page-prov .operator-profile-copy{grid-area:copy!important}
  .page-prov .operator-profile-metrics{
    grid-area:metrics!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .page-prov .operator-profile-logo{
    width:112px!important;
    height:98px!important;
  }
}

/* Phone layout: logo and title share one proper row; metrics remain compact.
   Latest news becomes app-like cards instead of broken squeezed columns. */
@media(max-width:767px){
  .page-prov .operator-profile-page{
    overflow:hidden;
  }
  .page-prov .operator-profile-hero{
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    grid-template-areas:
      "logo copy"
      "metrics metrics"!important;
    align-items:start!important;
    gap:10px 11px!important;
    min-height:0!important;
    margin-bottom:9px!important;
    padding:13px 12px 12px!important;
    border-radius:17px!important;
  }
  .page-prov .operator-profile-logo-wrap{
    grid-area:logo!important;
    align-self:start!important;
    width:68px!important;
    min-width:68px!important;
  }
  .page-prov .operator-profile-logo{
    width:68px!important;
    height:68px!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  .page-prov .operator-profile-swatches{
    gap:3px!important;
    margin-top:5px!important;
  }
  .page-prov .operator-profile-swatches i{
    width:17px!important;
    height:4px!important;
  }
  .page-prov .operator-profile-copy{
    grid-area:copy!important;
    min-width:0!important;
    width:100%!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
  }
  .page-prov .operator-profile-eyebrow{
    margin-bottom:2px!important;
    font-size:7px!important;
    line-height:1.5!important;
  }
  .page-prov .operator-profile-copy h1{
    display:block!important;
    width:100%!important;
    margin:0 0 3px!important;
    font-size:21px!important;
    line-height:1.38!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .page-prov .operator-profile-country{
    gap:5px!important;
    font-size:8px!important;
  }
  .page-prov .operator-profile-country img{
    width:18px!important;
    height:12px!important;
  }
  .page-prov .operator-profile-copy>p{
    display:-webkit-box!important;
    width:100%!important;
    max-width:none!important;
    overflow:hidden!important;
    margin:5px 0 0!important;
    font-size:9px!important;
    line-height:1.65!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
  }
  .page-prov .operator-profile-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    margin-top:8px!important;
  }
  .page-prov .operator-profile-actions a{
    min-width:0!important;
    min-height:32px!important;
    padding:0 5px!important;
    justify-content:center!important;
    font-size:7.5px!important;
    white-space:nowrap!important;
  }
  .page-prov .operator-profile-actions a:nth-child(2){
    display:none!important;
  }
  .page-prov .operator-profile-actions .m-icon{
    width:13px!important;
    height:13px!important;
  }
  .page-prov .operator-profile-metrics{
    grid-area:metrics!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    margin-top:2px!important;
  }
  .page-prov .operator-profile-metrics>span{
    min-width:0!important;
    min-height:49px!important;
    padding:6px!important;
    grid-template-columns:17px minmax(0,1fr)!important;
    column-gap:4px!important;
    border-radius:10px!important;
  }
  .page-prov .operator-profile-metrics .m-icon{
    width:16px!important;
    height:16px!important;
  }
  .page-prov .operator-profile-metrics b{
    font-size:12px!important;
    line-height:1.2!important;
  }
  .page-prov .operator-profile-metrics small{
    overflow:hidden!important;
    font-size:6.5px!important;
    line-height:1.35!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .page-prov .operator-profile-nav{
    margin-top:7px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .page-prov .operator-profile-nav::-webkit-scrollbar{display:none}
  .page-prov .operator-profile-nav a{
    flex:0 0 76px!important;
    min-width:76px!important;
    scroll-snap-align:start;
  }

  .page-prov .operator-profile-feature{
    padding:11px 9px!important;
  }
  .page-prov .operator-profile-feature .operator-section-heading{
    display:block!important;
  }
  .page-prov .operator-profile-feature .operator-section-heading>a{
    display:none!important;
  }
  .page-prov .operator-profile-feature .operator-section-heading p{
    display:none!important;
  }
  .page-prov .operator-profile-feature .operator-feature-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
  }
  .page-prov .operator-profile-feature .operator-news-card.is-featured{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    width:100%!important;
    border-radius:15px!important;
  }
  .page-prov .operator-profile-feature .operator-news-card.is-featured .operator-news-media{
    width:100%!important;
    height:178px!important;
    min-height:178px!important;
  }
  .page-prov .operator-profile-feature .operator-news-card.is-featured .operator-news-copy{
    padding:13px!important;
  }
  .page-prov .operator-profile-feature .operator-news-card.is-featured h3{
    display:-webkit-box!important;
    overflow:hidden!important;
    margin:7px 0 5px!important;
    font-size:16px!important;
    line-height:1.65!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
  }
  .page-prov .operator-profile-feature .operator-news-card.is-featured .operator-news-copy>p{
    display:-webkit-box!important;
    overflow:hidden!important;
    font-size:9px!important;
    line-height:1.75!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
  }
  .page-prov .operator-feature-side{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding:1px 1px 6px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .page-prov .operator-feature-side::-webkit-scrollbar{display:none}
  .page-prov .operator-feature-side article{
    flex:0 0 86%!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:9px!important;
    min-height:94px!important;
    padding:8px!important;
    scroll-snap-align:start!important;
    border-radius:12px!important;
  }
  .page-prov .operator-side-image{
    width:88px!important;
    height:76px!important;
  }
  .page-prov .operator-feature-side h3{
    display:-webkit-box!important;
    overflow:hidden!important;
    margin:2px 0 4px!important;
    font-size:10px!important;
    line-height:1.65!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
  }

  .page-prov .operator-archive-section{
    padding:11px 9px!important;
  }
  .page-prov .operator-archive-section .operator-section-heading{
    display:block!important;
  }
  .page-prov .operator-archive-section .operator-section-heading p,
  .page-prov .operator-archive-section .operator-section-heading>a{
    display:none!important;
  }
  .page-prov .operator-archive-section .operator-news-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .page-prov .operator-archive-section .operator-news-card{
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    min-height:116px!important;
    overflow:hidden!important;
    border-radius:13px!important;
  }
  .page-prov .operator-archive-section .operator-news-media{
    width:108px!important;
    height:100%!important;
    min-height:116px!important;
  }
  .page-prov .operator-archive-section .operator-news-copy{
    min-width:0!important;
    padding:9px!important;
  }
  .page-prov .operator-archive-section .operator-news-meta{
    font-size:7px!important;
  }
  .page-prov .operator-archive-section .operator-news-meta span:last-child{
    display:none!important;
  }
  .page-prov .operator-archive-section .operator-news-copy h3{
    display:-webkit-box!important;
    min-height:0!important;
    overflow:hidden!important;
    margin:5px 0 4px!important;
    font-size:10.5px!important;
    line-height:1.65!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
  }
  .page-prov .operator-archive-section .operator-news-copy>p{
    display:none!important;
  }
  .page-prov .operator-archive-section .operator-news-link{
    margin-top:3px!important;
    font-size:7.5px!important;
  }
}

@media(max-width:390px){
  .page-prov .operator-profile-hero{
    grid-template-columns:61px minmax(0,1fr)!important;
    gap:9px!important;
    padding-inline:10px!important;
  }
  .page-prov .operator-profile-logo-wrap,
  .page-prov .operator-profile-logo{
    width:61px!important;
  }
  .page-prov .operator-profile-logo{
    height:61px!important;
    padding:9px!important;
  }
  .page-prov .operator-profile-copy h1{
    font-size:18px!important;
  }
  .page-prov .operator-profile-actions a{
    font-size:7px!important;
  }
  .page-prov .operator-feature-side article{
    flex-basis:91%!important;
  }
  .page-prov .operator-archive-section .operator-news-card{
    grid-template-columns:98px minmax(0,1fr)!important;
  }
  .page-prov .operator-archive-section .operator-news-media{
    width:98px!important;
  }
}


/* ============================================================
   Mobilk 2026 — Tablet directory
   Typography is driven only by the global variables in :root.
   ============================================================ */
.page-tablet .tablet-page-shell{
  width:min(100%,1480px);
  margin-inline:auto;
  color:var(--navy);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
}
.page-tablet .portal-breadcrumbs,
.page-tablet .portal-eyebrow,
.page-tablet .portal-section-heading>div>span,
.page-tablet .tablet-brand-strip small,
.page-tablet .tablet-news-card>div>span,
.page-tablet .tablet-device-kicker,
.page-tablet .tablet-spec-grid small{
  font-size:var(--fs-meta);
}
.page-tablet .portal-section-heading h2{
  margin:0;
  font-size:var(--fs-section-title);
  line-height:var(--lh-title);
}
.page-tablet .tablet-news-card h3,
.page-tablet .tablet-device-body h3{
  font-size:var(--fs-card-title);
  line-height:var(--lh-title);
}
.page-tablet .tablet-news-card.is-featured h3{
  font-size:var(--fs-featured-title);
}
.page-tablet .tablet-hero-copy h1{
  font-size:var(--fs-hero-title);
  line-height:1.35;
}
.page-tablet .tablet-news-card p,
.page-tablet .portal-section-heading p,
.page-tablet .portal-section-heading>a,
.page-tablet .tablet-spec-grid b,
.page-tablet .tablet-device-actions a,
.page-tablet .tablet-seo-panel p{
  font-size:var(--fs-body);
}

/* Header and sections */
.tablet-hero{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);
  gap:28px;
  align-items:center;
  margin-bottom:18px;
  padding:34px;
  overflow:hidden;
  border-radius:26px;
  background:linear-gradient(135deg,var(--navy-2),var(--navy-3));
  color:#fff;
}
.tablet-hero-copy h1{margin:6px 0 10px;color:#fff}
.tablet-hero-copy>p{margin:0;color:#d4deeb}
.tablet-hero-stats,.tablet-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.tablet-hero-stats span,.tablet-hero-actions a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:40px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
}
.tablet-hero-actions a:first-child{border-color:var(--brand);background:var(--brand)}
.tablet-featured-device{
  display:grid;
  grid-template-columns:185px minmax(0,1fr);
  align-items:center;
  gap:18px;
  min-width:0;
  padding:18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  background:rgba(255,255,255,.08);
}
.tablet-featured-image{
  height:270px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#fff;
}
.tablet-featured-image img{max-width:90%;max-height:245px;object-fit:contain}
.tablet-featured-copy h2{margin:0 0 10px;color:#fff;font-size:var(--featured-title,24px)}
.tablet-featured-copy>div{display:grid;gap:7px}
.tablet-featured-copy>div span{display:flex;align-items:center;gap:7px;color:#dce6f1}
.tablet-featured-copy>strong{display:inline-flex;margin-top:12px;color:#ff69bf}

.tablet-brand-strip{
  display:flex;
  gap:10px;
  margin-bottom:18px;
  padding:14px;
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  scrollbar-width:none;
}
.tablet-brand-strip::-webkit-scrollbar{display:none}
.tablet-brand-strip a{
  flex:0 0 170px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:9px;
  border:1px solid var(--line);
  border-radius:12px;
}
.tablet-brand-strip a>span{width:48px;height:48px;display:grid;place-items:center}
.tablet-brand-strip img{max-width:100%;max-height:100%;object-fit:contain}
.tablet-brand-strip b{display:block;font-size:var(--fs-body)}
.tablet-brand-strip small{display:block;color:#93a0b2}

.tablet-news-section,
.tablet-catalog-section,
.tablet-seo-panel{
  margin-bottom:20px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}
.portal-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.portal-section-heading>div>span{display:block;color:var(--brand);font-weight:800}
.portal-section-heading p{margin:4px 0 0;color:var(--muted)}
.portal-section-heading>a{color:var(--brand);font-weight:800}

.tablet-news-layout{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(3,minmax(145px,1fr));
  gap:12px;
}
.tablet-news-card{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:11px;
  min-width:0;
  padding:10px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fbfcfe;
}
.tablet-news-card.is-featured{
  grid-column:1;
  grid-row:1/4;
  display:flex;
  flex-direction:column;
  padding:0;
}
.tablet-news-image{display:block;overflow:hidden;border-radius:11px;background:var(--soft)}
.tablet-news-image img{width:100%;height:100%;object-fit:cover}
.tablet-news-card:not(.is-featured) .tablet-news-image{width:118px;height:98px}
.tablet-news-card.is-featured .tablet-news-image{height:270px;border-radius:0}
.tablet-news-card>div{min-width:0}
.tablet-news-card.is-featured>div{padding:16px}
.tablet-news-card h3{margin:4px 0 6px}
.tablet-news-card h3 a{color:var(--navy)}
.tablet-news-card p{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:var(--muted);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.tablet-news-card.is-featured p{-webkit-line-clamp:4}

.tablet-catalog-heading{align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}
.tablet-catalog-search{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:11px}
.tablet-catalog-search input{width:330px;height:45px;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.tablet-catalog-search button{width:48px;border:0;background:var(--brand);color:#fff}

.tablet-device-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
  margin-top:16px;
}
.tablet-device-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
  transition:.2s;
}
.tablet-device-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.tablet-device-visual{
  position:relative;
  height:250px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#f9fbfd,#eef3f8);
}
.tablet-device-visual>a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:18px}
.tablet-device-visual img{max-width:88%;max-height:220px;object-fit:contain}
.tablet-new-label{
  position:absolute;
  z-index:2;
  top:11px;
  right:11px;
  padding:5px 9px;
  border-radius:999px;
  background:var(--brand);
  color:#fff;
  font-size:var(--fs-meta);
  font-weight:800;
}
.tablet-favorite{
  position:absolute;
  z-index:2;
  top:10px;
  left:10px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  background:#fff;
  color:#8795a8;
}
.tablet-favorite.is-active{color:var(--brand)}
.tablet-device-body{padding:14px}
.tablet-device-kicker{display:block;color:var(--brand);font-weight:800}
.tablet-device-body h3{min-height:55px;margin:4px 0 10px}
.tablet-device-body h3 a{color:var(--navy)}
.tablet-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.tablet-spec-grid>span{
  min-width:0;
  min-height:60px;
  padding:8px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  grid-template-areas:"icon label" "icon value";
  align-items:center;
  column-gap:7px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fbfcfe;
}
.tablet-spec-grid .m-icon{grid-area:icon;width:19px;height:19px;color:var(--brand)}
.tablet-spec-grid small{grid-area:label;color:#8d99aa;font-weight:400}
.tablet-spec-grid b{
  grid-area:value;
  min-width:0;
  overflow:hidden;
  color:#344964;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tablet-color-swatches{display:flex;align-items:center;gap:5px}
.tablet-color-swatches i{
  width:18px;
  height:18px;
  flex:0 0 18px;
  border:2px solid #fff;
  border-radius:5px;
  background:var(--swatch);
  box-shadow:0 0 0 1px #d9e0e9;
}
.tablet-device-actions{display:grid;grid-template-columns:minmax(0,1fr) 43px;gap:7px;margin-top:11px}
.tablet-device-actions a{min-height:43px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:800}
.tablet-primary-link{gap:7px;background:var(--brand);color:#fff}
.tablet-compare-link{border:1px solid var(--line)}

.tablet-seo-panel{display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;align-items:center}
.tablet-seo-panel>div{width:62px;height:62px;display:grid;place-items:center;border-radius:16px;background:var(--brand-soft);color:var(--brand)}
.tablet-seo-panel h2{margin:3px 0 5px;font-size:var(--fs-featured-title)}
.tablet-seo-panel p{margin:0;color:var(--muted)}

@media(max-width:1200px){
  .tablet-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tablet-hero{grid-template-columns:1fr minmax(340px,.8fr)}
}
@media(max-width:900px){
  .tablet-hero{grid-template-columns:1fr}
  .tablet-featured-device{grid-template-columns:160px 1fr}
  .tablet-news-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .tablet-news-card.is-featured{grid-column:1;grid-row:span 3}
  .tablet-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* App-like mobile tablet page */
@media(max-width:767px){
  .page-tablet .site-content{padding:0 10px 74px;background:#f4f7fb}
  .page-tablet .tablet-page-shell{width:100%}
  .page-tablet .portal-breadcrumbs{margin:7px 2px;font-size:var(--fs-meta)}
  .tablet-hero{
    display:block;
    margin:0 0 10px;
    padding:18px 15px;
    border-radius:19px;
  }
  .page-tablet .tablet-hero-copy h1{
    margin:4px 0 7px;
    font-size:var(--fs-section-title);
  }
  .tablet-hero-copy>p{
    display:-webkit-box;
    overflow:hidden;
    margin:0;
    font-size:var(--fs-body);
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }
  .tablet-hero-stats{gap:6px;margin-top:11px}
  .tablet-hero-stats span{min-height:31px;padding:0 9px;font-size:var(--fs-meta)}
  .tablet-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
  .tablet-hero-actions a{min-height:39px;padding:0 8px;font-size:var(--fs-body)}
  .tablet-featured-device{
    grid-template-columns:105px minmax(0,1fr);
    gap:11px;
    margin-top:13px;
    padding:11px;
    border-radius:15px;
  }
  .tablet-featured-image{height:150px;border-radius:12px}
  .tablet-featured-image img{max-height:135px}
  .tablet-featured-copy h2{font-size:var(--fs-card-title)}
  .tablet-featured-copy>div span{font-size:var(--fs-meta)}
  .tablet-featured-copy>strong{font-size:var(--fs-body)}

  .tablet-brand-strip{
    margin-bottom:10px;
    padding:9px;
    border-radius:15px;
  }
  .tablet-brand-strip a{flex-basis:145px;padding:7px}

  .tablet-news-section,
  .tablet-catalog-section,
  .tablet-seo-panel{
    margin-bottom:10px;
    padding:13px 10px;
    border-radius:16px;
  }
  .portal-section-heading{
    align-items:flex-start;
    margin-bottom:11px;
  }
  .page-tablet .portal-section-heading h2{font-size:var(--fs-featured-title)}
  .portal-section-heading p{display:none}
  .portal-section-heading>a{font-size:var(--fs-body)}

  .tablet-news-layout{
    display:flex;
    gap:9px;
    overflow-x:auto;
    padding-bottom:6px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .tablet-news-layout::-webkit-scrollbar{display:none}
  .tablet-news-card,
  .tablet-news-card.is-featured{
    flex:0 0 88%;
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:10px;
    min-height:138px;
    padding:9px;
    border-radius:14px;
    scroll-snap-align:start;
  }
  .tablet-news-card.is-featured .tablet-news-image,
  .tablet-news-card:not(.is-featured) .tablet-news-image{
    width:112px;
    height:112px;
    border-radius:11px;
  }
  .tablet-news-card.is-featured>div{padding:0}
  .page-tablet .tablet-news-card.is-featured h3,
  .page-tablet .tablet-news-card h3{font-size:var(--fs-card-title)}
  .tablet-news-card p{-webkit-line-clamp:2}

  .tablet-catalog-heading{display:block}
  .tablet-catalog-search{margin-top:9px}
  .tablet-catalog-search input{width:100%}

  .tablet-device-grid{
    display:flex;
    gap:10px;
    overflow-x:auto;
    margin:12px -2px 0;
    padding:2px 2px 8px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .tablet-device-grid::-webkit-scrollbar{display:none}
  .tablet-device-card{
    flex:0 0 82%;
    border-radius:16px;
    scroll-snap-align:start;
  }
  .tablet-device-visual{height:235px}
  .tablet-device-visual img{max-height:205px}
  .tablet-device-body{padding:13px}
  .tablet-device-body h3{
    min-height:0;
    margin-bottom:9px;
    font-size:var(--fs-card-title);
  }
  .tablet-spec-grid{gap:6px}
  .tablet-spec-grid>span{min-height:56px;padding:7px}
  .tablet-spec-grid small{font-size:var(--fs-meta)}
  .tablet-spec-grid b{font-size:var(--fs-body)}
  .tablet-device-actions a{min-height:42px;font-size:var(--fs-body)}
  .tablet-color-swatches i{width:20px;height:20px;flex-basis:20px}

  .tablet-seo-panel{grid-template-columns:48px 1fr}
  .tablet-seo-panel>div{width:48px;height:48px}
}
@media(max-width:390px){
  .tablet-device-card{flex-basis:88%}
  .tablet-news-card,.tablet-news-card.is-featured{flex-basis:92%}
}


/* ============================================================
   Tablet directory V5 — final mobile rows + dense desktop news
   Uses the global font variables declared at the top of this file.
   ============================================================ */

/* Desktop news: one featured story + six cards, no empty grid cells. */
.page-tablet .tablet-news-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(145px,1fr))!important;
  grid-auto-flow:row dense!important;
  gap:12px!important;
  align-items:stretch!important;
}
.page-tablet .tablet-news-card{
  min-height:145px!important;
  height:100%!important;
}
.page-tablet .tablet-news-card.is-featured{
  grid-column:1!important;
  grid-row:1/4!important;
  min-height:0!important;
  height:100%!important;
}
.page-tablet .tablet-news-card.is-featured .tablet-news-image{
  height:285px!important;
}
.page-tablet .tablet-news-card:not(.is-featured){
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
}
.page-tablet .tablet-news-card:nth-child(n+2){display:grid!important}

/* Tablet widths: still show every story without hiding cards. */
@media(max-width:1050px) and (min-width:768px){
  .page-tablet .tablet-news-layout{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto!important;
  }
  .page-tablet .tablet-news-card.is-featured{
    grid-column:1!important;
    grid-row:span 3!important;
  }
  .page-tablet .tablet-news-card:nth-child(n+2){display:grid!important}
}

/* Mobile: every tablet is one readable horizontal app-style row. */
@media(max-width:767px){
  .page-tablet .tablet-news-layout{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding:1px 1px 7px!important;
    scroll-snap-type:x mandatory!important;
  }
  .page-tablet .tablet-news-card,
  .page-tablet .tablet-news-card.is-featured{
    flex:0 0 88%!important;
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    min-height:132px!important;
    height:auto!important;
    padding:9px!important;
    direction:rtl!important;
    scroll-snap-align:start!important;
  }
  .page-tablet .tablet-news-card.is-featured .tablet-news-image,
  .page-tablet .tablet-news-card:not(.is-featured) .tablet-news-image{
    width:108px!important;
    height:108px!important;
    border-radius:11px!important;
  }
  .page-tablet .tablet-news-card.is-featured>div{padding:0!important}
  .page-tablet .tablet-news-card h3,
  .page-tablet .tablet-news-card.is-featured h3{
    font-size:var(--fs-card-title)!important;
    line-height:var(--lh-title)!important;
  }
  .page-tablet .tablet-news-card p{
    display:-webkit-box!important;
    font-size:var(--fs-body)!important;
    -webkit-line-clamp:2!important;
  }
  .page-tablet .tablet-news-card>div>span{font-size:var(--fs-meta)!important}

  .page-tablet .tablet-device-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:12px 0 0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .page-tablet .tablet-device-card{
    display:grid!important;
    grid-template-columns:124px minmax(0,1fr)!important;
    direction:rtl!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    border-radius:16px!important;
    scroll-snap-align:none!important;
  }
  .page-tablet .tablet-device-visual{
    grid-column:1!important;
    grid-row:1!important;
    width:124px!important;
    height:100%!important;
    min-height:210px!important;
    border-radius:0!important;
  }
  .page-tablet .tablet-device-visual>a{
    padding:18px 9px!important;
  }
  .page-tablet .tablet-device-visual img{
    max-width:100%!important;
    max-height:185px!important;
  }
  .page-tablet .tablet-new-label{
    top:8px!important;
    right:8px!important;
    font-size:var(--fs-meta)!important;
  }
  .page-tablet .tablet-favorite{
    top:8px!important;
    left:8px!important;
    width:32px!important;
    height:32px!important;
  }
  .page-tablet .tablet-device-body{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    padding:12px 11px!important;
    direction:rtl!important;
  }
  .page-tablet .tablet-device-kicker{
    margin-bottom:2px!important;
    font-size:var(--fs-meta)!important;
  }
  .page-tablet .tablet-device-body h3{
    min-height:0!important;
    margin:0 0 8px!important;
    font-size:var(--fs-card-title)!important;
    line-height:var(--lh-title)!important;
  }
  .page-tablet .tablet-spec-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .page-tablet .tablet-spec-grid>span{
    min-height:50px!important;
    padding:6px!important;
    grid-template-columns:19px minmax(0,1fr)!important;
    column-gap:5px!important;
  }
  .page-tablet .tablet-spec-grid .m-icon{
    width:16px!important;
    height:16px!important;
  }
  .page-tablet .tablet-spec-grid small{
    font-size:var(--fs-meta)!important;
  }
  .page-tablet .tablet-spec-grid b{
    font-size:var(--fs-body)!important;
    font-weight:500!important;
  }
  .page-tablet .tablet-color-swatches{
    gap:4px!important;
  }
  .page-tablet .tablet-color-swatches i{
    width:18px!important;
    height:18px!important;
    flex-basis:18px!important;
    border-radius:50%!important;
  }
  .page-tablet .tablet-device-actions{
    grid-template-columns:minmax(0,1fr) 38px!important;
    gap:5px!important;
    margin-top:8px!important;
  }
  .page-tablet .tablet-device-actions a{
    min-height:38px!important;
    font-size:var(--fs-body)!important;
  }
}

@media(max-width:390px){
  .page-tablet .tablet-device-card{
    grid-template-columns:112px minmax(0,1fr)!important;
  }
  .page-tablet .tablet-device-visual{
    width:112px!important;
    min-height:205px!important;
  }
  .page-tablet .tablet-device-visual img{max-height:175px!important}
  .page-tablet .tablet-device-body{padding:10px 8px!important}
}


/* ============================================================
   Tablet color swatches visibility V6
   Centralized in mobilk.css; no page-level CSS.
   ============================================================ */
.page-tablet .tablet-colors-spec b{
  display:flex!important;
  align-items:center!important;
  min-width:52px!important;
  min-height:22px!important;
  overflow:visible!important;
  white-space:normal!important;
}
.page-tablet .tablet-color-swatches{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-width:22px!important;
  min-height:22px!important;
  overflow:visible!important;
}
.page-tablet .tablet-color-swatches i{
  display:block!important;
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  background-color:var(--swatch,#8b95a5)!important;
  box-shadow:0 0 0 1px #cfd7e3,0 3px 7px rgba(19,43,76,.14)!important;
}
@media(max-width:767px){
  .page-tablet .tablet-color-swatches i{
    width:18px!important;
    height:18px!important;
    flex-basis:18px!important;
  }
}