.shopPage{--orange:#f16122;font-family:var(--font-unitel);color:#0e0d0d;background:#fff}.shopPage *{box-sizing:border-box}.shopShell{width:1280px;max-width:calc(100% - 160px);margin:auto}.shopHero{background:#fff4ef;height:540px}.shopHeroInner{align-items:center;gap:40px;height:100%;display:flex}.shopHeroCopy{flex-direction:column;align-items:flex-start;gap:16px;width:608px;display:flex}.shopCrumb{color:#717680;margin:0;font-size:16px;line-height:24px}.shopCrumb b,.shopHero em,.shopHeading em{color:var(--orange);font-style:normal;font-weight:500}.shopHero h1{margin:0;font-size:48px;font-weight:500;line-height:72px}.shopHeroCopy>p:not(.shopCrumb){color:#272727;margin:0;font-size:20px;line-height:30px}.shopBtn{isolation:isolate;color:#fff;cursor:pointer;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#fc6a3052,#fa540b52 97.6%) border-box;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;height:54px;padding:4px 20px;font:500 16px/24px inherit;text-decoration:none;display:inline-flex;position:relative}.shopBtn:before{content:"";z-index:-1;background:linear-gradient(90deg,#fc6a30,#fa540b 97.6%);border-radius:14px;position:absolute;inset:4px;box-shadow:inset 2px 4px 6px #ffffff47}.shopBtn>span{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:100%;position:relative;overflow:hidden}.discover{height:56px}.shopHeroArt{width:576px;height:380px;position:relative;left:5%}.shopHeroArt>img:first-child{object-fit:cover;border-radius:32px}.heroFront{object-fit:cover;border-radius:32px;width:257px;height:240px;position:absolute;top:140px;left:-11%}.heroLogo{width:124px;height:124px;position:absolute;top:225px;left:125px}.shopShortcuts{justify-content:center;align-items:center;gap:32px;height:321px;display:flex}.shopShortcuts a{isolation:isolate;color:#0e0d0d;background:#f7f7f7;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:240px;height:161px;padding:20px 24px;font-size:20px;font-weight:500;line-height:30px;text-decoration:none;display:flex;position:relative;overflow:hidden}.shopShortcutPattern{z-index:0;pointer-events:none;position:absolute;inset:-31.68% -12.59% -43.35% -12.27%;overflow:hidden;container-type:size}.shopShortcutPattern>span{justify-content:center;align-items:center;display:flex;position:absolute}.shopShortcutPattern>span:first-child{inset:32.62% 10.3% -8.02% .61%}.shopShortcutPattern>span:nth-child(2){inset:18.28% 5.35% 6.32% 5.56%}.shopShortcutPattern>span:nth-child(3){inset:3.65% .29% 20.95% 10.61%}.shopShortcutPattern i{opacity:.48;border:10.453px solid #ffffff0d;border-radius:13.938px;width:hypot(-35.4521cqw,-96.4204cqh);height:hypot(64.5479cqw,-3.57956cqh);position:relative;transform:rotate(-123.41deg)skew(-31.64deg);box-shadow:0 13.938px 101.049px #8f8f8f26}.shopShortcutPattern i:before,.shopShortcutPattern i:after{content:"";border-radius:inherit;position:absolute;inset:0}.shopShortcutPattern>span:first-child i:before{background:#ffffff26}.shopShortcutPattern>span:nth-child(2) i:before{background:#ffffff1a}.shopShortcutPattern>span:nth-child(3) i:before{background:#ffffff0d}.shopShortcutPattern i:after{box-shadow:inset 0 0 10.453px #fffc}.shopShortcuts a>img,.shopShortcuts a>span:not(.shopShortcutPattern){z-index:1;position:relative}.shopShortcuts img{object-fit:contain;width:71px;height:71px}.shopSection{flex-direction:column;gap:48px;height:522px;display:flex}.shopHeading{justify-content:space-between;align-items:center;height:60px;display:flex}.shopHeading h2{margin:0;font-size:40px;font-weight:500;line-height:60px}.shopMore{color:var(--orange);align-items:center;gap:10px;font-size:16px;font-weight:500;text-decoration:none;display:flex}.shopMore img{width:22px;height:22px}.shopPlans{grid-template-columns:repeat(4,1fr);gap:24px;height:334px;display:grid}.shopHomeState{color:#667085;grid-column:1/-1;margin:auto;font-size:16px}.shopHomeError{color:#d92d20;background:#fff0f0;border-radius:12px;width:1280px;max-width:calc(100% - 160px);margin:0 auto 32px;padding:14px 18px}.shopPlan{background:#fff;border:1px solid #ebebeb;border-radius:24px;height:334px;overflow:hidden}.shopPlan>h3{z-index:0;isolation:isolate;color:#fff;background:linear-gradient(90deg,#fc6a30 3.209%,#fa5914 72.973%);height:54px;margin:0;padding:12px 24px;font-size:20px;font-weight:500;line-height:30px;position:relative;overflow:hidden}.shopPlanHeaderArt{z-index:0;width:116px;height:70px;position:absolute;top:0;right:0;overflow:hidden}.shopPlanHeaderArt i{mix-blend-mode:screen;display:block;position:absolute;inset:0;-webkit-mask:url(/images/mobile/featured-package-header-mask.svg) 50%/116px 70px no-repeat;mask:url(/images/mobile/featured-package-header-mask.svg) 50%/116px 70px no-repeat}.shopPlanHeaderArt i:first-child{opacity:.3;background:linear-gradient(275deg,#d9d9d9 84.51%,#73737300)}.shopPlanHeaderArt i:nth-child(2){opacity:.2;background:#d3d3d3 url(/images/mobile/featured-package-header.png) 50%/cover no-repeat}.shopPlanHeaderArt i:nth-child(3){opacity:.45;background:#ff8a5d}.shopPlan>h3>span:not(.shopPlanHeaderArt){z-index:1;position:relative}.shopPlanBody{background:#fff;border-radius:24px;flex-direction:column;gap:16px;height:280px;padding:12px 16px 16px;display:flex}.shopPlanInfo{background:#f7f7f7;border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex;overflow:hidden}.shopPlanInfo p{white-space:nowrap;align-items:center;gap:8px;height:24px;margin:0;font-size:16px;display:flex}.shopPlanInfo p img{flex:0 0 20px;width:20px;height:20px}.shopPlanInfo p:nth-child(3) b{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.shopPlanInfo>div{gap:8px;height:16px;padding-left:28px;display:flex}.shopPlanInfo>div img{width:16px;height:16px}.shopPlanBody>strong{color:#0000;background:linear-gradient(90deg,#008ffb,#02b746);-webkit-background-clip:text;background-clip:text;padding:0 12px;font-size:24px;line-height:36px}.shopPlan footer{grid-template-columns:1fr 1fr;gap:12px;display:grid}.shopPlan footer .shopBtn{height:54px}.shopBtn.secondary{color:var(--orange)}.shopBtn.secondary:before{box-shadow:none;background:#fff;border:1px solid #fc6a30}.shopSection:has(.shopSim){height:622px}.shopSim{grid-template-columns:647px 601px;gap:32px;height:434px;display:grid}.shopSimLeft{background:linear-gradient(#fef0eb,#fdf5f2);border-radius:24px;flex-direction:column;gap:24px;padding:24px;display:flex}.shopSearch{background:#fff;border-radius:16px;height:68px;padding:8px 8px 8px 16px;display:flex}.shopSearch input{border:0;outline:0;flex:1;min-width:0;font-family:inherit;font-size:16px;font-weight:400;line-height:24px}.shopSearch input::placeholder{font-size:16px;line-height:24px}.shopSearch .shopBtn{height:52px}.prefix{flex-direction:column;gap:16px;font-size:16px;display:flex}.prefix>div{gap:20px;display:flex}.prefix label{align-items:center;gap:8px;display:flex}.prefix input{width:24px;height:24px;accent-color:var(--orange)}.shopSimLeft hr{border:0;border-top:1px solid #f0dcd4;width:100%;margin:0}.shopSimLeft h3{margin:0;font-size:24px;font-weight:500;line-height:36px}.guide{gap:12px;margin:-12px 0 0;font-size:16px;line-height:24px;display:flex}.guide b{width:40px;color:var(--orange);font-weight:500}.shopTable{background:#fff;border:1px solid #ebebeb;border-radius:20px;overflow:hidden}.tableHead,.tableRow{grid-template-columns:100px minmax(0,1fr) minmax(0,1fr) 200px;align-items:center;display:grid}.tableHead{background:#f7f7f7 url(/images/SIM/table-header-bg.png) 50%/cover no-repeat;height:56px;font-size:14px;font-weight:500}.tableHeading{white-space:nowrap;align-items:center;gap:8px;min-width:0;height:100%;padding-left:24px;display:flex}.tableHeading img{opacity:.5;width:9px;height:13px}.tableHeadingAction{justify-content:center}.tableRow>*{padding-left:24px}.tableRow{color:#374151;border-bottom:1px solid #f7f7f7;min-height:65px;font-size:16px}.tableRow:nth-child(2n){background:#f7f7f7}.tableRow>b{color:#383838;font-weight:500}.tableRow strong{color:var(--orange);white-space:nowrap;font-weight:500}.tableRow .shopBtn{width:122px;height:54px;padding:4px 12px}.shopTable:has(.shopHomeState){min-height:352px}.shopTable .shopHomeState{color:#667085;margin:0;padding:0 24px}.devicesSection{height:647px}.shopDevices{grid-template-columns:repeat(5,1fr);gap:32px;height:459px;display:grid}.shopDevice{border:1px solid #ebebeb;border-radius:16px;flex-direction:column;align-items:center;gap:0;height:459px;padding:13px 17px 17px;display:flex;position:relative;overflow:hidden}.shopDevice>.bundle{color:#fff;background:linear-gradient(90deg,#008ffb,#02b746);border-radius:0 0 32px;height:28px;padding:5px 16px;font-size:12px;position:absolute;top:-1px;left:-1px}.stock{color:#13c035;text-transform:uppercase;background:#51d66c1f;border:.8px solid #13c035;border-radius:1000px;align-self:flex-end;height:28px;padding:8px 12px;font-size:12px}.shopDevice>img{object-fit:contain;width:180px;height:192px;margin:4px 0 16px}.shopDevice h3{margin:0;font-size:16px;font-weight:500;line-height:24px}.shopDevice small{color:#5b4137;min-height:21px;font-size:14px;font-weight:300;line-height:21px}.shopDevice>strong{color:#ff5e00;padding:8px 0 12px;font-size:20px;line-height:30px}.deviceChip{background:#f161221f;border-radius:9999px;align-items:center;gap:8px;height:26px;padding:4px 8px;font-size:12px;display:flex}.deviceChip img{flex:0 0 10px;width:10px;height:10px}.deviceChip>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shopDevice>.shopBtn{width:100%;height:54px;margin-top:16px}.shopDevice>.shopBtn.notify{color:var(--orange);white-space:nowrap}.shopDevice>.shopBtn.notify:before{box-shadow:none;background:#fff;border:1px solid #fc6a30}@media (max-width:1100px){.shopShell{max-width:calc(100% - 32px)}.shopHero{height:auto;padding:48px 0}.shopHeroInner{flex-direction:column}.shopHeroCopy{width:100%}.shopShortcuts{flex-wrap:wrap;height:auto;padding:40px 0}:is(.shopSection,.shopSection:has(.shopSim),.devicesSection){height:auto;padding:40px 0}.shopPlans{grid-template-columns:repeat(2,1fr);height:auto}.shopSim{grid-template-columns:1fr;height:auto}.shopDevices{grid-template-columns:repeat(2,230px);height:auto;overflow-x:auto}.shopDevice{width:230px}}@media (max-width:640px){.shopHero h1{font-size:36px;line-height:48px}.shopHeroArt{transform-origin:0 0;width:100%;margin-bottom:-95px;transform:scale(.75)}.shopHeading h2{font-size:28px;line-height:40px}.shopPlans{grid-template-columns:1fr}.shopSim{flex-direction:column;gap:20px;height:auto;display:flex;overflow-x:visible}.shopSimLeft{box-sizing:border-box;width:100%;min-width:0;padding:16px}.shopSearch{height:auto;min-height:52px;padding:6px 6px 6px 12px}.shopTable{-webkit-overflow-scrolling:touch;width:100%;min-width:0;overflow-x:auto}.tableHead,.tableRow{min-width:500px}.shopDevices{-webkit-overflow-scrolling:touch;grid-template-columns:none;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.shopDevice{flex:0 0 220px;width:220px}}
