
:root{--indigo:#3730a3;--dark:#1e1b4b;--ink:#15233b;--muted:#64748b;--bg:#f3f6fb;--line:#e2e8f0;--green:#047857}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:#fff;border-bottom:1px solid var(--line)}.topbar .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:23px;font-weight:850;letter-spacing:-1px;}.nav{display:flex;gap:25px;font-size:14px;font-weight:650}.pill{background:#eef2ff;color:var(--indigo);padding:8px 14px;border-radius:100px;font-size:12px;font-weight:750}main{padding:26px 0 50px}.crumb{font-size:13px;color:var(--muted);margin-bottom:16px}.crumb b{color:var(--ink)}.hero{background:linear-gradient(125deg,#312e81,#1e1b4b);color:white;padding:29px 30px;border-radius:20px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;right:-75px;top:-100px;width:300px;height:300px;border:1px solid #ffffff24;border-radius:50%;pointer-events:none}.hero h1{font-size:clamp(24px,3vw,34px);margin:0 0 7px;letter-spacing:-.8px}.hero p{margin:0;color:#c7d2fe;font-size:14px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;margin-top:20px}.maincol,.aside{min-width:0}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 24px #12204a06;margin-bottom:18px;overflow:hidden}.section-head{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{font-size:18px;margin:0;letter-spacing:-.3px}.sub{font-size:12px;color:var(--muted)}.phones{display:grid;grid-template-columns:1fr 1fr}.phone{padding:22px;min-width:0;text-align:center;position:relative}.phone+.phone{border-left:1px solid var(--line)}.device-art{height:155px;display:flex;align-items:center;justify-content:center;margin-bottom:13px}.device{height:145px;width:75px;border-radius:16px;background:linear-gradient(155deg,#9fb5d7,#27324c 48%,#080e21);border:4px solid #c9d2df;box-shadow:8px 10px 20px #15233b30;position:relative;transform:rotate(-8deg)}.device:before{content:'';position:absolute;left:9px;top:10px;width:27px;height:36px;border-radius:10px;background:#111b30;box-shadow:inset 0 0 0 2px #7d90a8}.device:after{content:'● ●';position:absolute;left:14px;top:13px;color:#a6b9d5;font-size:10px;line-height:13px;width:18px;word-spacing:2px}.device.samsung{transform:rotate(8deg);background:linear-gradient(140deg,#e5e0d3,#8d8b87,#363c45);border-color:#85898d}.device.samsung:before{background:transparent;box-shadow:none}.phone h3{font-size:17px;margin:0 0 5px}.price{font-size:22px;color:var(--indigo);font-weight:850}.status{font-size:11px;color:var(--green);font-weight:750}.change{margin-top:13px;padding:9px 16px;border:1px solid #c7d2fe;border-radius:9px;background:#eef2ff;color:var(--indigo);font-size:12px;font-weight:750}.change:hover{background:#e0e7ff}.vs{position:absolute;left:50%;top:145px;transform:translate(-50%,-50%);background:var(--dark);color:#fff;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:850;z-index:1;border:3px solid white}.selector{position:relative}.searchbox{display:none;margin:12px auto 0;max-width:250px}.searchbox.active{display:block}.searchbox input{width:100%;padding:10px;border:1px solid #c7d2fe;border-radius:8px;outline-color:var(--indigo)}.suggestions{margin-top:5px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px;max-height:140px;overflow:auto}.suggestions button{display:block;width:100%;background:white;border:0;padding:9px 11px;text-align:left;font-size:12px}.suggestions button:hover{background:#eef2ff}.summary{padding:22px}.scorepair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.scorebox{border-radius:12px;background:#f8faff;padding:18px;text-align:center;border:1px solid #e9edff}.scorebox strong{display:block;font-size:33px;line-height:1.1;color:var(--indigo)}.scorebox span{font-size:12px;color:var(--muted)}.winner{padding:12px 15px;border:1px solid #b8e6d2;background:#f0fdf7;border-radius:10px;color:#065f46;font-size:13px}.bars{display:grid;gap:15px}.baritem{display:grid;grid-template-columns:110px 1fr 1fr;align-items:center;gap:12px;font-size:12px}.baritem>span{font-weight:700}.track{height:9px;background:#edf0f6;border-radius:100px;overflow:hidden}.fill{height:100%;border-radius:100px;background:#3730a3}.fill.alt{background:#8791bf}.barcell small{display:block;text-align:right;color:var(--muted);font-weight:700;margin-bottom:3px}.quick{padding:0 22px 20px}.quickrow{display:grid;grid-template-columns:32% 34% 34%;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.quickrow:last-child{border-bottom:0}.quickrow>div:not(:first-child){font-weight:650}.quickrow>div:first-child{color:var(--muted)}.spec-controls{display:flex;align-items:center;gap:8px}.toggle{padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:12px;font-weight:700}.toggle.active{background:#eef2ff;border-color:#c7d2fe;color:var(--indigo)}.spec-group{border-bottom:1px solid var(--line)}.spec-group:last-child{border:0}.spec-title{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;background:#f8faff;font-weight:800;font-size:14px;cursor:pointer}.spec-title span{color:var(--indigo)}.spec-rows{padding:0 22px}.specrow{display:grid;grid-template-columns:32% 34% 34%;padding:13px 0;border-bottom:1px solid #eef1f5;font-size:12px;gap:0}.specrow:last-child{border:0}.specrow div:first-child{color:var(--muted);font-weight:650}.specrow div:not(:first-child){padding-right:8px}.specrow.different div:nth-child(2){color:#3730a3;font-weight:750}.specrow.hidden{display:none}.empty{padding:12px 0;color:var(--muted);font-size:12px}.aside .card{padding:20px}.aside h3{margin:0 0 12px;font-size:16px}.aside p{font-size:13px;color:var(--muted);margin:0 0 15px}.side-link{display:block;padding:11px 0;border-top:1px solid var(--line);font-size:13px;font-weight:700}.side-link:hover{color:var(--indigo)}.ad{min-height:230px;background:repeating-linear-gradient(45deg,#f8faff,#f8faff 12px,#f1f4fc 12px,#f1f4fc 24px);border:1px dashed #cbd5e1;border-radius:10px;display:grid;place-items:center;color:#94a3b8;font-size:13px}.footer{text-align:left;padding:30px;color:var(--muted);font-size:12px}.notice{margin-top:8px;font-size:12px;color:var(--muted)}@media(max-width:980px){.layout{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aside .card{margin:0}}@media(max-width:600px){.wrap{width:min(100% - 20px,1180px)}.topbar .wrap{height:58px}.logo{font-size:20px}.nav{display:none}.pill{font-size:10px;padding:7px 9px}main{padding-top:16px}.hero{padding:23px 18px;border-radius:14px}.hero h1{font-size:25px}.section-head{padding:15px 13px;flex-wrap:wrap}.section-head h2{font-size:16px}.phone{padding:14px 8px}.device-art{height:125px}.device{transform:scale(.79) rotate(-8deg)}.device.samsung{transform:scale(.79) rotate(8deg)}.vs{top:116px}.phone h3{font-size:13px;min-height:40px}.price{font-size:17px}.change{font-size:11px;padding:8px}.summary{padding:14px}.scorebox{padding:12px}.scorebox strong{font-size:28px}.baritem{grid-template-columns:75px 1fr 1fr;gap:7px;font-size:11px}.quick{padding:0 12px 14px}.quickrow,.specrow{grid-template-columns:30% 35% 35%;font-size:11px;overflow-wrap:anywhere}.spec-title{padding:13px}.spec-rows{padding:0 12px}.aside{grid-template-columns:1fr}.spec-controls{width:100%}}

/* Sticky two-phone identity bar */
.azc-sticky{position:fixed;top:0;left:0;right:0;z-index:9990;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 7px 24px #101b3c20;transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .22s,opacity .22s}
.azc-sticky.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}
body.admin-bar .azc-sticky{top:32px}.azc-sticky-inner{width:min(1180px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:8px 0}
.azc-sticky-phone{display:flex;align-items:center;gap:10px;min-width:0}.azc-sticky-phone+ .azc-sticky-phone{border-left:1px solid var(--line);padding-left:12px}
.azc-sticky-phone img{width:38px;height:44px;object-fit:contain;flex-shrink:0}.azc-sticky-name{font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.azc-sticky-price{font-size:12px;color:var(--indigo);font-weight:800}
.azc-sticky-phone a{min-width:0}.azc-phone-img{max-width:100%;height:150px;object-fit:contain}.azc-empty-art{font-size:46px;color:#a5b4fc}.azc-search-results{position:relative}.azc-result{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--line);padding:10px;font-size:12px}.azc-result:hover{background:#eef2ff}.azc-searchbox{display:none;margin:10px auto;max-width:270px}.azc-searchbox.active{display:block}.azc-searchbox input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px}.azc-search-results{max-height:210px;overflow-y:auto;background:white;border:1px solid var(--line);border-radius:8px}.azc-score-none{color:var(--muted);font-size:12px}.azc-cta{display:inline-block;background:var(--indigo);color:white;border-radius:9px;padding:10px 15px;font-weight:750;font-size:12px}.azc-cta:hover{background:var(--dark);color:white}.azc-buy{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.azc-buy>div{text-align:center;padding:15px;border:1px solid var(--line);border-radius:12px}.azc-buy h3{font-size:14px;margin:0 0 12px}.azc-search-hint{font-size:12px;color:var(--muted);padding:8px}.azc-empty{padding:22px;color:var(--muted)}
@media(max-width:600px){.azc-sticky-inner{width:calc(100% - 16px);gap:6px}.azc-sticky-phone{gap:5px}.azc-sticky-phone img{width:25px;height:35px}.azc-sticky-name{font-size:10px}.azc-sticky-price{font-size:10px}.azc-sticky-phone+ .azc-sticky-phone{padding-left:6px}.azc-phone-img{height:120px}.azc-buy{padding:10px;gap:8px}.azc-buy>div{padding:10px}}
@media(max-width:782px){body.admin-bar .azc-sticky{top:46px}}

/* v1.1: fixed differences visibility (the display:grid rule previously overrode hidden) */
.azc-page .specrow[hidden],.azc-page .spec-rows[hidden],.azc-page .azc-no-diff[hidden]{display:none!important}
/* Quick comparison: each feature occupies a full row with clear columns */
.azc-page .quick{display:block;padding:8px 22px 20px}
.azc-page .quickrow{display:grid;grid-template-columns:minmax(110px,28%) minmax(0,36%) minmax(0,36%);gap:12px;align-items:start;padding:15px 0;min-width:0}
.azc-page .quickrow>div{min-width:0;overflow-wrap:anywhere;word-break:normal;line-height:1.5}
.azc-page .quickrow>div:not(:first-child){padding-right:6px}
/* Selector: proper full-width, evenly spaced phone cards */
.azc-page .phones{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.azc-page .phone{padding:24px 18px;min-width:0}
.azc-page .selector .vs{top:50%;pointer-events:none}
.azc-page .azc-empty-art{display:grid;place-items:center;width:94px;height:120px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:18px;font-size:49px}
.azc-page .device-art{height:160px}
.azc-page .phone-name{overflow-wrap:anywhere}
.azc-page .azc-searchbox.active{display:block;position:relative;z-index:4}
.azc-page .azc-search-results:empty{display:none}
.azc-page .azc-result{cursor:pointer}
/* Empty comparison: selection is the main landing experience */
.azc-page .azc-choose-layout{grid-template-columns:minmax(0,1fr)}
.azc-page .azc-choose-layout .aside{display:none}
.azc-page .azc-selector-empty{max-width:1200px;margin:0 auto 20px}
.azc-page .azc-selector-empty .phone{padding:32px 22px}
.azc-page .azc-selector-empty .change{font-size:14px;padding:11px 20px}
@media(max-width:600px){
 .azc-page .quick{padding:4px 12px 12px}
 .azc-page .quickrow{grid-template-columns:minmax(75px,28%) minmax(0,36%) minmax(0,36%);gap:7px;font-size:11px}
 .azc-page .phone{padding:17px 9px}
 .azc-page .azc-selector-empty .phone{padding:19px 9px}
 .azc-page .device-art{height:132px}
 .azc-page .azc-empty-art{width:64px;height:86px;font-size:35px}
 .azc-page .selector .vs{width:32px;height:32px;font-size:11px}
}

/* v1.2: minimalist landing — only two actionable phone selectors */
.azc-page.azc-landing .crumb,
.azc-page.azc-landing .hero,
.azc-page.azc-landing .selector .section-head,
.azc-page.azc-landing .azc-empty {display:none!important}
.azc-page.azc-landing main.wrap{padding-top:18px}
.azc-page.azc-landing .layout{margin-top:0}
.azc-page.azc-landing .azc-selector-empty{background:transparent;border:0;box-shadow:none;overflow:visible;margin:0 auto}
.azc-page.azc-landing .phones{gap:22px;align-items:stretch}
.azc-page.azc-landing .phone{background:#fff;border:1px solid #e1e6f2!important;border-radius:18px;padding:18px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;box-shadow:0 6px 22px #15233b09}
.azc-page.azc-landing .phone:has(.azc-empty-art) .device-art,
.azc-page.azc-landing .phone:has(.azc-empty-art) .phone-name,
.azc-page.azc-landing .phone:has(.azc-empty-art) .price,
.azc-page.azc-landing .phone:has(.azc-empty-art) .status{display:none!important}
.azc-page.azc-landing .phone:has(.azc-empty-art) .change{margin:0;min-height:170px;width:100%;border:2px dashed #c7d2fe;border-radius:14px;background:#f8faff;color:#3730a3;font-size:20px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s}
.azc-page.azc-landing .phone:has(.azc-empty-art) .change:hover{background:#eef2ff;border-color:#3730a3}
.azc-page.azc-landing .phone:has(.azc-empty-art) .change::before{content:'+';display:grid;place-items:center;width:62px;height:62px;border:2px solid #c7d2fe;border-radius:50%;background:white;color:#3730a3;font-size:42px;font-weight:400;line-height:1}
.azc-page.azc-landing .selector .vs{top:50%;background:#1e1b4b;border:4px solid #f3f6fb}
.azc-page.azc-landing .azc-searchbox.active{width:100%;max-width:340px;margin:12px 0 0}
@media(max-width:600px){.azc-page.azc-landing main.wrap{padding-top:12px}.azc-page.azc-landing .phones{gap:10px}.azc-page.azc-landing .phone{padding:8px!important;min-height:165px;border-radius:13px}.azc-page.azc-landing .phone:has(.azc-empty-art) .change{min-height:145px;font-size:14px;padding:8px}.azc-page.azc-landing .phone:has(.azc-empty-art) .change::before{width:46px;height:46px;font-size:32px}.azc-page.azc-landing .selector .vs{width:32px;height:32px}}

/* Compare phone search: thumbnail, name and local price */
.azc-page .azc-result{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;text-align:left;background:#fff;border:0;border-bottom:1px solid #e5e7eb;cursor:pointer;min-height:68px}
.azc-page .azc-result:hover,.azc-page .azc-result:focus-visible{background:#f5f6ff}
.azc-page .azc-result-img{width:46px;height:50px;flex:0 0 46px;object-fit:contain}
.azc-page .azc-result-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.azc-page .azc-result-info strong{font-size:13px;font-weight:650;line-height:1.4;color:#17213c;white-space:normal}
.azc-page .azc-result-info small{font-size:12px;font-weight:700;color:#16803c}
.azc-page .azc-search-results{max-height:330px;overflow-y:auto}
