@charset "utf-8";

#recharge_content{background-image:url('../images/art/map-8040157442.svg');background-repeat:no-repeat;background-position:center top;background-size:max(var(--MaxContentWidth),80em) auto;background-attachment:fixed;
	&>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;display:grid;grid:"recharge_cover ." auto "recharge_form recharge_function" auto "recharge_description ." 1fr/1fr clamp(30em,33%,35em);gap:var(--spacing);align-items:start;
		#recharge_cover{grid-area:recharge_cover;}
		#recharge_form{grid-area:recharge_form;}
		#recharge_function{grid-area:recharge_function;}
		#recharge_description{grid-area:recharge_description;}
		@media only screen and (max-width:1280px){grid:"recharge_cover recharge_cover" auto "recharge_form recharge_function" auto "recharge_description ." 1fr/1fr clamp(30em,33%,35em);}
		@media only screen and (max-width:800px){grid:"recharge_cover" "recharge_form" "recharge_function" "recharge_description";padding-inline:unset;}
	}
	#recharge_cover{
		&>.inner{display:grid;grid-template-columns:15em 1fr;align-items:center;gap:var(--spacing);
			.img{
				&>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;}
			}
			& h1{display:block;max-width:30em;font-size:var(--SiteFS-XXXL);font-weight:var(--SiteFW-B);
				&>span{font-weight:var(--SiteFW-EB);}
			}
		}
		@media only screen and (max-width:800px){width:min(40em,100%);margin-inline:auto;
			&>.inner{grid-template-columns:1fr 2fr;
				& h1{font-size:var(--SiteFS-XL);}
			}
		}
		@media only screen and (max-width:480px){
			&>.inner{padding-inline:var(--spacing);
				& h1{font-size:var(--SiteFS-L);}
			}
		}
	}
	#recharge_form{display:grid;grid-template-columns:repeat(auto-fill,minmax(25em,1fr));gap:var(--spacing);padding:var(--spacing);border-radius:1em;background-color:var(--background-color-L1);
		#Recharge_operator,#Recharge_sku{grid-column:1/-1;}
		[data-step]{counter-increment:step;display:grid;grid:"step title" auto ". content" 1fr / auto 1fr;gap:1em;scroll-margin-block-start:calc((var(--site-header-height) - var(--global-nav-height)) * 1px + 1.5em);
			&:not(:last-child){padding-block-end:var(--spacing);box-shadow:var(--body-text-color-a5) 0 1px 0;}
			&::before{grid-area:step;content:counter(step);display:block;width:2em;height:2em;line-height:2;overflow:hidden;text-align:center;background:var(--body-text-color-a5);font-weight:var(--SiteFW-B);border-radius:.5em;}
			&>.title{grid-area:title;display:flex;align-items:center;font-weight:var(--SiteFW-B);}
			&>.inner{grid-area:content;display:flex;flex-direction:column;gap:1.5em;}
			.field{max-width:30em;display:flex;flex-direction:column;gap:1em;}
			.load{display:flex;align-items:center;}
		}
		@media only screen and (max-width:800px){width:min(40em,100%);margin-inline:auto;box-sizing:border-box;}
	}
	#recharge_function{display:flex;flex-direction:column;gap:var(--spacing);background:var(--background-color-L2);border-radius:1em;overflow:hidden;padding:var(--spacing);
		.total{display:grid;grid-template-columns:1fr auto;column-gap:var(--spacing);padding-block-end:var(--spacing);box-shadow:var(--body-text-color-a5) 0 1px 0;
			.T{font-size:var(--SiteFS-XXL);font-weight:var(--SiteFW-EB);}
			.C{text-align:end;}
			.price{color:var(--SiteTHM);font-size:var(--SiteFS-XXL);font-weight:var(--SiteFW-EB);}
			.credits{color:var(--body-text-color-a50);font-size:var(--SiteFS-S);}
			#totalCredits{font-weight:var(--SiteFW-EB);}
		}
		.details{display:grid;grid-template-columns:max(8em,30%) 1fr;gap:.75em var(--spacing);
			.T{}
			.C{display:flex;flex-direction:column;gap:.5em;}
			.hr{grid-column:1/-1;margin-block:.75em;height:1px;background-color:var(--body-text-color-a5);
				&:not(:has(~.show)){display:none;}
			}
			.phone_number{font-weight:var(--SiteFW-EB);}
			.product_name{font-weight:var(--SiteFW-EB);}
			.product_desc{font-size:var(--SiteFS-S);color:var(--body-text-color-a50);}
			& :is(.validity,.tax,.received){font-weight:var(--SiteFW-EB);}
			&>div:is(.product_validity,.product_local_tax,.product_local_received):not(.show){display:none;}
		}
		.btc{display:flex;flex-direction:column;gap:1em;
			.btw{--font-weight:var(--SiteFW-EB);text-transform:uppercase;}
		}
		@media only screen and (min-width:1001px){position:sticky;inset-block-start:calc(var(--main-nav-height) * 1px + var(--spacing));z-index:1;align-self:start;}
		@media only screen and (max-width:800px){width:min(40em,100%);margin-inline:auto;box-sizing:border-box;}
	}
	#recharge_description{padding-inline:var(--spacing);background:var(--background-color-L3);border-radius:1em;
		&>.inner{max-width:60em;margin-inline:auto;
			.title{display:flex;align-items:center;height:5em;font-weight:var(--SiteFW-B);box-shadow:var(--body-text-color-a5) 0 1px 0;}
			& article.docs{padding-block:var(--spacing);}
		}
		@media only screen and (max-width:800px){width:min(40em,100%);margin-inline:auto;box-sizing:border-box;}
	}
}


