.ir-related-section{padding:25px 0}.ir-related-section .page-width{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 clamp(1rem,5vw,5rem);width:min(100% - 2rem,var(--page-width, 1200px))}.ir-related-heading{font-family:Playfair Display,serif;font-size:38px;font-weight:600;margin-bottom:12px;margin-top:0}.ir-related-subheading{font-size:18px;color:#6b7a85;margin-bottom:20px;max-width:640px}.ir-related-slider{position:relative}.ir-related-viewport{overflow:hidden;width:100%}.ir-related-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(1rem,3vw,2rem);width:100%;transition:transform .3s ease}.ir-related-controls{display:none;flex-direction:column;align-items:flex-end;margin-top:1.5rem;gap:1rem}.ir-related-nav{display:flex;gap:.5rem}.ir-related-progress{width:100%;max-width:400px}.ir-related-progress-bar{width:100%;height:6px;background:#f0f0f0;border-radius:99px;overflow:hidden}.ir-related-progress-fill{height:100%;background:#cdac83;width:0%;transition:width .3s ease;display:block!important}.ir-related-nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #d8cfc6;border-radius:50%;background:#fff;color:#6b7a85;cursor:pointer;transition:all .3s ease}.ir-related-nav-btn:hover:not(:disabled){border-color:#cdac83;color:#cdac83;background:#faf9f7}.ir-related-nav-btn:disabled{opacity:.5;cursor:not-allowed}.ir-related-nav-btn svg{width:20px;height:20px}.ir-related-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;opacity:0;transform:translateY(30px);transition:all .6s ease-out}.ir-related-card.fade-in{opacity:1;transform:translateY(0)}.ir-related-card:hover{transform:translateY(-4px)}.ir-related-image{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:16px;margin-bottom:18px}.ir-related-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.ir-related-card:hover img{transform:scale(1.05)}.ir-related-tag{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#6b7a85;font-weight:700;margin-bottom:10px}.ir-related-title{font-size:22px;font-weight:500;line-height:1.4;margin-bottom:18px;margin-top:0}.ir-related-footer{display:flex;align-items:center;gap:5px;font-size:13px;color:#6b7a85;margin-top:auto}.ir-related-date{position:relative;white-space:nowrap}.ir-divider{content:"";display:inline-block;width:40%;margin:0 5px;height:1px;background:#cdac83;vertical-align:middle}.ir-related-author{font-weight:500;white-space:nowrap}@media(max-width:768px){.ir-related-section .page-width{padding:0}.ir-related-heading{font-size:24px;padding:0 1rem}.ir-related-subheading{font-size:clamp(.875rem,3vw,1rem);margin-bottom:10px;padding:0 1rem}.ir-related-viewport{overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%)}.ir-related-grid{display:flex;gap:0;width:auto;padding:0}.ir-related-card{flex:0 0 100vw;width:100vw;max-width:none;min-width:auto;padding:0 1rem;box-sizing:border-box}.ir-related-controls{display:flex;padding:0 1rem}.ir-related-nav-btn{width:40px;height:40px}.ir-related-nav-btn svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ir-related-articles.css.map */