.hero-stories{background:radial-gradient(circle at top left,#fdf2ff,#e5ddff);padding:70px 20px 60px;text-align:center}.hero-stories h1{font-size:32px;font-weight:700;color:#231b3d;margin-bottom:10px}.hero-stories h1 span{font-size:22px;margin-left:4px}.hero-stories p{font-size:14px;color:var(--text-muted);max-width:680px;margin:0 auto}.stories-section{padding:70px 20px;background:#fbfbff}.story-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.story-card{background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 18px 40px #0f172a1a;display:flex;flex-direction:column}.story-media img{width:100%;height:220px;object-fit:cover}.story-body{padding:24px 22px 22px;display:flex;flex-direction:column;gap:8px}.story-name{font-size:16px;font-weight:700;color:#111827}.story-text{font-size:13px;color:var(--text-muted);flex-grow:1}.story-footer{margin-top:8px}.story-footer .btn{font-size:13px;padding-inline:22px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:50}.modal-backdrop.is-open{opacity:1;pointer-events:auto}.modal-dialog{background:#fff;border-radius:26px;max-width:680px;width:calc(100% - 32px);max-height:80vh;overflow:auto;padding:26px 24px 24px;box-shadow:var(--shadow-soft);transform:translateY(10px) scale(.97);transition:transform .25s ease;position:relative}.modal-backdrop.is-open .modal-dialog{transform:translateY(0) scale(1)}.modal-title{font-size:22px;font-weight:700;color:#231b3d;margin-bottom:6px}.modal-meta{font-size:12px;color:#9ca3af;margin-bottom:16px}.modal-text{font-size:13px;color:#4b5563;margin-bottom:12px}.modal-text:last-of-type{margin-bottom:0}.modal-close-btn{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#4b5563;transition:background .2s ease,box-shadow .2s ease}.modal-close-btn:hover{background:#f9fafb;box-shadow:0 8px 18px #0f172a1f}@media (max-width: 1024px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.story-grid{grid-template-columns:1fr}.hero-stories h1{font-size:26px}}@media (max-width: 480px){.modal-dialog{max-height:85vh;padding:22px 18px 18px}.modal-title{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/stories.css.map */