.featured-blogs-section{padding:var(--section-padding, 60px) 0;background:var(--section-bg, #ffffff);font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.container{max-width:var(--container-max-width, 1400px);margin:0 auto;padding:0 var(--container-padding, 15px)}.section-header{text-align:center;margin-bottom:var(--section-header-margin, 50px)}.section-title{font-size:var(--title-size, clamp(1.8rem, 4vw, 3rem));font-weight:var(--title-weight, 800);color:var(--title-color, #1a1a1a);margin-bottom:20px;line-height:var(--title-line-height, 1.1);letter-spacing:var(--title-letter-spacing, -.02em)}.section-subtitle{font-size:var(--subtitle-size, clamp(1rem, 2.5vw, 1.25rem));color:var(--subtitle-color, #666666);max-width:var(--subtitle-max-width, 700px);margin:0 auto;line-height:var(--subtitle-line-height, 1.6);font-weight:var(--subtitle-weight, 400)}.blogs-grid{display:grid;gap:var(--grid-gap, 20px);margin-bottom:var(--grid-margin-bottom, 60px);grid-template-columns:repeat(auto-fit,minmax(var(--card-min-width, 280px),1fr))}.blogs-grid.fixed-columns{grid-template-columns:repeat(auto-fit,minmax(var(--card-min-width, 320px),1fr))}.blogs-grid.masonry{columns:auto;column-gap:var(--grid-gap, 20px)}.blogs-grid.masonry .blog-card{break-inside:avoid;margin-bottom:var(--grid-gap, 20px);display:inline-block;width:100%}.blogs-grid.auto-height .blog-card{height:auto}.blogs-grid.fixed-height .blog-card{height:var(--card-fixed-height, 500px)}.blogs-grid.balanced .blog-card{min-height:var(--card-min-height, 400px)}.blog-card{background:var(--card-bg, white);border-radius:var(--card-radius, 16px);overflow:hidden;box-shadow:var(--card-shadow, 0 8px 32px rgba(0, 0, 0, .12));transition:var(--card-transition, all .4s cubic-bezier(.175, .885, .32, 1.275));display:flex;flex-direction:column;border:var(--card-border, 1px solid rgba(0, 0, 0, .06));position:relative;height:100%}.blog-card:hover{transform:var(--card-hover-transform, translateY(-12px));box-shadow:var(--card-hover-shadow, 0 20px 48px rgba(0, 0, 0, .18))}.blog-card.placeholder{background:#f8f9fa;opacity:.7}.blog-image{position:relative;overflow:hidden;height:var(--image-height, 200px);background:var(--image-bg, #f8f9fa);flex-shrink:0}.blog-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:var(--image-transition, transform .4s ease);will-change:transform}.blog-card:hover .blog-image img{transform:var(--image-hover-transform, scale(1.05))}.placeholder-image{width:100%;height:100%;background:linear-gradient(45deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;color:var(--placeholder-color, #dee2e6)}.blog-badge{position:absolute;top:var(--badge-top, 12px);right:var(--badge-right, 12px);background:var(--badge-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;padding:var(--badge-padding, 6px 12px);border-radius:var(--badge-radius, 20px);font-size:var(--badge-font-size, .75rem);font-weight:var(--badge-font-weight, 700);text-transform:uppercase;letter-spacing:var(--badge-letter-spacing, .5px);z-index:2;box-shadow:var(--badge-shadow, 0 4px 12px rgba(0, 0, 0, .15));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-badge.featured{background:linear-gradient(135deg,#f093fb,#f5576c)}.blog-badge.new{background:linear-gradient(135deg,#4facfe,#00f2fe)}.blog-badge.howto{background:linear-gradient(135deg,#43e97b,#38f9d7)}.blog-content{padding:var(--content-padding, 24px);flex-grow:1;display:flex;flex-direction:column}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--meta-margin, 15px);font-size:var(--meta-font-size, .85rem);flex-wrap:wrap;gap:var(--meta-gap, 8px)}.blog-date{color:var(--date-color, #8c8c8c);font-weight:var(--date-weight, 500)}.blog-category{background:var(--category-bg, #f5f5f5);color:var(--category-color, #333333);padding:var(--category-padding, 4px 10px);border-radius:var(--category-radius, 12px);font-size:var(--category-font-size, .75rem);font-weight:var(--category-font-weight, 600);text-transform:uppercase;letter-spacing:var(--category-letter-spacing, .5px)}.blog-title{margin-bottom:var(--title-margin, 15px);flex-grow:1}.blog-title a{color:var(--title-link-color, #1a1a1a);text-decoration:none;font-size:var(--title-link-size, 1.15rem);font-weight:var(--title-link-weight, 700);line-height:var(--title-link-line-height, 1.3);transition:var(--title-link-transition, color .3s ease);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-title a:hover{color:var(--title-link-hover-color, #667eea)}.blog-excerpt{color:var(--excerpt-color, #666666);line-height:var(--excerpt-line-height, 1.6);margin-bottom:var(--excerpt-margin, 20px);flex-grow:1;font-size:var(--excerpt-font-size, .95rem);display:-webkit-box;-webkit-line-clamp:var(--excerpt-lines, 3);-webkit-box-orient:vertical;overflow:hidden}.blog-footer{margin-top:auto}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--button-padding, 12px 24px);border-radius:var(--button-radius, 12px);text-decoration:none;font-weight:var(--button-font-weight, 700);font-size:var(--button-font-size, .9rem);transition:var(--button-transition, all .3s cubic-bezier(.175, .885, .32, 1.275));text-transform:uppercase;letter-spacing:var(--button-letter-spacing, .5px);position:relative;overflow:hidden;border:none;cursor:pointer;min-width:var(--button-min-width, 140px);text-align:center;gap:var(--button-gap, 8px)}.cta-button.primary{background:var(--button-primary-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--button-primary-color, white);box-shadow:var(--button-primary-shadow, 0 4px 15px rgba(102, 126, 234, .4))}.cta-button.primary:hover{background:var(--button-primary-hover-bg, linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%));transform:var(--button-primary-hover-transform, translateY(-2px));box-shadow:var(--button-primary-hover-shadow, 0 8px 25px rgba(102, 126, 234, .6))}.cta-button.secondary{background:var(--button-secondary-bg, white);color:var(--button-secondary-color, #667eea);border:var(--button-secondary-border, 2px solid #667eea);box-shadow:var(--button-secondary-shadow, 0 4px 15px rgba(0, 0, 0, .08))}.cta-button.secondary:hover{background:var(--button-secondary-hover-bg, #667eea);color:var(--button-secondary-hover-color, white)}.cta-button.outline{background:transparent;border:2px solid currentColor}.cta-button.large{padding:var(--button-large-padding, 16px 32px);font-size:var(--button-large-font-size, 1.1rem);min-width:var(--button-large-min-width, 180px)}.cta-button.small{padding:var(--button-small-padding, 8px 16px);font-size:var(--button-small-font-size, .85rem);min-width:var(--button-small-min-width, 100px)}.section-footer-enhanced{text-align:center;margin-top:var(--footer-margin-top, 80px);padding:var(--footer-padding, 60px 40px);background:var(--footer-bg, linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%));border-radius:var(--footer-radius, 20px);position:relative;overflow:hidden}.section-footer-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c)}.cta-title{font-size:var(--cta-title-size, clamp(1.5rem, 3vw, 2.5rem));font-weight:var(--cta-title-weight, 800);color:var(--cta-title-color, #1a1a1a);margin-bottom:var(--cta-title-margin, 16px);line-height:var(--cta-title-line-height, 1.2)}.cta-subtitle{font-size:var(--cta-subtitle-size, clamp(1rem, 2vw, 1.2rem));color:var(--cta-subtitle-color, #666666);max-width:var(--cta-subtitle-max-width, 600px);margin:0 auto var(--cta-subtitle-margin, 32px);line-height:var(--cta-subtitle-line-height, 1.6)}.cta-buttons-group{display:flex;gap:var(--buttons-gap, 16px);justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:var(--buttons-margin-bottom, 40px)}.newsletter-signup{max-width:var(--newsletter-max-width, 500px);margin:0 auto}.newsletter-title{font-size:var(--newsletter-title-size, 1.25rem);font-weight:var(--newsletter-title-weight, 700);color:var(--newsletter-title-color, #1a1a1a);margin-bottom:var(--newsletter-title-margin, 8px)}.newsletter-subtitle{font-size:var(--newsletter-subtitle-size, .95rem);color:var(--newsletter-subtitle-color, #666666);margin-bottom:var(--newsletter-subtitle-margin, 24px);line-height:var(--newsletter-subtitle-line-height, 1.5)}.newsletter-form{margin-bottom:var(--newsletter-form-margin, 16px)}.form-group{display:flex;gap:var(--form-gap, 12px);align-items:stretch}.form-group input{flex:1;padding:var(--input-padding, 14px 16px);border:var(--input-border, 2px solid #e9ecef);border-radius:var(--input-radius, 12px);font-size:var(--input-font-size, 1rem);transition:var(--input-transition, border-color .3s ease);background:var(--input-bg, white)}.form-group input:focus{outline:none;border-color:var(--input-focus-border, #667eea);box-shadow:var(--input-focus-shadow, 0 0 0 3px rgba(102, 126, 234, .1))}.newsletter-privacy{font-size:var(--privacy-font-size, .85rem);color:var(--privacy-color, #8c8c8c);line-height:var(--privacy-line-height, 1.4)}@media (min-width: 1400px){.blogs-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.blog-image{height:240px}.container{padding:0 30px}}@media (max-width: 1200px){.blogs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.blog-image{height:200px}.section-footer-enhanced{margin-top:60px;padding:50px 30px}}@media (max-width: 992px){.featured-blogs-section{padding:50px 0}.blogs-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:50px}.blog-image{height:180px}.blog-content{padding:20px}.cta-buttons-group,.form-group{flex-direction:column}}@media (max-width: 768px){.featured-blogs-section{padding:40px 0}.container{padding:0 20px}.section-title{font-size:clamp(1.5rem,5vw,2.2rem)}.section-subtitle{font-size:clamp(.9rem,3vw,1.1rem)}.blogs-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.blog-card{max-width:var(--card-mobile-max-width, 350px);margin:0 auto}.blog-image{height:160px}.blog-content{padding:18px}.blog-title a{font-size:clamp(1rem,3.5vw,1.05rem)}.blog-meta{flex-direction:column;align-items:flex-start;gap:6px}.section-footer-enhanced{margin-top:50px;padding:40px 25px}.cta-title{font-size:clamp(1.25rem,4vw,1.8rem)}.cta-subtitle{font-size:clamp(.9rem,3vw,1rem)}.cta-button.large{width:100%;justify-content:center}}@media (max-width: 576px){.container{padding:0 15px}.featured-blogs-section{padding:35px 0}.section-title{font-size:clamp(1.3rem,6vw,1.8rem)}.section-subtitle{font-size:clamp(.85rem,4vw,1rem)}.blogs-grid{grid-template-columns:1fr;gap:16px;margin-bottom:40px}.blog-image{height:140px}.blog-content{padding:16px}.blog-title a{font-size:clamp(.95rem,4vw,1rem)}.blog-excerpt{font-size:var(--excerpt-mobile-font-size, .9rem);-webkit-line-clamp:var(--excerpt-mobile-lines, 2)}.blog-badge{padding:5px 10px;font-size:.7rem}.section-footer-enhanced{margin-top:40px;padding:30px 20px}.newsletter-title{font-size:1.1rem}.form-group input{padding:12px 14px}}@media (max-width: 360px){.container{padding:0 12px}.blogs-grid{gap:14px}.blog-content{padding:14px}.cta-button{width:100%;margin-top:8px}.section-footer-enhanced{padding:25px 15px}.blog-badge{top:8px;right:8px;padding:4px 8px}}@media (prefers-color-scheme: dark){.featured-blogs-section{background:var(--dark-section-bg, #1a1a1a);color:var(--dark-text-color, #ffffff)}.blog-card{background:var(--dark-card-bg, #2d2d2d);border-color:var(--dark-border-color, #404040)}.blog-title a{color:var(--dark-title-color, #ffffff)}.blog-excerpt{color:var(--dark-excerpt-color, #cccccc)}.section-footer-enhanced{background:var(--dark-footer-bg, linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%))}.form-group input{background:var(--dark-input-bg, #2d2d2d);border-color:var(--dark-input-border, #404040);color:var(--dark-input-color, #ffffff)}}@media (prefers-reduced-motion: reduce){.blog-card,.blog-image img,.blog-title a,.cta-button,.form-group input{transition:none!important;animation:none!important}.blog-card:hover,.blog-card:hover .blog-image img{transform:none!important}}@media (prefers-contrast: high){.blog-card{border:2px solid currentColor}.blog-badge{background:currentColor;color:#fff}.cta-button.primary{background:currentColor}}@media print{.featured-blogs-section{background:#fff!important;padding:20px 0!important}.blog-card{box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid;margin-bottom:20px}.cta-button{display:none!important}.section-footer-enhanced{background:#fff!important;border:1px solid #ccc!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/featured-blogs-enhanced-responsive.css.map */