Choose your location and language.

Galaxy Z Fold6

Buying Tool

Shop online exclusive colors Colors you cannot find anywhere else but here.

Device

Storage
View More

Color

Chat with an expert
\n
\n \n \n\n Colours\n \n Online Exclusive\n \n\n AI Features\n Interpreter, Live Translate, Chat Assist, Circle to Search, Note Assist, Transcript Assist, Photo Assist, Drawing Assist\n\n Storage\n 256GB / 512GB / 1TB\n\n Dimension\n Folded: 153.5 x 68.1 x 12.1mm \nUnfolded: 153.5 x 132.6 x 5.6mm\n\n Weight\n 239g\n\n Max Display refresh rate\n 120Hz\n\n Front Camera\n 10MP(Cover) + 4MP UDC(Main)\n\n Rear Camera & Zoom\n 12MP Ultra Wide Camera\n 50MP Wide-angle Camera\n 10MP Telephoto Camera\n Optical Zoom 3x, Optical quality Zoom 2x, Digital Zoom up to 30x\n\n Battery\n 4400mAh (typical)\n Video Playback:\n Up to 23 hours\n\n Display & Size\n Cover: 6.3"\n Main: 7.6"\n QXGA+ Dynamic AMOLED 2X\n\n S Pen Compatibility\n Yes\n\n Durability\n Enhanced Armor Aluminum Frame\n Corning® Gorilla® Glass Victus® 2\n IP48\n\n Galaxy Exclusives\n Samsung Care+, Samsung Health, Samsung Wallet\n\n
',flip6:'
\n

Galaxy Z Flip6

