html body{background:#E1F8EF;font:550 14px/20px Montserrat;overflow-x: initial;interpolate-size:allow-keywords}    
    html button{cursor:pointer;font-family: 'Montserrat';color: #1a171b;}
    html:has(.modal[open]),body:has(.modal[open]) {overflow:hidden;}
    main .wrapper{max-width:1312px;padding:0 16px;margin:0 auto}
    main .wrapper > p{margin-top:-8px}
    main .mb16{margin-bottom:16px}
    main .mb24{margin-bottom:24px}
    main .fs16{font-size:16px}
    main .bold{font-weight:700}
    main .modal{  display: block;margin:0 auto;padding:24px 0;border:none;width:100%;height:100%;max-height:100%;max-width:860px;background:none;opacity:0;visibility: hidden;overflow:hidden}
    main .modal[open]{opacity:1;transition:opacity .3s ease;visibility:visible}
    main .modal::backdrop{background-color:rgba(0,0,0,0.8)}
    main .modal-content{height:100%;display:grid;grid-template-rows:125px auto}
    main .modal .head-modal{background:#00e094;padding:24px;display:flex;;position:relative}
    main .modal .close-btn{position:absolute;top:24px;right:24px;cursor:pointer;background:url('https://static.s-sfr.fr/media/RED/icones/croix-noire.svg');width:24px;height:24px}
    main .modal .title-modal{font:700 24px 'Montserrat';margin-top:auto}
    main .modal .modal-body{max-height:100%;background-color:#fff}
    main .modal iframe{height:100%;width: 100%;}
    main .tooltip{display:inline-block;position:relative;margin-left:auto;cursor:default;z-index:5}
    main .tooltip >span{position:relative;}
    main .tooltip >span:after{content:'?';display:inline-block;width:16px;height:16px;font:600 12px / 16px Montserrat;color:#fff;margin-left:4px;border-radius:100%;text-align:center;background-color:#181818;}
    main .tooltip div{min-width:200px;bottom:-10px;left:90%;transform:translate(-90%,100%);white-space:normal;padding:16px;color:#fff;font:500 12px / 140% Montserrat;position:absolute;z-index:2;background:#181818;visibility:hidden;opacity:0;transition:opacity .3s}
    main .tooltip ul{margin:4px 0 16px;}
    main .tooltip ul:last-of-type{margin-bottom: 0;}
    main .tooltip:not(.close):is(:hover,:focus-visible) div{visibility:visible;opacity:1}
    main .tooltip div i{position:absolute;top:0;right:10px;width:24px;height:12px}
    main .tooltip div i::after{content:'';position:absolute;right: 0;width:12px;height:12px;transform:translate(-50%,-50%) rotate(45deg);background-color:#181818}
    main .tooltip.white,main .mea.black .tooltip,main .mea.white-font .tooltip {color:#fff;}
    main .tooltip.white >span:after,main .mea.black .tooltip >span:after,main .mea.white-font .tooltip >span:after{color:#181818;background-color:#fff}
    main .tooltip.white div,main .mea.black .tooltip div,main .mea.white-font .tooltip div {color: #181818;background: #fff;}
    main .tooltip.white div i::after,main .mea.black .tooltip div i::after,main .mea.white-font .tooltip div i::after{background-color:#fff}
    
    @keyframes growDown {0%{transform:scaleY(0.1)}80%{transform:scaleY(1.1)}100%{transform:scaleY(1)}}
    @keyframes spin {to{transform: rotate(1turn)}}
    @keyframes measlide{0%{transform:translateX(0)}100%{transform:translateX( calc(var(--bgw) * -1))}}
    @keyframes falling-down-snow{from{transform:translateY(0)}to{transform:translateY(70%)}}	
    
    #funding{background-color:#5A55DF;color:#fff;display:flex;padding:8px 16px;justify-content:center;align-items:center;border-top: 2px solid white;}
        #funding span{background:url(https://static.s-sfr.fr/media/RED/icones/euro_white.svg) no-repeat left center;background-size:19px auto;line-height: 24px;width:fit-content;justify-self:center;padding-left:27px}
    
    #breadcrumb{margin:16px 0 0}
        #breadcrumb ul{display:flex;flex-wrap: wrap;row-gap: 8px;align-items:center;font:700 14px Montserrat;overflow:hidden}
        #breadcrumb a{font-weight:600;text-decoration:underline;vertical-align:1px}
        #breadcrumb li:not(:last-child):after{content:'';display:inline-block;width:16px;height:16px;margin:0 8px;background:url(//static.s-sfr.fr/media/RED/icones/chevron_right.svg) no-repeat center;transform:translateY(3px)}
   
    #banner{margin:40px 0 32px}
        #banner h1{font:600 40px Montserrat}
    
    #RM{margin: 16px 0 32px;}
        #RM .bloc {padding: 24px;background-color:#fff;}
        #RM .line {display:flex;justify-content: space-between;gap:24px;}
        #RM .warning-box{margin-top: 16px;border-left: 4px solid  #FF9300;background:url('https://static.s-sfr.fr/media/RED/icones/attention_alerte-orange.svg') no-repeat left 24px top 22px #FFF4E0;padding:24px 24px 24px 80px;background-size:32px;text-align:left;}
        #RM .info-box{display:none;margin-top: 16px;border-left: 4px solid  #5A55DF;background:url('https://static.s-sfr.fr/media/RED/icones/info.svg') no-repeat left 24px top 22px #EFEEFC;padding:24px 24px 24px 80px;background-size:32px;text-align:left;}
        #RM .valid-box{margin-top: 16px;border-left: 4px solid  #02C39A;background:url('https://static.s-sfr.fr/media/RED/icones/check_valider-vert.svg') no-repeat left 24px top 22px #E8F8F0;padding:24px 24px 24px 80px;background-size:32px;text-align:left;}

    #toggle{position:sticky;top:-1px;transition:.2s ease-out;z-index:5;padding:8px 0}
        #toggle:has(#without-offer:checked) ~ #devices .with-offer,#toggle:has(#with-offer:checked) ~ #devices .without-offer, #toggle:has(#without-offer:checked) ~ #devices .top .sticker.green , #devices .card:has(.bonus) .sticker.green, #toggle:has(#without-offer:checked) ~ #buyback:not(:has(.r-arrow)), main:has(#RM) .without-offer{display:none}
        #toggle .switch{display:flex;width:fit-content;position:relative;background-color:#fff;padding:3px;gap:3px;border-radius:16px;transition:.2s ease-out}
        #toggle .switch *{z-index:5}
        #toggle .switch label{display:flex;align-items:center;justify-content:center;width:130px;height:34px;text-align:center;line-height: 16px;border-radius:14px;cursor:pointer;transition:.1s ease-in}
        #toggle .switch.big :is(label,span){width:200px}
        #toggle .switch input{display:block;width:0;height:0;position:absolute}
        #toggle .switch input:focus-visible + label{outline:2px solid var(--color--black1)}
        #toggle .switch input:checked + label{font-weight:700;cursor:default}
        #toggle .switch input:first-of-type:checked ~ span{transform:translateX(0)}
        #toggle .switch input:last-of-type:checked ~ span{transform:translateX(calc(100% + 3px))}
        #toggle .switch span{position:absolute;display:flex;height:34px;width:130px;background-color:#00e094;z-index:1;border-radius:14px;transition:.2s ease-out}
        #toggle.pinned{background-color:var(--color--green1);box-shadow:0 4px 9px 0 #2222}
        
    #buyback {margin:40px 0;}
        #buyback .bloc {background:#fff;padding: 24px;display:flex;align-items:center;gap:24px}
        #buyback .title {font:700 24px/120% 'Montserrat'; margin-bottom: 8px;display:block;}
        #buyback .r-arrow {white-space:nowrap;}
        #buyback.noValue:not(:has(.r-arrow)) {display:none;}
         
    #filters{margin:32px 0 40px}
        #filters .filters{background:#fff;padding:24px;position:relative;}
        #filters .searchbar{position:relative;display:flex;max-width:330px}
        #filters .searchbar .list{top:41px;display:none;padding:0;max-height:208px;width: 100%;}
        #filters .searchbar input[aria-expanded="true"] ~ .list{display:block}
        #filters .searchbar .list li{padding:0 16px;min-height:52px;display:flex;align-items:center;cursor:pointer;position:relative}
        #filters .searchbar .list li[role='none']{pointer-events:none}
        #filters .searchbar .list li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        #filters .searchbar .list li:not(:last-child,[aria-selected="true"]):after{content:"";position:absolute;height:1px;width:calc(100% - 32px);left:16px;bottom:-1px;background-color:#70707B;z-index:1}
        #filters .searchbar .list li img{height:45px;margin-right:8px;width:auto}
        #filters .search{margin-bottom:24px}
        #filters .search label{display:inline-block;font-weight:700;margin-bottom:8px}
        #filters .search input{width:100%;padding:0 40px 0 44px;background:url(https://static.s-sfr.fr/media/RED/icones/recherche-gris.svg) no-repeat left 12px center;z-index:4;overflow:hidden;text-overflow:ellipsis;font:600 14px/38px Montserrat;border:1px solid #A0A0AB}
        #filters .search input:placeholder{color:#6E6E73}
        #filters .search input:focus{outline:0;border-color:var(--color--black1);box-shadow:inset 0 0 0 1px var(--color--black1)}
        #filters .search input.focus + button{display:block}
        #filters .search input[aria-expanded="true"] ~ .submit{display:block}
        #filters .search input[aria-expanded="true"] ~ #clearButton{display:none}
        #filters .search button{height:40px;width:40px;background:url(https://static.s-sfr.fr/media/RED/icones/croix-noire.svg) no-repeat center;background-size:16px;transition:.2s;cursor:pointer;position:absolute;z-index:4;right:0}
        #filters .search button.submit{background:#181818;font-weight:600;color:#fff;}
        #filters .search button.submit:is(:focus-visible,:hover){background-color:#6E6E73}
        #filters .dropdowns {display:flex;align-items:flex-start;column-gap: 40px;}
        #filters .dropdowns .container >div[role="group"]{display:flex;gap:8px;flex-wrap:wrap;}
        #filters .group.sort{margin-left:auto;display:flex;align-items:center;border:1px solid #A0A0AB}
        #filters .group.sort:has(:focus-visible){outline:2px solid #000;outline-offset:-2px}
        #filters .group.sort label{padding:0 5px 0 0;order:0;position:relative;left:16px;pointer-events:none;text-wrap: nowrap;}
        #filters .group.sort select{-moz-appearance:none;-webkit-appearance:none;appearance:none;text-align:left;border:none;font:550 14px / 40px Montserrat;background:url(//static.s-sfr.fr/media/RED/icones/chevron_bas-bleu.svg) no-repeat right 13px center;background-size:20px;padding:0 38px 0 87px;cursor:pointer;margin-left: -72px;}
        #filters .group.sort select:focus-visible{outline:0}
        @-moz-document url-prefix() {#filters .group.sort select {padding: 0 33px 0 115px;}}
        #filters .group{position:relative}
        #filters .group button{width:170px;padding:0 16px;text-align:left;border:1px solid #A0A0AB;font:550 14px/40px Montserrat;position:relative;transition:font-weight .1s}
        #filters .group button:after { content: ''; position: absolute; width: 20px; height: 20px; display: inline-block;right: 11px;top: 10px; background: url(//static.s-sfr.fr/media/RED/icones/chevron_bas-bleu.svg) no-repeat; background-size: 20px; }
        #filters .group button:focus-visible,#filters select:focus-visible{outline-color:#000}
        #filters .group:not(.sort-mobile):has(input:checked) button{font-weight:700}
        #filters .group button[aria-expanded="true"]:after {transform:rotate(180deg);}
        #filters .group button[aria-expanded="true"] + .list{display:flex}
        #filters .list{position:absolute;display:none;min-width:100%;flex-direction:column;z-index:3;background-color:#fff;max-height:235px;overflow:auto;padding:8px 0;box-shadow:0 4px 8px #18181829;animation:growDown .2s ease-in-out forwards;transform-origin:top center;scrollbar-width:thin;scrollbar-color:#9f9f9f #fff}
        #filters .list::-webkit-scrollbar{width:3px}
        #filters .list::-webkit-scrollbar-track{background:#fff}
        #filters .list::-webkit-scrollbar-thumb{background-color:#9f9f9f;border-radius:0}
        #filters .group .add{display:block!important;font-weight:700;text-decoration:underline;text-underline-offset:2px;order:3}
        #filters .group label{position:relative;padding:6px 16px;display:flex;align-items:center;cursor:pointer;order:1;}
        #filters .group label:has([tabindex="-1"]){opacity:.2;order:2;cursor: default;}
        #filters .group label:has([tabindex="-1"]):has(input:checked) {order:3;}
        #filters .group label:hover,#filters .searchbar .list li:hover{background:#f2f2f2}
        #filters .group label span{line-height:normal}
        #filters .group :is(#price-group,#features-group) label{white-space:nowrap}
        #filters .group label:has(:focus-visible), #filters .searchbar .list li[aria-selected="true"]{outline:2px solid blue;outline-offset:-2px}
        #filters .group input{width: 20px;min-width: 20px;height: 20px;margin-right: 8px;}
        #filters .group input:focus{outline:0}
        #filters .group input:before{content:' ';display:inline-block;text-align:center;width: 100%;height: 100%;border:1px solid #A0A0AB;vertical-align:middle;background-color:#FFF}
        #filters .group input:checked + span{font-weight:700}
        #filters .group input[type="checkbox"]:checked:before{background-color:#5A55DF}
        #filters .group input[type="checkbox"]:checked:after{content:'';position:absolute;left:23px;margin-top:3px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
        #filters .group input[type="radio"]:before{border-radius:100%}
        #filters .group input[type="radio"]:checked:before{border-color:#5A55DF}
        #filters .group input[type="radio"]:checked:after{content:'';position:absolute;left:20px;transform:translateY(4px);width:12px;height:12px;background-color:#5A55DF;border-radius:100%}
        #filters .active-filters{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s ease-out}
        #filters .active-filters:has(button){grid-template-rows:1fr;visibility:visible;}
        #filters .active-filters .container{overflow:hidden}
        #filters .active-filters .container >div{margin-top:24px;display:flex;align-items:center}
        #filters .active-filters .results{margin-left:auto;padding-left:24px;white-space:nowrap;position:relative;}
        #filters .active-filters .results.spinner{content:'';}
        #filters .active-filters .results.spinner:before{content:'';position:absolute;width:20px;height:20px;padding:3px;left:-2px;aspect-ratio:1;border-radius:50%;background:#5A55DF;--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:spin 1s infinite linear}
        #filters .active-filters .buttons{display:flex;flex-wrap: wrap;gap:8px;padding: 1px;}
        #filters .active-filters .buttons button{display:inline-block;font:700 14px/32px Montserrat;max-width: 400px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background:url(//static.s-sfr.fr/media/RED/icones/white-cross.svg) no-repeat #131316 right 16px center;transition:.2s;background-size:16px;color:#fff;padding:0 48px 0 16px;border-radius:20px}
        #filters .active-filters .buttons button:is(:hover,:focus-visible){background-color:#6E6E73}
        #filters #filter-show{display:none;border: 1px solid #131316;border-radius:4px;font:600 14px/34px 'Montserrat';padding: 0 40px 0 16px;background:url('https://static.s-sfr.fr/media/RED/icones/filtre-black.svg') no-repeat center right 16px;background-size:16px;margin-left: auto;margin-top: 4px;}
        
    #devices{margin:40px 0 80px}
        #devices .list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px}
        #devices .list > li{position:relative;background:#fff;padding:24px 16px;display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:16px}
        #devices .list > li[hidden]{display:none;}
        #devices .list > li:has(:hover,:focus-visible) .visual img{transform:scale(1.1)}
        #devices .list:has(#MEA-bis) :is(#MEA,#MEA-custom){display:none;}
        #devices .list:has(#MEA-custom.show) #MEA, #devices .list:has(#MEA-custom.show) #MEA-bis{display:none;}
        #devices .list:has(#MEA) #MEA-custom{display:none;}
        #devices .list:has(#MEA) #MEA-custom.show{display:flex;}
        #devices .list .mea{background-color:#F2F2F2;padding:0;display:flex;flex-direction: column;row-gap: normal}
        #devices .list .mea:has(#anim-input:checked){&::before,&::after,.visuel::before,.visuel::after{animation-play-state:paused}}
        #devices .list .mea .stop-anim{position:absolute;right:16px;top:0;z-index: 2;}
        #devices .list .mea .stop-anim label {display: block;height:24px;width:24px;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect width='24' height='24' /><rect x='7.5' y='6' width='3' height='12' fill='%23fff'/><rect x='13.5' y='6' width='3' height='12' fill='%23fff'/></svg>");cursor: pointer;}
        #devices .list .mea .stop-anim input:checked + label {background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect width='24' height='24' /><polygon points='7,6 17,12 7,18' fill='%23fff'/></svg>")}
        #devices .list .mea .stop-anim input:focus-visible + label {outline: 2px solid #000;outline-offset: 2px;}
        #devices .list .mea .big{font-size:16px;line-height:normal;}
        #devices .list .mea .small{font-size:12px;line-height:normal;}
        #devices .list .mea.white{background-color:#fff;}
        #devices .list .mea.green{background-color:#00E094;}
        #devices .list .mea.black{background-color:#000;color:#fff;}
        #devices .list .mea.white-font{color:#fff;}
        #devices .list .mea .content{z-index: 2;padding:16px;position}
        #devices .list .mea .content > .tooltip div{width:230px;transform:translateY(100%);left:auto;right:-14px}
        #devices .list .mea .sticker{margin-bottom:24px;padding:2px 8px;font-size:12px;display:block;width:fit-content;color:#fff;background-color:#5A55DF;text-align:left}
        #devices .list .mea .sticker.yellow{background-color:#FFCD00;color:#1a171b;}
        #devices .list .mea .sticker.green{background-color:#00e094;color:#1a171b;}
        #devices .list .mea .sticker.black {background-color: #1a171b;color: #fff;}
        #devices .list .mea .legal-info {margin-top: 16px;font-size:12px;position:relative;z-index: 4;}
        #devices .list .mea .title{font-size:24px;font-weight:700;line-height:normal;margin-bottom:16px}
        #devices .list .mea .title img {display:block;max-width:258px;}
        #devices .list .mea:has(.price) .title:has(+ p) {margin-bottom: 0}
        #devices .list .mea .price{line-height:normal;position:relative}
        #devices .list .mea .price .bold{font-size:32px;line-height:32px}
        #devices .list .mea .price .highlight{color:#5A55DF;}
        #devices .list .mea.black .price .highlight{color:#8793F2;}
        #devices .list .mea .price small{font-size:14px;line-height:normal}
        #devices .list .mea .price .s{position:relative;text-decoration:line-through;}
        #devices .list .mea .price .s:after{content:'*';position:absolute;top:0;font-size:16px;font-weight:600}
        #devices .list .mea .r-but{margin:24px 0;display:block;text-align:center;}
        #devices .list .mea.black .r-but,#devices .list .mea.white-font .r-but{background-color:#fff;color:#1a171b;}
        #devices .list .mea.black .r-but:hover,#devices .list .mea.white-font .r-but:hover{background-color:#D1D1D6;}
        #devices .list .mea .r-but:after{content:'';display:block;position:absolute;inset:0;z-index:1}
        #devices .list .mea .legal-info{display:flex;align-items:center}
        #devices .list .mea:has(.s) .conditions {display:initial;font-size:12px;}
        #devices .list .mea .visuel{margin-top:auto;z-index: 1;position:relative;overflow: hidden;}
        #devices .list .mea .visuel img{width:100%;display: block;margin:0 auto;z-index: 1;position: relative;}
        #devices .top{align-content:flex-start}
        #devices .top .colors{position:absolute;left:-20px;top:50%;transform:translateY(-50%);display:grid;gap:8px;border:none;margin:0;padding:20px;z-index:2} 
        #devices .top .colors label{border:1px solid #70707B;width:16px;height:16px;border-radius:100%;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;}
        #devices .top .colors label:before{content:"";position:absolute;width:calc(100% + 10px);aspect-ratio:1 / 1;border-radius:50%;}
        #devices .top .colors label.unavailable:after{content:"";position:absolute;border-top:2px solid #131316;width:calc(100% + 10px);left:50%;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg)}
        #devices .top .colors input {position:absolute;}
        #devices .top .colors input:not(.close):focus-visible + label span{position:absolute;display:block;line-height: 28px;color:#fff;background:#131316;padding: 0 8px;left: calc(100% + 14px);white-space:nowrap;width:auto;height:auto;clip:initial;}
        #devices .top .colors input:checked + label{cursor:default;}
        #devices .top .colors input:checked + label:before{outline: 2px solid #5A55DF;outline-offset: -2px;}
        #devices .top .colors input:focus-visible  + label:before{outline-color:#000;}
        #devices .top .visual{position:relative;display:flex;align-items:center;justify-content:center}
        #devices .top .visual img{height:185px;width: auto;transition:.2s ease-out}
        #devices .top .network{background:url(https://static.s-sfr.fr/media/RED/icones/5g.svg) center no-repeat;position:absolute;top:0;right:0;width:24px;height:24px;background-size:32px;}
        #devices .top .stickers{display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px;}
        #devices .top .stickers:has(> *) { margin-top: 16px;}
        #devices .top .sticker{padding:2px 8px;color:#fff;font-size:12px;background-color:#5A55DF;width:fit-content;height:fit-content;}
        #devices .top .sticker.green{background-color:#067647;}
        #devices .top .sticker.green2{background-color:#75E0A7;color:#131316;}
        #devices .top .sticker.j{background-color:var(--c-fg-sticker-event);color:var(--c-t-constant-white)}
        #devices .top .sticker.n{background-color:var(--c-fg-sticker-info);color:var(--c-t-secondary)}
        #devices .top .sticker.r{background-color:var(--c-bg-page-brand);color:var(--c-t-primary-2)}
        #devices .middle{display:flex;flex-direction:column;justify-content:space-between}
        #devices .middle a b{font-size:24px;line-height:120%;display:block}
        #devices .middle a:after{content:'';display:block;position:absolute;inset:0;z-index:1}
        #devices .middle .rating{margin-top:auto;padding-top:8px;display:flex;align-items:center}
        #devices .middle .rating .stars{width:80px;height:20px;background:url(https://static.s-sfr.fr/media/EmptyStars.svg) no-repeat center center;margin:0 8px 0 4px}
        #devices .middle .rating mark{height:20px;background:url(https://static.s-sfr.fr/media/FullStars.svg) no-repeat left top;background-size:80px 20px;display:block}
        #devices .middle .storage{display:flex;position:relative;z-index:2;align-items:center;margin:16px 0 0;padding:0;border:1px solid #A0A0AB}
        #devices .middle .storage input{display:block;position:absolute;opacity:0}
        #devices .middle .storage input:focus-visible + label{outline:0;box-shadow:inset 0 0 0 5px #000}
        #devices .middle .storage label{line-height:48px;width:100%;text-align:center;position:relative;cursor:pointer}
        #devices .middle .storage label:not(:last-child){border-right:1px solid #A0A0AB}
        #devices .middle .storage input:checked + label{cursor:default;font-weight:700}
        #devices .middle .storage input:checked + label:before{content:"";position:absolute;top:-1px;left:-1px;display:block;width:calc(100% + 2px);height:calc(100% + 2px);border:3px solid #00e094;z-index:1}
        #devices .middle .storage input:checked + label:after{content:"";position:absolute;top:0;right:0;display:block;width:28px;height:28px;background:url(//static.s-sfr.fr/media/red-icon-check-triangle-2.svg) no-repeat center;background-size:28px}
        #devices .bottom .price{line-height:normal}
        #devices .bottom.priceFrom .price:before {content: 'à partir de';display: block;}
        #devices .bottom .price .bold{font-size:32px;line-height: 32px;}
        #devices .bottom .price .refunded{font-size:14px;line-height: 140%}
        #devices .bottom .price .refunded b{font-size:24px;line-height: 120%}
        #devices .bottom .price small{font-size:14px}
        #devices .bottom .price .s{position:relative;text-decoration:line-through;}
        #devices .bottom .price .s:after{content:'*';position:absolute;top:0;color:#5A55DF;font-size:16px;font-weight:600}
        #devices .bottom .discount{margin-top:16px}
        #devices .bottom .discount p{color:#5A55DF;font-weight:700}
        #devices .bottom .discount > ul{display:grid;gap:8px;margin-top:8px}
        main:has(#buyback) #devices .bottom .discount li{padding-left: 24px;background:url('https://static.s-sfr.fr/media/RED/icones/etiquette-black.svg') no-repeat left center; background-size:20px;line-height: 140%;}
        main:has(#buyback) #devices .bottom .discount li.odr{background-image:url('https://static.s-sfr.fr/media/RED/icones/tirelire-black.svg');}
        main:has(#buyback) #devices .bottom .discount li.buyback{background-image:url(https://static.s-sfr.fr/media/RED/icones/phone_reprise_mobile-black.svg);margin:0;display:grid;grid-template-columns:180px auto;align-items:center;justify-content: start;}
        main:has(#buyback) #devices .bottom .discount li.buyback .tooltip{z-index: 1;}
        main:has(#buyback) #devices .bottom .discount li.buyback div{left:0;min-width:230px;text-align:left;bottom:auto;top:-10px;transform:translate(-87%,-100%)}
        main:has(#buyback) #devices .bottom .discount li.buyback div i{right:5px;top: 100%;}
        #devices .bottom .discount .tooltip >span {margin: 0;}
        #devices .bottom .discount .tooltip li{position:relative}
        #devices .bottom .discount .tooltip li:before{content:'\2022';position:absolute;left:8px;top:0}
        #devices .list .info-box{border-left:4px solid #5A55DF;background:url(https://static.s-sfr.fr/media/RED/icones/info.svg) no-repeat left 24px top 22px #EFEEFC;padding:24px 24px 24px 80px;background-size:32px;text-align:left;display:inline-block;grid-template:none;grid-column:1 / 5;height:fit-content}
        #devices .list:has(.mea) .info-box{grid-column:2 / 5;grid-template:none}
        #devices .list .info-box strong{display:block;font-size:16px}
        
    #FAQ{padding:80px 0;background:#fff}
        #FAQ h2{font-size:32px;margin-bottom:40px;}
        #FAQ h3{font-size:16px;pointer-events:none}
        #FAQ .list > li{border-top:solid 1px #70707B}
        #FAQ li .accordion-content div{display:grid;gap:16px}
        #FAQ li .accordion-content div > :last-child{margin-bottom:24px}
        #FAQ .list >li button{padding:24px 0;width:100%;font-weight:700;text-align:left}
        #FAQ .list >li button:after{margin-left:auto}
        #FAQ .list >li div:after{margin-left:auto;padding-left:8px}
        #FAQ .accordion-content {display: grid;grid-template-rows: 0fr; transition: grid-template-rows .2s ease-out;}
        #FAQ .accordion-content ul{padding-left: 20px;}
        #FAQ .accordion-content li{list-style-type:disc;}
        #FAQ .accordion-content a{text-decoration:underline;}
        #FAQ .accordion-content .columns {columns: 2;}
        #FAQ .accordion-content[aria-hidden="false"] { grid-template-rows: 1fr; }
        #FAQ .accordion-content > div, main .accordion-content > ul{overflow:hidden;}
        #FAQ .accordion-trigger {font:600 16px 'Montserrat'; display:flex;align-items:center;position:relative;cursor:pointer; }
        #FAQ .accordion-trigger:after { content: ''; width: 24px; height: 24px; display:inline-block; background: url(https://static.s-sfr.fr/media/RED/icones/chevron_haut-black.svg) no-repeat center; background-size: 24px; }
        #FAQ .accordion-trigger[aria-expanded="false"]:after { transform:rotate(180deg); }
        #FAQ .accordion-content[aria-hidden="true"] a{visibility:hidden;}
        
   #ML{border-top:1px solid #D2D2D2;text-align:center;padding:24px 0;background-color:#fff;}
        #ML details{text-align:center}
        #ML summary{position:relative;display:inline-block;color:#1a171b;cursor:pointer;font:700 16px 'Montserrat',sans-serif;list-style:none;text-align:center;width:fit-content}
        #ML summary::-webkit-details-marker{display:none}
        #ML summary::marker{display:none}
        #ML summary:after{content:'';width:24px;height:24px;position:absolute;right:-24px;top:-3px;background:url(https://static.s-sfr.fr/media/RED/icones/chevron_bas-black.svg) no-repeat center;background-size:24px;}
        #ML details[open] summary:after{transform:rotate(180deg)}
        #ML .content{color:#181818;font:550 14px 'Montserrat',sans-serif;text-align:left;margin-top:10px}
        #ML .content p{margin:20px 0}
        #ML .content .underline{text-decoration:underline}
        #ML .title{text-decoration:underline;font-size:16px;margin-bottom: 16px;display:block;}
        
   #eTav {overflow-x: hidden;}
    
    @media (max-width:1200px) {
        #filters .group button{width:165px}
        #devices .list{grid-template-columns:1fr 1fr 1fr}
        #devices .list .info-box {grid-column: 1/4;}
        #devices .list:has(.mea) .info-box {grid-column: 2/4;}
    }
    
    @media (max-width:1023px) {
        html.filters-fullscreen #toggle,
        html.filters-fullscreen #devices,
        html.filters-fullscreen #breadcrumb,
        html.filters-fullscreen #banner,
        html.filters-fullscreen #buyback {visibility: hidden;}
        html.filters-fullscreen,html.filters-fullscreen body{overflow:hidden;overscroll-behavior: contain;}
        html.filters-fullscreen #filters {z-index: 99999;}
        html.filters-fullscreen #filters .dropdowns{transform:translateY(0)}
        html.filters-fullscreen #filters .mobile-layer{visibility:visible;opacity:1}
        html.filters-fullscreen #devices{overflow:hidden}
        html:not(.filters-fullscreen) #filters .dropdowns :is(input,button){display:none;}
        main .modal{padding:16px}
        main .modal-content{grid-template-rows:110px auto}
        main .modal .head-modal{padding:16px}
        main .modal .close-btn{top:16px;right:16px}
        main  .modal .title-modal{font-size:18px;}
        #funding span{line-height: 140%;}
        #RM{margin: 16px 0 0;}
        #RM .bloc {padding: 16px;}
        #RM .line {flex-direction: column;}
        #RM .r-arrow{align-self: center;}
        #RM .info-box{display:block;}
        #RM .warning-box, #RM .info-box,#RM .valid-box, #devices .list .info-box{padding: 64px 16px 16px;background-position: 16px 16px;}
        #buyback  {margin:24px 0;}
        #buyback .bloc {padding: 16px;flex-direction:column;align-items:start;}
        #buyback img{height: 64px;width:auto;}
        #buyback .title {font-size:18px;margin-bottom: 4px;}
        #buyback .bloc button {width: 100%;margin: 0;}
        #devices {margin: 24px 0 40px;}
        #devices .list{grid-template-columns:1fr 1fr}
        #devices .list .info-box{grid-column:1/3}
        #devices .list:has(.mea) .info-box{grid-column:2/3}
        #devices .list .mea .legal-info {z-index: 3;}
        #toggle{padding:16px 0;max-height:72px;transition: .1s;overflow:hidden}
        #toggle .switch{width:auto}
        #toggle .switch.big :is(label,span){height:40px;}
        #toggle .switch label, #toggle .switch.big label{width:50%}
        #toggle .switch span, #toggle .switch.big span{width:calc(50% - 5px)}
        #toggle.pinned {background-color: #fff;box-shadow: none;}
        #toggle.pinned + #filters {box-shadow:0 2px 9px 0 #2222;}
        #toggle.pinned .switch{background-color:#E1F8EF}
        #filters{margin:8px 0 24px;z-index: 4;position:sticky;top:-35px;}
        #filters .wrapper{background: #fff;max-width:none;}
        #filters.rm{top:-96px}
        #filters.rm .wrapper{box-shadow:0 2px 9px 0 #2222;}
        #filters:not(.rm) .wrapper{padding:0;}
        #filters .filters{padding:16px;}
        #filters .searchbar{max-width:none;width:100%;}
        #filters .search input{font-size:16px}
        #filters .group {display: grid;grid-template-rows: 41px 0fr;overflow: hidden;transition: grid-template-rows .2s ease-out;}
        #filters .group:has(button[aria-expanded="true"]) {grid-template-rows: 41px 1fr;}
        #filters .group.sort-mobile{grid-template-rows:auto 1fr;align-items:center;gap:8px}
        #filters .group label:hover, #filters .searchbar .list li:hover {background: initial;}
        #filters .group button[aria-expanded="true"] + .list{max-height:none;}
        #filters .group:not(.sort-mobile) button[aria-expanded="false"] + .list input{display:none}
        #filters .group button{width:100%;height:fit-content;border-width:1px 0 0;padding-left:0;}
        #filters .group button:focus-visible{outline-offset: -1px;}
        #filters .dropdowns{position:fixed;transform:translateY(101%);transition:transform .3s ease;overflow:auto;scroll-behavior: smooth;bottom:0;top:40px;background:#fff;z-index:100000;left:0;right:0;padding:0 16px}
        #filters .dropdowns .list{position:relative;display:flex;box-shadow:none;overflow:hidden;padding:0;max-height: none;animation:none;}
        #filters .dropdowns .container{display:grid;width:100%;margin-top:55px;padding-top:16px;max-height:calc(100dvh - 218px);overflow:auto}
        #filters .dropdowns .container >div[role="group"]{display:grid;}
        #filters #filter-show{display:block}
        #filters .active-filters .container >div{display:none;}
        #filters .active-filters .results{display:none}
        #filters .mobile-top{display:block;font:700 18px/55px Montserrat;background:url(//static.s-sfr.fr/media/RED/icones/croix-noire.svg) no-repeat right 16px center #fff;background-size:24px;position:fixed;top:0;left:0;right:0;z-index:5;text-align:center;border-bottom:1px solid #70707B}
        #filters .mobile-top:focus-visible{outline:0;}
        #filters .mobile-top:focus-visible:after{content:'';width:28px;height:28px;border:2px solid;position:absolute;right:14px;top:50%;transform:translateY(-50%)}
        #filters .mobile-bottom{display:block;position:fixed;padding:16px 16px 24px;background:#fff;bottom:0;left:0;right:0;z-index:5;text-align:center;border-top:1px solid #70707B}
        #filters .mobile-bottom .r-but{margin-top:16px;width:100%}
        #filters .mobile-layer{background:#13131680;position:fixed;top:0;bottom:0;right:0;left:0;display:block;z-index:99999;visibility:hidden;opacity:0;transition:opacity .3s ease}
        #filters .group.sort-mobile button:after{content:none;}
        #filters .group.sort{display:none}
        #filters .group label{padding:6px 0}
        #filters .group input[type="checkbox"]:checked:after{left:7px}
        #filters .group input[type="radio"]:checked:after{left:4px}
        #devices .list > li:has(:hover,:focus-visible) .visual img{transform:none;displa}
        #FAQ h2{font-size:24px;margin-bottom:24px;}
        #FAQ{padding:40px 0;}
    }

    @media (max-width:767px) {
        main .wrapper {max-width: 518px;}
        #breadcrumb li:not(:last-child):after{margin:0 4px}
        #banner{margin:24px 0 8px}
        #banner h1{font-size:32px}
        #filters .filters {max-width: 486px;margin: 0 auto;}
        #devices .list {grid-template-columns: minmax(auto, 486px);justify-content: center;gap: 16px;}
        #devices .list .info-box { grid-column: 1 / 2 !important;order: -1;}
    }
    
   /* **************** temporaire ******************/
     
    /* MEA blackfriday & Cybermonday  */
    #devices .mea .anim{position:absolute;overflow:hidden;width:750px;height:183px;display:grid;gap:8px;bottom:35px}
    #devices .mea .bg{width:100%;height:24px;background-repeat:repeat-x;background-size:auto 24px;z-index:-1}
    #devices .mea.blackfriday .bg{background-image:url("https://static.s-sfr.fr/media/RED/MEA/font-blackfriday.svg");--bgw: 236px;}
    #devices .mea.cybermonday .bg{background-image:url("https://static.s-sfr.fr/media/RED/MEA/font-cybermonday.svg");--bgw: 266px;}
    #devices .mea .bg1{animation:measlide 20s linear infinite;background-position:left center}
    #devices .mea .bg2{animation:measlide 10s linear infinite;background-position:20px center}
    #devices .mea .bg3{animation:measlide 22s linear infinite;background-position:left center}
    #devices .mea .bg4{animation:measlide 16s linear infinite;background-position:100px center}
    #devices .mea .bg5{animation:measlide 20s linear infinite;background-position:left center}
    #devices .mea .bg6{animation:measlide 13s linear infinite;background-position:200px center}
    @media(max-width:1023px){
        #devices .mea .anim{height:151px;bottom: 15%;}
    }
    
    #devices .list .mea.xmas{background-color:#00e094}
    #devices .list .mea.xmas .visuel{position:relative;background-color:#00e094}
    #devices .list .mea.xmas .visuel::before,#devices .list .mea.xmas .visuel::after{content:'';display:block;position:absolute;background-image:url(https://static.s-sfr.fr/media/RED/snow-ball-anim.webp);background-repeat:no-repeat;background-size:500px 532px; pointer-events:none}
    #devices .list .mea.xmas .visuel::before{width:101px; height:350px;left:-20px;top:-135px; transform:scale(0.87);transform-origin:top left; animation:snowLeft 3s steps(1) infinite}
    #devices .list .mea.xmas .visuel::after{width:86px;height:261px;right:-34px;top:-86px; transform:scale(1.325);transform-origin:top right; animation:snowRight 3s steps(1) infinite}
     
    @media (max-width:1023px){
        #devices .list .mea.xmas .visuel::before{left:-24px;top:-148px;}
        #devices .list .mea.xmas .visuel::after{right:-34px;top:-131px;}
    }
    
     /* MEA animation neige */
    #devices{.list{.mea.snow{overflow:hidden;background-color:#00e094;&:before,&:after{content:"";position:absolute;top:-2000%;bottom:0;right:0;left:0;background-image:url(https://static.s-sfr.fr/media/RED/bg-snow-small.webp);animation:falling-down-snow 50s linear infinite}
    &:before{top:-1500%;animation-duration:200s}
    &:after{top:-1000%;background-image:url(https://static.s-sfr.fr/media/RED/bg-snow-large.webp);animation-duration:100s}
    .visuel{background:url(https://static.s-sfr.fr/media/RED/montagne-bg.webp) no-repeat center bottom;background-size:100%}}}}


   /* iPhone 18*/
    #devices .list .mea.iphone-18{text-align:center;background:#f5f5f7; padding-top: 16px;}
    #devices .list .mea img.logo{width:auto}

    #devices .list .mea.iphone-18 .visuel {position:initial;display: inline-grid;}
    #devices .list .mea.iphone-18 picture img{width:100%;margin-top:16px;max-width:180px;z-index: 0;}
    #devices .list .mea.iphone-18 p{position:relative;z-index:2}
    #devices .list .mea.iphone-18 .buttons{max-width:165px;width:100%;display:flex;flex-direction:column;justify-content:center;margin: 24px auto 40px;gap:16px}
    #devices .list .mea.iphone-18 .buttons a{border:2px solid #000;background:none;border-radius:45px;font:normal 16px / 36px verdana,Montserrat;text-transform:none;transition:.3s ease;margin:0 auto;width:100%}
    #devices .list .mea.iphone-18 .buttons a:is(:hover,:focus-visible){color:#fff;background:#000}
/*    #devices .list .mea.iphone-18 .buttons a:after{content:'';display:block;position:absolute;inset:0;z-index:1}
*/    #devices .list .mea.iphone-18 .tooltip{position:absolute;bottom:8px;right:8px;font-size:12px;}
    #devices .list .mea.iphone-18 .energy{position:absolute;bottom:8px;left:8px}
    #devices .list .mea.iphone-18 .legal{font-size:16px;}
    
    @media (max-width:767px){

   
    }