:root{--color-body-background:#eee;--color-card-background:#fff;--color-card-shadow:#cfcfcf;--color-gray-box-background:#f5f5f5;--color-comment-box-background:#f5f5f5;--color-comment-box-text:#757575;--color-header-background:#616161;--color-header-text:#f5f5f5;--color-subheader-text:#757575;--color-header-top-row-background:#757575;--color-header-nav-background:#e0e0e0;--color-header-nav-text:#757575;--color-header-drawer-background:#616161;--color-heading-text:#212121;--color-heading-alt-text:#d50000;--color-link-text:#212121;--color-link-active-text:#000;--color-section-link-text:#d50000;--color-card-backgorund:#fff;--color-text:#212121;--color-separator-light:#eee;--color-separator:#bdbdbd;--color-separator-specs-br:#eee;--color-table-cell-background:#fafafa;--color-table-cell-border:#eee;--color-specs-icon:#000;--color-tab-text:#616161;--color-tab-background:#fafafa;--color-quick-specs-text-and-icons:#9e9e9e;--color-quick-specs-become-a-fan:#d50000;--color-specs-table-heading:#d50000;--color-specs-table-separator-thick:#e0e0e0;--color-specs-table-th-background:#f5f5f5;--color-specs-table-ttl-text:#616161;--color-specs-table-td-background:#fafafa;--color-specs-table-td-separator:#eee;--color-specs-table-link:#d50000;--color-icon:#e0e0e0;--color-autocomplete-background:#616161;--color-footer-background:#000;--color-footer-text:#bdbdbd;--color-footer-links:#fff;--color-button-text:#d50000;--color-button-background:#eee;--color-button-highlight-text:#fff;--color-button-highlight-background:#d50000;--color-button-highlight2-background:#0277bd;--color-button-highlight-active-background:#b71c1c;--color-button-highlight2-active-background:#01579b;--color-button-light-text:#212121;--color-button-light-border:#bdbdbd;--color-button-light-background:#fff;--color-button-dark-background:#757575;--color-button-dark-hover-background:#d50000;--color-button-dark-text:#fff;--color-pagination:#616161;--color-error-background:#fdd9d7;--color-error-text:#7f231c;--color-warning-background:#cdeefd;--color-warning-text:#02587f;--color-success-background:#dbefdc;--color-success-text:#285b2a;--color-icon-red:#d50000;--color-icon-green:#00d600;--color-facebook-blue:#4367a5;--color-twitter-blue:#6fdae9;--color-at-a-glance:#0277bd;--color-at-a-glance-pros:#aed581;--color-at-a-glance-cons:#ef9a9a;--review-toc-sticky-background:var(--color-gray-box-background);--color-button-highlight-background:var(--color-button-dark-hover-background);--review-toc-sticky-text-active:var(--color-button-dark-text);--color-vote-selector-border:#ddd;--color-vote-selector-background:var(--color-header-drawer-background);--color-vote-selector-button-text:var(--color-header-text);--color-vote-sent-background:#9e9e9e;--color-voters-list-background:var(--color-header-drawer-background);--color-voters-list-text:var(--color-header-text);--color-vote-badge-border:#ddd}

@font-face{font-family:Google-Oswald;font-style:normal;font-weight:300;font-display:fallback;src:url(//fdn.gsmarena.com/imgroot/css/fonts/gsmarena/oswald/Alt-Oswald-Light.woff2) format("woff2"),url(//fdn.gsmarena.com/imgroot/css/fonts/gsmarena/oswald/Oswald-Light.ttf) format("truetype")}

@font-face{font-family:Google-Oswald;font-style:normal;font-weight:400;font-display:fallback;src:url(//fdn.gsmarena.com/imgroot/css/fonts/gsmarena/oswald/Alt-Oswald-Regular.woff2) format("woff2"),url(//fdn.gsmarena.com/imgroot/css/fonts/gsmarena/oswald/Oswald-Regular.ttf) format("truetype")}

@font-face{font-family:Arimo;font-style:normal;font-weight:400;font-display:fallback;src:url(//fdn.gsmarena.com/imgroot/css/fonts/gsmarena/arimo/Alt-Arimo-Regular.woff2) format("woff2"),url(//fdn.gsmarena.com/imgroot/css/fonts/gsmarena/arimo/Arimo-Regular.ttf) format("truetype")}

@font-face{font-family:Arimo;font-style:normal;font-weight:700;font-display:fallback;src:url(//fdn.gsmarena.com/imgroot/css/fonts/gsmarena/arimo/Alt-Arimo-Bold.woff2) format("woff2"),url(//fdn.gsmarena.com/imgroot/css/fonts/gsmarena/arimo/Arimo-Bold.ttf) format("truetype")}

.head-icon{font-family:gsmarena;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@font-face{font-family:gsmarena;src:url(//fdn.gsmarena.com/imgroot/css/fonts/gsmarena/icons/gsmarena.ttf?2026-january-21);src:url(//fdn.gsmarena.com/imgroot/css/fonts/gsmarena/icons/gsmarena.woff?2026-january-21) format("woff"),url(//fdn.gsmarena.com/imgroot/css/fonts/gsmarena/icons/gsmarena.ttf?2026-january-21) format("truetype");font-weight:400;font-style:normal;font-display:block}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

.head-icon.icon-mobile2:before{content:""}

.head-icon.icon-wireless-charging:before{content:""}

.head-icon.icon-wired-charging:before{content:""}

table{border-collapse:collapse;border-spacing:0}

hr{display:block;height:1px;border:0;border-top:1px solid var(--color-separator);margin:1em 0;padding:0}

body,html{background:var(--color-body-background)}

body{font:12px/1.5 Arimo,Arial,sans-serif;color:#212121;color:var(--color-text);padding:0px;width:100%}

h1,h2,h3,h4,h5,h6{font:100%/1.5 Arimo,Arial,sans-serif;font-weight:700}

h1{font-size:2em;line-height:1.5em;margin:1.5em 0 0.75}

h2{font-size:1.8333em;line-height:1.6364em;margin:1.6364em 0}

h3{font-size:1.5em;line-height:1em;margin:2em 0 1em}

h4{font-size:1.3333em;line-height:1.125em;margin:1.125em 0}

h5{font-size:1.1667em;line-height:1.2857em;margin-top:1.2857em 0em}

h6{font-size:1em}

.section{clear:both;padding:7px 0 5px 10px;margin:0;position:relative;border-bottom:1px solid var(--color-separator);background-color:var(--color-card-background)}

h2.section{font-size:1.4em;margin:20px 0 0;text-transform:uppercase;color:var(--color-heading-alt-text)}

.section:first-of-type{margin-top:0}

b,strong{font-weight:700}

em,i{font-style:italic}

sub,sup{position:relative;font-size:75%;line-height:0}

sup{top:-.5em}

sub{bottom:-.25em}

a{outline:none;color:#212121;color:var(--color-link-text);text-decoration:none}

a:active,a:focus{outline:none!important;color:var(--color-link-active-text)}

table{border-collapse:collapse;border-spacing:0;margin-bottom:1.4em;width:100%;font-size:.875em}

th{font-weight:700}

caption,td,th{padding:.25em 10px .25em 5px}

tfoot{font-style:italic}

caption{background-color:transparent}

.container_12{overflow:hidden}

.nobor{border:none!important}

.left{float:left}

.material-card,.top-shadow{box-shadow:0px 2px 4px var(--color-card-shadow,#cfcfcf);background-color:var(--color-card-background)}

.top-shadow{width:100%;height:5px;margin-bottom:5px}

.top-shadow:before{content:"";display:block;background:inherit;height:2px;margin-top:-2px}

.general-menu{background-color:var(--color-card-background)}

.general-menu li{list-style:none}

.general-menu li a{display:-ms-flexbox;display:flex;border-bottom:1px solid var(--color-separator-light);padding:15px 10px;position:relative;background:var(--color-card-background)}

.general-menu#list-brands li a strong,.general-menu li a{font:400 15px Google-Oswald,Arial,sans-serif;text-transform:uppercase}

.general-menu strong{font-family:Arimo,Arial,sans-serif;text-transform:none;padding:0 25px 0 10px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}

.general-menu li a span,span.arrow-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:16px;height:100%;position:absolute;top:0;right:9px;color:var(--color-section-link-text)}

.general-menu li a span:after,span.arrow-link:after{content:"";font-family:gsmarena;font-size:20px;font-weight:400}

#list-brands.general-menu li a strong{position:unset}

.general-menu a img{max-height:100px}

.sub-h1{padding:0 0 10px 10px;line-height:20px;text-transform:uppercase;color:var(--color-subheader-text);background-color:var(--color-card-background)}

.adv-bottom,.adv-mid,.top-adv{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%}

.adv-mid{padding:15px 0}

.adv-mid>div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}

.adv-bottom,.top-adv{margin:15px 0}

.top-adv{min-height:133px}

.adv-mid+.section{margin-top:0}

#content .hero-image{width:101vw;aspect-ratio:728/316}

.gray-button{color:var(--color-button-text);background-color:var(--color-button-background)}

.gray-button,.red-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:2px 12px;height:30px;border:none;border-radius:4px;font:400 14px/28px Google-Oswald,Arial,sans-serif;text-transform:uppercase}

.red-button{color:var(--color-button-highlight-text);background-color:var(--color-button-highlight-background)}

.red-button:active,.red-button:focus{color:var(--color-button-highlight-text);background:var(--color-button-highlight-active-background)}

.gray-button:active,.gray-button:focus{color:var(--color-button-highlight-active-background)}

.gray-button[disabled],.light-button[disabled],.red-button[disabled]{background-color:var(--color-button-background)!important;color:var(--color-button-light-text)!important;border-color:var(--color-button-light-border)!important;opacity:0.5}

.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;background-color:var(--color-card-background);padding-bottom:5px;padding-left:10px;padding-top:15px}

.swiper-container-no-flexbox .swiper-slide{float:left}

.swiper-container .swiper-scrollbar{height:5px}

.swiper-container .swiper-scrollbar .swiper-scrollbar-drag{height:5px;background-color:var(--color-separator);border-radius:2px}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}

.swiper-container-android .swiper-slide,.swiper-wrapper{-ms-transform:translateZ(0);transform:translateZ(0)}

.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:nowrap;flex-wrap:nowrap}

.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}

.swiper-slide{-ms-flex:1 0 auto;flex:1 0 auto;width:85%;position:relative;display:-ms-inline-flexbox;display:inline-flex}

@media (orientation:landscape){.swiper-slide{width:42%}}

.swiper-slide.empty-slide{width:15%}

.swiper-slide img{float:none}

.swiper-pagination{position:absolute;text-align:center;transition:300ms;-ms-transform:translateZ(0);transform:translateZ(0);z-index:10}

.swiper-pagination.swiper-pagination-hidden{opacity:0}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:3px;left:0;width:100%}

.swiper-container .scroller-phones .swiper-slide{padding:0 0 10px 0x;box-sizing:border-box;background:none;margin-top:5px}

.swiper-container .scroller-phones a span{width:100%;background:var(--color-card-background);display:block;margin-bottom:5px}

.swiper-container .scroller-phones a img{display:block;margin:0 5px 0 0;position:relative;margin:0 auto;width:105px;aspect-ratio:160/212}

.swiper-container .scroller-phones a{width:100%;display:block;float:left;text-align:center}

.swiper-container .scroller-phones a strong{display:block;text-align:center;font-size:15px;line-height:1.5;white-space:normal}

h2.lower.section{margin:0;text-align:right}

.popularity-list.general-menu li a{padding:10px;color:var(--color-link-text);display:-ms-flexbox;display:flex}

.popularity-list.general-menu li a strong{-ms-flex:1;flex:1;position:static;padding-right:7px;padding-left:7px}

.popularity-list.general-menu li a img{height:85px;width:138px;object-fit:contain;padding:5px 0;filter:brightness(0.953);background:#fff}

.swiper-container .homepage-slide.deal a{position:relative}

.swiper-container .homepage-slide.deal a:before{content:attr(data-banner-text,"Ad");font-size:11px;line-height:16px;font-weight:600;position:absolute;z-index:1;display:block;right:16px;top:63px;padding:0 5px;border:1px solid #e7e7e7;color:#595959;background-color:var(--color-card-background,#fff)}

#specs-cp{min-height:10%}
ul#ranks-list{list-style:none}
#specs-cp-pic .wrapper{margin:10px 0}
#specs-cp strong span[data-spec]{float:none}
.vote li strong{font-size:17px}
#ranks-list li{min-height:40px}
#ranks-list li strong{font-weight:700;font-size:17px}
#content .general-menu ul{box-shadow:0px 3px 4px var(--color-card-shadow);padding:0;margin-bottom:20px}
.general-menu-specs{clear:both}
.sub-h1+.wrapper{background-color:var(--color-card-background)}

#specs-cp-review-main{height:155px;position:relative;overflow:hidden;border-bottom:1px solid var(--color-separator-light)!important}
#specs-cp-review-main img{width:100%;max-height:none;margin-top:0;object-fit:cover}
#specs-cp-review-main a{padding:0 0 1px!important;position:relative;max-height:150px}
#specs-cp-review-main a:active{opacity:.8}
#specs-cp-review-main a:before{position:absolute;-ms-transform:translateY(0);transform:translateY(0);-webkit-transform:translateY(0);top:0;left:0;width:100%;height:154px;display:block;content:"";background:rgba(0,0,0,.1)}
#specs-cp-review-main div{position:absolute;z-index:5;bottom:10px;padding:5px 10px 0 15px}
#specs-cp-review-main div strong{font:400 18px/1.4 Google-Oswald,Arial,sans-serif;display:block;text-transform:uppercase;text-indent:0;box-shadow:5px 0 0 transparent,-5px 0 0 var(--color-text);background-color:var(--color-card-background);opacity:.89;padding:2px 3px 0;width:100%;position:relative;z-index:2}
#specs-cp-review-main div span{display:none}
#specs-cp-review-main .read{position:absolute;top:10px;right:10px;bottom:unset;padding:2px 12px}

.general-menu-specs ul{width:100%}
.general-menu-specs li a{padding:14px 25px 13px 55px;position:relative}
.general-menu-specs .specs-cp-review a:active:before,
.general-menu-specs .specs-cp-review a:before{content:"\e929"}
#specs-cp-read a:active:before,#specs-cp-read a:before{content:"\e92f";font-size:35px}
#specs-cp-pics a:active:before,#specs-cp-pics a:before{content:"\e92b";font-size:34px}
#specs-cp-related a:active:before,#specs-cp-related a:before{content:"\e94f";font-size:26px;padding-left:4px}
#specs-cp-compare a:before{content:"\e92c";font-size:35px;left:7px}
#specs-cp-specs a:before{content:"\e91f"}
#specs-cp-spin a:before{content:"\e90b";font-size:31px;left:9px}
#specs-cp-price a:before{content:"\e95d"}

#ranks-list{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin:20px 0 10px;font-family:sans-serif}
#ranks-list .read-review{width:48vw;width:calc(50vw - 20px);padding:0;height:2.8em;line-height:2.8em;text-align:center}
#ranks-list .read-review a{width:156px;height:33px;line-height:33px;padding:0}
#ranks-list>:first-child{margin-left:10px}
#ranks-list>:last-child{margin-right:10px}
#ranks-list li{box-sizing:border-box;padding:3px 2px 1px 48px;margin:0 0 6px;max-width:100%;min-height:45px;min-width:90%;position:relative;text-align:left;line-height:1.3;font-family:sans-serif}

#fan-vote,#popularity-vote{display:inline-block;color:var(--color-quick-specs-text-and-icons);line-height:1;font-family:inherit;text-align:center}
#fan-vote{min-width:7em}
#fan-vote a{width:100%;height:100%;margin:0;color:inherit}
#fan-vote strong,#popularity-vote strong{font-size:19px;position:relative;top:-2px}
#fan-vote strong:before,#popularity-vote strong:before{padding-right:3px}
#popularity-vote strong:before{font-family:gsmarena;content:"\e91c"}
#fan-vote strong:before{content:"\e957";font-family:gsmarena;color:var(--color-quick-specs-become-a-fan)}
#fan-vote.active strong:before{content:"\e920"}

#ranks-list li:after,
#specs-cp-compare:before,
#specs-cp-spin a:before,
.general-menu-specs li a:before,
.price-banner:before,
.quick-specs li:before{
font-family:gsmarena;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateY(-50%);left:7px;display:block;font-size:35px;color:var(--color-quick-specs-text-and-icons)
}

#specs-cp .wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:var(--color-card-background)}
#specs-cp .specs-cp-pic-rating{margin:0;-ms-flex:1;flex:1}
.specs-cp-pic-rating{position:relative;margin-right:20px}
#specs-cp-pic{position:relative;width:100%}
#specs-cp-pic a img{display:block;width:48vw;width:calc(50vw - 20px);aspect-ratio:160/212;padding:0 10px}

#specs-cp .quick-specs{
padding:10px 0 10px 10px;color:var(--color-quick-specs-text-and-icons);background-color:var(--color-gray-box-background);vertical-align:top;white-space:normal;-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;margin-right:10px
}
#specs-cp .quick-specs .head-icon:before{font-size:24px}
#specs-cp .quick-specs li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:27px;list-style:none;position:relative;font-family:Google-Oswald,Arial,sans-serif}
#specs-cp .quick-specs li>span{font-weight:100;font-size:14px;line-height:1.5}
#specs-cp .quick-specs li strong{font-weight:400}
#specs-cp .quick-specs li span{display:inline-block;max-width:90%;max-width:calc(100% - 20px);max-height:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
#specs-cp .quick-specs li.head-icon strong{vertical-align:top;display:block}
#specs-cp .quick-specs li.head-icon strong span{vertical-align:top}
#specs-cp .quick-specs li.head-icon:before{position:absolute;left:0;top:-2px;-ms-transform:unset;transform:unset;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}
#specs-cp .quick-specs li.head-icon.icon-camera-1:before{font-size:22px}
#specs-cp .quick-specs li.head-icon.icon-launched:before{font-size:23px}
#specs-cp .quick-specs li.head-icon.icon-os:before{position:relative;top:-3px}
#specs-cp .quick-specs .specs-brief-accent>i.head-icon{margin-right:5px}
#specs-cp .quick-specs .icon-battery-0 i.head-icon:before,
#specs-cp .quick-specs .icon-battery-1 i.head-icon:before{top:0;font-size:inherit;padding-right:2px;font-size:16px;float:unset;display:inline-block;margin:0 1px 0 0}
#specs-cp .quick-specs .icon-battery-0 i.head-icon:nth-child(2),
#specs-cp .quick-specs .icon-battery-1 i.head-icon:nth-child(2){margin-left:5px;font-size:18px;position:relative;top:1px}
#specs-cp .quick-specs .specs-brief-accent{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
#specs-cp .quick-specs .specs-brief-accent span{height:100%;font:100 14px Google-Oswald,Arial,sans-serif}

.quick-specs-swiper{-ms-flex:1;flex:1;margin-right:10px;padding:0;overflow:hidden;white-space:nowrap}
.quick-specs-swiper-pagination{position:absolute;z-index:1;right:25%;bottom:66px;font-size:1.5em}
.swiper-wrapper{white-space:nowrap}
.swiper-pagination-bullet:before{content:"\2022";color:var(--color-quick-specs-text-and-icons)}
.swiper-pagination-bullet-active:before{color:var(--color-button-highlight-background)}
.quick-specs .head-icon>strong{position:relative}
#ranks-list li,.quick-specs li{box-sizing:border-box}

#specs-list td.ttl{width:77px;max-width:77px}
#specs-list th{color:var(--color-specs-table-heading)}
#specs-list .specs-comment{padding:14px 10px;margin:20px 0 0;line-height:21px;border-bottom:10px solid var(--color-specs-table-separator-thick);background-color:var(--color-table-cell-background);font:12px Arimo,Arial,sans-serif}
#specs-list .specs-comment a{text-decoration:underline;color:var(--color-specs-table-link)}
#specs-list table{border-top:1px solid var(--color-specs-table-separator-thick);border-bottom:10px solid var(--color-specs-table-separator-thick);margin:0;border-collapse:separate}
#specs-list .expandable-table{box-sizing:content-box}
#specs-list .expandable-table .ttl{padding-right:0}
#specs-list caption{display:none}
#specs-list td,#specs-list th{font:12px Arimo,Arial,sans-serif;padding:1px 10px;vertical-align:top}
#specs-list th{background-color:var(--color-specs-table-th-background);border-right:medium none;font:400 15px/27px Google-Oswald,Arial,sans-serif;text-transform:uppercase;text-align:left}
#specs-list td{background-color:var(--color-specs-table-td-background);border-bottom:1px solid var(--color-specs-table-td-separator);line-height:21px}
#specs-list td a{color:var(--color-specs-table-link)}
#specs-list td.ttl a{color:var(--color-specs-table-ttl-text);font-weight:700}
#specs-list td.nfo ul{margin-left:16px}
#specs-list td.nfo a{text-decoration:underline}
#specs-list td.nfo li{list-style-type:disc;padding:1px 0}
#specs-list hr.line{border:none;border-top:1px solid var(--color-separator-specs-br,#f0f0f0);margin:2px -10px}
#specs-list .tr-hover .nfo{z-index:1}
#specs-list table:first-of-type{display:block;overflow:hidden}
#specs-list table:first-of-type tbody{width:100%;display:table}
#specs-list .compare-candidate br,#specs-list .three-d br{border:none;line-height:unset}
#specs-list .compare-candidate br{display:unset}

.expandable-table{display:block;overflow:hidden}
.expandable-table .expand-toggle{position:absolute;left:0;right:0;text-align:right;cursor:pointer}
.expandable-table .expand-toggle:hover{text-decoration:none}
.expandable-table .expand-toggle:after{font-family:gsmarena;content:"\E924";font-size:24px;color:var(--color-button-light-text);padding:0 5px 0 0;line-height:24px}
.expandable-table .collapse .expand-toggle:after{content:"\E921"}
.expandable-table tr:first-child th{cursor:pointer}

#specs-list table+div:has(.pgAdWrapper){margin-top:20px}





/* Load GSMArena icon font */
@font-face {
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

/* Apply the icon font */
.head-icon {
    
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Icon mappings from your style-5.css */
.icon-touch-0:before {
    content: "\e919";
}

.icon-camera-1:before,
.icon-camera:before {
    content: "\e913";
}

.icon-cpu:before {
    content: "\e917";
}

.icon-battery-0:before,
.icon-battery:before {
    content: "\e912";
}

.icon-launched:before {
    content: "\e915";
}

.icon-os:before {
    content: "\e926";
}

.icon-memory-chip:before,
.icon-sd-card-0:before {
    content: "\e916";
}

.head-icon.icon-wireless-charging:before {
    content: "\e97d";
}

.head-icon.icon-wired-charging:before {
    content: "\e97e";
}

.icon-mobile2:before {
    content: "\e91f";
}

/* Icon sizing used by the specifications section */
#specs-cp .quick-specs .head-icon:before {
    font-size: 24px;
}

#specs-cp .quick-specs li.head-icon:before {
    position: absolute;
    left: 0;
    top: -2px;
    display: flex;
    align-items: center;
    height: 100%;
}

#specs-cp .quick-specs li.head-icon.icon-camera-1:before {
    font-size: 22px;
}

#specs-cp .quick-specs li.head-icon.icon-launched:before {
    font-size: 23px;
}

#specs-cp .quick-specs li.head-icon.icon-os:before {
    position: relative;
    top: -3px;
}




/* =========================================
   PHONE NAVIGATION — FULLY ISOLATED STYLES
========================================= */

.spec-nav,
.spec-nav * {
    box-sizing: border-box;
}

.spec-nav {
    width: 100%;
    max-width: 1100px;
    min-height: 180px;
    margin: 0 auto;
    padding: 15px 12px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
    background: #fff;
   
    border-radius: 28px;
    
}

.spec-nav a {
    position: relative;
    display: grid;
    grid-template-rows: auto 2.4em;
    align-content: center;
    justify-content: center;
    justify-items: center;
    align-items: start;
    gap: 9px;
    flex: 0 1 auto;
    min-width: 0;
    padding: 0;
    color: #080e28;
    text-align: center;
    text-decoration: none;
    font-size: clamp(13px, 1.5vw, 21px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.spec-nav a > .icon-circle {
    grid-row: 1;
}

.spec-nav a > span:last-child {
    grid-row: 2;
    align-self: start;
    width: 100%;
    text-align: center;
}

.spec-nav .icon-circle {
    width: 76px;
    height: 76px;
    max-width: 100%;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ececec;
}

.spec-nav .icon-circle svg {
    display: block;
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    overflow: visible;
    color: #6e6e6e;
}

/* TABLET AND DESKTOP */

@media (min-width: 768px) {

    .spec-nav {
        gap: 15px;
    }

    .spec-nav a {
        font-size: clamp(12px, 1.5vw, 21px);
    }
}

/* TABLET */

@media (min-width: 768px) and (max-width: 1024px) {

    .spec-nav {
        min-height: 155px;
        padding: 12px 8px;
        border-radius: 24px;
    }

    .spec-nav a {
        font-size: clamp(12px, 1.6vw, 16px);
        gap: 7px;
        letter-spacing: -0.3px;
    }

    .spec-nav .icon-circle {
        width: 62px;
        height: 62px;
    }

    .spec-nav .icon-circle svg {
        width: 36px;
        height: 36px;
    }
}

/* MOBILE */

@media (max-width: 767px) {

    .spec-nav {
        min-height: 140px;
        padding: 8px 2px;
        gap: 12px;
        border-radius: 20px;
    }

    .spec-nav a {
        gap: 7px;
        padding: 0;
        font-size: clamp(10px, 2.7vw, 17px);
        letter-spacing: -0.5px;
        line-height: 1.2;
        grid-template-rows: auto 2.4em;
    }

    .spec-nav .icon-circle {
        width: clamp(42px, 15vw, 76px);
        height: clamp(42px, 15vw, 76px);
        flex-shrink: 0;
    }

    .spec-nav .icon-circle svg {
        width: 57%;
        height: 57%;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {

    .spec-nav {
        min-height: 115px;
    }

    .spec-nav a {
        font-size: 10px;
        letter-spacing: -0.3px;
    }
}

/* MOBILE LABEL ADJUSTMENTS */

@media (max-width: 767px) {

    .spec-nav a > span:last-child {
        font-size: clamp(10px, 2.7vw, 17px);
        line-height: 1.2;
        white-space: normal;
    }

    .spec-nav a[href="/compare"] > span:last-child,
    .spec-nav a[href="/pictures"] > span:last-child {
        font-size: 0;
    }

    .spec-nav a[href="/compare"] > span:last-child::before {
        content: "Compare";
    }

    .spec-nav a[href="/compare"] > span:last-child::after {
        content: "Phones";
    }

    .spec-nav a[href="/pictures"] > span:last-child::before {
        content: "More";
    }

    .spec-nav a[href="/pictures"] > span:last-child::after {
        content: "Pictures";
    }

    .spec-nav a > span:last-child::before,
    .spec-nav a > span:last-child::after {
        display: block;
        font-size: clamp(10px, 2.7vw, 17px);
        line-height: 1.2;
    }
}

/* ICON COLORS */

#ranks-list li:after,
#specs-cp-compare:before,
#specs-cp-spin a:before,
.general-menu-specs li a:before,
.price-banner:before,
.quick-specs li:before {
    color: #6e6e6e !important;
}

#specs-cp .quick-specs .head-icon:before {
    color: #6e6e6e !important;
}

#specs-cp .quick-specs {
    color: #545454 !important;
}

/* REMOVE DEFAULT DIVIDERS */

.spec-nav a::after {
    content: none !important;
    display: none !important;
}



.phone-price-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 17px 12px;
    margin: 12px 0;
    font-family: Arial, sans-serif;
    background: linear-gradient(145deg, #ffffff, #f7f9fc);
    border: 1px solid #e8edf3;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(16, 28, 53, 0.05);
}

/* LEFT: MARKET PRICE */

.phone-price-section {
    flex: 1;
    min-width: 0;
    text-align: center;
    padding: 0 8px;
}

.phone-price-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #718096;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 9px;
}

.phone-price-label-dot {
    width: 7px;
    height: 7px;
    flex-shrink: 0;
    background: #16a36a;
    border-radius: 50%;
}

.phone-price {
    display: inline-block;
    max-width: 100%;
    padding: 7px 10px;
    box-sizing: border-box;
    color: #d50000;
    background: none;
    border: 0px solid #ffcdcd;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

/* VERTICAL DIVIDER */

.phone-rating-section {
    flex: 1;
    min-width: 0;
    text-align: center;
    padding: 0 8px;
    border-left: 1px solid #e1e7ee;
}

/* RIGHT: USER RATING */

.phone-rating-heading {
    color: #718096;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 9px;
}

.phone-rating-main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    white-space: nowrap;
}

.phone-rating-stars {
    color: #f5ae19;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 1;
}

.phone-rating-score {
    color: #17243a;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

.phone-rating-out-of {
    color: #8792a2;
    font-size: 11px;
    font-weight: 600;
}

.phone-rating-votes {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 8px;
    color: #7b8796;
    font-size: 11px;
}

.phone-rating-vote-dot {
    width: 5px;
    height: 5px;
    background: #a5afbd;
    border-radius: 50%;
    flex-shrink: 0;
}

/* DESKTOP */

@media (min-width: 768px) {
    .phone-price-rating {
        padding: 20px 16px;
    }

    .phone-price {
        font-size: 20px;
        padding: 8px 14px;
    }

    .phone-rating-stars {
        font-size: 20px;
    }

    .phone-rating-score {
        font-size: 21px;
    }

    .phone-rating-out-of {
        font-size: 13px;
    }
}