K Series Carbon Filters

Description

.pw_filter_specs_only { width: 100%; max-width: 980px; margin: 28px auto; font-family: Arial, Helvetica, sans-serif; color: #1f1f1f; box-sizing: border-box; } .pw_filter_specs_panel { padding: 22px; border-radius: 24px; background: linear-gradient(135deg, #eef6ff 0%, #ffffff 52%, #f3f8ff 100%); border: 1px solid #d9eaff; box-sizing: border-box; } .pw_filter_specs_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .pw_filter_specs_item { position: relative; overflow: hidden; border: 1px solid #e2edf8; border-radius: 16px; background: rgba(255,255,255,.88); padding: 16px; box-sizing: border-box; transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease; } .pw_filter_specs_item::before { content: ""; position: absolute; top: 0; left: -70%; width: 55%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255,255,255,.75), transparent); transform: skewX(-18deg); transition: left .65s ease; pointer-events: none; } .pw_filter_specs_item:hover { border-color: #b7d7ff; transform: translateY(-3px); box-shadow: 0 10px 24px rgba(3,106,255,.09); } .pw_filter_specs_item:hover::before { left: 120%; } .pw_filter_specs_item span { position: relative; z-index: 1; display: block; margin-bottom: 7px; font-size: 12px; line-height: 1.3; color: #60758d; text-transform: uppercase; letter-spacing: .35px; font-weight: 700; } .pw_filter_specs_item strong { position: relative; z-index: 1; display: block; font-size: 15px; line-height: 1.45; color: #1f1f1f; font-weight: 800; } .pw_filter_specs_item ul { position: relative; z-index: 1; margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.62; color: #333; } .pw_filter_specs_item li { margin-bottom: 3px; } .pw_filter_primary { background: linear-gradient(135deg, #036AFF 0%, #2088ff 100%); border-color: #036AFF; } .pw_filter_primary span, .pw_filter_primary strong, .pw_filter_primary li { color: #ffffff; } .pw_filter_primary span { opacity: .88; } .pw_filter_soft { background: #f4f9ff; border-color: #cfe4ff; } .pw_filter_soft span { color: #036AFF; } .pw_filter_options_wrap { margin-top: 16px; padding: 18px; border-radius: 20px; background: #ffffff; border: 1px solid #dcecff; box-sizing: border-box; } .pw_filter_section_title { margin: 0 0 14px; font-size: 14px; line-height: 1.3; color: #1f1f1f; font-weight: 800; text-transform: uppercase; letter-spacing: .45px; } .pw_filter_options_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .pw_filter_option_card { position: relative; overflow: hidden; border-radius: 18px; border: 1px solid #dcecff; background: linear-gradient(180deg, #f6fbff 0%, #ffffff 100%); padding: 16px; box-sizing: border-box; transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease; } .pw_filter_option_card:hover { transform: translateY(-3px); border-color: #b7d7ff; box-shadow: 0 10px 24px rgba(3,106,255,.09); } .pw_filter_option_name { margin: 0 0 8px; font-size: 16px; line-height: 1.35; color: #111; font-weight: 800; } .pw_filter_item_badge { display: inline-block; margin-bottom: 12px; padding: 5px 9px; border-radius: 999px; background: #036AFF; color: #ffffff; font-size: 12px; line-height: 1.2; font-weight: 800; letter-spacing: .2px; } .pw_filter_option_block { margin-top: 12px; } .pw_filter_option_label { display: block; margin-bottom: 6px; font-size: 11px; line-height: 1.3; color: #60758d; text-transform: uppercase; font-weight: 800; letter-spacing: .35px; } .pw_filter_option_card ul { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.58; color: #333; } .pw_filter_feature_tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px; } .pw_filter_feature_tags em { display: inline-block; padding: 6px 9px; border-radius: 999px; background: #eef6ff; color: #036AFF; font-size: 12px; line-height: 1.2; font-style: normal; font-weight: 800; } .pw_filter_notes_wrap { margin-top: 16px; padding: 18px; border: 1px solid #dcecff; border-radius: 20px; background: rgba(255,255,255,.84); box-sizing: border-box; } .pw_filter_notes_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .pw_filter_note_item { position: relative; overflow: hidden; display: flex; gap: 10px; padding: 13px 14px; border-radius: 14px; background: #ffffff; border: 1px solid #edf3fb; box-sizing: border-box; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; } .pw_filter_note_item::before { content: ""; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #b9d8ff; transition: width .3s ease, background .3s ease; } .pw_filter_note_item:hover { transform: translateY(-2px); border-color: #dcecff; box-shadow: 0 8px 18px rgba(3,106,255,.08); } .pw_filter_note_item:hover::before { width: 5px; background: #036AFF; } .pw_filter_note_num { position: relative; z-index: 1; min-width: 24px; font-size: 12px; line-height: 1.5; color: #036AFF; font-weight: 800; } .pw_filter_note_text { position: relative; z-index: 1; margin: 0; font-size