FLØYTER FOR
FOTBALLDOMMERE

---

/* ===================================== REFSHOP - KATEGORISIDE FLØYTER ===================================== */ .rs-category-page { --rs-green: #c7f238; --rs-black: #090c0e; --rs-dark: #111518; --rs-light: #f4f5f5; } .rs-category-page, .rs-category-page * { box-sizing: border-box; } /* HERO */ .rs-cat-hero { position: relative; min-height: 470px; display: flex; align-items: center; background: linear-gradient( 90deg, rgba(4,7,9,.94) 0%, rgba(4,7,9,.82) 40%, rgba(4,7,9,.38) 72%, rgba(4,7,9,.20) 100% ), url("https://refshop.no/wp-content/uploads/2026/09/Hjemmeside-stadion.jpg") center center / cover no-repeat; } .rs-cat-hero-content { max-width: 670px; padding: 80px 0; color: #fff; } .rs-cat-eyebrow { color: var(--rs-green); text-transform: uppercase; font-size: 13px; font-weight: 800; letter-spacing: 2.5px; margin-bottom: 17px; } .rs-cat-hero h1 { margin: 0 0 22px; color: #fff; font-size: clamp(45px,5vw,68px); line-height: .98; font-weight: 800; letter-spacing: -2px; } .rs-cat-hero h1 span { color: var(--rs-green); } .rs-cat-hero p { max-width: 570px; color: rgba(255,255,255,.88); font-size: 18px; line-height: 1.6; margin-bottom: 28px; } .rs-cat-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 25px; background: var(--rs-green); color: #080a0b !important; text-transform: uppercase; font-size: 13px; font-weight: 800; border-radius: 3px; transition: .2s ease; } .rs-cat-button:hover { background: #d9ff58; color: #080a0b !important; transform: translateY(-2px); } /* INTRO */ .rs-cat-intro { padding: 75px 0 80px; background: #fff; } .rs-cat-intro-heading { max-width: 750px; margin-bottom: 42px; } .rs-cat-line { width: 43px; height: 3px; background: var(--rs-green); margin-bottom: 16px; } .rs-cat-intro h2, .rs-cat-products-intro h2 { margin: 0 0 15px; font-size: clamp(30px,3.5vw,44px); line-height: 1.05; font-weight: 800; letter-spacing: -1px; } .rs-cat-intro-heading > p { margin: 0; color: #666; font-size: 17px; line-height: 1.6; } .rs-cat-choice-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; } .rs-cat-choice { position: relative; min-height: 255px; padding: 34px 30px; background: #f4f5f5; border-top: 3px solid transparent; transition: all .2s ease; } .rs-cat-choice:hover { border-color: var(--rs-green); transform: translateY(-3px); } .rs-cat-number { display: block; color: #c7f238; font-size: 13px; font-weight: 800; margin-bottom: 27px; } .rs-cat-choice h3 { margin: 0 0 13px; font-size: 23px; font-weight: 800; } .rs-cat-choice p { color: #686c70; font-size: 14px; line-height: 1.6; } .rs-cat-choice strong { display: block; margin-top: 20px; font-size: 13px; text-transform: uppercase; } /* FEATURE STRIP */ .rs-cat-feature { padding: 27px 0; background: #0c1012; color: #fff; } .rs-cat-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); } .rs-cat-feature-grid > div { padding: 8px 30px; border-right: 1px solid rgba(255,255,255,.12); } .rs-cat-feature-grid > div:first-child { padding-left: 0; } .rs-cat-feature-grid > div:last-child { border-right: 0; } .rs-cat-feature span { display: block; color: #fff; font-size: 13px; font-weight: 800; } .rs-cat-feature small { display: block; color: rgba(255,255,255,.55); font-size: 12px; margin-top: 3px; } /* PRODUCT HEADING */ .rs-cat-products-intro { padding: 68px 0 15px; background: #fff; } .rs-cat-products-intro p { color: #6b7074; margin-bottom: 0; } /* Fjern standard kategorioverskrift på Fløyter, siden vår egen hero allerede har H1 */ body.term-floeyter .shop-page-title { display: none; } /* Gi WooCommerce-produktområdet litt bedre luft */ body.term-floeyter .shop-container { padding-top: 25px; padding-bottom: 70px; } /* MOBIL */ @media (max-width: 849px) { .rs-cat-hero { min-height: 470px; } .rs-cat-hero-content { padding: 65px 0; } .rs-cat-hero h1 { font-size: 42px; letter-spacing: -1px; } .rs-cat-hero p { font-size: 16px; } .rs-cat-choice-grid { grid-template-columns: 1fr; } .rs-cat-choice { min-height: auto; } .rs-cat-feature-grid { grid-template-columns: 1fr; } .rs-cat-feature-grid > div, .rs-cat-feature-grid > div:first-child { padding: 14px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); } .rs-cat-feature-grid > div:last-child { border-bottom: 0; } } @media (max-width: 480px) { .rs-cat-hero h1 { font-size: 36px; } .rs-cat-intro { padding: 55px 0; } }