/*
Theme Name: d20juegos
Author: navarraweb
Version: 1.0
Description: d20juegos
License URI: http://www.opensource.org/licenses/GPL-3.0
*/
 body{font-family:'Raleway',Arial,sans-serif;color:#16130E;background:#fff;line-height:1.5}*{box-sizing:border-box}h1,h2,h3,h4,h5{font-weight:800;line-height:1.12;}a{color:inherit}.wrap{max-width:1240px;margin:0 auto;padding:0 40px}.narrow{max-width:840px;text-align:center}section{padding:96px 0}.mono,.tag,.eyebrow,.ev-day,.ev-time,.rev-who,footer h5{font-family:'JetBrains Mono',monospace}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:12.5px;letter-spacing:2px;text-transform:uppercase;color:#E4362A;background:rgba(228,54,42,.08);padding:7px 16px;border-radius:999px;margin-bottom:18px}.eyebrow.on-dark{color:#fff;background:rgba(255,255,255,.18)}.dot{width:6px;height:6px;border-radius:50%;background:#E4362A}.on-dark .dot{background:#FFC93C}.lead{color:#5B564C;font-size:17px;max-width:560px}.centered{margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;padding:16px 30px;border-radius:999px;text-decoration:none;border:2px solid transparent}.btn-primary{background:#E4362A;color:#fff;box-shadow:0 10px 24px rgba(228,54,42,.3)}.btn-outline{background:transparent;color:#16130E;border-color:#16130E}.btn-outline.on-dark{color:#fff;border-color:#fff}.btn-white{background:#fff;color:#E4362A}.nav-overlay{background:linear-gradient(to bottom,rgba(10,9,6,.5),rgba(10,9,6,0))}.nav-row{display:flex;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:22px}.logo-chip{background:#fff;padding:8px 18px;border-radius:999px;display:inline-flex;box-shadow:0 14px 34px rgba(22,19,14,.08)}.logo{height:36px;width:auto}.nav-menu ul{list-style:none;display:flex;gap:22px;margin:0;padding:0}.nav-menu a{color:#fff;text-decoration:none;font-weight:600;font-size:13px}.nav-toggle{display:none}.hero{position:relative;height:720px;overflow:hidden;background:#F6F6F3}.hero-media{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#5B564C}.hero-play{width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;font-size:26px;color:#E4362A;box-shadow:0 14px 34px rgba(22,19,14,.08)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,6,.3),rgba(10,9,6,.08) 35%,rgba(10,9,6,.62))}.hero-content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:76px;color:#fff}.hero h1{font-size:60px;color:#fff}.accent{color:#E4362A}.hero .lead{font-size:19px;margin:22px 0 34px;color:#EDEAE2}.ctas{display:flex;gap:16px;align-items:center}.line-diagonal{height:46px;width:100%}.line-diagonal svg{width:100%;height:100%;display:block}.sec-tienda,.sec-quien,.sec-eventos{background:#F6F6F3}.sec-tienda h2{font-size:36px;margin:10px 0 14px}.sec-tienda p:not(.lead),.sec-ella p:not(.lead){font-size:16.5px;margin-top:26px}.cards4,.val-grid,.serv-grid,.blog-grid,.rev-grid{display:grid;gap:22px}.ph{background:#F6F6F3;border:2px dashed #D8D3C6;border-radius:28px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:150px;color:#5B564C;text-align:center}.tag{font-size:10.5px;letter-spacing:2px;text-transform:uppercase}.sec-ella{background:#fff}.ella-grid,.eventos-layout{display:grid;grid-template-columns:440px 1fr;gap:70px;align-items:center}.ella-grid>.ph{height:460px}.sec-ella h2{font-size:32px;margin:8px 0 18px}.pending{border:2px dashed #FFC93C;background:#FFF9E8;border-radius:20px;padding:18px 22px;margin:26px 0;font-size:13.5px;color:#8a6a12}.pending b{display:block;font-size:11px;letter-spacing:1.5px;margin-bottom:6px;color:#E4362A}.link-arrow{color:#E4362A;font-weight:700;text-decoration:none}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-head h2{font-size:32px}.align-right{text-align:right}.cat-card{min-width:200px;display:block;color:inherit;text-decoration:none}.cat-card .ph{height:190px}.cat-card h4,.serv-card h4,.blog-card h4{margin-top:14px;font-size:16px}.count{color:#E4362A;font-size:12.5px}.centered-head{text-align:center;display:block;max-width:640px;margin:0 auto 50px}.cards4{grid-template-columns:repeat(4,1fr)}.card,.val-card,.ev-row{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 14px 34px rgba(22,19,14,.08)}.card .ph{height:160px;border-radius:0}.card-body{padding:22px 24px 26px}.card h4{font-size:17px;margin-bottom:8px}.card p,.val-card p,.serv-card p{font-size:13.5px;color:#5B564C}.sec-valores{background:#E4362A;color:#fff}.sec-valores h2,.sec-insta h2{color:#fff}.sub{color:#FBD9D3}.val-grid{grid-template-columns:repeat(3,1fr)}.val-card{padding:26px;color:#16130E}.chip{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#FFC93C;color:#C22417}.val-card h4{font-size:16px;margin-bottom:8px}.serv-grid{grid-template-columns:repeat(3,1fr)}.serv-card .ph{height:180px}.serv-card h4{font-size:19px;margin:16px 0 8px}.serv-card p{font-size:14px;margin-bottom:12px}.eventos-layout{grid-template-columns:1fr 1fr}.agenda-list{display:flex;flex-direction:column;gap:16px}.ev-row{align-items:center;display:flex;gap:20px;padding:20px 26px}.ev-daydate{text-align:center;min-width:64px}.ev-day{display:block;font-size:11.5px;color:#E4362A;letter-spacing:1.5px}.ev-date{font-size:30px;font-weight:800}.ev-sep{width:1.5px;align-self:stretch;background:#EAE8E2}.ev-info{flex:1}.ev-name{font-weight:700;font-size:15px}.ev-time{font-size:12.5px;color:#5B564C}.sec-blog{text-align:center}.blog-grid{grid-template-columns:repeat(3,1fr);text-align:left}.blog-card .ph{height:170px}.tag-mini{display:inline-block;margin-top:16px;font-size:11px;letter-spacing:1.5px;font-weight:600;padding:5px 12px;border-radius:999px;background:rgba(108,76,224,.1);color:#6C4CE0}.blog-card h4{font-size:16.5px;margin-top:10px}.blog-link{text-align:right;margin-top:30px}.sec-insta{background:#6C4CE0;color:#fff;text-align:center}.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.ig-grid .ph{aspect-ratio:1;border-radius:20px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.handle{margin-top:34px;font-weight:800}.stars{color:#FFC93C;font-size:18px;letter-spacing:3px}.rating{font-size:14px;color:#5B564C;letter-spacing:0}.rev-grid{grid-template-columns:repeat(3,1fr);text-align:left;margin-top:40px}.rev-card{background:#F6F6F3;border-radius:28px;padding:24px}.rev-card p{font-size:14px;margin:12px 0}.small{font-size:14px}.sec-cta{background:#16130E;color:#fff;text-align:center}.sec-cta h2{font-size:38px}.sec-cta .lead{margin:18px auto 34px;color:#D7D2C8}footer{background:#16130E;color:#D7D2C8;padding:80px 0 30px}.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}footer h5{font-size:12px;letter-spacing:2px;color:#E4362A;margin-bottom:16px;text-transform:uppercase}footer ul{list-style:none;padding:0}footer li{margin-bottom:10px;font-size:13.5px}footer p{font-size:13.5px;line-height:1.8}.foot-pending{border:1.5px dashed #E4362A;border-radius:12px;padding:12px 14px;font-size:12.5px;color:#F3B3AA}.foot-legal{border-top:1px solid #33302A;margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;font-size:12.5px;color:#8C8779}.social-row{display:flex;gap:10px;margin-top:14px}.social-round{width:36px;height:36px;border-radius:50%;border:1.5px solid #4A463D;display:flex;align-items:center;justify-content:center;font-size:12px;text-decoration:none}
@media(max-width:991px){.wrap{padding:0 24px}.nav-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:0}.nav-toggle span{display:block;width:24px;height:2px;background:#fff}.nav-menu{position:absolute;top:76px;left:0;right:0;background:#16130E;padding:20px 24px}.nav-menu ul{display:block}.nav-menu li{margin:12px 0}.nav-menu a{font-size:15px}.navbar-nav{align-items:center;text-align:center}.hero{height:640px}.hero h1{font-size:46px}.ella-grid,.eventos-layout{grid-template-columns:1fr;gap:35px}.ella-grid>.ph{height:300px}.cards4{grid-template-columns:repeat(2,1fr)}.val-grid,.serv-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){section{padding:64px 0}.wrap{padding:0 18px}.hero h1{font-size:38px}.hero .lead{font-size:16px}.ctas{flex-wrap:wrap}.section-head{display:block}.align-right{text-align:left;margin-top:18px}.cards4,.val-grid,.serv-grid,.blog-grid,.rev-grid{grid-template-columns:1fr}.ig-grid{grid-template-columns:repeat(3,1fr);gap:10px}.foot-grid{grid-template-columns:1fr}.foot-legal{display:block}.foot-legal span{display:block;margin-top:8px}.sec-tienda h2{font-size:30px}}

.hero-media iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100%;max-width:none;border:0;transform:translate(-50%,-50%);pointer-events:none}
.navbar{transition:background-color .25s ease,box-shadow .25s ease}.navbar .nav-link{transition:color .25s ease}.navbar-scrolled,.navbar-expanded{background:#fff!important;box-shadow:0 2px 14px rgba(22,19,14,.1)}.navbar-scrolled .navbar-toggler,.navbar-expanded .navbar-toggler{border-color:rgba(22,19,14,.35)}.navbar-scrolled .navbar-toggler-icon,.navbar-expanded .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(22,19,14,0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar .navbar-collapse{border-radius:0 0 8px 8px}

h1{
	margin-bottom:1rem;
}

/*Navegador*/
.navbar-nav .nav-link{
	padding-left:10px;
	padding-right:10px;
	font-weight:700;
}
.navbar-dark .navbar-nav .nav-link{
	color:#fff;
}
.navbar-scrolled.navbar-dark .navbar-nav .nav-link,.navbar-expanded.navbar-dark .navbar-nav .nav-link{
	color:#000;
}
.nav-row{
	transition: .25s ease;
}
.navbar-scrolled .nav-row,.navbar-expanded .nav-row{
	padding-top:0;
	padding-bottom:0;
}
.navbar-home:not(.navbar-scrolled):not(.navbar-expanded){
	background:transparent!important;
	box-shadow:none;
}
.navbar-home:not(.navbar-scrolled):not(.navbar-expanded) .logo-chip{
	background:transparent;
	box-shadow:none;
}
.navbar-scrolled .logo-chip,.navbar-expanded .logo-chip,.navbar-standard .logo-chip{
	background:#fff;
}
.navbar-standard{
	background:#fff!important;
	box-shadow:0 2px 14px rgba(22,19,14,.1);
}
.navbar-standard .nav-link{
	color:#16130E!important;
}
.navbar-standard .navbar-toggler{
	border-color:rgba(22,19,14,.35);
}
.navbar-standard .navbar-toggler-icon{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(22,19,14,0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.logo-link{
	display:inline-flex;
	align-items:center;
}
.producto-card{
	background:#fff;
	border-radius:1rem;
	box-shadow:0 14px 34px rgba(22,19,14,.08);
	overflow:hidden;
}
.producto-imagen{
	display:block;
	background:#F6F6F3;
	text-align:center;
}
.producto-imagen img{
	width:100%;
	height:240px;
	object-fit:contain;
}
.producto-card-body{
	padding:22px 24px 26px;
}
.producto-titulo{
	font-size:19px;
	margin-bottom:12px;
}
.producto-titulo a{
	color:inherit;
	text-decoration:none;
}
.producto-precio{
	margin-bottom:18px;
	font-weight:700;
}
.dato-producto{
	margin-bottom:8px;
}
body:not(.page-template-inicio-php) .listado-productos{
	padding-top:80px;
}
body:not(.page-template-inicio-php) .ficha-producto{
	padding-top:176px;
}
.navbar .navbar-logo{
	width:auto!important;
	height:36px!important;
	max-width:none!important;
}
.woocommerce .navbar .nav-link,
.woocommerce-page .navbar .nav-link{
	font-weight:700!important;
}
footer .logo{
	width:auto!important;
	height:38px!important;
	max-width:none!important;
}
/*Inicio*/
.rounded{
	border-radius:1rem!important;
}
.bg-grey{
	background-color:#F6F6F3;
}
.sec-quien h2{
	margin:10px 0 14px;
}
.sec-quien .card > img.rounded{
	border-radius:1rem 1rem 0 0!important;
}
.owl-carousel-categorias .cat-card:hover,
.owl-carousel-categorias .cat-card:focus,
.owl-carousel-categorias .cat-card:visited{
	color:inherit;
	text-decoration:none;
}
.owl-carousel-categorias .cat-card img{
	transition:opacity .2s ease;
}
.owl-carousel-categorias .cat-card:hover img{
	opacity:.75;
}
.sec-valores{
	background:#ed3028;
}
.sec-valores .sub{
	margin:0;
}
.sec-valores .val-card{
	padding:22px;
	border-radius:24px;
	box-shadow:none;
}
.sec-valores .chip{
	width:40px;
	height:40px;
	margin-bottom:16px;
	border-radius:12px;
	background:#fbd8d4;
	color:#ed3028;
}
.sec-valores .chip img{
	width:22px;
	height:22px;
	object-fit:contain;
}
.sec-valores .val-card h4{
	margin-bottom:8px;
}
.sec-valores .val-card p{
	margin-bottom:0;
}
.sec-insta .sub{
	color:#fff;
}
.footer-schedule p{
	margin:0;
	font-size:13.5px;
	line-height:1.8;
	color:#fff;
}
.foot-grid{
	display:block;
}
.foot-legal a{
	color:inherit;
}
.foot-legal-text p{
	display:inline;
	margin:0;
}
.social-round i{
	line-height:1;
}
.ig-grid{
	grid-template-columns:repeat(5,1fr);
}
@media(max-width:575px){
	.ig-grid{
		grid-template-columns:repeat(3,1fr);
	}
}
.sec-servicios .serv-card > img{
	width:100%;
	height:180px;
	object-fit:cover;
}
.owl-carousel-categorias .owl-dots{
	margin-top:26px!important;
	text-align:center;
}
.owl-carousel-categorias .owl-dot span{
	width:10px;
	height:10px;
	margin:0 4px;
	border-radius:50%;
	background:#EAE8E2;
	transition:width .2s ease, background-color .2s ease;
}
.owl-carousel-categorias .owl-dot.active span{
	width:28px;
	border-radius:999px;
	background:#E4362A!important;
}

/*Páginas de Servicios*/
.content-servicio{
	margin-top:80px;
}
@media(max-width:991px){
	.content-servicio{
		margin-top:30px;
	}
}
/*Ficha de producto*/
.ficha-producto h1{
	margin-bottom:1rem;
}
.ficha-producto .precio{
	font-weight:700;
	font-size:1.5rem;
}
.ficha-producto .comprar .botones{
	margin-left:0.5rem;
}

/* Contacto */
.contacto-page{
	padding:150px 0 88px;
}
.contacto-heading{
	max-width:780px;
	margin-bottom:38px;
}
.contacto-heading h1{
	margin:0 0 14px;
}
.contacto-heading > p{
	max-width:650px;
	margin:0;
	color:#5B564C;
	font-size:17px;
}
.contacto-layout{
	align-items:stretch;
	margin-bottom:48px;
}
.contacto-formulario{
	padding:34px;
	border:1px solid #EAE8E2;
	border-radius:8px;
	background:#fff;
}
.contacto-formulario .wpcf7-form p{
	margin:0 0 20px;
}
.contacto-formulario .wpcf7-form label{
	display:block;
	width:100%;
	margin:0;
	font-size:14px;
	font-weight:700;
}
.contacto-formulario .wpcf7-form-control-wrap{
	display:block;
	margin-top:8px;
}
.contacto-formulario input[type="text"],
.contacto-formulario input[type="email"],
.contacto-formulario input[type="tel"],
.contacto-formulario textarea{
	display:block;
	width:100%;
	padding:12px 14px;
	border:1px solid #D8D5CD;
	border-radius:4px;
	background:#fff;
	color:#16130E;
	font:400 15px/1.5 'Raleway',Arial,sans-serif;
	transition:border-color .2s ease,box-shadow .2s ease;
}
.contacto-formulario input[type="text"],
.contacto-formulario input[type="email"],
.contacto-formulario input[type="tel"]{
	min-height:48px;
}
.contacto-formulario textarea{
	min-height:150px;
	resize:vertical;
}
.contacto-formulario input:focus,
.contacto-formulario textarea:focus{
	border-color:#E4362A;
	outline:0;
	box-shadow:0 0 0 3px rgba(228,54,42,.12);
}
.contacto-formulario .wpcf7-acceptance label{
	display:flex;
	align-items:flex-start;
	gap:9px;
	font-size:13px;
	font-weight:400;
}
.contacto-formulario .wpcf7-acceptance input{
	flex:0 0 auto;
	margin-top:4px;
}
.contacto-formulario .wpcf7-submit{
	min-height:48px;
	padding:12px 26px;
	border:0;
	border-radius:4px;
	background:#E4362A;
	color:#fff;
	font:700 15px 'Raleway',Arial,sans-serif;
	cursor:pointer;
	transition:background-color .2s ease,transform .2s ease;
}
.contacto-formulario .wpcf7-submit:hover{
	background:#C92D23;
	transform:translateY(-1px);
}
.contacto-formulario .wpcf7-spinner{
	margin:12px 0 0 10px;
}
.contacto-formulario .wpcf7-not-valid-tip{
	margin-top:5px;
	font-size:13px;
}
.contacto-formulario .wpcf7-response-output{
	margin:20px 0 0!important;
	padding:12px 14px!important;
	border-radius:4px;
	font-size:14px;
}
.contacto-info{
	padding:0 15px;
}
.contacto-info-inner{
	height:100%;
	padding:34px 30px;
	border-radius:8px;
	background:#F6F6F3;
}
.contacto-kicker{
	color:#E4362A;
	font-family:'JetBrains Mono',monospace;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
}
.contacto-info h2{
	margin:12px 0;
	font-size:26px;
}
.contacto-info-inner > p{
	margin-bottom:26px;
	color:#5B564C;
	font-size:14px;
}
.contacto-info address{
	margin:0;
}
.contacto-dato{
	display:flex;
	align-items:flex-start;
	gap:14px;
	margin-top:21px;
}
.contacto-dato-icon{
	display:flex;
	flex:0 0 38px;
	width:38px;
	height:38px;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#FCE2DF;
	color:#E4362A;
}
.contacto-dato strong,
.contacto-dato a{
	display:block;
}
.contacto-dato strong{
	margin-bottom:3px;
	font-size:13px;
}
.contacto-dato a{
	color:#5B564C;
	font-size:14px;
	text-decoration:none;
	word-break:break-word;
}
.contacto-dato a:hover{
	color:#E4362A;
}
.contacto-mapa{
	height:360px;
	overflow:hidden;
	border-radius:8px;
	background:#F6F6F3;
}
.contacto-mapa iframe{
	display:block;
	width:100%;
	height:100%;
	border:0;
}
@media(max-width:991px){
	.contacto-page{padding-top:130px}
	.contacto-layout{row-gap:24px}
	.contacto-info-inner{padding:28px}
}
@media(max-width:575px){
	.contacto-page{padding:116px 0 64px}
	.contacto-heading{margin-bottom:28px}
	.contacto-heading > p{font-size:16px}
	.contacto-formulario{padding:22px 18px}
	.contacto-info-inner{padding:24px 20px}
	.contacto-layout{margin-bottom:32px}
	.contacto-mapa{height:280px}
}

/*Carrito y Checkout*/
/* ===== CHECKOUT WOOCOMMERCE – corrección conflicto Bootstrap ===== */

/* Contenedor de las dos columnas */
.woocommerce-checkout #customer_details.col2-set {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  width: 100%;
  margin: 0 0 40px;
}
.woocommerce-checkout #customer_details.col2-set::before,
.woocommerce-checkout #customer_details.col2-set::after {
  display: none;
}

/* Anula .col-1 / .col-2 de Bootstrap */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
  float: none;
  flex: 1 1 0;
  max-width: none;
  width: auto;
  min-width: 0;
  padding: 0;
}

/* Contenedores de campos */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.woocommerce-checkout .form-row {
  display: block;
  float: none;
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
}
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
  width: calc(50% - 10px);
}
.woocommerce-checkout .form-row label {
  display: block;
  margin-bottom: 6px;
  line-height: 1.3;
}
.woocommerce-checkout .form-row .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select {
  height: 46px;
  padding: 10px 14px;
}
.woocommerce-checkout .form-row textarea {
  min-height: 120px;
  padding: 10px 14px;
}
.woocommerce-checkout h3 {
  word-break: normal;
  hyphens: none;
}
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
  width: 100%;
  float: none;
  clear: both;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .woocommerce-checkout #customer_details.col2-set {
    flex-direction: column;
    gap: 20px;
  }
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last {
    width: 100%;
  }
}
.woocommerce-order-received .woocommerce-order-overview__payment-method,
.woocommerce-order-received .woocommerce-customer-details {
    display: none;
}