/* assets/css/page-account.css - копия без комментариев, править исходник */
.auth-page { display:flex; width:100vw; height:100vh; max-height:100vh; overflow:hidden; background:#FFFFFF; font-family:'Inter',sans-serif; position:fixed; inset:0; z-index:999; } .auth-left { flex:1; min-width:0; height:100vh; max-height:100vh; overflow-y:auto; display:flex; flex-direction:column; align-items:center; padding:60px 40px; background:#FFFFFF; box-sizing:border-box; } .auth-left::-webkit-scrollbar { width:4px; } .auth-left::-webkit-scrollbar-track { background:transparent; } .auth-left::-webkit-scrollbar-thumb { background:#9F9F9F; border-radius:4px; } .auth-left::-webkit-scrollbar-thumb:hover { background:#006C66; } .auth-form-wrap { width:100%; max-width:408px; margin:auto 0; } .auth-logo { margin-bottom:48px; } .auth-title { font-family:'Oswald',sans-serif; font-weight:700; font-size:32px; line-height:46px; color:#252B2B; margin:0 0 8px 0; } .auth-sub { font-family:'Inter',sans-serif; font-size:16px; line-height:26px; color:#555B5C; margin:0 0 32px 0; } .auth-tabs { display:flex; gap:4px; background:#F5F5F5; border-radius:8px; padding:4px; margin-bottom:24px; box-sizing:border-box; } .auth-tab { flex:1; height:40px; border:none; background:transparent; border-radius:4px; font-family:'Inter',sans-serif; font-weight:500; font-size:14px; color:#979E9F; cursor:pointer; transition:all .15s ease; display:flex; align-items:center; justify-content:center; } .auth-tab.is-active { background:#FFFFFF; color:#252B2B; box-shadow:0 1px 3px rgba(0,0,0,0.1); } .auth-field { position:relative; margin-bottom:16px; } .auth-field .input { width:100%; height:48px; padding:0 16px 0 44px; border:1px solid #E3E5E6; border-radius:4px; font-family:'Inter',sans-serif; font-size:14px; color:#252B2B; background:#fff; box-sizing:border-box; } .auth-field .input::placeholder { color:#979E9F; } .auth-field .input:focus { border-color:#006C66; outline:none; } .auth-field__icon { position:absolute; left:16px; top:calc(100% - 24px); transform:translateY(-50%); width:18px; height:18px; color:#979E9F; pointer-events:none; display:flex; align-items:center; justify-content:center; } .auth-field__icon svg { width:18px; height:18px; } .auth-field__toggle-pass { position:absolute; right:16px; top:calc(100% - 24px); transform:translateY(-50%); width:18px; height:18px; color:#979E9F; cursor:pointer; background:none; border:none; padding:0; display:flex; align-items:center; justify-content:center; } .auth-field__toggle-pass svg { width:18px; height:18px; } .auth-btn--primary { width:100%; height:48px; background:#006C66; border-radius:4px; color:#FFFFFF; font-family:'Inter',sans-serif; font-size:16px; font-weight:400; border:none; cursor:pointer; transition:opacity .15s ease; margin-top:8px; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; } .auth-btn--primary:hover { opacity:.92; } .auth-btn--secondary { width:100%; height:48px; background:#FFFFFF; border:1px solid #006C66; border-radius:4px; color:#006C66; font-family:'Inter',sans-serif; font-size:16px; font-weight:400; cursor:pointer; transition:background .15s ease; margin-top:12px; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; } .auth-btn--secondary:hover { background:rgba(0, 108, 102, 0.04); } .auth-switch { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:24px; font-family:'Inter',sans-serif; font-size:14px; color:#979E9F; } .auth-switch a, .auth-switch button { color:#006C66; font-weight:500; text-decoration:none; cursor:pointer; background:none; border:none; padding:0; font-family:inherit; font-size:inherit; } .auth-switch a:hover, .auth-switch button:hover { text-decoration:underline; } .auth-right { flex:1; min-width:0; height:100vh; max-height:100vh; position:relative; background:url("/wp-content/themes/rokodil/assets/img/auth/auth-bg.webp") no-repeat center center / cover; display:flex; align-items:center; justify-content:center; padding:40px; box-sizing:border-box; overflow:hidden; } .auth-right::before { content:''; position:absolute; inset:0; background:rgba(0, 0, 0, 0.4); } .auth-glass-card { position:relative; z-index:2; width:100%; max-width:470px; background:rgba(0, 0, 0, 0.15); border:1px solid rgba(255, 255, 255, 0.15); backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); border-radius:12px; padding:48px 40px; box-sizing:border-box; text-align:center; color:#FFFFFF; } .auth-pill { display:inline-flex; align-items:center; gap:8px; background:rgba(120, 169, 98, 0.14); border-radius:100px; padding:6px 16px; font-family:'Inter',sans-serif; font-size:14px; font-weight:600; color:#78A962; margin-bottom:24px; } .auth-glass-title { font-family:'Oswald',sans-serif; font-weight:700; font-size:36px; line-height:46px; color:#FFFFFF; margin:0 0 16px 0; } .auth-glass-sub { font-family:'Inter',sans-serif; font-size:16px; line-height:26px; color:#D1D5DC; margin:0 0 36px 0; } .auth-stats { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); gap:12px; } .auth-stat-item { background:rgba(255, 255, 255, 0.1); border:1px solid rgba(255, 255, 255, 0.1); border-radius:8px; padding:16px 8px; text-align:center; box-sizing:border-box; } .auth-stat-num { font-family:'Oswald',sans-serif; font-weight:700; font-size:24px; line-height:32px; color:#FFFFFF; display:block; } .auth-stat-lbl { font-family:'Inter',sans-serif; font-size:14px; line-height:20px; color:rgba(255, 255, 255, 0.6); display:block; margin-top:4px; }  .auth-code-inputs { display:flex; gap:12px; justify-content:space-between; margin:16px 0 0; } .auth-code-input { width:58px; height:54px; text-align:center; font-family:'Inter',sans-serif; font-size:18px; line-height:26px; font-weight:600; border:1px solid #E4E4E4; border-radius:4px; background:#F9F9F9; color:#555B5C; box-sizing:border-box; } .auth-code-input:focus { border-color:#006C66; background:#FFFFFF; outline:none; } .auth-otp__sent { font-family:'Inter',sans-serif; font-size:16px; line-height:26px; color:#979E9F; margin:0; } .auth-otp__target { display:flex; align-items:center; gap:10px; font-family:'Inter',sans-serif; font-size:16px; line-height:26px; color:#252B2B; margin:0 0 56px; word-break:break-all; } .auth-otp__edit { flex-shrink:0; background:none; border:none; padding:0; color:#979E9F; cursor:pointer; display:flex; align-items:center; } .auth-otp__edit:hover { color:#006C66; } .auth-otp__label { display:block; font-family:'Inter',sans-serif; font-weight:500; font-size:16px; line-height:26px; color:#252B2B; }  .auth-otp__timer { display:inline-flex; align-items:center; justify-content:center; gap:5px; width:73px; height:32px; margin-top:24px; border:1px solid rgba(0, 108, 102, 0.14); border-radius:4px; background:rgba(0, 108, 102, 0.05); color:#006C66; box-sizing:border-box; } .auth-otp__timer svg { width:18px; height:18px; } .auth-otp__timer span { font-family:'Inter',sans-serif; font-size:12px; line-height:16px; } .auth-otp__timer[hidden] { display:none; }  .auth-otp__resend { display:flex; align-items:flex-start; gap:8px; margin:60px 0 0; font-family:'Inter',sans-serif; font-size:14px; line-height:20px; color:#979E9F; } #otp-step-wrap + .auth-btn--primary { margin-top:32px; } .auth-otp__resend button { background:none; border:none; padding:0; font-family:inherit; font-size:inherit; line-height:inherit; font-weight:500; color:#006C66; cursor:pointer; } .auth-otp__resend button:hover:not(:disabled) { text-decoration:underline; } .auth-otp__resend button:disabled { color:#979E9F; cursor:default; } .auth-back-btn { display:inline-flex; align-items:center; gap:8px; background:none; border:none; padding:0; font-family:'Inter',sans-serif; font-size:14px; font-weight:500; color:#979E9F; cursor:pointer; margin-bottom:24px; } .auth-back-btn:hover { color:#006C66; } .auth-label { display:block; font-family:'Inter',sans-serif; font-weight:400; font-size:13px; line-height:15px; color:#252B2B; margin-bottom:8px; }  .auth-consents { display:flex; flex-direction:column; gap:14px; margin-top:20px; margin-bottom:8px; }  .auth-consents .consent-group { position:relative; line-height:17px; } .auth-consents .consent-group input { top:1px; left:0; z-index:1; width:16px; height:16px; margin:0; cursor:pointer; pointer-events:auto; } .auth-consents .consent-group__text { font-size:12px; line-height:17px; color:#555B5C; } .auth-consents .consent-group__box { width:16px; height:16px; }  .auth-consents .consent-group input:checked + .consent-group__box::after { inset:-1px; width:auto; height:auto; border:0; transform:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' clip-rule='evenodd' d='M12.024 5.17579C12.1364 5.28831 12.1996 5.4409 12.1996 5.59999C12.1996 5.75909 12.1364 5.91168 12.024 6.02419L7.22396 10.8242C7.11144 10.9367 6.95885 10.9999 6.79976 10.9999C6.64066 10.9999 6.48807 10.9367 6.37556 10.8242L3.97556 8.42419C3.86626 8.31103 3.80578 8.15947 3.80715 8.00215C3.80852 7.84483 3.87162 7.69435 3.98286 7.5831C4.09411 7.47186 4.2446 7.40876 4.40192 7.40739C4.55923 7.40602 4.71079 7.4665 4.82396 7.57579L6.79976 9.55159L11.1756 5.17579C11.2881 5.06331 11.4407 5.00012 11.5998 5.00012C11.7589 5.00012 11.9114 5.06331 12.024 5.17579Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } .auth-consents .consent-group__text a { color:#555B5C; text-decoration:underline; transition:color .2s; } .auth-consents .consent-group__text a:hover { color:#006C66; } .auth-consents .consent-group__text a:active { color:#00594E; } .auth-field--select .auth-field__input-wrap { position:relative; width:100%; } .auth-field--select .input { padding-left:16px; } .input--select { appearance:none; -webkit-appearance:none; padding-right:40px; cursor:pointer; background:#FFFFFF; width:100%; }  .input--select:has(option[value=""]:checked) { color:#979E9F; } .input--select option { color:#252B2B; }  .auth-field__chevron { position:absolute; right:16px; top:50%; transform:translateY(-50%); pointer-events:none; color:#252B2B; display:flex; align-items:center; } .auth-b2b-fields { width:100%; } .auth-field__icon--hash { font-size:20px; font-weight:400; line-height:1; } .auth-page.is-b2b-signup .auth-form-wrap { margin:0; } .auth-page.is-b2b-signup .auth-left { padding-top:60px; padding-bottom:60px; } .auth-field-upload { width:100%; margin-bottom:20px; } .file-dropzone { display:block; width:100%; height:122px; background:#F9FAFB; border:2px dashed #E5E7EB; border-radius:4px; padding:23px 16px; text-align:center; cursor:pointer; transition:border-color 0.2s, background-color 0.2s; box-sizing:border-box; margin-top:12px; } .file-dropzone:hover, .file-dropzone.is-dragover { border-color:#006C66; background:#F0FDF4; } .file-dropzone__empty { display:block; } .file-dropzone__icon { margin-bottom:8px; display:flex; justify-content:center; } .file-dropzone__icon svg { width:22px; height:22px; } .file-dropzone__title { font-family:'Inter',sans-serif; font-weight:500; font-size:14px; line-height:20px; color:#4A5565; display:block; margin-bottom:6px; } .file-dropzone__hint { font-family:'Inter',sans-serif; font-size:12px; line-height:16px; color:#99A1AF; display:block; } .file-dropzone__selected { display:flex; align-items:center; justify-content:center; gap:8px; font-size:14px; color:#252B2B; word-break:break-all; } .file-dropzone__filename { font-family:'Inter',sans-serif; font-weight:500; font-size:14px; color:#006C66; } .file-dropzone__remove { background:none; border:none; color:#979E9F; font-size:20px; line-height:1; cursor:pointer; padding:0 4px; } .file-dropzone__remove:hover { color:#E53E3E; } .auth-notice-box { background:#FFFBEB; border:1px solid #FEF3C6; border-radius:4px; padding:16px; display:flex; gap:12px; align-items:flex-start; margin-top:20px; margin-bottom:12px; box-sizing:border-box; } .auth-notice-box__icon { flex-shrink:0; display:flex; align-items:center; margin-top:2px; } .auth-notice-box__icon svg { width:16px; height:16px; } .auth-notice-box__text { font-family:'Inter',sans-serif; font-size:12px; line-height:19.5px; color:#BB4D00; }  .auth-page.is-signup .auth-field, .auth-page.is-signup .auth-field-upload { margin-bottom:24px; } .auth-page.is-signup .auth-field-hint, .auth-page.is-signup .auth-field-error { margin:-16px 0 24px; } .auth-page.is-signup .auth-notice-box { margin-top:24px; margin-bottom:24px; } .auth-page.is-signup .auth-consents { margin-top:32px; margin-bottom:0; } .auth-page.is-signup.is-b2b-signup .auth-consents { margin-top:24px; }  .auth-page.is-signup .auth-consents + .auth-field-error { margin:8px 0 0; } .auth-identifier-display { display:flex; align-items:center; gap:8px; margin-bottom:24px; margin-top:-8px; } .auth-identifier-val { font-family:'Inter',sans-serif; font-size:16px; line-height:26px; color:#252B2B; word-break:break-all; } .auth-identifier-edit { background:none; border:none; padding:0; color:#979E9F; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:color 0.15s; } .auth-identifier-edit:hover { color:#006C66; } .auth-forgot-pass-wrap { display:flex; justify-content:flex-end; margin-top:8px; margin-bottom:20px; } .auth-forgot-pass-btn { background:none; border:none; padding:0; font-family:'Inter',sans-serif; font-weight:500; font-size:14px; line-height:20px; color:#006C66; cursor:pointer; } .auth-forgot-pass-btn:hover { text-decoration:underline; } .input.input--error { border-color:#D15E5D !important; } .auth-field__clear { position:absolute; right:14px; top:50%; transform:translateY(-50%); width:22px; height:22px; border-radius:50%; background:#F5F5F5; border:none; color:#979E9F; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.15s ease; } .auth-field__clear:hover { background:#E5E7EB; color:#252B2B; } .auth-error-notice { background:rgba(198, 1, 0, 0.04); border:1px solid rgba(198, 1, 0, 0.15); border-radius:4px; padding:14px 16px; display:flex; gap:12px; align-items:flex-start; margin-top:16px; margin-bottom:16px; box-sizing:border-box; } .auth-error-notice__icon { flex-shrink:0; margin-top:2px; display:flex; align-items:center; } .auth-error-notice__title { font-family:'Inter',sans-serif; font-weight:500; font-size:12px; line-height:20px; color:#C60100; margin-bottom:2px; } .auth-error-notice__sub { font-family:'Inter',sans-serif; font-size:12px; line-height:18px; color:#979E9F; } @media (max-width:1024px) { .auth-right { display:none; } } @media (max-width:600px) { .auth-left { padding:32px 20px; } .auth-form-wrap { max-width:408px; } .auth-logo { margin-bottom:36px; } .auth-sub { margin-bottom:24px; } .auth-client-tabs .auth-tab { font-size:13px; } .auth-page.is-b2b-signup .auth-left { padding-top:32px; padding-bottom:32px; } .auth-notice-box__text br { display:none; } } @media (min-width:1501px) { .auth-left { flex:0 0 49.6354167%; align-items:center; padding:60px 40px; }  .auth-left::before { content:''; flex:0 1 140px; } .auth-page.is-b2b-signup .auth-left::before { flex-basis:0; } .auth-form-wrap { width:408px; max-width:408px; transform:translateX(27.5px); margin:0; flex:none; } .auth-logo { margin-bottom:80px; } .auth-title { margin-bottom:14px; } .auth-tabs { gap:5px; margin-bottom:32px; } .auth-tab { line-height:20px; letter-spacing:-0.0107em; } .auth-tab.is-active { box-shadow:0 1px 2px -1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); } #entry-field-wrap { margin-bottom:24px; } .auth-field__icon { left:15px; } .auth-btn--primary, .auth-btn--secondary { line-height:20px; } .auth-btn--secondary { margin-top:14px; } .auth-switch { margin-top:40px; line-height:20px; } .auth-right { padding:0; align-items:initial; justify-content:initial; background-position:40% center; } .auth-right::before { background:rgba(0,0,0,0.2); } .auth-glass-card { position:absolute; top:50%; left:calc(50% - 247.5px); width:470px; max-width:none; padding:48px; transform:translateY(-50%); background:rgba(0,0,0,0.1); border-color:rgba(255,255,255,0.1); } .auth-pill { width:286px; box-sizing:border-box; justify-content:center; padding:8px 16px; line-height:20px; letter-spacing:-0.0107em; } .auth-glass-sub { margin-bottom:44px; } .auth-stats { gap:18px; } .auth-stat-item { width:112px; height:88px; padding:16px; }  .auth-stats:not(:has(.auth-stat-item:nth-child(3))) .auth-stat-item { width:auto; } .auth-stat-lbl { margin-top:2px; letter-spacing:-0.0107em; } }  .auth-email-display { display:flex; align-items:center; justify-content:space-between; width:100%; height:48px; padding:0 16px; border:1px solid #E3E5E6; border-radius:4px; background:#F9F9F9; box-sizing:border-box; margin-bottom:24px; } .auth-email-display__text { font-family:'Inter',sans-serif; font-size:14px; line-height:20px; color:#252B2B; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .auth-email-display__edit { flex-shrink:0; background:none; border:none; cursor:pointer; color:#979E9F; padding:0 0 0 12px; display:flex; } .auth-email-display__edit:hover { color:#006C66; } .auth-forgot-wrap { width:100%; display:flex; justify-content:flex-end; margin:-4px 0 16px; } .auth-forgot { background:none; border:none; cursor:pointer; padding:0; font-family:'Inter',sans-serif; font-weight:500; font-size:14px; line-height:20px; color:#006C66; } .auth-forgot:hover { text-decoration:underline; } .auth-error-box { display:flex; align-items:flex-start; gap:12px; width:100%; background:rgba(198, 1, 0, 0.04); border-radius:4px; padding:15px 16px; box-sizing:border-box; margin-top:4px; margin-bottom:16px; } .auth-error-box__icon { flex-shrink:0; color:#C60100; margin-top:1px; } .auth-error-box__title { font-family:'Inter',sans-serif; font-weight:500; font-size:12px; line-height:20px; color:#C60100; margin-bottom:2px; } .auth-error-box__text { font-family:'Inter',sans-serif; font-size:12px; line-height:20px; color:#979E9F; }  .auth-field.has-error .input { border-color:#D15E5D; background:rgba(198, 1, 0, 0.04); } .auth-field.has-error .input:focus { border-color:#D15E5D; } .auth-field-upload.has-error .file-dropzone { border-color:#D15E5D; background:rgba(198, 1, 0, 0.04); } .auth-consents.has-error .consent-group__box { border-color:#D15E5D; }  .auth-field__clear { position:absolute; right:16px; top:calc(100% - 24px); transform:translateY(-50%); width:24px; height:24px; display:flex; align-items:center; justify-content:center; padding:0; border:0; border-radius:50%; background:#F5F7F7; color:#979E9F; cursor:pointer; } .auth-field__clear svg { width:14px; height:14px; } .auth-field__clear:hover { background:#E3E5E6; color:#555B5C; } .auth-field__clear:focus-visible { outline:2px solid #006C66; outline-offset:2px; } .auth-field.has-clear .input { padding-right:48px; }  .auth-field-hint, .auth-field-error { display:flex; align-items:flex-start; gap:8px; margin:-8px 0 16px; font-family:'Inter',sans-serif; font-size:14px; line-height:20px; } .auth-field-hint { color:#979E9F; } .auth-field-error, .auth-field-hint.is-error { color:#C60100; } .auth-field-error::before, .auth-field-hint.is-error::before { content:''; flex:0 0 16px; width:16px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23C60100' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='7' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") no-repeat center / 16px 16px; }  .auth-modal { position:fixed; inset:0; z-index:1000; display:none; align-items:center; justify-content:center; padding:20px; box-sizing:border-box; } .auth-modal.is-open { display:flex; } .auth-modal__overlay { position:absolute; inset:0; background:rgba(0,0,0,0.5); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); z-index:1; } .auth-modal__dialog { position:relative; z-index:2; width:498px; max-width:100%; overflow:hidden; background:#FFFFFF; border-radius:8px; box-shadow:0 4px 6px -4px rgba(0,0,0,0.1), 0 10px 15px -3px rgba(0,0,0,0.1); box-sizing:border-box; } .auth-modal__dialog--recover { height:442px; padding:60px; } .auth-modal__dialog--sent { height:430px; padding:60px; } .auth-modal__close { position:absolute; z-index:2; top:24px; right:24px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; padding:0; border:0; border-radius:50%; background:#FFFFFF; box-shadow:inset 0 -1px 1px rgba(150,161,172,0.12); color:#555B5C; cursor:pointer; transition:background-color 0.15s ease, color 0.15s ease; } .auth-modal__close:hover { background:#F5F7F7; color:#006C66; } .auth-modal__close:focus-visible { outline:2px solid #006C66; outline-offset:2px; } .auth-modal__title { font-family:'Oswald',sans-serif; font-weight:700; font-size:32px; line-height:46px; color:#252B2B; margin:0; text-align:center; } .auth-modal__sub { font-family:'Inter',sans-serif; font-size:14px; font-weight:400; color:#555B5C; margin:0; } .auth-modal__dialog--recover .auth-modal__title, .auth-modal__dialog--recover .auth-modal__sub { text-align:left; } .auth-modal__dialog--recover .auth-modal__sub { line-height:20px; margin-top:12px; margin-bottom:40px; } .auth-modal__field { margin:0; } .auth-modal__field-label { display:block; margin-bottom:12px; font-family:'Inter',sans-serif; font-size:13px; font-weight:400; line-height:15px; color:#252B2B; } .auth-modal__input-wrap { position:relative; width:100%; height:48px; } .auth-modal__field .auth-field__icon { position:absolute; z-index:1; left:15px; top:15px; width:18px; height:18px; display:flex; color:#979E9F; pointer-events:none; } .auth-modal__field input { width:100%; height:48px; padding:0 15px 0 44px; border:1px solid #E3E5E6; border-radius:4px; font-family:'Inter',sans-serif; font-size:14px; line-height:20px; color:#252B2B; box-sizing:border-box; background:#FFFFFF; } .auth-modal__field input::placeholder { color:#979E9F; opacity:1; } .auth-modal__field input:focus { border-color:#006C66; outline:none; } .auth-modal__btn { width:100%; height:48px; display:flex; align-items:center; justify-content:center; padding:0 15px; border:0; border-radius:4px; background:#006C66; font-family:'Inter',sans-serif; font-size:16px; font-weight:400; line-height:20px; color:#FFFFFF; cursor:pointer; transition:background-color 0.2s ease; box-sizing:border-box; } .auth-modal__dialog--recover .auth-modal__btn { margin-top:40px; } .auth-modal__btn:hover { background:#005550; } .auth-modal__btn:disabled { opacity:0.6; cursor:not-allowed; } .auth-modal__consent { position:relative; display:flex; align-items:center; gap:12px; height:17px; margin-top:24px; cursor:pointer; } .auth-modal__consent input { position:absolute; opacity:0; pointer-events:none; } .auth-modal__checkbox { position:relative; width:16px; height:16px; flex:0 0 16px; border:1px solid #E0E2E7; border-radius:2px; background:#FFFFFF; box-sizing:border-box; } .auth-modal__consent input:focus-visible + .auth-modal__checkbox { outline:2px solid #006C66; outline-offset:2px; } .auth-modal__consent input:checked + .auth-modal__checkbox { border-color:#006C66; background:#006C66; } .auth-modal__consent input:checked + .auth-modal__checkbox::after { content:''; position:absolute; left:4px; top:1px; width:5px; height:9px; border:solid #FFFFFF; border-width:0 2px 2px 0; transform:rotate(45deg); } .auth-modal__consent-text { font-family:'Inter',sans-serif; font-size:12px; font-weight:400; line-height:20px; color:#555B5C; } .auth-modal__consent-text a { color:inherit; text-decoration:underline; text-underline-offset:2px; } .auth-modal__dialog--sent .auth-modal__icon { width:80px; height:80px; margin:0 auto 30px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(0,108,102,0.08); color:#006C66; } .auth-modal__dialog--sent .auth-modal__sub { margin-top:14px; font-size:14px; line-height:24px; text-align:center; } .auth-modal__email { margin:4px 0 40px; font-family:'Inter',sans-serif; font-size:14px; font-weight:500; line-height:24px; color:#252B2B; text-align:center; } @media (max-width:540px) { .auth-modal__dialog--recover, .auth-modal__dialog--sent { height:auto; max-height:calc(100vh - 40px); padding:60px 24px; overflow:auto; } }  .auth-login-success { position:fixed; inset:0; z-index:1100; display:none; align-items:center; justify-content:center; padding:20px; box-sizing:border-box; } .auth-login-success.is-open { display:flex; } .auth-login-success__backdrop { position:absolute; inset:0; background:rgba(0,0,0,0.5); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); } .auth-login-success__dialog { position:relative; z-index:1; width:470px; max-width:100%; height:382px; overflow:hidden; background:#FFFFFF; border-radius:8px; box-sizing:border-box; } .auth-login-success__close { position:absolute; z-index:2; top:24px; right:24px; width:32px; height:32px; display:flex; align-items:center; justify-content:center; padding:0; border:0; border-radius:50%; background:#FFFFFF; box-shadow:inset 0 -1px 1px rgba(150,161,172,0.12); color:#242627; cursor:pointer; transition:background-color 0.15s ease, color 0.15s ease; } .auth-login-success__close:hover { background:#F5F7F7; color:#006C66; } .auth-login-success__close:focus-visible { outline:2px solid #006C66; outline-offset:2px; } .auth-login-success__icon { position:absolute; top:60px; left:50%; width:80px; height:80px; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(0,108,102,0.08); color:#006C66; } .auth-login-success__title { position:absolute; top:170px; left:0; width:100%; margin:0; padding:0 24px; box-sizing:border-box; font-family:'Oswald',sans-serif; font-size:32px; font-weight:500; line-height:46px; color:#252B2B; text-align:center; } .auth-login-success__text { position:absolute; top:240px; left:0; width:100%; margin:0; padding:0 24px; box-sizing:border-box; font-family:'Inter',sans-serif; font-size:16px; font-weight:400; line-height:26px; color:#555B5C; text-align:center; } .auth-login-success__progress { position:absolute; left:40px; right:40px; bottom:37px; height:3px; overflow:hidden; border-radius:999px; background:#EFEFEF; } .auth-login-success__progress-fill { display:block; width:35%; height:100%; border-radius:inherit; background:#006C66; } .auth-login-success.is-loading .auth-login-success__progress-fill { animation:auth-login-progress 1.4s linear forwards; } @keyframes auth-login-progress { from { width:35%; } to { width:100%; } } @media (prefers-reduced-motion:reduce) { .auth-login-success.is-loading .auth-login-success__progress-fill { animation:none; width:100%; } }   .account-page { display:flex; flex-direction:column; background:#FAFAFA; padding:40px 0 80px; min-height:calc(100vh - 118px); box-sizing:border-box; } .account-page > .container { display:flex; flex-direction:column; flex:1 1 auto; min-height:0; } .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .account-content { float:none !important; width:100% !important; margin:0 !important; padding:0 !important; } .account-layout { display:flex !important; flex-direction:row !important; gap:40px !important; align-items:stretch !important; flex:1 1 auto; max-width:1398px !important; width:100% !important; margin:0 auto !important; box-sizing:border-box !important; } .account-sidebar { width:280px !important; flex-shrink:0 !important; background:#FFFFFF; border:1px solid rgba(0, 0, 0, 0.06); border-radius:8px; display:flex; flex-direction:column; overflow:hidden; box-sizing:border-box !important; }  @media (min-width: 993px) { .account-sidebar { align-self:flex-start; min-height:calc(100vh - 238px); } } .account-main-wrap { flex:1 !important; min-width:0 !important; max-width:1078px !important; width:100% !important; display:flex; flex-direction:column; box-sizing:border-box !important; } .woocommerce-MyAccount-content { float:none !important; width:100% !important; margin:0 !important; padding:0 !important; } .account-main-card { width:100% !important; max-width:1078px !important; background:#FFFFFF; border:1px solid rgba(0, 0, 0, 0.06); border-radius:8px; padding:40px; flex:1 1 auto; box-sizing:border-box !important; display:flex; flex-direction:column; }  .account-user-card { padding:19px 20px 20px 19px; display:flex; align-items:center; gap:12px; border-bottom:1px solid rgba(0, 0, 0, 0.06); } .account-user-avatar { width:44px; height:44px; background:#006C66; border-radius:4px; color:#FFFFFF; font-family:'Inter',sans-serif; font-weight:700; font-size:16px; display:flex; align-items:center; justify-content:center; flex-shrink:0; text-transform:uppercase; }  .account-user-info { display:flex; flex-direction:column; gap:8px; min-width:0; } .account-user-name { font-family:'Inter',sans-serif; font-weight:600; font-size:14px; line-height:20px; color:#101828; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .account-user-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(0, 108, 102, 0.06); border-radius:12px; padding:2px 8px; font-family:'Inter',sans-serif; font-weight:500; font-size:12px; line-height:16px; color:#006C66; width:fit-content; } .account-user-badge::before { content:''; width:6px; height:6px; background:#006C66; border-radius:50%; display:inline-block; }  .account-nav { padding:16px 12px 16px 11px; display:flex; flex-direction:column; gap:2px; }  .account-nav__title { font-family:'Inter',sans-serif; font-size:12px; font-weight:400; line-height:15px; color:#99A1AF; padding:0 12px 6px 12px; }  .account-nav__link { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:4px; font-family:'Inter',sans-serif; font-weight:500; font-size:14px; line-height:20px; color:#6A7282; text-decoration:none; transition:all 0.15s ease; position:relative; }  .account-nav__link svg { flex:none; color:inherit; transition:color 0.15s ease; } .account-nav__link:hover { background:rgba(0, 108, 102, 0.04); color:#006C66; } .account-nav__link:hover svg { color:#006C66; } .account-nav__link.is-active { background:rgba(0, 108, 102, 0.06); color:#006C66; } .account-nav__link.is-active svg { color:#006C66; } .account-nav__link.is-active::after { content:''; position:absolute; right:12px; width:6px; height:6px; background:#006C66; border-radius:50%; }  .account-sidebar__account { display:flex; flex-direction:column; gap:2px; margin:0 12px 0 11px; padding:16px 0 0; border-top:1px solid rgba(0, 0, 0, 0.05); } .account-sidebar__footer { padding:12px 12px 20px 11px; border-top:1px solid rgba(0, 0, 0, 0.06); margin-top:auto; } .account-logout-btn { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:4px; font-family:'Inter',sans-serif; font-weight:500; font-size:14px; line-height:20px; color:#6A7282; text-decoration:none; transition:all 0.15s ease; width:100%; border:none; background:none; cursor:pointer; } .account-logout-btn svg { flex:none; color:inherit; } .account-logout-btn:hover { background:rgba(229, 62, 62, 0.06); color:#E53E3E; } .account-logout-btn:hover svg { color:#E53E3E; }    .account-main-header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:30px; flex-wrap:wrap; gap:16px; } .account-main-title { font-family:'Inter',sans-serif; font-weight:700; font-size:24px; line-height:32px; color:#252B2B; margin:0; }  .account-filter-wrap { display:flex; align-items:center; gap:20px; } .account-filter-label { font-family:'Inter',sans-serif; font-size:13px; line-height:16px; color:#979E9F; } .account-filter-select-wrap { position:relative; width:210px; height:38px; } .account-filter-select { width:100%; height:38px; background:#F5F5F5; border:none; border-radius:4px; padding:0 32px 0 38px; font-family:'Inter',sans-serif; font-size:13px; color:#252B2B; cursor:pointer; appearance:none; -webkit-appearance:none; box-sizing:border-box; } .account-filter-icon-cal { position:absolute; left:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:#252B2B; pointer-events:none; }  .account-filter-icon-arrow { position:absolute; right:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:#555B5C; pointer-events:none; }  .account-empty-state { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:60px 20px; margin:auto; width:100%; max-width:480px; box-sizing:border-box; }  .account-empty-illustration { margin-bottom:20px; display:flex; justify-content:center; } .account-empty-illustration img { display:block; width:min(350px, calc(100vw - 40px)); height:auto; flex-shrink:0; } .account-empty-title { font-family:'Inter',sans-serif; font-weight:600; font-size:18px; line-height:26px; color:#252B2B; margin:0 0 18px 0; } .account-empty-sub { font-family:'Inter',sans-serif; font-size:16px; line-height:26px; color:#555B5C; margin:0 0 32px 0; } .account-empty-btn { width:250px; height:48px; background:#006C66; border-radius:4px; color:#FFFFFF; font-family:'Inter',sans-serif; font-size:16px; font-weight:400; border:none; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; transition:opacity 0.15s ease; } .account-empty-btn:hover { opacity:0.92; } @media (max-width:992px) { .account-layout { flex-direction: column !important; gap: 20px !important; } .account-sidebar, .account-main-wrap, .account-main-card { width: 100% !important; max-width: none !important; } .account-sidebar { min-height: 0; } .account-main-card { padding: 24px; } }   .profile-card { background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 8px; padding: 40px; margin-bottom: 12px; box-sizing: border-box; } .profile-card__title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 24px; line-height: 32px; color: #252B2B; margin: 0 0 24px 0; }  .profile-notice { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border-radius: 4px; margin-bottom: 24px; box-sizing: border-box; } .profile-notice svg { flex-shrink: 0; margin-top: 2px; } .profile-notice p { font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; margin: 0; } .profile-notice--success { background: #E8FAF0; border: 1px solid rgba(57, 211, 83, 0.19); } .profile-notice--success p { color: #1A7A30; } .profile-notice--success svg { color: #1A7A30; } .profile-notice--warning { background: #FFFBEB; border: 1px solid #FEF3C6; } .profile-notice--warning p { color: #BB4D00; font-size: 12px; line-height: 19.5px; } .profile-notice--warning svg { color: #BB4D00; } .profile-notice--error { background: rgba(198, 1, 0, 0.04); border: 1px solid rgba(198, 1, 0, 0.15); } .profile-notice--error p { color: #C60100; } .profile-notice--error svg { color: #C60100; } .profile-notice--password { margin-top: 16px; margin-bottom: 16px; } @media (min-width: 769px) { #password-change-form .profile-card { border-width: 0 1px 0 0; } #password-change-form .profile-card__title { margin-bottom: 32px; } #password-change-form .profile-fields-row { width: 408px; grid-template-columns: 1fr; } #password-change-form .profile-field { gap: 12px; } #password-change-form .profile-fields-row--new-password { margin-bottom: 0; } #password-change-form .profile-notice--password { width: 408px; margin-top: 12px; margin-bottom: 24px; } #password-change-form .profile-fields-row--confirm-password { margin-bottom: 32px; } }  .profile-tabs { display: none; }  .profile-fields-row { display: grid; grid-template-columns: 1fr 1fr; gap: 31px; margin-bottom: 24px; } .profile-field { display: flex; flex-direction: column; gap: 8px; } .profile-field__label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 13px; line-height: 15px; color: #252B2B; } .profile-input-wrap { position: relative; width: 100%; } .profile-input-wrap__icon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: #979E9F; pointer-events: none; display: flex; align-items: center; justify-content: center; } .profile-input-wrap__icon svg { width: 18px; height: 18px; } .profile-input { width: 100%; height: 48px; padding: 0 48px 0 45px; border: 1px solid #E3E5E6; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #252B2B; background: #FFFFFF; box-sizing: border-box; transition: border-color 0.15s ease; } .profile-input::placeholder { color: #979E9F; } .profile-input:focus { border-color: #006C66; outline: none; } .profile-input-wrap__toggle { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: none; border: none; padding: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #979E9F; transition: color 0.15s ease; } .profile-input-wrap__toggle:hover { color: #006C66; } .profile-input-wrap__toggle svg { width: 20px; height: 20px; }  .profile-btn { height: 48px; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 400; border: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; transition: opacity 0.15s ease; box-sizing: border-box; } .profile-btn--primary { width: 250px; background: #006C66; color: #FFFFFF; } .profile-btn--primary:hover { opacity: 0.92; } .profile-btn--primary:disabled { opacity: 0.3; cursor: not-allowed; }  .profile-addresses-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 12px; } .profile-address { position: relative; padding: 24px; border: 1px solid #F5F5F5; border-radius: 4px; box-sizing: border-box; } .profile-address--primary { border-color: #006C66; } .profile-address__header { display: flex; align-items: flex-start; gap: 26px; padding-right: 88px; } .profile-address__radio { flex: 0 0 24px; width: 24px; height: 24px; } .profile-address__meta { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 8px;  overflow-wrap: anywhere; } .profile-address__badge { display: inline-flex; align-items: center; width: fit-content; padding: 4px 10px; border-radius: 4px; background: #F5F5F5; color: #555B5C; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 12px; line-height: 16px; }  .profile-address--primary .profile-address__badge, .profile-address__badge--primary { background: #DCFCE7; color: #166534; } .profile-address__badge--blue { background: #EFF6FF; color: #1D4ED8; } .profile-address__badge--amber { background: #FEF3C7; color: #B45309; } .profile-address__name { color: #242627; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; } .profile-address__phone, .profile-address__text { color: #252B2B; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; } .profile-address__actions { position: absolute; top: 24px; right: 24px; display: flex; gap: 10px; } .profile-address__action { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: #F9F9F9; cursor: pointer; transition: background-color 0.15s ease, opacity 0.15s ease; } .profile-address__action:hover { background: #E5E7EB; } .profile-address__action:focus-visible { outline: 2px solid #006C66; outline-offset: 2px; } .profile-address__action:disabled { opacity: 0.5; cursor: wait; } .profile-address__action svg { width: 20px; height: 20px; }  .profile-address__more, .address-actions { display: none; }  .profile-add-address { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 48px; border: 0; border-radius: 4px; background: #F5F5F5; color: #252B2B; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; cursor: pointer; box-sizing: border-box; transition: background-color 0.15s ease; } .profile-add-address:hover { background: #E5E7EB; } .profile-add-address:focus-visible { outline: 2px solid #006C66; outline-offset: 2px; } .profile-add-address svg { width: 12px; height: 12px; }  .profile-address-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; text-align: center; } .profile-address-empty__img { display: block; width: 258px; max-width: 100%; height: 140px; margin: 0 0 24px; object-fit: cover; } .profile-address-empty__title { margin: 0 0 8px; color: #252B2B; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 18px; line-height: 26px; } .profile-address-empty__sub { margin: 0 0 24px; color: #555B5C; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 26px; } .profile-address-empty__btn { width: 250px; }   @media (max-width: 768px) { .profile-fields-row { grid-template-columns: 1fr; gap: 20px; } .profile-card { padding: 24px; }  .profile-addresses-list { gap: 8px; margin-bottom: 8px; } .profile-address { padding: 19px 15px 19px 11px; } .profile-address__header { gap: 10px; padding-right: 0; } .profile-address__radio { flex-basis: 18px; width: 18px; height: 18px; } .profile-address__meta { gap: 12px; }  .profile-address__badge { max-width: calc(100% - 24px); } .profile-address__name { font-size: 13px; line-height: 15px; font-weight: 700; } .profile-address__phone, .profile-address__text { font-size: 13px; line-height: 15px; } .profile-address__actions { display: none; } .profile-address__more { position: absolute; top: 11px; right: 3px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: none; cursor: pointer; } .profile-address__more:focus-visible { outline: 2px solid #006C66; outline-offset: -4px; }  .profile-add-address { gap: 10px; }  .address-actions { display: block; position: fixed; inset: 0; z-index: 10000; } .address-actions[hidden] { display: none; } .address-actions__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .address-actions__sheet { position: absolute; left: 0; right: 0; bottom: 0; padding: 25px 16px calc(25px + env(safe-area-inset-bottom, 0px)); background: #FFFFFF; border-radius: 16px 16px 0 0; box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1); box-sizing: border-box; } .address-actions__close { display: block; margin-left: auto; padding: 0; border: 0; background: none; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; color: #006C66; cursor: pointer; } .address-actions__btn { display: flex; align-items: center; gap: 8px; width: 100%; height: 46px; margin-top: 8px; padding: 0 8px 0 14px; border: 0; border-radius: 4px; background: #F5F5F5; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #252B2B; text-align: left; cursor: pointer; box-sizing: border-box; } .address-actions__close + .address-actions__btn { margin-top: 25px; } .address-actions__btn svg { flex-shrink: 0; } .profile-address-empty { padding: 24px 0; } .profile-address-empty__sub { font-size: 14px; line-height: 22px; } }  .wishlist { padding: 0; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 8px; overflow: hidden; }  .wishlist__head { position: relative; display: flex; align-items: flex-start; padding: 40px 40px 0; flex-wrap: wrap; } .wishlist__title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 24px; line-height: 32px; color: #252B2B; margin: 0; }  .wishlist__sort-form { margin-left: auto; display: inline-flex; align-items: center; gap: 20px; } .wishlist__sort-label { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 16px; color: #979E9F; cursor: pointer;  align-self: center; }  .wishlist__sort { width: 210px; height: 38px; padding: 0 36px 0 14px; background: #F5F5F5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555B5C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 14px center; border: none; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 13px; line-height: 16px; color: #252B2B; cursor: pointer; appearance: none; -webkit-appearance: none; box-sizing: border-box; } .wishlist__sort:focus-visible { outline: 2px solid #006C66; outline-offset: 2px; }  .wishlist__clear { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 160px; height: 38px; margin-left: 16px; padding: 0; background: rgba(198, 1, 0, 0.03); border: none; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 13px; line-height: 18px; color: #C60100; cursor: pointer; } .wishlist__clear:hover { background: rgba(198, 1, 0, 0.08); }  .wishlist__edit { display: none; }  .wishlist__list { padding: 32px 40px 40px; }  .fav-card { position: relative; display: grid; grid-template-columns: 140px minmax(0, 1fr); column-gap: 30px; min-height: 180px; padding: 19px; border: 1px solid #F5F5F5; box-sizing: border-box;  overflow: clip; } .fav-card + .fav-card { margin-top: 12px; }  .fav-card__link { position: absolute; inset: 0; z-index: 1; } .fav-card__media { position: relative; width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; } .fav-card__media img { width: 100%; height: 100%; object-fit: contain; }  .wishlist .product-card__dots { display: none; }  .fav-card__main { display: flex; flex-direction: column; min-height: 140px; min-width: 0; }  .fav-card__badge { order: 0; } .fav-card__title { order: 1; } .fav-card__meta { order: 2; } .fav-card__bottom { order: 3; }  .fav-card__badge { display: inline-flex; align-items: center; gap: 4px; width: fit-content; height: 24px; margin-bottom: 10px; padding: 0 10px 0 8px; border-radius: 999px; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; box-sizing: border-box; } .fav-card__badge svg { width: 16px; height: 16px; flex: none; } .fav-card__badge--hit { background: #C60100; color: #fff; } .fav-card__badge--sale { background: #252B2B; color: #fff; } .fav-card__badge--sale svg { display: none; }  .fav-card__title { max-width: 500px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #252B2B; margin: 0; } .fav-card__meta { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; }  .fav-card__art { display: none; } .fav-card__rating { margin-right: auto; } .fav-card__rating .rating__star { width: 13px; height: 13px; }  .fav-card__rating .rating__score { margin-left: 5px; }  .fav-card__bottom { display: flex; align-items: center; margin-top: auto; }  .fav-card__price-row { flex: 0 0 171px; display: flex; align-items: baseline; gap: 8px; min-width: 0; } .fav-card__price { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 20px; line-height: 26px; color: #252B2B; } .fav-card__price-old { font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #979E9F; text-decoration: line-through; }  .wishlist .fav-card__cart { position: relative; z-index: 2; width: 160px; height: 40px; min-height: 40px; padding: 0; background: #006C66; color: #fff; border-radius: 4px; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 14px; line-height: 18px; text-decoration: none; } .wishlist .fav-card__cart:hover { background: #005550; }  .fav-card__cart-icon { display: none; }  .fav-card__action { position: absolute; right: 19px; z-index: 2; width: 40px; height: 40px; border-radius: 50%; background: #F9F9F9; border: none; display: flex; align-items: center; justify-content: center; color: #555B5C; cursor: pointer; transition: background 0.2s, color 0.2s; } .fav-card__compare { top: 19px; } .fav-card__remove { top: 19px; } .fav-card__compare + .fav-card__remove { top: 69px; }  .fav-card__action:hover { background: #F1F1F1; } .fav-card__compare.is-active { color: #006C66; } .fav-card__remove:hover { background: rgba(198, 1, 0, 0.08); color: #C60100; }  .wishlist-actions { display: none; }  .wishlist__empty { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 80px 20px 100px; } .wishlist__empty-img { margin-bottom: 24px; max-width: 350px; width: 100%; } .wishlist__empty-img img { display: block; width: 100%; height: auto; } .wishlist__empty-title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 18px; line-height: 26px; color: #252B2B; margin: 0 0 8px; } .wishlist__empty-text { font-family: 'Inter', sans-serif; font-size: 16px; line-height: 26px; color: #555B5C; margin: 0 0 28px; max-width: 540px; } .wishlist__empty-btn { min-width: 250px; height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 15px; background: #006C66; color: #fff; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 16px; text-decoration: none; } .wishlist__empty-btn:hover { background: #005550; }  @media (max-width: 768px) {  .account-app-screen .account-page { background: #FFFFFF; padding: 0 0 24px; } .account-app-screen .account-sidebar { display: none; } .account-app-screen .account-layout { gap: 0 !important; } .account-app-screen .account-main-card { padding: 0; border: 0; border-radius: 0; min-height: 0; }  .account-app-screen .account-page { min-height: calc(100svh - 50px - 80px - env(safe-area-inset-bottom, 0px)); }  .account-app-screen .b2b-status-notice { margin: 20px 0 0; }  .woocommerce-orders .account-main-card, .woocommerce-view-order .account-main-card, .woocommerce-garage .account-main-card, .woocommerce-service-requests .account-main-card, .woocommerce-quick-order .account-main-card { padding-top: 20px; }  .woocommerce-finance .account-main-card { padding-top: 0; }  body.woocommerce-company .profile-card, body.woocommerce-edit-account .profile-card { padding: 0; margin: 32px 0 0; border: 0; border-radius: 0; } .woocommerce-company #b2b-company, .woocommerce-edit-account .edit-account .profile-card { margin-top: 20px; } .woocommerce-company .profile-card__title, .woocommerce-edit-account .profile-card__title { font-size: 18px; line-height: 26px; margin-bottom: 20px; }  body.woocommerce-company .profile-card--addresses:not(.profile-card--addresses-empty) .profile-card__title, body.woocommerce-edit-account .profile-card--addresses:not(.profile-card--addresses-empty) .profile-card__title { margin-bottom: 16px; } .woocommerce-company #b2b-company .profile-notice, .woocommerce-edit-account .edit-account .profile-notice { padding: 12px; gap: 6px; margin-bottom: 20px; } .woocommerce-company #b2b-company .profile-notice p, .woocommerce-edit-account .edit-account .profile-notice p { font-size: 12px; line-height: 16px; }  .woocommerce-company .b2b-company__submit, .woocommerce-edit-account .edit-account .profile-btn--primary, body.woocommerce-company #password-submit-btn, body.woocommerce-edit-account #password-submit-btn { width: 100%; } .woocommerce-edit-account .edit-account .profile-btn--primary { font-size: 14px; line-height: 20px; }  body.woocommerce-company .profile-field, body.woocommerce-edit-account .profile-field { gap: 12px; } body.woocommerce-company .profile-fields-row, body.woocommerce-edit-account .profile-fields-row { gap: 24px; }  body.woocommerce-company #password-change-form .profile-fields-row--new-password, body.woocommerce-edit-account #password-change-form .profile-fields-row--new-password { margin-bottom: 12px; } body.woocommerce-company #password-change-form .profile-notice--password, body.woocommerce-edit-account #password-change-form .profile-notice--password { padding: 12px; margin: 12px 0 23px; } body.woocommerce-company #password-change-form .profile-notice--password p, body.woocommerce-edit-account #password-change-form .profile-notice--password p { font-size: 12px; line-height: 16px; }   .profile-tabs-root .profile-tabs { display: flex; margin: 14px -16px 0; padding: 0 16px; border-top: 1px solid #F5F5F5; box-shadow: inset 0 -1px 0 #F5F5F5; overflow-x: auto; scrollbar-width: none; } .profile-tabs-root .profile-tabs::-webkit-scrollbar { display: none; } .profile-tabs__tab { position: relative; flex: 0 0 auto; height: 47px;  padding: 0 10px 3px; border: 0; background: none; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 12px; line-height: 14.4px; color: #555B5C; white-space: nowrap; cursor: pointer; } .profile-tabs__tab.is-active { color: #006C66; } .profile-tabs__tab.is-active::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #006C66; } .profile-tabs-root [data-profile-panel]:not(.is-active) { display: none; } .profile-tabs-root [data-profile-panel] .profile-card, .profile-tabs-root .profile-card[data-profile-panel] { margin-top: 20px; }  .account-menu-screen .account-page { background: #FFFFFF; padding: 0 0 16px; min-height: calc(100svh - 50px - 80px - env(safe-area-inset-bottom, 0px)); } .account-menu-screen .account-page > .container { padding: 0; } .account-menu-screen .account-layout { gap: 0 !important; } .account-menu-screen .account-main-wrap { display: none !important; }  .account-menu-screen .account-sidebar { flex: 1 1 auto; border: 0; border-radius: 0; padding-bottom: 10px; }  .account-menu-screen .account-user-card { padding: 20px 16px; }  .account-menu-screen .account-nav { padding: 16px 16px 34px; } .account-menu-screen .account-nav__title { padding: 0 0 8px; } .account-menu-screen .account-nav__link { padding: 10px 0; } .account-menu-screen .account-nav__link:hover, .account-menu-screen .account-nav__link.is-active { background: none; color: #6A7282; } .account-menu-screen .account-nav__link:hover svg, .account-menu-screen .account-nav__link.is-active svg { color: #6A7282; } .account-menu-screen .account-nav__link.is-active::after { display: none; }  .account-menu-screen .account-sidebar__account { margin: auto 0 0; padding: 16px 16px 0; } .account-menu-screen .account-sidebar__account .account-nav__title { padding-bottom: 6px; } .account-menu-screen .account-sidebar__footer { margin-top: 0; padding: 2px 16px 0; border-top: 0; }  .account-menu-screen .account-nav + .account-sidebar__footer { padding: 12px 16px 0; border-top: 1px solid rgba(0, 0, 0, 0.06); }  .account-menu-screen .account-sidebar:not(:has(.account-sidebar__account)) .account-nav__title { padding-bottom: 6px; } .account-menu-screen .account-logout-btn { padding: 10px 0; } .account-menu-screen .account-logout-btn:hover { background: none; } .woocommerce-wishlist .account-sidebar, .woocommerce-wishlist .wishlist { border: 0; border-radius: 0; min-height: 0; }  .wishlist__head { padding: 20px 0 0; align-items: center; } .wishlist__title { order: 1; font-size: 18px; line-height: 26px; } .wishlist__edit { order: 2; } .wishlist__sort-form { order: 3; }  .wishlist__sort-label { display: none; } .wishlist__sort-form { width: 100%; margin: 16px 0 0; } .wishlist__sort { width: 100%; }  .wishlist__clear { display: none; } .wishlist__edit { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-left: auto; padding: 0; background: none; border: 0; color: #006C66; cursor: pointer; } .wishlist__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 9px; row-gap: 24px;  padding: 20px 0 24px; }  .fav-card { display: grid; grid-template-columns: 46px 10px 46px 10px 46px minmax(0, 1fr);  column-gap: 0; align-content: start; min-height: 0; padding: 0; border: 0; } .fav-card + .fav-card { margin-top: 0; } .fav-card__main, .fav-card__bottom { display: contents; }  .fav-card__media, .fav-card__meta, .fav-card__title, .fav-card__price-row { min-width: 0; } .fav-card__media { grid-column: 1 / -1; width: 100%; height: auto; aspect-ratio: 1;  overflow: visible; } .wishlist .product-card__dots { display: flex; } .fav-card__badge { position: absolute; top: 0; left: 0; z-index: 2; margin: 0; height: 24px; padding: 0 8px 0 6px; line-height: 12px; } .fav-card__badge svg { width: 14px; height: 14px; } .fav-card__badge--sale { padding: 0 10px; }  .fav-card__meta { grid-column: 1 / -1; order: 0; margin-top: 19px; padding: 11px 0 10px; border-top: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; } .fav-card__art { display: block; font-family: 'Inter', sans-serif; font-size: 10px; line-height: 12px; color: #979E9F; }  .fav-card__rating { margin-right: 0; gap: 6px; } .fav-card__rating .rating__star:nth-child(n + 2) { display: none; } .fav-card__rating .rating__score { margin-left: 0; font-size: 10px; line-height: 12px; }  .fav-card__title { grid-column: 1 / -1; order: 0; max-width: none; min-height: 48px; margin-top: 12px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 12px; line-height: 16px; } .fav-card__price-row { grid-column: 1 / -1; order: 0; flex: none; margin-top: 19px; gap: 6px; } .fav-card__price { font-size: 16px; line-height: 19px; } .fav-card__price-old { font-size: 12px; line-height: 14px; }  .wishlist .fav-card__cart { grid-column: 1; order: 0; width: 46px; height: 46px; min-height: 46px; margin-top: 18px; } .fav-card__cart-icon { display: block; } .fav-card__cart-label { display: none; } .fav-card__action { position: relative; top: auto; right: auto; order: 0; width: 46px; height: 46px; margin-top: 18px; border-radius: 4px; background: none; color: #979E9F; } .fav-card__compare { grid-column: 3; } .fav-card__remove { grid-column: 5; } .fav-card__compare + .fav-card__remove { top: auto; } .fav-card__action:hover { background: #F5F5F5; }   .wishlist-actions { display: block; position: fixed; inset: 0; z-index: 10000; } .wishlist-actions[hidden] { display: none; } .wishlist-actions__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); } .wishlist-actions__sheet { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px; background: #fff; border-radius: 8px 8px 0 0; box-sizing: border-box; } .wishlist-actions__close { display: block; margin-left: auto; padding: 0; background: none; border: 0; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #006C66; cursor: pointer; } .wishlist-actions__btn { display: flex; align-items: center; gap: 8px; width: 100%; height: 46px; margin-top: 25px; padding: 0 14px; background: #F5F5F5; border: 0; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #252B2B; cursor: pointer; box-sizing: border-box; } .wishlist-actions__btn svg { color: #555B5C; } .wishlist__empty { padding: 40px 16px 56px; } }    @media (min-width:993px) { .quick-matrix.account-main-card { padding-left:39px; padding-right:39px; } } .quick-matrix .account-main-header { margin-bottom:14px; } .quick-matrix__hint { margin:0 0 32px; font-family:'Inter',sans-serif; font-size:14px; line-height:20px; color:#555B5C; }  .quick-matrix__badge { align-self:center; display:inline-flex; align-items:center; height:24px; padding:0 10px; background:#DCFCE7; border-radius:4px; font-family:'Inter',sans-serif; font-weight:600; font-size:12px; line-height:16px; color:#166534; white-space:nowrap; } .quick-matrix__table { display:flex; flex-direction:column; }  .quick-matrix { --quick-cols:minmax(150px,250fr) minmax(0,461fr) minmax(149px,209fr) 18px; } .quick-matrix__head { display:grid; grid-template-columns:var(--quick-cols); align-items:center; height:45px; padding:0 29px; border:1px solid #F5F5F5; border-radius:4px 4px 0 0; font-family:'Inter',sans-serif; font-weight:500; font-size:12px; line-height:16px; color:#979E9F; } .quick-matrix__row { position:relative; display:grid; grid-template-columns:var(--quick-cols); align-items:center; min-height:74px; padding:0 29px; border:1px solid #F5F5F5; border-top:0; } .quick-matrix__cell { display:flex; align-items:center; min-width:0; margin:0; } .quick-matrix__label { display:none; }  .quick-matrix__input { width:calc(100% - 50px); height:40px; padding:0 16px; background:#F9F9F9; border:1px solid #F0F0F0; border-radius:4px; font-family:'Inter',sans-serif; font-size:14px; line-height:20px; color:#252B2B; box-sizing:border-box; } .quick-matrix__input::placeholder { color:#979E9F; } .quick-matrix__input:focus { outline:none; border-color:#006C66; }  .quick-matrix__field { display:contents; } .quick-matrix__cell--sku, .quick-matrix__cell--name { position:relative; }  .quick-matrix__row.is-error .quick-matrix__cell--sku .quick-matrix__input, .quick-matrix__row.is-error-name .quick-matrix__cell--name .quick-matrix__input { border-color:#D15E5D; background:rgba(198,1,0,.03); } .quick-matrix__row.is-loading .quick-matrix__cell--sku .quick-matrix__input { opacity:.6; } .quick-matrix__row.is-error-name .quick-matrix__error { grid-column:2 / -1; }  @media (min-width:769px) { .quick-matrix__row.is-error, .quick-matrix__row.is-error-name { min-height:86px; padding-bottom:12px; } }  .quick-matrix__error { position:absolute; grid-column:1 / -1; left:0; bottom:6px; margin:0; font-family:'Inter',sans-serif; font-size:12px; line-height:14px; color:#C60100; } .quick-matrix__error:empty { display:none; }  .quick-matrix__qty { display:flex; align-items:center; justify-content:space-between; width:133px; height:32px; } .quick-matrix__step { display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; background:#F5F5F5; border:0; border-radius:100px; color:#252B2B; cursor:pointer; } .quick-matrix__step:hover { background:#EDEDED; } .quick-matrix__qty-input { width:60px; padding:0; background:none; border:0; text-align:center; font-family:'Inter',sans-serif; font-size:14px; line-height:20px; color:#252B2B; } .quick-matrix__qty-input:focus { outline:none; } .quick-matrix__remove { display:flex; align-items:center; justify-content:center; width:18px; height:18px; margin-left:auto; padding:0; background:none; border:0; color:#D1D5DC; cursor:pointer; } .quick-matrix__remove:hover { color:#C60100; }  .quick-matrix__add-wrap { padding:17px 30px; border:1px solid #F5F5F5; border-top:0; border-radius:0 0 4px 4px; } .quick-matrix__add { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:40px; background:none;  border:1px dashed rgba(0,108,102,.3); border-radius:4px; font-family:'Inter',sans-serif; font-size:14px; line-height:20px; color:#006C66; cursor:pointer; } .quick-matrix__add:hover { background:rgba(0,108,102,.04); }  .quick-matrix__footer { display:flex; justify-content:flex-end; margin-top:32px; } .quick-matrix__submit { display:inline-flex; align-items:center; justify-content:center; gap:10px; width:360px; height:48px; background:#006C66; border:0; border-radius:4px; color:#FFFFFF; font-family:'Inter',sans-serif; font-size:14px; line-height:20px; cursor:pointer; } .quick-matrix__submit:hover:not(:disabled) { background:#005550; } .quick-matrix__submit:disabled { opacity:.5; cursor:not-allowed; } @media (max-width:768px) {  .quick-matrix .account-main-header { margin-bottom:16px; } .quick-matrix .account-main-title { font-size:18px; line-height:26px; }  .quick-matrix__badge { height:22px; padding:0 6.5px; font-size:10px; line-height:12px; } .quick-matrix__hint { margin:0 0 16px; } .quick-matrix__head { display:none; }  .quick-matrix__table { border:1px solid #F5F5F5; border-radius:8px; padding:13px 13px 23px; }  .quick-matrix__row { display:block; min-height:0; padding:42px 0 24px; border:0; border-top:1px solid #F5F5F5; } .quick-matrix__row:first-child { padding-top:18px; border-top:0; } .quick-matrix__cell { display:block; } .quick-matrix__label { display:block; margin-bottom:10px; font-family:'Inter',sans-serif; font-weight:500; font-size:12px; line-height:16px; color:#979E9F; } .quick-matrix__input, .quick-matrix__cell--name .quick-matrix__input { width:100%; } .quick-matrix__cell--sku, .quick-matrix__cell--name { margin-bottom:24px; }  .quick-matrix__cell--qty { display:flex; align-items:center; justify-content:space-between; } .quick-matrix__cell--qty .quick-matrix__label { margin:0; } .quick-matrix__remove { position:absolute; top:24px; right:0; } .quick-matrix__row:first-child .quick-matrix__remove { top:0; } .quick-matrix__error { position:static; margin-top:8px; }  .quick-matrix__add-wrap { padding:24px 0 0; border:0; border-top:1px solid #F5F5F5; } .quick-matrix__add { font-size:13px; line-height:16px; } .quick-matrix__footer { margin-top:24px; } .quick-matrix__submit { width:100%; } }  .garage__toggle { height: 40px; padding: 0 20px; font-size: 14px; } .garage__empty { padding: 40px 20px; }  .garage-form { border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 8px; padding: 24px; margin-bottom: 24px; background: #FAFAFA; } .garage-form[hidden] { display: none; } .garage-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; } .garage-form__field { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .garage-form__field[hidden] { display: none; } .garage-form__label { font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 500; color: #555B5C; } .garage-form__optional { color: #979E9F; font-weight: 400; } .garage-form__input { height: 44px; padding: 0 14px; border: 1px solid #E3E5E6; border-radius: 4px; background: #FFFFFF; font-family: 'Inter', sans-serif; font-size: 14px; color: #252B2B; box-sizing: border-box; } .garage-form__input:focus { border-color: #006C66; outline: none; } .garage-form__select { appearance: none; -webkit-appearance: none; padding-right: 32px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23979E9F' stroke-width='2'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; } .garage-form__file { padding: 10px 12px; height: auto; font-size: 13px; } .garage-form__actions { display: flex; gap: 12px; margin-top: 20px; } .garage-form__submit, .garage-form__cancel { height: 44px; padding: 0 24px; font-size: 14px; }  .garage__list { display: flex; flex-direction: column; gap: 16px; } .garage-tool { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 20px; padding: 20px; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 8px; } .garage-tool__media { width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #F8F8F8; border-radius: 4px; overflow: hidden; } .garage-tool__media img { max-width: 100%; height: auto; } .garage-tool__placeholder { color: #979E9F; } .garage-tool__body { min-width: 0; } .garage-tool__title { margin: 0 0 12px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 600; line-height: 22px; color: #252B2B; } .garage-tool__title a { color: inherit; text-decoration: none; } .garage-tool__title a:hover { color: #006C66; } .garage-tool__specs { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; } .garage-tool__spec { display: flex; gap: 6px; font-family: 'Inter', sans-serif; font-size: 13px; line-height: 18px; } .garage-tool__spec dt { color: #979E9F; margin: 0; } .garage-tool__spec dd { margin: 0; color: #252B2B; font-weight: 500; } .garage-tool__warranty { color: #006C66; } .garage-tool__warranty--over { color: #C60100; } .garage-tool__docs { margin-top: 14px; } .garage-tool__docs-title { display: block; font-family: 'Inter', sans-serif; font-size: 13px; color: #979E9F; margin-bottom: 6px; } .garage-tool__docs-list { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0; padding: 0; list-style: none; } .garage-tool__docs-list a { display: inline-flex; align-items: baseline; gap: 6px; font-family: 'Inter', sans-serif; font-size: 13px; color: #006C66; text-decoration: none; } .garage-tool__docs-list a:hover { text-decoration: underline; } .garage-tool__docs-meta { color: #979E9F; font-size: 12px; } .garage-tool__actions { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; } .garage-tool__link { font-family: 'Inter', sans-serif; font-size: 13px; color: #006C66; text-decoration: none; white-space: nowrap; } .garage-tool__link:hover { text-decoration: underline; } .garage-tool__remove { background: none; border: none; padding: 0; font-family: 'Inter', sans-serif; font-size: 13px; color: #979E9F; cursor: pointer; } .garage-tool__remove:hover { color: #C60100; } .garage-tool__remove:disabled { opacity: 0.5; cursor: wait; }  .service-request__message { display: block; color: #555B5C; font-size: 14px; line-height: 22px; white-space: pre-line; } @media (max-width: 768px) {  .garage .account-main-title, .woocommerce-service-requests .account-main-title { font-size: 18px; line-height: 26px; } .garage-form__grid { grid-template-columns: 1fr; } .garage-tool { grid-template-columns: 88px minmax(0, 1fr); } .garage-tool__media { width: 88px; height: 88px; } .garage-tool__actions { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: flex-start; gap: 16px; } }  .b2b-company + .b2b-company { margin-top: 24px; } .b2b-company__fill { margin-top: 8px; background: none; border: none; padding: 0; font-family: 'Inter', sans-serif; font-size: 13px; line-height: 18px; color: #006C66; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; } .b2b-company__fill:hover { color: #00514D; } .b2b-company__fill:disabled { color: #979E9F; cursor: default; text-decoration: none; } .b2b-company__status { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 18px; margin: 16px 0 0; } .b2b-company__status.is-ok { color: #1A7A30; } .b2b-company__status.is-error { color: #C60100; } .b2b-company__submit { margin-top: 24px; }  .account-filter-submit { height:38px; padding:0 16px; border:none; border-radius:4px; background:#F5F5F5; color:#252B2B; font-family:'Inter',sans-serif; font-size:13px; cursor:pointer; } .account-filter-submit:hover { background:#EDEDED; }  .orders-table { display:flex; flex-direction:column; width:100%; border:1px solid #F5F5F5; border-radius:4px 4px 0 0; overflow:hidden; }  .orders-table__head { display:grid; grid-template-columns:176px 196px 181px 215px minmax(0,1fr); align-items:center; height:45px; padding:0 30px; border-bottom:1px solid #F5F5F5; font-family:'Inter',sans-serif; font-weight:500; font-size:12px; line-height:16px; color:#979E9F; } .orders-table__row { display:grid; grid-template-columns:176px 196px 181px 215px minmax(0,1fr); align-items:center; min-height:74px; padding:0 30px; border-bottom:1px solid #F5F5F5; font-family:'Inter',sans-serif; font-size:14px; line-height:20px; color:#4A5565; transition:background 0.15s ease; } .orders-table__row:last-child { border-bottom:none; } .orders-table__row:hover { background:#FAFAFA; } .orders-table__cell { display:flex; align-items:center; gap:8px; min-width:0; } .orders-table__label { display:none; font-size:13px; color:#979E9F; } .orders-table__number { font-weight:600; font-size:14px; line-height:16px; color:#242627; text-decoration:none; } .orders-table__number:hover { color:#006C66; } .orders-table__cell--total { font-weight:600; color:#101828; } .orders-table__cell--total del { font-weight:400; color:#979E9F; }  .orders-table__track { display:inline-flex; align-items:center; height:24px; max-width:100%; padding:0 8px; border-radius:14px; background:#F3F4F6; color:#4A5565; font-family:'Menlo','SFMono-Regular',Consolas,monospace; font-size:12px; line-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .orders-table__cell--track { min-width:0; } .orders-table__track-empty { font-size:12px; line-height:16px; color:#D1D5DC; }  .orders-table__invoice { display:inline-flex; align-items:center; gap:11px; padding:0; background:none; border:0; font-family:'Inter',sans-serif; font-weight:500; font-size:14px; line-height:20px; color:#555B5C; text-decoration:none; white-space:nowrap; } .orders-table__invoice:hover { color:#006C66; } .orders-table__invoice svg { flex:none; width:20px; height:20px; }  .order-status { display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 10px; border-radius:14px; font-family:'Inter',sans-serif; font-weight:600; font-size:12px; line-height:16px; white-space:nowrap; } .order-status__icon { width:14px; height:14px; flex-shrink:0; } .order-status--new { background:#F3F4F6; color:#555B5C; } .order-status--processing { background:#FEF3C7; color:#B45309; } .order-status--shipping { background:#EFF6FF; color:#1D4ED8; } .order-status--done { background:#DCFCE7; color:#166534; }  .order-status--cancelled { background:#F3F4F6; color:#555B5C; }  .orders-more { display:flex; justify-content:center; padding-top:24px; } .orders-more__btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; width:160px; height:34px; border-radius:4px; background:#252B2B; color:#FFFFFF; font-family:'Inter',sans-serif; font-size:12px; line-height:15px; text-decoration:none; } .orders-more__btn:hover { background:#3A4040; }  @media (max-width:768px) {  .woocommerce-orders .account-main-title { font-size:18px; line-height:26px; } .woocommerce-orders .account-main-header { margin-bottom:16px; } .woocommerce-orders .account-filter-wrap { width:100%; gap:0; } .woocommerce-orders .account-filter-label { display:none; } .woocommerce-orders .account-filter-select-wrap { width:100%; } .orders-table__head { display:none; }  .orders-table { gap:8px; border:0; border-radius:0; overflow:visible; } .orders-table__row {  grid-template-columns:minmax(0,1fr) minmax(0,auto); grid-template-areas: 'number status' 'date   status' 'total  track';  align-items:stretch; min-height:0; gap:6px 12px; padding:14px; border:1px solid #E3E5E6; border-radius:8px; } .orders-table__row:last-child { border-bottom:1px solid #E3E5E6; } .orders-table__cell--number { grid-area:number; align-items:flex-start; } .orders-table__number { font-size:14px; line-height:16px; } .orders-table__cell--status { grid-area:status; align-items:flex-start; justify-content:flex-end; } .orders-table__cell--date { grid-area:date; align-items:flex-start; font-size:12px; line-height:14px; color:#4A5565; }  .orders-table__cell--total { grid-area:total; align-items:center; margin-top:8px; padding-top:14px; border-top:1px solid #F5F5F5; font-size:14px; line-height:20px; } .orders-table__cell--track { grid-area:track; flex-direction:column; align-items:flex-end; gap:6px;  margin-top:8px; padding-top:14px; border-top:1px solid #F5F5F5; min-width:0; }  .orders-table__cell--track .orders-table__label { display:block; font-size:10px; line-height:12px; } .orders-table__track { height:20px; padding:0 8px; font-size:12px; line-height:14px; overflow:hidden; text-overflow:ellipsis; }  .orders-table__cell--track-empty:not(.orders-table__cell--invoice) { display:none; } .orders-table__cell--invoice.orders-table__cell--track-empty .orders-table__track-empty { display:inline; }  .orders-table__invoice { gap:6px; font-size:13px; line-height:16px; } .orders-table__invoice svg { width:18px; height:18px; } .orders-table__cell--track:has(.orders-table__invoice) .orders-table__track, .orders-table__cell--track:has(.orders-table__invoice) .orders-table__track-empty, .orders-table__cell--track:has(.orders-table__invoice) .orders-table__label, .orders-table__cell--invoice .orders-table__label { display:none; }  .account-empty-state { padding:40px 0 56px; } .account-empty-illustration { margin-bottom:20px; } .account-empty-illustration img { width:188px; } .account-empty-title { font-size:16px; line-height:20px; margin-bottom:12px; } .account-empty-sub { font-size:14px; line-height:20px; color:#979E9F; margin-bottom:32px; } .account-empty-btn { width:180px; height:40px; font-size:14px; font-weight:500; line-height:20px; } .orders-table__cell--number, .orders-table__cell--date, .orders-table__cell--total { white-space:nowrap; } }  .order-view__back { display:inline-flex; align-items:center; gap:8px; margin-bottom:20px; color:#555B5C; font-family:'Inter',sans-serif; font-size:14px; text-decoration:none; } .order-view__back:hover { color:#006C66; } .order-view__back svg { width:18px; height:18px; } .order-view__head { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:16px; } .order-view__title-wrap { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; } .order-view__date { font-family:'Inter',sans-serif; font-size:14px; color:#979E9F; } .order-view__track { display:flex; align-items:center; gap:8px; margin-bottom:24px; font-family:'Inter',sans-serif; font-size:14px; } .order-view__track-label { color:#979E9F; }  .order-view__track:has(+ .order-view__track) { margin-bottom:8px; } .order-view__track-info { color:#555B5C; } .order-view__track-link { color:#006C66; text-decoration:none; } .order-view__track-link:hover { text-decoration:underline; } .order-view__cancel { margin:0 0 16px; font-family:'Inter',sans-serif; font-size:14px; color:#555B5C; } .orders-table__track--link { text-decoration:none; } .orders-table__track--link:hover { color:#006C66; } .order-view__section { margin-bottom:32px; } .order-view__section-title { font-family:'Inter',sans-serif; font-weight:600; font-size:16px; line-height:24px; color:#252B2B; margin:0 0 16px; } .order-view__items { display:flex; flex-direction:column; border:1px solid #F1F1F1; border-radius:8px; overflow:hidden; } .order-item { display:grid; grid-template-columns:64px 1fr 80px 120px; gap:16px; align-items:center; padding:16px; border-bottom:1px solid #F1F1F1; } .order-item:last-child { border-bottom:none; } .order-item__img img { width:64px; height:64px; object-fit:contain; display:block; } .order-item__title { font-family:'Inter',sans-serif; font-size:14px; line-height:20px; color:#252B2B; } .order-item__title a { color:inherit; text-decoration:none; } .order-item__title a:hover { color:#006C66; } .order-item__sku { margin-top:4px; font-family:'Inter',sans-serif; font-size:12px; color:#979E9F; } .order-item__qty { font-family:'Inter',sans-serif; font-size:14px; color:#555B5C; text-align:center; } .order-item__total { font-family:'Inter',sans-serif; font-weight:600; font-size:15px; color:#252B2B; text-align:right; } .order-view__totals { display:flex; flex-direction:column; gap:8px; margin-top:16px; margin-left:auto; width:min(360px,100%); font-family:'Inter',sans-serif; font-size:14px; color:#555B5C; } .order-view__total-row { display:flex; align-items:baseline; justify-content:space-between; gap:16px; } .order-view__total-row--grand { padding-top:12px; border-top:1px solid #F1F1F1; font-weight:700; font-size:18px; color:#252B2B; } .order-view__cards { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:32px; } .order-view__card { border:1px solid #F1F1F1; border-radius:8px; padding:20px; } .order-view__address { font-family:'Inter',sans-serif; font-size:14px; line-height:22px; color:#252B2B; margin:0 0 12px; } .order-view__muted { font-family:'Inter',sans-serif; font-size:14px; color:#979E9F; margin:0 0 12px; } .order-view__line { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding:6px 0; font-family:'Inter',sans-serif; font-size:14px; color:#555B5C; } .order-view__line span:last-child { color:#252B2B; text-align:right; } .order-view__note { margin-top:12px; padding-top:12px; border-top:1px solid #F1F1F1; font-family:'Inter',sans-serif; font-size:14px; color:#555B5C; } .order-view__note-label { display:block; margin-bottom:4px; color:#979E9F; } .order-updates { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; } .order-updates__item { padding:12px 16px; border:1px solid #F1F1F1; border-radius:8px; font-family:'Inter',sans-serif; font-size:14px; color:#555B5C; } .order-updates__date { display:block; margin-bottom:4px; font-size:12px; color:#979E9F; } .order-updates__text p { margin:0; } .order-view__footer { display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding-top:8px; } .order-view__back-btn { display:inline-flex; align-items:center; justify-content:center; height:48px; padding:0 28px; border-radius:4px; background:#006C66; color:#FFFFFF; font-family:'Inter',sans-serif; font-size:16px; text-decoration:none; } .order-view__back-btn:hover { opacity:0.92; color:#FFFFFF; } .order-view__support { font-family:'Inter',sans-serif; font-size:14px; color:#555B5C; text-decoration:none; } .order-view__support:hover { color:#006C66; } @media (max-width:768px) {  .order-view__back { display:none; } .order-view__cards { grid-template-columns:1fr; } .order-item { grid-template-columns:56px 1fr; gap:12px; } .order-item__img img { width:56px; height:56px; } .order-item__qty { grid-column:2; text-align:left; color:#979E9F; } .order-item__total { grid-column:2; text-align:left; } .order-view__totals { width:100%; } .order-view__footer { flex-direction:column; align-items:stretch; text-align:center; } }  @media (min-width:1025px) and (max-height:700px) { .auth-logo { margin-bottom:32px; } .auth-sub { margin-bottom:20px; } .auth-switch { margin-top:20px; } }   .account-main-card.lots { padding: 39px; } .lots__title { margin: 0 0 24px; } .lots__empty-text { margin: 0 0 24px; max-width: 620px; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 26px; color: #555B5C; } .lots__empty-btn { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 28px; border-radius: 4px; background: #006C66; color: #FFFFFF; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 24px; text-decoration: none; } .lots__empty-btn:hover { opacity: 0.92; color: #FFFFFF; }  .lot { border: 1px solid #F5F5F5; background: #FFFFFF; } .lot + .lot { margin-top: 24px; }  .lot__promo { position: relative; min-height: 210px; margin: -1px -1px 0; padding: 24px; border-radius: 8px 8px 0 0; background-color: #000000; background-image: var(--lot-promo, none); background-position: center; background-size: cover; background-repeat: no-repeat; box-sizing: border-box; }   .lot__badge { display: block; width: fit-content; padding: 6px 12px; border-radius: 999px; background: rgba(57, 211, 83, 0.15);  box-shadow: inset 0 0 0 1px rgba(57, 211, 83, 0.2); font-family: 'Inter', sans-serif; font-weight: 500; font-size: 12px; line-height: 16px; color: #39D353; } .lot__discount { position: absolute; top: 24px; right: 24px; display: inline-block; padding: 4px 12px; border-radius: 18px; background: #E8FAF0; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 14px; line-height: 20px; color: #1A7A30; } .lot__headline { margin: 14px 0 0; max-width: 606px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 20px; line-height: 28px; color: #FFFFFF; } .lot__text { margin: 12px 0 0; max-width: 507px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #D1D5DC; }  .lot__body { padding: 32px 23px 31px; } .lot__subtitle { margin: 0 0 18px; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 18px; line-height: 27px; color: #101828; } .lot__rows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px;  container: lot-rows / inline-size; } .lot__row { display: flex; align-items: center; min-height: 74px; padding: 12px 24px 12px 14px; background: #F9F9F9; border-radius: 4px; box-sizing: border-box; } .lot__thumb { width: 50px; height: 50px; flex: none; margin-right: 48px; object-fit: contain; } .lot__thumb--empty { background: #EFEFEF; } .lot__info { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 6px; } .lot__name { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; color: #252B2B; text-decoration: none; } .lot__name:hover { color: #006C66; } .lot__unit { font-family: 'Inter', sans-serif; font-size: 12px; line-height: 16px; color: #979E9F; } .lot__stepper { flex: none; margin-left: 50px; display: flex; align-items: center; width: 133px; } .lot__step { width: 32px; height: 32px; flex: none; padding: 0; border: 0; border-radius: 50%; background: #FFFFFF; color: #555B5C; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .lot__step:hover { color: #252B2B; } .lot__qty { flex: 1 1 auto; min-width: 0; height: 32px; padding: 0; border: 0; background: transparent; text-align: center; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; color: #252B2B; }  .lot__sum { flex: none; box-sizing: border-box; min-width: 121px; padding-left: 12px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; line-height: 26px; color: #252B2B; text-align: right; white-space: nowrap; } .lot__missing { margin: 12px 0 0; font-family: 'Inter', sans-serif; font-size: 12px; line-height: 16px; color: #979E9F; }  .lot__summary { margin-top: 32px;  padding-top: 31px; border-top: 1px solid #F5F5F5; } .lot__summary-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; } .lot__progress { flex: 0 1 760px; min-width: 0; padding: 16px; border-radius: 4px; background: #E8FAF0; box-sizing: border-box; } .lot__progress-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 28px; } .lot__progress-label { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; color: #1A7A30; } .lot__progress-value { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 20px; line-height: 28px; color: #39D353; white-space: nowrap; } .lot__bar { margin-top: 6px; height: 8px; border-radius: 999px; background: #FFFFFF; overflow: hidden; } .lot__bar-fill { display: block; height: 100%; border-radius: 999px; background: #39D353; transition: width 0.2s ease; } .lot__hint { margin: 12px 0 0; font-family: 'Inter', sans-serif; font-size: 12px; line-height: 16px; color: #1A7A30; } .lot__totals { flex: none; display: flex; flex-direction: column; align-items: flex-end; text-align: right; } .lot__total-label { font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #979E9F; } .lot__total { margin-top: 8px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 24px; line-height: 32px; color: #252B2B; white-space: nowrap; } .lot__old { margin-top: 2px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #979E9F; text-decoration: line-through; white-space: nowrap; } .lot__submit { margin-top: 32px; width: 100%; height: 48px; padding: 0; border: 0; border-radius: 4px; background: #006C66; color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; cursor: pointer; } .lot__submit:hover { opacity: 0.92; } .lot__submit:disabled { opacity: 0.5; cursor: not-allowed; }   @media (min-width: 769px) { @container lot-rows (max-width: 679px) { .lot__row { display: grid; grid-template-columns: 50px minmax(0, 1fr); column-gap: 14px; row-gap: 18px; padding: 14px; align-items: start; } .lot__thumb { margin-right: 0; }  .lot__info { min-height: 62px; } .lot__name { -webkit-line-clamp: 2; } .lot__stepper { grid-column: 1 / -1; grid-row: 2; margin-left: 0; justify-self: start; } .lot__sum { grid-column: 1 / -1; grid-row: 2; min-width: 0; padding-left: 0; justify-self: end; align-self: center; } } }  @media (max-width: 768px) {  .account-main-card.lots { padding: 20px 0 0; } .lots__title { margin-bottom: 14px; font-size: 18px; line-height: 26px; } .lot { border: 0; }  .lot__promo { margin: 0; min-height: 352px; padding: 14px; border-radius: 8px; background-image: var(--lot-promo-mobile, var(--lot-promo, none)); } .lot__badge { padding: 6px 12px; font-size: 10px; line-height: 12px; } .lot__discount { top: 14px; right: 14px; padding: 6px 10px; font-size: 10px; line-height: 12px; } .lot__headline { margin-top: 14px; font-weight: 600; font-size: 16px; line-height: 26px; } .lot__text { margin-top: 14px; font-size: 13px; line-height: 18px; } .lot__body { padding: 20px 0 12px; } .lot__subtitle { margin-bottom: 10px; font-size: 14px; line-height: 20px; } .lot__rows { gap: 4px; }  .lot__row { display: grid; grid-template-columns: 50px minmax(0, 1fr); column-gap: 14px; row-gap: 18px; min-height: 138px; padding: 14px; align-items: start; } .lot__thumb { margin-right: 0; }  .lot__info { gap: 10px; min-height: 60px; } .lot__name { -webkit-line-clamp: 2; font-size: 13px; line-height: 18px; } .lot__unit { font-size: 12px; line-height: 14px; } .lot__stepper { grid-column: 1 / -1; grid-row: 2; margin-left: 0; justify-self: start; } .lot__sum { grid-column: 1 / -1; grid-row: 2; min-width: 0; padding-left: 0; justify-self: end; align-self: center; }  .lot__summary { margin-top: 4px; padding-top: 0; border-top: 0; } .lot__summary-top { display: block; } .lot__progress { padding: 14px 14px 18px; } .lot__progress-label { font-size: 13px; line-height: 16px; } .lot__progress-value { font-size: 18px; line-height: 26px; } .lot__bar { margin-top: 6px; } .lot__hint { margin-top: 12px; }  .lot__totals { display: grid; grid-template-columns: 1fr auto; align-items: end; margin-top: 4px; padding-top: 12px; text-align: right; } .lot__total-label { grid-column: 1; grid-row: 2; align-self: center; font-weight: 500; color: #242627; text-align: left; } .lot__old { grid-column: 2; grid-row: 1; margin-top: 0; font-size: 13px; line-height: 16px; } .lot__total { grid-column: 2; grid-row: 2; margin-top: 0; font-size: 20px; line-height: 26px; } .lot__submit { margin-top: 14px; height: 40px; font-weight: 400; font-size: 13px; line-height: 20px; } }  .quick-suggest { position:absolute; top:calc(100% + 4px); left:0; z-index:30; width:500px; max-height:390px; overflow-y:auto; background:#FFFFFF; border:1px solid #F6F6F6; border-radius:8px; box-shadow:0 4px 6px -4px rgba(0,0,0,.1), 0 10px 15px -3px rgba(0,0,0,.1); } .quick-suggest[hidden] { display:none; }  @media (min-width:769px) { .quick-matrix__cell--name .quick-suggest { width:min(500px, calc(100% + 167px)); } } .quick-suggest__item { display:flex; align-items:center; gap:10px; height:64px; padding:12px 14px; box-sizing:border-box; cursor:pointer; } .quick-suggest__item.is-active { background:rgba(0,108,102,.05); } .quick-suggest__image { flex:none; width:40px; height:40px; border-radius:4px; background:#FFFFFF; object-fit:contain; } .quick-suggest__text { display:flex; flex-direction:column; flex:1 1 auto; min-width:0; } .quick-suggest__name, .quick-suggest__meta { font-family:'Inter',sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .quick-suggest__name { font-weight:600; font-size:14px; line-height:20px; color:#252B2B; } .quick-suggest__meta { margin-top:2px; font-weight:500; font-size:12px; line-height:16px; color:#99A1AF; } .quick-suggest__add { flex:none; display:none; align-items:center; justify-content:center; width:24px; height:24px; border-radius:999px; background:#006C66; box-shadow:0 2.67px 9.33px rgba(0,108,102,.25); color:#FFFFFF; } .quick-suggest__item.is-active .quick-suggest__add { display:flex; } .quick-suggest__empty { padding:12px 14px; font-family:'Inter',sans-serif; font-size:13px; line-height:16px; color:#979E9F; } @media (max-width:768px) {  .quick-suggest { width:100%; } }  .finance { display:flex; flex-direction:column; gap:24px; flex:1 1 auto; min-width:0; } .finance__title { margin:0; }  .finance-cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 400px), 1fr)); gap:24px; }  .finance-card { display:grid; grid-template-columns:120px minmax(0,1fr); grid-template-rows:1fr auto; grid-template-areas:'image body' 'button button'; align-items:start; column-gap:18px; row-gap:40px; padding:32px 40px; background:#FFFFFF; border-radius:8px; } .finance-card__image { grid-area:image; width:120px; height:120px; object-fit:contain; } .finance-card__body { grid-area:body; min-width:0; }  .finance-card__title { margin:0; font-family:'Inter',sans-serif; font-weight:700; font-size:16px; line-height:20px; letter-spacing:-0.5px; color:#242627; } .finance-card__text { max-width:309px; margin:14px 0 0; font-family:'Inter',sans-serif; font-size:14px; line-height:20px; color:#979E9F; }  .finance-card__pill { display:flex; width:max-content; align-items:center; gap:8px; height:28px; margin-top:18px; padding:0 10px; border-radius:999px; background:#FEF3C7; font-family:'Inter',sans-serif; font-size:12px; line-height:16px; color:#B45309; } .finance-card__pill svg { flex:none; }  .finance-card__pill--dev { gap:10px; padding:0 12px; background:#EFF6FF; color:#1D4ED8; } .finance-card__pill--dev::before { content:''; flex:none; width:6px; height:6px; border-radius:50%; background:currentColor; } .finance-card__btn { grid-area:button; display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%; height:40px; padding:0 16px; border:0; border-radius:4px; background:#006C66; color:#FFFFFF; font-family:'Inter',sans-serif; font-size:14px; line-height:20px; cursor:pointer; } .finance-card__btn:hover:not(:disabled) { background:#005550; } .finance-card__btn svg { flex:none; }  .finance-card__btn--outline { background:transparent; color:#006C66; box-shadow:inset 0 0 0 1px #006C66; } .finance-card__btn--outline:hover:not(:disabled) { background:var(--color-primary-bg-03); } .finance-card__btn--outline:active:not(:disabled) { background:var(--color-primary-bg-08); } .finance-card__btn[aria-busy="true"] { cursor:progress; }  .finance-card__joined, .finance-card__joined.is-fresh:hover { background:rgba(98,169,136,.12); color:#166534; font-weight:500; } .finance-card__joined-state, .finance-card__joined-leave { display:flex; align-items:center; gap:8px; } .finance-card__joined-leave { display:none; }  .finance-card__joined:is(:hover:not(.is-fresh), :focus-visible) { background:rgba(198,1,0,.06); color:#C60100; } .finance-card__joined:is(:hover:not(.is-fresh), :focus-visible) .finance-card__joined-state { display:none; } .finance-card__joined:is(:hover:not(.is-fresh), :focus-visible) .finance-card__joined-leave { display:flex; }  .finance-orders__title { margin:0; font-family:'Inter',sans-serif; font-weight:600; font-size:18px; line-height:26px; color:#252B2B; } .finance-orders .account-main-header { margin-bottom:24px; }  @media (max-width:768px) { .finance { gap:0; padding-top:20px; } .finance__title { margin-bottom:16px; font-size:18px; line-height:26px; } .finance-cards { gap:8px; }  .finance-card { grid-template-columns:50px minmax(0,1fr); column-gap:10px; row-gap:24px; padding:13px; border:1px solid #F5F5F5; } .finance-card__image { width:50px; height:50px; } .finance-card__title { font-weight:600; font-size:14px; line-height:20px; letter-spacing:0; } .finance-card__text { max-width:none; margin-top:8px; font-size:13px; line-height:16px; }  .finance-card__pill { gap:5px; height:26px; margin-top:14px; padding:0 8px; font-size:10px; line-height:12px; }  .finance-card__pill--dev { gap:6px; padding:0 10px; } .finance-card__pill svg { width:14px; height:14px; } .finance-card__btn, .finance-card__joined { font-size:13px; line-height:18px; } .finance-card__btn svg, .finance-card__joined svg { width:18px; height:18px; } .finance-orders { margin-top:32px; } .finance-orders__title { font-weight:700; } .finance-orders .account-main-header { margin-bottom:16px; }  .finance-orders .account-filter-wrap { width:100%; gap:0; } .finance-orders .account-filter-label { display:none; } .finance-orders .account-filter-select-wrap { width:100%; } }