@media (min-width: 901px) { body.bgc-enabled.bgc-support-view.woocommerce-account .bg-content-shell {
width: min(1500px, calc(100% - 64px)) !important;
max-width: 1500px !important;
margin-inline: auto !important;
padding-top: 30px !important;
}
body.bgc-enabled.bgc-support-view.woocommerce-account .bg-entry,
body.bgc-enabled.bgc-support-view.woocommerce-account .bg-entry__content,
body.bgc-enabled.bgc-support-view.woocommerce-account .woocommerce {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin-inline: 0 !important;
}
body.bgc-enabled.bgc-support-view.woocommerce-account .woocommerce {
display: grid !important;
grid-template-columns: 290px minmax(0, 1fr) !important;
grid-template-areas: "support-nav support-main" !important;
gap: 28px !important;
align-items: start !important;
}
body.bgc-enabled.bgc-support-view.woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation {
grid-area: support-nav !important;
grid-column: 1 !important;
width: 290px !important;
min-width: 290px !important;
max-width: 290px !important;
margin: 0 !important;
float: none !important;
}
body.bgc-enabled.bgc-support-view.woocommerce-account .woocommerce > .woocommerce-MyAccount-content {
grid-area: support-main !important;
grid-column: 2 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
overflow: visible !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-shell {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
} body.bgc-enabled.bgc-support-view .bgc-support-hero {
width: 100% !important;
min-height: 330px !important;
display: grid !important;
grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr) !important;
align-items: center !important;
gap: 36px !important;
padding: 46px 50px !important;
margin: 0 !important;
border-radius: 18px !important;
overflow: hidden !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-hero--compact:after {
width: 39% !important;
opacity: .96 !important;
background-position: center 28% !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-hero--compact > div:first-child {
max-width: 64% !important;
min-width: 0 !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-hero h1 {
max-width: 680px !important;
font-size: clamp(54px, 4.4vw, 76px) !important;
line-height: .88 !important;
margin: 0 0 18px !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-hero p {
max-width: 570px !important;
font-size: 12px !important;
line-height: 1.65 !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-hero__badge {
justify-self: end !important;
align-self: center !important;
width: min(100%, 330px) !important;
max-width: 330px !important;
padding: 28px !important;
border-radius: 16px !important;
position: relative !important;
z-index: 3 !important;
} body.bgc-enabled.bgc-support-view .bgc-support-grid {
width: 100% !important;
display: grid !important;
grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
gap: 18px !important;
margin: 18px 0 0 !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-card,
body.bgc-enabled.bgc-support-view .bgc-ticket-thread {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
border-radius: 16px !important;
padding: 30px !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-card__head h2 {
font-size: 34px !important;
line-height: 1 !important;
}
body.bgc-enabled.bgc-support-view .bgc-form-row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-form input,
body.bgc-enabled.bgc-support-view .bgc-support-form select {
min-height: 50px !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-form textarea {
min-height: 150px !important;
} body.bgc-enabled.bgc-support-view:not(.woocommerce-account) .bg-content-shell,
body.bgc-enabled.bgc-support-view:not(.woocommerce-account) .bg-entry,
body.bgc-enabled.bgc-support-view:not(.woocommerce-account) .bg-entry__content {
width: min(1380px, calc(100% - 64px)) !important;
max-width: 1380px !important;
margin-inline: auto !important;
}
body.bgc-enabled.bgc-support-view:not(.woocommerce-account) .bgc-support-shell {
margin: 42px auto 78px !important;
}
}
@media (min-width: 901px) and (max-width: 1180px) {
body.bgc-enabled.bgc-support-view.woocommerce-account .woocommerce {
grid-template-columns: 250px minmax(0, 1fr) !important;
}
body.bgc-enabled.bgc-support-view.woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation {
width: 250px !important;
min-width: 250px !important;
max-width: 250px !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-hero {
grid-template-columns: minmax(0, 1fr) 280px !important;
padding: 38px 40px !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-hero h1 {
font-size: 54px !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-grid {
grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr) !important;
}
}
@media (max-width: 900px) {
body.bgc-enabled.bgc-support-view .bgc-support-shell {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-hero {
width: 100% !important;
min-height: 0 !important;
display: block !important;
padding: 24px 20px !important;
border-radius: 14px !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-hero--compact:after {
width: 48% !important;
opacity: .16 !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-hero--compact > div:first-child {
max-width: none !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-hero__badge {
display: none !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
margin-top: 12px !important;
}
body.bgc-enabled.bgc-support-view .bgc-support-card,
body.bgc-enabled.bgc-support-view .bgc-ticket-thread {
padding: 20px 16px !important;
border-radius: 14px !important;
}
body.bgc-enabled.bgc-support-view .bgc-form-row {
grid-template-columns: 1fr !important;
}
} body.bgc-enabled.bgc-support-view .bgc-support-shell,
body.bgc-enabled.bgc-support-view .bgc-support-grid,
body.bgc-enabled.bgc-support-view .bgc-support-hero{box-sizing:border-box!important;min-width:0!important;}
body.bgc-enabled.bgc-support-view .woocommerce-MyAccount-content > .bgc-support-shell{width:100%!important;max-width:none!important;margin:0!important;}
@media (min-width:901px){
body.bgc-enabled.bgc-support-view .bgc-support-shell{width:100%!important;max-width:none!important;}
body.bgc-enabled.bgc-support-view .bgc-support-hero{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr)!important;}
body.bgc-enabled.bgc-support-view .bgc-support-hero--compact > div:first-child{max-width:680px!important;width:100%!important;}
body.bgc-enabled.bgc-support-view .bgc-support-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;}
}
@media (max-width:900px){
body.bgc-enabled.bgc-support-view .bgc-support-shell{width:calc(100% - 24px)!important;max-width:none!important;margin:14px auto 34px!important;}
body.bgc-enabled.bgc-support-view .bgc-support-hero{display:block!important;width:100%!important;padding:24px 20px!important;}
body.bgc-enabled.bgc-support-view .bgc-support-hero--compact > div:first-child{max-width:none!important;width:100%!important;}
body.bgc-enabled.bgc-support-view .bgc-support-hero h1{font-size:42px!important;line-height:.92!important;}
body.bgc-enabled.bgc-support-view .bgc-support-hero p{font-size:11px!important;max-width:100%!important;}
body.bgc-enabled.bgc-support-view .bgc-support-grid{width:100%!important;grid-template-columns:1fr!important;}
}