.phtu-section{padding-top:var(--phtu-padding-top, 40px);padding-bottom:var(--phtu-padding-bottom, 40px);position:relative}body[data-template=quiz] .phtu-section{padding-top:0!important}@media(max-width:768px){.phtu-section{padding-top:0;padding-bottom:0}}.phtu-inner{max-width:1320px;margin:0 auto;padding:80px 0;font-family:RingsideWideWeb,Helvetica,Arial,sans-serif;color:#1a1a1a}@media(min-width:1200px){.phtu-inner{padding:0 0 10px}}.phtu-heading{font-family:Canela,serif;font-size:38px;font-weight:300;line-height:1.8;letter-spacing:.5px;padding-inline:71px;margin:0 0 2px;text-align:left}@media(min-width:1200px){.phtu-heading{font-size:32px;line-height:1.3;padding-inline:50px}}.phtu-desc{font-family:RingsideWideWeb,Helvetica,Arial,sans-serif;font-size:18px;font-weight:325;line-height:30px;letter-spacing:0;color:#000;padding-inline:71px 68px;margin:0;text-align:left}@media(min-width:1200px){.phtu-desc{font-size:16px;line-height:24px;padding-inline:50px}}.phtu-grid{display:grid;gap:23.83px 20.83px;margin:28px auto 0;align-items:baseline;padding-inline:71px 72.2px}.phtu-grid-2{grid-template-columns:1fr 1fr}.phtu-grid-1{grid-template-columns:1fr;max-width:680px}@media(min-width:1200px){.phtu-grid{gap:18px 16px;padding-inline:50px}}.phtu-card{position:relative;background-color:#f6f5f1;display:flex;flex-direction:column;gap:30px;height:100%;align-items:flex-start;border-radius:3.36px;overflow:hidden;box-shadow:0 1.91px 3.81px #00000026}@media(min-width:1200px){.phtu-card{gap:18px;border-radius:3px}}.phtu-card__num{position:absolute;top:16px;left:24px;min-width:46px;min-height:46px;background:#fff;color:#1a1a1a;display:flex;align-items:center;justify-content:center;font-family:BaseMonoWideWeb,Courier,Courier New,sans-serif;font-size:32px;font-weight:550;z-index:1;border-radius:2px;box-shadow:0 2px 4px #00000026}@media(min-width:1200px){.phtu-card__num{top:12px;left:18px;min-width:38px;min-height:38px;font-size:26px}}.phtu-video{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;cursor:pointer}.phtu-video:not(.is-ready) video,.phtu-video:not(.is-ready) .phtu-play{visibility:hidden}.phtu-video:not(.is-playing) video{pointer-events:none}.phtu-video.is-playing .phtu-play{display:none}.phtu-video:focus-visible{outline:2px solid #1a1a1a;outline-offset:3px}.phtu-video video{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3 / 2}.phtu-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;transition:transform .2s;pointer-events:none}.phtu-video:hover .phtu-play{transform:translate(-50%,-50%) scale(1.05)}.phtu-info{display:flex;flex-direction:column;gap:13px;padding-inline:34px 40px;width:100%;box-sizing:border-box}@media(min-width:1200px){.phtu-info{gap:10px;padding-inline:24px 30px}}.phtu-info__heading-single{font-family:Canela,serif;font-size:32px;font-weight:400;margin:0 0 10px}.phtu-info__title{font-family:ArticulatCF,GeogrotesqueCondBoldWeb,Arial Black,Impact,sans-serif;font-size:18px;font-weight:700;line-height:21.3px;letter-spacing:.03em;text-transform:uppercase;margin:0;color:#1a1a1a}.phtu-info__title--single{font-size:22px}.phtu-info__desc{font-family:RingsideWideWeb,Helvetica,Arial,sans-serif;font-size:16px;font-weight:325;line-height:24px;letter-spacing:0;color:#000;margin:0 0 14px!important}@media(min-width:1200px){.phtu-info__desc{font-size:14px;line-height:20px;margin-bottom:14px!important}}.phtu-mobile{display:none}@media(max-width:700px){.phtu-desktop{display:none}.phtu-mobile{display:block;margin:0 20px;background:#f6f5f1}.phtu-inner{padding-top:0;padding-bottom:40px}.phtu-swiper{position:relative;height:86.364vw;margin:0 auto 12px;border-radius:8px 8px 0 0;overflow:hidden}.phtu-swiper .swiper-wrapper,.phtu-swiper .swiper-slide{height:100%}.phtu-slide .phtu-video,.phtu-slide .phtu-video--mobile{aspect-ratio:auto;width:100%;height:100%;border-radius:8px 8px 0 0}.phtu-slide .phtu-video video,.phtu-slide .phtu-video--mobile video{aspect-ratio:auto;height:calc(100% + 1px);border-radius:8px 8px 0 0}.phtu-video--mobile-single{width:90%;height:86.364vw;margin:0 auto 20px;aspect-ratio:auto;border-radius:8px 8px 0 0;position:relative}.phtu-video--mobile-single video{object-fit:cover;border-radius:8px 8px 0 0}.phtu-swiper-nav{position:absolute;bottom:18px;width:26px;height:26px;background-color:#fffc;border:none;border-radius:50%;cursor:pointer;color:#000;display:flex;align-items:center;justify-content:center;z-index:3;top:auto;transform:none}.phtu-swiper-nav--prev{right:20px;left:auto;transform:translate(-100%)}.phtu-swiper-nav--next{right:15px;left:auto}.phtu-swiper-nav.is-disabled,.phtu-swiper-nav.swiper-button-disabled{opacity:.3;pointer-events:none}body[data-template=quiz] .phtu-swiper-nav--prev.is-disabled,body[data-template=quiz] .phtu-swiper-nav--prev.swiper-button-disabled{opacity:1;pointer-events:none}.phtu-mobile-info{padding-top:8px;padding-inline:0;border-radius:0 0 8px 8px}.phtu-mobile-info__heading{font-family:Canela,serif;font-size:30px;font-weight:300;line-height:1.8;letter-spacing:.5px;margin:0 0 6px;padding-inline:20px;text-align:left}.phtu-mobile-info__item{padding-bottom:14px}.phtu-mobile-info__item:last-child{border-bottom:none}.phtu-mobile-info__item h3{font-family:ArticulatCF,GeogrotesqueCondBoldWeb,Arial Black,Impact,sans-serif;font-size:14px;font-weight:700;line-height:100%;letter-spacing:.5px;text-transform:uppercase;margin:0 0 8px;padding-inline:20px;color:#1a1a1a}.phtu-mobile-info__item p{font-family:RingsideWideWeb,Helvetica,Arial,sans-serif;font-size:14px;font-weight:325;line-height:22px;color:#000;letter-spacing:.4px;margin:0;padding-inline:20px}}@media(max-width:393px){.phtu-swiper,.phtu-video--mobile-single{height:335px}body[data-template=quiz] .phtu-swiper-nav--prev,body[data-template=quiz] .phtu-swiper-nav--next{bottom:18px!important;top:unset!important;right:auto!important}body[data-template=quiz] .phtu-swiper-nav--prev{left:79%!important;transform:none!important}body[data-template=quiz] .phtu-swiper-nav--next{left:calc(79% + 31px)!important}}@media(min-width:700px){.psm-nav{background-color:transparent!important}}
/*# sourceMappingURL=/cdn/shop/t/1084/assets/section-product-how-to-use.css.map */