.difference-hover-cards{width:100%;overflow:visible}.difference-hover-cards__inner{width:100%;max-width:1680px;margin:0 auto;padding:0}.difference-hover-cards__header{width:900px;max-width:90%;margin:0 auto 64px;text-align:center}.difference-hover-cards__title{margin:0;font-size:52px;font-style:normal;font-weight:800;line-height:64px;letter-spacing:0}.difference-hover-cards__subtitle{margin-top:20px;font-size:18px;font-style:normal;font-weight:500;line-height:26px;letter-spacing:0}.difference-hover-cards__grid{display:flex;align-items:flex-start;justify-content:center;gap:74px;overflow:visible}.difference-hover-cards__dots{display:none}.difference-hover-cards__card{position:relative;display:flex;width:246px;min-width:0;min-height:294px;flex:0 0 246px;flex-direction:column;align-items:center;justify-content:flex-start;padding:42px 26px 28px;border:1px solid;border-radius:0;text-align:center;transition:border-color .2s ease}.difference-hover-cards__card:focus{outline:2px solid currentColor;outline-offset:4px}.difference-hover-cards__card--has-popover:hover,.difference-hover-cards__card--has-popover:focus-within{z-index:5}.difference-hover-cards__icon{display:inline-flex;width:86px;height:86px;flex:0 0 auto;align-items:center;justify-content:center;margin-bottom:18px;border:0;color:inherit}.difference-hover-cards__icon-image{display:block;width:78px;height:78px;object-fit:contain}.difference-hover-cards__icon-svg{display:inline-flex;width:78px;height:78px;align-items:center;justify-content:center}.difference-hover-cards__icon-svg svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.difference-hover-cards__card-title{margin:0;color:inherit;font-size:26px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:0}.difference-hover-cards__text{width:100%;margin-top:22px;color:inherit;font-size:18px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:0}.difference-hover-cards__popover{position:absolute;top:calc(100% + 12px);left:0;z-index:6;width:390px;min-height:0;box-sizing:border-box;padding:22px 28px 24px;border-radius:16px;box-shadow:none;opacity:0;pointer-events:none;text-align:left;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;visibility:hidden}.difference-hover-cards__popover:before{content:"";position:absolute;top:-10px;left:100px;width:20px;height:20px;background:inherit;border-radius:2px;transform:rotate(45deg)}.difference-hover-cards__card--has-popover:hover .difference-hover-cards__popover,.difference-hover-cards__card--has-popover:focus-within .difference-hover-cards__popover{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.difference-hover-cards__card--has-popover:nth-child(n+2) .difference-hover-cards__popover{left:50%;transform:translate(-50%,10px)}.difference-hover-cards__card--has-popover:nth-child(n+2) .difference-hover-cards__popover:before{left:50%;transform:translate(-50%) rotate(45deg)}.difference-hover-cards__card--has-popover:nth-child(n+2):hover .difference-hover-cards__popover,.difference-hover-cards__card--has-popover:nth-child(n+2):focus-within .difference-hover-cards__popover{transform:translate(-50%)}.difference-hover-cards__card--has-popover:last-child:not(:first-child) .difference-hover-cards__popover{right:0;left:auto;transform:translateY(10px)}.difference-hover-cards__card--has-popover:last-child:not(:first-child) .difference-hover-cards__popover:before{right:96px;left:auto;transform:rotate(45deg)}.difference-hover-cards__card--has-popover:last-child:not(:first-child):hover .difference-hover-cards__popover,.difference-hover-cards__card--has-popover:last-child:not(:first-child):focus-within .difference-hover-cards__popover{transform:translateY(0)}.difference-hover-cards__popover-title{position:relative;z-index:1;margin:0;font-size:17px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:0}.difference-hover-cards__popover-line{display:none}.difference-hover-cards__popover-text{position:relative;z-index:1;margin-top:14px;font-size:13px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:0}.difference-hover-cards__popover-text p{margin:0}@media screen and (max-width:1680px){.difference-hover-cards__inner{max-width:89.25vw}.difference-hover-cards__header{width:53.57143vw;margin-bottom:3.80952vw}.difference-hover-cards__title{font-size:3.09524vw;line-height:3.80952vw}.difference-hover-cards__subtitle{margin-top:1.19048vw;font-size:1.07143vw;line-height:1.54762vw}.difference-hover-cards__grid{gap:4.40476vw}.difference-hover-cards__card{width:14.64286vw;min-height:17.5vw;flex-basis:14.64286vw;padding:2.5vw 1.54762vw 1.66667vw}.difference-hover-cards__icon{width:5.11905vw;height:5.11905vw;margin-bottom:1.07143vw}.difference-hover-cards__icon-image,.difference-hover-cards__icon-svg{width:4.64286vw;height:4.64286vw}.difference-hover-cards__icon-svg svg{stroke-width:4}.difference-hover-cards__card-title{font-size:1.54762vw;line-height:1.90476vw}.difference-hover-cards__text{margin-top:1.30952vw;font-size:1.07143vw;line-height:1.66667vw}.difference-hover-cards__popover{top:calc(100% + .71429vw);width:23.21429vw;min-height:0;padding:1.30952vw 1.66667vw 1.42857vw;border-radius:.95238vw;transform:translateY(.59524vw)}.difference-hover-cards__popover:before{top:-.59524vw;left:5.95238vw;width:1.19048vw;height:1.19048vw;border-radius:.11905vw}.difference-hover-cards__card--has-popover:nth-child(n+2) .difference-hover-cards__popover{transform:translate(-50%,.59524vw)}.difference-hover-cards__card--has-popover:last-child:not(:first-child) .difference-hover-cards__popover{transform:translateY(.59524vw)}.difference-hover-cards__popover-title{font-size:1.0119vw;line-height:1.42857vw}.difference-hover-cards__popover-text{margin-top:.83333vw;font-size:.77381vw;line-height:1.19048vw}}@media screen and (max-width:1199px){.difference-hover-cards__header{width:90%;margin-bottom:40px}.difference-hover-cards__title{font-size:36px;line-height:44px}.difference-hover-cards__subtitle{margin-top:16px;font-size:16px;line-height:24px}.difference-hover-cards__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:90%;margin:0 auto;gap:24px}.difference-hover-cards__card{width:100%;min-height:240px;flex-basis:auto;padding:30px 18px 24px}.difference-hover-cards__icon{width:70px;height:70px;margin-bottom:14px}.difference-hover-cards__icon-image,.difference-hover-cards__icon-svg{width:64px;height:64px}.difference-hover-cards__card-title{font-size:22px;line-height:28px}.difference-hover-cards__text{margin-top:14px;font-size:14px;line-height:22px}.difference-hover-cards__popover{top:calc(100% + 12px);width:min(320px,32vw);min-height:0;padding:22px;border-radius:14px}.difference-hover-cards__popover-title{font-size:16px;line-height:24px}.difference-hover-cards__popover-text{margin-top:14px;font-size:13px;line-height:22px}}@media screen and (max-width:767px){.difference-hover-cards__inner{width:100%;overflow:hidden}.difference-hover-cards__header{width:90%;margin-bottom:32px}.difference-hover-cards__title{font-size:32px;line-height:40px}.difference-hover-cards__subtitle{margin-top:14px;font-size:14px;line-height:22px}.difference-hover-cards__grid{display:flex;grid-template-columns:none;position:relative;align-items:stretch;justify-content:flex-start;width:90%;gap:16px;margin:0 auto;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-left:0;overflow-anchor:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.difference-hover-cards__grid::-webkit-scrollbar{display:none}.difference-hover-cards__card{box-sizing:border-box;width:auto;min-height:0;flex:0 0 100%;padding:28px 22px;scroll-snap-align:start;scroll-snap-stop:always}.difference-hover-cards__icon{width:70px;height:70px;margin-bottom:14px}.difference-hover-cards__icon-image,.difference-hover-cards__icon-svg{width:64px;height:64px}.difference-hover-cards__card-title{font-size:22px;line-height:28px}.difference-hover-cards__text{margin-top:14px;font-size:14px;line-height:22px}.difference-hover-cards__popover{position:static;width:100%;margin-top:22px;padding:22px;border-radius:14px;opacity:1;pointer-events:auto;transform:none;visibility:visible}.difference-hover-cards__popover:before{display:none}.difference-hover-cards__card--has-popover:hover .difference-hover-cards__popover,.difference-hover-cards__card--has-popover:focus-within .difference-hover-cards__popover,.difference-hover-cards__card--has-popover:nth-child(n+2) .difference-hover-cards__popover,.difference-hover-cards__card--has-popover:nth-child(n+2):hover .difference-hover-cards__popover,.difference-hover-cards__card--has-popover:nth-child(n+2):focus-within .difference-hover-cards__popover,.difference-hover-cards__card--has-popover:last-child:not(:first-child) .difference-hover-cards__popover,.difference-hover-cards__card--has-popover:last-child:not(:first-child):hover .difference-hover-cards__popover,.difference-hover-cards__card--has-popover:last-child:not(:first-child):focus-within .difference-hover-cards__popover{transform:none}.difference-hover-cards__popover-title{font-size:16px;line-height:24px}.difference-hover-cards__popover-text{margin-top:14px;font-size:13px;line-height:22px}.difference-hover-cards__dots{display:flex;align-items:center;justify-content:center;gap:2.13333vw;min-height:4.8vw;margin-top:20px;padding:0;box-sizing:border-box;overflow:visible}.difference-hover-cards__dot{width:2.13333vw;height:2.13333vw;padding:0;border:0;border-radius:999px;background:#2d2f30;opacity:.24;cursor:pointer;transition:background .2s ease,opacity .2s ease}.difference-hover-cards__dot.is-active{background:#e7971d;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/difference-hover-cards.css.map */