.frido-pdp-how-to-use{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--how-to-use-bg, #fff);padding:0 16px 20px}.frido-pdp-how-to-use__inner{max-width:480px;margin:0 auto}.frido-pdp-how-to-use[data-frido-pdp-accent-sync] .frido-pdp-how-to-use__trigger{transition:background .35s ease}.frido-pdp-how-to-use__trigger{display:flex;align-items:center;gap:8px;align-self:stretch;width:100%;margin:0;padding:10px 6px;border:0;border-radius:16px;background:linear-gradient(90deg,var(--frido-pdp-accent-gradient-start, #e7f2ff) 0%,var(--frido-pdp-accent-gradient-end, #f7faff) 99.54%);text-align:left;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.frido-pdp-how-to-use__trigger:focus{outline:none}.frido-pdp-how-to-use__trigger:focus-visible{outline:2px solid #506073;outline-offset:2px}.frido-pdp-how-to-use__thumb{flex-shrink:0;width:44px;height:44px;border-radius:10px;border:.44px solid #bccade;background:#fefefd;overflow:hidden;display:flex;align-items:center;justify-content:center}.frido-pdp-how-to-use__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.frido-pdp-how-to-use__label{flex:1;min-width:0;color:#506073;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:120%}.frido-pdp-how-to-use__arrow{flex-shrink:0;width:20px;height:20px;color:#506073;display:inline-flex;align-items:center;justify-content:center}.frido-pdp-how-to-use__arrow svg{width:18px;height:18px;display:block}body.frido-how-to-use-open{overflow:hidden}.frido-pdp-how-to-use-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;visibility:hidden;pointer-events:none}.frido-pdp-how-to-use-modal.is-open{visibility:visible;pointer-events:auto}.frido-pdp-how-to-use-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8}.frido-pdp-how-to-use-modal__frame{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:420px;max-height:min(92vh,780px);border-radius:20px;overflow:hidden;background:#1a1a1a;box-shadow:0 12px 40px #00000059}.frido-pdp-how-to-use-modal__top-actions{position:absolute;top:12px;right:12px;z-index:3;display:flex;flex-direction:column;gap:10px}.frido-pdp-how-to-use-modal__icon-btn{width:40px;height:40px;border:0;border-radius:50%;background:#00000073;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;-webkit-user-select:none;user-select:none}.frido-pdp-how-to-use-modal__icon-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.frido-pdp-how-to-use-modal__video-wrap{position:relative;flex:1 1 auto;min-height:220px;background:#000}.frido-pdp-how-to-use-modal__bottom-actions{display:flex;justify-content:flex-end;padding:10px 12px 0;background:#000}.frido-pdp-how-to-use-modal__video{width:100%;height:100%;min-height:220px;max-height:52vh;object-fit:cover;display:block;background:#000}.frido-pdp-how-to-use-modal__footer{flex-shrink:0;padding:12px;background:#f5f5f5;display:flex;flex-direction:column;gap:10px}.frido-pdp-how-to-use-modal__product{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#fff}.frido-pdp-how-to-use-modal__product-img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#f0f0f0}.frido-pdp-how-to-use-modal__product-info{flex:1;min-width:0}.frido-pdp-how-to-use-modal__product-title{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.25;color:#000}.frido-pdp-how-to-use-modal__product-prices{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.frido-pdp-how-to-use-modal__product-mrp{font-size:11px;font-weight:400;color:gray;text-decoration:line-through;line-height:1.2}.frido-pdp-how-to-use-modal__product-mrp.is-hidden{display:none}.frido-pdp-how-to-use-modal__product-price{font-size:16px;font-weight:600;color:#000;line-height:1.2}.frido-pdp-how-to-use-modal__atc{width:100%;padding:16px;border:0;border-radius:14px;background:#fcd00b;box-shadow:0 2px 3px #0000001f;color:#000;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.frido-pdp-how-to-use-modal__atc:disabled{opacity:.55;cursor:not-allowed}.frido-pdp-how-to-use-modal__atc.is-loading{color:transparent;position:relative;pointer-events:none}.frido-pdp-how-to-use-modal__atc.is-loading:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:frido-how-to-use-spin .7s linear infinite}@keyframes frido-how-to-use-spin{to{transform:rotate(360deg)}}@media(max-width:767px){.frido-pdp-how-to-use-modal{padding:0;align-items:stretch}.frido-pdp-how-to-use-modal__frame{max-width:none;max-height:none;width:100%;height:100%;border-radius:0}.frido-pdp-how-to-use-modal__video-wrap{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.frido-pdp-how-to-use-modal__video{width:100%;max-width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1 / 1;object-fit:contain}.frido-pdp-how-to-use-modal__top-actions{top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px))}.frido-pdp-how-to-use-modal__footer{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/frido-pdp-how-to-use.css.map */