.problem-section{position:relative;min-height:80vh;background-color:var(--problem-bg-color, #f5f5f5);background-image:var(--problem-background-gradient, none);overflow:hidden;display:flex;align-items:center;padding:var(--problem-section-padding-top, 80px) 20px var(--problem-section-padding-bottom, 80px);color:var(--problem-text-color, #333333)}.problem-container{max-width:var(--problem-container-max-width, 1200px);margin:0 auto;padding:0 var(--problem-container-padding, 24px);width:100%;position:relative;z-index:2}.problem-content{text-align:center;max-width:var(--problem-content-max-width, 900px);margin:0 auto;position:relative}.problem-headline{font-size:var(--problem-headline-size, 64px);font-weight:var(--problem-headline-weight, 800);line-height:var(--problem-headline-line-height, 1.1);margin:0 0 var(--problem-headline-margin-bottom, 24px) 0;letter-spacing:var(--problem-headline-letter-spacing, -.02em);color:var(--problem-headline-color, #333333);text-align:center}.problem-headline[data-gradient=true]{background:var(--problem-headline-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.problem-subhead{font-size:var(--problem-subhead-size, 24px);font-weight:var(--problem-subhead-weight, 400);line-height:var(--problem-subhead-line-height, 1.4);margin:0 0 var(--problem-subhead-margin-bottom, 64px) 0;color:var(--problem-subhead-color, #666666);max-width:var(--problem-subhead-max-width, 700px);margin-left:auto;margin-right:auto;text-align:center}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--problem-card-min-width, 280px),1fr));gap:var(--problem-grid-gap, 32px);margin-bottom:var(--problem-grid-margin-bottom, 48px);padding:0}.problem-grid--2{grid-template-columns:repeat(2,1fr)}.problem-grid--3{grid-template-columns:repeat(3,1fr)}.problem-grid--auto{grid-template-columns:repeat(auto-fit,minmax(var(--problem-card-min-width, 280px),1fr))}.problem-card{background:var(--problem-card-bg, rgba(255, 255, 255, .95));border:var(--problem-card-border-width, 1px) solid var(--problem-card-border-color, rgba(0, 0, 0, .1));border-radius:var(--problem-card-radius, 16px);padding:var(--problem-card-padding, 32px);text-align:center;-webkit-backdrop-filter:blur(var(--problem-card-blur, 10px));backdrop-filter:blur(var(--problem-card-blur, 10px));box-shadow:var(--problem-card-shadow, 0 4px 20px rgba(0, 0, 0, .1));transition:all var(--problem-card-transition-duration, .3s) ease;position:relative;overflow:hidden}.problem-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--problem-card-hover-overlay, linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05)));opacity:0;transition:opacity var(--problem-card-transition-duration, .3s) ease;pointer-events:none}.problem-card:hover{transform:translateY(var(--problem-card-hover-translate, -4px)) scale(var(--problem-card-hover-scale, 1.02));background:var(--problem-card-hover-bg, rgba(255, 255, 255, .98));border-color:var(--problem-card-hover-border-color, rgba(0, 0, 0, .15));box-shadow:var(--problem-card-hover-shadow, 0 8px 30px rgba(0, 0, 0, .15))}.problem-card:hover:before{opacity:1}.problem-icon{font-size:var(--problem-icon-size, 48px);margin-bottom:var(--problem-icon-margin-bottom, 16px);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:transform var(--problem-card-transition-duration, .3s) ease;width:var(--problem-icon-size, 48px);height:var(--problem-icon-size, 48px);margin-left:auto;margin-right:auto}.problem-icon-image{width:100%;height:100%;object-fit:contain;border-radius:var(--problem-icon-border-radius, 8px);transition:transform var(--problem-card-transition-duration, .3s) ease}.problem-icon-text{font-size:inherit;line-height:1;display:block}.problem-card:hover .problem-icon{transform:scale(var(--problem-icon-hover-scale, 1.1))}.problem-card-title{font-size:var(--problem-card-title-size, 20px);font-weight:var(--problem-card-title-weight, 700);line-height:var(--problem-card-title-line-height, 1.3);margin:0 0 var(--problem-card-title-margin-bottom, 12px) 0;color:var(--problem-card-title-color, #333333);position:relative;z-index:1}.problem-card-subheading{font-size:var(--problem-card-subheading-size, 16px);font-weight:var(--problem-card-subheading-weight, 600);line-height:var(--problem-card-subheading-line-height, 1.4);margin:0 0 var(--problem-card-subheading-margin-bottom, 8px) 0;color:var(--problem-card-subheading-color, #666666);position:relative;z-index:1;font-style:italic}.problem-card-text{font-size:var(--problem-card-text-size, 16px);font-weight:var(--problem-card-text-weight, 400);line-height:var(--problem-card-text-line-height, 1.5);margin:0;color:var(--problem-card-text-color, #666666);position:relative;z-index:1}.problem-bottom{font-size:var(--problem-bottom-size, 18px);font-weight:var(--problem-bottom-weight, 600);line-height:var(--problem-bottom-line-height, 1.4);color:var(--problem-bottom-color, #ff6b35);margin:var(--problem-bottom-margin-top, 32px) 0 0 0;text-align:center;max-width:var(--problem-bottom-max-width, 600px);margin-left:auto;margin-right:auto}@media (max-width: 1024px){.problem-section{padding:var(--problem-section-padding-top-tablet, 60px) 16px var(--problem-section-padding-bottom-tablet, 60px)}.problem-container{padding:0 var(--problem-container-padding-tablet, 16px)}.problem-grid--2,.problem-grid--3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.problem-section{padding:var(--problem-section-padding-top-mobile, 40px) 16px var(--problem-section-padding-bottom-mobile, 40px);min-height:auto}.problem-container{padding:0 var(--problem-container-padding-mobile, 16px)}.problem-grid,.problem-grid--2,.problem-grid--3,.problem-grid--auto{grid-template-columns:1fr;gap:var(--problem-grid-gap-mobile, 24px);margin-bottom:var(--problem-grid-margin-bottom-mobile, 32px)}.problem-card{padding:var(--problem-card-padding-mobile, 24px)}.problem-headline{font-size:calc(var(--problem-headline-size, 64px) * .7);margin-bottom:var(--problem-headline-margin-bottom-mobile, 16px)}.problem-subhead{font-size:calc(var(--problem-subhead-size, 24px) * .8);margin-bottom:var(--problem-subhead-margin-bottom-mobile, 40px)}.problem-card-title{font-size:calc(var(--problem-card-title-size, 20px) * .9)}.problem-card-subheading{font-size:calc(var(--problem-card-subheading-size, 16px) * .9)}.problem-card-text{font-size:calc(var(--problem-card-text-size, 16px) * .9)}.problem-bottom{font-size:calc(var(--problem-bottom-size, 18px) * .9);margin-top:var(--problem-bottom-margin-top-mobile, 24px)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/caels-presale-problem.css.map */