/** Shopify CDN: Minification failed Line 124:0 All "@import" rules must come first **/ /* * product-tabs.css — Bulkthreads modern tab styling * Upload to Assets, include via theme.liquid */ /* ── Label pill bar ──────────────────────────────────────── */ .product-tabs { background:rgb(227, 227, 227) !important; border-radius: 12px !important; padding: 5px !important; gap: 4px !important; flex-wrap: wrap !important; } .product-tabs .product-tabs__label { padding: 8px 20px !important; font-size: 13px !important; font-weight: 500 !important; color:rgb(0, 0, 0) !important; cursor: pointer !important; border-radius: 8px !important; transition: all 0.18s ease !important; white-space: nowrap !important; margin: 0 !important; line-height: 1.4 !important; border: none !important; background: transparent !important; } .product-tabs .product-tabs__label:hover { color: #111827 !important; background: rgba(255,255,255,0.6) !important; } /* Active tab label */ .product-tabs .product-tabs__radio:checked + .product-tabs__label { background: #fff !important; color:rgb(0, 0, 0) !important; font-weight: 600 !important; box-shadow: 0 1px 4px rgba(0,0,0,0.10), 0 0 0 0.5px rgba(0,0,0,0.08) !important; } /* ── Panels ──────────────────────────────────────────────── */ .product-tabs .product-tabs__panel { background: #fff !important; border: none !important; box-shadow: 0 0 0 1px rgba(0,0,0,0.03) !important; border-radius: 16px !important; padding: 32px 36px !important; margin-top: 8px !important; outline: none !important; flex: 0 0 100% !important; width: 100% !important; } /* ── Panel typography ────────────────────────────────────── */ .product-tabs .product-tabs__panel .rte { font-size: 14px !important; line-height: 1.8 !important; color: #4b5563 !important; } .product-tabs .product-tabs__panel .rte p { margin: 0 0 12px !important; } .product-tabs .product-tabs__panel .rte ul { padding-left: 0 !important; list-style: none !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px 24px !important; margin: 12px 0 0 !important; } .product-tabs .product-tabs__panel .rte ul li { font-size: 13px !important; color: #4b5563 !important; display: flex !important; align-items: flex-start !important; gap: 8px !important; line-height: 1.5 !important; padding-left: 0 !important; } .product-tabs .product-tabs__panel .rte ul li::before { content: '' !important; display: block !important; width: 5px !important; height: 5px !important; min-width: 5px !important; border-radius: 50% !important; background: #d1d5db !important; margin-top: 6px !important; flex-shrink: 0 !important; } .product-tabs .product-tabs__panel .rte ul li::marker { display: none !important; } .product-tabs .product-tabs__panel h2, .product-tabs .product-tabs__panel h3 { font-size: 18px !important; font-weight: 600 !important; color: #111827 !important; margin: 0 0 12px !important; } /* ── Responsive ──────────────────────────────────────────── */ @media (max-width: 600px) { .product-tabs .product-tabs__panel { padding: 20px !important; } .product-tabs .product-tabs__panel .rte ul { grid-template-columns: 1fr !important; } } @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&display=swap'); h1.product_name { font-family: 'Barlow Condensed', sans-serif !important; font-size: 20px !important; font-weight: 600 !important; letter-spacing: 0.01em !important; line-height: 1 !important; color: #111827 !important; }