:root {
--rosmo-aff-primary: #1f5fa8;
--rosmo-aff-primary-dark: #154a85;
--rosmo-aff-primary-light: #4a8fc7;
--rosmo-aff-accent: #ff9d4d;
--rosmo-aff-success: #28a745;
--rosmo-aff-warning: #f0a020;
--rosmo-aff-danger: #c23030;
--rosmo-aff-bg: #f7fafd;
--rosmo-aff-bg-card: #ffffff;
--rosmo-aff-text: #0f2540;
--rosmo-aff-text-light: #6b7c93;
--rosmo-aff-border: #e3eaf2;
--rosmo-aff-radius: 12px;
--rosmo-aff-radius-sm: 8px;
--rosmo-aff-shadow-sm: 0 1px 3px rgba(15, 37, 64, 0.05);
--rosmo-aff-shadow: 0 4px 16px rgba(15, 37, 64, 0.06), 0 1px 3px rgba(15, 37, 64, 0.04);
--rosmo-aff-shadow-lg: 0 12px 32px rgba(15, 37, 64, 0.1), 0 4px 8px rgba(15, 37, 64, 0.04);
--rosmo-aff-gradient: linear-gradient(135deg, #154a85 0%, #1f5fa8 60%, #154a85 100%);
--rosmo-aff-gradient-soft: linear-gradient(135deg, #f0f6fb 0%, #e8f0f7 100%);
--rosmo-aff-gradient-warm: linear-gradient(135deg, #fff8e7 0%, #fff0d4 100%);
}
.rosmo-aff-wrap,
.rosmo-aff-register,
.rosmo-aff-login,
.rosmo-aff-dashboard {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: var(--rosmo-aff-text);
box-sizing: border-box;
line-height: 1.5;
}
.rosmo-aff-wrap *,
.rosmo-aff-register *,
.rosmo-aff-login *,
.rosmo-aff-dashboard * {
box-sizing: border-box;
} .ros-page .rosmo-aff-hero,
.rosmo-aff-hero {
background: var(--rosmo-aff-gradient);
color: #ffffff;
padding: 18px 16px 16px;
border-radius: 12px;
margin-bottom: 12px;
position: relative;
overflow: hidden;
box-shadow: var(--rosmo-aff-shadow-lg);
text-align: center;
}
.rosmo-aff-hero__icon {
width: 40px;
height: 40px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.2);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 8px;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
position: relative;
z-index: 1;
}
.rosmo-aff-hero__icon svg {
width: 20px;
height: 20px;
color: #ffffff;
}
.rosmo-aff-hero__text {
position: relative;
z-index: 1;
}
.ros-page .rosmo-aff-hero h1,
.rosmo-aff-hero h1 {
margin: 0 0 4px 0;
font-size: 15px;
font-weight: 800;
line-height: 1.1;
color: #ffffff !important;
text-shadow: 0 2px 8px rgba(8, 20, 40, 0.4);
letter-spacing: -0.01em;
word-break: keep-all;
}
.ros-page .rosmo-aff-hero p,
.rosmo-aff-hero p {
margin: 0 auto;
font-size: 11px;
line-height: 1.4;
max-width: 100%;
color: #ffffff !important;
text-shadow: 0 1px 4px rgba(8, 20, 40, 0.35);
font-weight: 400;
}
.rosmo-aff-hero p strong {
color: #ffffff !important;
font-weight: 700;
}
.rosmo-aff-hero::before {
content: "";
position: absolute;
top: -40%;
right: -15%;
width: 220px;
height: 220px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
.rosmo-aff-hero::after {
content: "";
position: absolute;
bottom: -50%;
left: -15%;
width: 200px;
height: 200px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
} @media (max-width: 980px) {
.rosmo-aff-hero {
padding: 28px 22px 22px;
}
}
@media (max-width: 600px) {
.rosmo-aff-hero {
padding: 18px 16px 16px;
}
.rosmo-aff-hero__icon {
width: 36px;
height: 36px;
}
.rosmo-aff-hero__icon svg {
width: 18px;
height: 18px;
}
.rosmo-aff-hero h1 {
font-size: 17px;
margin-bottom: 4px;
}
.rosmo-aff-hero p {
font-size: 12px;
}
} .rosmo-aff-page {
max-width: 87.5%;
width: 100%;
margin: 48px auto;
padding: 0 12px;
padding: 0 20px;
} .rosmo-aff-card {
background: var(--rosmo-aff-bg-card);
border: 1px solid var(--rosmo-aff-border);
border-radius: var(--rosmo-aff-radius);
padding: 36px 36px;
box-shadow: var(--rosmo-aff-shadow);
margin-bottom: 24px;
width: 100%;
box-sizing: border-box;
}
.rosmo-aff-form {
margin-top: 20px;
width: 100%;
max-width: 100%;
}
}
.rosmo-aff-form .rosmo-aff-row {
margin-bottom: 20px;
}
.rosmo-aff-form .rosmo-aff-row--inline {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.rosmo-aff-form label {
display: block;
font-weight: 600;
margin-bottom: 8px;
font-size: 14px;
color: var(--rosmo-aff-text);
letter-spacing: 0.2px;
}
.rosmo-aff-form label .rosmo-aff-required {
color: var(--rosmo-aff-danger);
margin-left: 2px;
}
.rosmo-aff-form label .rosmo-aff-optional {
color: var(--rosmo-aff-text-light);
font-weight: 400;
font-size: 12px;
margin-left: 4px;
}
.rosmo-aff-form input[type="text"],
.rosmo-aff-form input[type="email"],
.rosmo-aff-form input[type="tel"],
.rosmo-aff-form input[type="password"],
.rosmo-aff-form input[type="number"],
.rosmo-aff-form select,
.rosmo-aff-form textarea {
width: 100%;
padding: 16px 18px;
border: 1.5px solid var(--rosmo-aff-border);
border-radius: var(--rosmo-aff-radius-sm);
font-size: 15px;
font-family: inherit;
color: var(--rosmo-aff-text);
background: #fff;
color: var(--rosmo-aff-text);
transition: all 0.2s ease;
font-family: inherit;
}
.rosmo-aff-form input::placeholder,
.rosmo-aff-form textarea::placeholder {
color: #8a96a3;
font-weight: 400;
}
.rosmo-aff-form input:focus,
.rosmo-aff-form select:focus,
.rosmo-aff-form textarea:focus {
outline: none;
border-color: var(--rosmo-aff-primary);
box-shadow: 0 0 0 4px rgba(31, 95, 168, 0.1);
}
.rosmo-aff-form input:hover:not(:focus),
.rosmo-aff-form select:hover:not(:focus),
.rosmo-aff-form textarea:hover:not(:focus) {
border-color: #c8d3df;
}
.rosmo-aff-form textarea {
min-height: 80px;
resize: vertical;
}
.rosmo-aff-form .rosmo-aff-checkbox label {
font-weight: 400;
display: flex;
align-items: flex-start;
gap: 10px;
cursor: pointer;
font-size: 14px;
line-height: 1.5;
color: var(--rosmo-aff-text);
margin-bottom: 0;
}
.rosmo-aff-form .rosmo-aff-checkbox input {
margin-top: 3px;
width: 18px;
height: 18px;
cursor: pointer;
flex-shrink: 0;
}
.rosmo-aff-form .rosmo-aff-checkbox a {
color: var(--rosmo-aff-primary);
text-decoration: underline;
}
.rosmo-aff-btn {
background: var(--rosmo-aff-gradient);
color: #fff;
padding: 14px 32px;
border: none;
border-radius: var(--rosmo-aff-radius-sm);
font-size: 15px;
font-weight: 700;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
box-shadow: 0 4px 12px rgba(31, 95, 168, 0.25);
letter-spacing: 0.2px;
font-family: inherit;
}
.rosmo-aff-btn:hover {
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(31, 95, 168, 0.35);
color: #fff;
text-decoration: none;
}
.rosmo-aff-btn:active {
transform: translateY(0);
}
.rosmo-aff-btn--large {
padding: 16px 40px;
font-size: 16px;
}
.rosmo-aff-btn--block {
width: 100%;
}
.rosmo-aff-btn--secondary {
background: #fff;
color: var(--rosmo-aff-primary);
border: 2px solid var(--rosmo-aff-border);
box-shadow: none;
}
.rosmo-aff-btn--secondary:hover {
border-color: var(--rosmo-aff-primary);
background: var(--rosmo-aff-gradient-soft);
color: var(--rosmo-aff-primary-dark);
}
.rosmo-aff-btn--ghost {
background: transparent;
color: var(--rosmo-aff-primary);
box-shadow: none;
padding: 8px 16px;
}
.rosmo-aff-btn--ghost:hover {
background: var(--rosmo-aff-gradient-soft);
color: var(--rosmo-aff-primary-dark);
} .rosmo-aff-notice {
padding: 14px 18px;
border-radius: var(--rosmo-aff-radius-sm);
margin-bottom: 20px;
background: var(--rosmo-aff-gradient-soft);
color: var(--rosmo-aff-text);
border-left: 4px solid var(--rosmo-aff-primary);
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
}
.rosmo-aff-notice::before {
content: "ℹ";
font-size: 18px;
color: var(--rosmo-aff-primary);
}
.rosmo-aff-notice--error {
background: #fef0f0;
color: #8a2020;
border-left-color: var(--rosmo-aff-danger);
}
.rosmo-aff-notice--error::before {
content: "⚠";
color: var(--rosmo-aff-danger);
}
.rosmo-aff-notice--success {
background: #f0faf3;
color: #1a6e2b;
border-left-color: var(--rosmo-aff-success);
}
.rosmo-aff-notice--success::before {
content: "✓";
color: var(--rosmo-aff-success);
}
.rosmo-aff-notice--warning {
background: var(--rosmo-aff-gradient-warm);
color: #8a6010;
border-left-color: var(--rosmo-aff-warning);
}
.rosmo-aff-notice--warning::before {
content: "⏰";
color: var(--rosmo-aff-warning);
} .rosmo-aff-dashboard-header {
background: var(--rosmo-aff-gradient);
color: #fff;
padding: 48px 40px;
border-radius: 16px;
margin-bottom: 32px;
position: relative;
overflow: hidden;
box-shadow: var(--rosmo-aff-shadow-lg);
}
.rosmo-aff-dashboard-header::before {
content: "";
position: absolute;
top: -100px;
right: -100px;
width: 350px;
height: 350px;
background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 70%);
border-radius: 50%;
}
.rosmo-aff-greeting {
font-size: 14px;
opacity: 0.85;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 600;
position: relative;
z-index: 1;
}
.rosmo-aff-dashboard-header h1 {
margin: 0 0 12px 0;
font-size: 36px;
font-weight: 700;
line-height: 1.2;
position: relative;
z-index: 1;
color: #ffffff !important;
text-shadow: 0 2px 8px rgba(15, 37, 64, 0.25);
}
.rosmo-aff-dashboard-header p {
margin: 0;
font-size: 16px;
opacity: 1;
max-width: 600px;
position: relative;
z-index: 1;
color: rgba(255, 255, 255, 0.96) !important;
text-shadow: 0 1px 3px rgba(15, 37, 64, 0.2);
}
.rosmo-aff-quick-actions {
display: flex;
gap: 12px;
margin-top: 20px;
position: relative;
z-index: 1;
flex-wrap: wrap;
}
.rosmo-aff-quick-actions .rosmo-aff-btn {
background: rgba(255,255,255,0.18);
color: #fff;
backdrop-filter: blur(10px);
box-shadow: none;
padding: 10px 18px;
font-size: 14px;
}
.rosmo-aff-quick-actions .rosmo-aff-btn:hover {
background: rgba(255,255,255,0.28);
color: #fff;
} .rosmo-aff-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 16px;
margin-bottom: 32px;
}
.rosmo-aff-stat {
background: var(--rosmo-aff-bg-card);
border: 1px solid var(--rosmo-aff-border);
border-radius: var(--rosmo-aff-radius);
padding: 24px 20px;
text-align: left;
transition: all 0.25s ease;
position: relative;
overflow: hidden;
}
.rosmo-aff-stat:hover {
transform: translateY(-3px);
box-shadow: var(--rosmo-aff-shadow);
border-color: var(--rosmo-aff-primary-light);
}
.rosmo-aff-stat__icon {
width: 42px;
height: 42px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
background: var(--rosmo-aff-gradient-soft);
}
.rosmo-aff-stat__icon svg {
width: 22px;
height: 22px;
color: var(--rosmo-aff-primary);
}
.rosmo-aff-stat__label {
font-size: 12px;
text-transform: uppercase;
color: var(--rosmo-aff-text-light);
margin-bottom: 6px;
letter-spacing: 0.5px;
font-weight: 600;
}
.rosmo-aff-stat__value {
font-size: 24px;
font-weight: 700;
color: var(--rosmo-aff-text);
line-height: 1.2;
}
.rosmo-aff-stat--primary {
background: var(--rosmo-aff-gradient);
color: #fff;
border-color: transparent;
}
.rosmo-aff-stat--primary .rosmo-aff-stat__label,
.rosmo-aff-stat--primary .rosmo-aff-stat__value {
color: #fff;
}
.rosmo-aff-stat--primary .rosmo-aff-stat__icon {
background: rgba(255,255,255,0.2);
}
.rosmo-aff-stat--primary .rosmo-aff-stat__icon svg {
color: #fff;
}
.rosmo-aff-stat--success {
background: linear-gradient(135deg, #e8f7ee 0%, #d8f0e0 100%);
border-color: #b8e0c4;
}
.rosmo-aff-stat--success .rosmo-aff-stat__icon {
background: #fff;
}
.rosmo-aff-stat--warning {
background: var(--rosmo-aff-gradient-warm);
border-color: #f0d590;
} .rosmo-aff-section {
background: var(--rosmo-aff-bg-card);
border: 1px solid var(--rosmo-aff-border);
border-radius: var(--rosmo-aff-radius);
padding: 32px;
margin-bottom: 24px;
box-shadow: var(--rosmo-aff-shadow-sm);
}
.rosmo-aff-section__header {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 20px;
padding-bottom: 18px;
border-bottom: 1px solid var(--rosmo-aff-border);
}
.rosmo-aff-section__icon {
width: 44px;
height: 44px;
background: var(--rosmo-aff-gradient-soft);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: var(--rosmo-aff-primary);
flex-shrink: 0;
}
.rosmo-aff-section__icon svg {
width: 22px;
height: 22px;
}
.rosmo-aff-section__title {
margin: 0;
font-size: 18px;
font-weight: 700;
color: var(--rosmo-aff-text);
}
.rosmo-aff-section__subtitle {
margin: 2px 0 0 0;
font-size: 13px;
color: var(--rosmo-aff-text-light);
} .rosmo-aff-link-box {
background: var(--rosmo-aff-gradient-soft);
border: 1.5px dashed var(--rosmo-aff-primary-light);
border-radius: var(--rosmo-aff-radius-sm);
padding: 18px 20px;
display: flex;
gap: 12px;
align-items: center;
margin-bottom: 12px;
}
.rosmo-aff-link-box input {
flex: 1;
background: transparent;
border: none;
padding: 4px 8px;
font-family: 'SF Mono', Monaco, Consolas, monospace;
font-size: 14px;
color: var(--rosmo-aff-text);
font-weight: 500;
}
.rosmo-aff-link-box input:focus {
outline: none;
background: rgba(255,255,255,0.6);
border-radius: 6px;
}
.rosmo-aff-link-box button {
background: var(--rosmo-aff-gradient);
color: #fff;
border: none;
padding: 8px 18px;
border-radius: var(--rosmo-aff-radius-sm);
cursor: pointer;
font-weight: 600;
font-size: 14px;
transition: all 0.2s;
white-space: nowrap;
font-family: inherit;
}
.rosmo-aff-link-box button:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(31, 95, 168, 0.3);
}
.rosmo-aff-link-box button.copied {
background: var(--rosmo-aff-success);
}
.rosmo-aff-hint {
font-size: 13px;
color: var(--rosmo-aff-text-light);
display: flex;
align-items: center;
gap: 6px;
margin-top: 10px;
}
.rosmo-aff-hint::before {
content: "💡";
font-size: 13px;
} .rosmo-aff-payout {
background: linear-gradient(135deg, #fff8e7 0%, #fff0d4 100%);
border: 1.5px solid #f0d590;
border-radius: var(--rosmo-aff-radius);
padding: 28px;
margin-top: 8px;
}
.rosmo-aff-payout__title {
display: flex;
align-items: center;
gap: 10px;
font-weight: 700;
color: #8a6010;
margin-bottom: 12px;
font-size: 16px;
}
.rosmo-aff-payout__title svg {
width: 22px;
height: 22px;
}
.rosmo-aff-payout__desc {
margin: 0 0 18px 0;
font-size: 14px;
color: #6b7c93;
line-height: 1.6;
} .rosmo-aff-table-wrap {
overflow-x: auto;
border-radius: var(--rosmo-aff-radius-sm);
border: 1px solid var(--rosmo-aff-border);
}
.rosmo-aff-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-size: 14px;
}
.rosmo-aff-table th,
.rosmo-aff-table td {
padding: 14px 16px;
text-align: left;
border-bottom: 1px solid var(--rosmo-aff-border);
}
.rosmo-aff-table th {
background: #fafbfc;
font-weight: 700;
color: var(--rosmo-aff-text);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.rosmo-aff-table tbody tr {
transition: background 0.15s ease;
}
.rosmo-aff-table tbody tr:hover {
background: var(--rosmo-aff-gradient-soft);
}
.rosmo-aff-table tbody tr:last-child td {
border-bottom: none;
}
.rosmo-aff-table .amount {
font-weight: 700;
color: var(--rosmo-aff-text);
} .rosmo-aff-status {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 4px 10px;
border-radius: 20px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.4px;
white-space: nowrap;
}
.rosmo-aff-status::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: currentColor;
}
.rosmo-aff-status--pending {
background: #fff3cd;
color: #856404;
}
.rosmo-aff-status--approved {
background: #d4edda;
color: #155724;
}
.rosmo-aff-status--paid {
background: #cce5ff;
color: #004085;
}
.rosmo-aff-status--rejected,
.rosmo-aff-status--cancelled {
background: #f8d7da;
color: #721c24;
}
.rosmo-aff-status--requested {
background: #fff3cd;
color: #856404;
} .rosmo-aff-empty {
text-align: center;
padding: 48px 24px;
color: var(--rosmo-aff-text-light);
}
.rosmo-aff-empty__icon {
width: 64px;
height: 64px;
margin: 0 auto 16px;
background: var(--rosmo-aff-gradient-soft);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--rosmo-aff-primary-light);
}
.rosmo-aff-empty__icon svg {
width: 32px;
height: 32px;
}
.rosmo-aff-empty__title {
font-size: 16px;
font-weight: 600;
color: var(--rosmo-aff-text);
margin-bottom: 6px;
} .rosmo-aff-login-card {
max-width: 460px;
margin: 80px auto;
}
.rosmo-aff-login-card .rosmo-aff-card {
text-align: center;
} .rosmo-aff-sponsor {
padding: 14px 20px;
margin-bottom: 24px;
background: linear-gradient(135deg, #e8f7ee 0%, #d8f0e0 100%);
border: 1px solid #b8e0c4;
border-radius: var(--rosmo-aff-radius-sm);
color: #1a6e2b;
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
}
.rosmo-aff-sponsor__icon {
width: 32px;
height: 32px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.rosmo-aff-sponsor__icon svg {
width: 18px;
height: 18px;
color: var(--rosmo-aff-success);
} @keyframes rosmo-aff-fade-in {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
.rosmo-aff-register,
.rosmo-aff-login,
.rosmo-aff-dashboard {
animation: rosmo-aff-fade-in 0.4s ease;
} @media (max-width: 768px) {
.rosmo-aff-page {
margin: 24px auto;
}
.rosmo-aff-hero,
.rosmo-aff-dashboard-header {
padding: 36px 24px;
}
.rosmo-aff-hero h1,
.rosmo-aff-dashboard-header h1 {
font-size: 26px;
}
.rosmo-aff-card,
.rosmo-aff-section {
padding: 24px 20px;
}
.rosmo-aff-form .rosmo-aff-row--inline {
grid-template-columns: 1fr;
gap: 0;
}
.rosmo-aff-stats {
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.rosmo-aff-stat {
padding: 18px 14px;
}
.rosmo-aff-stat__value {
font-size: 20px;
}
.rosmo-aff-link-box {
flex-direction: column;
align-items: stretch;
}
.rosmo-aff-link-box button {
width: 100%;
}
.rosmo-aff-table th,
.rosmo-aff-table td {
padding: 10px 12px;
font-size: 13px;
}
}
@media (max-width: 480px) {
.rosmo-aff-stats {
grid-template-columns: 1fr;
}
} .rosmo-aff-split {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
gap: 28px;
align-items: start;
margin-top: 8px;
grid-template-areas: "form info";
flex-wrap: nowrap;
}
.rosmo-aff-split__form {
grid-area: form;
}
.rosmo-aff-split__info {
grid-area: info;
}
.rosmo-aff-split__form {
min-width: 0;
}
.rosmo-aff-split__info {
min-width: 0;
display: flex;
flex-direction: column;
gap: 20px;
position: sticky;
top: 24px;
} .rosmo-aff-card__header {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 24px;
padding-bottom: 20px;
border-bottom: 1px solid var(--rosmo-aff-border);
}
.rosmo-aff-card__header-icon {
width: 48px;
height: 48px;
border-radius: 12px;
background: var(--rosmo-aff-gradient);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 4px 12px rgba(31, 95, 168, 0.25);
}
.rosmo-aff-card__header-icon svg {
width: 22px;
height: 22px;
}
.rosmo-aff-card__title {
margin: 0 0 4px 0;
font-size: 18px;
font-weight: 700;
color: var(--rosmo-aff-text) !important;
text-shadow: none !important;
}
.rosmo-aff-card__subtitle {
margin: 0;
font-size: 13px;
color: var(--rosmo-aff-text-light);
} .rosmo-aff-info-card {
background: var(--rosmo-aff-bg-card);
border: 1px solid var(--rosmo-aff-border);
border-radius: var(--rosmo-aff-radius-sm);
padding: 14px 14px;
box-shadow: var(--rosmo-aff-shadow-sm);
}
.rosmo-aff-info-card__header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
}
.rosmo-aff-info-card__icon {
width: 32px;
height: 32px;
border-radius: 8px;
background: var(--rosmo-aff-gradient-soft);
color: var(--rosmo-aff-primary);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.rosmo-aff-info-card__icon svg {
width: 16px;
height: 16px;
}
.rosmo-aff-info-card__title {
margin: 0;
font-size: 14px;
font-weight: 700;
color: var(--rosmo-aff-text) !important;
text-shadow: none !important;
} .rosmo-aff-info-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.rosmo-aff-info-list__item {
display: flex;
align-items: center;
gap: 10px;
}
.rosmo-aff-info-list__icon {
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--rosmo-aff-gradient);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.rosmo-aff-info-list__icon svg {
width: 9px;
height: 9px;
stroke-width: 3;
}
.rosmo-aff-info-list__content {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
gap: 6px;
}
.rosmo-aff-info-list__content strong {
display: inline-block;
font-size: 12px;
font-weight: 700;
color: var(--rosmo-aff-text);
white-space: nowrap;
}
.rosmo-aff-info-list__content strong::after {
content: " — ";
color: var(--rosmo-aff-text-light);
font-weight: 400;
}
.rosmo-aff-info-list__content p {
display: inline;
margin: 0;
font-size: 11px;
color: var(--rosmo-aff-text-light);
line-height: 1.35;
} .rosmo-aff-info-card--login {
text-align: center;
background: var(--rosmo-aff-gradient-soft);
border-color: rgba(31, 95, 168, 0.15);
padding: 14px 16px !important;
}
.rosmo-aff-info-card--login p {
margin: 0 0 6px 0;
font-size: 12px;
color: var(--rosmo-aff-text);
font-weight: 600;
}
.rosmo-aff-info-card--login small {
display: block;
margin-top: 8px;
font-size: 11px;
color: var(--rosmo-aff-text-light);
}
.rosmo-aff-info-card--login .rosmo-aff-btn--outline {
margin-top: 4px;
} .rosmo-aff-btn--outline {
background: transparent !important;
color: var(--rosmo-aff-primary) !important;
border: 2px solid var(--rosmo-aff-primary) !important;
box-shadow: none !important;
}
.rosmo-aff-btn--outline:hover {
background: var(--rosmo-aff-primary) !important;
color: #ffffff !important;
transform: translateY(-1px);
} @media (max-width: 980px) {
.rosmo-aff-split {
grid-template-columns: 1fr;
grid-template-areas: "form" "info";
gap: 24px;
}
.rosmo-aff-split__info {
position: static;
}
} @media (max-width: 700px) {
.rosmo-aff-hero {
padding: 32px 22px 28px;
}
.rosmo-aff-hero__icon {
width: 64px;
height: 64px;
margin-bottom: 18px;
}
.rosmo-aff-hero__icon svg {
width: 32px;
height: 32px;
}
.rosmo-aff-hero h1 {
font-size: 24px;
margin-bottom: 10px;
}
.rosmo-aff-hero p {
font-size: 14px;
}
}
@media (max-width: 600px) {
.rosmo-aff-info-card {
padding: 20px 18px;
}
.rosmo-aff-card__header {
gap: 10px;
margin-bottom: 18px;
padding-bottom: 14px;
}
.rosmo-aff-card__header-icon {
width: 40px;
height: 40px;
}
.rosmo-aff-card__header-icon svg {
width: 18px;
height: 18px;
}
.rosmo-aff-card__title {
font-size: 15px;
}
} .ros-page__inner:has(.rosmo-aff-page),
.rosmo-aff-page {
max-width: 87.5vw !important;
width: 100% !important;
}
.ros-page:has(.rosmo-aff-page) {
max-width: 100% !important;
padding: 0 !important;
} .rosmo-aff-page,
.rosmo-aff-split {
width: 100%;
} .ros-page__inner > *:has(.rosmo-aff-page),
section.ros-page > .ros-page__inner:has(.rosmo-aff-page) {
max-width: 100% !important;
}    .ros-page .rosmo-aff-hero,
.rosmo-aff-hero {
background: var(--rosmo-aff-gradient);
color: #ffffff;
padding: 28px 40px !important;
border-radius: 14px !important;
margin: 0 0 24px 0 !important;
position: relative;
overflow: hidden;
box-shadow: var(--rosmo-aff-shadow-lg);
text-align: center;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 16px !important;
}
.rosmo-aff-hero__icon {
width: 56px !important;
height: 56px !important;
border-radius: 14px !important;
margin: 0 !important;
flex-shrink: 0 !important;
}
.rosmo-aff-hero__icon svg {
width: 28px !important;
height: 28px !important;
}
.rosmo-aff-hero__text {
max-width: 720px !important;
}
.ros-page .rosmo-aff-hero h1,
.rosmo-aff-hero h1 {
margin: 0 0 8px 0 !important;
font-size: 26px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
.ros-page .rosmo-aff-hero p,
.rosmo-aff-hero p {
margin: 0 auto !important;
font-size: 15px !important;
line-height: 1.55 !important;
max-width: 640px !important;
} @media (min-width: 768px) {
.rosmo-aff-hero {
flex-direction: row !important;
text-align: left !important;
padding: 24px 32px !important;
gap: 20px !important;
}
.rosmo-aff-hero__text {
flex: 1 !important;
}
}   .ros-page .rosmo-aff-card,
.rosmo-aff-card {
padding: 36px 40px !important;
}
.rosmo-aff-form {
margin-top: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 22px !important;
}
.rosmo-aff-form .rosmo-aff-row {
margin-bottom: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 22px !important;
}
.rosmo-aff-form .rosmo-aff-row--inline {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 22px !important;
margin-bottom: 0 !important;
}
.rosmo-aff-form .rosmo-aff-row > div,
.rosmo-aff-form .rosmo-aff-row--inline > div {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.rosmo-aff-form label {
margin-bottom: 0 !important;
font-size: 14px !important;
}
.rosmo-aff-form input[type="text"],
.rosmo-aff-form input[type="email"],
.rosmo-aff-form input[type="tel"],
.rosmo-aff-form input[type="password"],
.rosmo-aff-form input[type="number"],
.rosmo-aff-form select,
.rosmo-aff-form textarea {
width: 100% !important;
padding: 14px 16px !important;
}
.rosmo-aff-form .rosmo-aff-checkbox {
margin-top: 8px !important;
}
.rosmo-aff-form button[type="submit"] {
margin-top: 12px !important;
padding: 16px 24px !important;
font-size: 16px !important;
} @media (max-width: 640px) {
.rosmo-aff-form .rosmo-aff-row--inline {
grid-template-columns: 1fr !important;
}
.ros-page .rosmo-aff-card,
.rosmo-aff-card {
padding: 24px 20px !important;
}
.rosmo-aff-hero {
padding: 24px 20px !important;
}
.rosmo-aff-hero h1 {
font-size: 22px !important;
}
}.ros-ai-widget {
--ros-ai-primary: #1f5fa8;
--ros-ai-bg: rgba(255, 255, 255, 0.85);
--ros-ai-border: rgba(255, 255, 255, 0.4);
--ros-ai-shadow: 0 20px 60px rgba(15, 23, 42, 0.18);
position: fixed;
bottom: 24px;
right: 24px;
z-index: 99998;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.ros-ai-widget.ros-ai--left { right: auto; left: 24px; }
.ros-ai-button {
width: 60px; height: 60px; border-radius: 50%;
background: linear-gradient(135deg, var(--ros-ai-primary), #2980b9);
color: #fff; border: none;
box-shadow: 0 8px 24px rgba(31, 95, 168, 0.45);
cursor: pointer; display: flex; align-items: center; justify-content: center;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
}
.ros-ai-button::before {
content: '';
position: absolute;
inset: -4px;
border-radius: 50%;
background: linear-gradient(135deg, var(--ros-ai-primary), #2980b9);
opacity: 0.3;
z-index: -1;
animation: ros-ai-pulse 2.5s ease-out infinite;
}
@keyframes ros-ai-pulse {
0% { transform: scale(1); opacity: 0.4; }
100% { transform: scale(1.4); opacity: 0; }
}
.ros-ai-button:hover { transform: scale(1.08); box-shadow: 0 12px 32px rgba(31, 95, 168, 0.55); }
.ros-ai-window {
position: fixed; bottom: 96px; right: 24px;
width: 400px; max-width: calc(100vw - 32px);
height: 600px; max-height: calc(100vh - 120px);
background: var(--ros-ai-bg);
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
border: 1px solid var(--ros-ai-border);
border-radius: 20px;
box-shadow: var(--ros-ai-shadow);
z-index: 99999; display: none; flex-direction: column; overflow: hidden;
font-size: 14px; line-height: 1.55; color: #0f172a;
transform-origin: bottom right;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ros-ai-widget.ros-ai--left .ros-ai-window { right: auto; left: 24px; transform-origin: bottom left; }
.ros-ai-window.is-open { display: flex; animation: ros-ai-slide-up 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); }
.ros-ai-window.is-minimized { height: 60px; }
.ros-ai-window.is-minimized .ros-ai-messages,
.ros-ai-window.is-minimized .ros-ai-input-area,
.ros-ai-window.is-minimized .ros-ai-status { display: none; }
@keyframes ros-ai-slide-up {
from { opacity: 0; transform: translateY(20px) scale(0.96); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
.ros-ai-header {
background: linear-gradient(135deg, var(--ros-ai-primary), #2980b9);
color: #fff !important;
padding: 14px 18px;
display: flex; justify-content: space-between; align-items: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
flex-shrink: 0;
}
.ros-ai-header h3 { margin: 0; font-size: 16px; font-weight: 600; color: #fff !important; }
.ros-ai-header h3, .ros-ai-header { color: #fff !important; }
.ros-ai-header-actions { display: flex; gap: 4px; align-items: center; }
.ros-ai-header-actions button {
background: rgba(255, 255, 255, 0.15);
border: none; color: #fff !important;
cursor: pointer; padding: 6px; border-radius: 8px;
display: flex; align-items: center; justify-content: center;
transition: background 0.2s;
}
.ros-ai-header-actions button:hover { background: rgba(255, 255, 255, 0.28); }
.ros-ai-close { font-size: 20px !important; line-height: 1 !important; padding: 4px 8px !important; }
.ros-ai-header-actions svg { display: block; }
.ros-ai-status {
padding: 0 14px;
font-size: 11px;
color: #64748b;
min-height: 0;
transition: min-height 0.2s, padding 0.2s;
overflow: hidden;
}
.ros-ai-status:not(:empty) {
min-height: 28px;
padding: 6px 14px;
background: rgba(31, 95, 168, 0.06);
color: var(--ros-ai-primary);
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
}
.ros-ai-status::before {
content: '';
width: 8px; height: 8px;
border-radius: 50%;
background: var(--ros-ai-primary);
animation: ros-ai-blink 1.4s ease-in-out infinite;
}
.ros-ai-messages {
flex: 1; overflow-y: auto; padding: 16px;
background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
display: flex; flex-direction: column; gap: 12px;
scroll-behavior: smooth;
}
.ros-ai-messages::-webkit-scrollbar { width: 6px; }
.ros-ai-messages::-webkit-scrollbar-track { background: transparent; }
.ros-ai-messages::-webkit-scrollbar-thumb { background: rgba(31, 95, 168, 0.2); border-radius: 3px; }
.ros-ai-msg { display: flex; max-width: 85%; animation: ros-ai-msg-in 0.3s ease-out; }
@keyframes ros-ai-msg-in {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
.ros-ai-msg-bot { align-self: flex-start; }
.ros-ai-msg-user { align-self: flex-end; }
.ros-ai-bubble {
padding: 10px 14px; border-radius: 18px; word-wrap: break-word;
white-space: pre-wrap; line-height: 1.55;
}
.ros-ai-msg-user .ros-ai-bubble {
background: linear-gradient(135deg, var(--ros-ai-primary), #2980b9);
color: #fff; border-bottom-right-radius: 4px;
box-shadow: 0 2px 8px rgba(31, 95, 168, 0.25);
}
.ros-ai-msg-bot .ros-ai-bubble {
background: #fff;
border: 1px solid #e2e8f0;
border-bottom-left-radius: 4px;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.ros-ai-input-area {
padding: 12px; background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
border-top: 1px solid rgba(226, 232, 240, 0.6);
display: flex; gap: 8px;
flex-shrink: 0;
}
.ros-ai-input {
flex: 1; padding: 10px 14px; border: 1px solid #e2e8f0; border-radius: 12px;
font: inherit; resize: none; max-height: 100px;
background: rgba(255, 255, 255, 0.9);
transition: all 0.2s;
}
.ros-ai-input:focus {
outline: none; border-color: var(--ros-ai-primary);
background: #fff;
box-shadow: 0 0 0 3px rgba(31, 95, 168, 0.15);
}
.ros-ai-send {
background: linear-gradient(135deg, var(--ros-ai-primary), #2980b9);
color: #fff !important; border: none; border-radius: 12px;
width: 44px; height: 44px; cursor: pointer;
display: flex; align-items: center; justify-content: center;
padding: 0; flex-shrink: 0;
transition: all 0.2s;
box-shadow: 0 2px 8px rgba(31, 95, 168, 0.3);
}
.ros-ai-send:hover:not(:disabled) {
transform: scale(1.05);
box-shadow: 0 4px 12px rgba(31, 95, 168, 0.45);
}
.ros-ai-send:disabled { opacity: 0.5; cursor: not-allowed; }
.ros-ai-send svg { display: block; margin: 0 auto; }
.ros-ai-typing { display: inline-flex; gap: 4px; padding: 14px 18px; }
.ros-ai-typing span { width: 8px; height: 8px; border-radius: 50%; background: #94a3b8; animation: ros-ai-blink 1.4s infinite; }
.ros-ai-typing span:nth-child(2) { animation-delay: 0.2s; }
.ros-ai-typing span:nth-child(3) { animation-delay: 0.4s; }
@keyframes ros-ai-blink { 0%, 60%, 100% { opacity: 0.3; } 30% { opacity: 1; } }
.ros-ai-lead-form {
background: linear-gradient(135deg, #fff8e1 0%, #fff3c4 100%);
border: 1px solid #fbbf24; padding: 14px;
border-radius: 12px; align-self: stretch; max-width: 100%;
box-shadow: 0 2px 8px rgba(251, 191, 36, 0.15);
}
.ros-ai-lead-form input {
display: block; width: 100%; padding: 8px 10px;
margin-bottom: 8px; border: 1px solid #ddd; border-radius: 8px;
font: inherit; box-sizing: border-box;
background: #fff;
transition: border-color 0.2s;
}
.ros-ai-lead-form input:focus {
outline: none; border-color: #f59e0b;
}
.ros-ai-lead-form button {
width: 100%; padding: 10px;
background: linear-gradient(135deg, #f59e0b, #d97706);
color: #fff !important; border: none; border-radius: 8px;
font-weight: 600; cursor: pointer;
transition: all 0.2s;
}
.ros-ai-lead-form button:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
}
.ros-ai-err {
background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
color: #991b1b; padding: 8px 12px; border-radius: 10px;
font-size: 13px; align-self: stretch;
border: 1px solid #fca5a5;
}
@media (max-width: 480px) {
.ros-ai-widget { bottom: 16px; right: 16px; }
.ros-ai-widget.ros-ai--left { left: 16px; }
.ros-ai-window {
bottom: 0; right: 0; left: 0; width: 100%; max-width: 100vw;
height: 100%; max-height: 100vh; border-radius: 0;
}
.ros-ai-widget.ros-ai--left .ros-ai-window { left: 0; }
.ros-ai-button { width: 54px; height: 54px; }
}:root{--woocommerce:#720eec;--wc-green:#007518;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px;--wc-destructive:#cc1818;--wc-card-border-radius:8px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}