\n \n
\n
\n \n See Galaxy Z Flip6\n \n
\n
\n\n \n \n\n Colours\n \n Online Exclusive\n \n\n AI Features\n Interpreter, Live Translate, Chat Assist, Circle to Search, Note Assist, Transcript Assist, Photo Assist, Drawing Assist\n\n Storage\n 256GB / 512GB\n\n Dimension\n Folded: 85.1 x 71.9 x 14.9mm
Unfolded: 165.1 x 71.9 x 6.9mm\n\n \n Weight\n 187g\n\n Max Display refresh rate\n 120Hz\n\n Front Camera\n 10MP Selfie Camera\n\n Rear Camera & Zoom\n 12MP Ultra Wide Camera\n 50MP Wide-angle Camera\n  \n Optical quality Zoom 2x, Digital Zoom up to 10x\n\n Battery\n 4000mAh (typical)\n Video Playback:\n Up to 23 hours\n\n Display & Size\n Cover: 3.4"
Main: 6.7"\n FHD+ Dynamic AMOLED 2X\n\n S Pen Compatibility\n -\n\n Durability\n Enhanced Armor Aluminum Frame\n Corning® Gorilla® Glass Victus® 2\n \n IP48\n\n Galaxy Exclusives\n Samsung Care+, Samsung Health, Samsung Wallet\n
'},this.globalText={Expand:"Expand",Collapse:"Collapse"},this.init()}e.prototype.init=function(){var e=this;setTimeout((function(){e.addStyles(),e.createComparisonSection(),e.setEvents(),e.reattachColorChipListeners()}),100)},e.prototype.addStyles=function(){var e=document.createElement("style");e.textContent='\n .hubble-pd-expand.compare-Accordian .hubble-pd-expand__opener.s-expand__opener.accordian-compare.compare-is-open .hubble-pd-expand__opener-icon:before {\n background: url(/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-arrow-up-black.svg) no-repeat 0 0 !important;\n -webkit-transform: rotate(0) !important;\n transform: rotate(0) !important;\n }\n .hubble-pd-expand.compare-Accordian .hubble-pd-expand__opener.s-expand__opener.accordian-compare .hubble-pd-expand__opener-icon:before {\n -webkit-transform: rotate(180deg) !important;\n transform: rotate(180deg) !important;\n }\n \n .comparesection{\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n max-width:942px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .accordian-active-open{\n display:none\n }\n \n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__desk{\n display:none;\n max-width:942px;\n margin:auto;\n padding:0 20px 50px;\n -webkit-box-pack:justify;\n -ms-flex-pack:justify;\n justify-content:space-between\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__desk{\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__desk .compare-section__phone{\n width:calc(33.33333% - 20px);\n z-index:1\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile{\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-pack:justify;\n -ms-flex-pack:justify;\n justify-content:space-between;\n margin:auto;\n padding:50px 20px\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile{\n display:none\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__phone{\n width:calc(100% - 10px);\n margin:0 auto\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right{\n width:50%\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left .phone-selector,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right .phone-selector{\n position:relative;\n padding:0 10px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left .phone-selector .phone-name,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right .phone-selector .phone-name{\n display:block;\n font-size:3vw;\n width:100%;\n position:relative;\n padding-right:30px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left .phone-selector .phone-name:after,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right .phone-selector .phone-name:after{\n content:"";\n position:absolute;\n display:block;\n width:14px;\n height:17px;\n background:url(//images.samsung.com/uk/smartphones/galaxy-s22/models/images/icon_dropdown.png) 50% 50%/100% auto no-repeat;\n right:0;\n left:auto;\n top:1px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left .phone-selector .typeList,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right .phone-selector .typeList{\n display:none;\n position:absolute;\n top:33px;\n left:10px;\n width:calc(100% - 20px);\n z-index:10;\n background:#fff;\n -webkit-box-shadow:6px 6px 26px 0 rgba(0,0,0,0.3);\n box-shadow:6px 6px 26px 0 rgba(0,0,0,0.3);\n overflow:hidden\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left .phone-selector .typeList li,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right .phone-selector .typeList li{\n padding:10px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left .phone-selector .typeList li button,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right .phone-selector .typeList li button{\n font-size:2.60417vw;\n width:100%\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__phone{\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient:vertical;\n -webkit-box-direction:normal;\n -ms-flex-direction:column;\n flex-direction:column;\n text-align:center;\n max-width:270px;\n margin:0 10px;\n padding-top:25px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .phone-name{\n font-family:"SamsungSharpSans";\n font-size:1.25vw;\n font-weight:bold;\n margin-bottom:70px;\n text-align:left;\n position:relative;\n display:none\n }\n @media screen and (min-width: 1440px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .phone-name{\n font-size:20px\n }\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .phone-name{\n display:block\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .phone-name:before{\n content:"";\n position:absolute;\n height:2px;\n width:100%;\n background-color:#000;\n bottom:-10px;\n left:0\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .hubble-product{\n text-align:center; height:30px;\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__phone img{\n margin-bottom:30px;\n width:100%\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile-left .mobile-column .compare-section__phone:nth-child(2){\n display:none\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile-right .mobile-column .compare-section__phone:nth-child(2){\n display:none\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-heading,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-value{\n display:block;\n width:100%;\n text-align:left\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-heading{\n font-family:"SamsungSharpSans";\n font-size:3.38542vw;\n margin-top:30px;\n margin-bottom:15px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-heading:first-child{\n margin-top:0\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-heading{\n font-size:1.25vw\n }\n }\n @media screen and (min-width: 1440px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-heading{\n font-size:16px\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-value{\n font-size:2.60417vw\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-value.compare-value--extra-margin{\n margin-bottom:15px\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-value{\n font-size:1.25vw\n }\n }\n @media screen and (min-width: 1440px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-value{\n font-size:14px\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select{\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip{\n display:block;\n position:relative;\n margin-right:2.5vw;\n width:20px;\n height:20px;\n text-indent:-999999999px;\n border-radius:100%\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip{\n margin-right:20px\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip:focus{\n outline:0;\n -webkit-box-shadow:none;\n box-shadow:none\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip:before{\n content:"";\n position:absolute;\n width:20px;\n height:20px;\n border:2px solid #0c71e5;\n border-radius:100%;\n -webkit-transition:0.2s all;\n transition:0.2s all;\n -webkit-transform:scale(0);\n transform:scale(0);\n z-index:1;\n left:-4px;\n top:-4px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip:after{\n content:"";\n position:absolute;\n width:18px;\n height:18px;\n border:1px solid #0000001a;\n border-radius:100%;\n z-index:2;\n top:0;\n left:0\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.chip-is-active:before{\n width:24px;\n height:24px;\n -webkit-transform:scale(1);\n transform:scale(1)\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.icy-blue:after{\n background-color:#a6afc2\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.blue:after{\n background-color:#6f8aad\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.grey:after{\n background-color:#c7c8ca\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.mint:after{\n background-color:#cad9d3\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.yellow:after{\n background-color:#ffd175\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.green:after{\n background-color:#749d8c\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.peach:after{\n background-color:#ffa480\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.cream:after{\n background-color:#f0eae0\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.lavender:after{\n background-color:#cbb9db\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.lime:after{\n background-color:#dce9be\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.bora-purple:after{\n background-color:#b2a1cd\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.beige:after{\n background-color:#d7cec1\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.burgandy:after{\n background-color:#674d58\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.grey-green:after{\n background-color:#4e5a61\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.phantom-white:after{\n background-color:#e9e9e7\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.phantom-black:after{\n background-color:#24211d\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.green:after{\n background-color:#587876\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.burgundy:after{\n background-color:#654d57\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.pink-gold:after{\n background-color:#e3d2cf\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.graphite:after{\n background-color:#6d7073\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.sky-blue:after{\n background-color:#b8c9e1\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.red:after{\n background-color:#cc5853\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.cream:after{\n background-color:#ece1bd\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.violet:after{\n background-color:#b4b5df\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-grey:after{\n background-color:#aca49b\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-black:after{\n background-color:#62605f\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-violet:after{\n background-color:#4d4e5f\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-yellow:after{\n background-color:#f0e1b9\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-blue:after{\n background-color:#a7b5c8\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-green:after{\n background-color:#c1d0be\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-orange:after{\n background-color:#c48b6c\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.cobalt-violet:after{\n background-color:#52566d\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.amber-yellow:after{\n background-color:#f1ead4\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.onyx-black:after{\n background-color:#4a4a4d\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.marble-grey:after{\n background-color:#c5c3c3\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.jade-green:after{\n background-color:#c1d0be\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.sapphire-blue:after{\n background-color:#a7b5c8\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.sandstone-orange:after{\n background-color:#c48b6c\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.navy:after{\n background-color:#485167\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.silver-shadow:after{\n background-color:#7f7f7f\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.pink:after{\n background-color:#f0dbe0\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.crafted-black:after{\n background-color:#383838\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.white:after{\n background-color:#e5e6e3\n }\n // .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.navy:after{\n // background-color:#8e9fbc\n // }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-grey2:after{\n background-color:#b3ab9e\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.whitesilver:after{\n background-color:#d9d9d6\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-black2:after{\n background-color:#4a4a4d\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-jetblack:after{\n background-color:#4a4a4d\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-jadegreen:after{\n background-color:#a3ac9b\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-pinkgold:after{\n background-color:#ead2c6\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.icy-blue2:after{\n background-color:#c8d3df\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.silver-shadow2:after{\n background-color:#7f7f7e\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.mint2:after{\n background-color:#d3e8dd\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.navy2:after{\n background-color:#3c5b8a\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.blueblack:after{\n background-color:#42525c\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.coral-red:after{\n background-color:#ee6779\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.pink-gold2:after{\n background-color:#ead2c6\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .mobile-column .hubble-product__options-content-cta{\n text-align:center\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .mobile-column .hubble-product__options-content-cta .s-btn-encased{\n padding:15px 20px\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .mobile-column .hubble-product__options-content-cta .s-btn-encased{\n padding:15px 25px\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .mobile-column .hubble-product__options-content-cta .s-btn-encased span{\n font-size:3vw\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .hubble-product{\n text-align:center; height:48px;\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .mobile-column .hubble-product__options-content-cta .s-btn-encased span{\n font-size:15px\n }\n }\n .bc-compare-popup{\n display:none !important\n }\n .delivery-Accordian .hubble-pd-expand__opener.s-expand__opener.accordian-delivery .hubble-pd-expand__opener-icon:before{\n background-image:url(/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/arrow-small-bottom.png)\n }\n .delivery-Accordian .hubble-pd-expand__opener.s-expand__opener.accordian-delivery.delivery-is-open .hubble-pd-expand__opener-icon:before{\n background-image:url(/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/arrow-small-top.png)\n }\n .delivery-Accordian .delivery-section{\n padding-bottom:50px\n }\n .delivery-Accordian .delivery-section .delivery-flex{\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex\n }\n @media only screen and (max-width: 767px){\n .delivery-Accordian .delivery-section .delivery-flex{\n -webkit-box-orient:vertical;\n -webkit-box-direction:normal;\n -ms-flex-direction:column;\n flex-direction:column\n }\n }\n .delivery-Accordian .delivery-section .delivery-row{\n max-width:50%\n }\n @media only screen and (max-width: 767px){\n .delivery-Accordian .delivery-section .delivery-row{\n width:100%;\n max-width:100%\n }\n }\n .delivery-Accordian .delivery-section .delivery-row.delivery-right{\n padding-right:5%\n }\n @media only screen and (max-width: 767px){\n .delivery-Accordian .delivery-section .delivery-row.delivery-right{\n padding-right:0\n }\n }\n .delivery-Accordian .delivery-section .delivery-row.delivery-left{\n padding-left:5%\n }\n @media only screen and (max-width: 767px){\n .delivery-Accordian .delivery-section .delivery-row.delivery-left{\n padding-left:0\n }\n }\n .delivery-Accordian .delivery-section .delivery-main{\n font-size:20px;\n font-family:SamsungSharpSans, arial, sans-serif;\n letter-spacing:-.007em;\n font-weight:700\n }\n @media screen and (max-width: 1440px){\n .delivery-Accordian .delivery-section .delivery-main{\n font-size:1.5vw\n }\n }\n @media only screen and (max-width: 767px){\n .delivery-Accordian .delivery-section .delivery-main{\n font-size:3.5vw\n }\n }\n .delivery-Accordian .delivery-section .delivery-item{\n margin:1.2em 0;\n position:relative\n }\n @media only screen and (max-width: 767px){\n .delivery-Accordian .delivery-section .delivery-item{\n padding:0 5.27777778vw\n }\n }\n .delivery-Accordian .delivery-section .delivery-item .delivery-title{\n font-family:SamsungSharpSans, arial, sans-serif;\n letter-spacing:-.007em;\n font-weight:700\n }\n @media screen and (max-width: 1440px){\n .delivery-Accordian .delivery-section .delivery-item .delivery-title{\n font-size:1.11111111vw\n }\n }\n @media only screen and (max-width: 767px){\n .delivery-Accordian .delivery-section .delivery-item .delivery-title{\n font-size:3.33333333vw\n }\n }\n .delivery-Accordian .delivery-section .delivery-item .delivery-title .delivery-price{\n position:absolute;\n right:0;\n padding-right:0.6em\n }\n .delivery-Accordian .delivery-section .delivery-item .delivery-desc{\n margin-top:13px;\n font-size:16px;\n line-height:1.25em\n }\n @media screen and (max-width: 1440px){\n .delivery-Accordian .delivery-section .delivery-item .delivery-desc{\n margin-top:0.90277778vw;\n font-size:1.11111111vw\n }\n }\n @media only screen and (max-width: 767px){\n .delivery-Accordian .delivery-section .delivery-item .delivery-desc{\n margin-top:1.94444444vw;\n font-size:3.33333333vw;\n line-height:1.4em\n }\n }\n .delivery-Accordian .delivery-section .delivery__link{\n text-decoration:underline;\n color:black\n }\n ":e.appendChild(document.createTextNode(".boilerplate{\n width:100vw\n }\n .boilerplate__container{\n padding:2%;\n width:100%;\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-pack:center;\n -ms-flex-pack:center;\n justify-content:center;\n -webkit-box-align:center;\n -ms-flex-align:center;\n align-items:center\n }\n .boilerplate__content{\n background:white\n }\n .boilerplate__title{\n font-size:2em;\n font-family:"SamsungOne",arial;\n color:#1428a0\n }\n .comparesection{\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n max-width:942px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .accordian-active-open{\n display:none\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-is-open .hubble-pd-expand__opener-icon:before{\n background-image:url(/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/arrow-small-top.png)\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__desk{\n display:none;\n max-width:942px;\n margin:auto;\n padding:0 20px 50px;\n -webkit-box-pack:justify;\n -ms-flex-pack:justify;\n justify-content:space-between\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__desk{\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__desk .compare-section__phone{\n width:calc(33.33333% - 20px);\n z-index:1\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile{\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-pack:justify;\n -ms-flex-pack:justify;\n justify-content:space-between;\n margin:auto;\n padding:50px 20px\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile{\n display:none\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__phone{\n width:calc(100% - 10px);\n margin:0 auto\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right{\n width:50%\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left .phone-selector,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right .phone-selector{\n position:relative;\n padding:0 10px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left .phone-selector .phone-name,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right .phone-selector .phone-name{\n display:block;\n font-size:3vw;\n width:100%;\n position:relative;\n padding-right:30px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left .phone-selector .phone-name:after,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right .phone-selector .phone-name:after{\n content:"";\n position:absolute;\n display:block;\n width:14px;\n height:17px;\n background:url(//images.samsung.com/uk/smartphones/galaxy-s22/models/images/icon_dropdown.png) 50% 50%/100% auto no-repeat;\n right:0;\n left:auto;\n top:1px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left .phone-selector .typeList,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right .phone-selector .typeList{\n display:none;\n position:absolute;\n top:33px;\n left:10px;\n width:calc(100% - 20px);\n z-index:10;\n background:#fff;\n -webkit-box-shadow:6px 6px 26px 0 rgba(0,0,0,0.3);\n box-shadow:6px 6px 26px 0 rgba(0,0,0,0.3);\n overflow:hidden\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left .phone-selector .typeList li,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right .phone-selector .typeList li{\n padding:10px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-left .phone-selector .typeList li button,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile .compare-section__mobile-right .phone-selector .typeList li button{\n font-size:2.60417vw;\n width:100%\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__phone{\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient:vertical;\n -webkit-box-direction:normal;\n -ms-flex-direction:column;\n flex-direction:column;\n text-align:center;\n max-width:270px;\n margin:0 10px;\n padding-top:25px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .phone-name{\n font-family:"SamsungSharpSans";\n font-size:1.25vw;\n font-weight:bold;\n margin-bottom:70px;\n text-align:left;\n position:relative;\n display:none\n }\n @media screen and (min-width: 1440px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .phone-name{\n font-size:20px\n }\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .phone-name{\n display:block\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .phone-name:before{\n content:"";\n position:absolute;\n height:2px;\n width:100%;\n background-color:#000;\n bottom:-10px;\n left:0\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .hubble-product{\n text-align:center\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__phone img{\n margin-bottom:30px;\n width:100%\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile-left .mobile-column .compare-section__phone:nth-child(2){\n display:none\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-section__mobile-right .mobile-column .compare-section__phone:nth-child(2){\n display:none\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-heading,.hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-value{\n display:block;\n width:100%;\n text-align:left\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-heading{\n font-family:"SamsungSharpSans";\n font-size:3.38542vw;\n margin-top:30px;\n margin-bottom:15px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-heading:first-child{\n margin-top:0\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-heading{\n font-size:1.25vw\n }\n }\n @media screen and (min-width: 1440px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-heading{\n font-size:16px\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-value{\n font-size:2.60417vw\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-value.compare-value--extra-margin{\n margin-bottom:15px\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-value{\n font-size:1.25vw\n }\n }\n @media screen and (min-width: 1440px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .compare-value{\n font-size:14px\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select{\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip{\n display:block;\n position:relative;\n margin-right:2.5vw;\n width:20px;\n height:20px;\n text-indent:-999999999px;\n border-radius:100%\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip{\n margin-right:20px\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip:focus{\n outline:0;\n -webkit-box-shadow:none;\n box-shadow:none\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip:before{\n content:"";\n position:absolute;\n width:20px;\n height:20px;\n border:2px solid #0c71e5;\n border-radius:100%;\n -webkit-transition:0.2s all;\n transition:0.2s all;\n -webkit-transform:scale(0);\n transform:scale(0);\n z-index:1;\n left:-4px;\n top:-4px\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip:after{\n content:"";\n position:absolute;\n width:18px;\n height:18px;\n border:1px solid #0000001a;\n border-radius:100%;\n z-index:2;\n top:0;\n left:0\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.chip-is-active:before{\n width:24px;\n height:24px;\n -webkit-transform:scale(1);\n transform:scale(1)\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.icy-blue:after{\n background-color:#a6afc2\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.blue:after{\n background-color:#6f8aad\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.grey:after{\n background-color:#c7c8ca\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.mint:after{\n background-color:#cad9d3\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.yellow:after{\n background-color:#ffd175\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.green:after{\n background-color:#749d8c\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.peach:after{\n background-color:#ffa480\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.cream:after{\n background-color:#f0eae0\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.lavender:after{\n background-color:#cbb9db\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.lime:after{\n background-color:#dce9be\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.bora-purple:after{\n background-color:#b2a1cd\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.beige:after{\n background-color:#d7cec1\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.burgandy:after{\n background-color:#674d58\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.grey-green:after{\n background-color:#4e5a61\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.phantom-white:after{\n background-color:#e9e9e7\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.phantom-black:after{\n background-color:#24211d\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.green:after{\n background-color:#587876\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.burgundy:after{\n background-color:#654d57\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.pink-gold:after{\n background-color:#e3d2cf\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.graphite:after{\n background-color:#6d7073\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.sky-blue:after{\n background-color:#b8c9e1\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.red:after{\n background-color:#cc5853\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.cream:after{\n background-color:#ece1bd\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.violet:after{\n background-color:#b4b5df\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-grey:after{\n background-color:#aca49b\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-black:after{\n background-color:#62605f\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-violet:after{\n background-color:#4d4e5f\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-yellow:after{\n background-color:#f0e1b9\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-blue:after{\n background-color:#a7b5c8\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-green:after{\n background-color:#c1d0be\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-orange:after{\n background-color:#c48b6c\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.cobalt-violet:after{\n background-color:#52566d\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.amber-yellow:after{\n background-color:#f1ead4\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.onyx-black:after{\n background-color:#4a4a4d\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.marble-grey:after{\n background-color:#c5c3c3\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.jade-green:after{\n background-color:#c1d0be\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.sapphire-blue:after{\n background-color:#a7b5c8\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.sandstone-orange:after{\n background-color:#c48b6c\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.navy:after{\n background-color:#485167\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.silver-shadow:after{\n background-color:#7f7f7f\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.pink:after{\n background-color:#f0dbe0\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.crafted-black:after{\n background-color:#383838\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.white:after{\n background-color:#e5e6e3\n }\n // .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.navy:after{\n // background-color:#8e9fbc\n // }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-grey2:after{\n background-color:#b3ab9e\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.whitesilver:after{\n background-color:#d9d9d6\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-black2:after{\n background-color:#4a4a4d\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-jetblack:after{\n background-color:#4a4a4d\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-jadegreen:after{\n background-color:#a3ac9b\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.titanium-pinkgold:after{\n background-color:#ead2c6\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.icy-blue2:after{\n background-color:#c8d3df\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.silver-shadow2:after{\n background-color:#7f7f7e\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.mint2:after{\n background-color:#d3e8dd\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.navy2:after{\n background-color:#3c5b8a\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.blueblack:after{\n background-color:#42525c\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.coral-red:after{\n background-color:#ee6779\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .colour-select .colour-chip.pink-gold2:after{\n background-color:#ead2c6\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .mobile-column .hubble-product__options-content-cta{\n text-align:center\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .mobile-column .hubble-product__options-content-cta .s-btn-encased{\n padding:15px 20px\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .mobile-column .hubble-product__options-content-cta .s-btn-encased{\n padding:15px 25px\n }\n }\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .mobile-column .hubble-product__options-content-cta .s-btn-encased span{\n font-size:3vw\n }\n @media screen and (min-width: 768px){\n .hubble-see-actual-size.hubble-pd-expand.compare-Accordian .mobile-column .hubble-product__options-content-cta .s-btn-encased span{\n font-size:15px\n }\n }\n .bc-compare-popup{\n display:none !important\n }\n \n ',document.head.appendChild(e)},e.prototype.createComparisonSection=function(){var e=document.querySelector("#downBoxHtml"),n=document.createElement("section");n.classList.add("hubble-see-actual-size","hubble-pd-expand","compare-Accordian","is-opened"),n.setAttribute("id","cheil-compare-section"),n.setAttribute("data-global-text",JSON.stringify(this.globalText)),n.innerHTML='\n \n

Compare the models

\n \n \n \n \n
\n
\n
\n ').concat(this.modelContents.fold6,"\n ").concat(this.modelContents.flip6,'\n
\n
\n
\n
\n \n
    \n
    • \n
    • \n
\n
\n
\n ').concat(this.modelContents.fold6,'\n
\n
\n
\n
\n \n
    \n
    • \n
    • \n
\n
\n
\n ').concat(this.modelContents.flip6,"\n
\n
\n
\n
\n
"),e.parentNode.insertBefore(n,e)},e.prototype.setEvents=function(){var e=this;document.addEventListener("click",(function(n){if(n.target.closest(".accordian-compare"))e.toggleAccordion(n.target.closest(".accordian-compare"));else if(n.target.matches(".phone-selector .phone-name"))e.toggleDropdown(n.target);else if(n.target.matches(".typeList button")){e.selectType(n.target);var a=n.target.closest(".typeList");a&&(a.style.display="none")}}))},e.prototype.toggleAccordion=function(e){var n=document.querySelector("#cheil-compare-section"),a=e.querySelector(".hubble-pd-expand__opener-icon .hidden"),o=e.classList.contains("compare-is-open");n.classList.toggle("is-opened",!o),n.classList.toggle("is-opened-active",!o),e.classList.toggle("compare-is-open",!o);var c=document.querySelector("#accordian-active-open-id");c&&(c.style.display=o?"none":"block"),a.textContent=o?this.globalText.Expand:this.globalText.Collapse},e.prototype.toggleDropdown=function(e){var n=e.nextElementSibling;n&&(n.style.display="none"===n.style.display||""===n.style.display?"block":"none")},e.prototype.selectType=function(e){var n=e.getAttribute("data-side"),a=e.getAttribute("data-value"),o=document.querySelector(".compare-section__mobile-".concat(n," .mobile-column")),c=document.querySelector(".compare-section__mobile-".concat(n," .phone-name"));o&&c&&(o.innerHTML=this.modelContents[a],c.textContent=e.textContent,this.reattachColorChipListeners())},e.prototype.reattachColorChipListeners=function(){var e=this;document.querySelectorAll(".colour-select").forEach((function(n){n.removeEventListener("click",e.handleClick),n.addEventListener("click",e.handleClick)}))},e.prototype.handleClick=function(e){e.preventDefault();var n=e.target.closest(".colour-chip");if(n){var a=n.closest(".compare-section__phone");if(a){var o=n.getAttribute("data-phone-type"),c=n.getAttribute("data-colour"),l="https://images.samsung.com/is/image/samsung/assets/uk/2407/smartphones/galaxy-z-fold6/compare/".concat(o,"_").concat(c,".png"),r=a.querySelector(".phone-image");r&&(r.src=l),a.querySelectorAll(".colour-chip").forEach((function(e){return e.classList.remove("chip-is-active")})),n.classList.add("chip-is-active")}}},new e}));