Cell Phone Deals - iPhones and Android Smartphones | Mobility

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html id="shop" lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <head> <title>Cell Phone Deals - iPhones and Android Smartphones | Mobility | Bell Canada</title> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_medium-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_regular-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_semibold-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_heavy-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_black-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/Shared/fonts/shop-icons.woff2" crossorigin> <meta charset="utf-8"> <link rel="icon" href="/styles/images/icons/favicon.ico" type="image/x-icon" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="format-detection" content="telephone=no"> <meta name="description" content="Bell Mobility offers deals on the latest iPhones, the most popular Android smartphones, Apple Watch, Samsung smartwatches & other cell phones from Bell Mobility." /> <meta property="og:title" content="Cell Phone Deals - iPhones and Android Smartphones | Mobility | Bell Canada" /> <meta property="og:description" content="Bell Mobility offers deals on the latest iPhones, the most popular Android smartphones, Apple Watch, Samsung smartwatches & other cell phones from Bell Mobility." /> <meta property="og:url" content="https://www.bell.ca/Mobility/Smartphones_and_mobile_internet_devices" /> <meta property="og:site_name" content="www.bell.ca" /> <meta name="province" content="ON" /> <meta name="language" content="en" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />  <meta name="google-site-verification" content="4lWo1xka4pc2FdoNCDSSEHaG3qLeZ3Ied-vuvhRXy0w" />  <meta name="page_id" content="PrsShpWls_PrdListViewAll" /> <link rel="canonical" href="https://www.bell.ca/Mobility/Smartphones_and_mobile_internet_devices" /> <link rel="alternate" hreflang="en-CA" href="https://www.bell.ca/Mobility/Smartphones_and_mobile_internet_devices" /> <link rel="alternate" hreflang="fr-CA" href="https://www.bell.ca/Mobilite/Telephones_cellulaires_intelligent_et_Internet_mobile" /> <script src="/styles/web/js/bell_externals.js"></script>  <link href="/Styles/media/core/css/brfcore.css?v=2mujWYl2-_HH6jj060mvu6nc5oSYOtwDhG3Rr5eKeSY1" rel="stylesheet"/> <link href="/styles/media/mobility.css?v=DFhTzOVaIm7bRUgR-1X-bzL9H_6tI9fgLJJnDvW7u7s1" rel="stylesheet"/> <script src="/Styles/media/core/js/brfcore-top.js?v=9ktsOtIo0upvJP7-7FiXuOoOJe58RLFJ__wIRPL2vGo1"></script>  <script type="text/javascript"> var maskValidationDone = false; (function (g, b, d, f) { (function (a, c, d) { if (a) { var e = b.createElement("style"); e.id = c; e.innerHTML = d; a.appendChild(e) } })(b.getElementsByTagName("head")[0], "at-body-style", d); setTimeout(function () { var a = b.getElementsByTagName("head")[0]; if (a) { var c = b.getElementById("at-body-style"); c && a.removeChild(c) maskValidationDone = true; } }, f) })(window, document, "body {opacity: 0 !important}", 5E2) </script> <script id="dtm_script-2" type="text/javascript" src="//assets.adobedtm.com/launch-ENebd7a9b148404f67903d514c40949f24.min.js" async></script> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "WebSite", "name" : "Bell Canada", "alternateName" : "Bell", "url" : "https://www.bell.ca/" } </script>  <script type="text/javascript" src="/ruxitagentjs_ICA7NQVfghqrtux_10301241007103824.js" data-dtconfig="rid=RID_1263036211|rpid=-827372580|domain=bell.ca|reportUrl=/rb_bced360d-a02a-4b73-b0e7-46fe5ae1dc34|app=429b1eac4514c5ce|ssc=1|uanpi=2|featureHash=ICA7NQVfghqrtux|doNotDetect=scr|msl=153600|vcfi=0|srsr=65000|xb=(https:^bs/^bs/tr^bs.snapchat^bs.com^bs/p)^p(https:^bs/^bs/edge^bs.bell^bs.ca)^p(https:^bs/^bs/api2^bs.branch^bs.io^bs/v1^bs/pageview)^p(https:^bs/^bs/analytics^bs.google^bs.com^bs/g^bs/collect)^p(https:^bs/^bs/stats^bs.g^bs.doubleclick^bs.net^bs/j^bs/)^p(https:^bs/^bs/collection^bs.decibelinsight^bs.net)^p(https:^bs/^bs/c^bs.go^bs-mpulse^bs.net^bs/api^bs/config^bs.json)^p(https:^bs/^bs/dpm^bs.demdex^bs.net^bs/id)^p(https:^bs/^bs/[a-z]^bs.clarity^bs.ms^bs/collect)^p(https:^bs/^bs/www^bs.bell^bs.ca^bs/ajax^bs/FacebookConversion^bs/TrackEvent)^p(https:^bs/^bs/px^bs.ads^bs.linkedin^bs.com)^pusageanalytics^bs.coveo^bs.com^pinqchat^bs.html^pwww^bs.google^bs-analytics^bs.com^pdata1^bs.bell^bs.ca^p^bs/TealeafTarget^bs.TeaLeaf^pmbox^pct^bs.pinterest^bs.com^pglassboxdigital|rdnt=1|uxrgce=1|bp=3|cuc=gticcd0a|chw=https?:^bs/^bs/.*dofbffselfserveapi*|srms=2,0,0,0%2F%23divStandardLightboxLarge%20%3E%20div%20%3E%20div%20%3E%20div.modal-body.bgWhite.body-pad.hiddenOverFlow%26;0%2F%23profileinformation-prf-rcry%20%3E%20div%20%3E%20div%20%3E%20div.table.table-bordered.table-hover%20%3E%20div%20%3E%20div;0%2F%23CreditCard_CardNumber%26;0%2F%23expiryYear%26;0%2F%23expiryDay%26;0%2F%23expiryMonth%26;0%2F%23dlprovince%26;0%2F%23txtDriverLicenseNumber%26;0%2F%23SinNumber%26;0%2F%23CreditCardNumber%26;0%2F%23mobSelect%20%3E%20button%26;0%2F%23LoginInfoModel_SecretQuestionId3%26;0%2F%23LoginInfoModel_SecretQuestionId2%26;0%2F%23txtSecretAnswer1%26;0%2F%23LoginInfoModel_SecretQuestionId1%26;0%2F%23PASSWORD%26;0%2F%23txtPhotoCardIdNumber%26;0%2F%23EXPY%2C%20%23EXPY%20%7E%20.rsx-custom-select-trigger%26;0%2F%23EXPD%2C%20%23EXPD%20%7E%20.rsx-custom-select-trigger%26;0%2F%23EXPM%2C%20%23EXPM%20%7E%20.rsx-custom-select-trigger%26;0%2F%23txtPassportId%26;0%2F%23CVV_PI%26;0%2F%23CC_expYear_PI%2C%20%23CC_expYear_PI%20%7E%20.rsx-custom-select-trigger%26;0%2F%23CC_expMonth_PI%2C%20%23CC_expMonth_PI%20%7E%20.rsx-custom-select-trigger%26;0%2F%23PassportExpiryDate%2C%20%23PassportExpiryDate%20%7E%20.rsx-custom-select-trigger%26;0%2F%23PassportNumber%26;0%2F%23PassportCountry%26;0%2F%23billingAddressDiv%20%3E%20div.rsx-input-row%20%3E%20div%20%3E%20span%26;0%2F%23CvvNumber_Payment%2C%20%23CvvNumber_Payment%20%7E%20.rsx-custom-select-trigger%26;0%2F%23CcYearData_Payment%2C%20%23CcYearData_Payment%20%7E%20.rsx-custom-select-trigger%26;0%2F%23CcMonthData_Payment%2C%20%23CcMonthData_Payment%20%7E%20.rsx-custom-select-trigger%26;0%2F%23txtCCNumber_Payment%2C%20%23txtCCNumber_Payment%20%7E%20.rsx-custom-select-trigger%26;0%2F%23Cardholdername%2C%20%23Cardholdername%20%7E%20.rsx-custom-select-trigger%26;0%2F%23PersonalInformation_CreditInformationViewModel_DateOfBirth%26;0%2F%23csc-number%26;0%2F%23expiration-year%26;0%2F%23expiration-month%26;0%2F%23cardholder-name;0%2F%23card-number;0%2F%23Answer1%26;0%2F%23SecretQuestion1%26;0%2F%23txtSecretAnswer3%26;0%2F%23txtCustomQuestion3%26;0%2F%23txtSecretQuestion3%26;0%2F%23txtCustomQuestion2%26;0%2F%23txtSecretAnswer2%26;0%2F%23txtSecretQuestion2%26;0%2F%23txtCustomQuestion1%26;0%2F%23txtSecretQuestion1%26;0%2F%23HomePhone%26;0%2F%23CreditCard_ExpirationDateYY%2C%20%23CreditCard_ExpirationDateYY%20%7E%20.rsx-custom-select-trigger%26;0%2F%23ReviewPage_CardExpiryDate%26;0%2F%23CreditCard_ExpirationDataMM%2C%20%23CreditCard_ExpirationDataMM%20%7E%20.rsx-custom-select-trigger%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%287%29%20%3E%20div.sectionContent%26;0%2F%23transitCode%26;0%2F%23frmConfirm%20%3E%20div.standard-outline-custom-src.cWrap%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%26;0%2F%23cardHolderName%20%3E%20div.form-group-input%20%3E%20div%20%3E%20span%3Anth-child%282%29%26;0%2F%23PersonalInformation_CreditInformationViewModel_DateOfBirthTemp%26;0%2F%23prepaid-review-card-holder%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%285%29%26;0%2F%23BankAccountInfo_CardHolder%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%2810%29%26;0%2F%23txtBankCode%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%284%29%20%3E%20div.sectionValue%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%284%29%20%3E%20div.sectionContent%26;0%2F%23prepaid-review-expiration-date%26;0%2F%23txtCardHoldersName%26;0%2F%23TransitNumber%26;0%2F%23bankCode%26;0%2F%23txtTransitCode%26;0%2F%23MOB%2C%20%23MOB%20%7E%20.rsx-custom-select-trigger%26;0%2F%23frmSubmitReview%20%3E%20div%3Anth-child%283%29%20%3E%20div.colGroup%20%3E%20div.col6.colLast%20%3E%20div%20%3E%20ul%3Anth-child%286%29%26;0%2F%23txtCCNumber%26;0%2F%23SelectedCreditCard_SecurityCodeMasked%26;0%2F%23content%20%3E%20div.cWrap.standard-outline-custom-src%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%285%29%20%3E%20div.sectionContent%26;0%2F%23SelectedCreditCard_ExpireMonth%26;0%2F%23prepaid-review-payment-info-section%26;0%2F%23AccountNumber%26;0%2F%23accountHolderLastName%26;0%2F%23ddlCCYear%26;0%2F%23SelectedCreditCard_CreditCardNumberMasked%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%283%29%20%3E%20div.sectionValue%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%286%29%26;0%2F%23accountHolderFirstName%26;0%2F%23YOB%2C%20%23YOB%20%7E%20.rsx-custom-select-trigger%26;0%2F%23SelectedCreditCard_ExpireYear%26;0%2F%23CreditCard_SecurityCode%26;0%2F%23paymentDetails%20%3E%20div%3Anth-child%281%29%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%286%29%20%3E%20div.sectionContent%26;0%2F%23bankName%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%286%29%20%3E%20div.sectionContent%26;0%2F%23ReviewPage_CardHolderName%26;0%2F%23ReviewPage_PaymentExpiryDate%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%285%29%20%3E%20div.sectionContent%26;0%2F%23BankName%26;0%2F%23txtBankAcctNumber%26;0%2F%23cardHolderName%20%3E%20div.form-group-input%20%3E%20div%20%3E%20span%3Anth-child%281%29%26;0%2F%23txtCreditCardHolderName%26;0%2F%23prepaid-review-card-number%26;0%2F%23DOB%2C%20%23DOB%20%7E%20.rsx-custom-select-trigger%26;0%2F%23Payment_PaymentInformation_PaymentInfoDetail_CreditCard_CardHolderName%26;0%2F%23ddlCCMonth%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%287%29%20%3E%20div.sectionContent%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%287%29%20%3E%20div.sectionValue%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%287%29%26;0%2F%23ddlBankName%26;0%2F%23ReviewPage_DataOfBirth%26;0%2F%23ReviewPage_PaymentCardHolderName%26;0%2F%23your-order-accordion-body%20%3E%20div%20%3E%20section%3Anth-child%284%29%20%3E%20div%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20table%20%26;0%2F%23CreditCardExpirationDate%26;0%2F%23txtSecurityCode%26;0%2F%23frmConfirm%20%3E%20div.standard-outline-custom-src.cWrap%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%26;0%2F%23txtCardNumber%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%284%29%20%3E%20div.sectionContent%26;0%2F%23frmBack%20%3E%20div%3Anth-child%286%29%20%3E%20div%20%3E%20div%3Anth-child%288%29%20%3E%20div%3Anth-child%287%29%20%3E%20div%3Anth-child%282%29%26;0%2F%23SelectedCreditCard_CardholderName%26;0%2F%23txtBankPayerName%26;0%2F%23BankAccountInfo_AccountNumberMasked%26;0%2F%23bankAccountNumber%26;0%2F%23CardholderName%26;0%2F%23BankAccountInfo_TransitCode%26;0%2F%23AccountHolderName%26;0%2F%23txtSSN%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%288%29%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%284%29%26|mdl=mdcc16=20|mel=100000|dpvc=1|md=mdcc1=clast_login_attempt_bup,mdcc4=bbdaDL[0].page.info.url,mdcc5=b_dim_ga.dimension14,mdcc6=b_dim_ga.dimension37,mdcc7=ahtml@id,mdcc8=b_dim_ga.dimension23,mdcc11=a#USER,mdcc12=bs.pageURL,mdcc15=cgemini,mdcc16=czone,mdcc17=bserverName,mdcc18=b_dim_ga.dimension38,mdcc19=borderId,mdcc20=bnavigator.connection.downlink,mdcc21=bnavigator.connection.effectiveType,mdcc22=c_cls_s|ssv=4|lastModification=1732825447833|tp=500,50,0|agentUri=/ruxitagentjs_ICA7NQVfghqrtux_10301241007103824.js"></script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="ELNCJ-SNJ8G-MAJUF-JX27D-KEUXV",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"ELNCJ-SNJ8G-MAJUF-JX27D-KEUXV",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxexpmkz2jpfqa-f-666ccff34-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"930435","ak.ai":parseInt("595822",10),"ak.ol":"0","ak.cr":173,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"1431ccc","ak.r":40956,"ak.a2":e,"ak.m":"","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":46308,"ak.gh":"23.38.191.132","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732868448","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==se+gNgWA5XYjsiK5WiJ59dTLlDgW6cSPiKYrjE1R6O0GL9B7YcFEV9kgKynK/Ne+sE4dvy17HquEo6AC3VXphpV56PAKvn9y4CWeW5zYG5+qmXMgPWYd6H4R4ADJm2nY7FkDKImVcLcYvqeaR2B++bubSJDaVj+rxpQh4rTkKCx+m/BMsuZ0JLMYVcg5cvqONhf88/q/shWyzXhEDODHHHCOUK0xIBucPDpvshPP6KR0sw3NDFThiwYDEwDp3L3/sp3NZ5ygIepJTfgZwM60oRlzPDMr9GDS6Wirq2jHjBRMqpWVcgZDvxDnSU7cASU27/qKukJYwnh5J/NWdQOxYz3F2dUXg7DHIikEOVb5db1D275ddbrpcW1CV3FnHv5S8zrL4sTmdu+0eMAWnWpC/4MtI822HNzLrtkCBsyg57w=","ak.pv":"194","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body class="page-code_prsshpwls-prdlistviewall brfpad sb-override"> <script type="text/javascript"> var isSlowConnection = false; try { let connection = navigator.connection || navigator.webkitConnection || navigator.mozConnection; if (connection && (connection.effectiveType === "4g" || connection.effectiveType === "3g")) { isSlowConnection = true; } } catch (ex) { console.warn(ex) } (function () { const checkAdobeVariable = ({ addGlobalLoader, removeGlobalLoader }) => { var globalEvent; addGlobalLoader(); function removeProgressLoader(e) { globalEvent = e; if (globalEvent) { clearInterval(interval); removeGlobalLoader(); } else { setTimeout(() => { clearInterval(interval); removeGlobalLoader(); }, 200); } } const interval = setInterval(() => { if (typeof adobe !== 'undefined' && typeof adobe.target.event !== 'undefined' && adobe.target.event.hasOwnProperty('CONTENT_RENDERING_SUCCEEDED') && !globalEvent) { document.addEventListener(adobe.target.event.CONTENT_RENDERING_SUCCEEDED, removeProgressLoader); globalEvent = null; if (isSlowConnection) { setTimeout(() => { removeProgressLoader(); }, 1000); } } }, 200); if (!isSlowConnection) { setTimeout(() => { removeProgressLoader(); }, 200); } }; function addGlobalLoader() { document.getElementsByTagName("html")[0].classList.add("progressiveLoader"); } function removeGlobalLoader() { document.getElementsByTagName("html")[0].classList.remove("progressiveLoader"); } if (document.querySelector("body")) { checkAdobeVariable({ addGlobalLoader, removeGlobalLoader }); } })() </script> <style> .progressiveLoader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: white; z-index: 1000000; overflow: hidden; } .progressiveLoader body { background-color: white!important; opacity: 1!important; } .progressiveLoader body > *:not(.progressiveLoader-logo) { opacity: 0 !important; } .progressiveLoader-logo { fill: #00549a; width: 62px; height: 34px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1100000; display: none; } .progressiveLoader body .progressiveLoader-logo { display: block; } </style> <svg class="progressiveLoader-logo" tabindex="-1" focusable="false" aria-hidden="true" viewBox="0 0 65 37.2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M48.3 21.4c-.3-1.6-1-3-1.9-4.2-1.9-2.6-5.1-4.1-9.3-4.1-6.6 0-10.6 4.5-11.8 9.2-1-3.3-4-5.6-7-6.5 2.3-1.7 3.5-4.1 3.5-6.8 0-2.5-1-4.8-2.8-6.3C16.4.4 12.8 0 8.5 0H0v36.7h7.3c2.2 0 4.2 0 6.2-.1 6.2-.2 10.4-3.4 11.8-8 .5 2.1 1.3 3.8 2.5 5.1 2.4 2.6 5.8 3.7 9.3 3.7 4.3 0 7.4-1.2 9.5-3.1l-3-3.5c-1.5 1.2-3.5 1.8-5.7 1.8-4.3 0-6.2-2.7-6.4-5.4h16.9v9.6h6.3V.1h-6.3l-.1 21.3zM6.5 4.9h1.7c1.7 0 3 .2 4 .6 1.9.7 2.8 2.3 2.8 4.1 0 1.6-.6 4.1-4 4.8-.6.1-1.4.2-2.5.2h-2V4.9zm7.1 26.4c-.8.1-1.7.2-2.6.2H6.5v-12h4.1c1.3 0 2.7.1 3.6.3 2.9.8 4.5 2.8 4.5 5.5 0 2.9-1.5 5.3-5.1 6zm18-8.9c.6-2.7 2.5-4.6 5.4-4.6 2.9 0 4.8 1.7 5.4 4.6H31.6zM58.8.1H65v36.5h-6.2V.1z"></path> </svg>  <link rel="stylesheet" href="/Styles/BRF3/core/css/connector.css" /> <script src="/Styles/BRF3/core/js/connector.js"></script> <script> document.addEventListener("DOMContentLoaded", function () { BELL.gConnector.init(); }); </script>  <header class="g-header" id="ngcHeader"> <a href="#maincontent" class="g-skip-to-main-link">Skip to main content</a> <div class="g-federal-bar" id="federalBarG"> <div class="g-connector-container"> <ul class="g-federal-bar-links g-federal-bar-links--left"> <li> <a href=/Residential_services class="g-active">Personal</a> </li> <li> <button type="button" aria-expanded="false" aria-controls="businessSectionDesktop" id="businessSectionDesktopBtnG" class="g-connector-business-btn-desktop"> <span>Business</span> </button> <div class="g-connector-business-section-desktop g-visually-hidden" id="businessSectionDesktopG" aria-hidden="true"> <ul> <li> <a href=https://business.bell.ca/shop/small-business#EXT=BellRef_Consumer_FedNav_SMB_01192018_TF tabindex="-1"> <span class="d-block d-md-inline-block bhp-business-connector-span" style="font-weight: 700; ">Small Business</span><span class="d-block bhp-business-connector-span">1 to 100 employees</span> </a> </li> <li> <a href=https://business.bell.ca/shop/medium-large#EXT=BellRef_Consumer_FedNav_ENT_01192018_TF tabindex="-1"> <span class="d-block d-md-inline-block bhp-business-connector-span" style="font-weight: 700; ">Enterprise</span><span class="d-block bhp-business-connector-span">Over 100 employees</span> </a> </li> </ul> </div> </li> <li> <a href=https://www.bell.ca/Bell-for-Better class="">Bell for Better</a> </li> </ul> <ul class="g-federal-bar-links g-federal-bar-links--right"> <li> <button type="button" aria-expanded="false" class="g-connector-stores-btn-desktop" id="storeLocatorBtnG" aria-controls="storeLocatorG">Find a store</button> <input type="hidden" id="gmapsURLG" value="https://maps.google.com/maps/api/js?v=3&libraries=places&region=ca&language=en&client=gme-bellcanada4" /> <div class="g-store-locator g-visually-hidden" id="storeLocatorG" data-url="http://www.bell.ca/Store_Locator?INT=All_hmpg_TXT_header_Mass_100920_es_findstore" data-target="_blank"> <ul class="g-store-locator-links"> <li> <button type="button" class="g-store-locator-link" id="storeLocatorFindStoreBtnG" aria-label="Find a store near you" aria-expanded="false" tabindex="-1" aria-controls="storeLocatorToolsG"> Find a store </button> </li> <li> <a href="https://appointments.bell.ca " class="g-store-locator-link" tabindex="-1"> Book an appointment </a> </li> </ul> <div class="g-store-locator-tools" id="storeLocatorToolsG" aria-hidden="true"> <h2 class="g-store-locator-title" id="storeLocatorTitleG"> Find a store </h2> <label id ="addressLabel" class="g-store-locator-address-label" for="searchField">Enter your address or postal code</label> <input id="storeSearchFieldG" class="g-store-locator-address" type="text" name="search" autocomplete="off" aria-labelledby="addressLabel" placeholder=""> <fieldset class="g-store-locator-filters" id="storeLocatorFiltersG"> <legend>Filter store by</legend> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="a" data-omniture-tag="In-store appointment" id="storeFilters_apointments"> <span class="g-input-visual"></span> <label for="storeFilters_apointments">In-store appointments</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="A" data-omniture-tag="Mobile dev" id="storeFilters_mobile-dev"> <span class="g-input-visual"></span> <label for="storeFilters_mobile-dev">Mobile devices for business + consumer</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="Z" data-omniture-tag="Mobile dev" id="storeFilters_tv"> <span class="g-input-visual"></span> <label for="storeFilters_tv">Residential: Internet + TV + Phone</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="K" data-omniture-tag="Business T" id="storeFilters_business"> <span class="g-input-visual"></span> <label for="storeFilters_business">Business: Internet + TV + Phone</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="f" data-omniture-tag="Mobile Repair" id="storeFilters_repair"> <span class="g-input-visual"></span> <label for="storeFilters_repair">Mobile repairs</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="H" data-omniture-tag="Fibe TV li" id="storeFilters_fibedemo"> <span class="g-input-visual"></span> <label for="storeFilters_fibedemo">Fibe TV live demo</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="I" data-omniture-tag="Bell Trade" id="storeFilters_tradein"> <span class="g-input-visual"></span> <label for="storeFilters_tradein">Bell Trade-in program</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="P" data-omniture-tag="Bell Trade" id="storeFilters_chinese"> <span class="g-input-visual"></span> <label for="storeFilters_chinese">Chinese Support華語服務</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="Q" data-omniture-tag="Bell Trade" id="storeFilters_hindi"> <span class="g-input-visual"></span> <label for="storeFilters_hindi">Hindi | Punjabi Support</label> </span> </fieldset> <button type="button" class="g-button js-open-store-locator" id="storeLocatorLaunchBtnG">Find stores</button> </div> </div> </li> <li> <a href="https://www.bell.ca/Accessibility_services#INT=OTH_Accessserv_TXT_FedNav">Accessibility</a> </li> <li> <span class="sr-only" aria-hidden="true" id="selectProvinceLabel" lang="fr-CA">Select province</span> <button type="button" class="g-prov-selector-desktop-btn" aria-controls="provSelectorDesktop" id="provSelectorDesktopBtnG" aria-expanded="false" aria-labelledby="selectProvinceLabel abbrProvince currProvince"> <span class="sr-only" id="currProvince">Ontario</span> <abbr title="Ontario" id="abbrProvince">ON</abbr> </button> <div class="g-prov-selector-desktop g-visually-hidden" id="provSelectorDesktopG"> <ul> <li> <a href="javascript:void(0)" data-test="ab" tabindex="-1" id="provSelectorDesktopG-1" data-name="province-1" data-value="AB" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Alberta</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="bc" tabindex="-1" id="provSelectorDesktopG-2" data-name="province-2" data-value="BC" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> British Columbia</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="mb" tabindex="-1" id="provSelectorDesktopG-3" data-name="province-3" data-value="MB" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Manitoba</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="nb" tabindex="-1" id="provSelectorDesktopG-4" data-name="province-4" data-value="NB" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> New Brunswick</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="nl" tabindex="-1" id="provSelectorDesktopG-5" data-name="province-5" data-value="NL" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Newfoundland And Labrador</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="nt" tabindex="-1" id="provSelectorDesktopG-6" data-name="province-6" data-value="NT" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Northwest Territories</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="ns" tabindex="-1" id="provSelectorDesktopG-7" data-name="province-7" data-value="NS" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Nova Scotia</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="nu" tabindex="-1" id="provSelectorDesktopG-8" data-name="province-8" data-value="NU" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Nunavut</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="on" tabindex="-1" id="provSelectorDesktopG-9" data-name="province-9" aria-current="location" data-value="ON" class=" g-prov-selector-province g-ative "> <span class="g-prov-selector-province-label"> Ontario</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="pe" tabindex="-1" id="provSelectorDesktopG-10" data-name="province-10" data-value="PE" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Prince Edward Island</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="qc" tabindex="-1" id="provSelectorDesktopG-11" data-name="province-11" data-value="QC" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Quebec</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="sk" tabindex="-1" id="provSelectorDesktopG-12" data-name="province-12" data-value="SK" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Saskatchewan</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="yt" tabindex="-1" id="provSelectorDesktopG-13" data-name="province-13" data-value="YT" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Yukon</span> <span class="g-prov-selector-province-bg"></span> </a> </li> </ul> </div> </li> <li> <a href="javascript:void(0)" class="g-lang-selector-desktop" translate="no" aria-label="Consulter le site en français" lang="fr-CA" id="langSelectorDesktopBtnG" data-language="en" data-alternative="fr" data-vanityurl="https://www.bell.ca/Mobilite/Telephones_cellulaires_intelligent_et_Internet_mobile">FR</a> </li> </ul> </div> </div> <div class="g-connector " id="connector"> <div class="g-connector-container">  <div class="g-mobile-bar" id="mobileBarG"> <a href="/" class="g-mobile-bar-logo"> <div class="sr-only">Home</div> <svg tabindex="-1" focusable="false"><use tabindex="-1" focusable="false" xlink:href="#icon-bell-logo"></use></svg> </a> <div class="g-mobile-bar-lob">Mobility</div> <div class="g-mobile-bar-btns-wrap"> <a href="https://mybell.bell.ca/Login" class="g-login-btn-mobile g-visually-hidden" tabindex="-1" id="mobileLoginLinkG" aria-hidden="true">Log in / Register</a> <button type="button" class="g-back-btn-mobile g-visually-hidden" href="#" id="mobileBackBtnG" disabled="disabled" aria-hidden="true"> Back </button> <button type="button" class="g-icon-btn g-mobile-bar-search-btn" id="mobileBarSearchBtnG" aria-label="Expand search field" data-label-expand="Expand search field" data-label-collapse="Collapse search field"> <svg tabindex="-1" focusable="false"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg> </button>  <button type="button" class="g-icon-btn g-mobile-bar-cart-btn" id="mobileBarCartBtnEmpy"> <span class="sr-only">Cart</span> <svg tabindex="-1" focusable="false"><use tabindex="-1" focusable="false" xlink:href="#icon-cart-alt"></use></svg> </button> <div class="g-mobile-bar-cart-popup g-mobile-bar-cart-popup--cart-empty" id="mobileCartEmptyPopup" role="dialog" aria-labelledby="mobileCartEmptyLabel"> <span tabindex="0" aria-hidden="true" style="opacity: 0" onfocus="document.getElementById('mobileCartEmptyPopupClose').focus()"></span> <button type="button" class="g-mobile-bar-popup-close-btn" id="mobileCartEmptyPopupClose" aria-label="Close empty cart popup"><span aria-hidden="true"></span><span aria-hidden="true"></span></button> <div class="g-cart-popup-image-wrap"> <svg tabindex="-1" focusable="false" class="g-cart-popup-image"><use tabindex="-1" focusable="false" xlink:href="#icon-cart-alt"></use></svg> </div> <div class="g-cart-popup-text" id="mobileCartEmptyLabel"> Your shopping cart is empty </div> <span tabindex="0" aria-hidden="true" style="opacity: 0" onfocus="document.getElementById('mobileCartEmptyPopupClose').focus()"></span> </div> <div class="g-connector-popup-backdrop" id="connectorPopupBackdrop"></div> <button type="button" class="g-icon-btn g-mobile-bar-nav-btn" id="mobileBarNavBtnG" aria-pressed="false" title="Expand Mobile Navigation" data-label-expand="Expand Mobile Navigation" data-label-collapse="Collapse Mobile Navigation"> <span aria-hidden="true"></span><span aria-hidden="true"></span><span aria-hidden="true"></span> </button> </div> <button type="button" class="g-icon-btn g-mobile-bar-search-close-btn" id="mobileBarSearchCloseBtn" aria-label="Close search"> <span aria-hidden="true"></span><span aria-hidden="true"></span> </button> </div>  <div class="g-connector-nav-wrap g-hide-mobile-tablet " id="connectorNavWrapG"> <nav id="connectorNavG" class="g-connector-nav-main" aria-label="Main"> <a href="/" aria-label="Bell Home Page" class="g-connector-nav-logo"> <svg tabindex="-1" focusable="false" class="g-connector-nav-logo-bell"><use tabindex="-1" focusable="false" xlink:href="#icon-bell-logo"></use></svg> </a> <ul class="g-connector-nav-lobs" id="connectorNavLobsG">   <li class="g-connector-nav-lob g-connector-active"> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-SHOP_MOBILITY"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Mobility</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-SHOP_MOBILITY">  <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container">  <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-SHOP_MOBILITY"> SHOP MOBILITY </h3> <ul class="g-connector-nav-shop-list" aria-label="SHOP MOBILITY"> <li class=""> <a href="/Mobility" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Why Bell Mobility</span> </a> </li> <li class=""> <a href="/Mobility/Our_network" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Our network</span> </a> </li> <li class=""> <a href="/Mobility/Cell_phone_plans" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Plans</span> </a> </li> <li class="g-connector-active"> <a href="/Mobility/Smartphones_and_mobile_internet_devices" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Phones and devices</span> </a> </li> <li class=""> <a href="/Mobility/ConnectedThings#main" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Connected things</span> </a> </li> </ul> </div>    </div> </div>  </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-SHOP_INTERNET"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Internet</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-SHOP_INTERNET">  <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container">  <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-SHOP_INTERNET"> SHOP INTERNET </h3> <ul class="g-connector-nav-shop-list" aria-label="SHOP INTERNET"> <li class=""> <a href="/Bell_Internet" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Why Fibe Internet</span> </a> </li> <li class=""> <a href="/Bell_Internet/Internet_access" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Fibe Internet plans</span> </a> </li> <li class=""> <a href="/Bell_Internet/Products/WiFi" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Wi-Fi</span> </a> </li> <li class=""> <a href="/Bell_Internet/promotions/wireless-home-internet" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Rural Internet</span> </a> </li> </ul> </div>    </div> </div>  </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-FIBE_TV"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">TV</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-FIBE_TV">  <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container">  <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-FIBE_TV"> </h3> <ul class="g-connector-nav-shop-list" aria-label=""> <li class=""> <a href="/Fibe-TV" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Why Fibe TV</span> </a> </li> <li class=""> <a href="/Fibe-TV/Fibe-Programming-Packages" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Fibe TV packages</span> </a> </li> <li class=""> <a href="/Fibe-TV/Fibe-TV-App" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Fibe TV app</span> </a> </li> <li class=""> <a href="/Fibe-TV-App/fibe-tv-app-programming-packages" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Fibe TV app packages</span> </a> </li> <li class=""> <a href="/Bell_TV" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Satellite TV</span> </a> </li> <li class=""> <a href="/Whats-on/Live" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">What's on</span> </a> </li> </ul> </div>    </div> </div>  </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-BUNDLES"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Bundles</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-BUNDLES">  <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container">  <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-BUNDLES"> SHOP BUNDLES </h3> <ul class="g-connector-nav-shop-list" aria-label="SHOP BUNDLES"> <li class=""> <a href="/Bell-bundles" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Internet + TV</span> </a> </li> <li class=""> <a href="/Bell-bundles/Internet-Mobility" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Internet + Mobility</span> </a> </li> <li class=""> <a href="/Bell-bundles/Build-Your-Bundle/Bundle" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Build your own</span> </a> </li> </ul> </div>    </div> </div>  </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-SMART_HOME_ALL"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Smart Home</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-SMART_HOME_ALL">  <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container">  <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-SMART_HOME_ALL"> </h3> <ul class="g-connector-nav-shop-list" aria-label=""> <li class=""> <a href="/Smart-Home" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Why Bell Smart Home</span> </a> </li> <li class=""> <a href="/Smart-Home/Packages" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Packages</span> </a> </li> <li class=""> <a href="/Smart-Home/Devices" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Devices</span> </a> </li> </ul> </div>    </div> </div>  </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-SHOP_HOMEPHONE"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Home phone</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-SHOP_HOMEPHONE">  <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container">  <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-SHOP_HOMEPHONE"> SHOP HOME PHONE </h3> <ul class="g-connector-nav-shop-list" aria-label="SHOP HOME PHONE"> <li class=""> <a href="/Home_phone" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Packages</span> </a> </li> <li class=""> <a href="/Home_phone/Long_distance_plans" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Long distance</span> </a> </li> <li class=""> <a href="/Home_phone/Calling_features" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Calling features</span> </a> </li> </ul> </div>    </div> </div>  </div> </li> <li class="g-connector-nav-lob "> <a class="g-connector-nav-item" href="/Bell-Promotions/Black-Friday#INT=MULTI_hmpg_NAV_BlackFriday_110824_LM"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label shimmer">Black Friday</span> </a> </li> <li class="g-connector-nav-lob "> <a class="g-connector-nav-item" href="https://support.bell.ca/"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label ">Support</span> </a> </li> </ul> </nav> <div class="g-federal-bar-mobile" id="federalBarMobileG"> <ul> <li> <a href=/Residential_services>Personal</a> </li> <li> <button type="button" aria-expanded="false" aria-controls="businessSectionMobileG" id="businessSectionMobileBtnG" class="g-connector-business-btn-mobile"> <span>Business</span> </button> <div class="g-connector-business-section-mobile" id="businessSectionMobileG" aria-hidden="true"> <ul> <li class="g-connector-business-item-mobile"> <a href=https://business.bell.ca/shop/small-business#EXT=BellRef_Consumer_FedNav_SMB_01192018_TF tabindex="-1"> <span class="d-block d-md-inline-block bhp-business-connector-span" style="font-weight: 700; ">Small Business</span><span class="d-block bhp-business-connector-span">1 to 100 employees</span> </a> </li> <li class="g-connector-business-item-mobile"> <a href=https://business.bell.ca/shop/medium-large#EXT=BellRef_Consumer_FedNav_ENT_01192018_TF tabindex="-1"> <span class="d-block d-md-inline-block bhp-business-connector-span" style="font-weight: 700; ">Enterprise</span><span class="d-block bhp-business-connector-span">Over 100 employees</span> </a> </li> </ul> </div> </li> <li> <a href=https://www.bell.ca/Bell-for-Better>Bell for Better</a> </li> <li> <a href="http://www.bell.ca/Store_Locator">Find a store</a> </li> <li> <a href="https://appointments.bell.ca ">Book an appointment</a> </li> <li> <a href="https://www.bell.ca/Accessibility_services#INT=OTH_Accessserv_TXT_FedNav">Accessibility</a> </li> </ul> <div class="g-mobile-lang-prov"> <div class="g-mobile-prov-selector-wrap" translate="no"> <select name="Ontario" aria-label="Select province" id="provSelectorMobileG" class="g-prov-selector-mobile"> <option value="AB" > AB </option> <option value="BC" > BC </option> <option value="MB" > MB </option> <option value="NB" > NB </option> <option value="NL" > NL </option> <option value="NT" > NT </option> <option value="NS" > NS </option> <option value="NU" > NU </option> <option value="ON" selected="selected"> ON </option> <option value="PE" > PE </option> <option value="QC" > QC </option> <option value="SK" > SK </option> <option value="YT" > YT </option> </select> </div> <a href="javascript:void(0)" class="g-lang-selector-mobile" translate="no" id="langSelectorMobileBtnG" data-language="en" data-alternative="fr" data-vanityurl="https://www.bell.ca/Mobilite/Telephones_cellulaires_intelligent_et_Internet_mobile">FR</a> </div> </div> </div> <div class="g-connector-additional-options"> <button type="button" class="g-icon-btn g-desktop-bar-search-btn" id="desktopSearchBtnG" aria-pressed="false" aria-label="Expand search field" data-label-expand="Expand search field" data-label-collapse="Collapse search field"> <svg tabindex="-1" focusable="false"> <use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use> </svg> </button>  <div class="g-desktop-cart-wrap"> <a href="javascript:void(0)" class="g-icon-btn g-desktop-bar-cart-btn" aria-disabled="true" aria-label="Your shopping cart is empty" id="cartBtnG"> <svg tabindex="-1" focusable="false"><use tabindex="-1" focusable="false" xlink:href="#icon-cart-alt"></use></svg> </a> <div class="g-cart-tooltip g-visually-hidden" id="emptyCartTooltipG" role="tooltip" aria-hidden="true"> <div class="g-cart-tooltip-image-wrap"> <svg tabindex="-1" focusable="false" class="g-cart-tooltip-image"><use tabindex="-1" focusable="false" xlink:href="#icon-cart-alt"></use></svg> </div> <div class="g-cart-tooltip-text"> Your shopping cart is empty </div> </div> </div>  <div class="g-connector-logged-in-wrap"> <a href="https://mybell.bell.ca/Login" class="g-outline-button" id="desktopLoginLink">Log in / Register</a> </div> </div>  <div class="g-connector-search-controls-wrap"> <div role="search" class="g-connector-search-wrap g-visually-hidden" id="connectorSearchWrapG" data-is-coveo-search-enabled="True"> <form id="rsx-connector-search" class="g-connector-search js-connector-search-form" method="POST" data-mktseg="shp" data-suggestions="#autocomplete-search-results" data-url="/Search?q=#qbox#" data-autocompletehost="https://www.bell.ca/Search/Search/GetAutocomplete" action="?">  <svg class="g-connector-search-icon"> <use xlink:href="#icon-magnifying-glass"></use> </svg> <input class="g-connector-search-field" name="query" placeholder="Search" title="Search bell.ca" autocomplete="off" spellcheck="false" aria-autocomplete="list" id="searchFieldG" tabindex="-1"> <div class="g-connector-search-buttons"> <button type="reset" class="g-connector-reset-search-btn" id="resetConnectorSearchBtnG" aria-label="Reset search terms" tabindex="-1"> <svg class=""> <use xlink:href="#icon-solid-circle-x"></use> </svg> </button> </div> <div class="sr-only" id="searchAutocompleteLiveregionG" role="status" aria-live="assertive" aria-relevant="additions" data-message-single="1 result is available. Use the up and down arrow keys to navigate." data-message-multiple="{0} results are available. Use the up and down arrow keys to navigate."></div> </form> <span class="sr-only" id="voice_warning_alt_g" aria-hidden="true">Select this button and then dictate your search. Successful results will be displayed on a new page.</span> <div class="g-connector-search-popular g-active" id="searchPopularConnector"> <div role="heading" aria-level="3" class="g-connector-search-popular-title" id="searchPopularTitle">Popular searches</div> <ul aria-labelledby="searchPopularTitle"> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">Crave</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">Apple Watch</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">eSIM</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">iPhone 16</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">iPad</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">Internet</button></li> </ul> </div> <div class="g-connector-search-autocomplete" id="searchAutocompleteG"> <div class="g-connector-search-autocomplete-suggestions" id="searchAutocompleteSuggestionsG"> <div class="g-connector-search-autocomplete-suggestions-title" id="searchAutocompleteSuggestionsTitleG" role="heading" aria-level="3">Search suggestions</div> <ul aria-labelledby="searchAutocompleteSuggestionsTitleG"></ul> </div> <div class="g-connector-search-autocomplete-shop" id="searchAutocompleteShopG"> <div class="g-connector-search-autocomplete-suggestions-title" id="searchAutocompleteSuggestionsShopTitleG" role="heading" aria-level="3">Shop</div> <ul aria-labelledby="searchAutocompleteSuggestionsShopTitleG"></ul> </div> <div class="g-connector-search-autocomplete-support" id="searchAutocompleteSupportG"> <div class="g-connector-search-autocomplete-suggestions-title" id="searchAutocompleteSuggestionsSupportTitleG" role="heading" aria-level="3">Support</div> <ul aria-labelledby="searchAutocompleteSuggestionsSupportTitleG"></ul> </div> <div class="g-connector-search-autocomplete-all"> <button type="button" id="searchAutocompleteSuggestionsAllBtn" class="g-connector-search-autocomplete-all-btn">See all results for "<span id="searchAutocompleteSuggestionsAllBtnQuery"></span>"</button> </div> </div> <div class="g-connector-search-no-result-msg" id="searchAutocompleteNoResultsMsg"> <div class="g-connector-search-no-result-msg-noresult">No results found for <span id="searchAutocompleteNoResultsKeyword"></span>.</div> <div class="g-connector-search-no-result-msg-suggestions">Search tips</div> <ul class="g-connector-search-no-result-msg-list"> <li>Make sure you spelled all keywords correctly.</li> <li>Try different keywords.</li> <li>Try more general keywords.</li> <li>Try fewer keywords.</li> </ul> </div> </div> </div> </div> </div>  <section class="bgWhite subNavigationSection noFloatingHeader" id="fixedHeader"> <div class="container"> <div class="dock-hidden-container"> <div class="relative content-wrapper"> <div> <div class="simple-slider-wrapper d-md-flex align-items-start justify-content-between" role="navigation" aria-labelledby="page-heading-1"> <div class="new-title margin-r-20 sticky-margin-r-0" id="page-heading-1"> <span>Mobility</span> </div> <div class="flex-grow-1 overflow-hidden-md flex-1 hidden-space-5-md"> <div class="d-flex flex-column"> <div class="d-block"> <div class="simple-slider" data-extra-space="5"> <button class="slider-controller button-prev" aria-label="Previous"> <span class="icon icon-chevron-left txtSize14" role="img" aria-hidden="true" aria-label=""></span> </button> <div class="element-wrapper z-index-2"> <div class="element-container connector-active-page" role="list"> <div class="element " role="listitem"> <a href="/Mobility" class="btn focusable-element" >Why Bell</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Our_network" class="btn focusable-element" >Our network</a> </div> <div class="element active" role="listitem"> <a href="/Mobility/Smartphones_and_mobile_internet_devices" class="btn focusable-element" aria-current=page>Devices</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Bring-Your-Own-Phone" class="btn focusable-element" >Bring your own phone</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Cell_phone_plans" class="btn focusable-element" >Plans</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Cell_phone_plans/Prepaid_plans" class="btn focusable-element" >Prepaid</a> </div> <div class="element " role="listitem"> <a href="/Bell-Promotions/Offers#INT=ALL_all_TXT_promotions_Mass_010524_NW" class="btn focusable-element" >Promotions</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Accessories" class="btn focusable-element" >Accessories</a> </div> <div class="element " role="listitem"> <a href="/Mobility/ConnectedThings#main" class="btn focusable-element" >Connected things</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Coverage_map" class="btn focusable-element" >Travel</a> </div> </div> </div> <button class="slider-controller button-next" aria-label="Next"> <span class="icon icon-chevron-right txtSize14" role="img" aria-hidden="true" aria-label=""></span> </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section>  <svg tabindex="-1" focusable="false" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-bell-logo" viewBox="0 0 65 37.2"> <path d="M48.3 21.4c-.3-1.6-1-3-1.9-4.2-1.9-2.6-5.1-4.1-9.3-4.1-6.6 0-10.6 4.5-11.8 9.2-1-3.3-4-5.6-7-6.5 2.3-1.7 3.5-4.1 3.5-6.8 0-2.5-1-4.8-2.8-6.3C16.4.4 12.8 0 8.5 0H0v36.7h7.3c2.2 0 4.2 0 6.2-.1 6.2-.2 10.4-3.4 11.8-8 .5 2.1 1.3 3.8 2.5 5.1 2.4 2.6 5.8 3.7 9.3 3.7 4.3 0 7.4-1.2 9.5-3.1l-3-3.5c-1.5 1.2-3.5 1.8-5.7 1.8-4.3 0-6.2-2.7-6.4-5.4h16.9v9.6h6.3V.1h-6.3l-.1 21.3zM6.5 4.9h1.7c1.7 0 3 .2 4 .6 1.9.7 2.8 2.3 2.8 4.1 0 1.6-.6 4.1-4 4.8-.6.1-1.4.2-2.5.2h-2V4.9zm7.1 26.4c-.8.1-1.7.2-2.6.2H6.5v-12h4.1c1.3 0 2.7.1 3.6.3 2.9.8 4.5 2.8 4.5 5.5 0 2.9-1.5 5.3-5.1 6zm18-8.9c.6-2.7 2.5-4.6 5.4-4.6 2.9 0 4.8 1.7 5.4 4.6H31.6zM58.8.1H65v36.5h-6.2V.1z" class="svg-bell-logo-path"></path> </symbol> <symbol id="icon-aliant-logo" viewBox="0 0 65 65"> <path d="M48.4.2v21.2c-.3-1.6-1-3-1.9-4.2-1.9-2.5-5-4.1-9.2-4.1-6.5 0-10.6 4.4-11.8 9.1-1.1-3.3-3.9-5.5-7-6.5C20.8 14 22 11.7 22 9c0-2.5-1-4.8-2.8-6.3C16.6.4 13.1 0 8.7 0H.3v36.5h7.2c2.1 0 4.2 0 6.2-.1 6.2-.2 10.4-3.3 11.7-8 .5 2.1 1.4 3.8 2.5 5 2.4 2.6 5.8 3.6 9.3 3.6 4.3 0 7.3-1.2 9.4-3.1l-3-3.5c-1.5 1.1-3.5 1.8-5.6 1.8-4.3 0-6.2-2.7-6.3-5.3h16.7v9.6h6.3V.2h-6.3zM6.7 4.9h1.7c1.7 0 3 .2 4 .6 1.9.7 2.8 2.2 2.8 4.1 0 1.6-.6 4.1-3.9 4.8-.6.1-1.4.2-2.5.2H6.7V4.9zm5 26.4h-5V19.4h4.1c1.3 0 2.7.1 3.6.4 2.9.8 4.5 2.8 4.5 5.5 0 3.3-2.1 6-7.2 6zm20-9c.6-2.7 2.5-4.6 5.4-4.6 2.9 0 4.8 1.7 5.3 4.6H31.7zM58.8.2H65v36.3h-6.2V.2zM18.6 55.9V41.7h1.9v20.1h-1.9v-5.9zm-6.7-2.2H4.7L2 61.8H0l6.1-18.3c.3-1 .9-1.9 2.2-1.9 1.3 0 1.8.9 2.2 1.9l6.1 18.3h-2l-2.7-8.1zM8.3 43.4c-.3 0-.3.3-.4.7l-2.7 7.8h6.1l-2.6-7.8c-.1-.3-.1-.7-.4-.7zm16.8 2.8c-.8 0-1.2-.4-1.2-1.2s.4-1.2 1.2-1.2c.8 0 1.1.4 1.1 1.2 0 .8-.4 1.2-1.1 1.2zm-.9 2.6H26v13h-1.9v-13zm17 .3v12.7h-1.7v-.1c-.1-.6-.5-.6-.9-.5-.6.2-1.1.3-1.6.5-.6.1-1.1.2-1.8.2-3.9 0-6.4-2.5-6.4-6.4 0-3.7 2.4-6.8 6.5-6.8 1.8 0 3.2.6 4.1 1.7v-1.3h1.8zm-5.8 1.3c-3.2 0-4.7 2.3-4.7 5.2 0 2.9 1.5 4.9 4.7 4.9 1.5 0 3-.5 4-1.1v-5.1c-.1-2.5-1.9-3.9-4-3.9zm18.2 3.5c0-2.4-1.3-3.5-3.9-3.5-1.3 0-2.8.4-3.6 1v10.4h-1.9V50.5c1.5-1.1 3.7-1.8 5.6-1.8 3.5 0 5.7 1.5 5.7 4.8v8.2h-1.9v-7.8zm4.3-8.6h1.9v3.5H64v1.8h-4.3v7.1c0 1.7.8 2.6 2.5 2.6.9 0 1.9-.2 2.8-.5v1.5c-.9.4-2.1.6-3 .6-2.5 0-4.1-1.5-4.1-4.1V45.3z" class="svg-bell-logo-path"></path> </symbol> <symbol id="icon-magnifying-glass" viewBox="0 0 22 21"> <path d="M21.16,19.49l-4.06-4.06c1.36-1.62,2.18-3.71,2.18-5.99c0-5.16-4.18-9.34-9.34-9.34S0.6,4.28,0.6,9.44 c0,5.16,4.18,9.34,9.34,9.34c2.28,0,4.37-0.82,5.99-2.18l4.06,4.06c0.32,0.32,0.84,0.32,1.17,0C21.48,20.34,21.48,19.82,21.16,19.49 z M15.46,14.78c-0.03,0.02-0.07,0.05-0.1,0.08c-0.03,0.03-0.06,0.06-0.08,0.1c-1.38,1.34-3.27,2.16-5.35,2.16 c-4.25,0-7.69-3.44-7.69-7.69s3.44-7.69,7.69-7.69c4.25,0,7.69,3.44,7.69,7.69C17.62,11.51,16.8,13.4,15.46,14.78z" /> </symbol> <symbol id="icon-hamburger" viewBox="0 0 22 21"> <path d="M20.7 11.8H1.2c-.7 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2h19.5c.7 0 1.2.5 1.2 1.2.1.6-.5 1.2-1.2 1.2zm0 6.2H1.2C.5 18 0 17.5 0 16.8s.5-1.2 1.2-1.2h19.5c.7 0 1.2.5 1.2 1.2s-.5 1.2-1.2 1.2zm0-12.5H1.2C.5 5.5 0 4.9 0 4.2S.5 3 1.2 3h19.5c.8 0 1.3.5 1.3 1.2s-.6 1.3-1.3 1.3z"></path> </symbol> <symbol id="icon-close" viewBox="0 0 22 21"> <path d="m12.2 10.5 9-9c.3-.3.3-.8 0-1.2s-.8-.3-1.2 0l-9 9-9-9C1.6 0 1.1 0 .8.3s-.3.8 0 1.2l9 9-9 9c-.2.2-.2.4-.2.6 0 .2.1.4.2.6.3.3.8.3 1.2 0l9-9 9 9c.2.2.4.2.6.2.2 0 .4-.1.6-.2.3-.3.3-.8 0-1.2l-9-9z"></path> </symbol> <symbol id="icon-shopping-bag" viewBox="0 0 22 21"> <path class="st0" d="M19.1,5.3c0-0.5-0.4-0.8-0.9-0.8l-2.3,0c-0.4-2.4-2.5-4.1-4.9-4.1c-2.4,0-4.5,1.7-4.9,4.1H3.8 c-0.5,0-0.9,0.4-0.9,0.8l-1,14.3c0,0.5,0.4,1,0.9,1h16.4c0.5,0,0.9-0.4,0.9-1L19.1,5.3z M8,4.5c0.4-1.3,1.6-2.3,3-2.3 c1.4,0,2.6,0.9,3,2.3L8,4.5z M6.9,9.4c0.5,0,0.9-0.4,0.9-0.9V6.3h6.4v2.2c0,0.5,0.4,0.9,0.9,0.9C15.6,9.4,16,9,16,8.5V6.3h1.3 l0.9,12.5H4c0.1-1.8,0.2-4.1,0.3-6.2c0.1-2.2,0.2-4.4,0.3-6.3H6v2.2C6,9,6.4,9.4,6.9,9.4z" /> </symbol> <symbol id="icon-cart-alt" viewBox="0 0 22 21"> <path d="M7.6,16c-0.6,0-1.2-0.2-1.8-0.6c-0.5-0.4-0.9-1-1-1.6L3.2,6.7c0,0,0-0.1,0-0.1L2.3,2.5H0.9c-0.5,0-0.9-0.4-0.9-0.9 s0.4-0.9,0.9-0.9h2c0.4,0,0.8,0.3,0.8,0.7l0.9,4.1h16.4c0.3,0,0.5,0.1,0.7,0.3C22,6.1,22,6.4,22,6.6l-1.7,7.2 c-0.1,0.6-0.5,1.2-1,1.6c-0.5,0.4-1.1,0.6-1.8,0.6L7.6,16C7.6,16,7.6,16,7.6,16z M5.1,7.3l1.4,6.1c0.1,0.2,0.2,0.5,0.4,0.6 c0.2,0.2,0.5,0.2,0.8,0.2h9.9c0.3,0,0.5-0.1,0.7-0.2c0.2-0.2,0.3-0.4,0.4-0.6L20,7.3H5.1z" /> <circle cx="6.3" cy="18.9" r="1.7" /> <circle cx="18.6" cy="18.9" r="1.7" /> </symbol> <symbol id="icon-cart" viewBox="0 0 22 21"> <path d="M18 5H4.3L3.3.6H0v1.1h2.4l3 12.2c-.6.3-1.1.9-1.1 1.7 0 1 .8 1.8 1.8 1.8s1.8-.8 1.8-1.8c0-.3-.1-.5-.2-.7h3.8c-.1.2-.2.5-.2.7 0 1 .8 1.8 1.8 1.8s1.8-.8 1.8-1.8-.8-1.8-1.8-1.8H6.3V13h8.9L18 5zM6.8 15.6c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7 0-.4.2-.6.6-.7h.3c.3 0 .5.3.5.7zm7.1 0c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.4-.1.7.3.7.7zM6 11.9 4.6 6.1h11.9l-2.1 5.8H6z"></path> </symbol> <symbol id="icon-mic" viewBox="0 0 22 21"> <path d="M18,8.9v1.6c0,1.8-0.6,3.4-1.8,4.8s-2.7,2.2-4.4,2.3v1.6H15c0.2,0,0.3,0.1,0.6,0.2c0.1,0.1,0.2,0.3,0.2,0.6 c0,0.2-0.1,0.3-0.2,0.6c-0.1,0.1-0.3,0.2-0.6,0.2H7c-0.2,0-0.3-0.1-0.6-0.2c-0.1-0.1-0.2-0.3-0.2-0.6c0-0.2,0.1-0.3,0.2-0.6 c0.1-0.1,0.3-0.2,0.6-0.2h3.2v-1.6c-1.8-0.2-3.3-0.9-4.4-2.3S4,12.3,4,10.5V8.9c0-0.2,0.1-0.3,0.2-0.6c0.1-0.1,0.3-0.2,0.6-0.2 c0.2,0,0.3,0.1,0.6,0.2c0.1,0.1,0.2,0.3,0.2,0.6v1.6c0,1.5,0.6,2.8,1.6,3.9S9.5,16,11,16s2.8-0.6,3.9-1.6s1.6-2.4,1.6-3.9V8.9 c0-0.2,0.1-0.3,0.2-0.6c0.1-0.1,0.3-0.2,0.6-0.2s0.3,0.1,0.6,0.2C18,8.6,18,8.7,18,8.9z M15,4.2v6.3c0,1.1-0.3,2-1.1,2.7 s-1.7,1.1-2.7,1.1c-1.1,0-2-0.3-2.7-1.1c-0.8-0.8-1.1-1.7-1.1-2.7V4.2c0-1.1,0.3-2,1.1-2.7S9.9,0.3,11,0.3s2,0.3,2.7,1.1 C14.4,2.2,15,3.1,15,4.2z" /> </symbol> <symbol id="icon-solid-circle-x" viewBox="0 0 22 21"> <path d="M18.4,3.2c-4-4-10.6-4-14.7,0s-4,10.6,0,14.6s10.6,4,14.6,0C22.4,13.8,22.4,7.3,18.4,3.2z M15.3,13.2c0.5,0.5,0.5,1.1,0,1.6 c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-2.5-2.5L8.4,15c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3 c-0.5-0.5-0.5-1.1,0-1.6l2.8-2.8L6.8,7.9c-0.5-0.5-0.5-1.1,0-1.6c0.5-0.5,1.1-0.5,1.6,0l2.8,2.8l2.5-2.5c0.5-0.5,1.1-0.5,1.6,0 s0.5,1.1,0,1.6l-2.5,2.5C12.8,10.7,15.3,13.2,15.3,13.2z" /> </symbol> <symbol id="icon-user" viewBox="0 0 22 21"> <path d="M17.3 18H.7c-.4 0-.7-.3-.7-.7v-.4c0-1.1 0-1.9.3-2.7.4-.8 1.2-1.4 2.4-1.6h.1c.8-.2 1.5-.4 2.1-.6.7-.3.9-.5.9-.6.1-.2 0-.5-.2-.8-.7-1.8-1.3-3.4-1.4-4.8-.1-.7 0-1.3.1-1.9.1-.6.3-1.1.6-1.6C5.7.8 7.2 0 9 0c1.8 0 3.3.8 4.1 2.2.6 1 .8 2.1.7 3.5-.1 1.4-.7 3.1-1.6 4.8-.2.3-.2.6-.2.8.1.1.3.4.9.6.6.2 1.4.4 2.2.6h.1c1.3.3 2 .8 2.4 1.6.3.7.3 1.6.3 2.7v.4c.1.5-.2.8-.6.8zM1.4 16.6h15.2c0-.8 0-1.4-.2-1.8-.1-.3-.4-.6-1.4-.9h-.1c-.9-.2-1.7-.4-2.4-.7-.6-.2-1.4-.6-1.7-1.4-.3-.6-.2-1.3.2-2 .8-1.6 1.3-3 1.4-4.3.1-1.1-.1-2-.5-2.7-.6-.8-1.6-1.4-2.9-1.4-1.3 0-2.4.6-2.9 1.5-.4.7-.6 1.6-.5 2.7.1 1.3.6 2.7 1.4 4.2.4.8.5 1.4.2 2-.5 1.2-2.2 1.6-4 2h-.1c-1 .2-1.3.6-1.4.9-.3.5-.3 1.1-.3 1.9z"></path> </symbol> <symbol id="icon-handset" viewBox="0 0 18 18"> <path d="M17.7 12.9c-1.3-.8-2.2-1.4-2.7-1.8-.3-.2-.5-.3-.7-.4-.2-.1-.4-.2-.5-.2-.4 0-.6.3-.6.3S12 12 11.7 12.4c-.2.2-.5.2-.9.1-2-1-3.8-2.6-5.3-4.8-.1-.2-.1-.2-.2-.3-.1-.1-.1-.4-.1-.4.1-.2.7-1.1 1.6-1.8.2-.1.2-.4.2-.5.1-.2 0-.4-.1-.6C5.4 2 4.2.7 4.1.7c0 0-.3-.2-.6-.2-.2 0-.4.1-.6.2C.4 2.9.1 4.6.1 4.6c0 .1-.2.9 0 1.3 3.1 9.2 12.3 11.4 12.3 11.4s.5.2 1.1.2c.3 0 .6-.1.8-.2 2.2-1.1 3.5-3.3 3.6-3.4v-.1c.1-.1.2-.6-.2-.9z"></path> </symbol> <symbol id="icon-location" viewBox="0 0 18 18"> <path d="M9 0C5.7 0 2.1 2.4 2.1 6.7c0 5 4.6 8.5 6.9 11.3 2.3-2.8 6.9-6.3 6.9-11.3C15.9 2.5 12.2 0 9 0zm0 10.5c-1.7 0-3.1-1.5-3.1-3.3S7.3 3.9 9 3.9c1.7 0 3.1 1.5 3.1 3.3s-1.4 3.3-3.1 3.3z"></path> </symbol> <symbol id="icon-to-top" viewBox="0 0 18 18"> <path d="M14.9 9 9 3 3.1 9l1 1 4.2-4.3V18h1.4V5.7l4.2 4.3 1-1zM3.6 0h10.8v1.4H3.6V0z"></path> </symbol> <symbol id="icon-cta-pill" viewBox="0 0 18 18"> <path d="M9 0C4 0 0 4 0 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16.6c-4.2 0-7.7-3.4-7.7-7.7S4.8 1.3 9 1.3s7.7 3.4 7.7 7.7-3.5 7.6-7.7 7.6zm-1.6-3.9L12.7 9 7.4 5.3v7.4z"></path> </symbol> <symbol id="icon-i-circled-sm" viewBox="0 0 18 18"> <path d="M9 0C4 0 0 4 0 9s4 9 9 9 9-4 9-9-4-9-9-9zm1.3 13c0 .7-.6 1.3-1.3 1.3s-1.3-.6-1.3-1.3V8.7c0-.7.6-1.2 1.3-1.2s1.3.6 1.3 1.3V13zm0-7.9c0 .7-.6 1.3-1.3 1.3s-1.3-.6-1.3-1.3V5c0-.7.6-1.3 1.3-1.3s1.3.6 1.3 1.3v.1z"></path> </symbol> <symbol id="icon-exclamation" viewBox="0 0 72 72"> <path d="M36.1 46.8c-2 0-3.5-1.5-3.5-3.5V4.5c0-2 1.5-3.5 3.5-3.5s3.5 1.5 3.5 3.5v38.9c0 1.9-1.6 3.4-3.5 3.4zm0 24.2c-1.3 0-2.7-.5-3.7-1.5s-1.5-2.3-1.5-3.7.5-2.7 1.5-3.7c2-2 5.5-2 7.3 0 1 1 1.5 2.3 1.5 3.7 0 1.3-.5 2.7-1.5 3.7-.9 1-2.3 1.5-3.6 1.5z"></path> </symbol> <symbol id="icon-logout" viewBox="0 0 20 21"> <path d="M20 1.3v18.5c0 .7-.5 1.2-1.2 1.2H6.7c-.6 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2h11V2.5h-11c-.7 0-1.2-.6-1.2-1.2S6 .1 6.7.1h12.1c.7 0 1.2.5 1.2 1.2z" /> <path d="M6.9 6.2c.2.2.4.5.4.8s-.2.7-.4.9L5.4 9.3h8.1c.7 0 1.2.5 1.2 1.2 0 .6-.5 1.2-1.2 1.2H5.4l1.4 1.5c.2.2.4.5.4.8 0 .3-.1.6-.4.8-.2.2-.5.4-.8.4-.3 0-.6-.1-.8-.4l-3.5-3.5c-.5-.5-.5-1.2 0-1.7l3.5-3.5c.5-.3 1.2-.3 1.7.1z" /> </symbol> <symbol id="icon-devices" viewBox="0 0 20 21"> <path class="st0" d="M11,13.2c0.4,0,0.7-0.3,0.7-0.7c0-0.4-0.3-0.7-0.7-0.7H3.1c-0.3,0-0.6-0.1-0.9-0.4s-0.4-0.5-0.4-0.9V3.6 C1.9,3.3,2,3,2.2,2.7s0.5-0.4,0.9-0.4h11.8c0.3,0,0.6,0.1,0.9,0.4C16,3,16.2,3.3,16.2,3.6v2c0,0.4,0.3,0.7,0.7,0.7s0.7-0.3,0.7-0.7 v-2c0-0.7-0.3-1.4-0.8-1.9s-1.2-0.8-1.9-0.8H3.1c-0.7,0-1.4,0.3-1.9,0.8S0.4,2.9,0.4,3.6v6.9c0,0.7,0.3,1.4,0.8,1.9 c0.5,0.5,1.2,0.8,1.9,0.8h5.2v2.5H6.1c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7H11c0.4,0,0.7-0.3,0.7-0.7s-0.3-0.7-0.7-0.7H9.8v-2.5 H11z" /> <path class="st0" d="M18.9,8.8h-2c-1.5,0-2.7,1.2-2.7,2.7v5.9c0,1.5,1.2,2.7,2.7,2.7h2c1.5,0,2.7-1.2,2.7-2.7v-5.9 C21.6,10,20.4,8.8,18.9,8.8z M20.1,17.4c0,0.7-0.6,1.2-1.2,1.2h-2c-0.7,0-1.2-0.6-1.2-1.2v-5.9c0-0.7,0.6-1.2,1.2-1.2h2 c0.7,0,1.2,0.6,1.2,1.2V17.4z" /> </symbol> <symbol id="icon-docs" viewBox="0 0 20 21"> <path d="M19.7 4.7 15.4.4c-.1-.1-.3-.2-.5-.2H8.2c-.6 0-1.1.3-1.6.7-.4.4-.7 1-.7 1.6v12.3c0 .6.3 1.1.7 1.6.4.4 1 .7 1.6.7h9.4c.6 0 1.1-.3 1.6-.7.4-.4.7-1 .7-1.6V5.2c0-.2-.1-.4-.2-.5zm-1.9.3h-2.7V2.2L17.8 5zm.3 10.2c-.2.2-.4.3-.5.3H8.2c-.2 0-.4-.1-.5-.3-.2-.2-.3-.4-.3-.5V2.5c0-.2.1-.4.3-.5s.4-.3.5-.3h5.4v4c0 .4.3.8.8.8h4v8.3c0 .1-.1.3-.3.4z" class="st0" /> <path d="M13.8 19.3H4.4c-.2 0-.4-.1-.5-.3-.2-.2-.3-.4-.3-.5V6.3c0-.4-.3-.8-.8-.8s-.7.4-.7.8v12.3c0 .6.3 1.1.7 1.6.4.4 1 .7 1.6.7h9.4c.4 0 .8-.3.8-.8s-.4-.8-.8-.8z" /> </symbol> <symbol id="icon-gear" viewBox="0 0 20 21"> <path d="M11.2 20.9h-.4a2.732 2.732 0 0 1-2.7-2.7V18c0-.2-.1-.4-.2-.6-.1-.2-.3-.3-.4-.4l-.4-.2c-.4-.2-.8-.2-1.2 0l-.2.1c-.6.3-1.3.4-2 .3-.7-.2-1.3-.6-1.6-1.2l-.2-.4c-.4-.6-.4-1.3-.3-2 .2-.7.6-1.3 1.2-1.6l.2-.2c.2-.1.3-.3.4-.4.1-.2.2-.4.2-.6v-.5c0-.2-.1-.4-.2-.6 0-.2-.2-.4-.4-.5l-.1-.1c-.6-.3-1-.9-1.2-1.6-.2-.7-.1-1.4.3-2l.2-.4c.4-.6.9-1.1 1.6-1.2.7-.2 1.4-.1 2 .3l.1.1c.4.2.8.2 1.2 0l.4-.3c.2-.1.4-.3.5-.4.1-.2.1-.4.1-.6v-.2A2.732 2.732 0 0 1 10.8.1h.4a2.732 2.732 0 0 1 2.7 2.7V3c0 .2.1.4.2.6.1.2.3.3.4.4l.4.2c.4.2.8.2 1.2 0l.2-.1c.6-.3 1.3-.4 2-.3.7.2 1.3.6 1.6 1.2l.2.4c.4.6.5 1.3.3 2s-.6 1.3-1.2 1.6l-.2.2c-.2.1-.3.3-.4.4-.1.2-.2.4-.2.6v.5c0 .2.1.4.2.6.1.2.3.3.4.4l.1.1c.6.4 1.1.9 1.3 1.6s.1 1.4-.3 2l-.2.4c-.4.6-.9 1.1-1.6 1.3-.7.2-1.4.1-2-.3l-.1-.1c-.4-.2-.8-.2-1.2 0l-.5.3c-.2.1-.3.3-.4.4-.1.2-.2.4-.2.6v.2a2.732 2.732 0 0 1-2.7 2.7zm-4.7-5.8c.5 0 .9.1 1.3.4l.4.2c.4.2.7.6 1 1 .2.4.4.9.4 1.3v.2c0 .3.1.6.3.8.2.2.5.3.8.3h.4c.3 0 .6-.1.8-.3.2-.2.3-.5.3-.8V18c0-.5.1-.9.4-1.3.2-.4.6-.7 1-1l.4-.2c.8-.5 1.9-.5 2.7 0l.1.1c.3.2.6.2.9.1.3-.1.6-.3.7-.5l.2-.4c.2-.3.2-.6.1-.9-.1-.3-.3-.6-.5-.7l-.1-.1c-.4-.2-.8-.6-1-1-.2-.4-.4-.9-.4-1.3v-.5c0-.5.1-.9.4-1.3.2-.4.6-.7 1-1l.1-.1c.3-.2.5-.4.6-.7s0-.6-.1-.9l-.2-.4c-.2-.3-.4-.5-.7-.5-.3-.1-.6 0-.9.1l-.2.1c-.7.4-1.7.4-2.6-.1l-.4-.2c-.4-.2-.7-.6-1-1-.2-.4-.4-.9-.4-1.3v-.2c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.8-.3h-.4c-.3 0-.6.1-.8.3s-.4.5-.4.8V3c0 .5-.1.9-.4 1.3-.2.4-.5.7-.9 1l-.4.2C7 6 6 6 5.2 5.5h-.1c-.3-.2-.7-.3-1-.2-.3.1-.5.3-.7.6l-.2.3c-.1.3-.2.6-.1.9.1.3.3.6.5.7l.2.2c.4.2.7.5.9.9.3.4.4.9.4 1.3v.5c0 .5-.1.9-.4 1.3-.2.4-.6.7-1 1l-.1.1c-.3.2-.5.4-.6.7-.1.3 0 .6.1.9l.2.4c.2.3.4.5.7.5.3.1.6 0 .9-.1l.2-.1c.5-.2.9-.3 1.4-.3z" class="st0" /> <path d="M11 14.1c-2 0-3.6-1.6-3.6-3.6S9 6.9 11 6.9s3.6 1.6 3.6 3.6-1.6 3.6-3.6 3.6zm0-5.7c-1.2 0-2.1 1-2.1 2.1 0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-1 2.1-2.1 0-1.2-.9-2.1-2.1-2.1z" /> </symbol> <symbol id="icon-logout-right" viewBox="0 0 20 21"> <path d="M7.8 19.4H3.5c-.4 0-.7-.1-1-.4-.3-.3-.4-.6-.4-1V3c0-.4.1-.7.4-1 .3-.3.6-.4 1-.4h4.3c.4 0 .8-.3.8-.8S8.2.1 7.8.1H3.5c-.8 0-1.5.3-2 .9-.6.5-.9 1.2-.9 2v15c0 .8.3 1.5.8 2s1.3.8 2 .8h4.3c.4 0 .8-.3.8-.8s-.3-.6-.7-.6z" class="st0" /> <path d="M21.3 10.2c0-.1-.1-.2-.2-.2l-5.3-5.3c-.3-.3-.8-.3-1.1 0s-.3.8 0 1.1l4.1 4.1h-11c-.4-.1-.8.2-.8.6s.3.8.8.8h11l-4.1 4.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2l5.3-5.3c.1-.1.1-.2.2-.2.2-.4.2-.6.1-.8z" class="st0" /> </symbol> <symbol id="icon-chat_texting" viewBox="0 0 1125 1024"> <path d="M202.95 1024c-2.876 0-5.753 0-5.753 0-8.629-2.876-14.382-11.506-14.382-20.135l-14.382-250.247h-146.697c-11.506 0-23.011-8.629-23.011-23.011v-707.596c0-14.382 8.629-23.011 23.011-23.011h1081.528c11.506 0 23.011 8.629 23.011 23.011v710.472c0 11.506-8.629 23.011-23.011 23.011h-670.202l-212.854 261.753c-2.876 2.876-8.629 5.753-17.258 5.753zM41.871 707.596h146.697c11.506 0 20.135 8.629 20.135 20.135l14.382 215.73 184.090-227.236c2.876-5.753 11.506-8.629 17.258-8.629h658.697v-664.449h-1041.258v664.449zM637.287 535.011h-431.461c-11.506 0-23.011-8.629-23.011-23.011s8.629-23.011 23.011-23.011h431.461c11.506 0 23.011 8.629 23.011 23.011s-11.506 23.011-23.011 23.011zM936.433 391.191h-730.607c-11.506 0-23.011-8.629-23.011-23.011s8.629-23.011 23.011-23.011h730.607c11.506 0 23.011 8.629 23.011 23.011s-11.506 23.011-23.011 23.011zM936.433 247.371h-730.607c-11.506 0-23.011-8.629-23.011-23.011s8.629-23.011 23.011-23.011h730.607c11.506 0 23.011 8.629 23.011 23.011s-11.506 23.011-23.011 23.011z"></path> </symbol> </defs> </svg> <div class="g-connector-desktop-nav-backdrop" id="connectorNavBackdropDesktop" style="height: 0"></div> <div class="g-connector-search-backdrop" id="connectorSearchBackdrop"></div> </header> <style> .g-connector-nav-item .shimmer { text-align: center; color: rgba(255, 255, 255, 0.1); background: -webkit-gradient(linear, left bottom, right top, from(#A8CDFF), to(#A8CDFF), color-stop(0.5, #00549A)); background-size: 40px 100%; -webkit-background-clip: text; animation-name: shimmer; animation-duration: 3s; animation-delay: 3s; animation-iteration-count: 3; background-repeat: no-repeat; background-position: -300% 0; background-color: #A8CDFF; animation-fill-mode: forwards; } @keyframes shimmer { 0% { background-position: -300% 0; } 100% { background-position: calc(100% + 50px) 0; } } .g-connector-nav-item:hover .shimmer { background-color: white; } </style>  <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-change" viewBox="0 0 32 32"> <title>change</title> <path d="M8.4 32c-0.35 0-0.65-0.15-0.9-0.4-0.5-0.5-0.5-1.35 0-1.85l13.75-13.75-13.8-13.75c-0.5-0.5-0.5-1.35 0-1.85s1.35-0.5 1.85 0l15.6 15.6-15.6 15.6c-0.25 0.25-0.6 0.4-0.9 0.4z"></path> </symbol> <symbol id="icon-selected" viewBox="0 0 32 32"> <title>selected</title> <path d="M11.6 27.45l-11.1-11.050c-0.7-0.7-0.7-1.8 0-2.5s1.8-0.7 2.5 0l8.55 8.55 17.4-17.4c0.7-0.7 1.8-0.7 2.5 0s0.7 1.8 0 2.5l-19.85 19.9z"></path> </symbol> <symbol id="icon-close" viewBox="0 0 32 32"> <title>close</title> <path d="M17.775 16l13.859-13.859c0.491-0.491 0.491-1.284 0-1.775s-1.284-0.491-1.775 0l-13.859 13.859-13.859-13.856c-0.491-0.491-1.284-0.491-1.775 0s-0.491 1.284 0 1.775l13.859 13.856-13.856 13.859c-0.244 0.244-0.369 0.566-0.369 0.887s0.122 0.641 0.369 0.887c0.491 0.491 1.284 0.491 1.775 0l13.856-13.859 13.859 13.859c0.244 0.244 0.566 0.369 0.887 0.369s0.641-0.122 0.887-0.369c0.491-0.491 0.491-1.284 0-1.775l-13.859-13.859z"></path> </symbol> </defs> </svg>  <div class="change-region-popup change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="region-confirmation"> <span> Your current region: </span> <span class="change-region"> <strong>Ontario</strong> </span> </div> <div class="change-region-provinces-button"> <a href="#changeRegionBox" class="change-region-link collapse-trigger" role="button" aria-expanded="false" aria-controls="changeRegionBox" data-target="#changeRegionBox" data-toggle="collapse"> <span class="sr-only"> Change current region </span> <span class="change-region-text" aria-hidden="true"> Change </span> <svg class="icon icon-change " aria-hidden="true"><use xlink:href="#icon-change"></use></svg> </a> <div class="change-region-provinces change-region-hidden" tabindex="-1" id="changeRegionBox"> <form class="province-form"> <fieldset form="province-form" class="province-form-fieldset change-region-fieldset"> <legend> Select your province or territory below</legend> <ul class="change-region-list" role="listbox"> <li> <input id="71bd25e3-53f7-43b9-bf70-ddee3e7c4aed" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="AB" /> <label class="" for="71bd25e3-53f7-43b9-bf70-ddee3e7c4aed"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="1ca22df8-a79e-47de-b2fe-c7fce52e0eb5" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="BC" /> <label class="" for="1ca22df8-a79e-47de-b2fe-c7fce52e0eb5"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="b392537d-dfb3-43de-8bc9-1f34615b4302" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="MB" /> <label class="" for="b392537d-dfb3-43de-8bc9-1f34615b4302"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="c977beb2-82bd-4407-9a84-16ada5058308" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="NB" /> <label class="" for="c977beb2-82bd-4407-9a84-16ada5058308"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="dc80e6ed-9449-4faa-a61d-39b889ffb0c0" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="NL" /> <label class="" for="dc80e6ed-9449-4faa-a61d-39b889ffb0c0"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="1eef2a3f-33a5-4f9f-b730-d1096ae9477b" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="NT" /> <label class="" for="1eef2a3f-33a5-4f9f-b730-d1096ae9477b"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="a426a4be-ed73-4944-b44c-b938e4e235b3" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="NS" /> <label class="" for="a426a4be-ed73-4944-b44c-b938e4e235b3"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="02ab4fd0-23fa-4046-93f5-91cb4903e2f9" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="NU" /> <label class="" for="02ab4fd0-23fa-4046-93f5-91cb4903e2f9"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="9d9ee864-2f7d-47b6-95ec-5af1a84d23ba" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="9d9ee864-2f7d-47b6-95ec-5af1a84d23ba"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="64c19b57-e93d-4963-a965-e2d6ba4c0e77" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="PE" /> <label class="" for="64c19b57-e93d-4963-a965-e2d6ba4c0e77"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="3aad085a-0e3f-4d72-8028-1f4058895393" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="QC" /> <label class="" for="3aad085a-0e3f-4d72-8028-1f4058895393"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="b5543e23-6925-4a78-b5dd-b176616f56f5" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="SK" /> <label class="" for="b5543e23-6925-4a78-b5dd-b176616f56f5"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="95239c5f-5277-4fba-bbef-b212d0f30820" type="radio" role="option" tabindex="0" name="province-d0bdf87d-df6d-46a5-ba7d-0cc6bf8612d6" value="YT" /> <label class="" for="95239c5f-5277-4fba-bbef-b212d0f30820"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close margin-t-20"><a href="javascript:void(0)" role="button" aria-label="Close change region popup"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a></span> </div> </div> <input id="showProvinceSelector" value="true" hidden /> <input id="IPRegionProvinceCode" hidden /> <input id="showProvinceSelectorWhenNonIpZoneSelected" value="true" hidden /> <script> document.addEventListener('DOMContentLoaded', function () { var ul = document.querySelectorAll('.change-region-list'); var changeButton = document.querySelectorAll(".change-region-link") var liSelected; var index = 0; ul.forEach((elem, i) => { elem.querySelectorAll('input').forEach((e, i) => { e.addEventListener('keydown', function (et) { var KeyID = et.key; switch (KeyID) { case "Enter": case " ": e.click(); break; default: break; } }); }); elem.addEventListener('focus', (event) => { elem.setAttribute('aria-hidden', 'false'); }); elem.addEventListener('keydown', function (event) { var len = elem.getElementsByTagName('li').length - 1; if ((index == len && event.which === 9 && !event.shiftKey) || (index == 0 && (event.which === 9 && event.shiftKey))) { return; } if (event.which === 40 || (event.which === 9 && !event.shiftKey)) { index++; //down if (liSelected) { next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index <= len) { liSelected = next; if (liSelected.querySelector("input").hasAttribute("disabled")) { index++; next = elem.getElementsByTagName('li')[index]; liSelected = next; } } else { index = 0; liSelected = elem.getElementsByTagName('li')[index]; } liSelected.querySelector("input").focus(); } else { index = 1; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); } event.preventDefault(); } else if (event.which === 38 || (event.which === 9 && event.shiftKey)) { //up if (liSelected) { index--; liSelected.querySelector("input").focus(); next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index >= 0) { liSelected = next; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); if (liSelected.querySelector("input").hasAttribute("disabled")) { index--; next = elem.getElementsByTagName('li')[index]; liSelected = next; liSelected.querySelector("input").focus(); } } else { index = len; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } } else { index = 1; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } event.preventDefault(); } }, false); }); changeButton.forEach((elem, i) => { elem.addEventListener('focus', (event) => { index = 0; }); elem.addEventListener('keydown', function (event) { if (event.which === 9 && !event.shiftKey && ((elem.getAttribute("aria-expanded") === "true") || !document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden"))) { ul[i].getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } if ((event.which === 13) && document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); elem.addEventListener('click', function (event) { if (document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); }); document.querySelector(".mobileCloseButton").addEventListener('keydown', (event) => { if (event.which === 9) { index = 0; document.querySelector("#changeRegionBoxMobile").querySelector("ul").getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } }); }); </script>  <div class="change-region-mobile change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="change-region-provinces-button"> <span class="region-confirmation"> Your current region: </span> <span class="change-region"> <span class="current-province-title"> <strong>Ontario</strong> </span> <a class="change-region-link" href="javascript:void(0)" role="link"> <span class="change-region-text">change</span> </a> </span> <div class="change-region-provinces change-region-hidden" role="dialog" id="changeRegionBoxMobile"> <div class="province-form-title province-form-title-hidden"> Select a region: <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close" class="mobileCloseButton"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <form class="province-form"> <fieldset form="province-form" class="change-region-fieldset"> <legend> Select your province or territory below </legend> <ul class="change-region-list" role="listbox"> <li> <input id="d36cb309-9a97-44d1-b929-f95b437ca9c7" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="AB" /> <label class="" for="d36cb309-9a97-44d1-b929-f95b437ca9c7"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="28b02df6-83a9-4cd3-a58b-702a4cd9f363" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="BC" /> <label class="" for="28b02df6-83a9-4cd3-a58b-702a4cd9f363"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="6e2bd09e-c7c7-4aba-ba6e-3d072ba75e17" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="MB" /> <label class="" for="6e2bd09e-c7c7-4aba-ba6e-3d072ba75e17"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="5bb0e4f4-ccc8-48d6-839e-4947ecb3d846" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="NB" /> <label class="" for="5bb0e4f4-ccc8-48d6-839e-4947ecb3d846"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="27db72a4-da07-4d0b-b4fa-b1cb61e8e22b" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="NL" /> <label class="" for="27db72a4-da07-4d0b-b4fa-b1cb61e8e22b"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="51a6e429-c738-4ba5-9ce6-5e68204fd487" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="NT" /> <label class="" for="51a6e429-c738-4ba5-9ce6-5e68204fd487"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="2b05071c-6ba9-4975-9eb8-aad01dd2846f" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="NS" /> <label class="" for="2b05071c-6ba9-4975-9eb8-aad01dd2846f"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="454d8834-c42d-4e97-84ba-4540ced8e195" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="NU" /> <label class="" for="454d8834-c42d-4e97-84ba-4540ced8e195"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="37c8574e-54c3-4d33-8295-5682f739d483" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="37c8574e-54c3-4d33-8295-5682f739d483"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="1188f86e-2519-4262-90d7-2f436dca7ce1" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="PE" /> <label class="" for="1188f86e-2519-4262-90d7-2f436dca7ce1"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="04cbf052-fa6e-450d-b685-ae2fcfea0132" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="QC" /> <label class="" for="04cbf052-fa6e-450d-b685-ae2fcfea0132"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="f084bcb7-643d-4e13-b199-e4e519b0a888" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="SK" /> <label class="" for="f084bcb7-643d-4e13-b199-e4e519b0a888"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="c144b495-7711-4bbd-822f-dfbf920ee3e8" type="radio" role="option" tabindex="0" name="province-71e3146b-8c89-400e-932e-d5d5ef40070f" value="YT" /> <label class="" for="c144b495-7711-4bbd-822f-dfbf920ee3e8"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <div class="change-region-screen change-region-hidden"></div> </div> <main tabindex="-1" id="maincontent" class=""> <h1 class="sr-only">Cell Phone Deals - iPhones and Android Smartphones </h1> <style> main#maincontent:focus { outline: none !important; } </style> <script type="text/javascript"> $(document).ready(function () { var promoTagHeader = document.getElementById("promoTagHeader"); if (promoTagHeader) { var fixedNav = document.getElementById("fixedHeader"); var promoFixed = promoTagHeader.offsetTop; stickyHeaderScroll(); //remove sticky once close button is clicked $('.js-promoTagClose').on('click', function (e) { promoTagHeader.classList.add('stickyPromoTag'); e.preventDefault(); }); window.addEventListener('scroll', function () { stickyHeaderScroll(); if (window.pageYOffset > promoFixed) { promoTagHeader.classList.add("fixed-promo-tag"); if(fixedNav){ var fixedNavHeight = fixedNav.offsetHeight; promoTagHeader.style.top = fixedNavHeight +"px"; } } else { promoTagHeader.classList.remove("fixed-promo-tag"); promoTagHeader.style.top = 0 + "px"; } }); } }); function stickyHeaderScroll() { let promoStickyCloseBtn = document.querySelectorAll('.js-promoTagClose'); if (promoStickyCloseBtn.length > 0) { promoStickyCloseBtn.forEach(function (index) { //prevent display on load index.classList.remove('d-none'); let promoTag = index.closest('#promoTagHeader'); let promoPosition = window.getComputedStyle(promoTag).getPropertyValue('position'); //check if position is still sticky to display close button if ((document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) && promoPosition == 'sticky') { index.style.display = "inline"; } else { index.style.display = "none"; } }); } } function getSocInformation() { try { $('body').loadingIndicator(); $.ajax({ type: "POST", headers: { 'brand': 'B', 'Province': 'ON', "accept-language": 'en' }, url: "https://apigate.bell.ca/uxpcommon/UXP.Services/Common/PDM/GetProductsByIdentifier", data: { "TranslateIds": [] , "TranslateIdentifierType": "SOC" }, success: function (data) { $.ajax({ type: "POST", data: { "promoSocInfo": data }, url: "/EShop/Qualification/GetSocDetails", success: function (response) { $('body').loadingIndicator('hide'); $('#promo-code-modal-body').html(response); $('#promo-code').modal('show'); }, error: function (err) { $('body').loadingIndicator('hide'); $('#modal-error-occured').modal('show'); } }); } }); } catch (e) { $('body').loadingIndicator('hide'); $('#modal-error-occured').modal('show'); } } $(document).ready(function () { /* OPEN */ $('#promo-code').on('shown.bs.modal', function () { $('#promo-code-banner-close-btn').focus(); }); /* CLOSE */ $('#promo-code').on('hide.bs.modal', function () { $('#promoTagHeader-view-offers').focus(); }); }); </script> <div id="wcc-elevation" class="txtBlue bg-soft-blue pad-15 text-center"> <div class="container"> <p class="margin-b-0"> <i class="icon icon-sales_and_clearance txtSize18" style="font-weight: 800;" aria-hidden="true"></i> <strong>Order online and we’ll waive the $<span class='region-text' data-region-text='_WZHDX'>70</span> Connection Service Fee. <br class="hidden-lg hidden-xs">Plus, get fast and <span style="white-space: nowrap;">free shipping.<sup class='legaltext' data-legal='WUXQQW'>1</sup></span></strong> </p> </div> </div> <style> .bg-soft-blue{ background-color: #F0F8FF; } </style> <div class="multi-column"> <input disabled="disabled" id="hdIsServiceOutage" name="hdIsServiceOutage" type="hidden" value="False" /> <div style="display:none;"> <script> function toggleit() { jQuery('#divid').toggle(); } function closeit() { jQuery("#notif").fadeOut(1000); } (function ($) { /*Scripts for hide and display for notification stripe*/ $.fn.destroyCovidNotifCookie = function () { $.cookie("covidNotif", null); }//delete cookie for testing purpose let setUpCookieForNotifByHours = function (cookieName, hoursOfExp) { try { var date = new Date(); date.setTime(date.getTime() + (hoursOfExp * 60 * 60 * 1000)); $.cookie(cookieName, true, { expires: date }); } catch (ex) { } } $(document).ready(function () { let cookieName = "covidNotif"; let durationHours = 24; if (typeof $.cookie(cookieName) == 'undefined' || $.cookie(cookieName) == 'null') { $("#notif").removeClass("hidden"); setUpCookieForNotifByHours(cookieName, durationHours); } }) }(jQuery)) </script> <div id="notif" class="rsx-no-margin-bottom hidden" style="background-color: #c2cedf;"> <div class="notif-container notif-inner"> <div class="col-xs-12"> <div class="notif-icon"> <i class="rsx-icon rsx-icon-exclamation-circled txtBlue rsx-txt-blue alert-icon"></i> </div> <div class="notif-content"> <p class="rsx-margin-v"> <strong> COVID-19: Keeping you connected. <a href="https://www.bell.ca/Covid-19-update" style="text-decoration: underline;">Learn more</a> </strong> </p> </div> <a href="javascript:closeit()" class="notifclose close-button"> <i class="rsx-icon rsx-icon-close" style="font-size: 34px;font-weight: bolder;"></i> </a> </div> </div> </div> <style> #notif .rsx-icon-circle-small { width: 32px; height: 32px; } #notif .rsx-icon-small:before, .rsx-icon-circle-small:before { font-size: 17px; } #notif a { font-weight: normal; text-decoration: underline; } .close-button { align-self: flex-start; margin-top: 10px; } @media(min-width:639px) { .close-button { align-self: center; margin-top: 0px; } } .mte-multi-column__column-bottom-content { border-top: none !important; } @media (max-width: 767px) { .mte-landing-support-main__lobs-wrap { border-bottom: none !important; } } .notif-container.liquid-container, .notif-container.mte-container-full-width-mobile { width: 100%; } @media (min-width: 520px) { .notif-container { width: 480px; } } @media (min-width: 640px) { .notif-container { width: 600px; } } @media (min-width: 1000px) { .notif-container { width: 960px; } } @media (min-width: 1240px) { .notif-container { width: 1200px; } } .alert-icon { font-size: 34px; } @media (max-width: 639px) { .close-button { align-self: flex-start; margin-top: 10px; } .alert-icon { font-size: 24px; margin-left: 5px; } .notif-icon { padding-right: 20px !important; padding-top: 20px !important; } } @media (min-width: 600px) and (max-width: 1239px) { .push-message { margin-left: -20px; } } .push-icon { margin-top: 10px; } #notif > .notif-container, #notif > .notif-container > div { display: flex; margin: auto; } #notif p { margin-top: 20px; margin-bottom: 20px; } .notif-container { margin-right: auto; margin-left: auto; color: #111111; font-size: 18px; } .notif-inner { margin-right: 3%; margin-left: 3%; } .gray-txt { color: #555555; } #notif .rsx-icon.rsx-icon-close { width: 40px; height: 40px; border-radius: 50%; background-color: #fff; cursor: pointer; transition: all .25s cubic-bezier(.55,0,.1,1); display: inline-flex; position: relative; } #notif .rsx-icon-close:before { font-size: 18px; color: #003778; transform: translate(-50%,-50%); align-self: center; align-items: center; justify-content: center; display: inline-flex; top: 50%; position: absolute; left: 50%; } #notif .rsx-icon.rsx-icon-close:hover { background-color: #003778; } #notif .rsx-icon.rsx-icon-close:hover:before { color: #fff } .notif-icon { padding-right: 20px; padding-top: 10px; } .notif-content { width: 100%; } </style> </div> <section class="bg-very-light-grey focus_outline_gray" role="navigation" aria-labelledby="dl-page-title"> <div class="container dl-page-title"> <h2 class="title pad-t-45 pad-t-xs-30" id="dl-page-title">Devices</h2> </div> <div class="tab-control tab-control-overflow"> <div class="container header-tab-control" role="group" aria-label="filter by device types" style="overFlow: unset !important"> <button style="display:none;" class="nav-button nav-tab-btn-prev margin-t-15" aria-labelledby="dl-page-title navPrev-sr"></button> <div class="nav-tab-container" tabindex="-1"> <ul class="margin-b-30 noBullets nav-tab-content">  <li id="link-phones"> <a href="/Mobility/Smartphones_and_mobile_internet_devices" id="page_navigation_phones" class="active" aria-current="page">Phones</a> </li> <li id="link-tablets"> <a href="/Mobility/Tablets" id="page_navigation_tablets" class="">Tablets</a> </li> <li id="link-smartwatches"> <a href="/Mobility/Smartwatches" id="page_navigation_smartwatches" class="">Smartwatches</a> </li> <li id="link-mobile_internet"> <a href="/Mobility/Mobile-Internet-Devices-listing" id="page_navigation_mobile_internet" class="">Mobile Internet</a> </li> <li id="link-sim_cards"> <a href="/Mobility/SIM-cards" id="page_navigation_sim_cards" class="">SIM cards</a> </li> </ul> </div> <button style="display:none;" class="nav-button nav-tab-btn-next margin-t-15" aria-labelledby="dl-page-title navNext-sr"></button> </div> </div> </section> </div> <style> .abandoned-cart-container { margin-bottom: 40px; } @media (max-width: 991px) { .abandoned-cart-container { margin-bottom: 30px; } } </style> <div class="pad-b-40"></div> <section class="container" role="group"> <fieldset id="filter-controls" class="filters-pill"> <legend id="device-filter-legend" class="sr-only">Device Filters</legend> <button style="display: none;" class="nav-button nav-tab-btn-prev margin-t-15 cust-top-0" aria-labelledby="device-filter-legend navPrev-sr"></button> <div class="nav-tab-container overflow-auto margin-b-25"> <ul class="position-relative pad-l-5 cust-margin-bottom-0 nav-tab-content" aria-label="filter by brand"> <li> <input class="radio-filter sr-only" type="radio" id="All-brands" name="categories" data-filters="all-items" value="All brands"> <label for="All-brands" class="btn btn-filter radio-filter checked">Black Friday</label> </li> <li> <input class="radio-filter sr-only" type="radio" id="Apple" name="categories" data-filters="clone-Apple" value="Apple"> <label for="Apple" class="btn btn-filter radio-filter">Apple</label> </li> <li> <input class="radio-filter sr-only" type="radio" id="Samsung" name="categories" data-filters="clone-Samsung" value="Samsung"> <label for="Samsung" class="btn btn-filter radio-filter">Samsung</label> </li> <li> <input class="radio-filter sr-only" type="radio" id="Google" name="categories" data-filters="clone-Google" value="Google"> <label for="Google" class="btn btn-filter radio-filter">Google</label> </li> <li> <input class="radio-filter sr-only" type="radio" id="TCL" name="categories" data-filters="clone-TCL" value="TCL"> <label for="TCL" class="btn btn-filter radio-filter">TCL</label> </li> <li> <input class="radio-filter sr-only" type="radio" id="Motorola" name="categories" data-filters="clone-Motorola" value="Motorola"> <label for="Motorola" class="btn btn-filter radio-filter">Motorola</label> </li> <li> <input class="radio-filter sr-only" type="radio" id="More" name="categories" data-filters="more" value="More"> <label for="More" class="btn btn-filter radio-filter">Other brands</label> </li> </ul> </div> <button style="display: none;" class="nav-button nav-tab-btn-next margin-t-15 cust-top-0" aria-labelledby="device-filter-legend navNext-sr"></button> </fieldset> </section> <section class="pad-t-20 margin-b-20 hide" id="aeroplanBanner"> <div class="container"> <div class="bg-bell-blue box-round pad-20 focus_outline_blue"> <div class="col-12 text-center"> <p class="position-relative txtWhite margin-0 aeroplan-banner-txt pad-l-xs-45"> <span class="anchor-icon icon txtSize22 icon-promo_bl_wot pad-r-20 mobile-styling" aria-hidden="true"></span> <span>Earn 7,500 Aeroplan<sup>®</sup> points when you activate a new phone on a 2-year unlimited plan in store. <a href="https://www.bell.ca/Store_Locator?filter=BEL#INT=MOB_TXT_AeroplanStripe_100323_HC" class="txtWhite mb-omni-link-js" data-di-id="di-id-c79aae8d-a7576038" data-omnimbid="MB:aeroplanBanner">Find a Bell store.</a></span></p> </div> </div> </div> </section> <style> @media (max-width: 767px){ .mobile-styling { position: absolute; left: 0; top: 0; } .aeroplan-banner-txt { text-align:left; } } </style>  <div id="productListCarouselCase" class="productListCarouselCase"> </div> <script> (function () { function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } const hasFilterInQuery = () => { var queryString = window.location.search; if (queryString !== "" && queryString.indexOf("?filter=") > -1 && queryString.toLowerCase().indexOf("_brand") > -1) return true; return false; } let adobeAPIConfig = { host: window.location.host, activateAdobeTrackingReport: true, postUrl: function (sessionId) { if (adobeAPIConfig.activateAdobeTrackingReport && sessionId) return 'https://bellca.tt.omtrdc.net/rest/v1/delivery?client=bellcanada&sessionId=' + sessionId return 'https://bellca.tt.omtrdc.net/rest/v1/mbox?client=bellcanada'; }, mbox: "PDP_Device_Recs", contentType: 'application/json; charset=utf-8', headers: { "content-type": 'application/json; charset=utf-8', "cache-control": 'no-cache' }, getAPIPostInfo: function () { try { return { "marketingCloudVisitorId": _satellite.getVisitorId().getMarketingCloudVisitorID(), "locationHint": _satellite.getVisitorId().getLocationHint(), "blob": _satellite.getVisitorId().getAudienceManagerBlob(), "supplementalDataId": _satellite.getVisitorId()._supplementalDataIDCurrent, }; } catch (ex) { console.log(ex) console.log("Adobe target requested info missing, may impact the analytics.") } //if _satellite not running after page load, using non reporting method return { "marketingCloudVisitorId": this.helpers.getCookieByNameFromPairs("MCMID"), "locationHint": this.helpers.getCookieByNameFromPairs("MCAAMLH"), "blob": this.helpers.getCookieByNameFromPairs("MCAAMB") } }, helpers: { getAMCVCookie: function () { let result = ''; try { let re = /AMCV_/i; let cookieArray = document.cookie.split(';'); cookieArray.forEach(function (cookie) { let match = cookie.match(re); if (match) result = decodeURI(match.input.split("=")[1]); }) } catch (ex) { //console.log(ex); } return result; }, getUserSessionFromMbox: function () { return getCookie("mbox").split("#")[1]; }, getMarketingCloudGroup: function (AMVC) { let keyPairs = {}; try { let cookieDetails = AMVC.split("|"); let temp = []; cookieDetails.forEach(function (val, index) { /*filter dynamic value to the cookie param, remove -1234 from MCAAMLH-1234 e.g. make the key name MCAAMLH only*/ val = val.replace(/-\d+/g, ""); if (index !== 0) temp.push(val) }); temp.forEach(function (val, index) { if (index % 2 === 0) keyPairs[val] = temp[index + 1]; }); } catch (ex) { return; } return keyPairs; }, getCookieByNameFromPairs: function (name) { let AMCV_Cookie = this.getAMCVCookie(); let keypairs = this.getMarketingCloudGroup(AMCV_Cookie); Object.keys(keypairs).forEach(function (elem) { if (elem.indexOf(name) !== -1) return keypairs[elem]; }); return keypairs[name]; }, getRecIDsFromResponse: (content, slicedIndex) => { const regex = /[a-f0-9]{8}(?:-[a-f0-9]{4}){3}-[a-f0-9]{12}/gi; // If there are no matches, return an empty array const matches = content.match(regex); if (!matches) { return []; } const uniqueGUIDs = [...new Set(matches)]; if (typeof slicedIndex !== undefined && !isNaN(slicedIndex)) return uniqueGUIDs.slice(0, slicedIndex); else return uniqueGUIDs; }, removeExclusion:(arr, exArr) => { return arr.filter((value) => !exArr.includes(value)); } } }; let excludedIds = adobeAPIConfig.helpers.getRecIDsFromResponse(""); let ids = []; let productDetails = { deviceType: "all", deviceId: $("div[product-id]").attr("product-id") } let getPostJSObj = function () { return { "context": { "channel": "web", "browser": { "host": adobeAPIConfig.host.toString() } }, "id": { "marketingCloudVisitorId": adobeAPIConfig.getAPIPostInfo().marketingCloudVisitorId }, "experienceCloud": { "audienceManager": { "locationHint": adobeAPIConfig.getAPIPostInfo().locationHint, "blob": adobeAPIConfig.getAPIPostInfo().blob }, "analytics": { "logging": "server_side", "supplementalDataId": adobeAPIConfig.getAPIPostInfo().supplementalDataId } }, "execute": { "mboxes": [{ "name": "Device_Listing_User_Based", "index": 1 }] } } }; let executingPost = () => { let postJSObject = getPostJSObj(); let postInfo = JSON.stringify( postJSObject ); if (!hasFilterInQuery) $.ajax({ type: "POST", url: adobeAPIConfig.postUrl(adobeAPIConfig.helpers.getUserSessionFromMbox()), dataType: "json", headers: adobeAPIConfig.headers, async: true, data: postInfo, success: function (response) { try { const string_of_IDs = response.execute.mboxes[0].options[0].content; if (response.execute.mboxes[0].options[0].responseTokens["experience.id"] !== "1") { document.querySelector('[data-dl-category-id="4f37617d-8a9f-46d4-9e49-853ac8585b7a"]').classList.add("hide") ids = adobeAPIConfig.helpers.getRecIDsFromResponse(string_of_IDs); ids = adobeAPIConfig.helpers.removeExclusion(ids, excludedIds); let size = 5; let config = { categoryID: "", ids, viewPath: "BRF/Component_Styles/ProductList_Cat/Wireless/productList_list_all_items_by_category_popular_api", container: "#productListCarouselCase", size, topCallback: function () { const title = `<span class='region-text' data-region-text='_WZGSU'>Our most popular</span>`; $("#productListCarouselCase h2.title").html(title); }, bottomCallback: function () { } } BELL.shop.productCarouselWidget.runWidget(config, function () { window.dispatchEvent(new Event('resize')); }); } } catch (ex) { console.log(ex); } } }); } if (productDetails) { try { var checkSatelliteTimer = setInterval(function () { if (typeof _satellite !== "undefined" && typeof _satellite.getVisitorId === 'function' && typeof BELL !== "undefined") { clearInterval(checkSatelliteTimer); executingPost(); } }, 300); } catch (ex) { console.log(ex) } } })(); </script> <style> div[data-dl-category-id="579f75e0-fba1-4899-8235-b45bb84a99e0"]{ display:none; } div[data-dl-category-id="4177d426-ba53-4c8d-ac25-4e47de286dfb"]{ display:none; } </style> <section id="stripe-template" aria-label="Special offers"> <span class="sr-only">is docked to bottom</span>  <div class="Global_Stripe_Template_4 wrapper-custom-spacing"> <div class="container bg-style rsx-txt-white txtWhite"> <div class="container-flex-box-wrap"> <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12 pad-h-15 margin-auto"> <h2 id="Title_Global_Stripe_4" class="compatible_title">  <span class='region-text' data-region-text='_MFAQN'>Black Friday Event</span> </h2> <div class="compatible_subtitle">Save over $850 on amazing phones.</div> <div class="compatible_decsription"> <style> .wrapper-custom-spacing { margin: 15px 15px !important; } </style> </div> </div> <div class="col-2 col-lg-2 col-md-2 col-sm-2 hide-xs"> <div class="StripeImage"> <span class='region-text' data-region-text='_MFAUJ'><img alt="" class="img-responsive" src="/Styles/images/img_BlackFriday_promo_stripe_Mobility.png"> <style> #stripe-template .container { padding: 0px 15px !important; } .StripeImage img, .dockbar-img img { margin-bottom: 0px; width: 140px; } @media (max-width: 1100px) { #stripe-template .container { padding: 10px 15px !important; } .StripeImage img { margin-bottom: -10px; width: 120px; } } @media (max-width: 768px) { #stripe-template .container { padding: 15px 10px !important; } } </style></span> </div> </div> </div> </div> <div> </div> </div> <style> .Global_Stripe_Template_4 .container { background: linear-gradient(to right, #000000, #01205B); margin-bottom: 0; margin: 0 auto; padding: 15px 15px; border-radius: 10px; max-width:100%; } .margin-auto {margin: auto auto;} .wrapper-custom-spacing {margin: 30px 30px;} @media (max-width: 1000px) { .wrapper-custom-spacing { margin: 15px 15px; } } @media(min-width:640px) { .StripeImage img { float: right; } } /* Old CSS */ .container-flex-box-wrap { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .compatible_title { font-size: 24px; line-height: 28px; font-family: "bellslim_font_black", Helvetica, Arial, sans-serif; color: #fff; } .compatible_subtitle { font-size: 22px; line-height: 28px; font-family: "bellslim_font_heavy", Helvetica, Arial, sans-serif; color: #fff; } .compatible_decsription { font-size: 14px; font-family: Helvetica, Arial, sans-serif; letter-spacing: normal; line-height: 22px; font-weight: normal; margin-top: 5px; color: #fff; } #stripe-template .emoji { position: relative; top: -6px; } #stripe-template a, #stripe-template a { color: #FFF !important; /* text-decoration: underline !important; */ } #stripe-template a { text-decoration: none !important; } #stripe-template a:hover { text-decoration: underline !important; } @media(max-width:639px) { .compatible_title { font-size: 22px; line-height: 26px; } .compatible_subtitle { font-size: 20px; line-height: 24px; } .compatible_image { padding-bottom: 15px; } #stripe-template .container { margin-left: 0px; margin-right: 0px; padding-left: 10px; padding-right: 10px; } } @media (max-width:767px) { .hide-xs { display: none; } } </style> </section> <script> (function ($) { const stripeCloseByMinutes = 30; const studentDockBarCloseCookieName = "StudentDockbarClose"; //global change for stripe closing cookie setup. not displaying dockbar for 30 mins try { const setCookieByMinutes = (name, value, timeByMinutes) => { const date = new Date(); date.setTime(date.getTime() + (timeByMinutes * 60 * 1000)); const expires = `expires=${date.toUTCString()}`; document.cookie = `${name}=${value};${expires};path=/`; }; const getCookieByName = (cookieName) => { const name = `${cookieName}=`; const decodedCookie = decodeURIComponent(document.cookie); const cookieArray = decodedCookie.split(';'); for (let cookie of cookieArray) { while (cookie.charAt(0) === ' ') { cookie = cookie.substring(1); } if (cookie.indexOf(name) === 0) { return cookie.substring(name.length, cookie.length); } } return ""; }; if (getCookieByName(studentDockBarCloseCookieName)) $("#dockbar").hide(); else $("#dockbar-close").on("click tougchstart", function () { setCookieByMinutes(studentDockBarCloseCookieName, true, stripeCloseByMinutes); }) } catch (ex) { console.warn(ex); } }(jQuery)) </script> <div id="byod_ab_test_adtg"> </div> <div class="multi-column"> <section class="container all-brands-section"> <div class="card-filter all-brands-card margin-b-25 margin-b-xs-30" id="all-items" role="list">  <div class="brand-title margin-b-30 card-section-js" data-category="Apple" role="listitem" id="clone-Apple" data-brand="Apple"> <div class="brand-header col-12 margin-b-30"> <div class="d-flex align-items-center flex-row"> <h2 class="title border-right-gray2 pad-r-15 margin-r-15 no-border-xs">Apple</h2> <a id="learnmore_brand_apple" href="/Mobility/Apple" class="overflowHidden txtUnderline"><div class="overflow-ellipsis">More Bell - Apple offers & devices</div></a> </div> <div class="view-all-wrapper dl-list-header--has-link"> <p class="relative title-viewAllLink"><a href="javascript:void(0)" id="viewall_Apple" data-id="#Apple" class="title-rightLink view-all-js" aria-label="View all (11) Apple devices" role="button">View all (11)</a></p> </div> </div>  <div class="slick-clone container-flex-box-wrap column-spacer-30-sm same-height-wrap"></div>  <div class="hide carousel-view flex mobileUnslickCountOne radio-slick same-height-wrap infoblock-slider infoblock-slider-width slider-remove-prev slick-overflow-visible hiddenInactive link-slide" data-slick-title="Apple Devices" data-slick='{"infinite":false, "slidesToShow":1, "slidesToScroll":1, "dots":true, "arrows":false, "mobileFirst":true, "useTransform": false, "responsive": [ {"breakpoint": 991, "settings": {"slidesToShow": 3, "slidesToScroll": 3, "arrows":true}}, {"breakpoint": 767, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "arrows":true}} ]}'> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-15?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" aria-describedby="bluebox_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1 price_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" id="details_item_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" data-product-title="iPhone 15" data-product-productId="6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" data-product-productType="WirelessHandset" data-product-offerId="64f9d32b-7a4f-41b0-83e1-4bac5499ee9d" data-product-bmc="X15PH5BX" data-product-sku="111113" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1"> SAVE $360.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iPhone_15/iPhone15_Black_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1"> iPhone 15 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$30.00 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>15<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $307.08 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $307.08 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,027.08</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-16?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_b46b7566-b054-48cb-8ad2-8afa3578bfb9" aria-describedby="bluebox_b46b7566-b054-48cb-8ad2-8afa3578bfb9 price_b46b7566-b054-48cb-8ad2-8afa3578bfb9" id="details_item_b46b7566-b054-48cb-8ad2-8afa3578bfb9" data-product-title="iPhone 16" data-product-productId="b46b7566-b054-48cb-8ad2-8afa3578bfb9" data-product-productType="WirelessHandset" data-product-offerId="662c9f26-f36e-4e96-a2ea-cb570143c968" data-product-bmc="X16PH5LX" data-product-sku="112576" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_b46b7566-b054-48cb-8ad2-8afa3578bfb9"> SAVE $359.88 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/iPhone_16_Ultramarine_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_b46b7566-b054-48cb-8ad2-8afa3578bfb9"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_b46b7566-b054-48cb-8ad2-8afa3578bfb9"> iPhone 16 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_b46b7566-b054-48cb-8ad2-8afa3578bfb9"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$32.00 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>17<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $393.12 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_b46b7566-b054-48cb-8ad2-8afa3578bfb9" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-b46b7566-b054-48cb-8ad2-8afa3578bfb9" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $393.12 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,161.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-16-plus?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182" aria-describedby="bluebox_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182 price_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182" id="details_item_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182" data-product-title="iPhone 16 Plus" data-product-productId="c04faf1b-0da2-42ca-86f0-d1c9a3b5c182" data-product-productType="WirelessHandset" data-product-offerId="307f3877-42a3-439a-9843-f34c08facce8" data-product-bmc="X16MX5PX" data-product-sku="112525" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iPhone_16/iPhone_16_Plus_Pink_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182"> iPhone 16 Plus </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>34<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes extra and are based on our device full price before Device Return Option amount is applied, financed over 24 months.</p><p>At the end of the 2-year term, pay $499.44 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-c04faf1b-0da2-42ca-86f0-d1c9a3b5c182" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes extra and are based on our device full price before Device Return Option amount is applied, financed over 24 months.</p><p>At the end of the 2-year term, pay $499.44 (0% APR) or return your phone in good working condition.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,315.44</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-16-pro?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_e141d00e-c2c8-4a7e-af58-74658f6d543b" aria-describedby="bluebox_e141d00e-c2c8-4a7e-af58-74658f6d543b price_e141d00e-c2c8-4a7e-af58-74658f6d543b" id="details_item_e141d00e-c2c8-4a7e-af58-74658f6d543b" data-product-title="iPhone 16 Pro" data-product-productId="e141d00e-c2c8-4a7e-af58-74658f6d543b" data-product-productType="WirelessHandset" data-product-offerId="4503cee5-9660-467d-b8cb-05f653d2887b" data-product-bmc="X16PR58X" data-product-sku="112417" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iPhone_16_Pro/iPhone_16_Pro_Natural_Titanium_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_e141d00e-c2c8-4a7e-af58-74658f6d543b"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_e141d00e-c2c8-4a7e-af58-74658f6d543b"> iPhone 16 Pro </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_e141d00e-c2c8-4a7e-af58-74658f6d543b"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>37<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes extra and are based on our device full price before Device Return Option amount is applied, financed over 24 months.</p><p>At the end of the 2-year term, pay $602.40 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_e141d00e-c2c8-4a7e-af58-74658f6d543b" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-e141d00e-c2c8-4a7e-af58-74658f6d543b" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes extra and are based on our device full price before Device Return Option amount is applied, financed over 24 months.</p><p>At the end of the 2-year term, pay $602.40 (0% APR) or return your phone in good working condition.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,490.40</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-16-pro-max?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_440a48a4-7032-4c15-882c-637a9d8f6fd4" aria-describedby="bluebox_440a48a4-7032-4c15-882c-637a9d8f6fd4 price_440a48a4-7032-4c15-882c-637a9d8f6fd4" id="details_item_440a48a4-7032-4c15-882c-637a9d8f6fd4" data-product-title="iPhone 16 Pro Max" data-product-productId="440a48a4-7032-4c15-882c-637a9d8f6fd4" data-product-productType="WirelessHandset" data-product-offerId="7115cfd8-69c6-4744-8afe-601c8caabb83" data-product-bmc="X16PM6XX" data-product-sku="112462" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iphone_16_pro_max/iPhone_16_Pro_Max_Desert_Titanium_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_440a48a4-7032-4c15-882c-637a9d8f6fd4"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_440a48a4-7032-4c15-882c-637a9d8f6fd4"> iPhone 16 Pro Max </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_440a48a4-7032-4c15-882c-637a9d8f6fd4"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>42<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes extra and are based on our device full price before Device Return Option amount is applied, financed over 24 months.</p><p>At the end of the 2-year term, pay $791.28 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_440a48a4-7032-4c15-882c-637a9d8f6fd4" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-440a48a4-7032-4c15-882c-637a9d8f6fd4" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes extra and are based on our device full price before Device Return Option amount is applied, financed over 24 months.</p><p>At the end of the 2-year term, pay $791.28 (0% APR) or return your phone in good working condition.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,799.28</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-15-Pro?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_c5729adf-200e-4b9e-84f0-061028ce49fc" aria-describedby="bluebox_c5729adf-200e-4b9e-84f0-061028ce49fc price_c5729adf-200e-4b9e-84f0-061028ce49fc" id="details_item_c5729adf-200e-4b9e-84f0-061028ce49fc" data-product-title="iPhone 15 Pro" data-product-productId="c5729adf-200e-4b9e-84f0-061028ce49fc" data-product-productType="WirelessHandset" data-product-offerId="9b247024-9344-4ea0-8a2e-b2416a23a0c4" data-product-bmc="X15PR78X" data-product-sku="111243" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_c5729adf-200e-4b9e-84f0-061028ce49fc"> SAVE $300.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/iPhone_15_Pro_Natural_Titanium_lrg1_AI_EN.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_c5729adf-200e-4b9e-84f0-061028ce49fc"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_c5729adf-200e-4b9e-84f0-061028ce49fc"> iPhone 15 Pro </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_c5729adf-200e-4b9e-84f0-061028ce49fc"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>37<span>.85</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $590.88 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_c5729adf-200e-4b9e-84f0-061028ce49fc" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-c5729adf-200e-4b9e-84f0-061028ce49fc" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $590.88 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,799.28</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-15-Pro-Max?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_096674c1-3728-40ae-ad14-c330adf637a9" aria-describedby="bluebox_096674c1-3728-40ae-ad14-c330adf637a9 price_096674c1-3728-40ae-ad14-c330adf637a9" id="details_item_096674c1-3728-40ae-ad14-c330adf637a9" data-product-title="iPhone 15 Pro Max" data-product-productId="096674c1-3728-40ae-ad14-c330adf637a9" data-product-productType="WirelessHandset" data-product-offerId="0afa7487-4516-4fdc-9a20-e46eb1642b16" data-product-bmc="X15PM7LX" data-product-sku="111363" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_096674c1-3728-40ae-ad14-c330adf637a9"> SAVE $300.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/iPhone_15_Pro_Max_Blue_Titanium_lrg1_AI_EN.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_096674c1-3728-40ae-ad14-c330adf637a9"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_096674c1-3728-40ae-ad14-c330adf637a9"> iPhone 15 Pro Max </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_096674c1-3728-40ae-ad14-c330adf637a9"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>36<span>.41</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $780.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_096674c1-3728-40ae-ad14-c330adf637a9" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-096674c1-3728-40ae-ad14-c330adf637a9" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $780.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,953.72</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-14?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_ec498020-5a57-49e8-87e9-5eff140b7607" aria-describedby="bluebox_ec498020-5a57-49e8-87e9-5eff140b7607 price_ec498020-5a57-49e8-87e9-5eff140b7607" id="details_item_ec498020-5a57-49e8-87e9-5eff140b7607" data-product-title="iPhone 14" data-product-productId="ec498020-5a57-49e8-87e9-5eff140b7607" data-product-productType="WirelessHandset" data-product-offerId="15a297e5-5872-46b6-8058-5f6355a346bd" data-product-bmc="X14PH52X" data-product-sku="109561" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_ec498020-5a57-49e8-87e9-5eff140b7607"> SAVE $312.60 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iPhone14Details/iPhone_14_Midnight_5G_plus_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_ec498020-5a57-49e8-87e9-5eff140b7607"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_ec498020-5a57-49e8-87e9-5eff140b7607"> iPhone 14 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_ec498020-5a57-49e8-87e9-5eff140b7607"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$27.03 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>14<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $225.12 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_ec498020-5a57-49e8-87e9-5eff140b7607" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-ec498020-5a57-49e8-87e9-5eff140b7607" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $225.12 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$873.72</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-13?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_6ff9d65a-1c41-489d-a6ee-66d0a0418581" aria-describedby="bluebox_6ff9d65a-1c41-489d-a6ee-66d0a0418581 price_6ff9d65a-1c41-489d-a6ee-66d0a0418581" id="details_item_6ff9d65a-1c41-489d-a6ee-66d0a0418581" data-product-title="iPhone 13" data-product-productId="6ff9d65a-1c41-489d-a6ee-66d0a0418581" data-product-productType="WirelessHandset" data-product-offerId="277782ea-bcf4-48ad-a689-d273e2cd4873" data-product-bmc="X130052X" data-product-sku="107517" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_6ff9d65a-1c41-489d-a6ee-66d0a0418581"> SAVE $359.28 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/iPhone13/iPhone_13_Midnight_5G_plus_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_6ff9d65a-1c41-489d-a6ee-66d0a0418581"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_6ff9d65a-1c41-489d-a6ee-66d0a0418581"> iPhone 13 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_6ff9d65a-1c41-489d-a6ee-66d0a0418581"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>15<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$29.97 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_6ff9d65a-1c41-489d-a6ee-66d0a0418581" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-6ff9d65a-1c41-489d-a6ee-66d0a0418581" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$29.97 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$719.28</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-SE-2022?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_43fde41c-fd2a-4a1c-a02e-14882f528a1f" aria-describedby="bluebox_43fde41c-fd2a-4a1c-a02e-14882f528a1f price_43fde41c-fd2a-4a1c-a02e-14882f528a1f" id="details_item_43fde41c-fd2a-4a1c-a02e-14882f528a1f" data-product-title="iPhone SE (3rd generation)" data-product-productId="43fde41c-fd2a-4a1c-a02e-14882f528a1f" data-product-productType="WirelessHandset" data-product-offerId="3c637de0-553d-4123-87a9-aefb06d8321b" data-product-bmc="XSE2242X" data-product-sku="108600" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iPhone_SE_3rd_Gen/iPhone_SE_3rd_gen_Midnight_5G-plus_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_43fde41c-fd2a-4a1c-a02e-14882f528a1f"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_43fde41c-fd2a-4a1c-a02e-14882f528a1f"> iPhone SE (3rd generation) </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_43fde41c-fd2a-4a1c-a02e-14882f528a1f"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>24<span>.80</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_43fde41c-fd2a-4a1c-a02e-14882f528a1f" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-43fde41c-fd2a-4a1c-a02e-14882f528a1f" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$595.08</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-12?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_0de69e61-f4a3-4080-8437-3f23a2a6a1b1" aria-describedby="bluebox_0de69e61-f4a3-4080-8437-3f23a2a6a1b1 price_0de69e61-f4a3-4080-8437-3f23a2a6a1b1" id="details_item_0de69e61-f4a3-4080-8437-3f23a2a6a1b1" data-product-title="iPhone 12" data-product-productId="0de69e61-f4a3-4080-8437-3f23a2a6a1b1" data-product-productType="WirelessHandset" data-product-offerId="08bdf248-fecb-4812-a863-8a932dadb682" data-product-bmc="X12004BX" data-product-sku="106351" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/apple/img_iPhone12_black_5G_plus_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_0de69e61-f4a3-4080-8437-3f23a2a6a1b1"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_0de69e61-f4a3-4080-8437-3f23a2a6a1b1"> iPhone 12 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_0de69e61-f4a3-4080-8437-3f23a2a6a1b1"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>33<span>.39</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_0de69e61-f4a3-4080-8437-3f23a2a6a1b1" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-0de69e61-f4a3-4080-8437-3f23a2a6a1b1" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$801.36</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <a href="javascript:void(0);" id="viewall_Apple" data-id="#Apple" class="txtUnderline clickable-card view-all-js" aria-label="View all Apple Devices"> <div class="w-100 overflowHidden fullHeight d-block pad-30 d-flex justify-content-center align-items-center column same-height" data-same-height-index="10"> <div class="d-flex column align-items-center"> <div class="border-allRound btn-default-blue pointer pad-40 margin-b-25"> <span class="icon icon-mobile_phone_case txtWhite txtSize42-xs txtSize72"></span> </div> <span class="txtSize18"> View all </span> </div> </div> </a> </div>  </div>  <div class="brand-title margin-b-30 card-section-js" data-category="Samsung" role="listitem" id="clone-Samsung" data-brand="Samsung"> <div class="brand-header col-12 margin-b-30"> <div class="d-flex align-items-center flex-row"> <h2 class="title border-right-gray2 pad-r-15 margin-r-15 no-border-xs">Samsung</h2> <a id="learnmore_brand_samsung" href="/Mobility/Samsung-phones" class="overflowHidden txtUnderline"><div class="overflow-ellipsis">More Bell - Samsung offers & devices</div></a> </div> <div class="view-all-wrapper dl-list-header--has-link"> <p class="relative title-viewAllLink"><a href="javascript:void(0)" id="viewall_Samsung" data-id="#Samsung" class="title-rightLink view-all-js" aria-label="View all (7) Samsung devices" role="button">View all (7)</a></p> </div> </div>  <div class="slick-clone container-flex-box-wrap column-spacer-30-sm same-height-wrap"></div>  <div class="hide carousel-view flex mobileUnslickCountOne radio-slick same-height-wrap infoblock-slider infoblock-slider-width slider-remove-prev slick-overflow-visible hiddenInactive link-slide" data-slick-title="Samsung Devices" data-slick='{"infinite":false, "slidesToShow":1, "slidesToScroll":1, "dots":true, "arrows":false, "mobileFirst":true, "useTransform": false, "responsive": [ {"breakpoint": 991, "settings": {"slidesToShow": 3, "slidesToScroll": 3, "arrows":true}}, {"breakpoint": 767, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "arrows":true}} ]}'> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-S24?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_b75c9a6f-c8fa-44fb-a912-c014057065e4" aria-describedby="bluebox_b75c9a6f-c8fa-44fb-a912-c014057065e4 price_b75c9a6f-c8fa-44fb-a912-c014057065e4" id="details_item_b75c9a6f-c8fa-44fb-a912-c014057065e4" data-product-title="Samsung Galaxy S24" data-product-productId="b75c9a6f-c8fa-44fb-a912-c014057065e4" data-product-productType="WirelessHandset" data-product-offerId="d622f1b9-49a8-49d1-a330-69d2b6282068" data-product-bmc="XSSE15BX" data-product-sku="111615" data-product-category="Superphones" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_b75c9a6f-c8fa-44fb-a912-c014057065e4"> SAVE $880.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Samsung_Galaxy_S24_5GPlus_Onyx_Black_AI_lrg1_EN.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_b75c9a6f-c8fa-44fb-a912-c014057065e4"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_b75c9a6f-c8fa-44fb-a912-c014057065e4"> Samsung Galaxy S24 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_b75c9a6f-c8fa-44fb-a912-c014057065e4"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$46.67 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>10<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $240.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_b75c9a6f-c8fa-44fb-a912-c014057065e4" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-b75c9a6f-c8fa-44fb-a912-c014057065e4" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $240.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,360.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-S24-FE?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_b93fda06-9d86-49f9-a4f8-7f5b80825d3c" aria-describedby="bluebox_b93fda06-9d86-49f9-a4f8-7f5b80825d3c price_b93fda06-9d86-49f9-a4f8-7f5b80825d3c" id="details_item_b93fda06-9d86-49f9-a4f8-7f5b80825d3c" data-product-title="Samsung Galaxy S24 FE" data-product-productId="b93fda06-9d86-49f9-a4f8-7f5b80825d3c" data-product-productType="WirelessHandset" data-product-offerId="e5fd4a4f-1009-4314-ac2f-6e601e95feed" data-product-bmc="XSFE45TX" data-product-sku="112749" data-product-category="Superphones" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_b93fda06-9d86-49f9-a4f8-7f5b80825d3c"> SAVE $850.08 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/SamsungGalaxyS24FE/Samsung_Galaxy_S24_FE_Graphite_Alt_lrg1_EN.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_b93fda06-9d86-49f9-a4f8-7f5b80825d3c"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_b93fda06-9d86-49f9-a4f8-7f5b80825d3c"> Samsung Galaxy S24 FE </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_b93fda06-9d86-49f9-a4f8-7f5b80825d3c"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$36.42 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>1<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $235.92 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_b93fda06-9d86-49f9-a4f8-7f5b80825d3c" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-b93fda06-9d86-49f9-a4f8-7f5b80825d3c" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $235.92 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,110.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-Z-Fold6?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_55653a63-43f7-4ab7-a9ab-bd45e19de4ab" aria-describedby="bluebox_55653a63-43f7-4ab7-a9ab-bd45e19de4ab price_55653a63-43f7-4ab7-a9ab-bd45e19de4ab" id="details_item_55653a63-43f7-4ab7-a9ab-bd45e19de4ab" data-product-title="Samsung Galaxy Z Fold6" data-product-productId="55653a63-43f7-4ab7-a9ab-bd45e19de4ab" data-product-productType="WirelessHandset" data-product-offerId="57c29f50-2032-4977-bc72-02708d622324" data-product-bmc="XSFQ66SX" data-product-sku="112126" data-product-category="Superphones" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_55653a63-43f7-4ab7-a9ab-bd45e19de4ab"> SAVE $1,202.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Samsung_Galaxy_Z_Fold6_Silver_5G_plus_AI_lrg1_EN.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_55653a63-43f7-4ab7-a9ab-bd45e19de4ab"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_55653a63-43f7-4ab7-a9ab-bd45e19de4ab"> Samsung Galaxy Z Fold6 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_55653a63-43f7-4ab7-a9ab-bd45e19de4ab"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$125.42 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>75<span>.34</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $160.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_55653a63-43f7-4ab7-a9ab-bd45e19de4ab" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-55653a63-43f7-4ab7-a9ab-bd45e19de4ab" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $160.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$3,170.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-Z-Flip6?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_18f62d33-7de9-4e20-81b0-ea411d6b495a" aria-describedby="bluebox_18f62d33-7de9-4e20-81b0-ea411d6b495a price_18f62d33-7de9-4e20-81b0-ea411d6b495a" id="details_item_18f62d33-7de9-4e20-81b0-ea411d6b495a" data-product-title="Samsung Galaxy Z Flip6" data-product-productId="18f62d33-7de9-4e20-81b0-ea411d6b495a" data-product-productType="WirelessHandset" data-product-offerId="65a8ddbe-7f18-4a78-bff0-3e76771e7fbc" data-product-bmc="XSFB66SX" data-product-sku="112096" data-product-category="Superphones" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_18f62d33-7de9-4e20-81b0-ea411d6b495a"> SAVE $850.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Samsung_Galaxy_Z_Flip6_silver_shadow_AI_lrg1_EN.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_18f62d33-7de9-4e20-81b0-ea411d6b495a"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_18f62d33-7de9-4e20-81b0-ea411d6b495a"> Samsung Galaxy Z Flip6 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_18f62d33-7de9-4e20-81b0-ea411d6b495a"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$71.67 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>36<span>.25</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $90.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_18f62d33-7de9-4e20-81b0-ea411d6b495a" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-18f62d33-7de9-4e20-81b0-ea411d6b495a" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $90.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,810.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-S24-Ultra?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c" aria-describedby="bluebox_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c price_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c" id="details_item_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c" data-product-title="Samsung Galaxy S24 Ultra" data-product-productId="cd3debbd-837c-4ceb-83e6-ce2b8b7b608c" data-product-productType="WirelessHandset" data-product-offerId="c3c40d47-10ff-41fd-9fb1-2bacaf35bd40" data-product-bmc="XSSE36IX" data-product-sku="111736" data-product-category="Superphones" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c"> SAVE $1,020.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Samsung_Galaxy_S24_Ultra_5GPlus_Gray_AI_lrg1_EN.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c"> Samsung Galaxy S24 Ultra </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$67.50 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>25<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year Ultimate plan with Device Return Option. <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $600.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-cd3debbd-837c-4ceb-83e6-ce2b8b7b608c" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $600.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$2,220.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-A15?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_4ac19e66-3a3f-4858-a183-6c643d5b3cf6" aria-describedby="bluebox_4ac19e66-3a3f-4858-a183-6c643d5b3cf6 price_4ac19e66-3a3f-4858-a183-6c643d5b3cf6" id="details_item_4ac19e66-3a3f-4858-a183-6c643d5b3cf6" data-product-title="Samsung Galaxy A15 5G" data-product-productId="4ac19e66-3a3f-4858-a183-6c643d5b3cf6" data-product-productType="WirelessHandset" data-product-offerId="cd5168c3-f16b-4304-bb2c-0313a8317f86" data-product-bmc="XSA155BX" data-product-sku="111579" data-product-category="Superphones" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_4ac19e66-3a3f-4858-a183-6c643d5b3cf6"> SAVE $47.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Samsung_Galaxy_A15_Black_5G_plus_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_4ac19e66-3a3f-4858-a183-6c643d5b3cf6"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_4ac19e66-3a3f-4858-a183-6c643d5b3cf6"> Samsung Galaxy A15 5G </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_4ac19e66-3a3f-4858-a183-6c643d5b3cf6"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>11<span>.25</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$13.21 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_4ac19e66-3a3f-4858-a183-6c643d5b3cf6" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-4ac19e66-3a3f-4858-a183-6c643d5b3cf6" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$13.21 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$317.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-XCover6-Pro?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_e1481074-ea4f-4953-876b-8d6f347e6898" aria-describedby="bluebox_e1481074-ea4f-4953-876b-8d6f347e6898 price_e1481074-ea4f-4953-876b-8d6f347e6898" id="details_item_e1481074-ea4f-4953-876b-8d6f347e6898" data-product-title="Samsung Galaxy XCover6 Pro" data-product-productId="e1481074-ea4f-4953-876b-8d6f347e6898" data-product-productType="WirelessHandset" data-product-offerId="578b6c49-0f9b-412a-8852-d74125e6bf58" data-product-bmc="XXCVR5BX" data-product-sku="110028" data-product-category="Superphones" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_e1481074-ea4f-4953-876b-8d6f347e6898"> SAVE $138.08 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Samsung_Galaxy_XCover6_Pro_Black_5G_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_e1481074-ea4f-4953-876b-8d6f347e6898"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_e1481074-ea4f-4953-876b-8d6f347e6898"> Samsung Galaxy XCover6 Pro </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_e1481074-ea4f-4953-876b-8d6f347e6898"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>31<span>.79</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$37.55 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_e1481074-ea4f-4953-876b-8d6f347e6898" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-e1481074-ea4f-4953-876b-8d6f347e6898" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$37.55 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$901.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <a href="javascript:void(0);" id="viewall_Samsung" data-id="#Samsung" class="txtUnderline clickable-card view-all-js" aria-label="View all Samsung Devices"> <div class="w-100 overflowHidden fullHeight d-block pad-30 d-flex justify-content-center align-items-center column same-height" data-same-height-index="10"> <div class="d-flex column align-items-center"> <div class="border-allRound btn-default-blue pointer pad-40 margin-b-25"> <span class="icon icon-mobile_phone_case txtWhite txtSize42-xs txtSize72"></span> </div> <span class="txtSize18"> View all </span> </div> </div> </a> </div>  </div>  <div class="brand-title margin-b-30 card-section-js" data-category="Google" role="listitem" id="clone-Google" data-brand="Google"> <div class="brand-header col-12 margin-b-30"> <div class="d-flex align-items-center flex-row"> <h2 class="title border-right-gray2 pad-r-15 margin-r-15 no-border-xs">Google</h2> <a id="learnmore_brand_google" href="/Mobility/Google-Phones" class="overflowHidden txtUnderline"><div class="overflow-ellipsis">More Bell - Google offers & devices</div></a> </div> <div class="view-all-wrapper dl-list-header--has-link"> <p class="relative title-viewAllLink"><a href="javascript:void(0)" id="viewall_Google" data-id="#Google" class="title-rightLink view-all-js" aria-label="View all (6) Google devices" role="button">View all (6)</a></p> </div> </div>  <div class="slick-clone container-flex-box-wrap column-spacer-30-sm same-height-wrap"></div>  <div class="hide carousel-view flex mobileUnslickCountOne radio-slick same-height-wrap infoblock-slider infoblock-slider-width slider-remove-prev slick-overflow-visible hiddenInactive link-slide" data-slick-title="Google Devices" data-slick='{"infinite":false, "slidesToShow":1, "slidesToScroll":1, "dots":true, "arrows":false, "mobileFirst":true, "useTransform": false, "responsive": [ {"breakpoint": 991, "settings": {"slidesToShow": 3, "slidesToScroll": 3, "arrows":true}}, {"breakpoint": 767, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "arrows":true}} ]}'> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Google-Pixel-9?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_165c0dcc-2f68-445c-8381-7d834b08825c" aria-describedby="bluebox_165c0dcc-2f68-445c-8381-7d834b08825c price_165c0dcc-2f68-445c-8381-7d834b08825c" id="details_item_165c0dcc-2f68-445c-8381-7d834b08825c" data-product-title="Google Pixel 9" data-product-productId="165c0dcc-2f68-445c-8381-7d834b08825c" data-product-productType="WirelessHandset" data-product-offerId="b81c3aa4-7489-4858-ae2f-77c32ec0b9f6" data-product-bmc="XPIX95BX" data-product-sku="112219" data-product-category="Superphones" data-product-brand="Google" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_165c0dcc-2f68-445c-8381-7d834b08825c"> SAVE $930.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/Google_pixel_9/Google_Pixel_9_Obsidian_Alt_Lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_165c0dcc-2f68-445c-8381-7d834b08825c"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_165c0dcc-2f68-445c-8381-7d834b08825c"> Google Pixel 9 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_165c0dcc-2f68-445c-8381-7d834b08825c"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$39.75 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>1<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year Ultimate plan with Device Return Option. <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $336.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_165c0dcc-2f68-445c-8381-7d834b08825c" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-165c0dcc-2f68-445c-8381-7d834b08825c" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $336.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,290.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Google-Pixel-9-Pro?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1" aria-describedby="bluebox_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1 price_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1" id="details_item_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1" data-product-title="Google Pixel 9 Pro" data-product-productId="1d266f8e-5471-4aa2-8ead-4af3b27fd5e1" data-product-productType="WirelessHandset" data-product-offerId="3af3a3fa-f641-4aff-b2c9-b82ed3e452f4" data-product-bmc="XPI9P56X" data-product-sku="112307" data-product-category="Superphones" data-product-brand="Google" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1"> SAVE $980.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/Google_pixel_9_pro/Google_Pixel_9-Pro_Hazel_Alt_Lrg1_EN.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1"> Google Pixel 9 Pro </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$50.83 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>10<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $360.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-1d266f8e-5471-4aa2-8ead-4af3b27fd5e1" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $360.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,580.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Google-Pixel-9-Pro-XL?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_474b144f-478b-4953-9d4f-5c469432142c" aria-describedby="bluebox_474b144f-478b-4953-9d4f-5c469432142c price_474b144f-478b-4953-9d4f-5c469432142c" id="details_item_474b144f-478b-4953-9d4f-5c469432142c" data-product-title="Google Pixel 9 Pro XL" data-product-productId="474b144f-478b-4953-9d4f-5c469432142c" data-product-productType="WirelessHandset" data-product-offerId="79ede21a-4ccc-431f-bd9e-dcab8b354604" data-product-bmc="XP9PX5BX" data-product-sku="112179" data-product-category="Superphones" data-product-brand="Google" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_474b144f-478b-4953-9d4f-5c469432142c"> SAVE $1,040.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/Google_Pixel_9_Pro_XL/Google_Pixel9-Pro_XL_Obsidian_Alt_lrg_1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_474b144f-478b-4953-9d4f-5c469432142c"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_474b144f-478b-4953-9d4f-5c469432142c"> Google Pixel 9 Pro XL </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_474b144f-478b-4953-9d4f-5c469432142c"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$58.33 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>15<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $360.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_474b144f-478b-4953-9d4f-5c469432142c" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-474b144f-478b-4953-9d4f-5c469432142c" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $360.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,760.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Google-Pixel-9-Pro-Fold?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_397d58f6-b81a-4a68-b8cc-73c0dc348610" aria-describedby="bluebox_397d58f6-b81a-4a68-b8cc-73c0dc348610 price_397d58f6-b81a-4a68-b8cc-73c0dc348610" id="details_item_397d58f6-b81a-4a68-b8cc-73c0dc348610" data-product-title="Google Pixel 9 Pro Fold" data-product-productId="397d58f6-b81a-4a68-b8cc-73c0dc348610" data-product-productType="WirelessHandset" data-product-offerId="d4d6c7f9-c7d8-4926-8c37-acda41b2f9fa" data-product-bmc="XP9PF6BX" data-product-sku="112271" data-product-category="Superphones" data-product-brand="Google" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_397d58f6-b81a-4a68-b8cc-73c0dc348610"> SAVE $1,610.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/Pixel-9-Pro-Fold/Google_Pixel9-Pro_Fold_Obsidian_Alt_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_397d58f6-b81a-4a68-b8cc-73c0dc348610"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_397d58f6-b81a-4a68-b8cc-73c0dc348610"> Google Pixel 9 Pro Fold </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_397d58f6-b81a-4a68-b8cc-73c0dc348610"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$102.08 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>35<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $360.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_397d58f6-b81a-4a68-b8cc-73c0dc348610" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-397d58f6-b81a-4a68-b8cc-73c0dc348610" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $360.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$2,810.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Google-Pixel-8?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_f211d21f-f86d-490e-b916-dbe9fae2e408" aria-describedby="bluebox_f211d21f-f86d-490e-b916-dbe9fae2e408 price_f211d21f-f86d-490e-b916-dbe9fae2e408" id="details_item_f211d21f-f86d-490e-b916-dbe9fae2e408" data-product-title="Google Pixel 8" data-product-productId="f211d21f-f86d-490e-b916-dbe9fae2e408" data-product-productType="WirelessHandset" data-product-offerId="d788a769-67c1-4514-9918-81c0a68e7ef4" data-product-bmc="XPIX85BX" data-product-sku="110920" data-product-category="Superphones" data-product-brand="Google" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_f211d21f-f86d-490e-b916-dbe9fae2e408"> SAVE $988.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Google_Pixel_8_licorice_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_f211d21f-f86d-490e-b916-dbe9fae2e408"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_f211d21f-f86d-490e-b916-dbe9fae2e408"> Google Pixel 8 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_f211d21f-f86d-490e-b916-dbe9fae2e408"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>5<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$46.17 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_f211d21f-f86d-490e-b916-dbe9fae2e408" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-f211d21f-f86d-490e-b916-dbe9fae2e408" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$46.17 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,108.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Google-Pixel-8a?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_7eb37339-2c41-45c0-8af4-211980df7cad" aria-describedby="bluebox_7eb37339-2c41-45c0-8af4-211980df7cad price_7eb37339-2c41-45c0-8af4-211980df7cad" id="details_item_7eb37339-2c41-45c0-8af4-211980df7cad" data-product-title="Google Pixel 8a" data-product-productId="7eb37339-2c41-45c0-8af4-211980df7cad" data-product-productType="WirelessHandset" data-product-offerId="2e2252f5-da60-41b2-ae13-3cddadce58ce" data-product-bmc="XPI8A5LX" data-product-sku="111826" data-product-category="Superphones" data-product-brand="Google" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_7eb37339-2c41-45c0-8af4-211980df7cad"> SAVE $776.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/Google_Pixel_8a/Google_Pixel_8a_Bay_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_7eb37339-2c41-45c0-8af4-211980df7cad"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_7eb37339-2c41-45c0-8af4-211980df7cad"> Google Pixel 8a </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_7eb37339-2c41-45c0-8af4-211980df7cad"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>1<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year Ultimate plan. <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$33.34 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_7eb37339-2c41-45c0-8af4-211980df7cad" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-7eb37339-2c41-45c0-8af4-211980df7cad" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$33.34 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$800.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <a href="javascript:void(0);" id="viewall_Google" data-id="#Google" class="txtUnderline clickable-card view-all-js" aria-label="View all Google Devices"> <div class="w-100 overflowHidden fullHeight d-block pad-30 d-flex justify-content-center align-items-center column same-height" data-same-height-index="10"> <div class="d-flex column align-items-center"> <div class="border-allRound btn-default-blue pointer pad-40 margin-b-25"> <span class="icon icon-mobile_phone_case txtWhite txtSize42-xs txtSize72"></span> </div> <span class="txtSize18"> View all </span> </div> </div> </a> </div>  </div>  <div class="brand-title margin-b-30 card-section-js" data-category="TCL" role="listitem" id="clone-TCL" data-brand="TCL"> <div class="brand-header col-12 margin-b-30"> <div class="d-flex align-items-center flex-row"> <h2 class="title pad-r-15 margin-r-15 no-border-xs">TCL</h2> </div> <div class="view-all-wrapper"> <p class="relative title-viewAllLink"><a href="javascript:void(0)" id="viewall_TCL" data-id="#TCL" class="title-rightLink view-all-js" aria-label="View all (4) TCL devices" role="button">View all (4)</a></p> </div> </div>  <div class="slick-clone container-flex-box-wrap column-spacer-30-sm same-height-wrap"></div>  <div class="hide carousel-view flex mobileUnslickCountOne radio-slick same-height-wrap infoblock-slider infoblock-slider-width slider-remove-prev slick-overflow-visible hiddenInactive link-slide" data-slick-title="TCL Devices" data-slick='{"infinite":false, "slidesToShow":1, "slidesToScroll":1, "dots":true, "arrows":false, "mobileFirst":true, "useTransform": false, "responsive": [ {"breakpoint": 991, "settings": {"slidesToShow": 3, "slidesToScroll": 3, "arrows":true}}, {"breakpoint": 767, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "arrows":true}} ]}'> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/TCL-50-XE-Nxtpaper-5G?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_998a17e2-02c2-4b7f-8b5a-e4b364c6002b" aria-describedby="bluebox_998a17e2-02c2-4b7f-8b5a-e4b364c6002b price_998a17e2-02c2-4b7f-8b5a-e4b364c6002b" id="details_item_998a17e2-02c2-4b7f-8b5a-e4b364c6002b" data-product-title="TCL 50 XE NXTPAPER 5G" data-product-productId="998a17e2-02c2-4b7f-8b5a-e4b364c6002b" data-product-productType="WirelessHandset" data-product-offerId="dfa465da-fde0-4445-bdb4-a4fbc22162ad" data-product-bmc="X50XE5LX" data-product-sku="111851" data-product-category="Phones" data-product-brand="TCL" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_998a17e2-02c2-4b7f-8b5a-e4b364c6002b"> SAVE $200.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/TCL/TCL_50_XE_Nxtpaper_5G_Space_Blue_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_998a17e2-02c2-4b7f-8b5a-e4b364c6002b"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_998a17e2-02c2-4b7f-8b5a-e4b364c6002b"> TCL 50 XE NXTPAPER 5G </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_998a17e2-02c2-4b7f-8b5a-e4b364c6002b"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>5<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$13.34 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_998a17e2-02c2-4b7f-8b5a-e4b364c6002b" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-998a17e2-02c2-4b7f-8b5a-e4b364c6002b" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$13.34 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$320.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/TCL-502?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_544674fe-ffdf-4a38-9b6f-9b340d0e0b16" aria-describedby="bluebox_544674fe-ffdf-4a38-9b6f-9b340d0e0b16 price_544674fe-ffdf-4a38-9b6f-9b340d0e0b16" id="details_item_544674fe-ffdf-4a38-9b6f-9b340d0e0b16" data-product-title="TCL 502" data-product-productId="544674fe-ffdf-4a38-9b6f-9b340d0e0b16" data-product-productType="WirelessHandset" data-product-offerId="1421de74-8c17-4421-b75a-d849d1faca01" data-product-bmc="XT5023BX" data-product-sku="111570" data-product-category="Phones" data-product-brand="TCL" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_544674fe-ffdf-4a38-9b6f-9b340d0e0b16"> SAVE $20.68 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/TCL-502/TCL_502_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_544674fe-ffdf-4a38-9b6f-9b340d0e0b16"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_544674fe-ffdf-4a38-9b6f-9b340d0e0b16"> TCL 502 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_544674fe-ffdf-4a38-9b6f-9b340d0e0b16"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>3<span>.93</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$4.80 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_544674fe-ffdf-4a38-9b6f-9b340d0e0b16" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-544674fe-ffdf-4a38-9b6f-9b340d0e0b16" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$4.80 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$115.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/TCL-Flip?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_2612fc38-771f-4159-83ee-ccceccb83e85" aria-describedby="bluebox_2612fc38-771f-4159-83ee-ccceccb83e85 price_2612fc38-771f-4159-83ee-ccceccb83e85" id="details_item_2612fc38-771f-4159-83ee-ccceccb83e85" data-product-title="TCL Flip" data-product-productId="2612fc38-771f-4159-83ee-ccceccb83e85" data-product-productType="WirelessHandset" data-product-offerId="5e5bf4ae-99b1-4508-9f58-1366b2a4f5c8" data-product-bmc="XTFLP1BX" data-product-sku="111888" data-product-category="Phones" data-product-brand="TCL" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_2612fc38-771f-4159-83ee-ccceccb83e85"> SAVE $27.20 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/TCL/TCL-Flip_Black_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_2612fc38-771f-4159-83ee-ccceccb83e85"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_2612fc38-771f-4159-83ee-ccceccb83e85"> TCL Flip </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_2612fc38-771f-4159-83ee-ccceccb83e85"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>3<span>.45</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$4.59 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_2612fc38-771f-4159-83ee-ccceccb83e85" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-2612fc38-771f-4159-83ee-ccceccb83e85" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$4.59 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$110.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height" data-same-height-index="10"> <a href="/Mobility/Products/TCL-502-prepaid?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_e512251b-14d2-4414-a561-d19266f28075" aria-describedby="bluebox_e512251b-14d2-4414-a561-d19266f28075 price_e512251b-14d2-4414-a561-d19266f28075" id="details_item_e512251b-14d2-4414-a561-d19266f28075" data-product-title="TCL 502 Prepaid" data-product-productId="e512251b-14d2-4414-a561-d19266f28075" data-product-productType="WirelessHandset" data-product-offerId="0d54f06e-383e-46c7-bed2-d437ee85c04b" data-product-bmc="XT5023BX" data-product-sku="111570" data-product-category="Prepaid" data-product-brand="TCL" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185"> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/TCL-502/TCL_502_lrg1.png" alt="TCL 502 Prepaid"> </div> <div> <div class="flex-wrap align-self-end" id="tile_e512251b-14d2-4414-a561-d19266f28075"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_e512251b-14d2-4414-a561-d19266f28075"> TCL 502 Prepaid </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom"> <p class="tile-price-down mb-0"> <span class="d-inline-block w-100 margin-b-13 txtBlack2 txtBold">From</span> <span class="d-inline-block w-100 surtitle margin-b-5 big-price"><span>$</span>115<span>.00</span></span> </p> </div> <div class="col-lg-9 margin-b-15 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Prepaid <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" aria-label="Tooltip - Additional information" data-content=" Requires an eligible rate plan starting at $<span class='region-text' data-region-text='_WZFDV'>20</span>/mo."> <span class="d-inline-block txtUnderline">Full details</span> </span> <span class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title=" Requires an eligible rate plan starting at $<span class='region-text' data-region-text='_WZFDV'>20</span>/mo."> </span> </p> </div> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <a href="javascript:void(0);" id="viewall_TCL" data-id="#TCL" class="txtUnderline clickable-card view-all-js" aria-label="View all TCL Devices"> <div class="w-100 overflowHidden fullHeight d-block pad-30 d-flex justify-content-center align-items-center column same-height" data-same-height-index="10"> <div class="d-flex column align-items-center"> <div class="border-allRound btn-default-blue pointer pad-40 margin-b-25"> <span class="icon icon-mobile_phone_case txtWhite txtSize42-xs txtSize72"></span> </div> <span class="txtSize18"> View all </span> </div> </div> </a> </div>  </div>  <div class="brand-title margin-b-30 card-section-js" data-category="Motorola" role="listitem" id="clone-Motorola" data-brand="Motorola"> <div class="brand-header col-12 margin-b-30"> <div class="d-flex align-items-center flex-row"> <h2 class="title border-right-gray2 pad-r-15 margin-r-15 no-border-xs">Motorola</h2> <a id="learnmore_brand_motorola" href="/Mobility/Motorola" class="overflowHidden txtUnderline"><div class="overflow-ellipsis">More Bell - Motorola offers & devices</div></a> </div> <div class="view-all-wrapper dl-list-header--has-link"> <p class="relative title-viewAllLink"><a href="javascript:void(0)" id="viewall_Motorola" data-id="#Motorola" class="title-rightLink view-all-js" aria-label="View all (4) Motorola devices" role="button">View all (4)</a></p> </div> </div>  <div class="slick-clone container-flex-box-wrap column-spacer-30-sm same-height-wrap"></div>  <div class="hide carousel-view flex mobileUnslickCountOne radio-slick same-height-wrap infoblock-slider infoblock-slider-width slider-remove-prev slick-overflow-visible hiddenInactive link-slide" data-slick-title="Motorola Devices" data-slick='{"infinite":false, "slidesToShow":1, "slidesToScroll":1, "dots":true, "arrows":false, "mobileFirst":true, "useTransform": false, "responsive": [ {"breakpoint": 991, "settings": {"slidesToShow": 3, "slidesToScroll": 3, "arrows":true}}, {"breakpoint": 767, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "arrows":true}} ]}'> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/motorola-razr-plus?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_979fb1f4-262c-49e0-9c08-78a05fb8f031" aria-describedby="bluebox_979fb1f4-262c-49e0-9c08-78a05fb8f031 price_979fb1f4-262c-49e0-9c08-78a05fb8f031" id="details_item_979fb1f4-262c-49e0-9c08-78a05fb8f031" data-product-title="motorola razr+ (2024)" data-product-productId="979fb1f4-262c-49e0-9c08-78a05fb8f031" data-product-productType="WirelessHandset" data-product-offerId="821dc95f-df12-457e-acf0-503caa3767c3" data-product-bmc="XRZR46LX" data-product-sku="111979" data-product-category="Phones" data-product-brand="Motorola" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_979fb1f4-262c-49e0-9c08-78a05fb8f031"> SAVE $820.08 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/motorola_razr_plus_2024_blue_lrg1.png" alt="5G"> </div> <div> <div class="flex-wrap align-self-end" id="tile_979fb1f4-262c-49e0-9c08-78a05fb8f031"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_979fb1f4-262c-49e0-9c08-78a05fb8f031"> motorola razr+ (2024) </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_979fb1f4-262c-49e0-9c08-78a05fb8f031"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>30<span>.83</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$65.00 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_979fb1f4-262c-49e0-9c08-78a05fb8f031" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-979fb1f4-262c-49e0-9c08-78a05fb8f031" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$65.00 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,560.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/motorola-edge-2024?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_e0310140-2ae8-453d-8f36-8addda0be045" aria-describedby="bluebox_e0310140-2ae8-453d-8f36-8addda0be045 price_e0310140-2ae8-453d-8f36-8addda0be045" id="details_item_e0310140-2ae8-453d-8f36-8addda0be045" data-product-title="motorola edge – 2024" data-product-productId="e0310140-2ae8-453d-8f36-8addda0be045" data-product-productType="WirelessHandset" data-product-offerId="26ca3900-a0c5-40d3-a015-481f10554cf7" data-product-bmc="XEDG46LX" data-product-sku="111894" data-product-category="Phones" data-product-brand="Motorola" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_e0310140-2ae8-453d-8f36-8addda0be045"> SAVE $595.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/motorola/Motorola_Edge_2024_5G_lrg1.png" alt="5G"> </div> <div> <div class="flex-wrap align-self-end" id="tile_e0310140-2ae8-453d-8f36-8addda0be045"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_e0310140-2ae8-453d-8f36-8addda0be045"> motorola edge – 2024 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_e0310140-2ae8-453d-8f36-8addda0be045"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>5<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$29.80 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_e0310140-2ae8-453d-8f36-8addda0be045" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-e0310140-2ae8-453d-8f36-8addda0be045" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$29.80 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$715.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Motorola-G-Play-2024?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_e6370f27-80bc-48ff-8cc4-0dd4bd12153d" aria-describedby="bluebox_e6370f27-80bc-48ff-8cc4-0dd4bd12153d price_e6370f27-80bc-48ff-8cc4-0dd4bd12153d" id="details_item_e6370f27-80bc-48ff-8cc4-0dd4bd12153d" data-product-title="Moto g play – 2024" data-product-productId="e6370f27-80bc-48ff-8cc4-0dd4bd12153d" data-product-productType="WirelessHandset" data-product-offerId="5ef6e509-66f9-40ff-bac1-5d4ae0182626" data-product-bmc="XPLY44LX" data-product-sku="111559" data-product-category="Superphones, Motorola" data-product-brand="Motorola" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_e6370f27-80bc-48ff-8cc4-0dd4bd12153d"> SAVE $19.48 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Motorola_G_Play_2024_Blue_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_e6370f27-80bc-48ff-8cc4-0dd4bd12153d"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_e6370f27-80bc-48ff-8cc4-0dd4bd12153d"> Moto g play – 2024 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_e6370f27-80bc-48ff-8cc4-0dd4bd12153d"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>6<span>.23</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$7.05 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_e6370f27-80bc-48ff-8cc4-0dd4bd12153d" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-e6370f27-80bc-48ff-8cc4-0dd4bd12153d" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$7.05 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$169.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Motorola-Moto-G-5G-2024?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_26de5117-7e65-4857-9c3f-7629abb1dadf" aria-describedby="bluebox_26de5117-7e65-4857-9c3f-7629abb1dadf price_26de5117-7e65-4857-9c3f-7629abb1dadf" id="details_item_26de5117-7e65-4857-9c3f-7629abb1dadf" data-product-title="Motorola g 5G (2024)" data-product-productId="26de5117-7e65-4857-9c3f-7629abb1dadf" data-product-productType="WirelessHandset" data-product-offerId="6b634ecd-251a-47ee-923c-32667ab3a6ce" data-product-bmc="XMG245EX" data-product-sku="111840" data-product-category="Phones" data-product-brand="Motorola" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_26de5117-7e65-4857-9c3f-7629abb1dadf"> SAVE $86.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/motorola/Moto_5G_2024_lrg1.png" alt="5G"> </div> <div> <div class="flex-wrap align-self-end" id="tile_26de5117-7e65-4857-9c3f-7629abb1dadf"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_26de5117-7e65-4857-9c3f-7629abb1dadf"> Motorola g 5G (2024) </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_26de5117-7e65-4857-9c3f-7629abb1dadf"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>7<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$10.59 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_26de5117-7e65-4857-9c3f-7629abb1dadf" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-26de5117-7e65-4857-9c3f-7629abb1dadf" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$10.59 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$254.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <a href="javascript:void(0);" id="viewall_Motorola" data-id="#Motorola" class="txtUnderline clickable-card view-all-js" aria-label="View all Motorola Devices"> <div class="w-100 overflowHidden fullHeight d-block pad-30 d-flex justify-content-center align-items-center column same-height" data-same-height-index="10"> <div class="d-flex column align-items-center"> <div class="border-allRound btn-default-blue pointer pad-40 margin-b-25"> <span class="icon icon-mobile_phone_case txtWhite txtSize42-xs txtSize72"></span> </div> <span class="txtSize18"> View all </span> </div> </div> </a> </div>  </div> </div> </section> <section class="container black-friday-section"> <div class="card-filter black-friday-all-item margin-b-25 margin-b-xs-30" id="all-items" role="list">  <div class="margin-b-30 card-section-js" data-category="Samsung" role="listitem" id="clone-Samsung" data-brand="Samsung"> <div class="col-12 margin-b-30"> <div class="d-flex align-items-center flex-row"> <h2 class="title border-right-gray2 pad-r-15 margin-r-15 no-border-xs">Samsung</h2> <a id="learnmore_brand_samsung" href="/Mobility/Samsung-phones" class="overflowHidden txtUnderline"><div class="overflow-ellipsis">More Bell - Samsung offers & devices</div></a> </div> </div>   <div class="flex mobileUnslickCountOne radio-slick same-height-wrap infoblock-slider infoblock-slider-width slider-remove-prev slick-overflow-visible hiddenInactive link-slide" data-slick-title="Samsung Devices" data-slick='{"infinite":false, "slidesToShow":1, "slidesToScroll":1, "dots":true, "arrows":false, "mobileFirst":true, "useTransform": false, "responsive": [ {"breakpoint": 991, "settings": {"slidesToShow": 3, "slidesToScroll": 3, "arrows":true}}, {"breakpoint": 767, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "arrows":true}} ]}'> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-S24?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_b75c9a6f-c8fa-44fb-a912-c014057065e4" aria-describedby="bluebox_b75c9a6f-c8fa-44fb-a912-c014057065e4 price_b75c9a6f-c8fa-44fb-a912-c014057065e4" id="details_item_b75c9a6f-c8fa-44fb-a912-c014057065e4" data-product-title="Samsung Galaxy S24" data-product-productId="b75c9a6f-c8fa-44fb-a912-c014057065e4" data-product-productType="WirelessHandset" data-product-offerId="d622f1b9-49a8-49d1-a330-69d2b6282068" data-product-bmc="XSSE15BX" data-product-sku="111615" data-product-category="Superphones" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_b75c9a6f-c8fa-44fb-a912-c014057065e4"> SAVE $880.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Samsung_Galaxy_S24_5GPlus_Onyx_Black_AI_lrg1_EN.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_b75c9a6f-c8fa-44fb-a912-c014057065e4"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_b75c9a6f-c8fa-44fb-a912-c014057065e4"> Samsung Galaxy S24 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_b75c9a6f-c8fa-44fb-a912-c014057065e4"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$46.67 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>10<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $240.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_b75c9a6f-c8fa-44fb-a912-c014057065e4" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-b75c9a6f-c8fa-44fb-a912-c014057065e4" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $240.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,360.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-S24-FE?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_b93fda06-9d86-49f9-a4f8-7f5b80825d3c" aria-describedby="bluebox_b93fda06-9d86-49f9-a4f8-7f5b80825d3c price_b93fda06-9d86-49f9-a4f8-7f5b80825d3c" id="details_item_b93fda06-9d86-49f9-a4f8-7f5b80825d3c" data-product-title="Samsung Galaxy S24 FE" data-product-productId="b93fda06-9d86-49f9-a4f8-7f5b80825d3c" data-product-productType="WirelessHandset" data-product-offerId="e5fd4a4f-1009-4314-ac2f-6e601e95feed" data-product-bmc="XSFE45TX" data-product-sku="112749" data-product-category="Superphones" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_b93fda06-9d86-49f9-a4f8-7f5b80825d3c"> SAVE $850.08 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/SamsungGalaxyS24FE/Samsung_Galaxy_S24_FE_Graphite_Alt_lrg1_EN.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_b93fda06-9d86-49f9-a4f8-7f5b80825d3c"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_b93fda06-9d86-49f9-a4f8-7f5b80825d3c"> Samsung Galaxy S24 FE </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_b93fda06-9d86-49f9-a4f8-7f5b80825d3c"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$36.42 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>1<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $235.92 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_b93fda06-9d86-49f9-a4f8-7f5b80825d3c" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-b93fda06-9d86-49f9-a4f8-7f5b80825d3c" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $235.92 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,110.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-S24-Ultra?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c" aria-describedby="bluebox_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c price_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c" id="details_item_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c" data-product-title="Samsung Galaxy S24 Ultra" data-product-productId="cd3debbd-837c-4ceb-83e6-ce2b8b7b608c" data-product-productType="WirelessHandset" data-product-offerId="c3c40d47-10ff-41fd-9fb1-2bacaf35bd40" data-product-bmc="XSSE36IX" data-product-sku="111736" data-product-category="Superphones" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c"> SAVE $1,020.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Samsung_Galaxy_S24_Ultra_5GPlus_Gray_AI_lrg1_EN.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c"> Samsung Galaxy S24 Ultra </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$67.50 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>25<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year Ultimate plan with Device Return Option. <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $600.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_cd3debbd-837c-4ceb-83e6-ce2b8b7b608c" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-cd3debbd-837c-4ceb-83e6-ce2b8b7b608c" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $600.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$2,220.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-Z-Flip6?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_18f62d33-7de9-4e20-81b0-ea411d6b495a" aria-describedby="bluebox_18f62d33-7de9-4e20-81b0-ea411d6b495a price_18f62d33-7de9-4e20-81b0-ea411d6b495a" id="details_item_18f62d33-7de9-4e20-81b0-ea411d6b495a" data-product-title="Samsung Galaxy Z Flip6" data-product-productId="18f62d33-7de9-4e20-81b0-ea411d6b495a" data-product-productType="WirelessHandset" data-product-offerId="65a8ddbe-7f18-4a78-bff0-3e76771e7fbc" data-product-bmc="XSFB66SX" data-product-sku="112096" data-product-category="Superphones" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_18f62d33-7de9-4e20-81b0-ea411d6b495a"> SAVE $850.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Samsung_Galaxy_Z_Flip6_silver_shadow_AI_lrg1_EN.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_18f62d33-7de9-4e20-81b0-ea411d6b495a"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_18f62d33-7de9-4e20-81b0-ea411d6b495a"> Samsung Galaxy Z Flip6 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_18f62d33-7de9-4e20-81b0-ea411d6b495a"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$71.67 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>36<span>.25</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $90.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_18f62d33-7de9-4e20-81b0-ea411d6b495a" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-18f62d33-7de9-4e20-81b0-ea411d6b495a" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $90.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,810.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-Z-Fold6?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_55653a63-43f7-4ab7-a9ab-bd45e19de4ab" aria-describedby="bluebox_55653a63-43f7-4ab7-a9ab-bd45e19de4ab price_55653a63-43f7-4ab7-a9ab-bd45e19de4ab" id="details_item_55653a63-43f7-4ab7-a9ab-bd45e19de4ab" data-product-title="Samsung Galaxy Z Fold6" data-product-productId="55653a63-43f7-4ab7-a9ab-bd45e19de4ab" data-product-productType="WirelessHandset" data-product-offerId="57c29f50-2032-4977-bc72-02708d622324" data-product-bmc="XSFQ66SX" data-product-sku="112126" data-product-category="Superphones" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_55653a63-43f7-4ab7-a9ab-bd45e19de4ab"> SAVE $1,202.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Samsung_Galaxy_Z_Fold6_Silver_5G_plus_AI_lrg1_EN.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_55653a63-43f7-4ab7-a9ab-bd45e19de4ab"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_55653a63-43f7-4ab7-a9ab-bd45e19de4ab"> Samsung Galaxy Z Fold6 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_55653a63-43f7-4ab7-a9ab-bd45e19de4ab"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$125.42 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>75<span>.34</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $160.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_55653a63-43f7-4ab7-a9ab-bd45e19de4ab" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-55653a63-43f7-4ab7-a9ab-bd45e19de4ab" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $160.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$3,170.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <a href="javascript:void(0);" id="viewall_Samsung" data-id="#Samsung" class="txtUnderline clickable-card view-all-js" aria-label="View all Samsung Devices"> <div class="w-100 overflowHidden fullHeight d-block pad-30 d-flex justify-content-center align-items-center column same-height" data-same-height-index="10"> <div class="d-flex column align-items-center"> <div class="border-allRound btn-default-blue pointer pad-40 margin-b-25"> <span class="icon icon-mobile_phone_case txtWhite txtSize42-xs txtSize72"></span> </div> <span class="txtSize18"> View all </span> </div> </div> </a> </div>  </div>  <div class="margin-b-30 card-section-js" data-category="Apple" role="listitem" id="clone-Apple" data-brand="Apple"> <div class="col-12 margin-b-30"> <div class="d-flex align-items-center flex-row"> <h2 class="title border-right-gray2 pad-r-15 margin-r-15 no-border-xs">Apple</h2> <a id="learnmore_brand_apple" href="/Mobility/Apple" class="overflowHidden txtUnderline"><div class="overflow-ellipsis">More Bell - Apple offers & devices</div></a> </div> </div>   <div class="flex mobileUnslickCountOne radio-slick same-height-wrap infoblock-slider infoblock-slider-width slider-remove-prev slick-overflow-visible hiddenInactive link-slide" data-slick-title="Apple Devices" data-slick='{"infinite":false, "slidesToShow":1, "slidesToScroll":1, "dots":true, "arrows":false, "mobileFirst":true, "useTransform": false, "responsive": [ {"breakpoint": 991, "settings": {"slidesToShow": 3, "slidesToScroll": 3, "arrows":true}}, {"breakpoint": 767, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "arrows":true}} ]}'> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-15?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" aria-describedby="bluebox_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1 price_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" id="details_item_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" data-product-title="iPhone 15" data-product-productId="6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" data-product-productType="WirelessHandset" data-product-offerId="64f9d32b-7a4f-41b0-83e1-4bac5499ee9d" data-product-bmc="X15PH5BX" data-product-sku="111113" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1"> SAVE $360.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iPhone_15/iPhone15_Black_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1"> iPhone 15 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$30.00 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>15<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $307.08 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $307.08 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,027.08</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-16?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_b46b7566-b054-48cb-8ad2-8afa3578bfb9" aria-describedby="bluebox_b46b7566-b054-48cb-8ad2-8afa3578bfb9 price_b46b7566-b054-48cb-8ad2-8afa3578bfb9" id="details_item_b46b7566-b054-48cb-8ad2-8afa3578bfb9" data-product-title="iPhone 16" data-product-productId="b46b7566-b054-48cb-8ad2-8afa3578bfb9" data-product-productType="WirelessHandset" data-product-offerId="662c9f26-f36e-4e96-a2ea-cb570143c968" data-product-bmc="X16PH5LX" data-product-sku="112576" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_b46b7566-b054-48cb-8ad2-8afa3578bfb9"> SAVE $359.88 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/iPhone_16_Ultramarine_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_b46b7566-b054-48cb-8ad2-8afa3578bfb9"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_b46b7566-b054-48cb-8ad2-8afa3578bfb9"> iPhone 16 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_b46b7566-b054-48cb-8ad2-8afa3578bfb9"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$32.00 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>17<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $393.12 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_b46b7566-b054-48cb-8ad2-8afa3578bfb9" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-b46b7566-b054-48cb-8ad2-8afa3578bfb9" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $393.12 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,161.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-16-pro?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_e141d00e-c2c8-4a7e-af58-74658f6d543b" aria-describedby="bluebox_e141d00e-c2c8-4a7e-af58-74658f6d543b price_e141d00e-c2c8-4a7e-af58-74658f6d543b" id="details_item_e141d00e-c2c8-4a7e-af58-74658f6d543b" data-product-title="iPhone 16 Pro" data-product-productId="e141d00e-c2c8-4a7e-af58-74658f6d543b" data-product-productType="WirelessHandset" data-product-offerId="4503cee5-9660-467d-b8cb-05f653d2887b" data-product-bmc="X16PR58X" data-product-sku="112417" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iPhone_16_Pro/iPhone_16_Pro_Natural_Titanium_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_e141d00e-c2c8-4a7e-af58-74658f6d543b"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_e141d00e-c2c8-4a7e-af58-74658f6d543b"> iPhone 16 Pro </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_e141d00e-c2c8-4a7e-af58-74658f6d543b"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>37<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes extra and are based on our device full price before Device Return Option amount is applied, financed over 24 months.</p><p>At the end of the 2-year term, pay $602.40 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_e141d00e-c2c8-4a7e-af58-74658f6d543b" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-e141d00e-c2c8-4a7e-af58-74658f6d543b" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes extra and are based on our device full price before Device Return Option amount is applied, financed over 24 months.</p><p>At the end of the 2-year term, pay $602.40 (0% APR) or return your phone in good working condition.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,490.40</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-14?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_ec498020-5a57-49e8-87e9-5eff140b7607" aria-describedby="bluebox_ec498020-5a57-49e8-87e9-5eff140b7607 price_ec498020-5a57-49e8-87e9-5eff140b7607" id="details_item_ec498020-5a57-49e8-87e9-5eff140b7607" data-product-title="iPhone 14" data-product-productId="ec498020-5a57-49e8-87e9-5eff140b7607" data-product-productType="WirelessHandset" data-product-offerId="15a297e5-5872-46b6-8058-5f6355a346bd" data-product-bmc="X14PH52X" data-product-sku="109561" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_ec498020-5a57-49e8-87e9-5eff140b7607"> SAVE $312.60 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iPhone14Details/iPhone_14_Midnight_5G_plus_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_ec498020-5a57-49e8-87e9-5eff140b7607"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_ec498020-5a57-49e8-87e9-5eff140b7607"> iPhone 14 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_ec498020-5a57-49e8-87e9-5eff140b7607"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$27.03 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>14<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $225.12 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_ec498020-5a57-49e8-87e9-5eff140b7607" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-ec498020-5a57-49e8-87e9-5eff140b7607" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $225.12 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$873.72</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPhone-16-plus?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182" aria-describedby="bluebox_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182 price_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182" id="details_item_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182" data-product-title="iPhone 16 Plus" data-product-productId="c04faf1b-0da2-42ca-86f0-d1c9a3b5c182" data-product-productType="WirelessHandset" data-product-offerId="307f3877-42a3-439a-9843-f34c08facce8" data-product-bmc="X16MX5PX" data-product-sku="112525" data-product-category="Superphones, Apple" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iPhone_16/iPhone_16_Plus_Pink_lrg1.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182"> iPhone 16 Plus </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>34<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes extra and are based on our device full price before Device Return Option amount is applied, financed over 24 months.</p><p>At the end of the 2-year term, pay $499.44 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_c04faf1b-0da2-42ca-86f0-d1c9a3b5c182" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-c04faf1b-0da2-42ca-86f0-d1c9a3b5c182" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes extra and are based on our device full price before Device Return Option amount is applied, financed over 24 months.</p><p>At the end of the 2-year term, pay $499.44 (0% APR) or return your phone in good working condition.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,315.44</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <a href="javascript:void(0);" id="viewall_Apple" data-id="#Apple" class="txtUnderline clickable-card view-all-js" aria-label="View all Apple Devices"> <div class="w-100 overflowHidden fullHeight d-block pad-30 d-flex justify-content-center align-items-center column same-height" data-same-height-index="10"> <div class="d-flex column align-items-center"> <div class="border-allRound btn-default-blue pointer pad-40 margin-b-25"> <span class="icon icon-mobile_phone_case txtWhite txtSize42-xs txtSize72"></span> </div> <span class="txtSize18"> View all </span> </div> </div> </a> </div>  </div>  <div class="margin-b-30 card-section-js" data-category="Google" role="listitem" id="clone-Google" data-brand="Google"> <div class="col-12 margin-b-30"> <div class="d-flex align-items-center flex-row"> <h2 class="title border-right-gray2 pad-r-15 margin-r-15 no-border-xs">Google</h2> <a id="learnmore_brand_google" href="/Mobility/Google-Phones" class="overflowHidden txtUnderline"><div class="overflow-ellipsis">More Bell - Google offers & devices</div></a> </div> </div>   <div class="flex mobileUnslickCountOne radio-slick same-height-wrap infoblock-slider infoblock-slider-width slider-remove-prev slick-overflow-visible hiddenInactive link-slide" data-slick-title="Google Devices" data-slick='{"infinite":false, "slidesToShow":1, "slidesToScroll":1, "dots":true, "arrows":false, "mobileFirst":true, "useTransform": false, "responsive": [ {"breakpoint": 991, "settings": {"slidesToShow": 3, "slidesToScroll": 3, "arrows":true}}, {"breakpoint": 767, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "arrows":true}} ]}'> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Google-Pixel-9?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_165c0dcc-2f68-445c-8381-7d834b08825c" aria-describedby="bluebox_165c0dcc-2f68-445c-8381-7d834b08825c price_165c0dcc-2f68-445c-8381-7d834b08825c" id="details_item_165c0dcc-2f68-445c-8381-7d834b08825c" data-product-title="Google Pixel 9" data-product-productId="165c0dcc-2f68-445c-8381-7d834b08825c" data-product-productType="WirelessHandset" data-product-offerId="b81c3aa4-7489-4858-ae2f-77c32ec0b9f6" data-product-bmc="XPIX95BX" data-product-sku="112219" data-product-category="Superphones" data-product-brand="Google" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_165c0dcc-2f68-445c-8381-7d834b08825c"> SAVE $930.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/Google_pixel_9/Google_Pixel_9_Obsidian_Alt_Lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_165c0dcc-2f68-445c-8381-7d834b08825c"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_165c0dcc-2f68-445c-8381-7d834b08825c"> Google Pixel 9 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_165c0dcc-2f68-445c-8381-7d834b08825c"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$39.75 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>1<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year Ultimate plan with Device Return Option. <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $336.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_165c0dcc-2f68-445c-8381-7d834b08825c" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-165c0dcc-2f68-445c-8381-7d834b08825c" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $336.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,290.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Google-Pixel-9-Pro?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1" aria-describedby="bluebox_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1 price_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1" id="details_item_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1" data-product-title="Google Pixel 9 Pro" data-product-productId="1d266f8e-5471-4aa2-8ead-4af3b27fd5e1" data-product-productType="WirelessHandset" data-product-offerId="3af3a3fa-f641-4aff-b2c9-b82ed3e452f4" data-product-bmc="XPI9P56X" data-product-sku="112307" data-product-category="Superphones" data-product-brand="Google" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1"> SAVE $980.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/Google_pixel_9_pro/Google_Pixel_9-Pro_Hazel_Alt_Lrg1_EN.png" alt="5G+"> </div> <div> <div class="flex-wrap align-self-end" id="tile_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1"> Google Pixel 9 Pro </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$50.83 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>10<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $360.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_1d266f8e-5471-4aa2-8ead-4af3b27fd5e1" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-1d266f8e-5471-4aa2-8ead-4af3b27fd5e1" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $360.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,580.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Google-Pixel-8a?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_7eb37339-2c41-45c0-8af4-211980df7cad" aria-describedby="bluebox_7eb37339-2c41-45c0-8af4-211980df7cad price_7eb37339-2c41-45c0-8af4-211980df7cad" id="details_item_7eb37339-2c41-45c0-8af4-211980df7cad" data-product-title="Google Pixel 8a" data-product-productId="7eb37339-2c41-45c0-8af4-211980df7cad" data-product-productType="WirelessHandset" data-product-offerId="2e2252f5-da60-41b2-ae13-3cddadce58ce" data-product-bmc="XPI8A5LX" data-product-sku="111826" data-product-category="Superphones" data-product-brand="Google" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_7eb37339-2c41-45c0-8af4-211980df7cad"> SAVE $776.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/Google_Pixel_8a/Google_Pixel_8a_Bay_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_7eb37339-2c41-45c0-8af4-211980df7cad"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_7eb37339-2c41-45c0-8af4-211980df7cad"> Google Pixel 8a </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_7eb37339-2c41-45c0-8af4-211980df7cad"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>1<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year Ultimate plan. <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$33.34 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_7eb37339-2c41-45c0-8af4-211980df7cad" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-7eb37339-2c41-45c0-8af4-211980df7cad" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$33.34 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$800.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Google-Pixel-9-Pro-XL?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_474b144f-478b-4953-9d4f-5c469432142c" aria-describedby="bluebox_474b144f-478b-4953-9d4f-5c469432142c price_474b144f-478b-4953-9d4f-5c469432142c" id="details_item_474b144f-478b-4953-9d4f-5c469432142c" data-product-title="Google Pixel 9 Pro XL" data-product-productId="474b144f-478b-4953-9d4f-5c469432142c" data-product-productType="WirelessHandset" data-product-offerId="79ede21a-4ccc-431f-bd9e-dcab8b354604" data-product-bmc="XP9PX5BX" data-product-sku="112179" data-product-category="Superphones" data-product-brand="Google" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_474b144f-478b-4953-9d4f-5c469432142c"> SAVE $1,040.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/Google_Pixel_9_Pro_XL/Google_Pixel9-Pro_XL_Obsidian_Alt_lrg_1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_474b144f-478b-4953-9d4f-5c469432142c"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_474b144f-478b-4953-9d4f-5c469432142c"> Google Pixel 9 Pro XL </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_474b144f-478b-4953-9d4f-5c469432142c"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$58.33 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>15<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $360.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_474b144f-478b-4953-9d4f-5c469432142c" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-474b144f-478b-4953-9d4f-5c469432142c" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $360.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,760.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Google-Pixel-9-Pro-Fold?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_397d58f6-b81a-4a68-b8cc-73c0dc348610" aria-describedby="bluebox_397d58f6-b81a-4a68-b8cc-73c0dc348610 price_397d58f6-b81a-4a68-b8cc-73c0dc348610" id="details_item_397d58f6-b81a-4a68-b8cc-73c0dc348610" data-product-title="Google Pixel 9 Pro Fold" data-product-productId="397d58f6-b81a-4a68-b8cc-73c0dc348610" data-product-productType="WirelessHandset" data-product-offerId="d4d6c7f9-c7d8-4926-8c37-acda41b2f9fa" data-product-bmc="XP9PF6BX" data-product-sku="112271" data-product-category="Superphones" data-product-brand="Google" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_397d58f6-b81a-4a68-b8cc-73c0dc348610"> SAVE $1,610.00 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/Pixel-9-Pro-Fold/Google_Pixel9-Pro_Fold_Obsidian_Alt_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_397d58f6-b81a-4a68-b8cc-73c0dc348610"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_397d58f6-b81a-4a68-b8cc-73c0dc348610"> Google Pixel 9 Pro Fold </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_397d58f6-b81a-4a68-b8cc-73c0dc348610"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="strikethru same-height margin-t-5" data-same-height-index="4" aria-hidden="true">$102.08 /mo.</div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>35<span>.00</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $360.00 (0% APR) or return your phone in good working condition.</p>"> <span id="Full_detail_397d58f6-b81a-4a68-b8cc-73c0dc348610" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-397d58f6-b81a-4a68-b8cc-73c0dc348610" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p><p>Taxes extra and are based on our device full price after discount, before Device Return Option amount is applied, financed over 24 months.</p></p><p>At the end of the 2-year term, pay $360.00 (0% APR) or return your phone in good working condition.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$2,810.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <a href="javascript:void(0);" id="viewall_Google" data-id="#Google" class="txtUnderline clickable-card view-all-js" aria-label="View all Google Devices"> <div class="w-100 overflowHidden fullHeight d-block pad-30 d-flex justify-content-center align-items-center column same-height" data-same-height-index="10"> <div class="d-flex column align-items-center"> <div class="border-allRound btn-default-blue pointer pad-40 margin-b-25"> <span class="icon icon-mobile_phone_case txtWhite txtSize42-xs txtSize72"></span> </div> <span class="txtSize18"> View all </span> </div> </div> </a> </div>  </div> </div> </section> <section id="lto-stripe-section"> </section> <section class="container card-filter"> <div class="margin-b-30 card-section-js" data-category="More" id="more"> <div> <div class="add-more row noMargin margin-v-45 margin-v-xs-30 pad-h-sm-5 pad-h-xs-0"> <div class="margin-h-auto col-12"> <div class="accordion-wrap border-lightGray-bottom border-lightGray-top"> <div class="col1" role="heading" aria-level="2"> <button class="js-custom-accordion-trigger d-flex align-items-center collapse-trigger collapsed border-0 bg-transparent w-100 text-left pad-v-30 pad-h-0 pointer hover-blue small-title" id="Sonim-accordion-button" aria-controls="Sonim-accordion-body" aria-expanded="false" data-toggle="collapse" data-icon-expand="icon-Big-expand" data-icon-collapse="icon-Big-collapse" data-icon-expand-xs="icon-chevron-right" data-icon-collapse-xs="icon-chevron-down"> <span class="pad-45-right pad-r-xs-5 flex-fill">Sonim (1)</span> <span class="icon txtSize36 icon-Big-expand margin-left-auto txtBlue d-block" aria-hidden="true"></span> </button> </div> <div class="relative clear collapse-accordion-accessible-toggle collapse" id="Sonim-accordion-body" aria-labelledby="Sonim-accordion-button" role="region"> <div class="accordion-inner margin-v-20 margin-b-xs-30" id="dl-list-sonim"> <div class="container-flex-box-wrap same-height-wrap column-spacer-15 column-spacer-30-sm column-spacer-xs-15"> <div class="col-lg-4 col-md-4 col-sm-6 margin-b-30 margin-b-xs-15 relative"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Sonim-XP3-Plus?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_bc35ac9c-436b-4381-8673-9768034d322e" aria-describedby="bluebox_bc35ac9c-436b-4381-8673-9768034d322e price_bc35ac9c-436b-4381-8673-9768034d322e" id="details_item_bc35ac9c-436b-4381-8673-9768034d322e" data-product-title="Sonim XP3plus" data-product-productId="bc35ac9c-436b-4381-8673-9768034d322e" data-product-productType="WirelessHandset" data-product-offerId="01c74c0f-0c6e-4a76-b4dc-cbd17b094f55" data-product-bmc="XXP3P2BX" data-product-sku="108087" data-product-category="Phones" data-product-brand="Sonim" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_bc35ac9c-436b-4381-8673-9768034d322e"> SAVE $35.92 <sup>*</sup> </span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Sonim_XP3_plus_Black_lrg1_en.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_bc35ac9c-436b-4381-8673-9768034d322e"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_bc35ac9c-436b-4381-8673-9768034d322e"> Sonim XP3plus </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_bc35ac9c-436b-4381-8673-9768034d322e"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>11<span>.42</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$12.92 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_bc35ac9c-436b-4381-8673-9768034d322e" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-bc35ac9c-436b-4381-8673-9768034d322e" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$12.92 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$310.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> </div>  </div> </div> </div> <div class="accordion-wrap border-lightGray-bottom border-lightGray-top"> <div class="col1" role="heading" aria-level="2"> <button class="js-custom-accordion-trigger d-flex align-items-center collapse-trigger collapsed border-0 bg-transparent w-100 text-left pad-v-30 pad-h-0 pointer hover-blue small-title" id="ZTE-accordion-button" aria-controls="ZTE-accordion-body" aria-expanded="false" data-toggle="collapse" data-icon-expand="icon-Big-expand" data-icon-collapse="icon-Big-collapse" data-icon-expand-xs="icon-chevron-right" data-icon-collapse-xs="icon-chevron-down"> <span class="pad-45-right pad-r-xs-5 flex-fill">ZTE (3)</span> <span class="icon txtSize36 icon-Big-expand margin-left-auto txtBlue d-block" aria-hidden="true"></span> </button> </div> <div class="relative clear collapse-accordion-accessible-toggle collapse" id="ZTE-accordion-body" aria-labelledby="ZTE-accordion-button" role="region"> <div class="accordion-inner margin-v-20 margin-b-xs-30" id="dl-list-zte"> <div class="container-flex-box-wrap same-height-wrap column-spacer-15 column-spacer-30-sm column-spacer-xs-15"> <div class="col-lg-4 col-md-4 col-sm-6 margin-b-30 margin-b-xs-15 relative"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/ZTE-Blade-A7P?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_a0b9f363-b590-454f-8ff4-1d6245a6aeea" aria-describedby="bluebox_a0b9f363-b590-454f-8ff4-1d6245a6aeea price_a0b9f363-b590-454f-8ff4-1d6245a6aeea" id="details_item_a0b9f363-b590-454f-8ff4-1d6245a6aeea" data-product-title="ZTE Blade A7P" data-product-productId="a0b9f363-b590-454f-8ff4-1d6245a6aeea" data-product-productType="WirelessHandset" data-product-offerId="5e9b6613-74c7-4601-91ba-4dc82232c2b7" data-product-bmc="XZA7P3IX" data-product-sku="108590" data-product-category="Phones" data-product-brand="ZTE" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/ZTE_Blade_A7P_Dark_Grey_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_a0b9f363-b590-454f-8ff4-1d6245a6aeea"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_a0b9f363-b590-454f-8ff4-1d6245a6aeea"> ZTE Blade A7P </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_a0b9f363-b590-454f-8ff4-1d6245a6aeea"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-phone-price-dro mb-0 1width-auto"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"><span>$</span>6<span>.25</span><span>/mo.</span></span> <span class="d-inline-block w-100 txtSize12">for 24 months</span> </p> <p class="tile-phone-price-down mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5"> $0.00 </span> <span class="d-inline-block w-100 txtSize12">down</span> </p> <p class="tile-phone-price-apr mb-0 1margin-l-15"> <span class="d-inline-block w-100 tile-phone-subtitle margin-b-5">0%</span> <span class="d-inline-block w-100 txtSize12"> APR </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_a0b9f363-b590-454f-8ff4-1d6245a6aeea" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-a0b9f363-b590-454f-8ff4-1d6245a6aeea" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$150.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="col-lg-4 col-md-4 col-sm-6 margin-b-30 margin-b-xs-15 relative"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height" data-same-height-index="10"> <a href="/Mobility/Products/ZTE-Blade-A7P-prepaid?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_6c270671-e078-4aa7-ab17-256db9d78f46" aria-describedby="bluebox_6c270671-e078-4aa7-ab17-256db9d78f46 price_6c270671-e078-4aa7-ab17-256db9d78f46" id="details_item_6c270671-e078-4aa7-ab17-256db9d78f46" data-product-title="ZTE Blade A7P - Prepaid" data-product-productId="6c270671-e078-4aa7-ab17-256db9d78f46" data-product-productType="WirelessHandset" data-product-offerId="83954e00-f6be-4d8e-8740-479bd1046af6" data-product-bmc="XZA7P3IX" data-product-sku="108590" data-product-category="Prepaid" data-product-brand="ZTE" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185"> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/ZTE_Blade_A7P_Dark_Grey_lrg1.png" alt="ZTE Blade A7P - Prepaid"> </div> <div> <div class="flex-wrap align-self-end" id="tile_6c270671-e078-4aa7-ab17-256db9d78f46"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_6c270671-e078-4aa7-ab17-256db9d78f46"> ZTE Blade A7P - Prepaid </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom"> <p class="tile-price-down mb-0"> <span class="d-inline-block w-100 margin-b-13 txtBlack2 txtBold">From</span> <span class="d-inline-block w-100 surtitle margin-b-5 big-price"><span>$</span>150<span>.00</span></span> </p> </div> <div class="col-lg-9 margin-b-15 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Prepaid <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" aria-label="Tooltip - Additional information" data-content=" Requires an eligible rate plan starting at $<span class='region-text' data-region-text='_WZFDV'>20</span>/mo."> <span class="d-inline-block txtUnderline">Full details</span> </span> <span class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title=" Requires an eligible rate plan starting at $<span class='region-text' data-region-text='_WZFDV'>20</span>/mo."> </span> </p> </div> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="col-lg-4 col-md-4 col-sm-6 margin-b-30 margin-b-xs-15 relative"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height" data-same-height-index="10"> <a href="/Mobility/Products/ZTE-Cymbal-2-Prepaid?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_ea6c2db4-5954-418f-a278-c511d818827f" aria-describedby="bluebox_ea6c2db4-5954-418f-a278-c511d818827f price_ea6c2db4-5954-418f-a278-c511d818827f" id="details_item_ea6c2db4-5954-418f-a278-c511d818827f" data-product-title="ZTE Cymbal 2 - Prepaid" data-product-productId="ea6c2db4-5954-418f-a278-c511d818827f" data-product-productType="WirelessHandset" data-product-offerId="f2bb1c58-0fa8-4ec2-b46c-cb03ef7e65da" data-product-bmc="XZC2F0BX" data-product-sku="104944" data-product-category="Prepaid" data-product-brand="ZTE" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185"> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/ZTE_Cymbal2/img_ZTE_Cymbal-2_black_lrg1.png" alt="ZTE Cymbal 2 - Prepaid"> </div> <div> <div class="flex-wrap align-self-end" id="tile_ea6c2db4-5954-418f-a278-c511d818827f"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_ea6c2db4-5954-418f-a278-c511d818827f"> ZTE Cymbal 2 - Prepaid </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom"> <p class="tile-price-down mb-0"> <span class="d-inline-block w-100 margin-b-13 txtBlack2 txtBold">From</span> <span class="d-inline-block w-100 surtitle margin-b-5 big-price"><span>$</span>85<span>.00</span></span> </p> </div> <div class="col-lg-9 margin-b-15 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Prepaid <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" aria-label="Tooltip - Additional information" data-content=" Requires an eligible rate plan starting at $<span class='region-text' data-region-text='_WZFDV'>20</span>/mo."> <span class="d-inline-block txtUnderline">Full details</span> </span> <span class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title=" Requires an eligible rate plan starting at $<span class='region-text' data-region-text='_WZFDV'>20</span>/mo."> </span> </p> </div> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> </div>  </div> </div> </div> <div class="dl-sections-footer"> <div class="container dl-page-container"> <div></div> </div> </div> </div> </div> </div> </div> </section> <div id="card_tooltip-modal" class="modal modal-tooltip" role="dialog"> <div class="tooltip-dialog"> <div class="modal-content box-shadow-round"> <div class=""> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtLightGray2 txtSize12 font-weight-bold"></span></button> </div> <div class="modal-body txtLeft"> </div> </div> </div> </div> <div id="modal-order-now" class="modal fade scrollable-body" role="dialog" aria-modal="true" data-backdrop="true" data-keyboard="true" aria-labelledby="twoStepModal"> <div class="modal-dialog buy-now-modal-dialog"> <div class="modal-content slide-demo" role="document" id="slideDemo"> <div class="modal-header focus_outline_gray"> <h2 id="twoStepModal" class="small-title"> Select an option </h2> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtBlue txtSize20"></span></button> </div> <div class="modal-body margin-b-xs-15 margin-b-20 no-pad "> <div class="modal-tile-wrap"> <div class="track" id="track"> <div class="container-flex-box-wrap column-spacer-sm-15 same-height-wrap customer-type-selection pad-l-20 pad-r-20" role="list" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-20 margin-l-10"> Are you a new or existing Bell customer? </h3>  <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="0"> <div id="newCustomerButton" class="js-btnSubmitByNewCustomer js-btnSubmitByNewCustomer js-omni-button h-100 slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column pointer" data-omni-s_obtn="New customer" data-omni-s_oapt="647-0-0"> <div data-same-height-index="17"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/Phone.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2">I'm new to Bell</h3> </div> <div class="pad-r-xs-20"> <p class="mb-0"> Create a new account. </p> </div> </div> </div> </div> <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="0"> <div id="existingCustomerButton" class="slim-border box-shadow-round pad-h-xs-15 h-100 pad-30 overflowHidden d-flex flex-column pointer"> <div data-same-height-index="17"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/Customer.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2">I'm an existing customer</h3> </div> <div class="pad-r-xs-20"> <p class="mb-0"> Manage my account. </p> </div> </div> </div> </div> </div> <div class="container-flex-box-wrap column-spacer-sm-15 new-customer-type-selection pad-l-20 pad-r-20" role="list" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-20 backButtomHeader"> <button tabindex="-1" id="backToStepOne2" class="pointer backButton anchor-icon icon txtBold txtBlue icon-chevron-left" aria-label="Back How would you like to activate your phone? "></button> <span class="anchor-text"> Please select your province to see the most accurate information, including pricing and product availability </span> </h3>  <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="-1"> <a tabindex="-1" class="js-btnSubmitByNewCustomer js-omni-button full-width-link h-100" id="new-customer-cta-websiteProvince" href="#" onclick="BELL.shop.buyNowModal.onClickAddALine()" data-omni-s_obtn="New customer - website region" data-omni-s_oapt="647-0-0"> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column h-100 "> <div data-same-height-index="15"> <div class="margin-b-30" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none"> <rect width="72" height="72" rx="36" fill="#00549A"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M35.6819 16.78C43.327 16.78 50.1909 22.8069 50.1909 31.06C50.1909 36.9774 47.4284 41.9179 41.8487 48.0525L41.741 48.1674C41.0427 48.9115 37.1716 53.0369 36.2595 54.1384C35.9596 54.5006 35.404 54.5006 35.1041 54.1382C34.1851 53.0279 30.2594 48.845 29.605 48.1477L29.5125 48.049C23.9338 41.9153 21.1719 36.9759 21.1719 31.06C21.1719 22.7089 27.9039 16.78 35.6819 16.78ZM28.4709 31.99C28.4709 36.0369 31.628 39.33 35.5379 39.33C39.4486 39.33 42.6059 36.0371 42.6059 31.99C42.6059 27.9347 39.4502 24.64 35.5379 24.64C31.6263 24.64 28.4709 27.9349 28.4709 31.99ZM41.1059 31.99C41.1059 35.2224 38.6057 37.83 35.5379 37.83C32.4709 37.83 29.9709 35.2223 29.9709 31.99C29.9709 28.7491 32.4696 26.14 35.5379 26.14C38.607 26.14 41.1059 28.749 41.1059 31.99ZM48.6909 31.06C48.6909 36.508 46.0892 41.161 40.7391 47.0432C40.7387 47.0436 40.7299 47.0529 40.7134 47.0705C40.3947 47.4096 37.194 50.8156 35.682 52.5157C34.1324 50.7731 30.8087 47.2381 30.6297 47.0478L30.6222 47.0398C25.273 41.1584 22.6719 36.5066 22.6719 31.06C22.6719 23.5828 28.693 18.28 35.6819 18.28C42.5388 18.28 48.6909 23.6819 48.6909 31.06Z" fill="white"/> </svg> </div> <div class="margin-b-15"> <h3 class="subtitle-2 websiteProvinceNamePrompt"> {0} </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> This is the region you are currently browsing in. </p> </div> </div> </div> </a> </div>   <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="-1"> <a class="js-btnSubmitByNewCustomer js-btnChangeRegionAndSubmitByNewCustomer js-omni-button full-width-link h-100" tabindex="-1" id="new-customer-cta-ipProvince" data-omni-s_obtn="New customer - location region" data-omni-s_oapt="647-0-0" data-region-province-code=""> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column pointer h-100 " onclick="BELL.shop.buyNowModal.onClickUpgradeDevice(this)"> <div data-same-height-index="15"> <div class="margin-b-30" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none"> <rect x="0.75" y="0.75" width="70.5" height="70.5" rx="35.25" fill="#00549A"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M36.5853 26.177C39.1373 25.8132 41.1003 23.6201 41.1003 20.97C41.1003 18.0641 38.7409 15.7 35.8353 15.7C32.9289 15.7 30.5693 18.064 30.5693 20.97C30.5693 23.6203 32.5326 25.8133 35.0853 26.177V30.5076L30.9445 28.1414C30.7515 28.0311 30.5185 28.0156 30.3126 28.0993L18.3126 32.9793C18.0398 33.0903 17.8613 33.3555 17.8613 33.65V52.03C17.8613 52.544 18.3819 52.8943 18.8581 52.7007L30.5319 47.9533L40.7261 53.7786C40.9363 53.8987 41.1926 53.9058 41.4091 53.7976L53.4081 47.7976C53.6534 47.6749 53.8083 47.4242 53.8083 47.15V28.77C53.8083 28.2318 53.2419 27.8817 52.7605 28.1225L41.1081 33.9492L36.5853 31.3647V26.177ZM35.0853 32.1753V39.68C35.0853 40.0942 35.4211 40.43 35.8353 40.43C36.2495 40.43 36.5853 40.0942 36.5853 39.68V33.0325L40.4333 35.2313V51.9436L31.1453 46.6361V29.9239L35.0853 32.1753ZM41.9333 51.9165L52.3603 46.7026V29.9415L41.9333 35.1554V51.9165ZM19.3093 50.954L29.6453 46.7507V29.9339L19.3093 34.1372V50.954ZM30.5611 29.59H30.4908L30.5319 29.5733L30.5611 29.59ZM39.6003 20.97C39.6003 18.8919 37.9118 17.2 35.8353 17.2C33.758 17.2 32.0693 18.8918 32.0693 20.97C32.0693 23.0458 33.7556 24.73 35.8353 24.73C37.9142 24.73 39.6003 23.0457 39.6003 20.97Z" fill="white"/> <rect x="0.75" y="0.75" width="70.5" height="70.5" rx="35.25" stroke="white" stroke-width="1.5"/> </svg> </div> <div class="margin-b-15"> <h3 class="subtitle-2 ipProvinceNamePrompt"> {0} </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> This is a Region you may be interested in. </p> </div> </div> </div> </a> </div>  </div> <div class="container-flex-box-wrap column-spacer-sm-15 existing-customer-type-selection pad-l-20 pad-r-20" role="list" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-20 backButtomHeader"> <button tabindex="-1" id="backToStepOne" class="pointer backButton anchor-icon icon txtBold txtBlue icon-chevron-left" aria-label="Back How would you like to activate your phone? "></button> <span class="anchor-text"> Are you adding a new line or upgrading your phone on an existing line? </span> </h3>  <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="-1"> <a id="btnAddNewDevice" tabindex="-1" class="js-omni-button full-width-link h-100" id="existing-customer-cta1" href="#" onclick="BELL.shop.buyNowModal.onClickAddALine()" data-omni-s_obtn="Existing customer - new device" data-omni-s_oapt="647-0-0"> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column h-100 "> <div data-same-height-index="16"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/AAL.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2"> Add a line </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> I want to add a line to my account. </p> </div> </div> </div> </a> </div>   <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="-1"> <a id="btnUpgradeDevice" class="js-omni-button full-width-link h-100" tabindex="-1" href="#" data-omni-s_obtn="Existing customer - change service" data-omni-s_oapt="647-0-0"> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column pointer h-100 " onclick="BELL.shop.buyNowModal.onClickUpgradeDevice(this)"> <div data-same-height-index="16"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/HUG.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2"> Upgrade my device </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> I want to upgrade my device. </p> </div> </div> </div> </a> </div>  </div> </div> </div> <div class="buy-now-change-region-wrapper col-sm-12 ignore-default-province-select-handler" style="display:none;"> <input id="textImInDifferentRegion" value="I live in a different province" hidden>  <div class="change-region-popup change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="region-confirmation"> <span> Your current region: </span> <span class="change-region"> <strong>Ontario</strong> </span> </div> <div class="change-region-provinces-button"> <a href="#changeRegionBox" class="change-region-link collapse-trigger" role="button" aria-expanded="false" aria-controls="changeRegionBox" data-target="#changeRegionBox" data-toggle="collapse"> <span class="sr-only"> Change current region </span> <span class="change-region-text" aria-hidden="true"> Change </span> <svg class="icon icon-change " aria-hidden="true"><use xlink:href="#icon-change"></use></svg> </a> <div class="change-region-provinces change-region-hidden" tabindex="-1" id="changeRegionBox"> <form class="province-form"> <fieldset form="province-form" class="province-form-fieldset change-region-fieldset"> <legend> Select your province or territory below</legend> <ul class="change-region-list" role="listbox"> <li> <input id="0596aecb-b59d-49da-947e-6efa52504e61" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="AB" /> <label class="" for="0596aecb-b59d-49da-947e-6efa52504e61"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="c4c987d9-2044-46f7-b55b-36baf363aa0e" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="BC" /> <label class="" for="c4c987d9-2044-46f7-b55b-36baf363aa0e"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="0c2c26d9-da76-4469-94fd-9399db2ab62c" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="MB" /> <label class="" for="0c2c26d9-da76-4469-94fd-9399db2ab62c"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="83449f8f-e670-4c07-bb79-eec9f2d4e531" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="NB" /> <label class="" for="83449f8f-e670-4c07-bb79-eec9f2d4e531"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="da985ad6-8d08-451a-9998-5a920e320d6f" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="NL" /> <label class="" for="da985ad6-8d08-451a-9998-5a920e320d6f"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="3cbcca18-ebdf-465c-bb0d-34ab5d19d654" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="NT" /> <label class="" for="3cbcca18-ebdf-465c-bb0d-34ab5d19d654"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="ffa8d33d-f78d-45bd-923c-596a62899f8f" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="NS" /> <label class="" for="ffa8d33d-f78d-45bd-923c-596a62899f8f"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="b5ee3678-9af6-4dc4-be56-258d51c4fafb" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="NU" /> <label class="" for="b5ee3678-9af6-4dc4-be56-258d51c4fafb"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="cb42371c-a121-47b6-b0d8-9e06674954f5" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="cb42371c-a121-47b6-b0d8-9e06674954f5"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="cde09302-8850-4711-9b2f-35d17f0655ab" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="PE" /> <label class="" for="cde09302-8850-4711-9b2f-35d17f0655ab"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="8995ca3b-581e-4089-8663-0b25eec8dc10" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="QC" /> <label class="" for="8995ca3b-581e-4089-8663-0b25eec8dc10"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="da988bdf-5bd4-4ebb-9494-c013a567c73f" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="SK" /> <label class="" for="da988bdf-5bd4-4ebb-9494-c013a567c73f"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="dec96e8c-9485-4af0-9558-363840c12b69" type="radio" role="option" tabindex="0" name="province-cbe0deea-e897-4498-852f-f6c6c80e675e" value="YT" /> <label class="" for="dec96e8c-9485-4af0-9558-363840c12b69"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close margin-t-20"><a href="javascript:void(0)" role="button" aria-label="Close change region popup"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a></span> </div> </div> <input id="showProvinceSelector" value="true" hidden /> <input id="IPRegionProvinceCode" hidden /> <input id="showProvinceSelectorWhenNonIpZoneSelected" value="true" hidden /> <script> document.addEventListener('DOMContentLoaded', function () { var ul = document.querySelectorAll('.change-region-list'); var changeButton = document.querySelectorAll(".change-region-link") var liSelected; var index = 0; ul.forEach((elem, i) => { elem.querySelectorAll('input').forEach((e, i) => { e.addEventListener('keydown', function (et) { var KeyID = et.key; switch (KeyID) { case "Enter": case " ": e.click(); break; default: break; } }); }); elem.addEventListener('focus', (event) => { elem.setAttribute('aria-hidden', 'false'); }); elem.addEventListener('keydown', function (event) { var len = elem.getElementsByTagName('li').length - 1; if ((index == len && event.which === 9 && !event.shiftKey) || (index == 0 && (event.which === 9 && event.shiftKey))) { return; } if (event.which === 40 || (event.which === 9 && !event.shiftKey)) { index++; //down if (liSelected) { next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index <= len) { liSelected = next; if (liSelected.querySelector("input").hasAttribute("disabled")) { index++; next = elem.getElementsByTagName('li')[index]; liSelected = next; } } else { index = 0; liSelected = elem.getElementsByTagName('li')[index]; } liSelected.querySelector("input").focus(); } else { index = 1; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); } event.preventDefault(); } else if (event.which === 38 || (event.which === 9 && event.shiftKey)) { //up if (liSelected) { index--; liSelected.querySelector("input").focus(); next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index >= 0) { liSelected = next; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); if (liSelected.querySelector("input").hasAttribute("disabled")) { index--; next = elem.getElementsByTagName('li')[index]; liSelected = next; liSelected.querySelector("input").focus(); } } else { index = len; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } } else { index = 1; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } event.preventDefault(); } }, false); }); changeButton.forEach((elem, i) => { elem.addEventListener('focus', (event) => { index = 0; }); elem.addEventListener('keydown', function (event) { if (event.which === 9 && !event.shiftKey && ((elem.getAttribute("aria-expanded") === "true") || !document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden"))) { ul[i].getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } if ((event.which === 13) && document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); elem.addEventListener('click', function (event) { if (document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); }); document.querySelector(".mobileCloseButton").addEventListener('keydown', (event) => { if (event.which === 9) { index = 0; document.querySelector("#changeRegionBoxMobile").querySelector("ul").getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } }); }); </script>  <div class="change-region-mobile change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="change-region-provinces-button"> <span class="region-confirmation"> Your current region: </span> <span class="change-region"> <span class="current-province-title"> <strong>Ontario</strong> </span> <a class="change-region-link" href="javascript:void(0)" role="link"> <span class="change-region-text">change</span> </a> </span> <div class="change-region-provinces change-region-hidden" role="dialog" id="changeRegionBoxMobile"> <div class="province-form-title province-form-title-hidden"> Select a region: <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close" class="mobileCloseButton"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <form class="province-form"> <fieldset form="province-form" class="change-region-fieldset"> <legend> Select your province or territory below </legend> <ul class="change-region-list" role="listbox"> <li> <input id="b58df8ea-09ab-4167-8de0-c4ea65b2ab73" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="AB" /> <label class="" for="b58df8ea-09ab-4167-8de0-c4ea65b2ab73"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="8da5040f-848f-41f1-bb3b-bde684a0c89d" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="BC" /> <label class="" for="8da5040f-848f-41f1-bb3b-bde684a0c89d"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="369620b3-a063-4d9c-b9dc-9b34f9a63519" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="MB" /> <label class="" for="369620b3-a063-4d9c-b9dc-9b34f9a63519"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="bb3bc7c4-78ad-4490-9712-1a312369d764" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="NB" /> <label class="" for="bb3bc7c4-78ad-4490-9712-1a312369d764"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="6ab72616-8ed3-4991-98d5-f65554638027" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="NL" /> <label class="" for="6ab72616-8ed3-4991-98d5-f65554638027"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="19946b65-c1ad-4a7b-92c7-08d522ce533f" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="NT" /> <label class="" for="19946b65-c1ad-4a7b-92c7-08d522ce533f"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="5c18ef9a-53ae-473e-a572-176ca1dc9e63" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="NS" /> <label class="" for="5c18ef9a-53ae-473e-a572-176ca1dc9e63"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="fcaf3e0b-6b00-4efc-b038-315ed22500bb" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="NU" /> <label class="" for="fcaf3e0b-6b00-4efc-b038-315ed22500bb"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="ed2f7ccd-bf39-4687-9551-780507c481ca" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="ed2f7ccd-bf39-4687-9551-780507c481ca"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="57c5ce81-532d-4665-814d-2fb4e7109765" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="PE" /> <label class="" for="57c5ce81-532d-4665-814d-2fb4e7109765"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="9ae8ddd3-0312-44f0-a845-3ca6d6f48c89" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="QC" /> <label class="" for="9ae8ddd3-0312-44f0-a845-3ca6d6f48c89"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="2eebace5-d98a-44d9-8eff-6f79bc38d96c" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="SK" /> <label class="" for="2eebace5-d98a-44d9-8eff-6f79bc38d96c"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="f9df463b-5c1f-463a-adfb-a8f11beb6ad6" type="radio" role="option" tabindex="0" name="province-fdc24c40-8f39-4dca-8e94-4d941c534d01" value="YT" /> <label class="" for="f9df463b-5c1f-463a-adfb-a8f11beb6ad6"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <div class="change-region-screen change-region-hidden"></div> </div> </div> </div> </div> </div> </div> <input id="buyNowMOdalListPage_myBellLink" value="mybell.bell.ca" hidden> <input id="buyNowMOdalListPage_HUGupgradeUrl" value="mybell.bell.ca/Login?refreshlink=//mybell.bell.ca/sso/ssoauth.aspx?ReturnUrl=/PunchInOut/punchin?DirectAccess=HUGDeviceDetails&term=0&contracttype=S&devicemodel=" hidden> <input id="buyNowMOdalListPage_ProductId" value="" hidden> <div class="wrapper_solution-builder-form"> <form method="post" hello="world" action="" style="width: 0;" class="js-shop-solution-builder-form" autocomplete="off"> <input name="id" type="hidden" value="" /> <input name="IsUpgradeYourServiceDisplayed" type="hidden" value="true" disabled="disabled" /> <input name="hdnHUGdeviceUpdateURL" type="hidden" value="" /> <input name="productType" type="hidden" value="WirelessHandset" /> <input name="OfferId" type="hidden" value="" /> <input name="OfferQty" type="hidden" value="1" /> <input name="TermId" type="hidden" value="" /> <input name="Promo" type="hidden" /> <input name="RatePlanOfferId" type="hidden" value="" /> <input name="DataPlanOfferId" type="hidden" value="" /> <input name="ShowSpecialOfferWarning" type="hidden" value="false" /> <input name="TrySkipSolution" type="hidden" value="false" /> <input name="IsPromoAddAline" type="hidden" value="false" /> <input type="hidden" name="pagehierarchyid" value="10121" /> <input type="hidden" name="pagehierarchycode" value="MOBILITY_MOBILE_PHONES_DETAILS" /> <input type="hidden" name="metadatapageid" value="PrsShpWls_ProductDetail_Lte" /> <input name="IsDroEnabled" type="hidden" value="False" /> <input type="hidden" name="productname" value="" /> <input type="hidden" name="originurl" value="" /> <input type="hidden" name="SKUID" value="" /> <input type="hidden" name="BMCID" value="" /> <input type="hidden" name="ProductCategory" value="" /> <input type="hidden" name="hdnIsBfaOn" value="True" /> <input type="hidden" name="hdnCartCount" value="" /> <input type="hidden" name="Brand" value="" /> <input type="hidden" name="hdnisEsimAutomationEnabled" value="True" /> <input type="hidden" id="EppEmailAddress" name="EppEmailAddress" value="" /> <input type="hidden" id="AutoPromoCode" name="AutoPromoCode" value="" /> </form> </div> <style> #modal-order-now .change-region-popup .icon-change { left: 80%; } #modal-order-now .change-region-provinces { right: auto; width: 100%; } #modal-order-now .change-region-popup .change-region-link-selected .icon-change { left: 85%; } #modal-order-now .change-region-popup .icon-change.icon-fr { left: 85%; } #modal-order-now .change-region-popup .icon-change.icon-fr, #modal-order-now .change-region-popup .change-region-link-selected .icon-change.icon-fr { left: 95%; } #modal-order-now .change-region-popup .change-region-provinces-button .change-region-link:focus::before { width: 70%; } #modal-order-now .change-region-popup:after, #modal-order-now .change-region-mobile:after { background: none; } #modal-order-now .change-region-mobile .change-region-provinces { top: -439px; width: 90%; } #modal-order-now .change-region-popup .change-region-provinces-button .change-region-link:focus::before { top: 15px; } #modal-order-now .change-region-province-only .icon-change { top: 15px; } #modal-order-now .change-region-popup a.change-region-link { padding: 10px 48px 10px 30px; width: auto; } #modal-order-now .change-region-close { display: none; } .new-customer-type-selection .tileButton a { color: #555; } .backButton { padding: 0; border: none; background: transparent; align-self: flex-start; margin-top: 3px; } .backButtomHeader { display: flex; padding-left: 8px; padding-right: 8px; width: 100%; } .column-spacer-sm-15 > div { padding-left: 10px; padding-right: 10px } div.slim-border { border: 1px solid #D4D4D4 } a.full-width-link { display: inline-block; width: 100%; } /* Slider */ .tileText { color: #111; } .tileButton:focus > div, .tileButton:focus .selectable { border-color: #00549a; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } .modal-dialog div.tileButton:focus { outline: none !important; } .modal-tile-wrap { width: 100%; overflow: hidden !important; } .track { display: flex; width: 300%; height: 100%; transform: none; transition: all .5s ease; } .slide-demo.screen-two-active .track { transform: translateX(-33.33%); } .slide-demo.screen-three-active .track { transform: translateX(-67%); } .customer-type-selection, .existing-customer-type-selection, .new-customer-type-selection, .tile { width: 33.33%; display: flex; } .container-flex-box-wrap .tileButton img { margin: 0; } .loader-fixed.small-loader { display: block; } </style> <script> var BELL = (function (bell, $) { bell.shop = bell.shop || {}; bell.shop.buyNowModal = { init: function () { var self = this; var slideDemo = document.getElementById("slideDemo"); var ipProvinceName = $('.federal-bar-select-provinces-popup').find('input[value="' + $('#IPRegionProvinceCode').val() + '"]').parent('.province-item').find('.label-text').text().replace('\n', '').replace('\n', '').trim() var websiteProvinceName = $('#curr-province').text().trim(); if (ipProvinceName != '' && ipProvinceName != websiteProvinceName) { $('.buy-now-modal-dialog #newCustomerButton') .removeClass('js-btnSubmitByNewCustomer') .removeClass('js-omni-button'); $('.buy-now-modal-dialog .ipProvinceNamePrompt').text($('.buy-now-modal-dialog .ipProvinceNamePrompt').first().text().replace('{0}', ipProvinceName)); $('.buy-now-modal-dialog .ipProvinceNamePrompt').closest('a').attr('data-region-province-code', $('#IPRegionProvinceCode').val()); $('.buy-now-modal-dialog .websiteProvinceNamePrompt').text($('.buy-now-modal-dialog .websiteProvinceNamePrompt').first().text().replace('{0}', websiteProvinceName)); self.btnNextNewCustomer = document.getElementById("newCustomerButton"); self.btnNextNewCustomer.addEventListener("click", function () { $('.buy-now-modal-dialog .track .container-flex-box-wrap').eq(1).show(); // set province select slide visible $('.buy-now-modal-dialog .change-region-container').hide(); slideDemo.classList.add("screen-two-active"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); screenThreeLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); $(".buy-now-modal-dialog .buy-now-change-region-wrapper").show(); $(".buy-now-modal-dialog .buy-now-change-region-wrapper .change-region-text").text($('#textImInDifferentRegion').val()); $(".buy-now-modal-dialog .buy-now-change-region-wrapper .region-confirmation").hide(); $(".buy-now-modal-dialog .buy-now-change-region-wrapper .current-province-title").hide(); $(".buy-now-modal-dialog .buy-now-change-region-wrapper .change-region-popup").removeClass('change-region-popup-hidden'); $(".buy-now-modal-dialog .buy-now-change-region-wrapper .change-region-mobile").removeClass('change-region-popup-hidden'); $(".buy-now-modal-dialog .new-customer-type-selection").animate( { height: "100%", }, { complete: function() { $('.buy-now-modal-dialog .change-region-container').show(); } } ); }); $(".buy-now-modal-dialog .buy-now-change-region-wrapper .change-region-popup .change-region-provinces .province-form-fieldset input, .buy-now-change-region-wrapper .change-region-mobile .change-region-provinces input").click(function (e) { e.stopImmediatePropagation(); $(this).parent('li') .addClass('js-btnSubmitByNewCustomer') .addClass('js-btnChangeRegionAndSubmitByNewCustomer') .attr('data-region-province-code', $(this).val()) .click(); }); } self.btnNextExistingCustomer = document.getElementById("existingCustomerButton"); self.btnPrevExistingCustomer = document.getElementById("backToStepOne"); self.btnPrevNewCustomer = document.getElementById("backToStepOne2"); var screenOneLinks = document.querySelectorAll(".buy-now-modal-dialog .customer-type-selection .tileButton"), screenTwoLinks = document.querySelectorAll(".buy-now-modal-dialog .existing-customer-type-selection a, #backToStepOne"), screenThreeLinks = document.querySelectorAll(".buy-now-modal-dialog .new-customer-type-selection .tileButton"); screenTwoLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); self.btnNextExistingCustomer.addEventListener("click", function () { $('.buy-now-modal-dialog .track .container-flex-box-wrap').eq(1).hide(); // set province select slide invisible slideDemo.classList.add("screen-two-active"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); screenTwoLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); $(".existing-customer-type-selection").animate({ height: "100%" }); }); self.btnPrevExistingCustomer.addEventListener("click", function () { backToStepOne(); }); self.btnPrevNewCustomer.addEventListener("click", function () { backToStepOne(); }); $(".tileButton").keyup(function (event) { if (event.keyCode === 13) { $(this).children(".box-shadow-round").click(); $(this).children("a").click(); } }); $("#backToStepOne, #backToStepOne2").keyup(function (event) { if (event.keyCode === 13) { $(this).click(); } }); $(".js-btnSolutionBuild").click(function (event) { document.getElementById("backToStepOne").click(); }); function backToStepOne() { slideDemo.classList.remove("screen-two-active"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); screenTwoLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); screenThreeLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); $(".existing-customer-type-selection").animate({ height: "0" }); $(".new-customer-type-selection").animate({ height: "0" }); screenOneLinks[0].focus(); $(".buy-now-modal-dialog .buy-now-change-region-wrapper").hide(); } function trackAnalyticsBtnNext() { self.trackAnalytics('.existing-customer-type-selection'); } function trackAnalyticsBtnNext2() { self.trackAnalytics('.new-customer-type-selection'); } function trackAnalyticsBtnPrev() { self.trackAnalytics('.customer-type-selection'); } var observer = new MutationObserver(onModalVisibilityChange); function onModalVisibilityChange(mutationRecordArray) { for (const record of mutationRecordArray) { if ((record.oldValue && record.oldValue.includes("display: none") || record.oldValue === null) && record.target.style.display === 'block') { self.btnNextExistingCustomer.addEventListener("click", trackAnalyticsBtnNext); self.btnNextNewCustomer.addEventListener("click", trackAnalyticsBtnNext2); self.btnPrevExistingCustomer.addEventListener("click", trackAnalyticsBtnPrev); self.btnPrevNewCustomer.addEventListener("click", trackAnalyticsBtnPrev); } else if (record.oldValue && record.oldValue.includes("display: block") && record.target.style.display === 'none') { self.btnNextExistingCustomer.removeEventListener("click", trackAnalyticsBtnNext); self.btnNextNewCustomer.removeEventListener("click", trackAnalyticsBtnNext2); self.btnPrevExistingCustomer.removeEventListener("click", trackAnalyticsBtnPrev); self.btnPrevNewCustomer.removeEventListener("click", trackAnalyticsBtnPrev); } } } var target = document.getElementById('modal-order-now'); observer.observe(target, { attributes: true, attributeFilter: ['style'], attributeOldValue: true }); }, onClickUpgradeDevice: function (el) { BELL.shop.buynow.showLoadingIndicator(); $('#modal-order-now').modal('hide'); }, onClickAddALine: function () { BELL.shop.buynow.showLoadingIndicator(); $('#modal-order-now').modal('hide'); }, trackAnalytics: function (selector) { s_oTrackPage({ s_oAPT: "104-0-0", s_oPRM: $("#twoStepModal").text().replace(/\s+/g, ' ').trim(), s_oLBC: $(selector).text().replace(/\s+/g, ' ').trim().slice(0, 100) }); }, onClickShowModalForProduct: function (selector) { document.getElementById("backToStepOne").click(); var productId = $(selector).data('product-id'); var detailUrl = $(selector).data('detail-url'); var productName = $(selector).closest('.card-container').find('h3').text().trim(); var productAlias = ''; var productAliasStartIndex = 19; var intParamStartIndex = detailUrl.indexOf('?INT='); if(intParamStartIndex > productAliasStartIndex) { productAlias = detailUrl.substr(productAliasStartIndex, intParamStartIndex - productAliasStartIndex); } else { productAlias = detailUrl.substr(productAliasStartIndex); } $("#buyNowMOdalListPage_ProductId").val(productId); var addNewDeviceLink = "https://" + "mybell.bell.ca" + "/Login?refreshLink=//" + $(location).attr('hostname') + "%2fMobility%2faddalineProductDetailRedirect%3fsource%3dmybell%26rawurl%3d%2fMobility%2fProducts%2f" + productAlias; $('#btnAddNewDevice').attr('href', addNewDeviceLink); var upgradeDeviceLink = "https://" + $("#buyNowMOdalListPage_HUGupgradeUrl").val() + $("#buyNowMOdalListPage_ProductId").val(); $('#btnUpgradeDevice').attr('href', upgradeDeviceLink); // Configure and insert form '.js-shop-solution-builder-form' into this selector's parent // as so needed by submitToSolutionBuilder() (defined in buy-now-button.js): if ($(selector).parent().find('form.js-shop-solution-builder-form').length > 0) { $(selector).parent().find('form.js-shop-solution-builder-form').remove(); } var solution_builder_form = $('.wrapper_solution-builder-form form'); solution_builder_form.find('[name="id"]').val(productId); solution_builder_form.find('[name="originurl"]').val(detailUrl); solution_builder_form.find('[name="hdnHUGdeviceUpdateURL"]').val(upgradeDeviceLink); solution_builder_form.find('[name="productname"]').val(productName); solution_builder_form.find('[name="OfferId"]').val($(selector).data('product-offerId')); solution_builder_form.find('[name="ProductCategory"]').val($(selector).data('product-category')); solution_builder_form.find('[name="Brand"]').val($(selector).data('product-brand')); solution_builder_form.find('[name="BMCID"]').val($(selector).data('product-bmc')); solution_builder_form.find('[name="SKUID"]').val($(selector).data('product-sku')); solution_builder_form.attr('action', '/Mobility/Build_your_mobile_solution' + '?prd=' + productName); $(selector).parent().append(solution_builder_form); }, enableOnListPage: function () { $("a[id*='details_item_']").each(function() { var thisId = $(this).attr('id'); var detailUrl = $(this).attr('href'); var productId = thisId.substr(thisId.indexOf('details_item_') + 13); $(this) .addClass("js-btnSolutionBuild") .attr("href", "javascript:void(0)") .attr("onclick", "BELL.shop.buyNowModal.onClickShowModalForProduct(this)") .attr("data-product-id", productId) .attr("data-detail-url", detailUrl); }); } }; return bell; })(BELL || {}, $); BELL.shop.buyNowModal.init(); </script> <script type="text/javascript"> jQuery(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; jQuery('#card_tooltip-modal .modal-body').empty(); jQuery(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }); }); </script> <script> $(document).ready(function () { setTimeout(function () { addTitleButton(); }, 500); }); $(".mobileUnslickCountOne").on("afterChange", function () { setTimeout(function () { addTitleButton(); addTitleMostPopular(); }, 1); }); $(document).ready(function () { setInterval(function () { addTitleMostPopular(); }, 2000); }); var addTitleButton = function () { var sliderTitles = []; var language = $('html').attr("lang"); $('.card-filter .card-section-js').each(function () { var title = $(this).attr('data-brand'); sliderTitles.push(title); }); $('.card-filter .card-section-js').each(function (index) { var title = sliderTitles[index]; if (language === "fr") { $(this).find('.slick-next').attr('aria-label', 'Diapositive suivante ' + title); $(this).find('.slick-prev').attr('aria-label', 'Diapositive prï¿½cï¿½dente ' + title); } else { $(this).find('.slick-next').attr('aria-label', 'Next slide in ' + title); $(this).find('.slick-prev').attr('aria-label', 'Previous slide in ' + title); } }); }; var addTitleMostPopular = function () { var language = $('html').attr("lang"); var popularTitle = $("#most-popular-container .dl-list-header-content").find("h2").text(); if (language === "fr") { $('#most-popular-container .mobileUnslickCountCustom .slick-next').attr('aria-label', 'Diapositive suivante ' + popularTitle); $('#most-popular-container .mobileUnslickCountCustom .slick-prev').attr('aria-label', 'Diapositive prï¿½cï¿½dente ' + popularTitle); } else { $('#most-popular-container .mobileUnslickCountCustom .slick-next').attr('aria-label', 'Next slide in ' + popularTitle); $('#most-popular-container .mobileUnslickCountCustom .slick-prev').attr('aria-label', 'Previous slide in ' + popularTitle); } }; </script> <style> .slick-dots li button { opacity: 1; } </style> <div class="container margin-b-20"> <div class="flex align-items-center rounded bgGrey flexBox"> <div class="col-md-4 col-12 flexBoxImg"> <img class="img-responsive " src="/Styles/images/96128_img-banner_5G_plus_network_horizontal.png" alt="5G+ symbol"></div> <div class="col-12 col-lg-7 flexBoxTxt"><p class="no-margin-bottom txtBold txtSize16">Switch to Canada’s fastest 5G+ network.<sup class='legaltext' data-legal='WUXQMN'>4</sup> <a href="/Mobility/Our_network#our-network-overview-coverage">See our coverage map</a>.</p></div> </div> </div> <style> .flexBoxImg { text-align: -webkit-right; } @media (max-width: 999px) { .flexBox { flex-direction: column!important; } .flexBoxTxt { text-align:center; padding: 20px 0px; } .flexBoxImg { text-align: -webkit-center; } } @media (min-width: 1000px) { } </style> </div>    <style> /* CATEGORY APPLE */ div[data-dl-category-id='fa08988b-8071-4e7c-89f7-35597fe89ee4'] { display: none; } /* CATEGORY ANDROID */ div[data-dl-category-id='20d4989f-a651-4546-acf2-48a72b531a3b'] { display: none; } </style>   <script> var urlParams = new URLSearchParams(window.location.search); var deviceID = urlParams.get('id'); $(document).ready(function(){ if (deviceID == 'Apple') { setTimeout(function(){ $('#Apple').click(); }, 100); } }); </script>  <script type="text/javascript" defer > try{ document.getElementById("exclusive-offer-bell-customer").style.display = "none !important"; document.getElementById("carousel-view-new").style.display = "none !important"; } catch (ex) { console.log("Cannot find the element"); } </script> <section class="container margin-b-30 relative" id="details-accordion">  <div class="accordion-wrap">  <div role="heading" aria-level="2"> <a href="javascript:void(0)" class="collapse-trigger collapsed js-custom-accordion-trigger" id="details-accordion-button-1" aria-controls="details-accordion-body-1" aria-expanded="false" role="button" data-toggle="collapse" data-icon-expand="icon-small_icon_expand" data-icon-collapse="icon-small_icon_collapse"> <span class="anchor-icon icon txtSize22 icon-small_icon_expand" aria-hidden="true"></span> <span class="txtSize18 anchor-text">Additional details</span> </a> </div>   <div class="collapse-accordion-accessible-toggle collapse margin-t-15" id="details-accordion-body-1" data-parent="#details-accordion" aria-labelledby="details-accordion-button-1" role="region" data-expand-type="single"> <p> </p> <div id="target-legal-1-adtg"> </div> <div id="carousel-legal-adtg">  </div> <div class="pad-l-35"> <ol id='legal-target-list'><li id=WUXQQW data-legal-id=WUXQQW>Offer valid with an eligible 2-year or 30-day plan. New activations only. Applicable to smartphones only; not eligible on tablets, Mobile Internet or IoT products. Bill credit is comprised of waived one-time Connection Service Fee ($70) applied as a separate credit by your 1st or 2nd billing period. Delivery timing depends on courier availability.</li><li id=WUXPIB data-legal-id=WUXPIB>Award based on analysis by Ookla® of Speedtest Intelligence® data median 5G median download speeds for Q1-Q2 2021. Ookla trademarks used under license and reprinted with permission.</li><li id=WUXPIA data-legal-id=WUXPIA>Available in select areas of Vancouver, Calgary, Edmonton, Winnipeg, the Greater Toronto Area, Ottawa, Montreal and Halifax. See <a href="https://www.bell.ca/5G">bell.ca/5G</a> for coverage. Speed, performance and whether a 5G device uses the available 5G depend on various factors including topography, environmental conditions, the current serving radio conditions at your location, and whether the device is actively downloading or uploading data and subject to Bell’s Internet traffic management practices (e.g., priority access to emergency personnel and critical infrastructure personnel). See <a href="https://www.bell.ca/ITMP">bell.ca/ITMP</a>. Outside 5G areas, 5G devices will continue to have access to our fastest 4G speeds available.</li><li id=WUXQMN data-legal-id=WUXQMN>5G+ performance and speed claims are based on a third party score (Global Wireless Solutions OneScore™) calculated using wireless network testing in Canada comparing Bell against other competitive national wireless networks while actively using 3500MHz spectrum. 5G/5G+ offered with a compatible device in areas within Bell Mobility’s network coverage; see <a href="https://www.bell.ca/5g">bell.ca/5G</a>. Signal strength, speed and whether a device uses the 5G/5G+ network depend on various factors including: rate plan, topography, environmental conditions, network conditions at a given location and whether a device is actively using data. Access is subject to Bell’s management of network resources, including Internet traffic management practices. See <a href="https://support.bell.ca/billing-and-accounts/Policies/internet_traffic_management_practices">bell.ca/ITMP</a>.</li><li id=WUXQNP data-legal-id=WUXQNP>Offer subject to change without notice. Available within Bell’s service areas, where access and technology permits. Offer cannot be combined with other promotions or credits, including but not limited to in-store promotions, add-a-line offers and promotions when bundling services. SmartPay: Available with new activation of an eligible device with SmartPay on a 2yr plan (minimum $60/mo.), with continuous subscription and an account in good standing for at least 60 days. Offer must be redeemed within 3 months after receiving certificate number.</li></ol> </div> </div>  </div>  </section> <style> #clone-Motorola .title.border-right-gray2 { border-right: 0 !important; } </style> <style> .adobetarget-campaign-group { display: none; } </style> <section id="adobetarget-campaign-group" class="adobetarget-campaign-group sibling-target"> <section id="Aeroplan_XT_Device_Listing_97336_12_July_2024" class="adobetarget-campaign-item" data-campaign-name="Aeroplan_XT_Device_Listing_97336_12_July_2024"> <div id="Aeroplan_XT_Device_Listing_97336_12_July_2024_content"> <div class="aeroplan-xt-stripe"> <img src="/Styles/images/aeroplan-leaf-only.png" height="35px" style="margin-right: 10px;"/> <span>Earn 20,000 Aeroplan pts when you purchase a phone with SmartPay on a 2-yr eligible plan.<sup class='legaltext' data-legal='WUXQNP'>5</sup></span> </div> </div> <div id="Aeroplan_XT_Device_Listing_97336_12_July_2024_legal"> </div> </section> </section> <div class="multi-column">  <section class="more-ways-to-shop bg-bell-blue inverted inverted-border" id="more-ways-to-shop-Id"> <hidden id="hdnEchatId"></hidden> <div class="container text-sm-center"> <h2 class="title">More ways to shop</h2> <ul class="content-ways-to-shop d-block d-sm-flex flex-row align-items-start justify-content-center no-list-style"> <li class="border-bottom-moreWaystoShop"> <a id="btn-Find_a_store" href="/Store_Locator#INT=All_footer_TXT_ Mwto_Mass_111015_pc_findstore" > <div class="icon-o-location icon-circle-large anchor-icon icon-o desktop-outline" aria-hidden="true"></div> <div class="anchor-text pad-r-xs-20 " id="Find_a_store" > Find a store </div> </a> </li> <li class="border-bottom-moreWaystoShop"> <a href="javascript:void(0)" role ="button" onclick = "event.preventDefault();javascript:ECHAT.clickChatLive();" onkeydown ="if (event.keyCode==32){event.preventDefault();$('#inqC2CShopBody').click()};" id="eChat_MoreWaysTo_Shop" role="button" class=""> <div class="icon-o-chat-bubble icon-circle-large anchor-icon icon-o desktop-outline" aria-hidden="true"></div> <div class="anchor-text pad-r-xs-20" data-omni-s_oapt="647-0-0" data-omni-s_obtn="Chat live">Chat Live</div> </a> </li> <li class="border-bottom-moreWaystoShop"> <a id="btn-Call_us" role="button" href="tel:18554485399" > <div class="icon-o-handset icon-circle-large anchor-icon icon-o desktop-outline" aria-hidden="true"></div> <div class="anchor-text pad-r-xs-20 " id="Call_us" >Call us at <span class="text-nowrap">1 855 448-5399</span></div> </a> </li> <li class="border-bottom-moreWaystoShop"> <a id="btn-Book_appointment" href="https://appointments.bell.ca/in-store#location" > <div class="icon-calendar icon-circle-large anchor-icon icon-o desktop-outline" aria-hidden="true"></div> <div class="anchor-text pad-r-xs-20 " id="Book_appointment" >Book an appointment</div> </a> </li> </ul> </div> </section>  <div id="appointmentsCallBack" class="modal fade scrollable-body" role="dialog" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="myModalHeaderLabel_appt_options"> <div class="modal-dialog"> <div class="modal-content" role="document"> <div class="modal-header"> <h2 class="small-title pad-r-15 txtSize18 txtBlack2" id="myModalHeaderLabel_appt_options"> Appointment options </h2> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtBlue txtSize20"></span></button> </div> <div class="modal-body"> <div class="d-flex flex-column flex-sm-row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 pad-r-20-sm pad-r-20-md pad-r-20"> <div class="pad-b-5"> <i id="calIcon" class="icon-small_bussiness_bl_wot anchor-icon icon-o icon-lmedium icon-circle-large bg-bell-blue txtWhite desktop-outline hidden-sm hidden-xs" aria-hidden="true"></i> </div> <div class="pad-t-10"><div class="d-inline-flex txtSize18 txtBlack2" role="heading" aria-level="3">At a store</div></div> <div class="pad-t-10"><p id="divleft" class="txtDarkgrey sameHeight margin-b-20">Meet with a representative to learn more about our latest products, services and offerings.</p></div> <div class="margin-t-sm-60 margin-t-20 margin-t-xs-20 pad-b-xs-40"> <a id="inStoreAppointments" href="https://appointments.bell.ca/in-store?INT=All_footer_TXT_Mass_140621_BookAppt_RS" class="btn btn-primary">Book an appointment</a> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 responsive-border-sm-light-grey pad-r-20 pad-t-xs-20 pad-l-20 no-pad-left-xs"> <div> <i class="icon-o-headphones iconsize65 anchor-icon icon-o icon-circle-large bg-bell-blue txtWhite desktop-outline hidden-sm hidden-xs" aria-hidden="true"></i> </div> <div class="pad-t-10"><div class="d-inline-flex txtSize18 txtBlack2" role="heading" aria-level="3">Have us call you now</div></div> <div class="pad-t-10"><p id="divright" class="txtDarkgrey sameHeight margin-b-20">Skip the waiting time and get the next available representative to call you now.</p></div> <div class="margin-t-sm-60 margin-t-20 margin-t-xs-20 pad-b-xs-40 no-margin-top-xs b-div"> <a id="haveusCallBack" href="https://www.bell.ca/ScheduleCallback?form=CMB_BUNDLE&lang=en#INT=All_footer_TXT_Mwto_Mass_120120_TM_Scheduleacallback" class="btn btn-primary">Have us call you now</a> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 responsive-border-sm-light-grey pad-t-xs-20 pad-l-20 no-pad-left-xs"> <div> <i class="icon-o-clock iconsize65 anchor-icon icon-o icon-circle-large bg-bell-blue txtWhite desktop-outline hidden-sm hidden-xs" aria-hidden="true"></i> </div> <div class="pad-t-10"><div class="d-inline-flex txtSize18 txtBlack2" role="heading" aria-level="3">Over the phone</div></div> <div class="pad-t-10"><p id="divright2" class="txtDarkgrey sameHeight margin-b-20">Have a Bell representative call you at the time of your choosing.</p></div> <div class="margin-t-sm-60 margin-t-20 margin-t-xs-20 pad-b-xs-40 no-margin-top-xs b-div"> <a id="requestCallBack" href="https://www.bell.ca/ScheduleCallback?form=CMB_BUNDLE&lang=en#INT=All_footer_TXT_Mwto_Mass_120120_TM_Scheduleacallback" class="btn btn-primary">Request a call back</a> </div> </div> </div> </div> </div> </div> </div> <style> #appointmentsCallBack .btn { padding: 7px 15px !important; } @media screen and (min-width: 1000px) { #appointmentsCallBack .modal-dialog { width: 900px !important } } @media (min-width: 769px) { .b-div { position: absolute; bottom: 0px; margin-right: 20px; } } @media (max-width: 639px) { #appointmentsCallBack .modal-dialog { bottom: 55px !important; } ul li .anchor-text::after { font-family: 'bell-icon'; content: '\e012'; position: absolute; right: 10px; top: 50%; right: 0; transform: translateY(-50%); } .border-bottom-moreWaystoShop { border-bottom: 1px solid #003778 !important; } .more-ways-to-shop .content-ways-to-shop li { position: relative; } } div.icon-calendar .icon-medium:before, .icon-circle-large:before { font-size: 45px !important } .iconsize65, .iconsize65:before { font-size: 65px !important } .icon-small_bussiness_bl_wot, .icon-small_bussiness_bl_wot:before { font-size: 35px !important; } </style> <script type="text/javascript"> $(document).ready(function () { cleanupHrefWithTelNumber(); $("#hdnEchatId").val(false); echatDisableChecker(); $('#eChat_MoreWaysTo_Shop').on('click', function (e) { var isChatInitiated = false; if ("True" === "True") { isChatInitiated = getCookie("__eccompslex") !== undefined && getCookie("__eccompslex").indexOf("<<@cwi@||true||>>") > -1; } else { isChatInitiated = getCookie("__cwi") === "true"; } if ("True" == "True" && !isChatInitiated) { $('#' + this.id).addClass("disabled"); echatDisableChecker(); setTimeout(function () { if ($('#eChat_BELL_INIT_GA').length > 0) { var echat = $('#eChat_BELL_INIT_GA'); echat.click(); if (typeof EChat !== 'undefined' && EChat) { EChat.openChatLive("eChat_MoreWaysTo_Shop"); } else { setTimeout(function () { EChat.openChatLive("eChat_MoreWaysTo_Shop"); }, 1000); } } else { if ($('#eChat_container_GA').length > 0) { var echat = $('#eChat_container_GA'); echat.click(); if (typeof EChat !== 'undefined' && EChat) { EChat.openChatLive("eChat_MoreWaysTo_Shop"); } else { setTimeout(function () { EChat.openChatLive("eChat_MoreWaysTo_Shop"); }, 1000); } } } }, 1000); } }); function getCookie(cookieName) { let cookie = {}; document.cookie.split(';').forEach(function (el) { var key = el.split('=')[0]; var value = el.substring(el.split("=")[0].length + 1); cookie[key.trim()] = value; }) return cookie[cookieName]; } function echatDisableChecker() { if ($("#eChat_MoreWaysTo_Shop").hasClass("disabled")) { $("#eChat_MoreWaysTo_Shop").attr('aria-disabled', true); } } function cleanupHrefWithTelNumber() { try { $('a[href^="tel:"]').each(function(){ var hrefUrl = $(this).attr("href"); var regularExpression = /(?<=\<).*?(?=\>)/g; var bracketText= hrefUrl.match(regularExpression); if(bracketText != null && bracketText.length > 0){ for (let i = 0; i < bracketText.length; i++) { hrefUrl = hrefUrl.replace('<' + bracketText[i] + '>', ''); } $(this).attr("href", hrefUrl); } }); } catch (err) { console.log('cleanupHrefWithTelNumber catch ' + err); } } (function () { // Select the target node. var target = document.querySelector('#eChat_MoreWaysTo_Shop') // Create an observer instance. var observer = new MutationObserver(function (mutations) { if (mutations.length > 0 && target == mutations[0].target && mutations[0].attributeName == "class") { if ($(target).hasClass('disabled')) { $(target).attr('aria-disabled', true).attr('tabindex', '-1'); } } }); // Pass in the target node, as well as the observer options. observer.observe(target, { attributes: true, childList: false, characterData: false }); })(); $("#appointmentsCallBack").on("hidden.bs.modal", function () { $('#Book_appointment').closest('a').focus(); }); }); </script>  </div> <div style="display:none">hide the content</div> <section id="stripe-template" aria-label="Special offers"> <span class="sr-only">is docked to bottom</span>  <div class="Global_Stripe_Template_4 wrapper-custom-spacing"> <div class="container bg-style rsx-txt-white txtWhite"> <div class="container-flex-box-wrap"> <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12 pad-h-15 margin-auto"> <h2 id="Title_Global_Stripe_4" class="compatible_title">  <span class='region-text' data-region-text='_MFAQN'>Black Friday Event</span> </h2> <div class="compatible_subtitle">Save over $850 on amazing phones.</div> <div class="compatible_decsription"> <style> .wrapper-custom-spacing { margin: 15px 15px !important; } </style> </div> </div> <div class="col-2 col-lg-2 col-md-2 col-sm-2 hide-xs"> <div class="StripeImage"> <span class='region-text' data-region-text='_MFAUJ'><img alt="" class="img-responsive" src="/Styles/images/img_BlackFriday_promo_stripe_Mobility.png"> <style> #stripe-template .container { padding: 0px 15px !important; } .StripeImage img, .dockbar-img img { margin-bottom: 0px; width: 140px; } @media (max-width: 1100px) { #stripe-template .container { padding: 10px 15px !important; } .StripeImage img { margin-bottom: -10px; width: 120px; } } @media (max-width: 768px) { #stripe-template .container { padding: 15px 10px !important; } } </style></span> </div> </div> </div> </div> <div> </div> </div> <style> .Global_Stripe_Template_4 .container { background: linear-gradient(to right, #000000, #01205B); margin-bottom: 0; margin: 0 auto; padding: 15px 15px; border-radius: 10px; max-width:100%; } .margin-auto {margin: auto auto;} .wrapper-custom-spacing {margin: 30px 30px;} @media (max-width: 1000px) { .wrapper-custom-spacing { margin: 15px 15px; } } @media(min-width:640px) { .StripeImage img { float: right; } } /* Old CSS */ .container-flex-box-wrap { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .compatible_title { font-size: 24px; line-height: 28px; font-family: "bellslim_font_black", Helvetica, Arial, sans-serif; color: #fff; } .compatible_subtitle { font-size: 22px; line-height: 28px; font-family: "bellslim_font_heavy", Helvetica, Arial, sans-serif; color: #fff; } .compatible_decsription { font-size: 14px; font-family: Helvetica, Arial, sans-serif; letter-spacing: normal; line-height: 22px; font-weight: normal; margin-top: 5px; color: #fff; } #stripe-template .emoji { position: relative; top: -6px; } #stripe-template a, #stripe-template a { color: #FFF !important; /* text-decoration: underline !important; */ } #stripe-template a { text-decoration: none !important; } #stripe-template a:hover { text-decoration: underline !important; } @media(max-width:639px) { .compatible_title { font-size: 22px; line-height: 26px; } .compatible_subtitle { font-size: 20px; line-height: 24px; } .compatible_image { padding-bottom: 15px; } #stripe-template .container { margin-left: 0px; margin-right: 0px; padding-left: 10px; padding-right: 10px; } } @media (max-width:767px) { .hide-xs { display: none; } } </style> </section> <script> (function ($) { const stripeCloseByMinutes = 30; const studentDockBarCloseCookieName = "StudentDockbarClose"; //global change for stripe closing cookie setup. not displaying dockbar for 30 mins try { const setCookieByMinutes = (name, value, timeByMinutes) => { const date = new Date(); date.setTime(date.getTime() + (timeByMinutes * 60 * 1000)); const expires = `expires=${date.toUTCString()}`; document.cookie = `${name}=${value};${expires};path=/`; }; const getCookieByName = (cookieName) => { const name = `${cookieName}=`; const decodedCookie = decodeURIComponent(document.cookie); const cookieArray = decodedCookie.split(';'); for (let cookie of cookieArray) { while (cookie.charAt(0) === ' ') { cookie = cookie.substring(1); } if (cookie.indexOf(name) === 0) { return cookie.substring(name.length, cookie.length); } } return ""; }; if (getCookieByName(studentDockBarCloseCookieName)) $("#dockbar").hide(); else $("#dockbar-close").on("click tougchstart", function () { setCookieByMinutes(studentDockBarCloseCookieName, true, stripeCloseByMinutes); }) } catch (ex) { console.warn(ex); } }(jQuery)) </script> </main> <style> .border-top-1-solid { border-top: 1px solid #d4d4d4; } .footer-box-shadow { box-shadow: none !important; } button.footer-accordion-toggle { background-color: unset; } .footer-accordion-toggle h3.icon-chevron-down:before, .footer-accordion-toggle h3.icon-chevron-up:before { display: none; } .footer-aboutus, .footer-resources { border: none; border-radius: 2px; } .footer-outline-icon { display: inline-block; width: 31px; height: 31px; border: solid 2px #00549a; border-radius: 50%; position: relative; } .footer-center-icon { position: absolute; top: 52%; left: 52%; transform: translate(-50%,-50%); font-size: 20px; } .footer-icon-round-border:before { color: #00549a; border: solid 2px #00549a; padding: 4px; border-radius: 50%; } .accordion-heading .icon-chevron-up, .accordion-heading .icon-chevron-down { right: 0; top: 7px; } .accordion-heading .collapsed .icon-chevron-up:before, .accordion-heading .collapsed .icon-chevron-down:before { transform: rotate( 90deg ) !important; } .accordion-heading .icon-chevron-up:before, .accordion-heading .icon-chevron-down:before { transform-origin: 45% 40% !important; transform: rotate( -90deg ) !important; } .accordion-heading a.collapse-trigger:hover, .accordion-heading a.collapse-trigger:focus { text-decoration: none; } .bgGray19 a .footer-icon:hover, .bgGray19 a .footer-icon-social:hover { background-color: #f4f4f4; } .gf-shop .rsx-skip-to-main-link { display: inline-block; padding: 7px 12px; position: absolute; left: -300px; text-decoration: underline; border-bottom-right-radius: 8px; transition: left .3s ease-out; background-color: #e1e1e1; z-index: 3000; font-size: 13px; color: #00549a; } .gf-shop .rsx-skip-to-main-link:focus { color: #00549a; left: 0; } .customer-resources-list { columns: 2; -webkit-columns: 2; -moz-columns: 2; width: 100%; } .customer-resources-list li { transform: translateZ(0); } .customer-resources-list li a { position: relative; } .customer-resources-list li a:focus { text-shadow: #fff 0px 0px 0px; } @media(max-width: 540px) { .footer-copyright-social-wrap { flex-direction: column-reverse !important; } .hidden-xs { display: none; } .social-links { width: 100%; } .footer-copyright-links { display: flex; flex-direction: column; } } @media(min-width: 520px) { .jobs-link { display: none !important; } } @media(min-width: 768px) { .call-to-action { display: contents; } } @media(min-width: 541px) and (max-width: 767px) { .hidden-sm { display: none; } } @media(min-width: 768px) and (max-width: 992px) { .hidden-tablet { display: none; } .hidden-md { display: none; } } @media(min-width: 992px) { .call-to-action { display: contents; } .hidden-lg { display: none; } } @media (max-width: 999px) and (min-width: 520px) { .rsx-pad-15-right-sm { padding-right: 15px; } } .customListStyleNone { list-style: none; } @media (max-height: 400px) { footer.gf-shop #footnote-modal-id .modal-body { margin-bottom: 5px; } } </style> <footer class="gf-shop bgGray19 d-print-none border-top-1-solid"> <div id="footnote-modal-id" class="modal scrollable-body fade footnote-modal" role="dialog" aria-modal="true" tabindex="-1" data-backdrop="false" data-keyboard="true" aria-labelledby="modal-title"> <div class="modal-dialog w-100" role="document"> <div class="modal-content"> <div class="container px-0"> <div class="modal-header focus_outline_gray" data-omni-content='Additional details'> <h2 id="modal-title" class="surtitle-black"> Additional details </h2> <button type="button" class="close footnote-modal-close"><span role="img" aria-label="Close Modal" class="icon icon-close txtBlue txtSize20 font-weight-bold" aria-hidden="true"></span><span class="sr-only">Close modal</span></button> </div> <div class="modal-body mt-0"> </div> </div> </div> </div> </div> <a href="#maincontent" class="skip-to-main-link"> Back to main content </a> <div class="brightedge" id="brightedge"> <div class="container"> <nav class="brightedge-wrap" aria-labelledby="popular-pages-heading"> <div class="brightedge-title" id="popular-pages-heading" role="heading" aria-level="2" > Popular pages </div> <ul class="brightedge-list seob-omni-js" id="popular-page"> <li> <a id="popular-page-Samsung_Phones" class="js-omni-seo" data-omni-seo-id="Samsung Phones" href="https://www.bell.ca/Mobility/Samsung-phones" title="">Samsung Phones</a> </li> <li> <a id="popular-page-iPhone,_iPad_and_Apple_Watch" class="js-omni-seo" data-omni-seo-id="iPhone iPad and Apple Watch" href="https://www.bell.ca/Mobility/Apple" title="">iPhone, iPad and Apple Watch</a> </li> <li> <a id="popular-page-iPads_and_Android_Tablets" class="js-omni-seo" data-omni-seo-id="iPads and Android Tablets" href="https://www.bell.ca/Mobility/Tablets" title="">iPads and Android Tablets</a> </li> <li> <a id="popular-page-Smartwatch_Plans" class="js-omni-seo" data-omni-seo-id="Smartwatch Plans" href="https://www.bell.ca/Mobility/Cell_phone_plans/Smartwatch-data-plans" title="">Smartwatch Plans</a> </li> <li> <a id="popular-page-Connected_Things" class="js-omni-seo" data-omni-seo-id="Connected Things" href="https://www.bell.ca/Mobility/ConnectedThings" title="">Connected Things</a> </li> <li> <a id="popular-page-Basic_Rate_Plans" class="js-omni-seo" data-omni-seo-id="Basic Rate Plans" href="https://www.bell.ca/Mobility/Cell_phone_plans/Basic-Rate-Plans" title="">Basic Rate Plans</a> </li> </ul> </nav> </div> </div> <style> .brightedge { background-color: #f4f4f4; padding: 30px 0 0; } .brightedge > .container { margin-bottom: 0; } .brightedge-wrap { border: 1px solid #e1e1e1; border-radius: 10px; background-color: #fff; padding: 25px 25px 12px; } .brightedge-title { color: #111; font-weight: bold; margin-bottom: 13px; } .brightedge-list { padding: 0; margin: 0; list-style-type: none; } .brightedge-list li { display: block; padding: 0; margin: 11px 0; } .brightedge-list li a { text-decoration: none; } .brightedge-list li a:hover, .brightedge-list li a:focus { text-decoration: underline; } .page-code_prsshpwls-our-network .brightedge, [class*="rsx-"] .brightedge { background-color: #f4f4f4; } .page-code_prsshpwls-landing footer.rsx-footer .brightedge { background-color: #F4F4F4; } @media(min-width:768px) { .brightedge-wrap { padding-bottom: 17px; } .brightedge-title { margin-bottom: 10px; } .brightedge-list { display: flex; flex-wrap: wrap; } .brightedge-list li { margin: 5px 15px 5px 0; padding-right: 15px; border-right: 1px solid #e1e1e1; } .brightedge-list li:last-of-type { margin-right: 0; padding-right: 0; border-right: none; } } </style> <div class="container"> <div class="spacer30 clear"></div> <section class="hidden-md hidden-lg"> <div class="accordion-heading relative"> <button class="footer-accordion-toggle collapsed txtNoUnderline footer-box-shadow footer-aboutus" href="javascript:void(0)" data-toggle="collapse" data-target="#footer-about-us" class="collapse-trigger collapsed" role="button" aria-expanded="false" aria-controls="footer-about-us" data-icon-expand="icon-chevron-up" data-icon-collapse="icon-chevron-down"> <span class="anchor-icon icon txtSize14 icon-chevron-up absolute" aria-hidden="true"></span> <h3 role="heading" aria-level="2" class="txtBold txtBlack txtSize18">About us</h3> </button> </div> <div class="accordion-body collapse-accordion-accessible-toggle collapse margin-30-top" id="footer-about-us" style=""> <ul class="noBullets"> <li> <a href="http://support.bell.ca/AboutBell#INT=OTH_hmpg_TXT_footer_about-bell">About Bell Canada</a> <div class="spacer9"></div> </li> <li> <a href="https://letstalk.bell.ca/en/#INT=corp_hmpg_footer_lets talk_01232018" class="txtSize14">Bell Let's Talk</a> <div class="spacer9"></div> </li> <li> <a href="/Bell-for-Better" class="txtSize14">Bell for Better</a> <div class="spacer9"></div> </li> <li> <a href="https://jobs.bell.ca/ca/en" class="txtSize14">Jobs@Bell</a> <div class="spacer9"></div> </li> <li> <a href="http://www.bellmedia.ca" class="txtSize14">Bell Media</a> <div class="spacer9"></div> </li> </ul> </div> <div class="spacer20 clear"></div> <div class="spacer1 bgGrayLight6"></div> <div class="spacer30 clear"></div> <div class="accordion-heading relative"> <button class="footer-accordion-toggle collapsed txtNoUnderline footer-box-shadow footer-resources" href="javascript:void(0)" data-toggle="collapse" data-target="#footer-customer-resources" class="collapse-trigger collapsed" role="button" aria-expanded="false" aria-controls="footer-customer-resources" data-icon-expand="icon-chevron-up" data-icon-collapse="icon-chevron-down"> <span class="anchor-icon icon txtSize14 icon-chevron-up absolute" aria-hidden="true"></span> <h3 role="heading" aria-level="2" class="txtBold txtBlack txtSize18">Customer resources</h3> </button> </div> <div class="accordion-body collapse-accordion-accessible-toggle collapse margin-30-top" id="footer-customer-resources" style=""> <ul class="noBullets"> <li> <a href="https://support.bell.ca/billing-and-accounts/sales_and_refund_policy/how_do_warranties_and_returns_on_bell_ca_online_orders_work#INT=All_TXT_footer_Mass_040320_HC_returns">Return policy</a> <div class="spacer9"></div> </li> <li> <a href="/Security_and_privacy/Commitment_to_privacy">Privacy</a> <div class="spacer9"></div> </li> <li> <a href="https://support.bell.ca/Billing-and-Accounts/Security_and_privacy">Security</a> <div class="spacer9"></div> </li> <li> <a href="/Legal_and_terms#INT=OTH_legal_TXT_Footer">Legal and regulatory</a> <div class="spacer9"></div> </li> <li><a href="https://webmail.bell.net/" target="_blank">Bell email</a> <div class="spacer9"></div></li> <li> <a href="javascript:void(0)" onclick="myPopup('https://crtc.gc.ca/eng/internet/codesimpl.htm#INT=OTH_hmpg_TXT_footer_internet-code', 'Internet Code', 600, 750);">Internet Code</a> <div class="spacer9"></div> </li> <li> <a href="/CRTC-Wireless-Code">Wireless Code</a> <div class="spacer9"></div> </li> <li> <a href="https://forum.bell.ca?INT=All_footer_TXT_CForum_Mass_082921_mstl">Community forum</a> <div class="spacer9"></div> </li> <li> <a href="https://www.bell.ca/shipping-tracker#INT=OTH_hmpg_TXT_footer_TrackMyOrder">Track my order</a> <div class="spacer9"></div> </li> </ul> </div> <div class="spacer20 clear"></div> <div class="spacer1 bgGrayLight6"></div> </section> <div class="spacer30 clear"></div> <div class="row no-margin"> <div class="hidden-xs hidden-sm col-sm-3 col-md-3 col-lg-3"> <h2 class="txtBold txtBlack txtSize18 h3" id="AboutUsLabel">About us</h2> <div class="spacer30"></div> <ul class="noBullets" aria-labelledby="AboutUsLabel"> <li> <a href="http://support.bell.ca/AboutBell#INT=OTH_hmpg_TXT_footer_about-bell">About Bell Canada</a> <div class="spacer9"></div> </li> <li> <a href="https://letstalk.bell.ca/en/#INT=corp_hmpg_footer_lets talk_01232018" class="txtSize14">Bell Let's Talk</a> <div class="spacer9"></div> </li> <li> <a href="/Bell-for-Better" class="txtSize14">Bell for Better</a> <div class="spacer9"></div> </li> <li> <a href="https://jobs.bell.ca/ca/en" class="txtSize14">Jobs@Bell</a> <div class="spacer9"></div> </li> <li> <a href="http://www.bellmedia.ca" class="txtSize14">Bell Media</a> <div class="spacer9"></div> </li> </ul> </div> <div class="hidden-xs hidden-sm col-sm-6 col-md-6 col-lg-6"> <h2 class="txtBold txtBlack txtSize18 h3" id="CustomerResourcesLabel">Customer resources</h2> <div class="spacer30"></div> <div class="row no-margin"> <ul class="noBullets hidden-xs customer-resources-list rsx-pad-15-right-sm" aria-labelledby="CustomerResourcesLabel"> <li> <a href="https://support.bell.ca/billing-and-accounts/sales_and_refund_policy/how_do_warranties_and_returns_on_bell_ca_online_orders_work#INT=All_TXT_footer_Mass_040320_HC_returns">Return policy</a> <div class="spacer9"></div> </li> <li> <a href="/Security_and_privacy/Commitment_to_privacy">Privacy</a> <div class="spacer9"></div> </li> <li> <a href="https://support.bell.ca/Billing-and-Accounts/Security_and_privacy">Security</a> <div class="spacer9"></div> </li> <li> <a href="/Legal_and_terms#INT=OTH_legal_TXT_Footer">Legal and regulatory</a> <div class="spacer9"></div> </li> <li><a href="https://webmail.bell.net/" target="_blank">Bell email</a> <div class="spacer9"></div></li> <li> <a href="javascript:void(0)" aria-label="Internet Code (opens in new window)" onclick="myPopup('https://crtc.gc.ca/eng/internet/codesimpl.htm#INT=OTH_hmpg_TXT_footer_internet-code', 'Internet Code', 600, 750);">Internet Code</a> <div class="spacer9"></div> </li> <li> <a href="/CRTC-Wireless-Code">Wireless Code</a> <div class="spacer9"></div> </li> <li> <a href="https://forum.bell.ca?INT=All_footer_TXT_CForum_Mass_082921_mstl">Community forum</a> <div class="spacer9"></div> </li> <li> <a href="https://www.bell.ca/shipping-tracker#INT=OTH_hmpg_TXT_footer_TrackMyOrder">Track my order</a> <div class="spacer9"></div> </li> </ul> </div> </div> <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3"> <h2 class="txtBold txtBlack txtSize18 h3" id="GetInTouchLabel">Get in touch</h2> <div class="spacer30"></div> <ul class="noBullets" aria-labelledby="GetInTouchLabel"> <li> <div class="flex align-items-center"> <div class="footer-outline-icon margin-15-right"> <i class="icon icon-contact-new txtSize18 txtBlue footer-center-icon" aria-hidden="true" onclick="javascript:window.location = 'http://support.bell.ca/Contact-us/#INT=All_hmpg_TXT_footer_Mass_120115_mb_contactus_iCon'; return false;"></i> </div> <a href="http://support.bell.ca/Contact-us/#INT=All_hmpg_TXT_footer_Mass_120115_mb_contactus">Contact us</a> </div> <div class="spacer10"></div> </li> <li> <div class="flex align-items-center"> <div class="footer-outline-icon margin-15-right"> <i class="icon icon-location-pin txtSize18 txtBlue footer-center-icon" aria-hidden="true" onclick="javascript:window.location='/Store_Locator#INT=All_hmpg_TXT_footer_Mass_120115_mb_findstore_iCon'"></i> </div> <a href="/Store_Locator#INT=All_hmpg_TXT_footer_Mass_120115_mb_findstore_iCon">Find a store</a> </div> <div class="spacer10"></div> </li> <li> <div class="flex align-items-center"> <div class="footer-outline-icon margin-15-right"> <i class="icon icon-calendar-solid txtSize18 txtBlue footer-center-icon" aria-hidden="true" onclick="javascript:window.location='/Store_Locator#INT=All_hmpg_TXT_footer_Mass_120115_mb_findstore_iCon'"></i> </div> <a href="https://appointments.bell.ca/">Book an appointment</a> </div> </li> <li> <div class="flex align-items-center margin-10-top"> <div class="footer-outline-icon margin-15-right"> <i class="icon icon-chat_texting_bl_bg txtSize18 txtBlue footer-center-icon" aria-hidden="true" onclick="KAMPYLE_ONSITE_SDK.showForm(2311);"></i> </div> <a class="" role="button" onclick="KAMPYLE_ONSITE_SDK.showForm(2311);" href="javascript:void(0)" onkeydown="if(event.keyCode==32){event.preventDefault();$('#rateid').click()};"> <span id="rateid">Site feedback</span> </a> </div> </li> </ul> </div> </div> <div class="spacer20 clear"></div> <div class="spacer1 bgGrayLight6"></div> <div class="spacer20 clear"></div> <div class="footer-copyright-social-wrap flex justify-content-between align-items-center"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 txtSize12 flex"> <a class="btn btn-primary txtDecorationNoneHover" href="/Accessibility_services#INT=OTH_Accessserv_TXT_Footer"> Accessibility centre </a> </div> <style> .h-divider { display: inline-block; color: #d4d4d4; border-right: solid 1px #d4d4d4; height: 25px; } .icon-blog-txt-en { width: 65px !important; } .icon-blog-txt-fr { width: 85px !important; } .js-shop-footer-twitter > a, .js-shop-footer-instagram > a { display: inline-block; } .footer-icon-social-alt { height: 48px; width: 48px; } @media(min-width: 768px) { .social-links { flex-basis: 0; } } @media (max-width: 767.98px) { .icon-blog-txt-en { width: 48px !important; } .icon-blog-txt-fr { width: 70px !important; } } </style> <ul class="flex align-items-center justify-content-between social-links col-sm-6 col-md-6 col-lg-6 customListStyleNone no-margin-bottom social-links-tooltip"> <li> <a class="txtNoUnderline" id="js-shop-footer-facebook" href="https://www.facebook.com/BellCanada" title="Bell Canada Facebook Page. Opens in new tab." target="_blank" rel="noopener noreferrer"> <span class="footer-icon-social-alt ht footer-icon-social-Facebook d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon icon-facebook txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> <li class="h-divider"></li> <li id="js-shop-footer-twitter" class="js-shop-footer-twitter"> <a class="txtNoUnderline" href="https://twitter.com/Bell" target="_blank" title="Bell Canada X Page. Opens in new tab." rel="noopener noreferrer"> <span class="footer-icon-social-alt footer-icon-social-Twitter d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon icon-twitter_x txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> <li class="h-divider"></li> <li id="js-shop-footer-instagram" class="js-shop-footer-instagram"> <a class="txtNoUnderline" href="https://www.instagram.com/bell/" target="_blank" title="Bell Canada Instagram Page. Opens in new tab." rel="noopener noreferrer"> <span class="footer-icon-social-alt footer-icon-social-Instagram d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon icon-instagram txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> <li class="h-divider"></li> <li> <a href="https://www.linkedin.com/company/bell" title="Bell Canada LinkedIn Page. Opens in new tab." target="_blank" class="txtNoUnderline" rel="noopener noreferrer"> <span class="footer-icon-social-alt footer-icon-linked-in d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon2 icon-linked-in-logo txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> <li class="h-divider"></li> <li> <a href="https://www.youtube.com/bellcanada" title="Bell Canada Youtube Page. Opens in new tab." target="_blank" class="txtNoUnderline" rel="noopener noreferrer"> <span class="footer-icon-social-alt footer-icon-youtube d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon2 icon-youtube txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> </ul> </div> <div class="spacer30"></div> <div class="footer-copyright-links flex col-xs-12 col-sm-12 col-md-12 col-lg-12"> <p class="txtSize12 margin-b-xs-5 margin-b-sm-5">© Bell Canada, 2024. All rights reserved.</p> <ul class="customListStyleNone no-pad margin-l-5 margin-l-xs-0"> <li class="txtDarkGrey hidden-xs d-inline-block" aria-hidden="true"> | </li> <li class="d-inline-block"> <a href="https://support.bell.ca/site_map#INT=OTH_hmpg_TXT_footer_site-map" class="txtDarkGrey txtSize12 no-break-white-space d-block">Site map</a> </li> </ul> </div> <div class="spacer30 clear"></div> </div> <div class="captchaStyle"> <div id="captchaDiv"></div> </div> <div id="login-modal" class="modal in" role="dialog"> <div class="modal-dialog login-footer-popup-aliant"> <div class="bgWhite"> <div class="pad-20-left pad-20-right clearfix"> <div class="spacer20"></div> <button type="button" class="close" data-dismiss="modal"><span class="icon icon-x-close txtBlue txtSize22"></span></button> </div> <style> .my-account-button-padding { padding-left:5% !important; padding-right:5% !important; } </style> <form id="loginForm_ec__MyAccountFooter" name="loginForm_ec" action='https://service.aliant.bell.ca/myaccount/login/login.jsf' method="post" novalidate="novalidate" class=" "> <div class="bellSlim txtSize24 txtBlack"> My Account </div> Fibe TV, Internet and Home phone <div class="spacer20"></div> <div class="margin-top"> <input class="btn btn-default col-xs-12 login-button-popup my-account-button-padding" value="Log in" type="submit" id="demoLoginJs_ec__MyAccountFooter"> <div class="spacer10 clear"> </div> <a href="https://service.aliant.bell.ca/myaccount/registration/registrationstep1.jsf" class="no-margin more-link"> Register for My Account </a> <div class="spacer10 clear"></div> </div> </form> <div class="floatL vPadding30 col-xs-12 col-sm-6 hidden"> <div class="bellSlim txtSize20 txtBlack"> (Bell Aliant) </div> <div style="height: 60px"> Manage your Bell Aliant Fibe TV, Internet, Home phone and Home security services </div> <div class="spacer20"></div> <div class="spacer5"></div> <a href="https://service.aliant.bell.ca/myaccount/account/accountoverview.jsf"> My account details </a> <span class="spacer5 clear block">   </span> <a href="https://service.aliant.bell.ca/myaccount/managemyaccount/accountprofile.jsf"> My profile </a> <div class="spacer10 clear"></div> <a href="https://service.aliant.bell.ca/myaccount/logout.jsp" data-order-logout-url="https://order.aliant.bell.ca/InternalServices/Logoff" class="btn btn-default col-xs-12 login-button-popup brf-btn-logout"> Log out from My Account </a> <div class="spacer10 clear">   </div> </div> <div class="pad-20-left pad-20-right visible-xs"> <div class="spacer20 clear"></div> <div class="spacer1 bgGray2"></div> <div class="spacer20 clear"></div> </div> <form id="loginForm_ec__Footer" name="loginForm_ec" action="https://mybell.bell.ca/Login" method="post" novalidate="novalidate" class=" vPadding20"> <div class="bellSlim txtSize24 txtBlack"> MyBell </div> <div class="spacer20"></div> <div class="margin-top"> <input class="btn btn-default col-xs-12 login-button-popup" value="Log in" type="submit" id="demoLoginJs_ec__Footer"> <div class="spacer10 clear">   </div> <a href="https://mybell.bell.ca/Registration" class="no-margin more-link"> Register for MyBell </a> <div class="spacer10 clear"></div> </div> </form> <div class="floatL vPadding20 col-xs-12 col-sm-6 hidden"> <div class="bellSlim txtSize20 txtBlack"> (Log in to MyBell) </div> <div style="height: 60px"> Manage your Bell Satellite TV and Mobility services </div> <a href="https://mybell.bell.ca/"> My services </a> <span class="spacer5 clear block">   </span> <a href="https://mybell.bell.ca/MyBills"> My bills and payments </a> <span class="spacer5 clear block">   </span> <a href="https://mybell.bell.ca/MyBellAccount"> My profile </a> <div class="spacer10 clear"></div> <a href="https://mybell.bell.ca/Logout" class="btn btn-default col-xs-12 login-button-popup brf-btn-logout"> Log out from MyBell </a> <div class="spacer10 clear">   </div> </div> <div class="spacer20 clear"></div> </div> </div> </div> </footer> <div id="shop-our-services-modal" class="modal fade scrollable-body cutom-popup" data-widget="modal" role="dialog" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="modal-specifications-details-title" secondary-modal> <div class="modal-dialog col-xs-12"> <div class="modal-content" role="document"> <div class="modal-header"> <h2 class="small-title" id="modal-specifications-details-title"><span class="rsx-txt-blue">Our services</span></h2> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtBlue txtSize20 pos-icon-n5"></span></button> </div> <div class="modal-body scroll-style"> <div class="rsx-txt-black"> <h3 class="ourservice-heading">Bell Canada</h3><p>Bell is Canada's largest communications company, providing consumers and business with solutions for all their communications needs.</p> <h3 class="ourservice-heading">The leader in digital TV</h3> <p>Bell Fibe TV, the <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Fibe-TV">best TV service</a>, provides stunning 4K picture and high-fidelity sound. Using fibre optic technology, Bell Fibe TV brings the best TV experience right to your door – no dish required.</p> <p>The Bell <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Fibe-TV-App">Fibe TV app</a> lets you access live TV and on-demand television content using your <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Fibe-TV-App/Bell-Streamer">Bell Streamer</a> or by downloading the Fibe TV app on Amazon Fire TV, Android TV, Apple TV or by Google Cast using your Google Chromecast.</p> <p>Bell Satellite TV provides a great variety of <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="https://channel.bell.ca/">HD and 4K channels</a>, the best receivers and the best image quality – making it the leader in <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Bell_TV">digital satellite TV</a> service in Canada.</p> <h3 class="ourservice-heading">The latest cell phones, Mobile Internet devices, smartwatches and tablets</h3> <p>Choose from the latest <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Apple">iPhone</a> devices from Apple, <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Samsung-phones">Samsung devices</a>, <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Google-Phones">Google phones</a>, <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Tablets">tablets</a> and other popular <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Smartphones_and_mobile_internet_devices">smartphones</a>. Stay connected on the <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Our_network">Bell 5G-capable network</a> with blazing-fast speeds, coast-to-coast coverage and clear reception.</p> <h3 class="ourservice-heading">Ultra-fast high-speed fibre home Internet</h3><p>Command the fastest upload speeds with Bell Fibe Internet on Canada’s largest fibre optic network. Bell's high-speed <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Bell_Internet">home Internet</a> lets you share photos and videos with upload speeds of up to 940 Mbps and download speeds of up to <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Bell_Internet/Products/Fibe-Internet-Gigabit15-FTTH">1.5 Gigabits</a> per second.</p> <h3 class="ourservice-heading">The most reliable home phone service</h3><p>If you are looking for reliable home phone services, Bell Home phone guarantees exceptional services at all times or you get your money back.</p> <h3 class="ourservice-heading">Promotions and offers</h3><p>Looking for new products and services from Bell? See the latest <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Bell-Promotions">Bell promotions and offers</a> or <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Store_Locator">visit a Bell store</a> to learn more.</p> <h3 class="ourservice-heading">Communications solutions for businesses</h3><p>As Canada's leading trusted technology advisor, Bell Canada delivers end-to-end solutions to our small and medium-sized business (SMB) customers, from <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="https://business.bell.ca/shop/small-business">business Internet</a> to <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Business/Mobility">business Mobility</a> services and long distance solutions.</p> <p><a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="https://business.bell.ca/shop/medium-large">Bell Business Markets</a> is committed to delivering the integrated solutions large organizations need to increase productivity, sustain profitable growth, maximize service differentiation and minimize risk in today's challenging environment.</p> <div class="ourservice-footer"> <a tabindex="0" data-dismiss="modal" class="rsx-modal-close rsx-modal-close-button close rsx-button rsx-margin-top" role="button" onclick="event.preventDefault();" onkeydown="if(event.keyCode==13 || event.keyCode==32){event.preventDefault();$('#close_btn_footer_cr79018').click()};"><span id="close_btn_footer_cr79018" style="color: #fff">Close</span></a> </div> <style> #shop-our-services-modal { z-index: 9999 !important; } .ourservice-heading { color: #111 !important; margin-bottom: 10px; } .ourservice-anchor { color: #00549a !important; margin-right: 0px !important; line-height: 10px !important; } .ourservice-anchor::after { margin-right: 0px !important; margin-left: 0px !important; } .rsx-footer-legal-links a:after { background-color: #5550; } .rsx-modal-close-button { position: relative; color: #fff !important; top: unset; right: unset; transform: unset; background: #003778; font-size: 16px; padding: 10px 36px; border: 2px solid #003778; text-shadow : unset; border-radius: 20px; font-weight: normal; } .ourservice-footer{ display: flex; } .txtUnderline{ text-decoration: underline; } #shop-our-services-modal .txtDecorationNoneHover, #shop-our-services-modal .txtDecorationNoneHover:focus, #shop-our-services-modal .txtDecorationNoneHover:hover{ text-decoration-thickness: 2px } </style> <script> $(document).ready(function () { try { $('.rsx-modal-close, .rsx-modal-close-button').click(function () { var modal = $(this).parents('.rsx-modal'); if (modal.length > 0) { modal.modal('close') } }); } catch (ex) { consoel.log(ex); } }) </script> </div> </div> </div> </div> </div> <style> .cutom-popup .small-title { color: #00549a !important; font-weight: 200; font-size: 32px; padding: 0; margin: 0; } .cutom-popup .modal-body { padding: 30px; } </style> <script> function myPopup(myURL, title, myWidth, myHeight) { var left = (screen.width / 2) - (myWidth / 2); var top = (screen.height / 2) - (myHeight / 2); var myWindow = window.open(myURL, title, 'resizable=yes, width=' + myWidth + ', height=' + myHeight + ', top=' + top + ', left=' + left); } </script> <script> $('.accordion-heading a.footer-accordion-toggle').click(function () { let target = $(event.target) if (target.hasClass('icon-chevron-up')) { target.removeClass('icon-chevron-up') target.addClass('icon-chevron-down') } else { target.addClass('icon-chevron-up') target.removeClass('icon-chevron-down') } }); $(document).ready(function () { setTimeout(function () { if (window.location.href.toLowerCase().includes('aliant')) { if (window.location.href.toLowerCase().includes('promotions/movies-and-series/crave') || window.location.href.toLowerCase().includes('promotions/films-et-series/crave')) { document.title = `${$("#fixedHeader .link-container li.active a").text()} - ${$("#fixedHeader .bellSlim").text()} - bellaliant.ca` } if (window.location.href.toLowerCase().includes('fibe-tv/hd-pvr-receivers') || window.location.href.toLowerCase().includes('tele-fibe/recepteurs-HD') || window.location.href.toLowerCase().includes('accueil/infocourriels') || window.location.href.toLowerCase().includes('emailcapture')) { document.title = `${$("main h1").text()} - bellaliant.ca`; } } //$('header').prepend('<span class="sr-only" role="alert">Current province: ' + $('#curr-province').text() + '</span>'); }, 900); }); //Global Connector </script>   <script> window.onload = function () { var scriptElementEchatCommon = document.createElement('script'); scriptElementEchatCommon.type = 'text/javascript'; scriptElementEchatCommon.src = "/Styles/custom/echat/js/echat-common.min.js"; document.head.appendChild(scriptElementEchatCommon); var scriptElementEchatOmniture = document.createElement('script'); scriptElementEchatOmniture.type = 'text/javascript'; scriptElementEchatOmniture.src = "/Styles/custom/echat/js/echat-omniture.min.js"; document.head.appendChild(scriptElementEchatOmniture); var newSessionOmniCall = false; var mergedCookies = "True" === "True"; if (!mergedCookies) document.cookie = "__eccomp" + "=;expires=" + new Date().toUTCString() + ";domain=" + ".bell.ca" + ";path=/"; setInterval(function () { try { var __cwi = mergedCookies ? readCookieContentById("__eccompslex", "__cwi") : getCookie("__cwi"); var __cvf = mergedCookies ? readCookieContentById("__eccomp", "__cvf") : getCookie("__cvf"); if (!newSessionOmniCall && __cwi === 'true' && __cvf === 'true') { newSessionPayloadCall('Mobility Shop', newSessionOmniCall, mergedCookies); newSessionOmniCall = true; } if (newSessionOmniCall && __cwi !== 'true') { newSessionOmniCall = false; } } catch (e) { } }, 2000); if ('False' == 'True') { echatPayloadCall('Mobility Shop', "BR", mergedCookies); } }; function getCookie(cookieName) { let cookie = {}; document.cookie.split(';').forEach(function (el) { var key = el.split('=')[0]; var value = el.substring(el.split("=")[0].length + 1); cookie[key.trim()] = value; }) return cookie[cookieName]; } </script>  <script type="text/javascript">window.addEventListener('load', function(event){var link = document.createElement('link');link.setAttribute('rel', 'stylesheet');link.setAttribute('type', 'text/css');link.setAttribute('href', "/Styles/custom/echat/css/eChat_allBrowsers_framework.min.css");document.getElementsByTagName('head')[0].appendChild(link);});</script> <script type="text/javascript">window.addEventListener('load', function(event){var link = document.createElement('link');link.setAttribute('rel', 'stylesheet');link.setAttribute('type', 'text/css');link.setAttribute('href', "/Styles/custom/echat/css/eChat.min.css");document.getElementsByTagName('head')[0].appendChild(link);});</script> <script type="text/javascript">window.addEventListener('load', function(event){var link = document.createElement('link');link.setAttribute('rel', 'stylesheet');link.setAttribute('type', 'text/css');link.setAttribute('href', "/Styles/custom/echat/css/eChat-bell.min.css");document.getElementsByTagName('head')[0].appendChild(link);});</script>  <div id=eChat_B_GA></div> <script type="text/javascript">window.addEventListener('load', function(){ var chatAliveCookie = getCookie("__cwaf");var chatTabId = getCookie("__ctabid");if (chatAliveCookie !== "true" && (window.sessionStorage.__ctabid === chatTabId || (window.sessionStorage.__ctabid === "undefined" && !chatTabId) || (!window.sessionStorage.__ctabid && chatTabId === "undefined"))) {if(typeof EChat !== 'undefined'){ setTimeout(function(){ EChat.default.init({selector: "#eChat_B_GA",accessToken: "0386b535-8389-4e0a-8d81-24103bed8e84",botApiUrl: "https://ws.bell.ca",enBotApiPath: "/iva/en/web.io/?xt",frBotApiPath: "/iva/fr/web.io/?xt",accountName: "",bupAuthFlag: "false",currentPageCategory: "Mobility Shop",currentPageId: "B_SHP_EN_Mobility_Smartphones_and_mobile_internet_devices",entryPoint:"eChat_B_GA",language: "en",nsiAuth: "",province: "on",bupAuthToken: "",host: "https://www.bell.ca/",localizationApiUrl: "https://apigate.bell.ca/uxpcommon/UXP.Services/Common/localization/ResourceBundle?widget=eChat",tokenGenerateUrl: "https://www.bell.ca/ajax/GenerateToken/GetToken",logEventDetailsUrl: "https://apigate.bell.ca/uxpcommon/UXP.Services/Tools/Utilities/LogEventDetails",vaChatHistoryUrl: "https://apigate.bell.ca/api/echat/v2/chathistory",assetsPath: "/styles/Custom/echat/assets/",mediaPath: "/styles/Custom/echat/audio/echat/",loginUrlEn: "https://mybell.bell.ca/login",loginUrlFr: "https://mybell.bell.ca/login",isBlueHorizoneOn: "True",brand: "B",entryPointList: "eChat_Bell_ContactUs_MOB,eChat_Bell_ContactUs_INT,eChat_Bell_ContactUs_TV,eChat_Bell_ContactUs_HP,eChat_Bell_MOB_Escalations,eChat_Bell_BRS_Escalations,eChat_Bell_EPP,eChat_MoreWaysTo_Shop,eChat_ReadyToOrder",hideGlobalAnchorChatIcon: "False",isChatOperational: "True",operationalHour: "{From:00:00,To:23:59,Day:friday}",proactiveChatConnectionDelay: "30000",proactiveChatFlag: "True",subtleNotificationLifespan: "1200000",typingDelay: "2000",typingDetectInterval: "3000",typingIndicatorImageAltText: "Agent is typing Icon",typingIndicatorImageName: "step-tracker_loop.gif",chatExpiryDuration: "20",safariAutoSaveInterval: "20000",vaChatHistoryMaxMsg: "9999",mergeCookies: "true",agid: "",buid: "",botDirect: "false",enSocketUrl: "",frSocketUrl: "",socketPath: "",cookieDomain: ".bell.ca",}); }, 2000)} else { $.getScript("https://www.bell.ca/styles/Custom/echat/js/echat-component.js").done(function(script, textStatus){EChat.default.init({selector: "#eChat_B_GA",isBlueHorizoneOn: "True",accessToken: "0386b535-8389-4e0a-8d81-24103bed8e84",botApiUrl: "https://ws.bell.ca",enBotApiPath: "/iva/en/web.io/?xt",frBotApiPath: "/iva/fr/web.io/?xt",accountName: "",bupAuthFlag: "false",currentPageCategory: "Mobility Shop",currentPageId: "B_SHP_EN_Mobility_Smartphones_and_mobile_internet_devices",entryPoint:"eChat_B_GA",language: "en",nsiAuth: "",province: "on",bupAuthToken: "",host: "https://www.bell.ca/",localizationApiUrl: "https://apigate.bell.ca/uxpcommon/UXP.Services/Common/localization/ResourceBundle?widget=eChat",tokenGenerateUrl: "https://www.bell.ca/ajax/GenerateToken/GetToken",logEventDetailsUrl: "https://apigate.bell.ca/uxpcommon/UXP.Services/Tools/Utilities/LogEventDetails",vaChatHistoryUrl: "https://apigate.bell.ca/api/echat/v2/chathistory",assetsPath: "/styles/Custom/echat/assets/",mediaPath: "/styles/Custom/echat/audio/echat/",loginUrlEn: "https://mybell.bell.ca/login",loginUrlFr: "https://mybell.bell.ca/login",brand: "B",entryPointList: "eChat_Bell_ContactUs_MOB,eChat_Bell_ContactUs_INT,eChat_Bell_ContactUs_TV,eChat_Bell_ContactUs_HP,eChat_Bell_MOB_Escalations,eChat_Bell_BRS_Escalations,eChat_Bell_EPP,eChat_MoreWaysTo_Shop,eChat_ReadyToOrder",hideGlobalAnchorChatIcon: "False",isChatOperational: "True",operationalHour: "{From:00:00,To:23:59,Day:friday}",proactiveChatConnectionDelay: "30000",proactiveChatFlag: "True",subtleNotificationLifespan: "1200000",typingDelay: "2000",typingDetectInterval: "3000",typingIndicatorImageAltText: "Agent is typing Icon",typingIndicatorImageName: "step-tracker_loop.gif",chatExpiryDuration: "20",safariAutoSaveInterval: "20000",vaChatHistoryMaxMsg: "9999",mergeCookies: "true",agid: "",buid: "",botDirect: "false",enSocketUrl: "",frSocketUrl: "",socketPath: "",cookieDomain: ".bell.ca",}); })}if (window.sessionStorage.__ctabid && window.sessionStorage.__ctabid !== "undefined") {window.tabId = window.sessionStorage.__ctabid; window.sessionStorage.removeItem("__ctabid");console.log("window.tabId: " + window.tabId);} else { window.tabId = Math.floor(Math.random() * 1000000); console.log("window.tabId: " + window.tabId); document.cookie = "__ctabid=" + window.tabId + ";domain=.bell.ca;secure=true; path=/; samesite=Lax ";}}});window.addEventListener('beforeunload', function(event) { document.cookie = "__ctabid=undefined;domain=.bell.ca;secure=true; path=/; samesite=Lax "; window.sessionStorage.removeItem("__ctabid");}); </script>   <script type="text/javascript"> var getCategory = function () { var locElem = document.querySelector('meta[name="NavUrl"]'); var loc = locElem ? locElem.content : null; switch (true) { case loc === '/Mobility/Smartphones_and_mobile_internet_devices': case loc === '/Mobility/Smartwatches': return "Phones"; case loc === '/Mobility/SIM-cards': return "Sim cards"; case loc === '/Mobility/Tablets': return "Tablets"; case loc === '/Mobility/Mobile-Internet-Devices-listing': return "Hubs and sticks"; default: return getCategoryFallBack(); } } var getName = function () { var tag = document.querySelector("input[name='hdOmnitureProductName']"); return tag ? tag.value : null; } var getSKU = function () { var tag = document.querySelector("input[name='hdOmnitureProductID']"); return tag ? tag.value : null; } var getCategoryFallBack = function () { var tag = document.querySelector("input[name='ProductCategory']"); var tagValue = tag ? tag.value : null; if (tagValue == null) { return null; } else { if (tagValue.includes("phones")) return "Phones"; } } var bannerID = ""; var cxpId = ""; var s_oCXP = ""; function loadMassBannerOmni() { try { var bannerIDMB = "MB:"; if (cxpId) bannerID = cxpId + ","; else if (window.location.href.toLowerCase().indexOf('logout') != -1 && $('#AdserveBanner #cxp-mybell-omniture').length) { s_oCXP = $("#AdserveBanner #cxp-mybell-omniture").data("omniS_ocxp"); bannerID = s_oCXP + ","; } $(".mb-omni-js").each(function () { var b_id = $(this).attr("id"); if (b_id && $(this).is(":visible") && $(this).find('a').length != 0) { bannerID = bannerID + bannerIDMB + b_id + ","; } }); var lastChar = bannerID.slice(-1); if (lastChar == ',') bannerID = bannerID.slice(0, -1); s_oCXP = bannerID; } catch{ } }; function loadSEOBannerOmni() { var seoBanner = ""; try { $(".seob-omni-js").each(function() { $(this).find('a.js-omni-seo').each(function() { var seoid = $(this).data('omni-seo-id'); if (seoid) seoBanner += "SEO:" + seoid + ","; }); }); if (seoBanner) { var lastChar = seoBanner.slice(-1); if (lastChar === ',') seoBanner = seoBanner.slice(0, -1); if (bannerID) bannerID += "," + seoBanner; else bannerID = seoBanner; } } catch (ex) { console.error(ex); } }; loadMassBannerOmni(); loadSEOBannerOmni(); orderId = ''; s_oPTE = true; s_oLNG = "en"; s_oPRV = "on"; s_oSIN = "-1914019293"; s_oLGS = false; s_oSID = "5d973275-ff5b-4b27-89e8-664ed4be9367"; s_oSID_OMN = "53d6c1c2-2717-4868-9ecc-39dc24da53ad"; s_oEID = ""; s_oSLOB = ""; s_oESTD = "2024-11-29"; s_oESTT = "03:20:48.981"; s_oLGSA = false; s_oLAB = ""; if ('False' == 'True' || 'False' == 'True') { s_oACT = ""; s_oMOT = ""; s_oBUP = "onebillMob4Svc"; s_oClientID = ""; s_oUVA = "User"; s_oTELF = "E1DFF41D88AD19229A908031240E8CB6"; } if (bannerID) s_oCXP = bannerID; if ('' != null && ''.toString() == "true") { //var s_oPRD = "[" + "{category:\"" + "" + "\",name:\"" + getName() + "\",sku:\"" + getSKU() + "\"" + "]" ; var s_oPRD = [{ category: "" + getCategory() + "", name: "" + getName() + "", sku: "" + getSKU() + "", quantity: "", legacysku: "" }]; console.log("Prd" + JSON.stringify(s_oPRD)); } s_oSS1 = 'Shop'; s_oSS2 = 'Mobile'; s_oSS3 = 'Devices:Phones'; s_oPGN = 'Listing'; s_oDBAN = 'Default'; if ((s_oLGS == true || s_oLGS == "true") && s_oSS2.toLowerCase() == "mobile" && s_oSS3.toLowerCase().includes("devices")) { s_oCTP = "addline"; } setTimeout(function () { var bannerIDMB = "MB:"; $(".mb-omni-js").each(function () { var b_id = $(this).attr("id"); if (b_id && $(this).is(":visible")) { $("#" + b_id) ?.find('a').each(function () { $(this).addClass("mb-omni-link-js"); $(this).attr('data-omnimbid', bannerIDMB + b_id); }); } }); $(".mb-omni-link-js").on("click", function () { var omniMBID = $(this).data("omnimbid"); setTimeout(function () { s_oTrackPage({ 's_oAPT': '663-0-0', 's_oCXP': omniMBID }) }, 300); }); }, 2000); $("#AdserveBanner .js-omni-button").on("click", function (e) { var s_ocxpb = $(this).data("omniS_ocxpb"); if (s_ocxpb == undefined) { s_ocxpb = $(this).data("omnis_ocxpb"); } s_oTrackPage({ s_oAPT: "647-0-0", s_oCXPB: s_oCXP + ":" + s_ocxpb, s_oBTN: s_ocxpb }); }); </script> <script type="text/javascript"> function getCleanUrl(url) { if (url) { try { url = url.split(/[?#]/)[0]; } catch (e) { console.error("error while cleanning URL: ", e); } } return url; } window.addEventListener('load', function () { $.getScript("//static.cloud.coveo.com/coveo.analytics.js/2/coveoua.js") .done(function( script, textStatus ) { try { var cleanUrl = self.getCleanUrl(window.location.href); console.info("cleanUrl: " + cleanUrl); coveoua('init', 'xx7e3ef22b-c5e9-4fd4-8221-ba0c003e4b6c'); coveoua('send', 'pageview', { contentIdKey: '@clickableuri', contentIdValue: cleanUrl, contentType: 'Web Page', context_segment: 'consumer', context_language: 'en', context_province: 'ON' }); } catch (e) { console.error("Error reporting the pageview to Coveo UA: ", e); } }); }); </script> <script type="text/javascript"> var LOB = "Mobility"; </script> <script src="/Styles/media/core/js/brfcore-bottom.js?v=WHaqVVLOXIwoRLpzF5YFDaJ5t9kM5vMpYukB4bdxzu01"></script> <script src="/styles/media/mobility.js?v=sT5_7e4Eg-ktNjjiPEsd9_MxTiKd7rc_ItnC1VGCD3c1"></script> <style> .fullwidth-video { height: auto; overflow: hidden; } .fullwidth-video video { height:auto; } .iframe-youtube{ width:100%; height:400px; border:0; display:none; } </style>  <div id="video-player-modal" class="modal fade" role="dialog" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="video-title"> <div class="modal-dialog" style="top:0px"> <div class="modal-content"> <div class="modal-header"> <div class="small-title pad-r-15"> <span id="video-title"></span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtBlue txtSize20"></span></button> </div> <div class="bgBlack fullwidth-video"> <video id="tvonline" width="100%" height="100%" controls style="display:none" aria-hidden="true"> <source src="" type="video/mp4"> <object aria-label="Browser not supported"> <embed src="" allowfullscreen="true" alt="Browser not supported" aria-label="Browser not supported" allowscriptaccess="sameDomain" /> </object> <span id="browser-not-supported">Your browser does not support HTML5 video.</span> </video> <iframe id="youtube" src="" class="iframe-youtube" title="YouTube" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </div> </div> <div id="tooltipModalMobile1" class="modal modal-tooltip modal-tooltip-channel" role="dialog" secondary-modal="" aria-label="Details" tabindex="-1"> <div class="tooltip-dialog"> <div class="modal-content box-shadow-round"> <div class=""> <button id="closebtn_firstfocus" type="button" class="close" data-dismiss="modal" aria-label="close" tabindex="0"><span class="icon icon-close txtBlue txtSize12 font-weight-bold" aria-hidden="true"></span></button> </div> <div class="modal-body margin-neg-20-t txtLeft pad-h-30"> <div class="subtitle-2 margin-b-10 modal-tooltip-title" tooltip-title=""></div> <p class="no-margin modal-tooltip-description" tooltip-content=""></p> </div> </div> </div> </div> <script> $('#tooltipModalMobile1').on('shown.bs.modal', function () { $("#closebtn_firstfocus").focus(); }); $("#tooltipModalMobile1").keydown(function (e) { if (e.keyCode == 38 || e.keyCode == 40) { e.preventDefault(); } }); function fixDuplicateID(ids) { if (window.location.href.toLowerCase().includes('/bell-bundles') || window.location.href.toLowerCase().includes('bell.ca/smart-home') || window.location.href.toLowerCase().includes('bell.ca/maison-intelligente') || window.location.href.toLowerCase().includes('bell.ca/fibe-tv/promotions/4k-receiver') || window.location.href.toLowerCase().includes('bell.ca/tele-fibe/promotions/recepteur-4k') || window.location.href.toLowerCase().includes('bell.ca/security_and_privacy/commitment_to_privacy') || window.location.href.toLowerCase().includes('bell.ca/securite_et_confidentialite/engagement_envers_la_confidentialite') || window.location.href.toLowerCase().includes('/home_phone') || window.location.href.toLowerCase().includes('bell.ca/telephonie')) { ids.forEach(function (value, index) { const duplicateID = $('[id=' + value + ']'); if (duplicateID.length < 2) return; duplicateID.each(function (index) { const currentID = $(this).attr('id'); $(this).attr('id', currentID + '-' + index); }); }); } } //Accessibility for img w/out alt attr $(window).on('load', function () { setTimeout(function () { fixDuplicateID(['Layer_1', 'aliant_fibe_bundle_link']); fixDuplicateID(['fourKtv']); fixDuplicateID(['get_a_free_quoteAF_link_top_aliant','get_a_free_quoteAF_Aliant']); $.each($('img[height="1"][width="1"]'), function (key, value) { if (!value.hasAttribute('alt')) { $(value).attr('alt', ''); } }); }, 3000); }); </script> <div id="Express-Delivery-LB" class="modal fade scrollable-body" role="dialog" aria-modal="true" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="modal-item-unavailable"> <div class="modal-dialog" role="document"> <div class="modal-content borderRadiusAll10 overflowHidden no-border-bottom-radius-xs"> <div class="modal-header focus_outline_gray"> <h2 id="modal-item-unavailable" class="small-title pad-r-xs-60"> Shipping options </h2> <button type="button" class="close" data-dismiss="modal" aria-label="close" id="ED_ShippingOptionsCloseButton"><span class="icon icon-close txtBlue txtSize20"></span></button> </div> <div class="modal-body no-pad" tabindex="0"> <div class="pad-h-xs-15 pad-h-30"> <h3 class="subtitle-2 margin-b-10">Get your order in as little as 2 hours</h3> <p class="margin-b-30"></p> <div class="d-sm-flex" role="list"> <div class="col-sm-4 no-borders-xs border-lightGray-right pad-h-xs-0 pad-r-30 d-flex d-sm-block margin-b-30" role="listitem"> <span class="icon icon-solutionB icon-expressD icon-ISPU txtSize16 txtBlue margin-r-xs-15 margin-r-0 dimension-25-xs" aria-hidden="true"></span> <div> <p class="surtitle-black margin-b-5 margin-t-xs-0 margin-t-15"> In-Store Pick-Up </p> <p class="margin-b-5"> Pick up your order at a store near you in as little as 2 hours.</p> <span class="surtitle color-bell-blue">$0.00</span> </div> </div> <div class="col-sm-4 no-borders-xs border-lightGray-right pad-h-xs-0 pad-h-30 d-flex d-sm-block margin-b-30" role="listitem"> <span class="icon icon-solutionB icon-expressD icon-express_shipping txtSize16 txtBlue margin-r-xs-15 margin-r-0 dimension-25-xs" aria-hidden="true"></span> <div> <p class="surtitle-black margin-b-5 margin-t-xs-0 margin-t-15"> Same-Day/Next-Day Delivery </p> <p class="margin-b-5">At your door the same day or next day.</p> <span class="surtitle color-bell-blue">$15.00</span> </div> </div> <div class="col-sm-4 pad-h-xs-0 pad-h-30 d-flex d-sm-block margin-b-30" role="listitem"> <span class="icon icon-solutionB icon-expressD icon-shipping txtSize16 txtBlue margin-r-xs-15 margin-r-0 dimension-25-xs" aria-hidden="true"></span> <div> <p class="surtitle-black margin-b-5 margin-t-xs-0 margin-t-15"> Standard shipping </p> <p class="margin-b-5">At your door within 2–5 business days.</p> <span class="surtitle color-bell-blue">$0.00</span> </div> </div> </div> <p class="margin-b-10 font-weight-bold">Select your preferred shipping option at checkout. </p> <p class="no-margin small-text"><span class="sr-only">(Note:) </span><span aria-hidden="true">*</span>Shipping options are subject to eligibility and stock availability of all items in your cart.</p> </div> </div> </div> </div> </div>  <script> $(document).on('click', '#ED_ShippingOptionsCloseButton', function (e) { var express_Delivery_LB = document.getElementById('Express-Delivery-LB'); var checkDisplayBlock = setInterval(() => { if (express_Delivery_LB && express_Delivery_LB.style.display !== "block") { var express_Delivery_learnMore = document.getElementById('express_Delivery_learnMore') if (express_Delivery_learnMore) { express_Delivery_learnMore.focus(); clearInterval(checkDisplayBlock) } } }, 500) }); </script> <script language="JavaScript"> var zcity = 'e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855'; function createEventData(eventName, eventId) { return { 'data': [ { 'event_name': eventName, 'event_time': Math.floor(Date.now() / 1000), 'event_id': createUniqueEventId(eventId), 'action_source': 'website', 'event_source_url': window.location.href.replace(/[^a-zA-Z0-9/\-\_\:\.]/ig, ''), 'user_data': { 'country': [ "6959097001d10501ac7d54c0bdb8db61420f658f2922cc26e46d536119a31126" ], 'ct': zcity, 'client_user_agent': navigator.userAgent, 'client_ip_address': '8.222.208.146', 'fbc': getFbClientId(), 'fbp': getFbBrowserId() }, 'custom_data': { 'value': 0, 'currency': 'CAD', 'content_type': 'product', 'content_ids': '201' } } ] }; } function getFbBrowserId() { let result = /_fbc=(fb\.1\.\d+\.\d+)/.exec(window.document.cookie); if (!(result && result[1])) { return null; } return result[1]; } function getFbClientId() { let result = /_fbp=(fb\.1\.\d+\.\d+)/.exec(window.document.cookie); if (!(result && result[1])) { return null; } return result[1]; } function createUniqueEventId(prefix) { let dateString = Date.now().toString(36), randomness = Math.random().toString(36).substr(2), eventId = prefix + dateString + randomness, inputHidden = '<input type="hidden" id="' + prefix + '" value="' + eventId + '">', input = jQuery('#' + prefix); if (input.length > 0) { input.val(eventId) } else { jQuery('body').append(inputHidden); } return eventId; } function TrackSmartHomePackagesSubmissionEvent(form) { let hiddenSmartHomeInput = form.find('#SmartHomeProduct'); let isSmartHomeProduct = hiddenSmartHomeInput.length > 0 && hiddenSmartHomeInput[0].value; if (isSmartHomeProduct) { SendConversionEvent(createEventData('BRS_SH_RaCB', '3bshracb')); } } function TrackSmartHomeDevicesSubmissionEvent() { SendConversionEvent(createEventData('BRS_SH_RaCB', '3bshracb')); } function TrackSubmittedChatMessage() { let eventOption = window.location.pathname.toLowerCase().startsWith('/mobility') || window.location.pathname.toLowerCase().startsWith('/mobilite') ? { eventName: 'MOB_eChat Submit_Counter', eventId: '9mobechat' } : { eventName: 'BRS_eChat', eventId: '1brsechat' }; SendConversionEvent(createEventData(eventOption.eventName, eventOption.eventId)); } function TrackEShopConfirmationStep4() { SendConversionEvent(createEventData('BRS_eShop', '2brseshop')); } function TrackProductEvent() { SendConversionEvent(createEventData('ViewContent', '8mobdevplnvc')); } function SendConversionEvent(eventData) { jQuery.ajax({ headers: { 'X-Content-Type-Options': 'nosniff' }, type: "POST", url: '/ajax/FacebookConversion/TrackEvent', data: JSON.stringify(eventData) }); } // Track second message from agent in chats// function setUpChatObserver() { let body = document.body || document.documentElement; let config = { attributes: false, childList: true, subtree: true }; let callback = function (mutationList, observer) { for (let mutation of mutationList) { for (let addedNode of mutation.addedNodes) { checkForSecondAgentMsg(addedNode); } } }; let observer = new MutationObserver(callback); observer.observe(body, config); } function checkForSecondAgentMsg(node) { if ((isSecondMessageFromBRSCentralEChat(node) || isSecondMessageFromAliantEChat(node) || isSecondMessageNewEChat(node)) && isNotRecreatedComment(node)) { localStorage.setItem('eChatComment', getHashedUrlJoinedWithComment(node)); TrackSubmittedChatMessage(); } } function isNotRecreatedComment(node) { let theLastEChatComment = localStorage.getItem('eChatComment'); return !(theLastEChatComment === getHashedUrlJoinedWithComment(node)); } function getHashedUrlJoinedWithComment(node) { let url = window.location.href.split('?')[0]; let comment = node.innerText; return hashCode(url + comment).toString(); } function hashCode(str) { return str.split('').reduce((prevHash, currVal) => (((prevHash << 5) - prevHash) + currVal.charCodeAt(0))|0, 0); } function isSecondMessageNewEChat(node) { return jQuery(node).length === 1 && jQuery(node)[0].className === 'client' && jQuery(node).siblings('.client').length === 0; } function isSecondMessageFromBRSCentralEChat(node) { return jQuery(node).find('.first_in_group.tcChat_agentLine').length > 0 && jQuery('.agentMsg').length == 2 && jQuery(node).find('td').last().find('.agentMsg').length > 0; } function isSecondMessageFromAliantEChat(node) { return jQuery(node).find('#message-2').length > 0 && jQuery('#message-2').parents('#msg_container').length > 0; } function isAliantEChatOpened(node) { return jQuery(node).find('#egain-chat-iframe').length > 0; } jQuery(document).ready(function () { setUpChatObserver(); }); </script> </body> </html>

CINXE.COM

Cell Phone Deals - iPhones and Android Smartphones | Mobility | Bell Canada