.cyril-helmet-showcase{width:100%;padding:var(--helmet-showcase-padding-top) 18px var(--helmet-showcase-padding-bottom)}.cyril-helmet-showcase,.cyril-helmet-showcase *{box-sizing:border-box}.cyril-helmet-showcase__inner{width:100%;max-width:var(--helmet-showcase-width);margin:0 auto}.cyril-helmet-showcase__trust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 24px;padding:16px 22px;background:#111;color:#fff;border-radius:14px;text-align:center}.cyril-helmet-showcase__trust-item{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;font-size:13px;line-height:1.3;white-space:nowrap}.cyril-helmet-showcase__trust-item strong{font-weight:700}.cyril-helmet-showcase__trust-copy--mobile{display:none}.cyril-helmet-showcase__trust-item span:not(.cyril-helmet-showcase__trust-icon){opacity:.8}.cyril-helmet-showcase__trust-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;color:#fff}.cyril-helmet-showcase__trust-icon svg{display:block;width:100%;height:100%;fill:currentColor}.cyril-helmet-showcase__trust-icon--star{color:#f5c518}.cyril-helmet-showcase__trust-divider{width:1px;height:18px;background:#ffffff38}.cyril-helmet-showcase__tabs{display:flex;align-items:center;justify-content:center;gap:6px;width:fit-content;max-width:100%;margin:18px auto 16px;padding:5px;overflow-x:auto;background:#e9e9e9;border:1px solid #d2d2d2;border-radius:999px;scrollbar-width:none}.cyril-helmet-showcase__tabs::-webkit-scrollbar{display:none}.cyril-helmet-showcase__tab{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:36px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#555;cursor:pointer;font:inherit;font-size:11px;font-weight:700;line-height:1;letter-spacing:.09em;text-transform:uppercase;transition:background .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.cyril-helmet-showcase__tab:hover{color:#111}.cyril-helmet-showcase__tab.is-active{background:#111;color:#fff;box-shadow:0 4px 12px #00000029}.cyril-helmet-showcase__groups{position:relative}.cyril-helmet-showcase__group[hidden],.cyril-helmet-showcase__mobile{display:none}.cyril-helmet-showcase__desktop-frame{position:relative;overflow:hidden;height:560px;min-height:560px;background:#f1f1f1;border-radius:18px}.cyril-helmet-showcase__desktop-grid{display:flex;height:560px;min-height:560px;margin:0;padding:0}.cyril-helmet-showcase__image-item{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:#f1f1f1;transition:flex .3s ease}.cyril-helmet-showcase__image-item+.cyril-helmet-showcase__image-item{border-left:1px solid rgba(0,0,0,.06)}.cyril-helmet-showcase__image{display:block;width:100%;height:100%;min-height:560px;object-fit:contain;object-position:center;padding:28px 18px 96px;background:#f1f1f1}@media(hover:hover)and (min-width:769px){.cyril-helmet-showcase__desktop-grid:hover .cyril-helmet-showcase__image-item{flex:.92 1 0}.cyril-helmet-showcase__desktop-grid .cyril-helmet-showcase__image-item:hover{flex:1.18 1 0}}.cyril-helmet-showcase__caption{position:absolute;left:18px;right:18px;bottom:40px;z-index:2;text-align:center;pointer-events:none}.cyril-helmet-showcase__caption span{display:inline-block;color:#111;font-size:18px;line-height:1.25;font-weight:500}.cyril-helmet-showcase__mobile-frame{display:none}.cyril-helmet-showcase__mobile-list{display:flex;margin:0;padding:0;transition:transform .28s ease;will-change:transform}.cyril-helmet-showcase__mobile-slide{flex:0 0 100%;min-width:0;background:#f1f1f1}.cyril-helmet-showcase__mobile-slide .cyril-helmet-showcase__image{width:100%;height:auto;min-height:0;aspect-ratio:3 / 4;padding:18px 14px 66px}.cyril-helmet-showcase__arrow{position:absolute;top:50%;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:#fffffff0;color:#111;cursor:pointer;transform:translateY(-50%);box-shadow:0 2px 8px #0000001f}.cyril-helmet-showcase__arrow:disabled{cursor:default;opacity:.24}.cyril-helmet-showcase__arrow--prev{left:12px}.cyril-helmet-showcase__arrow--next{right:12px}.cyril-helmet-showcase__counter{position:absolute;top:14px;right:14px;z-index:4;padding:4px 10px;border-radius:999px;background:#0000007a;color:#fff;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.05em;pointer-events:none}@media(min-width:769px){.cyril-helmet-showcase__trust{display:grid;grid-template-columns:max-content 1px max-content 1px max-content 1px max-content;column-gap:24px;row-gap:12px}}@media(max-width:768px){.cyril-helmet-showcase{padding-left:12px;padding-right:12px}.cyril-helmet-showcase__trust{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:0}.cyril-helmet-showcase__trust-divider{display:none}.cyril-helmet-showcase__trust-item{justify-content:flex-start;gap:9px;min-height:56px;padding:10px 12px;font-size:11px;line-height:1.15;letter-spacing:.02em;text-align:left;white-space:nowrap}.cyril-helmet-showcase__trust-item:nth-child(4n+1){border-right:1px solid rgba(255,255,255,.2)}.cyril-helmet-showcase__trust-item:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.2)}.cyril-helmet-showcase__trust-copy--desktop{display:none}.cyril-helmet-showcase__trust-copy--mobile{display:inline}.cyril-helmet-showcase__trust-icon{width:15px;height:15px}.cyril-helmet-showcase__tabs{justify-content:flex-start;width:auto;margin-bottom:14px;padding:4px;gap:4px}.cyril-helmet-showcase__tab{min-width:auto;height:34px;padding:0 12px;font-size:10px}.cyril-helmet-showcase__desktop{display:none}.cyril-helmet-showcase__mobile{display:block}.cyril-helmet-showcase__mobile-frame{position:relative;display:block;overflow:hidden;border-radius:18px;background:#f1f1f1;touch-action:pan-y}}.cyril-helmet-showcase__trust-item{font-size:14px}.cyril-helmet-showcase__trust-item span:not(.cyril-helmet-showcase__trust-icon):not(.cyril-helmet-showcase__note):not(.cyril-helmet-showcase__note-text){opacity:1;color:#ffffffd1}.cyril-helmet-showcase__trust-icon,.cyril-helmet-showcase__trust-icon--star{width:17px;height:17px;color:#fff}.cyril-helmet-showcase__note{position:relative;display:inline-flex;align-items:center}.cyril-helmet-showcase__note-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:-2px;padding:0;color:#ffffff9e;background:none;border:0;cursor:help;transition:color .16s ease}.cyril-helmet-showcase__note-toggle svg{width:14px;height:14px}.cyril-helmet-showcase__note-text{position:absolute;left:50%;bottom:calc(100% + 12px);z-index:5;width:max-content;max-width:240px;padding:8px 12px;color:#11120f;background:#fff;border:1px solid rgba(17,18,15,.12);box-shadow:0 8px 24px #11120f24;font-size:12.5px;font-weight:400;line-height:1.45;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease,visibility .16s}.cyril-helmet-showcase__note-text:after{content:"";position:absolute;top:100%;left:50%;width:8px;height:8px;background:#fff;border-right:1px solid rgba(17,18,15,.12);border-bottom:1px solid rgba(17,18,15,.12);transform:translate(-50%,-4px) rotate(45deg)}.cyril-helmet-showcase__note:hover .cyril-helmet-showcase__note-toggle,.cyril-helmet-showcase__note-toggle:focus-visible{color:#fff}.cyril-helmet-showcase__note:hover .cyril-helmet-showcase__note-text,.cyril-helmet-showcase__note:focus-within .cyril-helmet-showcase__note-text{opacity:1;visibility:visible;transform:translate(-50%)}.cyril-helmet-showcase__tab{min-width:0;height:38px;padding:0 18px;color:#3a3b37;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}.cyril-helmet-showcase__tab.is-active{font-weight:600}@media(max-width:768px){.cyril-helmet-showcase__trust-item{font-size:12.5px}.cyril-helmet-showcase__trust-icon,.cyril-helmet-showcase__trust-icon--star{width:16px;height:16px}.cyril-helmet-showcase__note-text{left:-40px;transform:translateY(4px);max-width:210px}.cyril-helmet-showcase__note-text:after{left:48px}.cyril-helmet-showcase__note:hover .cyril-helmet-showcase__note-text,.cyril-helmet-showcase__note:focus-within .cyril-helmet-showcase__note-text{transform:translate(0)}.cyril-helmet-showcase__trust{overflow:visible}.cyril-helmet-showcase__tab{height:34px;padding:0 13px;font-size:13px}}.cyril-helmet-showcase__trust-icon svg.cyril-icon,.cyril-helmet-showcase__note-toggle svg.cyril-icon{fill:none}.cyril-helmet-showcase__arrow{width:56px;height:36px;color:#11120f;background:transparent;border:1px solid transparent;border-radius:0;box-shadow:none;transition:border-color .18s ease,opacity .18s ease}.cyril-helmet-showcase__arrow svg{width:36px;height:auto}.cyril-helmet-showcase__arrow--prev svg{transform:rotate(180deg)}@media(hover:hover){.cyril-helmet-showcase__arrow:not(:disabled):hover{border-color:#11120f8c}}@media(hover:hover)and (min-width:1025px){.cyril-helmet-showcase__groups .cyril-helmet-showcase__arrow{opacity:0;transition:opacity .22s ease-out,border-color .18s ease,translate .22s ease-out}.cyril-helmet-showcase__groups .cyril-helmet-showcase__arrow--prev{translate:6px 0}.cyril-helmet-showcase__groups .cyril-helmet-showcase__arrow--next{translate:-6px 0}.cyril-helmet-showcase__groups:hover .cyril-helmet-showcase__arrow,.cyril-helmet-showcase__groups .cyril-helmet-showcase__arrow:focus-visible{opacity:1;translate:0 0}.cyril-helmet-showcase__groups:hover .cyril-helmet-showcase__arrow:disabled{opacity:.24}}.cyril-helmet-showcase__tab{flex:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/cyril-helmet-showcase.css.map */