.infoport                                               {width:100%; height:550px; position:relative; background:url('../img/illustration/fond_shop_001.jpg') center center no-repeat; background-size: cover; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; margin-bottom: 30px; overflow: hidden;}
.infoport .zonetext                                     {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center; width:33%; height:auto; margin:0px auto 0px 5%; padding: 0px 20px; text-align: left;}     
.infoport .zonetext h1                                  {margin: 0 0 18px; font-size: clamp(2rem, 4.0vw, 4.2rem); line-height: .95; font-weight: 800; letter-spacing: -0.04em; color: #082f43; text-align:left;}
.infoport .zonedechireee                                {position:absolute; bottom:0px; left:0px; width:101%; height:60px; background-image:url('../img/fond/dechiree_001.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display:block;}

.lastprod                                               {width: calc(100% - 40px); height:auto; position:relative; background-color:#fffcf4; background-image: url('../img/fond/fond_topographie.svg');display: block; margin-bottom: 30px; overflow: hidden; padding: 80px 20px 100px 20px}
.lastprod:before                                        {position: absolute; top: 0px; left: 0px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree_001.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; transform: rotate(180deg); content: ''; z-index: 1;}                     
.lastprod:after                                         {position: absolute; bottom: 0px; left: 0px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree_001.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; content: ''; z-index: 1;}                     
.lastprod h3                                            {margin: 0 0 18px; font-size: 16px; line-height: .95; font-weight: 800; color:var(--color_theme); text-align:left;}
.lastprod h2                                            {margin: 20px 0 30px !important; font-size: clamp(1.5rem, 3.8vw, 3.0rem); line-height: 0.85em !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: #082f43 !important; text-align: left;}

.infcomm                                                {width: calc(100% - 40px); margin:0px auto 50px auto; height:auto; position:relative; background:#fff; display: flex; flex-direction: column; justify-content:space-between; align-items: center; align-content: center; overflow: hidden;}
.infcomm .zonetext                                      {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center; width:100%; height:auto; margin:0px; padding: 0px 20px; text-align: left;}   
.infcomm .zonetext h3                                   {margin: 0 0 18px; font-size: 16px; line-height: .95; font-weight: 800; color:var(--color_theme); text-align:left; width: 100%; margin: 0px auto;}
.infcomm .zonetext h2                                   {margin: 20px 0px 0px 0px !important; font-size: clamp(1.5rem, 3.8vw, 3.0rem); line-height: 0.85em !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: #082f43 !important; text-align: left;}

.bl_accueil									 {width: 100%; max-width:var(--max-width); height:auto; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; align-content: center; margin:0px auto 100px auto; }
.listprod                                               {width: 75%; height:auto; position:relative; display: block; margin-bottom: 30px; overflow: hidden;}



.mess-block                                                           {width:calc(100% - 20px); padding:10px; height:auto; min-height:50px; z-index:1; display: block;}
.mess-block h2										          {position:relative; font-size:15px; color:#353835; padding:0; line-height:30px; letter-spacing:-0.75px;}
.mess-block h2 a 										     {color:#4b4b4b;}
.mess-block h2 a:hover 								          {color:#202020;}
.mess-block .caret 											{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #333; border-right: 4px solid transparent; border-left: 4px solid transparent; transform: rotate(-90deg); }

.zone_cat								                    	{position:relative; width:100%; height:auto; z-index:1; display: flex; padding-top:80px; }
.zone_cat .contener 					                    	{position:relative; width:80%; height:auto; z-index:1; display: flex;}






@-webkit-keyframes fadeInDown { 
     0% { 
          opacity: 0; 
          -webkit-transform: translateY(-20px); 
     } 
     100% { 
          opacity: 1; 
          -webkit-transform: translateY(0); 
     } 
} 

@keyframes fadeInDown { 
     0% { 
          opacity: 0; 
          transform: translateY(-20px); 
     } 
     100% { 
          opacity: 1; 
          transform: translateY(0); 
     } 
} 




.viewinfos									 	          {width:100%; height:auto; margin:45px auto 25px auto; text-align:left; color:#4f4f4f; background:#d3d3d3;}
.viewinfos .mess-block                                                {width:100%; max-width:100%;}
.viewinfos								{position:relative; width:98%; height:auto; margin:0px auto 0px auto; color:#444; line-height:21px; text-align:left; opacity: 0; -webkit-transition: all 0.5s ease 0.2s; -moz-transition: all 0.5s ease 0.2s; -o-transition: all 0.5s ease 0.2s; transition: all 0.5s ease 0.2s; -moz-transform: translate3d(-300px, 0px, 0px); -webkit-transform: translate3d(-300px, 0px, 0px); -o-transform: translate(-300px, 0px); -ms-transform: translate(-300px, 0px); transform: translate3d(-300px, 0px, 0px);}
.viewinfos_inview						     {opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px);   transform: translate3d(0px, 0px, 0px);}
.viewinfos .caseinfo					     {float:left; font-size:12px; color:#8a8a8a; background:#eaeaea; padding:10px; margin:10px 10px 10px 0px; width:18%; height:180px;  filter : alpha(opacity=80); opacity : 0.8;}
.viewinfos .caseinfo img 				     {margin:2px 5px 0px 0px;}
.viewinfos .caseinfo:hover				     {filter : alpha(opacity=100); opacity : 1;}

.cartlist                                                             {width:100%; max-width:920px; height:auto; margin:0px auto 20px auto; border-bottom:solid 1px #999; background: #fff; font-size:15px; position: relative; display: flex; align-items: center;}
.noflex                                                               {display:block !important;}

.mask_carlist                                                         {background:rgba(255,255,255,0.75); width:100%; height:100%; position: absolute; top:0; left:0; display: none;}
.cartlist .col1                                                       {width: 150px; height: auto; display: flex; text-align: center;  min-width: 150px;}
.cartlist .col2                                                       {width:calc(100% - 150px); padding-left:5px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: center;}
.cartlist .col2 .innersub                                             {width: auto; min-width: fit-content;}
.cartlist .col2 .col2_sub                                             {width:100%; line-height:26px; text-align: right; font-size: 13px; align-items: center;}
.cartlist .col2 .col2_sub .sign_cart					              {width:100%; font-size:20px; color:#000; text-align: center; cursor:pointer; line-height:20px; width:20px; height:20px; display:inline-block; border:solid 1px #a5a5a5; border-radius:50%; margin:0px 5px;}

.cartlist .col3                                                       {width: 40px; display: flex; align-content: center; align-items: center;}
.cartlist .col3 .cartrash                                             {width:20px; height:20px; cursor: pointer; background-image: url('../img/boutons/trash.png'); background-position: center; background-size: cover; margin:0px 0px 0px auto;}
.carttotal                                                            {background:var(--color_theme); color:#fff; max-width:920px; margin:6px auto 4px auto;}
.sub                                                                  {background:#c9c9c9; color:#333;}
.carttotal .col1                                                      {width:80%; float:left; line-height:30px; display: block;}
.carttotal .col2                                                      {width:15%; float:left; line-height:30px; text-align: center;  display: block;}
.carttotal .col2 .coupon                                              {background:#fff; width: calc(100% - 65px); max-width: 200px; border-right: none; border-top: solid 1px var(--color_theme); border-bottom:solid 1px var(--color_theme); border-left:solid 1px var(--color_theme); font-size: 13px; line-height: 25px; padding: 4px 2px 4px 10px; float: left;}
.carttotal .col2 .couponbutton                                        {cursor: pointer;  color: #333; background-color: #fff; background-image: url('../img/boutons/coupon.png'); background-position: center center; background-repeat: no-repeat; background-size: 20px; border-top: solid 1px var(--color_theme); border-right: solid 1px var(--color_theme); border-bottom: solid 1px var(--color_theme); border-left: none; width: 50px; font-size: 13px; line-height: 25px; padding: 4px; float: left; }

.cartcoup                                                             {max-width:920px; margin:6px auto 4px auto;}
.cartcoup .col1                                                       {width:calc(100% - 240px); float:left; line-height:30px; display: block;}
.cartcoup .col1 textarea                                              {border: solid 1px var(--color_theme); color:rgb(63, 63, 63); outline:none; background:none; font-size:12px; line-height:18.5px; padding:5px; width:calc(100% - 10px); height:62px; margin-right:10px;}
.cartcoup .col2                                                       {width:240px; float:left; line-height:30px; text-align: center;  display: block;}
.cartcoup .col2 .coupon                                               {background:#fff; width: calc(100% - 65px); max-width: 200px; border-right: none; border-top: solid 1px var(--color_theme); border-bottom:solid 1px var(--color_theme); border-left:solid 1px var(--color_theme); font-size: 13px; line-height: 25px; padding: 4px 2px 4px 10px; float: left; transition: all 1s ease-in-out 5s;}
.cartcoup .col2 .couponbutton                                         {cursor: pointer;  color: #333; background-color: #fff; background-image: url('../img/boutons/coupon.png'); background-position: center center; background-repeat: no-repeat; background-size: 20px; border-top: solid 1px var(--color_theme); border-right: solid 1px var(--color_theme); border-bottom: solid 1px var(--color_theme); border-left: none; width: 50px; font-size: 13px; line-height: 25px; padding: 4px; float: left; }

.cartcommand                                                          {width:100%; max-width:920px; height:auto; margin:0px auto 20px auto; display: block;}
.cart_button                                                          {background: var(--color_theme); color: #fff; padding: 4px 12px; margin-top: 4.5px; font-size: 18px; cursor: pointer; line-height: 40px; border-radius: 3px; border:none; letter-spacing: -0.5px; font-weight: bold; width: auto; min-width: 120px; display: block; text-align: center;}
.cart_button:hover                                                    {color:#fff; transform: scale(1.05);}

#listofcart                                                           {display: block; min-height: 500px;}
.boutonPay                                                            {transition: all .2s ease; cursor: pointer; width:200px; font-size: 14px; line-height: 18px; padding: 20px 15px 10px 150px; height: 60px; background-color: var(--color_theme); color: #fff; display: block; margin: 20px auto; background-position: 25px center; background-repeat: no-repeat; background-size: 110px; text-align: center; transition:all .2s ease-out;}
.boutonPay:hover 		                                             {transform:scale(1.05);}
.crtbnq                                                               {background-image: url("../img/boutons/pay_cb_0.png");}
.paypal                                                               {background-image: url("../img/boutons/pay_pp_0.png");}
.payplug                                                              {background-image: url("../img/boutons/pay_pg_1.png");}
.virmnt                                                               {background-image: url("../img/boutons/pay_vr_1.png");}
.cheque                                                               {background-image: url("../img/boutons/pay_ch_0.png");}
.casecheck                                                            {width:24px; height:24px; display: block; background: url('../img/boutons/square.png'); float: left; cursor: pointer;}
.text-casecheck                                                       {line-height:24px; margin-left:20px; font-size:13.5px; float: left; display: block;}
#paypal-button-container                                              {max-width:250px; width:100%; margin:0px auto;}
.bouton_monetico                                                      {max-width:250px; width:100%; margin:0px auto; background:url('../img/boutons/monetico.png'); height:95px; display: block; border:none; box-shadow:0px 0px 3px rgba(0,0,0,0.2); cursor: pointer;}

.cartlist .choice ul							               {padding:0px; margin:0px; list-style-type:none; width:100%;}
.cartlist .choice li							               {cursor:pointer; position:relative; }
.cartlist .choice li ul				                    		{position:absolute; left:0px; bottom: 29px; margin:-1px 0px 0px 0px; padding:5px; color:rgb(63, 63, 63); width:calc(100% - 10px); height:auto; display:none; z-index:920; list-style-type:none; background: #fff; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; border-left:solid 1px #ccc; box-shadow:0px 0px 3px rgba(0,0,0,0.05); max-height: 250px; overflow-y: scroll; overflow-x: hidden; }
.cartlist .choice li ul li 			                    		{float:none; border:none; width:auto; font-size:14px; color:#333; text-align: left;}
.cartlist .choice li input 			                    		{position:relative; width: calc(100% - 10px); border: solid 1px #ccc; border-radius: 0px; line-height: 30px; font-size: 13px; padding: 0px 5px 0px 5px; display: block; cursor: pointer;}
.cartlist .choice li .arrow			                    		{position: absolute; right: 4px; top: calc(50% - 5px); background: url('../img/boutons/breadcrumb3.png'); width: 15px; height: 10px;}

.cartlist .choice ul li ul li:hover 	                    		{background:rgba(0,0,0,0.02); color:#000;}
.cartlist .linkout	 						                    {position:relative; padding:0px 0px 0px 30px; width:calc(100% - 30px); display: block; color:var(--color_theme); line-height: 35px; font-size:16px; margin:2px 0px 5px; text-align: left; cursor: pointer;}
.cartlist .LKadresse:before 				                         {content:""; position:absolute; background:url('../img/boutons/adress.png') center center no-repeat; background-size:21px 21px; filter: invert(0.6); width: 20px; height: 30px; display: block; left: 0px; cursor: pointer;}
.cartlist .zone_adress						                    {width:calc(50% - 52px); padding:15px; margin:10px; float:left; position:relative; cursor:pointer; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.05);}
.cartlist .zone_adress:hover                                          {box-shadow: 0px 2px 5px rgba(0,0,0,0.2);}
.cartlist .texte_cadeau                                               {font-size:14px; line-height:18px; min-height:120px; display:block; width:calc(100% - 50px); padding:10px 25px 20px 25px; background:url('../img/boutons/gift.png') center center no-repeat;}
.cartlist textarea				                                   {border: solid 1px var(--color_theme); color:rgb(63, 63, 63); outline:none; background:none; font-size:12px; line-height:30px; padding:5px; width:calc(100% - 10px); height:100%; margin-bottom:10px;}
.cartlist input[type="checkbox"]			                         {display: none;}
.cartlist .Chek_Selector 				                    	{display: flex; border-radius: 9999px; height: 20px; width: 40px; border: 1px solid rgba(0, 0, 0, .3);}
.cartlist .Chek_Sel_Active			                    		{background:var(--color_theme); justify-content: flex-start;}
.cartlist .Chek_Sel_NoActive			                         	{background: rgba(0, 0, 0, .1); justify-content: flex-start;}
.cartlist .Chek_Sel_move			                    		     {background-color: rgb(255, 255, 255); border-radius: 9999px; width: 20px; border: 1px solid rgba(0, 0, 0, 0.3);}
.cartlist #Zone_View_Adress                                           {transition:all .2s ease;}
 #edit_data_box							                    {position:absolute; top:80px; left:calc(50% - 160px); width:300px; height:auto; padding:20px 10px; background: #fafafa; color:#5d5d5d; border:solid 1px var(--color_theme); box-shadow:0px 20px 45px rgba(128,128,128,0.25); z-index:20; display:none; opacity:0; transition: all .3s ease;}
 #edit_data_box #close_data_box			                         {position:absolute; top:10px; right:10px; width:15px; height:15px; background:url('../img/boutons/close.png') center center no-repeat; background-size:cover; border-radius:50%; cursor: pointer; filter:invert(1);}
 #edit_data_box .miniplaceholder			                         {padding-left: 10px; text-align: left; margin:15px 0px 2px 0px; color:#999; font-size:12px; font-weight:bold;}
 #edit_data_box input 					                         {border:solid 1px #f2f2f2; color:rgb(63, 63, 63); outline:none; background:none; font-size:14px; line-height:40px; padding:0px 10px; margin-bottom:10px; width:calc(100% - 20px); transition: all .2s ease-out;  cursor:pointer;}
 #edit_data_box input:hover				                         {border:solid 1px #959595; background:rgb(184, 190, 223); color:rgb(24,50,201);}
 #edit_data_box input[type="submit"]		                         {cursor:pointer; color:#333; background-color:#222; background-image:url('../img/boutons/edit.png'); background-position:center center; background-repeat:no-repeat; border-top:solid 1px #5b5b5b; border-right:solid 1px #5b5b5b; border-bottom:solid 1px #5b5b5b; width:calc(100% - 20px); margin: 5px auto;}
 #edit_data_box input[type="submit"]:enabled:hover                    {filter:invert(1);}
 #edit_data_box input[disabled]			                         {opacity:0.5; cursor: not-allowed;}
 #edit_data_box textarea					                         {border:solid 1px #f2f2f2; color:rgb(63, 63, 63); outline:none; background:none; font-size:14px; line-height:20px; padding:4px; margin-bottom:10px; width:calc(100% - 30px); height:250px; transition: all .2s ease-out;  cursor:pointer; resize: none;}
 #edit_data_box textarea:hover			                         {border:solid 1px #959595; background:rgb(184, 190, 223); color:rgb(24,50,201);}
 #edit_data_box .z-left 					                         {width:auto; text-align:left; padding:0px 5px 0px 10px; float:left; color:rgb(106, 203, 225); line-height:30px;}
 #edit_data_box .z-right 					                    {width:auto; text-align:left; padding-left:5px;  float:left; line-height:30px;}
 #edit_data_box .skillstags				                         {border:solid 1px #999; padding:3px; margin:3px; display:inline-block;}
 #edit_data_box .categtags				                         {border:solid 1px #999; padding:3px 8px; margin:5px; display:inline-block; cursor:pointer;}
 #edit_data_box .categtags:hover 			                         {border:solid 1px #ddd;}
 #edit_data_box .onselect					                    {background: rgb(3, 97, 135); color:rgb(255, 255, 255);}

.listactioncmd                                                        {width:100%; max-width:920px; height:auto; margin:20px auto 20px auto; border-bottom:solid 1px var(--color_theme); padding:30px 0px 3px 0px; position: relative; display:flex;}
.listactioncmd .cmd_block                                             {width:calc((100% / 6) - 4px); margin:2px; display: inline-block; height:30px; line-height:30px; font-size:15px; text-align:center; }
.listactioncmd .cmd_donning                                           {background:#60d178; color:#fff;}
.listactioncmd .cmd_pending                                           {background:var(--color_theme); color:#fff;}
.listactioncmd .cmd_waiting                                           {background:#d4d4d4; color:#fff;}

.choix_transport                                                      {display:flex !important; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: stretch; border:solid 2px #f2f3f7; border-radius:4px; width:calc(100% - 20px); padding:8px; margin-bottom:15px; cursor:pointer;}
.choix_transport:hover                                                {border-color: var(--color_theme);}
.choix_transport_selected                                             {border:solid 2px var(--color_theme); background:var(--background_gen); box-shadow: 0 0 0.1 1px var(--color_theme);}
.choix_transport .descript_tr                                         {width:calc(100% - 315px); display: block;}
.choix_transport .prix_tr                                             {width: 120px; display: block; text-align: right;}
.choix_transport .img_tr                                              {width: 130px; height:90px; display: block;}
.choix_transport .transport1                                          {width:35px; height:25px; background:url('../img/boutons/transport1.png') center center no-repeat; margin-right: 30px;}
.choix_transport .transport2                                          {width:35px; height:25px; background:url('../img/boutons/transport2.png') center center no-repeat; margin-right: 30px;}
.choix_transport .transport3                                          {width:35px; height:25px; background:url('../img/boutons/transport3.png') center center no-repeat; margin-right: 30px;}
.choix_transport h4                                                   {font-size:16px; font-weight: bold;}
.choix_transport p                                                    {font-size:12px; margin:14px 0px 0px 0px; line-height:18px;}

.choix_transport input[type="checkbox"]			                    {display: none;}
.choix_transport .Chek_Selector 					               {display: flex; border-radius: 9999px; height: 20px; width: 40px; border: 1px solid rgba(0, 0, 0, .3);}
.choix_transport .Chek_Sel_Active					               {background:#7ab800; justify-content: flex-end;}
.choix_transport .Chek_Sel_NoActive				               {background: rgba(0, 0, 0, .1); justify-content: flex-start;}
.choix_transport .Chek_Sel_move					               {background-color: rgb(255, 255, 255); border-radius: 9999px; width: 20px; border: 1px solid rgba(0, 0, 0, 0.3);}

.adress_content                                                       {width:max-content; margin:0px auto 30px;}

.cartlist	input[type=text]					                    {position:relative; width: calc(100% - 10px); border: solid 1px #ccc; border-radius: 0px; line-height: 30px; font-size: 13px; padding: 0px 5px 0px 5px; display: block; margin:0px 0px 5px 0px;}
.cartlist	input[type=tel]					                    {position:relative; width: calc(100% - 10px); border: solid 1px #ccc; border-radius: 0px; line-height: 30px; font-size: 13px; padding: 0px 5px 0px 5px; display: block; margin:0px 0px 5px 0px;}
.cartlist	#select_ville                                               {display:none; position:relative; width: calc(100% - 10px); border: solid 1px #ccc; border-radius: 0px; line-height: 30px; font-size: 13px; padding: 0px 5px 0px 5px; margin:0px 0px 5px 0px;}

.infocont                                               {width:100%; height:auto; min-height: 100px; position:relative; background:#163041; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; margin:0px auto;}
.infocont:before                                        {position: absolute; top: 0px; left: -1px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree_001.svg'); transform:rotate(180deg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; content: ''; z-index: 1;}
.infocont .zonetext                                     {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center; width:35%; height:auto; margin:0px; padding: 90px 0px 50px 20px; text-align: left; color:#ddd;}   
.infocont .zonetext h3                                  {margin: 0 0 18px; font-size: 16px; line-height: .95; font-weight: 800; color:var(--color_theme); text-align:left;}
.infocont .zonetext h2                                  {margin: 20px 0 30px !important; font-size: clamp(1.5rem, 3.8vw, 3.0rem); line-height: 1.2em !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: #fff !important; text-align: left;}
.infocont .zonetext p                                   {width:auto; max-width:320px;}
.infocont .zonetext .btn_actions                        {display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.infocont .zonetext .btn_actions .hero_btn              {display: inline-flex; align-items: center; justify-content: center; min-height: 45px; padding: 0 20px; margin:20px 0px; border-radius: 8px; font-size: 1rem; font-weight: 600; text-decoration: none; transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;}
.infocont .zonetext .btn_actions .hero_btn:hover        {transform: translateY(-2px);}
.infocont .zonetext .btn_actions .hero_btn_primary      {color: #fff; background: #e85d49; border: 2px solid #e85d49; }
.infocont .zonetext .btn_actions .hero_btn_primary span {margin-left: 12px; font-size: 1em; line-height: 1;}
.infocont .zonetext .btn_actions .hero_btn_primary:hover {background: var(--color_theme); border-color: var(--color_theme); box-shadow: 0 6px 16px rgba(0, 0, 0, .12); }
.infocont .zonetext .btn_actions .hero_btn_secondary    {color: #163b49; background: rgba(255, 255, 255, .55); border: 2px solid #315361; backdrop-filter: blur(2px);}
.infocont .zonetext .btn_actions .hero_btn_secondary:hover {background: rgba(255, 255, 255, .85);}
.infocont .zoneimg                                      {display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; width:55%; height:auto; margin:0px 0px 0px auto; padding: 0px; text-align: right;}        
.infocont .zoneimg .blimg1                              {width:100%; height:100%; display:block; margin:0px auto 0px auto; text-align:center; position:relative; overflow:hidden; position:relative; background-image:url('../img/illustration/fond_accueil_004.jpg'); background-repeat: no-repeat; background-position:right center; background-size: cover;}
.infocont .zoneimg .blimg1 .inner                       {width:100%; height:100%;}
.infocont .zoneimg .blimg1 .zonedechireee               {position:absolute; top:0px; left:0px; width:101%; height:80px; background-image:url('../img/fond/cadreimgbleu.svg'); transform:rotate(90deg); translate: calc(-50% + 40px) 130%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display:block;}

@media print {
     .site_head                                                       {display:none;}
     .site_head_menu_nav                                              {display:none;}
     .site_search                                                     {display:none;}
     .site_body                                                       {margin-top:0px;}
     .site_body p                                                     {margin:2px 0px;}
     #menu_shop                                                       {display:none;}
     .zone_categ                                                      {display:none;}
     .mess-block h2                                                   {font-size:12px;} 
     .mess-block h3                                                   {font-size:12px;} 
     .zone_cat                                                        {display:none;}
     .site_info_com                                                   {display:none;}
     .site_foot                                                       {display:none;}
}

@media screen and (min-width:100px) and (max-width:640px) {
     .cartlist .col1                                             {width:100px; min-width:100px;}
     .cartlist .col2                                             {width: calc(100% - 100px);}
     .cartlist .col2 .col2_sub                                   {line-height: 18px; flex-wrap: wrap;}
     .adress_content                                             {width: 100%;}
     #listofcart                                                 {font-size: 13px;}
     .carttotal .col2                                            {width:20%;}
     .listactioncmd .cmd_block                                   {font-size: 10px;}
     
}

@media screen and (min-width:641px) and (max-width:1180px)  {

}

/* ==========================================================================
   FICHE PRODUIT CAMPREVE
   ========================================================================== */

.cr-product {
	--cr-ink: #082f43;
	--cr-accent: var(--color_theme, #ef5d4d);
	--cr-accent-hover: var(--color_theme_h, #d94c3e);
	--cr-ivory: #fffcf4;
	--cr-sand: #f5efe4;
	--cr-line: #e9e2d7;
	--cr-muted: #68757b;
	--cr-green: #238b45;
	--cr-shadow: 0 18px 45px rgba(8, 47, 67, .09);
	width: calc(100% - 40px);
	max-width: 1440px;
	margin: 0 auto 40px;
	color: #24343b;
}

.cr-product *, .cr-product *::before, .cr-product *::after       {box-sizing: border-box;}
.cr-product button, .cr-product select                           {font: inherit;}
.cr-product__header                                              {max-width: 1240px; margin: 20px auto 8px auto;}
.cr-product__header h1                                           {margin: 8px 0 15px; color: var(--cr-ink); font-size: clamp(2rem, 3.4vw, 3.25rem); font-weight: 800; line-height: 1; letter-spacing: -.045em;}
.cr-product__badge                                               {display: inline-flex; align-items: center; min-height: 27px; padding: 3px 12px; border-radius: 30px; background: var(--cr-accent); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;}
.cr-product__identity                                            {display: flex; flex-wrap: wrap; gap: 8px 24px; color: var(--cr-muted); font-size: 12px; }
.cr-product__identity span + span                                {position: relative;}
.cr-product__identity span + span::before                        {position: absolute; left: -13px; content: "·";}
.cr-product__main                                                {display: grid; grid-template-columns: minmax(0, 65fr) minmax(330px, 35fr); align-items: start; gap: 36px; max-width: 1240px; margin: 0 auto 28px;}
.cr-gallery__stage                                               {position: relative; display: block; width: 100%; max-width: 100%; height: auto; margin: 0 auto; overflow: hidden; border: 1px solid var(--cr-line); border-radius: 14px; background: #fff;}
.cr-gallery__stage > a                                           {position: relative; display: block; width: 100%; max-width: 100%; height: auto;}
.cr-gallery__stage img                                           {display: block; width: 100%; max-width: 100%; height: auto;}
.cr-gallery__counter                                             {position: absolute; top: 18px; right: 18px; padding: 7px 12px; border-radius: 30px; background: rgba(255, 255, 255, .92); box-shadow: 0 4px 20px rgba(8, 47, 67, .08); color: var(--cr-ink); font-size: 12px; font-weight: 800;}
.cr-gallery__arrow                                               {position: absolute; top: 50%; display: grid; width: 42px; height: 42px; padding: 0; transform: translateY(-50%); place-items: center; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .94); box-shadow: 0 6px 20px rgba(8, 47, 67, .14); color: var(--cr-ink); font-size: 29px; line-height: 1; cursor: pointer; transition: transform .2s ease, background .2s ease;}
.cr-gallery__arrow:hover                                         {transform: translateY(-50%) scale(1.06); background: #fff;}
.cr-gallery__arrow--previous                                     {left: 16px;}
.cr-gallery__arrow--next                                         {right: 16px;}
.cr-gallery__thumbs                                              {display: grid; width: fit-content; max-width: 100%; grid-auto-columns: 88px; grid-auto-flow: column; gap: 10px; margin: 8px auto 0; overflow-x: auto; scrollbar-width: thin; padding: 4px 0px;}
.cr-gallery__thumb                                               {height: 92px; padding: 3px; overflow: hidden; border: 2px solid transparent; border-radius: 9px; background: #fff; cursor: pointer; transition: border-color .2s ease, transform .2s ease;}
.cr-gallery__thumb:hover, .cr-gallery__thumb.is-active           {border-color: var(--cr-accent); transform: translateY(-2px);}
.cr-gallery__thumb img                                           {width: 100%; height: 100%; border-radius: 5px; object-fit: cover;}
.cr-buybox                                                       {position: sticky; top: 95px; padding: 30px; border: 1px solid rgba(233, 226, 215, .8); border-radius: 14px; box-shadow: var(--cr-shadow);}
.cr-buybox__brand                                                {display: block; max-width: 130px; max-height: 48px; margin: 0 0 20px; object-fit: contain; object-position: left center;}
.cr-buybox__summary                                              {padding-bottom: 22px; border-bottom: 1px solid var(--cr-line); font-size: 14px; line-height: 1.55; color: #243137;}
.cr-buybox__summary img                                          {margin-bottom:3px;}
.cr-buybox__price                                                {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 3px 10px; padding: 24px 0 8px; color: var(--cr-ink);}
.cr-buybox__price del                                            {flex-basis: 100%; color: #9b9b9b; font-size: 15px;}
.cr-buybox__price strong                                         {font-size: clamp(2.2rem, 3vw, 3rem); line-height: .95; letter-spacing: -.04em;}
.cr-buybox__price strong sup, .cr-product-mobile-bar strong sup  {vertical-align: super; font-size: .48em;}
.cr-buybox__price > span                                         {padding-top: 7px; font-size: 13px; font-weight: 700;}
.cr-buybox__price small                                          {margin-left: auto; padding-top: 8px; color: var(--cr-muted); font-size: 11px;}
.cr-buybox__finance                                              {margin: 0 0 5px !important; color: var(--cr-ink); font-size: 9px; font-weight: 700;}
.cr-buybox__availability                                         {display: flex; align-items: center; gap: 9px; margin: 16px 0 7px; font-size: 15px; font-weight: 800;}
.cr-buybox__availability span                                    {width: 9px; height: 9px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px rgba(35, 139, 69, .1);}
.cr-buybox__availability.is-available                            {color: var(--cr-green); }
.cr-buybox__availability.is-unavailable                          {color: #a23b36; }
.cr-buybox__delivery                                             {display: flex; flex-direction: column; margin-bottom: 22px; padding-left: 18px; border-left: 3px solid var(--cr-green); }
.cr-buybox__delivery strong                                      {color: var(--cr-green); font-size: 16px; text-transform: uppercase;}
.cr-buybox__delivery span                                        {margin-top: 3px; color: var(--cr-muted); font-size: 11px;}
.cr-buybox__field, .cr-buybox__quantity                          {display: grid; grid-template-columns: 1fr 150px; align-items: center; gap: 15px; margin: 12px 0; color: var(--cr-ink); font-size: 13px; font-weight: 700;}
.cr-buybox select                                                {width: 100%; min-height: 42px; padding: 8px 34px 8px 12px; border: 1px solid var(--cr-line); border-radius: 7px; background: #fff; color: #24343b; cursor: pointer;}
.cr-quantity                                                     {display: grid; grid-template-columns: 38px 1fr 38px; overflow: hidden; border: 1px solid var(--cr-line); border-radius: 7px; background: #fff;}
.cr-quantity button                                              {border: 0; background: #fff; color: var(--cr-ink); font-size: 20px; cursor: pointer;}
.cr-quantity button:hover                                        {background: var(--cr-sand);}
.cr-quantity select                                              {min-height: 40px; padding: 4px; border: 0; border-right: 1px solid var(--cr-line); border-left: 1px solid var(--cr-line); border-radius: 0;text-align: center;}
.cr-buybox__cart, .cr-buybox__buy                                {display: flex; width: 100%; min-height: 55px; align-items: center; justify-content: center; gap: 9px; margin-top: 12px; padding: 12px 18px; border-radius: 8px; font-size: 14.5px !important; font-weight: 800 !important; letter-spacing: .01em;  text-transform: uppercase; cursor: pointer; transition: transform .2s ease, background .2s ease, color .2s ease;}
.cr-buybox__cart                                                 {border: 1px solid var(--cr-accent); background: var(--cr-accent); color: #fff;}
.cr-buybox__buy                                                  {border: 1px solid var(--cr-accent); background: transparent; color: var(--cr-accent);}
.cr-buybox__cart:hover, .cr-buybox__buy:hover                    {transform: translateY(-2px);}
.cr-buybox__cart:hover                                           {background: var(--cr-accent-hover);}
.cr-buybox__buy:hover                                            {background: #fff;}
.cr-buybox__trust                                                {display: grid; gap: 8px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--cr-line); color: var(--cr-muted); font-size: 11px; }
.cr-buybox__trust span::before                                   {margin-right: 8px; color: var(--cr-green); content: "✓"; font-weight: 900;}
.cr-buybox__question, .cr-product__share                         {display: block; margin: 18px auto 0; border: 0; background: transparent; color: var(--cr-ink); font-size: 12px; text-align: center; text-decoration: underline; cursor: pointer;}
.cr-passport                                                     {display: grid; grid-template-columns: 210px 1fr; max-width: 1240px; margin: 32px auto; padding: 20px 28px; border: 1px solid var(--cr-line); border-radius: 14px; background: var(--cr-ivory);}
.cr-passport__title                                              {display: flex; flex-direction: column; justify-content: center; padding-right: 30px; border-right: 1px solid var(--cr-line);}
.cr-passport__title small, .cr-story__content > small, .cr-installation header small, .cr-faq > small, .cr-related header small {color: var(--cr-accent); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;}
.cr-passport__title h2                                           {margin: 5px 0 0; color: var(--cr-ink); font-size: 31px; line-height: 1; height: 84px; width: min-content;}
.cr-passport__items                                              {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));}
.cr-passport__item                                               {position: relative; display: flex; min-height: 180px; flex-direction: column; align-items: center; justify-content: center; padding: 10px 14px; text-align: center;}
.cr-passport__item + .cr-passport__item                          {border-left: 1px solid var(--cr-line);}
.cr-passport__item strong                                        {color: var(--cr-ink); font-size: 13px;}
.cr-passport__item small                                         {margin-top: 4px; color: var(--cr-muted); font-size: 10px;}
.cr-passport__item.is-empty                                      {opacity: .48;}

.cr-passport__icon {
	position: relative;
	display: grid;
	width: 108px;
	height: 108px;
	margin-bottom: 16px;
	place-items: center;
	border: 3px solid var(--cr-ink);
	border-radius: 50%;
}

.cr-passport__icon .material-icons {
	color: var(--cr-ink);
	font-size: 52px !important;
}

.cr-story {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
	align-items: center;
	gap: 45px;
	max-width: 1240px;
	margin: 34px auto;
}

.cr-story--text {
	grid-template-columns: minmax(0, 820px);
	justify-content: center;
	text-align: center;
}

.cr-story__content h2,
.cr-installation h2,
.cr-faq h2,
.cr-related h2 {
	margin: 9px 0 20px;
	color: var(--cr-ink);
	font-size: clamp(1.9rem, 3vw, 2.55rem);
	line-height: 1;
	letter-spacing: -.04em;
}

.cr-story__content p {
	color: #4d5b60;
	font-size: 15px;
	line-height: 1.65;
}

.cr-story__content a,
.cr-question a {
	display: inline-flex;
	margin-top: 14px;
	padding: 13px 20px;
	border-radius: 7px;
	background: var(--cr-accent);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.cr-story__image {
	width: fit-content;
	max-width: 420px;
	height: auto;
	justify-self: end;
	margin: 0 0 0 auto;
	overflow: hidden;
	border-radius: 14px;
	background: var(--cr-sand);
	box-shadow: var(--cr-shadow);
}

.cr-story__image img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}

.cr-product-tabs {
	max-width: 1240px;
	margin: 36px auto;
	scroll-margin-top: 100px;
}

.cr-tabs__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-bottom: 18px;
}

.cr-tabs__button {
	min-height: 43px;
	padding: 9px 22px;
	border: 1px solid var(--cr-line);
	border-radius: 30px;
	background: #fff;
	color: var(--cr-muted);
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.cr-tabs__button:hover,
.cr-tabs__button.is-active {
	border-color: var(--cr-accent);
	background: var(--cr-accent);
	color: #fff;
}

.cr-tabs__panel {
	padding: 30px;
	border: 1px solid var(--cr-line);
	border-radius: 14px;
	background: #fff;
}

.cr-tabs__panel[hidden] {
	display: none;
}

.cr-description {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 350px);
	gap: 55px;
}

.cr-description__text {
	min-width: 0;
	font-size: 15px;
	line-height: 1.7;
}

.cr-description__text h2,
.cr-delivery h2,
.cr-documents h2,
.cr-question h2 {
	margin: 0 0 25px;
	color: var(--cr-ink);
	font-size: 25px;
}

.cr-description__brand {
	max-width: 125px;
	max-height: 50px;
	margin-bottom: 20px;
	object-fit: contain;
}

.cr-description__specs {
	align-self: start;
	padding: 24px;
	border-radius: 11px;
	background: var(--cr-ivory);
}

.cr-description__specs h3 {
	margin: 0 0 18px;
	color: var(--cr-ink);
	font-size: 16px;
}

.cr-description__specs > div {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 11px 0;
	border-top: 1px solid var(--cr-line);
	font-size: 12px;
}

.cr-description__specs span { color: var(--cr-muted); }
.cr-description__specs strong { color: var(--cr-ink); text-align: right; }

.cr-description__spec-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.cr-description__spec-label .material-icons {
	color: var(--cr-accent);
	font-size: 20px;
}

.cr-documents {
	display: grid;
	gap: 12px;
}

.cr-documents a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 20px;
	border: 1px solid var(--cr-line);
	border-radius: 8px;
	color: var(--cr-ink);
}

.cr-documents a:hover {
	border-color: var(--cr-accent);
}

.cr-documents span {
	color: var(--cr-muted);
	font-size: 11px;
}

.cr-videos {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.cr-videos iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: 10px;
}

.cr-question {
	padding: 30px;
	text-align: center;
}

.cr-installation {
	position: relative;
	max-width: 1240px;
	margin: 28px auto;
	padding: 45px;
	overflow: hidden;
	border-radius: 14px;
	background: var(--cr-ivory) url('../img/fond/fond_topographie.svg');
}

.cr-installation header {
	margin-bottom: 35px;
	text-align: center;
}

.cr-installation__steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 25px;
}

.cr-installation__steps > div {
	position: relative;
	padding: 28px;
	border: 1px solid rgba(233, 226, 215, .8);
	border-radius: 11px;
	background: rgba(255, 255, 255, .92);
}

.cr-installation__steps span {
	position: absolute;
	top: -15px;
	left: 22px;
	display: grid;
	width: 34px;
	height: 34px;
	place-items: center;
	border-radius: 50%;
	background: var(--cr-accent);
	color: #fff;
	font-weight: 900;
}

.cr-installation__steps img {
     width:100%;
     height:auto;
     border-radius: 7px;
}

.cr-installation__steps strong {
	display: block;
	margin: 8px 0 12px;
	color: var(--cr-ink);
	font-size: 18px;
}

.cr-installation__steps p {
	margin: 0;
	color: var(--cr-muted);
	font-size: 13px;
	line-height: 1.55;
}

.cr-faq {
	max-width: 1240px;
	margin: 45px auto;
}

.cr-faq details {
	border-top: 1px solid var(--cr-line);
}

.cr-faq details:last-child {
	border-bottom: 1px solid var(--cr-line);
}

.cr-faq summary {
	position: relative;
	padding: 19px 48px 19px 3px;
	color: var(--cr-ink);
	font-size: 14px;
	font-weight: 750;
	cursor: pointer;
	list-style: none;
}

.cr-faq summary::-webkit-details-marker {
	display: none;
}

.cr-faq summary::after {
	position: absolute;
	top: 17px;
	right: 12px;
	content: "+";
	color: var(--cr-accent);
	font-size: 23px;
	font-weight: 500;
}

.cr-faq details[open] summary::after {
	content: "−";
}

.cr-faq details > div {
	max-width: 900px;
	padding: 0 48px 22px 3px;
	color: var(--cr-muted);
	font-size: 14px;
	line-height: 1.65;
}

.cr-related {
	max-width: 1240px;
	margin: 45px auto;
}

.cr-related header {
	margin-bottom: 28px;
}

.cr-related .gridprod {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 18px;
}

.cr-related .gridprod .row_prod {
	width: calc(25% - 14px);
}

.cr-reassurance {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	max-width: 1240px;
	margin: 24px auto 0;
	overflow: hidden;
	border: 1px solid var(--cr-line);
	border-radius: 12px;
	background: var(--cr-ivory);
}

.cr-reassurance div {
	display: flex;
	min-height: 95px;
	flex-direction: row;
	justify-content: center;
     align-items: last baseline;
     align-content:center;
	padding: 20px 25px;
}

.cr-reassurance div i {
     font-size:32px !important;
     margin-right:8px;
}

.cr-reassurance div + div {
	border-left: 1px solid var(--cr-line);
}

.cr-reassurance strong {
	color: var(--cr-ink);
	font-size: 13px;
}

.cr-reassurance span {
	margin-top: 5px;
	color: var(--cr-muted);
	font-size: 10px;
}

.cr-product-mobile-bar {
	display: none;
}

@media print {
	.cr-buybox__cart,
	.cr-buybox__buy,
	.cr-product__share,
	.cr-product-mobile-bar,
	.cr-gallery__arrow,
	.cr-gallery__thumbs,
	.cr-tabs__nav {
		display: none !important;
	}

	.cr-product,
	.cr-product__main,
	.cr-story,
	.cr-description {
		display: block;
		width: 100%;
		margin: 0;
	}

	.cr-buybox {
		position: static;
		box-shadow: none;
	}

	.cr-tabs__panel {
		display: block !important;
		border: 0;
	}
}

@media screen and (max-width: 1180px) {
	.cr-product__main {
		grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
		gap: 22px;
	}

	.cr-gallery__stage {
		min-height: 0;
	}

	.cr-buybox {
		padding: 24px;
	}

	.cr-passport {
		grid-template-columns: 1fr;
	}

	.cr-passport__title {
		margin-bottom: 20px;
		padding: 0 0 18px;
		border-right: 0;
		border-bottom: 1px solid var(--cr-line);
		text-align: center;
	}

	.cr-story {
		gap: 32px;
	}

	.cr-related .gridprod .row_prod {
		width: calc(33.333% - 12px);
	}
}

@media screen and (max-width: 860px) {
	.cr-product {
		width: calc(100% - 28px);
		margin-bottom: 24px;
	}

	.cr-product__main,
	.cr-story,
	.cr-description {
		grid-template-columns: 1fr;
	}

	.cr-buybox {
		position: static;
	}

	.cr-passport__items {
		grid-template-columns: repeat(3, 1fr);
	}

	.cr-passport__item + .cr-passport__item {
		border-left: 0;
	}

	.cr-passport__item:nth-child(2),
	.cr-passport__item:nth-child(3),
	.cr-passport__item:nth-child(5) {
		border-left: 1px solid var(--cr-line);
	}

	.cr-passport__item:nth-child(n+4) {
		border-top: 1px solid var(--cr-line);
	}

	.cr-story__content {
		order: 2;
	}

	.cr-story__image {
		order: 1;
	}

	.cr-story__image img {
		max-height: none;
	}

	.cr-installation__steps {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.cr-reassurance {
		grid-template-columns: repeat(2, 1fr);
	}

	.cr-reassurance div:nth-child(3) {
		border-left: 0;
		border-top: 1px solid var(--cr-line);
	}

	.cr-reassurance div:nth-child(4) {
		border-top: 1px solid var(--cr-line);
	}

	.cr-related .gridprod .row_prod {
		width: calc(50% - 10px);
	}

	.cr-product-mobile-bar {
		position: fixed;
		right: 12px;
		bottom: 12px;
		left: 12px;
		z-index: 1000;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		padding: 12px 14px;
		border: 1px solid var(--cr-line);
		border-radius: 12px;
		background: rgba(255, 252, 244, .96);
		box-shadow: 0 12px 35px rgba(8, 47, 67, .2);
		backdrop-filter: blur(8px);
	}

	.cr-product-mobile-bar strong {
		color: var(--cr-ink);
		font-size: 20px;
	}

	.cr-product-mobile-bar button {
		min-height: 44px;
		padding: 8px 16px;
		border: 0;
		border-radius: 7px;
		background: var(--cr-accent);
		color: #fff;
		font-size: 11px;
		font-weight: 800;
		text-transform: uppercase;
	}
}

@media screen and (max-width: 600px) {
	.cr-product__header h1 {
		font-size: 2.15rem;
	}

	.cr-product__identity {
		flex-direction: column;
		gap: 3px;
	}

	.cr-product__identity span + span::before {
		display: none;
	}

	.cr-gallery__stage {
		min-height: 0;
	}

	.cr-gallery__thumb {
		height: 72px;
	}

	.cr-buybox {
		padding: 20px;
	}

	.cr-buybox__field,
	.cr-buybox__quantity {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.cr-passport {
		margin: 28px auto;
		padding: 24px 14px;
	}

	.cr-passport__items {
		grid-template-columns: repeat(2, 1fr);
	}

	.cr-passport__item:nth-child(n) {
		border-top: 0;
		border-left: 0;
	}

	.cr-passport__item:nth-child(even) {
		border-left: 1px solid var(--cr-line);
	}

	.cr-passport__item:nth-child(n+3) {
		border-top: 1px solid var(--cr-line);
	}

	.cr-story,
	.cr-product-tabs,
	.cr-installation,
	.cr-faq,
	.cr-related {
		margin-top: 32px;
		margin-bottom: 32px;
	}

	.cr-tabs__nav {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.cr-tabs__button {
		padding: 8px 10px;
	}

	.cr-tabs__panel {
		padding: 22px 18px;
	}

	.cr-description__specs {
		padding: 18px;
	}

	.cr-videos {
		grid-template-columns: 1fr;
	}

	.cr-installation {
		padding: 45px 18px;
	}

	.cr-reassurance {
		grid-template-columns: 1fr;
	}

	.cr-reassurance div + div,
	.cr-reassurance div:nth-child(3),
	.cr-reassurance div:nth-child(4) {
		border-top: 1px solid var(--cr-line);
		border-left: 0;
	}

	.cr-related .gridprod .row_prod {
		width: 100%;
		max-width: none;
	}
}