:root{--cream: #fff8f4;--pale-apricot: #FFCDB2;--light-coral: #FFB4A2;--soft-pink: #E5989B;--dusty-rose: #B5838D;--deep-gray-purple: #6D6875;--gradient-primary: linear-gradient(135deg, var(--soft-pink), var(--dusty-rose));--gradient-secondary: linear-gradient(135deg, var(--pale-apricot), var(--light-coral));--gradient-accent: linear-gradient(135deg, var(--cream), var(--pale-apricot));--shadow-soft: 0 4px 20px rgba(181, 131, 141, .08);--shadow-medium: 0 8px 30px rgba(181, 131, 141, .12);--shadow-strong: 0 16px 40px rgba(181, 131, 141, .16);--shadow-floating: 0 20px 60px rgba(181, 131, 141, .2);--blur-light: blur(10px);--blur-medium: blur(20px);--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-elastic: all .6s cubic-bezier(.175, .885, .32, 1.275);--border-radius: 16px;--border-radius-small: 12px;--border-radius-large: 24px;--border-radius-xl: 32px}.main-container.primary-scheme{background:var(--cream);padding:var(--top-spacer, 4rem) 1rem var(--bottom-spacer, 4rem);min-height:100vh}.blog-stats{text-align:center;margin-bottom:3rem;padding:1.5rem;background:#ffffffb3;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border-radius:var(--border-radius-large);border:1px solid rgba(255,205,178,.3);display:inline-block;margin-left:50%;transform:translate(-50%)}.article-count{font-size:1.125rem;font-weight:600;color:var(--dusty-rose);letter-spacing:.025em}.main-blog-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-top:2rem;position:relative}@media (min-width: 768px){.main-blog-wrapper{gap:2.5rem}}@media (min-width: 1200px){.main-blog-wrapper{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}}@media (min-width: 1024px){.main-blog-wrapper.masonry{columns:3;column-gap:3rem}.main-blog-wrapper.masonry .blog-card{break-inside:avoid;margin-bottom:3rem}}.mobile-swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.5rem;padding:0 1rem 2rem;margin:0 -1rem;scrollbar-width:none;-ms-overflow-style:none}.mobile-swipe::-webkit-scrollbar{display:none}.mobile-swipe .blog-card{flex:0 0 320px;scroll-snap-align:start}@media (min-width: 768px){.mobile-swipe{display:grid;overflow:visible;padding:0;margin:0}.mobile-swipe .blog-card{flex:none}}.blog-card{background:#6d6875;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border-radius:var(--border-radius-large);max-width:600px;overflow:hidden;box-shadow:var(--shadow-soft);transition:var(--transition-smooth);position:relative;display:flex;flex-direction:column;height:100%;border:1px solid rgba(255,205,178,.2);transform:translateY(0)}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:var(--transition-smooth);border-radius:var(--border-radius-large) var(--border-radius-large) 0 0}.blog-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-floating);border-color:var(--soft-pink)}.blog-card:hover:before{opacity:1}.blog-card:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:var(--border-radius-large);z-index:-1;opacity:0;transition:var(--transition-smooth)}.blog-card:hover:after{opacity:.1}.blog-card-image{position:relative;height:280px;overflow:hidden;background:var(--gradient-secondary)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1);filter:brightness(1.05) saturate(1.1)}.blog-card:hover .blog-card-image img{transform:scale(1.08) rotate(1deg)}.blog-card-placeholder{display:flex;align-items:center;justify-content:center;height:100%;background:var(--gradient-secondary);color:#fff;position:relative;overflow:hidden}.blog-card-placeholder svg{width:80px;height:80px;opacity:.8;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.blog-card-placeholder:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.blog-reading-time{position:absolute;top:1.5rem;right:1.5rem;background:#fffffff2;-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);padding:.75rem 1rem;border-radius:var(--border-radius-large);font-size:.875rem;font-weight:600;color:var(--deep-gray-purple);box-shadow:var(--shadow-medium);border:1px solid rgba(255,255,255,.5);transition:var(--transition-fast)}.blog-card:hover .blog-reading-time{transform:translateY(-2px);background:var(--soft-pink);color:#fff}.blog-card-content{padding:2rem;display:flex;flex-direction:column;flex-grow:1;gap:1.25rem;position:relative}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.blog-tag{background:var(--gradient-accent);color:var(--dusty-rose);padding:.5rem 1rem;border-radius:var(--border-radius-large);font-size:.875rem;font-weight:600;letter-spacing:.025em;border:1px solid var(--pale-apricot);transition:var(--transition-elastic);text-transform:uppercase;font-size:.75rem;position:relative;overflow:hidden}.blog-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:var(--transition-smooth);z-index:-1}.blog-tag:hover:before{left:0}.blog-tag:hover{color:#fff;border-color:var(--soft-pink);transform:translateY(-2px) scale(1.05)}.blog-card-title{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:-.02em}.blog-card-title a{color:var(--deep-gray-purple);text-decoration:none;transition:var(--transition-smooth);display:block;position:relative}.blog-card-title a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background:var(--gradient-primary);transition:var(--transition-smooth);border-radius:2px}.blog-card-title a:hover{color:var(--dusty-rose)}.blog-card-title a:hover:after{width:100%}.blog-card-excerpt{color:var(--deep-gray-purple);opacity:.85;line-height:1.7;margin:0;font-size:1rem;flex-grow:1;position:relative}.blog-card-meta{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.875rem;color:var(--cream);opacity:.8;padding-top:1.5rem;border-top:2px solid var(--cream);margin-top:auto;position:relative}.blog-card-meta:before{content:"";position:absolute;top:-1px;left:0;width:60px;height:2px;background:var(--gradient-primary);border-radius:1px}.blog-card-meta time,.blog-card-meta .author,.blog-card-meta .comments{display:flex;align-items:center;gap:.5rem;font-weight:500;transition:var(--transition-fast)}.blog-card-meta time:hover,.blog-card-meta .author:hover,.blog-card-meta .comments:hover{color:var(--soft-pink);transform:translateY(-1px)}.blog-card-meta time:before{content:"\1f4c5";font-size:1rem;filter:grayscale(1);transition:var(--transition-fast)}.blog-card-meta .author:before{content:"\270d\fe0f";font-size:1rem;filter:grayscale(1);transition:var(--transition-fast)}.blog-card-meta .comments:before{content:"\1f4ac";font-size:1rem;filter:grayscale(1);transition:var(--transition-fast)}.blog-card-meta time:hover:before,.blog-card-meta .author:hover:before,.blog-card-meta .comments:hover:before{filter:grayscale(0)}.blog-card-link{display:inline-flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;font-weight:600;font-size:1rem;margin-top:1.5rem;padding:1rem 2rem;background:var(--gradient-primary);border-radius:var(--border-radius-large);transition:var(--transition-elastic);align-self:flex-start;border:none;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.blog-card-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-smooth)}.blog-card-link:hover:before{left:100%}.blog-card-link:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-strong)}.blog-card-link svg{transition:var(--transition-elastic);flex-shrink:0}.blog-card-link:hover svg{transform:translate(4px) rotate(10deg)}.blog-card.featured{grid-column:1 / -1;display:grid;grid-template-columns:1.2fr 1fr;gap:0;max-width:1000px;margin:0 auto 3rem;min-height:400px;background:#fffffff2;-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);border:2px solid var(--pale-apricot)}.blog-card.featured:before{height:6px;background:var(--gradient-primary);opacity:1}.blog-card.featured .blog-card-image{height:100%;min-height:400px}.blog-card.featured .blog-card-content{padding:3rem;justify-content:center}.blog-card.featured .blog-card-title{font-size:2rem;margin-bottom:1.5rem}.blog-card.featured .blog-card-excerpt{font-size:1.125rem;line-height:1.8}.blog-card.featured .blog-card-link{padding:1.25rem 2.5rem;font-size:1rem}@media (max-width: 1023px){.blog-card.featured{grid-template-columns:1fr;max-width:none;margin-bottom:3rem}.blog-card.featured .blog-card-image{height:300px;min-height:auto}.blog-card.featured .blog-card-content{padding:2rem}}.blog-empty-state{text-align:center;padding:4rem 2rem;background:#ffffffb3;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border-radius:var(--border-radius-xl);border:2px dashed var(--pale-apricot);margin:2rem 0}.blog-empty-state h2{font-size:2rem;color:var(--dusty-rose);margin-bottom:1rem;font-weight:700}.blog-empty-state p{font-size:1.125rem;color:var(--deep-gray-purple);opacity:.8}.blog-card.loading{pointer-events:none;opacity:.7}.blog-card.loading .blog-card-content>*{background:var(--cream);color:transparent;border-radius:var(--border-radius-small);animation:pulse-loading 1.5s ease-in-out infinite}@keyframes pulse-loading{0%,to{opacity:1}50%{opacity:.5}}.blog-card:focus-within{outline:3px solid var(--soft-pink);outline-offset:4px;border-color:var(--soft-pink)}.blog-card-title a:focus,.blog-card-link:focus{outline:2px solid var(--soft-pink);outline-offset:2px;border-radius:var(--border-radius-small)}@media (prefers-color-scheme: dark){.blog-card{background:#6d6875;-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);border-color:#b5838d4d}.blog-card-title a{color:var(--cream)}.blog-card-excerpt{color:#fff8f4e6}.blog-card-meta{border-color:#b5838d33}}@media (max-width: 767px){.main-blog-wrapper{grid-template-columns:1fr;gap:1.5rem}.blog-card-content{padding:1.5rem}.blog-card-image{height:220px}.blog-card-title{font-size:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/blogs-display-boxes.css.map */