:root { –eversun-charcoal: #232329; –eversun-mauve: #b9858f; –eversun-mauve-dark: #8f5f68; –eversun-blush: #ece7e5; –eversun-ivory: #f7f7f8; –eversun-white: #ffffff; –eversun-border: #e5e5e8; –eversun-muted: #6d6664; –eversun-radius: 12px; –eversun-max: 1180px; } html, body, .wp-site-blocks, .site, .site-content, .content-area, .entry-content, .wp-block-post-content, main, article, .page, .hentry { background: var(–eversun-white) !important; } .eversun-page, .eversun-configurator, .eversun-hero, .eversun-section, .eversun-cta-block, .eversun-card-grid-wrap, .eversun-compact-form, .eversun-faq, .eversun-related, .eversun-trust-badges { box-sizing: border-box; color: var(–eversun-charcoal); font-family: inherit; } .eversun-page { width: 100vw; max-width: none; margin-left: calc(50% – 50vw); margin-right: calc(50% – 50vw); overflow-x: clip; background: var(–eversun-white); } .eversun-page a { text-decoration-thickness: 1px; text-underline-offset: 3px; } .eversun-hero { max-width: calc(var(–eversun-max) + 80px); margin: 0 auto 38px; padding: clamp(34px, 6vw, 78px) clamp(18px, 5vw, 40px); border-bottom: 1px solid var(–eversun-border); background: linear-gradient(135deg, var(–eversun-ivory) 0%, #fff 58%, #f8f6f5 100%); } .eversun-hero–visual { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(340px, 1.08fr); gap: clamp(28px, 5vw, 58px); align-items: center; } .eversun-hero–compact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, 420px); gap: clamp(24px, 4vw, 46px); align-items: center; } .eversun-hero–text { display: block; } .eversun-hero__content { min-width: 0; } .eversun-hero h1 { max-width: 980px; margin: 0 0 16px; color: var(–eversun-charcoal); font-size: clamp(34px, 4.5vw, 64px); letter-spacing: 0; line-height: 1.04; } .eversun-hero–compact h1 { font-size: clamp(32px, 3.8vw, 54px); } .eversun-hero p { max-width: 820px; color: #514b49; font-size: clamp(16px, 1.7vw, 20px); line-height: 1.58; } .eversun-hero__media { margin: 0; } .eversun-hero-image, .eversun-product-card__media img { display: block; width: 100%; height: auto; border: 1px solid var(–eversun-border); background: var(–eversun-white); object-fit: cover; } .eversun-hero-image { aspect-ratio: 16 / 10; border-radius: 0; box-shadow: 0 18px 48px rgba(35, 35, 41, 0.09); } .eversun-hero–editorial { position: relative; overflow: hidden; min-height: clamp(620px, 78vh, 860px); border-bottom: 1px solid var(–eversun-border); background: radial-gradient(circle at 82% 18%, rgba(185, 133, 143, 0.14), transparent 28%), linear-gradient(135deg, #fff 0%, var(–eversun-ivory) 48%, #fff 100%); } .eversun-hero–editorial::after { content: “”; position: absolute; inset: auto -12% -32% 48%; height: 42%; background: linear-gradient(90deg, rgba(232, 217, 211, 0), rgba(232, 217, 211, 0.6), rgba(232, 217, 211, 0)); transform: rotate(-7deg); pointer-events: none; } .eversun-hero–editorial .eversun-hero__content, .eversun-atelier-visual { position: relative; z-index: 1; } .eversun-atelier-visual { min-width: 0; } .eversun-atelier-frame { position: relative; border: 1px solid rgba(185, 133, 143, 0.28); background: rgba(255, 255, 255, 0.82); box-shadow: 0 24px 70px rgba(35, 35, 41, 0.10); padding: clamp(14px, 2vw, 22px); } .eversun-atelier-topline, .eversun-atelier-footer { display: flex; justify-content: space-between; gap: 14px; color: var(–eversun-muted); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; } .eversun-atelier-logo-mark { margin: 18px 0; color: var(–eversun-mauve-dark); font-size: clamp(18px, 2vw, 26px); line-height: 1.15; text-align: center; } .eversun-atelier-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(118px, 1fr); gap: clamp(10px, 1.4vw, 16px); } .eversun-atelier-card { display: flex; position: relative; min-height: 170px; flex-direction: column; justify-content: flex-end; overflow: hidden; border: 1px solid var(–eversun-border); background: var(–eversun-white); color: inherit; text-decoration: none; transform: translateY(0); transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease; } .eversun-atelier-card–large { grid-column: span 2; grid-row: span 2; } .eversun-atelier-card–tall { grid-row: span 2; } .eversun-atelier-card__image { display: block; width: 100%; height: 100%; min-height: 190px; object-fit: cover; transform: scale(1.01); transition: transform 400ms ease; } .eversun-atelier-card span { display: block; position: absolute; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(232, 217, 211, 0.92); background: rgba(247, 244, 241, 0.92); padding: 10px; } .eversun-atelier-card strong, .eversun-atelier-card small { display: block; } .eversun-atelier-card strong { color: var(–eversun-charcoal); font-size: 14px; line-height: 1.2; } .eversun-atelier-card small { margin-top: 4px; color: var(–eversun-muted); font-size: 11px; line-height: 1.3; } .eversun-atelier-card:hover, .eversun-atelier-card:focus { border-color: rgba(185, 133, 143, 0.55); box-shadow: 0 18px 34px rgba(35, 35, 41, 0.12); transform: translateY(-5px); } .eversun-atelier-card:hover .eversun-atelier-card__image, .eversun-atelier-card:focus .eversun-atelier-card__image { transform: scale(1.05); } .eversun-atelier-card:nth-child(1) { animation: eversun-float 7.5s ease-in-out infinite; } .eversun-atelier-card:nth-child(2) { animation: eversun-float 8.5s ease-in-out 0.8s infinite; } .eversun-atelier-card:nth-child(3), .eversun-atelier-card:nth-child(4) { animation: eversun-float 9s ease-in-out 1.3s infinite; } .eversun-motion-band { overflow: hidden; border-top: 1px solid var(–eversun-border); border-bottom: 1px solid var(–eversun-border); background: var(–eversun-charcoal); color: var(–eversun-white); } .eversun-motion-track { display: flex; width: max-content; gap: 12px; padding: 13px 18px; animation: eversun-track 30s linear infinite; } .eversun-motion-track span { display: inline-flex; align-items: center; min-height: 28px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; color: var(–eversun-white); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; padding: 5px 14px; text-transform: uppercase; white-space: nowrap; } .eversun-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; } .eversun-section-heading p { max-width: 760px; } .eversun-text-link { border-bottom: 1px solid currentColor; color: var(–eversun-charcoal); font-weight: 800; text-decoration: none; white-space: nowrap; } .eversun-runway-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .eversun-runway-card { display: flex; min-width: 0; flex-direction: column; border: 1px solid var(–eversun-border); background: var(–eversun-white); color: inherit; padding: 12px; text-decoration: none; transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease; } .eversun-runway-card img { display: block; width: 100%; aspect-ratio: 1 / 1; border: 1px solid var(–eversun-border); background: var(–eversun-ivory); object-fit: cover; } .eversun-runway-card strong, .eversun-runway-card small { display: block; } .eversun-runway-card strong { margin-top: 8px; color: var(–eversun-charcoal); font-size: 17px; line-height: 1.25; } .eversun-runway-card small { margin-top: 8px; color: var(–eversun-muted); line-height: 1.4; } .eversun-runway-card:hover, .eversun-runway-card:focus { border-color: rgba(185, 133, 143, 0.58); box-shadow: 0 18px 34px rgba(35, 35, 41, 0.10); transform: translateY(-4px); } .eversun-brand-banner { display: grid; max-width: var(–eversun-max); grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr); align-items: center; gap: clamp(22px, 4vw, 48px); margin: 48px auto; border: 1px solid var(–eversun-border); background: linear-gradient(120deg, var(–eversun-blush), var(–eversun-ivory) 58%, #fff); padding: clamp(24px, 5vw, 46px); } .eversun-brand-banner h2 { margin: 0 0 12px; color: var(–eversun-charcoal); font-size: clamp(28px, 4vw, 52px); line-height: 1.08; } .eversun-brand-banner p { color: #514b49; line-height: 1.6; } .eversun-brand-banner figure { margin: 0; } .eversun-brand-banner__image { display: block; width: 100%; aspect-ratio: 16 / 9; border: 1px solid rgba(185, 133, 143, 0.32); background: var(–eversun-white); object-fit: cover; box-shadow: 0 18px 48px rgba(35, 35, 41, 0.10); } .eversun-home–vograce-inspired { background: var(–eversun-white); } .eversun-home–vograce-inspired .eversun-vg-hero, .eversun-home–vograce-inspired .eversun-motion-band, .eversun-home–vograce-inspired .eversun-vg-featured, .eversun-home–vograce-inspired .eversun-vg-motion-gallery, .eversun-home–vograce-inspired .eversun-vg-manufacture, .eversun-home–vograce-inspired .eversun-vg-shipping, .eversun-home–vograce-inspired .eversun-vg-video { width: 100vw; margin-left: calc(50% – 50vw); margin-right: calc(50% – 50vw); } .eversun-home–vograce-inspired > .eversun-vg-section { width: 100vw; max-width: none; margin-left: calc(50% – 50vw); margin-right: calc(50% – 50vw); padding-left: max(18px, calc((100vw – var(–eversun-max)) / 2)); padding-right: max(18px, calc((100vw – var(–eversun-max)) / 2)); background: var(–eversun-white); } .eversun-home–animated-showcase { background: #fbf8f3; } .eversun-showcase { position: relative; isolation: isolate; width: 100vw; margin-left: calc(50% – 50vw); margin-right: calc(50% – 50vw); overflow: clip; background: radial-gradient(circle at 18% 12%, rgba(227, 161, 27, 0.16), transparent 28%), radial-gradient(circle at 82% 22%, rgba(185, 133, 143, 0.12), transparent 30%), linear-gradient(180deg, #fbf8f3 0%, #f7f4ef 52%, #fffaf3 100%); color: #3b3028; } .eversun-showcase::before { content: “”; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(227, 161, 27, 0.06) 1px, transparent 1px), linear-gradient(180deg, rgba(227, 161, 27, 0.05) 1px, transparent 1px); background-size: 128px 128px; mask-image: linear-gradient(180deg, transparent 0%, #000 9%, #000 91%, transparent 100%); pointer-events: none; } .eversun-showcase__cta-wrap { position: sticky; top: calc(100dvh – 92px); z-index: 20; display: flex; justify-content: center; height: 0; pointer-events: none; } .eversun-showcase__cta { display: inline-flex; align-items: center; justify-content: center; min-width: min(620px, calc(100vw – 40px)); min-height: 58px; padding: 0 34px; border: 1px solid rgba(255, 255, 255, 0.76); border-radius: 999px; background: linear-gradient(90deg, #e3a11b 0%, #f0b53a 56%, #e29a15 100%); box-shadow: 0 18px 42px rgba(169, 108, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.62); color: #fff !important; font-size: clamp(16px, 1.4vw, 20px); font-weight: 800; letter-spacing: 0.01em; text-decoration: none !important; pointer-events: auto; transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease; } .eversun-showcase__cta::before { content: “”; width: 22px; height: 16px; margin-right: 16px; border: 2px solid currentColor; border-radius: 3px; box-shadow: inset 0 7px 0 -5px currentColor; } .eversun-showcase__cta::after { content: “”; width: 10px; height: 10px; margin-left: 28px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); } .eversun-showcase__cta:hover, .eversun-showcase__cta:focus { transform: translateY(-2px); box-shadow: 0 22px 52px rgba(169, 108, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.72); filter: saturate(1.05); } .eversun-showcase__panel { position: relative; min-height: clamp(620px, 86dvh, 820px); display: grid; place-items: center; padding: clamp(72px, 10vw, 118px) max(18px, calc((100vw – var(–eversun-max)) / 2)); overflow: hidden; border-bottom: 1px solid rgba(232, 215, 184, 0.72); } .eversun-showcase__panel::before, .eversun-showcase__panel::after { content: “”; position: absolute; left: -8vw; right: -8vw; z-index: 1; height: 150px; border-radius: 50%; pointer-events: none; } .eversun-showcase__panel::before { top: -92px; background: rgba(255, 255, 255, 0.62); box-shadow: 0 14px 42px rgba(227, 161, 27, 0.08); } .eversun-showcase__panel::after { bottom: -96px; background: rgba(255, 255, 255, 0.70); box-shadow: 0 -16px 42px rgba(227, 161, 27, 0.08); } .eversun-showcase__panel–phone { background: linear-gradient(135deg, #fffdf8 0%, #f7f4ef 48%, #fffaf3 100%); } .eversun-showcase__panel–bag { background: radial-gradient(circle at 86% 26%, rgba(227, 161, 27, 0.16), transparent 28%), linear-gradient(135deg, #fffaf2 0%, #f9f2ec 58%, #fffdf8 100%); } .eversun-showcase__panel–tumbler { background: radial-gradient(circle at 14% 30%, rgba(185, 133, 143, 0.13), transparent 28%), linear-gradient(135deg, #fbf8f3 0%, #fff 48%, #f7f4ef 100%); } .eversun-showcase__panel–keychain { background: radial-gradient(circle at 78% 16%, rgba(227, 161, 27, 0.18), transparent 24%), linear-gradient(135deg, #fffdf9 0%, #f8f4ed 54%, #fffaf3 100%); } .eversun-showcase__copy { position: relative; z-index: 7; width: min(560px, calc(100vw – 44px)); margin: 0 auto; padding: clamp(18px, 2.5vw, 30px); text-align: center; animation: eversunShowcaseCopy 900ms ease both; } .eversun-showcase__brand-logo { display: block; width: clamp(122px, 14vw, 178px); height: auto; margin: 0 auto 10px; object-fit: contain; } .eversun-showcase__eyebrow { margin: 0 0 14px; color: #e3a11b; font-size: clamp(12px, 1.05vw, 15px); font-weight: 700; letter-spacing: 0.42em; text-transform: uppercase; } .eversun-showcase__title { margin: 0; color: #3b3028; font-family: Georgia, “Times New Roman”, serif; font-size: clamp(44px, 5.8vw, 86px); font-weight: 500; line-height: 0.98; letter-spacing: -0.035em; } .eversun-showcase__desc { max-width: 460px; margin: 24px auto 0; color: #584a40; font-family: Georgia, “Times New Roman”, serif; font-size: clamp(16px, 1.45vw, 21px); line-height: 1.55; } .eversun-showcase__ghost { position: absolute; inset: 50% auto auto 50%; z-index: 2; width: 100%; transform: translate(-50%, -50%) rotate(-5deg); color: rgba(59, 48, 40, 0.045); font-family: Georgia, “Times New Roman”, serif; font-size: clamp(70px, 12vw, 190px); font-style: italic; letter-spacing: -0.06em; line-height: 1; text-align: center; white-space: nowrap; pointer-events: none; animation: eversunGhostPulse 8s ease-in-out infinite; } .eversun-showcase__products { position: absolute; inset: 0; z-index: 4; pointer-events: none; } .eversun-showcase__product { position: absolute; left: var(–left); top: var(–top); width: var(–w); margin: 0; transform: rotate(var(–rotate)); filter: drop-shadow(0 22px 28px rgba(61, 45, 34, 0.14)); animation: eversunHeroFloat var(–speed) ease-in-out var(–delay) infinite alternate both; } .eversun-showcase__product img { display: block; width: 100%; height: auto; object-fit: contain; } .eversun-showcase__product–2, .eversun-showcase__product–4 { animation-name: eversunHeroFloatReverse; } @keyframes eversunHeroFloat { 0% { transform: translate3d(-8px, -4px, 0) rotate(calc(var(–rotate) – 2deg)) scale(0.98); } 100% { transform: translate3d(12px, 18px, 0) rotate(calc(var(–rotate) + 3deg)) scale(1.03); } } @keyframes eversunHeroFloatReverse { 0% { transform: translate3d(10px, 12px, 0) rotate(calc(var(–rotate) + 3deg)) scale(1.02); } 100% { transform: translate3d(-12px, -10px, 0) rotate(calc(var(–rotate) – 3deg)) scale(0.98); } } @keyframes eversunShowcaseCopy { from { opacity: 0; transform: translateY(22px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes eversunGhostPulse { 0%, 100% { opacity: 0.74; transform: translate(-50%, -50%) rotate(-5deg) scale(0.98); } 50% { opacity: 1; transform: translate(-50%, -50%) rotate(-3deg) scale(1.02); } } .eversun-showcase.eversun-showcase–pinned { –showcase-progress: 0; height: 420svh; min-height: 3000px; overflow: clip; background: radial-gradient(circle at 16% 14%, rgba(227, 161, 27, 0.16), transparent 30%), radial-gradient(circle at 86% 20%, rgba(195, 135, 148, 0.12), transparent 32%), linear-gradient(180deg, #fffdf8 0%, #f7f3ec 48%, #fffaf3 100%); } .eversun-showcase–pinned .eversun-showcase__sticky { position: sticky; top: 0; height: 100svh; min-height: 720px; overflow: hidden; isolation: isolate; } .eversun-showcase–pinned .eversun-showcase__sticky::before, .eversun-showcase–pinned .eversun-showcase__sticky::after { content: “”; position: absolute; left: -10vw; right: -10vw; z-index: 1; height: 22vh; min-height: 150px; border-radius: 50%; background: rgba(255, 255, 255, 0.58); box-shadow: 0 18px 70px rgba(227, 161, 27, 0.10); pointer-events: none; } .eversun-showcase–pinned .eversun-showcase__sticky::before { top: -13vh; } .eversun-showcase–pinned .eversun-showcase__sticky::after { bottom: -13vh; } .eversun-showcase–pinned .eversun-showcase__stage { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; transform: scale(0.982); transition: opacity 760ms ease, transform 900ms cubic-bezier(0.2, 0.78, 0.24, 1); pointer-events: none; } .eversun-showcase–pinned .eversun-showcase__stage.is-active { z-index: 5; opacity: 1; transform: scale(1); pointer-events: auto; } .eversun-showcase–pinned .eversun-showcase__stage.is-before { transform: translateY(-2.5vh) scale(1.018); } .eversun-showcase–pinned .eversun-showcase__stage.is-after { transform: translateY(2.5vh) scale(0.982); } .eversun-showcase–pinned .eversun-showcase__scene-bg { position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(227, 161, 27, 0.055) 1px, transparent 1px), linear-gradient(180deg, rgba(227, 161, 27, 0.045) 1px, transparent 1px), radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.70), transparent 30%); background-size: 138px 138px, 138px 138px, auto; mask-image: linear-gradient(180deg, transparent 0%, #000 11%, #000 88%, transparent 100%); } .eversun-showcase–pinned .eversun-showcase__stage–bag .eversun-showcase__scene-bg { background: radial-gradient(circle at 84% 22%, rgba(227, 161, 27, 0.18), transparent 28%), radial-gradient(circle at 18% 72%, rgba(135, 83, 49, 0.10), transparent 28%), linear-gradient(135deg, rgba(255, 252, 246, 0.95), rgba(248, 241, 232, 0.92)); } .eversun-showcase–pinned .eversun-showcase__stage–tumbler .eversun-showcase__scene-bg { background: radial-gradient(circle at 18% 26%, rgba(148, 185, 204, 0.14), transparent 28%), radial-gradient(circle at 82% 76%, rgba(227, 161, 27, 0.18), transparent 30%), linear-gradient(135deg, rgba(255, 253, 248, 0.98), rgba(246, 242, 237, 0.94)); } .eversun-showcase–pinned .eversun-showcase__stage–keychain .eversun-showcase__scene-bg { background: radial-gradient(circle at 80% 16%, rgba(227, 161, 27, 0.22), transparent 26%), radial-gradient(circle at 12% 78%, rgba(32, 32, 32, 0.06), transparent 25%), linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(248, 244, 237, 0.95)); } .eversun-showcase–pinned .eversun-showcase__copy { z-index: 9; width: min(700px, calc(100vw – 40px)); padding: 0 18px; animation: none; filter: drop-shadow(0 18px 42px rgba(255, 255, 255, 0.72)); } .eversun-showcase–pinned .eversun-showcase__brand-logo { width: clamp(138px, 13vw, 210px); margin-bottom: clamp(10px, 1.5vw, 18px); } .eversun-showcase–pinned .eversun-showcase__eyebrow { margin-bottom: clamp(12px, 1.4vw, 18px); color: #df9b10; font-size: clamp(13px, 1.1vw, 17px); letter-spacing: 0.48em; } .eversun-showcase–pinned .eversun-showcase__title { color: #312722; font-size: clamp(58px, 7.2vw, 96px); line-height: 0.96; letter-spacing: -0.045em; } .eversun-showcase–pinned .eversun-showcase__desc { max-width: 560px; margin-top: clamp(20px, 2.4vw, 30px); color: #51443a; font-size: clamp(19px, 1.65vw, 24px); line-height: 1.5; } .eversun-showcase–pinned .eversun-showcase__ghost { z-index: 3; color: rgba(49, 39, 34, 0.055); font-size: clamp(104px, 15vw, 260px); animation: eversunGhostPulse 9s ease-in-out infinite; } .eversun-showcase–pinned .eversun-showcase__products { z-index: 6; } .eversun-showcase–pinned .eversun-showcase__product { left: auto; top: auto; width: auto; transform: none; filter: drop-shadow(0 28px 34px rgba(61, 45, 34, 0.18)); animation: eversunHeroFloat var(–speed, 9s) ease-in-out var(–delay, 0s) infinite alternate both; will-change: transform; } .eversun-showcase–pinned .eversun-showcase__product img { max-height: 58svh; } .eversun-showcase–pinned .eversun-showcase__product–a { –rotate: -8deg; –speed: 9.5s; –delay: -1s; width: clamp(360px, 31vw, 620px); left: clamp(22px, 5vw, 92px); top: clamp(72px, 9vh, 118px); } .eversun-showcase–pinned .eversun-showcase__product–b { –rotate: 8deg; –speed: 10.5s; –delay: -2.2s; width: clamp(330px, 29vw, 590px); right: clamp(20px, 5vw, 92px); top: clamp(52px, 7vh, 96px); animation-name: eversunHeroFloatReverse; } .eversun-showcase–pinned .eversun-showcase__product–c { –rotate: 5deg; –speed: 8.6s; –delay: -3s; width: clamp(260px, 23vw, 440px); left: clamp(42px, 9vw, 150px); bottom: clamp(82px, 12vh, 150px); } .eversun-showcase–pinned .eversun-showcase__product–d { –rotate: -5deg; –speed: 11s; –delay: -3.8s; width: clamp(250px, 22vw, 430px); right: clamp(42px, 9vw, 150px); bottom: clamp(78px, 11vh, 142px); animation-name: eversunHeroFloatReverse; } .eversun-showcase–pinned .eversun-showcase__product–e { –rotate: 11deg; –speed: 12s; –delay: -4.5s; width: clamp(180px, 16vw, 310px); left: 50%; bottom: clamp(26px, 4vh, 52px); opacity: 0.86; filter: blur(0.1px) drop-shadow(0 20px 28px rgba(61, 45, 34, 0.13)); } .eversun-showcase–pinned .eversun-showcase__stage–bag .eversun-showcase__product–a, .eversun-showcase–pinned .eversun-showcase__stage–tumbler .eversun-showcase__product–a, .eversun-showcase–pinned .eversun-showcase__stage–keychain .eversun-showcase__product–a { width: clamp(380px, 32vw, 640px); top: clamp(62px, 8vh, 110px); } .eversun-showcase–pinned .eversun-showcase__stage–keychain .eversun-showcase__product–b { width: clamp(300px, 24vw, 480px); } .eversun-showcase–pinned .eversun-showcase__progress { position: absolute; left: 50%; bottom: clamp(260px, 25vh, 330px); z-index: 14; display: flex; gap: clamp(10px, 1.2vw, 18px); transform: translateX(-50%); } .eversun-showcase–pinned .eversun-showcase__dot { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid rgba(49, 39, 34, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.56); color: #51443a; font-size: 12px; font-weight: 700; letter-spacing: 0.02em; cursor: pointer; backdrop-filter: blur(12px); transition: background 220ms ease, color 220ms ease, border-color 220ms ease, transform 220ms ease; } .eversun-showcase–pinned .eversun-showcase__dot span { color: #df9b10; } .eversun-showcase–pinned .eversun-showcase__dot.is-active { border-color: rgba(227, 161, 27, 0.54); background: #fff; color: #2f2824; transform: translateY(-2px); } .eversun-showcase–pinned .eversun-showcase__cta { position: absolute; left: 50%; bottom: clamp(178px, 19vh, 240px); z-index: 10010; min-width: min(640px, calc(100vw – 44px)); min-height: 64px; transform: translateX(-50%); } .eversun-showcase–pinned .eversun-showcase__cta:hover, .eversun-showcase–pinned .eversun-showcase__cta:focus { transform: translateX(-50%) translateY(-2px); } .eversun-vg-hero { position: relative; display: flex; min-height: clamp(680px, 100dvh, 920px); align-items: center; overflow: hidden; border-bottom: 0; background: url(“https://eversunaccessory.com/wp-content/uploads/2026/07/eversun-custom-phone-chain-homepage-hero-poster.webp”) center / cover no-repeat, var(–eversun-ivory); } .eversun-vg-hero::before { content: “”; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(247, 244, 241, 0.96) 0%, rgba(247, 244, 241, 0.82) 30%, rgba(247, 244, 241, 0.24) 58%, rgba(247, 244, 241, 0) 100%); pointer-events: none; } .eversun-vg-hero__poster { position: absolute; inset: 0; display: block; width: 100%; height: 100%; color: transparent; font-size: 0; object-fit: cover; } .eversun-vg-hero__content { position: relative; z-index: 2; max-width: 650px; margin-left: max(20px, calc((100vw – var(–eversun-max)) / 2)); padding: clamp(32px, 5vw, 70px) 20px; } .eversun-vg-hero h1 { margin: 0 0 16px; color: var(–eversun-charcoal); font-size: clamp(38px, 5.4vw, 72px); line-height: 0.98; } .eversun-vg-hero p { max-width: 560px; color: #4f4749; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.55; } .eversun-vg-hero__controls { position: absolute; left: max(20px, calc((100vw – var(–eversun-max)) / 2)); right: max(20px, calc((100vw – var(–eversun-max)) / 2)); bottom: 22px; z-index: 2; display: flex; gap: 12px; } .eversun-vg-hero__controls span { min-width: 44px; border-bottom: 2px solid rgba(35, 35, 41, 0.28); color: var(–eversun-charcoal); font-size: 12px; font-weight: 800; padding-bottom: 7px; } .eversun-vg-hero__controls .is-active { border-color: var(–eversun-charcoal); } .eversun-motion-band–trust { margin-bottom: 0; } .eversun-home–vograce-inspired .eversun-motion-band–trust { border-color: rgba(255, 255, 255, 0.16); } .eversun-vg-section { max-width: var(–eversun-max); margin: 0 auto; padding: clamp(42px, 6vw, 76px) 18px; } .eversun-vg-heading { max-width: 780px; margin: 0 auto 28px; text-align: center; } .eversun-vg-heading–split { display: flex; max-width: none; align-items: flex-end; justify-content: space-between; gap: 24px; text-align: left; } .eversun-vg-heading h2 { margin: 0 0 10px; color: var(–eversun-charcoal); font-size: clamp(28px, 3.6vw, 48px); line-height: 1.08; } .eversun-vg-heading p { margin: 0; color: var(–eversun-muted); line-height: 1.6; } .eversun-vg-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .eversun-vg-category-card { display: block; min-width: 0; border: 0; background: transparent; color: inherit; padding: 0 0 8px; text-align: center; text-decoration: none; transition: transform 220ms ease; } .eversun-vg-category-card__image { display: block; overflow: hidden; aspect-ratio: 4 / 5; border: 0; background: transparent; } .eversun-vg-category-card__image img { display: block; width: 100%; height: 100%; box-sizing: border-box; object-fit: contain; padding: 8%; transition: transform 420ms ease; } .eversun-vg-category-card__kicker, .eversun-vg-product-card em { display: inline-flex; margin-top: 12px; color: var(–eversun-mauve-dark); font-size: 11px; font-style: normal; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eversun-vg-category-card strong { display: block; margin-top: 6px; color: var(–eversun-charcoal); font-size: 16px; line-height: 1.25; } .eversun-vg-category-card:hover, .eversun-vg-category-card:focus, .eversun-vg-product-card:hover, .eversun-vg-product-card:focus { transform: translateY(-4px); } .eversun-vg-category-card:hover img, .eversun-vg-category-card:focus img { transform: scale(1.055); } .eversun-vg-motion-gallery { overflow: hidden; background: var(–eversun-white); padding: 18px 0 34px; } .eversun-vg-motion-gallery__track, .eversun-pro-motion__track { display: flex; width: max-content; gap: 18px; animation: eversun-track 42s linear infinite; } .eversun-vg-motion-gallery:hover .eversun-vg-motion-gallery__track, .eversun-pro-motion:hover .eversun-pro-motion__track { animation-play-state: paused; } .eversun-vg-motion-gallery figure, .eversun-pro-motion figure { flex: 0 0 clamp(180px, 18vw, 260px); margin: 0; aspect-ratio: 1 / 1; background: #f8f8f8; overflow: hidden; } .eversun-vg-motion-gallery img, .eversun-pro-motion img { display: block; width: 100%; height: 100%; object-fit: contain; animation: eversun-gallery-float 7s ease-in-out infinite; transform-origin: center; } .eversun-vg-motion-gallery figure:nth-child(2n) img, .eversun-pro-motion figure:nth-child(2n) img { animation-delay: -1.6s; } .eversun-vg-motion-gallery figure:nth-child(3n) img, .eversun-pro-motion figure:nth-child(3n) img { animation-delay: -3.2s; } .eversun-vg-featured { background: #f7f7f8; border-top: 1px solid var(–eversun-border); border-bottom: 1px solid var(–eversun-border); } .eversun-vg-product-row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; } .eversun-vg-product-card { display: flex; min-width: 0; flex-direction: column; border: 0; background: transparent; color: inherit; padding: 0; text-decoration: none; transition: transform 220ms ease; animation: eversun-card-rise 680ms ease backwards; } .eversun-vg-product-card:nth-child(2), .eversun-pro-product:nth-child(2), .eversun-pro-benefit-row article:nth-child(2) { animation-delay: 80ms; } .eversun-vg-product-card:nth-child(3), .eversun-pro-product:nth-child(3), .eversun-pro-benefit-row article:nth-child(3) { animation-delay: 160ms; } .eversun-vg-product-card:nth-child(4), .eversun-pro-product:nth-child(4), .eversun-pro-benefit-row article:nth-child(4) { animation-delay: 240ms; } .eversun-vg-product-card:nth-child(5), .eversun-pro-product:nth-child(5), .eversun-pro-benefit-row article:nth-child(5) { animation-delay: 320ms; } .eversun-vg-product-card__media { display: block; overflow: hidden; aspect-ratio: 1 / 1; border: 0; background: rgba(255, 255, 255, 0.58); } .eversun-vg-product-card__media img { display: block; width: 100%; height: 100%; box-sizing: border-box; object-fit: contain; padding: 8%; } .eversun-vg-product-card strong, .eversun-vg-product-card small { display: block; } .eversun-vg-product-card strong { margin-top: 7px; color: var(–eversun-charcoal); font-size: 16px; line-height: 1.25; } .eversun-vg-product-card small { margin-top: 6px; color: var(–eversun-muted); line-height: 1.38; } .eversun-vg-buyer-strip { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 32px; } .eversun-vg-buyer-strip span { border: 1px solid var(–eversun-border); background: rgba(255, 255, 255, 0.82); color: var(–eversun-charcoal); font-size: 13px; font-weight: 800; padding: 10px 14px; } .eversun-vg-footprint { background: var(–eversun-white); } .eversun-vg-footprint-map { position: relative; min-height: clamp(260px, 32vw, 430px); overflow: hidden; border: 1px solid var(–eversun-border); background: radial-gradient(circle at 24% 42%, rgba(185, 133, 143, 0.28) 0 8%, transparent 8.4%), radial-gradient(circle at 48% 34%, rgba(185, 133, 143, 0.24) 0 12%, transparent 12.4%), radial-gradient(circle at 70% 48%, rgba(185, 133, 143, 0.28) 0 10%, transparent 10.4%), linear-gradient(135deg, #fbfaf9, var(–eversun-ivory)); } .eversun-vg-footprint-map::before { content: “”; position: absolute; inset: 36px; border: 1px solid rgba(185, 133, 143, 0.25); background-image: linear-gradient(rgba(185, 133, 143, 0.14) 1px, transparent 1px), linear-gradient(90deg, rgba(185, 133, 143, 0.14) 1px, transparent 1px); background-size: 80px 80px; } .eversun-vg-footprint-map strong { position: absolute; left: 50%; top: 50%; color: rgba(35, 35, 41, 0.78); font-size: clamp(20px, 3.5vw, 48px); letter-spacing: 0.08em; text-align: center; text-transform: uppercase; transform: translate(-50%, -50%); } .eversun-vg-footprint-map .pin { position: absolute; z-index: 2; width: 14px; height: 14px; border: 3px solid var(–eversun-white); border-radius: 999px; background: var(–eversun-mauve-dark); box-shadow: 0 0 0 8px rgba(185, 133, 143, 0.18); animation: eversun-pulse 2.6s ease-in-out infinite; } .pin-1 { left: 22%; top: 43%; } .pin-2 { left: 52%; top: 36%; animation-delay: 0.4s; } .pin-3 { left: 73%; top: 51%; animation-delay: 0.8s; } .eversun-vg-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-left: 1px solid var(–eversun-border); border-bottom: 1px solid var(–eversun-border); } .eversun-vg-metrics div { min-height: 122px; border-top: 1px solid var(–eversun-border); border-right: 1px solid var(–eversun-border); padding: 18px; text-align: center; } .eversun-vg-metrics strong, .eversun-vg-metrics span { display: block; } .eversun-vg-metrics strong { color: var(–eversun-charcoal); font-size: 19px; line-height: 1.25; } .eversun-vg-metrics span { margin-top: 8px; color: var(–eversun-muted); line-height: 1.45; } .eversun-vg-manufacture { position: relative; display: flex; min-height: clamp(680px, 100dvh, 900px); align-items: center; justify-content: center; background: linear-gradient(rgba(20, 18, 19, 0.50), rgba(20, 18, 19, 0.42)), url(“https://eversunaccessory.com/wp-content/uploads/2026/06/eversun-factory-video-entry-background-1.webp”) center / cover no-repeat; color: var(–eversun-white); padding: clamp(44px, 7vw, 92px) 18px clamp(136px, 18vw, 220px); } .eversun-vg-manufacture__overlay { max-width: 820px; border: 0; background: rgba(35, 35, 41, 0.34); backdrop-filter: blur(4px); padding: clamp(24px, 5vw, 52px); text-align: center; } .eversun-vg-manufacture .eversun-eyebrow, .eversun-vg-manufacture h2, .eversun-vg-manufacture p { color: var(–eversun-white); } .eversun-vg-manufacture h2 { margin: 0 0 14px; font-size: clamp(30px, 4vw, 58px); line-height: 1.04; } .eversun-vg-manufacture p { line-height: 1.65; } .eversun-vg-manufacture__cards { position: absolute; left: 50%; bottom: clamp(22px, 5vw, 58px); display: grid; width: min(var(–eversun-max), calc(100vw – 36px)); grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; transform: translateX(-50%); } .eversun-vg-manufacture__cards article { min-height: 112px; border: 1px solid rgba(255, 255, 255, 0.72); background: rgba(255, 255, 255, 0.92); box-shadow: 0 18px 42px rgba(14, 19, 28, 0.18); color: var(–eversun-charcoal); padding: 18px; animation: eversunCardRise 0.72s ease both; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; } .eversun-vg-manufacture__cards article:nth-child(2) { animation-delay: 0.08s; } .eversun-vg-manufacture__cards article:nth-child(3) { animation-delay: 0.16s; } .eversun-vg-manufacture__cards article:nth-child(4) { animation-delay: 0.24s; } .eversun-vg-manufacture__cards article:hover, .eversun-vg-manufacture__cards article:focus-within { border-color: rgba(177, 112, 93, 0.42); box-shadow: 0 24px 56px rgba(14, 19, 28, 0.24); transform: translateY(-8px); } .eversun-vg-manufacture__cards strong, .eversun-vg-manufacture__cards span { display: block; } .eversun-vg-manufacture__cards strong { color: var(–eversun-charcoal); font-size: 16px; line-height: 1.25; } .eversun-vg-manufacture__cards span { margin-top: 7px; color: #475569; font-size: 13px; line-height: 1.45; } .eversun-vg-reason-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .eversun-vg-reason-grid article { min-height: 210px; border: 1px solid var(–eversun-border); background: linear-gradient(180deg, var(–eversun-white), #fbfaf9); padding: 22px; } .eversun-vg-reason-grid strong { display: block; color: var(–eversun-mauve-dark); font-size: 18px; line-height: 1.25; } .eversun-vg-reason-grid p { color: var(–eversun-muted); line-height: 1.58; } .eversun-vg-promo-banner { position: relative; width: 100vw; max-width: none; min-height: clamp(300px, 24vw, 430px); margin: clamp(46px, 6vw, 78px) 0 clamp(56px, 7vw, 92px) calc(50% – 50vw); overflow: hidden; background: #f7f2f0 url(“https://eversunaccessory.com/wp-content/uploads/2026/07/eversun-order-samples-before-bulk-phone-charms-clean-homepage-banner.webp”) center 44% / cover no-repeat; padding: 0; } .eversun-vg-promo-banner a, .eversun-vg-promo-banner__image { display: block; } .eversun-vg-promo-banner br { display: none; } .eversun-vg-promo-banner__link { position: relative; display: block; isolation: isolate; min-height: inherit; overflow: hidden; color: inherit; text-decoration: none; } .eversun-vg-promo-banner__image { position: absolute; width: 1px; height: 1px; border: 0; clip-path: inset(50%); opacity: 0 !important; overflow: hidden; pointer-events: none; } .eversun-vg-promo-banner__logo { position: absolute; top: clamp(22px, 3.2vw, 44px); left: max(22px, calc((100vw – var(–eversun-max)) / 2 + 22px)); z-index: 2; display: inline-flex; width: clamp(130px, 12vw, 220px); padding: 9px 12px; border: 1px solid rgba(255, 255, 255, 0.62); border-radius: 4px; background: rgba(255, 255, 255, 0.84); box-shadow: 0 14px 38px rgba(31, 35, 42, 0.14); backdrop-filter: blur(4px); animation: eversunCardRise 0.7s ease both; } .eversun-vg-promo-banner__logo img { display: block; width: 100%; height: auto; } .eversun-vg-promo-banner__content { position: absolute; top: 50%; left: max(24px, calc((100vw – var(–eversun-max)) / 2 + 24px)); display: grid; width: min(500px, calc(100vw – 48px)); gap: 9px; background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(5px); border: 1px solid rgba(210, 199, 193, 0.72); box-shadow: 0 22px 60px rgba(31, 35, 42, 0.20); color: #1f232a !important; padding: clamp(18px, 2.5vw, 30px); opacity: 1 !important; z-index: 2; transform: translateY(-50%); animation: eversunPromoReveal 0.8s ease both; } .eversun-vg-promo-banner__content-logo { display: inline-flex; width: clamp(100px, 8vw, 142px); margin-bottom: 4px; } .eversun-vg-promo-banner__content-logo img { display: block; width: 100%; height: auto; } .eversun-vg-promo-banner .eversun-vg-promo-banner__content .eversun-eyebrow { color: #8a4f58 !important; } .eversun-vg-promo-banner .eversun-vg-promo-banner__content strong { color: #1f232a !important; font-size: clamp(28px, 3vw, 44px); line-height: 1.02; letter-spacing: -0.02em; } .eversun-vg-promo-banner .eversun-vg-promo-banner__content span:not(.eversun-eyebrow) { color: #475569 !important; font-size: clamp(14px, 1.4vw, 17px); line-height: 1.65; } .eversun-vg-promo-banner .eversun-vg-promo-banner__content em { color: #8a4f58 !important; font-style: normal; font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eversun-vg-promo-banner__stats { position: absolute; right: max(24px, calc((100vw – var(–eversun-max)) / 2 + 24px)); bottom: clamp(18px, 2.6vw, 30px); z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; width: min(680px, calc(100vw – 48px)); } .eversun-vg-promo-banner__stats span { display: grid; gap: 4px; min-height: 72px; align-content: center; padding: 11px 13px; background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(210, 199, 193, 0.72); box-shadow: 0 12px 30px rgba(31, 35, 42, 0.12); color: #1f232a; transform: translateY(0); transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease; animation: eversunCardRise 0.7s ease both; } .eversun-vg-promo-banner__stats span:nth-child(2) { animation-delay: 0.06s; } .eversun-vg-promo-banner__stats span:nth-child(3) { animation-delay: 0.12s; } .eversun-vg-promo-banner__stats span:nth-child(4) { animation-delay: 0.18s; } .eversun-vg-promo-banner:hover .eversun-vg-promo-banner__stats span { transform: translateY(-4px); background: rgba(255, 255, 255, 0.96); box-shadow: 0 18px 38px rgba(31, 35, 42, 0.16); } .eversun-vg-promo-banner__stats strong { font-size: clamp(19px, 1.9vw, 27px); line-height: 1; letter-spacing: -0.02em; } .eversun-vg-promo-banner__stats small { color: #64748b; font-size: 12px; line-height: 1.35; } @keyframes eversunCardRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } @keyframes eversunPromoReveal { from { opacity: 1; transform: translateY(calc(-50% + 18px)); } to { opacity: 1; transform: translateY(-50%); } } .eversun-vg-shipping { position: relative; min-height: clamp(560px, 78dvh, 780px); overflow: hidden; background: var(–eversun-ivory); } .eversun-vg-shipping::before { content: “”; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.74) 42%, rgba(255, 255, 255, 0.08) 100%); pointer-events: none; } .eversun-vg-shipping__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .eversun-vg-shipping__content { position: relative; z-index: 2; max-width: 620px; padding: clamp(58px, 9vw, 126px) 18px 0; margin-left: max(18px, calc((100vw – var(–eversun-max)) / 2)); } .eversun-vg-shipping__content h2, .eversun-vg-video__content h2 { margin: 0 0 14px; font-size: clamp(32px, 4.2vw, 60px); line-height: 1.04; } .eversun-vg-shipping__content p { color: #514b49; font-size: 17px; line-height: 1.62; } .eversun-vg-shipping__cards { position: relative; z-index: 2; display: grid; max-width: var(–eversun-max); grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: clamp(38px, 12vw, 130px) auto 0; padding: 0 18px 42px; } .eversun-vg-shipping__cards article { min-height: 142px; background: rgba(255, 255, 255, 0.78); border: 1px solid rgba(228, 214, 209, 0.55); padding: 18px; } .eversun-vg-shipping__cards strong, .eversun-vg-update-grid strong, .eversun-vg-cert-grid strong { display: block; color: var(–eversun-charcoal); line-height: 1.25; } .eversun-vg-shipping__cards p, .eversun-vg-update-grid p, .eversun-vg-cert-grid p { color: var(–eversun-muted); line-height: 1.55; } .eversun-vg-video { position: relative; display: flex; min-height: clamp(560px, 82dvh, 860px); align-items: center; justify-content: center; overflow: hidden; color: var(–eversun-white); text-align: center; } .eversun-vg-video::before { content: “”; position: absolute; inset: 0; z-index: 1; background: rgba(11, 12, 16, 0.46); } .eversun-vg-video__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .eversun-vg-video__content { position: relative; z-index: 2; max-width: 780px; padding: 40px 18px; } .eversun-vg-video__content .eversun-eyebrow, .eversun-vg-video__content h2, .eversun-vg-video__content p { color: var(–eversun-white); } .eversun-vg-video__content p { max-width: 620px; margin: 0 auto; color: rgba(255, 255, 255, 0.82); line-height: 1.65; } .eversun-vg-video__play { display: inline-grid; width: 82px; height: 82px; place-items: center; border: 1px solid rgba(255, 255, 255, 0.74); border-radius: 999px; background: var(–eversun-mauve-dark); color: transparent; margin-bottom: 24px; text-decoration: none; transition: transform 220ms ease, background 220ms ease; } .eversun-vg-video__play::before { content: “”; display: block; width: 0; height: 0; margin-left: 5px; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 20px solid var(–eversun-white); } .eversun-vg-video__play:hover, .eversun-vg-video__play:focus { background: var(–eversun-charcoal); transform: scale(1.04); } .eversun-vg-update-grid, .eversun-vg-cert-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .eversun-vg-update-grid article, .eversun-vg-cert-grid article { background: #fbfaf9; padding: 22px; } .eversun-vg-update-grid span { display: inline-flex; margin-bottom: 28px; color: var(–eversun-mauve-dark); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eversun-vg-update-grid a { display: inline-flex; margin-top: 10px; color: var(–eversun-charcoal); font-weight: 800; } .eversun-vg-cert-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 980px; margin: 0 auto; } .eversun-vg-cert-grid article { min-height: 246px; background: transparent; padding: 0; text-align: left; } .eversun-vg-cert-card { display: flex; flex-direction: column; } .eversun-vg-cert-grid–real { grid-template-columns: repeat(4, minmax(0, 1fr)); } .eversun-vg-cert-logo { display: grid; width: 100%; height: 154px; place-items: center; box-sizing: border-box; border-radius: 6px; background: #f4f4f5; margin: 0 0 12px; padding: 18px; } .eversun-vg-cert-logo img { display: block; width: auto; height: auto; max-width: 136px; max-height: 112px; object-fit: contain; } .eversun-vg-cert-card–bsci .eversun-vg-cert-logo img, .eversun-vg-cert-card–smeta .eversun-vg-cert-logo img { max-width: 150px; } .eversun-vg-cert-mark { display: grid; width: 100%; height: 154px; place-items: center; border-radius: 6px; background: #f4f4f5; color: #1f2328; font-family: “Helvetica Neue”, Arial, sans-serif; font-size: 18px; font-weight: 900; line-height: 1.05; text-align: center; } .eversun-vg-cert-card strong { margin-top: 12px; font-size: 14px; line-height: 1.25; } .eversun-vg-cert-card p { margin-top: 8px; font-size: 12.5px; line-height: 1.45; } .eversun-vg-cert-mark__large { display: block; width: 86px; padding: 15px 8px 8px; border-radius: 3px; background: #1e6b58; color: #ffffff; font-size: 34px; line-height: 0.95; } .eversun-vg-cert-mark__small { display: block; margin-top: -32px; color: #ffffff; font-size: 7px; font-weight: 700; line-height: 1.2; } .eversun-vg-cert-mark__word { font-size: 38px; letter-spacing: -0.05em; } .eversun-vg-cert-mark__dot { width: 11px; height: 11px; margin-left: 126px; margin-top: -48px; border-radius: 999px; background: #e72c73; } .eversun-vg-cert-mark__ring { display: grid; width: 104px; height: 104px; place-items: center; border: 4px solid #1f6cae; border-radius: 999px; color: #1f6cae; font-size: 26px; line-height: 1; text-transform: uppercase; } .eversun-vg-cert-mark__ring small { display: block; font-size: 10px; letter-spacing: 0; } .eversun-vg-cert-card–iso14001 .eversun-vg-cert-mark__ring { border-color: #159466; color: #159466; } .eversun-vg-cert-card–bsci .eversun-vg-cert-mark__word { color: #1f2328; font-size: 40px; letter-spacing: 0.04em; } .eversun-all-products-page { width: 100vw; margin-left: calc(50% – 50vw); margin-right: calc(50% – 50vw); overflow: hidden; background: var(–eversun-white); } .eversun-all-products-hero { max-width: var(–eversun-max); margin: 0 auto; padding: clamp(76px, 10vw, 132px) 18px clamp(42px, 6vw, 72px); text-align: center; } .eversun-all-products-hero > div { max-width: 940px; margin: 0 auto; } .eversun-all-products-hero h1 { margin: 0 0 20px; font-size: clamp(46px, 6vw, 86px); line-height: 0.98; letter-spacing: -0.04em; } .eversun-all-products-hero p { margin-left: auto; margin-right: auto; max-width: 760px; } .eversun-all-products-shell { display: grid; max-width: var(–eversun-max); grid-template-columns: 270px minmax(0, 1fr); gap: clamp(28px, 4vw, 54px); margin: 0 auto; padding: 0 18px clamp(64px, 8vw, 112px); } .eversun-all-products-rail { position: sticky; top: 104px; align-self: start; padding-right: 18px; border-right: 1px solid var(–eversun-border); } .eversun-all-products-rail > span { display: block; margin-bottom: 12px; color: var(–eversun-muted); font-size: 12px; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; } .eversun-all-products-rail a { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 12px; border-radius: 6px; color: var(–eversun-charcoal); text-decoration: none; transition: background 180ms ease, color 180ms ease, transform 180ms ease; } .eversun-all-products-rail a:hover, .eversun-all-products-rail a:focus { background: #f3f6fb; color: #1c5fd2; transform: translateX(3px); } .eversun-all-products-rail strong { font-size: 15px; } .eversun-all-products-rail span:not(:first-child) { color: var(–eversun-muted); font-size: 12px; white-space: nowrap; } .eversun-all-products-content { min-width: 0; } .eversun-all-products-intro { margin-bottom: clamp(40px, 5vw, 68px); } .eversun-all-products-intro h2 { max-width: 920px; margin: 0 0 14px; font-size: clamp(34px, 4vw, 60px); line-height: 1.02; letter-spacing: -0.04em; } .eversun-all-products-intro p { max-width: 760px; } .eversun-all-products-category { scroll-margin-top: 130px; } .eversun-all-products-category + .eversun-all-products-category { margin-top: clamp(52px, 7vw, 96px); } .eversun-all-products-category__heading { max-width: 880px; padding-bottom: 22px; border-bottom: 1px solid var(–eversun-border); } .eversun-all-products-category__heading h2 { margin: 0 0 12px; font-size: clamp(32px, 4vw, 56px); line-height: 1.04; letter-spacing: -0.035em; } .eversun-all-products-category__heading a, .eversun-all-products-group__heading a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 4px; } .eversun-all-products-group { padding: clamp(30px, 4vw, 48px) 0; border-bottom: 1px solid var(–eversun-border); } .eversun-all-products-group__heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 22px; } .eversun-all-products-group__heading h3 { margin: 0 0 8px; font-size: clamp(24px, 2.4vw, 36px); line-height: 1.12; letter-spacing: -0.025em; } .eversun-all-products-group__heading p { max-width: 680px; } .eversun-all-products-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(18px, 2vw, 26px); } .eversun-all-product-card { display: flex; min-width: 0; flex-direction: column; color: var(–eversun-charcoal); text-decoration: none; transition: transform 220ms ease; } .eversun-all-product-card:hover, .eversun-all-product-card:focus { transform: translateY(-5px); } .eversun-all-product-card__media { display: grid; aspect-ratio: 1 / 1; place-items: center; overflow: hidden; background: #f7f7f8; } .eversun-all-product-card__media img { width: 100%; height: 100%; object-fit: contain; padding: 7%; transition: transform 240ms ease; } .eversun-all-product-card:hover .eversun-all-product-card__media img, .eversun-all-product-card:focus .eversun-all-product-card__media img { transform: scale(1.045); } .eversun-all-product-card .eversun-card__keyword { margin-top: 16px; color: var(–eversun-mauve-dark); font-size: 12px; font-weight: 800; letter-spacing: 0.09em; line-height: 1.25; text-transform: uppercase; } .eversun-all-product-card strong { margin-top: 8px; font-size: clamp(17px, 1.5vw, 22px); line-height: 1.18; } .eversun-all-product-card p { margin-top: 8px; color: var(–eversun-muted); line-height: 1.55; } .eversun-pro-page { width: 100vw; margin-left: calc(50% – 50vw); margin-right: calc(50% – 50vw); overflow: hidden; background: var(–eversun-white); } .eversun-pro-hero { position: relative; display: flex; min-height: clamp(680px, 100dvh, 920px); align-items: center; justify-content: center; overflow: hidden; color: var(–eversun-white); } .eversun-pro-hero::before { content: “”; position: absolute; inset: 0; z-index: 1; background: rgba(0, 0, 0, 0.48); } .eversun-pro-hero::after { content: “”; position: absolute; inset: 0; z-index: 1; background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.12) 42%, transparent 72%); opacity: 0.55; transform: translateX(-100%); animation: eversun-light-sweep 8s ease-in-out infinite; pointer-events: none; } .eversun-pro-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .eversun-pro-hero__content { position: relative; z-index: 2; max-width: 850px; padding: 0 18px; text-align: center; } .eversun-pro-hero__content .eversun-eyebrow, .eversun-pro-hero__content h1, .eversun-pro-hero__content p { color: var(–eversun-white); } .eversun-pro-hero h1 { margin: 0 0 16px; font-size: clamp(36px, 4.8vw, 72px); line-height: 1.03; } .eversun-pro-hero__content > p:not(.eversun-eyebrow):not(.eversun-button-row) { max-width: 720px; margin: 0 auto 26px; line-height: 1.65; } .eversun-pro-hero .eversun-button-secondary { border-color: rgba(255, 255, 255, 0.72); color: var(–eversun-white); } .eversun-pro-benefit-row { position: absolute; left: 50%; bottom: clamp(26px, 5vw, 70px); z-index: 2; display: grid; width: min(1060px, calc(100vw – 60px)); grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; transform: translateX(-50%); } .eversun-pro-benefit-row article { min-height: 132px; border: 1px solid rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.13); color: var(–eversun-white); padding: 20px; animation: eversun-card-rise 720ms ease backwards, eversun-soft-breathe 6s ease-in-out infinite; transition: background 220ms ease, border-color 220ms ease, transform 220ms ease; } .eversun-pro-benefit-row article:hover, .eversun-pro-benefit-row article:focus-within { border-color: rgba(255, 255, 255, 0.94); background: rgba(255, 255, 255, 0.2); transform: translateY(-5px); } .eversun-pro-benefit-row strong, .eversun-pro-benefit-row span { display: block; } .eversun-pro-benefit-row strong { font-size: 15px; line-height: 1.25; } .eversun-pro-benefit-row span { margin-top: 8px; color: rgba(255, 255, 255, 0.86); font-size: 12.5px; line-height: 1.45; } .eversun-pro-section { width: 100vw; margin-left: calc(50% – 50vw); margin-right: calc(50% – 50vw); padding: clamp(58px, 7vw, 96px) max(18px, calc((100vw – var(–eversun-max)) / 2)); background: var(–eversun-white); } .eversun-pro-motion { width: 100vw; margin-left: calc(50% – 50vw); margin-right: calc(50% – 50vw); overflow: hidden; padding: 24px 0 44px; background: var(–eversun-white); } .eversun-pro-product-grid, .eversun-pro-partner-grid, .eversun-faq-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .eversun-pro-product, .eversun-pro-partner-grid article, .eversun-faq-grid article { display: block; background: #fbfbfb; color: inherit; padding: 20px; text-decoration: none; transition: transform 220ms ease, background 220ms ease; } .eversun-pro-product { animation: eversun-card-rise 680ms ease backwards; } .eversun-pro-product:hover, .eversun-pro-product:focus, .eversun-pro-partner-grid article:hover, .eversun-pro-partner-grid article:focus-within { background: #f6f4f3; transform: translateY(-5px); } .eversun-pro-product:hover img, .eversun-pro-product:focus img { transform: scale(1.045); } .eversun-pro-product span { display: block; overflow: hidden; aspect-ratio: 1 / 1; background: var(–eversun-white); } .eversun-pro-product img { width: 100%; height: 100%; object-fit: contain; transition: transform 240ms ease; } .eversun-pro-product strong, .eversun-pro-partner-grid strong, .eversun-faq-grid strong { display: block; margin-top: 14px; color: var(–eversun-charcoal); font-size: 18px; line-height: 1.25; } .eversun-pro-product p, .eversun-pro-partner-grid p, .eversun-faq-grid p { color: var(–eversun-muted); line-height: 1.6; } .eversun-pro-dark { width: 100vw; margin-left: calc(50% – 50vw); margin-right: calc(50% – 50vw); padding: clamp(76px, 9vw, 130px) max(18px, calc((100vw – var(–eversun-max)) / 2)); background: linear-gradient(90deg, rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.28)), url(“https://eversunaccessory.com/wp-content/uploads/2026/06/eversun-factory-video-entry-background-1.webp”) center / cover no-repeat; color: var(–eversun-white); } .eversun-pro-dark > div { max-width: 720px; } .eversun-pro-dark .eversun-eyebrow, .eversun-pro-dark h2, .eversun-pro-dark p { color: var(–eversun-white); } .eversun-pro-dark h2 { margin: 0 0 14px; font-size: clamp(34px, 4.2vw, 64px); line-height: 1.04; } .eversun-pro-dark p { line-height: 1.65; } @keyframes eversun-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } @keyframes eversun-track { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes eversun-gallery-float { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-8px) scale(1.025); } } @keyframes eversun-card-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } @keyframes eversun-soft-breathe { 0%, 100% { box-shadow: 0 0 0 rgba(255, 255, 255, 0); } 50% { box-shadow: 0 16px 48px rgba(255, 255, 255, 0.08); } } @keyframes eversun-light-sweep { 0%, 42% { transform: translateX(-120%); } 68%, 100% { transform: translateX(120%); } } @keyframes eversun-pulse { 0%, 100% { box-shadow: 0 0 0 6px rgba(185, 133, 143, 0.16); } 50% { box-shadow: 0 0 0 14px rgba(185, 133, 143, 0.04); } } .eversun-eyebrow, .eversun-card__keyword { margin: 0 0 10px; color: var(–eversun-mauve-dark); font-size: 12px; font-weight: 700; letter-spacing: 0.09em; line-height: 1.35; text-transform: uppercase; } .eversun-section, .eversun-answer-block, .eversun-cta-block { max-width: var(–eversun-max); margin: 38px auto; padding: 0 18px; } .eversun-section h2, .eversun-answer-block h2, .eversun-cta-block h2, .eversun-card-grid-wrap h2, .eversun-configurator h2 { margin: 0 0 14px; color: var(–eversun-charcoal); font-size: clamp(25px, 3vw, 42px); line-height: 1.12; } .eversun-section p, .eversun-answer-block p, .eversun-cta-block p, .eversun-configurator p, .eversun-card p, .eversun-product-card p { color: var(–eversun-muted); line-height: 1.62; } .eversun-answer-block, .eversun-answer-mini { border: 1px solid var(–eversun-border); background: var(–eversun-ivory); padding: clamp(22px, 4vw, 36px); } .eversun-split-section { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(320px, 1.2fr); gap: clamp(24px, 4vw, 46px); align-items: start; } .eversun-intent-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(–eversun-border); border-left: 1px solid var(–eversun-border); } .eversun-intent-grid a { display: block; min-height: 142px; border-right: 1px solid var(–eversun-border); border-bottom: 1px solid var(–eversun-border); color: inherit; padding: 18px; text-decoration: none; } .eversun-intent-grid strong, .eversun-intent-grid span { display: block; } .eversun-intent-grid span { margin-top: 8px; color: var(–eversun-muted); line-height: 1.5; } .eversun-button-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 0; } .wp-block-button__link, .eversun-mode-tabs button, .eversun-progress button, .eversun-step-actions button, .eversun-submit, .eversun-product-quote-cta .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border: 1px solid var(–eversun-charcoal); border-radius: 999px; background: var(–eversun-charcoal); color: var(–eversun-white); cursor: pointer; font: inherit; font-weight: 700; line-height: 1.2; padding: 11px 18px; text-decoration: none; transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease; } .wp-block-button__link:hover, .wp-block-button__link:focus, .eversun-submit:hover, .eversun-submit:focus { background: #111114; color: var(–eversun-white); transform: translateY(-1px); } .eversun-button-secondary, .eversun-mode-tabs button, .eversun-progress button, .eversun-step-actions button { background: transparent; color: var(–eversun-charcoal); } .eversun-button-secondary:hover, .eversun-button-secondary:focus, .eversun-mode-tabs button.is-active, .eversun-progress button.is-active, .eversun-step-actions button[data-next] { background: var(–eversun-charcoal); color: var(–eversun-white); } .eversun-trust-badges, .eversun-mode-tabs, .eversun-progress, .eversun-step-actions, .eversun-related, .eversun-keyword-chips, .eversun-tag-cloud { display: flex; flex-wrap: wrap; gap: 10px; } .eversun-trust-badges { margin: 20px 0 0; } .eversun-trust-badges span, .eversun-keyword-chips span, .eversun-tag-cloud span { border: 1px solid var(–eversun-border); border-radius: 999px; background: var(–eversun-white); color: #50484a; font-size: 13px; font-weight: 700; line-height: 1.3; padding: 8px 12px; } .eversun-card-grid-wrap { margin: 34px 0; } .eversun-card-grid, .eversun-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .eversun-card-grid–four { grid-template-columns: repeat(4, minmax(0, 1fr)); } .eversun-card, .eversun-product-card { display: block; min-height: 176px; border: 1px solid var(–eversun-border); background: var(–eversun-white); color: inherit; padding: 18px; text-decoration: none; transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; } .eversun-product-card { padding: 0; overflow: hidden; } .eversun-product-card__media { display: block; aspect-ratio: 1 / 1; background: var(–eversun-ivory); } .eversun-product-card__media img { height: 100%; } .eversun-product-card .eversun-card__keyword, .eversun-product-card strong, .eversun-product-card p { display: block; margin-left: 16px; margin-right: 16px; } .eversun-product-card .eversun-card__keyword { margin-top: 16px; } .eversun-product-card p { margin-bottom: 18px; } .eversun-card:hover, .eversun-card:focus, .eversun-product-card:hover, .eversun-product-card:focus { border-color: var(–eversun-mauve); box-shadow: 0 14px 34px rgba(35, 35, 41, 0.09); transform: translateY(-2px); } .eversun-card strong, .eversun-product-card strong { color: var(–eversun-charcoal); font-size: 18px; line-height: 1.28; } .eversun-process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 20px 0 0; padding: 0; border-top: 1px solid var(–eversun-border); border-left: 1px solid var(–eversun-border); list-style: none; } .eversun-process-grid li { min-height: 164px; border-right: 1px solid var(–eversun-border); border-bottom: 1px solid var(–eversun-border); padding: 20px; } .eversun-process-grid strong, .eversun-process-grid span { display: block; } .eversun-process-grid strong { color: var(–eversun-mauve-dark); margin-bottom: 10px; } .eversun-process-grid span { color: var(–eversun-muted); line-height: 1.55; } .eversun-check-list, .eversun-process-list, .eversun-section ol, .eversun-section ul { display: grid; gap: 10px; margin: 16px 0; padding-left: 22px; } .eversun-table { width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid var(–eversun-border); background: var(–eversun-white); } .eversun-table th, .eversun-table td { border-bottom: 1px solid var(–eversun-border); padding: 14px 15px; text-align: left; vertical-align: top; } .eversun-table th { width: 210px; background: var(–eversun-ivory); color: var(–eversun-charcoal); font-weight: 800; } .eversun-table thead th { width: auto; } .eversun-gallery-strip, .eversun-quote-section { border-top: 1px solid var(–eversun-border); border-bottom: 1px solid var(–eversun-border); background: linear-gradient(90deg, var(–eversun-white), var(–eversun-ivory)); max-width: none; padding: clamp(28px, 5vw, 52px) max(18px, calc((100vw – var(–eversun-max)) / 2)); } .eversun-cta-block, .eversun-product-quote-cta, .eversun-configurator { border: 1px solid var(–eversun-border); background: var(–eversun-ivory); padding: clamp(22px, 4vw, 34px); } .eversun-configurator { max-width: var(–eversun-max); margin: 32px auto; } .eversun-configurator__intro { max-width: 900px; margin-bottom: 24px; } .eversun-progress { margin: 18px 0 22px; } .eversun-progress button { border-color: var(–eversun-border); font-size: 13px; } .eversun-step { display: none; border: 1px solid var(–eversun-border); background: var(–eversun-white); padding: 20px; } .eversun-step.is-active { display: block; } .eversun-step h3 { margin: 0 0 16px; } .eversun-grid { display: grid; gap: 16px; } .eversun-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eversun-field { display: flex; flex-direction: column; gap: 7px; margin-bottom: 14px; color: var(–eversun-charcoal); font-weight: 700; } .eversun-field input, .eversun-field select, .eversun-field textarea { width: 100%; min-height: 44px; border: 1px solid #d8c8c4; border-radius: 8px; background: var(–eversun-white); color: var(–eversun-charcoal); font: inherit; padding: 11px 12px; } .eversun-field textarea { min-height: 116px; } .eversun-field small, .eversun-note, .eversun-consent { color: var(–eversun-muted); font-size: 14px; line-height: 1.45; } .eversun-consent { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0 18px; } .eversun-step-actions { justify-content: flex-end; margin-top: 14px; } .eversun-hp { position: absolute; left: -9999px; opacity: 0; } .eversun-faq details { border: 1px solid var(–eversun-border); background: var(–eversun-white); margin: 10px 0; padding: 15px 17px; } .eversun-faq summary { color: var(–eversun-charcoal); cursor: pointer; font-weight: 800; } .eversun-faq p { margin-bottom: 0; } .eversun-related { max-width: var(–eversun-max); align-items: center; margin: 28px auto; padding: 0 18px; } .eversun-related strong { flex-basis: 100%; } .eversun-related a { border: 1px solid var(–eversun-border); border-radius: 999px; color: var(–eversun-charcoal); padding: 8px 12px; text-decoration: none; } @media (max-width: 980px) { .eversun-hero–visual, .eversun-hero–compact, .eversun-split-section { grid-template-columns: 1fr; } .eversun-vg-category-grid, .eversun-vg-product-row, .eversun-vg-reason-grid, .eversun-vg-metrics, .eversun-vg-manufacture__cards, .eversun-vg-shipping__cards, .eversun-vg-update-grid, .eversun-vg-cert-grid, .eversun-pro-benefit-row, .eversun-pro-product-grid, .eversun-pro-partner-grid, .eversun-faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eversun-vg-heading–split { align-items: flex-start; flex-direction: column; } .eversun-card-grid, .eversun-product-grid, .eversun-runway-grid, .eversun-card-grid–four, .eversun-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eversun-brand-banner { grid-template-columns: 1fr; } .eversun-all-products-shell { grid-template-columns: 1fr; } .eversun-all-products-rail { position: static; display: flex; overflow-x: auto; gap: 10px; padding: 0 0 14px; border-right: 0; border-bottom: 1px solid var(–eversun-border); } .eversun-all-products-rail > span { min-width: max-content; align-self: center; margin: 0 8px 0 0; } .eversun-all-products-rail a { min-width: 220px; background: #f7f8fa; } .eversun-all-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { .eversun-vg-hero { display: block; min-height: 100dvh; padding-top: 0; } .eversun-vg-hero::before { z-index: 1; background: linear-gradient(180deg, rgba(247, 244, 241, 0.02) 0%, rgba(247, 244, 241, 0.12) 34%, rgba(247, 244, 241, 0.76) 58%, rgba(247, 244, 241, 0.98) 100%); } .eversun-vg-hero__poster { min-height: 100dvh; object-position: 58% top; } .eversun-vg-hero__content { position: absolute; left: 0 !important; right: 0 !important; bottom: 72px; width: auto; max-width: none; margin: 0 !important; padding: 0 18px; overflow: visible; } .eversun-vg-hero h1 { display: block; width: calc(100vw – 48px); max-width: calc(100vw – 48px); font-size: clamp(28px, 8.5vw, 35px); line-height: 1.08; overflow-wrap: break-word; white-space: normal !important; } .eversun-vg-hero p { width: calc(100vw – 80px); max-width: calc(100vw – 80px); font-size: 14.5px; line-height: 1.5; overflow-wrap: anywhere; white-space: normal; } .eversun-vg-hero .eversun-eyebrow { width: calc(100vw – 48px); max-width: calc(100vw – 48px); font-size: 10px; letter-spacing: 0.04em; overflow-wrap: anywhere; white-space: normal; } .eversun-vg-hero .eversun-button-row { display: grid; grid-template-columns: 1fr; width: calc(100vw – 48px); max-width: calc(100vw – 48px); } .eversun-vg-hero .eversun-button-row .wp-block-button__link { width: 100%; justify-content: center; text-align: center; } .eversun-vg-hero__controls { left: 18px; right: 18px; bottom: 22px; } .eversun-hero { padding-top: 30px; } .eversun-hero h1 { font-size: clamp(31px, 10vw, 42px); } .eversun-card-grid, .eversun-product-grid, .eversun-runway-grid, .eversun-card-grid–four, .eversun-process-grid, .eversun-intent-grid, .eversun-grid.two, .eversun-vg-product-row, .eversun-vg-reason-grid, .eversun-vg-metrics, .eversun-vg-manufacture__cards, .eversun-vg-shipping__cards, .eversun-vg-update-grid, .eversun-vg-cert-grid, .eversun-pro-benefit-row, .eversun-pro-product-grid, .eversun-pro-partner-grid, .eversun-all-products-grid, .eversun-faq-grid { grid-template-columns: 1fr; } .eversun-all-products-hero { padding-top: 52px; } .eversun-all-products-hero h1 { font-size: clamp(34px, 12vw, 48px); line-height: 1.02; } .eversun-all-products-shell { padding-bottom: 52px; } .eversun-all-products-group__heading { display: block; } .eversun-all-products-group__heading .eversun-text-link { display: inline-flex; margin-top: 12px; } .eversun-pro-hero { min-height: auto; padding: 92px 0 28px; } .eversun-pro-hero__content { text-align: left; } .eversun-pro-benefit-row { position: relative; left: auto; bottom: auto; width: auto; margin: 34px 18px 0; transform: none; } .eversun-pro-motion figure, .eversun-vg-motion-gallery figure { flex-basis: 170px; } .eversun-vg-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .eversun-vg-category-card { padding: 0 0 10px; } .eversun-vg-category-card strong { font-size: 14px; } .eversun-vg-footprint-map { min-height: 230px; } .eversun-vg-footprint-map strong { width: 80%; } .eversun-vg-manufacture { min-height: auto; padding-bottom: 32px; } .eversun-vg-manufacture__cards { position: relative; left: auto; bottom: auto; width: 100%; padding: 0 18px; margin-top: 28px; transform: none; } .eversun-vg-shipping { min-height: auto; padding-top: 300px; } .eversun-vg-shipping__image { height: 360px; } .eversun-vg-shipping__content { margin-left: 0; padding: 34px 18px 0; } .eversun-vg-shipping__cards { margin-top: 28px; } .eversun-vg-video { min-height: 560px; } .eversun-vg-video__play { width: 70px; height: 70px; } .eversun-hero–editorial { min-height: auto; } .eversun-atelier-frame { padding: 12px; } .eversun-atelier-topline, .eversun-atelier-footer, .eversun-section-heading { align-items: flex-start; flex-direction: column; } .eversun-atelier-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; } .eversun-atelier-card, .eversun-atelier-card–large, .eversun-atelier-card–tall { grid-column: auto; grid-row: auto; min-height: 190px; } .eversun-atelier-card__image { min-height: 190px; } .eversun-motion-track { animation-duration: 45s; } .eversun-brand-banner { margin-left: 18px; margin-right: 18px; } .eversun-table–wide { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } .eversun-table th, .eversun-table td { min-width: 190px; } .eversun-button-row, .eversun-step-actions { align-items: stretch; flex-direction: column; } .eversun-button-row .wp-block-button__link, .eversun-step-actions button, .eversun-submit { width: 100%; } .eversun-configurator { margin-left: 18px; margin-right: 18px; padding: 18px; } .eversun-vg-promo-banner { margin-left: 0; margin-right: 0; margin-top: 42px; margin-bottom: 58px; min-height: 610px; background-position: 58% center; } .eversun-vg-promo-banner__image { height: 610px; } .eversun-vg-promo-banner__logo { top: 18px; left: 18px; width: 150px; } .eversun-vg-promo-banner__content { top: auto; right: 18px; bottom: 176px; left: 18px; width: auto; transform: none; animation-name: eversunCardRise; } .eversun-vg-promo-banner__stats { right: 18px; bottom: 18px; left: 18px; width: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); } .eversun-vg-promo-banner__stats span { min-height: 66px; } } @media (max-width: 980px) { .eversun-showcase__panel { min-height: 760px; padding-left: 18px; padding-right: 18px; } .eversun-showcase__product–5 { display: none; } .eversun-showcase__cta { min-width: min(520px, calc(100vw – 36px)); } } @media (max-width: 680px) { .eversun-showcase { overflow-x: clip; } .eversun-showcase__cta-wrap { top: calc(100dvh – 142px); } .eversun-showcase__cta { min-width: calc(100vw – 34px); min-height: 52px; padding: 0 18px; font-size: 15px; } .eversun-showcase__cta::before { margin-right: 10px; } .eversun-showcase__cta::after { margin-left: 14px; } .eversun-showcase__panel { min-height: 660px; padding-top: 58px; padding-bottom: 96px; } .eversun-showcase__copy { width: calc(100vw – 36px); padding: 12px; } .eversun-showcase__brand-logo { width: 128px; } .eversun-showcase__eyebrow { margin-bottom: 10px; font-size: 10px; letter-spacing: 0.22em; } .eversun-showcase__title { font-size: clamp(39px, 13vw, 56px); line-height: 1.02; } .eversun-showcase__desc { max-width: 310px; margin-top: 16px; font-size: 15px; } .eversun-showcase__ghost { font-size: clamp(60px, 18vw, 104px); white-space: normal; } .eversun-showcase__product { width: var(–mobile-w, min(34vw, 150px)); } .eversun-showcase__product–4, .eversun-showcase__product–5 { display: none; } .eversun-showcase__product–1 { left: 3% !important; top: 11% !important; –mobile-w: min(35vw, 150px); } .eversun-showcase__product–2 { left: auto !important; right: 3% !important; top: 10% !important; –mobile-w: min(37vw, 160px); } .eversun-showcase__product–3 { left: 6% !important; top: 68% !important; –mobile-w: min(32vw, 138px); } } @media (max-width: 980px) { .eversun-showcase.eversun-showcase–pinned { height: 390svh; min-height: 2600px; } .eversun-showcase–pinned .eversun-showcase__sticky { min-height: 690px; } .eversun-showcase–pinned .eversun-showcase__title { font-size: clamp(48px, 10vw, 72px); } .eversun-showcase–pinned .eversun-showcase__desc { font-size: clamp(17px, 2.6vw, 21px); } .eversun-showcase–pinned .eversun-showcase__product–a { width: clamp(250px, 38vw, 390px); left: -2vw; top: clamp(72px, 11vh, 112px); } .eversun-showcase–pinned .eversun-showcase__product–b { width: clamp(250px, 38vw, 390px); right: -2vw; top: clamp(66px, 10vh, 104px); } .eversun-showcase–pinned .eversun-showcase__product–c { width: clamp(190px, 30vw, 300px); left: 4vw; } .eversun-showcase–pinned .eversun-showcase__product–d { width: clamp(190px, 30vw, 300px); right: 4vw; } .eversun-showcase–pinned .eversun-showcase__progress { bottom: 202px; max-width: calc(100vw – 28px); overflow-x: auto; justify-content: flex-start; padding-bottom: 4px; } } @media (max-width: 680px) { .eversun-showcase.eversun-showcase–pinned { height: 380svh; min-height: 2400px; } .eversun-showcase–pinned .eversun-showcase__sticky { min-height: 650px; } .eversun-showcase–pinned .eversun-showcase__copy { width: calc(100vw – 26px); padding: 0 14px; transform: translateY(-72px); } .eversun-showcase–pinned .eversun-showcase__brand-logo { width: 128px; } .eversun-showcase–pinned .eversun-showcase__eyebrow { font-size: 11px; letter-spacing: 0.28em; } .eversun-showcase–pinned .eversun-showcase__title { font-size: clamp(38px, 12.4vw, 50px); letter-spacing: -0.04em; } .eversun-showcase–pinned .eversun-showcase__desc { max-width: 330px; font-size: 16px; line-height: 1.45; } .eversun-showcase–pinned .eversun-showcase__ghost { font-size: clamp(72px, 22vw, 120px); white-space: normal; } .eversun-showcase–pinned .eversun-showcase__product { display: block; } .eversun-showcase–pinned .eversun-showcase__product–a { width: clamp(190px, 48vw, 250px); left: -16vw; top: 92px; } .eversun-showcase–pinned .eversun-showcase__product–b { width: clamp(190px, 48vw, 250px); right: -16vw; top: 92px; } .eversun-showcase–pinned .eversun-showcase__product–c { width: clamp(148px, 38vw, 200px); left: -6vw; bottom: 128px; } .eversun-showcase–pinned .eversun-showcase__product–d { width: clamp(148px, 38vw, 200px); right: -6vw; bottom: 124px; } .eversun-showcase–pinned .eversun-showcase__product–e { display: none; } .eversun-showcase–pinned .eversun-showcase__progress { display: none; } .eversun-showcase–pinned .eversun-showcase__dot { padding: 7px 10px; font-size: 11px; white-space: nowrap; } .eversun-showcase–pinned .eversun-showcase__cta { position: fixed; left: 14px; right: 14px; min-width: calc(100vw – 28px); width: auto; min-height: 56px; bottom: 78px; padding: 0 18px; font-size: 15px; transform: none; } .eversun-showcase–pinned .eversun-showcase__cta:hover, .eversun-showcase–pinned .eversun-showcase__cta:focus { transform: translateY(-2px); } } @media (prefers-reduced-motion: reduce) { .wp-block-button__link, .eversun-card, .eversun-product-card, .eversun-atelier-card, .eversun-atelier-card__image, .eversun-motion-track, .eversun-vg-motion-gallery__track, .eversun-vg-motion-gallery img, .eversun-pro-motion__track, .eversun-pro-motion img, .eversun-runway-card, .eversun-vg-category-card, .eversun-vg-category-card__image img, .eversun-vg-product-card, .eversun-vg-footprint-map .pin, .eversun-pro-hero::after, .eversun-pro-benefit-row article, .eversun-pro-product, .eversun-all-product-card, .eversun-all-product-card__media img, .eversun-vg-manufacture__cards article, .eversun-vg-promo-banner__logo, .eversun-vg-promo-banner__content, .eversun-vg-promo-banner__stats span, .eversun-showcase__product, .eversun-showcase__copy, .eversun-showcase__ghost { animation: none !important; transition: none; } .wp-block-button__link:hover, .wp-block-button__link:focus, .eversun-card:hover, .eversun-card:focus, .eversun-product-card:hover, .eversun-product-card:focus, .eversun-atelier-card:hover, .eversun-atelier-card:focus, .eversun-atelier-card:hover .eversun-atelier-card__image, .eversun-atelier-card:focus .eversun-atelier-card__image, .eversun-runway-card:hover, .eversun-runway-card:focus, .eversun-vg-category-card:hover, .eversun-vg-category-card:focus, .eversun-vg-category-card:hover img, .eversun-vg-category-card:focus img, .eversun-vg-product-card:hover, .eversun-vg-product-card:focus, .eversun-pro-benefit-row article:hover, .eversun-pro-benefit-row article:focus-within, .eversun-vg-manufacture__cards article:hover, .eversun-vg-manufacture__cards article:focus-within, .eversun-pro-product:hover, .eversun-pro-product:focus, .eversun-pro-product:hover img, .eversun-pro-product:focus img, .eversun-pro-partner-grid article:hover, .eversun-pro-partner-grid article:focus-within { transform: none; } } /* Eversun V11 product landing pages */ .eversun-v11-page { –ev11-ink: #202027; –ev11-muted: #5f6370; –ev11-line: rgba(30, 31, 36, 0.12); –ev11-soft: #f8f5f0; –ev11-paper: #fffaf3; –ev11-gold: #e99a00; –ev11-gold-dark: #b86f00; –ev11-shadow: 0 24px 70px rgba(25, 24, 22, 0.12); background: #fff; color: var(–ev11-ink); font-family: Inter, “Helvetica Neue”, Arial, sans-serif; overflow: hidden; } .eversun-v11-page a { color: inherit; } .eversun-v11-page img { max-width: 100%; height: auto; } .eversun-v11-section { width: min(1180px, calc(100% – 40px)); margin: 0 auto; padding: 78px 0; } .eversun-v11-section–wide { width: 100%; padding: 0; } .eversun-v11-eyebrow { margin: 0 0 12px; color: var(–ev11-gold-dark); font-size: 12px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; } .eversun-v11-page h1, .eversun-v11-page h2, .eversun-v11-page h3 { color: var(–ev11-ink); line-height: 1.02; letter-spacing: 0; } .eversun-v11-page h1 { margin: 0; font-size: clamp(44px, 7vw, 92px); font-weight: 500; } .eversun-v11-page h2 { margin: 0 0 18px; font-size: clamp(34px, 4.5vw, 62px); font-weight: 500; } .eversun-v11-page h3 { margin: 0 0 10px; font-size: 20px; font-weight: 760; } .eversun-v11-lede { margin: 18px 0 0; max-width: 680px; color: var(–ev11-muted); font-size: 18px; line-height: 1.72; } .eversun-v11-button-row { display: flex; flex-wrap: wrap; gap: 14px; margin: 28px 0 0; } .eversun-v11-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; border: 1px solid var(–ev11-ink); border-radius: 999px; padding: 0 24px; font-size: 14px; font-weight: 800; text-decoration: none; transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease; } .eversun-v11-button:hover, .eversun-v11-button:focus { transform: translateY(-2px); box-shadow: 0 18px 35px rgba(32, 32, 39, 0.16); } .eversun-v11-button–primary { border-color: var(–ev11-ink); background: var(–ev11-ink); color: #fff; } .eversun-v11-button–gold { border-color: var(–ev11-gold); background: var(–ev11-gold); color: #151515; } .eversun-v11-button–ghost { background: rgba(255, 255, 255, 0.72); } .eversun-v11-hero { position: relative; min-height: min(760px, calc(100vh – 60px)); display: grid; align-items: center; background: linear-gradient(90deg, rgba(255, 252, 247, 0.96) 0%, rgba(255, 252, 247, 0.72) 44%, rgba(255, 255, 255, 0.26) 100%), radial-gradient(circle at 84% 16%, rgba(233, 154, 0, 0.14), transparent 34%), #fffaf3; overflow: hidden; } .eversun-v11-hero__inner { position: relative; z-index: 2; width: min(1180px, calc(100% – 40px)); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 0.94fr) minmax(420px, 1.06fr); gap: 46px; align-items: center; padding: 86px 0; } .eversun-v11-hero__visual { position: relative; min-height: 520px; } .eversun-v11-product-orbit { position: absolute; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 26px; background: rgba(255, 255, 255, 0.72); box-shadow: var(–ev11-shadow); animation: ev11Float 7s ease-in-out infinite; } .eversun-v11-product-orbit img { width: 100%; height: 100%; object-fit: contain; padding: 18px; } .eversun-v11-product-orbit–main { left: 15%; top: 8%; width: min(420px, 72%); height: 420px; } .eversun-v11-product-orbit–a { right: 0; top: 0; width: 190px; height: 190px; animation-delay: -1.8s; } .eversun-v11-product-orbit–b { left: 0; bottom: 12%; width: 210px; height: 210px; animation-delay: -3.2s; } .eversun-v11-product-orbit–c { right: 8%; bottom: 0; width: 230px; height: 230px; animation-delay: -4.6s; } .eversun-v11-callout { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(32, 32, 39, 0.12); border-radius: 999px; background: rgba(255, 255, 255, 0.9); padding: 10px 14px; color: var(–ev11-ink); font-size: 12px; font-weight: 800; box-shadow: 0 14px 30px rgba(22, 22, 24, 0.12); animation: ev11Callout 4s ease-in-out infinite; } .eversun-v11-callout::before { content: “”; width: 8px; height: 8px; border-radius: 50%; background: var(–ev11-gold); } .eversun-v11-callout–one { left: 3%; top: 17%; } .eversun-v11-callout–two { right: 2%; top: 48%; animation-delay: -1.3s; } .eversun-v11-callout–three { left: 27%; bottom: 6%; animation-delay: -2.5s; } .eversun-v11-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 28px; } .eversun-v11-route-card { border: 1px solid var(–ev11-line); border-radius: 18px; background: rgba(255, 255, 255, 0.72); padding: 16px; box-shadow: 0 16px 32px rgba(32, 32, 39, 0.08); } .eversun-v11-route-card span { display: block; margin-top: 6px; color: var(–ev11-muted); font-size: 13px; line-height: 1.55; } .eversun-v11-marquee { position: relative; overflow: hidden; background: #15161a; color: #fff; white-space: nowrap; } .eversun-v11-marquee__track { display: flex; width: max-content; animation: ev11Marquee 25s linear infinite; } .eversun-v11-marquee span { display: inline-flex; align-items: center; min-height: 48px; padding: 0 30px; font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .eversun-v11-marquee span::before { content: “”; width: 7px; height: 7px; margin-right: 12px; border-radius: 50%; background: var(–ev11-gold); } .eversun-v11-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 32px; } .eversun-v11-heading-row p { max-width: 560px; color: var(–ev11-muted); line-height: 1.75; } .eversun-v11-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; } .eversun-v11-product-card { position: relative; min-height: 100%; border: 1px solid transparent; border-radius: 0; background: transparent; text-decoration: none; transition: transform 0.25s ease, opacity 0.25s ease; } .eversun-v11-product-card:hover, .eversun-v11-product-card:focus { transform: translateY(-8px); } .eversun-v11-product-card figure { display: grid; place-items: center; aspect-ratio: 1 / 1; margin: 0 0 18px; background: #fff; } .eversun-v11-product-card img { width: 100%; height: 100%; object-fit: contain; padding: 16px; } .eversun-v11-product-card small { display: block; margin-bottom: 8px; color: #8a4e2b; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eversun-v11-product-card p { margin: 6px 0 0; color: var(–ev11-muted); font-size: 14px; line-height: 1.58; } .eversun-v11-poster { position: relative; min-height: 640px; display: grid; align-items: center; overflow: hidden; color: #fff; background: #191a1f; } .eversun-v11-poster::before { content: “”; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(17, 18, 22, 0.86), rgba(17, 18, 22, 0.52), rgba(17, 18, 22, 0.3)); z-index: 1; } .eversun-v11-poster__media { position: absolute; inset: 0; } .eversun-v11-poster__media img { width: 100%; height: 100%; object-fit: cover; opacity: 0.72; transform: scale(1.02); } .eversun-v11-poster__inner { position: relative; z-index: 2; width: min(1180px, calc(100% – 40px)); margin: 0 auto; padding: 92px 0; } .eversun-v11-poster h2, .eversun-v11-poster h3 { color: #fff; } .eversun-v11-poster p { max-width: 650px; color: rgba(255, 255, 255, 0.82); font-size: 18px; line-height: 1.75; } .eversun-v11-poster__labels { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; } .eversun-v11-poster__labels span { border: 1px solid rgba(255, 255, 255, 0.36); border-radius: 999px; padding: 10px 14px; background: rgba(255, 255, 255, 0.08); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eversun-v11-scenario-grid, .eversun-v11-brand-grid, .eversun-v11-guide-grid, .eversun-v11-trust-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .eversun-v11-scenario-card, .eversun-v11-brand-card, .eversun-v11-guide-card, .eversun-v11-trust-card, .eversun-v11-faq details { border: 1px solid var(–ev11-line); border-radius: 22px; background: #fff; box-shadow: 0 18px 48px rgba(28, 27, 24, 0.08); transition: transform 0.25s ease, box-shadow 0.25s ease; } .eversun-v11-scenario-card:hover, .eversun-v11-brand-card:hover, .eversun-v11-guide-card:hover, .eversun-v11-trust-card:hover { transform: translateY(-6px); box-shadow: var(–ev11-shadow); } .eversun-v11-scenario-card figure, .eversun-v11-brand-card figure, .eversun-v11-guide-card figure { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 22px 22px 0 0; background: var(–ev11-soft); } .eversun-v11-scenario-card img, .eversun-v11-brand-card img, .eversun-v11-guide-card img { width: 100%; height: 100%; object-fit: contain; padding: 18px; } .eversun-v11-card-body { padding: 22px; } .eversun-v11-card-body p { margin: 8px 0 0; color: var(–ev11-muted); line-height: 1.65; } .eversun-v11-brand-card ul, .eversun-v11-workflow ol { margin: 14px 0 0; padding-left: 18px; color: var(–ev11-muted); line-height: 1.7; } .eversun-v11-brand-card li + li, .eversun-v11-workflow li + li { margin-top: 8px; } .eversun-v11-workflow { background: var(–ev11-soft); } .eversun-v11-workflow__grid { display: grid; grid-template-columns: 1fr; gap: 34px; align-items: stretch; } .eversun-v11-workflow__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; width: 100%; max-width: none; margin: 0; padding: 0; list-style: none; } .eversun-v11-workflow__steps li { display: flex; flex-direction: column; gap: 16px; align-items: start; border: 1px solid var(–ev11-line); border-radius: 18px; background: #fff; padding: 18px; box-shadow: 0 16px 36px rgba(32, 32, 39, 0.07); } .eversun-v11-workflow__steps span { display: block; width: 100%; min-width: 0; color: var(–ev11-muted); line-height: 1.65; word-break: normal; overflow-wrap: normal; hyphens: none; } .eversun-v11-workflow__steps strong { display: block; color: var(–ev11-ink); word-break: normal; overflow-wrap: normal; hyphens: none; } .eversun-v11-workflow__steps b { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(–ev11-gold); color: #151515; } .eversun-v11-trust-card { padding: 24px; } .eversun-v11-trust-card strong { display: block; margin-bottom: 8px; } .eversun-v11-trust-card p { margin: 0; color: var(–ev11-muted); line-height: 1.66; } .eversun-v11-inspiration { background: linear-gradient(135deg, #17181c, #29241d); color: #fff; } .eversun-v11-inspiration .eversun-v11-section { display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; } .eversun-v11-inspiration h2 { color: #fff; } .eversun-v11-inspiration p { max-width: 680px; color: rgba(255, 255, 255, 0.74); line-height: 1.75; } .eversun-v11-faq { background: #fff; } .eversun-v11-faq details { padding: 0; overflow: hidden; } .eversun-v11-faq details + details { margin-top: 14px; } .eversun-v11-faq summary { cursor: pointer; list-style: none; padding: 22px 24px; font-weight: 800; } .eversun-v11-faq summary::-webkit-details-marker { display: none; } .eversun-v11-faq summary::after { content: “+”; float: right; color: var(–ev11-gold-dark); font-size: 22px; line-height: 1; } .eversun-v11-faq details[open] summary::after { content: “-“; } .eversun-v11-faq details p { margin: 0; padding: 0 24px 22px; color: var(–ev11-muted); line-height: 1.68; } .eversun-v11-final { background: var(–ev11-paper); text-align: center; } .eversun-v11-final p { max-width: 720px; margin: 16px auto 0; color: var(–ev11-muted); line-height: 1.75; } @keyframes ev11Float { 0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); } 50% { transform: translate3d(0, -14px, 0) rotate(1deg); } } @keyframes ev11Callout { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(8px, -5px, 0); } } @keyframes ev11Marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (max-width: 980px) { .eversun-v11-hero__inner, .eversun-v11-workflow__grid, .eversun-v11-inspiration .eversun-v11-section { grid-template-columns: 1fr; } .eversun-v11-hero__visual { min-height: 430px; } .eversun-v11-product-grid, .eversun-v11-scenario-grid, .eversun-v11-brand-grid, .eversun-v11-guide-grid, .eversun-v11-trust-grid, .eversun-v11-route-grid, .eversun-v11-workflow__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .eversun-v11-section, .eversun-v11-hero__inner, .eversun-v11-poster__inner { width: min(100% – 28px, 1180px); } .eversun-v11-section { padding: 56px 0; } .eversun-v11-product-grid, .eversun-v11-scenario-grid, .eversun-v11-brand-grid, .eversun-v11-guide-grid, .eversun-v11-trust-grid, .eversun-v11-route-grid, .eversun-v11-workflow__steps { grid-template-columns: 1fr; } .eversun-v11-hero { min-height: auto; } .eversun-v11-hero__inner { padding: 58px 0 40px; } .eversun-v11-hero__visual { min-height: 360px; } .eversun-v11-product-orbit–main { left: 12%; width: 76%; height: 270px; } .eversun-v11-product-orbit–a, .eversun-v11-product-orbit–b, .eversun-v11-product-orbit–c { width: 132px; height: 132px; } .eversun-v11-callout { display: none; } } @media (prefers-reduced-motion: reduce) { .eversun-v11-product-orbit, .eversun-v11-callout, .eversun-v11-marquee__track, .eversun-v11-button, .eversun-v11-product-card, .eversun-v11-scenario-card, .eversun-v11-brand-card, .eversun-v11-guide-card, .eversun-v11-trust-card { animation: none !important; transition: none !important; } .eversun-v11-button:hover, .eversun-v11-button:focus, .eversun-v11-product-card:hover, .eversun-v11-product-card:focus, .eversun-v11-scenario-card:hover, .eversun-v11-brand-card:hover, .eversun-v11-guide-card:hover, .eversun-v11-trust-card:hover { transform: none !important; } } /* V11 correction: full-bleed posters, no floating hero product slots, stable text. */ .eversun-v11-page { width: 100vw; max-width: 100vw; margin-left: calc(50% – 50vw); margin-right: calc(50% – 50vw); overflow-x: hidden; background: #fff; } .eversun-v11-page, .eversun-v11-page * { box-sizing: border-box; } .eversun-v11-section { width: min(1180px, calc(100% – 64px)); } .eversun-v11-hero, .eversun-v11-marquee, .eversun-v11-poster, .eversun-v11-workflow, .eversun-v11-inspiration, .eversun-v11-final { width: 100vw; max-width: 100vw; margin-left: 0; margin-right: 0; } .eversun-v11-hero { min-height: min(820px, calc(100vh – 78px)); color: #fff; background: #17181c; isolation: isolate; } .eversun-v11-hero::before { content: “”; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(18, 18, 20, 0.86) 0%, rgba(18, 18, 20, 0.62) 44%, rgba(18, 18, 20, 0.28) 100%), radial-gradient(circle at 16% 24%, rgba(233, 154, 0, 0.24), transparent 30%); } .eversun-v11-hero__media { position: absolute; inset: 0; z-index: 0; } .eversun-v11-hero__media img { width: 100%; height: 100%; object-fit: cover; opacity: 0.82; transform: scale(1.015); } .eversun-v11-hero__inner { width: min(1180px, calc(100% – 64px)); min-height: min(820px, calc(100vh – 78px)); grid-template-columns: minmax(0, 760px); justify-content: start; padding: clamp(92px, 11vw, 150px) 0 clamp(70px, 8vw, 120px); } .eversun-v11-hero__copy { max-width: 760px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 28px; padding: clamp(28px, 4vw, 48px); background: rgba(18, 18, 20, 0.42); box-shadow: 0 26px 78px rgba(0, 0, 0, 0.28); backdrop-filter: blur(10px); } .eversun-v11-hero h1, .eversun-v11-hero h2, .eversun-v11-hero h3 { color: #fff; } .eversun-v11-hero .eversun-v11-lede { max-width: 650px; color: rgba(255, 255, 255, 0.84); } .eversun-v11-hero__visual, .eversun-v11-product-orbit, .eversun-v11-callout { display: none !important; } .eversun-v11-hero__pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; } .eversun-v11-hero__pills span { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 999px; padding: 9px 13px; background: rgba(255, 255, 255, 0.11); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 0.04em; } .eversun-v11-hero__pills span::before { content: “”; width: 8px; height: 8px; border-radius: 50%; background: var(–ev11-gold); } .eversun-v11-hero .eversun-v11-route-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 26px; } .eversun-v11-hero .eversun-v11-route-card { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.1); color: #fff; } .eversun-v11-hero .eversun-v11-route-card span { color: rgba(255, 255, 255, 0.72); } .eversun-v11-button { min-width: 152px; white-space: nowrap; color: var(–ev11-ink) !important; } .eversun-v11-button–primary { color: #fff !important; } .eversun-v11-button–gold { color: #151515 !important; } .eversun-v11-hero .eversun-v11-button–ghost { border-color: rgba(255, 255, 255, 0.72); background: rgba(255, 255, 255, 0.08); color: #fff !important; } .eversun-v11-product-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: clamp(22px, 3vw, 34px); align-items: stretch; } .eversun-v11-product-card { min-width: 0; } .eversun-v11-product-card figure { aspect-ratio: 1 / 1; background: #fff; border: 1px solid var(–ev11-line); } .eversun-v11-product-card img { object-fit: contain; padding: clamp(14px, 2.4vw, 24px); } .eversun-v11-product-card small, .eversun-v11-product-card h3, .eversun-v11-product-card p, .eversun-v11-card-body, .eversun-v11-card-body * { word-break: normal; overflow-wrap: normal; hyphens: none; } .eversun-v11-poster { min-height: clamp(560px, 58vw, 760px); } .eversun-v11-poster::before { background: linear-gradient(90deg, rgba(17, 18, 22, 0.9), rgba(17, 18, 22, 0.58) 48%, rgba(17, 18, 22, 0.18)); } .eversun-v11-poster__media img { object-fit: cover; opacity: 0.78; } .eversun-v11-poster__inner { width: min(1180px, calc(100% – 64px)); padding: clamp(90px, 10vw, 140px) 0; } .eversun-v11-scenario-grid, .eversun-v11-brand-grid, .eversun-v11-guide-grid, .eversun-v11-trust-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .eversun-v11-scenario-card figure, .eversun-v11-brand-card figure, .eversun-v11-guide-card figure { aspect-ratio: 16 / 11; } .eversun-v11-workflow__steps { grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); gap: 18px; } @media (max-width: 980px) { .eversun-v11-section, .eversun-v11-hero__inner, .eversun-v11-poster__inner { width: min(100% – 36px, 1180px); } .eversun-v11-hero, .eversun-v11-hero__inner { min-height: auto; } .eversun-v11-hero .eversun-v11-route-grid { grid-template-columns: 1fr; } .eversun-v11-hero__copy { padding: 26px; } } @media (max-width: 640px) { .eversun-v11-section, .eversun-v11-hero__inner, .eversun-v11-poster__inner { width: min(100% – 28px, 1180px); } .eversun-v11-hero__inner { padding: 62px 0; } .eversun-v11-hero__copy { border-radius: 22px; padding: 22px; } .eversun-v11-button-row { align-items: stretch; } .eversun-v11-button { width: 100%; } } /* V11 correction 2: align product sections into clean rows after visual QA. */ .eversun-v11-page .eversun-v11-section { width: min(1320px, calc(100vw – 72px)); } .eversun-v11-page .eversun-v11-product-grid { display: grid !important; align-items: start !important; justify-content: stretch !important; grid-auto-flow: row !important; gap: clamp(24px, 2.4vw, 36px) !important; } .eversun-v11-page .eversun-v11-product-grid–count-6 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .eversun-v11-page .eversun-v11-product-grid–count-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .eversun-v11-page .eversun-v11-product-grid–count-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .eversun-v11-page .eversun-v11-product-card { display: flex !important; height: 100%; min-height: 0 !important; flex-direction: column; transform: none; } .eversun-v11-page .eversun-v11-product-card:hover, .eversun-v11-page .eversun-v11-product-card:focus { transform: translateY(-4px); } .eversun-v11-page .eversun-v11-product-card figure { width: 100%; max-width: none; aspect-ratio: 4 / 3 !important; max-height: 300px; margin: 0 0 18px; border-color: rgba(26, 26, 31, 0.1); background: #fff; } .eversun-v11-page .eversun-v11-product-card img { width: 100%; height: 100%; object-fit: contain; } .eversun-v11-page .eversun-v11-product-card h3 { margin: 0; font-size: clamp(18px, 1.45vw, 23px); line-height: 1.18; } .eversun-v11-page .eversun-v11-product-card p { max-width: 38ch; } .eversun-v11-page .eversun-v11-card-body { display: flex; min-width: 0; height: 100%; flex-direction: column; } .eversun-v11-page .eversun-v11-card-action { margin-top: auto; padding-top: 16px; } .eversun-v11-page .eversun-v11-card-action a { color: var(–ev11-gold-dark); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid currentColor; } @media (max-width: 980px) { .eversun-v11-page .eversun-v11-section { width: min(100% – 36px, 1180px); } .eversun-v11-page .eversun-v11-product-grid, .eversun-v11-page .eversun-v11-product-grid–count-4, .eversun-v11-page .eversun-v11-product-grid–count-5, .eversun-v11-page .eversun-v11-product-grid–count-6 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 640px) { .eversun-v11-page .eversun-v11-section { width: min(100% – 28px, 1180px); } .eversun-v11-page .eversun-v11-product-grid, .eversun-v11-page .eversun-v11-product-grid–count-4, .eversun-v11-page .eversun-v11-product-grid–count-5, .eversun-v11-page .eversun-v11-product-grid–count-6 { grid-template-columns: 1fr !important; } }
/* custom-bag-charms-seo-layout-20261002 */
.eversun-v11-hero–bag { min-height: clamp(500px, 33.333vw, 724px); }
.eversun-v11-hero–bag .eversun-v11-hero__media img { object-position: center center; opacity: 1; transform: none; }
.eversun-v11-hero–bag .eversun-v11-hero__inner { min-height: clamp(500px, 33.333vw, 724px); padding-top: 60px; padding-bottom: 60px; }
.eversun-v11-hero–bag .eversun-v11-hero__copy { max-width: 560px; background: rgba(18,18,20,.58); backdrop-filter: blur(7px); }
.eversun-v11-workflow__steps li { gap: 0; padding: 0 0 20px; overflow: hidden; }
.eversun-v11-workflow__figure { width: 100%; margin: 0 0 18px; aspect-ratio: 1 / 1; overflow: hidden; background: #fff; }
.eversun-v11-workflow__figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.eversun-v11-workflow__steps li > b { margin: 0 18px 14px; }
.eversun-v11-workflow__steps li > span { padding: 0 18px; }
.eversun-v11-trust-card { padding: 0; overflow: hidden; }
.eversun-v11-trust-card figure { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; background: var(–ev11-soft); }
.eversun-v11-trust-card figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.eversun-v11-trust-card__body { padding: 22px 24px 24px; }
.eversun-v11-trust-card__body p { margin: 9px 0 0; color: var(–ev11-muted); line-height: 1.65; }
.eversun-v11-final-banner { width: min(1180px, calc(100vw – 40px)); margin: 34px auto 0; overflow: hidden; border-radius: 24px; }
.eversun-v11-final-banner img { display: block; width: 100%; height: auto; }
@media (max-width: 760px) {
.eversun-v11-hero–bag, .eversun-v11-hero–bag .eversun-v11-hero__inner { min-height: 620px; }
.eversun-v11-hero–bag .eversun-v11-hero__copy { max-width: 100%; }
.eversun-v11-final-banner { width: calc(100vw – 24px); border-radius: 16px; }
}

Boutique bag ornament manufacturing

Custom Bag Charms Manufacturer

Source wholesale bag charms for brand collections and retail programs. Compare beaded, plush, acrylic, PVC, metal and leather designs, then discuss logo details, samples and private label packaging.

Request QuoteFast Sample RequestView Inspiration Library

Swivel hook fitBag-safe weightGiftable packaging

Existing style + logo: from 100 pcsSample before bulkMaterial and craft optionsRetail-ready packagingArtwork uploadPrivate label supportExisting style + logo: from 100 pcsSample before bulkMaterial and craft optionsRetail-ready packagingArtwork uploadPrivate label support

Bag charm categories

Bag Charms by Material, Drop and Retail Style

Start with the bag use case, then select material, drop length, clasp, charm weight, logo tag and packaging format.

Add Ideas to Quote

Beaded bag charms

Beaded Bag Charms

Pearl, crystal-style and colorful bead combinations for handbags and gift retail.

View Category

Plush bag charms

Plush Bag Charms

Soft mascot, doll and fabric ornaments for cute retail collections and brand characters.

View Category

Acrylic bag charms

Acrylic Bag Charms

Clear, printed or layered acrylic bag charms for artwork-led merchandise.

View Category

PVC bag charms

PVC Bag Charms

Soft PVC and raised relief charms for durable brand icons and mascot programs.

View Category

Metal bag charms

Metal Bag Charms

Premium logo plates, metal tags and mixed-material hardware for boutique accessories.

View Category

Leather bag charms

Leather Bag Charms

PU and leather cord charms with embossed, printed or stitched branding.

View Category

Material mood board

Match Bag Charm Material to the Bag, Brand and Retail Price Point

Bag charms need the right visual weight. Compare plush, acrylic, PVC, leather, metal and beaded builds before deciding clasp style and packaging.

Swivel hookDrop lengthLogo tagRetail display

Request QuoteFast Sample Request

Buyer scenarios

For Boutique, Gift and Mascot Merchandise Buyers

Bag charm projects often need a stronger visual story than keychains. Build around the bag style, retail shelf and brand character.

Boutique accessory brands

Use leather, metal, plush or bead details to create seasonal bag ornaments for handbags and premium retail displays.

Mascot merchandise

Turn mascot shapes into plush, PVC, acrylic or mixed-material bag charms for IP and character programs.

Gift retail sets

Pair charms with backing cards, hang tags and barcodes so they can sell as standalone gifts or add-ons.

Visual branding guide

Brand Details That Make Bag Charms Retail-Ready

Use material, logo and clasp choices to make the charm feel intentional on a handbag, backpack or retail display.

Logo tag or metal plate

Add a small brand element without making the charm feel like a corporate giveaway.

• Cost level: medium
• Best use: boutique brands
• Setup note: confirm plating and logo size

Drop length and clasp

Short drops suit handbags. Longer drops work for backpacks and statement ornaments.

• Cost level: low to medium
• Best use: handbag and backpack styles
• Setup note: confirm total hanging length

Gift-ready carding

Use backing cards and hang tags to explain the collection, material and brand story.

• Cost level: medium
• Best use: gift retail
• Setup note: prepare card size, barcode and copy

Fast sample workflow

Bag Charm Samples Built Around Your Retail Use

A bag charm sample should test the look, hang, weight and package before bulk production.

Request QuoteFast Sample Request

1. 

   01
   Send bag and style reference
   Share handbag, backpack or retail shelf references with target material and brand look.

2. 

   02
   Select material and clasp
   Choose beaded, plush, acrylic, PVC, metal or leather build plus swivel hook, ring or clasp.

3. 

   03
   Approve the sample
   Check size, drop length, logo tag, weight and packaging sample.

4. 

   04
   Produce the approved bulk order
   Confirm QC photos, packing method and delivery schedule.

Sample before bulk

Approve the Charm Weight, Hand Feel and Attachment

Confirm how the charm hangs on a handbag or backpack. Review weight, clasp movement, tag placement and packaging before bulk production.

Hand feelClasp movementCharm weightPackaging sample

Request QuoteFast Sample Request

Factory and service trust

Built for Bulk Custom Accessory Programs

Sample approval before bulk

Review material, hardware, logo placement and retail packaging before mass production.

QC photos and packing checks

Confirm appearance, attachment strength, color direction and packaging details before shipment.

Export-ready accessory support

Plan cartons, barcode labels, backing cards and shipping requirements for retail or promotional programs.

Inspiration library

Collect Bag Charm Directions Before Sampling

Use the idea library to compare beaded, plush, acrylic, PVC, metal and leather bag charm directions for your next retail collection.

View Inspiration Library

.eversun-procurement-addition{box-sizing:border-box;max-width:1180px;width:100%;margin:0 auto;padding:36px 22px;color:#232329;background:#fff;font-family:inherit;font-size:16px;line-height:1.75;border-top:1px solid #e7e8eb;overflow-wrap:anywhere}
.eversun-procurement-addition *{box-sizing:border-box}.eversun-procurement-addition h2{font-size:clamp(23px,2.2vw,30px);line-height:1.3;margin:0 0 18px;color:inherit}.eversun-procurement-addition h3{font-size:20px;line-height:1.4;margin:24px 0 12px;color:inherit}.eversun-procurement-addition p{margin:0 0 16px}.eversun-procurement-addition ul{padding-left:23px;margin:12px 0 20px}.eversun-procurement-addition li{margin:7px 0}.eversun-procurement-addition a{color:#0f766e;text-decoration:underline;text-underline-offset:3px}.eversun-procurement-addition table{border-collapse:collapse;width:100%;max-width:100%}.eversun-procurement-addition td,.eversun-procurement-addition th{padding:10px;border:1px solid #e7e8eb;text-align:left;vertical-align:top}@media(max-width:600px){.eversun-procurement-addition{padding:28px 16px;font-size:15px}}

Confirm Fit and Quantities for a Bag Charm Collection

For custom bag charms, define the design, check the complete hanging assembly and quote each color separately.

Use the existing-style or new-shape route stated above. Different designs do not combine to meet a new-shape minimum.

Read the full buying checks

For wholesale bag charms, approve the accessory on the intended bag as well as on a display card. A finished charm that looks balanced in a product photo may hang differently from a narrow handbag ring or a wide backpack handle.

For a mixed-material design, identify the main body, decorative pieces, cord or chain, and rings or clasp separately. Mark undecided dimensions or material details as requests for a proposal; the final specification is agreed from the selected construction and sample.

How should weight, drop and clasp opening be checked?

• Attachment: measure the bag ring, handle or zipper pull where the clasp will sit. Compare its thickness with the clasp opening and check that the clasp closes fully after installation.
• Drop: record the complete hanging length, including the ring, chain and charm. Check its position beside the zipper, handle and other hardware while the bag is carried.
• Weight and contact: handle the assembled sample on the intended bag. Check how its weight affects the attachment and whether moving metal parts rub the bag surface.

How should a multi-design series be specified?

For custom bag charms, use one record for each design and color. Carry the same style code through the component notes, artwork, sample reference and packing list.

Use the existing-style logo route or new-shape development route stated in the MOQ answer above; quantities from different designs are not pooled to meet a new-shape minimum. For mixed sets, record each style’s quantity in the same pack and complete the SKU-to-pack check.

Compare beaded bag charms for bead layouts or plush bag charms for sewn characters. Send the bag reference and design-by-design quantity list through Request a Quote.

For the next step in planning this product, review Custom Acrylic Bag Charms Wholesale, Custom Leather Bag Charms Wholesale, Custom Metal Bag Charms Wholesale, Custom PVC Bag Charms Wholesale, Production Process. Use the matching guide to confirm the construction, sample or packaging details for your brief.

Open the blank project record

Copy the record into your quote message. Write “please propose” for undecided details.

Design / style code and color version:
Quantity for this design and color:
Main body and decorative pieces — keep / change:
Cord or chain, rings and clasp — keep / change:
Bag reference and attachment-area photo:
Complete hanging length and fit notes:
Logo / artwork filename and version:
Pack code, barcode and units of this style per pack:
Units of this style per inner pack and carton:
Sample reference and changes still to confirm:

Request a bag charm quoteConfirm with a sample

FAQ

Custom Bag Charm FAQ

What is the MOQ for custom bag charms?

Adding your logo to an existing style can start from 100 pieces. If the product shape changes, the minimum is 100 pieces per design for printed acrylic, 2,000 for soft PVC, and 1,000 for standard sewn plush. Confirm the terms for other materials and special requirements in the project quote; different designs are not combined to meet one minimum.

Can bag charms use leather, plush, acrylic, PVC and metal?

Yes. Eversun supports beaded, plush, acrylic, PVC, metal, leather and mixed-material bag charm builds.

Can you help choose the right attachment?

Yes. We can suggest swivel hooks, lobster clasps, keyrings, carabiners or chain extenders based on bag use and charm weight.

Can I order samples before bulk bag charm production?

Yes. Material samples and pre-production samples are available before bulk production.

How do I compare wholesale bag charms and custom purse charms?

Start with the bag type, desired drop length, clasp opening, charm weight and color reference. These details help match a bag charm to a handbag, purse or backpack without relying only on its appearance.

What details are needed for bulk bag charms with private label packaging?

Include the quantity per design, logo placement, attachment hardware and packaging artwork in your inquiry. Review packaging options and confirm the charm and packaging together before bulk approval.

Ready for a bulk quote

Start a Custom Bag Charm Quote

Plan wholesale bag charm assortments

Understand bag charm pricing

Compare wholesale bag charm materials

Share the bag style, target material, logo method, attachment and retail packaging needs. Eversun will prepare a sample-first production path.

Planning several designs or changes? Use the custom accessory project brief to record the reference, quantity per design and components to keep or change.

Request QuoteFast Sample RequestContact Sales

{“@context”:”https://schema.org”,”@type”:”BreadcrumbList”,”itemListElement”:[{“@type”:”ListItem”,”position”:1,”name”:”Home”,”item”:”https://eversunaccessory.com/”},{“@type”:”ListItem”,”position”:2,”name”:”Custom Products”,”item”:”https://eversunaccessory.com/custom-products/”},{“@type”:”ListItem”,”position”:3,”name”:”Custom Bag Charms Wholesale”,”item”:”https://eversunaccessory.com/custom-products/custom-bag-charms/”}]}{“@context”:”https://schema.org”,”@type”:”FAQPage”,”mainEntity”:[{“@type”:”Question”,”name”:”What is the MOQ for custom bag charms?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Adding your logo to an existing style can start from 100 pieces. If the product shape changes, the minimum is 100 pieces per design for printed acrylic, 2,000 for soft PVC, and 1,000 for standard sewn plush. Confirm the terms for other materials and special requirements in the project quote; different designs are not combined to meet one minimum.”}},{“@type”:”Question”,”name”:”Can bag charms use leather, plush, acrylic, PVC and metal?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes. Eversun supports beaded, plush, acrylic, PVC, metal, leather and mixed-material bag charm builds.”}},{“@type”:”Question”,”name”:”Can you help choose the right attachment?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes. We can suggest swivel hooks, lobster clasps, keyrings, carabiners or chain extenders based on bag use and charm weight.”}},{“@type”:”Question”,”name”:”Can I order samples before bulk bag charm production?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes. Material samples and pre-production samples are available before bulk production.”}}]}

.evl-module{box-sizing:border-box;width:100%;max-width:1180px;margin:38px auto;padding:clamp(20px,3vw,36px);background:#faf8f5;border:1px solid #e2e5de;border-radius:14px;color:#173e3b;line-height:1.6;scroll-margin-top:100px}
.evl-module *{box-sizing:border-box;min-width:0}.evl-module h2{font-size:clamp(25px,2.7vw,34px);line-height:1.2;margin:0 0 12px;letter-spacing:-.02em}.evl-module .evl-intro{max-width:850px;margin:0 0 24px;font-size:17px;color:#4c6259}
.evl-module .evl-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 24px}.evl-module .evl-photo{display:flex;flex-direction:column;margin:0!important;padding:0;background:white;border:1px solid #e2e5de;border-radius:10px;overflow:hidden}.evl-module .evl-photo img{display:block;width:100%;height:270px!important;max-height:none;max-width:100%;padding:10px;margin:0;object-fit:contain;background:white;border:0}.evl-module .evl-photo figcaption{padding:15px 17px 18px;font-size:14px;line-height:1.55;color:#4c6259;text-align:left}.evl-module .evl-photo strong{display:block;font-size:18px;line-height:1.3;color:#173e3b;margin:0 0 7px}
.evl-module .evl-keyline{margin:0 0 20px;padding:13px 0;border-top:1px solid #d9dfd5;font-size:15px}.evl-module .evl-details{border-top:1px solid #d9dfd5;margin:0}.evl-module .evl-details:last-of-type{border-bottom:1px solid #d9dfd5}.evl-module summary{padding:15px 2px;cursor:pointer;font-size:15px;font-weight:700;line-height:1.5;color:#173e3b}.evl-module summary::marker{color:#176c67}.evl-module .evl-expanded{padding:0 2px 18px;font-size:15px;line-height:1.65;overflow-wrap:anywhere}.evl-module .evl-expanded h3{font-size:20px;margin:20px 0 10px}.evl-module .evl-expanded p{margin:0 0 14px}.evl-module .evl-expanded ul{padding-left:22px}.evl-module .evl-expanded li{margin:7px 0}.evl-module .evl-expanded pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #d4dfd5;padding:18px;border-radius:7px;background:white;max-width:100%}.evl-module .evl-expanded table{width:100%;border-collapse:collapse;font-size:14px}.evl-module .evl-expanded th,.evl-module .evl-expanded td{white-space:normal;padding:10px;border:1px solid #d4dfd5;vertical-align:top}.evl-module .evl-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:22px 0 0;font-size:15px}.evl-module a{color:#176c67;text-decoration:underline;text-underline-offset:3px}.evl-module .evl-button{display:inline-block;background:#176c67;color:white;padding:12px 20px;border-radius:6px;text-decoration:none;font-weight:700}.evl-module :focus-visible{outline:3px solid #a94510;outline-offset:4px}
#evg-quote-details .evl-optional summary{font-size:16px;font-weight:700;padding:12px 0;cursor:pointer}#evg-quote-details .evl-optional[open] summary{margin-bottom:16px}#evg-quote-details>p{font-size:15px;margin:0 0 8px}#evg-quote-details h2{font-size:23px;margin:0 0 8px}#evg-quote-details{padding:20px;margin:22px 0}
@media(max-width:780px){.evl-module{margin:26px 0;padding:22px 16px}.evl-module .evl-photos{grid-template-columns:1fr;gap:16px}.evl-module .evl-photo img{height:270px!important}.evl-module .evl-intro{font-size:16px}.evl-module .evl-actions{align-items:flex-start;flex-direction:column}.evl-module .evl-expanded .evf-table-wrap{overflow-x:auto}.evl-module .evl-expanded table{min-width:0}.evl-module .evl-expanded td{overflow-wrap:anywhere}}

.eversun-v11-poster.evl-compact-poster{min-height:clamp(380px,40vw,500px)!important}@media(max-width:680px){.eversun-v11-poster.evl-compact-poster{min-height:360px!important}}

.evm-library{box-sizing:border-box;background:#20241f;color:#fff;margin:36px 0;padding:44px 24px}.evm-library *{box-sizing:border-box;min-width:0}.evm-library__inner{max-width:1180px;margin:auto}.evm-library__heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin:0 0 28px}.evm-library__eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#e6c889;margin:0 0 12px}.evm-library h2{color:#fff!important;margin:0 0 14px!important;font-size:clamp(26px,3.3vw,42px)!important;line-height:1.15!important}.evm-library__heading p:last-child{color:#e2e5db;margin:0;font-size:16px;line-height:1.6;max-width:760px}.evm-library a.evm-library__button{display:inline-block;text-decoration:none;background:#efae21;color:#101b16;padding:14px 22px;border-radius:30px;font-size:14px;line-height:1.45;font-weight:700;text-align:center}.evm-library__photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.evm-library figure.evm-library__photo{margin:0!important;padding:0;background:#fff;border:1px solid #dedfd5;border-radius:10px;overflow:hidden}.evm-library__photo img{width:100%!important;height:260px!important;max-height:none!important;display:block;object-fit:contain;padding:12px;margin:0;border:0}.evm-library__photo figcaption{padding:15px 18px 18px;color:#526154;font-size:14px;line-height:1.5;text-align:left}.evm-library__photo strong{display:block;margin-bottom:6px;color:#173d33;font-size:18px}.evm-library :focus-visible{outline:3px solid #eebd65;outline-offset:5px}
@media(max-width:760px){.evm-library{padding:30px 18px}.evm-library__heading{grid-template-columns:1fr;gap:20px}.evm-library__button{justify-self:start}.evm-library__photos{grid-template-columns:1fr;gap:16px}.evm-library__photo img{height:280px!important}}