.sf-templates-container{max-width:80rem;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.sf-templates-page{background:var(--sf-templates-page-bg, #fbf4e9)}.sf-templates-page__header{background:var(--sf-templates-card-bg, #fff);border-bottom:1px solid var(--sf-templates-border, #e5e7eb);padding:var(--sf-templates-header-pad-y, 32px) 0}.sf-templates-page__title{margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;color:var(--sf-templates-text, #1c1c1a)}.sf-templates-page__backBtn{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;color:var(--sf-templates-accent, #6cb8a3);font-weight:700;cursor:pointer;transition:color .16s ease}.sf-templates-page__backBtn:hover{color:var(--sf-templates-accent-hover, #5aa593)}.sf-templates-page__body{padding:var(--sf-templates-body-pad-y, 48px) 0}.sf-templates-page__filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 20px}.sf-templates-page__filterBtn{-webkit-appearance:none;appearance:none;border:2px solid #d1d5db;background:var(--sf-templates-card-bg, #fff);color:var(--sf-templates-text, #1c1c1a);border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;text-transform:capitalize}.sf-templates-page__filterBtn:hover{border-color:var(--sf-templates-accent, #6cb8a3);background:#f9fafb}.sf-templates-page__filterBtn.is-active{border-color:var(--sf-templates-accent, #6cb8a3);background:var(--sf-templates-accent, #6cb8a3);color:#fff;box-shadow:0 12px 30px rgba(var(--sf-templates-accent-rgb, 108, 184, 163),.25)}.sf-templates-page__countWrap{display:flex;justify-content:flex-end;margin:0 0 16px}.sf-templates-page__count{margin:0;color:var(--sf-templates-muted, #666);font-weight:600}.sf-templates-page__grid{display:grid;grid-template-columns:repeat(var(--sf-templates-cols-desktop, 4),minmax(0,1fr));gap:24px}@media(max-width:900px){.sf-templates-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sf-templates-page__grid{grid-template-columns:repeat(var(--sf-templates-cols-mobile, 1),minmax(0,1fr))}}.sf-templates-page__tile{display:block;text-decoration:none;-webkit-appearance:none;appearance:none;border:2px solid rgba(var(--sf-templates-tile-accent-rgb, var(--sf-templates-accent-rgb, 108, 184, 163)),.3);background:var(--sf-templates-card-bg, #fff);border-radius:16px;padding:32px;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.sf-templates-page__tile:hover{border-color:var(--sf-templates-tile-accent, var(--sf-templates-accent, #6cb8a3));box-shadow:0 18px 48px #0000001f;transform:translateY(-2px)}.sf-templates-page__tileMedia{width:100%;aspect-ratio:1 / 1;background:var(--sf-templates-page-bg, #fbf4e9);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 0 20px}.sf-templates-page__tileImg{width:100%;height:100%;object-fit:contain;transition:transform .16s ease}.sf-templates-page__tile:hover .sf-templates-page__tileImg{transform:scale(1.03)}.sf-templates-page__tilePlaceholder{width:56px;height:56px;border-radius:12px;background:rgba(var(--sf-templates-tile-accent-rgb, var(--sf-templates-accent-rgb, 108, 184, 163)),.12)}.sf-templates-page__tileTitle{margin:0 0 12px;font-size:1.125rem;font-weight:800;color:var(--sf-templates-text, #1c1c1a);transition:color .16s ease}.sf-templates-page__tile:hover .sf-templates-page__tileTitle{color:var(--sf-templates-tile-accent, var(--sf-templates-accent, #6cb8a3))}.sf-templates-page__badge{display:inline-block;padding:6px 14px;border-radius:999px;background:rgba(var(--sf-templates-tile-accent-rgb, var(--sf-templates-accent-rgb, 108, 184, 163)),.1);color:var(--sf-templates-tile-accent, var(--sf-templates-accent, #6cb8a3));font-weight:700;font-size:.875rem;text-transform:capitalize}.sf-templates-page__empty{background:var(--sf-templates-card-bg, #fff);border:1px solid var(--sf-templates-border, #e5e7eb);border-radius:16px;padding:24px}.sf-templates-page__detailTopCard,.sf-templates-page__stepsCard{background:var(--sf-templates-card-bg, #fff);border-radius:16px;box-shadow:0 18px 48px #0000001a;padding:clamp(22px,4vw,48px)}.sf-templates-page__detailTopCard{margin:0 0 24px}.sf-templates-page__detailTopInner{display:flex;gap:clamp(18px,4vw,48px);align-items:flex-start;justify-content:space-between}@media(max-width:860px){.sf-templates-page__detailTopInner{flex-direction:column;align-items:stretch}}.sf-templates-page__detailTitle{margin:0 0 14px;font-size:clamp(1.8rem,3.8vw,3rem);font-weight:900;color:var(--sf-templates-text, #1c1c1a);letter-spacing:-.02em}.sf-templates-page__detailDesc{color:var(--sf-templates-muted, #666);font-size:1.05rem;line-height:1.7}.sf-templates-page__downloadBtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:#fff;background:var(--sf-templates-accent, #6cb8a3);border-radius:12px;padding:14px 20px;font-weight:800;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;box-shadow:0 14px 34px rgba(var(--sf-templates-accent-rgb, 108, 184, 163),.28)}.sf-templates-page__downloadBtn:hover{background:var(--sf-templates-accent-hover, #5aa593);transform:translateY(-1px);box-shadow:0 18px 44px rgba(var(--sf-templates-accent-rgb, 108, 184, 163),.3)}.sf-templates-page__downloadBtn.is-disabled,.sf-templates-page__downloadBtn.is-disabled:hover{background:#0003;box-shadow:none;transform:none;cursor:not-allowed}.sf-templates-page__stepsTitle{margin:0 0 28px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;color:var(--sf-templates-text, #1c1c1a)}.sf-templates-page__stepsGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}@media(max-width:1024px){.sf-templates-page__stepsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.sf-templates-page__stepsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sf-templates-page__step{display:flex;flex-direction:column;align-items:center;text-align:center}.sf-templates-page__stepIcon{width:clamp(88px,10vw,128px);height:clamp(88px,10vw,128px);border-radius:16px;background:var(--sf-templates-step-bg, #2e244f);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px #0000001f;margin:0 0 16px;color:#fff}.sf-templates-page__stepLabel{margin:0 0 6px;font-weight:800;color:var(--sf-templates-text, #1c1c1a)}.sf-templates-page__stepDesc{margin:0;font-size:.9rem;color:var(--sf-templates-muted, #666)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/templates-page.css.map */