.hp-tabs{padding:var(--hph-section-y, 56px) 0;background:var(--hp-tabs-bg, #fff)}.hp-tabs__inner{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.hp-tabs__heading{margin:0 0 20px;font-family:Playfair Display,Georgia,serif;font-size:var(--hp-tabs-heading-size, 26px);font-weight:500;font-style:italic;text-align:center;letter-spacing:.01em;color:var(--hp-tabs-heading-color, #111)}.hp-tabs__nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;margin-bottom:36px}.hp-tabs__btn{position:relative;background:none;border:0;padding:0 22px;font-family:Jost,sans-serif;font-size:var(--hp-tabs-tab-size, 13px);font-weight:500;letter-spacing:var(--hp-tabs-tab-spacing, .2em);text-transform:uppercase;color:var(--hp-tabs-tab-inactive, #b0b0b0);cursor:pointer;line-height:1.2;transition:color .2s ease}.hp-tabs__btn:not(:last-child):after{content:"|";position:absolute;right:-2px;top:50%;transform:translateY(-50%);color:#d0d0d0;font-weight:400;pointer-events:none}.hp-tabs__btn.is-active,.hp-tabs__btn:hover{color:var(--hp-tabs-tab-active, #111)}.hp-tabs__panel{display:none}.hp-tabs__panel.is-active{display:block}.hp-tabs__products{display:grid;grid-template-columns:repeat(var(--hp-tabs-grid-cols, 4),minmax(0,1fr));gap:var(--hp-tabs-grid-gap-row, 32px) var(--hp-tabs-grid-gap-col, 24px)}.hp-tabs__footer{margin:44px 0 8px;text-align:center}.hp-tabs__shop-all{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 32px;font-family:Jost,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;background:var(--hp-tabs-btn-bg, transparent);color:var(--hp-tabs-btn-text, #111);border:1px solid var(--hp-tabs-btn-border, #111);transition:opacity .2s ease,background .2s ease,color .2s ease}.hp-tabs__shop-all:hover{opacity:.85}.hp-tabs__empty{text-align:center;padding:48px 16px;color:#888;font-size:14px}.hp-tabs .zava-card__badge{font-size:10px;letter-spacing:.08em;padding:5px 10px}@media(max-width:989px){.hp-tabs__products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.hp-tabs__inner{padding:0 16px}.hp-tabs__btn{padding:0 14px;font-size:11px}.hp-tabs__products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hp-collection-tabs.css.map */