/* WireNova Product Catalog — hero, quick nav, filter bar. Neutral styling that inherits WoodMart's look where possible. */ :root { --wn-accent: var(--wd-primary-color, #83b735); --wn-border: #e5e5e5; --wn-muted: #777; --wn-radius: 6px; } /* ---------- Hero ---------- */ .wn-hero { background: #fafafa; border: 1px solid var(--wn-border); border-radius: var(--wn-radius); padding: 28px 24px; margin: 0 0 24px; } .wn-hero__crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: var(--wn-muted); margin-bottom: 8px; } .wn-hero__crumbs a { color: var(--wn-muted); text-decoration: none; } .wn-hero__crumbs a:hover { color: var(--wn-accent); } .wn-hero__sep { color: #bbb; } .wn-hero__title { font-size: 28px; line-height: 1.2; margin: 0 0 10px; } .wn-hero__blurb { max-width: 760px; margin: 0 0 14px; color: var(--wn-muted); font-size: 14.5px; line-height: 1.55; } /* ---------- Quick nav chips ---------- */ .wn-quicknav { display: flex; flex-wrap: wrap; gap: 8px; } .wn-quicknav__chip { display: inline-flex; align-items: center; padding: 7px 14px; border: 1px solid var(--wn-border); border-radius: 40px; background: #fff; font-size: 13px; font-weight: 500; color: #333; text-decoration: none; line-height: 1.2; transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease; } .wn-quicknav__chip:hover, .wn-quicknav__chip.is-active { border-color: var(--wn-accent); color: var(--wn-accent); background: rgba(131, 183, 53, 0.06); } /* ---------- Filter bar ---------- */ .wn-filterbar { margin: 0 0 20px; border: 1px solid var(--wn-border); border-radius: var(--wn-radius); background: #fff; } .wn-filterbar__toggle { display: none; width: 100%; justify-content: space-between; align-items: center; padding: 12px 16px; background: none; border: 0; font-size: 14px; font-weight: 600; cursor: pointer; gap: 8px; } .wn-filterbar__count { background: var(--wn-accent); color: #fff; border-radius: 12px; min-width: 22px; height: 20px; line-height: 20px; font-size: 12px; padding: 0 6px; } .wn-filterbar__panel { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 4px 24px; padding: 16px; } .wn-filterbar__group { padding: 6px 0; } .wn-filterbar__grouplabel { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; color: var(--wn-muted); margin-bottom: 8px; } .wn-filterbar__options { display: flex; flex-wrap: wrap; gap: 6px; } .wn-f-link { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border: 1px solid var(--wn-border); border-radius: 40px; font-size: 13px; color: #444; text-decoration: none; line-height: 1.2; } .wn-f-link:hover { border-color: var(--wn-accent); color: var(--wn-accent); } .wn-f-link.is-active { background: var(--wn-accent); border-color: var(--wn-accent); color: #fff; } .wn-f-link.is-active .wn-f-count { color: rgba(255, 255, 255, 0.85); } .wn-f-count { color: #9a9a9a; font-size: 12px; } .wn-filterbar__price { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .wn-filterbar__price input { width: 84px; padding: 6px 8px; border: 1px solid var(--wn-border); border-radius: var(--wn-radius); font-size: 13px; } .wn-f-apply { padding: 6px 14px; border: 1px solid var(--wn-accent); background: var(--wn-accent); color: #fff; border-radius: var(--wn-radius); font-size: 13px; cursor: pointer; } .wn-f-clear { display: inline-block; margin: 10px 0 0; color: #b32d2e; font-size: 13px; font-weight: 600; } /* ---------- AJAX loading state ---------- */ .wn-results.is-loading { opacity: 0.45; transition: opacity 0.15s ease; pointer-events: none; } /* ---------- Single product compatibility block ---------- */ .wn-compat { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--wn-border); display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; } .wn-compat__label { font-weight: 600; color: var(--wn-muted); } .wn-compat a { text-decoration: none; } .wn-compat a:hover { color: var(--wn-accent); } /* ---------- Responsive ---------- */ @media (max-width: 1024px) { .wn-hero { padding: 20px 16px; } .wn-hero__title { font-size: 24px; } .wn-filterbar__panel { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { /* Off-canvas / bottom-sheet filters on mobile */ .wn-filterbar__toggle { display: flex; } .wn-filterbar__panel { display: none; position: fixed; left: 0; right: 0; bottom: 0; max-height: 78vh; overflow-y: auto; background: #fff; z-index: 99999; border-radius: 14px 14px 0 0; box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.18); padding: 18px 16px 28px; grid-template-columns: 1fr; } .wn-filterbar.is-open .wn-filterbar__panel { display: grid; } .wn-filterbar__toggle::after { content: "▾"; font-size: 12px; } .wn-filterbar.is-open .wn-filterbar__toggle::after { content: "▴"; } .wn-hero__title { font-size: 21px; } .wn-quicknav__chip { padding: 6px 11px; font-size: 12.5px; } } /* ---------- Shop by Device finder ---------- */ .wn-finder__hero { background: #fafafa; border: 1px solid var(--wn-border); border-radius: var(--wn-radius); padding: 28px 24px; margin-bottom: 28px; } .wn-finder__hero h2 { margin: 0 0 6px; font-size: 24px; } .wn-finder__hero p { color: var(--wn-muted); margin: 0 0 16px; } .wn-finder__steps { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; } .wn-finder__step { display: flex; flex-direction: column; gap: 6px; min-width: 190px; flex: 1; } .wn-finder__label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; color: var(--wn-muted); } .wn-finder__step select { padding: 9px 10px; border: 1px solid var(--wn-border); border-radius: var(--wn-radius); font-size: 14px; background: #fff; } .wn-finder__go { padding: 11px 22px; background: var(--wn-accent); color: #fff; border: 0; border-radius: var(--wn-radius); font-size: 14px; font-weight: 600; cursor: pointer; } .wn-finder__go:hover { filter: brightness(0.95); } .wn-finder__family { margin-bottom: 26px; } .wn-finder__family h3 { margin: 0 0 10px; font-size: 18px; display: flex; align-items: baseline; gap: 10px; } .wn-finder__family h3 a { text-decoration: none; } .wn-finder__count { font-size: 13px; font-weight: 400; color: var(--wn-muted); } .wn-finder__models { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; } .wn-finder__model { display: flex; justify-content: space-between; align-items: center; padding: 9px 12px; background: #fff; border: 1px solid var(--wn-border); border-radius: var(--wn-radius); font-size: 13.5px; text-decoration: none; color: #333; } .wn-finder__model span { color: #9a9a9a; font-size: 12px; } .wn-finder__model:hover { border-color: var(--wn-accent); color: var(--wn-accent); } /* ---------- Device switcher on archives ---------- */ .wn-switcher { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; } .wn-switcher__label { font-size: 13px; color: var(--wn-muted); } .wn-switcher select { padding: 7px 10px; border: 1px solid var(--wn-border); border-radius: var(--wn-radius); font-size: 13.5px; background: #fff; max-width: 300px; } .wn-switcher__all { font-size: 13px; color: var(--wn-accent); text-decoration: none; font-weight: 600; } /* ---------- Friendly empty state ---------- */ .wn-emptystate { text-align: center; padding: 48px 20px; border: 1px dashed var(--wn-border); border-radius: var(--wn-radius); margin: 10px 0 30px; background: #fafafa; } .wn-emptystate h2 { font-size: 20px; margin: 0 0 8px; } .wn-emptystate p { color: var(--wn-muted); margin: 0 0 8px; } .wn-emptystate__btn { display: inline-block; margin: 8px 6px 0; padding: 9px 18px; background: var(--wn-accent); color: #fff; border-radius: var(--wn-radius); text-decoration: none; font-size: 13.5px; font-weight: 600; } .wn-emptystate__btn + .wn-emptystate__btn { background: #fff; color: var(--wn-accent); border: 1px solid var(--wn-accent); } @media (max-width: 768px) { .wn-finder__steps { flex-direction: column; align-items: stretch; } .wn-finder__hero { padding: 20px 16px; } .wn-finder__models { grid-template-columns: 1fr 1fr; } .wn-switcher select { max-width: 100%; flex: 1; } } /* ---------- v1.0.3: mobile search bar ---------- */ .wn-mobile-search { display: none; } /* ---------- v1.0.3: homepage hero ---------- */ .wn-hero-home { text-align: center; padding: 34px 16px 26px; } .wn-hero-home__title { font-size: 30px; line-height: 1.15; margin: 0 0 10px; } .wn-hero-home__sub { max-width: 640px; margin: 0 auto 18px; color: var(--wn-muted); font-size: 15px; line-height: 1.5; } .wn-hero-home__search { max-width: 560px; margin: 0 auto 16px; } .wn-search-lg input[type="text"].s { height: 52px; font-size: 16px; border-radius: 10px; } .wn-search-lg .searchsubmit { border-radius: 0 10px 10px 0; } .wn-hero-home__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } .wn-btn { display: flex; flex-direction: column; gap: 2px; padding: 13px 22px; border-radius: 10px; text-decoration: none; min-width: 200px; } .wn-btn span { font-size: 12px; opacity: 0.85; font-weight: 400; } .wn-btn--primary { background: var(--wn-accent); color: #fff; } .wn-btn--primary:hover { filter: brightness(0.95); color: #fff; } .wn-btn--ghost { border: 1.5px solid var(--wn-accent); color: var(--wn-accent); background: #fff; } .wn-btn--ghost:hover { background: rgba(131,183,53,0.06); color: var(--wn-accent); } /* ---------- v1.0.3: trust bar ---------- */ .wn-trustbar { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; padding: 18px 16px; border-top: 1px solid var(--wn-border); border-bottom: 1px solid var(--wn-border); margin: 6px 0 10px; background: #fff; } .wn-trustbar__item { display: flex; flex-direction: column; gap: 3px; } .wn-trustbar__title { font-weight: 700; font-size: 14px; } .wn-trustbar__item a, .wn-trustbar__item span { font-size: 13px; color: var(--wn-muted); text-decoration: none; } .wn-trustbar__item a:hover { color: var(--wn-accent); } /* ---------- v1.0.3: product card details ---------- */ .wn-card-details { display: flex; flex-direction: column; gap: 2px; padding: 2px 0 4px; font-size: 12px; line-height: 1.35; } .wn-card-details__sku { color: #9a9a9a; } .wn-card-details__stock { font-weight: 600; } .wn-card-details__stock.is-in { color: #2e7d32; } .wn-card-details__stock.is-out { color: #b32d2e; } .wn-card-details__fits { color: var(--wn-muted); } /* ---------- v1.0.3: filter sheet bottom bar ---------- */ .wn-filterbar__sheetbar { display: none; } @media (max-width: 768px) { .wn-mobile-search { display: block; padding: 10px 14px; background: #fff; border-bottom: 1px solid var(--wn-border); } .wn-mobile-search .searchform { display: flex; margin: 0; } .wn-mobile-search input[type="text"].s { height: 46px; font-size: 16px; border-radius: 8px 0 0 8px; border: 1.5px solid #d9d9d9; border-right: 0; } .wn-mobile-search .searchsubmit { border-radius: 0 8px 8px 0; padding: 0 18px; background: var(--wn-accent); color: #fff; border: 0; font-size: 15px; } .wn-hero-home { padding: 24px 14px 18px; } .wn-hero-home__title { font-size: 24px; } .wn-hero-home__actions { flex-direction: column; align-items: stretch; max-width: 420px; margin: 0 auto; } .wn-btn { min-width: 0; min-height: 58px; justify-content: center; } .wn-trustbar { grid-template-columns: 1fr 1fr; padding: 14px; } .wn-filterbar__sheetbar { display: flex; gap: 10px; align-items: center; position: sticky; bottom: 0; background: #fff; padding: 12px 0 4px; border-top: 1px solid var(--wn-border); } .wn-sheetbar__clear { flex: 1; text-align: center; padding: 13px 10px; border: 1.5px solid #d9d9d9; border-radius: 10px; font-size: 15px; font-weight: 600; color: #444; text-decoration: none; } .wn-sheetbar__done { flex: 2; padding: 13px 10px; background: var(--wn-accent); color: #fff; border: 0; border-radius: 10px; font-size: 15px; font-weight: 700; cursor: pointer; } } Heavy Duty Cases | WireNova USA https://wirenovausa.com/product-category/cases-covers/heavy-duty-cases/ Thu, 08 Oct 2026 15:30:14 +0000 en-US hourly 1 https://wordpress.org/?v=7.1.3 Heavy Duty Case for iPhone 18 Pro Max – Cyan https://wirenovausa.com/product/heavy-duty-case-iphone-18-pro-max-cyan/ https://wirenovausa.com/product/heavy-duty-case-iphone-18-pro-max-cyan/#respond Sun, 27 Sep 2026 08:07:36 +0000 https://wirenovausa.com/product/heavy-duty-case-iphone-18-pro-max-cyan/ Heavy duty rugged case for iPhone 18 Pro Max in Cyan. Wholesale pricing for retailers and repair shops.

The post Heavy Duty Case for iPhone 18 Pro Max – Cyan appeared first on WireNova USA.

]]>
Heavy Duty Case for iPhone 18 Pro Max

A heavy-duty protective case built for the iPhone 18 Pro Max in Cyan. The rugged design adds durable everyday protection for the back, sides, and camera area, with precise cutouts that keep every port, button, and control fully usable. Supplied in wholesale packaging for phone retailers, repair shops, and resellers.

  • Heavy-duty rugged protection
  • Color: Cyan
  • Precise cutouts for ports, buttons and camera
  • Wholesale packaging for resale

The post Heavy Duty Case for iPhone 18 Pro Max – Cyan appeared first on WireNova USA.

]]>
https://wirenovausa.com/product/heavy-duty-case-iphone-18-pro-max-cyan/feed/ 0