.gct-section{display:block;width:100%;padding:52px 0;background:#fff;color:#111}.gct-section,.gct-section *{box-sizing:border-box}.gct-container{width:90%;max-width:1520px;margin:0 auto}.gct-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.gct-heading{margin:0;padding:0;color:#000;font-family:var(--font-heading--family, inherit);font-size:clamp(24px,2vw,32px);font-weight:900;line-height:1.2;text-transform:uppercase}.gct-tabs{display:flex;align-items:center;flex-shrink:0;gap:14px}.gct-tab{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:10px 16px;border:0;border-radius:5px;background:transparent;color:#555;font-family:var(--font-body--family, inherit);font-size:14px;font-weight:600;line-height:1.3;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .2s ease,color .2s ease}.gct-tab.is-active{background:#df252b;color:#fff}.gct-section .gct-panel[hidden]{display:none!important}.gct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:30px}.gct-section .gct-card{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;padding:0;overflow:hidden;border:1px solid #e5e5e5;border-radius:12px;background:#fff;color:#111;text-decoration:none;transition:border-color .25s ease,box-shadow .25s ease}.gct-section .gct-media{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;height:auto;aspect-ratio:1 / 1;min-width:0;padding:16px;overflow:hidden;background:#fff}.gct-image{display:block;width:100%;height:100%;max-width:100%;margin:0;object-fit:contain;object-position:center;transition:transform .35s ease}.gct-placeholder{fill:#aaa}.gct-info{display:flex;flex-direction:column;flex:1;min-width:0;padding:20px 24px 24px;border-top:1px solid #f1f1f1}.gct-reviews{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:12px}.gct-stars{position:relative;display:inline-block;color:#ccc;font-family:Arial,sans-serif;font-size:19px;line-height:1;letter-spacing:0;white-space:nowrap}.gct-stars-fill{position:absolute;top:0;left:0;overflow:hidden;color:#e7a52a}.gct-review-count{color:#777;font-size:13px;line-height:1.3}.gct-title{margin:0 0 18px;padding:0;color:#111;font-family:var(--font-body--family, inherit);font-size:clamp(16px,1.1vw,19px);font-weight:600;line-height:1.45;overflow-wrap:anywhere}.gct-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.gct-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;min-width:0;color:#e52b2b;font-family:var(--font-body--family, inherit);font-size:clamp(20px,1.5vw,25px);font-weight:700;line-height:1.3;overflow-wrap:anywhere}.gct-price small{color:#777;font-size:12px;font-weight:400}.gct-card-arrow{position:static;display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#f5f5f5;color:#111;opacity:0;transform:translate(-4px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,background-color .25s ease,color .25s ease}.gct-card-arrow svg{display:block;width:19px;height:19px}.gct-empty{grid-column:1 / -1;padding:48px 20px;border:1px dashed #ddd;border-radius:6px;color:#666;font-size:14px;line-height:1.6;text-align:center}@media(hover:hover)and (pointer:fine){.gct-tab:not(.is-active):hover{background:#fff0f1;color:#df252b}.gct-card:hover{border-color:#df252b;box-shadow:0 10px 28px #0000000f}.gct-card:hover .gct-image{transform:translateY(-4px) scale(1.04)}.gct-card:hover .gct-card-arrow{opacity:1;transform:translate(0);background:#df252b;color:#fff}}.gct-card:focus-visible .gct-card-arrow{opacity:1;transform:translate(0)}.gct-section a:focus-visible,.gct-section button:focus-visible,.gct-panel:focus-visible{outline:2px solid #df252b;outline-offset:4px}@media(min-width:750px)and (max-width:1100px){.gct-container{width:94%}.gct-header{flex-wrap:wrap;gap:18px;margin-bottom:28px}.gct-tabs{gap:5px}.gct-tab{padding:10px 12px;font-size:13px}.gct-grid{gap:16px}.gct-section .gct-media{padding:12px}.gct-info{padding:16px}.gct-title{font-size:16px}.gct-price{font-size:20px}.gct-card-arrow{flex-basis:30px;width:30px;height:30px}}@media(max-width:749px){.gct-section{padding:32px 0}.gct-container{width:calc(100% - 28px)}.gct-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:24px}.gct-heading{font-size:25px}.gct-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:4px}.gct-tab{min-width:0;min-height:40px;padding:10px 4px;font-size:12px}.gct-grid{grid-template-columns:minmax(0,1fr);gap:20px}.gct-section .gct-media{padding:16px}.gct-info{padding:18px 20px 22px}.gct-title{margin-bottom:16px;font-size:17px}.gct-price{font-size:22px}.gct-card-arrow{opacity:1;transform:none}.gct-empty{padding:30px 16px}}@media(max-width:359px){.gct-tab{font-size:11px}.gct-info{padding:16px}.gct-title{font-size:16px}.gct-price{font-size:20px}}@media(prefers-reduced-motion:reduce){.gct-tab,.gct-card,.gct-image,.gct-card-arrow{transition:none}.gct-card:hover .gct-image{transform:none}}[id*=__shop_by_category] img,[id*=__shop-by-category] img,.dc-category img{animation:category-rgb-cycle 2s linear infinite;transition:transform .35s ease;will-change:filter}@keyframes category-rgb-cycle{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@media(hover:hover)and (pointer:fine){[id*=__shop_by_category] a:hover img,[id*=__shop-by-category] a:hover img,.dc-category a:hover img{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){[id*=__shop_by_category] img,[id*=__shop-by-category] img,.dc-category img{animation:none;transition:none;will-change:auto}}.gct-section .gct-media{aspect-ratio:6 / 5}.gct-section .gct-info{padding:16px 20px 18px}.gct-section .gct-title{margin-bottom:12px}.gct-section .gct-card{width:calc(100% - 20px);justify-self:center}.gct-section .gct-media{aspect-ratio:auto;height:auto}.gct-section .gct-grid{container-type:inline-size}.gct-section .gct-media{height:calc((100cqw - 60px) / 3 * 5 / 6 + 10px)}@media(min-width:750px)and (max-width:1100px){.gct-section .gct-media{height:calc((100cqw - 32px) / 3 * 5 / 6 + 10px)}}@media(max-width:749px){.gct-section .gct-media{height:calc(100cqw * 5 / 6 + 10px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/category-product-tabs.css.map */
