/* Base */
html, body {overflow-x: initial!important;scroll-behavior: initial;}

/* Utilitaires */
main .wrapper{max-width:1312px;margin-left:auto;margin-right:auto;padding:0 16px;}
main .bloc{background:#fff;padding:24px}
main .mt4{margin-top:4px}
main .mt8{margin-top:8px}
main .mt16{margin-top:16px}
main .mt24{margin-top:24px}
main .mb4{margin-bottom:4px}
main .mb8{margin-bottom:8px}
main .mb16{margin-bottom:16px}
main .mb24{margin-bottom:24px}
main .section-spacing{margin:80px 0}
main .capitalize{display:inline-block;text-transform:lowercase}
main .capitalize:first-letter{text-transform:uppercase}
main :is(.wrapper,section) > h2{margin-bottom: 40px;}
main .stickers{gap:8px;display: flex;flex-wrap: wrap;}
main .stickers:has(> span:empty:only-child) {display: none;}
main .stickers .sticker{white-space-collapse: preserve;}
main :is(.sticker.purple,.sticker.j){background-color:var(--c-fg-sticker-event);color:var(--c-t-constant-white)}
main :is(.sticker.black,.sticker.n){background-color:var(--c-fg-sticker-info);color:var(--c-t-secondary)}
main :is(.sticker.green,.sticker.r){background-color:var(--c-bg-page-brand);color:var(--c-t-primary-2)}
main .button-1:focus-visible{outline:3px solid #00e094;outline-offset:-1px;background-color: var(--c-bg-cta-black-hover) }
main :is(.button-2,.button-3,.label-1):focus-visible{outline:3px solid #000;outline-offset:-1px}
main :is(summary,select,button):focus-visible{outline:2px solid #000;}
main .button-3 {white-space:nowrap;white-space-collapse: preserve;}
main [hidden]{display:none!important}
main div:not(:has(*)){display:none!important;}
main h3{margin-bottom: 8px;}
main p a{text-decoration:underline;}

/* Prix */
main .product-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}
main .product-price .old-price{text-decoration:line-through}
main .product-price .refund{white-space:nowrap}

/* Étoiles */
main .stars{display:inline-block;width:80px;height:13px;background:url(https://static.s-sfr.fr/media/EmptyStars.svg) no-repeat left top;background-size:80px 13px}
main .stars span{display:block;height:13px;background:url(https://static.s-sfr.fr/media/FullStars.svg) no-repeat left top;background-size:80px 13px}

/* Tooltip */
main .tooltip{position:relative;display:inline-flex;width:18px;min-width:18px;height:18px;background:url('https://static.s-sfr.fr/media/RED/icones/aide-black.svg') no-repeat;background-size:18px;vertical-align:sub;cursor:default;}
main .tooltip.esc:hover::details-content{content-visibility:hidden}
main .tooltip.esc:hover:after{content:none}
main .tooltip:hover::details-content{content-visibility:visible}
main .tooltip:hover:before{content:"";position:absolute;top:0;width:30px;height:30px;left:50%;transform:translateX(-50%)}
main .tooltip summary{width:100%;height:100%;position:relative;}
main .tooltip span{opacity:0}
main .tooltip[open]:after,main .tooltip:hover:after{content:"";position:absolute;bottom:-14px;left:calc(50% - 4px);display:inline-block;width:9px;height:9px;background:#131316;transform:rotate(45deg)}
main .tooltip div{position:absolute;z-index:2;left:-50%;top:27px;width:320px;padding:16px;background:#131316;color:#fff;font:500 14px/140% 'Montserrat';transform:translateX(-50%)}
main .tooltip ul{display: grid;gap: 4px;list-style-type: disc;padding-left: 16px;font-size: 12px}
main .tooltip a{text-decoration: underline;}
main .tooltip a:hover {color: #D1D1D6;}
main .tooltip > summary span{opacity:0}
main .tooltip.top[open]:after,main .tooltip.top:hover:after{top:-14px;}
main .tooltip.top div{bottom:27px;top:auto;}
main .tooltip.left div{left:auto;right:-10px;transform: none;}
main .tooltip.right div{left:-10px;transform: none;}

/* Modales */
main .modal{margin:auto;display: none;}
main .modal:has(iframe) {height: 100%;}
main .modal:has(iframe) .content {padding: 0;grid-auto-rows: initial}
main .modal:has(iframe) :is(.w,iframe){width: 100%;height: 100%;}
main :is(.modal[open],.modal.opened){display: flex;}
main .modal .modal-list{display:grid;gap:16px;    text-wrap: pretty;}
main .modal .modal-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;position: relative;}
main .modal .advantages{display:grid;gap:24px}
main .modal .advantages-product{display:grid;gap:8px}
main .modal .advantages-section{display:grid;gap:24px;padding-top:24px;border-top:1px solid #70707B}
main .modal .advantages-section .modal-list li:before{content:'';flex:none;width:24px;height:24px;background:no-repeat center/24px 24px}
main .modal .advantages-section .modal-list li.label:before{background-image:url('https://static.s-sfr.fr/media/RED/icones/etiquette-black.svg')}
main .modal .advantages-section .modal-list li.odr:before{background-image:url('https://static.s-sfr.fr/media/RED/icones/tirelire-black.svg')}
main .modal .advantages-section .modal-list li.gift:before{background-image:url('https://static.s-sfr.fr/media/RED/icones/cadeau-black.svg')}
main .modal .advantages-section .modal-list li.buyback:before{background-image:url('https://static.s-sfr.fr/media/RED/icones/phone_reprise_mobile-black.svg')}
main .modal .advantages-section .modal-list li > p{flex:1;min-width:180px;}
main .modal .advantages-section .modal-list li > p span{font-weight:550}
main .modal .energy-download{justify-self:end}
main .modal .payment table :is(th,td){text-align:left;font-weight:700;}
main .modal .payment table td span{display:block;margin-top: 4px;font-weight:550;}
main .modal table tr:first-child td {border-top: none;}

/* Affichage conditionnel */
main:has(#withoutOffer:checked) .withOfferContent { display: none; }
main:has(#withoutOffer:not(:checked)) .withoutOfferContent { display: none; }
main:has(#withoutOffer:checked) .advantages-section:not(:has(.modal-list > li:not(.withOfferContent))){display:none}
main:has(#withoutOffer:not(:checked)) .advantages-section:not(:has(.modal-list > li:not(.withoutOfferContent))){display:none}
main:has([data-out-of-stock]) .stock-alert{display:grid!important}
main:has([data-out-of-stock]) :is(.plan-selection,.trade-in,.payment-options,.power-adapter .push,.anchor-acc,#accessories, #device > .wrapper > .main-content > .order-cta){display:none!important;}
/* #banner-top */
#banner-top  {padding: 0;margin-top: 2px;}
#banner-top .banner {display:grid;grid-template-columns:auto auto;align-items:center;gap:8px;background:var(--c-fg-sticker-event);justify-content:center;padding: 8px 16px;color:#fff;}
#banner-top .banner span {line-height:24px;}
#banner-top .banner button {text-decoration:underline;}

/* #breadcrumb */
#breadcrumb{margin:16px 0}
#breadcrumb ul{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;overflow:hidden;font:700 14px Montserrat}
#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)}

/* #top */
#top{margin:40px 0}
#top .wrapper{display:grid;gap:16px}
#top h1{margin:0}
#top h1 .capitalize{display: block!important}
#top h1 span{display:flex;font-size:14px;line-height:140%}
#top .rating{display:inline-flex;align-items:center;gap:4px}
#top .rating a{margin-left:4px;text-decoration:underline}

/* #device : galerie */
#device .product-gallery .bloc{display:grid;gap:24px;justify-items:center;position: sticky;top: 8px}
#device .carousel-container{display:grid;gap:24px;width:calc(100% + 48px)}
#device .carousel-container > :is(.carousel,.carousel-arrows){grid-area:1 / 1}
#device .carousel-container:not(:has(.carousel > li:nth-child(2))) .carousel-arrows{ display: none; }
#device .carousel{display:flex;align-items:flex-start;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}
#device .carousel::-webkit-scrollbar{display:none}
#device .carousel > li{min-width:100%;scroll-snap-align:center}
#device .carousel img{display:block;width: auto;margin:0 auto;user-select: none}
#device .carousel-arrows{z-index:1;display:flex;justify-content:space-between;align-self:center;pointer-events:none;max-width:496px;width:90%;justify-self:center}
#device .carousel-arrows button{width:24px;height:24px;background:url(https://static.s-sfr.fr/media/RED/icones/fleche_droite-blanc.svg) var(--c-bg-cta-black-default) no-repeat center;background-size:16px;cursor:pointer;pointer-events:auto;transition:.2s;transform:rotate(180deg)}
#device .carousel-arrows button:nth-child(2){transform:rotate(0)}
#device .carousel-arrows button[disabled]{visibility:hidden}
#device .carousel-arrows button:hover{background-color:var(--c-bg-cta-black-hover)}
#device .carousel-arrows button:focus-visible{outline: 3px solid #00e094;outline-offset: 0px;background-color: var(--c-bg-cta-black-hover);}
#device .carousel-arrows button:before{content:'';width:40px;height:40px;inset:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#device .carousel-vignette{justify-content:center;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,40px);width:100%;gap:16px 24px}
#device .carousel-vignette button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:4px;background:#fff;border:1px solid #70707B;cursor:pointer;transition:border-color .2s}
#device .carousel-vignette button:hover{border-color:#131316}
#device .carousel-vignette button[aria-current]{padding:3px;border:2px solid #5A55DF;cursor:default}
#device .carousel-vignette button:focus-visible{outline:3px solid #00e094;outline-offset:1px}
#device .carousel-vignette img{display:block;width:100%;height:auto}

/* #device : caractéristiques principales */
#device .main-specs{display:grid;gap:24px;width:100%;max-width:496px;text-align:center}
#device .main-specs ul{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
#device .main-specs ul:not(:has(li:nth-child(2))){grid-template-columns:1fr}
#device .main-specs ul:has(li:nth-child(2)):not(:has(li:nth-child(3))){grid-template-columns:repeat(2,1fr)}
#device .main-specs ul:has(li:nth-child(3)):not(:has(li:nth-child(4))){grid-template-columns:repeat(3,1fr)}
#device .main-specs li{display:grid;gap:8px;justify-items:center;font:600 14px/140% Montserrat}
#device .main-specs a{text-decoration:underline}
#device .label-1{display:inline-flex;align-items:center;padding-right: 40px;height: 40px;background:url(https://static.s-sfr.fr/media/RED/icones/fleche_bas-black.svg) no-repeat right 16px center;background-size:16px;white-space: nowrap;width: fit-content;}

/* #device : structure */
#device{margin:40px 0}
#device > .wrapper{display:grid;grid-template-columns:1fr minmax(550px,1fr);gap:40px;align-items: stretch;}
#device .main-content .group-content{display:grid;gap:24px;margin: 40px 0;position: relative;}
#device .main-content > :is(.button-1,.button-2){margin: 0 auto;display: flex;width: fit-content;}
#device small{display:block;color:#70707B;font-size:12px}

/* #device : ligne et client */
#device .line-summary {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom: 24px;}
#device .line-summary p{display:flex;align-items:center;gap:8px;line-height: 20px;flex-wrap: wrap;}
#device .customer{margin-bottom: 24px;}
#device .customer .button-2{width:100%}

/* #device : bloc produit */
#device .product-overview{position:sticky;top:-1px;z-index:3;transition:box-shadow .2s, margin .2s;}
#device .product-overview:before{content:'';height:9px;background:#E1F8EF;display:block;margin-top:-8px}
#device .product-overview.pinned .product{box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.04);}
#device .pin-sentinel{display:block;height:1px;margin-bottom:-1px}
#device :is(.hide-sticky,.show-sticky){display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .3s ease,opacity .2s ease,visibility .3s ease,margin .3s ease}
#device :is(.hide-sticky,.show-sticky) > *{overflow:hidden;min-height:0;transition:margin .2s ease}
#device .pinned .hide-sticky,#device .product-overview:not(.pinned) .show-sticky{grid-template-rows:0fr;opacity:0;margin:0!important;visibility:hidden}
#device .pinned .hide-sticky > *,#device .product-overview:not(.pinned) .show-sticky > *{margin-block:0}
#device .hide-sticky:has(> .stickers[hidden]){display:none}
#device .product .product-capa{font-weight: 550}
#device .product-overview .fixed{display: none}
#device .product-stock .dot:before{content:'';display:inline-flex;width:10px;height:10px;margin-right:4px;background-color:#067647;border-radius:50%}
#device .product .buttons{margin-top:24px;display:flex;align-items:center;gap:16px;justify-content: flex-end;}
#device .dot.orange:before{background-color:#E26C00}
#device .dot.blue:before{background-color:#5A55DF}
#device .dot.red:before{background-color:#DE3024}
#device .product .chosen-plan{margin: 8px 0 4px;}
#device .product .product-acc{margin-bottom: 24px;}
#device .product:has(.product-acc[hidden]) .chosen-plan{margin-bottom: 24px;} 
#device:has(#long-sticky.show) .product .product-acc {display: none;}
#device div:has(>.offerSwitch){margin-top: 24px;margin-bottom: 24px;}
#device .product-advantages{margin-top: 24px;}
#device #product-advantages:not([hidden]){display:grid!important;min-height:88px}
#device .switchbar{position:relative;background: #fff;display:flex;width:fit-content;border:1px solid #131316;overflow: hidden;}
#device .switchbar::before{content:"";position:absolute;position-anchor:--offer-hover;inset:anchor(inside) calc(anchor(inside) - 0px) anchor(inside) calc(anchor(inside) - 2px);z-index:0;background:#131316;transition:.2s ease}
#device .switchbar label{position:relative;z-index:1;padding:0 24px;line-height:38px;cursor:pointer;transition:color .2s}
#device .switchbar label:not(:last-of-type){border-right:1px solid transparent;border-image:linear-gradient(to bottom,transparent 6px,var(--c-b-primary) 6px,var(--c-b-primary) 30px,transparent 30px) 1}
#device .switchbar input{position:absolute;width: 0;}
#device .switchbar input:checked + label{anchor-name:--offer-hover;color:#fff;font-weight:700}
#device .switchbar input:focus-visible + label{outline:3px solid #00e094;outline-offset:-2px;background-color: var(--c-bg-cta-black-hover);}

/* #device : bannières */
#device .banner{display:grid;background:#fff}
#device .banner.green{background:#00e094}
#device .banner >:is(a,button){margin-top:24px;width: fit-content !important;}
#device .banner >.content{display:flex;align-items:center;justify-content:space-between;gap:24px}
#device .banner >.content >*{display:flex;gap:8px}
#device .banner .head{display:flex;gap:8px;}
#device .banner .head:not(:has(p)){align-items:center;}
#device .banner .text{display:flex;gap:4px;align-items:center;}

/* #device : code promo */
#device .promocode{margin-top:24px}
#device .promocode form{width: 100%;}
#device .promocode form div{display:flex;align-items:center;margin-top: 8px;position: relative;}
#device .promocode form input{flex:1;padding:0 36px 0 16px;display:flex;text-overflow:ellipsis;line-height:38px;border:solid #70707B;border-width:1px 0 1px 1px;}
#device .promocode form .close-icon{position:absolute;display:none;right:108px;width:16px;height:16px;background:url(https://static.s-sfr.fr/media/RED/icones/croix-noire.svg) no-repeat center;background-size:contain}
#device .promocode form .error{color: var(--c-t-error);margin-top: 8px;}
#device .promocode form input:not(:placeholder-shown) + .close-icon{display:block}
#device .promocode form .button-1.wait{cursor: wait;}

/* #device : configuration */
#device .product-config{display:grid;gap:24px;position: relative;}
#device .config-head .config-title{font:700 16px Montserrat}
#device .config-head:has(img) .config-title{margin-right: 90px;}
#device .config-status{display:flex;flex-wrap:wrap;align-items:center;min-height: 22px;justify-content:space-between;gap:8px 16px;}
#device .config-status .product-stock{font:600 12px/140% Montserrat}
#device[data-out-of-stock] .config-status .button-3 {visibility: hidden;transition: none;}
#device .config-group{display:grid;gap:16px}
#device .config-group > p{font:700 16px Montserrat}
#device .config-head .visual {display: none;}
#device .config-head .visual img{position:absolute;right:10px;top:13px;height:100px;width:100px}

/* #device : stockage, couleurs, état */
#device .storage{display:flex;border:1px solid #70707B;list-style:none;margin:0;padding:0}
#device .storage li{display:flex;width:100%}
#device .storage a{position:relative;width:100%;line-height:66px;text-align:center;font-weight:700}
#device .storage a[data-stock="false"] {text-decoration: line-through;}
#device .storage li:not(:last-child) a{border-right:1px solid #70707B}
#device .storage a[aria-current]{pointer-events: none;}
#device .storage a:before{content:"";position:absolute;top:-1px;left:-1px;z-index:1;display:block;width:calc(100% + 2px);height:calc(100% + 2px);border: 0 solid #00e094;}
#device .storage a[aria-current]:before{border-width: 3px;}
#device .storage a[aria-current]:after, #device .payment-options .bloc: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}
#device .storage a:focus-visible{outline:3px #5455DF solid;outline-offset:1px}

#device .grade{display:grid;gap:16px;grid-template-columns:2.5fr 1fr;margin:0;padding:0;list-style:none;transition:grid-template-columns .2s}
#device .grade li{display:flex}
#device .grade:has(li:last-child [aria-current]){grid-template-columns:1fr 2.5fr}
#device .grade:has(li:only-child){grid-template-columns:1fr!important}
#device .grade a{position:relative;width:100%;padding:24px}
#device .grade a:before{content:"";position:absolute;z-index:1;inset:0;border:1px solid #70707B}
#device .grade p {margin-top: 4px;opacity:0;transition: .2s ;height:0;overflow:hidden;}
#device .grade li:has([aria-current]) p{visibility:visible;opacity:1;height:auto;}
#device .grade a[aria-current]{cursor:default;}
#device .grade a[aria-current]:before{border:3px solid #00e094}
#device .grade a[aria-current]: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}
#device .colors{display:flex;flex-wrap: wrap;gap:24px;margin:0;padding:0 0 0 4px;list-style:none}
#device .colors li{display:flex}
#device .colors a{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #70707B;border-radius:100%;cursor:pointer}
#device .colors a:before{content:"";position:absolute;width:calc(100% + 10px);aspect-ratio:1 / 1;border-radius:50%;outline:solid #5A55DF;outline-width:0;outline-offset:-2px;transition:.1s}
#device .colors a[data-stock='false']:after{content:"";position:absolute;top:50%;left:50%;width:calc(100% + 10px);border-top:2px solid #131316;transform:translateX(-50%) translateY(-50%) rotate(45deg)}
#device .colors a[aria-current]{cursor:default}
#device .colors a[aria-current]:before{outline-width:2px}
#device .colors a:focus-visible{outline:none}
#device .colors a:focus-visible:before{outline-width:3px;outline-color:#131316}
#device .colors a:focus-visible .sr-only{position:absolute;display:block;line-height:28px;color:#fff;background:#131316;padding:0 8px;left:50%;top:-5px;transform:translate(-50%,43px);height:auto;clip:initial;clip-path:initial;clip-rule:initial;overflow:visible;max-width:320px;width:max-content;white-space:normal}
#device .colors a:focus-visible .sr-only:before{content:"";position:absolute;top:-5px;left:calc(50% - 5px);display:inline-block;width:10px;height:10px;background:#131316;transform:rotate(45deg)}

/* #device : alerte stock */
#device .stock-alert {display:none;scroll-margin: 8px}
#device .stock-alert .bloc{display:grid;gap:24px}
#device .stock-alert .stock-form{display:grid;gap:24px}
#device .stock-alert .field{display:grid;gap:16px}
#device .stock-alert .label-group{display:grid;gap:4px;padding: 0;}
#device .stock-alert .label-group label{font-weight:700}
#device .stock-alert .field input{width:100%;padding:0 16px;line-height:38px;border:1px solid #70707B;}
#device .stock-alert .legal{border:1px solid #70707B; border-width: 1px 0;font-size: 12px;}
#device .stock-alert .legal summary{position:relative;display:flex;align-items:center;height:56px;cursor:pointer;list-style:none}
#device .stock-alert .legal summary::-webkit-details-marker{display:none}
#device .stock-alert .legal summary b{font:700 16px Montserrat}
#device .stock-alert .legal summary:after{content:'';position:absolute;right:0;width:24px;height:24px;background:url(https://static.s-sfr.fr/media/RED/icones/chevron_bas-black.svg) no-repeat center;background-size:24px;transition:transform .2s}
#device .stock-alert .legal[open] summary:after{transform:rotate(180deg)}
#device .stock-alert .legal::details-content{display:block;block-size:0;overflow:hidden;transition:block-size .2s,content-visibility .2s;transition-behavior:allow-discrete}
#device .stock-alert .legal[open]::details-content{block-size:auto}
#device .stock-alert .legal .content{display:grid;gap:16px;padding-bottom:24px}
#device .stock-alert .consent{display:flex;align-items:flex-start;gap:8px}
#device .stock-alert .consent label{cursor: pointer;}
#device .stock-alert .consent input{width:20px;min-width:20px;height:20px;flex:none;margin-top:2px;position: relative}
#device .stock-alert .consent input:before{content:' ';display:inline-block;text-align:center;width:100%;height:100%;border:1px solid #A0A0AB;vertical-align:middle;background-color:#FFF;transition: .1s}
#device .stock-alert .consent input:checked:before{background-color:#5A55DF}
#device .stock-alert .consent input:checked:after{content:'';position:absolute;left:7px;top:3px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
#device:has(.stock-alert.passed) .label-1:not(.anchor-acc){background-image: url(https://static.s-sfr.fr/media/RED/icones/fleche_haut-black.svg);}

/* #device : forfait */
#device .offer-choice{border:none}
#device .offer-choice input[name='offer-switch']{position:absolute}
#device .offer-choice > ul{display:grid;gap:16px}
#device .offer-choice .bloc{position:relative;display:grid;gap:16px;box-shadow:inset 0 0 0 1px #70707B;transition: .2s;cursor:pointer}
#device .offer-choice input:focus-visible + .bloc{outline:3px solid #000}
#device .offer-choice input:checked + .bloc{cursor:default;box-shadow:inset 0 0 0 4px #00e094}
#device .offer-choice input:checked + .bloc: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}
#device .offer-choice .header{display:grid;grid-template-columns:40px 1fr auto;grid-template-areas:"icon title label" "icon sub price";column-gap:8px;align-items:center;cursor:pointer}
#device .offer-choice input:checked + .bloc .header{cursor:auto}
#device .offer-choice .header img{grid-area:icon}
#device .offer-choice .tile-title{font-size: 16px}
#device .offer-choice .tile-sub{grid-area:sub;}
#device .offer-choice b.tile-sub{color:var(--c-t-brand-2)}
#device .offer-choice .product-price{justify-content:flex-end;}
#device .offer-choice select{display:block;width:100%;margin-top:8px;padding:8px 40px 8px 16px;border:1px solid #70707B;background:url('https://static.s-sfr.fr/media/RED/icones/chevron_bas-black.svg') no-repeat right 16px center;background-size:17px;text-overflow:ellipsis}
#device .offer-choice .offer-link{justify-self:start}
/* #device : reprise */
#device .trade-in .buttons{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}
#device .trade-in .buttons :is(.button-2,.button-3){width:fit-content}

/* #device : paiement */
#device .payment-options .payment-body{display:contents}
#device .payment-options .bloc{position:relative;border: 3px solid #00e094}
#device .payment-options .payment-detail{display:none;gap:8px}
#device .payment-options .payment-detail:not([hidden]){display:grid}
#device .payment-options .payment-detail-head{display:flex;align-items:flex-start;gap:8px}
#device .payment-options .payment-detail-head b{flex:1}
#device .payment-options .payment-detail-head .floa{flex:none;width:60px;height:20px;margin-top:2px}
#device .payment-options .payment-table{width:100%;border-collapse:collapse}
#device .payment-options .payment-table th{padding:2px 0;font:600 14px/140% Montserrat;text-align:left}
#device .payment-options .payment-table td{width:1%;padding:2px 0;font:700 14px/140% Montserrat;text-align:right;white-space:nowrap}

/* #device : adaptateur secteur */
#device .chargers{display:flex;gap:16px}
#device .chargers .charger-l{width:63px;height:72px;background:url(https://static.s-sfr.fr/assets/pictos/chargeur_barre_63x72_noir.svg) no-repeat;background-size:contain}
#device .chargers .charger-r{width:48px;height:72px;padding-top:27px;background:url(https://static.s-sfr.fr/assets/pictos/chargeur_63x72_noir.svg) no-repeat;background-size:contain;font:650 8px/140% Montserrat;display:grid;text-align:center}
#device .power-adapter .push{display:flex;align-items:center;gap:8px;justify-content:space-between}
#device .power-adapter .push picture{background: #00e094;min-width: 96px;}
#device .power-adapter .push .description{width:100%;max-width:185px}
#device .power-adapter .push .price-wrapper{max-width:140px}
#device .power-adapter .push .price-wrapper p:nth-child(2) b{font-weight:550;}


#device .power-adapter .push .price-wrapper:has(.refund) .old-price{font-size: 18px;font-weight: 700;}
#device .power-adapter .push .price-wrapper .refund{font:550 14px 'Montserrat'}
#device .power-adapter .push .price-wrapper .refund span {font-size: 14px;}
#device .power-adapter .push .button-2{white-space:nowrap;min-width: 170px;}
#device .power-adapter .push:has(.old-price) .button-2 {min-width: 102px;}
#device .power-adapter .label-1{margin: 0 auto;}

/* #device : réassurance et livraison */
#delivery-modal .table :is(th,td){text-align:left}
#delivery-modal .table .note{margin-top:4px;font-size:12px;color:#70707b}
#delivery-modal .table :is(.sm-only,.cell-label){display:none}
#device .reassurance ul{display: grid;grid-template-columns:repeat(3,1fr);gap: 24px;text-align: center;}   
#device .reassurance img{margin: 0 auto 8px;} 
#device .reassurance img[data-src]{visibility:hidden}
#device[data-out-of-stock] .reassurance ul {grid-template-columns: repeat(2, 1fr);}
#device[data-out-of-stock] .reassurance li:first-child {display:none;}
#device[data-out-of-stock] .reassurance {margin-bottom: 0;}

/* #long-sticky */
#long-sticky{background:#fff;box-shadow:0 16px 16px 0 rgba(0,0,0,0.04);position:fixed;left:0;right:0;top:0;transform:translateY(-100%);visibility:hidden;z-index:5;transition:transform .3s ease-out,visibility .3s ease-out}
#long-sticky.show{transform:translateY(0);visibility:visible}
#long-sticky .bloc{display: flex;align-items: center;gap: 40px;justify-content: space-between;} 
#long-sticky .buttons{display: flex;align-items: center;gap: 16px;} 
#long-sticky .product-acc{font-size:14px;font-weight:550;line-height:14px}


/* #refurbished */
#refurbished .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
#refurbished .steps li{display:grid;gap:8px;justify-items:center;text-align:center;font-size:14px}
#refurbished .steps b{display:block;margin-bottom:4px}
#refurbished .button-2{display:flex;width:fit-content;margin:40px auto 0}
#refurbished .modal .bandeau{background:var(--c-bg-container-brand-1,#00e094)}
#refurbished .modal .content{display:grid;gap:24px}
#refurbished .modal .views{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:start;max-width: 750px;margin: 0 auto;}
#refurbished .modal .view{display:grid;gap:16px;align-content:start}
#refurbished .modal .view img{height: 394px;}
#refurbished .modal .checks,#refurbished .modal .checks ul{display:grid;gap:16px;}
#refurbished .modal .checks{margin-top: 40px;}
#refurbished .modal .checks > li > b{font-size: 16px;display: block;margin-bottom:16px}
#refurbished .modal .checks ul li{display:flex;gap:8px;}
#refurbished .modal .checks ul li:before{content:'';flex:none;width:13px;height:7px;margin-top:5px;border:solid #5A55DF;border-width:0 0 3px 3px;transform:rotate(-45deg)}
#refurbished .modal .switchbar{position:relative;display:none;width:100%;background:#fff;border:1px solid #131316}
#refurbished .modal .switchbar::before{content:"";position:absolute;position-anchor:--view-switch;inset:anchor(inside);z-index:0;background:#131316;transition:.2s ease}
#refurbished .modal .switchbar label{position:relative;z-index:1;width:50%;text-align:center;line-height:38px;cursor:pointer;transition:color .2s}
#refurbished .modal .switchbar input{position:absolute;width:0}
#refurbished .modal .switchbar input:checked + label{anchor-name:--view-switch;color:#fff;font-weight:700}
#refurbished .modal .switchbar input:focus-visible + label{outline:3px solid #00e094;outline-offset:-2px;background-color:var(--c-bg-cta-black-hover)}

/* #pushAccess */
#pushAccess .bloc{display:flex;gap:40px;align-items:flex-start}
#pushAccess .visual{flex:none;}
#pushAccess .content{display:grid;gap:24px;width: 100%;}
#pushAccess .actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
#pushAccess .actions .conditions{margin-left:auto;align-self:end}


/* #key-specs et #caracteristiques */
#key-specs,#presentation  {scroll-margin: 150px}
#key-specs .key-features-title{margin-bottom:16px}
#key-specs .key-features + .key-features-title{margin-top:40px}
#key-specs .key-features{display:flex;flex-wrap:wrap;gap:24px}
#key-specs .key-features li{flex:1 1 calc(25% - 18px);display:grid;grid-template-columns:24px auto;row-gap:4px;column-gap:8px;align-content:start;padding-top:16px;border-top:1px solid #70707b}
#key-specs .key-features img{grid-row:1 / 3}
#key-specs .key-features li:nth-child(-n+4){padding-top:0;border-top:0}
#key-specs .key-features:has(li:nth-child(5)):not(:has(li:nth-child(7))) li{flex-basis:calc(33.333% - 16px)}
#key-specs .key-features:has(li:nth-child(5)):not(:has(li:nth-child(7))) li:nth-child(4){padding-top:16px;border-top:1px solid #70707b}
#key-specs .key-features:has(li:nth-child(5)):not(:has(li:nth-child(7))) li:nth-child(-n+3){padding-top:0;border-top:0}
#key-specs #caracteristiques{padding-top:16px;overflow: hidden;}
#key-specs #caracteristiques summary{display:flex;align-items:center;margin:0 auto;cursor:pointer;padding:24px;width:fit-content}
#key-specs #caracteristiques summary:after{content:'';width:24px;height:24px;background:url(https://static.s-sfr.fr/media/RED/icones/chevron_bas-black.svg) no-repeat center -1px;background-size:24px;margin-left:24px}
#key-specs #caracteristiques details[open] summary:after{transform:rotate(180deg) translateY(2px)}
#key-specs #caracteristiques details .specs {padding-top: 40px;}
#key-specs #caracteristiques details[open]::details-content{block-size:auto}
#key-specs #caracteristiques details::details-content{display:block;block-size:0;transition:block-size .2s,content-visibility .2s;transition-behavior:allow-discrete}
#caracteristiques .specs{columns:2;column-gap:40px;margin:0;padding:0;list-style:none}
#caracteristiques .specs li{-webkit-column-break-inside:avoid;break-inside:avoid;display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:8px;align-items:start;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #70707b}
#caracteristiques .specs li:nth-child(8){-webkit-column-break-before:always;break-before:column}
#caracteristiques .specs li:nth-child(7),#caracteristiques .spec-group:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
#caracteristiques :is(.spec,tbody,tr,caption){display:block}
#caracteristiques .spec :is(th,td){display:inline;}
#caracteristiques .spec caption{text-align:left;font-weight:700;margin-bottom:4px}
#caracteristiques .spec th:after{content:'\00a0: '}
#caracteristiques .spec td{font-weight:700;}
#caracteristiques .energy-label{display:grid;gap:24px;margin-top:16px}
#caracteristiques .modal-list li{flex-wrap:nowrap}
#caracteristiques .modal-list li:not(:last-child){padding-bottom:16px;border-bottom:1px solid #70707B}
#caracteristiques .modal-list li p{margin-top: 4px;}
#caracteristiques #legal-data{scroll-margin:220px}

/* #presentation */
#presentation .content {overflow: hidden;}
#presentation .content + :is(h2,h3) {margin: 40px 0;}
#presentation .button-3{display: flex;margin: 40px auto 0;transform: translateY(-1px);}
.channel-html img {display: revert;max-width: revert;}

/* #accessories */
#accessories {scroll-margin: -110px}
#accessories .info-message{margin-bottom:40px}
#accessories .list > li{grid-row:span 5}
#accessories .list h3{margin:0}
#accessories .list .media{display:flex;justify-content:center}
#accessories .list .button-3{justify-self:center}
#accessories .list .price-wrapper{display:grid;gap:16px;height:fit-content}
#accessories .list .price-wrapper p b{display:block;color:var(--c-t-brand-2)}
#accessories .price-wrapper > div { display: contents; }
#accessories .modal{max-width: 620px}

/* #reviews */
#reviews {scroll-margin: 230px}
#reviews .arrows h2{margin-bottom: 40px;}
#reviews .arrows{display:none!important}
#reviews .head h3{margin: 16px 0 0;font-size: 18px;white-space: nowrap;}
#reviews .head h3 .stars{width: 122px; height: 20px; background-size: 122px 20px; vertical-align: middle; transform: translateY(-2px); margin-left: 4px;}
#reviews .head h3 .stars span{height:20px;background-size:122px 20px}
#reviews .head .mentions{display:grid;gap:4px;margin-top:24px}
#reviews .item .rating-block{display:grid;gap:8px}
#reviews .item .note{display:flex;align-items:center;gap:4px}
#reviews .item{grid-template-rows: auto;}
#reviews .item small{display:block;color:#70707B;font-size:12px}
#reviews .item q{overflow:auto;max-height:98px;max-height:5lh;text-wrap:pretty}
#reviews .item q:focus-visible{outline:3px solid #000;outline-offset:2px}
#reviews .item b{margin-top: auto;}
#reviews .item q::-webkit-scrollbar{width:12px;display:block}
#reviews .item q::-webkit-scrollbar-thumb{background-color:#9c9e9f;border-radius:8px;border:4px solid transparent;background-clip:padding-box}
#reviews .more{display:flex;width:fit-content;margin:40px auto 0}

/* #devices */
#devices .button-1{width: fit-content;margin: 40px auto 0;display: flex;}
#devices .bottom .price {font: inherit;display: inherit;}

/* #FAQ */
#FAQ .accordion{border-top:solid #70707B;border-width:1px 0 0;text-wrap: pretty;}
#FAQ .accordion > li{border-bottom:1px solid #70707B;overflow:hidden}
#FAQ .accordion summary{position:relative;display:flex;justify-content:space-between;column-gap:24px;padding-block:24px;color:#131316;cursor:pointer;list-style:none}
#FAQ .accordion summary::-webkit-details-marker{display:none}
#FAQ .accordion summary h3{font-size:16px;margin-bottom:0}
#FAQ .accordion summary::after{content:"";flex:0 0 8px;height:8px;border-color:#131316;border-style:solid;border-width:2px 2px 0 0;transform:translateX(-8px) rotate(135deg);align-self:center}
#FAQ .accordion summary:focus{outline:none;}
#FAQ .accordion summary:focus-visible{outline:3px solid #000;outline-offset:-3px;}
#FAQ .accordion details[open] summary::after{transform:translate(-8px,4px) rotate(-45deg)}
#FAQ .accordion details[open]::details-content{block-size:auto}
#FAQ .accordion details::details-content{display:block;block-size:0;transition:block-size .2s,content-visibility .2s;transition-behavior:allow-discrete}
#FAQ .accordion .content{display:grid;gap:16px;padding-bottom:24px}
#FAQ .accordion .content a{text-decoration:underline}
#FAQ .accordion .content small{font-size:12px}
#FAQ .accordion .content :is(ul,ol){padding-left:16px}
#FAQ .accordion .content li{position:relative;margin:2.5px 0}
#FAQ .accordion .content ul li::before{content:"• ";font-weight:900}
#FAQ .accordion .content ol{counter-reset:ol li}
#FAQ .accordion .content ol li::before{counter-increment:li;content:counter(li) ". ";font-weight:700}
#FAQ table{border-collapse:collapse;margin:15px 0;width:fit-content}
#FAQ td,#FAQ th{border:1px solid #9a9a9a;padding:5px 10px}

/* #ML */
#ML{padding:0;background-color:#fff;border-top:1px solid #70707B}
#ML summary{position:relative;display:flex;align-items:center;color:#1a171b;cursor:pointer;list-style:none;width:100%;height:56px}
#ML summary::-webkit-details-marker{display:none}
#ML summary::marker{display:none}
#ML summary:after{content:'';width:24px;height:24px;position:absolute;right:0;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 summary h2{font:700 16px 'Montserrat';margin:0}
#ML .content{color:#181818;display:grid;gap:16px;padding-bottom:24px}
#ML .content ul{display:grid;gap:16px}
#ML .content .underline{text-decoration:underline}
#ML .content h3{text-decoration:underline;font-size:16px;font-weight:700;margin:20px 0 16px}


@media(min-width: 1024px){
    #reviews .item{display:flex;flex-direction:column;gap:24px;width: auto;}
    #reviews .js-carousel {margin-top: 40px;padding: 0 16px;}
    #reviews .list{display:grid;width: 100%;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:24px;padding: 0;;max-width:1280px;margin:0 auto;grid-auto-flow:initial}
}
@media (max-width:1023px){
    html:has(.pinned){overflow-anchor:none}
    main .wrapper{max-width:518px}
    main .bloc{padding:16px}
    main :is(.wrapper,section) > h2{margin-bottom:24px}
    main .section-spacing{margin:48px 0}
    main .table{display:table;overflow:visible}
    main .product-price .f-t-Mb{font-size:24px}
    main input[type='text'] {font-size: 16px;}
    main .tooltip div{width:260px}
    main .tooltip:not([open]):hover::details-content{content-visibility:hidden}
    main .tooltip:not([open]):hover:before{content:none}
    main .tooltip:not([open]):hover:after{content:none}

    main .modal .energy-download{justify-self:center}
    main .modal .advantages{gap:16px}
    main .modal .advantages-section .modal-list li > p{min-width:initial}
    main .modal .modal-list li.buyback:not(:has(.delete-estimate)) {padding-bottom: 32px;}
    main .modal .modal-list li.buyback:not(:has(.delete-estimate)) button {position:absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
    
    main :is(.button-1,.button-2){width:100%!important;margin-top: 16px;}
    #banner-top .banner span{line-height:140%}

    #breadcrumb li:not(:last-child):after{width:10px;margin:0 4px;background-size:21px}
    #breadcrumb{margin:16px 0 24px}

    #top{margin:24px 0}

    #device .carousel-container{width:100%}
    #device .carousel > li, #device .carousel img{max-height:216px}
    #device .carousel-arrows{width:100%;justify-self:center}
    #device .main-specs,#device .carousel-vignette:has(>:nth-child(n + 5)){gap:16px}
    #device .main-specs ul:has(>:nth-child(n + 3)) li:nth-child(3){display:none}
    #device .main-specs ul:has(>:nth-child(n + 3)){grid-template-columns:repeat(3,1fr);gap:8px}

    #device > .wrapper{display: flex;flex-direction: column;}
    #device{margin:0 0 48px}
    #device .main-content {display: grid;}
    #device .main-content .group-content {margin: 40px 0 0;}
    #device .main-content > :is(.button-1,.button-2){margin-top: 40px;}
    #device .customer{margin-bottom:16px}
    #device div:has(>.offerSwitch){margin-top: 16px;margin-bottom: 16px;}
    #device .pinned .offerSwitch{margin-left:16px;margin-right:16px}
    #device .switchbar{width:100%}
    #device .switchbar label{text-align:center;padding:0;width:100%}
    #device .label-1{justify-content: center;}
    #device .line-summary {flex-direction: column;align-items: start;gap: 16px;}
    #device .line-summary .connect-cta{align-self: center;}
    #device .product-overview .label-1{margin: 16px auto 0;width: 100%;}
    #device .product-overview:has(.fixed) .sticky{pointer-events:none}
    #device .product-overview .fixed{position:fixed;display: block;width:100%;max-width:518px;top:-1px;box-shadow:0 16px 16px 0 rgba(0,0,0,0.04)}
    #device .product-overview:before{content:none}
    #device .product-overview.pinned{margin:0 -16px}
    #device .product .buttons{flex-direction:column;align-items:normal;margin-top:0;gap:0}
    #device .product .buttons .button-1{margin-top:16px}
    #device .chosen-plan{margin-top: 4px;}
    #device .product .chosen-plan{margin: 8px 0 4px;}
    #device .offer-choice .header{grid-template-columns:40px 1fr;grid-template-areas:"icon title" "icon sub" "icon label" "icon price";align-items: start;}
    #device .offer-choice :is(.price-label,.plan-price){justify-self:start}
    #device .offer-choice .price-label{margin-top:8px}
    #device .offer-choice .price-label:after{content:'\00a0:'}
    #device .offer-choice .product-price{justify-content:flex-start}
    #device .offer-choice #without-offer + .bloc .price-label{display:none}
    #device .offer-choice #without-offer + .bloc .header{align-items: center;row-gap: 4px;}
    #device .product .product-acc{margin-bottom: 16px;}
    #device .product:has(.product-acc[hidden]) .chosen-plan{margin-bottom: 16px;} 
    #device .product-overview :is(.withOfferContent,.withoutOfferContent) p{max-height:40px;transition:max-height .2s,visibility .2s;overflow:hidden}
    #device .product-overview .product-stock {font-size:12px;}
    #device .pinned :is(.withOfferContent,.withoutOfferContent) p{max-height:0;visibility:hidden}
    #device .banner > :is(a,button){width:100% !important;margin-top:16px}
    #device .banner >.content{flex-wrap:wrap;gap:16px}
    #device .banner .content .button-3{margin:auto}
    #device .config-group > p{font-size:14px}
    #device .config-status .button-3{flex:100%;transition: none}
    #device[data-out-of-stock] .product-config .config-status .button-3{display:block !important;visibility:hidden}
    #device .config-head .visual {display: block;}
    #device .grade{gap:8px;grid-template-columns:1fr}
    #device .grade:has(li:last-child [aria-current]){grid-template-columns:1fr}
    #device .trade-in .buttons{gap:0;justify-content: center;}
    #device .chargers{margin:0 auto}
    #device .chargers .tooltip div{transform:translateX(-70%)}
    #device .power-adapter .push{flex-direction:column;align-items:flex-start}
    #device .power-adapter .push picture{min-width:100%;margin-bottom:16px;height:167px;}
    #device .power-adapter .push picture img{height:167px;width:auto;margin:0 auto}
    #device .power-adapter .push .description{margin-bottom:16px;max-width:none}
    #device .power-adapter .push .price-wrapper{max-width:none}
    #device .power-adapter .push .button-2{margin-top:16px;width:100%}
    #device .stock-alert .field input {font-size: 16px;}
    #device .promocode .button-1{width: auto!important;margin-top: 0}
    
    
    #refurbished .steps{grid-template-columns:1fr}
    #refurbished .steps li{grid-template-columns:40px 1fr;column-gap:8px;justify-items:start;text-align:left}
    #refurbished .button-2{margin-top:24px}
    #refurbished .modal .switchbar{display:flex}
    #refurbished .modal .views{grid-template-columns:1fr;width: 100%;}
    #refurbished .modal .view >p{display:none}
    #refurbished .modal .view img{height:280px;margin: 0 auto;}
    #refurbished .modal:has(#view-front:checked) #view-back-panel,#phonechecks-modal:has(#view-back:checked) #view-front-panel{display:none}
    
    #delivery-modal .table{display:block;overflow:hidden;border:1px solid var(--c-b-tertiary,#70707b);border-radius:8px}
    #delivery-modal .table thead{display:none}
    #delivery-modal .table :is(tbody,tr,th,td){display:block}
    #delivery-modal .table tbody tr{background:var(--c-bg-container-primary,#fff)}
    #delivery-modal .table tbody th{padding:16px;border:0;border-top:1px solid var(--c-b-tertiary,#70707b);border-bottom:1px solid var(--c-b-tertiary,#70707b);background:var(--c-bg-container-brand-1,#00e094);text-align:center;font-weight:700}
    #delivery-modal .table tbody tr:first-child th{border-top:0}
    #delivery-modal .table tbody td{padding:0 16px;border:0}
    #delivery-modal .table tbody td:first-of-type{padding-top:16px}
    #delivery-modal .table tbody td:last-child{margin-top:4px;padding-bottom:16px;font-size:12px;color:#70707b}
    #delivery-modal .table tbody td:last-child .note{margin-top:0;color:#70707b}
    #delivery-modal .table :is(.sm-only,.cell-label){display:block}
    #delivery-modal .table .cell-label{margin-bottom:4px}
    #delivery-modal .table .lg-only{display:none}
    
    #device .reassurance ul{grid-template-columns:1fr!important;text-align:left}
    #device .reassurance li{display:flex;gap:8px;align-items:center}
    #device .reassurance li br{display:none}
    #device .reassurance img{margin:0}

    #long-sticky{display:none}

    #pushAccess .bloc{gap:16px;align-items:center;flex-direction:column}
    #pushAccess .actions{justify-content:center}
    #pushAccess .visual img{width:auto}
    #pushAccess .actions :is(.button-1,.button-2){width:100%}

    #key-specs, #presentation {scroll-margin: 330px;}
    #key-specs .key-features{flex-direction:column;gap:16px}
    #key-specs .key-features li{flex-direction:column;padding:0 0 16px!important;border-width:0 0 1px!important;border:1px solid #70707b}
    #key-specs .key-features li:last-child{padding-bottom:0 !important;border:none!important}
    #key-specs #caracteristiques{padding-top:0}
    #key-specs #caracteristiques summary{height:40px}
    #key-specs #caracteristiques details .specs{padding-top:24px}
    #caracteristiques .specs li:nth-child(7){padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #70707b}
    #caracteristiques .specs{columns:auto}
    #caracteristiques #legal-data{scroll-margin:330px}
    #presentation .channel-html {margin: 0 -16px;}
    #presentation .button-3{margin-top:24px;}
    #presentation .content + :is(h2,h3) {margin: 40px 0 24px;}
    #accessories{scroll-margin:10px}
    #reviews{scroll-margin:320px}
    #reviews .head h3 {line-height: 24px;}
    #reviews .arrows h2{margin-bottom:24px}
    #reviews .head{margin-bottom:24px}
    #reviews .arrows{display:flex!important}
    #reviews .js-carousel{margin-top:24px}
    #reviews .more{margin-top:24px;width: calc(100% - 32px) !important;}
    #reviews:has(.list > .item:only-child) .arrows {display: none!important;}
    #reviews:has(.list > .item:only-child) :is(.item,.list) {max-width: 518px;margin: 0 auto;width: 100%;}
    #devices .button-1{margin-top:24px;padding:8px 16px}
    #FAQ .accordion summary{padding:16px 0}
}

@media (max-width: 370px) {
    #device .config-head .visual img{right:10px;top:12px;height:70px;width:70px}
}


/* Correctif d'accessibilité (Reflow / Zoom RGAA) */
@media (max-height:600px){
    #device .product-overview{position:static !important;margin:0!important}
    #device .pinned .hide-sticky,#device .product-overview:not(.pinned) .show-sticky{grid-template-rows:1fr;opacity:1;margin:revert-rule!important;visibility:visible}
    #device .product-overview .fixed{display: none!important}
    #device .pinned :is(.withOfferContent,.withoutOfferContent) p{max-height:none;visibility:visible}
    #device .pinned .offerSwitch{margin:0 0 16px!important}
}