:root { --cpa-brand: #012169; --cpa-brand-rgb: 1, 33, 105; --cpa-brand-dark: #082A38; --cpa-brand-deep: #012169; --cpa-brand-soft: #F2F6FB; --cpa-brand-softer: #F2F6FB; --cpa-ink: #082A38; --cpa-ink-2: #082A38; --cpa-muted: #082A38; --cpa-line: #D8E1EC; --cpa-line-strong: #D8E1EC; --cpa-surface: #FFFFFF; --cpa-bg: #F2F6FB; --cpa-success: #147d58; --cpa-success-soft: #edf8f3; --cpa-whatsapp: #148b63; --cpa-danger: #a34155; --cpa-shadow-sm: 0 8px 24px rgba(37, 24, 33, .07); --cpa-shadow: 0 24px 70px rgba(37, 24, 33, .16); --cpa-radius-sm: 11px; --cpa-radius: 18px; --cpa-radius-lg: 26px; --cpa-container: 1280px; --cpa-font-heading: "Lazzer", "Avenir Next", "Segoe UI", Arial, sans-serif; --cpa-font-body: "Lazzer", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; --cpa-font-ui: "Lazzer", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; --cpa-font: var(--cpa-font-body); } *, *::before, *::after { box-sizing: border-box; } html { min-height: 100%; scroll-behavior: smooth; background: #123247; scrollbar-gutter: stable; } body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; background: var(--cpa-surface); color: var(--cpa-ink); font-family: var(--cpa-font-body); font-size: 15px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body.cpa-overlay-open { overflow: hidden; } a { color: inherit; } img { max-width: 100%; height: auto; } button, input, select, textarea { font: inherit; } button, a { -webkit-tap-highlight-color: transparent; } svg { display: block; } .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .screen-reader-text:focus { top: 10px; left: 10px; z-index: 100000; width: auto; height: auto; margin: 0; padding: 12px 16px; clip: auto; background: #fff; color: #111; border-radius: 8px; box-shadow: var(--cpa-shadow-sm); } .cpa-shell { width: min(calc(100% - 36px), var(--cpa-container)); margin-inline: auto; } .cpa-ticker { position: relative; z-index: 96; overflow: hidden; background: #123247; color: #fff; font-size: 12px; font-weight: 760; letter-spacing: .035em; text-transform: uppercase; } .cpa-ticker__track { display: flex; width: max-content; min-width: 100%; will-change: transform; animation: cpa-ticker 28s linear infinite; } .cpa-ticker__group { display: flex; align-items: center; flex: 0 0 auto; min-width: max-content; } .cpa-ticker__group > span { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 28px; white-space: nowrap; } .cpa-ticker__group > span + span { border-left: 1px solid rgba(255,255,255,.12); } .cpa-ticker i { color: #8AD8D0; font-style: normal; font-size: 9px; } .cpa-ticker__deal { color: #E5F7F5; } .cpa-ticker__deal button { border: 1px dashed rgba(255,255,255,.42); border-radius: 7px; background: rgba(255,255,255,.08); color: #fff; padding: 3px 7px; font-size: 11px; font-weight: 900; letter-spacing: .08em; cursor: pointer; } .cpa-ticker__deal button:hover, .cpa-ticker__deal button:focus-visible { background: var(--cpa-brand); border-color: var(--cpa-brand); outline: 0; } @keyframes cpa-ticker { to { transform: translate3d(-50%, 0, 0); } } .cpa-site-header { position: sticky; top: 0; z-index: 90; background: rgba(255,255,255,.985); border-bottom: 1px solid var(--cpa-line); box-shadow: 0 7px 24px rgba(36, 22, 31, .045); contain: paint; } .admin-bar .cpa-site-header { top: 32px; } .cpa-header-main { display: grid; grid-template-columns: minmax(190px, .9fr) minmax(320px, 560px) auto; align-items: center; gap: 28px; min-height: 82px; } .cpa-brand { display: flex; align-items: center; min-width: 0; } .cpa-brand .custom-logo-link, .cpa-default-logo-link { display: inline-flex; align-items: center; text-decoration: none; } .cpa-brand .custom-logo, .cpa-default-logo { display: block; width: auto; max-width: 218px; max-height: 56px; object-fit: contain; } .cpa-product-search__form { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; min-height: 48px; border: 1px solid var(--cpa-line-strong); border-radius: 14px; background: #fbfafb; overflow: hidden; transition: border-color .16s ease, box-shadow .16s ease, background .16s ease; } .cpa-product-search__form:focus-within { border-color: rgba(var(--cpa-brand-rgb), .74); box-shadow: 0 0 0 4px rgba(var(--cpa-brand-rgb), .10); background: #fff; } .cpa-product-search__lead { width: 18px; height: 18px; margin-left: 16px; color: #8a7d86; stroke-width: 1.8; } .cpa-product-search input[type="search"] { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; padding: 10px 12px; color: var(--cpa-ink); font-size: 14px; } .cpa-product-search input[type="search"]::placeholder { color: #948a92; opacity: 1; } .cpa-product-search button { align-self: stretch; border: 0; border-left: 1px solid var(--cpa-line); background: #fff; color: var(--cpa-brand-dark); padding: 0 17px; font-size: 12px; font-weight: 850; cursor: pointer; } .cpa-product-search button:hover { background: var(--cpa-brand-soft); } .cpa-product-search button:focus-visible { outline: 2px solid var(--cpa-brand); outline-offset: -4px; } .cpa-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; } .cpa-icon-link, .cpa-menu-toggle { position: relative; min-width: 44px; height: 44px; border: 0; border-radius: 12px; background: transparent; color: var(--cpa-ink); text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 9px; cursor: pointer; transition: background .15s ease, color .15s ease; } .cpa-icon-link:hover, .cpa-menu-toggle:hover { background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); } .cpa-icon-link:focus-visible, .cpa-menu-toggle:focus-visible { outline: 3px solid rgba(var(--cpa-brand-rgb), .22); outline-offset: 2px; } .cpa-icon-link svg, .cpa-menu-toggle svg { width: 21px; height: 21px; stroke-width: 1.75; } .cpa-icon-link__label { font-size: 12px; font-weight: 800; } .cpa-wa-dot { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: var(--cpa-whatsapp); color: #fff; font-size: 10px; font-weight: 900; } .cpa-cart-count { position: absolute; top: 0; right: 0; min-width: 18px; height: 18px; padding-inline: 4px; border: 2px solid #fff; border-radius: 999px; background: var(--cpa-brand); color: #fff; font-size: 10px; font-weight: 900; line-height: 14px; text-align: center; } .cpa-menu-toggle { display: none; padding: 0; } .cpa-nav-row { border-top: 1px solid #f3edf1; background: #fff; } .cpa-nav-row__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 48px; } .cpa-primary-nav { min-width: 0; flex: 1; } .cpa-primary-nav ul { list-style: none; margin: 0; padding: 0; } .cpa-primary-nav > ul { display: flex; align-items: center; gap: 4px; } .cpa-primary-nav li { position: relative; } .cpa-primary-nav a { display: flex; align-items: center; gap: 6px; min-height: 38px; padding: 8px 11px; border-radius: 9px; color: var(--cpa-ink-2); font-size: 13px; font-weight: 760; text-decoration: none; transition: color .14s ease, background .14s ease; } .cpa-primary-nav a:hover, .cpa-primary-nav a:focus-visible, .cpa-primary-nav .current-menu-item > a, .cpa-primary-nav .current-menu-ancestor > a { background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); outline: 0; } .cpa-primary-nav .menu-item-has-children > a::after { content: ""; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); margin-left: 2px; } .cpa-primary-nav .sub-menu { position: absolute; left: 0; top: calc(100% + 7px); z-index: 50; width: max-content; min-width: 225px; max-width: 330px; padding: 8px; border: 1px solid var(--cpa-line); border-radius: 14px; background: #fff; box-shadow: var(--cpa-shadow-sm); opacity: 0; visibility: hidden; transform: translateY(5px); transition: opacity .15s ease, transform .15s ease, visibility .15s ease; } .cpa-primary-nav .sub-menu a { min-height: 40px; padding: 9px 11px; white-space: normal; } .cpa-primary-nav li:hover > .sub-menu, .cpa-primary-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); } .cpa-primary-nav .sub-menu .sub-menu { left: calc(100% + 9px); top: -8px; } .cpa-nav-promo { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; color: var(--cpa-brand-deep); font-size: 11px; font-weight: 800; letter-spacing: .045em; } .cpa-nav-promo > span { width: 7px; height: 7px; border-radius: 50%; background: var(--cpa-brand); box-shadow: 0 0 0 4px rgba(var(--cpa-brand-rgb), .12); } .cpa-nav-promo strong { padding: 3px 7px; border-radius: 6px; background: var(--cpa-brand-soft); font-size: 11px; letter-spacing: .08em; } .cpa-nav-empty { color: var(--cpa-muted); font-size: 13px; font-weight: 650; } .cpa-mobile-drawer, .cpa-nav-backdrop { display: none; } .cpa-cart-backdrop { position: fixed; inset: 0; z-index: 198; border: 0; background: rgba(24, 16, 21, .48); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, visibility .2s ease; } .cpa-cart-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 199; display: grid; grid-template-rows: auto auto minmax(0,1fr); width: min(100%, 470px); background: #fff; box-shadow: -30px 0 80px rgba(28, 18, 25, .20); transform: translate3d(102%,0,0); visibility: hidden; transition: transform .24s cubic-bezier(.22,.72,.25,1), visibility .24s ease; } .cpa-cart-open .cpa-cart-backdrop { opacity: 1; visibility: visible; pointer-events: auto; } .cpa-cart-open .cpa-cart-drawer { transform: translate3d(0,0,0); visibility: visible; } .cpa-cart-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 24px 15px; border-bottom: 1px solid var(--cpa-line); } .cpa-cart-drawer__eyebrow { display: block; margin-bottom: 1px; color: var(--cpa-brand-dark); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; } .cpa-cart-drawer__title { margin: 0; color: var(--cpa-ink); font-size: 24px; line-height: 1.1; letter-spacing: -.035em; } .cpa-cart-drawer__count { color: var(--cpa-muted); font-size: 14px; font-weight: 700; letter-spacing: 0; } .cpa-cart-drawer__count b { font-weight: 800; } .cpa-cart-close { flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--cpa-line); border-radius: 12px; background: #fff; color: var(--cpa-ink); cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; } .cpa-cart-close:hover { background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); border-color: #e6cadb; } .cpa-cart-close:focus-visible { outline: 3px solid rgba(var(--cpa-brand-rgb),.18); outline-offset: 2px; } .cpa-cart-close svg { width: 18px; height: 18px; stroke-width: 1.8; } .cpa-cart-drawer__progress { position: relative; padding: 8px 24px 10px; background: var(--cpa-brand-softer); text-align: center; overflow: hidden; } .cpa-cart-drawer__progress::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #f0dde8; } .cpa-cart-drawer__progress > span { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 2px; background: linear-gradient(90deg, var(--cpa-brand), #eab3d3); } .cpa-cart-drawer__progress small { position: relative; color: var(--cpa-brand-deep); font-size: 10px; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; } .cpa-cart-drawer__body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 18px 24px 24px; scrollbar-width: thin; scrollbar-color: #d6c9d1 transparent; } .cpa-cart-benefit { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 16px; padding: 12px 13px; border: 1px solid #d6ece2; border-radius: 13px; background: var(--cpa-success-soft); } .cpa-cart-benefit__icon { flex: 0 0 auto; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: #fff; color: var(--cpa-success); } .cpa-cart-benefit__icon svg { width: 18px; height: 18px; stroke-width: 2; } .cpa-cart-benefit div { display: grid; gap: 1px; } .cpa-cart-benefit strong { color: #155d44; font-size: 12px; line-height: 1.45; } .cpa-cart-benefit span { color: #56766a; font-size: 10.5px; line-height: 1.45; } .cpa-cart-items { display: grid; gap: 0; } .cpa-cart-item { display: grid; grid-template-columns: 74px minmax(0,1fr); gap: 13px; padding: 15px 0; border-bottom: 1px solid var(--cpa-line); } .cpa-cart-item:first-child { padding-top: 2px; } .cpa-cart-item__image { display: grid; place-items: center; width: 74px; height: 82px; padding: 6px; border: 1px solid var(--cpa-line); border-radius: 13px; background: #fbfafb; overflow: hidden; } .cpa-cart-item__image img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } .cpa-cart-item__main { min-width: 0; } .cpa-cart-item__top { display: flex; align-items: flex-start; gap: 8px; } .cpa-cart-item__name { flex: 1; min-width: 0; color: var(--cpa-ink); font-size: 13px; font-weight: 800; line-height: 1.4; text-decoration: none; } a.cpa-cart-item__name:hover { color: var(--cpa-brand-dark); } .cpa-cart-remove { flex: 0 0 auto; display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: 8px; background: transparent; color: #9a8d96; cursor: pointer; } .cpa-cart-remove:hover { background: #fff2f4; color: var(--cpa-danger); } .cpa-cart-remove svg { width: 15px; height: 15px; stroke-width: 1.8; } .cpa-cart-item__meta { margin-top: 3px; color: var(--cpa-muted); font-size: 10px; } .cpa-cart-item__meta dl { margin: 0; } .cpa-cart-item__meta dt, .cpa-cart-item__meta dd { display: inline; margin: 0 4px 0 0; } .cpa-cart-item__bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 11px; } .cpa-cart-qty { display: inline-grid; grid-template-columns: 30px 30px 30px; align-items: center; min-height: 32px; border: 1px solid var(--cpa-line-strong); border-radius: 9px; overflow: hidden; background: #fff; } .cpa-cart-qty button { height: 30px; border: 0; background: #faf8f9; color: var(--cpa-ink); font-size: 17px; line-height: 1; cursor: pointer; } .cpa-cart-qty button:hover { background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); } .cpa-cart-qty span { text-align: center; color: var(--cpa-ink); font-size: 12px; font-weight: 850; } .cpa-cart-item__price { color: var(--cpa-ink); font-size: 13px; white-space: nowrap; } .cpa-cart-coupon { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; margin: 17px 0 15px; padding: 12px; border: 1px dashed #dfc2d3; border-radius: 14px; background: var(--cpa-brand-softer); } .cpa-cart-coupon.is-applied { border-style: solid; border-color: #e8cfdd; background: linear-gradient(135deg,#fff,var(--cpa-brand-soft)); } .cpa-cart-coupon__badge { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--cpa-brand); color: #fff; font-size: 15px; font-weight: 900; } .cpa-cart-coupon__copy { min-width: 0; display: grid; gap: 1px; } .cpa-cart-coupon__copy strong { color: var(--cpa-brand-deep); font-size: 11.5px; letter-spacing: .025em; } .cpa-cart-coupon__copy span { color: var(--cpa-muted); font-size: 10px; } .cpa-cart-coupon__status { display: inline-flex; align-items: center; gap: 4px; color: var(--cpa-success); font-size: 10px; font-weight: 850; } .cpa-cart-coupon__status svg { width: 14px; height: 14px; stroke-width: 2.5; } .cpa-cart-coupon__apply { min-height: 32px; padding: 6px 10px; border: 0; border-radius: 8px; background: var(--cpa-brand); color: #fff; font-size: 10px; font-weight: 850; cursor: pointer; } .cpa-cart-totals { display: grid; gap: 8px; padding: 2px 0 15px; border-bottom: 1px solid var(--cpa-line); } .cpa-cart-totals > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--cpa-muted); font-size: 12px; } .cpa-cart-totals strong { color: var(--cpa-ink); font-size: 12px; text-align: right; } .cpa-cart-totals__discount span, .cpa-cart-totals__discount strong { color: var(--cpa-success); } .cpa-cart-totals .cpa-cart-total { margin-top: 3px; padding-top: 12px; border-top: 1px solid var(--cpa-line); color: var(--cpa-ink); font-size: 15px; font-weight: 850; } .cpa-cart-totals .cpa-cart-total strong { color: var(--cpa-brand-deep); font-size: 19px; letter-spacing: -.02em; } .cpa-cart-actions { display: grid; gap: 9px; padding-top: 16px; } .cpa-cart-primary { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 49px; padding: 12px 16px; border: 0; border-radius: 13px; background: var(--cpa-brand); box-shadow: 0 10px 24px rgba(var(--cpa-brand-rgb), .23); color: #fff; font-size: 13px; font-weight: 850; text-decoration: none; transition: background .15s ease, transform .15s ease; } .cpa-cart-primary:hover { background: var(--cpa-brand-dark); color: #fff; transform: translateY(-1px); } .cpa-cart-primary:focus-visible { outline: 3px solid rgba(var(--cpa-brand-rgb),.25); outline-offset: 2px; } .cpa-cart-primary svg { width: 17px; height: 17px; stroke-width: 1.8; } .cpa-cart-whatsapp { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 51px; padding: 9px 14px; border: 1px solid #cee6dc; border-radius: 13px; background: #f1faf6; color: #116346; text-decoration: none; } .cpa-cart-whatsapp:hover { background: #e8f7f0; color: #0d563c; } .cpa-wa-mark { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--cpa-whatsapp); color: #fff; font-size: 11px; font-weight: 900; } .cpa-cart-whatsapp > span:last-child { display: grid; gap: 0; line-height: 1.25; } .cpa-cart-whatsapp strong { font-size: 12px; } .cpa-cart-whatsapp small { margin-top: 2px; color: #4c806d; font-size: 9.5px; } .cpa-view-cart { justify-self: center; color: var(--cpa-muted); font-size: 11px; font-weight: 750; text-underline-offset: 3px; } .cpa-view-cart:hover { color: var(--cpa-brand-dark); } .cpa-cart-trust { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 14px; color: #8d8289; font-size: 9.5px; font-weight: 700; } .cpa-cart-trust span { display: inline-flex; align-items: center; gap: 5px; } .cpa-cart-trust svg { width: 14px; height: 14px; color: var(--cpa-brand); stroke-width: 1.8; } .cpa-cart-empty { display: grid; justify-items: center; text-align: center; padding: 58px 18px 24px; } .cpa-cart-empty__icon { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 16px; border-radius: 20px; background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); font-size: 24px; font-weight: 900; } .cpa-cart-empty__icon svg { width: 29px; height: 29px; stroke-width: 1.7; } .cpa-cart-empty__title { display: block; margin: 0; color: var(--cpa-ink); font-size: 18px; line-height: 1.3; letter-spacing: -.02em; } .cpa-cart-empty p { max-width: 310px; margin: 8px 0 20px; color: var(--cpa-muted); font-size: 12px; } .cpa-cart-empty .cpa-cart-primary { width: min(100%, 260px); } .cpa-cart-error { margin-bottom: 12px; padding: 10px 12px; border: 1px solid #efd1d8; border-radius: 10px; background: #fff5f6; color: #8e394b; font-size: 11px; font-weight: 700; } .cpa-cart-loader { position: absolute; inset: 111px 0 0; z-index: 4; display: none; place-items: center; align-content: center; gap: 5px; background: rgba(255,255,255,.73); pointer-events: none; } .cpa-cart-loader span { display: inline-block; width: 7px; height: 7px; margin: 2px; border-radius: 50%; background: var(--cpa-brand); animation: cpa-pulse .8s ease-in-out infinite alternate; } .cpa-cart-loader span:nth-child(2) { animation-delay: .13s; } .cpa-cart-loader span:nth-child(3) { animation-delay: .26s; } .cpa-cart-drawer.is-loading .cpa-cart-loader { display: flex; } @keyframes cpa-pulse { from { opacity: .3; transform: translateY(1px); } to { opacity: 1; transform: translateY(-2px); } } .cpa-main { min-height: 0; } .cpa-content-wrap { width: min(calc(100% - 32px), 920px); margin: 48px auto 72px; } .cpa-entry-title { font-size: clamp(32px,5vw,54px); line-height: 1.08; letter-spacing: -.04em; } .cpa-site-footer { position: relative; margin-top: 78px; background: #123247; color: #dcd4da; overflow: visible; } .cpa-site-footer::before { content: ""; position: absolute; top: -220px; right: -150px; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(var(--cpa-brand-rgb),.24), rgba(var(--cpa-brand-rgb),0) 68%); pointer-events: none; } .cpa-footer-offer { position: relative; z-index: 1; transform: translateY(-38px); display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 17px; padding: 22px 24px; border: 1px solid #ead7e2; border-radius: 20px; background: linear-gradient(135deg,#fff,#fcf5f9); color: var(--cpa-ink); box-shadow: 0 22px 54px rgba(20, 12, 17, .24); } .cpa-footer-offer__icon { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 16px; background: var(--cpa-brand); color: #fff; font-size: 20px; font-weight: 900; box-shadow: 0 9px 22px rgba(var(--cpa-brand-rgb),.24); } .cpa-footer-offer__eyebrow { margin: 0 0 2px; color: var(--cpa-brand-dark); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; } .cpa-footer-offer h2 { margin: 0; font-size: clamp(19px,2vw,25px); line-height: 1.15; letter-spacing: -.025em; } .cpa-footer-offer p { margin: 5px 0 0; color: var(--cpa-muted); font-size: 12px; } .cpa-footer-code { display: inline-flex; align-items: center; gap: 10px; padding: 8px 9px 8px 14px; border: 1px solid #e6d6df; border-radius: 12px; background: #fff; } .cpa-footer-code strong { color: var(--cpa-brand-deep); font-size: 15px; letter-spacing: .09em; } .cpa-footer-code button { min-height: 34px; padding: 6px 11px; border: 0; border-radius: 8px; background: var(--cpa-brand); color: #fff; font-size: 10px; font-weight: 850; cursor: pointer; } .cpa-footer-code button:hover { background: var(--cpa-brand-dark); } .cpa-footer-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(300px,1.6fr) repeat(3,minmax(130px,1fr)); gap: 42px; padding: 6px 0 40px; } .cpa-footer-brand .custom-logo-link, .cpa-footer-brand .cpa-default-logo-link { display: inline-flex; margin-bottom: 12px; padding: 7px 9px; border-radius: 11px; background: #fff; } .cpa-footer-brand .custom-logo, .cpa-default-logo--footer { display: block; width: auto; max-width: 188px; max-height: 48px; object-fit: contain; } .cpa-footer-description { max-width: 380px; margin: 0 0 18px; color: #aca0a9; font-size: 12px; line-height: 1.7; } .cpa-footer-contact { display: grid; gap: 9px; max-width: 390px; } .cpa-footer-contact > a, .cpa-footer-contact > div { display: grid; grid-template-columns: 27px minmax(0,1fr); align-items: start; gap: 8px; color: #d5ccd2; font-size: 11px; line-height: 1.45; text-decoration: none; } .cpa-footer-contact > a > span:first-child, .cpa-footer-contact > div > span:first-child { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; background: rgba(255,255,255,.07); color: #efbddb; font-size: 12px; } .cpa-footer-contact small { display: block; margin-bottom: 1px; color: #877b83; font-size: 8.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .cpa-footer-contact a:hover { color: #fff; } .cpa-footer-title { margin: 2px 0 14px; color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; } .cpa-footer-menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; } .cpa-footer-menu a { color: #b9aeb6; font-size: 12px; font-weight: 650; text-decoration: none; transition: color .14s ease; } .cpa-footer-menu a:hover, .cpa-footer-menu a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 4px; outline: none; } .cpa-footer-safe { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); color: #998e96; font-size: 10px; font-weight: 700; } .cpa-footer-safe span { display: inline-flex; align-items: center; gap: 7px; } .cpa-footer-safe svg { width: 16px; height: 16px; color: #e5a8cc; stroke-width: 1.7; } .cpa-footer-bottom { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 0 27px; color: #83777f; font-size: 10px; } .cpa-footer-bottom a { color: #b9aeb6; text-decoration: none; } .cpa-footer-bottom a:hover { color: #fff; } .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb, .woocommerce-notices-wrapper, .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering, .woocommerce ul.products, .woocommerce div.product, .woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce, .woocommerce-account .woocommerce { width: min(calc(100% - 36px), var(--cpa-container)); margin-inline: auto; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { border-radius: 10px; background: var(--cpa-brand); color: #fff; font-weight: 750; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { background: var(--cpa-brand-dark); color: #fff; } @media (max-width: 1080px) { .cpa-header-main { grid-template-columns: minmax(170px,.8fr) minmax(270px,1.4fr) auto; gap: 16px; } .cpa-icon-link__label { display: none; } .cpa-footer-grid { grid-template-columns: 1.4fr repeat(3,1fr); gap: 28px; } .cpa-nav-promo { display: none; } } @media (max-width: 782px) { .admin-bar .cpa-site-header { top: 46px; } .cpa-shell { width: min(calc(100% - 24px), var(--cpa-container)); } .cpa-ticker { font-size: 10px; } .cpa-ticker__group > span { min-height: 34px; padding-inline: 20px; } .cpa-header-main { grid-template-columns: minmax(0,1fr) auto; min-height: 67px; gap: 8px; } .cpa-brand .custom-logo, .cpa-default-logo { max-width: 172px; max-height: 43px; } .cpa-product-search { grid-column: 1 / -1; order: 3; margin: -1px 0 11px; } .cpa-product-search__form { min-height: 44px; } .cpa-product-search button { padding-inline: 14px; } .cpa-header-actions .cpa-account-link, .cpa-header-actions .cpa-whatsapp-head { display: none; } .cpa-menu-toggle { display: inline-flex; } .cpa-nav-row { display: none; } .cpa-nav-backdrop { position: fixed; inset: 0; z-index: 196; border: 0; background: rgba(24,16,21,.48); cursor: default; } .cpa-mobile-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 197; width: min(90vw,390px); padding: 18px; background: #fff; box-shadow: -20px 0 55px rgba(28,18,25,.20); overflow-y: auto; transform: translateX(103%); transition: transform .22s ease; } .cpa-nav-open .cpa-nav-backdrop { display: block; } .cpa-nav-open .cpa-mobile-drawer { display: block; transform: translateX(0); } .cpa-mobile-drawer[hidden] { display: none; } .cpa-nav-open .cpa-mobile-drawer[hidden] { display: block; } .cpa-mobile-drawer__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px; } .cpa-mobile-drawer__top .custom-logo, .cpa-mobile-drawer__top .cpa-default-logo { max-width: 155px; max-height: 40px; } .cpa-mobile-close { width: 40px; height: 40px; border: 1px solid var(--cpa-line); border-radius: 11px; background: #fff; color: var(--cpa-ink); cursor: pointer; display: grid; place-items: center; } .cpa-mobile-close svg { width: 18px; height: 18px; } .cpa-mobile-deal { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; padding: 10px 11px; border-radius: 11px; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); } .cpa-mobile-deal strong { padding: 4px 7px; border-radius: 6px; background: var(--cpa-brand); color: #fff; font-size: 10px; letter-spacing: .07em; } .cpa-mobile-deal span { font-size: 10px; font-weight: 750; } .cpa-mobile-nav ul { list-style: none; margin: 0; padding: 0; } .cpa-mobile-nav > ul > li { border-bottom: 1px solid #f0e9ed; } .cpa-mobile-nav li { position: relative; } .cpa-mobile-nav a { display: block; padding: 12px 44px 12px 5px; color: var(--cpa-ink); font-size: 14px; font-weight: 760; text-decoration: none; } .cpa-mobile-nav .current-menu-item > a { color: var(--cpa-brand-dark); } .cpa-mobile-nav .sub-menu { display: none; padding: 0 0 10px 14px; } .cpa-mobile-nav .sub-menu a { padding-block: 8px; color: var(--cpa-muted); font-size: 12px; font-weight: 650; } .cpa-mobile-nav .is-open > .sub-menu { display: block; } .cpa-submenu-toggle { position: absolute; top: 6px; right: 0; width: 35px; height: 35px; border: 0; border-radius: 9px; background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); cursor: pointer; } .cpa-submenu-toggle::before { content: "+"; font-size: 19px; line-height: 1; } .is-open > .cpa-submenu-toggle::before { content: "−"; } .cpa-mobile-utility { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 18px; } .cpa-mobile-utility a, .cpa-mobile-utility button { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 43px; border: 1px solid var(--cpa-line); border-radius: 11px; background: #fff; color: var(--cpa-ink); font-size: 11px; font-weight: 800; text-decoration: none; cursor: pointer; } .cpa-mobile-utility svg { width: 17px; height: 17px; } .cpa-footer-offer { grid-template-columns: auto 1fr; align-items: center; padding: 20px; } .cpa-footer-code { grid-column: 1 / -1; width: 100%; justify-content: space-between; } .cpa-footer-grid { grid-template-columns: 1fr 1fr; padding-top: 2px; } .cpa-footer-brand { grid-column: 1 / -1; } .cpa-footer-safe { align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; } } @media (max-width: 520px) { .cpa-shell { width: min(calc(100% - 20px), var(--cpa-container)); } .cpa-ticker__group > span { padding-inline: 16px; } .cpa-brand .custom-logo, .cpa-default-logo { max-width: 145px; max-height: 38px; } .cpa-header-main { gap: 4px; } .cpa-icon-link, .cpa-menu-toggle { min-width: 40px; width: 40px; height: 40px; padding: 0; } .cpa-product-search__lead { margin-left: 13px; } .cpa-product-search input[type="search"] { padding-inline: 9px; font-size: 13px; } .cpa-product-search button { padding-inline: 12px; font-size: 11px; } .cpa-cart-drawer { width: 100%; } .cpa-cart-drawer__head { padding: 18px 18px 13px; } .cpa-cart-drawer__title { font-size: 22px; } .cpa-cart-drawer__progress { padding-inline: 18px; } .cpa-cart-drawer__body { padding: 16px 18px 22px; } .cpa-cart-item { grid-template-columns: 66px minmax(0,1fr); gap: 11px; } .cpa-cart-item__image { width: 66px; height: 75px; } .cpa-cart-coupon { grid-template-columns: auto minmax(0,1fr); } .cpa-cart-coupon__status, .cpa-cart-coupon__apply { grid-column: 2; justify-self: start; } .cpa-cart-trust { gap: 9px; flex-wrap: wrap; } .cpa-footer-offer { grid-template-columns: 1fr; text-align: left; } .cpa-footer-offer__icon { width: 44px; height: 44px; border-radius: 14px; } .cpa-footer-code { grid-column: auto; } .cpa-footer-grid { grid-template-columns: 1fr; gap: 27px; } .cpa-footer-brand { grid-column: auto; } .cpa-footer-bottom { align-items: flex-start; flex-direction: column; gap: 7px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; } .cpa-ticker__track { animation: none; transform: none; } .cpa-ticker__group:nth-child(2) { display: none; } } [hidden] { display: none !important; } .cpa-site-header { contain: none; } .cpa-header-main { grid-template-columns: minmax(190px, 220px) minmax(320px, 1fr) auto; gap: 22px; min-height: 74px; } .cpa-product-search { width: min(100%, 650px); justify-self: center; } .cpa-header-actions { flex-wrap: nowrap; } .cpa-whatsapp-head { width: 42px; min-width: 42px; padding: 0; color: #128c62; } .cpa-whatsapp-head:hover { color: #0d714e; background: #edf9f4; } .cpa-whatsapp-icon { width: 23px !important; height: 23px !important; stroke-width: 1.65 !important; } .cpa-wishlist-head { padding-right: 10px; } .cpa-wishlist-count { position: absolute; top: 0; right: 0; min-width: 18px; height: 18px; padding-inline: 4px; border: 2px solid #fff; border-radius: 999px; background: var(--cpa-brand); color: #fff; font-size: 10px; font-weight: 900; line-height: 14px; text-align: center; } .cpa-nav-row { position: relative; z-index: 92; overflow: visible; } .cpa-nav-row__inner { min-height: 46px; gap: 14px; } .cpa-category-nav { position: relative; flex: 0 0 188px; z-index: 55; } .cpa-category-toggle { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 9px; width: 100%; min-height: 38px; padding: 0 11px; border: 1px solid #d4e5e2; border-radius: 10px; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); font-size: 12px; font-weight: 850; text-align: left; cursor: pointer; transition: background .14s ease, border-color .14s ease, box-shadow .14s ease; } .cpa-category-toggle:hover, .cpa-category-nav.is-open .cpa-category-toggle { background: #fff; border-color: rgba(var(--cpa-brand-rgb),.5); box-shadow: 0 6px 18px rgba(49,29,41,.07); } .cpa-category-toggle:focus-visible { outline: 3px solid rgba(var(--cpa-brand-rgb),.17); outline-offset: 2px; } .cpa-category-toggle > svg { width: 16px; height: 16px; stroke-width: 1.9; } .cpa-category-chevron { width: 15px !important; height: 15px !important; transition: transform .16s ease; } .cpa-category-nav.is-open .cpa-category-chevron { transform: rotate(180deg); } .cpa-category-panel { position: absolute; top: calc(100% + 8px); left: 0; width: min(340px, calc(100vw - 28px)); max-height: min(64vh, 560px); padding: 10px; border: 1px solid var(--cpa-line); border-radius: 15px; background: #fff; box-shadow: 0 22px 56px rgba(38,22,32,.16); overflow-y: auto; overscroll-behavior: contain; } .cpa-category-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 5px 10px; border-bottom: 1px solid #f2ecef; } .cpa-category-panel__head strong { color: var(--cpa-ink); font-size: 12px; } .cpa-category-panel__head a { color: var(--cpa-brand-dark); font-size: 10px; font-weight: 800; text-decoration: none; } .cpa-category-list, .cpa-category-list ul, .cpa-mobile-category-list, .cpa-mobile-category-list ul { list-style: none; margin: 0; padding: 0; } .cpa-category-list { padding-top: 6px; } .cpa-category-list li { position: relative; } .cpa-category-list a { display: block; padding: 8px 9px; border-radius: 9px; color: var(--cpa-ink-2); font-size: 12px; font-weight: 720; line-height: 1.35; text-decoration: none; } .cpa-category-list a:hover, .cpa-category-list a:focus-visible { background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); outline: 0; } .cpa-category-list .children { margin: 1px 0 3px 12px; padding-left: 9px; border-left: 1px solid #eadfe5; } .cpa-category-list .children a { padding-block: 6px; color: var(--cpa-muted); font-size: 11px; font-weight: 650; } .cpa-category-empty { padding: 12px 9px; color: var(--cpa-muted); font-size: 11px; } .cpa-primary-nav { overflow: visible; } .woocommerce ul.products li.product { position: relative; } .cpa-wishlist-button { border: 1px solid var(--cpa-line-strong); background: #fff; color: #756a72; cursor: pointer; transition: color .14s ease, background .14s ease, border-color .14s ease, transform .14s ease; } .cpa-wishlist-button:hover { color: var(--cpa-brand-dark); border-color: #dfbdd1; background: var(--cpa-brand-soft); } .cpa-wishlist-button:focus-visible { outline: 3px solid rgba(var(--cpa-brand-rgb),.19); outline-offset: 2px; } .cpa-wishlist-button svg { width: 19px; height: 19px; stroke-width: 1.8; } .cpa-wishlist-button.is-active { color: var(--cpa-brand-dark); border-color: #e1bfd3; background: #fff5fa; } .cpa-wishlist-button.is-active svg { fill: currentColor; } .cpa-wishlist-button.is-busy { opacity: .55; cursor: wait; } .cpa-wishlist-button.has-error { animation: cpa-wishlist-shake .22s linear 2; } @keyframes cpa-wishlist-shake { 25% { transform: translateX(-2px); } 75% { transform: translateX(2px); } } .cpa-wishlist-button--loop { position: absolute; top: 11px; right: 11px; z-index: 6; display: grid; place-items: center; width: 39px; height: 39px; padding: 0; border-radius: 50%; box-shadow: 0 7px 20px rgba(34,20,29,.09); } .cpa-wishlist-button--loop .cpa-wishlist-button__label { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .cpa-wishlist-button--single { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin-left: 9px; padding: 0 15px; border-radius: 11px; font-size: 12px; font-weight: 800; vertical-align: middle; } .cpa-wishlist-button--page { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border-radius: 50%; color: var(--cpa-brand-dark); background: rgba(255,255,255,.96); box-shadow: 0 8px 22px rgba(31,18,27,.10); } .cpa-wishlist-button--page .cpa-wishlist-button__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); } .cpa-wishlist-shell { width: min(calc(100% - 36px), var(--cpa-container)); margin: 0 auto; padding: 44px 0 36px; } .cpa-wishlist-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 26px; padding-bottom: 22px; border-bottom: 1px solid var(--cpa-line); } .cpa-wishlist-eyebrow { margin: 0 0 3px; color: var(--cpa-brand-dark); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; } .cpa-wishlist-hero h1 { margin: 0; color: var(--cpa-ink); font-size: clamp(30px,4vw,46px); line-height: 1.06; letter-spacing: -.04em; } .cpa-wishlist-hero p:not(.cpa-wishlist-eyebrow) { margin: 8px 0 0; color: var(--cpa-muted); font-size: 13px; } .cpa-wishlist-shop { display: inline-flex; align-items: center; gap: 8px; min-height: 43px; padding: 0 14px; border: 1px solid var(--cpa-line-strong); border-radius: 11px; color: var(--cpa-ink); font-size: 11px; font-weight: 800; text-decoration: none; white-space: nowrap; } .cpa-wishlist-shop:hover { border-color: #dfbdd1; color: var(--cpa-brand-dark); background: var(--cpa-brand-soft); } .cpa-wishlist-shop svg { width: 16px; height: 16px; stroke-width: 1.8; } .cpa-wishlist-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; } .cpa-wishlist-card { position: relative; min-width: 0; border: 1px solid var(--cpa-line); border-radius: 16px; background: #fff; overflow: hidden; transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease; } .cpa-wishlist-card:hover { transform: translateY(-2px); box-shadow: 0 15px 38px rgba(40,24,34,.09); } .cpa-wishlist-card.is-removing { opacity: 0; transform: scale(.98); } .cpa-wishlist-card__media { position: relative; display: grid; place-items: center; aspect-ratio: 1 / .86; padding: 18px; background: #fbfafb; overflow: hidden; } .cpa-wishlist-card__media > a { display: grid; place-items: center; width: 100%; height: 100%; } .cpa-wishlist-card__media img { width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; } .cpa-wishlist-card__content { display: grid; gap: 8px; padding: 15px; } .cpa-wishlist-card__name { min-height: 2.7em; color: var(--cpa-ink); font-size: 13px; font-weight: 800; line-height: 1.35; text-decoration: none; } .cpa-wishlist-card__name:hover { color: var(--cpa-brand-dark); } .cpa-wishlist-card__price { color: var(--cpa-brand-deep); font-size: 15px; font-weight: 850; } .cpa-wishlist-card__price del { color: #9a8f96; font-weight: 600; } .cpa-wishlist-card__price ins { text-decoration: none; } .cpa-wishlist-stock { justify-self: start; padding: 3px 7px; border-radius: 999px; font-size: 9px; font-weight: 850; } .cpa-wishlist-stock.is-in { background: var(--cpa-success-soft); color: var(--cpa-success); } .cpa-wishlist-stock.is-out { background: #fff1f3; color: var(--cpa-danger); } .cpa-wishlist-card__cart { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin-top: 3px; padding: 0 12px; border-radius: 10px; background: var(--cpa-brand); color: #fff; font-size: 11px; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; } .cpa-wishlist-card__cart:hover { background: var(--cpa-brand-dark); color: #fff; } .cpa-wishlist-empty { display: grid; justify-items: center; max-width: 520px; margin: 48px auto 30px; padding: 34px 24px; border: 1px solid var(--cpa-line); border-radius: 18px; background: #fff; text-align: center; } .cpa-wishlist-empty__icon { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 13px; border-radius: 18px; background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); } .cpa-wishlist-empty__icon svg { width: 27px; height: 27px; stroke-width: 1.7; } .cpa-wishlist-empty h2 { margin: 0; font-size: 21px; line-height: 1.2; } .cpa-wishlist-empty p { margin: 7px 0 17px; color: var(--cpa-muted); font-size: 12px; } .cpa-wishlist-empty > a { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 15px; border-radius: 10px; background: var(--cpa-brand); color: #fff; font-size: 11px; font-weight: 850; text-decoration: none; } .cpa-site-footer { overflow: visible; } .cpa-footer-offer { transform: none; margin-top: -38px; } .cpa-main { min-height: 0; } @media (max-width: 1180px) { .cpa-header-main { grid-template-columns: minmax(165px,190px) minmax(280px,1fr) auto; gap: 14px; } .cpa-icon-link__label { display: none; } .cpa-category-nav { flex-basis: 170px; } .cpa-wishlist-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } } @media (max-width: 900px) and (min-width: 783px) { .cpa-header-main { grid-template-columns: minmax(150px,170px) minmax(240px,1fr) auto; } .cpa-brand .custom-logo, .cpa-default-logo { max-width: 170px; } .cpa-primary-nav a { padding-inline: 8px; font-size: 12px; } .cpa-category-nav { flex-basis: 160px; } } @media (max-width: 782px) { .cpa-site-header { transition: box-shadow .15s ease; } .cpa-header-main { grid-template-columns: minmax(0,1fr) auto; min-height: 64px; gap: 7px; } .cpa-brand .custom-logo, .cpa-default-logo { max-width: 145px; max-height: 40px; } .cpa-product-search { width: 100%; grid-column: 1 / -1; order: 3; margin: 0 0 10px; } .cpa-product-search__form { min-height: 42px; border-radius: 12px; } .cpa-product-search button { padding-inline: 13px; } .cpa-header-actions { gap: 1px; } .cpa-header-actions .cpa-account-link { display: none; } .cpa-header-actions .cpa-whatsapp-head, .cpa-header-actions .cpa-wishlist-head { display: inline-flex; } .cpa-icon-link, .cpa-menu-toggle, .cpa-whatsapp-head { min-width: 40px; width: 40px; height: 40px; padding: 0; } .cpa-wishlist-count, .cpa-cart-count { top: -1px; right: -1px; } .cpa-menu-toggle { display: inline-flex; } .cpa-nav-row { display: block; border-top: 1px solid #f4edf1; } .cpa-nav-row__inner { min-height: 48px; } .cpa-category-nav { flex: 1 1 auto; width: 100%; } .cpa-category-toggle { min-height: 38px; } .cpa-category-panel { left: 0; right: 0; width: 100%; max-height: 52vh; } .cpa-primary-nav, .cpa-nav-promo { display: none; } body.cpa-header-condensed .cpa-product-search, body.cpa-header-condensed .cpa-nav-row { display: none; } body.cpa-header-condensed .cpa-header-main { min-height: 58px; } body.cpa-header-condensed .cpa-site-header { box-shadow: 0 9px 26px rgba(38,22,31,.10); } .cpa-mobile-categories { margin: 4px 0 16px; padding: 12px; border: 1px solid var(--cpa-line); border-radius: 13px; background: #fcfafb; } .cpa-mobile-section-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 7px; } .cpa-mobile-section-title span { color: var(--cpa-ink); font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; } .cpa-mobile-section-title a { color: var(--cpa-brand-dark); font-size: 10px; font-weight: 800; text-decoration: none; } .cpa-mobile-category-list { max-height: 250px; overflow-y: auto; overscroll-behavior: contain; } .cpa-mobile-category-list a { display: block; padding: 8px 5px; color: var(--cpa-ink-2); font-size: 12px; font-weight: 720; text-decoration: none; } .cpa-mobile-category-list > li + li { border-top: 1px solid #f0e7ec; } .cpa-mobile-category-list .children { margin-left: 10px; padding-left: 8px; border-left: 1px solid #e7dce2; } .cpa-mobile-category-list .children a { padding-block: 6px; color: var(--cpa-muted); font-size: 11px; } .cpa-mobile-utility { grid-template-columns: 1fr 1fr; } .cpa-wishlist-button--single { margin: 9px 0 0; } .cpa-wishlist-shell { width: min(calc(100% - 24px), var(--cpa-container)); padding-top: 30px; } .cpa-wishlist-hero { align-items: flex-start; flex-direction: column; gap: 15px; } .cpa-wishlist-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; } .cpa-wishlist-card__content { padding: 12px; } .cpa-footer-offer { margin-top: -30px; } } @media (max-width: 520px) { .cpa-brand .custom-logo, .cpa-default-logo { max-width: 126px; max-height: 36px; } .cpa-header-main { gap: 3px; } .cpa-header-actions { gap: 0; } .cpa-icon-link, .cpa-menu-toggle, .cpa-whatsapp-head { min-width: 38px; width: 38px; height: 38px; } .cpa-icon-link svg, .cpa-menu-toggle svg { width: 19px; height: 19px; } .cpa-whatsapp-icon { width: 21px !important; height: 21px !important; } .cpa-product-search input[type="search"] { font-size: 12px; } .cpa-product-search button { padding-inline: 10px; font-size: 10px; } .cpa-nav-row__inner { min-height: 46px; } .cpa-category-toggle { min-height: 36px; font-size: 11px; } .cpa-wishlist-grid { grid-template-columns: 1fr 1fr; gap: 9px; } .cpa-wishlist-card__media { padding: 12px; } .cpa-wishlist-card__content { gap: 6px; padding: 10px; } .cpa-wishlist-card__name { font-size: 11px; } .cpa-wishlist-card__price { font-size: 13px; } .cpa-wishlist-card__cart { min-height: 38px; padding-inline: 8px; font-size: 10px; } .cpa-wishlist-button--page { top: 8px; right: 8px; width: 36px; height: 36px; } .cpa-wishlist-hero h1 { font-size: 32px; } } @media (prefers-reduced-motion: reduce) { .cpa-wishlist-card, .cpa-category-chevron { transition: none; } .cpa-wishlist-button.has-error { animation: none; } } .cpa-whatsapp-head { width: 42px; min-width: 42px; height: 42px; padding: 0; border-radius: 50%; background: transparent; color: #16a56f; } .cpa-whatsapp-head:hover, .cpa-whatsapp-head:focus-visible { background: #eefaf5; color: #0f8e5e; } .cpa-whatsapp-icon { width: 28px !important; height: 28px !important; stroke: none !important; filter: drop-shadow(0 2px 5px rgba(15,142,94,.12)); } .cpa-site-footer { margin-top: 54px; } .cpa-footer-offer { min-height: 56px; margin-top: -28px; padding: 9px 10px 9px 13px; border-radius: 14px; gap: 14px; grid-template-columns: minmax(0,1fr) auto; box-shadow: 0 12px 30px rgba(20,12,17,.14); } .cpa-footer-offer__copy { display: flex; align-items: center; gap: 10px; min-width: 0; } .cpa-footer-offer__mini { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 9px; background: var(--cpa-brand); color: #fff; font-size: 13px; font-weight: 900; } .cpa-footer-offer__copy > p { display: flex; align-items: baseline; gap: 9px; min-width: 0; margin: 0; white-space: nowrap; } .cpa-footer-offer__copy strong { color: var(--cpa-ink); font-size: 12px; font-weight: 850; letter-spacing: -.01em; } .cpa-footer-offer__copy span:not(.cpa-footer-offer__mini) { color: var(--cpa-muted); font-size: 10.5px; } .cpa-footer-code { gap: 7px; padding: 4px 4px 4px 10px; border-radius: 9px; } .cpa-footer-code strong { font-size: 11px; letter-spacing: .08em; } .cpa-footer-code button { min-height: 30px; padding: 5px 9px; border-radius: 7px; font-size: 9.5px; } @media (max-width: 782px) { .cpa-whatsapp-head { width: 40px; min-width: 40px; height: 40px; } .cpa-whatsapp-icon { width: 27px !important; height: 27px !important; } .cpa-footer-offer { min-height: 54px; margin-top: -24px; padding: 8px 9px 8px 11px; grid-template-columns: minmax(0,1fr) auto; } .cpa-footer-code { grid-column: auto; width: auto; justify-content: initial; } .cpa-footer-offer__copy > p { flex-direction: column; align-items: flex-start; gap: 0; line-height: 1.25; } } @media (max-width: 520px) { .cpa-whatsapp-head { width: 38px; min-width: 38px; height: 38px; } .cpa-whatsapp-icon { width: 26px !important; height: 26px !important; } .cpa-site-footer { margin-top: 44px; } .cpa-footer-offer { min-height: 50px; margin-top: -20px; gap: 7px; padding: 7px 8px 7px 9px; border-radius: 12px; text-align: left; } .cpa-footer-offer__mini { flex-basis: 27px; width: 27px; height: 27px; border-radius: 8px; font-size: 12px; } .cpa-footer-offer__copy { gap: 7px; } .cpa-footer-offer__copy strong { font-size: 10.5px; } .cpa-footer-offer__copy span:not(.cpa-footer-offer__mini) { display: none; } .cpa-footer-code { padding-left: 8px; gap: 5px; } .cpa-footer-code strong { font-size: 10px; } .cpa-footer-code button { min-height: 28px; padding-inline: 8px; font-size: 9px; } } .cpa-whatsapp-head { color: #25d366; } .cpa-whatsapp-head:hover, .cpa-whatsapp-head:focus-visible { color: #20bd5a; } .cpa-whatsapp-mini { width: 18px !important; height: 18px !important; color: #25d366; stroke: none !important; } .cpa-wa-mark { width: 30px; height: 30px; background: transparent; color: #25d366; } .cpa-wa-mark .cpa-whatsapp-mini { width: 28px !important; height: 28px !important; } body.admin-bar { min-height: calc(100vh - 32px); min-height: calc(100svh - 32px); } .cpa-ticker, .cpa-site-header, .cpa-site-footer { flex: 0 0 auto; width: 100%; } .cpa-main { flex: 1 0 auto; width: 100%; min-width: 0; } .cpa-site-footer { padding-bottom: env(safe-area-inset-bottom, 0px); } .cpa-footer-contact > a > span:last-child, .cpa-footer-contact > div > span:last-child, .cpa-footer-description, .cpa-footer-bottom, .cpa-footer-safe { min-width: 0; overflow-wrap: anywhere; } .cpa-mobile-drawer, .cpa-cart-drawer, .cpa-nav-backdrop, .cpa-cart-backdrop { max-height: 100vh; max-height: 100dvh; } .cpa-mobile-drawer, .cpa-cart-drawer { overscroll-behavior: contain; } @media (max-width: 782px) { body.admin-bar { min-height: calc(100vh - 46px); min-height: calc(100svh - 46px); } .cpa-footer-grid { padding-bottom: 30px; } .cpa-footer-safe { row-gap: 10px; } } @media (max-width: 520px) { .cpa-footer-offer { width: 100%; max-width: 100%; } .cpa-footer-offer__copy, .cpa-footer-code { min-width: 0; } .cpa-footer-code { flex: 0 0 auto; } .cpa-footer-grid { gap: 22px; padding-bottom: 26px; } .cpa-footer-safe { display: grid; grid-template-columns: 1fr; gap: 10px; } .cpa-footer-bottom { padding-bottom: 22px; } } body, .entry-content, .entry-summary, .woocommerce-product-details__short-description, .woocommerce-Tabs-panel, .woocommerce-product-details__short-description p, .woocommerce-Tabs-panel p, .cpa-footer-description { font-family: var(--cpa-font-body); } h1, h2, h3, .entry-title, .page-title, .wp-block-heading, .woocommerce div.product .product_title, .woocommerce .woocommerce-products-header__title, .cpa-wishlist-title, .cpa-cart-drawer__title { font-family: var(--cpa-font-heading); font-weight: 700; text-transform: uppercase; letter-spacing: .035em; line-height: 1.08; text-wrap: balance; } h1, .entry-title, .page-title, .woocommerce div.product .product_title { font-size: clamp(2rem, 4.6vw, 3.45rem); } h2, .wp-block-heading:is(h2) { font-size: clamp(1.55rem, 3vw, 2.35rem); } h3, .wp-block-heading:is(h3) { font-size: clamp(1.22rem, 2vw, 1.65rem); } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2, .cpa-wishlist-card__name { font-family: var(--cpa-font-heading); font-weight: 700; letter-spacing: .02em; line-height: 1.25; } button, input, select, textarea, label, .cpa-ticker, .cpa-site-header, .cpa-product-search, .cpa-header-actions, .cpa-nav-row, .cpa-category-panel, .cpa-mobile-drawer, .cpa-cart-drawer, .cpa-site-footer, .cpa-footer-offer, .cpa-footer-safe, .cpa-footer-bottom, .cpa-wishlist-toggle, .cpa-wishlist-stock, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .button, .woocommerce form .form-row label, .woocommerce nav.woocommerce-pagination, .woocommerce-message, .woocommerce-info, .woocommerce-error { font-family: var(--cpa-font-ui); } .cpa-primary-menu a, .cpa-mobile-nav a, .cpa-category-list a, .cpa-footer-menu a, .cpa-icon-link__label, .cpa-product-search button, .cpa-all-categories, .cpa-footer-code button { font-family: var(--cpa-font-ui); font-weight: 700; } p, .entry-content li, .entry-summary li, .woocommerce-product-details__short-description li, .woocommerce-Tabs-panel li { line-height: 1.75; } @media (max-width: 782px) { h1, .entry-title, .page-title, .woocommerce div.product .product_title { font-size: clamp(1.75rem, 9vw, 2.55rem); letter-spacing: .025em; } h2, .wp-block-heading:is(h2) { font-size: clamp(1.4rem, 6vw, 1.9rem); } h3, .wp-block-heading:is(h3) { font-size: clamp(1.15rem, 5vw, 1.45rem); } } .cpa-site-header { contain: none; overflow: visible; } .cpa-product-search { position: relative; min-width: 0; } .cpa-live-search { position: absolute; top: calc(100% + 9px); left: 0; right: 0; z-index: 140; max-height: min(68vh, 560px); overflow: auto; overscroll-behavior: contain; border: 1px solid var(--cpa-line-strong); border-radius: 16px; background: #fff; box-shadow: 0 24px 58px rgba(31, 18, 27, .17); } .cpa-live-search[hidden] { display: none !important; } .cpa-live-search__list { padding: 7px; } .cpa-live-search__item { display: grid; grid-template-columns: 58px minmax(0,1fr) 22px; align-items: center; gap: 11px; min-width: 0; padding: 8px; border-radius: 11px; color: var(--cpa-ink); text-decoration: none; transition: background .13s ease, color .13s ease; } .cpa-live-search__item + .cpa-live-search__item { border-top: 1px solid #f4eef2; } .cpa-live-search__item:hover, .cpa-live-search__item.is-selected { background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); } .cpa-live-search__media { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 10px; background: #faf8f9; overflow: hidden; } .cpa-live-search__media img { width: 100%; height: 100%; object-fit: contain; } .cpa-live-search__copy { display: grid; gap: 2px; min-width: 0; } .cpa-live-search__copy > small { color: var(--cpa-brand-dark); font: 700 9px/1.25 var(--cpa-font-ui); letter-spacing: .06em; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cpa-live-search__copy > strong { font: 700 13px/1.3 var(--cpa-font-ui); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cpa-live-search__meta { display: flex; align-items: center; gap: 8px; min-width: 0; } .cpa-live-search__price { color: var(--cpa-brand-deep); font: 800 12px/1.35 var(--cpa-font-ui); } .cpa-live-search__price del { color: #968b93; font-weight: 500; } .cpa-live-search__price ins { text-decoration: none; } .cpa-live-search__stock { padding: 2px 6px; border-radius: 999px; font: 700 8.5px/1.45 var(--cpa-font-ui); white-space: nowrap; } .cpa-live-search__stock.is-in { background: var(--cpa-success-soft); color: var(--cpa-success); } .cpa-live-search__stock.is-out { background: #fff0f3; color: var(--cpa-danger); } .cpa-live-search__arrow { color: #a48f9d; font: 700 17px/1 var(--cpa-font-ui); } .cpa-live-search__all { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 43px; padding: 0 15px; border-top: 1px solid var(--cpa-line); background: #fcfafb; color: var(--cpa-brand-deep); font: 800 11px/1.3 var(--cpa-font-ui); text-decoration: none; } .cpa-live-search__all:hover { background: var(--cpa-brand-soft); } .cpa-live-search__status, .cpa-live-search__empty { padding: 20px; color: var(--cpa-muted); font: 500 12px/1.55 var(--cpa-font-ui); text-align: center; } .cpa-live-search__status.is-loading::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 8px; border: 2px solid #eadce4; border-top-color: var(--cpa-brand); border-radius: 50%; vertical-align: -3px; animation: cpa-spin .65s linear infinite; } .cpa-live-search__empty { display: grid; gap: 4px; } .cpa-live-search__empty strong { color: var(--cpa-ink); font-size: 13px; } @keyframes cpa-spin { to { transform: rotate(360deg); } } .cpa-commerce-page { padding: 38px 0 26px; } .cpa-commerce-page > .cpa-commerce-article > .entry-content { margin: 0; } body:not(.logged-in).woocommerce-account .woocommerce { width: min(calc(100% - 36px), 1180px); margin-inline: auto; } .cpa-auth-shell { display: grid; grid-template-columns: minmax(0,.92fr) minmax(430px,1.08fr); min-height: 610px; border: 1px solid var(--cpa-line); border-radius: 24px; background: #fff; overflow: hidden; box-shadow: 0 24px 70px rgba(37, 24, 33, .10); } .cpa-auth-intro { position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(34px,5vw,66px); background: radial-gradient(circle at 15% 18%, rgba(255,255,255,.16), transparent 27%), linear-gradient(145deg, #2b2028 0%, #0E2B3B 54%, #3b2232 100%); color: #fff; overflow: hidden; } .cpa-auth-intro::after { content: ""; position: absolute; right: -90px; bottom: -110px; width: 280px; height: 280px; border-radius: 50%; background: rgba(var(--cpa-brand-rgb),.22); filter: blur(1px); } .cpa-auth-kicker, .cpa-account-kicker, .cpa-page-eyebrow { position: relative; z-index: 1; margin: 0 0 9px; color: #efbddb; font: 800 10px/1.3 var(--cpa-font-ui); letter-spacing: .14em; text-transform: uppercase; } .cpa-auth-intro :is(h1,.cpa-auth-intro__title) { position: relative; z-index: 1; max-width: 620px; margin: 0; font-size: clamp(2rem,3.4vw,3.3rem); letter-spacing: .025em; } .cpa-auth-intro > p { position: relative; z-index: 1; max-width: 540px; margin: 17px 0 0; color: #d4cbd1; font-size: 13px; line-height: 1.75; } .cpa-auth-benefits { position: relative; z-index: 1; display: grid; gap: 10px; margin: 28px 0; padding: 0; list-style: none; } .cpa-auth-benefits li { display: flex; gap: 9px; align-items: center; color: #f1eaf0; font: 600 12px/1.45 var(--cpa-font-ui); } .cpa-auth-benefits li span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(255,255,255,.09); color: #efbddb; font-size: 10px; } .cpa-auth-support { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 7px 13px; color: #9f929b; font: 600 10px/1.4 var(--cpa-font-ui); } .cpa-auth-support a { color: #fff; font-weight: 800; text-decoration: none; } .cpa-auth-support a:hover { color: #efbddb; } .cpa-auth-card { align-self: center; width: min(100%, 610px); margin-inline: auto; padding: clamp(28px,4vw,54px); } .cpa-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-bottom: 28px; padding: 4px; border-radius: 12px; background: #f7f3f5; } .cpa-auth-tabs button { min-height: 42px; border: 0; border-radius: 9px; background: transparent; color: var(--cpa-muted); font: 800 11px/1.2 var(--cpa-font-ui); cursor: pointer; } .cpa-auth-tabs button.is-active { background: #fff; color: var(--cpa-brand-deep); box-shadow: 0 4px 15px rgba(39,23,33,.07); } .cpa-auth-tabs button:focus-visible { outline: 3px solid rgba(var(--cpa-brand-rgb),.20); outline-offset: 1px; } .cpa-auth-tabs button:disabled { opacity: .45; cursor: not-allowed; } .cpa-auth-panel[hidden] { display: none !important; } .cpa-auth-heading { margin-bottom: 22px; } .cpa-auth-heading h2 { margin: 0; font-size: clamp(1.5rem,2.4vw,2rem); } .cpa-auth-heading p { margin: 7px 0 0; color: var(--cpa-muted); font: 400 12px/1.65 var(--cpa-font-ui); } .cpa-auth-form { display: grid; gap: 15px; } .cpa-auth-form p { margin: 0; } .cpa-auth-form .form-row { float: none; width: 100%; padding: 0; } .cpa-auth-form label { display: block; margin-bottom: 6px; color: var(--cpa-ink-2); font-size: 10.5px; font-weight: 800; } .cpa-auth-form input.input-text { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid var(--cpa-line-strong); border-radius: 10px; background: #fff; color: var(--cpa-ink); font-size: 13px; outline: 0; transition: border-color .14s ease, box-shadow .14s ease; } .cpa-auth-form input.input-text:focus { border-color: rgba(var(--cpa-brand-rgb),.80); box-shadow: 0 0 0 4px rgba(var(--cpa-brand-rgb),.09); } .cpa-auth-name-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .cpa-password-field { position: relative; display: block; } .cpa-password-field input.input-text { padding-right: 62px; } .cpa-password-toggle { position: absolute; top: 50%; right: 7px; transform: translateY(-50%); min-width: 48px; height: 32px; border: 0; border-radius: 8px; background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); font: 800 9px/1 var(--cpa-font-ui); cursor: pointer; } .cpa-auth-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; font: 600 10.5px/1.45 var(--cpa-font-ui); } .cpa-auth-row label { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 10.5px; } .cpa-auth-row input[type="checkbox"] { width: 15px; height: 15px; accent-color: var(--cpa-brand); } .cpa-auth-row a { color: var(--cpa-brand-dark); text-decoration: none; font-weight: 800; } .cpa-auth-submit.woocommerce-button.button, .woocommerce .cpa-auth-submit.button { width: 100%; min-height: 48px; margin-top: 2px; border: 0; border-radius: 11px; background: var(--cpa-brand); color: #fff; font: 800 12px/1.2 var(--cpa-font-ui); box-shadow: 0 9px 22px rgba(var(--cpa-brand-rgb),.18); } .cpa-auth-submit.woocommerce-button.button:hover, .woocommerce .cpa-auth-submit.button:hover { background: var(--cpa-brand-dark); color: #fff; } .cpa-field-help { display: block; margin-top: 5px; color: var(--cpa-muted); font: 500 9.5px/1.45 var(--cpa-font-ui); } .cpa-auth-legal { color: var(--cpa-muted); font: 400 9.5px/1.6 var(--cpa-font-ui); } .cpa-auth-legal a { color: var(--cpa-brand-dark); font-weight: 700; } .cpa-auth-disabled { padding: 24px; border-radius: 14px; background: var(--cpa-brand-soft); } .cpa-auth-disabled h2 { margin: 0 0 8px; font-size: 20px; } .cpa-auth-disabled p { margin: 0; color: var(--cpa-muted); font: 400 12px/1.6 var(--cpa-font-ui); } body.logged-in.woocommerce-account .woocommerce { display: grid; grid-template-columns: 225px minmax(0,1fr); align-items: start; gap: 22px; width: min(calc(100% - 36px), var(--cpa-container)); margin-inline: auto; } body.logged-in.woocommerce-account .woocommerce > .woocommerce-notices-wrapper, body.logged-in.woocommerce-account .woocommerce > .woocommerce-message, body.logged-in.woocommerce-account .woocommerce > .woocommerce-info, body.logged-in.woocommerce-account .woocommerce > .woocommerce-error { grid-column: 1 / -1; width: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; position: sticky; top: 150px; padding: 8px; border: 1px solid var(--cpa-line); border-radius: 15px; background: #fff; box-shadow: var(--cpa-shadow-sm); } .admin-bar.woocommerce-account .woocommerce-MyAccount-navigation { top: 182px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; } .woocommerce-account .woocommerce-MyAccount-navigation a { display: flex; align-items: center; min-height: 42px; padding: 0 11px; border-radius: 9px; color: var(--cpa-ink-2); font: 700 11px/1.3 var(--cpa-font-ui); text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-navigation a:hover, .woocommerce-account .woocommerce-MyAccount-navigation .is-active > a { background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); } .woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 5px; padding-top: 5px; border-top: 1px solid var(--cpa-line); } .woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; min-width: 0; padding: 25px; border: 1px solid var(--cpa-line); border-radius: 18px; background: #fff; box-shadow: var(--cpa-shadow-sm); } .woocommerce-account .woocommerce-MyAccount-content > h2, .woocommerce-account .woocommerce-MyAccount-content > h3 { margin-top: 0; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table { border-color: var(--cpa-line); border-radius: 12px; overflow: hidden; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table th { background: #faf7f9; color: var(--cpa-ink-2); font: 800 10px/1.4 var(--cpa-font-ui); text-transform: uppercase; letter-spacing: .05em; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table td { font: 500 11px/1.5 var(--cpa-font-ui); } .woocommerce-account .woocommerce-MyAccount-content input.input-text, .woocommerce-account .woocommerce-MyAccount-content select, .woocommerce-account .woocommerce-MyAccount-content textarea { min-height: 44px; border: 1px solid var(--cpa-line-strong); border-radius: 10px; background: #fff; padding: 9px 11px; outline: 0; } .woocommerce-account .woocommerce-MyAccount-content input.input-text:focus, .woocommerce-account .woocommerce-MyAccount-content select:focus, .woocommerce-account .woocommerce-MyAccount-content textarea:focus { border-color: var(--cpa-brand); box-shadow: 0 0 0 4px rgba(var(--cpa-brand-rgb),.08); } .cpa-account-dashboard { display: grid; gap: 20px; } .cpa-account-welcome { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-bottom: 19px; border-bottom: 1px solid var(--cpa-line); } .cpa-account-kicker { color: var(--cpa-brand-dark); } .cpa-account-welcome h1 { margin: 0; font-size: clamp(1.9rem,3vw,2.8rem); } .cpa-account-welcome p { max-width: 620px; margin: 7px 0 0; color: var(--cpa-muted); font: 400 11px/1.6 var(--cpa-font-ui); } .cpa-account-shop { display: inline-flex; align-items: center; gap: 8px; min-height: 41px; padding: 0 13px; border: 1px solid var(--cpa-line-strong); border-radius: 10px; color: var(--cpa-brand-deep); font: 800 10px/1.2 var(--cpa-font-ui); text-decoration: none; white-space: nowrap; } .cpa-account-shop:hover { background: var(--cpa-brand-soft); } .cpa-account-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; } .cpa-account-stats > a { display: grid; grid-template-columns: 1fr auto; gap: 3px 12px; min-width: 0; padding: 16px; border: 1px solid var(--cpa-line); border-radius: 13px; color: var(--cpa-ink); text-decoration: none; transition: transform .13s ease, box-shadow .13s ease, border-color .13s ease; } .cpa-account-stats > a:hover { transform: translateY(-1px); border-color: #dfc3d4; box-shadow: 0 12px 28px rgba(43,25,37,.07); } .cpa-account-stats span { color: var(--cpa-muted); font: 700 9.5px/1.3 var(--cpa-font-ui); text-transform: uppercase; letter-spacing: .05em; } .cpa-account-stats strong { grid-row: 1 / 3; grid-column: 2; align-self: center; color: var(--cpa-brand-deep); font: 700 24px/1 var(--cpa-font-heading); } .cpa-account-stats small { color: var(--cpa-ink-2); font: 600 10px/1.4 var(--cpa-font-ui); } .cpa-account-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(245px,.55fr); gap: 14px; } .cpa-account-panel { min-width: 0; padding: 17px; border: 1px solid var(--cpa-line); border-radius: 14px; background: #fff; } .cpa-account-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px; } .cpa-account-panel__head span { color: var(--cpa-brand-dark); font: 800 8.5px/1.3 var(--cpa-font-ui); letter-spacing: .09em; text-transform: uppercase; } .cpa-account-panel__head h2 { margin: 2px 0 0; font-size: 17px; } .cpa-account-panel__head > a { color: var(--cpa-brand-dark); font: 800 9.5px/1.2 var(--cpa-font-ui); text-decoration: none; } .cpa-account-orders { display: grid; } .cpa-account-order { display: grid; grid-template-columns: minmax(100px,1fr) auto auto; align-items: center; gap: 10px; padding: 11px 2px; border-top: 1px solid #f1eaee; color: var(--cpa-ink); text-decoration: none; } .cpa-account-order:first-child { border-top: 0; } .cpa-account-order > div { display: grid; gap: 1px; } .cpa-account-order > div strong { font: 800 11px/1.35 var(--cpa-font-ui); } .cpa-account-order > div small { color: var(--cpa-muted); font: 500 9px/1.35 var(--cpa-font-ui); } .cpa-order-status { padding: 4px 7px; border-radius: 999px; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); font: 700 8.5px/1.3 var(--cpa-font-ui); } .cpa-order-total { font: 800 10.5px/1.35 var(--cpa-font-ui); } .cpa-account-empty { display: flex; align-items: center; gap: 12px; padding: 18px; border-radius: 11px; background: #faf8f9; } .cpa-account-empty > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); font: 800 18px/1 var(--cpa-font-ui); } .cpa-account-empty strong { font: 800 11px/1.3 var(--cpa-font-ui); } .cpa-account-empty p { margin: 2px 0 0; color: var(--cpa-muted); font: 500 9.5px/1.45 var(--cpa-font-ui); } .cpa-account-shortcuts { align-self: start; } .cpa-account-shortcuts > a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 2px; border-top: 1px solid #f1eaee; color: var(--cpa-ink-2); font: 650 10.5px/1.35 var(--cpa-font-ui); text-decoration: none; } .cpa-account-shortcuts > a:hover { color: var(--cpa-brand-deep); } .cpa-account-shortcuts > a b { color: var(--cpa-brand); } .cpa-page-hero { padding: clamp(42px,6vw,76px) 0 34px; background: radial-gradient(circle at 84% 10%, rgba(var(--cpa-brand-rgb),.14), transparent 23%), linear-gradient(180deg,#fff 0%,#F8FCFB 100%); border-bottom: 1px solid var(--cpa-line); } .cpa-page-eyebrow { color: var(--cpa-brand-dark); } .cpa-page-hero h1 { max-width: 900px; margin: 0; font-size: clamp(2.15rem,5vw,4rem); } .cpa-page-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; color: var(--cpa-muted); font: 600 10px/1.4 var(--cpa-font-ui); } .cpa-page-meta a { color: var(--cpa-brand-dark); text-decoration: none; } .cpa-page-content { max-width: 960px; padding-top: 42px; padding-bottom: 18px; } .cpa-page-content > :first-child { margin-top: 0; } .cpa-page-content .cpa-lead { max-width: 850px; margin: 0 0 30px; color: var(--cpa-ink-2); font-size: clamp(16px,2vw,19px); line-height: 1.8; } .cpa-page-content h2 { margin: 34px 0 10px; font-size: clamp(1.35rem,2.6vw,1.9rem); } .cpa-page-content p { color: #4e4650; } .cpa-info-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 26px 0 30px; } .cpa-info-grid > section { padding: 20px; border: 1px solid var(--cpa-line); border-radius: 15px; background: #fff; box-shadow: 0 10px 28px rgba(37,24,33,.045); } .cpa-info-grid h2 { margin: 0 0 9px; font-size: 17px; } .cpa-info-grid p { margin: 0; color: var(--cpa-muted); font-size: 12px; line-height: 1.7; } .cpa-contact-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 26px 0 30px; } .cpa-contact-cards > * { display: grid; gap: 5px; padding: 20px; border: 1px solid var(--cpa-line); border-radius: 14px; background: #fff; color: var(--cpa-ink); text-decoration: none; } .cpa-contact-cards strong { color: var(--cpa-brand-dark); font: 800 10px/1.3 var(--cpa-font-ui); text-transform: uppercase; letter-spacing: .07em; } .cpa-contact-cards span { font: 600 13px/1.5 var(--cpa-font-ui); } .cpa-faq { display: grid; gap: 10px; } .cpa-faq details { border: 1px solid var(--cpa-line); border-radius: 13px; background: #fff; overflow: hidden; } .cpa-faq summary { position: relative; padding: 15px 42px 15px 16px; cursor: pointer; color: var(--cpa-ink); font: 800 12px/1.4 var(--cpa-font-ui); list-style: none; } .cpa-faq summary::-webkit-details-marker { display: none; } .cpa-faq summary::after { content: "+"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--cpa-brand-dark); font-size: 18px; } .cpa-faq details[open] summary::after { content: "−"; } .cpa-faq details p { margin: 0; padding: 0 16px 16px; color: var(--cpa-muted); font-size: 12px; line-height: 1.7; } @media (max-width: 920px) { .cpa-auth-shell { grid-template-columns: 1fr; } .cpa-auth-intro { min-height: auto; padding: 36px; } .cpa-auth-card { width: 100%; } body.logged-in.woocommerce-account .woocommerce { grid-template-columns: 190px minmax(0,1fr); gap: 16px; } .cpa-account-grid { grid-template-columns: 1fr; } .cpa-info-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 782px) { .cpa-live-search { top: calc(100% + 5px); border-radius: 13px; max-height: 60vh; } .cpa-live-search__item { grid-template-columns: 50px minmax(0,1fr) 18px; gap: 9px; padding: 7px; } .cpa-live-search__media { width: 50px; height: 50px; } .cpa-live-search__copy > strong { font-size: 12px; } .cpa-live-search__stock { display: none; } .cpa-commerce-page { padding: 20px 0 12px; } body:not(.logged-in).woocommerce-account .woocommerce, body.logged-in.woocommerce-account .woocommerce { width: min(calc(100% - 24px), var(--cpa-container)); } .cpa-auth-shell { border-radius: 18px; min-height: 0; } .cpa-auth-intro { padding: 28px 24px; } .cpa-auth-intro :is(h1,.cpa-auth-intro__title) { font-size: clamp(1.7rem,8vw,2.35rem); } .cpa-auth-benefits { margin: 20px 0; } .cpa-auth-card { padding: 25px 20px 28px; } body.logged-in.woocommerce-account .woocommerce { display: block; } .woocommerce-account .woocommerce-MyAccount-navigation { position: static; margin-bottom: 13px; overflow-x: auto; box-shadow: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; width: max-content; min-width: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation a { min-height: 38px; white-space: nowrap; } .woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { margin: 0 0 0 3px; padding: 0 0 0 3px; border-top: 0; border-left: 1px solid var(--cpa-line); } .woocommerce-account .woocommerce-MyAccount-content { padding: 18px; border-radius: 14px; } .cpa-account-welcome { align-items: flex-start; flex-direction: column; } .cpa-account-stats { grid-template-columns: 1fr; } .cpa-account-order { grid-template-columns: minmax(90px,1fr) auto; } .cpa-account-order .cpa-order-total { grid-column: 1 / -1; } .cpa-page-hero { padding: 36px 0 27px; } .cpa-page-content { width: min(calc(100% - 24px), 960px); padding-top: 30px; } .cpa-info-grid { grid-template-columns: 1fr; } } @media (max-width: 520px) { .cpa-live-search__all { min-height: 40px; padding-inline: 12px; } .cpa-auth-intro { padding: 24px 20px; } .cpa-auth-intro > p { font-size: 12px; } .cpa-auth-benefits li:nth-child(3) { display: none; } .cpa-auth-card { padding-inline: 16px; } .cpa-auth-name-grid { grid-template-columns: 1fr; } .cpa-auth-row { align-items: flex-start; flex-direction: column; gap: 7px; } .cpa-contact-cards { grid-template-columns: 1fr; } .cpa-page-hero h1 { font-size: clamp(1.85rem,10vw,2.7rem); } } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address { float: none; width: 100%; padding: 17px; border: 1px solid var(--cpa-line); border-radius: 13px; background: #fcfafb; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 { margin: 0; font-size: 16px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a { color: var(--cpa-brand-dark); font: 800 10px/1.2 var(--cpa-font-ui); text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-content address { margin-top: 12px; color: var(--cpa-muted); font: normal 500 11px/1.7 var(--cpa-font-ui); } .woocommerce-account .woocommerce-EditAccountForm fieldset { margin: 20px 0; padding: 16px; border: 1px solid var(--cpa-line); border-radius: 13px; } .woocommerce-account .woocommerce-EditAccountForm legend { padding: 0 7px; color: var(--cpa-brand-dark); font: 800 10px/1.2 var(--cpa-font-ui); text-transform: uppercase; letter-spacing: .06em; } .woocommerce-account .woocommerce-form-row { margin-bottom: 13px; } .woocommerce-account .woocommerce-form-row label { margin-bottom: 5px; color: var(--cpa-ink-2); font: 700 10px/1.3 var(--cpa-font-ui); } .woocommerce-account .woocommerce-form-row em { display: block; margin-top: 4px; color: var(--cpa-muted); font: 500 9px/1.45 var(--cpa-font-ui); } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button { margin: 2px; font-size: 9px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination { margin-top: 16px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .button { min-width: 90px; text-align: center; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info { border-top-color: var(--cpa-brand); background: var(--cpa-brand-softer); } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before { color: var(--cpa-brand); } .woocommerce-account .woocommerce-ResetPassword, .woocommerce-account .lost_reset_password { max-width: 520px; margin-inline: auto; } .woocommerce-account .woocommerce-ResetPassword > p:first-child, .woocommerce-account .lost_reset_password > p:first-child { color: var(--cpa-muted); font: 500 12px/1.7 var(--cpa-font-ui); } @media (max-width: 620px) { .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { grid-template-columns: 1fr; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive tr { border: 1px solid var(--cpa-line); border-radius: 10px; margin-bottom: 10px; overflow: hidden; } } .cpa-page-dates { display: inline-flex; align-items: center; gap: 5px; margin-left: 5px; padding-left: 10px; border-left: 1px solid var(--cpa-line-strong); color: #8a7f86; } .cpa-page-dates time { color: var(--cpa-ink-2); font-weight: 700; } .cpa-page-content { max-width: 1040px; padding-bottom: 40px; font-size: 14px; } .cpa-page-content > p:not(.cpa-lead) { max-width: 920px; } .cpa-page-content a { color: var(--cpa-brand-deep); text-underline-offset: 3px; } .cpa-page-content h2 { scroll-margin-top: 120px; } .cpa-policy-note { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px 16px; align-items: start; margin: 28px 0; padding: 18px 20px; border: 1px solid #ead5e2; border-left: 4px solid var(--cpa-brand); border-radius: 14px; background: linear-gradient(135deg,#fff 0%,#fdf7fb 100%); box-shadow: 0 10px 28px rgba(37,24,33,.04); } .cpa-policy-note > strong { padding: 5px 8px; border-radius: 7px; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); font: 800 10px/1.2 var(--cpa-font-ui); text-transform: uppercase; letter-spacing: .07em; } .cpa-policy-note > p { margin: 0; color: var(--cpa-ink-2); font-size: 12.5px; line-height: 1.75; } .cpa-checklist { display: grid; gap: 10px; max-width: 900px; margin: 16px 0 28px; padding: 0; list-style: none; } .cpa-checklist li { position: relative; margin: 0; padding: 12px 14px 12px 43px; border: 1px solid var(--cpa-line); border-radius: 12px; background: #fff; color: var(--cpa-ink-2); } .cpa-checklist li::before { content: "✓"; position: absolute; left: 14px; top: 12px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--cpa-success-soft); color: var(--cpa-success); font: 900 11px/1 var(--cpa-font-ui); } .cpa-steps { display: grid; gap: 12px; max-width: 900px; margin: 18px 0 30px; padding: 0; list-style: none; counter-reset: cpa-step; } .cpa-steps li { counter-increment: cpa-step; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 2px 12px; padding: 15px 16px; border: 1px solid var(--cpa-line); border-radius: 13px; background: #fff; } .cpa-steps li::before { content: counter(cpa-step); grid-row: 1 / 3; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--cpa-brand); color: #fff; font: 800 11px/1 var(--cpa-font-ui); } .cpa-steps strong { color: var(--cpa-ink); font: 800 12px/1.45 var(--cpa-font-ui); } .cpa-steps span { color: var(--cpa-muted); font-size: 12px; line-height: 1.65; } .cpa-link-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 22px 0 32px; } .cpa-link-grid > a { position: relative; display: grid; gap: 6px; min-height: 116px; padding: 20px 48px 20px 20px; border: 1px solid var(--cpa-line); border-radius: 15px; background: #fff; box-shadow: 0 9px 26px rgba(37,24,33,.04); color: var(--cpa-ink); text-decoration: none; transition: transform .15s ease,border-color .15s ease,box-shadow .15s ease; } .cpa-link-grid > a::after { content: "→"; position: absolute; right: 18px; top: 18px; color: var(--cpa-brand); font: 800 18px/1 var(--cpa-font-ui); } .cpa-link-grid > a:hover { transform: translateY(-2px); border-color: #ddb9d0; box-shadow: 0 14px 34px rgba(37,24,33,.075); } .cpa-link-grid strong { color: var(--cpa-ink); font: 800 13px/1.35 var(--cpa-font-ui); } .cpa-link-grid span { color: var(--cpa-muted); font-size: 12px; line-height: 1.6; } .cpa-page-content .woocommerce-order-tracking, .cpa-page-content .track_order { margin: 24px 0 34px; padding: 20px; border: 1px solid var(--cpa-line); border-radius: 15px; background: #fff; box-shadow: var(--cpa-shadow-sm); } @media (max-width: 782px) { .cpa-page-dates { flex-basis: 100%; margin: 4px 0 0; padding: 0; border-left: 0; } .cpa-page-content { font-size: 13px; } .cpa-link-grid { grid-template-columns: 1fr; } .cpa-link-grid > a { min-height: 0; } .cpa-policy-note { grid-template-columns: 1fr; padding: 16px; } } body.logged-in.woocommerce-account .cpa-commerce-article, body.logged-in.woocommerce-account .entry-content { min-width: 0; overflow: visible; } body.logged-in.woocommerce-account .woocommerce { display: grid; grid-template-columns: 238px minmax(0,1fr); gap: 18px 24px; align-items: start; width: min(calc(100% - 36px), var(--cpa-container)); margin: 0 auto; } body.logged-in.woocommerce-account .woocommerce > .woocommerce-notices-wrapper, body.logged-in.woocommerce-account .woocommerce > .woocommerce-message, body.logged-in.woocommerce-account .woocommerce > .woocommerce-info, body.logged-in.woocommerce-account .woocommerce > .woocommerce-error { grid-column: 1 / -1; width: 100%; min-width: 0; margin: 0; } body.logged-in.woocommerce-account .woocommerce > .woocommerce-notices-wrapper:empty { display: none; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation { grid-column: 1; float: none; width: auto; min-width: 0; position: sticky; top: 150px; z-index: 4; margin: 0; padding: 9px; border: 1px solid var(--cpa-line); border-radius: 16px; background: #fff; box-shadow: 0 12px 34px rgba(37,24,33,.07); overflow: hidden; } .admin-bar.logged-in.woocommerce-account .woocommerce-MyAccount-navigation { top: 182px; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul { display: grid; gap: 4px; width: 100%; margin: 0; padding: 0; list-style: none; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 0 12px 0 13px; border: 1px solid transparent; border-radius: 10px; color: #554a54; font: 700 11px/1.25 var(--cpa-font-ui); text-decoration: none; transition: background .14s ease, color .14s ease, border-color .14s ease, transform .14s ease; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a::before { content: ""; flex: 0 0 17px; width: 17px; height: 17px; --cpa-account-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' d='M6 7h12M6 12h12M6 17h12'/%3E%3C/svg%3E"); background: currentColor; -webkit-mask: var(--cpa-account-icon) center / contain no-repeat; mask: var(--cpa-account-icon) center / contain no-repeat; opacity: .82; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a:hover { background: #fcf7fa; color: var(--cpa-brand-deep); transform: translateX(1px); } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a { border-color: rgba(var(--cpa-brand-rgb),.14); background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); box-shadow: inset 3px 0 0 var(--cpa-brand); } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a { --cpa-account-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3.5 10.5 12 3.7l8.5 6.8v9.2a.8.8 0 0 1-.8.8H4.3a.8.8 0 0 1-.8-.8zM9 20.5v-6h6v6'/%3E%3C/svg%3E"); } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a { --cpa-account-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M6 4h12v16H6zM9 8h6M9 12h6M9 16h4'/%3E%3C/svg%3E"); } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a { --cpa-account-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M12 3v11m0 0 4-4m-4 4-4-4M5 19h14'/%3E%3C/svg%3E"); } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a { --cpa-account-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M12 21s6-5.5 6-11a6 6 0 1 0-12 0c0 5.5 6 11 6 11Zm0-8.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E"); } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a { --cpa-account-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-7 8a7 7 0 0 1 14 0'/%3E%3C/svg%3E"); } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods a, body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--add-payment-method a { --cpa-account-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3 6h18v12H3zM3 10h18M7 15h4'/%3E%3C/svg%3E"); } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 6px; padding-top: 7px; border-top: 1px solid var(--cpa-line); } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a { --cpa-account-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M10 5H5v14h5m3-4 4-3-4-3m4 3H9'/%3E%3C/svg%3E"); color: #7e4a59; } body.logged-in.woocommerce-account .woocommerce-MyAccount-content { grid-column: 2; float: none; width: auto; min-width: 0; margin: 0; padding: clamp(20px,2.2vw,30px); border: 1px solid var(--cpa-line); border-radius: 18px; background: #fff; box-shadow: 0 14px 38px rgba(37,24,33,.06); overflow: hidden; } body.logged-in.woocommerce-account .woocommerce-MyAccount-content > * { max-width: 100%; } body.logged-in.woocommerce-account .woocommerce-MyAccount-content a { text-underline-offset: 3px; } .cpa-account-dashboard { display: grid; gap: 20px; min-width: 0; } .cpa-account-welcome { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 0; padding: 2px 0 21px; border-bottom: 1px solid var(--cpa-line); } .cpa-account-welcome__copy { min-width: 0; } .cpa-account-kicker { display: inline-block; margin-bottom: 6px; color: var(--cpa-brand-dark); font: 800 9px/1.3 var(--cpa-font-ui); letter-spacing: .11em; text-transform: uppercase; } .cpa-account-welcome h1, .cpa-account-endpoint-head h1 { max-width: 100%; margin: 0; color: var(--cpa-ink); font-size: clamp(1.75rem,2.8vw,2.55rem); line-height: 1.03; overflow-wrap: anywhere; word-break: normal; } .cpa-account-welcome p { max-width: 700px; margin: 8px 0 0; color: var(--cpa-muted); font: 500 11.5px/1.65 var(--cpa-font-ui); } .cpa-account-welcome p strong { color: var(--cpa-ink-2); } .cpa-account-shop { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 14px; border: 1px solid var(--cpa-line-strong); border-radius: 10px; background: #fff; color: var(--cpa-brand-deep); font: 800 10.5px/1.2 var(--cpa-font-ui); text-decoration: none; white-space: nowrap; } .cpa-account-shop:hover { border-color: #d8b7cb; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); } .cpa-account-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; } .cpa-account-stats > a { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 10px; min-width: 0; padding: 15px; border: 1px solid var(--cpa-line); border-radius: 13px; background: linear-gradient(180deg,#fff,#fefcfd); color: var(--cpa-ink); text-decoration: none; } .cpa-account-stats > a:hover { border-color: #dec0d2; box-shadow: 0 10px 28px rgba(43,25,37,.07); transform: translateY(-1px); } .cpa-account-stats span { min-width: 0; color: var(--cpa-muted); font: 800 8.5px/1.3 var(--cpa-font-ui); text-transform: uppercase; letter-spacing: .06em; } .cpa-account-stats strong { grid-row: 1 / 3; grid-column: 2; align-self: center; color: var(--cpa-brand-deep); font: 700 22px/1 var(--cpa-font-heading); } .cpa-account-stats strong.cpa-account-stat-icon { font-size: 20px; } .cpa-account-stats small { min-width: 0; color: var(--cpa-ink-2); font: 600 9.5px/1.4 var(--cpa-font-ui); overflow-wrap: anywhere; } .cpa-account-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(220px,.55fr); gap: 14px; min-width: 0; } .cpa-account-panel { min-width: 0; } .cpa-account-endpoint-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 0 0 22px; padding: 0 0 20px; border-bottom: 1px solid var(--cpa-line); } .cpa-account-endpoint-head > div { min-width: 0; } .cpa-account-endpoint-head p { max-width: 680px; margin: 7px 0 0; color: var(--cpa-muted); font: 500 11.5px/1.65 var(--cpa-font-ui); } .woocommerce-account .woocommerce-MyAccount-content .button, .woocommerce-account .woocommerce-MyAccount-content button.button, .woocommerce-account .woocommerce-MyAccount-content input.button { min-height: 40px; padding: 0 14px; border: 0; border-radius: 9px; background: var(--cpa-brand); color: #fff; font: 800 10px/1.2 var(--cpa-font-ui); box-shadow: none; } .woocommerce-account .woocommerce-MyAccount-content .button:hover, .woocommerce-account .woocommerce-MyAccount-content button.button:hover, .woocommerce-account .woocommerce-MyAccount-content input.button:hover { background: var(--cpa-brand-dark); color: #fff; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-error { margin: 0 0 16px; padding: 14px 16px 14px 42px; border: 1px solid var(--cpa-line); border-top: 3px solid var(--cpa-brand); border-radius: 11px; background: #fffafc; color: var(--cpa-ink-2); font: 600 10.5px/1.55 var(--cpa-font-ui); } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message::before { color: var(--cpa-brand); top: 14px; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table { width: 100%; margin: 0; border: 1px solid var(--cpa-line); border-collapse: separate; border-spacing: 0; border-radius: 13px; overflow: hidden; background: #fff; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table th, .woocommerce-account .woocommerce-MyAccount-content table.shop_table td { padding: 12px 13px; border-color: #f0e9ed; vertical-align: middle; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table th { background: #faf7f9; color: var(--cpa-ink-2); font: 800 9px/1.35 var(--cpa-font-ui); text-transform: uppercase; letter-spacing: .055em; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table td { color: var(--cpa-ink-2); font: 600 10.5px/1.55 var(--cpa-font-ui); } .woocommerce-account .woocommerce-MyAccount-content table.shop_table td a:not(.button) { color: var(--cpa-brand-deep); font-weight: 800; } .woocommerce-account .woocommerce-orders-table__cell-order-actions { white-space: nowrap; } .woocommerce-account .woocommerce-orders-table__cell-order-actions .button { min-height: 33px; margin: 2px; padding-inline: 10px; font-size: 9px; } .woocommerce-account .woocommerce-pagination { display: flex; justify-content: space-between; gap: 10px; margin-top: 16px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 2px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address { float: none; width: auto; min-width: 0; margin: 0; padding: 18px; border: 1px solid var(--cpa-line); border-radius: 13px; background: #fcfafb; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 { margin: 0; font-size: 16px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a { flex: 0 0 auto; padding: 6px 9px; border-radius: 8px; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); font: 800 9px/1.2 var(--cpa-font-ui); text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-content address { margin: 13px 0 0; color: var(--cpa-muted); font: normal 500 11px/1.75 var(--cpa-font-ui); overflow-wrap: anywhere; } .woocommerce-account .woocommerce-MyAccount-content form { min-width: 0; } .woocommerce-account .woocommerce-MyAccount-content .form-row { margin: 0 0 14px; padding: 0; } .woocommerce-account .woocommerce-MyAccount-content .form-row-first, .woocommerce-account .woocommerce-MyAccount-content .form-row-last { width: calc(50% - 7px); } .woocommerce-account .woocommerce-MyAccount-content .form-row-first { float: left; clear: both; } .woocommerce-account .woocommerce-MyAccount-content .form-row-last { float: right; clear: none; } .woocommerce-account .woocommerce-MyAccount-content .form-row-wide { clear: both; } .woocommerce-account .woocommerce-MyAccount-content .form-row label { display: block; margin: 0 0 6px; color: var(--cpa-ink-2); font: 700 10px/1.35 var(--cpa-font-ui); } .woocommerce-account .woocommerce-MyAccount-content input.input-text, .woocommerce-account .woocommerce-MyAccount-content input[type="email"], .woocommerce-account .woocommerce-MyAccount-content input[type="tel"], .woocommerce-account .woocommerce-MyAccount-content input[type="password"], .woocommerce-account .woocommerce-MyAccount-content select, .woocommerce-account .woocommerce-MyAccount-content textarea { width: 100%; min-height: 45px; padding: 9px 11px; border: 1px solid var(--cpa-line-strong); border-radius: 10px; background: #fff; color: var(--cpa-ink); font: 500 11px/1.4 var(--cpa-font-ui); outline: none; box-shadow: none; } .woocommerce-account .woocommerce-MyAccount-content textarea { min-height: 100px; resize: vertical; } .woocommerce-account .woocommerce-MyAccount-content input:focus, .woocommerce-account .woocommerce-MyAccount-content select:focus, .woocommerce-account .woocommerce-MyAccount-content textarea:focus { border-color: var(--cpa-brand); box-shadow: 0 0 0 4px rgba(var(--cpa-brand-rgb),.08); } .woocommerce-account .woocommerce-MyAccount-content .select2-container { width: 100% !important; } .woocommerce-account .woocommerce-MyAccount-content .select2-selection--single { height: 45px; border: 1px solid var(--cpa-line-strong); border-radius: 10px; } .woocommerce-account .woocommerce-MyAccount-content .select2-selection--single .select2-selection__rendered { line-height: 43px; padding-left: 11px; } .woocommerce-account .woocommerce-MyAccount-content .select2-selection--single .select2-selection__arrow { height: 43px; } .woocommerce-account .woocommerce-EditAccountForm fieldset { clear: both; margin: 22px 0 18px; padding: 17px; border: 1px solid var(--cpa-line); border-radius: 13px; background: #fcfafb; } .woocommerce-account .woocommerce-EditAccountForm legend { padding: 0 7px; color: var(--cpa-brand-dark); font: 800 9px/1.2 var(--cpa-font-ui); text-transform: uppercase; letter-spacing: .07em; } .woocommerce-account .woocommerce-MyAccount-content .form-row em { display: block; margin-top: 5px; color: var(--cpa-muted); font: 500 9px/1.45 var(--cpa-font-ui); } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details { margin: 0 0 20px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title { margin: 0 0 12px; font-size: 18px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details { margin: 18px 0 0; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column { float: none; width: auto; min-width: 0; padding: 17px; border: 1px solid var(--cpa-line); border-radius: 13px; background: #fcfafb; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details address { border: 0; padding: 0; } .woocommerce-account .woocommerce-MyAccount-content mark { padding: 2px 5px; border-radius: 5px; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); } .woocommerce-account .woocommerce-ResetPassword, .woocommerce-account .lost_reset_password { max-width: 560px; margin: 0 auto; padding: 22px; border: 1px solid var(--cpa-line); border-radius: 14px; background: #fff; } .woocommerce-account .woocommerce-ResetPassword > p:first-child, .woocommerce-account .lost_reset_password > p:first-child { margin-top: 0; color: var(--cpa-muted); font: 500 12px/1.7 var(--cpa-font-ui); } @media (max-width: 1080px) { body.logged-in.woocommerce-account .woocommerce { grid-template-columns: 205px minmax(0,1fr); gap: 16px; } .cpa-account-stats { grid-template-columns: repeat(2,minmax(0,1fr)); } .cpa-account-grid { grid-template-columns: 1fr; } } @media (max-width: 860px) { body.logged-in.woocommerce-account .woocommerce { display: block; width: min(calc(100% - 24px), var(--cpa-container)); } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation { position: static; width: 100%; margin: 0 0 14px; padding: 7px; overflow-x: auto; overflow-y: hidden; box-shadow: none; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; gap: 4px; width: max-content; min-width: 100%; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li { flex: 0 0 auto; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a { width: auto; min-height: 40px; padding-inline: 11px; white-space: nowrap; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a:hover { transform: none; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a { box-shadow: inset 0 -3px 0 var(--cpa-brand); } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { margin: 0 0 0 4px; padding: 0 0 0 4px; border-top: 0; border-left: 1px solid var(--cpa-line); } body.logged-in.woocommerce-account .woocommerce-MyAccount-content { width: 100%; padding: 20px; border-radius: 15px; } .cpa-account-endpoint-head { align-items: flex-start; flex-direction: column; } .cpa-account-welcome { align-items: flex-start; flex-direction: column; } } @media (max-width: 620px) { body.logged-in.woocommerce-account .woocommerce { width: min(calc(100% - 20px), var(--cpa-container)); } body.logged-in.woocommerce-account .woocommerce-MyAccount-content { padding: 16px; border-radius: 13px; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a::before { width: 15px; height: 15px; flex-basis: 15px; } .cpa-account-welcome { gap: 14px; padding-bottom: 17px; } .cpa-account-welcome h1, .cpa-account-endpoint-head h1 { font-size: clamp(1.55rem,8.5vw,2rem); } .cpa-account-shop { width: 100%; } .cpa-account-stats { grid-template-columns: 1fr; gap: 9px; } .cpa-account-stats > a { padding: 13px; } .cpa-account-grid { gap: 10px; } .cpa-account-panel { padding: 14px; } .cpa-account-endpoint-head { gap: 14px; margin-bottom: 18px; padding-bottom: 17px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns { grid-template-columns: 1fr; } .woocommerce-account .woocommerce-MyAccount-content .form-row-first, .woocommerce-account .woocommerce-MyAccount-content .form-row-last { float: none; width: 100%; clear: both; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive { border: 0; border-radius: 0; background: transparent; overflow: visible; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive tbody { display: grid; gap: 10px; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive tr { display: block; margin: 0; padding: 7px 10px; border: 1px solid var(--cpa-line); border-radius: 11px; background: #fff; overflow: hidden; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive td { min-height: 32px; padding: 8px 4px; border-bottom: 1px solid #f1eaee; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive td:last-child { border-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive td::before { color: var(--cpa-muted); font: 800 8.5px/1.35 var(--cpa-font-ui); text-transform: uppercase; letter-spacing: .04em; } .woocommerce-account .woocommerce-orders-table__cell-order-actions { white-space: normal; } .woocommerce-account .woocommerce-orders-table__cell-order-actions .button { width: auto; min-width: 0; } .woocommerce-account .woocommerce-ResetPassword, .woocommerce-account .lost_reset_password { padding: 17px; } } html { width: 100%; max-width: 100%; } body { width: 100%; max-width: 100%; min-width: 0; } body.cpa-overlay-open { overflow: hidden; overscroll-behavior: none; } .cpa-ticker, .cpa-site-header, .cpa-main, .cpa-site-footer, .cpa-shell, .cpa-header-main, .cpa-header-main > *, .cpa-nav-row__inner, .cpa-product-search, .cpa-header-actions { min-width: 0; max-width: 100%; } .cpa-cart-backdrop, .cpa-nav-backdrop { max-width: 100vw; overflow: hidden; } .cpa-cart-drawer, .cpa-mobile-drawer { max-width: 100vw; overflow-x: hidden; contain: layout paint; } .cpa-cart-drawer { width: min(470px, 100vw); pointer-events: none; } .cpa-cart-drawer[aria-hidden="true"] { pointer-events: none; } .cpa-cart-open .cpa-cart-drawer { pointer-events: auto; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses::before, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses::after { content: none !important; display: none !important; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses > .woocommerce-Address { float: none !important; clear: none !important; width: auto !important; max-width: none !important; min-width: 0; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; min-width: 0; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h2, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 { min-width: 0; margin: 0; font-size: clamp(1.05rem, 2vw, 1.25rem); line-height: 1.2; overflow-wrap: anywhere; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit { float: none !important; margin: 0 0 0 auto; } body.logged-in.woocommerce-account .woocommerce, body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation, body.logged-in.woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-content form, .woocommerce-account .woocommerce-MyAccount-content table, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { max-width: 100%; min-width: 0; } @media (max-width: 860px) { body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation { max-width: 100%; overscroll-behavior-inline: contain; } body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul { max-width: none; } } @media (max-width: 620px) { .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-error .button { float: none !important; display: flex; width: 100%; margin: 10px 0 0; justify-content: center; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title { align-items: flex-start; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit { margin-left: 0; } .cpa-cart-drawer, .cpa-mobile-drawer { width: 100%; max-width: 100%; } } @media (max-width: 380px) { .cpa-footer-offer__copy > p { white-space: normal; } .cpa-footer-offer__copy strong { overflow-wrap: anywhere; } } @media (max-width: 620px) { body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error { display: flow-root; width: 100%; max-width: 100%; overflow: hidden; } body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info > a.button, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info > .button, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message > a.button, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message > .button, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error > a.button, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error > .button, body.woocommerce-account .woocommerce-MyAccount-content a.button.wc-forward { float: none !important; clear: both !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: none !important; min-height: 44px !important; margin: 12px 0 0 !important; padding: 11px 14px !important; text-align: center !important; white-space: normal !important; box-sizing: border-box !important; } } .cpa-page-article--about-us .cpa-page-content, .cpa-page-article--contact-us .cpa-page-content { width: min(calc(100% - 32px), 1180px); max-width: 1180px; padding-top: 52px; padding-bottom: 64px; } .cpa-page-article--about-us .cpa-page-hero, .cpa-page-article--contact-us .cpa-page-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 92% 18%, rgba(var(--cpa-brand-rgb),.16), transparent 27%), radial-gradient(circle at 12% 88%, rgba(var(--cpa-brand-rgb),.08), transparent 22%), linear-gradient(180deg,#fff 0%,#fcf7fa 100%); } .cpa-page-article--about-us .cpa-page-hero::after, .cpa-page-article--contact-us .cpa-page-hero::after { content: ""; position: absolute; right: 5vw; bottom: -55px; width: 170px; height: 170px; border: 1px solid rgba(var(--cpa-brand-rgb),.18); border-radius: 50%; box-shadow: 0 0 0 28px rgba(var(--cpa-brand-rgb),.035), 0 0 0 56px rgba(var(--cpa-brand-rgb),.02); pointer-events: none; } .cpa-page-article--about-us .cpa-page-hero .cpa-shell, .cpa-page-article--contact-us .cpa-page-hero .cpa-shell { position: relative; z-index: 1; } .cpa-section-label { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 9px; color: var(--cpa-brand-dark); font: 800 10px/1.35 var(--cpa-font-ui); letter-spacing: .105em; text-transform: uppercase; } .cpa-section-label::before { content: ""; width: 18px; height: 2px; border-radius: 999px; background: var(--cpa-brand); } .cpa-section-heading { max-width: 760px; } .cpa-section-heading h2, .cpa-page-article--about-us .cpa-page-content h2, .cpa-page-article--contact-us .cpa-page-content h2 { margin: 0; color: var(--cpa-ink); font-size: clamp(1.8rem,3.3vw,2.65rem); line-height: 1.06; letter-spacing: -.025em; } .cpa-section-heading > p { margin: 13px 0 0; color: var(--cpa-muted); font-size: 14px; line-height: 1.8; } .cpa-page-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border: 1px solid var(--cpa-line-strong); border-radius: 11px; background: #fff; color: var(--cpa-brand-deep) !important; font: 800 11px/1.2 var(--cpa-font-ui); text-decoration: none !important; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease, background .15s ease; } .cpa-page-button:hover { transform: translateY(-1px); border-color: #d7b9ca; box-shadow: 0 10px 25px rgba(47,29,41,.08); } .cpa-page-button--primary { border-color: var(--cpa-brand); background: var(--cpa-brand); color: #fff !important; } .cpa-page-button--primary:hover { border-color: var(--cpa-brand-dark); background: var(--cpa-brand-dark); } .cpa-about-intro { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr); gap: 24px; align-items: stretch; } .cpa-about-intro__copy { padding: clamp(26px,4vw,46px); border: 1px solid var(--cpa-line); border-radius: 24px; background: linear-gradient(145deg,#fff 0%,#fff 65%,#fdf6fa 100%); box-shadow: 0 22px 55px rgba(45,27,39,.08); } .cpa-about-intro__copy .cpa-lead { max-width: 760px; margin: 0; color: var(--cpa-ink-2); font-size: clamp(17px,2.1vw,21px); line-height: 1.72; } .cpa-about-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; } .cpa-about-chips span { padding: 8px 11px; border: 1px solid #eadce4; border-radius: 999px; background: #fff; color: var(--cpa-ink-2); font: 700 10px/1.25 var(--cpa-font-ui); } .cpa-about-intro__card { padding: clamp(24px,3vw,34px); border-radius: 24px; background: radial-gradient(circle at 90% 10%, rgba(255,255,255,.12), transparent 28%), linear-gradient(145deg,#24171f,#4a283d); color: #fff; box-shadow: 0 24px 56px rgba(36,23,31,.19); } .cpa-about-intro__card .cpa-section-label { color: #f3bfdc; } .cpa-about-intro__card .cpa-section-label::before { background: #f3bfdc; } .cpa-about-intro__card ul { display: grid; gap: 19px; margin: 10px 0 0; padding: 0; list-style: none; } .cpa-about-intro__card li { display: grid; gap: 4px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); } .cpa-about-intro__card li:first-child { padding-top: 0; border-top: 0; } .cpa-about-intro__card strong { font: 800 14px/1.3 var(--cpa-font-ui); } .cpa-about-intro__card span:not(.cpa-section-label) { color: rgba(255,255,255,.7); font: 500 11px/1.65 var(--cpa-font-ui); } .cpa-about-section { margin-top: 72px; } .cpa-about-values { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; margin-top: 28px; } .cpa-about-values article { position: relative; min-width: 0; padding: 23px; border: 1px solid var(--cpa-line); border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(41,25,36,.045); } .cpa-value-number { display: block; margin-bottom: 30px; color: #d9aec7; font: 800 11px/1 var(--cpa-font-ui); letter-spacing: .08em; } .cpa-about-values h3 { margin: 0 0 8px; color: var(--cpa-ink); font: 800 16px/1.25 var(--cpa-font-ui); } .cpa-about-values p { margin: 0; color: var(--cpa-muted); font: 500 11px/1.72 var(--cpa-font-ui); } .cpa-about-journey { display: grid; grid-template-columns: minmax(260px,.75fr) minmax(0,1.25fr); gap: 44px; align-items: start; margin-top: 72px; padding: clamp(28px,4vw,44px); border: 1px solid var(--cpa-line); border-radius: 24px; background: #fbf9fa; } .cpa-journey-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; } .cpa-journey-list li { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 15px; padding: 18px 0; border-top: 1px solid var(--cpa-line); } .cpa-journey-list li:first-child { padding-top: 0; border-top: 0; } .cpa-journey-list li > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); font: 800 11px/1 var(--cpa-font-ui); } .cpa-journey-list h3 { margin: 0 0 5px; color: var(--cpa-ink); font: 800 13px/1.35 var(--cpa-font-ui); } .cpa-journey-list p { margin: 0; color: var(--cpa-muted); font: 500 11px/1.7 var(--cpa-font-ui); } .cpa-about-australia { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap: 20px; margin-top: 72px; padding: clamp(28px,4vw,44px); border-radius: 24px; background: radial-gradient(circle at 88% 18%, rgba(var(--cpa-brand-rgb),.15), transparent 30%), linear-gradient(135deg,#fff,#fdf7fa); border: 1px solid #eadfe5; } .cpa-about-australia > div:first-child > p { max-width: 720px; margin: 14px 0 0; color: var(--cpa-muted); font-size: 13px; line-height: 1.8; } .cpa-about-australia__note { align-self: stretch; padding: 23px; border: 1px solid #d4e5e2; border-radius: 17px; background: rgba(255,255,255,.88); } .cpa-about-australia__note strong { color: var(--cpa-brand-deep); font: 800 12px/1.35 var(--cpa-font-ui); } .cpa-about-australia__note p { margin: 8px 0 0; color: var(--cpa-muted); font: 500 10.5px/1.72 var(--cpa-font-ui); } .cpa-about-cta { display: flex; align-items: center; justify-content: space-between; gap: 26px; margin-top: 32px; padding: 28px 30px; border-radius: 20px; background: #082a38; color: #fff; } .cpa-about-cta .cpa-section-label { color: #9be2da; } .cpa-about-cta .cpa-section-label::before { background: #9be2da; } .cpa-about-cta h2 { color: #fff !important; font-size: clamp(1.45rem,2.7vw,2rem) !important; } .cpa-about-cta p { max-width: 680px; margin: 8px 0 0; color: rgba(255,255,255,.68); font: 500 11px/1.7 var(--cpa-font-ui); } .cpa-about-cta__actions { display: flex; flex: 0 0 auto; gap: 9px; } .cpa-contact-intro { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap: 20px; align-items: stretch; } .cpa-contact-intro > div:first-child { padding: clamp(24px,3.5vw,38px); border: 1px solid var(--cpa-line); border-radius: 22px; background: #fff; box-shadow: 0 18px 44px rgba(45,27,39,.065); } .cpa-contact-intro .cpa-lead { margin: 0; font-size: clamp(16px,2vw,20px); line-height: 1.75; } .cpa-contact-promise { display: grid; align-content: center; gap: 8px; padding: 26px; border-radius: 22px; background: #061f2a; color: #fff; } .cpa-contact-promise strong { font: 800 15px/1.3 var(--cpa-font-ui); } .cpa-contact-promise span { color: rgba(255,255,255,.72); font: 500 11px/1.7 var(--cpa-font-ui); } .cpa-contact-hub { display: grid; grid-template-columns: minmax(285px,.72fr) minmax(0,1.28fr); gap: 20px; align-items: start; margin-top: 24px; } .cpa-contact-sidebar, .cpa-contact-form-panel { border: 1px solid var(--cpa-line); border-radius: 22px; background: #fff; box-shadow: 0 18px 44px rgba(45,27,39,.055); } .cpa-contact-sidebar { position: sticky; top: 110px; padding: 24px; } .cpa-contact-sidebar__head { margin-bottom: 18px; } .cpa-contact-sidebar__head h2 { font-size: clamp(1.35rem,2.5vw,1.75rem) !important; } .cpa-contact-method { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 12px; align-items: start; padding: 15px 0; border-top: 1px solid #f0e8ed; color: var(--cpa-ink) !important; text-decoration: none !important; } .cpa-contact-method:first-of-type { border-top: 0; } .cpa-contact-method__icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); font: 800 15px/1 var(--cpa-font-ui); } .cpa-contact-method > span:last-child { display: grid; gap: 2px; min-width: 0; } .cpa-contact-method small { color: var(--cpa-muted); font: 700 8.5px/1.35 var(--cpa-font-ui); text-transform: uppercase; letter-spacing: .07em; } .cpa-contact-method strong { overflow-wrap: anywhere; color: var(--cpa-ink); font: 800 12px/1.35 var(--cpa-font-ui); } .cpa-contact-method em { color: var(--cpa-muted); font: normal 500 9.5px/1.55 var(--cpa-font-ui); } .cpa-contact-sidebar__tip { margin-top: 15px; padding: 16px; border-radius: 13px; background: #faf6f8; } .cpa-contact-sidebar__tip strong { color: var(--cpa-brand-deep); font: 800 11px/1.3 var(--cpa-font-ui); } .cpa-contact-sidebar__tip p { margin: 6px 0 0; color: var(--cpa-muted); font: 500 9.5px/1.65 var(--cpa-font-ui); } .cpa-contact-form-panel { min-width: 0; padding: clamp(22px,3vw,34px); } .cpa-contact-form-panel__head { margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid var(--cpa-line); } .cpa-contact-form-panel__head h2 { font-size: clamp(1.7rem,3vw,2.2rem) !important; } .cpa-contact-form-panel__head p { max-width: 690px; margin: 9px 0 0; color: var(--cpa-muted); font: 500 10.5px/1.65 var(--cpa-font-ui); } .cpa-contact-form { position: relative; display: grid; gap: 16px; } .cpa-contact-form__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; } .cpa-contact-form label { display: grid; gap: 6px; min-width: 0; } .cpa-contact-form label > span:first-child { color: var(--cpa-ink-2); font: 700 10px/1.35 var(--cpa-font-ui); } .cpa-contact-form label > span:first-child b { color: var(--cpa-brand-dark); } .cpa-contact-form input[type="text"], .cpa-contact-form input[type="email"], .cpa-contact-form input[type="tel"], .cpa-contact-form input[type="number"], .cpa-contact-form select, .cpa-contact-form textarea { width: 100%; max-width: 100%; min-height: 48px; margin: 0; padding: 11px 12px; border: 1px solid #dfd4db; border-radius: 11px; background: #fff; color: var(--cpa-ink); font: 500 11px/1.45 var(--cpa-font-ui); outline: 0; box-shadow: none; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; } .cpa-contact-form textarea { min-height: 150px; resize: vertical; } .cpa-contact-form input:focus, .cpa-contact-form select:focus, .cpa-contact-form textarea:focus { border-color: var(--cpa-brand); box-shadow: 0 0 0 4px rgba(var(--cpa-brand-rgb),.09); background: #fff; } .cpa-contact-form input::placeholder, .cpa-contact-form textarea::placeholder { color: #9b9198; } .cpa-contact-form__wide > small { color: var(--cpa-muted); font: 500 9px/1.45 var(--cpa-font-ui); } .cpa-form-hp { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } .cpa-human-check { display: grid; grid-template-columns: minmax(0,1fr) 100px; gap: 16px; align-items: center; padding: 17px; border: 1px solid #e4d8df; border-radius: 14px; background: #fcf9fb; } .cpa-human-check > div { display: grid; } .cpa-human-check .cpa-section-label { margin-bottom: 4px; font-size: 8.5px; } .cpa-human-check strong { color: var(--cpa-ink); font: 800 20px/1.2 var(--cpa-font-ui); } .cpa-human-check small { margin-top: 4px; color: var(--cpa-muted); font: 500 9px/1.5 var(--cpa-font-ui); } .cpa-human-check label input { text-align: center; font-size: 15px; font-weight: 800; } .cpa-contact-consent { display: grid !important; grid-template-columns: 18px minmax(0,1fr); gap: 10px !important; align-items: start; } .cpa-contact-consent input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--cpa-brand); } .cpa-contact-consent span { color: var(--cpa-muted) !important; font: 500 9.5px/1.55 var(--cpa-font-ui) !important; } .cpa-contact-form__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 2px; } .cpa-contact-submit { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 48px; padding: 0 18px; border: 0; border-radius: 11px; background: var(--cpa-brand); color: #fff; font: 800 11px/1.2 var(--cpa-font-ui); cursor: pointer; box-shadow: 0 10px 24px rgba(var(--cpa-brand-rgb),.22); } .cpa-contact-submit:hover { background: var(--cpa-brand-dark); } .cpa-contact-submit:disabled { cursor: wait; opacity: .72; } .cpa-contact-form__footer p { max-width: 390px; margin: 0; color: var(--cpa-muted); font: 500 9px/1.55 var(--cpa-font-ui); text-align: right; } .cpa-contact-signed-in { display: flex; gap: 10px; align-items: center; margin-bottom: 17px; padding: 11px 13px; border-radius: 11px; background: var(--cpa-success-soft); color: var(--cpa-success); } .cpa-contact-signed-in > span { display: grid; place-items: center; flex: 0 0 auto; width: 23px; height: 23px; border-radius: 50%; background: #fff; font: 800 10px/1 var(--cpa-font-ui); } .cpa-contact-signed-in p { margin: 0; color: inherit; font: 700 9.5px/1.5 var(--cpa-font-ui); } .cpa-contact-alert { display: grid; gap: 4px; margin: 0 0 17px; padding: 13px 15px; border: 1px solid var(--cpa-line); border-radius: 12px; font: 600 10px/1.55 var(--cpa-font-ui); } .cpa-contact-alert--success { border-color: #cde8dc; background: var(--cpa-success-soft); color: #146746; } .cpa-contact-alert--error { border-color: #eccfd6; background: #fff5f7; color: #8d3448; } .cpa-contact-alert--warning { border-color: #ead9bf; background: #fffaf0; color: #6d4c1b; } .cpa-contact-alert strong { font-weight: 800; } .cpa-contact-alert a { font-weight: 800; color: inherit; } .cpa-contact-gate { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 14px; padding: 20px; border: 1px solid #e2d5dc; border-radius: 15px; background: #fbf8fa; } .cpa-contact-gate__icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); font: 800 16px/1 var(--cpa-font-ui); } .cpa-contact-gate strong { color: var(--cpa-ink); font: 800 12px/1.4 var(--cpa-font-ui); } .cpa-contact-gate p { margin: 5px 0 13px; color: var(--cpa-muted); font: 500 10px/1.6 var(--cpa-font-ui); } .cpa-contact-support-grid { margin-top: 70px; } .cpa-support-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; margin-top: 25px; } .cpa-support-cards article { min-width: 0; padding: 20px; border: 1px solid var(--cpa-line); border-radius: 16px; background: #fff; } .cpa-support-cards h3 { margin: 0 0 8px; color: var(--cpa-ink); font: 800 13px/1.35 var(--cpa-font-ui); } .cpa-support-cards p { margin: 0; color: var(--cpa-muted); font: 500 10px/1.68 var(--cpa-font-ui); } .cpa-contact-safety-note { display: grid; grid-template-columns: minmax(250px,.7fr) minmax(0,1.3fr); gap: 28px; align-items: center; margin-top: 28px; padding: 27px 30px; border-radius: 19px; background: #261920; color: #fff; } .cpa-contact-safety-note .cpa-section-label { color: #ecbad6; } .cpa-contact-safety-note .cpa-section-label::before { background: #ecbad6; } .cpa-contact-safety-note h2 { color: #fff !important; font-size: clamp(1.3rem,2.4vw,1.75rem) !important; } .cpa-contact-safety-note p { margin: 0; color: rgba(255,255,255,.72); font: 500 10.5px/1.72 var(--cpa-font-ui); } .cpa-contact-safety-note p strong { color: #fff; } @media (max-width: 980px) { .cpa-about-intro, .cpa-contact-intro, .cpa-contact-hub, .cpa-about-australia { grid-template-columns: 1fr; } .cpa-about-values, .cpa-support-cards { grid-template-columns: repeat(2,minmax(0,1fr)); } .cpa-about-journey { grid-template-columns: 1fr; gap: 28px; } .cpa-contact-sidebar { position: static; } .cpa-contact-methods { grid-template-columns: repeat(3,minmax(0,1fr)); } } @media (max-width: 700px) { .cpa-page-article--about-us .cpa-page-content, .cpa-page-article--contact-us .cpa-page-content { width: min(calc(100% - 20px), 1180px); padding-top: 28px; padding-bottom: 42px; } .cpa-about-intro__copy, .cpa-about-intro__card, .cpa-contact-intro > div:first-child, .cpa-contact-promise, .cpa-contact-sidebar, .cpa-contact-form-panel, .cpa-about-journey, .cpa-about-australia { border-radius: 17px; } .cpa-about-values, .cpa-support-cards, .cpa-contact-form__grid { grid-template-columns: 1fr; } .cpa-about-section, .cpa-about-journey, .cpa-about-australia, .cpa-contact-support-grid { margin-top: 46px; } .cpa-about-cta { align-items: stretch; flex-direction: column; } .cpa-about-cta__actions { width: 100%; } .cpa-about-cta__actions .cpa-page-button { flex: 1; } .cpa-contact-form__footer { align-items: stretch; flex-direction: column; } .cpa-contact-submit { width: 100%; } .cpa-contact-form__footer p { max-width: none; text-align: left; } .cpa-contact-safety-note { grid-template-columns: 1fr; gap: 14px; } } @media (max-width: 460px) { .cpa-about-chips { display: grid; grid-template-columns: 1fr 1fr; } .cpa-about-chips span { display: flex; align-items: center; border-radius: 10px; } .cpa-human-check { grid-template-columns: 1fr 86px; padding: 14px; } .cpa-about-cta__actions { flex-direction: column; } .cpa-contact-gate { grid-template-columns: 1fr; } } .cpa-page-article--policy { background: #fbfafb; } .cpa-page-article--policy .cpa-page-hero--policy { position: relative; overflow: hidden; padding: clamp(44px,6vw,72px) 0 clamp(38px,5vw,58px); background: radial-gradient(circle at 88% 8%, rgba(var(--cpa-brand-rgb),.13), transparent 25%), radial-gradient(circle at 8% 100%, rgba(var(--cpa-brand-rgb),.055), transparent 28%), linear-gradient(180deg,#fff 0%,#fcf8fa 100%); } .cpa-page-hero__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(270px,360px); align-items: end; gap: clamp(32px,5vw,72px); } .cpa-page-hero__copy { min-width: 0; } .cpa-page-kicker-row { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 12px; margin-bottom: 14px; font-family: var(--cpa-font-ui); } .cpa-page-type-badge { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 10px; border: 1px solid rgba(var(--cpa-brand-rgb),.22); border-radius: 999px; background: rgba(255,255,255,.84); color: var(--cpa-brand-deep); font-size: 11px; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; box-shadow: 0 4px 18px rgba(37,24,33,.035); } .cpa-page-article--policy .cpa-page-eyebrow { margin: 0; color: var(--cpa-muted); font: 760 12px/1.4 var(--cpa-font-ui); letter-spacing: .02em; } .cpa-page-article--policy .cpa-page-hero h1 { max-width: 850px; margin: 0; font-size: clamp(2.2rem,4.6vw,3.7rem); line-height: 1.02; letter-spacing: -.035em; text-wrap: balance; } .cpa-page-summary { max-width: 760px; margin: 20px 0 0; color: #514851; font-size: clamp(15.5px,1.5vw,18px); line-height: 1.75; text-wrap: pretty; } .cpa-page-article--policy .cpa-page-meta { display: grid; gap: 8px; margin-top: 22px; color: #766d75; font: 650 11px/1.55 var(--cpa-font-ui); } .cpa-page-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; min-width: 0; } .cpa-page-breadcrumbs > span:last-child { overflow-wrap: anywhere; } .cpa-page-article--policy .cpa-page-meta a { color: var(--cpa-brand-deep); font-weight: 800; text-decoration: none; } .cpa-page-article--policy .cpa-page-meta a:hover { text-decoration: underline; text-underline-offset: 3px; } .cpa-page-article--policy .cpa-page-dates { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; border: 0; color: #81777f; } .cpa-page-article--policy .cpa-page-dates time { color: var(--cpa-ink-2); font-weight: 800; } .cpa-page-hero__panel { position: relative; padding: 24px; border: 1px solid rgba(var(--cpa-brand-rgb),.17); border-radius: 20px; background: rgba(255,255,255,.78); box-shadow: 0 20px 56px rgba(43,27,38,.075); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .cpa-page-hero__panel::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; border-radius: 20px 0 0 20px; background: linear-gradient(180deg,var(--cpa-brand),var(--cpa-brand-deep)); } .cpa-page-hero__panel-label { display: block; margin-bottom: 9px; color: var(--cpa-brand-dark); font: 850 10px/1.2 var(--cpa-font-ui); letter-spacing: .09em; text-transform: uppercase; } .cpa-page-hero__panel > strong { display: block; color: var(--cpa-ink); font: 850 17px/1.35 var(--cpa-font-ui); } .cpa-page-hero__panel > p { margin: 9px 0 0; color: var(--cpa-muted); font: 500 12.5px/1.7 var(--cpa-font-ui); } .cpa-page-hero__stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--cpa-line); } .cpa-page-hero__stats span { display: grid; gap: 2px; color: var(--cpa-muted); font: 600 10px/1.4 var(--cpa-font-ui); } .cpa-page-hero__stats b { color: var(--cpa-ink-2); font-size: 11px; font-weight: 850; } .cpa-policy-stage { padding: clamp(34px,5vw,56px) 0 clamp(56px,8vw,88px); background: linear-gradient(180deg,#fbfafb 0,#fff 260px); } .cpa-policy-layout { display: grid; grid-template-columns: minmax(210px,260px) minmax(0,860px); justify-content: center; align-items: start; gap: clamp(24px,4vw,54px); } .cpa-policy-sidebar { position: sticky; top: 116px; display: grid; gap: 14px; min-width: 0; } .admin-bar .cpa-policy-sidebar { top: 148px; } .cpa-policy-toc, .cpa-policy-help-card { border: 1px solid var(--cpa-line); border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(37,24,33,.045); } .cpa-policy-toc { overflow: hidden; } .cpa-policy-toc summary { position: relative; padding: 15px 42px 14px 16px; cursor: pointer; list-style: none; color: var(--cpa-ink); font: 850 12px/1.4 var(--cpa-font-ui); letter-spacing: .01em; } .cpa-policy-toc summary::-webkit-details-marker { display: none; } .cpa-policy-toc summary::after { content: "−"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: var(--cpa-brand-dark); font: 850 17px/1 var(--cpa-font-ui); } .cpa-policy-toc:not([open]) summary::after { content: "+"; } .cpa-policy-toc nav { border-top: 1px solid #f0eaed; } .cpa-policy-toc ol { max-height: min(52vh,520px); margin: 0; padding: 8px 8px 11px; overflow: auto; overscroll-behavior: contain; list-style: none; scrollbar-width: thin; } .cpa-policy-toc li { margin: 0; } .cpa-policy-toc a { display: block; padding: 8px 9px; border-radius: 8px; color: #655c64; font: 650 10.5px/1.45 var(--cpa-font-ui); text-decoration: none; transition: background .15s ease,color .15s ease,transform .15s ease; } .cpa-policy-toc a:hover { transform: translateX(2px); background: var(--cpa-brand-softer); color: var(--cpa-brand-deep); } .cpa-policy-toc a:focus-visible, .cpa-policy-help-card a:focus-visible, .cpa-policy-content a:focus-visible { outline: 3px solid rgba(var(--cpa-brand-rgb),.22); outline-offset: 2px; } .cpa-policy-help-card { padding: 17px; } .cpa-policy-help-card > span { display: block; margin-bottom: 6px; color: var(--cpa-brand-dark); font: 850 9.5px/1.2 var(--cpa-font-ui); letter-spacing: .08em; text-transform: uppercase; } .cpa-policy-help-card > strong { display: block; color: var(--cpa-ink); font: 850 12px/1.45 var(--cpa-font-ui); } .cpa-policy-help-card > p { margin: 7px 0 13px; color: var(--cpa-muted); font: 500 10.5px/1.6 var(--cpa-font-ui); } .cpa-policy-help-card__links { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; } .cpa-policy-help-card__links a { display: grid; place-items: center; min-height: 37px; padding: 7px 8px; border: 1px solid var(--cpa-line-strong); border-radius: 9px; color: var(--cpa-brand-deep); font: 800 9.5px/1.3 var(--cpa-font-ui); text-align: center; text-decoration: none; } .cpa-policy-help-card__links a:last-child { border-color: var(--cpa-brand); background: var(--cpa-brand); color: #fff; } .cpa-policy-help-card__links a:hover { border-color: var(--cpa-brand); background: var(--cpa-brand-soft); } .cpa-policy-help-card__links a:last-child:hover { background: var(--cpa-brand-dark); color: #fff; } .cpa-page-content.cpa-policy-content { width: 100%; max-width: none; min-width: 0; margin: 0; padding: clamp(28px,4.5vw,48px); border: 1px solid var(--cpa-line); border-radius: 22px; background: #fff; box-shadow: 0 18px 55px rgba(37,24,33,.06); color: var(--cpa-ink-2); font-size: 16px; line-height: 1.78; overflow-wrap: anywhere; } .cpa-policy-content > :first-child { margin-top: 0; } .cpa-policy-content > :last-child { margin-bottom: 0; } .cpa-policy-content p, .cpa-policy-content li { color: #4d454d; } .cpa-policy-content p { margin: 0 0 18px; max-width: 76ch; } .cpa-policy-content .cpa-lead { max-width: 72ch; margin-bottom: 30px; color: #3f3740; font-size: clamp(17px,1.55vw,19px); line-height: 1.8; } .cpa-policy-content > h2 { position: relative; max-width: 30ch; margin: 44px 0 16px; padding-top: 32px; border-top: 1px solid #eee7eb; color: var(--cpa-ink); font-size: clamp(1.45rem,2.5vw,1.9rem); line-height: 1.2; letter-spacing: -.02em; text-wrap: balance; scroll-margin-top: 126px; } .cpa-policy-content > h2::before { content: ""; position: absolute; left: 0; top: -1px; width: 48px; height: 2px; border-radius: 99px; background: var(--cpa-brand); } .cpa-policy-content > h2:target { margin-inline: -12px; padding-inline: 12px; border-radius: 10px; background: linear-gradient(90deg,var(--cpa-brand-soft),transparent 82%); } .cpa-policy-content h3 { margin: 28px 0 9px; color: var(--cpa-ink); font-size: 1.15rem; line-height: 1.35; } .cpa-policy-content > ul:not(.cpa-checklist), .cpa-policy-content > ol:not(.cpa-steps) { max-width: 76ch; margin: 0 0 24px; padding-left: 1.35em; } .cpa-policy-content > ul:not(.cpa-checklist) li, .cpa-policy-content > ol:not(.cpa-steps) li { margin: 8px 0; padding-left: 3px; } .cpa-policy-content strong { color: #2f2830; } .cpa-policy-content a { color: var(--cpa-brand-deep); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 3px; } .cpa-policy-content a:hover { color: var(--cpa-brand-dark); text-decoration-thickness: 2px; } .cpa-policy-content blockquote { max-width: 76ch; margin: 26px 0; padding: 18px 20px; border-left: 4px solid var(--cpa-brand); border-radius: 0 12px 12px 0; background: #fcf8fa; } .cpa-policy-content hr { margin: 36px 0; border: 0; border-top: 1px solid var(--cpa-line); } .cpa-policy-content table { width: 100%; margin: 24px 0 30px; border-collapse: separate; border-spacing: 0; border: 1px solid var(--cpa-line); border-radius: 12px; overflow: hidden; font: 500 12px/1.55 var(--cpa-font-ui); } .cpa-policy-content th, .cpa-policy-content td { padding: 11px 12px; border-bottom: 1px solid var(--cpa-line); text-align: left; vertical-align: top; } .cpa-policy-content th { background: #faf7f9; color: var(--cpa-ink); font-weight: 800; } .cpa-policy-content tr:last-child td { border-bottom: 0; } .cpa-policy-content .cpa-info-grid { gap: 12px; margin: 28px 0 34px; } .cpa-policy-content .cpa-info-grid > section { padding: 21px; border-radius: 14px; box-shadow: 0 8px 24px rgba(37,24,33,.035); } .cpa-policy-content .cpa-info-grid h2, .cpa-policy-content .cpa-info-grid h3 { margin: 0 0 8px; padding: 0; border: 0; font-size: 16px; line-height: 1.35; } .cpa-policy-content .cpa-info-grid p { margin: 0; font-size: 12.5px; line-height: 1.7; } .cpa-policy-content .cpa-policy-note { margin: 30px 0; padding: 20px; border-color: #ead6e2; border-left-width: 4px; box-shadow: none; } .cpa-policy-content .cpa-policy-note > p { max-width: none; font-size: 13px; line-height: 1.75; } .cpa-policy-content .cpa-checklist, .cpa-policy-content .cpa-steps { max-width: none; } .cpa-policy-content .cpa-checklist li { padding: 14px 15px 14px 46px; } .cpa-policy-content .cpa-checklist li::before { top: 14px; } .cpa-policy-content .cpa-steps li { padding: 16px; } .cpa-policy-content .cpa-link-grid { margin-bottom: 12px; } .cpa-policy-content .cpa-link-grid > a { min-height: 122px; } .cpa-policy-content .cpa-faq { margin-top: 24px; } .cpa-policy-content .cpa-faq details { box-shadow: 0 5px 18px rgba(37,24,33,.025); } .cpa-policy-content .cpa-faq summary { padding: 17px 46px 17px 17px; font-size: 12.5px; } .cpa-policy-content .woocommerce-order-tracking, .cpa-policy-content .track_order { max-width: none; } @media (max-width: 1040px) { .cpa-page-hero__grid { grid-template-columns: minmax(0,1fr) 300px; gap: 34px; } .cpa-policy-layout { grid-template-columns: 220px minmax(0,1fr); gap: 28px; } } @media (max-width: 860px) { .cpa-page-hero__grid { grid-template-columns: 1fr; align-items: start; gap: 24px; } .cpa-page-hero__panel { max-width: 640px; } .cpa-policy-layout { grid-template-columns: 1fr; gap: 18px; } .cpa-policy-sidebar { position: static; order: 0; } .cpa-policy-sidebar--support-only { display: none; } .cpa-policy-help-card { display: none; } .cpa-policy-toc summary { min-height: 50px; display: flex; align-items: center; } .cpa-policy-toc ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; max-height: 300px; padding: 10px; } .cpa-policy-toc a { padding: 9px 10px; background: #fcfafb; } .cpa-page-content.cpa-policy-content { order: 1; } } @media (max-width: 620px) { .cpa-page-article--policy .cpa-page-hero--policy { padding: 34px 0 30px; } .cpa-page-kicker-row { gap: 7px 9px; margin-bottom: 11px; } .cpa-page-type-badge { min-height: 26px; font-size: 9.5px; } .cpa-page-article--policy .cpa-page-eyebrow { font-size: 10.5px; } .cpa-page-article--policy .cpa-page-hero h1 { font-size: clamp(2rem,10vw,2.75rem); line-height: 1.06; } .cpa-page-summary { margin-top: 15px; font-size: 15px; line-height: 1.7; } .cpa-page-article--policy .cpa-page-meta { margin-top: 17px; font-size: 10px; } .cpa-page-article--policy .cpa-page-dates { gap: 4px 5px; line-height: 1.6; } .cpa-page-hero__panel { padding: 19px 19px 18px; border-radius: 16px; } .cpa-page-hero__panel > strong { font-size: 15px; } .cpa-page-hero__panel > p { font-size: 11.5px; } .cpa-policy-stage { padding: 22px 0 52px; } .cpa-policy-layout { width: min(calc(100% - 24px), var(--cpa-container)); } .cpa-policy-toc ol { grid-template-columns: 1fr; max-height: 280px; } .cpa-page-content.cpa-policy-content { padding: 24px 18px 28px; border-radius: 16px; font-size: 15px; line-height: 1.76; } .cpa-policy-content .cpa-lead { margin-bottom: 26px; font-size: 16px; line-height: 1.76; } .cpa-policy-content > h2 { max-width: none; margin-top: 36px; padding-top: 27px; font-size: 1.4rem; scroll-margin-top: 104px; } .cpa-policy-content .cpa-info-grid > section { padding: 17px; } .cpa-policy-content .cpa-policy-note { padding: 17px; } .cpa-policy-content .cpa-checklist li { padding-right: 12px; } .cpa-policy-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (prefers-reduced-motion: reduce) { .cpa-policy-toc a { transition: none; } .cpa-policy-toc a:hover { transform: none; } } @media print { .cpa-page-article--policy .cpa-page-hero--policy { padding: 20px 0; background: #fff; } .cpa-page-hero__panel, .cpa-policy-sidebar { display: none !important; } .cpa-policy-stage { padding: 0; background: #fff; } .cpa-policy-layout { display: block; width: 100%; } .cpa-page-content.cpa-policy-content { padding: 0; border: 0; box-shadow: none; font-size: 11pt; } .cpa-policy-content > h2 { break-after: avoid; scroll-margin-top: 0; } .cpa-policy-content .cpa-info-grid, .cpa-policy-content .cpa-policy-note, .cpa-policy-content .cpa-checklist li, .cpa-policy-content .cpa-steps li { break-inside: avoid; } } .cpa-blog-main, .cpa-single-main { --cpa-blog-max: 1320px; background: #fff; } .cpa-blog-shell { width: min(calc(100% - 44px), var(--cpa-blog-max)); margin-inline: auto; } .cpa-blog-masthead { position: relative; isolation: isolate; overflow: hidden; padding: clamp(48px,7vw,92px) 0 clamp(38px,5vw,68px); border-bottom: 1px solid #eee5ea; background: radial-gradient(circle at 82% 18%, rgba(var(--cpa-brand-rgb),.15), transparent 26%), linear-gradient(145deg,#fff 0%,#fcf7fa 56%,#f8f1f5 100%); } .cpa-blog-masthead::before, .cpa-blog-masthead::after { content: ""; position: absolute; z-index: -1; border: 1px solid rgba(var(--cpa-brand-rgb),.12); border-radius: 50%; pointer-events: none; } .cpa-blog-masthead::before { width: 330px; height: 330px; right: -120px; top: -140px; } .cpa-blog-masthead::after { width: 150px; height: 150px; right: 13%; bottom: -92px; } .cpa-blog-masthead__inner { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); align-items: end; gap: clamp(36px,7vw,100px); } .cpa-blog-kicker, .cpa-section-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--cpa-brand-dark); font: 800 11px/1.2 var(--cpa-font-ui); letter-spacing: .16em; text-transform: uppercase; } .cpa-blog-kicker::before, .cpa-section-eyebrow::before { content: ""; width: 22px; height: 1px; background: currentColor; } .cpa-blog-masthead h1 { max-width: 760px; margin: 15px 0 0; color: #211820; font-family: var(--cpa-font-heading); font-size: clamp(3.1rem,7.6vw,7rem); font-weight: 700; line-height: .92; letter-spacing: -.065em; text-transform: none; } .cpa-blog-masthead__inner > p { max-width: 510px; margin: 0 0 6px; color: #625861; font: 500 clamp(15px,1.45vw,18px)/1.8 var(--cpa-font-body); } .cpa-featured-journal { padding: clamp(44px,6vw,76px) 0 0; } .cpa-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 24px; } .cpa-section-head h2 { margin: 8px 0 0; color: var(--cpa-ink); font-family: var(--cpa-font-heading); font-size: clamp(2rem,3.5vw,3.2rem); line-height: 1; letter-spacing: -.045em; text-transform: none; } .cpa-section-head__note, .cpa-section-head > a { color: #786d75; font: 700 11px/1.4 var(--cpa-font-ui); letter-spacing: .055em; text-decoration: none; text-transform: uppercase; } .cpa-section-head > a:hover { color: var(--cpa-brand-dark); } .cpa-featured-slider { position: relative; outline: none; } .cpa-featured-slider:focus-visible { border-radius: 28px; box-shadow: 0 0 0 3px rgba(var(--cpa-brand-rgb),.22); } .cpa-featured-slider__viewport { display: grid; min-height: clamp(470px,53vw,650px); border-radius: clamp(22px,3vw,34px); overflow: hidden; background: #261c23; box-shadow: 0 28px 80px rgba(34,23,30,.18); } .cpa-featured-slide { position: relative; isolation: isolate; grid-area: 1 / 1; min-height: inherit; opacity: 0; visibility: hidden; pointer-events: none; transform: scale(1.012); transition: opacity .55s ease, visibility .55s ease, transform .9s cubic-bezier(.2,.75,.25,1); } .cpa-featured-slide.is-active { opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1); } .cpa-featured-slide__media, .cpa-featured-slide__media img, .cpa-featured-slide__placeholder { position: absolute; inset: 0; display: block; width: 100%; height: 100%; } .cpa-featured-slide__media img { object-fit: cover; } .cpa-featured-slide__placeholder { display: grid; place-items: center; background: radial-gradient(circle at 76% 20%,rgba(255,255,255,.16),transparent 22%), linear-gradient(135deg,#7c365f,#087F73 55%,#e2a8c9); } .cpa-featured-slide__placeholder span { color: rgba(255,255,255,.2); font: 800 clamp(88px,18vw,220px)/1 var(--cpa-font-heading); letter-spacing: -.08em; } .cpa-featured-slide__shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg,rgba(18,12,16,.9) 0%,rgba(24,15,21,.68) 46%,rgba(24,15,21,.1) 78%), linear-gradient(0deg,rgba(17,11,15,.52),transparent 47%); } .cpa-featured-slide__content { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: end; align-items: flex-start; width: min(62%,760px); min-height: inherit; padding: clamp(34px,6vw,76px); color: #fff; } .cpa-featured-slide__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 16px; margin-bottom: 16px; color: rgba(255,255,255,.76); font: 750 10px/1.3 var(--cpa-font-ui); letter-spacing: .08em; text-transform: uppercase; } .cpa-featured-slide__meta a { padding: 7px 10px; border: 1px solid rgba(255,255,255,.34); border-radius: 999px; background: rgba(255,255,255,.1); color: #fff; text-decoration: none; backdrop-filter: blur(8px); } .cpa-featured-slide h3 { max-width: 880px; margin: 0; font-family: var(--cpa-font-heading); font-size: clamp(2.1rem,5.15vw,4.9rem); font-weight: 700; line-height: .98; letter-spacing: -.055em; text-transform: none; text-wrap: balance; } .cpa-featured-slide h3 a { color: #fff; text-decoration: none; } .cpa-featured-slide__content > p { max-width: 610px; margin: 18px 0 24px; color: rgba(255,255,255,.8); font: 400 clamp(14px,1.3vw,17px)/1.72 var(--cpa-font-body); } .cpa-featured-slide__cta { display: inline-flex; align-items: center; gap: 18px; min-height: 45px; padding: 0 5px 0 0; border-bottom: 1px solid rgba(255,255,255,.42); color: #fff; font: 800 11px/1 var(--cpa-font-ui); letter-spacing: .11em; text-decoration: none; text-transform: uppercase; } .cpa-featured-slide__cta span { font-size: 16px; transition: transform .18s ease; } .cpa-featured-slide__cta:hover span { transform: translate(3px,-3px); } .cpa-featured-slide__number { position: absolute; right: clamp(30px,4vw,56px); bottom: clamp(28px,4vw,48px); z-index: 2; color: rgba(255,255,255,.4); font: 700 clamp(2.2rem,5vw,4.5rem)/1 var(--cpa-font-heading); letter-spacing: -.05em; } .cpa-featured-slider__controls { display: none; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 4px 0; } .cpa-featured-slider.is-enhanced .cpa-featured-slider__controls { display: flex; } .cpa-featured-slider__dots { display: flex; align-items: center; gap: 7px; } .cpa-featured-dot { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; background: transparent; cursor: pointer; } .cpa-featured-dot span { display: block; width: 7px; height: 7px; border-radius: 99px; background: #d9ced4; transition: width .22s ease, background .22s ease; } .cpa-featured-dot.is-active span { width: 27px; background: var(--cpa-brand); } .cpa-featured-slider__arrows { display: flex; gap: 8px; } .cpa-featured-slider__arrows button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--cpa-line-strong); border-radius: 50%; background: #fff; color: #2d242b; font: 700 17px/1 var(--cpa-font-ui); cursor: pointer; transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease; } .cpa-featured-slider__arrows button:hover { border-color: var(--cpa-brand); background: var(--cpa-brand); color: #fff; transform: translateY(-1px); } .cpa-featured-slider__arrows button:focus-visible, .cpa-featured-dot:focus-visible { outline: 3px solid rgba(var(--cpa-brand-rgb),.2); outline-offset: 2px; } .cpa-featured-slider__toggle { font-size: 12px !important; } .cpa-journal-feed { padding: clamp(68px,8vw,108px) 0 clamp(64px,8vw,112px); } .cpa-journal-feed__top { display: grid; grid-template-columns: minmax(250px,.75fr) minmax(0,1.25fr); align-items: end; gap: 32px; margin-bottom: 34px; padding-bottom: 26px; border-bottom: 1px solid var(--cpa-line); } .cpa-journal-feed__top .cpa-section-head { margin: 0; } .cpa-blog-categories { display: flex; justify-content: flex-end; gap: 8px; overflow-x: auto; padding: 3px 0; scrollbar-width: none; } .cpa-blog-categories::-webkit-scrollbar { display: none; } .cpa-blog-categories a { flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--cpa-line); border-radius: 999px; background: #fff; color: #665b63; font: 750 10.5px/1.2 var(--cpa-font-ui); text-decoration: none; white-space: nowrap; } .cpa-blog-categories a:hover, .cpa-blog-categories a.is-active { border-color: #b8d8d3; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); } .cpa-story-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: clamp(24px,3vw,36px); } .cpa-story-card { grid-column: span 4; min-width: 0; border-bottom: 1px solid #eae1e6; background: #fff; } .cpa-story-grid > .cpa-story-card:nth-child(1), .cpa-story-grid > .cpa-story-card:nth-child(7) { grid-column: span 8; } .cpa-story-card__media { position: relative; display: block; aspect-ratio: 1.45 / 1; border-radius: 18px; overflow: hidden; background: #eaf8f5; } .cpa-story-grid > .cpa-story-card:nth-child(1) .cpa-story-card__media, .cpa-story-grid > .cpa-story-card:nth-child(7) .cpa-story-card__media { aspect-ratio: 1.9 / 1; } .cpa-story-card__media img, .cpa-story-card__placeholder { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.2,.7,.2,1); } .cpa-story-card__placeholder { display: grid; place-items: center; background: linear-gradient(135deg,#dff3ef,#087f73 58%,#082a38); } .cpa-story-card__placeholder span { color: rgba(255,255,255,.4); font: 800 clamp(52px,8vw,110px)/1 var(--cpa-font-heading); letter-spacing: -.08em; } .cpa-story-card__arrow { position: absolute; right: 14px; top: 14px; display: grid; place-items: center; width: 39px; height: 39px; border-radius: 50%; background: rgba(255,255,255,.94); color: #2f252c; font: 800 15px/1 var(--cpa-font-ui); box-shadow: 0 8px 24px rgba(30,20,27,.12); transition: transform .2s ease, background .2s ease, color .2s ease; } .cpa-story-card:hover .cpa-story-card__media img { transform: scale(1.035); } .cpa-story-card:hover .cpa-story-card__arrow { transform: rotate(8deg); background: var(--cpa-brand); color: #fff; } .cpa-story-card__body { padding: 20px 2px 25px; } .cpa-story-card__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; color: #8a7d85; font: 700 9.5px/1.4 var(--cpa-font-ui); letter-spacing: .075em; text-transform: uppercase; } .cpa-story-card__meta a { color: var(--cpa-brand-dark); text-decoration: none; } .cpa-story-card__title { margin: 0; font-family: var(--cpa-font-heading); font-size: clamp(1.4rem,2vw,2rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; text-transform: none; } .cpa-story-grid > .cpa-story-card:nth-child(1) .cpa-story-card__title, .cpa-story-grid > .cpa-story-card:nth-child(7) .cpa-story-card__title { max-width: 19ch; font-size: clamp(1.8rem,3vw,3rem); } .cpa-story-card__title a { text-decoration: none; } .cpa-story-card__title a:hover { color: var(--cpa-brand-dark); } .cpa-story-card__body > p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 12px 0 17px; color: #6d626a; font: 400 13px/1.72 var(--cpa-font-body); } .cpa-story-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #8a7e86; font: 700 9.5px/1.4 var(--cpa-font-ui); letter-spacing: .04em; text-transform: uppercase; } .cpa-story-card__foot a { color: #3d3139; font-weight: 800; text-decoration: none; } .cpa-story-card__foot a:hover { color: var(--cpa-brand-dark); } .cpa-blog-pagination { margin-top: 58px; } .cpa-blog-pagination .nav-links { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; } .cpa-blog-pagination .page-numbers { display: grid; place-items: center; min-width: 42px; height: 42px; padding: 0 12px; border: 1px solid var(--cpa-line); border-radius: 999px; background: #fff; color: #554a52; font: 750 11px/1 var(--cpa-font-ui); text-decoration: none; } .cpa-blog-pagination .page-numbers.current, .cpa-blog-pagination a.page-numbers:hover { border-color: var(--cpa-brand); background: var(--cpa-brand); color: #fff; } .cpa-blog-pagination .prev, .cpa-blog-pagination .next { padding-inline: 17px; } .cpa-blog-empty { padding: 68px 24px; border: 1px dashed #dbcbd4; border-radius: 22px; background: #F8FCFB; text-align: center; } .cpa-blog-empty > span { color: var(--cpa-brand); font-size: 28px; } .cpa-blog-empty h2 { margin: 10px 0 8px; font-size: 28px; letter-spacing: -.03em; text-transform: none; } .cpa-blog-empty p { max-width: 560px; margin: auto; color: var(--cpa-muted); font-size: 14px; } .cpa-blog-archive-hero { padding: clamp(50px,7vw,90px) 0 clamp(42px,6vw,72px); background: linear-gradient(160deg,#fff,#fbf5f9); border-bottom: 1px solid var(--cpa-line); } .cpa-blog-back { display: inline-flex; margin-bottom: 32px; color: #766b73; font: 700 10.5px/1.3 var(--cpa-font-ui); letter-spacing: .06em; text-decoration: none; text-transform: uppercase; } .cpa-blog-back:hover { color: var(--cpa-brand-dark); } .cpa-blog-archive-hero h1 { max-width: 900px; margin: 14px 0 0; font-size: clamp(2.8rem,6vw,5.6rem); line-height: .98; letter-spacing: -.055em; text-transform: none; } .cpa-blog-archive-description { max-width: 700px; margin-top: 20px; color: var(--cpa-muted); font-size: 15px; } .cpa-blog-archive-description p { margin: 0; } .cpa-journal-feed--archive { padding-top: clamp(46px,6vw,72px); } .cpa-reading-progress { position: fixed; left: 0; top: 0; z-index: 120; width: 100%; height: 3px; pointer-events: none; } .cpa-reading-progress span { display: block; width: 100%; height: 100%; background: var(--cpa-brand); transform: scaleX(0); transform-origin: 0 50%; will-change: transform; } .cpa-single-hero { position: relative; overflow: hidden; padding: clamp(38px,5.5vw,72px) 0 clamp(38px,5vw,62px); background: radial-gradient(circle at 88% 5%,rgba(var(--cpa-brand-rgb),.14),transparent 25%), linear-gradient(155deg,#fff,#fcf8fa 65%,#f6edf3); border-bottom: 1px solid #eee5ea; } .cpa-single-breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: clamp(34px,5vw,58px); color: #91858d; font: 700 9.5px/1.4 var(--cpa-font-ui); letter-spacing: .065em; text-transform: uppercase; } .cpa-single-breadcrumbs a { color: inherit; text-decoration: none; } .cpa-single-breadcrumbs a:hover { color: var(--cpa-brand-dark); } .cpa-single-hero__copy { max-width: 1040px; } .cpa-single-hero__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 15px; margin-bottom: 17px; color: #847880; font: 750 10px/1.4 var(--cpa-font-ui); letter-spacing: .075em; text-transform: uppercase; } .cpa-single-hero__meta a { padding: 7px 10px; border-radius: 999px; background: #f3e5ed; color: var(--cpa-brand-deep); text-decoration: none; } .cpa-single-hero h1 { max-width: 1000px; margin: 0; font-family: var(--cpa-font-heading); font-size: clamp(2.7rem,6.1vw,6.2rem); font-weight: 700; line-height: .96; letter-spacing: -.06em; text-transform: none; } .cpa-single-deck { max-width: 780px; margin: 24px 0 0; color: #5d525a; font: 400 clamp(16px,1.55vw,20px)/1.72 var(--cpa-font-body); } .cpa-single-byline { display: flex; align-items: center; gap: 11px; margin-top: 28px; font-family: var(--cpa-font-ui); } .cpa-single-byline__avatar { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #2b2027; color: #fff; font-size: 14px; font-weight: 800; } .cpa-single-byline > span:last-child { display: grid; gap: 2px; } .cpa-single-byline small { color: #8e828a; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .cpa-single-byline strong { color: #372d34; font-size: 12px; } .cpa-single-featured-wrap { margin-top: clamp(30px,5vw,58px); } .cpa-single-featured { margin: 0; border-radius: clamp(18px,2.6vw,30px); overflow: hidden; background: #f4edf1; box-shadow: 0 24px 70px rgba(41,27,36,.11); } .cpa-single-featured img { display: block; width: 100%; aspect-ratio: 1.78 / 1; object-fit: cover; } .cpa-single-featured figcaption { padding: 11px 17px; border-top: 1px solid var(--cpa-line); color: #8b7f87; font: 500 10px/1.5 var(--cpa-font-ui); } .cpa-single-layout { display: grid; grid-template-columns: 62px minmax(0,780px) minmax(220px,270px); justify-content: center; align-items: start; gap: clamp(28px,4vw,54px); padding-top: clamp(48px,6.5vw,86px); padding-bottom: clamp(58px,7vw,92px); } .cpa-single-share { position: sticky; top: 138px; display: grid; justify-items: center; gap: 9px; } .cpa-single-share > span { margin-bottom: 4px; color: #9b8e96; font: 800 8.5px/1 var(--cpa-font-ui); letter-spacing: .14em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); } .cpa-single-share a, .cpa-single-share button { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--cpa-line); border-radius: 50%; background: #fff; color: #4e424a; font: 800 10px/1 var(--cpa-font-ui); text-decoration: none; cursor: pointer; } .cpa-single-share a:hover, .cpa-single-share button:hover { border-color: var(--cpa-brand); background: var(--cpa-brand); color: #fff; } .cpa-single-content-wrap { min-width: 0; } .cpa-single-content { color: #40363d; font-family: var(--cpa-font-body); font-size: clamp(16.5px,1.35vw,18px); line-height: 1.9; } .cpa-single-content > :first-child { margin-top: 0; } .cpa-single-content > :last-child { margin-bottom: 0; } .cpa-single-content p { margin: 0 0 1.45em; } .cpa-single-content h2, .cpa-single-content h3, .cpa-single-content h4 { color: #061f2a; font-family: var(--cpa-font-heading); font-weight: 700; text-transform: none; text-wrap: balance; scroll-margin-top: 120px; } .cpa-single-content h2 { margin: 2.25em 0 .7em; font-size: clamp(2rem,3vw,2.8rem); line-height: 1.08; letter-spacing: -.045em; } .cpa-single-content h3 { margin: 1.9em 0 .55em; font-size: clamp(1.45rem,2.3vw,2rem); line-height: 1.15; letter-spacing: -.035em; } .cpa-single-content h4 { margin: 1.6em 0 .5em; font-size: 1.2rem; line-height: 1.3; } .cpa-single-content a { color: var(--cpa-brand-deep); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 3px; } .cpa-single-content a:hover { color: var(--cpa-brand-dark); text-decoration-thickness: 2px; } .cpa-single-content ul, .cpa-single-content ol { margin: 0 0 1.7em; padding-left: 1.4em; } .cpa-single-content li { margin: .55em 0; padding-left: .2em; } .cpa-single-content blockquote, .cpa-single-content .wp-block-quote { position: relative; margin: 2.1em 0; padding: 25px 28px 25px 31px; border: 0; border-left: 4px solid var(--cpa-brand); border-radius: 0 16px 16px 0; background: #f5fbfa; color: #3d3038; font-size: 1.08em; } .cpa-single-content blockquote p:last-child { margin-bottom: 0; } .cpa-single-content img { border-radius: 14px; } .cpa-single-content figure { max-width: 100%; margin: 2.2em 0; } .cpa-single-content figcaption { margin-top: 8px; color: #8b7e86; font: 500 10px/1.6 var(--cpa-font-ui); text-align: center; } .cpa-single-content table { display: block; max-width: 100%; margin: 2em 0; overflow-x: auto; border-collapse: collapse; font: 500 13px/1.6 var(--cpa-font-ui); } .cpa-single-content th, .cpa-single-content td { min-width: 120px; padding: 12px 14px; border: 1px solid var(--cpa-line); text-align: left; } .cpa-single-content th { background: #faf6f8; color: #332830; font-weight: 800; } .cpa-single-content .alignwide { width: min(1040px,calc(100vw - 48px)); max-width: none; margin-left: 50%; transform: translateX(-50%); } .cpa-single-content .alignfull { width: 100vw; max-width: none; margin-left: 50%; transform: translateX(-50%); } .cpa-single-content hr { margin: 2.4em 0; border: 0; border-top: 1px solid var(--cpa-line); } .cpa-article-note { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 13px; margin-top: 42px; padding: 18px; border: 1px solid #e6d8e0; border-radius: 15px; background: #F8FCFB; } .cpa-article-note > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #f0deE9; color: var(--cpa-brand-deep); font: 900 13px/1 var(--cpa-font-ui); } .cpa-article-note strong { display: block; margin: 1px 0 4px; color: #352a31; font: 800 11px/1.3 var(--cpa-font-ui); letter-spacing: .04em; text-transform: uppercase; } .cpa-article-note p { margin: 0; color: #71656d; font: 500 11.5px/1.7 var(--cpa-font-ui); } .cpa-single-sidebar { position: sticky; top: 126px; display: grid; gap: 13px; } .cpa-article-toc-card, .cpa-article-facts { border: 1px solid var(--cpa-line); border-radius: 16px; background: #fff; box-shadow: 0 10px 32px rgba(44,29,38,.045); } .cpa-article-toc-card { padding: 18px; } .cpa-article-toc-card[hidden] { display: none; } .cpa-article-toc-card__eyebrow { display: block; margin-bottom: 12px; color: #8c7f87; font: 800 9px/1.3 var(--cpa-font-ui); letter-spacing: .11em; text-transform: uppercase; } .cpa-article-toc-card nav { display: grid; gap: 3px; } .cpa-article-toc-card a { position: relative; display: block; padding: 7px 8px 7px 13px; border-radius: 8px; color: #6e626a; font: 650 10.5px/1.45 var(--cpa-font-ui); text-decoration: none; } .cpa-article-toc-card a::before { content: ""; position: absolute; left: 3px; top: 12px; width: 3px; height: 3px; border-radius: 50%; background: #cbbdc5; } .cpa-article-toc-card a[data-level="3"] { padding-left: 22px; font-size: 10px; } .cpa-article-toc-card a:hover, .cpa-article-toc-card a.is-active { background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); } .cpa-article-toc-card a.is-active::before { background: var(--cpa-brand); } .cpa-article-facts { padding: 10px 16px; } .cpa-article-facts > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid #f0eaed; font-family: var(--cpa-font-ui); } .cpa-article-facts > div:last-child { border-bottom: 0; } .cpa-article-facts span { color: #93878e; font-size: 9px; font-weight: 700; text-transform: uppercase; } .cpa-article-facts strong { color: #4c4048; font-size: 10px; text-align: right; } .cpa-single-footer { padding-bottom: clamp(52px,7vw,90px); } .cpa-single-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; padding: 23px 0; border-top: 1px solid var(--cpa-line); border-bottom: 1px solid var(--cpa-line); font-family: var(--cpa-font-ui); } .cpa-single-tags > span { margin-right: 8px; color: #8c7f87; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .cpa-single-tags a { padding: 7px 10px; border: 1px solid var(--cpa-line); border-radius: 999px; color: #63575f; font-size: 10px; font-weight: 700; text-decoration: none; } .cpa-single-tags a:hover { border-color: #dfbfd1; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); } .cpa-post-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 30px; } .cpa-post-nav a { min-width: 0; padding: 22px; border: 1px solid var(--cpa-line); border-radius: 16px; background: #fff; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .cpa-post-nav a:hover { transform: translateY(-2px); border-color: #dfcbd6; box-shadow: 0 14px 36px rgba(43,28,37,.07); } .cpa-post-nav__next { text-align: right; } .cpa-post-nav span { display: block; margin-bottom: 8px; color: #958890; font: 800 8.5px/1.3 var(--cpa-font-ui); letter-spacing: .08em; text-transform: uppercase; } .cpa-post-nav strong { display: block; color: #31262e; font: 700 clamp(15px,1.5vw,19px)/1.25 var(--cpa-font-heading); } .cpa-related-stories { padding: clamp(54px,7vw,84px) 0 clamp(64px,8vw,100px); background: #faf7f9; border-top: 1px solid #eee6ea; } .cpa-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(20px,2.6vw,32px); } .cpa-related-grid .cpa-story-card { grid-column: auto; background: transparent; } .cpa-related-grid .cpa-story-card__media { aspect-ratio: 1.45 / 1; } .cpa-related-grid .cpa-story-card__title { font-size: clamp(1.35rem,1.8vw,1.75rem); } .cpa-comments-wrap { padding-top: 48px; padding-bottom: 72px; } .cpa-comments-wrap .comments-title, .cpa-comments-wrap .comment-reply-title { letter-spacing: -.03em; text-transform: none; } @media (max-width: 1080px) { .cpa-featured-slide__content { width: min(72%,720px); } .cpa-story-card { grid-column: span 6; } .cpa-story-grid > .cpa-story-card:nth-child(1), .cpa-story-grid > .cpa-story-card:nth-child(7) { grid-column: span 12; } .cpa-single-layout { grid-template-columns: 50px minmax(0,760px) 230px; gap: 26px; } } @media (max-width: 900px) { .cpa-blog-masthead__inner { grid-template-columns: 1fr; gap: 22px; } .cpa-blog-masthead__inner > p { max-width: 680px; } .cpa-featured-slide__content { width: 82%; } .cpa-journal-feed__top { grid-template-columns: 1fr; align-items: start; } .cpa-blog-categories { justify-content: flex-start; } .cpa-single-layout { grid-template-columns: 1fr; max-width: 820px; } .cpa-single-share { position: static; display: flex; align-items: center; justify-content: flex-start; gap: 8px; order: 2; padding-top: 2px; } .cpa-single-share > span { margin: 0 5px 0 0; writing-mode: horizontal-tb; transform: none; } .cpa-single-content-wrap { order: 1; } .cpa-single-sidebar { position: static; order: 0; grid-row: auto; } .cpa-article-toc-card { padding: 17px; } .cpa-article-toc-card nav { grid-template-columns: repeat(2,minmax(0,1fr)); } .cpa-article-facts { display: none; } } @media (max-width: 700px) { .cpa-blog-shell { width: min(calc(100% - 28px), var(--cpa-blog-max)); } .cpa-blog-masthead { padding-top: 40px; } .cpa-blog-masthead h1 { font-size: clamp(3rem,16vw,4.8rem); } .cpa-section-head { align-items: start; } .cpa-section-head__note { display: none; } .cpa-section-head h2 { font-size: clamp(2rem,9vw,2.8rem); } .cpa-featured-slider__viewport { min-height: 560px; border-radius: 21px; } .cpa-featured-slide__shade { background: linear-gradient(0deg,rgba(18,12,16,.94) 0%,rgba(25,16,22,.67) 60%,rgba(25,16,22,.12) 100%); } .cpa-featured-slide__content { width: 100%; padding: 28px 24px 32px; } .cpa-featured-slide h3 { font-size: clamp(2.15rem,10.8vw,3.4rem); } .cpa-featured-slide__content > p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 14px 0 20px; } .cpa-featured-slide__number { display: none; } .cpa-featured-slider__controls { padding-top: 12px; } .cpa-featured-slider__arrows button { width: 41px; height: 41px; } .cpa-story-grid { gap: 32px; } .cpa-story-card, .cpa-story-grid > .cpa-story-card:nth-child(1), .cpa-story-grid > .cpa-story-card:nth-child(7) { grid-column: span 12; } .cpa-story-grid > .cpa-story-card:nth-child(1) .cpa-story-card__media, .cpa-story-grid > .cpa-story-card:nth-child(7) .cpa-story-card__media, .cpa-story-card__media { aspect-ratio: 1.48 / 1; } .cpa-story-grid > .cpa-story-card:nth-child(1) .cpa-story-card__title, .cpa-story-grid > .cpa-story-card:nth-child(7) .cpa-story-card__title, .cpa-story-card__title { max-width: none; font-size: clamp(1.55rem,7vw,2.15rem); } .cpa-journal-feed { padding-top: 58px; } .cpa-single-breadcrumbs { margin-bottom: 30px; } .cpa-single-hero h1 { font-size: clamp(2.65rem,13.5vw,4.5rem); } .cpa-single-deck { font-size: 15.5px; } .cpa-single-featured-wrap { width: calc(100% - 20px); } .cpa-single-featured img { aspect-ratio: 1.35 / 1; } .cpa-single-layout { padding-top: 40px; gap: 24px; } .cpa-article-toc-card nav { grid-template-columns: 1fr; } .cpa-single-content { font-size: 16px; line-height: 1.82; } .cpa-single-content h2 { font-size: clamp(1.75rem,8vw,2.25rem); } .cpa-single-content .alignwide, .cpa-single-content .alignfull { width: calc(100vw - 20px); } .cpa-post-nav { grid-template-columns: 1fr; } .cpa-post-nav__next { text-align: left; } .cpa-related-grid { grid-template-columns: 1fr; gap: 30px; } } @media (max-width: 430px) { .cpa-featured-slide__meta { gap: 7px 11px; } .cpa-featured-slide__meta time { display: none; } .cpa-featured-slider__dots { gap: 2px; } .cpa-featured-dot { width: 27px; } .cpa-featured-dot.is-active span { width: 22px; } .cpa-story-card__foot { align-items: flex-start; } .cpa-blog-archive-hero h1 { font-size: clamp(2.5rem,13vw,3.8rem); } } @media (prefers-reduced-motion: reduce) { .cpa-featured-slide, .cpa-featured-dot span, .cpa-story-card__media img, .cpa-story-card__arrow, .cpa-post-nav a { transition: none !important; } .cpa-story-card:hover .cpa-story-card__media img { transform: none; } } @media print { .cpa-reading-progress, .cpa-single-share, .cpa-single-sidebar, .cpa-related-stories, .cpa-post-nav, .cpa-site-header, .cpa-ticker, .cpa-site-footer { display: none !important; } .cpa-single-hero { padding: 20px 0; background: #fff; } .cpa-single-featured-wrap { margin-top: 20px; } .cpa-single-layout { display: block; width: 100%; padding: 28px 0; } .cpa-single-content { font-size: 11pt; line-height: 1.65; } } .cpa-commerce-main { position: relative; background: radial-gradient(circle at 9% 5%, rgba(var(--cpa-brand-rgb), .055), transparent 25rem), linear-gradient(180deg, #fff 0, #fcfafb 42rem, #fff 100%); } .cpa-commerce-main--catalog { padding: 30px 0 78px; } .cpa-commerce-main--product { padding: 0 0 78px; } .cpa-commerce-main--search { padding-top: 34px; } .cpa-commerce-breadcrumb { padding-top: 18px; padding-bottom: 10px; } .cpa-shop-hero .cpa-commerce-breadcrumb { width: 100%; padding: 0 0 24px; } .woocommerce .woocommerce-breadcrumb, .cpa-commerce-breadcrumb .woocommerce-breadcrumb { margin: 0; color: #8c8088; font: 700 10.5px/1.45 var(--cpa-font-ui); letter-spacing: .045em; text-transform: uppercase; } .woocommerce .woocommerce-breadcrumb a, .cpa-commerce-breadcrumb .woocommerce-breadcrumb a { color: var(--cpa-ink-2); text-decoration: none; transition: color .15s ease; } .woocommerce .woocommerce-breadcrumb a:hover, .cpa-commerce-breadcrumb .woocommerce-breadcrumb a:hover { color: var(--cpa-brand-dark); } .cpa-breadcrumb-separator { display: inline-block; margin: 0 9px; color: #c5b8c0; } .cpa-shop-hero { position: relative; overflow: hidden; border-bottom: 1px solid #efe5ea; background: radial-gradient(circle at 13% 30%, rgba(255,255,255,.11), transparent 19rem), radial-gradient(circle at 88% 18%, rgba(255,255,255,.10), transparent 21rem), linear-gradient(124deg, #061f2a 0%, #082a38 51%, #087f73 100%); color: #fff; } .cpa-shop-hero::before, .cpa-shop-hero::after { content: ""; position: absolute; pointer-events: none; border-radius: 999px; border: 1px solid rgba(255,255,255,.075); } .cpa-shop-hero::before { width: 440px; height: 440px; right: -130px; top: -250px; } .cpa-shop-hero::after { width: 280px; height: 280px; right: 130px; bottom: -220px; } .cpa-shop-hero__shell { position: relative; z-index: 1; padding-top: 24px; padding-bottom: 48px; } .cpa-shop-hero .woocommerce-breadcrumb, .cpa-shop-hero .woocommerce-breadcrumb a { color: rgba(255,255,255,.66); } .cpa-shop-hero .woocommerce-breadcrumb a:hover { color: #fff; } .cpa-shop-hero .cpa-breadcrumb-separator { color: rgba(255,255,255,.32); } .cpa-shop-hero__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .7fr); align-items: center; gap: clamp(38px, 6vw, 92px); } .cpa-shop-kicker, .cpa-shop-hero__utility-label, .cpa-category-discovery__head > div > span { display: block; margin-bottom: 10px; font: 850 10px/1.25 var(--cpa-font-ui); letter-spacing: .15em; text-transform: uppercase; } .cpa-shop-kicker { color: #a3e4dd; } .cpa-shop-hero h1 { max-width: 780px; margin: 0; color: #fff; font-size: clamp(2.65rem, 5.1vw, 5.25rem); line-height: .94; letter-spacing: -.015em; text-transform: uppercase; } .cpa-shop-hero__copy > p { max-width: 690px; margin: 20px 0 0; color: rgba(255,255,255,.72); font: 500 clamp(14px, 1.3vw, 16px)/1.75 var(--cpa-font-body); } .cpa-shop-hero__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px; margin-top: 25px; font: 720 11px/1.35 var(--cpa-font-ui); color: rgba(255,255,255,.67); } .cpa-shop-hero__meta span { display: inline-flex; align-items: center; gap: 7px; } .cpa-shop-hero__meta b { color: #fff; font-size: 13px; } .cpa-shop-hero__meta i { width: 7px; height: 7px; border-radius: 50%; background: #7ee0b7; box-shadow: 0 0 0 4px rgba(126,224,183,.10); } .cpa-shop-hero__utility { padding: 20px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: rgba(255,255,255,.075); box-shadow: 0 24px 55px rgba(10,5,9,.16); backdrop-filter: blur(11px); } .cpa-shop-hero__utility-label { color: rgba(255,255,255,.68); } .cpa-shop-search { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; min-height: 56px; padding: 5px 5px 5px 16px; border: 1px solid rgba(255,255,255,.17); border-radius: 15px; background: #fff; box-shadow: 0 15px 35px rgba(12,6,10,.13); } .cpa-shop-search svg { width: 18px; height: 18px; color: #897c85; stroke-width: 1.8; } .cpa-shop-search input[type="search"] { min-width: 0; width: 100%; height: 44px; padding: 0 11px; border: 0; outline: 0; background: transparent; color: var(--cpa-ink); font: 600 12px/1.4 var(--cpa-font-ui); } .cpa-shop-search input[type="search"]::placeholder { color: #a1959e; } .cpa-shop-search button { min-height: 44px; padding: 0 17px; border: 0; border-radius: 11px; background: var(--cpa-brand); color: #fff; font: 820 11px/1 var(--cpa-font-ui); cursor: pointer; transition: transform .14s ease, background .14s ease, box-shadow .14s ease; } .cpa-shop-search button:hover { transform: translateY(-1px); background: var(--cpa-brand-dark); box-shadow: 0 8px 20px rgba(var(--cpa-brand-rgb),.22); } .cpa-shop-search:focus-within { box-shadow: 0 0 0 4px rgba(255,255,255,.09), 0 15px 35px rgba(12,6,10,.16); } .cpa-shop-promo { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 11px; margin-top: 12px; padding: 11px 12px; border: 1px solid rgba(255,255,255,.10); border-radius: 13px; background: rgba(21,13,18,.17); } .cpa-shop-promo > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #fff; color: var(--cpa-brand-deep); font: 900 12px/1 var(--cpa-font-ui); } .cpa-shop-promo strong, .cpa-shop-promo small { display: block; font-family: var(--cpa-font-ui); } .cpa-shop-promo strong { color: #fff; font-size: 11px; } .cpa-shop-promo small { margin-top: 2px; color: rgba(255,255,255,.62); font-size: 9.5px; line-height: 1.4; } .cpa-product-search-back { margin-bottom: 26px; } .cpa-product-search-back a { color: rgba(255,255,255,.66); font: 760 10px/1.3 var(--cpa-font-ui); text-decoration: none; text-transform: uppercase; letter-spacing: .065em; } .cpa-product-search-back a:hover { color: #fff; } .cpa-category-discovery { border-bottom: 1px solid var(--cpa-line); background: #fff; } .cpa-category-discovery > .cpa-shell { padding-top: 30px; padding-bottom: 34px; } .cpa-category-discovery__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin-bottom: 17px; } .cpa-category-discovery__head > div > span { margin: 0 0 5px; color: var(--cpa-brand-dark); } .cpa-category-discovery__head h2 { margin: 0; font-size: clamp(1.45rem, 2.7vw, 2.1rem); letter-spacing: -.01em; } .cpa-category-discovery__actions { display: flex; align-items: center; gap: 7px; } .cpa-category-discovery__actions > a { margin-right: 5px; color: var(--cpa-brand-dark); font: 800 10px/1.3 var(--cpa-font-ui); text-decoration: none; text-transform: uppercase; letter-spacing: .055em; } .cpa-category-discovery__actions > a:hover { text-decoration: underline; text-underline-offset: 4px; } .cpa-category-discovery__actions button { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--cpa-line-strong); border-radius: 11px; background: #fff; color: var(--cpa-ink); font: 800 14px/1 var(--cpa-font-ui); cursor: pointer; transition: background .14s ease, color .14s ease, border-color .14s ease; } .cpa-category-discovery__actions button:hover { border-color: #dbbfd0; background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); } .cpa-category-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(205px, 1fr); gap: 12px; overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #d9cad2 transparent; } .cpa-category-tile { position: relative; display: grid; grid-template-columns: 66px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 86px; padding: 9px 12px 9px 9px; border: 1px solid var(--cpa-line); border-radius: 16px; background: linear-gradient(145deg, #fff, #f8fcfb); box-shadow: 0 8px 24px rgba(38,22,31,.045); color: var(--cpa-ink); text-decoration: none; scroll-snap-align: start; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; } .cpa-category-tile:hover, .cpa-category-tile:focus-visible { transform: translateY(-2px); border-color: #dec0d2; box-shadow: 0 14px 32px rgba(51,28,42,.09); outline: 0; } .cpa-category-tile__visual { display: grid; place-items: center; width: 66px; height: 66px; overflow: hidden; border-radius: 13px; background: #f7f2f5; } .cpa-category-tile__image { width: 100%; height: 100%; object-fit: cover; } .cpa-category-tile__placeholder { display: grid; place-items: center; width: 100%; height: 100%; background: radial-gradient(circle at 68% 25%, #fff 0 12%, transparent 13%), linear-gradient(145deg,#eaf8f5,#d5eeea); color: var(--cpa-brand-deep); font: 900 25px/1 var(--cpa-font-heading); } .cpa-category-tile__body { min-width: 0; } .cpa-category-tile__body strong, .cpa-category-tile__body small { display: block; } .cpa-category-tile__body strong { overflow: hidden; color: var(--cpa-ink); font: 760 12px/1.28 var(--cpa-font-ui); text-overflow: ellipsis; white-space: nowrap; } .cpa-category-tile__body small { margin-top: 5px; color: var(--cpa-muted); font: 600 9.5px/1.25 var(--cpa-font-ui); } .cpa-category-tile__arrow { align-self: start; margin-top: 5px; color: #b9a9b3; font: 700 12px/1 var(--cpa-font-ui); } .cpa-commerce-main .woocommerce-products-header { width: 100%; margin: 0; } .cpa-commerce-main .woocommerce-products-header__title { display: none; } .cpa-catalog-description { width: min(calc(100% - 36px), var(--cpa-container)); margin: 4px auto 28px; } .cpa-catalog-description__panel { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr) minmax(205px, 245px); gap: 22px; align-items: start; overflow: hidden; padding: 25px; border: 1px solid #e7d9e1; border-radius: 22px; background: linear-gradient(135deg, #fff 0%, #fff 58%, #fdf8fb 100%); box-shadow: 0 14px 42px rgba(44, 25, 37, .07); } .cpa-catalog-description__panel::before { content: ""; position: absolute; top: -90px; right: -55px; width: 230px; height: 230px; border-radius: 50%; background: radial-gradient(circle, rgba(var(--cpa-brand-rgb), .12), rgba(var(--cpa-brand-rgb), 0) 70%); pointer-events: none; } .cpa-catalog-description__icon { position: relative; z-index: 1; display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid #ead9e3; border-radius: 17px; background: linear-gradient(145deg, #fff, #f8ebf3); box-shadow: 0 9px 24px rgba(var(--cpa-brand-rgb), .12); color: var(--cpa-brand-deep); } .cpa-catalog-description__icon svg { width: 25px; height: 25px; stroke-width: 1.75; } .cpa-catalog-description__copy { position: relative; z-index: 1; min-width: 0; } .cpa-catalog-description__eyebrow { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 6px; color: var(--cpa-brand-dark); font: 800 10px/1.2 var(--cpa-font-ui); letter-spacing: .12em; text-transform: uppercase; } .cpa-catalog-description__eyebrow::before { content: ""; width: 16px; height: 2px; border-radius: 9px; background: var(--cpa-brand); } .cpa-catalog-description h2 { margin: 0 0 11px; color: var(--cpa-ink); font: 700 clamp(1.25rem, 2vw, 1.65rem)/1.15 var(--cpa-font-heading); letter-spacing: .025em; text-transform: uppercase; } .cpa-catalog-description__content { max-width: 78ch; color: #5f5661; font: 400 13.5px/1.82 var(--cpa-font-body); } .cpa-catalog-description__content > :first-child { margin-top: 0; } .cpa-catalog-description__content > :last-child { margin-bottom: 0; } .cpa-catalog-description__content p { margin: 0 0 .85em; } .cpa-catalog-description__content :is(h2, h3, h4) { margin: 1.25em 0 .55em; color: var(--cpa-ink-2); font-family: var(--cpa-font-ui); font-size: 1em; font-weight: 800; line-height: 1.35; letter-spacing: .01em; text-transform: none; } .cpa-catalog-description__content :is(ul, ol) { margin: .7em 0 .9em; padding-left: 1.25rem; } .cpa-catalog-description__content li + li { margin-top: .35em; } .cpa-catalog-description__content a { color: var(--cpa-brand-dark); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 3px; } .cpa-catalog-description__content a:hover { color: var(--cpa-brand-deep); } .cpa-catalog-description__summary { position: relative; z-index: 1; display: grid; gap: 10px; padding: 16px; border: 1px solid rgba(var(--cpa-brand-rgb), .17); border-radius: 16px; background: rgba(255, 255, 255, .74); box-shadow: inset 0 1px 0 rgba(255,255,255,.8); font-family: var(--cpa-font-ui); } .cpa-catalog-description__summary strong { margin-bottom: 2px; color: var(--cpa-ink); font-size: 11.5px; letter-spacing: .02em; } .cpa-catalog-description__summary span { display: flex; align-items: center; gap: 9px; color: var(--cpa-muted); font-size: 10.5px; font-weight: 650; line-height: 1.35; } .cpa-catalog-description__summary i { display: grid; place-items: center; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; background: var(--cpa-success-soft); color: var(--cpa-success); font-style: normal; font-size: 10px; font-weight: 900; } @media (max-width: 900px) { .cpa-catalog-description__panel { grid-template-columns: 50px minmax(0, 1fr); gap: 18px; padding: 22px; } .cpa-catalog-description__icon { width: 50px; height: 50px; border-radius: 15px; } .cpa-catalog-description__summary { grid-column: 1 / -1; grid-template-columns: auto repeat(3, minmax(0, 1fr)); align-items: center; padding: 13px 15px; } .cpa-catalog-description__summary strong { margin: 0 6px 0 0; } } @media (max-width: 620px) { .cpa-catalog-description { width: min(calc(100% - 24px), var(--cpa-container)); margin-bottom: 22px; } .cpa-catalog-description__panel { grid-template-columns: 1fr; gap: 13px; padding: 18px; border-radius: 18px; } .cpa-catalog-description__icon { width: 44px; height: 44px; border-radius: 14px; } .cpa-catalog-description__icon svg { width: 22px; height: 22px; } .cpa-catalog-description h2 { margin-bottom: 9px; font-size: 1.22rem; } .cpa-catalog-description__content { font-size: 13px; line-height: 1.75; } .cpa-catalog-description__summary { grid-column: auto; grid-template-columns: 1fr; gap: 8px; } .cpa-catalog-description__summary strong { margin-bottom: 2px; } } .woocommerce-notices-wrapper:not(:empty) { margin-top: 0; margin-bottom: 18px; } .cpa-commerce-main .woocommerce-message, .cpa-commerce-main .woocommerce-info, .cpa-commerce-main .woocommerce-error { position: relative; min-height: 52px; padding: 15px 18px 15px 48px !important; border: 1px solid var(--cpa-line) !important; border-top: 1px solid var(--cpa-line) !important; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(36,22,31,.045); color: var(--cpa-ink-2); font: 650 11px/1.55 var(--cpa-font-ui); } .cpa-commerce-main .woocommerce-message::before, .cpa-commerce-main .woocommerce-info::before, .cpa-commerce-main .woocommerce-error::before { top: 16px; left: 18px; color: var(--cpa-brand-dark); } .cpa-commerce-main .woocommerce-message .button, .cpa-commerce-main .woocommerce-info .button, .cpa-commerce-main .woocommerce-error .button { margin-left: 12px; } .cpa-shop-toolbar { width: min(calc(100% - 36px), var(--cpa-container)); margin: 0 auto 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 62px; padding: 10px 11px 10px 17px; border: 1px solid var(--cpa-line); border-radius: 16px; background: rgba(255,255,255,.92); box-shadow: 0 10px 30px rgba(38,22,31,.045); } .cpa-shop-toolbar__label { display: inline-flex; align-items: center; gap: 8px; color: var(--cpa-ink-2); font: 820 10px/1.3 var(--cpa-font-ui); text-transform: uppercase; letter-spacing: .075em; } .cpa-shop-toolbar__label span { color: var(--cpa-brand); font-size: 9px; } .cpa-shop-toolbar__controls { display: flex; align-items: center; justify-content: flex-end; gap: 15px; min-width: 0; } .woocommerce .cpa-shop-toolbar .woocommerce-result-count { float: none; width: auto; margin: 0; color: var(--cpa-muted); font: 650 10.5px/1.4 var(--cpa-font-ui); } .woocommerce .cpa-shop-toolbar .woocommerce-ordering { float: none; width: auto; margin: 0; } .woocommerce .cpa-shop-toolbar .woocommerce-ordering select { min-width: 190px; min-height: 42px; padding: 0 36px 0 12px; border: 1px solid var(--cpa-line-strong); border-radius: 11px; background: #fff; color: var(--cpa-ink); font: 720 10.5px/1 var(--cpa-font-ui); cursor: pointer; outline: 0; } .woocommerce .cpa-shop-toolbar .woocommerce-ordering select:focus { border-color: var(--cpa-brand); box-shadow: 0 0 0 3px rgba(var(--cpa-brand-rgb),.10); } .woocommerce ul.products, .woocommerce-page ul.products { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; clear: both; padding: 0; } .woocommerce ul.products::before, .woocommerce ul.products::after { display: none; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { position: relative; float: none; display: flex; flex-direction: column; width: auto !important; min-width: 0; margin: 0 !important; overflow: hidden; border: 1px solid #ece3e8; border-radius: 20px; background: #fff; box-shadow: 0 8px 26px rgba(39,23,33,.055); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .woocommerce ul.products li.product:hover { transform: translateY(-4px); border-color: #ddc5d3; box-shadow: 0 22px 45px rgba(46,26,39,.105); } .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; color: inherit; text-decoration: none; } .woocommerce ul.products li.product a img { width: 100%; aspect-ratio: 1 / 1; margin: 0 0 16px; object-fit: cover; background: linear-gradient(145deg,#fbf8fa,#f1ebee); transition: transform .32s ease; } .woocommerce ul.products li.product:hover a img { transform: scale(1.018); } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { top: 12px; left: 12px; right: auto; min-width: 0; min-height: 0; margin: 0; padding: 7px 9px; border-radius: 999px; background: #2f222a; box-shadow: 0 7px 18px rgba(21,12,18,.16); color: #fff; font: 900 8.5px/1 var(--cpa-font-ui); letter-spacing: .075em; text-transform: uppercase; } .cpa-product-card__category { display: block; margin: 0 17px 7px; color: var(--cpa-brand-dark); font: 850 8.5px/1.25 var(--cpa-font-ui); letter-spacing: .095em; text-transform: uppercase; } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2 { margin: 0; padding: 0 17px; color: var(--cpa-ink); font-size: clamp(15px, 1.4vw, 18px); line-height: 1.18; letter-spacing: .006em; text-transform: none; } .woocommerce ul.products li.product .star-rating { width: 5.4em; margin: 10px 17px 0; color: #bd8751; font-size: 10px; } .woocommerce ul.products li.product .price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px; margin: 11px 17px 0; color: var(--cpa-brand-deep); font: 850 15px/1.25 var(--cpa-font-ui); } .woocommerce ul.products li.product .price del { color: #9c9299; font-size: 10px; font-weight: 650; opacity: 1; } .woocommerce ul.products li.product .price ins { color: var(--cpa-brand-deep); font-weight: 900; text-decoration: none; } .cpa-product-card__stock { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin: 9px 17px 0; color: var(--cpa-muted); font: 720 9px/1.3 var(--cpa-font-ui); } .cpa-product-card__stock i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; } .cpa-product-card__stock.is-in-stock { color: var(--cpa-success); } .cpa-product-card__stock.is-out-of-stock { color: var(--cpa-danger); } .woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.added_to_cart { display: flex; align-items: center; justify-content: center; width: auto; min-height: 45px; margin: 16px 17px 17px; padding: 10px 13px; border: 0; border-radius: 12px; background: var(--cpa-ink); box-shadow: none; color: #fff; font: 820 10.5px/1.2 var(--cpa-font-ui); text-align: center; text-decoration: none; transition: background .15s ease, transform .15s ease, box-shadow .15s ease; } .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product a.added_to_cart:hover { transform: translateY(-1px); background: var(--cpa-brand-dark); box-shadow: 0 9px 22px rgba(var(--cpa-brand-rgb),.18); } .woocommerce ul.products li.product .button.loading { opacity: .72; padding-right: 32px; } .woocommerce ul.products li.product .button.added::after { margin-left: 7px; } .woocommerce ul.products li.product a.added_to_cart { margin-top: -10px; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); } .cpa-catalog-page .cpa-wishlist-button--loop, .cpa-product-search-page .cpa-wishlist-button--loop { top: 12px; right: 12px; width: 38px; height: 38px; border-color: rgba(255,255,255,.82); background: rgba(255,255,255,.94); backdrop-filter: blur(6px); } .woocommerce ul.products li.product-category { min-height: 100%; } .woocommerce ul.products li.product-category > a { display: flex; flex-direction: column; height: 100%; text-decoration: none; } .woocommerce ul.products li.product-category img { aspect-ratio: 1.12 / 1; } .woocommerce ul.products li.product-category .woocommerce-loop-category__title { position: relative; padding: 0 17px 18px; font-size: 16px; line-height: 1.25; text-transform: none; } .woocommerce ul.products li.product-category .count { float: none; margin-left: 5px; background: transparent; color: var(--cpa-muted); font: 700 9px/1 var(--cpa-font-ui); } .woocommerce nav.woocommerce-pagination { clear: both; width: min(calc(100% - 36px), var(--cpa-container)); margin: 34px auto 0; text-align: center; } .woocommerce nav.woocommerce-pagination ul { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 6px; border: 1px solid var(--cpa-line); border-radius: 14px; background: #fff; box-shadow: 0 9px 25px rgba(39,23,33,.05); } .woocommerce nav.woocommerce-pagination ul li { float: none; border: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: grid; place-items: center; min-width: 36px; height: 36px; padding: 0 8px; border-radius: 9px; color: var(--cpa-ink-2); font: 780 10px/1 var(--cpa-font-ui); } .woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); } .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--cpa-brand); color: #fff; } .woocommerce .woocommerce-info:has(+ .return-to-shop), .cpa-product-search-results > .woocommerce-info { max-width: 760px; margin: 18px auto 30px; } .woocommerce .return-to-shop { width: min(calc(100% - 36px), var(--cpa-container)); margin: 0 auto 38px; text-align: center; } .cpa-product-page .cpa-commerce-breadcrumb { padding-top: 28px; padding-bottom: 18px; } .woocommerce div.product { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .82fr); column-gap: clamp(38px, 5vw, 72px); row-gap: 34px; align-items: start; padding-top: 14px; padding-bottom: 8px; } .woocommerce div.product div.images, .woocommerce div.product div.summary { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; } .woocommerce div.product div.images { position: sticky; top: 145px; padding: 15px; border: 1px solid var(--cpa-line); border-radius: 23px; background: linear-gradient(145deg,#fff,#fbf8fa); box-shadow: 0 13px 36px rgba(40,23,34,.06); } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { border-radius: 16px; overflow: hidden; } .woocommerce div.product div.images .woocommerce-product-gallery__image img { width: 100%; border-radius: 16px; background: #f8f4f6; } .woocommerce div.product div.images .flex-control-thumbs { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 8px; margin: 10px 0 0 !important; } .woocommerce div.product div.images .flex-control-thumbs li { float: none; width: auto; } .woocommerce div.product div.images .flex-control-thumbs img { border: 1px solid var(--cpa-line); border-radius: 10px; opacity: .68; transition: opacity .14s ease, border-color .14s ease; } .woocommerce div.product div.images .flex-control-thumbs img:hover, .woocommerce div.product div.images .flex-control-thumbs img.flex-active { border-color: var(--cpa-brand); opacity: 1; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 28px; right: 28px; width: 40px; height: 40px; border: 1px solid var(--cpa-line); background: rgba(255,255,255,.95); box-shadow: 0 8px 20px rgba(35,20,29,.08); } .woocommerce div.product div.summary { padding: 12px 0 0; } .cpa-single-product__categories { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-bottom: 11px; font: 850 9px/1.35 var(--cpa-font-ui); letter-spacing: .08em; text-transform: uppercase; } .cpa-single-product__categories a { color: var(--cpa-brand-dark); text-decoration: none; } .cpa-single-product__categories a:hover { text-decoration: underline; text-underline-offset: 3px; } .cpa-single-product__categories span { color: #c4b7bf; } .woocommerce div.product .product_title { margin: 0 0 15px; color: var(--cpa-ink); font-size: clamp(2rem, 4vw, 3.65rem); line-height: .98; letter-spacing: -.012em; text-transform: none; } .woocommerce div.product .woocommerce-product-rating { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; } .woocommerce div.product .woocommerce-product-rating .star-rating { color: #b9824d; font-size: 11px; } .woocommerce div.product .woocommerce-review-link { color: var(--cpa-muted); font: 650 10px/1.3 var(--cpa-font-ui); text-decoration: none; } .woocommerce div.product p.price, .woocommerce div.product span.price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; color: var(--cpa-brand-deep); font: 900 clamp(1.45rem,2.4vw,2rem)/1.15 var(--cpa-font-ui); } .woocommerce div.product p.price del, .woocommerce div.product span.price del { color: #9c9198; font-size: .58em; font-weight: 600; opacity: 1; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { color: var(--cpa-brand-deep); font-weight: 900; text-decoration: none; } .woocommerce div.product .woocommerce-product-details__short-description { margin: 0 0 23px; color: #5f5660; font-size: 13px; line-height: 1.78; } .woocommerce div.product .woocommerce-product-details__short-description > :first-child { margin-top: 0; } .woocommerce div.product .woocommerce-product-details__short-description > :last-child { margin-bottom: 0; } .woocommerce div.product p.stock { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 15px; padding: 7px 10px; border-radius: 999px; background: var(--cpa-success-soft); color: var(--cpa-success); font: 800 9.5px/1 var(--cpa-font-ui); } .woocommerce div.product p.stock.out-of-stock { background: #fff1f3; color: var(--cpa-danger); } .woocommerce div.product form.cart { margin: 0 0 13px; } .woocommerce div.product form.cart:not(.variations_form):not(.grouped_form) { display: flex; align-items: stretch; gap: 9px; } .woocommerce div.product form.cart .quantity { float: none; margin: 0; } .woocommerce div.product form.cart .qty { width: 70px; height: 50px; border: 1px solid var(--cpa-line-strong); border-radius: 12px; background: #fff; color: var(--cpa-ink); font: 800 12px/1 var(--cpa-font-ui); } .woocommerce div.product form.cart .button, .woocommerce div.product .single_add_to_cart_button { min-height: 50px; padding: 0 22px; border-radius: 12px; background: var(--cpa-ink); box-shadow: 0 10px 24px rgba(33,22,29,.14); font: 850 11px/1 var(--cpa-font-ui); } .woocommerce div.product form.cart .button:hover, .woocommerce div.product .single_add_to_cart_button:hover { background: var(--cpa-brand-dark); } .woocommerce div.product .cpa-wishlist-button--single { min-height: 50px; margin-left: 9px; border-radius: 12px; } .woocommerce div.product form.cart .variations { margin: 0 0 14px; border: 0; } .woocommerce div.product form.cart .variations tr { display: grid; grid-template-columns: 100px minmax(0,1fr); align-items: center; gap: 10px; margin-bottom: 10px; } .woocommerce div.product form.cart .variations th, .woocommerce div.product form.cart .variations td { display: block; padding: 0; border: 0; text-align: left; } .woocommerce div.product form.cart .variations label { color: var(--cpa-ink); font: 800 10px/1.3 var(--cpa-font-ui); } .woocommerce div.product form.cart .variations select { width: 100%; min-height: 44px; padding: 0 38px 0 11px; border: 1px solid var(--cpa-line-strong); border-radius: 11px; background: #fff; color: var(--cpa-ink); font: 650 11px/1 var(--cpa-font-ui); } .woocommerce div.product form.cart .reset_variations { display: inline-block; margin-top: 6px; color: var(--cpa-brand-dark); font: 750 9px/1.3 var(--cpa-font-ui); text-decoration: none; } .woocommerce div.product .single_variation_wrap { margin-top: 10px; } .woocommerce div.product .woocommerce-variation-add-to-cart { display: flex; align-items: stretch; gap: 9px; } .woocommerce div.product form.cart table.group_table { margin-bottom: 15px; border-collapse: separate; border-spacing: 0 7px; } .woocommerce div.product form.cart table.group_table td { padding: 9px; border: 1px solid var(--cpa-line); background: #fff; font-family: var(--cpa-font-ui); } .woocommerce div.product form.cart table.group_table td:first-child { border-radius: 10px 0 0 10px; } .woocommerce div.product form.cart table.group_table td:last-child { border-radius: 0 10px 10px 0; } .cpa-product-assurances { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin: 15px 0 10px; } .cpa-product-assurances > div { display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: center; gap: 7px; min-width: 0; padding: 9px; border: 1px solid var(--cpa-line); border-radius: 12px; background: #fcfafb; } .cpa-product-assurances > div > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); font: 900 11px/1 var(--cpa-font-ui); } .cpa-product-assurances p { margin: 0; min-width: 0; font-family: var(--cpa-font-ui); line-height: 1.2; } .cpa-product-assurances strong, .cpa-product-assurances small { display: block; } .cpa-product-assurances strong { color: var(--cpa-ink); font-size: 8.7px; white-space: nowrap; } .cpa-product-assurances small { margin-top: 3px; color: var(--cpa-muted); font-size: 7.7px; white-space: nowrap; } .cpa-product-promo-note { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; padding: 10px 12px; border: 1px dashed #dcb9cd; border-radius: 12px; background: #fff8fc; color: var(--cpa-brand-deep); font: 700 9.5px/1.4 var(--cpa-font-ui); } .cpa-product-promo-note b { flex: 0 0 auto; padding: 5px 7px; border-radius: 7px; background: var(--cpa-brand); color: #fff; font-size: 9px; } .woocommerce div.product .product_meta { display: grid; gap: 7px; margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--cpa-line); color: var(--cpa-muted); font: 650 9px/1.45 var(--cpa-font-ui); } .woocommerce div.product .product_meta a { color: var(--cpa-brand-dark); text-decoration: none; } .woocommerce div.product .product_meta a:hover { text-decoration: underline; text-underline-offset: 3px; } .woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells { grid-column: 1 / -1; width: 100%; min-width: 0; } .woocommerce div.product .woocommerce-tabs { margin-top: 28px; } .woocommerce div.product .woocommerce-tabs ul.tabs { display: flex; align-items: center; gap: 6px; overflow-x: auto; margin: 0 0 0 !important; padding: 7px !important; border: 1px solid var(--cpa-line); border-radius: 15px 15px 0 0; background: #faf7f9; } .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { flex: 0 0 auto; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 10px; background: transparent !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: block; padding: 10px 13px; border-radius: 9px; color: var(--cpa-muted); font: 800 10px/1.2 var(--cpa-font-ui); text-decoration: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { background: #fff; color: var(--cpa-brand-deep); box-shadow: 0 5px 16px rgba(42,25,36,.07); } .woocommerce div.product .woocommerce-Tabs-panel { margin: 0; padding: clamp(22px,3vw,34px); border: 1px solid var(--cpa-line); border-top: 0; border-radius: 0 0 17px 17px; background: #fff; color: #574e57; font-size: 13px; line-height: 1.8; } .woocommerce div.product .woocommerce-Tabs-panel > h2:first-child { margin-top: 0; font-size: clamp(1.3rem,2.2vw,1.8rem); text-transform: none; } .woocommerce div.product .woocommerce-Tabs-panel table { width: 100%; border-collapse: collapse; font-family: var(--cpa-font-ui); font-size: 11px; } .woocommerce div.product .woocommerce-Tabs-panel table th, .woocommerce div.product .woocommerce-Tabs-panel table td { padding: 11px; border-bottom: 1px solid var(--cpa-line); text-align: left; } .woocommerce div.product .related, .woocommerce div.product .upsells { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--cpa-line); } .woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2 { margin: 0 0 18px; font-size: clamp(1.55rem,2.8vw,2.25rem); text-transform: none; } .woocommerce #reviews #comments ol.commentlist { margin: 0; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-left: 62px; padding: 15px; border: 1px solid var(--cpa-line); border-radius: 13px; } .woocommerce #review_form #respond { margin-top: 22px; padding: 19px; border: 1px solid var(--cpa-line); border-radius: 14px; background: #fcfafb; } .woocommerce #review_form #respond textarea, .woocommerce #review_form #respond input[type="text"], .woocommerce #review_form #respond input[type="email"] { width: 100%; border: 1px solid var(--cpa-line-strong); border-radius: 10px; background: #fff; } .cpa-product-search-results { width: 100%; } .cpa-product-search-results .woocommerce-notices-wrapper { width: min(calc(100% - 36px), var(--cpa-container)); margin-inline: auto; } .cpa-shop-search button:focus-visible, .cpa-category-discovery__actions button:focus-visible, .woocommerce ul.products li.product .button:focus-visible, .woocommerce div.product form.cart .button:focus-visible, .woocommerce div.product .cpa-wishlist-button--single:focus-visible, .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus-visible { outline: 3px solid rgba(var(--cpa-brand-rgb),.22); outline-offset: 2px; } @media (max-width: 1080px) { .cpa-shop-hero__grid { grid-template-columns: minmax(0,1fr) minmax(315px,.75fr); gap: 36px; } .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; } .woocommerce div.product { grid-template-columns: minmax(0,1fr) minmax(330px,.85fr); column-gap: 34px; } .cpa-product-assurances { grid-template-columns: 1fr; } .cpa-product-assurances > div { grid-template-columns: 30px minmax(0,1fr); } } @media (max-width: 782px) { .cpa-shop-hero__shell { padding-top: 20px; padding-bottom: 34px; } .cpa-shop-hero__grid { grid-template-columns: 1fr; gap: 28px; } .cpa-shop-hero h1 { max-width: 620px; font-size: clamp(2.3rem,12vw,4rem); } .cpa-shop-hero__copy > p { max-width: 620px; font-size: 13px; } .cpa-shop-hero__utility { max-width: 620px; width: 100%; } .cpa-category-discovery > .cpa-shell { padding-top: 24px; padding-bottom: 27px; } .cpa-category-discovery__head { align-items: center; } .cpa-category-discovery__actions > a { display: none; } .cpa-category-rail { grid-auto-columns: minmax(190px, 72vw); } .cpa-shop-toolbar { align-items: flex-start; min-height: 0; } .cpa-shop-toolbar__label { padding-top: 11px; } .cpa-shop-toolbar__controls { align-items: flex-end; flex-direction: column; gap: 6px; } .woocommerce .cpa-shop-toolbar .woocommerce-ordering select { min-width: 180px; } .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; } .woocommerce div.product { display: block; padding-top: 8px; } .woocommerce div.product div.images { position: relative; top: auto; margin-bottom: 28px !important; } .woocommerce div.product div.summary { padding-top: 0; } .woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells { margin-top: 30px; } .cpa-product-assurances { grid-template-columns: repeat(3, minmax(0,1fr)); } .cpa-product-assurances > div { grid-template-columns: 1fr; justify-items: center; text-align: center; } .cpa-product-assurances strong, .cpa-product-assurances small { white-space: normal; } } @media (max-width: 560px) { .cpa-commerce-main--catalog, .cpa-commerce-main--search { padding-top: 20px; padding-bottom: 56px; } .cpa-shop-hero__shell { width: min(calc(100% - 22px), var(--cpa-container)); } .cpa-shop-hero .cpa-commerce-breadcrumb { padding-bottom: 18px; } .cpa-shop-hero h1 { font-size: clamp(2.1rem,13vw,3.35rem); } .cpa-shop-hero__meta { gap: 9px 13px; margin-top: 20px; } .cpa-shop-hero__meta span:nth-child(3) { display: none; } .cpa-shop-hero__utility { padding: 13px; border-radius: 17px; } .cpa-shop-search { min-height: 50px; padding-left: 13px; } .cpa-shop-search button { min-height: 40px; padding-inline: 13px; } .cpa-shop-search input[type="search"] { height: 40px; font-size: 11px; } .cpa-shop-promo { padding: 9px; } .cpa-shop-promo > span { width: 38px; height: 38px; font-size: 10px; } .cpa-category-discovery__head h2 { font-size: 1.35rem; } .cpa-category-discovery__actions button { width: 35px; height: 35px; } .cpa-category-tile { min-height: 80px; grid-template-columns: 60px minmax(0,1fr) auto; } .cpa-category-tile__visual { width: 60px; height: 60px; } .cpa-shop-toolbar { width: min(calc(100% - 22px), var(--cpa-container)); align-items: stretch; flex-direction: column; gap: 7px; padding: 10px; } .cpa-shop-toolbar__label { display: none; } .cpa-shop-toolbar__controls { width: 100%; align-items: center; flex-direction: row; justify-content: space-between; } .woocommerce .cpa-shop-toolbar .woocommerce-result-count { flex: 1 1 auto; } .woocommerce .cpa-shop-toolbar .woocommerce-ordering { flex: 0 1 175px; } .woocommerce .cpa-shop-toolbar .woocommerce-ordering select { width: 100%; min-width: 0; min-height: 40px; } .woocommerce ul.products, .woocommerce-page ul.products { width: min(calc(100% - 22px), var(--cpa-container)); gap: 10px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { border-radius: 15px; } .woocommerce ul.products li.product a img { margin-bottom: 12px; } .cpa-product-card__category { margin: 0 11px 5px; font-size: 7.3px; } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2 { padding-inline: 11px; font-size: 13px; line-height: 1.2; } .woocommerce ul.products li.product .star-rating { margin: 8px 11px 0; font-size: 8px; } .woocommerce ul.products li.product .price { margin: 9px 11px 0; font-size: 13px; gap: 3px; } .woocommerce ul.products li.product .price del { font-size: 8px; } .cpa-product-card__stock { margin: 7px 11px 0; font-size: 8px; } .woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.added_to_cart { min-height: 40px; margin: 12px 10px 10px; padding: 8px; border-radius: 10px; font-size: 9px; } .woocommerce ul.products li.product a.added_to_cart { margin-top: -6px; } .cpa-catalog-page .cpa-wishlist-button--loop, .cpa-product-search-page .cpa-wishlist-button--loop { top: 8px; right: 8px; width: 33px; height: 33px; } .cpa-wishlist-button--loop svg { width: 16px; height: 16px; } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { top: 8px; left: 8px; padding: 6px 7px; font-size: 7px; } .cpa-product-page .cpa-commerce-breadcrumb { width: min(calc(100% - 22px), var(--cpa-container)); padding-top: 20px; } .woocommerce div.product { width: min(calc(100% - 22px), var(--cpa-container)); } .woocommerce div.product div.images { padding: 10px; border-radius: 17px; } .woocommerce div.product .product_title { font-size: clamp(1.9rem,10vw,2.75rem); } .woocommerce div.product form.cart:not(.variations_form):not(.grouped_form) { flex-wrap: wrap; } .woocommerce div.product form.cart .qty { width: 62px; height: 48px; } .woocommerce div.product form.cart .button, .woocommerce div.product .single_add_to_cart_button { flex: 1 1 160px; min-height: 48px; padding-inline: 14px; } .woocommerce div.product .cpa-wishlist-button--single { flex: 1 1 100%; width: 100%; min-height: 45px; margin: 2px 0 0; } .woocommerce div.product form.cart .variations tr { grid-template-columns: 1fr; gap: 5px; } .woocommerce div.product .woocommerce-variation-add-to-cart { flex-wrap: wrap; } .cpa-product-assurances { gap: 6px; } .cpa-product-assurances > div { padding: 8px 5px; } .cpa-product-assurances > div > span { width: 28px; height: 28px; } .cpa-product-assurances strong { font-size: 7.8px; } .cpa-product-assurances small { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs { border-radius: 13px 13px 0 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 9px 10px; font-size: 9px; } .woocommerce div.product .woocommerce-Tabs-panel { padding: 18px 14px; font-size: 12px; } .woocommerce nav.woocommerce-pagination { width: min(calc(100% - 22px), var(--cpa-container)); margin-top: 26px; } } @media (prefers-reduced-motion: reduce) { .woocommerce ul.products li.product, .woocommerce ul.products li.product a img, .cpa-category-tile, .cpa-shop-search button { transition: none !important; transform: none !important; } .cpa-category-rail { scroll-behavior: auto; } } .cpa-shop-hero .woocommerce-breadcrumb, .cpa-commerce-breadcrumb > .woocommerce-breadcrumb { width: 100%; margin-inline: 0; } .cpa-commerce-page { padding: 0 0 76px; background: radial-gradient(circle at 8% 8%, rgba(var(--cpa-brand-rgb),.055), transparent 24rem), linear-gradient(180deg,#fff,#fbf9fa 54%,#fff); } .cpa-commerce-core-head { border-bottom: 1px solid var(--cpa-line); background: linear-gradient(135deg,#fff,#fbf6f9); } .cpa-commerce-core-head__inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-top: 38px; padding-bottom: 34px; } .cpa-commerce-core-head__copy > span { display: block; margin-bottom: 7px; color: var(--cpa-brand-dark); font: 850 10px/1.25 var(--cpa-font-ui); letter-spacing: .14em; text-transform: uppercase; } .cpa-commerce-core-head__copy h1 { margin: 0; font-size: clamp(2.1rem,4.6vw,4rem); line-height: .96; letter-spacing: -.012em; text-transform: none; } .cpa-commerce-core-head__copy p { max-width: 650px; margin: 12px 0 0; color: var(--cpa-muted); font: 500 12.5px/1.7 var(--cpa-font-body); } .cpa-checkout-steps { display: flex; align-items: center; gap: 0; margin: 0; padding: 0; list-style: none; font-family: var(--cpa-font-ui); } .cpa-checkout-steps li { position: relative; display: grid; grid-template-columns: 28px auto; align-items: center; gap: 7px; padding-right: 40px; color: #9d9299; font-size: 9px; font-weight: 760; white-space: nowrap; } .cpa-checkout-steps li:last-child { padding-right: 0; } .cpa-checkout-steps li:not(:last-child)::after { content: ""; position: absolute; right: 8px; top: 50%; width: 23px; height: 1px; background: #d9cdd4; } .cpa-checkout-steps b { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--cpa-line-strong); border-radius: 50%; background: #fff; font-size: 9px; } .cpa-checkout-steps .is-active { color: var(--cpa-brand-deep); } .cpa-checkout-steps .is-active b { border-color: var(--cpa-brand); background: var(--cpa-brand); color: #fff; } .cpa-checkout-steps .is-current b { box-shadow: 0 0 0 4px rgba(var(--cpa-brand-rgb),.11); } .cpa-checkout-steps .is-active:not(:last-child)::after { background: rgba(var(--cpa-brand-rgb),.45); } .cpa-commerce-article { width: min(calc(100% - 36px), var(--cpa-container)); margin: 0 auto; padding-top: 34px; } .cpa-commerce-article > .entry-content { min-width: 0; } .woocommerce-cart .cpa-commerce-article .woocommerce { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(310px,.62fr); align-items: start; gap: 24px; } .woocommerce-cart .cpa-commerce-article .woocommerce > .woocommerce-notices-wrapper, .woocommerce-cart .cpa-commerce-article .woocommerce > .woocommerce-message, .woocommerce-cart .cpa-commerce-article .woocommerce > .woocommerce-info, .woocommerce-cart .cpa-commerce-article .woocommerce > .woocommerce-error, .woocommerce-cart .cpa-commerce-article .woocommerce > .wc-empty-cart-message, .woocommerce-cart .cpa-commerce-article .woocommerce > .return-to-shop { grid-column: 1 / -1; } .woocommerce-cart .woocommerce-cart-form { grid-column: 1; min-width: 0; margin: 0; padding: 0; border: 1px solid var(--cpa-line); border-radius: 18px; background: #fff; box-shadow: 0 11px 34px rgba(39,23,33,.055); overflow: hidden; } .woocommerce-cart table.shop_table { margin: 0; border: 0; border-radius: 0; border-collapse: collapse; font-family: var(--cpa-font-ui); } .woocommerce-cart table.shop_table th { padding: 13px 14px; border: 0; border-bottom: 1px solid var(--cpa-line); background: #fbf8fa; color: var(--cpa-muted); font: 850 8.5px/1.25 var(--cpa-font-ui); letter-spacing: .08em; text-transform: uppercase; } .woocommerce-cart table.shop_table td { padding: 16px 14px; border: 0; border-bottom: 1px solid #f0eaed; color: var(--cpa-ink-2); font-size: 10.5px; vertical-align: middle; } .woocommerce-cart table.shop_table tr:last-child td { border-bottom: 0; } .woocommerce-cart table.shop_table .product-thumbnail { width: 88px; } .woocommerce-cart table.shop_table .product-thumbnail img { width: 66px; height: 66px; border-radius: 12px; object-fit: cover; background: #f7f2f5; } .woocommerce-cart table.shop_table .product-name a { color: var(--cpa-ink); font-weight: 800; text-decoration: none; } .woocommerce-cart table.shop_table .product-name a:hover { color: var(--cpa-brand-dark); } .woocommerce-cart table.shop_table .product-price, .woocommerce-cart table.shop_table .product-subtotal { color: var(--cpa-brand-deep); font-weight: 800; } .woocommerce-cart table.shop_table .product-remove a.remove { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--cpa-line); border-radius: 9px; background: #fff; color: var(--cpa-muted) !important; font: 500 18px/1 var(--cpa-font-ui); } .woocommerce-cart table.shop_table .product-remove a.remove:hover { border-color: #e5bcca; background: #fff6f8; color: var(--cpa-danger) !important; } .woocommerce-cart .quantity .qty { width: 64px; height: 40px; border: 1px solid var(--cpa-line-strong); border-radius: 10px; background: #fff; font: 750 11px/1 var(--cpa-font-ui); } .woocommerce-cart table.shop_table td.actions { padding: 13px; background: #fcfafb; } .woocommerce-cart table.shop_table td.actions .coupon { display: flex; gap: 7px; } .woocommerce-cart table.shop_table td.actions .coupon .input-text { width: 150px !important; min-height: 42px; padding: 0 11px !important; border: 1px solid var(--cpa-line-strong) !important; border-radius: 10px; background: #fff; font: 650 10px/1 var(--cpa-font-ui); } .woocommerce-cart table.shop_table td.actions .button { min-height: 42px; padding-inline: 14px; border-radius: 10px; font-size: 9.5px; } .woocommerce-cart .cart-collaterals { grid-column: 2; width: auto; margin: 0; } .woocommerce-cart .cart-collaterals .cart_totals { float: none; width: 100%; padding: 20px; border: 1px solid var(--cpa-line); border-radius: 18px; background: #fff; box-shadow: 0 13px 36px rgba(39,23,33,.06); } .woocommerce-cart .cart-collaterals .cart_totals h2 { margin: 0 0 14px; font-size: 1.45rem; text-transform: none; } .woocommerce-cart .cart-collaterals .cart_totals table { border-collapse: collapse; margin: 0 0 17px; } .woocommerce-cart .cart-collaterals .cart_totals th, .woocommerce-cart .cart-collaterals .cart_totals td { padding: 11px 0; border-top: 1px solid var(--cpa-line); font: 650 10.5px/1.45 var(--cpa-font-ui); vertical-align: top; } .woocommerce-cart .cart-collaterals .cart_totals th { width: 42%; color: var(--cpa-muted); } .woocommerce-cart .cart-collaterals .cart_totals td { color: var(--cpa-ink); text-align: right; } .woocommerce-cart .cart-collaterals .order-total th, .woocommerce-cart .cart-collaterals .order-total td { color: var(--cpa-brand-deep); font-size: 13px; } .woocommerce-cart .wc-proceed-to-checkout { padding: 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { min-height: 50px; margin: 0; padding: 16px; border-radius: 12px; background: var(--cpa-ink); box-shadow: 0 10px 25px rgba(35,21,30,.15); font: 850 11px/1.2 var(--cpa-font-ui); } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: var(--cpa-brand-dark); } .woocommerce-checkout .cpa-commerce-article .woocommerce { width: 100%; } .woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(340px,.72fr); align-items: start; column-gap: 28px; row-gap: 14px; } .woocommerce-checkout form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 3; display: grid; grid-template-columns: 1fr; gap: 18px; width: 100%; } .woocommerce-checkout form.checkout #customer_details .col-1, .woocommerce-checkout form.checkout #customer_details .col-2 { float: none; width: 100%; } .woocommerce-checkout form.checkout #customer_details > div { padding: 22px; border: 1px solid var(--cpa-line); border-radius: 18px; background: #fff; box-shadow: 0 11px 34px rgba(39,23,33,.05); } .woocommerce-checkout form.checkout h3, .woocommerce-checkout #order_review_heading { margin: 0 0 17px; color: var(--cpa-ink); font-size: 1.45rem; text-transform: none; } .woocommerce-checkout #order_review_heading { grid-column: 2; margin: 0; padding: 0 2px; } .woocommerce-checkout #order_review { grid-column: 2; padding: 20px; border: 1px solid var(--cpa-line); border-radius: 18px; background: #fff; box-shadow: 0 13px 36px rgba(39,23,33,.06); } .woocommerce-checkout .form-row { margin: 0 0 13px; padding: 0; } .woocommerce-checkout .form-row label { margin-bottom: 5px; color: var(--cpa-ink-2); font: 760 9.5px/1.35 var(--cpa-font-ui); } .woocommerce-checkout .form-row .required { color: var(--cpa-danger); } .woocommerce-checkout .form-row input.input-text, .woocommerce-checkout .form-row textarea, .woocommerce-checkout .form-row select, .woocommerce-checkout .select2-container .select2-selection--single { min-height: 44px; padding: 0 11px; border: 1px solid var(--cpa-line-strong); border-radius: 10px; background: #fff; color: var(--cpa-ink); font: 600 10.5px/1.4 var(--cpa-font-ui); box-shadow: none; } .woocommerce-checkout .form-row textarea { min-height: 96px; padding-top: 10px; resize: vertical; } .woocommerce-checkout .form-row input.input-text:focus, .woocommerce-checkout .form-row textarea:focus, .woocommerce-checkout .form-row select:focus { border-color: var(--cpa-brand); outline: 0; box-shadow: 0 0 0 4px rgba(var(--cpa-brand-rgb),.08); } .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered { line-height: 42px; padding-left: 0; } .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow { height: 42px; } .woocommerce-checkout #order_review table.shop_table { margin: 0 0 16px; border: 0; border-collapse: collapse; font-family: var(--cpa-font-ui); } .woocommerce-checkout #order_review table.shop_table th, .woocommerce-checkout #order_review table.shop_table td { padding: 11px 0; border: 0; border-bottom: 1px solid var(--cpa-line); font-size: 10px; } .woocommerce-checkout #order_review table.shop_table th { color: var(--cpa-muted); font-weight: 760; } .woocommerce-checkout #order_review table.shop_table td { color: var(--cpa-ink); } .woocommerce-checkout #order_review .order-total th, .woocommerce-checkout #order_review .order-total td { color: var(--cpa-brand-deep); font-size: 12px; font-weight: 850; } .woocommerce-checkout #payment { margin-top: 8px; border-radius: 13px; background: #faf7f9; font-family: var(--cpa-font-ui); } .woocommerce-checkout #payment ul.payment_methods { padding: 13px; border-bottom: 1px solid var(--cpa-line); } .woocommerce-checkout #payment ul.payment_methods li { padding: 8px 0; color: var(--cpa-ink-2); font-size: 10px; } .woocommerce-checkout #payment div.payment_box { margin: 8px 0 2px; border-radius: 10px; background: #fff; color: var(--cpa-muted); font-size: 9.5px; line-height: 1.55; } .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #fff; } .woocommerce-checkout #payment .place-order { padding: 13px; } .woocommerce-checkout #payment #place_order { float: none; width: 100%; min-height: 50px; border-radius: 11px; background: var(--cpa-ink); font: 850 11px/1.2 var(--cpa-font-ui); } .woocommerce-checkout #payment #place_order:hover { background: var(--cpa-brand-dark); } .woocommerce-checkout .woocommerce-form-coupon-toggle, .woocommerce-checkout .woocommerce-form-login-toggle { margin-bottom: 12px; } .woocommerce-checkout form.checkout_coupon, .woocommerce-checkout form.login { margin: 0 0 17px; padding: 15px; border: 1px solid var(--cpa-line); border-radius: 13px; background: #fff; } .woocommerce-order-received .woocommerce-order { display: grid; gap: 18px; } .woocommerce-order-received .woocommerce-thankyou-order-received { margin: 0; padding: 17px 19px; border: 1px solid #cbe7da; border-radius: 14px; background: var(--cpa-success-soft); color: var(--cpa-success); font: 760 11px/1.55 var(--cpa-font-ui); } .woocommerce ul.order_details { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 0; padding: 0; } .woocommerce ul.order_details li { float: none; margin: 0; padding: 12px; border: 1px solid var(--cpa-line); border-right: 1px solid var(--cpa-line); border-radius: 11px; background: #fff; font: 700 8px/1.35 var(--cpa-font-ui); } .woocommerce ul.order_details li strong { margin-top: 4px; color: var(--cpa-ink); font-size: 11px; } .woocommerce-order-received .woocommerce-order-details, .woocommerce-order-received .woocommerce-customer-details { padding: 20px; border: 1px solid var(--cpa-line); border-radius: 16px; background: #fff; } .cpa-commerce-page .wc-block-cart, .cpa-commerce-page .wc-block-checkout { font-family: var(--cpa-font-ui); } .cpa-commerce-page .wc-block-components-sidebar, .cpa-commerce-page .wc-block-cart-items, .cpa-commerce-page .wc-block-checkout__main, .cpa-commerce-page .wc-block-checkout__sidebar, .cpa-commerce-page .wp-block-woocommerce-cart-order-summary-block, .cpa-commerce-page .wp-block-woocommerce-checkout-order-summary-block { border-color: var(--cpa-line) !important; border-radius: 16px; } .cpa-commerce-page .wc-block-components-totals-wrapper { border-color: var(--cpa-line); } .cpa-commerce-page .wc-block-components-text-input input, .cpa-commerce-page .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input { border-color: var(--cpa-line-strong) !important; border-radius: 10px !important; } .cpa-commerce-page .wc-block-components-button, .cpa-commerce-page .wc-block-cart__submit-button, .cpa-commerce-page .wc-block-components-checkout-place-order-button { border-radius: 11px !important; background: var(--cpa-ink) !important; color: #fff !important; font-weight: 800 !important; } .cpa-commerce-page .wc-block-components-button:hover, .cpa-commerce-page .wc-block-cart__submit-button:hover, .cpa-commerce-page .wc-block-components-checkout-place-order-button:hover { background: var(--cpa-brand-dark) !important; } @media (max-width: 960px) { .woocommerce-cart .cpa-commerce-article .woocommerce { grid-template-columns: 1fr; } .woocommerce-cart .cart-collaterals { grid-column: 1; } .woocommerce-checkout form.checkout { grid-template-columns: 1fr; } .woocommerce-checkout form.checkout #customer_details, .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { grid-column: 1; grid-row: auto; } .woocommerce-checkout #order_review { position: static; } } @media (max-width: 782px) { .cpa-commerce-core-head__inner { align-items: flex-start; flex-direction: column; padding-top: 30px; padding-bottom: 27px; } .cpa-checkout-steps { width: 100%; } .cpa-checkout-steps li { flex: 1 1 0; grid-template-columns: 25px minmax(0,1fr); padding-right: 20px; } .cpa-checkout-steps li:not(:last-child)::after { right: 4px; width: 12px; } .cpa-checkout-steps b { width: 25px; height: 25px; } .cpa-commerce-article { padding-top: 25px; } .woocommerce ul.order_details { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 560px) { .cpa-commerce-page { padding-bottom: 56px; } .cpa-commerce-core-head__inner, .cpa-commerce-article { width: min(calc(100% - 22px), var(--cpa-container)); } .cpa-commerce-core-head__copy h1 { font-size: clamp(2rem,11vw,3rem); } .cpa-commerce-core-head__copy p { font-size: 11.5px; } .cpa-checkout-steps li { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; padding-right: 13px; font-size: 8px; } .cpa-checkout-steps li:not(:last-child)::after { top: 12px; right: 4px; width: 9px; } .woocommerce-cart .woocommerce-cart-form { overflow-x: auto; } .woocommerce-cart table.shop_table { min-width: 620px; } .woocommerce-cart table.shop_table td.actions .coupon { float: none; width: 100%; margin-bottom: 8px; } .woocommerce-cart table.shop_table td.actions .coupon .input-text { flex: 1 1 auto; width: auto !important; } .woocommerce-cart table.shop_table td.actions > .button { float: none; width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-checkout form.checkout #customer_details > div, .woocommerce-checkout #order_review { padding: 15px; border-radius: 14px; } .woocommerce ul.order_details { grid-template-columns: 1fr; } } .cpa-catalog-layout { display: grid; grid-template-columns: 258px minmax(0, 1fr); align-items: start; gap: 25px; width: min(calc(100% - 36px), var(--cpa-container)); margin: 0 auto; } .cpa-catalog-layout.cpa-shell { padding-inline: 0; } .cpa-catalog-filters { min-width: 0; } .cpa-filter-panel { position: sticky; top: 126px; max-height: calc(100vh - 148px); overflow: hidden auto; border: 1px solid var(--cpa-line); border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(39,23,33,.055); scrollbar-width: thin; scrollbar-color: #dacbd3 transparent; } .admin-bar .cpa-filter-panel { top: 158px; max-height: calc(100vh - 180px); } .cpa-filter-summary { display: none; } .cpa-filter-panel__content { display: block !important; } .cpa-filter-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 17px 15px; border-bottom: 1px solid var(--cpa-line); background: linear-gradient(145deg, #fff, #F8FCFB); } .cpa-filter-panel__head span, .cpa-filter-panel__head strong { display: block; font-family: var(--cpa-font-ui); } .cpa-filter-panel__head span { margin-bottom: 4px; color: var(--cpa-brand-dark); font-size: 8px; font-weight: 850; letter-spacing: .095em; text-transform: uppercase; } .cpa-filter-panel__head strong { color: var(--cpa-ink); font-size: 16px; line-height: 1.2; } .cpa-filter-panel__head > a { flex: 0 0 auto; color: var(--cpa-brand-dark); font: 800 9px/1.2 var(--cpa-font-ui); text-decoration: underline; text-underline-offset: 3px; } .cpa-filter-group { padding: 16px 17px; border-bottom: 1px solid var(--cpa-line); } .cpa-filter-group:last-child { border-bottom: 0; } .cpa-filter-group h3 { margin: 0 0 11px; color: var(--cpa-ink); font: 850 10px/1.25 var(--cpa-font-ui); letter-spacing: .035em; text-transform: uppercase; } .cpa-filter-options { display: grid; gap: 5px; } .cpa-filter-options--scroll { max-height: 220px; overflow-y: auto; padding-right: 3px; scrollbar-width: thin; } .cpa-filter-option, .cpa-filter-check, .cpa-filter-rating { min-width: 0; color: var(--cpa-ink-2); font-family: var(--cpa-font-ui); text-decoration: none; transition: color .14s ease, background .14s ease, border-color .14s ease; } .cpa-filter-option { display: flex; align-items: center; justify-content: space-between; gap: 9px; min-height: 34px; padding: 7px 8px; border-radius: 9px; font-size: 10px; font-weight: 680; } .cpa-filter-option span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cpa-filter-option small { flex: 0 0 auto; min-width: 23px; padding: 3px 6px; border-radius: 999px; background: #f5f0f3; color: var(--cpa-muted); font-size: 8px; font-weight: 800; text-align: center; } .cpa-filter-option:hover { background: var(--cpa-brand-softer); color: var(--cpa-brand-dark); } .cpa-filter-option.is-active { background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); font-weight: 850; } .cpa-filter-option.is-active small { background: #fff; color: var(--cpa-brand-dark); } .cpa-filter-check { display: grid; grid-template-columns: 17px minmax(0,1fr) auto; align-items: center; gap: 8px; min-height: 31px; padding: 5px 4px; border-radius: 8px; font-size: 10px; font-weight: 680; } .cpa-filter-check i { position: relative; width: 17px; height: 17px; border: 1px solid #d8c8d1; border-radius: 5px; background: #fff; } .cpa-filter-check.is-active i { border-color: var(--cpa-brand); background: var(--cpa-brand); } .cpa-filter-check.is-active i::after { content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .cpa-filter-check small { color: #9b9098; font-size: 8px; font-weight: 750; } .cpa-filter-check:hover { background: #F8FCFB; color: var(--cpa-brand-dark); } .cpa-filter-check.is-active { color: var(--cpa-brand-deep); font-weight: 820; } .cpa-filter-rating { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 8px; min-height: 32px; padding: 6px 7px; border: 1px solid transparent; border-radius: 9px; } .cpa-filter-rating span { overflow: hidden; width: 65px; color: #bd8751; font-size: 10px; letter-spacing: 1px; white-space: nowrap; } .cpa-filter-rating strong { color: var(--cpa-muted); font-size: 9px; font-weight: 760; } .cpa-filter-rating:hover { background: #F8FCFB; } .cpa-filter-rating.is-active { border-color: #d4e5e2; background: var(--cpa-brand-soft); } .cpa-filter-rating.is-active strong { color: var(--cpa-brand-deep); } .cpa-price-filter { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: end; gap: 6px; } .cpa-price-filter label { min-width: 0; } .cpa-price-filter label span { display: block; margin-bottom: 5px; color: var(--cpa-muted); font: 750 8px/1.2 var(--cpa-font-ui); } .cpa-price-filter > span { padding-bottom: 12px; color: #a69aa2; font: 600 9px/1 var(--cpa-font-ui); } .cpa-price-filter input[type="number"] { width: 100%; min-width: 0; height: 38px; padding: 0 8px; border: 1px solid var(--cpa-line-strong); border-radius: 9px; background: #fff; color: var(--cpa-ink); font: 700 10px/1 var(--cpa-font-ui); outline: 0; } .cpa-price-filter input[type="number"]:focus { border-color: var(--cpa-brand); box-shadow: 0 0 0 3px rgba(var(--cpa-brand-rgb),.10); } .cpa-price-filter button { grid-column: 1 / -1; min-height: 38px; margin-top: 3px; border: 0; border-radius: 9px; background: var(--cpa-ink); color: #fff; font: 820 9.5px/1 var(--cpa-font-ui); cursor: pointer; transition: background .14s ease, transform .14s ease; } .cpa-price-filter button:hover { transform: translateY(-1px); background: var(--cpa-brand-dark); } .cpa-catalog-results { min-width: 0; } .cpa-catalog-results .cpa-shop-toolbar, .cpa-catalog-results > .products, .cpa-catalog-results > nav.woocommerce-pagination { width: 100%; margin-inline: 0; } .cpa-catalog-layout .woocommerce-result-count, .cpa-catalog-layout .woocommerce-ordering { width: auto; } .cpa-catalog-layout ul.products, .woocommerce-page .cpa-catalog-layout ul.products { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; } .cpa-active-filters { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; } .cpa-active-filters__chips { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; } .cpa-active-filters__chips a { display: inline-flex; align-items: center; gap: 7px; max-width: 220px; min-height: 30px; padding: 6px 7px 6px 10px; border: 1px solid #e6d7df; border-radius: 999px; background: #fff; color: var(--cpa-ink-2); font: 720 9px/1.2 var(--cpa-font-ui); text-decoration: none; } .cpa-active-filters__chips a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cpa-active-filters__chips a b { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: #eaf8f5; color: var(--cpa-brand-dark); font-size: 13px; line-height: 1; } .cpa-active-filters__chips a:hover { border-color: #dcbfd0; background: var(--cpa-brand-soft); } .cpa-active-filters__clear { flex: 0 0 auto; color: var(--cpa-brand-dark); font: 800 9px/1.2 var(--cpa-font-ui); text-decoration: underline; text-underline-offset: 3px; } .cpa-filter-empty-state { display: grid; justify-items: center; min-height: 360px; padding: clamp(42px, 7vw, 78px) 24px; border: 1px solid var(--cpa-line); border-radius: 20px; background: linear-gradient(145deg,#fff,#F8FCFB); box-shadow: 0 12px 32px rgba(39,23,33,.05); text-align: center; } .cpa-filter-empty-state > span { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); font: 700 27px/1 var(--cpa-font-ui); } .cpa-filter-empty-state h2 { max-width: 520px; margin: 18px 0 8px; font-size: clamp(1.55rem,3vw,2.25rem); text-transform: none; } .cpa-filter-empty-state p { max-width: 560px; margin: 0; color: var(--cpa-muted); font: 500 12px/1.7 var(--cpa-font-ui); } .cpa-filter-empty-state > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 21px; } .cpa-filter-empty-state .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 17px; border-radius: 11px; background: var(--cpa-ink); color: #fff; font: 800 10px/1 var(--cpa-font-ui); text-decoration: none; } .cpa-filter-empty-state__secondary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 15px; border: 1px solid var(--cpa-line-strong); border-radius: 11px; background: #fff; color: var(--cpa-ink); font: 800 10px/1 var(--cpa-font-ui); text-decoration: none; } .cpa-filter-empty-state__secondary:hover { border-color: #d9bacc; color: var(--cpa-brand-dark); } .cpa-filter-summary:focus-visible, .cpa-filter-option:focus-visible, .cpa-filter-check:focus-visible, .cpa-filter-rating:focus-visible, .cpa-active-filters a:focus-visible, .cpa-price-filter button:focus-visible { outline: 3px solid rgba(var(--cpa-brand-rgb),.20); outline-offset: 2px; } @media (max-width: 1080px) { .cpa-catalog-layout { grid-template-columns: 230px minmax(0,1fr); gap: 18px; } .cpa-catalog-layout ul.products, .woocommerce-page .cpa-catalog-layout ul.products { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; } } @media (max-width: 860px) { .cpa-catalog-layout { grid-template-columns: 1fr; gap: 14px; } .cpa-filter-panel, .admin-bar .cpa-filter-panel { position: static; max-height: none; overflow: visible; } .cpa-filter-summary { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 10px; min-height: 52px; padding: 10px 13px; list-style: none; cursor: pointer; } .cpa-filter-summary::-webkit-details-marker { display: none; } .cpa-filter-summary > span { display: inline-flex; align-items: center; gap: 8px; color: var(--cpa-ink); font: 850 11px/1.2 var(--cpa-font-ui); } .cpa-filter-summary > span i { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; background: var(--cpa-brand-soft); color: var(--cpa-brand-deep); font-style: normal; } .cpa-filter-summary b { display: grid; place-items: center; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px; background: var(--cpa-brand); color: #fff; font: 850 9px/1 var(--cpa-font-ui); } .cpa-filter-summary em { color: var(--cpa-muted); font: 800 13px/1 var(--cpa-font-ui); font-style: normal; transition: transform .14s ease; } .cpa-filter-panel[open] .cpa-filter-summary em { transform: rotate(180deg); } .cpa-filter-panel:not([open]) .cpa-filter-panel__content { display: none !important; } .cpa-filter-panel[open] .cpa-filter-panel__content { display: block !important; border-top: 1px solid var(--cpa-line); } .cpa-filter-panel__head { padding: 15px 16px 13px; } .cpa-filter-group { padding: 14px 16px; } .cpa-filter-options--categories { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; } .cpa-filter-options--scroll { max-height: 180px; } .cpa-shop-toolbar { margin-top: 0; } } @media (max-width: 560px) { .cpa-catalog-layout { width: min(calc(100% - 22px), var(--cpa-container)); } .cpa-filter-panel { border-radius: 14px; box-shadow: 0 8px 22px rgba(39,23,33,.045); } .cpa-filter-options--categories { grid-template-columns: 1fr; } .cpa-filter-group { padding: 13px; } .cpa-filter-panel__head { padding-inline: 13px; } .cpa-active-filters { align-items: flex-start; flex-direction: column; gap: 7px; } .cpa-active-filters__chips { width: 100%; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; } .cpa-active-filters__chips a { flex: 0 0 auto; } .cpa-active-filters__clear { padding-left: 2px; } .cpa-catalog-results .cpa-shop-toolbar, .cpa-catalog-results > .products { width: 100%; } .cpa-catalog-layout ul.products, .woocommerce-page .cpa-catalog-layout ul.products { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; } .cpa-filter-empty-state { min-height: 300px; padding: 38px 16px; border-radius: 15px; } } .woocommerce div.product > .aup-reviewer-wrapper, .woocommerce div.product > .vpt-wrapper, .woocommerce div.product > .cmc-product-section { grid-column: 1 / -1; width: 100%; min-width: 0; } .woocommerce div.product > .aup-reviewer-wrapper { margin: 2px 0 4px; padding: 0; } .woocommerce div.product > .aup-reviewer-wrapper .aup-reviewer-col { width: 100%; } .woocommerce div.product > .aup-reviewer-wrapper .aup-rev-card { max-width: none; border-color: #e2ccda; box-shadow: 0 9px 28px rgba(45,28,39,.055); } .woocommerce div.product .woocommerce-product-details__short-description table { display: table; width: 100%; max-width: 100%; margin: 15px 0 18px; overflow: hidden; border: 1px solid var(--cpa-line); border-collapse: separate; border-spacing: 0; border-radius: 13px; background: #fff; color: var(--cpa-ink-2); font: 650 10.5px/1.45 var(--cpa-font-ui); } .woocommerce div.product .woocommerce-product-details__short-description table th, .woocommerce div.product .woocommerce-product-details__short-description table td { padding: 10px 12px; border: 0; border-right: 1px solid var(--cpa-line); border-bottom: 1px solid var(--cpa-line); vertical-align: top; text-align: left; } .woocommerce div.product .woocommerce-product-details__short-description table tr:last-child > * { border-bottom: 0; } .woocommerce div.product .woocommerce-product-details__short-description table tr > *:last-child { border-right: 0; } .woocommerce div.product .woocommerce-product-details__short-description table th { width: 34%; background: var(--cpa-brand-soft); color: var(--cpa-ink); font-weight: 850; } .woocommerce div.product .woocommerce-product-details__short-description table tr:nth-child(even) td { background: #fdfbfc; } .woocommerce div.product .woocommerce-product-details__short-description table a { color: var(--cpa-brand-deep); font-weight: 800; } .woocommerce #reviews { color: var(--cpa-ink-2); } .woocommerce #reviews #comments ol.commentlist { display: grid; gap: 12px; } .woocommerce #reviews #comments ol.commentlist li { margin: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 46px; height: 46px; padding: 2px; border: 1px solid #e5d6df; border-radius: 50%; background: #fff; } .woocommerce #reviews #comments ol.commentlist li .comment-text { min-height: 60px; margin-left: 60px; padding: 16px 17px; border-color: var(--cpa-line); border-radius: 14px; background: linear-gradient(145deg,#fff,#fdfbfc); box-shadow: 0 6px 18px rgba(41,25,35,.035); } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { color: var(--cpa-muted); font: 600 9.5px/1.5 var(--cpa-font-ui); } .woocommerce #review_form #respond { padding: clamp(18px,2.6vw,28px); border-color: #e7d9e1; border-radius: 18px; background: linear-gradient(145deg,#fff,#fdf8fb); box-shadow: 0 12px 34px rgba(45,28,39,.05); } .woocommerce #review_form #respond .comment-reply-title { display: block; margin-bottom: 13px; color: var(--cpa-ink); font: 700 clamp(1.25rem,2vw,1.65rem)/1.2 var(--cpa-font-heading); } .woocommerce #review_form #respond label { display: inline-block; margin-bottom: 6px; color: var(--cpa-ink-2); font: 800 9px/1.3 var(--cpa-font-ui); letter-spacing: .04em; } .woocommerce #review_form #respond textarea, .woocommerce #review_form #respond input[type="text"], .woocommerce #review_form #respond input[type="email"] { min-height: 46px; padding: 11px 12px; border-color: var(--cpa-line-strong); border-radius: 11px; box-shadow: none; color: var(--cpa-ink); font: 600 11px/1.5 var(--cpa-font-ui); } .woocommerce #review_form #respond textarea { min-height: 130px; resize: vertical; } .woocommerce #review_form #respond textarea:focus, .woocommerce #review_form #respond input[type="text"]:focus, .woocommerce #review_form #respond input[type="email"]:focus { outline: 0; border-color: var(--cpa-brand); box-shadow: 0 0 0 3px rgba(var(--cpa-brand-rgb),.1); } .woocommerce #review_form #respond .form-submit input[type="submit"], .woocommerce #review_form #respond .cpa-review-login-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 17px; border: 0; border-radius: 11px; background: var(--cpa-ink); color: #fff; box-shadow: none; font: 850 10px/1 var(--cpa-font-ui); text-decoration: none; } .woocommerce #review_form #respond .form-submit input[type="submit"]:hover, .woocommerce #review_form #respond .cpa-review-login-button:hover { background: var(--cpa-brand-dark); } .cpa-review-limit { margin: 4px 0 14px; padding: 14px 15px; border: 1px solid #e5ccda; border-radius: 12px; background: #f5fbfa; color: var(--cpa-ink-2); font: 600 10.5px/1.6 var(--cpa-font-ui); } .cpa-review-limit strong { display: block; margin-bottom: 3px; color: var(--cpa-brand-deep); font-size: 11px; } .cpa-review-limit p { margin: 0; } .cpa-review-limit--signed { margin-top: 13px; } .cpa-review-recaptcha { margin: 12px 0 7px; max-width: 100%; overflow: hidden; } .cpa-review-config-warning { margin-top: 10px; padding: 10px 11px; border: 1px solid #eacfd6; border-radius: 9px; background: #fff4f5; color: var(--cpa-danger); font: 700 9.5px/1.5 var(--cpa-font-ui); } .cmc-commerce-cart, .cmc-commerce-checkout, .cmc-commerce-shell { --cmc-green: var(--cpa-brand); --cmc-green-dark: var(--cpa-brand-dark); --cmc-green-soft: var(--cpa-brand-soft); --cmc-ink: var(--cpa-ink); } .cmc-medical-card, .cmc-prescription-card, .cmc-medical-information { border-color: #cee3df !important; background: #f8fcfb !important; } .single-post .cpa-single-layout { align-items: start; } .single-post .cpa-single-content-wrap { padding: clamp(24px,3.5vw,42px); border: 1px solid var(--cpa-line); border-radius: 23px; background: #fff; box-shadow: 0 18px 52px rgba(40,24,34,.055); } .single-post .cpa-single-content > p:first-child::first-letter { float: left; margin: .08em .12em 0 0; color: var(--cpa-brand-deep); font: 700 3.2em/.82 var(--cpa-font-heading); } .single-post .cpa-single-content h2 { position: relative; padding-top: .22em; } .single-post .cpa-single-content h2::before { content: ""; display: block; width: 42px; height: 3px; margin-bottom: 14px; border-radius: 999px; background: var(--cpa-brand); } .single-post .cpa-article-note { margin-top: 34px; } .single-post .cpa-single-sidebar { gap: 11px; } .single-post .cpa-article-toc-card, .single-post .cpa-article-facts { border-radius: 15px; box-shadow: 0 10px 28px rgba(43,27,37,.04); } .single-post .cpa-comments-wrap { margin-top: 20px; margin-bottom: 72px; padding: clamp(24px,4vw,40px); border: 1px solid var(--cpa-line); border-radius: 22px; background: linear-gradient(145deg,#fff,#F8FCFB); } .single-post .cpa-comments-wrap .comment-list { display: grid; gap: 14px; padding-left: 0; list-style: none; } .single-post .cpa-comments-wrap .comment-body { padding: 15px; border: 1px solid var(--cpa-line); border-radius: 13px; background: #fff; } .single-post .cpa-comments-wrap input[type="text"], .single-post .cpa-comments-wrap input[type="email"], .single-post .cpa-comments-wrap input[type="url"], .single-post .cpa-comments-wrap textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--cpa-line-strong); border-radius: 10px; background: #fff; } .single-post .cpa-comments-wrap input[type="submit"] { min-height: 44px; padding: 0 17px; border: 0; border-radius: 10px; background: var(--cpa-ink); color: #fff; font: 800 10px/1 var(--cpa-font-ui); } .single-post .cpa-comments-wrap input[type="submit"]:hover { background: var(--cpa-brand-dark); } @media (max-width: 782px) { .woocommerce div.product > .aup-reviewer-wrapper, .woocommerce div.product > .vpt-wrapper, .woocommerce div.product > .cmc-product-section { width: 100%; } } @media (max-width: 560px) { .woocommerce div.product .woocommerce-product-details__short-description { overflow-x: auto; } .woocommerce div.product .woocommerce-product-details__short-description table { min-width: 420px; font-size: 9.5px; } .woocommerce div.product .woocommerce-product-details__short-description table th, .woocommerce div.product .woocommerce-product-details__short-description table td { padding: 9px 10px; } .woocommerce #review_form #respond { padding: 16px; border-radius: 15px; } .cpa-review-recaptcha { transform-origin: left top; } .single-post .cpa-single-content-wrap { padding: 21px 17px; border-radius: 18px; } .single-post .cpa-single-content > p:first-child::first-letter { font-size: 2.7em; } .single-post .cpa-comments-wrap { width: calc(100% - 22px); padding: 19px 15px; border-radius: 17px; } } .cpa-comments__head { margin-bottom: 22px; } .cpa-comments__head > span { display:block; margin-bottom:5px; color:var(--cpa-brand-dark); font:850 8.5px/1.3 var(--cpa-font-ui); letter-spacing:.1em; text-transform:uppercase; } .cpa-comments__head h2 { margin:0; color:var(--cpa-ink); font:700 clamp(1.7rem,3vw,2.4rem)/1.1 var(--cpa-font-heading); letter-spacing:-.035em; text-transform:none; } .cpa-comments__closed { padding:12px 14px; border:1px solid var(--cpa-line); border-radius:10px; background:#fff; color:var(--cpa-muted); font:600 10px/1.6 var(--cpa-font-ui); } .cpa-blog-comment-form .comment-notes { color:var(--cpa-muted); font:500 10px/1.65 var(--cpa-font-ui); } .woocommerce div.product div.summary > .vpt-current-product { width: 100% !important; max-width: 100%; margin-top: 0 !important; margin-bottom: 18px !important; clear: none !important; } .woocommerce div.product > .vpt-extra, .woocommerce div.product > .vpt-related-products { grid-column: 1 / -1; width: 100%; min-width: 0; margin-top: 14px !important; } @media (max-width: 782px) { .woocommerce div.product div.summary > .vpt-current-product, .woocommerce div.product > .vpt-extra, .woocommerce div.product > .vpt-related-products { width: 100% !important; max-width: 100%; } } @media (max-width: 700px) { .woocommerce div.product .vpt-wrapper, .woocommerce div.product .vpt-section, .woocommerce div.product .vpt-table-wrap, .woocommerce div.product .vpt-scroll-container { max-width: 100% !important; min-width: 0 !important; } .woocommerce div.product .vpt-table-wrap, .woocommerce div.product .vpt-scroll-container { overflow-x: hidden !important; } } .cpa-product-page .woocommerce div.product { column-gap: clamp(28px, 4vw, 58px); row-gap: 38px; } .cpa-product-page .woocommerce div.product div.images { border-color: #eadce4; border-radius: 24px; background: radial-gradient(circle at 12% 8%, rgba(var(--cpa-brand-rgb),.075), transparent 34%), linear-gradient(145deg,#fff,#fbf8fa); box-shadow: 0 18px 48px rgba(42,26,36,.07); } .cpa-product-page .woocommerce div.product div.summary { position: relative; padding: clamp(22px,2.4vw,32px) !important; border: 1px solid #eadce4; border-radius: 24px; background: linear-gradient(180deg,rgba(251,243,248,.72),rgba(255,255,255,0) 116px), #fff; box-shadow: 0 18px 48px rgba(42,26,36,.065); } .cpa-product-page .woocommerce div.product div.summary::before { content: ""; position: absolute; top: -1px; left: 27px; width: 72px; height: 3px; border-radius: 0 0 999px 999px; background: linear-gradient(90deg,var(--cpa-brand),var(--cpa-brand-deep)); } .cpa-product-page .cpa-single-product__categories { gap: 6px; margin: 0 0 12px; letter-spacing: .045em; } .cpa-product-page .cpa-single-product__categories a { display: inline-flex; align-items: center; min-height: 25px; padding: 5px 9px; border: 1px solid #e7d4df; border-radius: 999px; background: #fff8fc; color: var(--cpa-brand-deep); font-size: 8px; text-decoration: none !important; } .cpa-product-page .cpa-single-product__categories > span { display: none; } .cpa-product-page .woocommerce div.product .product_title { max-width: 720px; margin-bottom: 14px; font-size: clamp(2rem,3.15vw,3.15rem); line-height: 1.03; letter-spacing: -.025em; } .cpa-product-page .woocommerce div.product p.price, .cpa-product-page .woocommerce div.product span.price { margin-bottom: 18px; font-size: clamp(1.35rem,2vw,1.8rem); } .cpa-product-overview { margin: 4px 0 18px; border: 1px solid #eadce4; border-radius: 16px; background: #fff; overflow: hidden; box-shadow: 0 8px 24px rgba(46,29,40,.035); } .cpa-product-overview__head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 14px; border-bottom: 1px solid #efe5eb; background: linear-gradient(90deg,#fff8fc,#fdfbfc); font-family: var(--cpa-font-ui); } .cpa-product-overview__head > span { position: relative; padding-left: 14px; color: var(--cpa-ink); font-size: 9px; font-weight: 900; letter-spacing: .08em; line-height: 1.2; text-transform: uppercase; } .cpa-product-overview__head > span::before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; border-radius: 50%; background: var(--cpa-brand); box-shadow: 0 0 0 4px rgba(var(--cpa-brand-rgb),.10); transform: translateY(-50%); } .cpa-product-overview__head small { color: var(--cpa-muted); font-size: 8px; font-weight: 650; line-height: 1.25; } .cpa-product-overview__body { padding: 14px; } .cpa-product-page .woocommerce div.product .cpa-product-overview .woocommerce-product-details__short-description { margin: 0; color: #5d535d; font-size: 11.5px; line-height: 1.72; } .cpa-product-page .woocommerce-product-details__short-description h2, .cpa-product-page .woocommerce-product-details__short-description h3, .cpa-product-page .woocommerce-product-details__short-description h4 { margin: 17px 0 8px; color: var(--cpa-ink); font-family: var(--cpa-font-heading); font-size: 1.08rem; line-height: 1.25; letter-spacing: -.015em; text-transform: none; } .cpa-product-page .woocommerce-product-details__short-description ul, .cpa-product-page .woocommerce-product-details__short-description ol { margin: 10px 0; padding: 11px 13px 11px 30px; border: 1px solid #efe5eb; border-radius: 11px; background: #fdfbfc; } .cpa-product-page .woocommerce-product-details__short-description li { margin: 3px 0; } .cpa-product-page .woocommerce-product-details__short-description table { width: 100% !important; min-width: 0 !important; margin: 12px 0 2px !important; border: 1px solid #e8dbe3 !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 12px !important; background: #fff; overflow: hidden; table-layout: fixed; font: 650 9.5px/1.45 var(--cpa-font-ui) !important; } .cpa-product-page .woocommerce-product-details__short-description table th, .cpa-product-page .woocommerce-product-details__short-description table td { padding: 9px 10px !important; border-right: 1px solid #eee4ea !important; border-bottom: 1px solid #eee4ea !important; overflow-wrap: anywhere; } .cpa-product-page .woocommerce-product-details__short-description table th { width: 38% !important; background: #F2F9F8 !important; color: var(--cpa-ink) !important; font-weight: 850 !important; } .cpa-product-page .woocommerce-product-details__short-description table tr:last-child > * { border-bottom: 0 !important; } .cpa-product-page .woocommerce-product-details__short-description table tr > *:last-child { border-right: 0 !important; } .cpa-product-page .woocommerce div.product div.summary > .vpt-current-product { margin: 0 0 18px !important; } .cpa-product-page .vpt-current-product .vpt-section { border-color: #e5d6df !important; border-radius: 16px !important; box-shadow: 0 10px 28px rgba(39,24,34,.05) !important; } .cpa-product-page .vpt-current-product .vpt-heading { background: linear-gradient(135deg,#211923,#332632) !important; } .cpa-product-page .vpt-current-product .vpt-heading-kicker { color: #f0b8d9 !important; } .cpa-product-page .vpt-current-product .vpt-heading-note { color: #DCE8E6 !important; } .cpa-product-page .vpt-current-product .vpt-table thead tr { background: #F2F9F8 !important; color: #4a3945 !important; } .cpa-product-page .vpt-current-product .vpt-table tbody tr:nth-child(odd) { background: #fff !important; } .cpa-product-page .vpt-current-product .vpt-table tbody tr:nth-child(even) { background: #fdfbfc !important; } .cpa-product-page .vpt-current-product .vpt-table tbody tr:hover { background: #f5fbfa !important; } .cpa-product-page .vpt-variation-link { display: inline-flex !important; align-items: center; color: inherit !important; text-decoration: none !important; } .cpa-product-page .vpt-variation-link strong { text-decoration: none !important; transition: color .15s ease; } .cpa-product-page .vpt-section--linked .vpt-row:hover .vpt-variation-link strong, .cpa-product-page .vpt-variation-link:focus-visible strong { color: var(--cpa-brand-deep) !important; } .cpa-product-page .vpt-open-variation { display: none !important; } .cpa-product-page .cpa-product-assurances { gap: 7px; margin: 16px 0 8px; } .cpa-product-page .cpa-product-assurances > div { padding: 10px; border-color: #eadfe5; background: linear-gradient(145deg,#fff,#fcfafb); } .cpa-product-page .cpa-product-assurances > div > span { background: #eaf8f5; box-shadow: inset 0 0 0 1px #cce3df; } .cpa-product-page .cpa-product-promo-note { margin-bottom: 17px; border-style: solid; border-color: #d5eeea; background: linear-gradient(90deg,#f5fbfa,#fff); } .cpa-product-meta-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #eadfe5; font-family: var(--cpa-font-ui); } .cpa-product-meta-heading span { color: var(--cpa-ink); font-size: 9px; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; } .cpa-product-meta-heading small { color: var(--cpa-muted); font-size: 8px; font-weight: 650; } .cpa-product-page .woocommerce div.product .product_meta { gap: 6px; margin-top: 8px; padding: 0; border-top: 0; } .cpa-product-page .woocommerce div.product .product_meta > span { display: block; padding: 9px 11px; border: 1px solid #eee4ea; border-radius: 10px; background: #fdfbfc; color: #786d77; font-size: 8.5px; line-height: 1.55; } .cpa-product-page .woocommerce div.product .product_meta a { display: inline; color: var(--cpa-brand-deep); font-weight: 800; } .cpa-product-page .woocommerce div.product .woocommerce-tabs { margin-top: 36px; border: 1px solid #e8dce3; border-radius: 22px; background: #fff; box-shadow: 0 18px 46px rgba(43,27,37,.055); overflow: hidden; } .cpa-product-page .woocommerce div.product .woocommerce-tabs ul.tabs { gap: 8px; overflow: visible; margin: 0 !important; padding: 9px 10px !important; border: 0; border-bottom: 1px solid #ece2e8; border-radius: 0; background: linear-gradient(90deg,#F8FCFB,#fff); } .cpa-product-page .woocommerce div.product .woocommerce-tabs ul.tabs li { min-width: 0; } .cpa-product-page .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 10px 13px; border: 1px solid transparent; border-radius: 10px; font-size: 9px; letter-spacing: .02em; } .cpa-product-page .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { border-color: #ead6e2; background: #fff; color: var(--cpa-brand-deep); box-shadow: 0 6px 18px rgba(45,27,39,.055); } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel { margin: 0 !important; padding: clamp(24px,3.2vw,42px) !important; border: 0 !important; border-radius: 0 !important; background: #fff; color: #5b515b; font-size: 13px; line-height: 1.85; } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel > h2:first-child { margin: 0 0 22px; padding-bottom: 14px; border-bottom: 1px solid #eee5ea; color: var(--cpa-ink); font-size: clamp(1.55rem,2.25vw,2rem); line-height: 1.15; letter-spacing: -.025em; } .cpa-product-page .woocommerce-Tabs-panel--description h2:not(:first-child), .cpa-product-page .woocommerce-Tabs-panel--description h3, .cpa-product-page .woocommerce-Tabs-panel--description h4 { position: relative; margin: 31px 0 13px; padding-left: 16px; color: #4b414a; font-family: var(--cpa-font-heading); font-size: clamp(1.35rem,2vw,1.8rem); font-weight: 700; line-height: 1.24; letter-spacing: -.018em; text-transform: none; } .cpa-product-page .woocommerce-Tabs-panel--description h3, .cpa-product-page .woocommerce-Tabs-panel--description h4 { font-size: clamp(1.12rem,1.6vw,1.4rem); } .cpa-product-page .woocommerce-Tabs-panel--description h2:not(:first-child)::before, .cpa-product-page .woocommerce-Tabs-panel--description h3::before, .cpa-product-page .woocommerce-Tabs-panel--description h4::before { content: ""; position: absolute; left: 0; top: .15em; bottom: .12em; width: 4px; border-radius: 999px; background: linear-gradient(var(--cpa-brand),var(--cpa-brand-deep)); } .cpa-product-page .woocommerce-Tabs-panel--description p { margin: 0 0 15px; } .cpa-product-page .woocommerce-Tabs-panel--description > p:first-of-type { padding: 14px 16px; border: 1px solid #eee2e9; border-radius: 12px; background: #f8fcfb; color: #544a53; } .cpa-product-page .woocommerce-Tabs-panel--description ul, .cpa-product-page .woocommerce-Tabs-panel--description ol { margin: 15px 0 19px; padding: 14px 18px 14px 38px; border: 1px solid #eee3e9; border-radius: 14px; background: linear-gradient(145deg,#fff,#f8fcfb); } .cpa-product-page .woocommerce-Tabs-panel--description li { margin: 6px 0; padding-left: 2px; } .cpa-product-page .woocommerce-Tabs-panel--description a { color: var(--cpa-brand-deep); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 3px; } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel table { width: 100%; margin: 18px 0; border: 1px solid #e8dce3; border-collapse: separate; border-spacing: 0; border-radius: 14px; overflow: hidden; table-layout: fixed; font-size: 10px; } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel table th, .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel table td { padding: 11px 12px; border: 0; border-right: 1px solid #eee4ea; border-bottom: 1px solid #eee4ea; overflow-wrap: anywhere; vertical-align: top; } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel table th { width: 34%; background: #F2F9F8; color: var(--cpa-ink); font-weight: 850; } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel table tr:nth-child(even) td { background: #fdfbfc; } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel table tr:last-child > * { border-bottom: 0; } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel table tr > *:last-child { border-right: 0; } .cpa-product-page .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes-item__label { background: #F2F9F8 !important; color: var(--cpa-ink); font-weight: 850; } .cpa-product-page .woocommerce div.product > .vpt-extra, .cpa-product-page .woocommerce div.product > .vpt-related-products { margin-top: 4px !important; padding: clamp(22px,3vw,32px); border: 1px solid #eadde5; border-radius: 22px; background: linear-gradient(145deg,#fff,#f8fcfb); box-shadow: 0 14px 38px rgba(44,28,39,.045); } .cpa-product-page .vpt-extra-intro { margin-bottom: 16px; } .cpa-product-page .vpt-extra-kicker { color: var(--cpa-brand-dark); font: 900 8px/1.2 var(--cpa-font-ui); letter-spacing: .1em; text-transform: uppercase; } .cpa-product-page .vpt-extra-intro h2 { margin: 5px 0 6px; color: var(--cpa-ink); font-size: clamp(1.6rem,2.7vw,2.25rem); line-height: 1.1; text-transform: none; } .cpa-product-page .vpt-extra-intro p { margin: 0; color: var(--cpa-muted); font-size: 11px; line-height: 1.65; } .cpa-product-page .vpt-extra-list { display: grid; gap: 18px; } @media (max-width: 782px) { .cpa-product-page .woocommerce div.product div.summary { padding: 18px !important; border-radius: 20px; } .cpa-product-page .woocommerce div.product div.summary::before { left: 18px; } .cpa-product-page .woocommerce div.product .product_title { font-size: clamp(1.9rem,8vw,2.65rem); } .cpa-product-page .woocommerce div.product .woocommerce-tabs ul.tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; } .cpa-product-page .woocommerce div.product .woocommerce-tabs ul.tabs li { width: auto; } .cpa-product-page .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: flex; align-items: center; justify-content: center; height: 100%; padding: 9px 6px; font-size: 8px; line-height: 1.25; text-align: center; white-space: normal; } } @media (max-width: 560px) { .cpa-product-page .woocommerce div.product div.images { margin-bottom: 16px !important; } .cpa-product-page .woocommerce div.product div.summary { padding: 14px !important; border-radius: 17px; } .cpa-product-page .woocommerce div.product div.summary::before { left: 14px; width: 54px; } .cpa-product-page .cpa-single-product__categories a { min-height: 22px; padding: 4px 7px; font-size: 7.2px; } .cpa-product-page .woocommerce div.product .product_title { margin-bottom: 11px; font-size: clamp(1.75rem,8.5vw,2.35rem); } .cpa-product-overview { margin-bottom: 14px; border-radius: 13px; } .cpa-product-overview__head { padding: 9px 10px; } .cpa-product-overview__head > span { font-size: 7.5px; } .cpa-product-overview__head small { font-size: 7px; } .cpa-product-overview__body { padding: 10px; } .cpa-product-page .woocommerce div.product .cpa-product-overview .woocommerce-product-details__short-description { overflow: visible; font-size: 10.5px; line-height: 1.68; } .cpa-product-page .woocommerce-product-details__short-description table { width: 100% !important; min-width: 0 !important; font-size: 8.4px !important; } .cpa-product-page .woocommerce-product-details__short-description table th, .cpa-product-page .woocommerce-product-details__short-description table td { padding: 7px 6px !important; } .cpa-product-page .woocommerce-product-details__short-description table th { width: 40% !important; } .cpa-product-meta-heading { align-items: flex-start; flex-direction: column; gap: 2px; } .cpa-product-page .woocommerce div.product .woocommerce-tabs { border-radius: 16px; } .cpa-product-page .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 6px !important; } .cpa-product-page .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 8px 4px; font-size: 7.2px; } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel { padding: 18px 13px !important; font-size: 11.5px; line-height: 1.78; } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel > h2:first-child { margin-bottom: 16px; font-size: 1.35rem; } .cpa-product-page .woocommerce-Tabs-panel--description h2:not(:first-child) { margin-top: 25px; font-size: 1.28rem; } .cpa-product-page .woocommerce-Tabs-panel--description h3, .cpa-product-page .woocommerce-Tabs-panel--description h4 { font-size: 1.1rem; } .cpa-product-page .woocommerce-Tabs-panel--description > p:first-of-type, .cpa-product-page .woocommerce-Tabs-panel--description ul, .cpa-product-page .woocommerce-Tabs-panel--description ol { padding-top: 11px; padding-bottom: 11px; border-radius: 11px; } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel table { min-width: 0; font-size: 8.4px; } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel table th, .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel table td { padding: 8px 6px; } .cpa-product-page .woocommerce div.product .woocommerce-Tabs-panel table th { width: 40%; } .cpa-product-page .woocommerce div.product > .vpt-extra, .cpa-product-page .woocommerce div.product > .vpt-related-products { padding: 14px 10px; border-radius: 17px; } .cpa-product-page .vpt-extra-intro h2 { font-size: 1.45rem; } .cpa-product-page .vpt-extra-intro p { font-size: 9.5px; } } .cpa-commerce-main--product div.product { column-gap: clamp(28px,4vw,58px); row-gap: 38px; } .cpa-commerce-main--product div.product div.images { border-color: #eadce4; border-radius: 24px; background: radial-gradient(circle at 12% 8%, rgba(var(--cpa-brand-rgb),.075), transparent 34%), linear-gradient(145deg,#fff,#fbf8fa); box-shadow: 0 18px 48px rgba(42,26,36,.07); } .cpa-commerce-main--product div.product div.summary { position: relative; padding: clamp(22px,2.4vw,32px) !important; border: 1px solid #eadce4; border-radius: 24px; background: linear-gradient(180deg,rgba(251,243,248,.72),rgba(255,255,255,0) 116px),#fff; box-shadow: 0 18px 48px rgba(42,26,36,.065); } .cpa-commerce-main--product div.product div.summary::before { content: ""; position: absolute; top: -1px; left: 27px; width: 72px; height: 3px; border-radius: 0 0 999px 999px; background: linear-gradient(90deg,var(--cpa-brand),var(--cpa-brand-deep)); } .cpa-commerce-main--product .cpa-single-product__categories { gap: 6px; margin: 0 0 12px; letter-spacing: .045em; } .cpa-commerce-main--product .cpa-single-product__categories a { display: inline-flex; align-items: center; min-height: 25px; padding: 5px 9px; border: 1px solid #e7d4df; border-radius: 999px; background: #fff8fc; color: var(--cpa-brand-deep); font-size: 8px; text-decoration: none !important; } .cpa-commerce-main--product .cpa-single-product__categories > span { display: none; } .cpa-commerce-main--product div.product .product_title { max-width: 720px; margin-bottom: 14px; font-size: clamp(2rem,3.15vw,3.15rem); line-height: 1.03; letter-spacing: -.025em; } .cpa-commerce-main--product div.product p.price, .cpa-commerce-main--product div.product span.price { margin-bottom: 18px; font-size: clamp(1.35rem,2vw,1.8rem); } .cpa-commerce-main--product .cpa-product-overview { margin: 4px 0 18px; border: 1px solid #eadce4; border-radius: 16px; background: #fff; overflow: hidden; box-shadow: 0 8px 24px rgba(46,29,40,.035); } .cpa-commerce-main--product .cpa-product-overview__head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 14px; border-bottom: 1px solid #efe5eb; background: linear-gradient(90deg,#fff8fc,#fdfbfc); } .cpa-commerce-main--product .cpa-product-overview__body { padding: 14px; } .cpa-commerce-main--product div.product .cpa-product-overview .woocommerce-product-details__short-description { margin: 0 !important; color: #5d535d; font-size: 11.5px; line-height: 1.72; } .cpa-commerce-main--product .woocommerce-product-details__short-description h1, .cpa-commerce-main--product .woocommerce-product-details__short-description h2, .cpa-commerce-main--product .woocommerce-product-details__short-description h3, .cpa-commerce-main--product .woocommerce-product-details__short-description h4 { margin: 17px 0 8px !important; color: var(--cpa-ink) !important; font-family: var(--cpa-font-heading) !important; font-size: 1.08rem !important; line-height: 1.25 !important; letter-spacing: -.015em !important; text-transform: none !important; } .cpa-commerce-main--product .woocommerce-product-details__short-description table { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 12px 0 2px !important; border: 1px solid #e8dbe3 !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 12px !important; background: #fff !important; overflow: hidden; table-layout: fixed !important; font: 650 9.5px/1.45 var(--cpa-font-ui) !important; } .cpa-commerce-main--product .woocommerce-product-details__short-description table th, .cpa-commerce-main--product .woocommerce-product-details__short-description table td { padding: 9px 10px !important; border-right: 1px solid #eee4ea !important; border-bottom: 1px solid #eee4ea !important; overflow-wrap: anywhere; } .cpa-commerce-main--product .woocommerce-product-details__short-description table th { width: 38% !important; background: #F2F9F8 !important; color: var(--cpa-ink) !important; font-weight: 850 !important; } .cpa-commerce-main--product .woocommerce-product-details__short-description table tr:last-child > * { border-bottom: 0 !important; } .cpa-commerce-main--product .woocommerce-product-details__short-description table tr > *:last-child { border-right: 0 !important; } .cpa-commerce-main--product div.product div.summary > .vpt-current-product { margin: 0 0 18px !important; } .cpa-commerce-main--product div.product .product_meta { gap: 6px; margin-top: 8px; padding: 0; border-top: 0; } .cpa-commerce-main--product div.product .product_meta > span { display: block; padding: 9px 11px; border: 1px solid #eee4ea; border-radius: 10px; background: #fdfbfc; color: #786d77; font-size: 8.5px; line-height: 1.55; } .cpa-commerce-main--product div.product .woocommerce-tabs { grid-column: 1 / -1; width: 100%; min-width: 0; margin-top: 38px !important; border: 1px solid #e7d9e1 !important; border-radius: 22px !important; background: #fff !important; box-shadow: 0 18px 46px rgba(43,27,37,.065) !important; overflow: hidden !important; } .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px !important; overflow: visible !important; margin: 0 !important; padding: 8px !important; border: 0 !important; border-bottom: 1px solid #ece2e8 !important; border-radius: 0 !important; background: linear-gradient(90deg,#f5fbfa,#fff) !important; } .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs::before, .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs li::before, .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs li::after { display: none !important; } .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs li { float: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 11px !important; background: transparent !important; } .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs li a { display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 42px; padding: 9px 12px !important; border: 1px solid transparent !important; border-radius: 10px !important; background: transparent !important; color: #726772 !important; font: 800 9.5px/1.25 var(--cpa-font-ui) !important; letter-spacing: .015em; text-align: center; text-decoration: none !important; white-space: normal; } .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs li.active a { border-color: #e8d4e0 !important; background: #fff !important; color: var(--cpa-brand-deep) !important; box-shadow: 0 7px 20px rgba(45,27,39,.07) !important; } .cpa-commerce-main--product div.product .woocommerce-Tabs-panel { margin: 0 !important; padding: clamp(28px,3.4vw,46px) !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; color: #5a5059 !important; font-family: var(--cpa-font-body) !important; font-size: 13px !important; line-height: 1.85 !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h2:first-child.cpa-panel-heading-placeholder { display: none !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h1, .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h2, .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h3, .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h4, .cpa-commerce-main--product .woocommerce-Tabs-panel--description h1, .cpa-commerce-main--product .woocommerce-Tabs-panel--description h2, .cpa-commerce-main--product .woocommerce-Tabs-panel--description h3, .cpa-commerce-main--product .woocommerce-Tabs-panel--description h4 { color: #443943 !important; font-family: var(--cpa-font-heading) !important; font-weight: 700 !important; line-height: 1.22 !important; letter-spacing: -.018em !important; text-transform: none !important; word-break: normal !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h1:first-child, .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h2:first-child, .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h3:first-child { position: relative; margin: 0 0 20px !important; padding: 18px 20px 18px 24px !important; border: 1px solid #eadbe4 !important; border-radius: 16px !important; background: linear-gradient(135deg,#fff8fc,#fff) !important; font-size: clamp(1.45rem,2.35vw,2.05rem) !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h1:first-child::before, .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h2:first-child::before, .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h3:first-child::before { content: ""; position: absolute; left: 0; top: 15px; bottom: 15px; width: 4px; border-radius: 0 999px 999px 0; background: linear-gradient(var(--cpa-brand),var(--cpa-brand-deep)); } .cpa-commerce-main--product .woocommerce-Tabs-panel--description h2:not(:first-child), .cpa-commerce-main--product .woocommerce-Tabs-panel--description h3, .cpa-commerce-main--product .woocommerce-Tabs-panel--description h4 { position: relative; margin: 32px 0 13px !important; padding-left: 15px !important; font-size: clamp(1.22rem,1.7vw,1.55rem) !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description h3, .cpa-commerce-main--product .woocommerce-Tabs-panel--description h4 { font-size: clamp(1.05rem,1.35vw,1.25rem) !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description h2:not(:first-child)::before, .cpa-commerce-main--product .woocommerce-Tabs-panel--description h3::before, .cpa-commerce-main--product .woocommerce-Tabs-panel--description h4::before { content: ""; position: absolute; left: 0; top: .12em; bottom: .12em; width: 4px; border-radius: 999px; background: linear-gradient(var(--cpa-brand),var(--cpa-brand-deep)); } .cpa-commerce-main--product .woocommerce-Tabs-panel--description p { max-width: 1120px; margin: 0 0 15px !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description > p:first-of-type { max-width: none; margin-bottom: 22px !important; padding: 14px 16px !important; border: 1px solid #eee2e9 !important; border-radius: 12px !important; background: #f8fcfb !important; color: #544a53 !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description ul, .cpa-commerce-main--product .woocommerce-Tabs-panel--description ol { margin: 15px 0 20px !important; padding: 14px 18px 14px 38px !important; border: 1px solid #eee3e9 !important; border-radius: 14px !important; background: linear-gradient(145deg,#fff,#f8fcfb) !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description li { margin: 6px 0 !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description a { color: var(--cpa-brand-deep) !important; font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 3px; } .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 18px 0 24px !important; border: 1px solid #e7d9e1 !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 14px !important; background: #fff !important; overflow: hidden !important; table-layout: fixed !important; font: 650 10px/1.55 var(--cpa-font-ui) !important; } .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table th, .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table td { padding: 11px 13px !important; border: 0 !important; border-right: 1px solid #eee4ea !important; border-bottom: 1px solid #eee4ea !important; text-align: left !important; vertical-align: top !important; overflow-wrap: anywhere; } .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table th { width: 34% !important; background: #F2F9F8 !important; color: var(--cpa-ink) !important; font-weight: 850 !important; } .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table tr:nth-child(even) td { background: #fdfbfc !important; } .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table tr:last-child > * { border-bottom: 0 !important; } .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table tr > *:last-child { border-right: 0 !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--additional_information > h2:first-child, .cpa-commerce-main--product .woocommerce-Tabs-panel--reviews > h2:first-child { margin: 0 0 18px !important; color: var(--cpa-ink) !important; font-family: var(--cpa-font-heading) !important; font-size: clamp(1.35rem,2vw,1.8rem) !important; line-height: 1.2 !important; text-transform: none !important; } .cpa-commerce-main--product #reviews #comments ol.commentlist li .comment-text, .cpa-commerce-main--product #review_form #respond { border-color: #e9dfe5 !important; background: #f8fcfb !important; box-shadow: none !important; } .cpa-commerce-main--product div.product > .vpt-extra, .cpa-commerce-main--product div.product > .vpt-related-products { margin-top: 5px !important; padding: clamp(22px,3vw,32px) !important; border: 1px solid #eadde5 !important; border-radius: 22px !important; background: linear-gradient(145deg,#fff,#f8fcfb) !important; box-shadow: 0 14px 38px rgba(44,28,39,.045) !important; } .cpa-commerce-main--product .vpt-open-variation { display: none !important; } @media (max-width: 782px) { .cpa-commerce-main--product div.product div.summary { padding: 18px !important; border-radius: 20px; } .cpa-commerce-main--product div.product div.summary::before { left: 18px; } .cpa-commerce-main--product div.product .woocommerce-tabs { margin-top: 28px !important; border-radius: 18px !important; } .cpa-commerce-main--product div.product .woocommerce-Tabs-panel { padding: 24px 18px !important; } } @media (max-width: 560px) { .cpa-commerce-main--product div.product div.images { margin-bottom: 16px !important; } .cpa-commerce-main--product div.product div.summary { padding: 14px !important; border-radius: 17px; } .cpa-commerce-main--product div.product div.summary::before { left: 14px; width: 54px; } .cpa-commerce-main--product div.product .product_title { margin-bottom: 11px; font-size: clamp(1.75rem,8.5vw,2.35rem); } .cpa-commerce-main--product .cpa-product-overview__body { padding: 10px; } .cpa-commerce-main--product div.product .cpa-product-overview .woocommerce-product-details__short-description { overflow: visible !important; font-size: 10.5px; line-height: 1.68; } .cpa-commerce-main--product .woocommerce-product-details__short-description table { font-size: 8.4px !important; } .cpa-commerce-main--product .woocommerce-product-details__short-description table th, .cpa-commerce-main--product .woocommerce-product-details__short-description table td { padding: 7px 6px !important; } .cpa-commerce-main--product .woocommerce-product-details__short-description table th { width: 40% !important; } .cpa-commerce-main--product div.product .woocommerce-tabs { border-radius: 16px !important; } .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs { gap: 4px !important; padding: 6px !important; } .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs li a { min-height: 38px; padding: 7px 4px !important; font-size: 7.4px !important; } .cpa-commerce-main--product div.product .woocommerce-Tabs-panel { padding: 18px 12px !important; font-size: 11.5px !important; line-height: 1.78 !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h1:first-child, .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h2:first-child, .cpa-commerce-main--product .woocommerce-Tabs-panel--description > h3:first-child { margin-bottom: 15px !important; padding: 14px 13px 14px 17px !important; border-radius: 12px !important; font-size: 1.32rem !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description h2:not(:first-child) { margin-top: 24px !important; font-size: 1.2rem !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description h3, .cpa-commerce-main--product .woocommerce-Tabs-panel--description h4 { font-size: 1.02rem !important; } .cpa-commerce-main--product .woocommerce-Tabs-panel--description > p:first-of-type, .cpa-commerce-main--product .woocommerce-Tabs-panel--description ul, .cpa-commerce-main--product .woocommerce-Tabs-panel--description ol { padding-top: 10px !important; padding-bottom: 10px !important; border-radius: 11px !important; } .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table { font-size: 8.4px !important; } .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table th, .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table td { padding: 8px 6px !important; } .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table th { width: 40% !important; } .cpa-commerce-main--product div.product > .vpt-extra, .cpa-commerce-main--product div.product > .vpt-related-products { padding: 14px 10px !important; border-radius: 17px !important; } } .cpa-cart-coupon__form { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; } .cpa-cart-coupon__form input { width: 100%; min-width: 0; height: 38px; padding: 0 11px; border: 1px solid var(--cpa-line-strong); border-radius: 9px; background: #fff; color: var(--cpa-ink); font: 650 10.5px/1 var(--cpa-font-ui); outline: 0; } .cpa-cart-coupon__form input:focus { border-color: var(--cpa-brand); box-shadow: 0 0 0 3px rgba(var(--cpa-brand-rgb),.08); } .cpa-cart-coupon__applied { display: inline-flex; align-items: center; gap: 7px; justify-self: end; } .cpa-cart-coupon__remove { min-height: 32px; padding: 6px 9px; border: 1px solid #e4cbd9; border-radius: 8px; background: #fff; color: var(--cpa-brand-deep); font: 800 9.5px/1 var(--cpa-font-ui); cursor: pointer; } .cpa-cart-coupon__remove:hover { border-color: var(--cpa-brand); background: var(--cpa-brand-soft); } @media (min-width: 783px) { .cpa-product-page .cpa-commerce-breadcrumb { padding-top: 20px; padding-bottom: 12px; } .cpa-commerce-main--product div.product { grid-template-columns: minmax(0,2fr) minmax(0,3fr) !important; column-gap: clamp(18px,2.4vw,34px) !important; align-items: start !important; padding-top: 0 !important; } .cpa-commerce-main--product div.product div.images { position: relative !important; top: auto !important; align-self: start !important; margin: 0 !important; } .cpa-commerce-main--product div.product div.summary { align-self: start !important; margin: 0 !important; } } @media (min-width: 961px) { .woocommerce-checkout form.checkout { grid-template-columns: minmax(0,1.18fr) minmax(340px,.82fr); column-gap: 20px; row-gap: 0; } .woocommerce-checkout form.checkout #customer_details { grid-column: 1; grid-row: 1; gap: 12px; } .woocommerce-checkout #order_review_heading { grid-column: 2; grid-row: 1; align-self: start; margin: 0; padding: 0 2px; } .woocommerce-checkout #order_review { grid-column: 2; grid-row: 1; align-self: start; margin-top: 42px; position: sticky; top: 138px; } } .woocommerce-checkout form.checkout #customer_details > div { padding: 18px; border-radius: 16px; } .woocommerce-checkout form.checkout h3, .woocommerce-checkout #order_review_heading { margin-bottom: 12px; } .woocommerce-checkout .form-row { margin-bottom: 9px; } .woocommerce-checkout .form-row input.input-text, .woocommerce-checkout .form-row select, .woocommerce-checkout .select2-container .select2-selection--single { min-height: 42px; } .woocommerce-checkout .form-row textarea { min-height: 78px; } .woocommerce-checkout #order_review { padding: 17px; border-radius: 16px; } .woocommerce-checkout #order_review table.shop_table { margin-bottom: 11px; } .woocommerce-checkout #order_review table.shop_table th, .woocommerce-checkout #order_review table.shop_table td { padding: 9px 0; } .woocommerce-checkout #payment ul.payment_methods { padding: 10px 12px; } .woocommerce-checkout #payment .place-order { padding: 11px; } @media (max-width: 520px) { .cpa-cart-coupon__form { grid-template-columns: 1fr auto; } .cpa-cart-coupon__applied { grid-column: 2; justify-self: start; } } .cpa-catalog-layout { grid-template-columns: 214px minmax(0,1fr); gap: 18px; } .cpa-catalog-layout ul.products, .woocommerce-page .cpa-catalog-layout ul.products { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; } .cpa-catalog-layout .cpa-filter-panel { border-radius: 16px; } .cpa-catalog-layout .cpa-filter-group { padding-inline: 14px; } .cpa-catalog-layout .cpa-filter-panel__head { padding-inline: 14px; } .cpa-catalog-layout ul.products li.product, .woocommerce-page .cpa-catalog-layout ul.products li.product { border-radius: 17px; box-shadow: 0 7px 22px rgba(39,23,33,.05); } .cpa-catalog-layout ul.products li.product:hover, .woocommerce-page .cpa-catalog-layout ul.products li.product:hover { transform: translateY(-3px); box-shadow: 0 17px 36px rgba(46,26,39,.09); } .cpa-catalog-layout ul.products li.product a img, .woocommerce-page .cpa-catalog-layout ul.products li.product a img { box-sizing: border-box; aspect-ratio: 1.08 / 1; object-fit: contain; padding: 13px; margin-bottom: 13px; background: linear-gradient(145deg,#fff,#fbf8fa); } .cpa-catalog-layout .cpa-product-card__category { margin-inline: 13px; } .cpa-catalog-layout ul.products li.product .woocommerce-loop-product__title, .woocommerce-page .cpa-catalog-layout ul.products li.product h2 { padding-inline: 13px; font-size: clamp(13px,1.05vw,16px); } .cpa-catalog-layout ul.products li.product .price { margin-inline: 13px; font-size: 14px; } .cpa-catalog-layout .cpa-product-card__stock { margin-inline: 13px; } .cpa-catalog-layout ul.products li.product .button, .cpa-catalog-layout ul.products li.product a.added_to_cart { margin-inline: 13px; } .cpa-product-card__sku { display: block; margin: 7px 13px 0; color: var(--cpa-muted); font: 650 8px/1.35 var(--cpa-font-ui); letter-spacing: .035em; } .cpa-product-card__sku b { color: var(--cpa-ink-2); font-weight: 850; } .cpa-hide-single-sku .product_meta .sku_wrapper { display: none !important; } body.cpa-catalog-mode-load_more .cpa-catalog-results > nav.woocommerce-pagination, body.cpa-catalog-mode-infinite .cpa-catalog-results > nav.woocommerce-pagination { display: none; } .cpa-catalog-loader { display: grid; justify-items: center; gap: 8px; width: 100%; margin: 28px 0 4px; text-align: center; } .cpa-catalog-loader__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 190px; min-height: 46px; padding: 10px 18px; border: 0; border-radius: 12px; background: var(--cpa-ink); box-shadow: 0 9px 23px rgba(33,22,29,.13); color: #fff; font: 820 10.5px/1.2 var(--cpa-font-ui); cursor: pointer; transition: transform .15s ease, background .15s ease, box-shadow .15s ease; } .cpa-catalog-loader__button:hover { transform: translateY(-1px); background: var(--cpa-brand-dark); box-shadow: 0 12px 27px rgba(var(--cpa-brand-rgb),.18); } .cpa-catalog-loader__button:disabled { opacity: .62; cursor: wait; transform: none; } .cpa-catalog-loader__button svg { width: 16px; height: 16px; stroke-width: 1.9; } .cpa-catalog-loader.is-loading .cpa-catalog-loader__button svg { animation: cpa-loader-bob .7s ease-in-out infinite alternate; } .cpa-catalog-loader__status { min-height: 14px; color: var(--cpa-muted); font: 650 9px/1.45 var(--cpa-font-ui); } .cpa-catalog-loader__sentinel { width: 1px; height: 1px; } @keyframes cpa-loader-bob { to { transform: translateY(3px); } } .cpa-breadcrumb-categories { display: none; } .cpa-404 { padding: clamp(46px,7vw,92px) 0 clamp(70px,9vw,120px); background: radial-gradient(circle at 15% 18%,rgba(var(--cpa-brand-rgb),.09),transparent 25rem), linear-gradient(180deg,#fff,#fcf8fb); } .cpa-404__panel { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.72fr); gap: clamp(28px,5vw,72px); align-items: center; padding: clamp(28px,5vw,58px); border: 1px solid var(--cpa-line); border-radius: 26px; background: rgba(255,255,255,.94); box-shadow: 0 24px 70px rgba(44,27,38,.08); } .cpa-404__code { display: block; margin-bottom: 12px; color: var(--cpa-brand-dark); font: 900 11px/1.2 var(--cpa-font-ui); letter-spacing: .16em; text-transform: uppercase; } .cpa-404 h1 { margin: 0; max-width: 760px; font-size: clamp(2.5rem,6vw,5rem); line-height: .98; letter-spacing: -.025em; text-transform: none; } .cpa-404__copy { max-width: 680px; margin: 18px 0 24px; color: var(--cpa-muted); font-size: 14px; line-height: 1.75; } .cpa-404__actions { display: flex; flex-wrap: wrap; gap: 9px; } .cpa-404__actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--cpa-line-strong); border-radius: 11px; color: var(--cpa-ink); font: 820 10.5px/1.2 var(--cpa-font-ui); text-decoration: none; } .cpa-404__actions a:first-child { border-color: var(--cpa-ink); background: var(--cpa-ink); color: #fff; } .cpa-404__search { padding: 18px; border: 1px solid #eadde5; border-radius: 18px; background: #fff8fc; } .cpa-404__search > span { display: block; margin-bottom: 9px; color: var(--cpa-brand-deep); font: 850 9px/1.25 var(--cpa-font-ui); letter-spacing: .11em; text-transform: uppercase; } .cpa-404__search form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; } .cpa-404__search input { min-width: 0; height: 46px; padding: 0 13px; border: 1px solid var(--cpa-line-strong); border-radius: 11px; background: #fff; font: 600 11px/1 var(--cpa-font-ui); } .cpa-404__search button { min-height: 46px; padding: 0 15px; border: 0; border-radius: 11px; background: var(--cpa-brand); color: #fff; font: 850 10px/1 var(--cpa-font-ui); cursor: pointer; } .cpa-404__links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; } .cpa-404__links a { padding: 7px 9px; border-radius: 9px; background: #fff; color: var(--cpa-ink-2); font: 740 9px/1.2 var(--cpa-font-ui); text-decoration: none; } @media (max-width: 1180px) { .cpa-catalog-layout { grid-template-columns: 220px minmax(0,1fr); gap: 16px; } .cpa-catalog-layout ul.products, .woocommerce-page .cpa-catalog-layout ul.products { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; } } @media (max-width: 860px) { .cpa-catalog-layout { grid-template-columns: 1fr; } .cpa-catalog-layout ul.products, .woocommerce-page .cpa-catalog-layout ul.products { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; } .cpa-404__panel { grid-template-columns: 1fr; } } @media (max-width: 782px) { .cpa-nav-row { display: none !important; } .cpa-header-main .cpa-product-search { margin-bottom: 12px; } .cpa-mobile-nav { margin-bottom: 14px; } .cpa-mobile-categories { margin-top: 0; } .cpa-commerce-breadcrumb { position: relative; } .cpa-breadcrumb-categories { display: block; width: 100%; margin-top: 12px; color: var(--cpa-ink); } .cpa-breadcrumb-categories summary { display: grid; grid-template-columns: 18px minmax(0,1fr) 18px; align-items: center; gap: 9px; min-height: 43px; padding: 0 12px; border: 1px solid #e7d7e0; border-radius: 11px; background: rgba(255,255,255,.97); box-shadow: 0 7px 18px rgba(42,25,36,.06); font: 820 10.5px/1.2 var(--cpa-font-ui); list-style: none; cursor: pointer; } .cpa-breadcrumb-categories summary::-webkit-details-marker { display: none; } .cpa-breadcrumb-categories summary svg { width: 18px; height: 18px; stroke-width: 1.8; } .cpa-breadcrumb-categories__chevron { transition: transform .16s ease; } .cpa-breadcrumb-categories[open] .cpa-breadcrumb-categories__chevron { transform: rotate(180deg); } .cpa-breadcrumb-categories__panel { margin-top: 7px; padding: 11px; border: 1px solid #e7d7e0; border-radius: 12px; background: #fff; box-shadow: 0 13px 30px rgba(42,25,36,.10); } .cpa-breadcrumb-categories__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 2px 3px 8px; border-bottom: 1px solid #f0e7ec; font: 820 9px/1.25 var(--cpa-font-ui); } .cpa-breadcrumb-categories__head a { color: var(--cpa-brand-dark); text-decoration: none; } .cpa-breadcrumb-categories__panel ul { max-height: 260px; margin: 0; padding: 6px 0 0; overflow-y: auto; list-style: none; } .cpa-breadcrumb-categories__panel li { margin: 0; padding: 0; } .cpa-breadcrumb-categories__panel li + li { border-top: 1px solid #f4edf1; } .cpa-breadcrumb-categories__panel a { display: block; padding: 8px 4px; color: var(--cpa-ink-2); font: 720 10.5px/1.3 var(--cpa-font-ui); text-decoration: none; } .cpa-breadcrumb-categories__panel .children { margin-left: 10px; padding-left: 8px; border-left: 1px solid #eadde5; } .cpa-shop-hero .cpa-breadcrumb-categories { color: var(--cpa-ink); } } @media (max-width: 640px) { .cpa-catalog-layout ul.products, .woocommerce-page .cpa-catalog-layout ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; } .cpa-catalog-layout ul.products li.product a img, .woocommerce-page .cpa-catalog-layout ul.products li.product a img { padding: 9px; } .cpa-404 { padding-top: 30px; } .cpa-404__panel { width: min(calc(100% - 22px),var(--cpa-container)); padding: 23px 17px; border-radius: 18px; } .cpa-404__search form { grid-template-columns: 1fr; } .cpa-404__search button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .cpa-catalog-loader__button, .cpa-breadcrumb-categories__chevron { transition: none; } .cpa-catalog-loader.is-loading .cpa-catalog-loader__button svg { animation: none; } } .cpa-site-header { contain: none; overflow: visible; } .cpa-category-mega { padding: 0; overflow: hidden; border-color: #e7dce3; box-shadow: 0 26px 70px rgba(38,22,32,.18), 0 3px 12px rgba(38,22,32,.06); transform-origin: top left; } .cpa-category-nav.is-open .cpa-category-mega { animation: cpa-mega-in .16s ease-out both; } @keyframes cpa-mega-in { from { opacity: 0; transform: translateY(-5px) scale(.992); } to { opacity: 1; transform: translateY(0) scale(1); } } .cpa-category-mega__head { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 19px 21px; border-bottom: 1px solid #eee4ea; background: linear-gradient(135deg, #fff 0%, #fdf7fb 58%, #faeef6 100%); } .cpa-category-mega__head > div { min-width: 0; } .cpa-category-mega__head > div > span, .cpa-category-mega__head > div > strong, .cpa-category-mega__head > div > small { display: block; } .cpa-category-mega__head > div > span { margin-bottom: 2px; color: var(--cpa-brand-dark); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; } .cpa-category-mega__head > div > strong { color: var(--cpa-ink); font-family: var(--cpa-font-heading); font-size: 18px; font-weight: 760; letter-spacing: -.01em; } .cpa-category-mega__head > div > small { margin-top: 2px; color: var(--cpa-muted); font-size: 10px; font-weight: 620; } .cpa-category-mega__shop-all { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; min-height: 38px; padding: 0 13px; border: 1px solid #CDE4E1; border-radius: 999px; background: #fff; color: var(--cpa-brand-deep); font-size: 10px; font-weight: 850; text-decoration: none; box-shadow: 0 5px 16px rgba(67,36,55,.05); transition: background .15s ease, border-color .15s ease, transform .15s ease; } .cpa-category-mega__shop-all:hover, .cpa-category-mega__shop-all:focus-visible { background: var(--cpa-brand-soft); border-color: #A9D5D0; outline: 0; transform: translateY(-1px); } .cpa-category-mega__grid { list-style: none; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 0; padding: 14px; max-height: min(58vh, 500px); overflow: auto; overscroll-behavior: contain; background: #fff; scrollbar-width: thin; scrollbar-color: #d9c6d2 transparent; } .cpa-mega-category { min-width: 0; padding: 10px; border: 1px solid #eee5ea; border-radius: 13px; background: #fff; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, background .15s ease; } .cpa-mega-category:hover { border-color: #B9DAD6; background: #f8fcfb; box-shadow: 0 9px 24px rgba(55,31,46,.07); transform: translateY(-1px); } .cpa-mega-category__parent { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 9px; min-width: 0; color: var(--cpa-ink); text-decoration: none; } .cpa-mega-category__parent:focus-visible { outline: 2px solid rgba(var(--cpa-brand-rgb),.25); outline-offset: 4px; border-radius: 8px; } .cpa-mega-category__icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: linear-gradient(145deg, #EAF7F5, #DDF1EE); color: var(--cpa-brand-deep); font-family: var(--cpa-font-heading); font-size: 13px; font-weight: 850; box-shadow: inset 0 0 0 1px rgba(var(--cpa-brand-rgb),.11); } .cpa-mega-category__copy { min-width: 0; } .cpa-mega-category__copy strong, .cpa-mega-category__copy small { display: block; } .cpa-mega-category__copy strong { overflow: hidden; color: var(--cpa-ink); font-size: 11px; font-weight: 820; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; } .cpa-mega-category__copy small { margin-top: 2px; color: #938690; font-size: 8.5px; font-weight: 650; } .cpa-mega-category__arrow { color: #b9a4b1; font-size: 13px; transition: transform .15s ease, color .15s ease; } .cpa-mega-category:hover .cpa-mega-category__arrow { color: var(--cpa-brand-dark); transform: translateX(2px); } .cpa-mega-category__children { list-style: none; display: block; margin: 8px 0 0 45px; padding: 7px 0 0; border-top: 1px solid #f2eaee; } .cpa-mega-category__children li { margin: 0; } .cpa-mega-category__children a { display: block; padding: 4px 0; color: #726672; font-size: 9.5px; font-weight: 650; line-height: 1.35; text-decoration: none; } .cpa-mega-category__children a:hover, .cpa-mega-category__children a:focus-visible { color: var(--cpa-brand-dark); text-decoration: underline; text-underline-offset: 3px; outline: 0; } .cpa-category-mega__foot { display: flex; align-items: center; gap: 18px; padding: 9px 18px 10px; border-top: 1px solid #eee5ea; background: #fcfafb; color: #776a74; font-size: 8.5px; font-weight: 720; } .cpa-category-mega__foot span { display: inline-flex; align-items: center; gap: 5px; } .cpa-category-mega__foot b { display: grid; place-items: center; width: 15px; height: 15px; border-radius: 50%; background: #edf7f2; color: #16734f; font-size: 8px; } .cpa-footer-bottom .cpa-back-to-top { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.035); color: #c8bdc4; font-family: var(--cpa-font-ui); font-size: 10px; font-weight: 750; line-height: 1; cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease; } .cpa-footer-bottom .cpa-back-to-top:hover, .cpa-footer-bottom .cpa-back-to-top:focus-visible { border-color: rgba(255,255,255,.26); background: rgba(255,255,255,.08); color: #fff; outline: 0; transform: translateY(-1px); } .cpa-footer-bottom .cpa-back-to-top span:last-child { font-size: 14px; line-height: .8; } @media (min-width: 1101px) { .cpa-category-mega { width: min(1040px, calc(100vw - 36px)); max-height: min(72vh, 640px); } } @media (min-width: 951px) and (max-width: 1100px) { .cpa-category-mega { width: min(860px, calc(100vw - 36px)); } .cpa-category-mega__grid { grid-template-columns: repeat(3,minmax(0,1fr)); } } @media (min-width: 783px) and (max-width: 950px) { .cpa-category-mega { width: min(720px, calc(100vw - 36px)); } .cpa-category-mega__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .cpa-category-mega__foot { display: none; } } @media (max-width: 782px) { .cpa-category-mega { width: 100%; max-height: min(62vh, 520px); border-radius: 13px; } .cpa-category-mega__head { gap: 10px; padding: 13px; } .cpa-category-mega__head > div > small { display: none; } .cpa-category-mega__head > div > strong { font-size: 14px; } .cpa-category-mega__shop-all { min-height: 34px; padding-inline: 10px; font-size: 9px; } .cpa-category-mega__grid { grid-template-columns: 1fr; gap: 7px; max-height: min(46vh, 390px); padding: 9px; } .cpa-mega-category { padding: 9px; border-radius: 11px; } .cpa-mega-category__children { display: flex; flex-wrap: wrap; gap: 2px 10px; margin-left: 45px; } .cpa-mega-category__children a { padding: 3px 0; } .cpa-category-mega__foot { display: none; } .cpa-mobile-categories { margin: 4px 0 16px; padding: 0; border: 1px solid var(--cpa-line); border-radius: 14px; background: #fcfafb; overflow: hidden; } .cpa-mobile-categories__toggle { display: grid; grid-template-columns: 38px minmax(0,1fr) 20px; align-items: center; gap: 10px; width: 100%; min-height: 62px; padding: 10px 12px; border: 0; background: transparent; color: var(--cpa-ink); text-align: left; cursor: pointer; } .cpa-mobile-categories__toggle > span:nth-child(2) { min-width: 0; } .cpa-mobile-categories__toggle strong, .cpa-mobile-categories__toggle small { display: block; } .cpa-mobile-categories__toggle strong { font-size: 11px; font-weight: 880; letter-spacing: .02em; } .cpa-mobile-categories__toggle small { margin-top: 2px; color: var(--cpa-muted); font-size: 9px; font-weight: 620; } .cpa-mobile-categories__toggle-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--cpa-brand-soft); color: var(--cpa-brand-dark); } .cpa-mobile-categories__toggle-icon svg { width: 17px; height: 17px; stroke-width: 1.9; } .cpa-mobile-categories__chevron { width: 17px; height: 17px; color: #9b8994; stroke-width: 2; transition: transform .16s ease; } .cpa-mobile-categories.is-open .cpa-mobile-categories__chevron { transform: rotate(180deg); } .cpa-mobile-categories.is-open .cpa-mobile-categories__toggle { background: #fff; border-bottom: 1px solid var(--cpa-line); } .cpa-mobile-categories__panel { padding: 10px 12px 12px; background: #fff; } .cpa-mobile-categories__panel[hidden] { display: none !important; } .cpa-mobile-section-title { margin-bottom: 5px; } .cpa-mobile-category-list { max-height: 265px; } } @media (prefers-reduced-motion: reduce) { .cpa-category-nav.is-open .cpa-category-mega { animation: none; } .cpa-category-mega__shop-all, .cpa-mega-category, .cpa-mega-category__arrow, .cpa-mobile-categories__chevron, .cpa-footer-bottom .cpa-back-to-top { transition: none; } } .cpa-text-logo{ display:inline-flex; align-items:center; gap:9px; color:var(--cpa-brand-deep); text-decoration:none; } .cpa-text-logo__mark{ display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border-radius:9px; background:var(--cpa-brand); color:#fff; font-family:var(--cpa-font-ui); font-size:22px; font-weight:700; line-height:1; } .cpa-text-logo__copy{display:grid;line-height:1.05} .cpa-text-logo__copy strong{ font-family:var(--cpa-font-heading); font-size:13px; font-weight:750; letter-spacing:.035em; white-space:nowrap; } .cpa-text-logo__copy small{ margin-top:3px; color:var(--cpa-brand-dark); font-family:var(--cpa-font-ui); font-size:8.5px; font-weight:750; letter-spacing:.14em; white-space:nowrap; } .cpa-ticker{background:#123247} .cpa-ticker i{color:#8AD8D0} .cpa-ticker__deal{color:#E5F7F5} .cpa-site-footer{background:#123247} .cpa-site-footer .cpa-text-logo{color:#fff} .cpa-site-footer .cpa-text-logo__copy strong{color:#fff} .cpa-site-footer .cpa-text-logo__copy small{color:#8AD8D0} .cpa-footer-offer{border-color:#D5E6E3;background:linear-gradient(135deg,#fff,#F2F9F8)} .cpa-footer-code button{background:var(--cpa-brand)} .cpa-footer-code button:hover{background:var(--cpa-brand-dark)} .cpa-category-toggle{border-color:#D2E6E3;background:var(--cpa-brand-soft);color:var(--cpa-brand-deep)} .cpa-product-search__form{background:#FBFDFC} .cpa-cart-drawer__progress{background:var(--cpa-brand-softer)} .cpa-cart-drawer__progress::before{background:#D9EAE7} .cpa-cart-drawer__progress>span{background:linear-gradient(90deg,var(--cpa-brand),#56B7AE)} .cpa-site-header, .cpa-site-footer, .cpa-home, .woocommerce, .cpa-cart-drawer, .cpa-mobile-drawer{font-family:var(--cpa-font-ui)} .cpa-entry-title, .cpa-home h1, .cpa-home h2, .cpa-home h3, .woocommerce div.product .product_title, .woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--cpa-font-heading)} .cpa-home h1, .cpa-entry-title{line-height:1.08} .cpa-home h2{line-height:1.15} .cpa-home h3, .woocommerce ul.products li.product .woocommerce-loop-product__title{line-height:1.32} @media (max-width:782px){ .cpa-text-logo{gap:7px} .cpa-text-logo__mark{width:30px;height:30px;flex-basis:30px;border-radius:8px;font-size:19px} .cpa-text-logo__copy strong{font-size:10.5px;letter-spacing:.025em} .cpa-text-logo__copy small{margin-top:2px;font-size:7.5px;letter-spacing:.1em} } :root{ --tap-teal:#087F73; --tap-teal-dark:#05665D; --tap-navy:#123247; --tap-mint:#F2F9F8; --tap-mint-2:#F7FBFA; --tap-ink:#17252C; --tap-copy:#455A61; --tap-muted:#687B81; --tap-line:#DCE8E6; --tap-line-strong:#C9DCDA; --tap-white:#fff; --tap-radius-xs:8px; --tap-radius-sm:10px; --tap-radius:14px; --tap-radius-lg:18px; --tap-radius-xl:24px; --tap-shadow-xs:0 4px 16px rgba(18,50,71,.045); --tap-shadow-sm:0 10px 28px rgba(18,50,71,.07); --tap-shadow-md:0 18px 48px rgba(18,50,71,.10); --tap-shadow-lg:0 28px 72px rgba(18,50,71,.14); --cpa-brand:var(--tap-teal); --cpa-brand-rgb:8,127,115; --cpa-brand-dark:var(--tap-teal-dark); --cpa-brand-deep:var(--tap-navy); --cpa-brand-soft:var(--tap-mint); --cpa-brand-softer:var(--tap-mint-2); --cpa-ink:var(--tap-ink); --cpa-ink-2:var(--tap-copy); --cpa-muted:var(--tap-muted); --cpa-line:var(--tap-line); --cpa-line-strong:var(--tap-line-strong); --cpa-radius-sm:var(--tap-radius-sm); --cpa-radius:var(--tap-radius); --cpa-radius-lg:var(--tap-radius-lg); --cpa-shadow-sm:var(--tap-shadow-sm); --cpa-shadow:var(--tap-shadow-lg); --cpa-container:1260px; } html{scroll-padding-top:126px} body{ background:#fff; color:var(--tap-ink); font-family:var(--cpa-font-body); font-size:15px; line-height:1.58; letter-spacing:0; text-rendering:optimizeLegibility; } body,button,input,select,textarea{font-variation-settings:"wght" 400} button,input,select,textarea{font-size:inherit} ::selection{background:rgba(8,127,115,.18);color:var(--tap-navy)} :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(8,127,115,.24);outline-offset:2px} .cpa-shell,.cpa-home-shell{width:min(calc(100% - 40px),var(--cpa-container));margin-inline:auto} :where(.cpa-entry-title,.woocommerce-products-header__title,.cpa-commerce-core-head__copy h1){ font-family:var(--cpa-font-heading); font-size:clamp(30px,3.2vw,46px); font-weight:700; line-height:1.08; letter-spacing:-.025em; } :where(.entry-content h2,.woocommerce div.product .related>h2,.woocommerce div.product .upsells>h2){ font-family:var(--cpa-font-heading); font-size:clamp(24px,2.25vw,34px); font-weight:700; line-height:1.16; letter-spacing:-.02em; } :where(.entry-content h3,.entry-content h4){font-family:var(--cpa-font-heading);line-height:1.24;letter-spacing:-.012em} .entry-content p,.entry-content li{color:var(--tap-copy);line-height:1.72} .cpa-ticker{ min-height:30px; background:var(--tap-navy); font-size:10.5px; font-weight:700; letter-spacing:.055em; } .cpa-ticker__group>span{min-height:30px;padding-inline:20px} .cpa-ticker i{color:#83D4CB} .cpa-ticker__deal button{padding:3px 7px;border-radius:6px;font-size:10px;letter-spacing:.065em} .cpa-site-header{ background:rgba(255,255,255,.975); border-bottom:1px solid rgba(201,220,218,.82); box-shadow:0 8px 26px rgba(18,50,71,.055); backdrop-filter:saturate(140%) blur(12px); } .cpa-header-main{ grid-template-columns:minmax(190px,.82fr) minmax(340px,590px) auto; gap:20px; min-height:72px; } .cpa-brand .custom-logo,.cpa-default-logo{max-width:200px;max-height:46px} .cpa-text-logo{gap:8px} .cpa-text-logo__mark{width:32px;height:32px;flex-basis:32px;border-radius:9px;font-size:19px;box-shadow:0 8px 18px rgba(8,127,115,.16)} .cpa-text-logo__copy strong{font-size:12px;font-weight:700;letter-spacing:.025em} .cpa-text-logo__copy small{font-size:7.5px;font-weight:700;letter-spacing:.13em} .cpa-product-search{width:min(100%,590px)} .cpa-product-search__form{ min-height:44px; border-color:var(--tap-line-strong); border-radius:12px; background:#FBFDFC; box-shadow:none; } .cpa-product-search__form:focus-within{border-color:var(--tap-teal);box-shadow:0 0 0 3px rgba(8,127,115,.09)} .cpa-product-search input[type="search"]{padding:9px 10px;font-size:13px;line-height:1.3} .cpa-product-search__lead{width:17px;height:17px;margin-left:14px;color:#788B90} .cpa-product-search button{padding:0 15px;font-size:10.5px;font-weight:750;color:var(--tap-navy)} .cpa-header-actions{gap:3px} .cpa-icon-link,.cpa-menu-toggle{min-width:40px;height:40px;border-radius:10px;padding-inline:8px} .cpa-icon-link svg,.cpa-menu-toggle svg{width:19px;height:19px} .cpa-icon-link__label{font-size:10.5px;font-weight:700} .cpa-cart-count,.cpa-wishlist-count{font-family:var(--cpa-font-ui);font-weight:750} .cpa-nav-row{border-top:1px solid #EDF3F2} .cpa-nav-row__inner{min-height:44px;gap:14px} .cpa-category-toggle{min-height:36px;padding-inline:12px;border-radius:9px;font-size:10.5px;font-weight:750;background:var(--tap-mint);border-color:#CDE2DF} .cpa-primary-nav>ul{gap:2px} .cpa-primary-nav a{min-height:34px;padding:7px 9px;border-radius:8px;font-size:11.5px;font-weight:680} .cpa-nav-promo{font-size:9.5px;font-weight:750;letter-spacing:.04em} .cpa-nav-promo strong{font-size:9.5px;padding:3px 6px} .cpa-category-mega{border-color:var(--tap-line);border-radius:16px;box-shadow:var(--tap-shadow-lg)} .cpa-category-mega__head{background:linear-gradient(135deg,#fff,var(--tap-mint-2));border-color:var(--tap-line)} .cpa-category-mega__foot{border-color:var(--tap-line);background:#FBFDFC} .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce .button, .cpa-home-button,.cpa-auth-submit,.cpa-filter-empty-state .button{ min-height:44px; border-radius:10px; font-family:var(--cpa-font-ui); font-size:11px; font-weight:750; letter-spacing:0; box-shadow:none; } .woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt, .woocommerce div.product .single_add_to_cart_button{ background:var(--tap-teal); color:#fff; } .woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover, .woocommerce div.product .single_add_to_cart_button:hover{background:var(--tap-teal-dark);color:#fff;transform:translateY(-1px)} :where(.woocommerce,.cpa-home,.cpa-auth-shell) input:not([type="checkbox"]):not([type="radio"]), :where(.woocommerce,.cpa-home,.cpa-auth-shell) select, :where(.woocommerce,.cpa-home,.cpa-auth-shell) textarea{ border-color:var(--tap-line-strong); border-radius:10px; background:#fff; } .cpa-home{ --home-accent:var(--tap-teal); --home-accent-2:var(--tap-teal-dark); --home-ink:var(--tap-ink); --home-muted:var(--tap-muted); --home-line:var(--tap-line); --home-soft:var(--tap-mint); --home-radius:18px; } .cpa-home-section{padding:72px 0} .cpa-home-hero{background:radial-gradient(circle at 84% 18%,rgba(8,127,115,.11),transparent 24rem),linear-gradient(135deg,#fff 0%,#F3FAF8 62%,#EBF7F5 100%)} .cpa-home-hero__grid{min-height:560px;gap:48px;padding-top:54px;padding-bottom:54px} .cpa-home-kicker,.cpa-home-heading>div>span,.cpa-home-about__aside>span,.cpa-home-faq__intro>span,.cpa-home-final__inner>div>span{font-size:10px;font-weight:750;letter-spacing:.11em} .cpa-home-hero h1{max-width:680px;margin:14px 0 18px;font-size:clamp(40px,4.5vw,60px);line-height:1.02;letter-spacing:-.042em;font-weight:700} .cpa-home-hero__lead{max-width:620px;font-size:15.5px;line-height:1.7} .cpa-home-search{max-width:650px;margin-top:24px;padding:5px 5px 5px 15px;border-radius:14px;border-color:var(--tap-line-strong);box-shadow:var(--tap-shadow-sm)} .cpa-home-search button{min-height:44px;border-radius:9px;background:var(--tap-navy);font-size:11px} .cpa-home-search button:hover{background:var(--tap-teal)} .cpa-home-hero__actions{gap:9px;margin-top:18px} .cpa-home-button{min-height:44px;padding-inline:18px;border-radius:10px} .cpa-home-hero__note{margin-top:15px;font-size:11px;line-height:1.55} .cpa-home-hero__visual{min-height:440px} .cpa-home-hero__image{border-radius:22px;box-shadow:var(--tap-shadow-lg)} .cpa-home-visual-card--main{width:min(86%,360px);padding:28px;border-radius:20px 10px 20px 10px;box-shadow:var(--tap-shadow-md)} .cpa-home-visual-card--main .cpa-home-visual-card__icon{width:48px;height:48px;font-size:30px} .cpa-home-visual-card--main small{margin-top:32px;font-size:9.5px} .cpa-home-visual-card--main strong{font-size:25px} .cpa-home-visual-card--mini,.cpa-home-visual-card--mini2{padding:10px 13px;font-size:11px} .cpa-home-benefits__grid{border-color:var(--tap-line);border-radius:0 0 16px 16px;box-shadow:var(--tap-shadow-xs)} .cpa-home-benefit{gap:12px;padding:18px} .cpa-home-benefit__icon{flex-basis:36px;height:36px;border-radius:10px} .cpa-home-benefit h2{font-size:13.5px;font-weight:700} .cpa-home-benefit p{margin-top:4px;font-size:11px;line-height:1.45} .cpa-home-heading{margin-bottom:28px} .cpa-home-heading h2,.cpa-home-about h2,.cpa-home-faq h2,.cpa-home-final h2{font-size:clamp(28px,3vw,40px);line-height:1.1;font-weight:700} .cpa-home-heading p{font-size:13px;line-height:1.65} .cpa-home-category-grid{gap:14px} .cpa-home-category-card{min-height:136px;grid-template-columns:105px 1fr;border-radius:14px;border-color:var(--tap-line);box-shadow:var(--tap-shadow-xs)} .cpa-home-category-card:hover{transform:translateY(-2px);border-color:#B9D8D4;box-shadow:var(--tap-shadow-sm)} .cpa-home-category-card__media{margin:8px;border-radius:10px} .cpa-home-category-card>div:last-child{padding:14px 14px 14px 6px} .cpa-home-category-card small{font-size:10px} .cpa-home-category-card h3{margin:4px 0 9px;font-size:16px;line-height:1.22;font-weight:700} .cpa-home-category-card b{font-size:10.5px} .cpa-home-products{background:linear-gradient(180deg,#F8FCFB,#F0F8F6)} .cpa-home-product-grid{gap:14px} .cpa-home-product-card{border-radius:14px;border-color:var(--tap-line);box-shadow:var(--tap-shadow-xs)} .cpa-home-product-card:hover{transform:translateY(-2px);box-shadow:var(--tap-shadow-sm)} .cpa-home-product-card__image{padding:16px;background:#fff} .cpa-home-product-card__body{padding:14px} .cpa-home-product-card__cats{font-size:9.5px} .cpa-home-product-card h3{min-height:42px;margin:5px 0 13px;font-size:14.5px;line-height:1.35;font-weight:700} .cpa-home-product-card .price{font-size:13.5px} .cpa-home-product-card__link{width:34px;height:34px;flex-basis:34px;border-radius:9px} .cpa-home-offer__inner{padding:38px 42px;border-radius:18px;background:linear-gradient(130deg,var(--tap-navy),var(--tap-teal));box-shadow:var(--tap-shadow-md)} .cpa-home-offer h2{font-size:clamp(27px,3vw,39px)} .cpa-home-offer__code{border-radius:14px} .cpa-home-process__grid,.cpa-home-testimonials__grid{gap:14px} .cpa-home-testimonial-card,.cpa-home-seo-card,.cpa-home-seo-safety{border-radius:16px;box-shadow:var(--tap-shadow-xs)} .cpa-home-about{background:linear-gradient(145deg,#0C2935,var(--tap-navy));color:#fff} .cpa-home-faq details{border-radius:12px} .cpa-home-final__inner{border-radius:18px;background:linear-gradient(120deg,var(--tap-navy),var(--tap-teal));box-shadow:var(--tap-shadow-md)} .cpa-commerce-main--catalog{padding-top:22px} .cpa-catalog-layout{grid-template-columns:240px minmax(0,1fr);gap:20px} .cpa-filter-panel{top:122px;border-color:var(--tap-line);border-radius:14px;box-shadow:var(--tap-shadow-xs)} .admin-bar .cpa-filter-panel{top:154px} .cpa-filter-panel__head{padding:15px 14px 13px;background:linear-gradient(145deg,#fff,var(--tap-mint-2));border-color:var(--tap-line)} .cpa-filter-panel__head span{font-size:7.5px;letter-spacing:.09em} .cpa-filter-panel__head strong{font-size:14.5px} .cpa-filter-group{padding:14px} .cpa-filter-group h3{margin-bottom:8px;font-size:9px} .cpa-filter-option{min-height:32px;padding:6px 7px;border-radius:8px;font-size:9.5px} .cpa-filter-check{font-size:9.5px} .cpa-shop-toolbar{border-color:var(--tap-line);border-radius:12px;background:#fff;box-shadow:var(--tap-shadow-xs)} .woocommerce .cpa-shop-toolbar .woocommerce-ordering select{min-height:40px;border-radius:9px;font-size:10px} .woocommerce ul.products,.woocommerce-page ul.products{gap:16px} .woocommerce ul.products li.product,.woocommerce-page ul.products li.product{ border-color:var(--tap-line); border-radius:14px; box-shadow:var(--tap-shadow-xs); } .woocommerce ul.products li.product:hover{transform:translateY(-2px);border-color:#BCD9D5;box-shadow:var(--tap-shadow-sm)} .woocommerce ul.products li.product a img{margin-bottom:12px;background:linear-gradient(145deg,#fff,#F7FBFA)} .woocommerce ul.products li.product:hover a img{transform:scale(1.012)} .woocommerce ul.products li.product .onsale,.woocommerce span.onsale{background:var(--tap-navy);font-size:9px} .woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{font-size:13.5px!important;line-height:1.35!important;font-weight:700!important;letter-spacing:-.01em!important} .woocommerce ul.products li.product .price{font-size:13px!important;color:var(--tap-navy)!important} .woocommerce ul.products li.product .button{min-height:38px!important;border-radius:9px!important;font-size:9.5px!important} .cpa-wishlist-button{border-radius:9px!important} .cpa-product-page .cpa-commerce-breadcrumb{padding-top:20px;padding-bottom:12px} .cpa-commerce-main--product div.product{grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);column-gap:clamp(30px,4vw,50px);row-gap:30px} .cpa-commerce-main--product div.product div.images{ top:126px; padding:12px; border-color:var(--tap-line)!important; border-radius:18px!important; background:linear-gradient(145deg,#fff,#F8FCFB)!important; box-shadow:var(--tap-shadow-sm)!important; } .cpa-commerce-main--product div.product div.summary{ padding:22px!important; border-color:var(--tap-line)!important; border-radius:18px!important; background:linear-gradient(180deg,#F8FCFB 0,#fff 112px)!important; box-shadow:var(--tap-shadow-sm)!important; } .cpa-commerce-main--product div.product div.summary::before{left:22px;width:56px;background:linear-gradient(90deg,var(--tap-teal),var(--tap-navy))} .cpa-commerce-main--product .cpa-single-product__categories a{min-height:24px;padding:4px 8px;border-color:#CEE3E0;background:var(--tap-mint);color:var(--tap-teal-dark);font-size:7.5px} .cpa-commerce-main--product div.product .product_title{margin-bottom:12px;font-size:clamp(30px,3.2vw,44px);line-height:1.05;letter-spacing:-.03em;font-weight:700} .cpa-commerce-main--product div.product p.price,.cpa-commerce-main--product div.product span.price{font-size:clamp(21px,2vw,28px);color:var(--tap-navy)} .cpa-commerce-main--product .cpa-product-overview{border-color:var(--tap-line);border-radius:12px;box-shadow:none} .cpa-commerce-main--product .cpa-product-overview__head{padding:9px 11px;border-color:var(--tap-line);background:var(--tap-mint-2)} .cpa-commerce-main--product .cpa-product-overview__body{padding:11px} .cpa-commerce-main--product div.product .cpa-product-overview .woocommerce-product-details__short-description{color:var(--tap-copy);font-size:11.5px;line-height:1.65} .cpa-product-assurances{gap:7px;margin-top:12px} .cpa-product-assurances>div{padding:8px;border-color:var(--tap-line);border-radius:10px;background:var(--tap-mint-2)} .cpa-product-promo-note{border-color:#B8DAD5;background:var(--tap-mint);color:var(--tap-navy)} .woocommerce div.product form.cart .qty{height:44px;border-radius:10px} .woocommerce div.product form.cart .button,.woocommerce div.product .single_add_to_cart_button,.woocommerce div.product .cpa-wishlist-button--single{min-height:44px;border-radius:10px} .cpa-commerce-main--product div.product .product_meta>span{border-color:var(--tap-line);background:var(--tap-mint-2)} .cpa-commerce-main--product div.product .woocommerce-tabs{margin-top:28px!important;border-color:var(--tap-line)!important;border-radius:16px!important;box-shadow:var(--tap-shadow-sm)!important} .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs{border-color:var(--tap-line)!important;background:var(--tap-mint-2)!important} .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs li.active a{border-color:#C9DFDC!important;color:var(--tap-navy)!important;box-shadow:var(--tap-shadow-xs)!important} .cpa-commerce-main--product div.product .woocommerce-Tabs-panel{padding:clamp(22px,3vw,36px)!important;color:var(--tap-copy)!important;font-size:13px!important;line-height:1.78!important} .cpa-commerce-main--product .woocommerce-Tabs-panel--description>:is(h1,h2,h3):first-child{border-color:var(--tap-line)!important;background:linear-gradient(135deg,var(--tap-mint-2),#fff)!important;border-radius:12px!important} .cpa-commerce-main--product .woocommerce-Tabs-panel--description>p:first-of-type, .cpa-commerce-main--product .woocommerce-Tabs-panel--description ul, .cpa-commerce-main--product .woocommerce-Tabs-panel--description ol{border-color:var(--tap-line)!important;background:var(--tap-mint-2)!important} .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table{border-color:var(--tap-line)!important;border-radius:12px!important} .cpa-commerce-main--product div.product .woocommerce-Tabs-panel table th{background:var(--tap-mint)!important} .cpa-cart-drawer{width:min(100%,440px);box-shadow:-24px 0 70px rgba(18,50,71,.18)} .cpa-cart-drawer__head{background:var(--tap-navy);color:#fff} .cpa-cart-drawer__eyebrow{color:#8ED9D1} .cpa-cart-drawer__progress{background:var(--tap-mint-2);border-color:var(--tap-line)} .woocommerce-cart .woocommerce-cart-form,.woocommerce-cart .cart-collaterals, .woocommerce-checkout form.checkout,.woocommerce-checkout #order_review, .woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{ border-color:var(--tap-line)!important; border-radius:16px!important; box-shadow:var(--tap-shadow-xs)!important; } .woocommerce-cart table.shop_table,.woocommerce-checkout table.shop_table{border-color:var(--tap-line)!important;border-radius:12px!important} .woocommerce-cart table.shop_table th,.woocommerce-checkout table.shop_table th{background:var(--tap-mint-2)!important;color:var(--tap-navy)!important;font-size:10px!important} .woocommerce-checkout #payment{border-radius:14px!important;background:var(--tap-mint-2)!important} .woocommerce-checkout #payment div.payment_box{background:#fff!important;border:1px solid var(--tap-line)!important;border-radius:10px!important} .woocommerce form .form-row label{font-size:10px;font-weight:700;color:var(--tap-copy)} .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{min-height:44px;border-radius:10px;border-color:var(--tap-line-strong)} .woocommerce-account .woocommerce-MyAccount-navigation a{border-radius:9px!important} .cpa-site-footer{background:var(--tap-navy);padding-top:34px} .cpa-footer-offer{padding:18px 20px;border-color:#CFE2DF;border-radius:14px;background:linear-gradient(135deg,#fff,var(--tap-mint));box-shadow:var(--tap-shadow-xs)} .cpa-footer-offer__copy p strong{font-size:14px} .cpa-footer-offer__copy p span{font-size:10.5px} .cpa-footer-code{border-radius:10px} .cpa-footer-code strong{font-size:14px} .cpa-footer-grid{gap:34px;padding-top:38px;padding-bottom:32px} .cpa-footer-description{max-width:360px;font-size:11.5px;line-height:1.65} .cpa-footer-title{font-size:10px;letter-spacing:.08em} .cpa-footer-menu a{font-size:10.5px;line-height:1.45} .cpa-footer-contact{gap:8px} .cpa-footer-contact a,.cpa-footer-contact>div{border-radius:10px} .cpa-footer-safe{gap:8px;padding:14px 0;border-color:rgba(255,255,255,.10)} .cpa-footer-safe span{font-size:9.5px} .cpa-footer-bottom{min-height:52px;font-size:9.5px} @media (max-width:1180px){ .cpa-header-main{grid-template-columns:minmax(170px,.7fr) minmax(300px,1.2fr) auto;gap:14px} .cpa-icon-link__label{display:none} .cpa-primary-nav a{padding-inline:7px;font-size:10.5px} .cpa-nav-promo{display:none} .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,minmax(0,1fr))} .cpa-catalog-layout ul.products,.woocommerce-page .cpa-catalog-layout ul.products{grid-template-columns:repeat(3,minmax(0,1fr))} } @media (max-width:960px){ .cpa-header-main{grid-template-columns:minmax(160px,1fr) auto;min-height:66px} .cpa-product-search{grid-column:1/-1;grid-row:2;width:100%;padding-bottom:10px} .cpa-nav-row__inner{gap:9px} .cpa-primary-nav a{font-size:10px} .cpa-catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:14px} .cpa-catalog-layout ul.products,.woocommerce-page .cpa-catalog-layout ul.products{grid-template-columns:repeat(2,minmax(0,1fr))} .cpa-commerce-main--product div.product{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);column-gap:24px} } @media (max-width:860px){ .cpa-catalog-layout{grid-template-columns:1fr} .cpa-filter-panel,.admin-bar .cpa-filter-panel{position:static;max-height:none} } @media (max-width:782px){ html{scroll-padding-top:78px} .cpa-shell,.cpa-home-shell{width:min(calc(100% - 28px),var(--cpa-container))} .cpa-ticker{min-height:27px;font-size:9px} .cpa-ticker__group>span{min-height:27px;padding-inline:13px} .cpa-header-main{display:flex;flex-wrap:wrap;min-height:58px;gap:9px;padding-block:7px} .cpa-brand{order:1;flex:1;min-width:0} .cpa-brand .custom-logo,.cpa-default-logo{max-width:158px;max-height:38px} .cpa-text-logo__mark{width:29px;height:29px;flex-basis:29px;font-size:17px} .cpa-text-logo__copy strong{font-size:9.8px} .cpa-text-logo__copy small{font-size:6.8px} .cpa-product-search{order:3;flex:0 0 100%;width:100%;padding:0 0 8px} .cpa-product-search__form{min-height:42px;border-radius:10px} .cpa-product-search input[type="search"]{font-size:12px} .cpa-header-actions{order:2;margin-left:auto} .cpa-header-actions .cpa-whatsapp-head,.cpa-header-actions .cpa-wishlist-head,.cpa-header-actions .cpa-account-link{display:none} .cpa-icon-link,.cpa-menu-toggle{width:38px;min-width:38px;height:38px;padding:0;border-radius:9px} .cpa-nav-row{display:none} .cpa-mobile-drawer{width:min(92vw,380px)} .cpa-mobile-drawer__top{min-height:62px;padding:12px 14px} .cpa-mobile-deal{margin:0 12px 10px;border-radius:10px} .cpa-mobile-nav{padding-inline:12px} .cpa-mobile-nav a{min-height:42px;font-size:12px} .cpa-mobile-categories{margin:4px 12px 12px;border-radius:12px} .cpa-mobile-categories__toggle{min-height:56px} .cpa-mobile-utility{padding:12px;gap:7px} .cpa-home-section{padding:54px 0} .cpa-home-hero__grid{min-height:auto;gap:28px;padding-top:36px;padding-bottom:40px} .cpa-home-hero h1{font-size:clamp(34px,9vw,46px);line-height:1.04} .cpa-home-hero__lead{font-size:14px;line-height:1.65} .cpa-home-hero__visual{min-height:0} .cpa-home-heading{margin-bottom:22px} .cpa-home-heading h2,.cpa-home-about h2,.cpa-home-faq h2,.cpa-home-final h2{font-size:clamp(26px,7vw,34px)} .cpa-home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .cpa-home-category-card{display:block;min-height:0;border-radius:12px} .cpa-home-category-card__media{aspect-ratio:1.18;margin:7px} .cpa-home-category-card>div:last-child{padding:10px 11px 12px} .cpa-home-category-card h3{min-height:34px;font-size:13.5px} .cpa-home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .cpa-home-product-card{border-radius:12px} .cpa-home-product-card__image{padding:9px} .cpa-home-product-card__body{padding:11px} .cpa-home-product-card h3{min-height:38px;font-size:13px} .cpa-home-product-card__bottom{gap:7px} .cpa-home-product-card .price{font-size:12px} .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .woocommerce ul.products li.product,.woocommerce-page ul.products li.product{border-radius:12px} .woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{font-size:12.5px!important} .woocommerce ul.products li.product .price{font-size:12px!important} .cpa-commerce-main--product div.product{display:block;padding-top:0} .cpa-commerce-main--product div.product div.images{position:relative;top:auto;margin-bottom:14px!important;padding:9px;border-radius:14px!important} .cpa-commerce-main--product div.product div.summary{padding:16px!important;border-radius:14px!important} .cpa-commerce-main--product div.product .product_title{font-size:clamp(28px,8vw,36px)} .cpa-product-assurances{grid-template-columns:1fr 1fr 1fr;gap:5px} .cpa-product-assurances>div{grid-template-columns:1fr;justify-items:center;text-align:center;padding:7px 5px} .cpa-product-assurances strong{font-size:7.8px} .cpa-product-assurances small{font-size:6.8px;white-space:normal} .cpa-commerce-main--product div.product .woocommerce-tabs{border-radius:14px!important} .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs{grid-template-columns:repeat(3,minmax(104px,1fr));overflow-x:auto!important} .cpa-commerce-main--product div.product .woocommerce-Tabs-panel{padding:18px 14px!important;font-size:12px!important} .woocommerce-cart .woocommerce-cart-form,.woocommerce-cart .cart-collaterals,.woocommerce-checkout form.checkout,.woocommerce-checkout #order_review{border-radius:13px!important} .cpa-footer-offer{display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:15px} .cpa-footer-grid{grid-template-columns:1fr 1fr;gap:26px 18px;padding-top:30px} .cpa-footer-brand{grid-column:1/-1} .cpa-footer-safe{grid-template-columns:1fr;gap:7px} } @media (max-width:520px){ .cpa-shell,.cpa-home-shell{width:min(calc(100% - 22px),var(--cpa-container))} body{font-size:14.5px} .cpa-home-search{grid-template-columns:20px minmax(0,1fr) auto;padding:4px 4px 4px 12px} .cpa-home-search button{grid-column:auto;min-height:40px;padding-inline:13px;font-size:9.5px;border:0} .cpa-home-hero__actions{display:grid;grid-template-columns:1fr 1fr} .cpa-home-button{width:100%;min-height:42px;padding-inline:12px;font-size:10px} .cpa-home-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border:0;box-shadow:none} .cpa-home-benefit,.cpa-home-benefit:nth-child(2),.cpa-home-benefit:nth-child(-n+2),.cpa-home-benefit:last-child{min-height:118px;padding:11px;border:1px solid var(--tap-line)!important;border-radius:11px;background:#fff} .cpa-home-benefit__icon{width:31px;height:31px;flex-basis:31px} .cpa-home-benefit h2{font-size:11.5px} .cpa-home-benefit p{font-size:9.5px;line-height:1.4} .cpa-home-category-grid,.cpa-home-product-grid{gap:8px} .cpa-home-category-card__media{aspect-ratio:1.12} .cpa-home-category-card h3{font-size:12.5px} .cpa-home-product-card__cats{font-size:8px} .cpa-home-product-card h3{min-height:36px;font-size:12px;line-height:1.3} .cpa-home-product-card .price{font-size:11px} .cpa-home-product-card__link{width:30px;height:30px;flex-basis:30px} .woocommerce ul.products,.woocommerce-page ul.products{gap:8px} .woocommerce ul.products li.product a img{margin-bottom:8px} .woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{font-size:11.5px!important;line-height:1.32!important} .woocommerce ul.products li.product .price{font-size:11px!important} .woocommerce ul.products li.product .button{min-height:34px!important;font-size:8.5px!important} .cpa-shop-toolbar__controls{gap:7px} .woocommerce .cpa-shop-toolbar .woocommerce-ordering select{min-width:145px} .cpa-commerce-main--product div.product div.summary{padding:14px!important} .cpa-commerce-main--product div.product .product_title{font-size:clamp(25px,7.4vw,32px)} .cpa-commerce-main--product div.product p.price,.cpa-commerce-main--product div.product span.price{font-size:21px} .cpa-product-assurances>div>span{width:26px;height:26px;font-size:9px} .cpa-commerce-main--product div.product form.cart:not(.variations_form):not(.grouped_form){display:grid;grid-template-columns:66px minmax(0,1fr)} .woocommerce div.product .cpa-wishlist-button--single{grid-column:1/-1;width:100%;margin:0} .cpa-footer-grid{grid-template-columns:1fr 1fr} .cpa-footer-menu a{font-size:10px} .cpa-footer-bottom{align-items:flex-start;flex-direction:column;gap:10px;padding-block:14px} } @media (max-width:360px){ .cpa-home-hero__actions{grid-template-columns:1fr} .cpa-home-product-grid,.cpa-home-category-grid,.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr))} .cpa-footer-grid{grid-template-columns:1fr} } @media (prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important} } :root{ --tap13-navy:#082A38; --tap13-navy-2:#0D3544; --tap13-teal:#087F73; --tap13-teal-dark:#05665D; --tap13-mint:#EAF8F5; --tap13-mint-2:#F5FBFA; --tap13-ice:#F7FAFA; --tap13-ink:#10262F; --tap13-copy:#435B63; --tap13-muted:#6D8187; --tap13-line:#D8E7E4; --tap13-line-strong:#C6DBD7; --tap13-white:#fff; --tap13-gold:#D99D31; --tap13-shadow:0 18px 48px rgba(8,42,56,.10); --tap13-shadow-lg:0 30px 86px rgba(8,42,56,.16); --tap13-radius:16px; --tap13-radius-lg:24px; --cpa-brand:var(--tap13-teal); --cpa-brand-dark:var(--tap13-teal-dark); --cpa-brand-deep:var(--tap13-navy); --cpa-brand-soft:var(--tap13-mint); --cpa-brand-softer:var(--tap13-mint-2); --cpa-ink:var(--tap13-ink); --cpa-ink-2:var(--tap13-copy); --cpa-muted:var(--tap13-muted); --cpa-line:var(--tap13-line); --cpa-line-strong:var(--tap13-line-strong); } body{background:#fff;color:var(--tap13-ink)} ::selection{background:rgba(8,127,115,.18);color:var(--tap13-navy)} .cpa-ticker{background:var(--tap13-navy);min-height:34px;box-shadow:inset 0 -1px rgba(255,255,255,.08)} .cpa-ticker__group>span{min-height:34px;padding-inline:24px} .cpa-ticker__deal button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.36)} .cpa-site-header{background:rgba(255,255,255,.97);border-bottom-color:rgba(198,219,215,.8);box-shadow:0 10px 32px rgba(8,42,56,.07);backdrop-filter:blur(16px) saturate(140%)} .cpa-header-main{min-height:78px;gap:22px} .cpa-brand .custom-logo,.cpa-default-logo{max-height:50px;max-width:210px} .cpa-product-search__form{min-height:50px;border-radius:15px;background:var(--tap13-mint-2);border-color:var(--tap13-line-strong);box-shadow:inset 0 1px rgba(255,255,255,.8)} .cpa-product-search__form:focus-within{background:#fff;border-color:rgba(8,127,115,.66);box-shadow:0 0 0 4px rgba(8,127,115,.10),0 12px 32px rgba(8,42,56,.08)} .cpa-product-search button{padding-inline:20px;background:var(--tap13-navy);color:#fff;border-left:0;margin:5px;border-radius:10px} .cpa-product-search button:hover{background:var(--tap13-teal)} .cpa-icon-link,.cpa-menu-toggle{border-radius:12px;background:transparent;transition:background .18s ease,color .18s ease,transform .18s ease} .cpa-icon-link:hover,.cpa-menu-toggle:hover{background:var(--tap13-mint);color:var(--tap13-teal-dark);transform:translateY(-1px)} .cpa-nav-row{border-top-color:#edf4f2;border-bottom:1px solid #edf4f2;box-shadow:0 6px 18px rgba(8,42,56,.03)} .cpa-primary-nav a{font-weight:700;color:#24444e;border-radius:9px;transition:background .18s ease,color .18s ease} .cpa-primary-nav a:hover,.cpa-primary-nav .current-menu-item>a{background:var(--tap13-mint);color:var(--tap13-teal-dark)} .cpa-nav-promo strong{background:var(--tap13-mint);color:var(--tap13-teal-dark)} .cpa-home-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{ border-radius:11px!important;font-weight:800!important;letter-spacing:.005em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important } .cpa-home-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{transform:translateY(-2px)} .cpa-home-button--primary,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce div.product .single_add_to_cart_button{ background:linear-gradient(135deg,var(--tap13-teal),var(--tap13-teal-dark))!important;color:#fff!important;box-shadow:0 12px 26px rgba(8,127,115,.22)!important } .cpa-home-button--primary:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce div.product .single_add_to_cart_button:hover{box-shadow:0 16px 34px rgba(8,127,115,.28)!important} .cpa-home-hero{ isolation:isolate; background: radial-gradient(circle at 84% 12%,rgba(8,127,115,.15),transparent 25rem), radial-gradient(circle at 66% 88%,rgba(8,42,56,.06),transparent 21rem), linear-gradient(135deg,#fff 0%,#F6FCFA 52%,#EBF7F4 100%); } .cpa-home-hero::after{content:"";position:absolute;inset:auto -120px -190px auto;width:430px;height:430px;border:1px solid rgba(8,127,115,.10);border-radius:50%;z-index:-1} .cpa-home-hero__grid{min-height:610px;gap:68px;padding-top:64px;padding-bottom:64px} .cpa-home-kicker{padding:7px 11px;border:1px solid #cce5e1;border-radius:999px;background:rgba(234,248,245,.84);box-shadow:0 6px 18px rgba(8,42,56,.04)} .cpa-home-kicker i{width:7px;height:7px;border-radius:50%;background:var(--tap13-teal);box-shadow:0 0 0 5px rgba(8,127,115,.10)} .cpa-home-hero h1{max-width:720px;font-size:clamp(46px,5vw,70px);line-height:.99;letter-spacing:-.048em;color:var(--tap13-navy)} .cpa-home-hero__lead{max-width:655px;color:var(--tap13-copy);font-size:17px;line-height:1.72} .cpa-home-search{max-width:680px;margin-top:27px;border:1px solid var(--tap13-line-strong);border-radius:16px;box-shadow:0 18px 44px rgba(8,42,56,.10)} .cpa-home-search:focus-within{border-color:rgba(8,127,115,.55);box-shadow:0 0 0 4px rgba(8,127,115,.08),0 20px 48px rgba(8,42,56,.12)} .cpa-home-search button{background:var(--tap13-navy);min-height:46px;padding-inline:22px} .cpa-home-hero__actions{margin-top:22px;gap:11px} .cpa-home-button{min-height:48px;padding-inline:21px} .cpa-home-button--ghost{background:rgba(255,255,255,.84);border-color:var(--tap13-line-strong);box-shadow:0 8px 20px rgba(8,42,56,.04)} .cpa-home-button--ghost:hover{background:#fff;border-color:#b8d6d1} .cpa-home-hero__note{color:#6c8086;font-size:11.5px} .cpa-home-hero__visual{min-height:470px} .cpa-home-hero__image{border-radius:30px;box-shadow:var(--tap13-shadow-lg);outline:1px solid rgba(255,255,255,.9);outline-offset:-1px} .cpa-home-visual-card{border:1px solid rgba(255,255,255,.9);box-shadow:0 22px 60px rgba(8,42,56,.15)} .cpa-home-visual-card--main{border-radius:24px;padding:32px;background:rgba(255,255,255,.96);transform:rotate(-1deg)} .cpa-home-visual-card--main .cpa-home-visual-card__icon{border-radius:15px;background:linear-gradient(145deg,var(--tap13-teal),var(--tap13-teal-dark));box-shadow:0 10px 24px rgba(8,127,115,.24)} .cpa-home-visual-card--mini,.cpa-home-visual-card--mini2{border-radius:14px;background:rgba(255,255,255,.94)} .cpa-home-benefits{position:relative;z-index:2;margin-top:-1px} .cpa-home-benefits__grid{border:1px solid var(--tap13-line);border-radius:0 0 20px 20px;background:#fff;box-shadow:0 14px 36px rgba(8,42,56,.06);overflow:hidden} .cpa-home-benefit{padding:22px 20px;gap:14px} .cpa-home-benefit__icon{width:42px;height:42px;flex-basis:42px;border-radius:12px;background:var(--tap13-mint);color:var(--tap13-teal-dark)} .cpa-home-benefit h2{font-size:14px;color:var(--tap13-navy)} .cpa-home-benefit p{font-size:11.5px;color:var(--tap13-copy)} .cpa-home-section{padding:82px 0} .cpa-home-heading{margin-bottom:34px;gap:28px} .cpa-home-heading h2,.cpa-home-about h2,.cpa-home-faq h2,.cpa-home-final h2{color:var(--tap13-navy);font-size:clamp(30px,3.2vw,44px);letter-spacing:-.035em} .cpa-home-heading p{max-width:650px;color:var(--tap13-copy);font-size:14px} .cpa-home-heading>div>span,.cpa-home-about__aside>span,.cpa-home-faq__intro>span,.cpa-home-final__inner>div>span{color:var(--tap13-teal-dark);font-weight:800} .cpa-home-categories{background:linear-gradient(180deg,#fff 0%,var(--tap13-mint-2) 100%)} .cpa-home-category-grid{gap:18px} .cpa-home-category-card{min-height:154px;grid-template-columns:122px 1fr;border:1px solid var(--tap13-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(8,42,56,.045);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .cpa-home-category-card:hover{transform:translateY(-5px);border-color:#afd3cd;box-shadow:0 20px 50px rgba(8,42,56,.10)} .cpa-home-category-card__media{margin:10px;border-radius:14px;background:linear-gradient(145deg,var(--tap13-mint),#f9fdfc)} .cpa-home-category-card__media span{background:#fff;color:var(--tap13-teal);box-shadow:0 10px 22px rgba(8,42,56,.06)} .cpa-home-category-card>div:last-child{padding:18px 18px 18px 5px} .cpa-home-category-card h3{font-size:17px;color:var(--tap13-navy)} .cpa-home-category-card b{color:var(--tap13-teal-dark)} .cpa-home-products{background:linear-gradient(180deg,var(--tap13-mint-2),#eef7f5)} .cpa-home-product-grid{gap:18px} .cpa-home-product-card{border:1px solid var(--tap13-line);border-radius:18px;box-shadow:0 8px 24px rgba(8,42,56,.045);overflow:hidden} .cpa-home-product-card:hover{transform:translateY(-5px);border-color:#b3d4cf;box-shadow:0 22px 56px rgba(8,42,56,.11)} .cpa-home-product-card__image{padding:20px;background:linear-gradient(145deg,#fff,#f8fcfb)} .cpa-home-product-card__body{padding:17px} .cpa-home-product-card__cats{color:var(--tap13-muted);font-weight:650} .cpa-home-product-card h3{font-size:15px;color:var(--tap13-navy);min-height:44px} .cpa-home-product-card .price{font-size:14.5px;color:var(--tap13-navy)} .cpa-home-product-card__link{width:38px;height:38px;flex-basis:38px;border-radius:11px;background:var(--tap13-mint);color:var(--tap13-teal-dark);transition:background .18s ease,color .18s ease,transform .18s ease} .cpa-home-product-card:hover .cpa-home-product-card__link{background:var(--tap13-teal);color:#fff;transform:translateX(2px)} .cpa-home-sale{background:var(--tap13-navy);box-shadow:0 7px 16px rgba(8,42,56,.18)} .cpa-home-offer__inner{padding:46px 50px;border-radius:24px;background:linear-gradient(128deg,var(--tap13-navy) 0%,#0e3c49 48%,var(--tap13-teal) 100%);box-shadow:var(--tap13-shadow-lg)} .cpa-home-offer__code{border-radius:14px;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.26)} .cpa-home-process__grid article,.cpa-home-testimonial-card,.cpa-home-seo-card{border:1px solid var(--tap13-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(8,42,56,.05)} .cpa-home-testimonial-card{padding:24px} .cpa-home-testimonial-card__stars{color:var(--tap13-gold)} .cpa-home-testimonial-card__avatar{background:var(--tap13-mint);color:var(--tap13-teal-dark)} .cpa-home-seo-library{background:#fff} .cpa-home-seo-safety{border:1px solid #cae3df;border-radius:18px;background:var(--tap13-mint-2);box-shadow:none} .cpa-home-about{background:linear-gradient(140deg,#061F2A 0%,var(--tap13-navy) 62%,#0B4850 100%)} .cpa-home-prose__note{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:14px} .cpa-home-faq details{border:1px solid var(--tap13-line);border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(8,42,56,.035)} .cpa-home-faq details[open]{border-color:#b8d8d3;box-shadow:0 12px 30px rgba(8,42,56,.07)} .cpa-home-final__inner{border-radius:24px;background:linear-gradient(120deg,var(--tap13-navy),#0b4752 55%,var(--tap13-teal));box-shadow:var(--tap13-shadow-lg)} .cpa-commerce-main--catalog{padding-top:28px} .cpa-filter-panel{border:1px solid var(--tap13-line);border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(8,42,56,.06)} .cpa-filter-panel__head{background:linear-gradient(145deg,#fff,var(--tap13-mint-2));border-bottom-color:var(--tap13-line)} .cpa-filter-option:hover{background:var(--tap13-mint)} .cpa-shop-toolbar{border:1px solid var(--tap13-line);border-radius:14px;box-shadow:0 8px 24px rgba(8,42,56,.045)} .woocommerce ul.products,.woocommerce-page ul.products{gap:18px} .woocommerce ul.products li.product,.woocommerce-page ul.products li.product{border:1px solid var(--tap13-line);border-radius:18px;box-shadow:0 8px 24px rgba(8,42,56,.045);overflow:hidden;background:#fff} .woocommerce ul.products li.product:hover{transform:translateY(-5px);border-color:#b2d4cf;box-shadow:0 22px 56px rgba(8,42,56,.11)} .woocommerce ul.products li.product a img{background:linear-gradient(145deg,#fff,#f7fbfa);transition:transform .22s ease} .woocommerce ul.products li.product:hover a img{transform:scale(1.025)} .woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{color:var(--tap13-navy)!important;font-size:14.5px!important} .woocommerce ul.products li.product .price{color:var(--tap13-navy)!important;font-size:14px!important;font-weight:800!important} .woocommerce ul.products li.product .button{border-radius:10px!important} .cpa-commerce-main--product div.product div.images{border:1px solid var(--tap13-line)!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#f7fcfb)!important;box-shadow:0 18px 48px rgba(8,42,56,.08)!important} .cpa-commerce-main--product div.product div.summary{padding:28px!important;border:1px solid var(--tap13-line)!important;border-radius:22px!important;background:linear-gradient(180deg,var(--tap13-mint-2) 0,#fff 132px)!important;box-shadow:0 18px 48px rgba(8,42,56,.08)!important} .cpa-commerce-main--product div.product div.summary::before{height:4px;border-radius:99px;background:linear-gradient(90deg,var(--tap13-teal),var(--tap13-navy))} .cpa-commerce-main--product div.product .product_title{color:var(--tap13-navy);font-size:clamp(34px,3.4vw,48px);letter-spacing:-.04em} .cpa-commerce-main--product div.product p.price,.cpa-commerce-main--product div.product span.price{color:var(--tap13-navy);font-weight:800} .cpa-commerce-main--product .cpa-product-overview{border:1px solid var(--tap13-line);border-radius:14px} .cpa-product-assurances>div{background:var(--tap13-mint-2);border-color:var(--tap13-line);border-radius:12px} .cpa-product-promo-note{border-color:#b9d9d4;background:var(--tap13-mint);border-radius:12px} .cpa-commerce-main--product div.product .woocommerce-tabs{border:1px solid var(--tap13-line)!important;border-radius:20px!important;box-shadow:0 14px 38px rgba(8,42,56,.07)!important;overflow:hidden} .cpa-commerce-main--product div.product .woocommerce-tabs ul.tabs{background:var(--tap13-mint-2)!important} .cpa-cart-drawer{box-shadow:-24px 0 72px rgba(8,42,56,.20)} .cpa-cart-drawer__head{background:linear-gradient(135deg,var(--tap13-navy),#0b4350)} .woocommerce-cart .woocommerce-cart-form,.woocommerce-cart .cart-collaterals,.woocommerce-checkout form.checkout,.woocommerce-checkout #order_review,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{border:1px solid var(--tap13-line)!important;border-radius:18px!important;box-shadow:0 10px 32px rgba(8,42,56,.055)!important;background:#fff} .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border-color:var(--tap13-line-strong);border-radius:11px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease} .woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{border-color:rgba(8,127,115,.58);box-shadow:0 0 0 4px rgba(8,127,115,.08);outline:0} .cpa-site-footer{background:linear-gradient(145deg,#061F2A,var(--tap13-navy) 55%,#0A3540);padding-top:42px} .cpa-footer-offer{padding:22px 24px;border:1px solid #c7dfdb;border-radius:18px;background:linear-gradient(135deg,#fff,var(--tap13-mint));box-shadow:0 14px 34px rgba(8,42,56,.06)} .cpa-footer-code{border-radius:11px;background:var(--tap13-navy);color:#fff} .cpa-footer-code strong{color:#fff} .cpa-footer-grid{gap:42px;padding-top:44px;padding-bottom:38px} .cpa-footer-description{font-size:12px;color:rgba(255,255,255,.72)} .cpa-footer-title{color:#8fd8d0} .cpa-footer-menu a{color:rgba(255,255,255,.82);transition:color .18s ease,transform .18s ease} .cpa-footer-menu a:hover{color:#fff;transform:translateX(2px)} .cpa-footer-contact a,.cpa-footer-contact>div{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10)} .cpa-footer-safe{border-color:rgba(255,255,255,.10)} @media (prefers-reduced-motion:no-preference){ .cpa-home-category-card,.cpa-home-product-card,.woocommerce ul.products li.product{will-change:transform} } @media (max-width:1180px){ .cpa-home-hero__grid{gap:38px} .cpa-home-hero h1{font-size:clamp(42px,5vw,60px)} .cpa-home-category-card{grid-template-columns:108px 1fr} } @media (max-width:782px){ .cpa-site-header{box-shadow:0 8px 24px rgba(8,42,56,.07)} .cpa-header-main{min-height:64px} .cpa-brand .custom-logo,.cpa-default-logo{max-height:42px;max-width:168px} .cpa-product-search__form{min-height:46px;border-radius:13px} .cpa-product-search button{padding-inline:14px} .cpa-home-section{padding:62px 0} .cpa-home-hero__grid{padding-top:42px;padding-bottom:42px;gap:30px} .cpa-home-hero h1{font-size:clamp(38px,11vw,50px);line-height:1.01} .cpa-home-hero__lead{font-size:15px;line-height:1.65} .cpa-home-search{margin-top:20px;border-radius:14px} .cpa-home-hero__actions{display:grid;grid-template-columns:1fr 1fr} .cpa-home-button{min-height:46px;padding-inline:14px;font-size:11.5px} .cpa-home-benefits__grid{border-radius:0 0 16px 16px} .cpa-home-benefit{padding:16px 14px} .cpa-home-category-grid{grid-template-columns:1fr 1fr;gap:12px} .cpa-home-category-card{display:block;border-radius:15px;min-height:0} .cpa-home-category-card__media{aspect-ratio:1.12;margin:8px} .cpa-home-category-card>div:last-child{padding:11px 12px 14px} .cpa-home-category-card h3{font-size:13.5px;min-height:34px} .cpa-home-product-grid,.cpa-home--market .cpa-home-product-grid{grid-template-columns:1fr 1fr;gap:12px} .cpa-home-product-card{border-radius:15px} .cpa-home-product-card__image{padding:11px} .cpa-home-product-card__body{padding:12px} .cpa-home-product-card h3{font-size:13px;min-height:38px} .cpa-home-product-card__link{width:32px;height:32px;flex-basis:32px;border-radius:9px} .cpa-home-offer__inner{padding:30px 24px;border-radius:18px} .cpa-site-footer{padding-top:30px} .cpa-footer-offer{border-radius:15px;padding:17px} } @media (max-width:480px){ .cpa-shell,.cpa-home-shell{width:min(calc(100% - 22px),var(--cpa-container))} .cpa-ticker__group>span{padding-inline:16px} .cpa-home-hero h1{font-size:clamp(35px,11.8vw,44px)} .cpa-home-hero__actions{grid-template-columns:1fr} .cpa-home-category-grid,.cpa-home-product-grid,.cpa-home--market .cpa-home-product-grid{gap:10px} .cpa-home-category-card h3{font-size:12.5px} .cpa-home-category-card small{font-size:9px} .cpa-home-product-card h3{font-size:12px} .cpa-home-product-card .price{font-size:11.5px} } .cpa-home-about h2, .cpa-home-final h2{ color:#fff; } .cpa-home-about__aside>span, .cpa-home-final__inner>div>span{ color:#9be2da; } .cpa-home-about__checks p, .cpa-home-about .cpa-home-prose{ color:rgba(255,255,255,.82); } .cpa-home-about .cpa-home-prose__note p{ color:rgba(255,255,255,.76); } .cpa-home-final__inner .cpa-home-button--primary{ background:#fff; color:var(--tap13-navy); box-shadow:0 12px 28px rgba(6,31,42,.18); } .cpa-home-final__inner .cpa-home-button--primary:hover{ background:var(--tap13-mint); color:var(--tap13-navy); } .cpa-cart-drawer__head{ border-bottom-color:rgba(255,255,255,.10); } .cpa-cart-drawer__eyebrow{ color:#9be2da; } .cpa-cart-drawer__title{ color:#fff; } .cpa-cart-drawer__count, .cpa-cart-drawer__count b{ color:rgba(255,255,255,.76); } .cpa-cart-backdrop{ background:rgba(6,31,42,.54); } .cpa-shop-hero{ border-bottom-color:#0b4650; background: radial-gradient(circle at 86% 10%,rgba(118,224,211,.20),transparent 30%), radial-gradient(circle at 72% 92%,rgba(255,255,255,.07),transparent 28%), linear-gradient(124deg,#061f2a 0%,var(--tap13-navy) 48%,var(--tap13-teal) 100%); } .cpa-shop-hero::before, .cpa-shop-hero::after{ border-color:rgba(255,255,255,.10); } .cpa-shop-kicker{ color:#a3e4dd; } .cpa-shop-hero__utility{ border-color:rgba(255,255,255,.17); background:rgba(255,255,255,.085); box-shadow:0 24px 55px rgba(6,31,42,.22); } .cpa-shop-search{ box-shadow:0 16px 36px rgba(6,31,42,.18); } .cpa-shop-search svg{ color:#73888f; } .cpa-shop-search input[type="search"]::placeholder{ color:#829399; } .cpa-shop-promo{ border-color:rgba(255,255,255,.13); background:rgba(6,31,42,.25); } .cpa-category-discovery{ background:linear-gradient(180deg,#fff 0%,#fbfefd 100%); } .cpa-category-discovery__actions button:hover{ border-color:#b6d9d4; background:var(--tap13-mint); } .cpa-category-rail{ scrollbar-color:#bfd7d3 transparent; } .cpa-category-tile{ border-color:var(--tap13-line); background:linear-gradient(145deg,#fff,#f5fbfa); box-shadow:0 8px 24px rgba(8,42,56,.045); } .cpa-category-tile:hover, .cpa-category-tile:focus-visible{ border-color:#b7d8d4; box-shadow:0 14px 32px rgba(8,42,56,.09); } .cpa-category-tile__visual{ background:var(--tap13-mint); } .cpa-category-tile__placeholder{ background: radial-gradient(circle at 68% 25%,rgba(255,255,255,.92) 0 12%,transparent 13%), linear-gradient(145deg,#eaf8f5,#d5eeea); color:var(--tap13-navy); } .cpa-category-tile__arrow{ color:#78939a; } .cpa-about-australia{ border-color:var(--tap13-line); background: radial-gradient(circle at 88% 18%,rgba(8,127,115,.13),transparent 30%), linear-gradient(135deg,#fff,#f5fbfa); } .cpa-about-australia__note{ border-color:#cce2de; } .cpa-about-cta, .cpa-contact-promise{ background:linear-gradient(125deg,#061f2a,var(--tap13-navy) 58%,#0b4650); } .cpa-about-cta .cpa-section-label{ color:#9be2da; } .cpa-about-cta .cpa-section-label::before{ background:#9be2da; } .cpa-contact-method:hover{ border-color:#b9d9d4; background:var(--tap13-mint-2); } .cpa-blog-categories a:hover, .cpa-blog-categories a.is-active{ border-color:#b8d8d3; background:var(--tap13-mint); color:var(--tap13-navy); } .cpa-story-card{ border-bottom-color:var(--tap13-line); } .cpa-story-card__media{ background:var(--tap13-mint); } .cpa-story-card__placeholder{ background:linear-gradient(135deg,#dff3ef,var(--tap13-teal) 58%,var(--tap13-navy)); } .cpa-single-content{ color:#344d55; } .cpa-single-content h2, .cpa-single-content h3, .cpa-single-content h4{ color:var(--tap13-navy); } .cpa-single-content blockquote, .cpa-single-content .wp-block-quote{ background:var(--tap13-mint-2); color:#344d55; } .cpa-single-content th{ background:var(--tap13-mint-2); color:var(--tap13-navy); } .cpa-product-page .cpa-product-assurances>div{ border-color:var(--tap13-line); background:linear-gradient(145deg,#fff,var(--tap13-mint-2)); } .cpa-product-page .cpa-product-assurances>div>span{ background:var(--tap13-mint); box-shadow:inset 0 0 0 1px #cce3df; } .cpa-product-page .cpa-product-promo-note{ border-color:#b9d9d4; background:linear-gradient(90deg,var(--tap13-mint),#fff); } .cpa-product-meta-heading{ border-top-color:var(--tap13-line); } .cpa-product-page .woocommerce-Tabs-panel--description>p:first-of-type{ border-color:var(--tap13-line); background:var(--tap13-mint-2); color:#445b62; } .cpa-product-page .woocommerce-Tabs-panel--description ul, .cpa-product-page .woocommerce-Tabs-panel--description ol{ border-color:var(--tap13-line); background:linear-gradient(145deg,#fff,var(--tap13-mint-2)); } .cmc-medical-information{ border-color:#cee3df!important; background:#f8fcfb!important; } .cpa-mega-category{ border-color:var(--tap13-line); } .cpa-mega-category:hover{ border-color:#b9dad6; background:#f8fcfb; box-shadow:0 9px 24px rgba(8,42,56,.07); } .cpa-active-filters__chips a, .cpa-filter-empty-state__secondary{ border-color:var(--tap13-line); } .cpa-active-filters__chips a:hover, .cpa-filter-empty-state__secondary:hover{ border-color:#b7d8d4; background:var(--tap13-mint); } .cpa-shop-search button:focus-visible, .cpa-category-discovery__actions button:focus-visible, .cpa-cart-close:focus-visible, .cpa-cart-primary:focus-visible, .cpa-home-button:focus-visible{ outline:3px solid rgba(145,224,214,.78); outline-offset:3px; } @media (max-width:782px){ .cpa-shop-hero__shell{ padding-top:18px; padding-bottom:34px; } .cpa-shop-hero__utility{ border-radius:18px; } .cpa-home-final__inner .cpa-home-button--primary{ width:100%; } } :root{ --cpa-brand:#012169; --cpa-brand-rgb:1,33,105; --cpa-brand-dark:#082A38; --cpa-brand-deep:#012169; --cpa-brand-soft:#F2F6FB; --cpa-brand-softer:#F2F6FB; --cpa-ink:#082A38; --cpa-ink-2:#082A38; --cpa-muted:#082A38; --cpa-line:#D8E1EC; --cpa-line-strong:#D8E1EC; --cpa-surface:#FFFFFF; --cpa-bg:#F2F6FB; --cpa-success:#012169; --cpa-success-soft:#F2F6FB; --cpa-danger:#E4002B; --tap13-navy:#012169; --tap13-navy-2:#082A38; --tap13-teal:#E4002B; --tap13-teal-dark:#012169; --tap13-mint:#F2F6FB; --tap13-mint-2:#F2F6FB; --tap13-ice:#F2F6FB; --tap13-ink:#082A38; --tap13-copy:#082A38; --tap13-muted:#082A38; --tap13-line:#D8E1EC; --tap13-line-strong:#D8E1EC; --tap13-white:#FFFFFF; --tap13-gold:#E4002B; } html{background:#012169} body{background:#FFFFFF;color:#082A38} ::selection{background:#E4002B;color:#FFFFFF} a{transition:color .18s ease,background-color .18s ease,border-color .18s ease} a:hover{color:#E4002B} .cpa-ticker{background:#012169!important;color:#FFFFFF!important;border-color:#D8E1EC!important} .cpa-ticker i{color:#FFFFFF!important} .cpa-ticker__deal{color:#FFFFFF!important} .cpa-ticker__deal button{background:#E4002B!important;border-color:#E4002B!important;color:#FFFFFF!important} .cpa-site-header{background:#012169!important;border-bottom:1px solid #D8E1EC!important;box-shadow:0 10px 30px rgba(1,33,105,.16)!important} .cpa-header-main{color:#FFFFFF} .cpa-header-main .cpa-brand .custom-logo-link, .cpa-header-main .cpa-default-logo-link, .cpa-header-main .cpa-text-logo{padding:7px 10px;border-radius:12px;background:#FFFFFF;color:#012169!important} .cpa-header-main .cpa-text-logo__copy strong, .cpa-header-main .cpa-text-logo__copy small{color:#012169!important} .cpa-product-search__form{background:#FFFFFF!important;border-color:#D8E1EC!important;box-shadow:none!important} .cpa-product-search__form:focus-within{border-color:#E4002B!important;box-shadow:0 0 0 3px rgba(228,0,43,.14)!important} .cpa-product-search input{color:#082A38!important} .cpa-product-search input::placeholder{color:#082A38!important;opacity:.58} .cpa-product-search svg{color:#082A38!important} .cpa-product-search button{background:#012169!important;color:#FFFFFF!important} .cpa-product-search button:hover{background:#E4002B!important} .cpa-header-actions,.cpa-header-actions a,.cpa-header-actions button,.cpa-icon-link,.cpa-menu-toggle{color:#FFFFFF!important} .cpa-header-actions .cpa-icon-link:hover,.cpa-menu-toggle:hover{background:rgba(255,255,255,.12)!important;color:#FFFFFF!important} .cpa-count,.cpa-header-count,.cpa-icon-link__count{background:#E4002B!important;color:#FFFFFF!important;border-color:#FFFFFF!important} .cpa-nav-row{background:#FFFFFF!important;border-color:#D8E1EC!important;box-shadow:0 5px 18px rgba(1,33,105,.06)!important} .cpa-category-toggle,.cpa-all-categories{background:#F2F6FB!important;border-color:#D8E1EC!important;color:#012169!important} .cpa-category-toggle:hover,.cpa-all-categories:hover{background:#FFFFFF!important;border-color:#012169!important} .cpa-primary-nav a,.cpa-primary-menu a,.cpa-nav-row a{color:#082A38} .cpa-primary-nav a:hover,.cpa-primary-nav .current-menu-item>a,.cpa-primary-menu a:hover{background:#F2F6FB!important;color:#E4002B!important} .cpa-nav-promo{color:#082A38!important} .cpa-nav-promo strong,.cpa-nav-promo b{background:#E4002B!important;color:#FFFFFF!important} .cpa-category-mega,.cpa-category-panel,.cpa-mobile-drawer{background:#FFFFFF!important;border-color:#D8E1EC!important;color:#082A38!important} .cpa-mega-category,.cpa-category-list a,.cpa-mobile-nav a,.cpa-mobile-category-list a{border-color:#D8E1EC!important;color:#082A38!important} .cpa-mega-category:hover,.cpa-category-list a:hover,.cpa-mobile-nav a:hover,.cpa-mobile-category-list a:hover{background:#F2F6FB!important;border-color:#D8E1EC!important;color:#E4002B!important} .cpa-mobile-drawer__head,.cpa-mobile-drawer__footer{background:#012169!important;color:#FFFFFF!important;border-color:rgba(255,255,255,.18)!important} .cpa-mobile-drawer__head a,.cpa-mobile-drawer__head button,.cpa-mobile-drawer__footer a{color:#FFFFFF!important} .cpa-main,.site-main,.woocommerce-page main{color:#082A38} h1,h2,h3,h4,h5,h6,.entry-title,.page-title,.woocommerce div.product .product_title,.woocommerce-products-header__title{color:#012169} .cpa-section-label,.cpa-home-kicker,.cpa-shop-kicker{color:#E4002B!important} .cpa-section-label::before,.cpa-home-kicker i,.cpa-home-kicker::before{background:#E4002B!important} .cpa-card,.cpa-panel,.cpa-surface,.cpa-story-card,.cpa-contact-method,.cpa-product-page .cpa-product-assurances>div{background:#FFFFFF!important;border-color:#D8E1EC!important} input,select,textarea,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{background:#FFFFFF!important;border-color:#D8E1EC!important;color:#082A38!important} input:focus,select:focus,textarea:focus{border-color:#012169!important;box-shadow:0 0 0 3px rgba(1,33,105,.10)!important;outline:0} button,.button,.cpa-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-color:#012169;color:#012169} .woocommerce a.button:not(.alt),.woocommerce button.button:not(.alt),.woocommerce input.button:not(.alt),.cpa-button:not(.cpa-button--primary){background:#012169!important;color:#FFFFFF!important;border-color:#012169!important} .woocommerce a.button:not(.alt):hover,.woocommerce button.button:not(.alt):hover,.woocommerce input.button:not(.alt):hover{background:#082A38!important;color:#FFFFFF!important} .cpa-home-button--primary,.cpa-button--primary,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce div.product .single_add_to_cart_button,.checkout-button,.wc-proceed-to-checkout .button,.cpa-cart-primary{background:#E4002B!important;border-color:#E4002B!important;color:#FFFFFF!important;box-shadow:0 12px 28px rgba(228,0,43,.18)!important} .cpa-home-button--primary:hover,.cpa-button--primary:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce div.product .single_add_to_cart_button:hover,.checkout-button:hover,.wc-proceed-to-checkout .button:hover,.cpa-cart-primary:hover{background:#012169!important;border-color:#012169!important;color:#FFFFFF!important;box-shadow:0 14px 32px rgba(1,33,105,.18)!important} .cpa-home-button--ghost,.cpa-button--ghost{background:#FFFFFF!important;border-color:#D8E1EC!important;color:#012169!important} .cpa-home-button--ghost:hover,.cpa-button--ghost:hover{background:#F2F6FB!important;border-color:#012169!important;color:#012169!important} .cpa-home{--home-accent:#E4002B;--home-accent-2:#012169;--home-ink:#082A38;--home-muted:#082A38;--home-line:#D8E1EC;--home-soft:#F2F6FB;--home-panel:#FFFFFF;background:#FFFFFF;color:#082A38} .cpa-home--clinical,.cpa-home--market{--home-accent:#E4002B;--home-accent-2:#012169;--home-soft:#F2F6FB;--home-line:#D8E1EC} .cpa-home-hero{background:linear-gradient(135deg,#FFFFFF 0%,#F2F6FB 62%,#FFFFFF 100%)!important;border-color:#D8E1EC!important} .cpa-home-hero::after,.cpa-home-orb{border-color:#D8E1EC!important} .cpa-home-hero h1,.cpa-home h2,.cpa-home h3{color:#012169!important} .cpa-home-hero__lead,.cpa-home-heading p,.cpa-home-product-card__cats,.cpa-home-testimonial-card footer small{color:#082A38!important;opacity:.78} .cpa-home-search{background:#FFFFFF!important;border-color:#D8E1EC!important;box-shadow:0 12px 30px rgba(1,33,105,.08)!important} .cpa-home-search button{background:#012169!important;color:#FFFFFF!important} .cpa-home-search button:hover{background:#E4002B!important} .cpa-home-benefits,.cpa-home-categories,.cpa-home-seo-library{background:#FFFFFF!important} .cpa-home-products,.cpa-home-testimonials{background:#F2F6FB!important} .cpa-home-category-card,.cpa-home-product-card,.cpa-home-testimonial-card,.cpa-home-seo-card{background:#FFFFFF!important;border-color:#D8E1EC!important} .cpa-home-category-card__media,.cpa-home-product-card__link,.cpa-home-testimonial-card__quote{background:#F2F6FB!important;color:#012169!important} .cpa-home-category-card:hover,.cpa-home-product-card:hover,.cpa-home-testimonial-card:hover{border-color:#012169!important;box-shadow:0 18px 44px rgba(1,33,105,.10)!important} .cpa-home-sale,.onsale,.woocommerce span.onsale{background:#E4002B!important;color:#FFFFFF!important;box-shadow:none!important} .cpa-home-offer__inner,.cpa-home-about,.cpa-home-final__inner,.cpa-home-featured-pack__panel,.cpa-home-seo-library__cta{background:#012169!important;color:#FFFFFF!important} .cpa-home-offer__inner h2,.cpa-home-about h2,.cpa-home-final h2,.cpa-home-featured-pack__panel h2,.cpa-home-seo-library__cta h3{color:#FFFFFF!important} .cpa-home-offer__inner .cpa-home-button--primary,.cpa-home-final__inner .cpa-home-button--primary,.cpa-home-seo-library__cta .cpa-home-button--primary{background:#E4002B!important;color:#FFFFFF!important;border-color:#E4002B!important} .cpa-home-offer__code,.cpa-home-featured-pack__labels span{border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.10)!important;color:#FFFFFF!important} .cpa-home-about__aside>span,.cpa-home-final__inner>div>span,.cpa-home-featured-pack__eyebrow{color:#FFFFFF!important} .cpa-home-seo-safety{background:#F2F6FB!important;border-color:#D8E1EC!important} .cpa-home-seo-safety__icon{background:#E4002B!important;color:#FFFFFF!important} .cpa-shop-hero{background:#012169!important;border-color:#012169!important;color:#FFFFFF!important} .cpa-shop-hero h1,.cpa-shop-hero h2,.cpa-shop-hero p,.cpa-shop-breadcrumb,.cpa-shop-breadcrumb a{color:#FFFFFF!important} .cpa-shop-kicker{color:#FFFFFF!important} .cpa-shop-hero__utility{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.26)!important;box-shadow:none!important} .cpa-shop-search{background:#FFFFFF!important;border-color:#D8E1EC!important} .cpa-shop-search input{color:#082A38!important} .cpa-shop-search button{background:#E4002B!important;color:#FFFFFF!important;border-color:#E4002B!important} .cpa-shop-promo{background:#E4002B!important;border-color:#E4002B!important;color:#FFFFFF!important} .cpa-shop-promo *{color:#FFFFFF!important} .cpa-category-discovery{background:#FFFFFF!important} .cpa-category-rail{scrollbar-color:#D8E1EC transparent!important} .cpa-category-tile{background:#FFFFFF!important;border-color:#D8E1EC!important} .cpa-category-tile:hover,.cpa-category-tile:focus-visible{background:#F2F6FB!important;border-color:#012169!important;box-shadow:0 12px 30px rgba(1,33,105,.09)!important} .cpa-category-tile__visual,.cpa-category-tile__placeholder{background:#F2F6FB!important;color:#012169!important} .cpa-category-tile__arrow{color:#E4002B!important} .cpa-shop-toolbar,.cpa-filter-panel,.cpa-shop-sidebar{background:#FFFFFF!important;border-color:#D8E1EC!important} .cpa-active-filters__chips a{background:#F2F6FB!important;border-color:#D8E1EC!important;color:#012169!important} .cpa-active-filters__chips a:hover{background:#E4002B!important;border-color:#E4002B!important;color:#FFFFFF!important} .woocommerce ul.products li.product{background:#FFFFFF!important;border-color:#D8E1EC!important} .woocommerce ul.products li.product:hover{border-color:#012169!important;box-shadow:0 16px 38px rgba(1,33,105,.10)!important} .woocommerce ul.products li.product .woocommerce-loop-product__title{color:#012169!important} .woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:#012169!important} .woocommerce ul.products li.product del,.woocommerce div.product p.price del{color:#082A38!important;opacity:.55} .woocommerce ul.products li.product ins,.woocommerce div.product p.price ins{color:#E4002B!important} .cpa-product-page,.woocommerce div.product{color:#082A38} .cpa-product-page .cpa-product-assurances>div,.cpa-product-page .cpa-product-promo-note,.woocommerce-tabs,.woocommerce-Tabs-panel{border-color:#D8E1EC!important} .cpa-product-page .cpa-product-assurances>div,.cpa-product-page .woocommerce-Tabs-panel--description>p:first-of-type,.cpa-product-page .woocommerce-Tabs-panel--description ul,.cpa-product-page .woocommerce-Tabs-panel--description ol{background:#F2F6FB!important;color:#082A38!important} .cpa-product-page .cpa-product-assurances>div>span{background:#E4002B!important;color:#FFFFFF!important;box-shadow:none!important} .cpa-product-page .cpa-product-promo-note{background:#F2F6FB!important;border-left:4px solid #E4002B!important;color:#082A38!important} .woocommerce div.product .woocommerce-tabs ul.tabs li{border-color:#D8E1EC!important;background:#F2F6FB!important} .woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#012169!important;border-color:#012169!important;color:#FFFFFF!important} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#FFFFFF!important} .cmc-medical-information{background:#F2F6FB!important;border-color:#D8E1EC!important;color:#082A38!important} .cmc-medical-information h2,.cmc-medical-information h3,.cmc-medical-information h4{color:#012169!important} .cpa-cart-drawer{background:#FFFFFF!important;color:#082A38!important;box-shadow:-24px 0 72px rgba(1,33,105,.20)!important} .cpa-cart-drawer__head{background:#012169!important;border-color:rgba(255,255,255,.15)!important} .cpa-cart-drawer__title,.cpa-cart-drawer__eyebrow,.cpa-cart-drawer__count,.cpa-cart-drawer__count b{color:#FFFFFF!important} .cpa-cart-drawer__progress{background:#F2F6FB!important;border-color:#D8E1EC!important;color:#012169!important} .cpa-cart-drawer__progress::before{background:#D8E1EC!important} .cpa-cart-drawer__progress>span{background:#E4002B!important} .cpa-cart-empty__icon{background:#F2F6FB!important;color:#012169!important} .cpa-cart-close{background:#FFFFFF!important;color:#012169!important} .cpa-cart-close:hover{background:#E4002B!important;color:#FFFFFF!important} .cpa-cart-backdrop{background:rgba(1,33,105,.58)!important} .woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-checkout-payment,.woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation,.cpa-wishlist-card{background:#FFFFFF!important;border-color:#D8E1EC!important} .woocommerce table.shop_table,.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:#D8E1EC!important} .woocommerce-checkout #payment{background:#F2F6FB!important} .woocommerce-checkout #payment div.payment_box{background:#FFFFFF!important;color:#082A38!important} .woocommerce-MyAccount-navigation a{color:#082A38!important} .woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:#012169!important;color:#FFFFFF!important} .cpa-wishlist-toggle.is-active{background:#E4002B!important;border-color:#E4002B!important;color:#FFFFFF!important} .cpa-blog-hero,.cpa-page-hero{background:#F2F6FB!important;border-color:#D8E1EC!important} .cpa-blog-categories a{background:#FFFFFF!important;border-color:#D8E1EC!important;color:#082A38!important} .cpa-blog-categories a:hover,.cpa-blog-categories a.is-active{background:#012169!important;border-color:#012169!important;color:#FFFFFF!important} .cpa-story-card__media,.cpa-story-card__placeholder{background:#F2F6FB!important} .cpa-single-content{color:#082A38!important} .cpa-single-content h2,.cpa-single-content h3,.cpa-single-content h4{color:#012169!important} .cpa-single-content blockquote,.cpa-single-content .wp-block-quote,.cpa-single-content th{background:#F2F6FB!important;color:#082A38!important;border-color:#D8E1EC!important} .cpa-single-content a,.entry-content a{color:#012169} .cpa-single-content a:hover,.entry-content a:hover{color:#E4002B} .cpa-about-australia,.cpa-contact-method{background:#FFFFFF!important;border-color:#D8E1EC!important} .cpa-about-cta,.cpa-contact-promise{background:#012169!important;color:#FFFFFF!important} .cpa-about-cta h2,.cpa-contact-promise h2,.cpa-about-cta p,.cpa-contact-promise p{color:#FFFFFF!important} .cpa-contact-method:hover{background:#F2F6FB!important;border-color:#012169!important} .woocommerce-message,.woocommerce-info{background:#F2F6FB!important;border-color:#012169!important;color:#082A38!important} .woocommerce-message::before,.woocommerce-info::before{color:#012169!important} .woocommerce-error,.cpa-cart-error{background:#FFFFFF!important;border-color:#E4002B!important;color:#E4002B!important} .woocommerce-error::before{color:#E4002B!important} .cpa-site-footer{background:#012169!important;color:#FFFFFF!important} .cpa-site-footer::before{background:radial-gradient(circle,rgba(228,0,43,.16),rgba(228,0,43,0) 68%)!important} .cpa-footer-offer{background:#F2F6FB!important;border-color:#D8E1EC!important;color:#082A38!important;box-shadow:0 18px 44px rgba(1,33,105,.14)!important} .cpa-footer-offer__mini,.cpa-footer-offer__icon{background:#E4002B!important;color:#FFFFFF!important} .cpa-footer-offer h2,.cpa-footer-offer strong{color:#012169!important} .cpa-footer-offer p,.cpa-footer-offer span{color:#082A38!important} .cpa-footer-code{background:#FFFFFF!important;border-color:#D8E1EC!important;color:#082A38!important} .cpa-footer-code strong{color:#012169!important} .cpa-footer-code button{background:#E4002B!important;border-color:#E4002B!important;color:#FFFFFF!important} .cpa-footer-code button:hover{background:#012169!important} .cpa-footer-title{color:#FFFFFF!important} .cpa-footer-menu a,.cpa-footer-description,.cpa-footer-contact>a,.cpa-footer-contact>div,.cpa-footer-safe,.cpa-footer-bottom,.cpa-footer-bottom a{color:#FFFFFF!important;opacity:.86} .cpa-footer-menu a:hover,.cpa-footer-bottom a:hover,.cpa-footer-contact a:hover{color:#FFFFFF!important;opacity:1} .cpa-footer-contact>a,.cpa-footer-contact>div{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.14)!important} .cpa-footer-contact>a>span:first-child,.cpa-footer-contact>div>span:first-child{background:#E4002B!important;color:#FFFFFF!important} .cpa-footer-contact small{color:#FFFFFF!important;opacity:.66} .cpa-footer-safe,.cpa-footer-bottom{border-color:rgba(255,255,255,.16)!important} .cpa-footer-safe svg{color:#FFFFFF!important} .cpa-footer-bottom .cpa-back-to-top{border-color:rgba(255,255,255,.34)!important;color:#FFFFFF!important} .cpa-footer-bottom .cpa-back-to-top:hover{background:#E4002B!important;border-color:#E4002B!important} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.cpa-shop-search button:focus-visible,.cpa-category-discovery__actions button:focus-visible,.cpa-cart-close:focus-visible,.cpa-cart-primary:focus-visible,.cpa-home-button:focus-visible{outline:3px solid rgba(228,0,43,.42)!important;outline-offset:3px} @media (max-width:782px){ .cpa-site-header{background:#012169!important} .cpa-header-main .cpa-brand .custom-logo-link,.cpa-header-main .cpa-default-logo-link,.cpa-header-main .cpa-text-logo{padding:5px 7px} .cpa-nav-row{background:#FFFFFF!important} } .cpa-wishlist-count,.cpa-cart-count{background:#E4002B!important;color:#FFFFFF!important;border-color:#FFFFFF!important} html{background:#FFFFFF!important} body{background:#FFFFFF!important;color:#082A38!important} .cpa-ticker{ background:#F2F6FB!important; color:#082A38!important; border-bottom:1px solid #D8E1EC!important; } .cpa-ticker i,.cpa-ticker__deal{color:#012169!important} .cpa-ticker__deal button{background:#E4002B!important;color:#FFFFFF!important;border-color:#E4002B!important} .cpa-site-header{ background:#FFFFFF!important; color:#082A38!important; border-bottom:1px solid #D8E1EC!important; box-shadow:0 8px 24px rgba(8,42,56,.07)!important; } .cpa-header-main{background:#FFFFFF!important;color:#082A38!important} .cpa-header-main .cpa-brand .custom-logo-link, .cpa-header-main .cpa-default-logo-link, .cpa-header-main .cpa-text-logo{ background:transparent!important; color:#012169!important; padding:4px 6px!important; } .cpa-header-actions,.cpa-header-actions a,.cpa-header-actions button,.cpa-icon-link,.cpa-menu-toggle{color:#082A38!important} .cpa-header-actions .cpa-icon-link:hover,.cpa-menu-toggle:hover{background:#F2F6FB!important;color:#012169!important} .cpa-nav-row{background:#FFFFFF!important;box-shadow:none!important;border-color:#D8E1EC!important} .cpa-product-search__form{background:#F8FAFD!important} .cpa-category-toggle,.cpa-all-categories{background:#F2F6FB!important;color:#012169!important} .cpa-mobile-drawer__head,.cpa-mobile-drawer__footer{ background:#F2F6FB!important; color:#082A38!important; border-color:#D8E1EC!important; } .cpa-mobile-drawer__head a,.cpa-mobile-drawer__head button,.cpa-mobile-drawer__footer a{color:#082A38!important} .cpa-home-offer__inner, .cpa-home-about, .cpa-home-final__inner, .cpa-home-featured-pack__panel, .cpa-home-seo-library__cta{ background:linear-gradient(135deg,#F2F6FB 0%,#FFFFFF 100%)!important; color:#082A38!important; border:1px solid #D8E1EC!important; box-shadow:0 18px 44px rgba(8,42,56,.07)!important; } .cpa-home-offer__inner h2, .cpa-home-about h2, .cpa-home-final h2, .cpa-home-featured-pack__panel h2, .cpa-home-seo-library__cta h3{ color:#012169!important; } .cpa-home-offer__inner p,.cpa-home-about p,.cpa-home-final__inner p, .cpa-home-featured-pack__panel p,.cpa-home-seo-library__cta p, .cpa-home-about li,.cpa-home-final__inner li{color:#082A38!important} .cpa-home-about__aside>span,.cpa-home-final__inner>div>span,.cpa-home-featured-pack__eyebrow{color:#E4002B!important} .cpa-home-offer__code,.cpa-home-featured-pack__labels span{ border-color:#D8E1EC!important; background:#FFFFFF!important; color:#012169!important; } .cpa-home-offer__inner .cpa-home-button--primary, .cpa-home-final__inner .cpa-home-button--primary, .cpa-home-seo-library__cta .cpa-home-button--primary{ background:#E4002B!important;color:#FFFFFF!important;border-color:#E4002B!important; } .cpa-shop-hero{ background:linear-gradient(120deg,#F2F6FB 0%,#FFFFFF 72%)!important; border-top:1px solid #D8E1EC!important; border-bottom:1px solid #D8E1EC!important; color:#082A38!important; } .cpa-shop-hero h1,.cpa-shop-hero h2{color:#012169!important} .cpa-shop-hero p,.cpa-shop-breadcrumb,.cpa-shop-breadcrumb a{color:#082A38!important} .cpa-shop-kicker{color:#E4002B!important} .cpa-shop-hero__utility{ background:#FFFFFF!important; border:1px solid #D8E1EC!important; box-shadow:0 14px 34px rgba(8,42,56,.08)!important; color:#082A38!important; } .cpa-shop-hero__utility h2,.cpa-shop-hero__utility h3,.cpa-shop-hero__utility strong{color:#012169!important} .cpa-shop-promo{background:#F2F6FB!important;border-color:#D8E1EC!important;color:#082A38!important} .cpa-shop-promo *{color:#082A38!important} .cpa-shop-promo strong,.cpa-shop-promo b,.cpa-shop-promo__badge{color:#E4002B!important} .cpa-cart-drawer__head{background:#F2F6FB!important;border-color:#D8E1EC!important} .cpa-cart-drawer__title,.cpa-cart-drawer__eyebrow,.cpa-cart-drawer__count,.cpa-cart-drawer__count b{color:#012169!important} .cpa-cart-close{background:#FFFFFF!important;border:1px solid #D8E1EC!important;color:#012169!important} .cpa-cart-backdrop{background:rgba(8,42,56,.38)!important} .woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{ background:#F2F6FB!important;color:#012169!important;border-color:#D8E1EC!important } .cpa-about-cta,.cpa-contact-promise{ background:linear-gradient(135deg,#F2F6FB 0%,#FFFFFF 100%)!important; color:#082A38!important; border:1px solid #D8E1EC!important; } .cpa-about-cta h2,.cpa-contact-promise h2{color:#012169!important} .cpa-about-cta p,.cpa-contact-promise p{color:#082A38!important} .cpa-site-footer{ background:#F2F6FB!important; color:#082A38!important; border-top:4px solid #012169!important; } .cpa-site-footer::before{background:radial-gradient(circle,rgba(228,0,43,.07),rgba(228,0,43,0) 68%)!important} .cpa-footer-offer{ background:#FFFFFF!important; border-color:#D8E1EC!important; color:#082A38!important; box-shadow:0 14px 34px rgba(8,42,56,.07)!important; } .cpa-footer-title{color:#012169!important} .cpa-footer-menu a,.cpa-footer-description,.cpa-footer-contact>a,.cpa-footer-contact>div, .cpa-footer-safe,.cpa-footer-bottom,.cpa-footer-bottom a{ color:#082A38!important; opacity:.88!important; } .cpa-footer-menu a:hover,.cpa-footer-bottom a:hover,.cpa-footer-contact a:hover{color:#E4002B!important;opacity:1!important} .cpa-footer-contact>a,.cpa-footer-contact>div{background:#FFFFFF!important;border-color:#D8E1EC!important} .cpa-footer-contact small{color:#082A38!important;opacity:.62!important} .cpa-footer-safe,.cpa-footer-bottom{border-color:#D8E1EC!important} .cpa-footer-safe svg{color:#012169!important} .cpa-footer-bottom .cpa-back-to-top{background:#FFFFFF!important;border-color:#D8E1EC!important;color:#012169!important} .cpa-footer-bottom .cpa-back-to-top:hover{background:#012169!important;border-color:#012169!important;color:#FFFFFF!important} .cpa-card,.cpa-panel,.cpa-story-card,.cpa-contact-method, .woocommerce ul.products li.product,.woocommerce-cart-form,.cart_totals, .woocommerce-checkout-review-order,.woocommerce-checkout-payment, .woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation,.cpa-wishlist-card{ box-shadow:0 10px 28px rgba(8,42,56,.055)!important; } @media (max-width:782px){ .cpa-site-header,.cpa-header-main{background:#FFFFFF!important} .cpa-header-actions,.cpa-header-actions a,.cpa-header-actions button,.cpa-icon-link,.cpa-menu-toggle{color:#082A38!important} .cpa-shop-hero{background:#F2F6FB!important} .cpa-site-footer{background:#F2F6FB!important} } :root{ --cpa-danger-soft:#FFF1F4; --cpa-danger-soft-border:#F7C7D2; --cpa-danger-deep:#C81D3C; } a:hover, .cpa-single-content a:hover, .entry-content a:hover{color:#012169!important} .cpa-home-button--primary, .cpa-button--primary, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce div.product .single_add_to_cart_button, .checkout-button, .wc-proceed-to-checkout .button, .cpa-cart-primary, .cpa-shop-search button, .cpa-footer-code button, .cpa-ticker__deal button{ background:#012169!important; border-color:#012169!important; color:#FFFFFF!important; box-shadow:0 12px 28px rgba(1,33,105,.13)!important; } .cpa-home-button--primary:hover, .cpa-button--primary:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce div.product .single_add_to_cart_button:hover, .checkout-button:hover, .wc-proceed-to-checkout .button:hover, .cpa-cart-primary:hover, .cpa-shop-search button:hover, .cpa-footer-code button:hover, .cpa-ticker__deal button:hover{ background:#082A38!important; border-color:#082A38!important; color:#FFFFFF!important; box-shadow:0 14px 30px rgba(8,42,56,.15)!important; } .cpa-home-sale, .onsale, .woocommerce span.onsale, .cpa-count, .cpa-header-count, .cpa-icon-link__count, .cpa-wishlist-count, .cpa-cart-count, .cpa-wishlist-toggle.is-active, .cpa-nav-promo strong, .cpa-nav-promo b, .cpa-section-label::before, .cpa-home-kicker i, .cpa-home-kicker::before, .cpa-product-page .cpa-product-assurances>div>span, .cpa-footer-offer__mini, .cpa-footer-offer__icon, .cpa-home-seo-safety__icon, .cpa-home-about__aside>span, .cpa-home-final__inner>div>span, .cpa-home-featured-pack__eyebrow{ background:#E4002B!important; color:#FFFFFF!important; border-color:#E4002B!important; } .cpa-section-label, .cpa-home-kicker, .cpa-shop-kicker, .cpa-shop-promo strong, .cpa-shop-promo b, .cpa-shop-promo__badge, .woocommerce ul.products li.product ins, .woocommerce div.product p.price ins, .cpa-contact-method:hover .cpa-contact-method__title, .cpa-footer-menu a:hover, .cpa-footer-bottom a:hover, .cpa-footer-contact a:hover{ color:#C81D3C!important; } .cpa-footer-offer__mini, .cpa-footer-offer__icon, .cpa-home-seo-safety__icon, .cpa-product-page .cpa-product-assurances>div>span, .cpa-count, .cpa-header-count, .cpa-icon-link__count, .cpa-wishlist-count, .cpa-cart-count, .cpa-wishlist-toggle.is-active, .cpa-nav-promo strong, .cpa-nav-promo b{ box-shadow:none!important; } .cpa-shop-promo, .cpa-home-offer__code, .cpa-home-featured-pack__labels span, .cpa-footer-code{ background:linear-gradient(135deg,#FFFFFF 0%,#FFF7F9 100%)!important; border:1px solid var(--cpa-danger-soft-border)!important; color:#082A38!important; } .cpa-home-offer__code strong, .cpa-footer-code strong{ color:#012169!important; } .cpa-home-hero, .cpa-shop-hero, .cpa-shop-hero__utility, .cpa-card, .cpa-panel, .cpa-story-card, .cpa-contact-method, .cpa-footer-offer, .cpa-category-tile, .woocommerce ul.products li.product, .woocommerce-cart-form, .cart_totals, .woocommerce-checkout-review-order, .woocommerce-checkout-payment, .woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation, .cpa-wishlist-card, .cpa-shop-toolbar, .cpa-filter-panel, .cpa-shop-sidebar, .cpa-blog-hero, .cpa-page-hero, .cpa-about-cta, .cpa-contact-promise{ border-radius:22px!important; } .cpa-product-search__form, .cpa-home-search, .cpa-shop-search, .cpa-footer-code, .cpa-footer-contact>a, .cpa-footer-contact>div, .cpa-category-toggle, .cpa-all-categories, button, .button, .cpa-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit{ border-radius:14px!important; } .cpa-footer-offer, .cpa-home-offer__inner, .cpa-home-final__inner, .cpa-home-featured-pack__panel, .cpa-home-seo-library__cta, .cpa-about-cta, .cpa-contact-promise{ position:relative; overflow:hidden; } .cpa-footer-offer::before, .cpa-home-offer__inner::before, .cpa-home-final__inner::before, .cpa-home-featured-pack__panel::before, .cpa-home-seo-library__cta::before, .cpa-about-cta::before, .cpa-contact-promise::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg,#012169 0%,#E4002B 100%); opacity:.92; } .cpa-footer-offer, .cpa-home-offer__inner, .cpa-home-final__inner, .cpa-home-featured-pack__panel, .cpa-home-seo-library__cta{ padding-left:calc(1.4rem + 4px)!important; } .cpa-shop-hero__utility, .cpa-footer-offer, .cpa-home-offer__inner, .cpa-home-final__inner, .cpa-home-featured-pack__panel, .cpa-home-seo-library__cta, .cpa-about-cta, .cpa-contact-promise{ box-shadow:0 16px 34px rgba(8,42,56,.06)!important; } .cpa-shop-hero__utility{ background:linear-gradient(135deg,#FFFFFF 0%,#F9FBFE 100%)!important; } .cpa-footer-offer{ background:linear-gradient(135deg,#FFFFFF 0%,#F8FBFF 100%)!important; } .cpa-site-footer{ background:linear-gradient(180deg,#F2F6FB 0%,#FFFFFF 100%)!important; } .cpa-footer-code button, .cpa-ticker__deal button{ min-width:auto!important; padding-inline:16px!important; } @media (max-width:782px){ .cpa-home-hero, .cpa-shop-hero, .cpa-card, .cpa-panel, .cpa-story-card, .cpa-contact-method, .cpa-footer-offer, .cpa-category-tile, .woocommerce ul.products li.product, .woocommerce-cart-form, .cart_totals, .woocommerce-checkout-review-order, .woocommerce-checkout-payment, .woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation, .cpa-wishlist-card, .cpa-shop-toolbar, .cpa-filter-panel, .cpa-shop-sidebar, .cpa-blog-hero, .cpa-page-hero, .cpa-about-cta, .cpa-contact-promise{ border-radius:18px!important; } .cpa-home-offer__inner, .cpa-home-final__inner, .cpa-home-featured-pack__panel, .cpa-home-seo-library__cta, .cpa-footer-offer{ padding-left:calc(1rem + 4px)!important; } } :root{ --cpa-readable:#082A38; --cpa-readable-muted:#536779; --cpa-readable-soft:#6C7C8C; } .cpa-site-header, .cpa-header-main, .cpa-nav-row, .cpa-category-mega, .cpa-category-panel, .cpa-mobile-drawer, .cpa-mobile-drawer__head, .cpa-mobile-drawer__footer, .cpa-home-hero, .cpa-home-offer__inner, .cpa-home-about, .cpa-home-final__inner, .cpa-home-featured-pack__panel, .cpa-home-seo-library__cta, .cpa-shop-hero, .cpa-shop-hero__utility, .cpa-shop-promo, .cpa-category-discovery, .cpa-shop-toolbar, .cpa-filter-panel, .cpa-shop-sidebar, .cpa-cart-drawer, .cpa-cart-drawer__head, .cpa-cart-drawer__progress, .cpa-blog-hero, .cpa-page-hero, .cpa-about-cta, .cpa-contact-promise, .cpa-site-footer, .cpa-footer-offer, .cpa-footer-code, .woocommerce-cart-form, .cart_totals, .woocommerce-checkout-review-order, .woocommerce-checkout-payment, .woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation, .cpa-wishlist-card{ color:var(--cpa-readable)!important; } .cpa-shop-hero .woocommerce-breadcrumb, .cpa-shop-hero .woocommerce-breadcrumb a, .cpa-shop-hero .cpa-breadcrumb-separator, .cpa-shop-hero__copy>p, .cpa-shop-hero__meta, .cpa-shop-hero__meta span, .cpa-shop-hero__meta b, .cpa-shop-hero__utility-label, .cpa-shop-promo strong, .cpa-shop-promo small, .cpa-product-search-back a, .cpa-home-offer__inner p, .cpa-home-offer__inner small, .cpa-home-offer__inner strong, .cpa-home-offer__inner span:not(.cpa-home-sale), .cpa-home-about p, .cpa-home-about li, .cpa-home-about small, .cpa-home-about strong, .cpa-home-about span:not(.cpa-section-label):not(.cpa-home-kicker), .cpa-home-final__inner p, .cpa-home-final__inner li, .cpa-home-final__inner small, .cpa-home-final__inner strong, .cpa-home-final__inner span:not(.cpa-section-label):not(.cpa-home-kicker), .cpa-home-featured-pack__panel p, .cpa-home-featured-pack__panel li, .cpa-home-featured-pack__panel small, .cpa-home-featured-pack__panel strong, .cpa-home-featured-pack__panel span:not(.cpa-home-featured-pack__badge):not(.cpa-home-featured-pack__eyebrow), .cpa-home-seo-library__cta p, .cpa-home-seo-library__cta small, .cpa-home-seo-library__cta strong, .cpa-home-seo-library__cta span:not(.cpa-section-label):not(.cpa-home-kicker), .cpa-about-cta p, .cpa-about-cta small, .cpa-about-cta strong, .cpa-contact-promise p, .cpa-contact-promise small, .cpa-contact-promise strong, .cpa-site-footer .cpa-text-logo, .cpa-site-footer .cpa-text-logo__copy strong, .cpa-site-footer .cpa-text-logo__copy small, .cpa-footer-description, .cpa-footer-contact>a, .cpa-footer-contact>div, .cpa-footer-contact small, .cpa-footer-safe, .cpa-footer-safe span, .cpa-footer-bottom, .cpa-footer-bottom span, .cpa-footer-bottom a{ color:var(--cpa-readable)!important; } .cpa-shop-hero__copy>p, .cpa-shop-hero__meta, .cpa-shop-hero__utility-label, .cpa-shop-promo small, .cpa-home-hero__lead, .cpa-home-heading p, .cpa-home-product-card__cats, .cpa-home-testimonial-card footer small, .cpa-footer-description, .cpa-footer-contact small, .cpa-footer-bottom{ color:var(--cpa-readable-muted)!important; opacity:1!important; } .cpa-shop-hero h1, .cpa-shop-hero h2, .cpa-shop-hero h3, .cpa-shop-hero__utility h2, .cpa-shop-hero__utility h3, .cpa-home-offer__inner h1, .cpa-home-offer__inner h2, .cpa-home-offer__inner h3, .cpa-home-about h1, .cpa-home-about h2, .cpa-home-about h3, .cpa-home-final__inner h1, .cpa-home-final__inner h2, .cpa-home-final__inner h3, .cpa-home-featured-pack__panel h1, .cpa-home-featured-pack__panel h2, .cpa-home-featured-pack__panel h3, .cpa-home-seo-library__cta h1, .cpa-home-seo-library__cta h2, .cpa-home-seo-library__cta h3, .cpa-about-cta h2, .cpa-contact-promise h2, .cpa-footer-title, .cpa-footer-offer h2, .cpa-footer-offer h3{ color:#012169!important; } .cpa-shop-kicker, .cpa-home-kicker, .cpa-home-kicker--light, .cpa-section-label, .cpa-home-featured-pack__eyebrow, .cpa-home-about__aside>span, .cpa-home-final__inner>div>span{ color:#C81D3C!important; background:transparent!important; } .cpa-home-featured-pack__badge, .cpa-home-featured-pack__points span, .cpa-home-offer__code, .cpa-home-featured-pack__labels span{ background:#FFFFFF!important; border:1px solid #D8E1EC!important; color:#012169!important; } .cpa-auth-intro, .cpa-auth-intro :is(h1,.cpa-auth-intro__title), .cpa-auth-intro h2, .cpa-auth-intro h3, .cpa-auth-intro p, .cpa-auth-intro span, .cpa-auth-intro small, .cpa-auth-intro strong, .cpa-about-intro__card, .cpa-about-intro__card h1, .cpa-about-intro__card h2, .cpa-about-intro__card h3, .cpa-about-intro__card p, .cpa-about-intro__card li, .cpa-about-intro__card strong, .cpa-contact-safety-note, .cpa-contact-safety-note h1, .cpa-contact-safety-note h2, .cpa-contact-safety-note h3, .cpa-contact-safety-note p, .cpa-contact-safety-note strong, .cpa-home-promo__panel, .cpa-home-promo__panel h1, .cpa-home-promo__panel h2, .cpa-home-promo__panel h3, .cpa-home-seo, .cpa-home-seo h1, .cpa-home-seo h2, .cpa-home-seo h3, .cpa-featured-slide__content, .cpa-featured-slide__content h1, .cpa-featured-slide__content h2, .cpa-featured-slide__content h3, .cpa-featured-slide__content a{ color:#FFFFFF!important; } .cpa-about-intro__card span:not(.cpa-section-label), .cpa-home-promo__panel p, .cpa-home-seo p, .cpa-featured-slide__content p{ color:rgba(255,255,255,.78)!important; } .cpa-page-button--primary, .cpa-contact-submit, .cpa-auth-submit.woocommerce-button.button, .woocommerce .cpa-auth-submit.button, .cpa-wishlist-card__cart, .cpa-wishlist-empty>a, .cpa-policy-help-card__links a:last-child, .cpa-price-filter button, .cpa-filter-empty-state .button, .cpa-catalog-loader__button, .cpa-404__actions a:first-child, .cpa-404__search button, .cpa-cart-coupon__apply, .cpa-cart-primary, .cpa-home-product__button, .woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.added_to_cart, .woocommerce-account .woocommerce-MyAccount-content .button, .woocommerce-account .woocommerce-MyAccount-content button.button, .woocommerce-account .woocommerce-MyAccount-content input.button, .woocommerce #review_form #respond .form-submit input[type="submit"], .woocommerce #review_form #respond .cpa-review-login-button, .single-post .cpa-comments-wrap input[type="submit"]{ background:#012169!important; border-color:#012169!important; color:#FFFFFF!important; text-shadow:none!important; } .cpa-page-button--primary:hover, .cpa-contact-submit:hover, .cpa-auth-submit.woocommerce-button.button:hover, .woocommerce .cpa-auth-submit.button:hover, .cpa-wishlist-card__cart:hover, .cpa-wishlist-empty>a:hover, .cpa-policy-help-card__links a:last-child:hover, .cpa-price-filter button:hover, .cpa-filter-empty-state .button:hover, .cpa-catalog-loader__button:hover, .cpa-404__actions a:first-child:hover, .cpa-404__search button:hover, .cpa-cart-coupon__apply:hover, .cpa-cart-primary:hover, .cpa-home-product__button:hover, .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product a.added_to_cart:hover, .woocommerce-account .woocommerce-MyAccount-content .button:hover, .woocommerce-account .woocommerce-MyAccount-content button.button:hover, .woocommerce-account .woocommerce-MyAccount-content input.button:hover{ background:#082A38!important; border-color:#082A38!important; color:#FFFFFF!important; } .cpa-count, .cpa-header-count, .cpa-icon-link__count, .cpa-wishlist-count, .cpa-cart-count, .cpa-home-sale, .onsale, .woocommerce span.onsale, .cpa-footer-offer__mini, .cpa-footer-offer__icon, .cpa-home-seo-safety__icon, .cpa-wishlist-toggle.is-active, .cpa-nav-promo strong, .cpa-nav-promo b, .cpa-cart-coupon__badge, .cpa-product-page .cpa-product-assurances>div>span{ color:#FFFFFF!important; } .cpa-home-product-card:hover .cpa-home-product-card__link, .cpa-home-product-card__link:hover, .cpa-story-card:hover .cpa-story-card__arrow, .cpa-featured-slider__arrows button:hover, .cpa-single-share a:hover, .cpa-single-share button:hover, .cpa-blog-pagination .page-numbers.current, .cpa-blog-pagination a.page-numbers:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .cpa-checkout-steps .is-active b{ background:#012169!important; border-color:#012169!important; color:#FFFFFF!important; } .cpa-footer-menu a:hover, .cpa-footer-menu a:focus-visible, .cpa-footer-contact a:hover, .cpa-footer-bottom a:hover, .cpa-footer-bottom .cpa-back-to-top:hover, .cpa-footer-bottom .cpa-back-to-top:focus-visible{ color:#012169!important; } .cpa-footer-bottom .cpa-back-to-top:hover, .cpa-footer-bottom .cpa-back-to-top:focus-visible{ background:#FFFFFF!important; border-color:#012169!important; } .cpa-site-header input, .cpa-site-header select, .cpa-site-header textarea, .cpa-shop-hero input, .cpa-shop-hero select, .cpa-shop-hero textarea, .cpa-commerce-main input, .cpa-commerce-main select, .cpa-commerce-main textarea, .woocommerce input.input-text, .woocommerce textarea, .woocommerce select, .woocommerce-page input.input-text, .woocommerce-page textarea, .woocommerce-page select{ color:#082A38!important; background-color:#FFFFFF!important; } .cpa-site-header input::placeholder, .cpa-shop-hero input::placeholder, .cpa-commerce-main input::placeholder, .woocommerce input::placeholder, .woocommerce textarea::placeholder{ color:#6C7C8C!important; opacity:1!important; } .woocommerce table.shop_table, .woocommerce table.shop_table th, .woocommerce table.shop_table td, .woocommerce form .form-row label, .woocommerce-checkout-review-order, .woocommerce-checkout-payment, .woocommerce-checkout #payment div.payment_box, .cmc-medical-information, .cmc-medical-information p, .cmc-medical-information li, .cmc-medical-information td, .cmc-medical-information th, .woocommerce-message, .woocommerce-info{ color:#082A38!important; } .cpa-shop-hero a:not(.button), .cpa-home-offer__inner a:not(.button):not(.cpa-home-button), .cpa-home-about a:not(.button):not(.cpa-home-button), .cpa-home-final__inner a:not(.button):not(.cpa-home-button), .cpa-home-featured-pack__panel a:not(.button):not(.cpa-home-button), .cpa-home-seo-library__cta a:not(.button):not(.cpa-home-button), .cpa-site-footer a:not(.button):not(.cpa-footer-code button){ color:#012169!important; } .cpa-shop-hero a.button, .cpa-home-offer__inner .cpa-home-button--primary, .cpa-home-final__inner .cpa-home-button--primary, .cpa-home-seo-library__cta .cpa-home-button--primary{ color:#FFFFFF!important; } @media (max-width:782px){ .cpa-mobile-drawer__head, .cpa-mobile-drawer__footer, .cpa-mobile-drawer__head a, .cpa-mobile-drawer__head button, .cpa-mobile-drawer__footer a{ color:#082A38!important; } } .cpa-page-article--policy{ background:#FFFFFF!important; } .cpa-page-article--policy .cpa-page-hero--policy{ padding:34px 0 38px!important; border-top:3px solid #012169!important; border-bottom:1px solid #D8E1EC!important; background: radial-gradient(circle at 92% 16%,rgba(1,33,105,.055),transparent 24%), linear-gradient(135deg,#F8FBFF 0%,#F2F6FB 56%,#FFFFFF 100%)!important; } .cpa-page-hero__grid{ grid-template-columns:minmax(0,1fr) minmax(300px,350px)!important; align-items:center!important; gap:clamp(30px,4vw,58px)!important; } .cpa-page-kicker-row{ margin-bottom:12px!important; gap:8px!important; } .cpa-page-type-badge{ min-height:27px!important; padding:5px 11px!important; border-color:#C9D7E8!important; background:#FFFFFF!important; color:#012169!important; box-shadow:0 5px 16px rgba(1,33,105,.045)!important; } .cpa-page-article--policy .cpa-page-eyebrow{ color:#082A38!important; opacity:.78!important; } .cpa-page-article--policy .cpa-page-hero h1{ max-width:820px!important; margin:0!important; color:#012169!important; font-size:clamp(2.15rem,4vw,3.35rem)!important; line-height:1.035!important; letter-spacing:-.035em!important; text-transform:none!important; } .cpa-page-summary{ max-width:760px!important; margin-top:16px!important; color:#385161!important; font-size:clamp(15px,1.3vw,17px)!important; line-height:1.68!important; } .cpa-page-article--policy .cpa-page-meta{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:8px 18px!important; margin-top:18px!important; color:#607486!important; } .cpa-page-article--policy .cpa-page-dates{ color:#607486!important; } .cpa-page-hero__panel{ padding:21px 22px!important; border:1px solid #D8E1EC!important; border-radius:18px!important; background:#FFFFFF!important; box-shadow:0 16px 38px rgba(8,42,56,.075)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .cpa-page-hero__panel::before{ width:3px!important; border-radius:18px 0 0 18px!important; background:#012169!important; } .cpa-page-hero__panel-label{ color:#012169!important; } .cpa-page-hero__panel>strong{ color:#082A38!important; font-size:16px!important; } .cpa-page-hero__panel>p{ color:#4D6272!important; line-height:1.62!important; } .cpa-page-hero__stats{ margin-top:15px!important; padding-top:14px!important; border-color:#E2E9F1!important; } .cpa-page-hero__stats span{color:#607486!important} .cpa-page-hero__stats b{color:#012169!important} .cpa-policy-stage{ padding:32px 0 64px!important; background:linear-gradient(180deg,#FFFFFF 0%,#FAFCFF 100%)!important; } .cpa-policy-layout{ grid-template-columns:minmax(220px,245px) minmax(0,900px)!important; gap:30px!important; } .cpa-policy-toc, .cpa-policy-help-card{ border-color:#D8E1EC!important; border-radius:15px!important; box-shadow:0 8px 24px rgba(8,42,56,.045)!important; } .cpa-policy-toc summary{ color:#082A38!important; background:#FFFFFF!important; } .cpa-policy-toc nav{border-color:#E5EBF2!important} .cpa-policy-toc a{ color:#405969!important; border-radius:9px!important; } .cpa-policy-toc a:hover{ transform:none!important; background:#F2F6FB!important; color:#012169!important; } .cpa-policy-help-card{ padding:18px!important; background:linear-gradient(145deg,#FFFFFF,#F7FAFE)!important; } .cpa-policy-help-card>span{color:#012169!important} .cpa-policy-help-card>strong{color:#082A38!important} .cpa-policy-help-card>p{color:#526878!important} .cpa-page-content.cpa-policy-content{ padding:clamp(30px,3.4vw,42px)!important; border:1px solid #D8E1EC!important; border-radius:20px!important; background:#FFFFFF!important; box-shadow:0 12px 34px rgba(8,42,56,.055)!important; color:#233F50!important; line-height:1.72!important; } .cpa-policy-content p, .cpa-policy-content li{color:#3E5666!important} .cpa-policy-content .cpa-lead{ margin-bottom:26px!important; color:#2E4858!important; font-size:clamp(16px,1.4vw,18px)!important; line-height:1.72!important; } .cpa-policy-content>h2{ margin-top:38px!important; padding-top:26px!important; border-top-color:#E5EBF2!important; color:#012169!important; } .cpa-policy-content>h2::before{ width:42px!important; height:3px!important; background:#012169!important; } .cpa-policy-content h3{color:#082A38!important} .cpa-policy-content strong{color:#082A38!important} .cpa-policy-content blockquote, .cpa-policy-content .cpa-policy-note{ background:#F7FAFE!important; border-color:#D8E1EC!important; border-left-color:#012169!important; } .cpa-shop-hero{ border-top:3px solid #012169!important; border-bottom:1px solid #D8E1EC!important; background: radial-gradient(circle at 89% 10%,rgba(228,0,43,.035),transparent 20%), radial-gradient(circle at 8% 86%,rgba(1,33,105,.045),transparent 24%), linear-gradient(132deg,#F7FAFE 0%,#F2F6FB 52%,#FFFFFF 100%)!important; color:#082A38!important; } .cpa-shop-hero::before, .cpa-shop-hero::after{ border-color:rgba(1,33,105,.07)!important; } .cpa-shop-hero::before{width:320px!important;height:320px!important;right:-150px!important;top:-205px!important} .cpa-shop-hero::after{width:220px!important;height:220px!important;right:95px!important;bottom:-185px!important} .cpa-shop-hero__shell{ padding-top:18px!important; padding-bottom:34px!important; } .cpa-shop-hero .cpa-commerce-breadcrumb{ margin-bottom:24px!important; padding:0 0 15px!important; border-bottom:1px solid rgba(1,33,105,.09)!important; } .cpa-shop-hero .woocommerce-breadcrumb, .cpa-shop-hero .woocommerce-breadcrumb a, .cpa-shop-hero .cpa-breadcrumb-separator{ color:#536B7C!important; } .cpa-shop-hero .woocommerce-breadcrumb a:hover{color:#012169!important} .cpa-shop-hero__grid{ grid-template-columns:minmax(0,1.16fr) minmax(330px,.72fr)!important; align-items:center!important; gap:clamp(32px,4vw,58px)!important; } .cpa-shop-kicker{ display:inline-flex!important; align-items:center!important; width:fit-content!important; margin-bottom:12px!important; padding:6px 10px!important; border:1px solid #D8E1EC!important; border-radius:999px!important; background:#FFFFFF!important; color:#012169!important; box-shadow:0 5px 14px rgba(8,42,56,.035)!important; } .cpa-shop-kicker::before{ content:""; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#E4002B; } .cpa-shop-hero h1{ max-width:760px!important; color:#012169!important; font-size:clamp(2.45rem,4.35vw,4.15rem)!important; line-height:.98!important; letter-spacing:-.025em!important; text-transform:none!important; } .cpa-shop-hero__copy>p{ max-width:660px!important; margin-top:15px!important; color:#3E5666!important; font-size:15px!important; line-height:1.65!important; } .cpa-shop-hero__meta{ gap:9px!important; margin-top:18px!important; color:#3F596A!important; } .cpa-shop-hero__meta span{ min-height:32px!important; padding:6px 10px!important; border:1px solid #D8E1EC!important; border-radius:999px!important; background:rgba(255,255,255,.82)!important; } .cpa-shop-hero__meta b{color:#012169!important} .cpa-shop-hero__meta i{ width:6px!important; height:6px!important; background:#012169!important; box-shadow:0 0 0 3px rgba(1,33,105,.08)!important; } .cpa-shop-hero__utility{ padding:18px!important; border:1px solid #D8E1EC!important; border-radius:20px!important; background:rgba(255,255,255,.94)!important; box-shadow:0 16px 38px rgba(8,42,56,.075)!important; } .cpa-shop-hero__utility-label{ margin-bottom:9px!important; color:#012169!important; } .cpa-shop-search{ min-height:54px!important; border:1px solid #D8E1EC!important; border-radius:14px!important; background:#F8FAFD!important; box-shadow:none!important; } .cpa-shop-search:focus-within{ border-color:#9EB3CD!important; box-shadow:0 0 0 3px rgba(1,33,105,.07)!important; } .cpa-shop-search button{ background:#012169!important; border-color:#012169!important; color:#FFFFFF!important; } .cpa-shop-search button:hover{ background:#082A38!important; border-color:#082A38!important; } .cpa-shop-promo{ margin-top:11px!important; padding:10px 11px!important; border:1px solid #D8E1EC!important; border-radius:13px!important; background:#F2F6FB!important; } .cpa-shop-promo>span{ width:40px!important; height:40px!important; border:1px solid #F4C3CC!important; background:#FFF5F7!important; color:#C81D3C!important; } .cpa-shop-promo strong{color:#012169!important} .cpa-shop-promo small{color:#536B7C!important} .cpa-category-discovery{ border-bottom:1px solid #D8E1EC!important; background:#FFFFFF!important; } .cpa-category-discovery>.cpa-shell{ padding-top:27px!important; padding-bottom:30px!important; } .cpa-category-discovery__head{ margin-bottom:15px!important; } .cpa-category-discovery__head>div>span{color:#536B7C!important} .cpa-category-discovery__head h2{color:#012169!important} .cpa-category-discovery__actions>a{color:#012169!important} .cpa-category-discovery__actions button{ border-color:#D8E1EC!important; border-radius:10px!important; color:#012169!important; background:#FFFFFF!important; } .cpa-category-discovery__actions button:hover{ border-color:#AFC0D4!important; background:#F2F6FB!important; } .cpa-category-rail{ grid-auto-columns:minmax(230px,285px)!important; gap:12px!important; padding-bottom:5px!important; } .cpa-category-tile{ min-height:92px!important; grid-template-columns:68px minmax(0,1fr) auto!important; padding:11px!important; border:1px solid #D8E1EC!important; border-radius:18px!important; background:#FFFFFF!important; box-shadow:0 7px 20px rgba(8,42,56,.04)!important; } .cpa-category-tile:hover, .cpa-category-tile:focus-visible{ transform:translateY(-2px)!important; border-color:#AFC0D4!important; background:#F8FAFD!important; box-shadow:0 14px 28px rgba(8,42,56,.075)!important; } .cpa-category-tile__visual{ width:68px!important; height:68px!important; border:1px solid #E3E9F1!important; border-radius:14px!important; background:#F2F6FB!important; } .cpa-category-tile__body strong{color:#082A38!important;font-size:12.5px!important} .cpa-category-tile__body small{color:#607486!important} .cpa-category-tile__arrow{color:#012169!important} .cpa-shop-toolbar{ padding:12px 14px!important; border:1px solid #D8E1EC!important; border-radius:16px!important; background:#FFFFFF!important; box-shadow:0 7px 20px rgba(8,42,56,.04)!important; } .cpa-catalog-layout .cpa-filter-panel, .cpa-shop-sidebar{ border:1px solid #D8E1EC!important; border-radius:18px!important; background:#FFFFFF!important; box-shadow:0 8px 24px rgba(8,42,56,.045)!important; } .cpa-catalog-layout ul.products li.product, .woocommerce-page .cpa-catalog-layout ul.products li.product{ border:1px solid #D8E1EC!important; border-radius:18px!important; background:#FFFFFF!important; box-shadow:0 7px 20px rgba(8,42,56,.045)!important; } .cpa-catalog-layout ul.products li.product:hover, .woocommerce-page .cpa-catalog-layout ul.products li.product:hover{ transform:translateY(-3px)!important; border-color:#AFC0D4!important; box-shadow:0 16px 34px rgba(8,42,56,.085)!important; } .cpa-catalog-layout ul.products li.product a img, .woocommerce-page .cpa-catalog-layout ul.products li.product a img{ border-bottom:1px solid #EDF1F6!important; background:linear-gradient(145deg,#FFFFFF,#F7FAFD)!important; } .cpa-catalog-layout .cpa-product-card__category{color:#526A7B!important} .cpa-catalog-layout ul.products li.product .woocommerce-loop-product__title, .woocommerce-page .cpa-catalog-layout ul.products li.product h2{color:#082A38!important} .cpa-catalog-layout ul.products li.product .price{color:#012169!important} .cpa-catalog-layout ul.products li.product .button, .cpa-catalog-layout ul.products li.product a.added_to_cart{ background:#012169!important; border-color:#012169!important; color:#FFFFFF!important; border-radius:11px!important; } .cpa-catalog-layout ul.products li.product .button:hover, .cpa-catalog-layout ul.products li.product a.added_to_cart:hover{ background:#082A38!important; border-color:#082A38!important; } .cpa-site-footer{ margin-top:52px!important; padding:28px 0 0!important; border-top:1px solid #D8E1EC!important; background:linear-gradient(180deg,#F2F6FB 0%,#F8FAFD 55%,#FFFFFF 100%)!important; color:#082A38!important; overflow:hidden!important; } .cpa-site-footer::before{display:none!important} .cpa-footer-offer{ transform:none!important; grid-template-columns:minmax(0,1fr) auto!important; gap:18px!important; margin:0 0 20px!important; padding:15px 17px!important; border:1px solid #D8E1EC!important; border-radius:18px!important; background:#FFFFFF!important; box-shadow:0 8px 24px rgba(8,42,56,.05)!important; } .cpa-footer-offer::before{ width:4px!important; background:linear-gradient(180deg,#012169 0%,#012169 70%,#E4002B 70%,#E4002B 100%)!important; } .cpa-footer-offer__copy{ display:flex!important; align-items:center!important; gap:12px!important; min-width:0!important; } .cpa-footer-offer__mini{ flex:0 0 auto!important; width:38px!important; height:38px!important; display:grid!important; place-items:center!important; border-radius:11px!important; background:#FFF3F5!important; color:#C81D3C!important; border:1px solid #F4C3CC!important; } .cpa-footer-offer__copy p{ display:flex!important; align-items:baseline!important; flex-wrap:wrap!important; gap:5px 10px!important; margin:0!important; } .cpa-footer-offer__copy strong{ color:#012169!important; font-size:14px!important; } .cpa-footer-offer__copy p>span{ color:#536B7C!important; font-size:10.5px!important; } .cpa-footer-code{ min-height:42px!important; padding:5px 6px 5px 12px!important; border:1px solid #D8E1EC!important; border-radius:12px!important; background:#F8FAFD!important; } .cpa-footer-code strong{color:#012169!important} .cpa-footer-code button{ min-height:32px!important; padding-inline:13px!important; background:#012169!important; border-color:#012169!important; color:#FFFFFF!important; } .cpa-footer-code button:hover{background:#082A38!important;border-color:#082A38!important} .cpa-footer-grid{ grid-template-columns:minmax(300px,1.45fr) repeat(3,minmax(145px,1fr))!important; gap:0!important; margin:0!important; padding:28px 30px!important; border:1px solid #D8E1EC!important; border-radius:22px!important; background:#FFFFFF!important; box-shadow:0 10px 28px rgba(8,42,56,.045)!important; } .cpa-footer-brand{ padding-right:30px!important; } .cpa-footer-grid>nav{ padding-left:28px!important; border-left:1px solid #E4EAF2!important; } .cpa-footer-brand .custom-logo-link, .cpa-footer-brand .cpa-default-logo-link{ margin-bottom:10px!important; padding:0!important; background:transparent!important; } .cpa-footer-brand .custom-logo, .cpa-default-logo--footer{ max-width:205px!important; max-height:54px!important; } .cpa-footer-description{ max-width:330px!important; margin:0 0 14px!important; color:#526A7B!important; font-size:11.5px!important; line-height:1.62!important; } .cpa-footer-contact{ max-width:350px!important; gap:7px!important; } .cpa-footer-contact>a, .cpa-footer-contact>div{ min-height:42px!important; padding:7px 9px!important; border:1px solid #E0E7EF!important; border-radius:11px!important; background:#F7FAFD!important; color:#385161!important; } .cpa-footer-contact>a>span:first-child, .cpa-footer-contact>div>span:first-child{ width:28px!important; height:28px!important; background:#EAF0F8!important; color:#012169!important; } .cpa-footer-contact small{color:#6B7D8C!important} .cpa-footer-title{ position:relative!important; margin:2px 0 14px!important; padding-bottom:9px!important; color:#012169!important; font-size:10px!important; } .cpa-footer-title::after{ content:""; position:absolute; left:0; bottom:0; width:26px; height:2px; border-radius:99px; background:#012169; } .cpa-footer-menu{gap:9px!important} .cpa-footer-menu a{ color:#385161!important; font-size:11px!important; font-weight:650!important; } .cpa-footer-menu a:hover, .cpa-footer-menu a:focus-visible{ color:#012169!important; text-decoration:none!important; transform:translateX(2px)!important; } .cpa-footer-safe{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; margin-top:16px!important; padding:0!important; border:0!important; color:#3E5666!important; } .cpa-footer-safe span{ min-height:46px!important; padding:10px 13px!important; border:1px solid #D8E1EC!important; border-radius:12px!important; background:#FFFFFF!important; } .cpa-footer-safe svg{ width:17px!important; height:17px!important; color:#012169!important; } .cpa-footer-bottom{ padding:14px 0 18px!important; color:#607486!important; } .cpa-footer-bottom .cpa-back-to-top{ min-height:34px!important; padding:7px 11px!important; border:1px solid #D8E1EC!important; border-radius:10px!important; background:#FFFFFF!important; color:#012169!important; } .cpa-footer-bottom .cpa-back-to-top:hover{ background:#F2F6FB!important; border-color:#AFC0D4!important; } @media (max-width:1040px){ .cpa-page-hero__grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:28px!important} .cpa-footer-grid{grid-template-columns:minmax(270px,1.35fr) repeat(3,1fr)!important;padding:24px!important} .cpa-footer-brand{padding-right:22px!important} .cpa-footer-grid>nav{padding-left:20px!important} } @media (max-width:860px){ .cpa-page-hero__grid{grid-template-columns:1fr!important;gap:20px!important} .cpa-page-hero__panel{max-width:none!important} .cpa-shop-hero__grid{grid-template-columns:1fr!important;gap:22px!important} .cpa-shop-hero__utility{max-width:720px!important} .cpa-footer-grid{grid-template-columns:1fr 1fr!important;gap:26px 20px!important;padding:24px!important} .cpa-footer-brand{grid-column:1/-1!important;padding-right:0!important} .cpa-footer-grid>nav{padding-left:0!important;border-left:0!important} .cpa-footer-grid>nav:nth-of-type(3){grid-column:1/-1!important} } @media (max-width:620px){ .cpa-page-article--policy .cpa-page-hero--policy{padding:24px 0 27px!important} .cpa-page-article--policy .cpa-page-hero h1{font-size:clamp(1.9rem,9vw,2.55rem)!important} .cpa-page-summary{font-size:14px!important} .cpa-page-article--policy .cpa-page-meta{display:grid!important;gap:6px!important} .cpa-policy-stage{padding:20px 0 46px!important} .cpa-page-content.cpa-policy-content{padding:22px 18px 26px!important;border-radius:16px!important} .cpa-shop-hero__shell{padding-top:13px!important;padding-bottom:25px!important} .cpa-shop-hero .cpa-commerce-breadcrumb{margin-bottom:18px!important;padding-bottom:12px!important} .cpa-shop-hero h1{font-size:clamp(2rem,10vw,2.8rem)!important} .cpa-shop-hero__copy>p{font-size:13.5px!important} .cpa-shop-hero__meta span{min-height:29px!important;padding:5px 8px!important;font-size:9.5px!important} .cpa-shop-hero__utility{padding:14px!important;border-radius:16px!important} .cpa-shop-search{grid-template-columns:auto minmax(0,1fr)!important;padding:5px 10px!important} .cpa-shop-search button{grid-column:1/-1!important;width:100%!important;margin-top:6px!important;min-height:40px!important} .cpa-category-discovery__head{align-items:flex-start!important;flex-direction:column!important} .cpa-category-discovery__actions{width:100%!important;justify-content:space-between!important} .cpa-category-rail{grid-auto-columns:minmax(220px,82vw)!important} .cpa-site-footer{margin-top:38px!important;padding-top:20px!important} .cpa-footer-offer{grid-template-columns:1fr!important;gap:12px!important;padding:14px!important} .cpa-footer-offer__copy{align-items:flex-start!important} .cpa-footer-code{width:100%!important;justify-content:space-between!important} .cpa-footer-grid{grid-template-columns:1fr!important;gap:24px!important;padding:20px!important;border-radius:18px!important} .cpa-footer-brand,.cpa-footer-grid>nav,.cpa-footer-grid>nav:nth-of-type(3){grid-column:auto!important} .cpa-footer-safe{grid-template-columns:1fr!important} .cpa-footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:10px!important} } :root{ --cpa-danger:#D63A52; --cpa-danger-soft:#FFF4F6; --cpa-danger-soft-border:#F0C7CF; --cpa-danger-deep:#B92F45; --tap13-teal:#D63A52; --tap13-gold:#D63A52; } .cpa-site-header .cpa-brand .custom-logo, .cpa-site-header .cpa-brand .cpa-default-logo, .cpa-site-header .cpa-default-logo{ display:block!important; width:auto!important; height:auto!important; max-width:210px!important; max-height:50px!important; object-fit:contain!important; } .cpa-site-header .cpa-brand, .cpa-site-header .cpa-brand .custom-logo-link, .cpa-site-header .cpa-default-logo-link{ min-width:0!important; flex:0 0 auto!important; } .cpa-shop-hero, .cpa-page-article--policy .cpa-page-hero--policy, .woocommerce-cart .cpa-commerce-hero, .woocommerce-checkout .cpa-commerce-hero{ border-radius:0!important; overflow:hidden!important; } .cpa-shop-hero{ border-top:2px solid #012169!important; box-shadow:none!important; } .cpa-page-article--policy .cpa-page-hero--policy{ border-top:2px solid #012169!important; box-shadow:none!important; } button, .button, .cpa-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .cpa-account-shop, .cpa-policy-help-card a, .cpa-shop-search button, .cpa-footer-code button, .cpa-back-to-top{ border-radius:7px!important; } .button, .cpa-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .cpa-account-shop, .cpa-policy-help-card a, .cpa-shop-search button{ min-height:40px!important; padding:0 16px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; line-height:1.15!important; box-shadow:none!important; } .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce div.product .single_add_to_cart_button, .checkout-button, .wc-proceed-to-checkout .button, .cpa-cart-primary, .cpa-home-button--primary, .cpa-button--primary{ border-radius:7px!important; box-shadow:none!important; } .cpa-cart-close, .cpa-menu-toggle, .cpa-mobile-close, .cpa-category-discovery__actions button, .cpa-wishlist-toggle, .cpa-quantity button, .woocommerce .quantity button{ border-radius:9px!important; padding:0!important; } .cpa-count,.cpa-header-count,.cpa-icon-link__count,.cpa-wishlist-count,.cpa-cart-count{ border-radius:999px!important; } .cpa-shop-kicker{ border-radius:7px!important; padding:6px 10px!important; } .cpa-shop-hero__meta span{ border-radius:7px!important; background:#FFFFFF!important; } .cpa-shop-hero__utility{ border-radius:12px!important; border:1px solid #D8E1EC!important; box-shadow:0 10px 26px rgba(8,42,56,.055)!important; } .cpa-shop-search{ border-radius:9px!important; } .cpa-shop-promo{ border-radius:9px!important; } .cpa-shop-promo>span{ border-radius:8px!important; border-color:#F0C7CF!important; background:#FFF4F6!important; color:#B92F45!important; } .cpa-category-tile, .cpa-catalog-layout .cpa-filter-panel, .cpa-shop-sidebar, .cpa-shop-toolbar, .cpa-catalog-layout ul.products li.product, .woocommerce-page .cpa-catalog-layout ul.products li.product{ border-radius:12px!important; border-color:#D8E1EC!important; } .cpa-category-tile__visual{border-radius:9px!important} .cpa-catalog-layout ul.products li.product .button, .cpa-catalog-layout ul.products li.product a.added_to_cart{ border-radius:7px!important; } .cpa-page-hero__panel, .cpa-policy-toc, .cpa-policy-help-card, .cpa-page-content.cpa-policy-content, .cpa-policy-content blockquote, .cpa-policy-content .cpa-policy-note{ border:1px solid #D8E1EC!important; border-radius:10px!important; box-shadow:0 8px 22px rgba(8,42,56,.045)!important; } .cpa-page-hero__panel::before{ border-radius:10px 0 0 10px!important; } .cpa-policy-toc a{border-radius:6px!important} .cpa-policy-content>h2{border-top-color:#D8E1EC!important} .cpa-policy-content blockquote, .cpa-policy-content .cpa-policy-note{ border-left:3px solid #012169!important; background:#F8FAFD!important; } .cpa-site-footer{ width:100%!important; margin-top:52px!important; padding:0!important; border-top:2px solid #012169!important; border-radius:0!important; background:linear-gradient(180deg,#F2F6FB 0%,#F8FAFD 60%,#FFFFFF 100%)!important; } .cpa-site-footer>.cpa-shell{ width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } .cpa-footer-offer{ width:100%!important; margin:0!important; padding:15px clamp(20px,8.2vw,140px)!important; border:0!important; border-bottom:1px solid #D8E1EC!important; border-radius:0!important; background:#FFFFFF!important; box-shadow:none!important; } .cpa-footer-offer::before{display:none!important} .cpa-footer-grid{ width:100%!important; margin:0!important; padding:34px clamp(20px,8.2vw,140px) 30px!important; border:0!important; border-bottom:1px solid #D8E1EC!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .cpa-footer-grid>nav{ border-left:1px solid #D8E1EC!important; } .cpa-footer-contact>a, .cpa-footer-contact>div, .cpa-footer-safe span{ border:1px solid #D8E1EC!important; border-radius:8px!important; box-shadow:none!important; } .cpa-footer-safe{ width:100%!important; margin:0!important; padding:16px clamp(20px,8.2vw,140px)!important; border:0!important; border-bottom:1px solid #D8E1EC!important; } .cpa-footer-safe span{ background:#FFFFFF!important; } .cpa-footer-bottom{ width:100%!important; margin:0!important; padding:15px clamp(20px,8.2vw,140px) 18px!important; border:0!important; } .cpa-footer-bottom .cpa-back-to-top{border-radius:7px!important} ::selection{background:#D63A52!important;color:#FFFFFF!important} .cpa-ticker__deal button, .cpa-count,.cpa-header-count,.cpa-icon-link__count,.cpa-wishlist-count,.cpa-cart-count, .cpa-home-sale,.onsale,.woocommerce span.onsale, .cpa-wishlist-toggle.is-active, .cpa-nav-promo strong,.cpa-nav-promo b, .cpa-footer-offer__mini,.cpa-footer-offer__icon, .cpa-home-seo-safety__icon, .cpa-product-page .cpa-product-assurances>div>span{ background:#D63A52!important; border-color:#D63A52!important; color:#FFFFFF!important; } .cpa-section-label, .cpa-home-kicker, .cpa-shop-kicker, .woocommerce ul.products li.product ins, .woocommerce div.product p.price ins{ color:#B92F45!important; } .cpa-section-label::before, .cpa-home-kicker i, .cpa-home-kicker::before, .cpa-shop-kicker::before{ background:#D63A52!important; } .cpa-footer-offer__mini{ background:#FFF4F6!important; border-color:#F0C7CF!important; color:#B92F45!important; } .cpa-site-footer::before{display:none!important} .cpa-nav-promo strong,.cpa-nav-promo b{ padding-inline:10px!important; } @media (max-width:1040px){ .cpa-site-header .cpa-brand .custom-logo, .cpa-site-header .cpa-brand .cpa-default-logo, .cpa-site-header .cpa-default-logo{ max-width:174px!important; max-height:43px!important; } .cpa-footer-grid{padding-inline:28px!important} .cpa-footer-offer,.cpa-footer-safe,.cpa-footer-bottom{padding-inline:28px!important} } @media (max-width:860px){ .cpa-footer-grid{ grid-template-columns:1fr 1fr!important; padding:28px 22px!important; } .cpa-footer-grid>nav{border-left:0!important;padding-left:0!important} .cpa-footer-offer,.cpa-footer-safe,.cpa-footer-bottom{padding-inline:22px!important} } @media (max-width:620px){ .cpa-site-header .cpa-brand .custom-logo, .cpa-site-header .cpa-brand .cpa-default-logo, .cpa-site-header .cpa-default-logo{ max-width:145px!important; max-height:38px!important; } .cpa-shop-hero__utility{border-radius:10px!important} .cpa-page-content.cpa-policy-content{border-radius:10px!important} .cpa-footer-grid{ grid-template-columns:1fr!important; padding:24px 18px!important; border-radius:0!important; } .cpa-footer-offer{ padding:14px 18px!important; border-radius:0!important; } .cpa-footer-safe,.cpa-footer-bottom{padding-inline:18px!important} } .cpa-product-search__form, .cpa-product-search__form:focus-within{ border-color:#D8E1EC!important; box-shadow:0 0 0 3px rgba(1,33,105,.055)!important; } .cpa-product-search input[type="search"], .cpa-product-search input[type="search"]:focus, .cpa-product-search input[type="search"]:focus-visible{ border:0!important; outline:0!important; box-shadow:none!important; background:#FFFFFF!important; } .cpa-site-header input:focus, .cpa-site-header input:focus-visible, .cpa-site-header select:focus, .cpa-site-header select:focus-visible, .cpa-site-header textarea:focus, .cpa-site-header textarea:focus-visible, .cpa-shop-search input:focus, .cpa-shop-search input:focus-visible, .cpa-home-search input:focus, .cpa-home-search input:focus-visible, .cpa-contact-form input:focus, .cpa-contact-form input:focus-visible, .cpa-contact-form textarea:focus, .cpa-contact-form textarea:focus-visible, .woocommerce input:focus, .woocommerce input:focus-visible, .woocommerce textarea:focus, .woocommerce textarea:focus-visible, .woocommerce select:focus, .woocommerce select:focus-visible{ outline:0!important; border-color:#AFC0D4!important; box-shadow:0 0 0 3px rgba(1,33,105,.07)!important; } .cpa-shop-search:focus-within, .cpa-home-search:focus-within{ border-color:#AFC0D4!important; box-shadow:0 0 0 3px rgba(1,33,105,.06),0 10px 24px rgba(8,42,56,.05)!important; } a:focus-visible, button:focus-visible, select:focus-visible, textarea:focus-visible, .cpa-shop-search button:focus-visible, .cpa-category-discovery__actions button:focus-visible, .cpa-cart-close:focus-visible, .cpa-cart-primary:focus-visible, .cpa-home-button:focus-visible{ outline:2px solid rgba(1,33,105,.30)!important; outline-offset:2px!important; } input:focus-visible{ outline:0!important; } .cpa-blog-main, .cpa-single-main{ --cpa-blog-max:1280px!important; background:#FFFFFF!important; color:#082A38!important; } .cpa-blog-shell{ width:min(calc(100% - 48px),var(--cpa-blog-max))!important; } .cpa-blog-masthead{ padding:52px 0 46px!important; border-top:1px solid #D8E1EC!important; border-bottom:1px solid #D8E1EC!important; border-radius:0!important; background:linear-gradient(110deg,#F2F6FB 0%,#FFFFFF 72%)!important; } .cpa-blog-masthead::before, .cpa-blog-masthead::after{ border-color:rgba(1,33,105,.08)!important; } .cpa-blog-masthead__inner{ grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important; gap:54px!important; align-items:center!important; } .cpa-blog-kicker, .cpa-section-eyebrow{ color:#012169!important; letter-spacing:.12em!important; } .cpa-blog-kicker::before, .cpa-section-eyebrow::before{ background:#D63A52!important; } .cpa-blog-masthead h1{ margin-top:13px!important; color:#012169!important; font-size:clamp(3rem,5.5vw,5.3rem)!important; line-height:.98!important; letter-spacing:-.055em!important; } .cpa-blog-masthead__inner>p{ max-width:520px!important; color:#455C6A!important; font-size:clamp(15px,1.25vw,17px)!important; line-height:1.7!important; } .cpa-featured-journal{padding:52px 0 0!important} .cpa-section-head{margin-bottom:20px!important} .cpa-section-head h2{ color:#012169!important; font-size:clamp(1.9rem,3vw,2.7rem)!important; line-height:1.05!important; } .cpa-section-head__note,.cpa-section-head>a{color:#607481!important} .cpa-featured-slider__viewport{ min-height:clamp(420px,43vw,560px)!important; border:1px solid #D8E1EC!important; border-radius:18px!important; background:#082A38!important; box-shadow:0 18px 46px rgba(8,42,56,.10)!important; } .cpa-featured-slide__shade{ background:linear-gradient(90deg,rgba(8,42,56,.92) 0%,rgba(8,42,56,.70) 48%,rgba(8,42,56,.14) 78%),linear-gradient(0deg,rgba(8,42,56,.48),transparent 52%)!important; } .cpa-featured-slide__content{ width:min(64%,760px)!important; padding:clamp(32px,5vw,62px)!important; } .cpa-featured-slide h3{ font-size:clamp(2rem,4.2vw,4rem)!important; line-height:1.02!important; letter-spacing:-.045em!important; } .cpa-featured-slide__content>p{margin:15px 0 20px!important} .cpa-featured-slide__meta a{ border-radius:7px!important; background:rgba(255,255,255,.10)!important; } .cpa-featured-slide__cta{ min-height:40px!important; border-bottom-color:rgba(255,255,255,.34)!important; } .cpa-featured-slider__arrows button{ width:42px!important; height:42px!important; border-radius:8px!important; border-color:#D8E1EC!important; background:#FFFFFF!important; color:#012169!important; } .cpa-journal-feed{padding:68px 0 84px!important} .cpa-journal-feed__top{ grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr)!important; margin-bottom:28px!important; padding-bottom:22px!important; border-color:#D8E1EC!important; } .cpa-blog-categories{gap:7px!important} .cpa-blog-categories a{ padding:9px 13px!important; border-radius:7px!important; border-color:#D8E1EC!important; color:#455C6A!important; } .cpa-blog-categories a:hover, .cpa-blog-categories a.is-active{ background:#F2F6FB!important; border-color:#012169!important; color:#012169!important; } .cpa-story-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:26px!important; } .cpa-story-grid>.cpa-story-card:nth-child(1), .cpa-story-grid>.cpa-story-card:nth-child(7){grid-column:auto!important} .cpa-story-card{ grid-column:auto!important; display:flex!important; flex-direction:column!important; min-width:0!important; overflow:hidden!important; border:1px solid #D8E1EC!important; border-radius:16px!important; background:#FFFFFF!important; box-shadow:0 10px 28px rgba(8,42,56,.05)!important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important; } .cpa-story-card:hover{ transform:translateY(-3px)!important; border-color:#B9C8DA!important; box-shadow:0 16px 36px rgba(8,42,56,.08)!important; } .cpa-story-card__media, .cpa-story-grid>.cpa-story-card:nth-child(1) .cpa-story-card__media, .cpa-story-grid>.cpa-story-card:nth-child(7) .cpa-story-card__media{ aspect-ratio:16/10!important; border-radius:0!important; background:#F2F6FB!important; } .cpa-story-card__media img{ transition:transform .32s ease!important; } .cpa-story-card:hover .cpa-story-card__media img{transform:scale(1.025)!important} .cpa-story-card__arrow{ top:14px!important; right:14px!important; width:38px!important; height:38px!important; border-radius:8px!important; background:rgba(255,255,255,.94)!important; color:#012169!important; box-shadow:0 5px 15px rgba(8,42,56,.08)!important; } .cpa-story-card__body{ display:flex!important; flex:1!important; flex-direction:column!important; padding:20px 20px 18px!important; } .cpa-story-card__meta{ color:#607481!important; font-size:10px!important; letter-spacing:.045em!important; } .cpa-story-card__meta a{color:#012169!important} .cpa-story-card__title, .cpa-story-grid>.cpa-story-card:nth-child(1) .cpa-story-card__title, .cpa-story-grid>.cpa-story-card:nth-child(7) .cpa-story-card__title{ max-width:none!important; margin:12px 0 10px!important; color:#012169!important; font-size:clamp(1.28rem,1.8vw,1.65rem)!important; line-height:1.17!important; letter-spacing:-.035em!important; } .cpa-story-card__title a{color:#012169!important} .cpa-story-card__body>p{ color:#526875!important; font-size:14px!important; line-height:1.65!important; } .cpa-story-card__foot{ margin-top:auto!important; padding-top:16px!important; border-top:1px solid #E7EDF4!important; } .cpa-story-card__foot span{color:#607481!important} .cpa-story-card__foot a{color:#012169!important} .cpa-blog-pagination .page-numbers{ border-radius:7px!important; border-color:#D8E1EC!important; } .cpa-single-hero{ padding:34px 0 46px!important; border-top:1px solid #D8E1EC!important; border-bottom:1px solid #D8E1EC!important; border-radius:0!important; background:linear-gradient(180deg,#F8FBFF 0%,#FFFFFF 100%)!important; } .cpa-single-hero__inner{display:block!important} .cpa-single-breadcrumbs{ margin-bottom:22px!important; color:#607481!important; font-size:11px!important; } .cpa-single-breadcrumbs a{color:#012169!important} .cpa-single-featured--hero{ margin:0 0 32px!important; border:1px solid #D8E1EC!important; border-radius:16px!important; overflow:hidden!important; background:#F2F6FB!important; box-shadow:0 16px 42px rgba(8,42,56,.07)!important; } .cpa-single-featured--hero img{ width:100%!important; max-height:640px!important; aspect-ratio:16/8.6!important; object-fit:cover!important; } .cpa-single-featured--hero figcaption{ padding:10px 14px!important; border-top:1px solid #D8E1EC!important; background:#FFFFFF!important; color:#607481!important; } .cpa-single-hero__copy{ max-width:920px!important; margin-inline:auto!important; text-align:left!important; } .cpa-single-hero__meta{ margin-bottom:14px!important; color:#607481!important; } .cpa-single-hero__meta a{ padding:7px 10px!important; border:1px solid #D8E1EC!important; border-radius:7px!important; background:#FFFFFF!important; color:#012169!important; } .cpa-single-hero h1{ max-width:900px!important; margin:0!important; color:#012169!important; font-size:clamp(2.35rem,4.8vw,4.5rem)!important; line-height:1.02!important; letter-spacing:-.055em!important; text-wrap:balance!important; } .cpa-single-deck{ max-width:800px!important; margin:18px 0 22px!important; color:#526875!important; font-size:clamp(16px,1.45vw,19px)!important; line-height:1.7!important; } .cpa-single-byline{ padding-top:18px!important; border-top:1px solid #D8E1EC!important; } .cpa-single-byline__avatar{ background:#012169!important; color:#FFFFFF!important; } .cpa-single-layout{ grid-template-columns:52px minmax(0,760px) 244px!important; gap:30px!important; padding-top:52px!important; padding-bottom:58px!important; align-items:start!important; } .cpa-single-share{ position:sticky!important; top:128px!important; gap:8px!important; } .cpa-single-share>a, .cpa-single-share>button{ width:40px!important; height:40px!important; border:1px solid #D8E1EC!important; border-radius:8px!important; background:#FFFFFF!important; color:#012169!important; } .cpa-single-share>span{color:#607481!important} .cpa-single-content-wrap{ min-width:0!important; } .cpa-single-content{ color:#243F4D!important; font-size:17px!important; line-height:1.82!important; } .cpa-single-content>p:first-child{ font-size:19px!important; line-height:1.75!important; color:#304E5C!important; } .cpa-single-content h2{ margin:44px 0 15px!important; color:#012169!important; font-size:clamp(1.8rem,2.7vw,2.45rem)!important; line-height:1.12!important; letter-spacing:-.04em!important; } .cpa-single-content h3{ margin:34px 0 12px!important; color:#082A38!important; font-size:clamp(1.4rem,2vw,1.85rem)!important; line-height:1.2!important; } .cpa-single-content a{ color:#012169!important; text-decoration-thickness:1px!important; text-underline-offset:3px!important; } .cpa-single-content img{ border-radius:12px!important; } .cpa-single-content blockquote, .cpa-single-content .wp-block-quote{ margin:30px 0!important; padding:20px 22px!important; border:1px solid #D8E1EC!important; border-left:4px solid #012169!important; border-radius:10px!important; background:#F2F6FB!important; color:#243F4D!important; } .cpa-single-content table{ overflow:hidden!important; border:1px solid #D8E1EC!important; border-radius:10px!important; } .cpa-single-content th{background:#F2F6FB!important;color:#012169!important} .cpa-single-content td,.cpa-single-content th{border-color:#D8E1EC!important} .cpa-article-note{ margin-top:38px!important; border:1px solid #D8E1EC!important; border-left:4px solid #012169!important; border-radius:10px!important; background:#F8FBFF!important; color:#243F4D!important; box-shadow:none!important; } .cpa-article-note>span{ background:#012169!important; color:#FFFFFF!important; } .cpa-single-sidebar{ position:sticky!important; top:124px!important; display:grid!important; gap:16px!important; } .cpa-article-toc-card, .cpa-article-facts{ border:1px solid #D8E1EC!important; border-radius:12px!important; background:#FFFFFF!important; box-shadow:0 10px 26px rgba(8,42,56,.045)!important; } .cpa-article-toc-card__eyebrow{color:#012169!important} .cpa-article-toc-card a{color:#455C6A!important} .cpa-article-toc-card a:hover{color:#012169!important} .cpa-article-facts div+div{border-color:#E7EDF4!important} .cpa-article-facts span{color:#607481!important} .cpa-article-facts strong{color:#082A38!important} .cpa-single-footer{ padding-top:28px!important; padding-bottom:58px!important; border-top:1px solid #D8E1EC!important; } .cpa-single-tags a{ border:1px solid #D8E1EC!important; border-radius:7px!important; background:#F8FBFF!important; color:#012169!important; } .cpa-post-nav{ gap:16px!important; } .cpa-post-nav a{ border:1px solid #D8E1EC!important; border-radius:12px!important; background:#FFFFFF!important; box-shadow:0 8px 20px rgba(8,42,56,.04)!important; } .cpa-post-nav a:hover{ border-color:#B9C8DA!important; background:#F8FBFF!important; } .cpa-post-nav span{color:#607481!important} .cpa-post-nav strong{color:#012169!important} .cpa-related-stories{ padding:58px 0 74px!important; border-top:1px solid #D8E1EC!important; background:#F8FBFF!important; } .cpa-related-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px!important; } .cpa-comments-wrap{ margin-top:54px!important; margin-bottom:72px!important; padding:28px!important; border:1px solid #D8E1EC!important; border-radius:14px!important; background:#FFFFFF!important; box-shadow:0 10px 28px rgba(8,42,56,.045)!important; } .single-post .cpa-comments-wrap .comment-body{ border-color:#D8E1EC!important; border-radius:10px!important; box-shadow:none!important; } .single-post .cpa-comments-wrap input[type="text"], .single-post .cpa-comments-wrap input[type="email"], .single-post .cpa-comments-wrap input[type="url"], .single-post .cpa-comments-wrap textarea{ border-color:#D8E1EC!important; border-radius:7px!important; color:#082A38!important; } .cpa-blog-main .cpa-blog-kicker::before, .cpa-blog-main .cpa-section-eyebrow::before, .cpa-single-main .cpa-section-eyebrow::before{ background:#D63A52!important; } .cpa-blog-main .cpa-section-eyebrow, .cpa-single-main .cpa-section-eyebrow, .cpa-blog-main .cpa-blog-kicker{ color:#012169!important; } @media (max-width:1050px){ .cpa-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .cpa-single-layout{grid-template-columns:46px minmax(0,1fr) 220px!important;gap:22px!important} .cpa-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:820px){ .cpa-blog-shell{width:min(calc(100% - 28px),var(--cpa-blog-max))!important} .cpa-blog-masthead{padding:40px 0 36px!important} .cpa-blog-masthead__inner{grid-template-columns:1fr!important;gap:16px!important} .cpa-blog-masthead h1{font-size:clamp(2.65rem,12vw,4.2rem)!important} .cpa-featured-slider__viewport{min-height:480px!important;border-radius:14px!important} .cpa-featured-slide__content{width:100%!important;padding:28px!important} .cpa-featured-slide__shade{background:linear-gradient(0deg,rgba(8,42,56,.95) 0%,rgba(8,42,56,.62) 58%,rgba(8,42,56,.22) 100%)!important} .cpa-journal-feed__top{grid-template-columns:1fr!important;gap:16px!important} .cpa-blog-categories{justify-content:flex-start!important} .cpa-single-hero{padding:24px 0 34px!important} .cpa-single-featured--hero{margin-bottom:24px!important;border-radius:12px!important} .cpa-single-featured--hero img{aspect-ratio:16/10!important} .cpa-single-hero h1{font-size:clamp(2.15rem,8vw,3.5rem)!important} .cpa-single-layout{display:block!important;padding-top:38px!important} .cpa-single-share{position:static!important;display:flex!important;flex-direction:row!important;margin-bottom:24px!important} .cpa-single-share>span{align-self:center!important;margin-right:4px!important} .cpa-single-sidebar{position:static!important;margin-top:30px!important} .cpa-related-grid{grid-template-columns:1fr 1fr!important} } @media (max-width:580px){ .cpa-blog-shell{width:calc(100% - 22px)!important} .cpa-blog-masthead{padding:32px 0!important} .cpa-blog-masthead h1{font-size:clamp(2.45rem,14vw,3.5rem)!important} .cpa-featured-journal{padding-top:36px!important} .cpa-featured-slider__viewport{min-height:440px!important;border-radius:10px!important} .cpa-featured-slide__content{padding:22px!important} .cpa-featured-slide h3{font-size:clamp(1.9rem,9vw,2.8rem)!important} .cpa-featured-slide__number{display:none!important} .cpa-story-grid{grid-template-columns:1fr!important;gap:18px!important} .cpa-story-card{border-radius:12px!important} .cpa-journal-feed{padding:48px 0 60px!important} .cpa-single-featured--hero{border-radius:9px!important} .cpa-single-hero h1{font-size:clamp(2rem,10.5vw,2.9rem)!important} .cpa-single-deck{font-size:16px!important} .cpa-single-content{font-size:16px!important;line-height:1.78!important} .cpa-single-content>p:first-child{font-size:17px!important} .cpa-related-grid{grid-template-columns:1fr!important} .cpa-post-nav{grid-template-columns:1fr!important} .cpa-comments-wrap{width:calc(100% - 22px)!important;padding:20px 16px!important;border-radius:10px!important} } :root{ --cpa-danger:#D85F72; --cpa-danger-soft:#FFF6F7; --cpa-danger-soft-border:#F2D6DB; --cpa-danger-deep:#B94559; --tap13-teal:#D85F72; --tap13-gold:#D85F72; } .cpa-page-hero__panel, .cpa-policy-toc, .cpa-policy-help-card, .cpa-page-content.cpa-policy-content, .cpa-policy-content blockquote, .cpa-policy-content .cpa-policy-note{ border:1px solid #D8E1EC!important; border-radius:0!important; box-shadow:0 8px 22px rgba(8,42,56,.045)!important; } .cpa-page-hero__panel::before{border-radius:0!important} .cpa-policy-toc a{border-radius:0!important} .cpa-page-article--policy .cpa-page-hero{border-radius:0!important} .cpa-policy-content blockquote, .cpa-policy-content .cpa-policy-note{border-left:3px solid #012169!important} .cpa-section-label, .cpa-home-kicker, .cpa-shop-kicker, .cpa-shop-promo strong, .cpa-shop-promo b, .cpa-shop-promo__badge, .woocommerce ul.products li.product ins, .woocommerce div.product p.price ins, .cpa-footer-menu a:hover, .cpa-footer-bottom a:hover, .cpa-footer-contact a:hover{color:#B94559!important} .cpa-count,.cpa-header-count,.cpa-icon-link__count,.cpa-wishlist-count,.cpa-cart-count, .cpa-home-sale,.onsale,.woocommerce span.onsale,.cpa-nav-promo strong,.cpa-nav-promo b, .cpa-footer-offer__mini,.cpa-footer-offer__icon,.cpa-home-seo-safety__icon{ background:#D85F72!important;border-color:#D85F72!important;color:#fff!important; } ::selection{background:#D85F72!important;color:#fff!important} .cpa-page-article--contact-us .cpa-page-hero{border-radius:0!important} .cpa-page-article--contact-us .cpa-page-content{padding-top:34px!important} .cpa-contact-intro{ grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)!important; gap:18px!important; } .cpa-contact-intro>div:first-child, .cpa-contact-promise, .cpa-contact-sidebar, .cpa-contact-form-panel, .cpa-support-cards article, .cpa-contact-safety-note{ border:1px solid #D8E1EC!important; border-radius:0!important; box-shadow:0 8px 22px rgba(8,42,56,.045)!important; } .cpa-contact-intro>div:first-child{ padding:30px 34px!important; background:#fff!important; } .cpa-contact-intro__main h2{ margin:10px 0 14px!important; color:#012169!important; font-size:clamp(1.6rem,2.6vw,2.15rem)!important; line-height:1.08!important; } .cpa-contact-intro .cpa-lead{ max-width:800px!important; color:#334E60!important; font-size:16px!important; line-height:1.72!important; } .cpa-contact-promise{ position:relative!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:8px!important; padding:28px!important; overflow:hidden!important; background:#F2F6FB!important; color:#082A38!important; } .cpa-contact-promise::before{ content:""!important; position:absolute!important; inset:0 auto 0 0!important; width:4px!important; background:#012169!important; border-radius:0!important; } .cpa-contact-promise__eyebrow{ color:#607486!important; font:800 10px/1.3 var(--cpa-font-ui)!important; text-transform:uppercase!important; letter-spacing:.09em!important; } .cpa-contact-promise strong{color:#082A38!important;font-size:16px!important} .cpa-contact-promise span{color:#526878!important;font-size:11px!important;line-height:1.65!important} .cpa-contact-hub{ grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important; gap:18px!important; margin-top:18px!important; } .cpa-contact-sidebar, .cpa-contact-form-panel{background:#fff!important} .cpa-contact-sidebar{padding:24px!important;top:100px!important} .cpa-contact-sidebar__head{margin-bottom:15px!important;padding-bottom:16px!important;border-bottom:1px solid #D8E1EC!important} .cpa-contact-sidebar__head h2{ margin:8px 0 8px!important; color:#012169!important; font-size:clamp(1.35rem,2vw,1.7rem)!important; line-height:1.08!important; } .cpa-contact-sidebar__head p{margin:0!important;color:#607486!important;font-size:10.5px!important;line-height:1.6!important} .cpa-contact-method{ grid-template-columns:42px minmax(0,1fr)!important; gap:12px!important; margin:0 0 8px!important; padding:13px!important; border:1px solid #E2E9F1!important; border-radius:0!important; background:#FBFDFF!important; box-shadow:none!important; transition:border-color .16s ease,background .16s ease,transform .16s ease!important; } .cpa-contact-method:hover{ transform:translateY(-1px)!important; border-color:#B8C8DC!important; background:#F2F6FB!important; } .cpa-contact-method:first-of-type{border-top:1px solid #E2E9F1!important} .cpa-contact-method__icon{ width:38px!important;height:38px!important;border-radius:6px!important; background:#EEF3FA!important;color:#012169!important; } .cpa-contact-method small{color:#607486!important;font-size:8.5px!important} .cpa-contact-method strong{color:#082A38!important;font-size:12px!important} .cpa-contact-method em{color:#667A89!important;font-size:9.5px!important} .cpa-contact-sidebar__tip{ margin-top:14px!important;padding:16px!important;border:1px solid #D8E1EC!important; border-radius:0!important;background:#F8FAFD!important; } .cpa-contact-sidebar__tip strong{color:#012169!important} .cpa-contact-sidebar__tip p{color:#536A7B!important} .cpa-contact-form-panel{padding:28px 30px!important} .cpa-contact-form-panel__head{margin-bottom:20px!important;padding-bottom:18px!important;border-bottom:1px solid #D8E1EC!important} .cpa-contact-form-panel__head h2{ margin:8px 0 0!important;color:#012169!important; font-size:clamp(1.65rem,2.7vw,2.05rem)!important;line-height:1.08!important; } .cpa-contact-form-panel__head p{color:#607486!important;font-size:10.5px!important;line-height:1.62!important} .cpa-contact-form__grid{gap:12px!important} .cpa-contact-form{gap:14px!important} .cpa-contact-form label>span:first-child{color:#203D4F!important} .cpa-contact-form label>span:first-child b{color:#B94559!important} .cpa-contact-form input[type="text"], .cpa-contact-form input[type="email"], .cpa-contact-form input[type="tel"], .cpa-contact-form input[type="number"], .cpa-contact-form select, .cpa-contact-form textarea{ min-height:48px!important; border:1px solid #C9D6E4!important; border-radius:6px!important; background:#fff!important; color:#082A38!important; box-shadow:none!important; } .cpa-contact-form input:focus, .cpa-contact-form input:focus-visible, .cpa-contact-form select:focus, .cpa-contact-form select:focus-visible, .cpa-contact-form textarea:focus, .cpa-contact-form textarea:focus-visible{ outline:0!important; border-color:#012169!important; box-shadow:0 0 0 3px rgba(1,33,105,.09)!important; } .cpa-contact-form input::placeholder, .cpa-contact-form textarea::placeholder{color:#8696A4!important;opacity:1!important} .cpa-human-check{ border:1px solid #D8E1EC!important;border-radius:0!important;background:#F8FAFD!important; } .cpa-contact-signed-in{ border:1px solid #D8E1EC!important;border-radius:0!important;background:#F2F6FB!important;color:#345267!important; } .cpa-contact-signed-in>span{border-radius:50%!important;color:#012169!important} .cpa-contact-alert,.cpa-contact-gate{border-radius:0!important} .cpa-contact-submit{ min-height:46px!important;border-radius:7px!important;background:#012169!important;color:#fff!important; box-shadow:0 8px 18px rgba(1,33,105,.14)!important; } .cpa-contact-submit:hover{background:#082A38!important} .cpa-contact-support-grid{margin-top:42px!important} .cpa-support-cards{gap:12px!important;margin-top:18px!important} .cpa-support-cards article{position:relative!important;padding:20px!important;background:#fff!important} .cpa-support-cards article>span{ display:inline-block!important;margin-bottom:12px!important;color:#012169!important; font:800 10px/1 var(--cpa-font-ui)!important;letter-spacing:.08em!important; } .cpa-support-cards h3{color:#082A38!important;font-size:13px!important} .cpa-support-cards p{color:#607486!important;font-size:10px!important} .cpa-contact-safety-note{ grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important; gap:28px!important;margin-top:18px!important;padding:24px 28px!important; background:#F2F6FB!important;color:#082A38!important; border-left:4px solid #012169!important; } .cpa-contact-safety-note .cpa-section-label{color:#607486!important} .cpa-contact-safety-note .cpa-section-label::before{background:#012169!important} .cpa-contact-safety-note h2{color:#012169!important} .cpa-contact-safety-note p{color:#526878!important;font-size:10.5px!important;line-height:1.7!important} .cpa-contact-safety-note p strong{color:#082A38!important} @media (max-width:980px){ .cpa-contact-intro,.cpa-contact-hub,.cpa-contact-safety-note{grid-template-columns:1fr!important} .cpa-contact-sidebar{position:static!important} } @media (max-width:700px){ .cpa-contact-intro>div:first-child,.cpa-contact-promise,.cpa-contact-sidebar,.cpa-contact-form-panel{padding:20px!important} .cpa-contact-form__grid{grid-template-columns:1fr!important} .cpa-contact-form__footer{align-items:stretch!important;flex-direction:column!important} .cpa-contact-form__footer p{text-align:left!important;max-width:none!important} .cpa-contact-submit{width:100%!important} .cpa-support-cards{grid-template-columns:1fr!important} .cpa-page-content.cpa-policy-content{border-radius:0!important} } .cpa-blog-main--v289{ --blog-navy:#012169; --blog-ink:#082A38; --blog-copy:#455C6A; --blog-muted:#6B7E8A; --blog-bg:#F2F6FB; --blog-line:#D8E1EC; --blog-red:#D63A52; background:#FFFFFF!important; } .cpa-blog-main--v289 .cpa-blog-shell{width:min(calc(100% - 48px),1280px)!important;margin-inline:auto!important} .cpa-blog-main--v289 .cpa-blog-masthead{ padding:0!important; border:0!important; border-top:3px solid var(--blog-navy)!important; border-bottom:1px solid var(--blog-line)!important; border-radius:0!important; background:linear-gradient(105deg,#F2F6FB 0%,#F8FBFF 58%,#FFFFFF 100%)!important; box-shadow:none!important; } .cpa-blog-main--v289 .cpa-blog-masthead::before, .cpa-blog-main--v289 .cpa-blog-masthead::after{display:none!important} .cpa-blog-breadcrumbs{ display:flex;align-items:center;gap:9px; padding:18px 0 0!important; color:var(--blog-muted)!important; font-size:11px!important;font-weight:700!important; } .cpa-blog-breadcrumbs a{color:var(--blog-navy)!important;text-decoration:none!important} .cpa-blog-main--v289 .cpa-blog-masthead__inner{ display:grid!important; grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important; gap:64px!important; align-items:center!important; padding:42px 0 48px!important; } .cpa-blog-masthead__copy{min-width:0!important} .cpa-blog-main--v289 .cpa-blog-kicker{ display:inline-flex!important;align-items:center!important;gap:9px!important; color:var(--blog-navy)!important; font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important; } .cpa-blog-main--v289 .cpa-blog-kicker::before{width:22px!important;height:2px!important;background:var(--blog-red)!important} .cpa-blog-main--v289 .cpa-blog-masthead h1{ max-width:760px!important; margin:14px 0 16px!important; color:var(--blog-navy)!important; font-size:clamp(3.1rem,5.5vw,5.4rem)!important; line-height:.96!important;letter-spacing:-.058em!important;text-transform:none!important; } .cpa-blog-main--v289 .cpa-blog-masthead__copy>p{ max-width:720px!important;margin:0!important; color:var(--blog-copy)!important;font-size:17px!important;line-height:1.7!important; } .cpa-blog-masthead__actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:24px!important} .cpa-blog-btn{ display:inline-flex!important;align-items:center!important;justify-content:center!important; min-height:44px!important;padding:0 18px!important; border:1px solid var(--blog-line)!important;border-radius:6px!important; font-size:12px!important;font-weight:800!important;text-decoration:none!important; } .cpa-blog-btn--primary{background:var(--blog-navy)!important;border-color:var(--blog-navy)!important;color:#FFFFFF!important} .cpa-blog-btn--primary:hover{background:var(--blog-ink)!important;border-color:var(--blog-ink)!important;color:#FFFFFF!important} .cpa-blog-btn--secondary{background:#FFFFFF!important;color:var(--blog-navy)!important} .cpa-blog-btn--secondary:hover{background:var(--blog-bg)!important;border-color:#B8C7D9!important;color:var(--blog-navy)!important} .cpa-blog-overview{ position:relative!important; padding:28px!important; border:1px solid var(--blog-line)!important; border-left:4px solid var(--blog-navy)!important; border-radius:0!important; background:#FFFFFF!important; box-shadow:0 12px 32px rgba(8,42,56,.055)!important; } .cpa-blog-overview__label{display:block!important;margin-bottom:10px!important;color:var(--blog-navy)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important} .cpa-blog-overview h2{margin:0 0 10px!important;color:var(--blog-ink)!important;font-size:22px!important;line-height:1.2!important;letter-spacing:-.025em!important} .cpa-blog-overview>p{margin:0!important;color:var(--blog-copy)!important;font-size:13px!important;line-height:1.7!important} .cpa-blog-overview__stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-top:22px!important;padding-top:18px!important;border-top:1px solid var(--blog-line)!important} .cpa-blog-overview__stats>div{padding-right:12px!important} .cpa-blog-overview__stats>div+div{padding-left:12px!important;border-left:1px solid var(--blog-line)!important} .cpa-blog-overview__stats strong{display:block!important;color:var(--blog-navy)!important;font-size:14px!important;line-height:1.2!important} .cpa-blog-overview__stats span{display:block!important;margin-top:4px!important;color:var(--blog-muted)!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.05em!important} .cpa-blog-utility{border-bottom:1px solid var(--blog-line)!important;background:#FFFFFF!important} .cpa-blog-utility__inner{display:grid!important;grid-template-columns:auto repeat(4,1fr)!important;align-items:center!important;gap:0!important;padding:0!important;border-left:1px solid var(--blog-line)!important} .cpa-blog-utility__inner>span, .cpa-blog-utility__inner>a{min-height:54px!important;display:flex!important;align-items:center!important;padding:0 18px!important;border-right:1px solid var(--blog-line)!important} .cpa-blog-utility__inner>span{color:var(--blog-muted)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;background:var(--blog-bg)!important} .cpa-blog-utility__inner>a{justify-content:space-between!important;color:var(--blog-ink)!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;background:#FFFFFF!important} .cpa-blog-utility__inner>a:hover{background:var(--blog-bg)!important;color:var(--blog-navy)!important} .cpa-blog-utility__inner b{color:var(--blog-navy)!important;font-size:14px!important} .cpa-blog-main--v289 .cpa-section-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:24px!important;margin:0 0 22px!important} .cpa-blog-main--v289 .cpa-section-eyebrow{color:var(--blog-navy)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important} .cpa-blog-main--v289 .cpa-section-eyebrow::before{background:var(--blog-red)!important} .cpa-blog-main--v289 .cpa-section-head h2{margin:7px 0 0!important;color:var(--blog-navy)!important;font-size:clamp(2rem,3vw,2.9rem)!important;line-height:1.03!important;letter-spacing:-.045em!important;text-transform:none!important} .cpa-blog-main--v289 .cpa-section-head__note{color:var(--blog-muted)!important;font-size:11px!important} .cpa-blog-main--v289 .cpa-featured-journal{padding:58px 0 54px!important;background:#FFFFFF!important} .cpa-blog-main--v289 .cpa-featured-slider__viewport{ min-height:520px!important; border:1px solid var(--blog-line)!important; border-radius:0!important; overflow:hidden!important; box-shadow:0 14px 36px rgba(8,42,56,.07)!important; } .cpa-blog-main--v289 .cpa-featured-slide__media img{width:100%!important;height:100%!important;object-fit:cover!important} .cpa-blog-main--v289 .cpa-featured-slide__shade{background:linear-gradient(90deg,rgba(8,42,56,.94) 0%,rgba(8,42,56,.76) 43%,rgba(8,42,56,.20) 76%,rgba(8,42,56,.08) 100%)!important} .cpa-blog-main--v289 .cpa-featured-slide__content{width:min(62%,720px)!important;padding:52px!important} .cpa-blog-main--v289 .cpa-featured-slide__meta{gap:11px!important;color:rgba(255,255,255,.78)!important;font-size:10px!important} .cpa-blog-main--v289 .cpa-featured-slide__meta a{border:1px solid rgba(255,255,255,.3)!important;border-radius:4px!important;background:rgba(255,255,255,.08)!important;color:#FFFFFF!important;padding:6px 9px!important} .cpa-blog-main--v289 .cpa-featured-slide h3{max-width:650px!important;margin:17px 0 12px!important;font-size:clamp(2.4rem,4.2vw,4.15rem)!important;line-height:1.01!important;letter-spacing:-.05em!important;text-transform:none!important} .cpa-blog-main--v289 .cpa-featured-slide h3 a{color:#FFFFFF!important} .cpa-blog-main--v289 .cpa-featured-slide__content>p{max-width:600px!important;color:rgba(255,255,255,.82)!important;font-size:15px!important;line-height:1.7!important} .cpa-blog-main--v289 .cpa-featured-slide__cta{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-top:8px!important;color:#FFFFFF!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.4)!important;padding-bottom:4px!important} .cpa-blog-main--v289 .cpa-featured-slide__number{right:28px!important;bottom:24px!important;color:rgba(255,255,255,.28)!important;font-size:72px!important} .cpa-blog-main--v289 .cpa-featured-slider__controls{margin-top:14px!important} .cpa-blog-main--v289 .cpa-featured-slider__arrows button{border-radius:5px!important} .cpa-blog-topics{padding:54px 0!important;border-top:1px solid var(--blog-line)!important;border-bottom:1px solid var(--blog-line)!important;background:var(--blog-bg)!important} .cpa-blog-topic-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-top:1px solid var(--blog-line)!important;border-left:1px solid var(--blog-line)!important} .cpa-blog-topic{ min-height:108px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;gap:13px!important;align-items:center!important; padding:18px!important;border-right:1px solid var(--blog-line)!important;border-bottom:1px solid var(--blog-line)!important; background:#FFFFFF!important;color:var(--blog-ink)!important;text-decoration:none!important; } .cpa-blog-topic:hover{background:#F8FBFF!important;color:var(--blog-navy)!important} .cpa-blog-topic__icon{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;background:var(--blog-bg)!important;color:var(--blog-navy)!important;font-size:20px!important;font-weight:500!important} .cpa-blog-topic strong{display:block!important;color:var(--blog-ink)!important;font-size:13px!important;line-height:1.25!important} .cpa-blog-topic small{display:block!important;margin-top:5px!important;color:var(--blog-muted)!important;font-size:10px!important} .cpa-blog-topic>b{color:var(--blog-navy)!important;font-size:16px!important} .cpa-blog-main--v289 .cpa-journal-feed{padding:64px 0 78px!important;background:#FFFFFF!important} .cpa-blog-main--v289 .cpa-journal-feed__top{display:grid!important;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;gap:28px!important;align-items:end!important;margin:0 0 28px!important;padding:0 0 22px!important;border-bottom:1px solid var(--blog-line)!important} .cpa-blog-main--v289 .cpa-blog-categories{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:7px!important} .cpa-blog-main--v289 .cpa-blog-categories a{padding:8px 12px!important;border:1px solid var(--blog-line)!important;border-radius:4px!important;background:#FFFFFF!important;color:var(--blog-copy)!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important} .cpa-blog-main--v289 .cpa-blog-categories a:hover, .cpa-blog-main--v289 .cpa-blog-categories a.is-active{background:var(--blog-navy)!important;border-color:var(--blog-navy)!important;color:#FFFFFF!important} .cpa-blog-main--v289 .cpa-story-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important} .cpa-blog-main--v289 .cpa-story-card{ border:1px solid var(--blog-line)!important;border-radius:0!important;background:#FFFFFF!important; box-shadow:none!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important; } .cpa-blog-main--v289 .cpa-story-card:hover{transform:translateY(-2px)!important;border-color:#B4C5D7!important;box-shadow:0 14px 30px rgba(8,42,56,.07)!important} .cpa-blog-main--v289 .cpa-story-card__media{aspect-ratio:16/10!important;border-radius:0!important;border-bottom:1px solid var(--blog-line)!important} .cpa-blog-main--v289 .cpa-story-card__arrow{border-radius:4px!important;background:#FFFFFF!important;border:1px solid var(--blog-line)!important;box-shadow:none!important} .cpa-blog-main--v289 .cpa-story-card__body{padding:20px!important} .cpa-blog-main--v289 .cpa-story-card__meta{font-size:9px!important;color:var(--blog-muted)!important} .cpa-blog-main--v289 .cpa-story-card__meta a{color:var(--blog-navy)!important} .cpa-blog-main--v289 .cpa-story-card__title{margin:12px 0 9px!important;font-size:clamp(1.3rem,1.75vw,1.65rem)!important;line-height:1.16!important;letter-spacing:-.035em!important;text-transform:none!important} .cpa-blog-main--v289 .cpa-story-card__title a{color:var(--blog-navy)!important} .cpa-blog-main--v289 .cpa-story-card__body>p{color:var(--blog-copy)!important;font-size:13px!important;line-height:1.65!important} .cpa-blog-main--v289 .cpa-story-card__foot{border-top:1px solid #E7EDF4!important;margin-top:auto!important;padding-top:14px!important} .cpa-blog-main--v289 .cpa-story-card__foot span{color:var(--blog-muted)!important;font-size:10px!important} .cpa-blog-main--v289 .cpa-story-card__foot a{color:var(--blog-navy)!important;font-size:11px!important;font-weight:800!important} .cpa-blog-main--v289 .cpa-blog-pagination{margin-top:38px!important} .cpa-blog-main--v289 .cpa-blog-pagination .page-numbers{border-radius:4px!important} .cpa-blog-safety{border-top:1px solid var(--blog-line)!important;background:var(--blog-bg)!important} .cpa-blog-safety__inner{display:grid!important;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr) auto!important;gap:30px!important;align-items:center!important;padding:32px 0!important} .cpa-blog-safety__inner>div>span{display:block!important;color:var(--blog-red)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important} .cpa-blog-safety__inner h2{margin:6px 0 0!important;color:var(--blog-navy)!important;font-size:19px!important;line-height:1.2!important;text-transform:none!important} .cpa-blog-safety__inner>p{margin:0!important;color:var(--blog-copy)!important;font-size:12px!important;line-height:1.7!important} .cpa-blog-safety__inner>a{min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 15px!important;border:1px solid var(--blog-navy)!important;border-radius:5px!important;background:#FFFFFF!important;color:var(--blog-navy)!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important} .cpa-blog-safety__inner>a:hover{background:var(--blog-navy)!important;color:#FFFFFF!important} @media (max-width:1050px){ .cpa-blog-main--v289 .cpa-blog-masthead__inner{grid-template-columns:1fr!important;gap:26px!important} .cpa-blog-overview{max-width:760px!important} .cpa-blog-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .cpa-blog-main--v289 .cpa-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .cpa-blog-safety__inner{grid-template-columns:1fr 1.2fr!important} .cpa-blog-safety__inner>a{grid-column:1/-1!important;justify-self:start!important} } @media (max-width:820px){ .cpa-blog-main--v289 .cpa-blog-shell{width:min(calc(100% - 28px),1280px)!important} .cpa-blog-main--v289 .cpa-blog-masthead__inner{padding:32px 0 36px!important} .cpa-blog-main--v289 .cpa-blog-masthead h1{font-size:clamp(2.7rem,11vw,4.2rem)!important} .cpa-blog-main--v289 .cpa-blog-masthead__copy>p{font-size:15px!important} .cpa-blog-utility__inner{grid-template-columns:1fr 1fr!important;border-top:1px solid var(--blog-line)!important} .cpa-blog-utility__inner>span{grid-column:1/-1!important;min-height:38px!important} .cpa-blog-main--v289 .cpa-featured-slider__viewport{min-height:470px!important} .cpa-blog-main--v289 .cpa-featured-slide__content{width:100%!important;padding:28px!important} .cpa-blog-main--v289 .cpa-featured-slide__shade{background:linear-gradient(0deg,rgba(8,42,56,.95) 0%,rgba(8,42,56,.70) 60%,rgba(8,42,56,.24) 100%)!important} .cpa-blog-main--v289 .cpa-journal-feed__top{grid-template-columns:1fr!important;gap:16px!important} .cpa-blog-main--v289 .cpa-blog-categories{justify-content:flex-start!important} } @media (max-width:580px){ .cpa-blog-main--v289 .cpa-blog-shell{width:calc(100% - 22px)!important} .cpa-blog-breadcrumbs{padding-top:14px!important} .cpa-blog-main--v289 .cpa-blog-masthead__inner{padding:26px 0 30px!important} .cpa-blog-main--v289 .cpa-blog-masthead h1{font-size:clamp(2.45rem,13vw,3.5rem)!important} .cpa-blog-masthead__actions{display:grid!important;grid-template-columns:1fr!important} .cpa-blog-btn{width:100%!important} .cpa-blog-overview{padding:21px 18px!important} .cpa-blog-overview__stats{grid-template-columns:1fr!important;gap:12px!important} .cpa-blog-overview__stats>div+div{padding-left:0!important;border-left:0!important} .cpa-blog-utility__inner{grid-template-columns:1fr!important} .cpa-blog-utility__inner>span{grid-column:auto!important} .cpa-blog-main--v289 .cpa-featured-journal{padding:38px 0!important} .cpa-blog-main--v289 .cpa-featured-slider__viewport{min-height:430px!important} .cpa-blog-main--v289 .cpa-featured-slide__content{padding:22px!important} .cpa-blog-main--v289 .cpa-featured-slide h3{font-size:clamp(2rem,10vw,2.8rem)!important} .cpa-blog-main--v289 .cpa-featured-slide__number{display:none!important} .cpa-blog-topic-grid{grid-template-columns:1fr!important} .cpa-blog-main--v289 .cpa-story-grid{grid-template-columns:1fr!important} .cpa-blog-safety__inner{grid-template-columns:1fr!important;gap:14px!important;padding:26px 0!important} .cpa-blog-safety__inner>a{grid-column:auto!important;width:100%!important} } .cpa-search-toggle{display:none!important} .cpa-mobile-search-backdrop,.cpa-mobile-tabbar{display:none} .cpa-cart-drawer{ width:min(100%,500px)!important; background:#fff!important; color:#082A38!important; display:flex!important; flex-direction:column!important; } .cpa-cart-drawer__head{ flex:0 0 auto; min-height:72px; padding:18px 22px!important; background:#fff!important; border-bottom:1px solid #D8E1EC!important; } .cpa-cart-drawer__eyebrow{display:none!important} .cpa-cart-drawer__title{font-size:19px!important;font-weight:750!important;letter-spacing:-.02em!important;color:#082A38!important} .cpa-cart-drawer__count,.cpa-cart-drawer__count b{color:#5E7080!important;font-size:13px!important} .cpa-cart-close{width:38px!important;height:38px!important;border-radius:50%!important;background:#F2F6FB!important;border:0!important;color:#082A38!important} .cpa-cart-close:hover{background:#E7EEF8!important;color:#012169!important} .cpa-cart-drawer__tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:10px 20px 0;padding:4px;background:#F2F4F7;border-radius:8px;flex:0 0 auto} .cpa-cart-drawer__tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;border:0!important;border-radius:6px!important;background:transparent!important;color:#6C7883!important;font:700 12px/1 var(--cpa-font-ui)!important;box-shadow:none!important} .cpa-cart-drawer__tabs button svg{width:16px;height:16px;stroke-width:1.7} .cpa-cart-drawer__tabs button.is-active{background:#fff!important;color:#012169!important;box-shadow:0 1px 5px rgba(8,42,56,.08)!important} .cpa-cart-drawer__progress{margin-top:10px;padding:8px 20px!important;background:#F8FAFD!important;border-top:1px solid #D8E1EC!important;border-bottom:1px solid #D8E1EC!important} .cpa-cart-drawer__progress small{color:#526878!important;font-size:9.5px!important;letter-spacing:.045em!important} .cpa-cart-drawer__progress>span{background:#012169!important;height:2px!important} .cpa-cart-drawer__body{flex:1 1 auto!important;min-height:0!important;padding:0 20px 26px!important;overflow-y:auto!important} .cpa-cart-benefit{margin:0 -20px 4px;padding:11px 20px;border:0!important;border-bottom:1px solid #D8E1EC!important;border-radius:0!important;background:#fff!important} .cpa-cart-benefit__icon{width:30px!important;height:30px!important;background:#F2F6FB!important;color:#012169!important} .cpa-cart-benefit strong{font-size:11px!important}.cpa-cart-benefit span{font-size:10px!important} .cpa-cart-items{border-top:0!important} .cpa-cart-item{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:13px!important;padding:16px 0!important;border-bottom:1px solid #E4EAF1!important} .cpa-cart-item__image{width:76px!important;height:76px!important;border-radius:0!important;background:#F7F9FC!important;border:1px solid #E4EAF1!important} .cpa-cart-item__image img{width:100%!important;height:100%!important;object-fit:contain!important} .cpa-cart-item__name{font-size:12.5px!important;line-height:1.35!important;font-weight:650!important;color:#082A38!important} .cpa-cart-remove{width:28px!important;height:28px!important;border:0!important;background:transparent!important;color:#788896!important;border-radius:50%!important;box-shadow:none!important} .cpa-cart-remove:hover{background:#F2F6FB!important;color:#012169!important} .cpa-cart-item__bottom{margin-top:11px!important} .cpa-cart-qty{height:32px!important;border:1px solid #D8E1EC!important;border-radius:16px!important;background:#fff!important;overflow:hidden} .cpa-cart-qty button{width:30px!important;height:30px!important;padding:0!important;background:#fff!important;color:#082A38!important;border:0!important;border-radius:0!important;box-shadow:none!important} .cpa-cart-qty span{min-width:28px!important;font-size:11px!important} .cpa-cart-item__price{font-size:12px!important;color:#012169!important} .cpa-cart-recommendations{padding:17px 0 18px;border-bottom:1px solid #E4EAF1} .cpa-cart-recommendations__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .cpa-cart-recommendations__head strong{font:650 13px/1.2 var(--cpa-font-ui);color:#082A38} .cpa-cart-recommendations__head span{font:700 9px/1 var(--cpa-font-ui);letter-spacing:.08em;text-transform:uppercase;color:#7A8996} .cpa-cart-recommendations__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:thin} .cpa-cart-recommendation{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;scroll-snap-align:start;min-width:0} .cpa-cart-recommendation__image{display:block;width:62px;height:62px;border:1px solid #E4EAF1;background:#F7F9FC} .cpa-cart-recommendation__image img{width:100%;height:100%;object-fit:contain} .cpa-cart-recommendation__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#082A38!important;font:600 10.5px/1.35 var(--cpa-font-ui);text-decoration:none} .cpa-cart-recommendation__price{display:block;margin-top:3px;color:#526878;font-size:10px} .cpa-cart-recommendation__add{display:inline-block;margin-top:5px;color:#012169!important;font:700 10px/1.2 var(--cpa-font-ui);text-decoration:underline!important;text-underline-offset:2px} .cpa-cart-coupon{margin:16px 0 0!important;padding:14px!important;border:1px solid #D8E1EC!important;border-radius:0!important;background:#F8FAFD!important} .cpa-cart-coupon__badge{background:#EEF3FB!important;color:#012169!important;border:1px solid #D8E1EC!important} .cpa-cart-coupon__form input{height:38px!important;border-radius:0!important} .cpa-cart-coupon__apply{height:38px!important;border-radius:0!important;background:#012169!important;color:#fff!important} .cpa-cart-utilities{display:grid;grid-template-columns:1fr 1fr;margin:18px -20px 0;border-top:1px solid #D8E1EC;border-bottom:1px solid #D8E1EC} .cpa-cart-utilities a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;color:#082A38!important;text-decoration:none;font:600 10.5px/1.2 var(--cpa-font-ui);background:#fff} .cpa-cart-utilities a+a{border-left:1px solid #D8E1EC}.cpa-cart-utilities svg{width:14px;height:14px} .cpa-cart-totals{padding:18px 0 0!important;border-top:0!important}.cpa-cart-totals>div{font-size:11px!important;margin-bottom:8px!important}.cpa-cart-total{padding-top:12px!important;margin-top:10px!important;border-top:1px solid #D8E1EC!important}.cpa-cart-total span,.cpa-cart-total strong{font-size:14px!important;color:#082A38!important} .cpa-cart-actions{padding-top:12px!important} .cpa-cart-primary{min-height:46px!important;border-radius:23px!important;background:#012169!important;border-color:#012169!important;color:#fff!important;font-size:11px!important;letter-spacing:.02em!important;box-shadow:none!important} .cpa-cart-primary:hover{background:#082A38!important;border-color:#082A38!important} .cpa-cart-whatsapp,.cpa-view-cart{display:none!important} .cpa-cart-trust{padding:12px 0 0!important;border-top:0!important;justify-content:center!important;gap:18px!important}.cpa-cart-trust span{font-size:9px!important;color:#748493!important} .cpa-cart-drawer.is-offers-mode .cpa-cart-coupon{outline:2px solid rgba(1,33,105,.12);outline-offset:2px} @media(max-width:780px){ .cpa-home-process__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important} .cpa-home-process__grid article{min-width:0!important;padding:12px 9px!important;border-radius:0!important;box-shadow:none!important} .cpa-home-process__grid article>b{right:8px!important;top:8px!important;font-size:25px!important;line-height:1!important} .cpa-home-process__icon{width:34px!important;height:34px!important;border-radius:8px!important;font-size:16px!important} .cpa-home-process h3{margin:15px 0 6px!important;font-size:11px!important;line-height:1.25!important;letter-spacing:.01em!important} .cpa-home-process p{font-size:9.5px!important;line-height:1.4!important} } @media(max-width:780px){ .cpa-home-faq{padding:48px 0!important} .cpa-home-faq__grid{display:block!important} .cpa-home-faq__intro{margin-bottom:24px!important;text-align:left!important} .cpa-home-faq__intro h2{font-size:30px!important;line-height:1.05!important} .cpa-home-faq__intro p{max-width:none!important;margin:10px 0 16px!important;font-size:14px!important;line-height:1.55!important} .cpa-home-faq__list{border-top:1px solid #D8E1EC!important} .cpa-home-faq details{margin:0!important;border:0!important;border-bottom:1px solid #D8E1EC!important;border-radius:0!important;background:#fff!important;box-shadow:none!important} .cpa-home-faq details[open]{border-color:#D8E1EC!important;box-shadow:none!important} .cpa-home-faq summary{padding:17px 0!important;gap:12px!important;font-size:16px!important;line-height:1.35!important} .cpa-home-faq summary span{flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:50%!important;color:#C33A50!important;background:#fff!important} .cpa-home-faq details>div{padding:0 42px 17px 0!important;font-size:14px!important;line-height:1.6!important} } @media(max-width:782px){ :root{--cpa-mobile-search-top:112px} body{padding-bottom:72px!important} .cpa-header-main{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding-top:9px!important;padding-bottom:9px!important} .cpa-search-toggle{display:inline-grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#082A38!important;box-shadow:none!important} .cpa-search-toggle svg{width:20px!important;height:20px!important;stroke-width:1.8} .cpa-header-actions{gap:2px!important} .cpa-header-actions .cpa-whatsapp-head,.cpa-header-actions .cpa-wishlist-head,.cpa-header-actions .cpa-account-link{display:none!important} .cpa-header-actions .cpa-cart-link,.cpa-menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important} .cpa-header-actions .cpa-icon-link__label{display:none!important} .cpa-product-search{display:none!important;position:fixed!important;z-index:10030!important;top:var(--cpa-mobile-search-top)!important;left:12px!important;right:12px!important;width:auto!important;margin:10px 0 0!important;padding:10px!important;background:#fff!important;border:1px solid #D8E1EC!important;box-shadow:0 18px 50px rgba(8,42,56,.16)!important} body.cpa-mobile-search-open .cpa-product-search{display:block!important} .cpa-product-search__form{min-height:48px!important;border-radius:0!important;background:#F8FAFD!important;border:1px solid #D8E1EC!important;box-shadow:none!important} .cpa-product-search__form:focus-within{border-color:#9BB0CF!important;box-shadow:0 0 0 3px rgba(1,33,105,.08)!important} .cpa-product-search button{margin:4px!important;min-width:74px!important;border-radius:0!important} .cpa-mobile-search-backdrop{position:fixed!important;z-index:10020!important;inset:0!important;display:none!important;border:0!important;background:rgba(8,42,56,.22)!important;backdrop-filter:blur(1px)!important} body.cpa-mobile-search-open .cpa-mobile-search-backdrop{display:block!important} body.cpa-mobile-search-open{overflow:hidden!important} .cpa-live-search{max-height:min(55vh,420px)!important;overflow:auto!important} .cpa-mobile-tabbar{position:fixed;z-index:10010;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:64px;padding:5px 8px max(5px,env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #D8E1EC;box-shadow:0 -8px 26px rgba(8,42,56,.08);backdrop-filter:blur(10px)} .cpa-mobile-tabbar>a,.cpa-mobile-tabbar>button{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;min-height:52px!important;padding:3px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#617383!important;text-decoration:none!important;box-shadow:none!important;font:650 9.5px/1.1 var(--cpa-font-ui)!important} .cpa-mobile-tabbar svg{width:21px;height:21px;stroke-width:1.8} .cpa-mobile-tabbar .is-active{color:#012169!important} .cpa-mobile-tabbar .is-active:after{content:"";position:absolute;top:0;left:50%;width:22px;height:2px;transform:translateX(-50%);background:#012169} .cpa-mobile-tabbar__icon{position:relative;display:inline-grid;place-items:center} .cpa-mobile-tabbar .cpa-cart-count,.cpa-mobile-tabbar .cpa-wishlist-count{position:absolute!important;top:-5px!important;right:-10px!important;display:grid!important;place-items:center!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:9px!important;background:#D65368!important;color:#fff!important;border:2px solid #fff!important;font:700 8px/1 var(--cpa-font-ui)!important} .cpa-cart-drawer{top:0!important;bottom:0!important;width:100%!important;max-width:none!important;padding-bottom:64px!important} .cpa-cart-drawer__head{min-height:62px!important;padding:12px 16px!important} .cpa-cart-drawer__tabs{margin:8px 12px 0!important} .cpa-cart-drawer__body{padding-left:14px!important;padding-right:14px!important} .cpa-cart-benefit{margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important} .cpa-cart-utilities{margin-left:-14px!important;margin-right:-14px!important} .cpa-cart-recommendations__rail{grid-auto-columns:minmax(175px,72%)!important} } @media(max-width:390px){ .cpa-home-process__grid{gap:5px!important} .cpa-home-process__grid article{padding:10px 6px!important} .cpa-home-process h3{font-size:10px!important} .cpa-home-process p{font-size:8.6px!important} } .cpa-cart-backdrop{z-index:10050!important} .cpa-cart-drawer{z-index:10060!important} @media(max-width:782px){ body:not(.cpa-mobile-search-open) #cpa-header-search{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important} body.cpa-mobile-search-open #cpa-header-search{display:block!important;visibility:visible!important;pointer-events:auto!important;opacity:1!important} body:not(.cpa-mobile-search-open) .cpa-mobile-search-backdrop{display:none!important;visibility:hidden!important;pointer-events:none!important} body.cpa-mobile-search-open .cpa-mobile-search-backdrop{display:block!important;visibility:visible!important;pointer-events:auto!important} } .cpa-home-faq{ position:relative!important; scroll-margin-top:180px!important; } .cpa-home-faq__grid{ align-items:start!important; } .cpa-home-faq__intro{ position:static!important; top:auto!important; align-self:start!important; } .cpa-home-faq__list{ min-width:0!important; } .cpa-home-faq__list details{ scroll-margin-top:180px!important; } @media(min-width:901px){ .cpa-home-faq{ padding-top:76px!important; padding-bottom:76px!important; } .cpa-home-faq__grid{ grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr)!important; gap:clamp(46px,6vw,92px)!important; } .cpa-home-faq__intro{ padding-top:4px!important; } .cpa-home-faq__intro>span{ display:inline-block!important; margin-bottom:12px!important; } .cpa-home-faq__intro h2{ margin:0!important; font-size:clamp(34px,3.4vw,48px)!important; line-height:1.04!important; letter-spacing:-.035em!important; } .cpa-home-faq__intro p{ margin:16px 0 22px!important; max-width:430px!important; font-size:15px!important; line-height:1.65!important; } .cpa-home-faq__list{ display:grid!important; gap:10px!important; border-top:0!important; } .cpa-home-faq__list details{ margin:0!important; border:1px solid #D8E1EC!important; border-radius:10px!important; background:#FFFFFF!important; box-shadow:0 7px 18px rgba(8,42,56,.035)!important; overflow:hidden!important; } .cpa-home-faq__list details[open]{ border-color:#BFCFDE!important; box-shadow:0 10px 24px rgba(8,42,56,.05)!important; } .cpa-home-faq__list summary{ min-height:72px!important; padding:20px 58px 20px 20px!important; color:#082A38!important; font-size:16px!important; line-height:1.35!important; } .cpa-home-faq__list summary span{ right:18px!important; width:34px!important; height:34px!important; border:1px solid #D8E1EC!important; background:#FFFFFF!important; color:#B83B50!important; } .cpa-home-faq__list details>div{ padding:0 58px 20px 20px!important; color:#425B6C!important; font-size:14px!important; line-height:1.7!important; } } @media(max-width:900px){ .cpa-home-faq, .cpa-home-faq__list details{ scroll-margin-top:96px!important; } .cpa-home-faq__intro{ position:static!important; top:auto!important; } }

/* ========================================================================
 * v2.10.2 — My Account readability and contrast repair
 * ====================================================================== */
body:not(.logged-in).woocommerce-account .woocommerce{
	width:min(calc(100% - 36px),1280px);
}
body:not(.logged-in).woocommerce-account .cpa-auth-shell{
	grid-template-columns:minmax(390px,.92fr) minmax(500px,1.08fr);
	min-height:620px;
	border-color:#D8E1EC;
	border-radius:20px;
	box-shadow:0 24px 70px rgba(8,42,56,.10);
}
body:not(.logged-in).woocommerce-account .cpa-auth-intro{
	justify-content:center;
	padding:clamp(42px,5vw,68px);
	background:linear-gradient(145deg,#082A38 0%,#0B3A52 48%,#012169 100%);
	color:#FFFFFF!important;
}
body:not(.logged-in).woocommerce-account .cpa-auth-intro::after{
	background:rgba(255,255,255,.07);
}
body:not(.logged-in).woocommerce-account .cpa-auth-kicker{
	color:#FFDDE3!important;
	font-size:11px;
	letter-spacing:.13em;
}
body:not(.logged-in).woocommerce-account .cpa-auth-intro :is(h1,.cpa-auth-intro__title){
	max-width:570px;
	color:#FFFFFF!important;
	font-size:clamp(2.15rem,3.15vw,3.05rem);
	line-height:1.08;
	letter-spacing:-.025em;
}
body:not(.logged-in).woocommerce-account .cpa-auth-intro>p{
	max-width:560px;
	color:#EDF4F8!important;
	font-size:14px;
	line-height:1.7;
}
body:not(.logged-in).woocommerce-account .cpa-auth-benefits{
	gap:13px;
	margin:30px 0;
}
body:not(.logged-in).woocommerce-account .cpa-auth-benefits li{
	color:#FFFFFF!important;
	font-size:13px;
	font-weight:650;
	line-height:1.45;
}
body:not(.logged-in).woocommerce-account .cpa-auth-benefits li span{
	flex:0 0 25px;
	width:25px;
	height:25px;
	background:rgba(255,255,255,.13)!important;
	color:#FFFFFF!important;
	font-size:12px;
}
body:not(.logged-in).woocommerce-account .cpa-auth-support{
	color:#E7EFF5!important;
	font-size:12px;
}
body:not(.logged-in).woocommerce-account .cpa-auth-support>span{
	color:#E7EFF5!important;
}
body:not(.logged-in).woocommerce-account .cpa-auth-support a{
	color:#FFFFFF!important;
	font-weight:850;
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:3px;
}
body:not(.logged-in).woocommerce-account .cpa-auth-card{
	width:min(100%,650px);
	padding:clamp(32px,4vw,58px);
}
body:not(.logged-in).woocommerce-account .cpa-auth-tabs button{
	font-size:12px;
	color:#435968;
}
body:not(.logged-in).woocommerce-account .cpa-auth-tabs button.is-active{
	color:#012169;
}
body:not(.logged-in).woocommerce-account .cpa-auth-heading h2{
	color:#012169;
	font-size:clamp(1.75rem,2.6vw,2.2rem);
	line-height:1.1;
}
body:not(.logged-in).woocommerce-account .cpa-auth-heading p{
	color:#556B79;
	font-size:13.5px;
	line-height:1.6;
}
body:not(.logged-in).woocommerce-account .cpa-auth-form label{
	color:#082A38;
	font-size:11.5px;
}
body:not(.logged-in).woocommerce-account .cpa-auth-form input.input-text{
	min-height:49px;
	font-size:14px;
	color:#082A38;
	border-color:#C8D5E2;
	background:#FFFFFF;
}
body:not(.logged-in).woocommerce-account .cpa-field-help,
body:not(.logged-in).woocommerce-account .cpa-auth-legal{
	color:#566D7C;
	font-size:11.5px;
	line-height:1.6;
}
body:not(.logged-in).woocommerce-account .cpa-auth-row{
	color:#193846;
	font-size:11.5px;
}
body:not(.logged-in).woocommerce-account .cpa-auth-row label{
	font-size:11.5px;
}
@media(max-width:980px){
	body:not(.logged-in).woocommerce-account .cpa-auth-shell{grid-template-columns:1fr;}
	body:not(.logged-in).woocommerce-account .cpa-auth-intro{padding:36px 30px;}
}
@media(max-width:620px){
	body:not(.logged-in).woocommerce-account .woocommerce{width:min(calc(100% - 20px),1280px);}
	body:not(.logged-in).woocommerce-account .cpa-auth-shell{border-radius:15px;}
	body:not(.logged-in).woocommerce-account .cpa-auth-intro{padding:28px 22px;}
	body:not(.logged-in).woocommerce-account .cpa-auth-intro :is(h1,.cpa-auth-intro__title){font-size:clamp(1.85rem,9vw,2.45rem);}
	body:not(.logged-in).woocommerce-account .cpa-auth-benefits li{font-size:12.5px;}
	body:not(.logged-in).woocommerce-account .cpa-auth-card{padding:26px 20px 30px;}
}