.theme-grid-section{background-color:var(--color-background);color:var(--color-foreground);position:relative;width:100%}.theme-grid__header{margin-bottom:36px;display:flex;flex-direction:column}.theme-grid__header.text-center{align-items:center;text-align:center}.theme-grid__header.text-left{align-items:flex-start;text-align:left}.theme-grid__header.text-right{align-items:flex-end;text-align:right}.theme-grid__heading{margin:0 0 16px;color:var(--color-foreground)}.theme-grid__description{max-width:680px;margin:0 0 10px;color:var(--color-charcoal-gray)}.theme-grid__description p{margin:0}.theme-grid__search-wrapper{width:100%;max-width:560px;margin:0 auto 52px;position:relative}.theme-grid__search-box{position:relative;display:flex;align-items:center;width:100%}.theme-grid__search-input,input[type=text].theme-grid__search-input{width:100%;height:52px;padding:0 52px 0 24px;border-radius:100px;border:1px solid rgba(0,0,0,.12);background-color:var(--color-light-grey);color:var(--color-foreground);box-shadow:0 2px 12px -2px var(--color-black-5);transition:all var(--transition-base);-webkit-appearance:none;appearance:none}.theme-grid__search-input:hover,input[type=text].theme-grid__search-input:hover{border-color:#00000038;background-color:var(--color-white)}.theme-grid__search-input:focus,.theme-grid__search-input:focus-visible,input[type=text].theme-grid__search-input:focus,input[type=text].theme-grid__search-input:focus-visible{outline:none;border-color:var(--color-foreground);background-color:var(--color-white);box-shadow:0 0 0 4px var(--color-black-5),0 8px 24px -4px var(--color-black-10);outline-offset:0}.theme-grid__search-input::placeholder{color:var(--color-charcoal-gray);opacity:.85}.theme-grid__search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.theme-grid__search-icon svg{width:19px;height:19px;display:block;stroke:var(--color-black)}.theme-grid__search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:var(--color-black-5);border:none;width:26px;height:26px;border-radius:50%;padding:0;cursor:pointer;color:var(--color-charcoal-gray);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.theme-grid__search-clear:hover{background:var(--color-foreground);color:var(--color-white)}.theme-grid__search-clear svg{width:13px;height:13px;display:block}.theme-grid__results-count{text-align:center;color:var(--color-charcoal-gray);margin-top:12px}.theme-grid__grid{display:grid;grid-template-columns:repeat(var(--columns-desktop, 4),minmax(0,1fr));gap:28px;width:100%}.theme-grid__card{background:var(--color-white);border:1px solid rgba(0,0,0,.08);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .25s ease;box-shadow:0 4px 20px -2px var(--color-black-5);position:relative}.theme-grid__card:hover{transform:translateY(-8px);box-shadow:0 22px 42px -10px var(--color-black-10),0 8px 16px -4px var(--color-black-5);border-color:#00000029}.theme-grid__card.is-hidden{display:none}.theme-grid__card-media{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-light-grey);margin:0}.theme-grid__card-image{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.theme-grid__card:hover .theme-grid__card-image{transform:scale(1.06)}.theme-grid__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-light-grey)}.theme-grid__placeholder-svg{width:50%;height:50%;opacity:.4}.theme-grid__badge{position:absolute;top:12px;right:12px;z-index:2;padding:5px 12px;border-radius:100px;text-transform:uppercase;pointer-events:none}.theme-grid__badge.badge--dark{background:var(--color-black);color:var(--color-white);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.theme-grid__badge.badge--gold{background:linear-gradient(135deg,#059669,#10b981);color:var(--color-white);box-shadow:0 3px 10px #10b98159}.theme-grid__card-content{padding:20px 22px 22px;display:flex;flex-direction:column;flex-grow:1}.theme-grid__card-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.theme-grid__card-title{margin:0;color:var(--color-foreground);font-variant:var(--font-matter-semibold);font-weight:700}.theme-grid__rating{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.theme-grid__rating-star{color:#f59e0b}.theme-grid__rating-score{color:var(--color-foreground)}.theme-grid__rating-count{color:var(--color-charcoal-gray)}.theme-grid__card-description{color:var(--color-charcoal-gray);margin-bottom:20px;flex-grow:1}.theme-grid__card-description p{margin:0}.theme-grid__card-footer{margin-top:auto}.theme-grid__card-btn,a.theme-grid__card-btn,button.theme-grid__card-btn{width:100%}.theme-grid__empty{text-align:center;padding:60px 20px;max-width:500px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.theme-grid__empty-icon{width:64px;height:64px;border-radius:50%;background:var(--color-light-grey);display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--color-charcoal-gray)}.theme-grid__empty-icon svg{width:28px;height:28px}.theme-grid__empty-title{margin:0 0 10px;color:var(--color-foreground)}.theme-grid__empty-desc{color:var(--color-charcoal-gray);margin:0 0 24px}.theme-grid__empty-reset,button.theme-grid__empty-reset{min-height:44px;padding:10px 24px;border-radius:100px}@media screen and (max-width:1199px){.theme-grid__grid{grid-template-columns:repeat(min(var(--columns-desktop, 4),3),minmax(0,1fr));gap:20px}}@media screen and (max-width:899px){.theme-grid__grid{grid-template-columns:repeat(min(var(--columns-desktop, 4),2),minmax(0,1fr));gap:18px}.theme-grid__card-content{padding:18px}}@media screen and (max-width:749px){.theme-grid__header{margin-bottom:28px}.theme-grid__search-wrapper{margin-bottom:32px}.theme-grid__search-input,input[type=text].theme-grid__search-input{height:48px;padding:0 44px 0 18px}.theme-grid__grid{grid-template-columns:repeat(var(--columns-mobile, 1),minmax(0,1fr));gap:16px}.theme-grid__card{border-radius:16px}.theme-grid__card-media{border-radius:12px 12px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/theme-grid.css.map */