.cod-login-guide{--cod-bg: #f5f7f6;--cod-surface: #ffffff;--cod-text: #1d2329;--cod-muted: #5b6773;--cod-accent: #138a7b;--cod-accent-soft: #e7f4f1;--cod-border: rgba(19, 138, 123, .16);background:linear-gradient(180deg,#fbfcfb 0%,var(--cod-bg) 100%);border-radius:8px;color:var(--cod-text);overflow:hidden;padding:28px 24px}.cod-login-guide__inner{align-items:center;display:grid;gap:28px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.cod-login-guide__eyebrow{color:var(--cod-accent);display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.16em;margin-bottom:12px;text-transform:uppercase}.cod-login-guide__heading{color:var(--cod-text);font-size:clamp(2rem,4vw,3.35rem);font-weight:700;letter-spacing:0;line-height:1.05;margin:0 0 16px}.cod-login-guide__text{color:var(--cod-muted);font-size:1.05rem;line-height:1.7;margin:0;max-width:56ch}.cod-login-guide__text p{margin:0 0 14px}.cod-login-guide__text p:last-child{margin-bottom:0}.cod-login-guide__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.cod-login-guide__button{align-items:center;background:var(--cod-text);border:1px solid var(--cod-text);border-radius:8px;color:#fff;display:inline-flex;font-size:.96rem;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:0 18px;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.cod-login-guide__button:hover{background:#0f151a;border-color:#0f151a;color:#fff}.cod-login-guide__button--secondary{background:transparent;border-color:var(--cod-border);color:var(--cod-text)}.cod-login-guide__button--secondary:hover{background:var(--cod-accent-soft);border-color:#138a7b47;color:var(--cod-text)}.cod-login-guide__note{color:var(--cod-muted);font-size:.92rem;line-height:1.6;margin-top:18px;max-width:52ch}.cod-login-guide__visual{display:grid;gap:18px}.cod-login-guide__video-shell{background:radial-gradient(circle at top,#fff,#eef4f2);border:1px solid var(--cod-border);border-radius:8px;display:flex;justify-content:center;min-width:0;padding:18px}.cod-login-guide__phone{aspect-ratio:9 / 16;background:#0f1115;border-radius:8px;box-shadow:0 18px 44px #121f2724;overflow:hidden;position:relative;width:min(100%,360px)}.cod-login-guide__phone iframe,.cod-login-guide__phone video,.cod-login-guide__phone .shopify-video,.cod-login-guide__phone media-poster{border:0;display:block;height:100%;object-fit:cover;width:100%}.cod-login-guide__play-overlay{align-items:center;background:linear-gradient(180deg,#0f11152e,#0f1115b8);border:0;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:16px;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:absolute;text-align:center;transition:opacity .2s ease,visibility .2s ease;width:100%;z-index:2}.cod-login-guide__play-overlay:hover .cod-login-guide__play-button,.cod-login-guide__play-overlay:focus-visible .cod-login-guide__play-button{transform:scale(1.04)}.cod-login-guide__phone--playing .cod-login-guide__play-overlay{opacity:0;pointer-events:none;visibility:hidden}.cod-login-guide__play-button{align-items:center;background:#fffffff0;border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 18px 38px #0000003d;display:inline-flex;height:86px;justify-content:center;transition:transform .2s ease;width:86px}.cod-login-guide__play-triangle{border-bottom:16px solid transparent;border-left:24px solid var(--cod-accent);border-top:16px solid transparent;display:block;margin-left:6px}.cod-login-guide__play-text{color:#fff;font-size:2rem;font-weight:800;letter-spacing:0;line-height:1;text-shadow:0 3px 18px rgba(0,0,0,.38)}.cod-login-guide__placeholder{align-items:center;background:linear-gradient(180deg,#138a7b24,#ffffff0d),linear-gradient(180deg,#1a1f24,#101317);color:#f5f7f6;display:flex;flex-direction:column;height:100%;justify-content:center;padding:26px;text-align:center}.cod-login-guide__placeholder-icon{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:8px;display:inline-flex;font-size:1.15rem;height:48px;justify-content:center;margin-bottom:14px;width:48px}.cod-login-guide__placeholder-title{font-size:1.15rem;font-weight:600;line-height:1.3;margin-bottom:10px}.cod-login-guide__placeholder-text{color:#f5f7f6c7;font-size:.94rem;line-height:1.6;max-width:24ch}.cod-login-guide__steps{display:grid;gap:12px}.cod-login-guide__step{align-items:start;border-top:1px solid rgba(29,35,41,.08);display:grid;gap:12px;grid-template-columns:36px minmax(0,1fr);padding-top:12px}.cod-login-guide__step:first-child{border-top:0;padding-top:0}.cod-login-guide__step-index{align-items:center;background:var(--cod-accent-soft);border-radius:8px;color:var(--cod-accent);display:inline-flex;font-size:.96rem;font-weight:700;height:36px;justify-content:center;width:36px}.cod-login-guide__step-title{color:var(--cod-text);font-size:1rem;font-weight:600;line-height:1.35;margin:0 0 6px}.cod-login-guide__step-text{color:var(--cod-muted);font-size:.95rem;line-height:1.65;margin:0}@media screen and (max-width:1060px){.cod-login-guide__inner{grid-template-columns:1fr}.cod-login-guide__copy{order:2}.cod-login-guide__visual{order:1}}@media screen and (max-width:767px){.cod-login-guide{padding:22px 16px}.cod-login-guide__heading{font-size:2rem}.cod-login-guide__text{font-size:1rem}.cod-login-guide__video-shell{padding:12px}.cod-login-guide__phone{width:min(100%,320px)}.cod-login-guide__play-button{height:76px;width:76px}.cod-login-guide__play-text{font-size:1.7rem}.cod-login-guide__actions{flex-direction:column}.cod-login-guide__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cash-on-delivery-login-video.css.map */