.content {max-width: 1280px; width: calc(100% - 64px); margin: 0 auto;}
.edito-white {padding: 24px; border-radius: 8px; background: white;}

/*Reach section*/
.Reachsection-intestudio {background: var(--clr-sfr2);padding: 80px 0;}
.Reachsection-intestudio .content {max-width: 1280px;width: calc(100% - 64px);margin: 0 auto;display: grid;gap: 40px;}
.Reachsection-intestudio .Claim-RS {display: grid;gap: 8px;color: #FFF;}
.Reachsection-intestudio .BoxHT-RS {display: flex; gap: 40px;}
.Reachsection-intestudio .edito-white {padding: 24px;border-radius: 8px;background: white;display: flex;flex-direction: column;gap: 24px;}
.Reachsection-intestudio picture img {border-radius: 8px;display: block;width: 100%;height: auto;}
.Reachsection-intestudio p[aria-level="3"] {text-align: center; font: 24px/normal SFR-Bold;}
.Reachsection-intestudio ul {list-style-type: none;display: grid;gap: 24px;}
.Reachsection-intestudio .IconText-RS {font: 14px/normal SFR-Bold;}
.Reachsection-intestudio .IconText-RS.col-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.Reachsection-intestudio .IconText-RS.col-2 {grid-template-columns: repeat(2, minmax(0, 1fr));width: fit-content;margin: 0 auto;}
.Reachsection-intestudio .IconText-RS img.filter-rouge {filter: brightness(0) saturate(100%) invert(18%) sepia(97%) saturate(4531%) hue-rotate(345deg) brightness(83%) contrast(105%);}
.Reachsection-intestudio .IconText-RS li {display: grid;gap: 8px;justify-items: center;text-align: center;grid-auto-rows: max-content;}
.Reachsection-intestudio .edito-white > p:last-child {text-align: right; font: 12px/normal SFR-Regular;margin-top: auto;}
.Reachsection-intestudio .Logo-RS {justify-items: center;}
.Reachsection-intestudio .Logo-RS.pair {grid-template-columns: repeat(2, minmax(0, 1fr));width: fit-content;margin: 0 auto;}
.Reachsection-intestudio .Divider-RS {display: flex;flex-direction: column;gap: 16px;align-items: center;}
.Reachsection-intestudio .Divider-RS:before,
.Reachsection-intestudio .Divider-RS:after {content: "";height: 100%;border-left: 1px solid #FFF;text-align: center;}

/*Appli SFR TV ou Décodeur TV*/
#appli-sfr-box {display: flex; gap: 40px;list-style-type: none;}
#appli-sfr-box .edito-white {flex: 1 1 0;}
#appli-sfr-box .edito-white>p {font: 24px / normal SFR-Bold; margin: 0 0 24px;}
#appli-sfr-box .edito-white ul {display: grid; list-style-type: none;}
#appli-sfr-box .edito-white li {display: grid; align-items: start; gap: 4px 8px; grid-template-areas: "a b" "a c";grid-template-columns: 24px 1fr;}
#appli-sfr-box .edito-white img {grid-area: a;align-self: center;}
#appli-sfr-box .edito-white p.titre {font: 14px / normal SFR-Bold;}
#appli-sfr-box .edito-white li:not(:first-child) {border-top: 1px solid #A0A0AB;padding-top: 16px;}
#appli-sfr-box .edito-white li:not(:last-child) {padding-bottom: 16px;}

/*Bonus High Tech*/
#Lame-BonusHT,
.Lame-avantages {display: grid; gap: 24px;}
#Lame-BonusHT h3,
.Lame-avantages h3 {font-size: 24px;}
#Lame-BonusHT ul,
.Lame-avantages ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: flex-start; text-align: center;list-style: none;padding: 0;}
#Lame-BonusHT .items-4,
.Lame-avantages .items-4 {grid-template-columns: repeat(4, 1fr);}
#Lame-BonusHT ul li,
.Lame-avantages ul li {display: grid; justify-items: center; align-items: start; gap: 16px; height: 100%; grid-template-rows: subgrid; grid-row: span 3;}
#Lame-BonusHT ul .title,
.Lame-avantages ul .title {font: 14px/normal SFR-Bold;}

/*Caractéristiques*/
.ch-section ul {list-style-type: none;}
.ch-section .link {width: fit-content;}
.ch-section .ch-title {display: flex; gap: 8px; align-items: center;font: 16px/normal SFR-Bold;}
.ch-section .ch-title:before {content: '';height: 24px;width: 24px;}
.ch-section .ch-title + div, .ch-section ul + div {margin: 20px 0 0 24px;display: grid;gap: 24px;}
.ch-section .ch-list {column-count: 2;column-gap: 24px;}
.ch-section .ch-list > li {display: grid; gap: 4px;break-inside: avoid-column;}
.ch-section .ch-list > li:not(:last-child) {margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #A0A0AB;}
.ch-section .ch-details {padding: 0 0 0 32px;}
.ch-section .ch-details li {font:14px/32px SFR-Regular;}
.ch-section .transcription > summary {font: 14px/normal SFR-Bold;}
.ch-section .transcription>div [aria-level="4"] {font-family: SFR-Bold;}
.ch-section .transcription ul {list-style-type: disc;margin-left: 16px;}
.ch-section .ch-title.quality-img:before {background: url(https://static.s-sfr.fr/assets/pictos/tv_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.smart-tv:before {background: url(https://static.s-sfr.fr/assets/pictos/tv_smart_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.dimensions-weight:before {background: url(https://static.s-sfr.fr/assets/pictos/dimensions_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.audio:before {background: url(https://static.s-sfr.fr/assets/pictos/volume_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.connections:before {background: url(https://static.s-sfr.fr/assets/pictos/connectique_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.laptop:before {background: url(https://static.s-sfr.fr/assets/pictos/laptop_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.gaming:before {background: url(https://static.s-sfr.fr/assets/pictos/manette2_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.consommation:before {background: url(https://static.s-sfr.fr/assets/pictos/batterie_pleine_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.accessories:before {background: url(https://static.s-sfr.fr/assets/pictos/telecommande_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.accessories-included:before {background: url(https://static.s-sfr.fr/assets/pictos/check_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.accessories-integrated:before {background: url(https://static.s-sfr.fr/assets/pictos/accessoires_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.repairability:before {background: url(https://static.s-sfr.fr/assets/pictos/parametres.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.energy-class:before {background: url(https://static.s-sfr.fr/assets/pictos/ampoule_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.technology:before {background: url(https://static.s-sfr.fr/assets/pictos/afficher_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.mixed-reality:before {background: url(https://static.s-sfr.fr/assets/pictos/camera_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.experience:before {background: url(https://static.s-sfr.fr/assets/pictos/realite_mixte_revolutionaire_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.box-content:before {background: url(https://static.s-sfr.fr/assets/pictos/colis_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.processor:before {background: url(https://static.s-sfr.fr/assets/pictos/ps5_shipset1_24_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.performance-sound-video:before {background: url(https://static.s-sfr.fr/assets/pictos/vue_son_immersif_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.security:before {background: url(https://static.s-sfr.fr/assets/pictos/cybersecurity_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.garantee:before {background: url(https://static.s-sfr.fr/assets/pictos/bouclier_etoile_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .ch-title.das:before {background: url(https://static.s-sfr.fr/assets/pictos/aide_40_rouge.svg) top center / 24px 24px no-repeat;}
.ch-section .text-repairability {display: grid; gap: 16px;}
.ch-section .text-repairability p:first-child {font: 14px/normal SFR-Bold;}

@media screen and (max-width: 1100px) {
	.edito-white {padding: 16px;}
	.content {width: calc(100% - 32px); max-width: 486px;}
	
	/*Reach section*/
	.Reachsection-intestudio {padding: 40px 0;}
    .Reachsection-intestudio .content {max-width: 486px;width: calc(100% - 32px);gap: 24px;}
    .Reachsection-intestudio .BoxHT-RS {flex-direction: column;gap: 24px;}
    .Reachsection-intestudio .edito-white {padding: 16px;}
    .Reachsection-intestudio p[aria-level="3"] {font: 18px/normal SFR-Bold;}
    .Reachsection-intestudio .IconText-RS {gap: 24px 16px;}
    .Reachsection-intestudio .Divider-RS {flex-direction: row;}
    .Reachsection-intestudio .Divider-RS:before, 
    .Reachsection-intestudio .Divider-RS:after {height: auto;border-left: none;border-top: 1px solid #FFF;width: 100%;}
    .Reachsection-intestudio .IconText-RS li {word-break: break-word;}
    
    /*Appli SFR TV ou Décodeur TV*/
	#appli-sfr-box .edito-white>p {font: 18px / normal SFR-Bold; margin: 0 0 16px;}
	#appli-sfr-box {gap: 16px; flex-direction: column;}
	#appli-sfr-box .edito-white li p { word-break: break-word;}
	
	/*Bonus High Tech*/
	#Lame-BonusHT ul,
	.Lame-avantages ul {grid-template-columns: repeat(1, 1fr); gap: 16px; text-align: left;}
	#Lame-BonusHT .items-4,
    .Lame-avantages .items-4 {grid-template-columns: repeat(1, 1fr);}
	#Lame-BonusHT ul li,
	.Lame-avantages ul li {grid-template-areas: "a b" "a c"; gap: 8px; justify-items: flex-start; grid-template-rows: auto; width: fit-content;}
	#Lame-BonusHT li img,
	.Lame-avantages li img {grid-row: span 2 / span 2; align-self: center;}
	#Lame-BonusHT li p:not(.title),
	.Lame-avantages li p:not(.title) {grid-area: c;}
	
	/*Caractéristiques*/
    .ch-section .ch-title {font: 14px/normal SFR-Bold;}
    .ch-section .ch-list {column-count: 1;}
    .ch-section .ch-title + div, .ch-section ul + div {margin: 24px 0 0 32px;}
    .ch-section .transcription {margin: 0 0 0 -32px;}
    .ch-section .transcription>div a {word-break: break-word;}
}