.qris-catalog{padding:clamp(64px,8vw,112px) max(5vw,24px);background:linear-gradient(180deg,#100915,#070508);color:#fff}.qris-catalog__intro{max-width:900px;margin:0 auto 38px;text-align:center}.qris-catalog__eyebrow{margin:0 0 14px;color:#e6ddff;font-size:.8rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.qris-catalog__title{margin:0;color:#f5efff!important;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:900;line-height:1.04;letter-spacing:-.03em;text-wrap:balance;text-shadow:0 0 22px rgba(196,181,253,.45),0 4px 0 rgba(30,12,44,.85)}.qris-catalog__title em{font-style:normal;color:#ffd27a;background:linear-gradient(90deg,#ffe3a6,#ff9d3d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.qris-catalog__lead{max-width:700px;margin:20px auto 0;color:#ffffffe6;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.6}.qris-catalog__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:26px}.qris-catalog__chips span{padding:8px 14px;border:1px solid rgba(215,181,109,.45);border-radius:999px;background:#d7b56d1a;color:#f3e4bf;font-size:.84rem;font-weight:600}.qris-catalog__gallery{display:grid;gap:22px;width:min(100%,1240px);margin:auto}.qris-catalog__frame{padding:clamp(10px,2vw,20px);border:1px solid rgba(215,181,109,.25);border-radius:26px;background:linear-gradient(145deg,#6c5ce721,#d7b56d0f);box-shadow:0 28px 80px #00000061}.qris-catalog__image{display:block;width:100%;height:auto;border-radius:16px}.qris-catalog__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,1240px);margin:28px auto 0;padding:24px 26px;border-radius:18px;background:#18101e}.qris-catalog__footer strong{font-size:1.12rem;color:#fff}.qris-catalog__footer p{margin:5px 0 0;color:#ffffffbf}.qris-catalog__cta{display:inline-flex;min-height:48px;flex:0 0 auto;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;background:#d7b56d;color:#16091c;text-decoration:none;font-weight:750}.qris-catalog__cta:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:749px){.qris-catalog__title{font-size:clamp(2rem,9vw,2.6rem)}.qris-catalog__footer{align-items:stretch;flex-direction:column}.qris-catalog__cta{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAg */