e} /* Upload */ .knox-rma-portal input[type="file"]{ padding:10px 12px; background:rgba(255,255,255,.94); } .knox-rma-portal .knox-upload-progress{margin-top:10px} .knox-rma-portal .knox-progress{height:10px;border-radius:999px;background:rgba(15,23,42,.10);overflow:hidden} .knox-rma-portal .knox-progress-bar{display:block;height:10px;background:linear-gradient(90deg,rgba(15,23,42,.88),rgba(206,196,172,.95));width:0%} /* Error and field highlighting */ .knox-rma-portal .knox-error{ border:1px solid rgba(185,28,28,.35); background:linear-gradient(180deg,rgba(185,28,28,.12),rgba(185,28,28,.06)); color:#7f1d1d; border-radius:14px; padding:12px 12px; margin:0 0 14px; display:none; animation:knoxPop .16s ease-out; } .knox-rma-portal .knox-error strong{display:block;margin-bottom:4px} .knox-rma-portal .knox-field-error input, .knox-rma-portal .knox-field-error select, .knox-rma-portal .knox-field-error textarea{ border-color:rgba(185,28,28,.55)!important; box-shadow:0 0 0 4px rgba(185,28,28,.15)!important; } @keyframes knoxPop{from{transform:translateY(-3px);opacity:.0}to{transform:translateY(0);opacity:1}} /* Responsive: make table scroll on small screens (keep usability identical) */ @media(max-width:820px){ .knox-rma-portal table.shop_table{display:block;overflow:auto} .knox-rma-portal table.shop_table thead, .knox-rma-portal table.shop_table tbody, .knox-rma-portal table.shop_table tr{display:table;width:100%;table-layout:fixed} } /* Light theme overrides - more approachable, a bit more pop */ .knox-rma-portal .knox-card{ box-shadow:0 22px 55px rgba(15,23,42,.10) !important; } .knox-rma-portal .knox-card-hd{ background: radial-gradient(900px 240px at 10% -30%, rgba(206,196,172,.60), transparent 55%), linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.86)) !important; color:var(--ink) !important; border-bottom:1px solid var(--line) !important; } .knox-rma-portal .knox-card-hd h2, .knox-rma-portal .knox-card-hd h3{ color:var(--ink) !important; font-weight:800 !important; } .knox-rma-portal .knox-card-hd h2::before, .knox-rma-portal .knox-card-hd h3::before{ content:""; display:inline-block; width:10px; height:10px; border-radius:999px; background:var(--accent); margin-right:10px; box-shadow:0 0 0 4px rgba(206,196,172,.22); transform:translateY(-1px); } .knox-rma-portal .knox-card-hd .knox-muted{ color:rgba(15,23,42,.68) !important; } /* Buttons - lighter, friendlier */ .knox-rma-portal .button, .knox-rma-portal button[type="submit"]{ background:linear-gradient(180deg,var(--accent),var(--accent2)) !important; border:1px solid rgba(15,23,42,.18) !important; color:var(--ink) !important; box-shadow:0 16px 30px rgba(15,23,42,.10) !important; } .knox-rma-portal .button:hover, .knox-rma-portal button[type="submit"]:hover{ filter:brightness(1.03); transform:translateY(-1px); } /* Inputs - softer focus and friendlier edges */ .knox-rma-portal input[type="text"], .knox-rma-portal input[type="email"], .knox-rma-portal input[type="number"], .knox-rma-portal select, .knox-rma-portal textarea{ border-radius:14px !important; border-color:rgba(15,23,42,.14) !important; background:rgba(255,255,255,.96) !important; } .knox-rma-portal input:focus, .knox-rma-portal select:focus, .knox-rma-portal textarea:focus{ border-color:rgba(206,196,172,.95) !important; box-shadow:0 0 0 5px rgba(206,196,172,.22) !important; } /* Table - a little cleaner and less heavy */ .knox-rma-portal table.shop_table{ background:rgba(255,255,255,.92) !important; border-color:rgba(15,23,42,.10) !important; box-shadow:0 12px 28px rgba(15,23,42,.06) !important; } .knox-rma-portal table.shop_table thead th{ background:linear-gradient(180deg, rgba(206,196,172,.16), rgba(255,255,255,0)) !important; color:rgba(15,23,42,.78) !important; } .knox-rma-portal table.shop_table tbody tr:hover td{ background:rgba(206,196,172,.10) !important; } /* Warranty Fault field - turn it into a gentle callout */ .knox-rma-portal .knox-detail.knox-fault{ padding:12px 12px 10px; border-radius:16px; border:1px solid rgba(206,196,172,.55); background:linear-gradient(180deg, rgba(206,196,172,.18), rgba(255,255,255,.86)); box-shadow:0 10px 26px rgba(15,23,42,.06); } .knox-rma-portal .knox-detail.knox-fault label{ display:flex; align-items:center; gap:8px; font-weight:800; color:rgba(15,23,42,.86); margin-bottom:8px !important; } .knox-rma-portal .knox-detail.knox-fault label::after{ content:"Required"; font-weight:800; font-size:11px; padding:3px 9px; border-radius:999px; background:rgba(15,23,42,.07); color:rgba(15,23,42,.70); letter-spacing:.2px; } .knox-rma-portal textarea.knox-fault-text[required]{ border-color:rgba(206,196,172,.80) !important; } /* Error box - clear but calmer */ .knox-rma-portal .knox-error{ border-color:rgba(185,28,28,.22) !important; background:linear-gradient(180deg, rgba(185,28,28,.08), rgba(255,255,255,.85)) !important; } /* Cleaner theme tweaks - fewer hard lines, still very usable */ .knox-rma-portal{ --line: rgba(15,23,42,.08) !important; --soft: rgba(15,23,42,.04) !important; } /* Lose the “boxed in” feel */ .knox-rma-portal .knox-card{ border: 0 !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 22px 60px rgba(15,23,42,.10) !important; } /* Table: ditch heavy borders, use gentle zebra + hover instead */ .knox-rma-portal table.shop_table{ border: 0 !important; } .knox-rma-portal table.shop_table thead th{ border-bottom: 1px solid rgba(15,23,42,.06) !important; } .knox-rma-portal table.shop_table tbody td{ border-bottom: 0 !important; } .knox-rma-portal table.shop_table tbody tr td{ background: rgba(255,255,255,.98) !important; } .knox-rma-portal table.shop_table tbody tr:nth-child(even) td{ background: rgba(15,23,42,.015) !important; } .knox-rma-portal table.shop_table tbody tr:hover td{ background: rgba(206,196,172,.12) !important; } /* Inputs: more “floating” feel, softer edges */ .knox-rma-portal input[type="text"], .knox-rma-portal input[type="email"], .knox-rma-portal input[type="number"], .knox-rma-portal select, .knox-rma-portal textarea{ border-color: rgba(15,23,42,.10) !important; box-shadow: 0 1px 0 rgba(15,23,42,.02), 0 12px 26px rgba(15,23,42,.05) !important; } .knox-rma-portal input:hover, .knox-rma-portal select:hover, .knox-rma-portal textarea:hover{ border-color: rgba(15,23,42,.14) !important; } /* Group fields without drawing lines everywhere */ .knox-rma-portal .knox-detail{ background: rgba(15,23,42,.02); border-radius: 16px; padding: 12px; } .knox-rma-portal .knox-detail + .knox-detail{ margin-top: 10px; } /* keep the label calm */ .knox-rma-portal .knox-detail label{ color: rgba(15,23,42,.72) !important; } /* Warranty Fault callout: still special, but cleaner */ .knox-rma-portal .knox-detail.knox-fault{ border: 0 !important; background: linear-gradient(180deg, rgba(206,196,172,.20), rgba(255,255,255,.92)) !important; box-shadow: 0 14px 34px rgba(15,23,42,.07) !important; } /* Error: keep it readable, less “boxed” */ .knox-rma-portal .knox-error{ border-width: 0 !important; box-shadow: 0 14px 34px rgba(185,28,28,.10); } /*# sourceURL=knox-rma-portal-inline-css */
Chat
SEI-VI

SUMMER ANTI-BACTERIAL EAR-LOOP RIDING MASK

SUMMER ANTI-BACTERIAL EAR-LOOP RIDING MASK

Engineered for ultimate summer comfort and elite hygiene, this premium ear-loop riding mask combines ergonomic design with advanced fabric technology. Featuring a streamlined fit, dual-adjustment system, and AirPureTex performance fabric, it ensures you stay cool, protected, and fully focused on every hot-weather ride.

FEATURES

  • 3D Ergonomic Contour Fit: Expertly tailored with a 3D streamlined cut that perfectly contours to your facial structure, ensuring an unobstructed field of vision and a pressure-free fit that allows you to stay completely focused on the road

  • Dual-Adjustment Secure System: Equipped with independently adjustable ear and neck straps, allowing you to customize the fit for any head shape while ensuring the mask stays firmly in place without slipping during dynamic riding

  • AirPureTex Advanced Fabric Technology: Crafted with premium AirPureTex material that delivers UPF 50+ sun protection, active antibacterial and dust-proof properties, and rapid moisture-wicking capabilities to keep your face remarkably cool and fresh

  • Extended Neck Coverage: Features a lengthened lower hem that provides comprehensive protection for the neck and collar area, effectively sealing out wind, dust, and UV rays for total peace of mind

  • Premium 6-Thread Stitching: Constructed using high-quality, six-thread stitching craftsmanship, ensuring exceptional durability, tear resistance, and reliable long-lasting performance ride after ride