.prk-myaccount-v4 .woocommerce { max-width: none; } .prk-mav4-shell { --prk-mav4-primary: var(--prk-color-primary, #ff650b); --prk-mav4-border: #e0e0e2; --prk-mav4-soft: #f0f0f1; --prk-mav4-text: #23254e; --prk-mav4-muted: #81858b; color: var(--prk-mav4-text); padding: 40px; } .prk-font { line-height: 1.8; font-family: prk-font; } .prk-mav4-layout { display: flex; gap: 16px; align-items: flex-start; } .prk-mav4-sidebar { width: 330px; flex: 0 0 330px; border: 1px solid var(--prk-mav4-border); border-radius: 10px; overflow: hidden; background: #fff; } .prk-mav4-content { flex: 1; min-width: 0; } .prk-mav4-user-card { padding: 16px; } .prk-mav4-user-card__top { display: flex; align-items: center; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid var(--prk-mav4-soft); } .prk-mav4-avatar { position: relative; width: 52px; height: 52px; border-radius: 999px; border: 2px solid var(--prk-mav4-border); padding: 0; background: #fff; cursor: pointer; } .prk-mav4-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; } .prk-mav4-avatar i { position: absolute; right: -3px; bottom: -3px; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #a1a3a8; color: #fff; font-size: 12px; } .prk-mav4-user-card strong { display: block; font-size: 15px; font-weight: 800; } .prk-mav4-user-card span { display: block; color: #a1a3a8; font-size: 13px; } .prk-mav4-club-link { display: block; margin-top: 18px; text-decoration: none; color: inherit; } .prk-mav4-club-link > span, .prk-mav4-club-link > strong { display: flex; justify-content: space-between; align-items: center; } .prk-mav4-club-link strong { font-size: 15px; } .prk-mav4-club-link small { font-size: 12px; font-weight: 500; color: #a1a3a8; } .prk-mav4-club-link em { display: flex; align-items: center; gap: 2px; margin-top: 6px; color: #19bfd3; font-size: 12px; font-style: normal; font-weight: 700; } .prk-mav4-nav ul { margin: 0; padding: 0; list-style: none; } .prk-mav4-nav__item { position: relative; margin: 0; } .prk-mav4-nav__item + .prk-mav4-nav__item .prk-mav4-nav__link { border-top: 1px solid var(--prk-mav4-soft); } .prk-mav4-nav__link { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 10px 16px; text-decoration: none; color: #3f4064; transition: background 0.2s ease; } .prk-mav4-nav__link:hover { background: #f7f7f8; } .prk-mav4-nav__content { display: flex; align-items: center; gap: 14px; } .prk-mav4-nav__icon { display: flex; color: #111; } .prk-mav4-nav__icon svg, .prk-mav4-nav__icon img { width: 24px; height: 24px; } .prk-mav4-nav__title { font-size: 14px; font-weight: 700; line-height: 2; } .prk-mav4-nav__badge { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 6px; background: var(--prk-mav4-primary); color: #fff; font-size: 11px; display: flex ; align-items: center; justify-content: center; margin: 0; } .prk-mav4-nav__arrow { display: none; width: 24px; height: 24px; fill: #a1a3a8; } .prk-mav4-nav__item.is-active .prk-mav4-nav__link:before { content: ""; position: absolute; right: 0; top: 50%; width: 4px; height: calc(100% - 16px); border-radius: 4px 0 0 4px; background: var(--prk-mav4-primary); transform: translateY(-50%); } .prk-mav4-nav__item.is-active .prk-mav4-nav__title { font-weight: 900; } .prk-mav4-panel { background: #fff; border: 1px solid var(--prk-mav4-border); border-radius: 10px; padding: 16px; margin-bottom: 16px; } .prk-mav4-panel__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; } .prk-mav4-panel__header > a { display: flex; align-items: center; gap: 2px; color: #19bfd3; font-size: 12px; font-weight: 800; text-decoration: none; } .prk-mav4-section-title h2 { font-size: 16px; line-height: 1.8; margin: 0; font-weight: 800; color: #0c0c0c; } .prk-mav4-section-title span { display: block; width: 70px; height: 2px; margin-top: 6px; background: var(--prk-mav4-primary); } .prk-mav4-alert { display: flex; justify-content: space-between; gap: 12px; align-items: center; border: 1px solid var(--prk-mav4-border); border-radius: 10px; padding: 12px 18px; margin-bottom: 16px; background: #fff; } .prk-mav4-alert > div { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #f57f17; line-height: 2; } .prk-mav4-alert i { color: #f9a825; font-size: 18px; } .prk-mav4-alert a { display: flex; align-items: center; color: #19bfd3; font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; } .prk-mav4-order-stats { display: flex; align-items: center; margin: 22px 0 8px; } .prk-mav4-order-stat { flex: 1; display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 78px; text-decoration: none; color: inherit; } .prk-mav4-order-stat + .prk-mav4-order-stat { border-right: 1px solid var(--prk-mav4-soft); } .prk-mav4-order-stat__icon { width: 64px; height: 64px; border-radius: 20px; background: #f7f7f8; color: var(--prk-mav4-primary); display: flex; align-items: center; justify-content: center; position: relative; } .prk-mav4-order-stat__icon i { font-size: 28px; } .prk-mav4-order-stat__icon b { display: none; position: absolute; left: 0; bottom: 0; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 7px; background: #f2f2f2; color: #3f4064; font-size: 10px; } .prk-mav4-order-stat__text strong { display: block; font-size: 15px; font-weight: 800; } .prk-mav4-order-stat__text small { font-size: 12px; font-weight: 700; color: #3f4064; } .prk-mav4-product-row { display: flex; gap: 0; overflow-x: auto; } .prk-mav4-mini-product { width: 210px; flex: 0 0 210px; border-left: 1px solid var(--prk-mav4-soft); padding: 12px 18px; } .prk-mav4-mini-product a { text-decoration: none; color: inherit; } .prk-mav4-mini-product img { width: 145px; height: 145px; object-fit: contain; margin: auto; display: block; } .prk-mav4-mini-product strong { display: block; margin-top: 12px; font-size: 12px; line-height: 2; font-weight: 700; } .prk-mav4-tabs { margin-top: 24px; } .prk-mav4-tab-header { overflow-x: auto; scrollbar-width: none; } .prk-mav4-tab-header .prk-tab-headers { position: relative; display: flex; width: max-content; min-width: 100%; border-bottom: 1px solid #e5e7eb; margin: 0; padding: 0; list-style: none; } .prk-mav4-tab-header .prk-tab-btn { flex: 0 0 auto; padding: 4px 16px 14px; color: #6b7280; cursor: pointer; font-size: 14px; transition: color 0.2s ease; } .prk-mav4-tab-header .prk-tab-btn span { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; border-radius: 5px; padding: 0 5px; margin-right: 4px; background: #a1a3a8; color: #fff; font-size: 11px; } .prk-mav4-tab-header .prk-tab-btn.tab-active { color: var(--prk-mav4-primary); font-weight: 800; } .prk-mav4-tab-header .prk-tab-btn.tab-active span { background: var(--prk-mav4-primary); } .prk-mav4-tab-header .prk-tab-indicator { position: absolute; bottom: 0; height: 4px; border-radius: 4px 4px 0 0; background: var(--prk-mav4-primary); transition: all 0.2s ease; } .prk-mav4-order-list { display: flex; flex-direction: column; gap: 14px; } .prk-mav4-order-card { border: 1px solid var(--prk-mav4-border); border-radius: 10px; overflow: hidden; } .prk-mav4-order-card__inner { display: block; text-decoration: none; color: inherit; } .prk-mav4-order-card__head { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: 1px solid var(--prk-mav4-border); } .prk-mav4-order-card__head svg { width: 24px; height: 24px; fill: #424750; } .prk-mav4-order-status { display: flex; align-items: center; gap: 8px; } .prk-mav4-order-status i { width: 18px; height: 18px; border-radius: 50%; background: var(--prk-mav4-status); position: relative; } .prk-mav4-order-status strong { font-size: 14px; font-weight: 800; } .prk-mav4-order-card__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 16px; color: #81858b; font-size: 12px; border-bottom: 1px solid var(--prk-mav4-border); } .prk-mav4-order-card__meta i { width: 4px; height: 4px; border-radius: 50%; background: var(--prk-mav4-border); } .prk-mav4-order-card__meta b { color: #3f4064; margin-right: 3px; } .prk-mav4-order-card__products { display: flex; gap: 14px; flex-wrap: wrap; padding: 16px; border-bottom: 1px solid var(--prk-mav4-border); } .prk-mav4-order-card__products img { width: 64px; height: 64px; object-fit: contain; } .prk-mav4-order-card__foot { display: flex; justify-content: flex-end; padding: 14px 16px; color: #19bfd3; font-size: 12px; font-weight: 800; } .prk-mav4-empty { min-height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: #0c0c0c; } .prk-mav4-empty i { font-size: 28px; color: var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)); font-weight: 400; } .prk-mav4-empty p { font-size: 14px; font-weight: 700; margin: 0; } .prk-mav4-empty--small { min-height: 130px; } .prk-mav4-add-cart { height: 36px; flex: 1; border: 1px solid #ef4056; border-radius: 9px; display: flex; align-items: center; justify-content: center; gap: 6px; color: #ef4056; text-decoration: none; font-size: 12px; font-weight: 800; } .prk-mav4-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--prk-mav4-soft); border-radius: 10px; overflow: hidden; margin-top: 24px; } .prk-mav4-profile-field { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: 4px; text-align: right; background: #fff; border: 0; border-left: 1px solid var(--prk-mav4-soft); border-bottom: 1px solid var(--prk-mav4-soft); padding: 18px; cursor: pointer; } .prk-mav4-profile-field span { font-size: 12px; color: #81858b; } .prk-mav4-profile-field strong { font-size: 14px; color: #23254e; } .prk-mav4-profile-field i { grid-column: 2; grid-row: 1/3; align-self: center; color: #a1a3a8; font-size: 20px; } .prk-mav4-modal { padding: 0; border-radius: 14px; max-width: 520px; } .prk-mav4-modal__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--prk-mav4-border); } .prk-mav4-modal__head button { border: 0; background: transparent; font-size: 24px; cursor: pointer; } .prk-mav4-form { display: flex; flex-direction: column; gap: 14px; padding: 20px; } .prk-mav4-form label { display: flex; flex-direction: column; gap: 7px; font-size: 12px; color: #555; } .prk-mav4-form input { height: 44px; border: 1px solid #d1d5db; border-radius: 10px; padding: 0 12px; outline: none; } .prk-mav4-form input:focus { border-color: #19bfd3; } .prk-mav4-form button[type="submit"], .prk-mav4-modal-actions button:last-child, .prk-mav4-convert button { height: 44px; border: 0; border-radius: 10px; background: var(--prk-mav4-primary); color: #fff; font-size: 13px; font-weight: 800; cursor: pointer; } .prk-mav4-avatar-upload { position: relative; border: 1px dashed #cbd5e1; border-radius: 14px; min-height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; color: #64748b; } .prk-mav4-avatar-upload i { font-size: 38px; color: var(--prk-mav4-primary); } .prk-mav4-avatar-upload input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .prk-mav4-avatar-upload img { width: 86px; height: 86px; border-radius: 50%; object-fit: cover; } .prk-mav4-modal-actions { display: flex; justify-content: flex-end; gap: 10px; } .prk-mav4-modal-actions button:first-child { height: 44px; border: 1px solid var(--prk-mav4-border); border-radius: 10px; background: #fff; color: #64748b; padding: 0 18px; } .prk-mav4-error { color: #ef4056; } .prk-mav4-success { color: #16a34a; } .prk-mav4-club-score { width: 260px; max-width: 100%; margin: 28px auto; text-align: center; padding: 20px; border-radius: 18px; background: #fff7ed; } .prk-mav4-club-score small, .prk-mav4-club-score span { display: block; color: #6b7280; font-size: 13px; } .prk-mav4-club-score strong { display: block; margin: 12px 0; color: var(--prk-mav4-primary); font-size: 32px; } .prk-mav4-table { margin-top: 18px; overflow-x: auto; } .prk-mav4-table > div { min-width: 460px; display: grid; grid-template-columns: 120px 1fr 120px; align-items: center; min-height: 72px; padding: 0 16px; background: #fff; } .prk-mav4-table > div:nth-child(even) { background: #f7f7f8; } .prk-mav4-table b, .prk-mav4-table span { font-size: 13px; } .prk-mav4-table .is-plus { color: #16a34a; font-weight: 800; } .prk-mav4-convert { padding: 20px; } .prk-mav4-convert h3 { margin: 0 0 8px; font-size: 14px; } .prk-mav4-convert p { font-size: 13px; color: #666; line-height: 2; } .prk-mav4-convert input { width: 320px; max-width: 100%; height: 42px; border: 1px solid #d1d5db; border-radius: 10px; padding: 0 12px; margin-left: 10px; } .prk-mav4-notification-list, .prk-mav4-review-list { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; } .prk-mav4-notification, .prk-mav4-review-card { display: flex; gap: 14px; border: 1px solid var(--prk-mav4-soft); border-radius: 12px; padding: 16px; background: #fff; } .prk-mav4-notification.is-unread { border-color: rgba(255, 101, 11, 0.35); background: #fffaf5; } .prk-mav4-notification__icon { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #f1f5f9; color: var(--prk-mav4-primary); flex: 0 0 42px; } .prk-mav4-notification h3, .prk-mav4-review-card h3 { margin: 0 0 8px; font-size: 14px; font-weight: 800; } .prk-mav4-notification p, .prk-mav4-review-card p { margin: 0; color: #555; font-size: 13px; line-height: 2; } .prk-mav4-notification small, .prk-mav4-review-card small { display: block; margin-top: 8px; color: #9ca3af; font-size: 11px; } .prk-mav4-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .prk-mav4-muted { color: #666; font-size: 13px; line-height: 2; } .prk-mav4-mobile-header, .prk-mav4-mobile-title { display: none; } .prk-mav4-loading { position: relative; min-height: 180px; } .prk-mav4-loading:after { content: ""; position: absolute; top: 60px; right: 50%; width: 34px; height: 34px; border: 3px solid #f3f4f6; border-top-color: var(--prk-mav4-primary); border-radius: 50%; animation: prkMav4Spin 0.7s linear infinite; } @keyframes prkMav4Spin { to { transform: rotate(360deg); } } @media (max-width: 1023px) { .prk-mav4-shell { padding: 0 !important; } .prk-mav4-layout { display: block; } .prk-mav4-sidebar { width: 100%; border: 0; border-radius: 0; display: block; } .prk-mav4-user-card { border-bottom: 8px solid var(--prk-mav4-soft); padding: 16px; } .prk-mav4-nav--desktop .prk-mav4-nav__item:first-child { display: none; } .prk-mav4-nav__link { min-height: 52px; } .prk-mav4-nav__arrow { display: block; } .prk-mav4-nav__item.is-active .prk-mav4-nav__link:before { display: none; } .prk-mav4-content { display: none; } .prk-mav4-shell.is-viewing-section .prk-mav4-sidebar { display: none; } .prk-mav4-shell.is-viewing-section .prk-mav4-content { display: block; } .prk-mav4-panel { border: 0; border-radius: 0; border-bottom: 8px solid var(--prk-mav4-soft); padding: 0; margin: 0; } .prk-mav4-mobile-header { display: flex; align-items: center; justify-content: space-between; background: #fff; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); padding: 14px 18px; position: sticky; top: 0; z-index: 10; display: none; } .prk-mav4-mobile-header a { text-decoration: none; color: #424750; } .prk-mav4-mobile-header__logout, .prk-mav4-mobile-header__actions { display: flex; align-items: center; gap: 14px; } .prk-mav4-mobile-title { display: flex; align-items: center; gap: 8px; margin: 1px; padding: 12px 14px; border-bottom: 8px solid var(--prk-mav4-soft); font-size: 14px; font-weight: 700; } .prk-mav4-mobile-title a { color: #424750; text-decoration: none; font-size: 24px; font-weight: 400; padding-top: 3px; } .prk-mav4-section-title { display: none; } .prk-mav4-alert { margin: 12px; border-radius: 10px; align-items: flex-start; } .prk-mav4-order-stats { margin: 12px 0; } .prk-mav4-order-stat { display: flex; flex-direction: column; gap: 4px; } .prk-mav4-order-stat__icon b { display: flex; } .prk-mav4-order-stat__text strong { display: none; } .prk-mav4-profile-grid { grid-template-columns: 1fr; border-radius: 0; border-left: 0; border-right: 0; } .prk-mav4-grid-two { grid-template-columns: 1fr; } .prk-mav4-tab-header.prk-stuck .prk-tab-btn svg { height: 0; opacity: 0; } .prk-mav4-order-card__meta { display: grid; grid-template-columns: 1fr; gap: 8px; } .prk-mav4-order-card__meta i { display: none; } .prk-mav4-order-stat__text small { font-size: 11px; } .prk-mav4-mini-product { width: 180px; flex-basis: 180px; } .prk-mav4-modal { max-width: none; border-radius: 16px 16px 0 0; } .prk-mav4-convert input { width: 100%; margin: 0 0 10px; } .prk-mav4-notification { align-items: flex-start; } } .prk-mav4-primary-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; border: 0; border-radius: 10px; background: var(--prk-mav4-primary); color: #fff !important; padding: 0 16px; font-size: 13px; font-weight: 800; cursor: pointer; text-decoration: none; } .prk-mav4-primary-btn:disabled, .prk-mav4-add-cart:disabled { opacity: 0.55; cursor: wait; } .prk-mav4-form-message { font-size: 12px; line-height: 2; min-height: 20px; } .prk-mav4-form-message.is-error { color: #ef4056; } .prk-mav4-form-message.is-success { color: #16a34a; } .prk-mav4-form-message.is-loading { color: #64748b; } .prk-mav4-form-message:empty { display: none; } .prk-mav4-form-message:not(:empty) { padding: 8px 10px; border-radius: 10px; font-weight: 600; } .prk-mav4-form-message.is-error:not(:empty) { background: #fff5f6; border: 1px solid rgba(239, 64, 86, 0.16); } .prk-mav4-form-message.is-success:not(:empty) { background: #f0fdf4; border: 1px solid rgba(22, 163, 74, 0.14); } .prk-mav4-form-message.is-loading:not(:empty) { background: #f8fafc; border: 1px solid rgba(100, 116, 139, 0.16); } [data-prk-mav4-profile-form].is-saving { cursor: wait; } [data-prk-mav4-profile-form].is-saving #avatar-upload-box, [data-prk-mav4-profile-form].is-saving [data-prk-mav4-avatar-pick] { cursor: wait !important; } [data-prk-mav4-profile-form] button[type="submit"].is-loading { display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: wait; } [data-prk-mav4-profile-form] button[type="submit"].is-loading::before { content: ''; width: 14px; height: 14px; flex: 0 0 14px; border-radius: 999px; border: 2px solid rgba(255, 255, 255, 0.45); border-top-color: #fff; animation: prk-mav4-spin 0.75s linear infinite; } @keyframes prk-mav4-spin { to { transform: rotate(360deg); } } .prk-mav4-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .prk-mav4-form-full { grid-column: 1/-1; } .prk-mav4-form textarea { min-height: 104px; border: 1px solid #d1d5db; border-radius: 10px; padding: 12px; resize: vertical; outline: none; } .prk-mav4-check { flex-direction: row !important; align-items: center; } .prk-mav4-check input { width: auto; height: auto; } .prk-mav4-address-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 18px 0; } .prk-mav4-address-toolbar p { margin: 0; color: #64748b; font-size: 13px; line-height: 2; } .prk-mav4-address-list { display: flex; flex-direction: column; gap: 12px; } .prk-mav4-address-card { display: flex; gap: 14px; border: 1px solid var(--prk-mav4-soft); border-radius: 14px; padding: 16px; background: #fff; } .prk-mav4-address-card.is-default { border-color: rgba(255, 101, 11, 0.35); background: #fffaf5; } .prk-mav4-address-card__icon { width: 44px; height: 44px; border-radius: 14px; background: #f8fafc; color: var(--prk-mav4-primary); display: flex; align-items: center; justify-content: center; flex: 0 0 44px; font-size: 22px; } .prk-mav4-address-card__body { flex: 1; min-width: 0; } .prk-mav4-address-card__head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .prk-mav4-address-card__head strong { font-size: 14px; color: #23254e; } .prk-mav4-address-card__head span { background: var(--prk-mav4-primary); color: #fff; border-radius: 7px; padding: 2px 8px; font-size: 11px; } .prk-mav4-address-card p { margin: 0 0 10px; color: #3f4064; font-size: 13px; line-height: 2; } .prk-mav4-address-card ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 14px; flex-wrap: wrap; color: #81858b; font-size: 12px; } .prk-mav4-address-card li { display: flex; align-items: center; gap: 4px; } .prk-mav4-address-card__actions { display: flex; flex-direction: column; gap: 8px; } .prk-mav4-address-card__actions button { border: 1px solid var(--prk-mav4-border); background: #fff; border-radius: 9px; padding: 8px 10px; color: #3f4064; font-size: 12px; cursor: pointer; } .prk-mav4-order-card__club { display: flex; align-items: center; gap: 8px; padding: 0 16px 12px; color: #a1a3a8; font-size: 12px; } .prk-mav4-order-card__club b { color: #3f4064; } .prk-mav4-order-detail { padding: 0 !important; overflow: hidden; } .prk-mav4-order-detail__top { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--prk-mav4-border); } .prk-mav4-order-detail__top > div, .prk-mav4-order-detail__top a { display: flex; align-items: center; gap: 8px; text-decoration: none; } .prk-mav4-order-detail__top > div span { font-size: 16px; font-weight: 800; color: #0c0c0c; } .prk-mav4-order-detail__top a { color: #19bfd3; font-size: 12px; font-weight: 800; } .prk-mav4-order-detail__top i { font-size: 22px; } .prk-mav4-order-detail__info, .prk-mav4-order-detail__money { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 18px 24px; border-bottom: 1px solid var(--prk-mav4-border); } .prk-mav4-order-detail__money { grid-template-columns: repeat(3, minmax(0, 1fr)); } .prk-mav4-info-item { display: flex; align-items: center; gap: 8px; } .prk-mav4-info-item.is-wide { grid-column: 1/-1; align-items: flex-start; flex-direction: column; } .prk-mav4-info-item span { color: #a1a3a8; font-size: 13px; } .prk-mav4-info-item b { color: #3f4064; font-size: 13px; font-weight: 800; } .prk-mav4-shipment-card { margin: 18px 24px; border: 1px solid var(--prk-mav4-border); border-radius: 12px; overflow: hidden; } .prk-mav4-shipment-card__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--prk-mav4-soft); } .prk-mav4-shipment-card__head strong { font-size: 13px; } .prk-mav4-shipment-card__head span { font-size: 12px; color: #ef394e; font-weight: 800; } .prk-mav4-shipment-card__body { display: grid; grid-template-columns: 1fr 280px; gap: 16px; padding: 16px; } .prk-mav4-shipment-products { display: flex; flex-direction: column; gap: 12px; } .prk-mav4-detail-product { display: flex; gap: 12px; border-bottom: 1px solid var(--prk-mav4-soft); padding-bottom: 12px; } .prk-mav4-detail-product:last-child { border-bottom: 0; padding-bottom: 0; } .prk-mav4-detail-product__img img { width: 72px; height: 72px; object-fit: contain; } .prk-mav4-detail-product h3 { margin: 0 0 8px; font-size: 13px; line-height: 2; } .prk-mav4-detail-product__meta { display: flex; gap: 12px; color: #81858b; font-size: 12px; } .prk-mav4-review-link, .prk-mav4-inline-link, .prk-mav4-review-card a { display: inline-flex; margin-top: 10px; color: #19bfd3; text-decoration: none; font-weight: 800; font-size: 12px; } .prk-mav4-shipment-track { background: #f8fafc; border-radius: 12px; padding: 14px; } .prk-mav4-shipment-track.is-active { background: #f0fdf4; } .prk-mav4-shipment-track h6 { margin: 0 0 12px; color: #2e7b32; font-size: 13px; } .prk-mav4-shipment-track p { display: flex; justify-content: space-between; gap: 10px; margin: 0 0 10px; font-size: 12px; } .prk-mav4-shipment-track span { color: #81858b; } .prk-mav4-order-note { margin: 0 24px 18px; border: 1px solid var(--prk-mav4-soft); border-radius: 10px; padding: 14px; } .prk-mav4-order-note strong { font-size: 13px; } .prk-mav4-order-note p { margin: 8px 0 0; color: #555; font-size: 13px; line-height: 2; } .prk-mav4-review-card { display: block; } .prk-mav4-review-card__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .prk-mav4-review-card__head span { display: inline-flex; border-radius: 7px; background: #f1f5f9; color: #64748b; padding: 3px 8px; font-size: 11px; font-weight: 800; } .prk-mav4-review-card.is-approved .prk-mav4-review-card__head span { background: #dcfce7; color: #15803d; } .prk-mav4-review-card.is-pending .prk-mav4-review-card__head span { background: #fff7ed; color: #ea580c; } .prk-mav4-review-card__product { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; } .prk-mav4-review-card__product img { width: 64px; height: 64px; object-fit: contain; } .prk-mav4-stars { color: #f59e0b; letter-spacing: 2px; margin-bottom: 8px; } .prk-mav4-notification__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .prk-mav4-notification__head button { border: 0; background: #fff; border-radius: 8px; color: var(--prk-mav4-primary); font-weight: 800; font-size: 11px; cursor: pointer; padding: 6px 8px; } .prk-mav4-tab-header .prk-tab-btn.box-style { display: flex; align-items: center; gap: 6px; border-radius: 12px 12px 0 0; } .prk-mav4-tab-header .prk-tab-btn.box-style.tab-active { background: #222732; color: #fff; } .prk-mav4-track-result-list { display: flex; flex-direction: column; gap: 12px; margin-top: 18px; } .prk-mav4-tracking-form { display: flex; gap: 10px; margin-top: 18px; } .prk-mav4-tracking-form > div { flex: 1; display: flex; align-items: center; gap: 8px; border: 1px solid var(--prk-mav4-border); border-radius: 12px; padding: 0 12px; } .prk-mav4-tracking-form input { width: 100%; height: 44px; border: 0; outline: none; } .prk-mav4-tracking-recent h3 { font-size: 14px; margin: 24px 0 8px; } .prk-mav4-track-card { border: 1px solid var(--prk-mav4-soft); border-radius: 12px; padding: 16px; } .prk-mav4-track-card__head, .prk-mav4-track-card__meta, .prk-mav4-track-card__post p { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .prk-mav4-track-card__head strong { font-size: 14px; } .prk-mav4-track-card__head span { color: var(--track-color); font-size: 12px; font-weight: 800; } .prk-mav4-track-card__meta { justify-content: flex-start; margin: 12px 0; color: #81858b; font-size: 12px; } .prk-mav4-track-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 16px 0; } .prk-mav4-track-steps span { display: flex; flex-direction: column; align-items: center; gap: 7px; color: #a1a3a8; font-size: 11px; font-weight: 800; } .prk-mav4-track-steps i { width: 16px; height: 16px; border-radius: 50%; background: #e5e7eb; } .prk-mav4-track-steps .is-active { color: #16a34a; } .prk-mav4-track-steps .is-active i { background: #16a34a; } .prk-mav4-track-card__post { background: #f8fafc; border-radius: 12px; padding: 12px; } .prk-mav4-track-card__post p { margin: 0 0 8px; font-size: 12px; } .prk-mav4-loading-inline { padding: 18px; color: #64748b; } .prk-mav4-convert__row { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; } .prk-mav4-convert__row label { display: flex; flex-direction: column; gap: 8px; font-size: 12px; } .prk-mav4-convert__row strong { color: #16a34a; font-size: 14px; margin-bottom: 10px; } .prk-mav4-club-history > div, .prk-mav4-coupon-table > div { grid-template-columns: 120px 1fr 150px; } .prk-mav4-coupon-table > div { grid-template-columns: 120px 120px 1fr 120px; } .prk-mav4-toast { position: fixed; z-index: 999999; top: 24px; left: 24px; background: #111827; color: #fff; border-radius: 12px; padding: 12px 16px; font-size: 13px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); opacity: 0; transform: translateY(-10px); transition: all 0.22s ease; } .prk-mav4-toast.is-visible { opacity: 1; transform: translateY(0); } .prk-mav4-toast--error { background: #dc2626; } .prk-mav4-add-cart { background: #fff; cursor: pointer; } .prk-mav4-native .woocommerce-Address { border: 1px solid var(--prk-mav4-border); border-radius: 12px; padding: 16px; } .prk-mav4-tracking-legacy { display: none; } @media (max-width: 1023px) { .prk-mav4-form-grid { grid-template-columns: 1fr; } .prk-mav4-address-toolbar { align-items: stretch; flex-direction: column; } .prk-mav4-address-card { display: block; } .prk-mav4-address-card__icon { margin-bottom: 10px; } .prk-mav4-address-card__actions { flex-direction: row; flex-wrap: wrap; margin-top: 14px; } .prk-mav4-order-detail__top { position: sticky; top: 0; background: #fff; z-index: 3; } .prk-mav4-order-detail__info, .prk-mav4-order-detail__money { grid-template-columns: 1fr; padding: 16px; } .prk-mav4-info-item { justify-content: space-between; } .prk-mav4-shipment-card { margin: 16px; } .prk-mav4-shipment-card__body { grid-template-columns: 1fr; } .prk-mav4-tracking-form { flex-direction: column; } .prk-mav4-track-steps { grid-template-columns: repeat(2, 1fr); } .prk-mav4-club-history > div, .prk-mav4-coupon-table > div { min-width: 560px; } .prk-mav4-notification, .prk-mav4-review-card { padding: 14px; } .prk-mav4-toast { left: 16px; right: 16px; top: 16px; } .prk-mav4-order-detail__top > div span { font-size: 14px; } .prk-mav4-order-detail__top > a { font-size: 11px; } } #nprogress { pointer-events: none; z-index: 9999999; } #nprogress .bar { background: var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)); position: fixed; z-index: 9999999; top: 0; left: 0; width: 100%; height: 3px; } #nprogress .peg { display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)), 0 0 5px var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)); opacity: 1; transform: rotate(3deg) translate(0, -4px); } #nprogress .spinner { display: block; position: fixed; z-index: 9999999; top: 18px; left: 18px; } #nprogress .spinner .loading { width: 20px; height: 20px; border: 3px solid rgba(255, 101, 11, 0.18); border-top-color: var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)); border-radius: 50%; animation: prkMav4NProgressSpin 0.55s linear infinite; } @keyframes prkMav4NProgressSpin { to { transform: rotate(360deg); } } .prk-mav4-content.prk-mav4-loading { position: relative; opacity: 0.72; transition: opacity 0.18s ease; } .prk-mav4-content.prk-mav4-loading:after, .prk-mav4-loading-inline { display: none !important; } #nprogress { pointer-events: none; z-index: 2147483647; } #nprogress .bar { background: var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)); position: fixed; z-index: 2147483647; top: 0; left: 0; width: 100%; height: 3px; box-shadow: 0 1px 6px rgba(255, 101, 11, 0.35); } #nprogress .peg { display: block; position: absolute; right: 0; width: 120px; height: 100%; box-shadow: 0 0 10px var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)), 0 0 5px var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)); opacity: 1; transform: rotate(3deg) translate(0, -4px); } #nprogress .spinner { display: none !important; } #prk-mav4-progress-fallback { position: fixed; z-index: 2147483647; top: 0; left: 0; width: 100%; height: 3px; pointer-events: none; opacity: 0; overflow: hidden; background: transparent; } #prk-mav4-progress-fallback span { display: block; width: 35%; height: 100%; background: var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)); box-shadow: 0 1px 6px rgba(255, 101, 11, 0.35); transform: translateX(-120%); } #prk-mav4-progress-fallback.is-active { opacity: 1; } #prk-mav4-progress-fallback.is-active span { animation: prkMav4FallbackProgress 0.8s ease-in-out infinite; } #prk-mav4-progress-fallback.is-done span { animation: none; transform: translateX(220%); transition: transform 0.18s ease; } @keyframes prkMav4FallbackProgress { 0% { transform: translateX(-130%); } 55% { transform: translateX(60%); } 100% { transform: translateX(230%); } } .prk-mav4-address-hint { margin: -6px 0 14px; color: #81858b; font-size: 12px; line-height: 2; } .prk-mav4-address-card { position: relative; cursor: pointer; transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease; } .prk-mav4-address-card:hover { box-shadow: 0 8px 24px rgba(3, 10, 22, 0.06); } .prk-mav4-address-card.is-default { cursor: default; } .prk-mav4-address-card__menu { position: relative; flex: 0 0 40px; display: flex; justify-content: flex-end; align-self: flex-start; } .prk-mav4-address-card__more { width: 36px; height: 36px; border: 1px solid #e0e0e2; border-radius: 10px; background: #fff; color: #424750; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 20px; } .prk-mav4-address-card__actions { display: none !important; position: absolute; left: 0; top: 42px; z-index: 20; min-width: 156px; flex-direction: column !important; gap: 4px !important; background: #fff; border: 1px solid #e0e0e2; border-radius: 12px; padding: 8px; box-shadow: 0 10px 28px rgba(3, 10, 22, 0.12); } .prk-mav4-address-card.is-actions-open .prk-mav4-address-card__actions { display: flex !important; } .prk-mav4-address-card__actions button, .prk-mav4-address-actions-sheet button { width: 100%; height: 40px; border: 0 !important; background: #fff !important; border-radius: 10px !important; color: #3f4064 !important; display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 0 10px !important; font-size: 13px !important; cursor: pointer; text-align: right; } .prk-mav4-address-card__actions button:hover, .prk-mav4-address-actions-sheet button:hover { background: #f7f7f8 !important; } .prk-mav4-address-card__actions button.is-danger, .prk-mav4-address-actions-sheet button.is-danger { color: #ef4056 !important; } .prk-mav4-address-actions-modal { max-width: 420px; } .prk-mav4-address-actions-sheet { padding: 10px 12px 14px; display: flex; flex-direction: column; gap: 6px; } .prk-mav4-address-card__head strong, .prk-mav4-address-card p, .prk-mav4-address-card li, .prk-mav4-address-hint { font-family: inherit; } @media (max-width: 1023px) { .prk-mav4-address-card { padding-left: 56px; } .prk-mav4-address-card__menu { position: absolute; left: 12px; top: 12px; } .prk-mav4-address-card__actions { display: none !important; } .prk-mav4-address-actions-modal .prk-mav4-modal__head { border-bottom: 1px solid #e0e0e2; } .prk-mav4-address-actions-sheet button { height: 48px; font-size: 14px !important; } .prk-mav4-shell.is-viewing-section .prk-mav4-content { display: block; } .prk-mav4-shell.is-viewing-section .prk-mav4-sidebar { display: none; } } .prk-mav4-panel .prk-modal { display: none !important; } .prk-mav4-portal-overlay { z-index: 100000; } body > .prk-mav4-portal-modal:not([data-no-overlay="true"]) { display: none !important; } .prk-mav4-addresses.is-empty .prk-mav4-address-toolbar, .prk-mav4-addresses.is-empty .prk-mav4-address-hint { display: none !important; } .prk-mav4-addresses.is-empty .prk-mav4-address-list { min-height: 420px; display: flex; align-items: center; justify-content: center; } .prk-mav4-address-empty { width: 100%; min-height: 370px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; color: #0c0c0c; text-align: center; } .prk-mav4-address-empty__icon { width: 150px; max-width: 42vw; height: auto; display: block; object-fit: contain; margin-bottom: 2px; } .prk-mav4-address-empty p { margin: 0; color: #0c0c0c; font-size: 14px; font-weight: 700; line-height: 2; } .prk-mav4-address-empty__btn { height: 44px; min-width: 130px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)); border-radius: 10px; background: #fff; color: var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)); font-size: 13px; font-weight: 800; cursor: pointer; padding: 0 15px; transition: background 0.18s ease, color 0.18s ease; } .prk-mav4-address-empty__btn:hover { background: var(--prk-color-primary-soft, #fff5f6); } .prk-mav4-delete-confirm-modal { max-width: 460px; border-radius: 12px; overflow: hidden; } .prk-mav4-delete-confirm-modal .prk-mav4-modal__head { padding: 16px 20px; border-bottom: 1px solid #e0e0e2; min-height: 58px; } .prk-mav4-delete-confirm-modal .prk-mav4-modal__head strong { font-size: 16px; color: #0c0c0c; font-weight: 900; } .prk-mav4-delete-confirm__body { padding: 22px 20px 18px; } .prk-mav4-delete-confirm__body p { margin: 0 0 20px; color: #0c0c0c; font-size: 14px; line-height: 2; text-align: center; } .prk-mav4-delete-confirm__actions { display: flex; align-items: center; justify-content: flex-start; gap: 12px; } .prk-mav4-delete-confirm__submit, .prk-mav4-delete-confirm__cancel { height: 42px; min-width: 92px; border-radius: 10px; font-size: 13px; font-weight: 800; cursor: pointer; padding: 0 18px; } .prk-mav4-delete-confirm__submit { border: 1px solid #ef4056; background: #ef4056; color: #fff; } .prk-mav4-delete-confirm__cancel { border: 1px solid #ef4056; background: #fff; color: #ef4056; } .prk-mav4-delete-confirm__submit:disabled { opacity: 0.65; cursor: wait; } @media (max-width: 1023px) { .prk-mav4-addresses.is-empty .prk-mav4-address-list { min-height: calc((var(--vh, 1vh) * 100) - 150px); } .prk-mav4-address-empty { min-height: 320px; } .prk-mav4-delete-confirm-modal { border-radius: 16px 16px 0 0; } .prk-mav4-delete-confirm__actions { justify-content: flex-start; } .prk-mav4-delete-confirm__submit, .prk-mav4-delete-confirm__cancel { height: 44px; } } .prk-mav4-address-modal { max-width: 720px; overflow: hidden; } .prk-mav4-address-modal .prk-cv4-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 20px; border-bottom: 1px solid var(--prk-mav4-border, #e0e0e2); } .prk-mav4-address-modal .prk-cv4-modal-head strong { font-size: 16px; font-weight: 900; color: #0c0c0c; } .prk-mav4-address-modal .prk-cv4-modal-head button { width: 34px; height: 34px; border: 0; background: transparent; color: #424750; font-size: 24px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .prk-mav4-address-modal .prk-cv4-address-modal__body { padding: 18px 20px; max-height: min(68vh, 560px); overflow: auto; } .prk-mav4-address-modal .prk-cv4-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .prk-mav4-address-modal .prk-cv4-field { display: flex; flex-direction: column; gap: 8px; font-size: 12px; color: #3f4064; font-weight: 700; } .prk-mav4-address-modal .prk-cv4-field--full { grid-column: 1/-1; } .prk-mav4-address-modal .prk-cv4-field span { display: flex; align-items: center; gap: 3px; } .prk-mav4-address-modal .prk-cv4-field em { color: #ef4056; font-style: normal; font-weight: 900; } .prk-mav4-address-modal .prk-cv4-field input, .prk-mav4-address-modal .prk-cv4-field select { height: 44px; border: 1px solid #e0e0e2; border-radius: 10px; background: #fff; color: #23254e; font-size: 13px; outline: none; padding: 0 12px; transition: border-color 0.18s ease, box-shadow 0.18s ease; font-family: inherit; } .prk-mav4-address-modal .prk-cv4-field input:focus, .prk-mav4-address-modal .prk-cv4-field select:focus { border-color: var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)); box-shadow: 0 0 0 3px rgba(255, 101, 11, 0.1); } .prk-mav4-address-modal .prk-cv4-field.is-error input, .prk-mav4-address-modal .prk-cv4-field.is-error select { border-color: #ef4056; box-shadow: 0 0 0 3px rgba(239, 64, 86, 0.08); } .prk-mav4-address-modal .prk-cv4-field small { min-height: 16px; color: #ef4056; font-size: 11px; line-height: 1.8; } .prk-mav4-address-modal .prk-cv4-modal-foot { padding: 14px 20px; border-top: 1px solid var(--prk-mav4-border, #e0e0e2); display: flex; justify-content: flex-end; background: #fff; } .prk-mav4-address-modal .prk-cv4-submit-address { min-width: 150px; height: 44px; border: 0; border-radius: 10px; background: var(--prk-mav4-primary, var(--prk-color-primary, #ff650b)); color: #fff; font-size: 13px; font-weight: 900; cursor: pointer; padding: 0 20px; font-family: inherit; } .prk-mav4-address-modal .prk-cv4-submit-address:disabled { opacity: 0.65; cursor: wait; } .prk-mav4-address-modal .prk-mav4-form-message { margin-top: 12px; font-size: 12px; line-height: 2; } .prk-mav4-address-modal .prk-mav4-form-message.is-error { color: #ef4056; } .prk-mav4-address-modal .prk-mav4-form-message.is-success { color: #16a34a; } @media (max-width: 1023px) { .prk-mav4-address-modal { border-radius: 0; max-width: none; } .prk-mav4-address-modal .prk-cv4-address-modal__body { max-height: none; height: calc((var(--vh, 1vh) * 100) - 126px); padding: 16px; } .prk-mav4-address-modal .prk-cv4-field-grid { grid-template-columns: 1fr; gap: 12px; } .prk-mav4-address-modal .prk-cv4-modal-foot { position: sticky; bottom: 0; padding: 12px 16px; } .prk-mav4-address-modal .prk-cv4-submit-address { width: 100%; } } .prk-mav4-empty--list { min-height: 330px; margin: 44px 0 18px; gap: 14px; } .prk-mav4-empty--list .prk-mav4-empty__image { width: 256px; max-width: 70%; display: flex; align-items: center; justify-content: center; } .prk-mav4-empty--list .prk-mav4-empty__image img { width: 100%; height: auto; max-height: 190px; object-fit: contain; display: block; } .prk-mav4-empty--list p { font-size: 14px; font-weight: 800; color: #0c0c0c; line-height: 2; text-align: center; } @media (max-width: 767px) { .prk-mav4-empty--list { min-height: 270px; margin: 28px 0; } .prk-mav4-empty--list .prk-mav4-empty__image { width: 210px; } } .prk-mav4-notifications .prk-tab-btn.box-style { border: 1px solid #f0f0f1; } .prk-mav4-notifications .prk-tab-btn.tab-active svg path, .prk-mav4-notifications .prk-tab-btn.tab-active svg circle { stroke: currentColor; } .prk-mav4-notifications [data-prk-mav4-mark-all-read]:disabled { opacity: 0.45; cursor: not-allowed; } .prk-mav4-message-list > a, .prk-mav4-message-list > div { border-bottom: 1px solid #f0f0f1; } .prk-mav4-message-popup { max-width: 520px; padding: 0; overflow: hidden; border-radius: 16px; } .prk-mav4-message-popup .prk-mav4-message-list, .prk-mav4-message-popup [data-notification-id] { border: 0; } @media (max-width: 1023px) { .prk-mav4-message-popup { max-width: none; border-radius: 16px 16px 0 0; } } .prk-mav4-shell .font-title, .prk-mav4-shell .prk-title-font, .prk-mav4-message-popup .font-title, .prk-mav4-message-popup .prk-title-font { font-family: "prk-title" !important; speak: normal !important; font-style: normal !important; text-transform: none !important; } .prk-mav4-shell strong.prk-font, .prk-mav4-message-popup strong.prk-font { font-weight: 700 !important; } .prk-mav4-shell .prk-font.font-thin, .prk-mav4-message-popup .prk-font.font-thin { font-weight: 100 !important; } .prk-mav4-shell .prk-font.font-extralight, .prk-mav4-message-popup .prk-font.font-extralight { font-weight: 200 !important; } .prk-mav4-shell .prk-font.font-light, .prk-mav4-message-popup .prk-font.font-light { font-weight: 300 !important; } .prk-mav4-shell .prk-font.font-normal, .prk-mav4-message-popup .prk-font.font-normal { font-weight: 400 !important; } .prk-mav4-shell .prk-font.font-medium, .prk-mav4-message-popup .prk-font.font-medium { font-weight: 500 !important; } .prk-mav4-shell .prk-font.font-semibold, .prk-mav4-message-popup .prk-font.font-semibold { font-weight: 600 !important; } .prk-mav4-shell .prk-font.font-bold, .prk-mav4-message-popup .prk-font.font-bold { font-weight: 700 !important; } .prk-mav4-shell .prk-font.font-extrabold, .prk-mav4-message-popup .prk-font.font-extrabold { font-weight: 800 !important; } .prk-mav4-shell .prk-font.font-black, .prk-mav4-message-popup .prk-font.font-black { font-weight: 900 !important; } .prk-mav4-shell .prk-font.leading-none, .prk-mav4-message-popup .prk-font.leading-none { line-height: 1 !important; } .prk-mav4-shell .prk-font.leading-tight, .prk-mav4-message-popup .prk-font.leading-tight { line-height: 1.25 !important; } .prk-mav4-shell .prk-font.leading-snug, .prk-mav4-message-popup .prk-font.leading-snug { line-height: 1.375 !important; } .prk-mav4-shell .prk-font.leading-normal, .prk-mav4-message-popup .prk-font.leading-normal { line-height: 1.5 !important; } .prk-mav4-shell .prk-font.leading-relaxed, .prk-mav4-message-popup .prk-font.leading-relaxed { line-height: 1.625 !important; } .prk-mav4-shell .prk-font.leading-loose, .prk-mav4-message-popup .prk-font.leading-loose { line-height: 2 !important; } .prk-mav4-shell .prk-font.leading-3, .prk-mav4-message-popup .prk-font.leading-3 { line-height: 0.75rem !important; } .prk-mav4-shell .prk-font.leading-4, .prk-mav4-message-popup .prk-font.leading-4 { line-height: 1rem !important; } .prk-mav4-shell .prk-font.leading-5, .prk-mav4-message-popup .prk-font.leading-5 { line-height: 1.25rem !important; } .prk-mav4-shell .prk-font.leading-6, .prk-mav4-message-popup .prk-font.leading-6 { line-height: 1.5rem !important; } .prk-mav4-shell .prk-font.leading-7, .prk-mav4-message-popup .prk-font.leading-7 { line-height: 1.75rem !important; } .prk-mav4-shell .prk-font.leading-8, .prk-mav4-message-popup .prk-font.leading-8 { line-height: 2rem !important; } .prk-mav4-shell .prk-font.leading-9, .prk-mav4-message-popup .prk-font.leading-9 { line-height: 2.25rem !important; } .prk-mav4-shell .prk-font.leading-10, .prk-mav4-message-popup .prk-font.leading-10 { line-height: 2.5rem !important; } @media (min-width: 1024px) { .prk-mav4-shell .prk-font.lg\:font-normal, .prk-mav4-message-popup .prk-font.lg\:font-normal { font-weight: 400 !important; } .prk-mav4-shell .prk-font.lg\:font-medium, .prk-mav4-message-popup .prk-font.lg\:font-medium { font-weight: 500 !important; } .prk-mav4-shell .prk-font.lg\:font-semibold, .prk-mav4-message-popup .prk-font.lg\:font-semibold { font-weight: 600 !important; } .prk-mav4-shell .prk-font.lg\:font-extrabold, .prk-mav4-message-popup .prk-font.lg\:font-extrabold { font-weight: 800 !important; } .prk-mav4-shell .prk-font.lg\:leading-4, .prk-mav4-message-popup .prk-font.lg\:leading-4 { line-height: 1rem !important; } .prk-mav4-shell .prk-font.lg\:leading-5, .prk-mav4-message-popup .prk-font.lg\:leading-5 { line-height: 1.25rem !important; } .prk-mav4-shell .prk-font.lg\:leading-6, .prk-mav4-message-popup .prk-font.lg\:leading-6 { line-height: 1.5rem !important; } .prk-mav4-shell .prk-font.lg\:leading-7, .prk-mav4-message-popup .prk-font.lg\:leading-7 { line-height: 1.75rem !important; } .prk-mav4-shell .prk-font.lg\:leading-8, .prk-mav4-message-popup .prk-font.lg\:leading-8 { line-height: 2rem !important; } } @media (min-width: 1024px) { .profile-nav .nav-el.is-active a::before { content: ""; position: absolute; right: 0; top: 50%; width: 4px; height: calc(100% - 16px); background-color: var(--prk-color-primary, #ff650b); transform: translateY(-50%); } .profile-nav .nav-el.is-active a .nav-title-text { font-weight: 800 !important; } .profile-nav .nav-el:not(:first-child) a { border-top: 1px solid #f0f0f1; } } .profile-nav .nav-el:nth-child(n + 3) a { border-top: 1px solid #f0f0f1; } .prk-dashbord-secondary-tab-header .prk-tab-btn.tab-active { font-weight: 700 !important; color: #333; } .prk-dashbord-tab-header .prk-tab-btn.tab-active { font-weight: 700 !important; color: var(--prk-color-primary, #ff650b); } .prk-dashbord-tab-header .prk-tab-btn.box-style.tab-active { color: #fff !important; background-color: #222732 !important; font-weight: 600 !important; } .prk-dashbord-tab-header .prk-tab-btn.box-style.tab-active svg path { stroke: #fff; } .prk-dashbord-tab-header .prk-tab-btn.box-style.tab-active svg#notificationActiveOutline { fill: #fff; } .prk-dashbord-tab-header .prk-tab-btn.box-style.tab-active svg#notificationActiveOutline path { stroke: none; } .loading-dots--white { display: flex; justify-content: center; align-items: center; } .loading-dots--white span { width: 5px; height: 5px; background-color: #fff; border-radius: 50%; margin: 0 2px; animation: dot-animation 1.5s infinite ease-in-out; } .loading-dots--white span:nth-child(2) { animation-delay: 0.5s; } .loading-dots--white span:nth-child(3) { animation-delay: 1s; } @keyframes dot-animation { 0%, 100% { opacity: 0; transform: scale(0.5); } 50% { opacity: 1; transform: scale(1); } } .comments-star-rating.profile svg { width: 18px; height: 18px; } .prk-dashbord-tab-header { scrollbar-width: none; } .js-pager .is-active, .js-pager .is-active:hover { background-color: #ef394e; color: #fff; } @media (max-width: 1023px) { .prk-dashbord-tab-header .prk-tab-btn svg { width: 20px; height: 20px; opacity: 1; transition: height 0.25s ease, opacity 0.25s ease; will-change: height, opacity; overflow: hidden; display: block; } .prk-dashbord-tab-header.prk-stuck .prk-tab-btn svg { height: 0; opacity: 0; margin-bottom: 0; } } .prk-mav4-dashboard-wishlist-slider { position: relative; overflow: hidden; } .prk-mav4-dashboard-wishlist-slider .swiper-wrapper { display: flex; align-items: stretch; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scroll-snap-type: x proximity; scrollbar-width: none; } .prk-mav4-dashboard-wishlist-slider .swiper-wrapper::-webkit-scrollbar { display: none; } .prk-mav4-dashboard-wishlist-slider .swiper-slide { width: auto; flex: 0 0 calc(100% / var(--prk-mav4-dashboard-slides-mobile, 1.5)); max-width: calc(100% / var(--prk-mav4-dashboard-slides-mobile, 1.5)); scroll-snap-align: start; } .prk-mav4-dashboard-wishlist-slider .swiper-button-prev, .prk-mav4-dashboard-wishlist-slider .swiper-button-next { position: absolute; top: 45%; z-index: 3; width: 42px; height: 42px; border: 1px solid #e0e0e2; border-radius: 999px; background: #fff; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0, 0, 0, .08); cursor: pointer; transition: opacity .2s ease, transform .2s ease; } .prk-mav4-dashboard-wishlist-slider .swiper-button-prev { right: 8px; } .prk-mav4-dashboard-wishlist-slider .swiper-button-next { left: 8px; } .prk-mav4-dashboard-wishlist-slider .swiper-button-prev.is-disabled, .prk-mav4-dashboard-wishlist-slider .swiper-button-next.is-disabled { opacity: 0; pointer-events: none; transform: scale(.92); } .swiper .swiper-button-next::after, .swiper .swiper-button-prev::after { color: #212121; font-size: 12px; font-weight: 600; } @media (min-width: 768px) { .prk-mav4-dashboard-wishlist-slider .swiper-slide { flex-basis: calc(100% / var(--prk-mav4-dashboard-slides-tablet, 3)); max-width: calc(100% / var(--prk-mav4-dashboard-slides-tablet, 3)); } } @media (min-width: 1024px) { .prk-mav4-dashboard-wishlist-slider .swiper-slide { flex-basis: calc(100% / var(--prk-mav4-dashboard-slides-desktop, 4)); max-width: calc(100% / var(--prk-mav4-dashboard-slides-desktop, 4)); } } .prk-mav4-dashboard-product-slider.is-locked .swiper-button-prev, .prk-mav4-dashboard-product-slider.is-locked .swiper-button-next { opacity: 0 !important; pointer-events: none !important; } .prk-mav4-dashboard-swiper-native .swiper-wrapper { overflow: visible; scroll-snap-type: none; scrollbar-width: auto; } .prk-mav4-dashboard-swiper-native .swiper-slide { flex: 0 0 auto; max-width: none; scroll-snap-align: unset; } .prk-mav4-dashboard-scroll-fallback .swiper-button-prev.hidden-if-disabled.is-disabled, .prk-mav4-dashboard-scroll-fallback .swiper-button-next.hidden-if-disabled.is-disabled { display: none !important; } .prk-mav4-avatar-upload, #avatar-upload-box { cursor: pointer; } .prk-mav4-avatar-upload input[type="file"], #avatar-upload-box input[type="file"] { cursor: pointer; z-index: 2; } .prk-mav4-checkout-address-list { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; width: 100%; } .prk-mav4-checkout-address-list .prk-cv4-address-card { min-height: 0 !important; padding: 12px 14px !important; border-radius: 12px !important; display: grid !important; grid-template-columns: 1fr; gap: 10px; } .prk-mav4-checkout-address-list .prk-cv4-address-card.is-loading { opacity: .72; pointer-events: none; } .prk-mav4-checkout-address-list .prk-cv4-address-card__head { margin: 0 !important; padding-bottom: 10px !important; } .prk-mav4-checkout-address-list .prk-cv4-address-card__body { min-height: 0 !important; padding: 0 !important; border: 0 !important; } .prk-mav4-checkout-address-list .prk-cv4-address-card__body h3 { margin: 0 0 4px !important; font-size: 14px !important; line-height: 1.9 !important; } .prk-mav4-checkout-address-list .prk-cv4-address-card__body p { margin: 0 !important; font-size: 12px !important; line-height: 1.9 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .prk-mav4-checkout-address-list .prk-cv4-address-card__meta { margin-top: 0 !important; padding-top: 10px !important; display: flex !important; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #f0f0f1; } .prk-mav4-checkout-address-list .prk-cv4-address-card__receiver { min-height: 0; margin: 0; padding: 0; border: 0; font-size: 12px; color: #424750; } .prk-mav4-checkout-address-list .prk-cv4-address-card__contacts { justify-content: flex-end; gap: 10px; flex-wrap: wrap; } .prk-mav4-checkout-address-list .prk-cv4-icon-btn { width: 30px; height: 30px; font-size: 17px; } @media (max-width: 767px) { .prk-mav4-checkout-address-list .prk-cv4-address-card__meta { align-items: flex-start; flex-direction: column; } } .prk-mav4-addresses--native .prk-mav4-native-address-toolbar { margin-bottom: 16px; } .prk-mav4-native-address-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .prk-mav4-native-address-card { display: flex; flex-direction: column; justify-content: space-between; min-height: 184px; padding: 18px; border: 1px solid #e0e0e2; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.03); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .prk-mav4-native-address-card:hover { border-color: var(--prk-color-gradient-end, #ff6a00); box-shadow: 0 8px 24px rgba(0,0,0,.06); transform: translateY(-1px); } .prk-mav4-native-address-card.is-empty { border-style: dashed; background: #fafafa; } .prk-mav4-native-address-card__top { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .prk-mav4-native-address-card__icon { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; flex: 0 0 40px; border-radius: 14px; color: var(--prk-color-gradient-end, #ff6a00); background: #fff3eb; font-size: 20px; } .prk-mav4-native-address-card__top strong { display: block; color: #23254e; font-size: 14px; font-weight: 800; line-height: 1.8; } .prk-mav4-native-address-card__top small { display: block; color: #81858b; font-size: 12px; line-height: 1.8; } .prk-mav4-native-address-card p { margin: 0 0 14px; color: #3f4064; font-size: 13px; line-height: 2.1; } .prk-mav4-native-address-card__meta { display: flex; flex-wrap: wrap; gap: 8px 14px; color: #6b7280; font-size: 12px; } .prk-mav4-native-address-card__meta span { display: inline-flex; align-items: center; gap: 6px; } .prk-mav4-native-address-card__edit { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 42px; margin-top: 18px; border: 1px solid var(--prk-color-gradient-end, #ff6a00); border-radius: 10px; background: #fff; color: var(--prk-color-gradient-end, #ff6a00); font-size: 13px; font-weight: 800; cursor: pointer; transition: background .18s ease, color .18s ease; } .prk-mav4-native-address-card__edit:hover { background: var(--prk-color-gradient-end, #ff6a00); color: #fff; } .prk-mav4-native-address-modal .prk-cv4-field-grid.is-hidden { display: none !important; } .prk-mav4-native-address-modal .prk-cv4-address-form { display: flex; flex-direction: column; height: 100%; } .prk-mav4-native-address-modal .prk-cv4-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .prk-mav4-native-address-modal .prk-cv4-field { display: flex; flex-direction: column; gap: 8px; } .prk-mav4-native-address-modal .prk-cv4-field--full { grid-column: 1 / -1; } .prk-mav4-native-address-modal .prk-cv4-field > span { color: #3f4064; font-size: 12px; font-weight: 700; } .prk-mav4-native-address-modal .prk-cv4-field em { color: #ef4056; font-style: normal; margin-inline-start: 3px; } .prk-mav4-native-address-modal .prk-cv4-field input, .prk-mav4-native-address-modal .prk-cv4-field select, .prk-mav4-native-address-modal .prk-cv4-field textarea { width: 100%; border: 1px solid #e0e0e2; border-radius: 10px; background: #fff; color: #23254e; font-size: 13px; line-height: 2; padding: 10px 12px; outline: none; transition: border-color .18s ease, box-shadow .18s ease; } .prk-mav4-native-address-modal .prk-cv4-field textarea { min-height: 96px; resize: vertical; } .prk-mav4-native-address-modal .prk-cv4-field input:focus, .prk-mav4-native-address-modal .prk-cv4-field select:focus, .prk-mav4-native-address-modal .prk-cv4-field textarea:focus { border-color: var(--prk-color-gradient-end, #ff6a00); box-shadow: 0 0 0 3px rgba(255,106,0,.09); } .prk-mav4-native-address-modal .prk-cv4-field.is-error input, .prk-mav4-native-address-modal .prk-cv4-field.is-error select, .prk-mav4-native-address-modal .prk-cv4-field.is-error textarea { border-color: #ef4056; } .prk-mav4-native-address-modal .prk-cv4-field small { min-height: 16px; color: #ef4056; font-size: 11px; } @media (max-width: 767px) { .prk-mav4-native-address-list, .prk-mav4-native-address-modal .prk-cv4-field-grid { grid-template-columns: 1fr; } .prk-mav4-native-address-card { min-height: 0; padding: 14px; border-radius: 14px; } } .prk-mav4-native-address-modal .prk-cv4-field { position: relative; } .prk-mav4-native-address-modal select.prk-mav4-native-enhanced-select { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 1px !important; opacity: 0 !important; pointer-events: none !important; inset-inline-start: 0 !important; bottom: 0 !important; z-index: -1 !important; } .prk-mav4-native-address-modal .prk-cv4-custom-select { position: relative; width: 100%; direction: rtl; z-index: 1; } .prk-mav4-native-address-modal .prk-cv4-custom-select.is-open { z-index: 80; } .prk-mav4-native-address-modal .prk-cv4-custom-select__toggle { width: 100%; min-height: 48px; height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 13px; border: 1px solid #e0e0e2; border-radius: 10px; background: #fff; color: #424750; font-size: 13px; line-height: 1.9; text-align: right; cursor: pointer; outline: 0; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; } .prk-mav4-native-address-modal .prk-cv4-custom-select.is-open .prk-cv4-custom-select__toggle, .prk-mav4-native-address-modal .prk-cv4-custom-select__toggle:focus { border-color: var(--prk-color-gradient-end, #ff6a00); box-shadow: 0 0 0 3px rgba(255, 106, 0, .10); } .prk-mav4-native-address-modal .prk-cv4-field.is-error .prk-cv4-custom-select__toggle { border-color: #d32f2f; } .prk-mav4-native-address-modal .prk-cv4-custom-select__label { display: block; min-width: 0; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .prk-mav4-native-address-modal .prk-cv4-custom-select__arrow { flex: 0 0 24px; transition: transform .18s ease; } .prk-mav4-native-address-modal .prk-cv4-custom-select.is-open .prk-cv4-custom-select__arrow { transform: rotate(180deg); } .prk-mav4-native-address-modal .prk-cv4-custom-select__panel { position: absolute; z-index: 90; top: calc(100% + 6px); inset-inline: 0; width: 100%; display: none; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; color: #424750; font-size: 13px; box-shadow: 0 12px 28px rgba(15, 23, 42, .14); } .prk-mav4-native-address-modal .prk-cv4-custom-select.is-open .prk-cv4-custom-select__panel { display: block; } .prk-mav4-native-address-modal .prk-cv4-custom-select__search-wrap { padding: 8px; border-bottom: 1px solid #f0f0f1; } .prk-mav4-native-address-modal .prk-cv4-custom-select__search { width: 100%; height: 38px; border: 1px solid #e5e7eb; border-radius: 9px; background: #f8fafc; padding: 0 12px; color: #1f2937; font-size: 13px; outline: 0; } .prk-mav4-native-address-modal .prk-cv4-custom-select__search:focus { border-color: var(--prk-color-gradient-end, #ff6a00); background: #fff; } .prk-mav4-native-address-modal .prk-cv4-custom-select__options { width: 100%; max-height: 180px; margin: 0; padding: 4px 0; list-style: none; overflow-y: auto; background: #fff; } .prk-mav4-native-address-modal .prk-cv4-custom-select__option, .prk-mav4-native-address-modal .prk-cv4-custom-select__empty { padding: 8px 12px; color: #424750; font-size: 13px; line-height: 1.9; } .prk-mav4-native-address-modal .prk-cv4-custom-select__option { cursor: pointer; transition: background .16s ease, color .16s ease; } .prk-mav4-native-address-modal .prk-cv4-custom-select__option:hover, .prk-mav4-native-address-modal .prk-cv4-custom-select__option.is-selected { background: #f3f4f6; } .prk-mav4-native-address-modal .prk-cv4-custom-select__option.is-selected { color: var(--prk-color-primary, #ff5b0e); font-weight: 800; } .prk-mav4-native-address-modal .prk-cv4-custom-select__empty { color: #81858b; cursor: default; } .prk-mav4-downloads-panel { overflow: hidden; } .prk-mav4-downloads-panel__body { min-width: 0; } .prk-mav4-downloads-native { margin-top: 28px; } .prk-mav4-downloads-native .woocommerce-Message, .prk-mav4-downloads-native .woocommerce-info { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0; padding: 18px; border: 1px solid var(--prk-mav4-border); border-radius: 12px; background: #fafafa; color: #3f4064; font-size: 13px; line-height: 2; } .prk-mav4-downloads-native .woocommerce-Message .button, .prk-mav4-downloads-native .woocommerce-info .button { flex: 0 0 auto; border: 0; border-radius: 9px; background: var(--prk-mav4-primary); color: #fff; padding: 9px 16px; text-decoration: none; font-size: 12px; font-weight: 700; } .prk-mav4-downloads-native table.woocommerce-MyAccount-downloads, .prk-mav4-downloads-native table.woocommerce-table--order-downloads, .prk-mav4-downloads-native table.shop_table { width: 100%; margin: 0; border: 1px solid var(--prk-mav4-border) !important; border-collapse: separate; border-spacing: 0; border-radius: 12px; background: #fff; overflow: hidden; table-layout: auto; } .prk-mav4-downloads-native table thead th { padding: 13px 15px !important; border: 0 !important; border-bottom: 1px solid var(--prk-mav4-border) !important; background: #f7f7f8; color: #62666d; text-align: right !important; font-size: 12px; font-weight: 700; line-height: 1.9; white-space: nowrap; } .prk-mav4-downloads-native table tbody td { padding: 15px !important; border: 0 !important; border-bottom: 1px solid #f0f0f1 !important; color: #3f4064; text-align: right !important; vertical-align: middle !important; font-size: 13px; line-height: 2; } .prk-mav4-downloads-native table tbody tr:last-child td { border-bottom: 0 !important; } .prk-mav4-downloads-native table td.download-product, .prk-mav4-downloads-native table td:first-child { color: #23254e; font-weight: 700; } .prk-mav4-downloads-native table a:not(.button) { color: #23254e; text-decoration: none; } .prk-mav4-downloads-native table a:not(.button):hover { color: var(--prk-mav4-primary); } .prk-mav4-downloads-native .woocommerce-MyAccount-downloads-file, .prk-mav4-downloads-native td.download-file a { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 7px 16px !important; border: 1px solid var(--prk-mav4-primary) !important; border-radius: 9px !important; background: #fff !important; color: var(--prk-mav4-primary) !important; text-decoration: none !important; font-size: 12px; font-weight: 800; line-height: 1.7; transition: background .18s ease, color .18s ease; } .prk-mav4-downloads-native .woocommerce-MyAccount-downloads-file:hover, .prk-mav4-downloads-native td.download-file a:hover { background: var(--prk-mav4-primary) !important; color: #fff !important; } @media (max-width: 1023px) { .prk-mav4-downloads-panel__body { padding: 12px; } .prk-mav4-downloads-native { margin-top: 0; } .prk-mav4-downloads-native table, .prk-mav4-downloads-native table tbody, .prk-mav4-downloads-native table tr, .prk-mav4-downloads-native table td { display: block; width: 100%; } .prk-mav4-downloads-native table { border: 0 !important; border-radius: 0; background: transparent; } .prk-mav4-downloads-native table thead { display: none; } .prk-mav4-downloads-native table tbody tr { margin-bottom: 12px; padding: 12px 14px; border: 1px solid var(--prk-mav4-border); border-radius: 12px; background: #fff; } .prk-mav4-downloads-native table tbody tr:last-child { margin-bottom: 0; } .prk-mav4-downloads-native table tbody td { display: grid; grid-template-columns: minmax(90px, 34%) minmax(0, 1fr); gap: 12px; align-items: center; padding: 9px 0 !important; border-bottom: 1px solid #f0f0f1 !important; font-size: 12px; } .prk-mav4-downloads-native table tbody td::before { content: attr(data-title); color: #81858b; font-size: 11px; font-weight: 600; } .prk-mav4-downloads-native table tbody td.download-file, .prk-mav4-downloads-native table tbody td:last-child { display: block; padding: 12px 0 0 !important; border-bottom: 0 !important; } .prk-mav4-downloads-native table tbody td.download-file::before, .prk-mav4-downloads-native table tbody td:last-child::before { display: none; } .prk-mav4-downloads-native .woocommerce-MyAccount-downloads-file, .prk-mav4-downloads-native td.download-file a { width: 100%; } .prk-mav4-downloads-native .woocommerce-Message, .prk-mav4-downloads-native .woocommerce-info { align-items: stretch; flex-direction: column; } }