.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.agc-gift-card-form {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
.agc-gift-card-form * {
box-sizing: border-box;
}
.agc-form-title {
font-size: 24px;
margin-bottom: 10px;
font-weight: 600;
}
.agc-form-description {
font-size: 16px;
line-height: 1.5;
margin-bottom: 30px;
opacity: 0.9;
} .agc-purchase-form.loading {
opacity: 0.6;
pointer-events: none;
}
.agc-submit-btn.loading {
position: relative;
}
.agc-submit-btn.loading::after {
content: '';
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 2px solid transparent;
border-top: 2px solid currentColor;
border-radius: 50%;
animation: agc-spin 1s linear infinite;
} .agc-purchase-form.agc-payment-disabled {
opacity: 0.7;
}
.agc-purchase-form.agc-payment-disabled .agc-submit-button.agc-disabled {
background-color: #ccc !important;
border-color: #ccc !important;
color: #666 !important;
cursor: not-allowed !important;
opacity: 0.6;
}
.agc-purchase-form.agc-payment-disabled .agc-submit-button.agc-disabled:hover {
background-color: #ccc !important;
border-color: #ccc !important;
transform: none !important;
}
.agc-purchase-form.agc-payment-disabled .agc-form-error {
background-color: #fff3cd;
border: 1px solid #ffeaa7;
color: #856404;
padding: 12px 16px;
border-radius: 4px;
margin-top: 15px;
font-size: 14px;
}
@keyframes agc-spin {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
} .agc-valid-field {
border-color: #00a32a !important;
box-shadow: 0 0 0 1px #00a32a;
}
.agc-invalid-field {
border-color: #d63638 !important;
box-shadow: 0 0 0 1px #d63638;
} @media (max-width: 768px) {
.agc-gift-card-form {
padding: 20px 15px;
}
.agc-form-row-half {
flex-direction: column;
gap: 0;
}
.agc-form-col {
margin-bottom: 20px;
}
.agc-form-title {
font-size: 20px;
}
} .agc-amount-options {
display: flex;
gap: 10px;
margin-bottom: 15px;
flex-wrap: wrap;
}
.agc-amount-option {
padding: 8px 16px;
border: 2px solid #ddd;
background: white;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s;
font-weight: 500;
}
.agc-amount-option:hover {
border-color: #00a32a;
}
.agc-amount-option.selected {
background: #00a32a;
color: white;
border-color: #00a32a;
}
.agc-amount-option.custom {
border-style: dashed;
} .agc-payment-section {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #eee;
}
.agc-payment-methods {
display: flex;
gap: 15px;
margin-bottom: 20px;
}
.agc-payment-method {
padding: 10px 20px;
border: 2px solid #ddd;
background: white;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s;
text-align: center;
flex: 1;
}
.agc-payment-method:hover {
border-color: #00a32a;
}
.agc-payment-method.active {
background: #00a32a;
color: white;
border-color: #00a32a;
}
.agc-payment-method img {
max-height: 24px;
width: auto;
} #agc-stripe-card-element {
padding: 12px;
border: 1px solid #ddd;
border-radius: 4px;
background: white;
margin-bottom: 20px;
}
.agc-stripe-errors {
color: #d63638;
font-size: 14px;
margin-top: 10px;
} .agc-message {
animation: agc-slideIn 0.3s ease-out;
}
@keyframes agc-slideIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .agc-purchase-form.agc-gift-card-form {
background: #ffffff;
border-radius: 12px;
padding: 40px 30px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
width: 100%;
max-width: 900px;
margin: 0 auto;
}  .agc-form-step {
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 28px 24px;
margin-bottom: 24px;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.agc-form-step:hover {
border-color: var(--agc-primary, #667eea);
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
} .agc-step-header {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 20px;
}
.agc-step-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
min-width: 36px;
background: linear-gradient(135deg, var(--agc-primary, #667eea), var(--agc-secondary, #764ba2));
color: #fff;
font-size: 16px;
font-weight: 700;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
} .agc-step-header .agc-section-title {
text-align: left;
margin-bottom: 0;
font-size: 20px;
} .agc-amount-selection.agc-form-step {
max-width: none;
margin: 0 0 24px 0;
}
.agc-message-section.agc-form-step {
max-width: none;
margin: 0 0 24px 0;
padding: 28px 24px;
}
.agc-recipient-section.agc-form-step {
max-width: none;
margin: 0 0 24px 0;
} .agc-form-step .agc-toggle-custom-amount {
border: 2px dashed var(--agc-primary, #667eea);
color: var(--agc-primary, #667eea);
font-weight: 600;
background: #fff;
}
.agc-form-step .agc-toggle-custom-amount:hover {
background: rgba(102, 126, 234, 0.08);
border-style: solid;
border-color: var(--agc-primary, #667eea);
color: var(--agc-primary, #667eea);
} .agc-form-step .agc-amount-btn {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.agc-form-step .agc-amount-btn:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
transform: translateY(-1px);
}
.agc-form-step .agc-amount-btn.agc-amount-btn-active {
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
} .agc-form-step .agc-input {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
background: #fff;
}
.agc-form-step .agc-input:focus {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(102, 126, 234, 0.15);
}
.agc-form-step .agc-message-textarea {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
background: #fff;
}
.agc-form-step .agc-message-textarea:focus {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(102, 126, 234, 0.15);
} .agc-input-group {
display: flex;
align-items: center;
position: relative;
}
.agc-currency-prefix {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 14px;
background: #e5e7eb;
border: 2px solid #d1d5db;
border-right: none;
border-radius: 6px 0 0 6px;
font-weight: 600;
color: #374151;
font-size: 16px;
}
.agc-input-group input[type="number"] {
border-radius: 0 6px 6px 0;
} @media (max-width: 768px) {
.agc-form-step {
padding: 20px 16px;
margin-bottom: 16px;
border-radius: 10px;
}
.agc-step-number {
width: 30px;
height: 30px;
min-width: 30px;
font-size: 14px;
}
.agc-step-header .agc-section-title {
font-size: 17px;
}
.agc-step-header {
gap: 10px;
margin-bottom: 16px;
}
} @media print {
.agc-gift-card-form {
box-shadow: none;
border: 1px solid #000;
}
.agc-submit-btn {
display: none;
}
}  .agc-wordpress-form {
max-width: 600px;
margin: 20px auto;
padding: 30px;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.agc-wordpress-form .agc-form-header {
text-align: center;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 2px solid #f0f0f0;
}
.agc-wordpress-form .agc-form-title {
font-size: 1.8rem;
font-weight: 600;
color: #333;
margin: 0 0 10px 0;
}
.agc-wordpress-form .agc-form-description {
font-size: 1rem;
color: #666;
margin: 0;
line-height: 1.5;
} .agc-wordpress-form .agc-field-wrapper {
margin-bottom: 20px;
}
.agc-wordpress-form .agc-field-label {
display: block;
font-weight: 600;
margin-bottom: 8px;
color: #333;
font-size: 0.9rem;
}
.agc-wordpress-form .agc-required {
color: #e74c3c;
font-weight: bold;
}
.agc-wordpress-form .agc-field-input,
.agc-wordpress-form .agc-field-textarea {
width: 100%;
padding: 12px;
border: 2px solid #ddd;
border-radius: 4px;
font-size: 1rem;
transition: border-color 0.2s ease;
box-sizing: border-box;
background: #fff;
}
.agc-wordpress-form .agc-field-input:focus,
.agc-wordpress-form .agc-field-textarea:focus {
outline: none;
border-color: #007cba;
box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1);
}
.agc-wordpress-form .agc-field-textarea {
resize: vertical;
min-height: 100px;
} .agc-wordpress-form .agc-amount-buttons {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 12px;
margin-bottom: 15px;
}
.agc-wordpress-form .agc-amount-btn {
padding: 15px 20px;
border: 2px solid #ddd;
border-radius: 6px;
background: #fff;
color: #333;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
text-decoration: none;
}
.agc-wordpress-form .agc-amount-btn:hover {
border-color: #007cba;
background: #f8f9fa;
transform: translateY(-1px);
}
.agc-wordpress-form .agc-amount-btn.agc-amount-btn-active {
background: #007cba;
color: white;
border-color: #007cba;
transform: translateY(-1px);
}
.agc-wordpress-form .agc-custom-amount-wrapper {
margin-top: 15px;
display: none;
}
.agc-wordpress-form .agc-custom-amount-wrapper.active {
display: block;
} .agc-wordpress-form .agc-form-actions {
text-align: center;
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #f0f0f0;
}
.agc-wordpress-form .agc-submit-button {
background: linear-gradient(135deg, #007cba 0%, #005a8b 100%);
color: white;
border: none;
padding: 15px 40px;
font-size: 1.1rem;
font-weight: 600;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s ease;
min-width: 200px;
box-shadow: 0 2px 4px rgba(0, 124, 186, 0.2);
}
.agc-wordpress-form .agc-submit-button:hover:not(:disabled) {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 124, 186, 0.3);
}
.agc-wordpress-form .agc-submit-button:disabled {
background: #ccc;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.agc-wordpress-form .agc-button-loading {
display: none;
}
.agc-wordpress-form .agc-submit-button.loading .agc-button-text {
display: none;
}
.agc-wordpress-form .agc-submit-button.loading .agc-button-loading {
display: inline;
} .agc-wordpress-form .agc-success-wrapper {
margin-top: 30px;
animation: fadeInUp 0.6s ease-out;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .agc-wordpress-form .agc-form-messages {
margin-bottom: 25px;
}
.agc-wordpress-form .agc-message {
padding: 15px;
border-radius: 6px;
margin-bottom: 15px;
font-weight: 500;
}
.agc-wordpress-form .agc-message.success {
background: #d4edda;
border: 1px solid #c3e6cb;
color: #155724;
}
.agc-wordpress-form .agc-message.error {
background: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
}
.agc-wordpress-form .agc-message.info {
background: #e7f3ff;
border: 1px solid #b3d9ff;
color: #0056b3;
} .agc-balance-checker,
.agc-status-checker {
max-width: 400px;
margin: 25px auto;
padding: 25px;
border: 1px solid #ddd;
border-radius: 8px;
background: #f9f9f9;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.agc-balance-checker h3,
.agc-status-checker h3 {
margin: 0 0 20px 0;
color: #333;
font-size: 1.3rem;
text-align: center;
}
.agc-balance-form,
.agc-status-form {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.agc-balance-input,
.agc-status-input {
flex: 1;
padding: 12px;
border: 2px solid #ddd;
border-radius: 4px;
font-size: 1rem;
transition: border-color 0.2s ease;
}
.agc-balance-input:focus,
.agc-status-input:focus {
outline: none;
border-color: #007cba;
box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1);
}
.agc-balance-button,
.agc-status-button {
background: #007cba;
color: white;
border: none;
padding: 12px 24px;
border-radius: 4px;
cursor: pointer;
font-weight: 600;
white-space: nowrap;
transition: background 0.2s ease;
}
.agc-balance-button:hover,
.agc-status-button:hover {
background: #005a8b;
}
.agc-balance-result,
.agc-status-result {
min-height: 30px;
border-radius: 4px;
}
.agc-balance-result .agc-success,
.agc-status-result .agc-success {
color: #155724;
background: #d4edda;
padding: 15px;
border-radius: 4px;
border: 1px solid #c3e6cb;
font-weight: 500;
}
.agc-balance-result .agc-error,
.agc-status-result .agc-error {
color: #721c24;
background: #f8d7da;
padding: 15px;
border-radius: 4px;
border: 1px solid #f5c6cb;
font-weight: 500;
}
.agc-balance-result .agc-warning,
.agc-status-result .agc-warning {
color: #856404;
background: #fff3cd;
padding: 15px;
border-radius: 4px;
border: 1px solid #ffeaa7;
font-weight: 500;
} .agc-wordpress-form .agc-field-wrapper.agc-has-error .agc-field-input,
.agc-wordpress-form .agc-field-wrapper.agc-has-error .agc-field-textarea {
border-color: #dc3545;
box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}
.agc-wordpress-form .agc-field-error {
color: #dc3545;
font-size: 0.875rem;
margin-top: 8px;
display: block;
font-weight: 500;
}
.agc-wordpress-form .agc-valid-field {
border-color: #28a745 !important;
box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1) !important;
}
.agc-wordpress-form .agc-invalid-field {
border-color: #dc3545 !important;
box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1) !important;
} @media (max-width: 768px) {
.agc-wordpress-form {
margin: 20px 10px;
padding: 20px;
}
.agc-wordpress-form .agc-form-title {
font-size: 1.5rem;
}
.agc-wordpress-form .agc-amount-buttons {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.agc-wordpress-form .agc-amount-btn {
padding: 12px 15px;
font-size: 0.9rem;
}
.agc-wordpress-form .agc-submit-button {
width: 100%;
padding: 12px 20px;
font-size: 1rem;
}
.agc-balance-form,
.agc-status-form {
flex-direction: column;
}
.agc-balance-button,
.agc-status-button {
margin-top: 10px;
width: 100%;
}
.agc-balance-checker,
.agc-status-checker {
margin: 20px 10px;
padding: 20px;
}
}
@media (max-width: 480px) {
.agc-wordpress-form .agc-amount-buttons {
grid-template-columns: 1fr;
}
.agc-wordpress-form .agc-form-title {
font-size: 1.3rem;
}
.agc-success-final {
padding: 20px !important;
font-size: 14px !important;
}
.agc-success-final h2 {
font-size: 18px !important;
}
}  .agc-amount-selection {
padding: 20px;
}
.agc-section-title {
font-size: 24px;
font-weight: 600;
color: #333;
margin-bottom: 20px;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
} .agc-amount-buttons {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin-bottom: 15px;
}
.agc-purchase-form .agc-amount-btn {
min-width: 0;
padding: 15px 20px;
font-size: 18px;
font-weight: 600;
color: var(--agc-primary, #667eea);
background: white;
border: 2px solid var(--agc-primary, #667eea);
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
overflow-wrap: break-word;
min-height: 44px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-purchase-form .agc-amount-btn:hover {
background: var(--agc-hover-bg, #f0f4ff);
color: var(--agc-hover-text, var(--agc-primary, #667eea));
}
.agc-purchase-form .agc-amount-btn:focus {
outline: 2px solid var(--agc-primary, #667eea);
outline-offset: 2px;
}
.agc-purchase-form .agc-amount-btn.agc-amount-btn-active {
background: var(--agc-hover-bg, linear-gradient(135deg, var(--agc-primary, #667eea), var(--agc-secondary, #764ba2)));
color: var(--agc-hover-text, white);
border-color: var(--agc-hover-bg, var(--agc-primary, #667eea));
} .agc-amount-btn .agc-amount-label {
display: block;
margin-bottom: 4px;
font-size: 0.72em;
font-weight: 600;
line-height: 1.3;
white-space: normal;
opacity: 0.9;
}
.agc-amount-btn .agc-amount-price {
display: block;
}
.agc-amount-btn.agc-amount-btn--labelled {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} .agc-supplements {
margin: 20px 0 15px;
}
.agc-purchase-form .agc-supplements-title {
margin: 0 0 10px;
font-size: 18px;
font-weight: 600;
color: #333;
text-align: center;
}
.agc-supplements-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.agc-purchase-form .agc-supplement {
border: 2px solid #e1e8ed;
border-radius: 8px;
background: white;
transition: border-color 0.2s ease, background-color 0.2s ease;
}
.agc-purchase-form .agc-supplement:hover {
border-color: var(--agc-primary, #667eea);
}
.agc-purchase-form .agc-supplement.is-selected {
border-color: var(--agc-primary, #667eea);
background: var(--agc-hover-bg, #f0f4ff);
}
.agc-purchase-form .agc-supplement:focus-within {
outline: 2px solid var(--agc-primary, #667eea);
outline-offset: 2px;
}
.agc-purchase-form .agc-supplement-body {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 10px;
min-height: 44px; margin: 0;
padding: 10px 14px;
cursor: pointer;
}
.agc-purchase-form .agc-supplement-body input[type="checkbox"] {
width: 20px;
height: 20px;
margin: 0;
flex: 0 0 auto;
accent-color: var(--agc-primary, #667eea);
}
.agc-purchase-form .agc-supplement-label {
flex: 1 1 auto;
min-width: 0;
margin: 0;
font-weight: 600;
line-height: 1.3;
overflow-wrap: break-word;
cursor: pointer;
}
.agc-purchase-form .agc-supplement-price {
flex: 0 0 auto;
font-weight: 600;
color: var(--agc-primary, #667eea);
white-space: nowrap;
}
.agc-purchase-form .agc-qty-stepper {
display: inline-flex;
align-items: center;
gap: 4px;
flex: 0 0 auto;
}
.agc-purchase-form .agc-qty-btn {
width: 36px;
height: 36px;
padding: 0;
font-size: 20px;
line-height: 1;
color: var(--agc-primary, #667eea);
background: white;
border: 2px solid var(--agc-primary, #667eea);
border-radius: 50%;
cursor: pointer;
}
.agc-purchase-form .agc-qty-btn:disabled {
opacity: 0.35;
cursor: not-allowed;
}
.agc-purchase-form .agc-qty-stepper .agc-supplement-qty {
width: 3em;
min-height: 36px;
padding: 4px;
text-align: center;
border: 1px solid #e1e8ed;
border-radius: 6px;
-moz-appearance: textfield;
}
.agc-purchase-form .agc-qty-stepper .agc-supplement-qty::-webkit-outer-spin-button,
.agc-purchase-form .agc-qty-stepper .agc-supplement-qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
@media (max-width: 480px) {
.agc-supplements-list {
grid-template-columns: 1fr;
}
} .agc-invoice-request-group .agc-invoice-request-label {
display: flex;
align-items: center;
gap: 8px;
font-weight: 600;
cursor: pointer;
}
.agc-invoice-request-group .agc-invoice-request-toggle {
width: 18px;
height: 18px;
margin: 0;
flex-shrink: 0;
}
.agc-invoice-fields-wrapper {
margin-top: 12px;
padding: 12px 15px;
background: #f8f9fa;
border-left: 3px solid var(--agc-primary, #667eea);
border-radius: 4px;
}
.agc-invoice-fields-wrapper .agc-invoice-help {
margin-top: 0;
} .agc-custom-toggle {
margin-bottom: 15px;
}
.agc-toggle-custom-amount {
display: block;
width: 100%;
padding: 12px;
background: white;
border: 2px dashed #9ca3af;
border-radius: 6px;
color: #6b7280;
cursor: pointer;
transition: all 0.3s ease;
font-size: 16px;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
min-height: 44px; }
.agc-toggle-custom-amount:hover {
border-color: var(--agc-primary, #667eea);
color: var(--agc-primary, #667eea);
}
.agc-toggle-custom-amount:focus {
outline: 2px solid var(--agc-primary, #667eea);
outline-offset: 2px;
} .agc-custom-amount-wrapper {
margin-top: 15px;
padding: 15px;
background: #f9fafb;
border-radius: 8px;
border: 2px solid #d1d5db;
}
.agc-custom-amount-wrapper label {
display: block;
font-weight: 600;
margin-bottom: 8px;
color: #374151;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-custom-amount-wrapper input[type="number"] {
width: 100%;
padding: 12px 15px;
font-size: 16px;
border: 2px solid #d1d5db;
border-radius: 6px;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-custom-amount-wrapper input[type="number"]:focus {
outline: none;
border-color: var(--agc-primary, #667eea);
box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
} .agc-custom-amount-wrapper.agc-has-error {
border-color: #dc2626;
background: #fef2f2;
}
.agc-custom-amount-wrapper.agc-has-error input[type="number"] {
border-color: #dc2626;
}
.agc-field-error {
color: #dc2626;
font-size: 14px;
margin-top: 5px;
display: none;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-custom-amount-wrapper.agc-has-error .agc-field-error {
display: block;
} @media (max-width: 768px) {
.agc-purchase-form.agc-gift-card-form {
padding: 24px 16px;
}
.agc-amount-buttons {
grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
}
.agc-section-title,
.agc-step-header .agc-section-title {
font-size: 20px;
}
.agc-purchase-form .agc-amount-btn {
padding: 12px 10px;
font-size: 15px;
}
.agc-amount-selection {
padding: 15px;
}
} @media (max-width: 480px) {
.agc-purchase-form.agc-gift-card-form {
padding: 20px 12px;
}
.agc-amount-buttons {
grid-template-columns: 1fr;
}
.agc-purchase-form .agc-amount-btn {
padding: 14px 16px;
font-size: 16px;
}
.agc-section-title,
.agc-step-header .agc-section-title {
font-size: 18px;
}
}  .agc-message-section {
padding: 20px;
margin: 20px 0 0 0;
}
.agc-message-container {
display: block;
} .agc-message-input-wrapper {
display: flex;
flex-direction: column;
}
.agc-message-input-wrapper .agc-field-label {
font-weight: 600;
margin-bottom: 8px;
color: #374151;
font-size: 16px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-message-textarea {
width: 100%;
padding: 12px 16px;
font-size: 16px;
line-height: 1.5;
border: 2px solid #d1d5db;
border-radius: 8px;
resize: vertical;
min-height: 120px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
box-sizing: border-box;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.agc-message-textarea:focus {
outline: none;
border-color: var(--agc-primary, #667eea);
box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
} .agc-character-counter {
font-size: 14px;
color: #6b7280;
margin-top: 8px;
text-align: right;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
transition: color 0.3s ease, font-weight 0.3s ease;
}
.agc-character-counter.agc-counter-warning {
color: #f59e0b; font-weight: 600;
}
.agc-character-counter.agc-counter-limit-reached {
color: #dc2626; font-weight: 700;
}
.agc-character-counter #agc-counter-value {
font-weight: 700;
} .agc-message-helper {
margin-top: 8px;
padding: 10px 12px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
border-left: 4px solid;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-message-helper.agc-helper-info {
background: #eff6ff;
border-color: #3b82f6;
color: #1e40af;
}
.agc-message-helper.agc-helper-warning {
background: #fef3c7;
border-color: #f59e0b;
color: #92400e;
}
.agc-message-helper.agc-helper-error {
background: #fee2e2;
border-color: #dc2626;
color: #991b1b;
} .agc-form-error {
margin: 0 0 20px;
padding: 12px 16px;
border: 1px solid #dc2626;
border-radius: 8px;
background: #fee2e2;
color: #991b1b;
}  .agc-recipient-section {
padding: 30px 20px;
}
.agc-form-group {
margin-bottom: 25px;
}
.agc-label {
display: block;
font-weight: 600;
font-size: 16px;
color: #374151;
margin-bottom: 8px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-label-required {
position: relative;
}
.agc-required-indicator {
color: #dc2626;
margin-left: 4px;
font-weight: 700;
}
.agc-optional-badge {
font-weight: 400;
color: #6b7280;
font-size: 14px;
margin-left: 6px;
} .agc-input-wrapper {
position: relative;
display: flex;
align-items: center;
}
.agc-input {
width: 100%;
padding: 12px 45px 12px 15px; font-size: 16px;
font-family: inherit;
border: 2px solid #d1d5db;
border-radius: 8px;
box-sizing: border-box;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.agc-input:focus {
outline: none;
border-color: var(--agc-primary, #667eea);
box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
.agc-input::placeholder {
color: #9ca3af;
font-style: italic;
} .agc-validation-icon {
position: absolute;
right: 15px;
font-size: 18px;
pointer-events: none;
transition: opacity 0.3s ease;
}
.agc-validation-icon:empty {
opacity: 0;
}
.agc-icon-valid {
opacity: 1;
}
.agc-icon-invalid {
opacity: 1;
}  .agc-input-wrapper.agc-valid .agc-input {
border-color: #10b981;
}
.agc-input-wrapper.agc-valid .agc-input:focus {
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
} .agc-input-wrapper.agc-invalid .agc-input,
.agc-input-wrapper.agc-empty .agc-input {
border-color: #dc2626;
}
.agc-input-wrapper.agc-invalid .agc-input:focus,
.agc-input-wrapper.agc-empty .agc-input:focus {
box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
} .agc-input-wrapper.agc-neutral .agc-input {
border-color: #d1d5db;
} .agc-help-text {
font-size: 14px;
color: #6b7280;
margin-top: 6px;
margin-bottom: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-help-text-muted {
font-style: italic;
color: #9ca3af;
}
.agc-field-error {
margin-top: 8px;
padding: 10px 12px;
background: #fef2f2;
border-left: 3px solid #dc2626;
border-radius: 6px;
display: flex;
align-items: center;
gap: 8px;
}
.agc-error-text {
color: #991b1b;
font-size: 14px;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-field-error::before {
content: '⚠️';
font-size: 16px;
} @media (max-width: 768px) {
.agc-recipient-section {
padding: 20px 15px;
}
.agc-input {
font-size: 16px; }
.agc-form-group {
margin-bottom: 20px;
}
}  .agc-form-actions {
padding: 30px 20px;
max-width: 600px;
margin: 0 auto;
text-align: center;
}
.agc-btn {
padding: 15px 30px;
font-size: 18px;
font-weight: 600;
border: none;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
gap: 10px;
font-family: inherit;
}
.agc-btn-primary {
background: linear-gradient(135deg, var(--agc-primary, #667eea), var(--agc-secondary, #764ba2));
color: white;
}
.agc-btn-large {
padding: 18px 40px;
font-size: 20px;
}
.agc-btn-icon {
font-size: 24px;
transition: transform 0.3s ease;
} .agc-btn-enabled {
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}
.agc-btn-enabled:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
}
.agc-btn-enabled:hover .agc-btn-icon {
transform: translateX(5px);
}
.agc-btn-enabled:active {
transform: translateY(0);
} .agc-btn-disabled,
.agc-btn:disabled {
background: #e5e7eb;
color: #9ca3af;
cursor: not-allowed;
box-shadow: none;
}
.agc-btn:disabled:hover {
transform: none;
} .agc-validation-summary {
margin-top: 20px;
padding: 15px 20px;
background: #fef2f2;
border-left: 4px solid #dc2626;
border-radius: 8px;
text-align: left;
}
.agc-summary-text {
color: #991b1b;
font-weight: 600;
margin: 0 0 10px 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-validation-list {
margin: 0;
padding-left: 20px;
color: #991b1b;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-validation-list li {
margin-bottom: 5px;
} .agc-continue-hint {
margin-top: 16px;
padding: 12px 18px;
background: #f8fafc;
border-left: 4px solid #94a3b8;
border-radius: 8px;
text-align: left;
}
.agc-continue-hint[hidden] {
display: none;
}
.agc-continue-hint-label {
color: #475569;
font-weight: 600;
margin: 0 0 8px 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-continue-hint-list {
margin: 0;
padding-left: 20px;
color: #475569;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.agc-continue-hint-list li {
margin-bottom: 4px;
} @media (max-width: 768px) {
.agc-form-actions {
padding: 20px 15px;
}
.agc-btn-large {
width: 100%;
justify-content: center;
padding: 16px 30px;
font-size: 18px;
}
}  .agc-payment-section {
background: #ffffff;
border: 2px solid #e1e8ed;
border-radius: 12px;
padding: 30px;
margin: 30px 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.agc-payment-section .agc-section-title {
font-size: 1.5rem;
font-weight: 600;
color: #333;
margin-bottom: 20px;
text-align: center;
} .agc-payment-summary {
background: #f8f9ff;
border-radius: 8px;
padding: 20px;
margin-bottom: 25px;
}
.agc-summary-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
font-size: 1rem;
}
.agc-summary-row:last-child {
margin-bottom: 0;
}
.agc-summary-label {
color: #666;
font-weight: 500;
}
.agc-summary-value {
color: #333;
font-weight: 600;
font-size: 1.1rem;
} .agc-stripe-card-wrapper {
margin-bottom: 25px;
}
.agc-stripe-card-wrapper .agc-label {
display: block;
font-weight: 600;
margin-bottom: 10px;
color: #333;
font-size: 1rem;
}
.agc-required-indicator {
color: #e74c3c;
margin-left: 3px;
} #agc-card-element {
background: #ffffff;
padding: 16px;
border: 2px solid #e1e8ed;
border-radius: 8px;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
#agc-card-element:hover {
border-color: var(--agc-primary, #667eea);
}
#agc-card-element.StripeElement--focus {
border-color: var(--agc-primary, #667eea);
box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
#agc-card-element.StripeElement--invalid {
border-color: #e74c3c;
}
#agc-card-element.StripeElement--complete {
border-color: #28a745;
} #agc-card-errors {
color: #e74c3c;
font-size: 0.9rem;
margin-top: 8px;
min-height: 20px;
display: none;
}
#agc-card-errors:not(:empty) {
display: block;
} .agc-payment-actions {
display: flex;
gap: 15px;
margin-top: 25px;
} .agc-btn {
padding: 14px 28px;
border: none;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
}
.agc-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none !important;
}
.agc-btn-primary {
background: linear-gradient(135deg, var(--agc-primary, #667eea), var(--agc-secondary, #764ba2));
color: white;
flex: 1;
}
.agc-btn-primary:hover:not(:disabled) {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
}
.agc-btn-secondary {
background: #f8f9fa;
color: #666;
border: 2px solid #e1e8ed;
}
.agc-btn-secondary:hover:not(:disabled) {
background: #e9ecef;
border-color: var(--agc-primary, #667eea);
color: var(--agc-primary, #667eea);
}
.agc-btn-large {
padding: 16px 32px;
font-size: 1.1rem;
} .agc-btn-loading {
display: none;
}
.agc-spinner {
width: 16px;
height: 16px;
border: 2px solid transparent;
border-top: 2px solid currentColor;
border-radius: 50%;
animation: agc-spin 1s linear infinite;
}
@keyframes agc-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .agc-payment-methods {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 16px;
}
.agc-payment-method-option {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 14px;
border: 1px solid #e1e8ed;
border-radius: 6px;
cursor: pointer;
}
.agc-payment-method-option:has(input:checked) {
border-color: var(--agc-primary, #007cba);
}
.agc-payment-method-logo {
height: 22px;
width: auto;
}
.agc-payment-panel {
margin-bottom: 16px;
}
.agc-payment-hint {
margin: 0 0 8px;
color: #525f7f;
}
.agc-paypal-buttons {
min-height: 48px;
}
.agc-provider-errors {
color: #e74c3c;
font-size: 0.9rem;
margin-top: 8px;
} .agc-security-badge {
text-align: center;
margin-top: 20px;
padding: 12px;
background: #f8f9fa;
border-radius: 6px;
font-size: 0.9rem;
color: #666;
} .agc-payment-success-message {
background: #ffffff;
border: 2px solid #28a745;
border-radius: 12px;
padding: 40px;
text-align: center;
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.15);
}
.agc-success-icon {
width: 80px;
height: 80px;
background: #28a745;
color: white;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 3rem;
margin-bottom: 20px;
}
.agc-payment-success-message h3 {
color: #28a745;
font-size: 1.8rem;
margin-bottom: 15px;
}
.agc-payment-success-message p {
color: #666;
font-size: 1.1rem;
line-height: 1.6;
margin-bottom: 10px;
}
.agc-payment-details {
background: #f8f9ff;
border-radius: 8px;
padding: 20px;
margin-top: 25px;
text-align: left;
}
.agc-payment-details p {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
font-size: 1rem;
}
.agc-payment-details p:last-child {
margin-bottom: 0;
} .agc-code-display {
background: linear-gradient(135deg, var(--agc-primary, #667eea) 0%, var(--agc-secondary, #764ba2) 100%);
border-radius: 12px;
padding: 30px;
margin: 25px 0;
text-align: center;
box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
}
.agc-code-label {
display: block;
color: rgba(255, 255, 255, 0.9);
font-size: 0.9rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 10px;
}
.agc-code-value {
display: block;
color: #ffffff;
font-size: 2.2rem;
font-weight: 700;
font-family: 'Courier New', monospace;
letter-spacing: 4px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
} .agc-intermediate-message {
text-align: center;
padding: 60px 20px;
background: #ffffff;
border-radius: 12px;
}
.agc-intermediate-message .agc-spinner {
display: inline-block;
width: 50px;
height: 50px;
border: 5px solid #f3f3f3;
border-top: 5px solid #667eea;
border-radius: 50%;
animation: agc-spin 1s linear infinite;
margin-bottom: 20px;
}
@keyframes agc-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.agc-intermediate-message p {
color: #666;
font-size: 1.1rem;
margin: 0;
} .agc-critical-error {
background: #fff5f5;
border: 2px solid #e74c3c;
border-radius: 12px;
padding: 40px;
text-align: center;
}
.agc-critical-error .agc-error-icon {
font-size: 4rem;
margin-bottom: 20px;
}
.agc-critical-error h3 {
color: #e74c3c;
font-size: 1.8rem;
margin-bottom: 15px;
}
.agc-critical-error p {
color: #666;
font-size: 1.1rem;
line-height: 1.6;
margin-bottom: 10px;
}
.agc-critical-error code {
background: #f8f9fa;
padding: 5px 10px;
border-radius: 4px;
font-family: 'Courier New', monospace;
color: #e74c3c;
font-weight: 600;
} @media (max-width: 768px) {
.agc-payment-section {
padding: 20px;
margin: 20px 0;
}
.agc-payment-actions {
flex-direction: column-reverse;
gap: 10px;
}
.agc-btn {
width: 100%;
}
.agc-summary-row {
font-size: 0.95rem;
}
.agc-summary-value {
font-size: 1rem;
}
} #agc-payment-section {
display: none;
} .agc-btn--3d.agc-btn-primary {
background: linear-gradient(135deg, var(--agc-primary, #667eea), var(--agc-secondary, #764ba2));
color: #ffffff;
border: 2px solid transparent;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.agc-btn--3d.agc-btn-primary:hover:not(:disabled) {
transform: translateY(-2px);
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}
.agc-btn--flat.agc-btn-primary {
background: var(--agc-primary, #667eea);
color: #ffffff;
border: 2px solid transparent;
box-shadow: none;
transition: background 0.2s ease, color 0.2s ease;
}
.agc-btn--flat.agc-btn-primary:hover:not(:disabled) {
background: var(--agc-secondary, #764ba2);
transform: none;
box-shadow: none;
}
.agc-btn--outline.agc-btn-primary {
background: transparent;
color: var(--agc-primary, #667eea);
border: 2px solid var(--agc-primary, #667eea);
box-shadow: none;
transition: background 0.2s ease, color 0.2s ease;
}
.agc-btn--outline.agc-btn-primary:hover:not(:disabled) {
background: var(--agc-primary, #667eea);
color: #ffffff;
transform: none;
box-shadow: none;
}  .agc-purchase-form.agc-btn--flat .agc-step-number {
background: var(--agc-primary, #667eea);
box-shadow: none;
}
.agc-purchase-form.agc-btn--flat .agc-amount-btn {
color: var(--agc-primary, #667eea);
background: #ffffff;
border: 2px solid var(--agc-primary, #667eea);
}
.agc-purchase-form.agc-btn--flat .agc-amount-btn:hover {
background: var(--agc-hover-bg, var(--agc-secondary, #cfd8dc));
color: var(--agc-hover-text, #ffffff);
}
.agc-purchase-form.agc-btn--flat .agc-amount-btn.agc-amount-btn-active,
.agc-purchase-form.agc-btn--flat .agc-form-step .agc-amount-btn.agc-amount-btn-active,
.agc-purchase-form.agc-btn--flat .agc-wordpress-form .agc-amount-btn.agc-amount-btn-active {
background: var(--agc-hover-bg, var(--agc-primary, #667eea));
color: var(--agc-hover-text, #ffffff);
border-color: var(--agc-hover-bg, var(--agc-primary, #667eea));
} .agc-purchase-form.agc-btn--outline .agc-step-number {
background: transparent;
color: var(--agc-primary, #667eea);
border: 2px solid var(--agc-primary, #667eea);
box-shadow: none;
}
.agc-purchase-form.agc-btn--outline .agc-amount-btn {
color: var(--agc-primary, #667eea);
background: transparent;
border: 2px solid var(--agc-primary, #667eea);
}
.agc-purchase-form.agc-btn--outline .agc-amount-btn:hover {
background: var(--agc-hover-bg, rgba(0, 0, 0, 0.03));
color: var(--agc-hover-text, var(--agc-primary, #667eea));
}
.agc-purchase-form.agc-btn--outline .agc-amount-btn.agc-amount-btn-active,
.agc-purchase-form.agc-btn--outline .agc-form-step .agc-amount-btn.agc-amount-btn-active,
.agc-purchase-form.agc-btn--outline .agc-wordpress-form .agc-amount-btn.agc-amount-btn-active {
background: var(--agc-hover-bg, var(--agc-primary, #667eea));
color: var(--agc-hover-text, #ffffff);
border-color: var(--agc-hover-bg, var(--agc-primary, #667eea));
}  .agc-purchase-form.agc-btn--3d .agc-step-number {
background: linear-gradient(135deg, var(--agc-primary, #667eea), var(--agc-secondary, #764ba2));
color: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
border: 0;
}
.agc-purchase-form.agc-btn--3d .agc-amount-btn.agc-amount-btn-active,
.agc-purchase-form.agc-btn--3d .agc-form-step .agc-amount-btn.agc-amount-btn-active,
.agc-purchase-form.agc-btn--3d .agc-wordpress-form .agc-amount-btn.agc-amount-btn-active {
background: var(--agc-hover-bg, linear-gradient(135deg, var(--agc-primary, #667eea), var(--agc-secondary, #764ba2)));
color: var(--agc-hover-text, #ffffff);
border-color: var(--agc-hover-bg, var(--agc-primary, #667eea));
}@font-face {
font-family: 'Woo-Side-Cart';
src:  url(//theexodusexperience.life/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.eot?qq7fgp);
src:  url(//theexodusexperience.life/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.eot?qq7fgp#iefix) format('embedded-opentype'),
url(//theexodusexperience.life/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.ttf?qq7fgp) format('truetype'),
url(//theexodusexperience.life/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.woff?qq7fgp) format('woff'),
url(//theexodusexperience.life/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.svg?qq7fgp#Woo-Side-Cart) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="xoo-wsc-icon-"], [class*=" xoo-wsc-icon-"] { font-family: 'Woo-Side-Cart' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.xoo-wsc-icon-heart1:before {
content: "\e92d";
}
.xoo-wsc-icon-cart-plus:before {
content: "\e92e";
}
.xoo-wsc-icon-bookmark-o:before {
content: "\e929";
}
.xoo-wsc-icon-bookmark1:before {
content: "\e92a";
}
.xoo-wsc-icon-arrow-long-right:before {
content: "\e900";
}
.xoo-wsc-icon-basket5:before {
content: "\e901";
}
.xoo-wsc-icon-basket4:before {
content: "\e902";
}
.xoo-wsc-icon-basket6:before {
content: "\e903";
}
.xoo-wsc-icon-basket1:before {
content: "\e904";
}
.xoo-wsc-icon-basket2:before {
content: "\e905";
}
.xoo-wsc-icon-basket3:before {
content: "\e906";
}
.xoo-wsc-icon-trash1:before {
content: "\e907";
}
.xoo-wsc-icon-trash:before {
content: "\e908";
}
.xoo-wsc-icon-cross:before {
content: "\e909";
}
.xoo-wsc-icon-check_circle:before {
content: "\e90a";
}
.xoo-wsc-icon-pencil:before {
content: "\e90b";
}
.xoo-wsc-icon-bag1:before {
content: "\e90c";
}
.xoo-wsc-icon-arrow-thin-right:before {
content: "\e90d";
}
.xoo-wsc-icon-shopping-bag1:before {
content: "\e90e";
}
.xoo-wsc-icon-shopping-cart:before {
content: "\e90f";
}
.xoo-wsc-icon-bag2:before {
content: "\e910";
}
.xoo-wsc-icon-cart1:before {
content: "\e911";
}
.xoo-wsc-icon-cart2:before {
content: "\e912";
}
.xoo-wsc-icon-del4:before {
content: "\e913";
}
.xoo-wsc-icon-trash3:before {
content: "\e914";
}
.xoo-wsc-icon-del1:before {
content: "\e915";
}
.xoo-wsc-icon-del2:before {
content: "\e916";
}
.xoo-wsc-icon-del3:before {
content: "\e917";
}
.xoo-wsc-icon-shopping-bag:before {
content: "\e918";
}
.xoo-wsc-icon-chevron-thin-left:before {
content: "\e919";
}
.xoo-wsc-icon-chevron-left:before {
content: "\e91a";
}
.xoo-wsc-icon-arrow-thin-left:before {
content: "\e91b";
}
.xoo-wsc-icon-arrow-left:before {
content: "\e91c";
}
.xoo-wsc-icon-coupon-1:before {
content: "\e91d";
}
.xoo-wsc-icon-coupon-2:before {
content: "\e91e";
}
.xoo-wsc-icon-coupon-3:before {
content: "\e91f";
}
.xoo-wsc-icon-coupon-5:before {
content: "\e920";
}
.xoo-wsc-icon-coupon-6:before {
content: "\e921";
}
.xoo-wsc-icon-coupon:before {
content: "\e922";
}
.xoo-wsc-icon-coupon-4:before {
content: "\e923";
}
.xoo-wsc-icon-discout:before {
content: "\e924";
}
.xoo-wsc-icon-coupon-7:before {
content: "\e925";
}
.xoo-wsc-icon-coupon-8:before {
content: "\e926";
}
.xoo-wsc-icon-coupon-9:before {
content: "\e927";
}
.xoo-wsc-icon-external-link:before {
content: "\e928";
}
.xoo-wsc-icon-chevron-right:before {
content: "\e92b";
}
.xoo-wsc-icon-chevron-left1:before {
content: "\e92c";
}
.xoo-wsc-icon-cart:before {
content: "\e93a";
}
.xoo-wsc-icon-spinner:before {
content: "\e97a";
}
.xoo-wsc-icon-spinner2:before {
content: "\e97b";
}
.xoo-wsc-icon-spinner4:before {
content: "\e97d";
}
.xoo-wsc-icon-spinner8:before {
content: "\e981";
}
.xoo-wsc-icon-spinner11:before {
content: "\e984";
}
.xoo-wsc-icon-trash2:before {
content: "\e9ad";
}
.xoo-wsc-icon-checkmark:before {
content: "\ea10";
}
.xoo-wsc-icon-cloud-download:before {
content: "\e9c2";
}
.xoo-wsc-icon-download3:before {
content: "\e9c7";
}
.xoo-wsc-icon-heart:before {
content: "\e9da";
}.xoo-wsc-markup *::-webkit-scrollbar {
width: 8px;
}
.xoo-wsc-markup *::-webkit-scrollbar-track {
border-radius: 10px;
background: #f0f0f0;
}
.xoo-wsc-markup *::-webkit-scrollbar-thumb {
border-radius: 50px;
background: #d1d1d1
}
.xoo-wsc-container, .xoo-wsc-slider {
position: fixed;
background-color: #fff;
z-index: 999999;
display: flex;
flex-direction: column;
width: 95%;
transition: 0.5s ease-out;
}
.xoo-wsc-modal * {
box-sizing: border-box;
}
.xoo-wsc-markup a{
text-decoration: none;
}
.xoo-wsc-opac {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
z-index: 999996;
opacity: 0;
height: 0;
transition: height 0s 0.4s, opacity 0.4s 0s;
}
.xoo-wsc-cart-active .xoo-wsc-opac {
opacity: 0.8;
height: 100%;
transition: height 0s 0s, opacity 0.4s;
}
.xoo-wsc-body {
flex-grow: 1;
overflow-y: auto;
overflow-x: hidden;
}
.xoo-wsc-loading .xoo-wsc-loader{
display: block;
}
span.xoo-wsc-loader {
display: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.5;
background-color: #eee;
opacity: 0.7;
z-index: 10;
}
.xoo-wsc-loader-icon{
display: none;
}
.xoo-wsc-loading .xoo-wsc-loader-icon {
position: absolute;
transform: translate(-50%,-50%);
top: 47%;
left: 49%;
z-index: 11;
font-size: 24px;
animation: xoo-wsc-spin 2s linear infinite;
display: block;
}
@keyframes xoo-wsc-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
body.xoo-wsc-cart-active, html.xoo-wsc-cart-active{
overflow: hidden!important;
}
.xoo-wsc-basket {
margin: 10px;
z-index: 9999997;
cursor: pointer;
position: fixed;
transition: 0.5s ease-out;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
}
.xoo-wsc-basket[style*='block'] {
display: flex!important;
}
.xoo-wsc-items-count{
border-radius: 50%;
position: absolute;
font-size: 13px;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
overflow: hidden;
}
.xoo-wsc-fly-animating{
opacity: 1;
position: absolute!important;
height: 150px;
width: 150px;
z-index: 100;
}
.xoo-wsc-sc-bkcont {
position: relative;
}
.xoo-wsc-sc-cont .xoo-wsc-cart-trigger {
display: flex;
position: relative;
cursor: pointer;
align-items: center;
justify-content: center;
}
span.xoo-wsc-sc-count, span.xoo-wsch-items-count{
border-radius: 50%;
height: 18px;
line-height: 18px;
width: 18px;
display: inline-block;
text-align: center;
font-size: 13px;
right: -7px;
position: absolute;
top: -4px;
}
.xoo-wsc-sc-cont .xoo-wsc-cart-trigger > * {
margin-right: 3px;
} .xoo-wsc-notice-container {
z-index: 2;
position: absolute;
top: 0;
left: 0;
right: 0;
display: none;
}
ul.xoo-wsc-notices {
margin: 0;
list-style-type: none;
padding: 0;
}
.xoo-wsc-notice-success {
color: #3c763d;
background-color: #dff0d8;
border: 1px solid #BFE8CB;
border-left: 3px solid #4CAF50;
}
.xoo-wsc-notice-error {
color: #a94442;
background-color: #FEF2F2;
border: 1px solid #FECACA;
border-left: 3px solid #c50909;
}
ul.xoo-wsc-notices li {
padding: 15px 20px;
list-style-type: none;
}
ul.xoo-wsc-notices li span {
margin-right: 6px;
}
span.xoo-wsc-undo-item {
float: right;
text-decoration: underline;
cursor: pointer;
}
.xoo-wsc-notices a.button.wc-forward {
display: none;
} .xoo-wscb-icon {
font-size: 37px;
}
.xoo-wscb-count {
position: absolute;
z-index: 1;
background-color: transparent;
font-size: 15px;
height: 45px;
line-height: 45px;
text-align: center;
left: 0;
right: 0;
} .xoo-wsc-header {
padding: 15px;
color: #000;
}
span.xoo-wsch-close {
position: absolute;
cursor: pointer;
}
span.xoo-wsch-text {
margin-left: 8px;
}
.xoo-wsch-top .xoo-wsch-basket {
display: table;
position: relative;
}
.xoo-wsch-top {
display: flex;
margin: 0 auto;
align-items: center;
}  .xoo-wsc-product {
display: flex;
border-bottom: 1px solid #eee;
}
.xoo-wsc-img-col {
align-self: center;
}
.xoo-wsc-sum-col {
flex-grow: 1;
padding-left: 15px;
display: flex;
flex-direction: column;
}
.xoo-wsc-img-col img {
width: 100%;
height: auto;
}
.xoo-wsc-sm-left {
flex-grow: 1;
display: flex;
justify-content: space-between;
flex-direction: column;
min-width: 0;
row-gap: 4px;
}
.xoo-wsc-sm-right {
align-items: flex-end;
display: flex;
flex-direction: column;
justify-content: center;
row-gap: 4px;
}
span.xoo-wsc-smr-del+.xoo-wsc-smr-ptotal {
margin-top: auto;
}
span.xoo-wsc-pname, span.xoo-wsc-pname a {
font-weight: 600;
}
span.xoo-wsc-smr-del {
cursor: pointer;
margin: 5px 0;
}
.xoo-wsc-img-col span.xoo-wsc-smr-del {
margin: 5px auto;
display: table;
}
.xoo-wsc-sm-info {
display: flex;
min-width: 0;
gap: 10px;
}
.xoo-wsc-sm-left > *:not(:last-child) {
} .xoo-wsc-product dl.variation dd, .xoo-wsc-product dl.variation dt {
margin: 0 4px 0 0;
display: inline-block;
float: left;
font-style: italic;
}
.xoo-wsc-product dl.variation dt {
clear: left;
}
.xoo-wsc-product dl.variation, .xoo-wsc-product dl.variation p {
margin: 0;
font-size: 13px;
} .xoo-wsc-ft-buttons-cont {
display: grid;
text-align: center;
grid-column-gap: 5px;
grid-row-gap: 5px;
}
a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
justify-self: center;
padding: 5px;
width: 100%;
}
a.xoo-wsc-ft-btn, a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn, .xoo-wsc-container .xoo-wsc-btn:hover{
text-decoration: none;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:only-child {
grid-column: 1/-1;
} .xoo-wsc-ft-totals {
width: 100%;
padding: 0 0 10px 0;
}
.xoo-wsc-ft-amt {
padding: 3px;
display: flex;
justify-content: space-between;
}
.xoo-wsc-ft-amt-value .xoo-wsc-toggle-slider {
cursor: pointer;
margin-left: 5px;
}
span.xoo-wsc-ft-amt-label {
font-weight: 600;
}
.xoo-wsc-toggle-slider {
cursor: pointer;
}
.xoo-wsc-ft-amt-shipping .xoo-wsc-toggle-slider span {
margin-left: 5px;
}
.xoo-wsc-ft-amt-label {
flex-grow: 1;
padding-right: 10px;
}
.xoo-wsc-ft-amt-value {
text-align: right;
}
.xoo-wsc-ft-amt.xoo-wsc-less, .xoo-wsc-psavings, .xoo-wsc-psavings * {
color: #4CAF50;
}
.xoo-wsc-ft-amt-total {
border-top: 1px dashed #9E9E9E;
margin-top: 5px;
padding-top: 5px;
} .xoo-wsc-product.xoo-wsc-is-parent {
border-bottom: 0;
padding-bottom: 0;
}
.xoo-wsc-product.xoo-wsc-is-child img {
max-width: 50px;
margin-left: auto;
float: right;
}
.xoo-wsc-product.xoo-wsc-is-child {
padding-top: 5px;
}
.xoo-wsc-empty-cart {
padding: 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.xoo-wsc-empty-cart > * {
margin-bottom: 20px;
}
.xoo-wsc-empty-cart a.xoo-wsc-btn{
width: auto;
}
.xoo-wsc-emp-txt {
font-size: 18px;
} span.xoo-wsc-ft-amt-label:after {
content: ":";
}
.xoo-wsc-ft-amt-savings + .xoo-wsc-ft-amt-subtotal {
display: flex;
}
.xoo-wsc-ft-amt-subtotal {
display: table;
margin: 0 auto;
font-weight: 600;
}
span.xoo-wsc-ft-amt-label {
padding-right: 5px;
}
span.xoo-wsc-footer-txt {
text-align: center;
margin: -8px auto 15px;
display: block;
font-size: 90%;
}
span.xoo-wsc-del-txt {
text-align: center;
display: block;
font-size: 11px;
text-transform: uppercase;
}
a.xoo-wsc-ft-btn-checkout .amount {
font-style: italic;
}
a.xoo-wsc-ft-btn-checkout .amount:before {
content: "-";
margin: 0 8px;
font-weight: bold;
} .xoo-wsc-is-child:has( +.xoo-wsc-is-child ), .xoo-wsc-is-parent + .xoo-wsc-is-child{
padding-bottom: 5px;
padding-top: 10px;
margin-top: 0;
border-radius: 0;
margin-bottom: 0;
box-shadow: 0 0;
border-bottom: 0;
}
.xoo-wsc-product.xoo-wsc-is-parent{
margin-bottom: 0;
padding-bottom: 0;
} .xoo-wsc-product.xoo-wsc-is-child:not(:has( + *)), .xoo-wsc-is-child:has( + .xoo-wsc-product:not(.xoo-wsc-is-child) ){
margin-top: 0;
padding-top: 5px;
}
.xoo-wsc-product dl.variation {
flex-wrap: wrap;
}
.xoo-wsc-product del {
opacity: 0.5;
text-decoration: line-through;
display: inline-flex;
}
.xoo-wsc-product del+ins {
font-weight: 600;
}
.xoo-wsc-product del .amount {
font-size: 95%;
}
.xoo-wsc-pattern-row .xoo-wsc-qty-box {
margin-top: 4px;
}
.xoo-wsc-priceBox {
display: flex;
flex-wrap: wrap;
row-gap: 4px;
column-gap: 9px;
}
span.xoo-wsc-psavlabel {
text-transform: uppercase;
}
.xoo-wsc-psavings {
padding: 3px 6px;
border: 1px solid #4CAF50;
font-weight: 600;
display: flex;
align-items: center;
gap: 5px;
width: max-content;
margin-top: auto;
border-radius: 5px;
}
.xoo-wsc-psavings {
font-size: 80%;
}
.xoo-wsc-body .xoo-wsc-products .xoo-wsc-psavings span.amount {
font-size: inherit;
}
.xoo-wsc-sm-right-tools {
display: flex;
gap: 5px;
}
.xoo-wsc-xoo_wsc_gift .xoo-wsc-sm-left {
justify-content: center;
}
.xoo-wsc-ft-amt-savings .xoo-wsc-ft-amt-label {
font-weight: normal;
}
.xoo-wsc-ft-amt-savings {
font-size: 95%;
}
.xoo-wsc-footer .xoo-wsc-ft-amt-savings .amount {
font-size: inherit;
}
body.rtl .xoo-wsc-sum-col {
padding-right: 15px;
padding-left: 0;
}
body.rtl span.xoo-wsch-text {
margin-right: 8px;
margin-left: 0;
}
body.rtl span.xoo-wsc-ft-amt-label {
padding-left: 5px;
padding-right: 0;
}
body.rtl .xoo-wsc-product dl.variation dd, body.rtl .xoo-wsc-product dl.variation dt {
float: right;
}
body.rtl xoo-wsc-qty-price > span{
margin-left: 4px;
margin-right: 0;
}
.xoo-wsc-markup-notices {
top: 20%;
right: -100%;
left: auto;
position: fixed;
transition: all 0.5s;
z-index: 999997;
width: 0;
max-width: 400px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.xoo-wsc-markup-notices ul.xoo-wsc-notices li {
padding: 25px;
}
.xoo-wsc-markup-notices.xoo-wsc-active {
right: 0;
width: 100%;
}
.xoo-wsc-markup-notices .xoo-wsc-notice-container {
position: relative;
display: block;
}
.xoo-wsc-qty-price > span {
display: inline-block;
margin-right: 4px;
}
.xoo-wsc-sml-qty span {
display: inline-block;
}
.xoo-wsc-markup[data-wpr-lazyrender] {
content-visibility: visible!important;
}
.xoo-wsc-qty-price {
display: flex;
width: 100%;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
} .xoo-wsc-pattern-card {
margin: 10px 20px;
padding: 0;
flex-shrink: 0;
}
.xoo-wsc-pattern-card .xoo-wsc-psavings {
margin-top: 2px;
}
.xoo-wsc-pattern-card .xoo-wsc-product dl.variation {
display: flex;
}
.xoo-wsc-pattern-card .xoo-wsc-product {
flex-direction: column;
position: relative;
border-bottom: 0;
padding: 0;
height: 100%;
margin: 0;
}
.xoo-wsc-pattern-card span.xoo-wsc-smr-del {
position: absolute;
top: 0;
right: 0;
z-index: 5;
padding: 10px;
margin-top: 0;
}
.xoo-wsc-pattern-card .variation {
justify-content: center;
}
.xoo-wsc-sm-back, .xoo-wsc-sm-front {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 4px;
}
.xoo-wsc-sm-back-cont {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: auto;
}
.xoo-wsc-pattern-card .xoo-wsc-img-col.xoo-wsc-caniming {
z-index: 10;
}
.xoo-wsc-sm-front {
z-index: 1;
height: 100%;
}
.xoo-wsc-sm-front:has(.xoo-wsc-sm-emp+*) {
padding: 7px 10px;
}
.xoo-wsc-card-cont {
position: relative;
}
.xoo-wsc-sm-back {
padding: 10px;
min-height: 100%;
}
a.xoo-wsc-smr-link i {
margin-right: 3px;
}
a.xoo-wsc-smr-link {
opacity: 0.7;
font-size: 14px;
}
.xoo-wsc-sm-front:has(.xoo-wsc-sm-emp+*) .xoo-wsc-sm-emp {
display: none;
}
.xoo-wsc-pattern-card .xoo-wsc-qty-price {
justify-content: center;
padding: 0;
}
.xoo-wsc-qty-price:has(.xoo-wsc-card-ptotal) {
justify-content: space-between;
}
.xoo-wsc-pattern-card .xoo-wsc-img-col {
align-self: center;
z-index: 2;
position: relative;
margin: -1px -1px 0 -1px;
}
.xoo-wsc-pattern-card .xoo-wsc-img-col img{
display: table;
margin: 0 auto;
} .xoo-wsch-new .xoo-wsch-basket, .xoo-wsch-new .xoo-wsch-close, .xoo-wsch-new .xoo-wsch-text {
position: relative;
margin: 0 4px;
}
.xoo-wsch-new .xoo-wsch-basket {
margin: 0 8px;
}
.xoo-wsch-new .xoo-wsch-close{
cursor: pointer;
}
.xoo-wsch-new .xoo-wsch-section{
display: flex;
align-items: center;
}
.xoo-wsch-new.xoo-wsch-top {
display: grid;
grid-template-columns: 1fr auto 1fr;
}
.xoo-wsch-new .xoo-wsch-sec-right {
grid-column: 3; justify-self: end;
}
.xoo-wsch-new .xoo-wsch-sec-left {
grid-column: 1;
justify-self: start;
}
.xoo-wsch-new .xoo-wsch-sec-center {
grid-column: 2; justify-self: center;
} .xoo-wsc-ft-buttons-cont + .xoo-wsc-info-cont {
margin-top: 6px;
}
.xoo-wsc-body .xoo-wsc-info-cont{
margin-top: 10px;
}  span.xoo-wsc-chng {
min-width: 18px;
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
font-weight: 600;
user-select: none;
}
.xoo-wsc-markup dl.variation {
flex-wrap: wrap;
}
.xoo-wsc-qtb-circle .xoo-wsc-chng {
border-radius: 50%;
height: 70%;
align-self: center;
}
.xoo-wsc-qtb-circle input[type="number"].xoo-wsc-qty {
margin: 0 5px;
}
.xoo-wsc-qty-box {
display: flex;
justify-content: center;
align-items: center;
max-width: 90px;
width: 100%;
flex-direction: row;
overflow: hidden;
}
input[type="number"].xoo-wsc-qty {
font-size: 14px;
flex-grow: 1;
padding: 6px;
text-align: center;
border: 0;
box-shadow: none;
background-color: transparent;
width: 0;
z-index: 1;
margin-bottom: 0!important;
}
.xoo-wsc-qtb-square input[type="number"].xoo-wsc-qty {
border-top-width: 0;
border-bottom-width: 0;
}
.xoo-wsc-qtb-circle input[type="number"].xoo-wsc-qty {
margin: 0 5px;
}
input.xoo-wsc-qty::-webkit-outer-spin-button, input.xoo-wsc-qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input.xoo-wsc-qty[type=number] {
-moz-appearance: textfield;
}
.xoo-wsc-pattern-card .xoo-wsc-qty-price {
justify-content: center;
}
.xoo-wsc-qty-box-cont {
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
margin: 0!important;
}
.xoo-wsc-qty-box-cont > * {
margin: 5px 3px 0;
}
.xoo-wsc-qty-price > span {
display: inline-block;
margin-right: 1px;
}
.xoo-wsc-pattern-row .xoo-wsc-qty-box, .xoo-wsc-gift-price {
margin-top: 4px;
}