.cro-hp{--cro-hp-gap: 12px;--cro-hp-radius: 16px;--cro-hp-blue: #02a4ff;--cro-hp-navy: #202c39;--cro-hp-deep: #163340;--cro-hp-gold: #fbcf00;--cro-hp-green: #198754;--cro-hp-border: #e2ebf3;max-width:1440px;margin:0 auto;padding:16px 16px 8px;font-family:Instrument Sans,sans-serif}.cro-hp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cro-hp-gap)}.cro-hp-main{grid-column:1 / -1;display:flex;flex-direction:column;min-width:0;border-radius:var(--cro-hp-radius);overflow:hidden;background:#fff;border:1px solid var(--cro-hp-border)}.cro-hp-side{display:flex;min-width:0;min-height:168px}.cro-hp--no-panels .cro-hp-main{grid-column:1 / -1}.cro-hp-slider{display:block;position:relative;height:var(--cro-hp-mobile-height, 290px);min-height:0}.cro-hp-swiper,.cro-hp-swiper .swiper-wrapper,.cro-hp-slide{height:100%}.cro-hp-swiper{overflow:hidden}.cro-hp-slide{display:flex}.cro-hp-slide>.cro-hp-card{border:0;border-radius:0}.cro-hp-swiper .cro-hp-dots.swiper-pagination{position:absolute;top:auto;left:0;right:0;bottom:10px;width:auto;z-index:2;display:flex;justify-content:center;gap:6px;pointer-events:none}.cro-hp-dots .swiper-pagination-bullet{width:8px;height:8px;margin:0!important;border-radius:999px;background:#202c3940;opacity:1;pointer-events:auto;transition:width .25s ease,background-color .25s ease}.cro-hp-dots .swiper-pagination-bullet-active{width:22px;background:var(--cro-hp-blue)}.cro-hp-nav{position:absolute;top:50%;z-index:3;display:none;align-items:center;justify-content:center;width:36px;height:36px;margin-top:-18px;border:1px solid var(--cro-hp-border);border-radius:999px;background:#ffffffeb;color:var(--cro-hp-navy);cursor:pointer;opacity:0;transition:opacity .2s ease}.cro-hp-nav--prev{left:10px}.cro-hp-nav--next{right:10px}.cro-hp-nav.\!disabled{opacity:0!important;pointer-events:none}.cro-hp-card{--cro-hp-text: var(--cro-hp-navy);--cro-hp-muted: #536271;--cro-hp-accent: var(--cro-hp-blue);--cro-hp-chip-bg: #e0f2fe;--cro-hp-chip-text: #0369a1;--cro-hp-btn-bg: var(--cro-hp-blue);--cro-hp-btn-text: #fff;position:relative;display:flex;align-items:stretch;width:100%;overflow:hidden;border:1px solid var(--cro-hp-border);border-radius:var(--cro-hp-radius);background:linear-gradient(135deg,#eef7fd,#f7fbff);color:var(--cro-hp-text);text-decoration:none}.cro-hp-card--white{background:#fff}.cro-hp-card--navy{--cro-hp-text: #fff;--cro-hp-muted: #c4d0dc;--cro-hp-accent: var(--cro-hp-gold);--cro-hp-chip-bg: rgba(251, 207, 0, .16);--cro-hp-chip-text: var(--cro-hp-gold);--cro-hp-btn-bg: var(--cro-hp-gold);--cro-hp-btn-text: var(--cro-hp-navy);border-color:var(--cro-hp-deep);background:linear-gradient(135deg,var(--cro-hp-deep) 0%,var(--cro-hp-navy) 100%)}.cro-hp-card--gold{--cro-hp-chip-bg: var(--cro-hp-gold);--cro-hp-chip-text: var(--cro-hp-navy);--cro-hp-btn-bg: var(--cro-hp-navy);border-color:#f3e3a0;background:linear-gradient(135deg,#fff6c7,#fffbea)}.cro-hp-card--side.cro-hp-card--light .cro-hp-chip,.cro-hp-card--side.cro-hp-card--white .cro-hp-chip{--cro-hp-chip-bg: #fff3bf;--cro-hp-chip-text: #7a5600}a.cro-hp-card{transition:box-shadow .2s ease,transform .2s ease}a.cro-hp-card:hover{box-shadow:0 10px 24px -12px #16334059}.cro-hp-side a.cro-hp-card:hover{transform:translateY(-2px)}a.cro-hp-card:focus-visible{outline:2px solid var(--cro-hp-blue);outline-offset:2px}.cro-hp-slide a.cro-hp-card:focus-visible{outline-offset:-3px}.cro-hp-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:0;padding:14px}.cro-hp-card--main .cro-hp-body{flex:1 1 58%;gap:8px;padding:20px 18px 32px}.cro-hp-card--side .cro-hp-body{flex:1 1 auto;justify-content:space-between}.cro-hp-logo{display:block;width:auto;max-width:160px;height:auto;max-height:32px;object-fit:contain}.cro-hp-brand{display:inline-flex;flex-direction:column;line-height:1}.cro-hp-brand-name{font-family:Nunito,sans-serif;font-size:15px;font-weight:800;letter-spacing:.2em}.cro-hp-brand-sub{margin-top:4px;padding-bottom:4px;border-bottom:2px solid var(--cro-hp-gold);font-size:9px;font-weight:600;letter-spacing:.22em;color:var(--cro-hp-muted)}.cro-hp-chip{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--cro-hp-chip-bg);color:var(--cro-hp-chip-text);font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.cro-hp-heading{margin:0;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;line-height:1.15;color:var(--cro-hp-text)}.cro-hp-card--main .cro-hp-heading{font-size:26px;line-height:1.05;letter-spacing:-.01em;text-transform:uppercase}.cro-hp-accent{display:block;color:var(--cro-hp-accent)}.cro-hp-text{margin:0;font-size:12px;line-height:1.4;color:var(--cro-hp-muted)}.cro-hp-card--main .cro-hp-text{max-width:34ch;font-size:13px}.cro-hp-card--side .cro-hp-text{display:none}.cro-hp-btn{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:7px 12px;border-radius:999px;background:var(--cro-hp-btn-bg);color:var(--cro-hp-btn-text);font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.cro-hp-btn .material-symbols-outlined{font-size:16px;transition:transform .2s ease}a.cro-hp-card:hover .cro-hp-btn .material-symbols-outlined{transform:translate(2px)}.cro-hp-card--main .cro-hp-btn{margin-top:8px;padding:10px 16px;font-size:13px}.cro-hp-media{position:relative;flex:0 0 40%;min-width:0;padding:14px 14px 30px 0}.cro-hp-media-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.cro-hp-card--side .cro-hp-media{display:none}.cro-hp-card--image{background:#f2f4f5}.cro-hp-full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cro-hp-full--has-mobile{display:none}.cro-hp-card--main.cro-hp-card--image{background:#fff}.cro-hp-card--main .cro-hp-full{top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);border-radius:10px}.cro-hp-empty{align-items:center;justify-content:center;padding:24px;text-align:center}.cro-hp-trust-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;margin:0;padding:0;list-style:none;font-size:11px;color:#475569}.cro-hp-trust-list li{display:inline-flex;align-items:center;gap:5px}.cro-hp-trust-list .material-symbols-outlined{font-size:16px}.cro-hp-trust-icon--green{color:var(--cro-hp-green)}.cro-hp-trust-icon--blue{color:var(--cro-hp-blue)}.cro-hp-trust-icon--gold{color:#d4a300}.cro-hp-trust--desktop{display:none}.cro-hp-trust--mobile{margin-top:12px;padding:10px 2px 0;border-top:1px solid var(--cro-hp-border)}@media(min-width:600px){.cro-hp-card--side .cro-hp-text{display:block}.cro-hp-card--side .cro-hp-media{display:block;flex-basis:36%;padding:12px 12px 12px 0}.cro-hp-card--main .cro-hp-heading{font-size:32px}}@media(min-width:990px){.cro-hp{--cro-hp-gap: 20px;padding:24px 48px 8px}.cro-hp-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:repeat(2,minmax(0,1fr));height:var(--cro-hp-height, 400px)}.cro-hp-main{grid-column:2;grid-row:1 / span 2}.cro-hp-side{grid-column:1;min-height:0}.cro-hp-side--1{grid-row:1}.cro-hp-side--2{grid-row:2}.cro-hp--panels-right .cro-hp-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.cro-hp--panels-right .cro-hp-main{grid-column:1}.cro-hp--panels-right .cro-hp-side{grid-column:2}.cro-hp--no-panels .cro-hp-grid{grid-template-columns:minmax(0,1fr)}.cro-hp--no-panels .cro-hp-main{grid-column:1}.cro-hp-slider{flex:1 1 auto;height:auto}.cro-hp-slider:hover .cro-hp-nav,.cro-hp-nav:focus-visible{opacity:1}.cro-hp-nav{display:inline-flex}.cro-hp-card--main .cro-hp-body{flex-basis:52%;gap:10px;padding:32px 12px 36px 40px}.cro-hp-card--main .cro-hp-heading{font-size:clamp(30px,2.8vw,42px)}.cro-hp-card--main .cro-hp-text{font-size:15px}.cro-hp-card--main .cro-hp-btn{padding:12px 22px;font-size:14px}.cro-hp-card--main .cro-hp-media{flex-basis:48%;padding:28px 32px 36px 0}.cro-hp-card--side .cro-hp-body{justify-content:center;gap:6px;padding:20px 8px 20px 22px}.cro-hp-card--side .cro-hp-heading{font-size:17px}.cro-hp-card--side .cro-hp-text{font-size:12.5px}.cro-hp-card--side .cro-hp-media{flex-basis:38%;padding:18px 18px 18px 0}.cro-hp-brand-name{font-size:16px}.cro-hp-full--mobile{display:none}.cro-hp-full--has-mobile{display:block}.cro-hp-card--main .cro-hp-full{top:14px;right:14px;bottom:14px;left:14px;width:calc(100% - 28px);height:calc(100% - 28px);border-radius:12px}.cro-hp-trust--desktop{display:block;padding:12px 24px;border-top:1px solid var(--cro-hp-border);background:#fff}.cro-hp-trust--desktop .cro-hp-trust-list{justify-content:flex-start;gap:6px 28px;font-size:12.5px}.cro-hp-trust--mobile{display:none}.cro-hp-swiper .cro-hp-dots.swiper-pagination{bottom:14px;padding-right:24px;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){a.cro-hp-card,.cro-hp-btn .material-symbols-outlined,.cro-hp-dots .swiper-pagination-bullet{transition:none}.cro-hp-side a.cro-hp-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/cro-v3-hero-panels.css.map */