.body-collection-style-1{background:#f4f3f0}.collection-style-1{--c1-gap: 16px;--c1-bg: #f7f5f3;--c1-text: #000;--c1-subtext: #6b6b6b;--c1-border: #e9e4df}.collection-style-1 .collection-navigation{padding:0 16px 20px;background:#fff;border-bottom:1px solid #e5e5e5;margin-bottom:30px}.collection-style-1 .collection-navigation-label{font-size:14px;font-weight:700;color:var(--c1-text);margin-bottom:0;text-transform:uppercase;letter-spacing:.5px;display:inline-block;vertical-align:middle;margin-right:16px}.collection-style-1 .collection-navigation-buttons{display:inline-flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:5px;justify-content:flex-start;white-space:nowrap;vertical-align:middle}.collection-style-1 .collection-navigation-buttons::-webkit-scrollbar{display:none}.collection-style-1 .collection-nav-button{background:#fff;color:var(--c1-text);padding:8px 16px;border-radius:20px;text-decoration:none;font-size:14px;font-weight:400;border:1px solid #e5e5e5;transition:all .3s ease;cursor:pointer;flex-shrink:0;white-space:nowrap}.collection-style-1 .collection-nav-button:hover{background:var(--c1-text);color:#fff;border-color:var(--c1-text);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.collection-style-1 .collection-nav-button.active{background:var(--c1-text);color:#fff;border-color:var(--c1-text);box-shadow:0 4px 12px #0003}.collection-style-1 .collection-style-1-block{margin-bottom:40px;transition:all .5s ease}.collection-style-1 .collection-style-1-block.collection-highlight{background:#007bff1a;border:2px solid rgba(0,123,255,.3);border-radius:12px;padding:20px;margin:20px -20px;box-shadow:0 8px 32px #007bff33}.collection-style-1 .collection-banner{position:relative;margin-bottom:30px;overflow:hidden}.collection-style-1 .banner-desktop{display:block}.collection-style-1 .banner-mobile{display:none}@media (max-width: 768px){.collection-style-1 .banner-desktop{display:none}.collection-style-1 .banner-mobile{display:block}}.collection-style-1 .collection-banner img{width:100%;height:auto;display:block}.collection-style-1 .banner-title-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.collection-style-1 .banner-title{color:#fff;font-size:2.5rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0;padding:20px}@media (max-width: 768px){.collection-style-1 .banner-title{font-size:1.8rem;padding:15px}}@media (max-width: 1024px){.collection-style-1{padding:0;--c1-gap: 4px}}.collection-style-1 .collection-style-1-grid{display:flex;flex-wrap:wrap;gap:var(--c1-gap);padding:0 16px}.collection-style-1 .collection-style-1-grid .collection-style-1-card,.collection-style-1 .collection-style-1-grid .collection-style-1-intro{width:calc(100% / 3 - var(--c1-gap))}@media (max-width: 1024px){.collection-style-1 .collection-style-1-grid .collection-style-1-card,.collection-style-1 .collection-style-1-grid .collection-style-1-intro{width:calc(100% / 2 - var(--c1-gap))}.collection-style-1 .collection-style-1-intro{width:100%}}.collection-style-1 .collection-style-1-intro{background:var(--c1-bg);padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.collection-style-1 .collection-style-1-intro-media{width:180px;height:180px;border-radius:9999px;overflow:hidden;margin-bottom:18px}.collection-style-1 .collection-style-1-intro-media img{width:100%;height:100%;object-fit:cover}.collection-style-1 .collection-style-1-intro-title{font-size:28px;line-height:1.2;margin:6px 0 10px;color:var(--c1-text);font-style:italic}.collection-style-1 .collection-style-1-intro-desc{font-size:14px;line-height:1.6;color:var(--c1-subtext);max-width:560px;margin-bottom:20px}.collection-style-1 .collection-style-1-button{display:inline-block;background:var(--c1-text);color:#fff;padding:12px 24px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;margin-top:16px;cursor:pointer;border:none}.collection-style-1 .collection-style-1-button:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003;text-decoration:none;color:#fff}.collection-style-1-card{display:flex;flex-direction:column;background:#efece7;border:1px solid var(--c1-border);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.collection-style-1-card-media{position:relative;width:100%;aspect-ratio:4/3;background:#fafafa}.collection-style-1-card-media img{width:100%;height:100%;object-fit:cover}.collection-style-1-badge{position:absolute;top:10px;left:10px;background:#000;color:#fff;font-size:12px;padding:4px 8px;border-radius:999px}.collection-style-1-card-body{display:grid;gap:8px;padding:14px}.collection-style-1-card-title{font-size:12px;line-height:1.4;color:var(--c1-text);text-decoration:none}.collection-style-1-card-title:hover{text-decoration:underline}.collection-style-1-card-meta{display:flex;align-items:center;justify-content:space-between}.collection-style-1-price{font-size:15px;font-weight:400;color:var(--c1-text)}.collection-style-1-price-compare{margin-left:8px;color:var(--c1-subtext);text-decoration:line-through;font-weight:400}.collection-style-1-swatches{display:flex;gap:6px;margin-top:6px}.collection-style-1-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.collection-style-1-pagination{display:flex;gap:10px;justify-content:center;margin-top:28px}.collection-style-1-pagination a,.collection-style-1-pagination span{border:1px solid var(--c1-border);padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--c1-text)}.collection-style-1-pagination .is-active{background:var(--c1-text);color:#fff;border-color:var(--c1-text)}.collection-style-1-card-body{display:flex;justify-content:space-between}.collection-style-1-card .collection-style-1-card-body-left{flex:1;width:50%}.collection-style-1-card .collection-style-1-card-body-right{flex:1;width:50%;display:flex;justify-content:end;flex-wrap:wrap}.collection-style-1-card-meta,.collection-style-1 .collection-style-1-swatches{width:100%;justify-content:end}@media (max-width: 1024px){.collection-style-1-intro{flex-direction:row-reverse;padding:16px}.collection-style-1-intro-media{width:104px;height:104px}.collection-style-1-intro-content{flex:1;padding-right:12px}.collection-style-1-intro-content .collection-style-1-intro-title{font-size:16px;font-style:normal;margin:0;. text-align: left}.collection-style-1-intro-content .collection-style-1-intro-desc{font-size:12px;line-height:1.4;text-align:left}.collection-style-1-button{font-size:12px;padding:8px 16px;margin-top:12px}.collection-navigation{padding-bottom:15px;margin-bottom:20px}.collection-navigation-label{font-size:12px;margin-right:12px}.collection-navigation-buttons{gap:6px}.collection-nav-button{font-size:12px;padding:6px 12px}.collection-style-1-card-body{flex-wrap:wrap;gap:4px}.collection-style-1-card .collection-style-1-card-body-left .collection-style-1-active-color{display:none}.collection-style-1-card .collection-style-1-card-body-left,.collection-style-1 .collection-style-1-card .collection-style-1-card-body-right{width:100%}.collection-style-1-card-title{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.collection-style-1-card .collection-style-1-card-body-right{justify-content:start}.collection-style-1-card-meta,.collection-style-1 .collection-style-1-swatches{margin-top:0;justify-content:start}}.collection-style-1-card-body-right .swatches{padding:0;margin-top:6px}.collection-style-1-card-body-right .swatch{display:flex;gap:4px}.collection-style-1-card-body-right .swatch .swatch-element{width:24px;height:24px;max-width:24px;min-width:24px;display:flex;justify-content:center;align-items:center;border:1px solid transparent;padding:1px;cursor:pointer}.collection-style-1-card-body-right .swatch .swatch-element a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.collection-style-1-card-body-right .swatch .swatch-element.is-active{border:1px solid #000}.collection-style-1-card-body-right .swatch .swatch-element:hover{border:1px solid #ccc}.collection-style-1-card-body-right .swatch .swatch-element img{width:100%;height:100%}.collection-style-1-active-color{margin:0;font-size:12px}
/*# sourceMappingURL=/cdn/shop/t/253/assets/collection-style-1.css.map */
