.shopFtthPage{color:#111;background:#fff;overflow:hidden}.sfdPage{background:#fff8f5;min-height:68vh;padding:36px 0 72px}.sfdBreadcrumb{margin-bottom:24px}.sfdLayout{grid-template-columns:minmax(250px,300px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.sfdPackageCard{text-align:center;background:#fff;border:1px solid #ffb298;border-radius:24px;padding-bottom:18px;position:sticky;top:20px;overflow:hidden;box-shadow:0 12px 28px #fc6a301a}.sfdPackageHeading{text-align:left;color:#fff;background:linear-gradient(120deg,#fc6a30,#fa540b);min-height:76px;padding:20px 18px;font-size:24px;font-weight:800}.sfdPackageImage{background:linear-gradient(#fff7f2,#fff);border-radius:18px;place-items:center;height:220px;margin:-10px 16px 8px;display:grid;position:relative;overflow:hidden}.sfdPackageImage img{object-fit:contain;max-width:100%;max-height:100%}.sfdPackageMeta{gap:5px;padding:0 18px;display:grid}.sfdPackageInfo{color:#fa540b;background:linear-gradient(100deg,#fff9f5,#fff0e8);border:1px solid #ffe4d8;border-radius:12px;align-items:center;gap:10px;min-height:47px;padding:7px 13px;display:flex;box-shadow:inset 2px 3px 6px #ffffff47}.sfdPackageInfo img,.sfdPackageInfo>span{color:#fff;background:linear-gradient(135deg,#fc6a30,#fa540b);border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:32px;padding:6px;display:grid}.sfdPackageInfo img{object-fit:contain}.sfdPackageInfo strong{font-size:21px;line-height:1.1}.sfdRegister{isolation:isolate;box-sizing:border-box;color:#fff;height:54px;font:500 16px/24px "Helvetica Neue", var(--font-unitel), sans-serif;text-align:center;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;place-items:center;margin:16px;text-decoration:none;display:grid;position:relative;overflow:hidden}.sfdRegister:before{content:"";z-index:0;background:linear-gradient(90deg,#fc6a30,#fa540b 97.6%);border-radius:14px;position:absolute;inset:4px;box-shadow:inset 2px 4px 6px #ffffff47}.sfdRegister span{z-index:1;position:relative}.sfdMobileCta a{color:#fff;text-align:center;background:linear-gradient(#fc6a30,#fa540b) padding-box padding-box,linear-gradient(90deg,#fc6a30,#fa540b) border-box;border:1px solid #0000;border-radius:15px;margin:16px;padding:4px;font-weight:700;display:block;box-shadow:0 0 0 2px #ffe4da}.sfdContent{background:#fff;border:1px solid #f1e3dd;border-radius:24px;overflow:hidden}.sfdHighlights{background:#fff;border-bottom:1px solid #f1e6e2;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;display:grid}.sfdHighlights>div{background:linear-gradient(90deg,#fc6a300a,#fa540b0a 97.6%);border-radius:16px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.sfdHighlightIcon{background:linear-gradient(90deg,#fc6a30,#fa540b 97.6%);border-radius:12px;flex:none;place-items:center;width:56px;height:56px;display:grid}.sfdHighlightIcon img{object-fit:contain;width:32px;height:32px}.sfdHighlightCopy{gap:2px;min-width:0;display:grid}.sfdHighlightCopy strong{color:#f16122;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700;line-height:1.5;overflow:hidden}.sfdHighlightCopy>span{color:#535862;font-size:16px;line-height:1.5}.sfdHighlightCopy small{color:inherit;margin-left:4px;font-size:13px;font-weight:500}.sfdSection{border-bottom:1px solid #f1e6e2;padding:30px 34px}.sfdSection:last-child{border-bottom:0}.sfdSection h2{color:#383838;margin:0 0 16px;font-size:24px;line-height:1.5}.sfdComparisonTable{background:#fff;border:1px solid #ebebeb;border-radius:20px;overflow:hidden}.sfdComparisonTable table{border-collapse:collapse;text-align:center;width:100%}.sfdComparisonTable th,.sfdComparisonTable td{box-sizing:border-box;border-bottom:1px solid #f7f7f7;height:66px;padding:20px 24px;font-size:14px;line-height:1.5}.sfdComparisonTable tr:last-child th,.sfdComparisonTable tr:last-child td{border-bottom:0}.sfdComparisonTable thead{color:#0e0d0d;background:url(/images/shop-unitel/ftth-comparison-header.png) 50%/cover no-repeat;height:56px}.sfdComparisonTable thead th{height:56px;color:inherit;padding:16px 24px;font-weight:500}.sfdComparisonTable tbody tr:nth-child(odd){background:#f7f7f7}.sfdComparisonTable tbody th{color:#374151;text-align:left;width:25%;font-weight:500}.sfdComparisonTable td{color:#383838;white-space:nowrap;width:25%;font-weight:400}.sfdComparisonTable td:nth-child(3){color:#f16122;font-weight:500}.sfdComparisonTable td:nth-child(4){color:#f32529;font-weight:500}.sfdComparisonCards{display:none}.sfdSla{gap:12px;margin:0;padding:0;list-style:none;display:grid}.sfdSla li{color:#383838;align-items:center;gap:8px;font-size:16px;line-height:1.5;display:flex}.sfdSla img{object-fit:contain;flex:none;width:20px;height:20px}.sfdState{color:#5b6470;text-align:center;place-content:center;gap:16px;min-height:330px;display:grid}.sfdState .sfPrimaryButton{border:0;justify-self:center;text-decoration:none}.sfdMobileCta{display:none}@media (max-width:760px){.sfdPage{padding:22px 0 82px}.sfdLayout{grid-template-columns:1fr;gap:18px}.sfdPackageCard{text-align:left;grid-template-columns:1fr 1fr;padding-bottom:0;display:grid;position:static}.sfdPackageHeading{grid-column:1/-1;min-height:auto;font-size:20px}.sfdPackageImage{height:145px;margin:16px}.sfdPackageMeta{align-self:center;padding:0 14px 0 0}.sfdPackageInfo{min-height:40px;padding:5px 8px}.sfdPackageInfo img,.sfdPackageInfo>span{flex-basis:28px;width:28px;height:27px}.sfdPackageInfo strong{font-size:16px}.sfdRegister{display:none}.sfdHighlights{grid-template-columns:1fr;gap:12px;padding:18px}.sfdHighlights>div{padding:12px}.sfdSection{padding:23px 18px}.sfdSection h2{font-size:21px}.sfdComparisonTable{display:none}.sfdComparisonCards{gap:12px;display:grid}.sfdComparisonCards article{border:1px solid #f1e3dd;border-radius:14px;overflow:hidden}.sfdComparisonCards h3{color:#fff;background:linear-gradient(90deg,#fc6a30,#fa540b);margin:0;padding:12px 14px;font-size:16px}.sfdComparisonCards p{color:#66707c;border-bottom:1px solid #f1e3dd;justify-content:space-between;gap:16px;margin:0;padding:11px 14px;font-size:13px;display:flex}.sfdComparisonCards p:last-child{border-bottom:0}.sfdComparisonCards b{color:#f45a22;text-align:right}.sfdMobileCta{z-index:11;display:block;position:fixed;bottom:12px;left:12px;right:12px}.sfdMobileCta a{margin:0;padding:13px}}.shopFtthPage,.shopFtthPage button,.shopFtthPage a,.shopFtthPage p,.shopFtthPage span{font-family:var(--font-unitel)}.sfShell{width:min(1280px,100% - 96px);min-width:0;margin:0 auto}.sfHero{background:linear-gradient(#fef0eb 4%,#fdf5f2 100%)}.sfHeroInner{grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:556px;display:grid}.sfHeroCopy{gap:16px;max-width:608px;display:grid}.sfBreadcrumb{color:#717680;align-items:center;gap:6px;font-size:16px;display:flex}.sfBreadcrumb a{color:inherit;text-decoration:none}.sfBreadcrumb b{color:#f16122;font-weight:500}.sfHeroCopy h1,.sfPackages h2,.sfSteps h2{font-family:var(--font-title);margin:0;font-size:48px;font-weight:500;line-height:1.5}.sfHeroCopy h1 span,.sfPackages h2 span,.sfSteps h2 span{color:#f16122}.sfHeroCopy p{color:#272727;margin:0;font-size:20px;line-height:1.5}.sfPrimaryButton,.sfOutlineButton{cursor:pointer;box-sizing:border-box;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:10px 20px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.sfPrimaryButton{color:#fff;background:linear-gradient(90deg,#fc6a30,#fa540b);border:4px solid #fff;box-shadow:0 0 0 1px #fc6a30,inset 2px 4px 6px #ffffff47}.sfOutlineButton{color:#f16122;background:#fff;border:1px solid #fc6a30;box-shadow:inset 0 0 0 3px #fff,0 0 0 1px #fec6b0}.sfHeroCopy .sfPrimaryButton{isolation:isolate;min-height:54px;box-shadow:none;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-self:start;padding:4px 20px;position:relative}.sfHeroCopy .sfPrimaryButton: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}.sfHeroArt{width:100%;max-width:576px;height:380px;margin-left:auto;position:relative}.sfHeroBackground{border-radius:32px;width:389px;height:339px;position:absolute;top:0;right:27px;overflow:hidden}.sfHeroBackground img,.sfHeroPhoto img{object-fit:cover}.sfHeroPhoto{border-radius:32px;width:257px;height:240px;position:absolute;bottom:0;left:27px;overflow:hidden}.sfHeroLogo{object-fit:cover;width:140px;height:140px;position:absolute;bottom:15px;left:214px}.sfPackages{padding:80px 0}.sfPackages h2,.sfSteps h2{text-align:center;font-size:40px}.sfModemTabs,.sfCustomerTabs{justify-content:center;gap:14px;display:flex}.sfModemTabs{margin:48px 0 16px}.sfCustomerTabs{margin-bottom:36px}.sfCustomerTabs button{color:#383838;cursor:pointer;background:#f7f7f7;border:0;border-radius:999px;padding:10px 20px;font-size:16px}.sfModemTabs button{isolation:isolate;color:#fff;cursor:pointer;min-height:48px;box-shadow:none;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;padding:4px 20px;font-size:16px;font-weight:500;line-height:1.5;position:relative}.sfModemTabs button: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}.sfModemTabs button:hover,.sfModemTabs button:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 5px 12px #f1612238}.sfModemTabs button.active{box-shadow:0 0 0 2px #f161222e,0 5px 12px #f1612238}.sfModemTabs button.active:before{background:linear-gradient(90deg,#f16122,#e94a0a 97.6%)}.sfCustomerTabs button.active{color:#f16122;background:0 0;border-bottom:2px solid #f16122;border-radius:0}.sfCardsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;width:100%;display:grid}.sfCard{background:linear-gradient(90deg,#fc6a30,#fa540b);border:1px solid #ffb292;border-radius:24px;min-width:0;position:relative;overflow:hidden}.sfCard>header{z-index:1;color:#fff;background:0 0;align-items:center;min-height:64px;padding:12px 24px;font-size:20px;font-weight:500;display:flex;position:relative}.sfCard:before{content:"";z-index:0;pointer-events:none;opacity:.32;mix-blend-mode:plus-lighter;background:url(/images/FTTH/card-header-texture.png) 50%/cover;width:145px;height:145px;position:absolute;top:-24px;right:-37px}.sfCardMain{z-index:1;background:#fff;border:1px solid #fff;border-radius:24px 24px 0 0;flex-direction:column;align-items:center;gap:16px;min-height:302px;padding:20px 24px;display:flex;position:relative}.sfCardIcon{flex:none;width:120px;height:95px;position:relative}.sfCardIcon img{object-fit:contain;filter:saturate(6)contrast(1.15)brightness(.92);width:141px;height:141px;position:absolute;top:-14px;left:-11px}.sfCardInfo{flex-direction:column;align-items:center;gap:12px;display:flex}.sfCardInfo>strong{color:#f16122;white-space:nowrap;background:linear-gradient(85deg,#ffae001a,#f2660c1a);border-radius:50px;padding:4px 8px;font-size:16px;font-weight:400;line-height:1.5}.sfCardPrice{white-space:nowrap;align-items:flex-end;gap:4px;display:flex}.sfCardPrice b{color:#0e0d0d;font-size:24px;font-weight:500;line-height:1.5}.sfCardPrice span{color:#0e0d0d;font-size:16px;line-height:1.5}.sfCardPromotion{border-top:1px solid #ededed;width:100%;padding-top:10px}.sfCardPromotion strong{color:#f16122;margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.45;display:block}.sfCardPromotion p{color:#383838;white-space:pre-line;scrollbar-color:#f16122 #fff1eb;scrollbar-width:thin;max-height:11.6em;margin:0;padding-right:4px;font-size:14px;line-height:1.45;overflow-y:auto}.sfCardPromotion p::-webkit-scrollbar{width:4px}.sfCardPromotion p::-webkit-scrollbar-thumb{background:#f16122;border-radius:999px}.sfCardPromotion p::-webkit-scrollbar-track{background:#fff1eb;border-radius:999px}.sfCardBenefits{color:#383838;border-top:1px solid #ededed;width:100%;min-height:0;margin:0;padding:12px 0 0;font-size:14px;line-height:1.45;list-style:none}.sfCardBenefits li{padding-left:22px;position:relative}.sfCardBenefits li+li{margin-top:8px}.sfCardBenefits li:before{content:"✓";color:#00bfa5;font-weight:700;position:absolute;left:0}.sfCardActions{align-items:flex-start;gap:10px;width:100%;margin-top:auto;display:flex}.sfCardDetailFrame,.sfCardRegisterFrame{box-sizing:border-box;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;flex:1 0 0;min-width:0;padding:4px}.sfCardActions a{box-sizing:border-box;color:#f16122;white-space:nowrap;background:#fff;border:1px solid #fc6a30;border-radius:14px;justify-content:center;align-items:center;width:100%;height:48px;padding:4px 8px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sfCardActions a:hover{background:#fef0eb}.sfCardActions .sfCardRegister{color:#fff;background:linear-gradient(90deg,#fc6a30,#fa540b);border:0;border-radius:14px;box-shadow:inset 2px 4px 6px #ffffff47}.sfCardWithBenefits .sfCardMain{min-height:398px}.sfCard:after{content:"";pointer-events:none;border-radius:24px;position:absolute;inset:0;box-shadow:inset 2px 4px 6px #ffffff47}.sfSteps{text-align:center;background:#fff;padding:0 0 80px}.sfStepper{grid-template-columns:repeat(4,1fr);gap:32px;margin:48px 0 0;display:grid;position:relative}.sfStepper:before{content:"";background:#f8d2c2;height:3px;position:absolute;top:49px;left:12.5%;right:12.5%}.sfStep{z-index:1;position:relative}.sfStepIcon{width:100px;height:100px;margin:0 auto 20px;position:relative}.sfStepIcon img{object-fit:fill;width:113px;height:135px;position:absolute;top:0;left:-6px}.sfStepIcon b{color:#fff;text-shadow:0 1px 2px #a00856;place-items:center;font-size:27px;display:grid;position:absolute;inset:0}.sfStep h3{font-family:var(--font-title);margin:0 0 8px;font-size:24px;font-weight:500}.sfStep p{color:#535862;margin:0;font-size:16px;line-height:1.5}@media (max-width:1100px){.sfShell{width:min(1280px,100% - 64px)}.sfHeroInner{grid-template-columns:1fr;padding:60px 0}.sfHeroCopy{text-align:center;max-width:none}.sfBreadcrumb{justify-content:center}.sfHeroCopy .sfPrimaryButton{justify-self:center}.sfHeroArt{margin:0 auto}.sfCardsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sfStepper{grid-template-columns:repeat(2,1fr);row-gap:48px}.sfStepper:before{display:none}}@media (max-width:767px){.sfShell{width:calc(100% - 32px)}.sfHeroInner{gap:22px;min-height:0;padding:28px 0}.sfHeroCopy{text-align:left}.sfBreadcrumb{justify-content:flex-start;font-size:14px}.sfHeroCopy .sfPrimaryButton{justify-self:start}.sfHeroCopy h1,.sfPackages h2,.sfSteps h2{font-size:28px}.sfHeroCopy p{font-size:16px}.sfHeroArt{aspect-ratio:576/380;height:auto}.sfHeroBackground{aspect-ratio:389/339;border-radius:19px;width:67.5%;height:auto;right:4.7%}.sfHeroPhoto{aspect-ratio:257/240;border-radius:19px;width:44.6%;height:auto;bottom:0;left:4.7%}.sfHeroLogo{width:21.7%;height:auto;bottom:3.9%;left:37.2%}.sfPackages{padding:42px 0}.sfModemTabs,.sfCustomerTabs{white-space:normal;flex-wrap:wrap;justify-content:flex-start;overflow:visible}.sfModemTabs{margin-top:28px}.sfCustomerTabs{margin-bottom:24px}.sfModemTabs button{flex:calc(50% - 7px);min-width:0;padding-inline:10px;font-size:13px}.sfCustomerTabs button{flex:calc(50% - 7px);padding-inline:12px;font-size:14px}.sfCardsGrid{grid-template-columns:minmax(0,1fr);gap:20px;margin-right:0;padding-right:0;display:grid;overflow:visible}.sfCard{width:100%}.sfSteps{padding:42px 0}.sfStepper{grid-template-columns:1fr;gap:30px;margin:32px 0}.sfStep{text-align:left;grid-template-columns:66px 1fr;column-gap:16px;display:grid}.sfStepIcon{grid-row:span 2;width:58px;height:58px;margin:0}.sfStepIcon img{height:70px}.sfStepIcon b{padding-bottom:12px;font-size:17px}.sfStep h3{font-size:20px}.sfStep p{font-size:14px}}
