.qrc_btn_canvas{display:inline-block}div.qrc-modal-toggle{text-align:center;cursor:pointer}.qrc_modal{position:absolute;z-index:10000;top:0;left:0;visibility:hidden;width:100%;height:100%}.qrc_modal.is-visible{visibility:visible}.qrc-overlay{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background:hsl(0 0% 0% / .5);visibility:hidden;opacity:0;transition:visibility 0s linear 0.3s,opacity 0.3s}.qrc_modal.is-visible .qrc-overlay{opacity:1;visibility:visible;transition-delay:0s}.qrc-modal-wrapper{padding:10px;overflow:hidden;position:fixed;z-index:9999;top:25%;left:50%;margin-left:-7em;background-color:#fff;box-shadow:0 0 1.5em hsl(0 0% 0% / .35)}.qrc-modal-transition{transition:all 0.3s 0.12s;transform:translateY(-10%);opacity:0}.qrc_modal.is-visible .qrc-modal-transition{transform:translateY(0);opacity:1}span.qrc-modal-toggle{top:0;position:absolute;line-height:1;padding:1px;background:#efefef;font-size:20px;cursor:pointer;right:0}.qrcswholewtapper .loadwrapper{//position:absolute;display:flex;justify-content:center;align-items:center}.qrcswholewtapper{position:relative}.qrcdownalodqr canvas{width:200px!important}.qrcdownalodqr .qrc_vcardcontent{margin:0 auto}.skp-ai-coloring-wrapper {
max-width: 1120px;
margin: 24px auto;
padding: 20px 20px 32px;
border-radius: 18px;
background: #ffffff;
box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: #0f172a;
box-sizing: border-box;
position: relative;
}
.skp-ai-coloring-wrapper h2 {
margin: 0 0 12px;
font-size: 1.6rem;
font-weight: 700;
}
.skp-lab-title {
text-align: center;
margin-bottom: 12px;
} .skp-token-card-row {
margin: 0 0 16px;
} .skp-ai-coloring-wrapper .skp-aia-token-card,
.skp-ai-coloring-wrapper .skp-aia-token-card-wide {
width: 100%;
max-width: 100%;
margin: 0;
} .skp-ai-coloring-wrapper .skp-aia-token-card-inner,
.skp-ai-coloring-wrapper .skp-aia-token-main {
max-width: 100%;
} .skp-mode-toggle-row {
display: inline-flex;
border-radius: 999px;
border: 1px solid rgba(148, 163, 184, 0.6);
padding: 2px;
background: #f9fafb;
margin: 12px 0 16px;
gap: 4px;
}
.skp-mode-toggle-row [data-skp-mode-btn] {
border: none;
background: transparent;
padding: 7px 16px;
border-radius: 999px;
font-size: 0.82rem;
cursor: pointer;
color: #4b5563;
}
.skp-mode-toggle-row [data-skp-mode-btn].is-active {
background: #1d4ed8;
color: #f9fafb;
} .skp-core-settings {
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 12px 14px;
background: #ffffff;
margin-bottom: 18px;
}
.skp-advanced-panel {
border: 1px solid rgba(59, 130, 246, 0.25);
border-radius: 12px;
background: #eff6ff;
margin-bottom: 18px;
}
.skp-advanced-toggle {
width: 100%;
background: transparent;
border: none;
padding: 10px 14px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.9rem;
font-weight: 600;
color: #1d4ed8;
cursor: pointer;
}
.skp-advanced-toggle-hint {
font-size: 0.75rem;
font-weight: 500;
color: #64748b;
}
.skp-advanced-body {
padding: 0 14px 12px;
}
.skp-advanced-grid {
display: grid;
gap: 12px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
margin-top: 8px;
}
.skp-advanced-group {
margin-top: 18px;
}
.skp-advanced-group h4 {
margin: 0 0 6px;
font-size: 0.85rem;
color: #1f2937;
}
.skp-advanced-select {
display: flex;
flex-direction: column;
gap: 2px;
}
.skp-advanced-select label {
font-size: 0.72rem;
color: #6b7280;
}
.skp-advanced-select select,
.skp-advanced-group select {
font-size: 0.78rem;
padding: 4px 8px;
border-radius: 8px;
border: 1px solid #d1d5db;
background: #ffffff;
}
.skp-advanced-group select {
width: 100%;
min-height: 90px;
}
.skp-advanced-group textarea {
width: 100%;
min-height: 70px;
border-radius: 8px;
border: 1px solid #d1d5db;
padding: 6px 8px;
font-size: 0.78rem;
resize: vertical;
box-sizing: border-box;
} .skp-layout-row {
display: flex;
align-items: flex-start;
gap: 20px;
margin-top: 12px;
}
.skp-left-panel {
flex: 0 0 54%;
min-width: 0;
}
.skp-right-panel {
flex: 1 1 auto;
min-width: 0;
padding: 10px 12px;
border-radius: 14px;
border: 1px solid #e5e7eb;
background: #f9fafb;
}
.skp-right-panel h3 {
margin: 0 0 8px;
font-size: 1rem;
} .skp-help-text {
margin: 0 0 10px;
font-size: 0.82rem;
color: #4b5563;
}
.skp-help-text-small {
margin: 4px 0 0;
font-size: 0.74rem;
color: #6b7280;
}
.skp-help-text-positive {
font-size: 0.8rem;
color: #047857;
margin: 4px 0 0;
}
.skp-field-label {
display: block;
margin: 10px 0 4px;
font-size: 0.82rem;
font-weight: 600;
}
.skp-field-label-small {
display: block;
margin: 4px 0 2px;
font-size: 0.74rem;
font-weight: 500;
} .skp-input-row {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
grid-template-areas:
"field field"
"idea  refine";
gap: 6px;
width: 100%;
margin-bottom: 10px;
box-sizing: border-box;
}
.skp-input-row input[type="text"],
.skp-input-row textarea {
grid-area: field;
width: 100%;
min-width: 0;
max-width: 100%;
border-radius: 8px;
border: 1px solid #d1d5db;
padding: 7px 9px;
font-size: 0.82rem;
resize: vertical;
box-sizing: border-box;
}
.skp-input-row textarea {
min-height: 80px;
} .skp-idea-btn,
.skp-refine-btn {
border-radius: 999px;
font-size: 0.72rem;
padding: 5px 10px;
display: inline-flex;
align-items: center;
gap: 4px;
cursor: pointer;
border-width: 1px;
border-style: solid;
background: #ffffff;
}
.skp-idea-btn {
grid-area: idea;
justify-self: flex-start;
border-style: dashed;
border-color: rgba(37, 99, 235, 0.55);
background: #eff6ff;
color: #1d4ed8;
transition: background 0.12s ease-out, border-color 0.12s ease-out;
}
.skp-idea-btn:hover {
background: #dbeafe;
border-color: #2563eb;
}
.skp-refine-btn {
grid-area: refine;
justify-self: flex-end;
border-color: rgba(148, 163, 184, 0.7);
background: #f9fafb;
color: #374151;
transition: background 0.12s ease-out, border-color 0.12s ease-out;
}
.skp-refine-btn:hover {
background: #e5e7eb;
border-color: #9ca3af;
} .skp-grid-6.skp-options-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px 10px;
margin: 10px 0 12px;
}
.skp-grid-6.skp-options-grid select {
width: 100%;
border-radius: 8px;
border: 1px solid #d1d5db;
background: #ffffff;
padding: 5px 8px;
font-size: 0.8rem;
} .skp-primary-btn,
.skp-secondary-btn,
.skp-page-remove-btn,
.skp-modal-close {
font-family: inherit;
}
.skp-primary-btn {
border-radius: 999px;
background: #1d4ed8;
color: #f9fafb;
border: none;
padding: 7px 16px;
font-size: 0.82rem;
font-weight: 500;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
}
.skp-primary-btn:hover {
background: #1e40af;
}
.skp-secondary-btn {
border-radius: 999px;
background: #ffffff;
color: #374151;
border: 1px solid #d1d5db;
padding: 7px 14px;
font-size: 0.82rem;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
}
.skp-secondary-btn:hover {
background: #f3f4f6;
}
.skp-actions-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin-top: 6px;
}
.skp-actions-row-center {
justify-content: center;
text-align: center;
}
.skp-margin-bottom {
margin-bottom: 10px;
}
.skp-margin-top {
margin-top: 10px;
} .skp-subheading {
margin: 10px 0 6px;
font-size: 0.9rem;
font-weight: 600;
} .skp-checkbox-row {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 0.8rem;
color: #4b5563;
}
.skp-checkbox-row input[type="checkbox"] {
width: 14px;
height: 14px;
} .skp-notes-block textarea {
width: 100%;
border-radius: 8px;
border: 1px solid #d1d5db;
padding: 7px 9px;
font-size: 0.82rem;
min-height: 60px;
resize: vertical;
} .skp-book-price-block {
margin-top: 14px;
}
.skp-book-price-block input[type="number"] {
width: 120px;
border-radius: 8px;
border: 1px solid #d1d5db;
padding: 5px 8px;
font-size: 0.82rem;
} .skp-status-pill {
display: inline-flex;
align-items: center;
padding: 4px 10px;
border-radius: 999px;
background: #e0f2fe;
color: #075985;
font-size: 0.76rem;
margin: 0 0 8px;
} .skp-upload-inline {
margin-bottom: 10px;
} .skp-preview-card {
margin-bottom: 10px;
border-radius: 12px;
border: 1px solid #e5e7eb;
background: #ffffff;
padding: 8px;
text-align: center;
}
.skp-preview-card img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.skp-single-result {
font-size: 0.8rem;
margin-bottom: 8px;
} .skp-page-canvas-grid {
margin-top: 8px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 10px;
}
.skp-page-canvas-empty {
font-size: 0.8rem;
color: #6b7280;
} .skp-page-card {
border-radius: 10px;
border: 1px solid #e5e7eb;
background: #ffffff;
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
overflow: hidden;
cursor: pointer;
transition: transform 0.12s ease-out, box-shadow 0.12s ease-out;
}
.skp-page-card-inner {
display: flex;
flex-direction: column;
height: 100%;
}
.skp-page-thumb {
position: relative;
width: 100%;
padding-top: 133%; background: #f3f4f6;
}
.skp-page-thumb img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
background: #ffffff;
}
.skp-page-meta {
padding: 6px 8px 8px;
border-top: 1px solid #e5e7eb;
}
.skp-page-label {
font-size: 0.8rem;
font-weight: 600;
margin-bottom: 2px;
}
.skp-page-hint {
font-size: 0.72rem;
color: #6b7280;
margin-bottom: 4px;
}
.skp-page-name-input {
width: 100%;
border-radius: 6px;
border: 1px solid #d1d5db;
padding: 4px 6px;
font-size: 0.76rem;
margin-bottom: 4px;
box-sizing: border-box;
}
.skp-page-actions {
display: flex;
justify-content: flex-end;
}
.skp-page-remove-btn {
border-radius: 999px;
border: 1px solid #fecaca;
background: #fef2f2;
color: #b91c1c;
font-size: 0.72rem;
padding: 3px 8px;
cursor: pointer;
}
.skp-page-remove-btn:hover {
background: #fee2e2;
} .skp-page-card.is-large {
transform: scale(1.05);
box-shadow: 0 16px 40px rgba(15, 23, 42, 0.22);
grid-column: span 2;
} .skp-page-card.is-dragging {
opacity: 0.5;
}
.skp-page-card.is-dragover {
outline: 2px dashed #1d4ed8;
outline-offset: 2px;
} .skp-book-assembly {
margin-top: 10px;
padding: 8px 10px;
border-radius: 10px;
border: 1px dashed #cbd5f5;
background: #eff6ff;
}
.skp-book-assembly h4 {
margin: 0 0 4px;
font-size: 0.9rem;
}
.skp-book-assembly-row {
font-size: 0.8rem;
margin-top: 2px;
} .skp-book-result {
margin-top: 10px;
font-size: 0.82rem;
} .skp-upload-modal-backdrop,
.skp-product-modal-backdrop {
position: fixed;
inset: 0;
background: rgba(15, 23, 42, 0.45);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
.skp-upload-modal,
.skp-product-modal {
width: 100%;
max-width: 520px;
background: #ffffff;
border-radius: 16px;
box-shadow: 0 25px 60px rgba(15, 23, 42, 0.3);
overflow: hidden;
max-height: 90vh;
display: flex;
flex-direction: column;
}
.skp-upload-modal-header,
.skp-product-modal-header {
padding: 10px 14px;
border-bottom: 1px solid #e5e7eb;
display: flex;
align-items: center;
justify-content: space-between;
}
.skp-upload-modal-header h3,
.skp-product-modal-header h3 {
margin: 0;
font-size: 1rem;
}
.skp-modal-close {
border: none;
background: transparent;
font-size: 1.2rem;
cursor: pointer;
color: #6b7280;
}
.skp-upload-modal-body,
.skp-product-modal-body {
padding: 10px 14px 8px;
overflow-y: auto;
overflow-x: hidden;
flex: 1 1 auto;
}
.skp-upload-sub {
margin: 0 0 8px;
font-size: 0.84rem;
}
.skp-upload-row {
margin-bottom: 8px;
}
.skp-upload-modal-footer,
.skp-product-modal-footer {
padding: 8px 14px 10px;
border-top: 1px solid #e5e7eb;
display: flex;
justify-content: flex-end;
gap: 8px;
}
.skp-product-image-preview,
.skp-product-gallery-previews {
position: relative;
}
.skp-product-image-preview {
width: 100%;
}
.skp-product-image-frame {
position: relative;
width: 100%;
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #f9fafb;
padding: 12px;
overflow: hidden;
}
.skp-product-image-preview img,
.skp-product-gallery-previews img {
width: 100%;
max-height: 220px;
object-fit: contain;
border-radius: 8px;
background: #f3f4f6;
position: relative;
z-index: 1;
pointer-events: none;
}
.skp-product-gallery-previews {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
gap: 8px;
margin-top: 6px;
}
.skp-product-gallery-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
gap: 10px;
margin-top: 8px;
}
.skp-product-gallery-option {
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 6px;
background: #f9fafb;
display: flex;
flex-direction: column;
gap: 6px;
}
.skp-product-gallery-thumb {
position: relative;
border: 1px solid #e5e7eb;
border-radius: 10px;
background: #fff;
padding: 6px;
overflow: hidden;
}
.skp-product-gallery-option img {
width: 100%;
height: 80px;
object-fit: cover;
border-radius: 8px;
background: #f3f4f6;
position: relative;
z-index: 1;
pointer-events: none;
}
.skp-product-gallery-option label {
display: flex;
align-items: center;
gap: 6px;
font-size: 0.78rem;
}
.skp-product-gallery-option input[type="checkbox"] {
margin: 0;
}
.skp-page-thumb-notes {
display: flex;
align-items: stretch;
justify-content: center;
padding: 10px;
}
.skp-page-notes-card {
width: 100%;
min-height: 160px;
border: 2px dashed #cbd5f5;
border-radius: 12px;
padding: 12px;
background: #f8fafc;
color: #334155;
font-size: 0.78rem;
display: flex;
flex-direction: column;
gap: 8px;
overflow: hidden;
text-align: center;
}
.skp-page-notes-title {
font-weight: 600;
font-size: 0.85rem;
color: #1e293b;
}
.skp-page-notes-text {
font-size: 0.75rem;
line-height: 1.3;
white-space: pre-wrap;
word-break: break-word;
display: flex;
flex-direction: column;
gap: 6px;
}
.skp-product-gallery-item {
position: relative;
border: 1px solid #e5e7eb;
border-radius: 10px;
background: #fff;
padding: 6px;
overflow: hidden;
}
.skp-product-watermark {
position: absolute;
inset: 0;
background-image: url(https://skooledup.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-17-2026-11_00_35-PM.png);
background-size: 70%;
background-repeat: no-repeat;
background-position: center;
opacity: 0.35;
pointer-events: auto;
z-index: 3;
} .skp-product-watermark-wrap {
position: relative;
display: block;
}
.skp-product-watermark-overlay {
position: absolute;
inset: 0;
background-image: url(https://skooledup.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-17-2026-11_00_35-PM.png);
background-size: 70%;
background-repeat: no-repeat;
background-position: center;
opacity: 0.35;
pointer-events: none;
} body.skp-vendor-watermark-product div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images > div > div > div.woocommerce-product-gallery__image.flex-active-slide,
body.skp-vendor-watermark-product div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images > div > div {
position: relative;
}
body.skp-vendor-watermark-product div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images > div > div > div.woocommerce-product-gallery__image.flex-active-slide::after,
body.skp-vendor-watermark-product div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images > div > div::after {
content: '';
position: absolute;
inset: 0;
background-image: url(https://skooledup.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-17-2026-11_00_35-PM.png);
background-size: 70%;
background-repeat: no-repeat;
background-position: center;
opacity: 0.35;
pointer-events: none;
z-index: 2;
} .products .product_cat-products-by-vendors .woocommerce-LoopProduct-link,
.products .product_cat-vendor-coloring-books .woocommerce-LoopProduct-link {
position: relative;
}
.products .product_cat-products-by-vendors .woocommerce-LoopProduct-link::after,
.products .product_cat-vendor-coloring-books .woocommerce-LoopProduct-link::after {
content: '';
position: absolute;
inset: 0;
background-image: url(https://skooledup.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-17-2026-11_00_35-PM.png);
background-size: 70%;
background-repeat: no-repeat;
background-position: center;
opacity: 0.35;
pointer-events: none;
}
.single-product .product_cat-products-by-vendors .woocommerce-product-gallery__wrapper,
.single-product .product_cat-vendor-coloring-books .woocommerce-product-gallery__wrapper {
position: relative;
}
.single-product .product_cat-products-by-vendors .woocommerce-product-gallery__wrapper::after,
.single-product .product_cat-vendor-coloring-books .woocommerce-product-gallery__wrapper::after {
content: '';
position: absolute;
inset: 0;
background-image: url(https://skooledup.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-17-2026-11_00_35-PM.png);
background-size: 70%;
background-repeat: no-repeat;
background-position: center;
opacity: 0.35;
pointer-events: none;
}
.skp-product-watermark-inside {
background-image: url(https://skooledup.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-18-2026-06_32_55-AM.png);
opacity: 0.55;
}
.skp-product-modal-note {
margin: 0 14px 12px;
} .skp-loading-overlay {
position: fixed;
inset: 0;
background: rgba(15, 23, 42, 0.4);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 10000;
}
.skp-loading-spinner {
width: 34px;
height: 34px;
border-radius: 999px;
border: 3px solid rgba(209, 213, 219, 0.8);
border-top-color: #1d4ed8;
animation: skp-spin 0.8s linear infinite;
margin-bottom: 6px;
}
.skp-loading-text {
font-size: 0.84rem;
color: #e5e7eb;
}
@keyframes skp-spin {
to {
transform: rotate(360deg);
}
} @media (max-width: 900px) {
.skp-layout-row {
flex-direction: column;
}
.skp-left-panel,
.skp-right-panel {
flex: 1 1 auto;
}
}
@media (max-width: 640px) {
.skp-advanced-grid {
grid-template-columns: 1fr;
}
.skp-grid-6.skp-options-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
} .skp-input-row {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
grid-template-areas:
"field"
"idea"
"refine";
}
.skp-idea-btn,
.skp-refine-btn {
justify-self: stretch;
text-align: center;
}
} .skp-page-overlay {
position: absolute;
inset: 0;
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.55);
opacity: 0;
transition: opacity 0.2s ease;
}
.skp-page-card:hover .skp-page-overlay {
opacity: 1;
}
.skp-page-action {
border: none;
padding: 6px 12px;
border-radius: 999px;
background: #fff;
color: #111;
font-weight: 600;
cursor: pointer;
} .skp-refine-modal-backdrop {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
.skp-refine-modal {
background: #fff;
width: min(900px, 92vw);
border-radius: 12px;
overflow: hidden;
display: flex;
flex-direction: column;
max-height: 90vh;
}
.skp-refine-modal-header,
.skp-refine-modal-footer {
padding: 16px;
border-bottom: 1px solid #e6e6e6;
display: flex;
align-items: center;
justify-content: space-between;
}
.skp-refine-modal-footer {
border-top: 1px solid #e6e6e6;
border-bottom: none;
}
.skp-refine-modal-body {
padding: 16px;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1 1 auto;
overflow-y: auto;
overflow-x: hidden;
}
.skp-refine-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.skp-refine-modes {
display: flex;
gap: 8px;
}
.skp-refine-toolbar .skp-secondary-btn.is-active {
background: #1d4ed8;
color: #fff;
border-color: #1d4ed8;
}
.skp-refine-zoom-hint {
font-size: 0.78rem;
color: #6b7280;
}
.skp-refine-canvas {
position: relative;
width: 100%;
max-height: 420px;
border: 1px solid #e6e6e6;
border-radius: 8px;
overflow: hidden;
background: #fafafa;
}
.skp-refine-canvas-inner {
position: relative;
display: inline-block;
transform-origin: top left;
}
.skp-refine-canvas img {
display: block;
width: 100%;
height: auto;
}
.skp-refine-selection-layer {
position: absolute;
inset: 0;
cursor: crosshair;
}
.skp-refine-box {
position: absolute;
border: 2px dashed #1e73be;
background: rgba(30, 115, 190, 0.2);
}
.skp-refine-freehand {
position: absolute;
inset: 0;
}
.skp-refine-freehand path {
pointer-events: none;
}
.skp-refine-selection-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.skp-refine-row {
display: flex;
align-items: center;
justify-content: space-between;
background: #f5f5f5;
padding: 8px 10px;
border-radius: 6px;
}
.skp-refine-remove {
border: none;
background: #fff;
padding: 4px 8px;
border-radius: 999px;
cursor: pointer;
}.wps_sfw_account_wrap {
overflow-x: auto;
}
.wps_sfw_free_trial,
.wps_sfw_signup_fee {
display: block;
}
.wps_sfw_experimental_feature_notice {
color: red;
} div#oceanwp-cart-sidebar-wrap .oceanwp-cart-sidebar {
width: 100%;
max-width: 400px;
}
div#oceanwp-cart-sidebar-wrap .wps_sfw_subscription_wrapper {
padding: 10px;
}
.oceanwp-theme .wps_sfw_subscription_inner_wrapper .amount {
color: #fff !important;
}
.theme-betheme .wps_sfw_subscription_wrapper label,
.theme-betheme .wps_sfw_subscription_wrapper p,
.oceanwp-theme .wps_sfw_subscription_wrapper label,
.oceanwp-theme .wps_sfw_subscription_wrapper p {
line-height: 28px;
}
.theme-betheme .wps_sfw_subscription_wrapper,
.oceanwp-theme .wps_sfw_subscription_wrapper {
text-align: left;
padding: 10px;
}
.mfp-wrap .mfp-container .mfp-content {
width: 100%;
max-width: 500px;
}
.wps_sfw_subscription_wrapper label,
.wps_sfw_subscription_wrapper p {
display: inline-block;
white-space: break-spaces;
}
.wps_sfw_subscription_wrapper input[type=radio] {
vertical-align: middle;
margin: 0 5px 5px 0;
}
.wps_sfw_account_wrap table {
width: 100%;
}
.wps_sfw_account_additional_wrap {
padding: 10px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
border: 1px solid #dddddd;
margin: 0 0 20px;
}
.wps_sfw_account_additional_wrap table {
border: none;
margin: 0;
}
.wps_sfw_account_additional_wrap table th {
font-size: 15px;
line-height: 1.25;
text-align: center;
vertical-align: middle;
color: #000;
}
.wps_sfw_account_additional_wrap table td {
text-align: center;
}
.wps_sfw_account_additional_wrap table td:first-of-type,
.wps_sfw_account_additional_wrap table th:first-of-type {
text-align: left;
}
.wps_sfw_account_additional_wrap table td:nth-of-type(2) {
text-transform: capitalize;
position: relative;
}
.woocommerce-orders-table__cell-order-status span {
background: #b7ddb7;
padding: 3px 5px;
line-height: 1.25;
border-radius: 3px;
color: green;
font-size: 14px;
text-transform: capitalize;
}
.wps_sfw_expired span {
background: #ffe2df;
color: #e74c3c;
}
.wps_sfw_cancelled span {
background: #fbdec4;
color: #e67e22;
}
.wps_sfw_on-hold span {
background: #fff4c7;
color: #f1c40f;
}
.wps_sfw_paused span {
background: #cfecff;
color: #3498db;
}
.wps_wsp_recurring_total_td {
font-weight: 600;
}
.wps_wsp_recurring_total th {
vertical-align: top;
} .wps_sfw_order_details a.wps_upgrade_downgrade.button {
display: block;
max-width: max-content;
margin: 5px 0 0;
line-height: 1.25;
padding: 10px 10px;
background: #f8f8f8;
border: 2px solid #f8f8f8;
font-size: 14px;
color: #000;
}
.wps_sfw_details_wrap table.shop_table th,
.wps_sfw_account_wrap table th {
border-bottom: 1px solid #ccc;
font-weight: 600;
}
.wps_sfw_details_wrap table.shop_table th,
.wps_sfw_details_wrap table.shop_table td,
.wps_sfw_account_wrap table thead th,
.wps_sfw_account_wrap table tbody td {
background: transparent;
padding: 15px;
text-align: left;
}
.wps_sfw_details_wrap table.shop_table tr,
.wps_sfw_account_wrap table tbody tr {
border: none;
}
.wps_sfw_details_wrap table.shop_table tr:nth-of-type(even),
.wps_sfw_account_wrap table tbody tr:nth-of-type(even) {
background: #f8f8f8;
}
.wps_sfw_details_wrap h3 {
padding: 10px 15px;
font-size: 24px;
margin: 0 0 10px;
font-weight: 500;
line-height: 1.25;
color: #000000;
background: #f3f3f3;
border-radius: 8px;
border: 1px solid #e2e2e2;
cursor: default;
}
.wps_sfw_details_wrap table+h3 {
margin: 25px 0 15px;
}
.wps_sfw_account_additional_wrap table td a.button {
margin: 0 8px 8px 0;
border-radius: 5px;
padding: 10px 20px;
line-height: 1.25;
font-size: 15px;
display: inline-block;
}
.wps_sfw_account_additional_wrap table td:first-of-type {
font-weight: 500;
color: #000;
}
.wps_sfw_show-subscription-page #secondary {
display: none;
}
.wps_sfw_show-subscription-page #primary {
width: 100%;
margin: 0;
}
.wps_sfw_details_wrap-parent {
container-type: inline-size;
container-name: subs-box;
}
.wps_sfw_details_wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap {
grid-column-start: 1;
grid-column-end: 3;
}
.wps_sfw_account_additional_wrap {
margin: 0;
padding: 15px;
transition: all 0.2s linear;
}
.wps_sfw_account_additional_wrap:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
@container subs-box (max-width: 690px) {
.wps_sfw_details_wrap {
gap: 30px;
display: flex;
flex-wrap: wrap;
}
.wps_sfw_details_wrap .wps_sfw_account_additional_wrap table.shop_table {
width: 100%;
}
.wps_sfw_account_additional_wrap {
flex: 1 0 45%;
}
.wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap {
overflow: auto;
}
}  p.wps_sfw_inner_description {
padding: 10px;
background: #f8f8f8;
margin: 5px 0px 20px;
} .wps_recurring_bifurcation_wrapper a {
text-decoration: none !important;
}
.wps_recurring_bifurcation_wrapper ul {
margin: 0 0 15px;
}
.wps_recurring_bifurcation_wrapper li label {
font-weight: 600;
}
.wps_recurring_bifurcation_wrapper li {
list-style: none;
display: flex;
justify-content: space-between;
padding: 5px 0;
border-bottom: 1px solid #dcdcdc;
flex-wrap: wrap;
} :root {
--wps_sfw_box-primary: rgb(46, 103, 173);
}
a.button.wps_sfw_subs_box-button {
padding: 10px;
border: 1px solid;
}
.wps_sfw_subscription_box_info {
margin-bottom: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.wps_sfw_subs_box-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); justify-content: center;
align-items: center;
z-index: 9999999999;
}
.wps_sfw_subs_box-content {
background: white;
padding: 20px;
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
text-align: center;
border-radius: 10px;
position: absolute;
animation: fadeIn 0.3s ease-in-out;
}
.wps_sfw_subs_box-content form {
margin: 0;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
.wps_sfw_subs_box-close {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
font-weight: normal;
cursor: pointer;
color: #3d3d3d;
z-index: 9999999;
line-height: 0;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wps_sfw_subs_box-close:hover {
color: var(--wps_sfw_box-primary);
}
.wps_sfw_sub_box_prod_container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
overflow: auto;
padding: 20px;
gap: 15px;
position: absolute;
align-items: flex-start;
top: 90px;
bottom: 90px;
}
.wps_sfw_sub_box_prod_count {
font-size: 16px;
font-weight: bold;
margin-right: 5px;
display: inline-block;
}
.wps_sfw-sb-title {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 15px;
background: #fff;
border-radius: 10px 10px 0 0;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title h2 {
margin: 0 auto;
font-size: 22px;
font-weight: bold;
line-height: 1.25;
max-width: 450px;
position: relative;
padding: 0 30px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title h3 {
margin: 10px auto;
font-size: 16px;
font-weight: normal;
line-height: 1.5;
text-transform: uppercase;
background: #efefef;
padding: 10px;
border-radius: 5px;
text-align: center;
max-width: 600px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title p {
margin: 0 auto 15px;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
max-width: 800px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta {
padding: 15px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
background: #fff;
display: flex;
justify-content: space-between;
gap: 15px;
align-items: center;
flex-wrap: wrap;
border-radius: 0 0 10px 10px;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item {
padding: 10px;
border-radius: 5px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_name {
font-size: 14px;
font-weight: bold;
line-height: 1.25;
margin: 10px 0;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty input[type=number] {
color: #000;
width: 60px !important;
padding: 5px;
line-height: 1.25;
text-align: center;
margin: 0;
border-radius: 3px;
font-size: 14px;
min-height: 32px;
height: auto;
border: 1px solid #e2e2e2;
background: transparent;
box-shadow: none;
-moz-appearance: textfield;
pointer-events: none;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty input[type="number"]::-webkit-inner-spin-button,
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty button {
padding: 0;
width: 32px;
height: 32px;
border-radius: 3px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
background: var(--wps_sfw_box-primary);
color: #fff;
font-size: 18px;
font-weight: normal;
transition: all 0.3s linear;
border: 1px solid var(--wps_sfw_box-primary);
cursor: pointer;
margin: 0;
min-height: auto;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_image img {
border-radius: 3px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta .wps_sfw-sb-cta-total {
font-size: 24px;
line-height: 1.25;
display: flex;
gap: 5px;
align-items: center;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta .wps_sfw-sb-cta-total .amount {
color: var(--wps_sfw_box-primary);
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta button {
background: var(--wps_sfw_box-primary);
border-radius: 5px;
padding: 10px 20px;
line-height: 1.25;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.2px;
min-height: 40px;
border: 1px solid var(--wps_sfw_box-primary);
transition: all 0.3s linear;
color: #fff;
cursor: pointer;
margin: 0;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta button:after {
display: none !important;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty button:focus,
#wps_sfw_subs_box-form .wps_sfw-sb-cta button:focus,
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty input[type=number]:focus {
outline: none;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty button:hover,
#wps_sfw_subs_box-form .wps_sfw-sb-cta button:hover {
background: transparent;
color: var(--wps_sfw_box-primary);
}
.theme-betheme .wps_sfw_sub_box_prod_container {
height: calc(100vh - 275px);
} a.wps_show_customer_subscription_box_popup {
display: block;
font-size: 14px;
color: #000;
}
.wps-attached-products-popup {
z-index: -999;
opacity: 0;
position: fixed;
top: 50%;
left: 50%;
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transform: translate(-50%, -50%);
max-width: 400px;
max-height: 400px;
width: 100%;
transition: opacity 0.3s linear;
}
.wps-attached-products-popup.active_customer_popup {
z-index: 99999999999;
opacity: 1;
}
.wps-attached-products-popup ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.wps-attached-products-popup strong {
font-size: 18px;
color: #000;
line-height: 1.25;
margin: 0 0 15px;
display: inline-block;
}
.wps-attached-products-popup .wps_sfw_customer_close_popup {
font-size: 24px;
line-height: 0;
position: absolute;
top: 10px;
right: 10px;
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.wps-attached-products-popup ul li {
display: flex;
flex-direction: column;
gap: 5px;
align-items: center;
font-size: 14px;
}
p.wps_sfw_subscription_box_error_notice {
background: #ffe7e7;
padding: 12px 15px;
font-size: 14px !important;
border-radius: 0 5px 5px 0;
display: inline-block;
border-left: 5px solid;
position: absolute;
left: 0;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title .wps_sfw-sb-step-label {
background: rgb(237 244 255);
display: inline-block;
padding: 6px 15px;
font-size: 14px;
font-weight: 400;
border-radius: 50px;
text-transform: capitalize;
color: var(--wps_sfw_box-primary);
margin: 10px 0 0;
} @media only screen and (max-width: 1200px) {
.wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 820px) {
.wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 640px) {
.wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr 1fr;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta .wps_sfw-sb-cta-total {
font-size: 18px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title h2 {
font-size: 18px;
}
}
@media only screen and (max-width: 420px) {
.wps_sfw_subs_box-close {
top: 0;
right: 0;
}
.wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr;
height: calc(100vh - 270px);
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta {
justify-content: center;
flex-direction: column;
}
.theme-betheme .wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr;
height: calc(100vh - 310px);
}
} a.wps_sfw_sub_detail_back svg {
width: 24px;
height: auto;
}
a.wps_sfw_sub_detail_back {
font-size: 16px;
align-items: center;
display: inline-flex;
gap: 5px;
text-decoration: none !important;
color: black;
margin-bottom: 15px;
}.wbc-image-wrap {
position: relative;
display: inline-block;
}
.wbc-image-wrap img {
display: block;
user-select: none;
-webkit-user-drag: none;
}
.wbc-watermark {
position: absolute;
inset: 0;
z-index: 5;
pointer-events: none;
opacity: 0.25;
background-repeat: repeat;
background-size: 200px auto;
background-position: center;
}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--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}.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}