.Recharge_country_ctrl,.Recharge_phone_number{--CPT-US:4em;}

.operator_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(18em,1fr));align-items:start;gap:.75em;--spacing:1.25em 1.5em;
	.operator{display:grid;grid:"logo info"/auto 1fr;align-items:center;gap:var(--spacing);padding:var(--spacing);box-sizing:border-box;cursor:pointer;border-radius:var(--CPT-BDR);background-color:var(--background-color-L3);transition:box-shadow 300ms;box-shadow:var(--body-text-color-a10) 0 0 0 var(--CPT-BDW) inset;
		&.on{box-shadow:var(--SiteTHM-A75) 0 0 0 var(--CPT-BDW) inset,var(--SiteTHM-A10) 0 0 0 999em inset;}
		.logo{grid-area:logo;width:var(--W,3em);height:var(--W,3em);border-radius:25%;box-sizing:border-box;overflow:hidden;background-color:#fff;box-shadow:var(--body-text-color-a10) 0 0 0 1px;align-self:start;
			&>img{display:block;width:100%;height:100%;box-sizing:border-box;object-fit:contain;
				&.lazyloaded{padding:15%;}
			}
		}
		.info{grid-area:info;
			.name{font-weight:var(--SiteFW-B);}
		}
	}
}

.SKU_list{display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));align-items:start;gap:.75em;--spacing:1.5em;
	& label{display:block;
		&>input[type="radio"]{display:none;
			&:checked+.SKU_type{box-shadow:var(--SiteTHM-A75) 0 0 0 var(--CPT-BDW) inset,var(--SiteTHM-A10) 0 0 0 999em inset;
				.bundle>span{display:block;max-height:unset;}
			}
		}
		.SKU_type{display:grid;grid:"sku price"/1fr auto;gap:var(--spacing);padding:var(--spacing);box-sizing:border-box;cursor:pointer;border-radius:var(--CPT-BDR);background-color:var(--background-color-L3);transition:box-shadow 300ms;box-shadow:var(--body-text-color-a10) 0 0 0 var(--CPT-BDW) inset;
			.sku{grid-area:sku;font-weight:var(--SiteFW-EB);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
			.price{grid-area:price;
				& b{font-weight:var(--SiteFW-EB);color:var(--SiteTHM);}
			}
			.bundle{grid-column:1/-1;padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5) 0 -1px 0;
				&>span{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:3em;overflow:hidden;text-overflow:ellipsis;font-size:var(--SiteFS-S);}
			}
		}
	}
	&:not(.fold) .fold_ctrl{display:none;}
	.fold_ctrl{grid-column:1/-1;display:block;margin-inline:auto;--icon-order:9;--font-weight:var(--SiteFW);}
	@media only screen and (min-width:801px){
		&:not(:has(label:nth-of-type(13))) .fold_ctrl{display:none;}
		&.fold label:nth-of-type(12)~label{display:none;}
	}
	@media only screen and (max-width:800px){
		&:not(:has(label:nth-of-type(7))) .fold_ctrl{display:none;}
		&.fold label:nth-of-type(6)~label{display:none;}
	}
}