✦ Verified product
Black Diamond Bucket Hat
USD 56.58
SX Collective
Verified independent store
→
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500&display=swap'); .spur-wrap-BucketHat { font-family: 'Barl
ow', sans-serif; background: #ffffff; color: #0a0a0a; max-width: 1100px; margin: 0 auto; padding: 48px 24px; } .spur-wrap-BucketHat .spur-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 48px; border-bottom: 1px solid #e0e0e0; padding-bottom: 24px; flex-wrap: wrap; gap: 12px; } .spur-wrap-BucketHat .spur-title { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(28px, 5vw, 48px); font-weight: 800; letter-spacing: -0.02em; line-height: 1; text-transform: uppercase; } .spur-wrap-BucketHat .spur-meta { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: #777; } .spur-wrap-BucketHat .tab-input { position: absolute; opacity: 0; pointer-events: none; } .spur-wrap-BucketHat .spur-tabs-row { display: flex; gap: 4px; margin-bottom: 32px; flex-wrap: wrap; } .spur-wrap-BucketHat .spur-tab { font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 10px 24px; background: #f5f5f5; color: #777; border: 1px solid #e0e0e0; cursor: pointer; transition: all 0.15s; border-radius: 2px; display: inline-block; } .spur-wrap-BucketHat .spur-tab:hover { color: #0a0a0a; border-color: #aaa; } .spur-wrap-BucketHat .spur-panel { display: none; } .spur-wrap-BucketHat #tabBucketHatDesc:checked ~ .spur-panels #panel-description, .spur-wrap-BucketHat #tabBucketHatFeat:checked ~ .spur-panels #panel-features, .spur-wrap-BucketHat #tabBucketHatSpec:checked ~ .spur-panels #panel-specs, .spur-wrap-BucketHat #tabBucketHatCare:checked ~ .spur-panels #panel-care { display: block; } .spur-wrap-BucketHat #tabBucketHatDesc:checked ~ .spur-tabs-row label[for="tabBucketHatDesc"], .spur-wrap-BucketHat #tabBucketHatFeat:checked ~ .spur-tabs-row label[for="tabBucketHatFeat"], .spur-wrap-BucketHat #tabBucketHatSpec:checked ~ .spur-tabs-row label[for="tabBucketHatSpec"], .spur-wrap-BucketHat #tabBucketHatCare:checked ~ .spur-tabs-row label[for="tabBucketHatCare"] { background: #0a0a0a; color: #ffffff; border-color: #0a0a0a; } .spur-wrap-BucketHat .spec-category { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #0a0a0a; padding: 20px 0 8px; border-bottom: 2px solid #0a0a0a; margin-bottom: 0; } .spur-wrap-BucketHat .spec-row { display: grid; grid-template-columns: 200px 1fr; border-bottom: 1px solid #e0e0e0; transition: background 0.1s; } .spur-wrap-BucketHat .spec-row:hover { background: #f5f5f5; } .spur-wrap-BucketHat .spec-key { font-size: 12px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: #777; padding: 12px 16px 12px 0; align-self: start; } .spur-wrap-BucketHat .spec-val { font-size: 14px; font-weight: 300; color: #222; padding: 12px 0; line-height: 1.5; } @media (max-width: 600px) { .spur-wrap-BucketHat .spec-row { grid-template-columns: 1fr; } .spur-wrap-BucketHat .spec-key { padding-bottom: 2px; } .spur-wrap-BucketHat .spec-val { padding-top: 0; padding-bottom: 12px; } } Description Sun protection doesn’t have to be serious. Keep it light in the BD Bucket Hat.
