/* template_gallery.css — Splide carousel + template card styles
 *
 * Card structure mirrors swipe-classic.myshopify.com:
 *   .tmpl-card
 *     .tmpl-card__media  → image carousel (or single anchored image)
 *       .splide → .splide__track → .splide__list → .splide__slide > a.tmpl-slide-link > img
 *     .tmpl-card__body
 *       .tmpl-card__vendor   (small uppercase eyebrow)
 *       a.tmpl-card__title   → h3.tmpl-card__name
 *       .tmpl-card__type
 *       .tmpl-card__actions (or .tmpl-card__price-row when actions are hidden)
 *         a.tmpl-card__action--secondary (Preview)
 *         a.tmpl-card__action--primary   (Beli / price)
 */
.my-slider-progress{background:#d0bead;}.my-slider-progress-bar{background:#172526;height:4px;transition:width 400ms ease;width:0;}.splide{border-radius:.5rem;overflow:hidden;}.tmpl-card__media .splide img,.tmpl-card__media--single img{width:100%;height:100%;aspect-ratio:4 / 5;object-fit:cover;display:block;}.tmpl-card__media .splide__arrow,.tmpl-card__media .splide__pagination{z-index:2;}.tmpl-card__media .splide__arrow{background:rgba(255,255,255,.9);opacity:.85;width:2rem;height:2rem;border-radius:999px;}.tmpl-card__media .splide__arrow:hover{background:#fff;opacity:1;}.tmpl-card__media .splide__arrow svg{fill:#1f2024;width:.8rem;height:.8rem;}.tmpl-card__media .splide__pagination{bottom:.5rem;}.tmpl-card__media .splide__pagination__page{width:6px;height:6px;background:rgba(255,255,255,.65);margin:0 2px;}.tmpl-card__media .splide__pagination__page.is-active{background:#fff;transform:scale(1.1);}.tmpl-card__media a.tmpl-slide-link{display:block;height:100%;color:inherit;text-decoration:none;}.tmpl-card__media--single{border-radius:.5rem;overflow:hidden;}.tmpl-card__media--single a.tmpl-slide-link{display:block;height:100%;}.splide--single .splide__arrow,.splide--single .splide__pagination,.splide--single .my-slider-progress{display:none !important;}.tmpl-card{background:#fff;border:1px solid #ecedf0;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:box-shadow .25s ease,transform .25s ease;display:flex;flex-direction:column;height:100%;}.tmpl-card:hover{box-shadow:0 10px 30px -12px rgba(15,23,42,.18);transform:translateY(-2px);}.tmpl-card__media{position:relative;border-radius:.5rem;overflow:hidden;}.tmpl-card__badge{position:absolute;top:.625rem;left:.625rem;z-index:3;padding:.1875rem .5rem;border-radius:4px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#ff5555;color:#fff;}.tmpl-card__badge.trending{background:#3b82f6;}.tmpl-card__badge.editor{background:#7c3aed;}.tmpl-card__badge.new{background:#008060;}.tmpl-card__badge.bestseller{background:#f59e0b;}.tmpl-card__body{padding:.875rem 1rem 1rem;display:flex;flex-direction:column;gap:.25rem;flex:1;}.tmpl-card__vendor{font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:#8a8f99;font-weight:600;}.tmpl-card__title{display:block;color:inherit;text-decoration:none;}.tmpl-card__title:hover .tmpl-card__name{color:#c04545;}.tmpl-card__name{font-family:"Instrument Serif",Georgia,serif;font-size:1.0625rem;font-weight:400;letter-spacing:-.01em;line-height:1.25;margin:0;color:#1f2024;transition:color 160ms ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.65rem;}.tmpl-card__type{font-size:.75rem;color:#8a8f99;letter-spacing:.04em;}.tmpl-card__actions{display:flex;gap:.5rem;margin-top:.75rem;}.tmpl-card__action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease;border:1px solid transparent;}.tmpl-card__action--secondary{background:#fff;color:#1f2024;border-color:#d1d5db;}.tmpl-card__action--secondary:hover{background:#f3f4f6;}.tmpl-card__action--primary{background:#1f2024;color:#fff;border-color:#1f2024;}.tmpl-card__action--primary:hover{background:var(--kdg-brand,#b77554);color:#fff;border-color:var(--kdg-brand,#b77554);}.tmpl-card__price-row{margin-top:.5rem;}.tmpl-card__price{font-size:.9375rem;font-weight:600;color:#1f2024;}.tmpl-card__actions i,.tmpl-card__action i{font-size:.875rem;}.tmpl-empty{margin-top:10rem;display:flex;flex-direction:column;}.primary-action,.secondary-action,.danger-action{transition:color .3s;justify-content:center;text-align:center;min-height:1.75rem;min-width:1.75rem;background:linear-gradient(180deg,rgba(48,48,48,0) 63.53%,rgba(255,255,255,.15) 100%),rgba(48,48,48,1);color:#fff;border:none;box-shadow:0rem -.0625rem 0rem .0625rem rgba(0,0,0,.8) inset,0rem 0rem 0rem .0625rem rgba(48,48,48,1) inset,0rem .03125rem 0rem .09375rem rgba(255,255,255,.25) inset;border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.75rem;}.secondary-action{color:#303030;background:#fff;box-shadow:0rem -0.0625rem 0rem 0rem #b5b5b5 inset,0rem 0rem 0rem 0.0625rem rgba(0,0,0,.1) inset,0rem 0.03125rem 0rem 0.09375rem #fff inset;}.danger-action{box-shadow:0rem -0.0625rem 0rem 0.0625rem rgba(142,31,11,.8) inset,0rem 0rem 0rem 0.0625rem rgba(181,38,11,.8) inset,0rem 0.03125rem 0rem 0.09375rem hsla(0,0%,100%,.349) inset;background:#c70a24;}.col-main{background:#fbf9f7 !important;min-height:100vh;}.tmpl-section-head{display:flex;flex-direction:column;gap:.5rem;margin:0 0 1.5rem;padding:0;}.tmpl-section-back{display:inline-flex;align-items:center;gap:.375rem;align-self:flex-start;padding:.25rem 0;font-size:.75rem;font-weight:500;color:#5b6068;text-decoration:none;border:none;background:transparent;transition:color .15s ease;}.tmpl-section-back:hover{color:#c04545;}.tmpl-section-back i{font-size:.875rem;}.tmpl-section-head-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem 1rem;}.tmpl-section-eyebrow{display:block;width:100%;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8a8f99;}.tmpl-section-title{font-family:"Instrument Serif",Georgia,serif;font-size:2rem;font-weight:400;letter-spacing:-.02em;line-height:1.1;margin:0;color:#1f2024;}.tmpl-section-count{font-size:.8125rem;color:#8a8f99;white-space:nowrap;}@media (max-width:768px){.tmpl-section-title{font-size:1.5rem;}.tmpl-section-head{margin-bottom:1rem;}}.tmpl-type-section{margin:0 0 2.5rem;}.tmpl-type-grid{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity;padding:.125rem .125rem .625rem;scrollbar-width:thin;scrollbar-color:var(--kdg-color-border-strong,#d9d9de) transparent;}.tmpl-type-grid::-webkit-scrollbar{height:5px;}.tmpl-type-grid::-webkit-scrollbar-thumb{background:var(--kdg-color-border-strong,#d9d9de);border-radius:99px;}.tmpl-type-grid::-webkit-scrollbar-track{background:transparent;}.tmpl-type-tile{position:relative;flex:0 0 220px;scroll-snap-align:start;overflow:hidden;border-radius:.75rem;aspect-ratio:4 / 5;display:flex;align-items:flex-end;padding:1rem;text-decoration:none;color:#fff;background:#1f2024;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:box-shadow .25s ease,transform .25s ease;}.tmpl-type-tile:hover{box-shadow:0 10px 30px -12px rgba(15,23,42,.25);transform:translateY(-3px);}.tmpl-type-tile-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s ease;}.tmpl-type-tile:hover .tmpl-type-tile-bg{transform:scale(1.06);}.tmpl-type-tile-overlay{position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.7));pointer-events:none;}.tmpl-type-tile-label{position:relative;z-index:1;display:flex;flex-direction:column;gap:.1875rem;}.tmpl-type-tile-title{font-family:"Instrument Serif",Georgia,serif;font-size:1.375rem;font-weight:400;letter-spacing:-.01em;margin:0;line-height:1.15;}.tmpl-type-tile-desc{font-size:.75rem;opacity:.8;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.tmpl-type-tile-count{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin-top:.25rem;}@media (max-width:768px){.tmpl-type-grid{gap:.625rem;}.tmpl-type-tile{flex-basis:190px;}.tmpl-type-tile-title{font-size:1.125rem;}}@media (max-width:480px){.tmpl-type-grid{gap:.5rem;}.tmpl-type-tile{flex-basis:160px;}}