@charset "UTF-8";
.aww-menu-wishlist {
display: inline-flex;
align-items: center;
gap: 6px;
padding-left: 1.5rem !important;
}
.aww-menu-wishlist::before {
content: "";
display: inline-block;
flex-shrink: 0;
width: 20px;
height: 20px;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 3C14.76 3 13.09 3.81 12 5.09 10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 3C14.76 3 13.09 3.81 12 5.09 10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3z'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-54%);
} .aww-menu-saved-carts {
display: inline-flex;
align-items: center;
gap: 6px;
padding-left: 1.5rem !important;
position: relative;
}
.aww-menu-saved-carts::before {
content: "";
display: inline-block;
flex-shrink: 0;
width: 20px;
height: 20px;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M426.5,0h-381C20.4,0,0,20.4,0,45.5v420.9C0,491.6,20.4,512,45.5,512h420.9c25.1,0,45.5-20.4,45.5-45.5V83.6L426.5,0z M241.6,29.7v119.9h90.1V29.7h29.7v136.5H120.8V29.7H241.6z M421.9,481.4H91.1v-0.1 M61.3,480.4H46.5c-8.4,0-14.9-6.5-14.9-14.9v-420c0-8.4,6.5-14.9,14.9-14.9H92v166.3h301.1V29.7h21.4l67.8,66l0,369.8c0,8.4-6.5,14.9-14.9,14.9h-15.8 M212.8,470c-17.3,0-31.2-14-31.2-31.2c0-17.3,14-31.2,31.2-31.2s31.2,14,31.2,31.2C244,456,230.1,470,212.8,470 M322.2,470c-17.3,0-31.2-14-31.2-31.2c0-17.3,14-31.2,31.2-31.2c17.3,0,31.2,14,31.2,31.2C353.4,456,339.4,470,322.2,470 M118.5,250.1c-8.3-0.3-14.8-7.2-14.5-15.5c0.2-7.9,6.6-14.3,14.5-14.5h18c14.1,0,26.3,9.8,29.3,23.5l19.6,88.1c3.1,13.7,15.3,23.5,29.3,23.5h117.3l22.5-90.1h-146c-8.3-0.4-14.7-7.4-14.3-15.7c0.4-7.8,6.6-14,14.3-14.3h146c16.6,0,30.1,13.4,30.1,30c0,2.5-0.3,4.9-0.9,7.3l-22.5,90.1c-3.3,13.4-15.4,22.8-29.2,22.8H214.7c-28.2,0-52.6-19.6-58.7-47.1l-19.6-88.1H118.5z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M426.5,0h-381C20.4,0,0,20.4,0,45.5v420.9C0,491.6,20.4,512,45.5,512h420.9c25.1,0,45.5-20.4,45.5-45.5V83.6L426.5,0z M241.6,29.7v119.9h90.1V29.7h29.7v136.5H120.8V29.7H241.6z M421.9,481.4H91.1v-0.1 M61.3,480.4H46.5c-8.4,0-14.9-6.5-14.9-14.9v-420c0-8.4,6.5-14.9,14.9-14.9H92v166.3h301.1V29.7h21.4l67.8,66l0,369.8c0,8.4-6.5,14.9-14.9,14.9h-15.8 M212.8,470c-17.3,0-31.2-14-31.2-31.2c0-17.3,14-31.2,31.2-31.2s31.2,14,31.2,31.2C244,456,230.1,470,212.8,470 M322.2,470c-17.3,0-31.2-14-31.2-31.2c0-17.3,14-31.2,31.2-31.2c17.3,0,31.2,14,31.2,31.2C353.4,456,339.4,470,322.2,470 M118.5,250.1c-8.3-0.3-14.8-7.2-14.5-15.5c0.2-7.9,6.6-14.3,14.5-14.5h18c14.1,0,26.3,9.8,29.3,23.5l19.6,88.1c3.1,13.7,15.3,23.5,29.3,23.5h117.3l22.5-90.1h-146c-8.3-0.4-14.7-7.4-14.3-15.7c0.4-7.8,6.6-14,14.3-14.3h146c16.6,0,30.1,13.4,30.1,30c0,2.5-0.3,4.9-0.9,7.3l-22.5,90.1c-3.3,13.4-15.4,22.8-29.2,22.8H214.7c-28.2,0-52.6-19.6-58.7-47.1l-19.6-88.1H118.5z'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-54%);
} .aww-add-button {
display: inline-flex;
align-items: center;
gap: 6px;
background: transparent;
border: 1px solid currentColor;
border-radius: 3px;
padding: 6px 10px;
cursor: pointer;
font-size: 0.875em;
color: #555;
transition: color 0.2s, border-color 0.2s, background 0.2s;
margin-top: 8px;
white-space: nowrap;
text-decoration: none;
vertical-align: middle;
}
.aww-add-button:hover {
color: #e2401c;
border-color: #e2401c;
outline: none;
}
.single-product .aww-add-button {
margin-left: 15px;
}
.aww-add-button.aww-added {
color: #e2401c;
border-color: #e2401c;
}
.aww-add-button.aww-loading {
opacity: 0.6;
pointer-events: none;
} .woocommerce div.product .aww-add-button {
margin-top: 0;
}
.aww-add-button .aww-icon {
flex-shrink: 0;
transition: transform 0.2s;
}
.aww-add-button:hover .aww-icon,
.aww-add-button.aww-added .aww-icon {
transform: scale(1.15);
} .woocommerce ul.products li.product {
position: relative;
}
.aww-on-image-wrap {
position: absolute;
top: 8px;
left: 8px;
z-index: 9;
}
.aww-on-image-wrap .aww-add-button {
margin-top: 0;
background: #fff;
} .aww-add-button.aww-icon-only {
gap: 0;
padding: 6px;
}
.aww-add-button.aww-icon-only .aww-button-text {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
} .aww-mini-widget {
display: inline-flex;
align-items: center;
}
.aww-mini-trigger,
.aww-cart-mini-trigger {
background: none;
border: none;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
color: currentColor;
transition: color 0.2s;
position: relative;
text-decoration: none;
}
.aww-mini-trigger>a {
padding-left: 1.25rem;
}
.aww-mini-trigger:hover,
.aww-mini-trigger:focus,
.aww-cart-mini-trigger:hover,
.aww-cart-mini-trigger:focus {
color: #e2401c;
outline: none;
}
.aww-mini-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 18px;
height: 18px;
padding: 0 4px;
background: #e2401c;
color: #fff;
font-size: 11px;
font-weight: 700;
border-radius: 9px;
line-height: 1;
position: absolute;
top: 50%;
right: 0;
transform: translate(10px, -119%);
}
.aww-mini-count:empty,
.aww-mini-count[data-count="0"] {
display: none;
} .aww-panel-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.45);
z-index: 999998;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.aww-panel-overlay.aww-open {
opacity: 1;
visibility: visible;
} .aww-panel {
position: fixed;
top: 0;
right: 0;
width: 400px;
max-width: 100vw;
height: 100%;
background: #fff;
z-index: 999999;
transform: translateX(100%);
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
flex-direction: column;
box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
}
.aww-panel-overlay.aww-open .aww-panel {
transform: translateX(0);
}
.aww-panel-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 20px;
border-bottom: 1px solid #eee;
flex-shrink: 0;
}
.aww-panel-title {
margin: 0;
font-size: 1.1em;
font-weight: 700;
color: #333;
}
.aww-panel-close {
background: none;
border: none;
cursor: pointer;
padding: 4px;
color: #666;
line-height: 1;
border-radius: 3px;
transition: color 0.2s, background 0.2s;
}
.aww-panel-close:hover {
color: #e2401c;
background: #fef0ed;
}
.aww-panel-content {
flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
} .aww-panel-loading {
display: flex;
align-items: center;
justify-content: center;
height: 120px;
}
.aww-spinner {
display: inline-block;
width: 28px;
height: 28px;
border: 3px solid #eee;
border-top-color: #e2401c;
border-radius: 50%;
animation: aww-spin 0.7s linear infinite;
}
@keyframes aww-spin {
to { transform: rotate(360deg); }
} .aww-panel-tabs {
display: flex;
align-items: center;
border-bottom: 1px solid #eee;
padding: 0 16px;
gap: 4px;
-webkit-overflow-scrolling: touch;
flex-shrink: 0;
}
.aww-panel-list-pane {
display: none;
}
.aww-panel-list-pane.aww-pane-active {
display: block;
}
.aww-panel-tab {
background: none;
border: none;
border-bottom: 2px solid transparent;
padding: 10px 12px 8px;
cursor: pointer;
font-size: 0.85em;
color: #666;
white-space: nowrap;
transition: color 0.2s, border-color 0.2s;
margin-bottom: -1px;
}
.aww-panel-tab:hover,
.aww-panel-tab.aww-tab-active {
color: #e2401c;
border-bottom-color: #e2401c;
}
.aww-panel-new-list {
background: none;
border: none;
cursor: pointer;
color: #e2401c;
padding: 8px 4px;
flex-shrink: 0;
margin-left: auto;
display: flex;
align-items: center;
} .aww-panel-list-actions {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
background: #fafafa;
border-bottom: 1px solid #eee;
flex-wrap: wrap;
}
.aww-privacy-select {
font-size: 0.8em;
padding: 3px 6px;
border: 1px solid #ddd;
border-radius: 3px;
background: #fff;
cursor: pointer;
}
.aww-btn-rename {
background: none;
border: none;
cursor: pointer;
font-size: 0.8em;
color: #555;
padding: 3px 6px;
text-decoration: underline;
}
.aww-btn-rename:hover { color: #e2401c; }
.aww-panel-list-actions .aww-btn-set-default {
background: none;
border: none;
cursor: pointer;
font-size: 0.8em;
color: #555;
padding: 3px 6px;
text-decoration: underline;
}
.aww-panel-list-actions .aww-btn-set-default:hover { color: #e2401c; }
.aww-btn-delete-list {
background: none;
border: none;
cursor: pointer;
color: #999;
padding: 3px;
margin-left: auto;
display: flex;
align-items: center;
transition: color 0.2s;
}
.aww-btn-delete-list:hover { color: #cc0000; } .aww-panel-items {
list-style: none;
margin: 0;
padding: 0;
}
.aww-panel-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 14px 16px;
border-bottom: 1px solid #f0f0f0;
transition: background 0.15s;
}
.aww-panel-item:hover { background: #fafafa; }
.aww-item-image {
flex-shrink: 0;
width: 64px;
height: 64px;
overflow: hidden;
border-radius: 4px;
border: 1px solid #eee;
}
.aww-item-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.aww-item-details {
flex: 1;
min-width: 0;
}
.aww-item-name {
font-weight: 600;
font-size: 0.875em;
color: #333;
text-decoration: none;
display: block;
margin-bottom: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.aww-item-name:hover { color: #e2401c; }
.aww-item-price {
font-weight: 700;
font-size: 0.9em;
color: #e2401c;
margin-bottom: 3px;
}
.aww-item-stock {
font-size: 0.75em;
color: #888;
}
.aww-item-stock.in-stock { color: #3a7d44; }
.aww-item-stock.out-of-stock { color: #cc0000; }
.aww-item-actions {
display: flex;
flex-direction: column;
gap: 6px;
flex-shrink: 0;
}
.aww-item-add-to-cart,
.aww-item-move,
.aww-item-remove {
background: none;
border: 1px solid #ddd;
cursor: pointer;
padding: 5px 7px;
border-radius: 3px;
color: #555;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.2s, border-color 0.2s, background 0.2s;
line-height: 1;
}
.aww-item-add-to-cart:hover {
color: #fff;
background: #3a7d44;
border-color: #3a7d44;
}
.aww-item-move:hover {
color: #555;
border-color: #999;
}
.aww-item-remove:hover {
color: #fff;
background: #cc0000;
border-color: #cc0000;
} .aww-panel-footer-actions {
padding: 14px 16px;
border-top: 1px solid #eee;
display: flex;
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
.aww-btn-add-all {
flex: 1;
}
.aww-btn-view-full {
font-size: 0.85em;
color: #555;
text-decoration: underline;
white-space: nowrap;
} .aww-panel-empty {
padding: 40px 20px;
text-align: center;
color: #999;
}
.aww-panel-empty-icon {
margin-bottom: 16px;
color: #ddd;
} .aww-panel-sharing {
padding: 14px 16px;
border-top: 1px solid #eee;
background: #fafafa;
}
.aww-panel-sharing h4 {
margin: 0 0 8px;
font-size: 0.85em;
color: #666;
}
.aww-share-url-row {
display: flex;
gap: 6px;
margin-bottom: 10px;
}
.aww-share-url {
flex: 1;
border: 1px solid #ddd;
border-radius: 3px;
padding: 6px 8px;
font-size: 0.8em;
color: #555;
background: #fff;
}
.aww-copy-link {
padding: 6px 12px;
font-size: 0.8em;
cursor: pointer;
background: #555;
color: #fff;
border: none;
border-radius: 3px;
transition: background 0.2s;
white-space: nowrap;
}
.aww-copy-link:hover { background: #333; } .aww-social-share {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 10px;
}
.aww-social-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
color: #fff;
text-decoration: none;
transition: opacity 0.2s, transform 0.2s;
border: none;
cursor: pointer;
}
.aww-social-btn:hover {
opacity: 0.85;
transform: translateY(-1px);
}
.aww-fb  { background: #1877f2; }
.aww-tw  { background: #000; }
.aww-pt  { background: #e60023; }
.aww-wa  { background: #25d366; }
.aww-tg  { background: #229ed9; }
.aww-email-share { background: #555; } .aww-email-form {
padding: 10px 0 0;
}
.aww-email-to,
.aww-email-message {
width: 100%;
border: 1px solid #ddd;
border-radius: 3px;
padding: 7px 10px;
font-size: 0.85em;
margin-bottom: 6px;
box-sizing: border-box;
font-family: inherit;
}
.aww-email-message {
resize: vertical;
min-height: 70px;
} .aww-wishlist-page {
max-width: 100%;
}
.aww-page-header {
margin-bottom: 24px;
}
.aww-page-tabs {
display: flex;
align-items: center;
gap: 4px;
border-bottom: 2px solid #eee;
margin-bottom: 16px;
flex-wrap: wrap;
}
.aww-page-tab {
padding: 10px 18px 8px;
text-decoration: none;
color: #555;
font-size: 0.9em;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
display: inline-flex;
align-items: center;
gap: 6px;
transition: color 0.2s, border-color 0.2s;
}
.aww-page-tab:hover,
.aww-page-tab-active {
color: #e2401c;
border-bottom-color: #e2401c;
}
.aww-tab-count {
background: #eee;
border-radius: 9px;
padding: 1px 7px;
font-size: 0.8em;
}
.aww-page-new-list {
background: none;
border: 1px dashed #ddd;
border-radius: 3px;
cursor: pointer;
padding: 6px 14px;
font-size: 0.85em;
color: #666;
transition: border-color 0.2s, color 0.2s;
margin-left: auto;
}
.aww-page-new-list:hover {
border-color: #e2401c;
color: #e2401c;
}
.aww-active-list-meta {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 16px;
}
.aww-list-name-display {
font-weight: 700;
font-size: 1.1em;
}
.aww-default-badge {
display: inline-flex;
align-items: center;
padding: 2px 9px;
border-radius: 9px;
background: #e2401c;
color: #fff;
font-size: 0.75em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.aww-default-star {
color: #e2401c;
font-size: 0.85em;
line-height: 1;
}
.aww-btn-link {
background: none;
border: none;
cursor: pointer;
text-decoration: underline;
color: #555;
font-size: 0.85em;
padding: 0;
}
.aww-btn-link:hover { color: #e2401c; }
.aww-link-danger:hover { color: #cc0000; } .aww-price-alert-wrap,
.aww-stock-alert-wrap {
margin-top: 6px;
font-size: 0.8em;
}
.aww-item-alerts {
display: flex;
flex-direction: column;
gap: 4px;
margin-top: 8px;
font-size: 0.75em;
}
.aww-alert-active {
color: #3a7d44;
}
.aww-price-alert-form {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 4px;
}
.aww-price-alert-input {
width: 90px;
padding: 4px 6px;
border: 1px solid #ddd;
border-radius: 3px;
font-size: 0.95em;
} .aww-wishlist-table {
width: 100%;
border-collapse: collapse;
}
.aww-wishlist-table th {
padding: 10px 12px;
text-align: left;
font-weight: 600;
border-bottom: 2px solid #eee;
font-size: 0.85em;
color: #555;
}
.aww-wishlist-table td {
padding: 14px 12px;
border-bottom: 1px solid #f0f0f0;
vertical-align: middle;
}
.aww-wishlist-table tr:hover td {
background: #fafafa;
}
.aww-col-check  { width: 36px; text-align: center !important; padding-left: 8px !important; padding-right: 4px !important; }
.aww-col-remove { width: 30px; }
.aww-col-image  { width: 80px; }
.aww-col-price  { width: 100px; }
.aww-col-stock  { width: 100px; }
.aww-col-date   { width: 110px; white-space: nowrap; }
.aww-check-all,
.aww-item-check {
width: 16px;
height: 16px;
cursor: pointer;
accent-color: #4caf50;
vertical-align: middle;
}
.aww-btn-add-selected {
white-space: nowrap;
}
.aww-btn-add-selected:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.aww-col-image a {
display: block;
}
.aww-col-image img {
display: block;
max-width: 70px;
border-radius: 4px;
border: 1px solid #eee;
}
.aww-col-name a {
font-weight: 600;
color: #333;
text-decoration: none;
}
.aww-col-name a:hover { color: #e2401c; }
.aww-stock-status {
font-size: 0.8em;
font-weight: 600;
}
.aww-stock-status.in-stock  { color: #3a7d44; }
.aww-stock-status.out-of-stock { color: #cc0000; }
.aww-remove-icon {
background: none;
border: none;
cursor: pointer;
font-size: 1.2em;
color: #bbb;
padding: 2px 6px;
line-height: 1;
transition: color 0.2s;
}
.aww-remove-icon:hover { color: #fff; background: #cc0000; border-radius: 3px; }
.aww-page-bulk-actions {
margin-bottom: 16px;
} .aww-move-copy-wrap {
position: relative;
display: inline-block;
margin-top: 6px;
}
.aww-list-chooser {
position: absolute;
top: 100%;
left: 0;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 4px 12px rgba(0,0,0,.12);
z-index: 100;
min-width: 160px;
padding: 4px 0;
}
.aww-list-choice {
display: block;
width: 100%;
text-align: left;
background: none;
border: none;
cursor: pointer;
padding: 8px 14px;
font-size: 0.85em;
color: #333;
transition: background 0.15s;
}
.aww-list-choice:hover { background: #f5f5f5; } .aww-empty-state {
text-align: center;
padding: 60px 20px;
color: #888;
}
.aww-empty-icon {
margin-bottom: 20px;
color: #ddd;
}
.aww-empty-state h2 {
font-size: 1.4em;
margin-bottom: 10px;
color: #555;
} .aww-page-sharing {
background: #f9f9f9;
border: 1px solid #eee;
border-radius: 6px;
padding: 20px;
margin-bottom: 24px;
}
.aww-email-toggle {
margin-top: 10px;
}
.aww-page-sharing .aww-social-share {
margin-top: 12px;
}
.aww-page-sharing .aww-social-btn {
width: auto;
height: auto;
border-radius: 4px;
padding: 6px 12px;
font-size: 0.8em;
font-weight: 600;
} .aww-modal-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.5);
z-index: 99998;
}
.aww-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 6px;
padding: 28px;
z-index: 99999;
min-width: 320px;
max-width: 90vw;
box-shadow: 0 8px 32px rgba(0,0,0,.18);
}
.aww-modal h3 {
margin: 0 0 18px;
font-size: 1.1em;
}
.aww-modal input[type="text"] {
width: 100%;
padding: 9px 12px;
border: 1px solid #ddd;
border-radius: 3px;
font-size: 1em;
margin-bottom: 16px;
box-sizing: border-box;
}
.aww-modal-actions {
display: flex;
gap: 10px;
justify-content: flex-end;
}
button.aww-save-for-later-btn {
margin-top: 10px;
} @media (max-width: 600px) {
.aww-panel {
width: 100vw;
}
.aww-wishlist-table .aww-col-date,
.aww-wishlist-table .aww-col-stock {
display: none;
}
.aww-share-url-row {
flex-direction: column;
}
.aww-wishlist-table {
font-size: 0.9em;
}
} .aww-toast {
position: fixed;
bottom: 24px;
right: 24px;
background: #333;
color: #fff;
padding: 12px 20px;
border-radius: 4px;
font-size: 0.875em;
z-index: 999997;
box-shadow: 0 4px 14px rgba(0,0,0,0.18);
transform: translateY(0);
opacity: 1;
transition: opacity 0.3s, transform 0.3s;
max-width: 380px;
white-space: pre-line;
line-height: 1.5;
}
.aww-toast.aww-toast-success { border-left: 4px solid #3a7d44; }
.aww-toast.aww-toast-error   { border-left: 4px solid #cc0000; }
.aww-toast.aww-toast-info    { border-left: 4px solid #e2401c; }
.aww-toast.aww-toast-hide    { opacity: 0; transform: translateY(8px); }
.aww-toast.aww-toast-action {
display: flex;
align-items: center;
gap: 14px;
}
.aww-toast-undo {
background: none;
border: none;
color: #ffb199;
font-weight: 600;
cursor: pointer;
padding: 0;
flex-shrink: 0;
text-decoration: underline;
}
.aww-toast-undo:hover {
color: #fff;
} .aww-col-actions {
align-items: center;
gap: 8px;
white-space: nowrap;
}
.aww-cart-item-add {
font-size: 0.8125em;
padding: 4px 10px;
} .aww-save-for-later-wrap {
margin-top: 16px;
}
.aww-save-for-later-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
} .aww-saved-carts-page {
max-width: 100%;
}
.aww-saved-cart {
border: 1px solid #eee;
border-radius: 6px;
padding: 18px 20px;
margin-bottom: 20px;
}
.aww-saved-cart-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
flex-wrap: wrap;
}
.aww-saved-cart-title {
font-weight: 700;
font-size: 1.1em;
}
.aww-saved-cart-date {
color: #888;
font-size: 0.85em;
margin-left: auto;
}
.aww-saved-cart-actions {
display: flex;
gap: 10px;
margin-top: 14px;
flex-wrap: wrap;
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

@keyframes woobt-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes woobt-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.woobt-wrap {
display: block;
clear: both;
width: 100%;
}
.woobt-wrap.woobt-loading {
position: relative;
}
.woobt-wrap.woobt-loading:before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
top: 0;
left: 0;
z-index: 9;
}
.woobt-wrap.woobt-loading:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
display: block;
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
border-width: 4px;
border-style: solid;
border-radius: 100%;
border-top-color: rgba(0, 0, 0, 0.5);
border-left-color: rgba(0, 0, 0, 0.1);
border-bottom-color: rgba(0, 0, 0, 0.1);
border-right-color: rgba(0, 0, 0, 0.1);
animation: woobt-spinner 1s linear infinite;
-webkit-animation: woobt-spinner 1s linear infinite;
}
.woobt-wrap.woobt-layout-separate .woobt-product > .woobt-thumb, .woobt-wrap.woobt-layout-separate .woobt-product > .woobt-price {
display: none;
}
.woobt-wrap.woobt-layout-separate .woobt-product .woobt-title .woobt-price {
margin-left: 10px;
}
.woobt-images {
display: flex;
align-items: center;
margin-bottom: 15px;
overflow-x: auto;
}
.woobt-images .woobt-image {
width: 100px;
flex: 0 0 100px;
margin-right: 20px;
display: block;
position: relative;
}
.woobt-images .woobt-image:not(.woobt-image-this):before {
content: "+";
position: absolute;
top: 50%;
left: -10px;
transform: translate3d(-50%, -50%, 0);
}
.woobt-images .woobt-image:last-child {
margin-right: 0;
}
.woobt-images .woobt-image.woobt-image-hide {
opacity: 0.3;
}
.woobt-images .woobt-image.woobt-image-hide img {
filter: grayscale(100%);
}
.woobt-images .woobt-image img {
width: 100%;
height: auto;
}
.woobt-wrap .woobt-text, .woobt-wrap .woobt-products {
margin: 0 0 15px 0;
}
.woobt-products {
border-width: 1px 0 0 0;
border-style: dotted;
border-color: #e5e5e5;
}
.woobt-products .woobt-product {
padding: 10px 0;
margin: 0;
justify-content: space-between;
display: flex;
align-items: center;
border-bottom: 1px dotted #e5e5e5;
}
.woobt-products .woobt-product.woobt-hide-this {
display: none !important;
}
.woobt-products .woobt-product > div {
padding: 0 5px;
background-color: transparent;
}
.woobt-products .woobt-product .woobt-thumb {
width: 50px;
flex: 0 0 50px;
}
.woobt-products .woobt-product .woobt-thumb img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.woobt-products .woobt-product .woobt-price {
width: 100px;
flex: 0 0 100px;
max-width: 100px;
text-align: end;
}
.woobt-products .woobt-product-this .woobt-price .woobt-price-new {
display: none;
}
.woobt-products .woobt-product .woobt-price del {
opacity: 0.5;
text-decoration: line-through;
}
.woobt-products .woobt-product .woobt-price del span {
text-decoration: line-through;
}
.woobt-products .woobt-product .woobt-price ins {
font-weight: normal;
}
.woobt-products .woobt-product .woobt-price .amount {
display: inline-block;
}
.woobt-products .woobt-product .woobt-title {
flex-grow: 1;
}
.woobt-products .woobt-product .woobt-title a {
text-decoration: none;
box-shadow: none;
}
.woobt-products .woobt-product .variations_form {
margin: 0;
padding: 0;
}
.woobt-products .woobt-product .woobt-title .woovr-variations-select .woovr-variation-image, .woobt-products .woobt-product .woobt-title .woovr-variations-default .woovr-variation-image, .woobt-products .woobt-product .woobt-title .woovr-variations-select .woovr-variation-price {
display: none !important;
}
.woobt-products .woobt-product .woobt-quantity {
text-align: right;
width: 130px;
flex: 0 0 130px;
}
.woobt-products .woobt-product .woobt-quantity .quantity {
float: none !important;
margin: 0 0 0 0 !important;
}
.woobt-products .woobt-product.woobt-hide .woobt-quantity * {
opacity: 0.5;
pointer-events: none;
}
.woobt-checkbox:disabled {
cursor: not-allowed;
}
.woobt-products .woobt-product .variations_form .variations {
display: block;
width: 100%;
margin-left: -3px;
margin-right: -3px;
padding: 0;
}
.woobt-products .woobt-product .variations_form .variations .variation {
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: #e5e5e5;
padding: 5px 10px;
margin: 5px 3px 0 3px;
max-width: 100%;
border-radius: 2px;
}
.woobt-products .woobt-product .variations_form .variations .variation > div {
display: block;
}
.woobt-products .woobt-product .variations_form .variations .reset {
display: inline-block;
}
.woobt-products .woobt-product .variations_form .variations .variation:last-child {
margin-bottom: 0;
}
.woobt-products .woobt-product .variations_form .variations .variation .label {
font-size: 12px;
line-height: 1;
}
.woobt-products .woobt-product .variations_form .variations .variation .value {
line-height: 1;
}
.woobt-products .woobt-product .variations_form .variations .variation .value select {
width: 100%;
line-height: 1;
padding: 0 16px 0 0;
background-color: transparent;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNEQzN0Y2NTY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNEQzN0Y2NjY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY0RDM3RjYzNjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY0RDM3RjY0NjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzgqpQAAADdJREFUeNpirKioWMDAwBDPgAoWMQGJLCC+hiR4HYgzQRLfgDgUSoNwCIhmgaq6BtXJCNMNEGAAbM0MK7OUU3AAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-size: auto;
background-position: 100% 50%;
}
.woobt-products .woobt-product .variations_form .variations a.reset_variations {
margin: 0;
font-size: 12px;
}
.woobt-products .woobt-product .woobt-title .stock {
font-size: 14px;
margin: 0 !important;
}
.woobt-products .woobt-product .woobt-title .stock.in-stock {
color: green;
}
.woobt-products .woobt-product .woobt-title .stock.available-on-backorder {
color: orange;
}
.woobt-products .woobt-product .woobt-title .stock.out-of-stock {
color: red;
}
.woobt-products .woobt-item-text {
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted #e5e5e5;
}
.woobt-item-text-type-h1 > h1, .woobt-item-text-type-h2 > h2, .woobt-item-text-type-h3 > h3, .woobt-item-text-type-h4 > h4, .woobt-item-text-type-h5 > h5, .woobt-item-text-type-h6 > h6, .woobt-item-text-type-p > p {
margin: 0 !important;
}
.woobt-disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
pointer-events: none !important;
}
.woobt-alert {
padding: 6px 10px 6px 14px;
border-left: 4px solid #222;
background-color: #eeeeee;
font-size: 14px;
} .woobt-additional, .woobt-total, .woobt-alert {
display: none;
}
.woobt-actions form.cart {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.woobt-quantity-input {
display: flex;
align-items: center;
}
.woobt-quantity-plus-minus .plus, .woobt-quantity-plus-minus .minus, .woobt-quantity-plus-minus .minus-btn, .woobt-quantity-plus-minus .plus-btn {
display: none !important;
}
.woobt-quantity-input-plus, .woobt-quantity-input-minus {
width: 40px;
flex: 0 0 40px;
height: 40px;
line-height: 38px;
text-align: center;
cursor: pointer;
background-color: #fefefe;
border: 1px solid #e5e5e5;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woobt-choose label {
position: absolute;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.woobt-choose .checkmark {
display: none;
}
.woobt-count {
margin-left: 5px;
}
.woobt-count:before {
content: "(";
}
.woobt-count:after {
content: ")";
}
.woobt-qty {
width: 60px;
text-align: center;
}
.woobt-product .woobt-quantity-input .qty, .woobt-product .woobt-quantity-input .woobt-qty {
width: 100%;
min-width: 40px;
height: 40px;
line-height: 38px;
margin: 0;
padding: 0 10px;
box-shadow: none;
border-width: 1px 0;
border-style: solid;
border-color: #e5e5e5;
border-radius: 0;
background-color: #fefefe;
-moz-appearance: textfield;
}
.woobt-product .woobt-quantity-input .qty:focus, .woobt-product .woobt-quantity-input .woobt-qty:focus {
outline: none;
outline-color: transparent;
}
.woobt-quantity-input input::-webkit-outer-spin-button, .woobt-quantity-input input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woobt-quantity-input-plus:hover, .woobt-quantity-input-minus:hover {
background-color: #f0f0f0;
}
@media only screen and (max-width: 767px) {
.woobt-wrap-responsive .woobt-products .woobt-product {
display: flex;
flex-direction: column;
text-align: center;
padding: 20px 0;
}
.woobt-wrap-responsive .woobt-products .woobt-product > div {
padding: 5px 0 !important;
width: auto !important;
flex-basis: 0 !important;
max-width: 100% !important;
}
.woobt-wrap-responsive .woobt-products .woobt-product .woobt-thumb {
text-align: center;
flex-basis: 0;
}
.woobt-wrap-responsive .woobt-products .woobt-product .woobt-thumb img {
width: 80px;
display: block;
margin: 0 auto;
}
.woobt-wrap-responsive .woobt-products .woobt-product .woobt-price {
width: auto;
flex-basis: 0;
}
.woobt-wrap-responsive .woobt-products .woobt-product .variations_form .variations {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.woobt-wrap-responsive .woobt-products .woobt-product .variations_form .variations .variation {
max-width: 100%;
margin-right: 0 !important;
}
.woobt-wrap-responsive .woobt-products .woobt-product .variations_form .variations .variation select {
text-align-last: center;
}
} .woobt-products[class*=woobt-products-layout-grid] {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
border: none;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-item-text {
width: 100%;
margin: 10px;
padding: 10px 0;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product {
width: calc(50% - 20px);
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: start;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product:hover {
border-color: green;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product .woobt-title-inner {
font-weight: 700;
}
.woobt-products.woobt-products-layout-grid-1 .woobt-product {
width: calc(100% - 20px);
}
.woobt-products.woobt-products-layout-grid-3 .woobt-product {
width: calc(33.3333333333% - 20px);
}
.woobt-products.woobt-products-layout-grid-4 .woobt-product {
width: calc(25% - 20px);
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product > div {
width: 100% !important;
flex: 0 0 auto !important;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product > div:last-child {
margin-bottom: 0;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product .woobt-quantity-input {
justify-content: center;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product select {
text-align: center;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product .variations_form .variations .reset {
display: none;
}
@media only screen and (max-width: 767px) {
.woobt-products[class*=woobt-products-layout-grid] .woobt-product {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 479px) {
.woobt-products[class*=woobt-products-layout-grid] .woobt-product {
width: calc(100% - 20px);
}
} .woobt-products[class*=woobt-products-layout-carousel] {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
border: none;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-item-text {
width: 100%;
margin: 10px;
padding: 10px 0;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product {
width: calc(33% - 20px);
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: start;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product:hover {
border-color: green;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product .woobt-title-inner {
font-weight: 700;
}
.woobt-products.woobt-products-layout-carousel-1 .woobt-product {
width: calc(100% - 20px);
}
.woobt-products.woobt-products-layout-carousel-3 .woobt-product {
width: calc(33.3333333333% - 20px);
}
.woobt-products.woobt-products-layout-carousel-4 .woobt-product {
width: calc(25% - 20px);
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product > div {
width: 100% !important;
flex: 0 0 auto !important;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product > div:last-child {
margin-bottom: 0;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product .woobt-quantity-input {
justify-content: center;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product select {
text-align: center;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product .variations_form .variations .reset {
display: none;
}
.woobt-products[class*=woobt-products-layout-carousel] {
display: none !important;
}
.woobt-products[class*=woobt-products-layout-carousel].woobt-carousel, .woobt-products[class*=woobt-products-layout-carousel].woobt-no-carousel {
display: flex !important;
}
.woobt-carousel .slick-dots {
display: block;
width: 100%;
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
.woobt-carousel .slick-dots li {
display: inline-block;
margin: 0 5px;
font-size: 0;
}
.woobt-carousel .slick-dots li button {
width: 8px;
height: 8px;
border-radius: 4px;
padding: 0;
font-size: 0;
line-height: 0;
border: none;
background-color: rgba(0, 0, 0, 0.3);
outline: none;
overflow: hidden;
}
.woobt-carousel .slick-dots li.slick-active button {
background-color: rgb(0, 0, 0);
}
.woobt-carousel .slick-arrow {
width: 44px;
height: 44px;
line-height: 42px;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
overflow: hidden;
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 0;
color: #222;
background-color: #fff;
border-radius: 0;
border: 1px solid #ddd;
z-index: 8;
opacity: 0;
visibility: hidden;
}
.woobt-carousel:hover .slick-arrow {
opacity: 1;
visibility: visible;
}
.woobt-carousel .slick-arrow:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
}
.woobt-carousel .slick-arrow:before {
font-size: 24px;
line-height: 44px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woobt-carousel .slick-arrow:focus {
outline: none;
}
.woobt-carousel .slick-arrow.slick-prev {
left: 10px;
}
.woobt-carousel .slick-arrow.slick-prev:before {
content: "‹";
}
.woobt-carousel .slick-arrow.slick-next {
right: 10px;
}
.woobt-carousel .slick-arrow.slick-next:before {
content: "›";
} .woobt-wrap.woobt-layout-compact .woobt-inner {
display: flex;
align-items: center;
flex-wrap: nowrap;
margin: 0 0 15px 0;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-text {
margin: 0 0 10px 0;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-alert {
display: none !important;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products {
display: flex;
flex-wrap: nowrap;
max-width: 100%;
overflow-x: auto;
margin: 0 10px 0 -10px;
border: none;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product {
min-width: 100px;
max-width: 200px;
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: start;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product:before {
content: "+";
position: absolute;
top: 50%;
right: -20px;
transform: translate3d(-50%, -50%, 0);
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product:last-child:before {
content: "";
display: none;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product > div {
width: 100%;
flex: 0 0 auto;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product .woobt-choose {
position: absolute;
width: auto;
top: 10px;
right: 10px;
}
body.rtl .woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products {
margin: 0 -10px 0 10px;
}
body.rtl .woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product:first-child:before {
display: none;
}
body.rtl .woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product:last-child:before {
content: "+";
display: block;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-actions .single_add_to_cart_button {
white-space: nowrap;
margin: 0 !important;
}.ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}.ps-theme-wpc {
-ms-touch-action: none;
touch-action: none;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-theme-wpc {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-theme-wpc {
overflow: auto !important;
}
}
.ps-theme-wpc.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-wpc.ps-active-y > .ps-scrollbar-y-rail {
display: block;
background-color: transparent;
}
.ps-theme-wpc.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-x-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
bottom: 0; height: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute; background-color: rgba(0, 0, 0, 1);
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
bottom: 0; height: 2px !important;
border-radius: 1px !important;
}
.ps-theme-wpc > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-wpc > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
height: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-y-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
right: 0; width: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute; background-color: rgba(0, 0, 0, 1); transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
right: 0; width: 2px !important;
border-radius: 1px !important;
}
.ps-theme-wpc > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-wpc > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
height: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }@font-face {
font-family: 'feather';
src: url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.eot);
src: url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.eot#iefix) format('embedded-opentype'),
url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.ttf) format('truetype'),
url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.woff) format('woff'),
url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.svg#feather) format('svg');
font-weight: normal;
font-style: normal;
}@font-face {
font-family: 'woosq';
src: url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/fonts/woosq.eot?bhfj08);
src: url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/fonts/woosq.eot?bhfj08#iefix) format('embedded-opentype'),
url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/fonts/woosq.ttf?bhfj08) format('truetype'),
url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/fonts/woosq.woff?bhfj08) format('woff'),
url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/fonts/woosq.svg?bhfj08#woosq) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="woosq-icon-"], [class*=" woosq-icon-"] { font-family: 'woosq' !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;
}
.woosq-icon-57:before {
content: "\e900";
}
.woosq-icon-58:before {
content: "\e901";
}
.woosq-icon-59:before {
content: "\e902";
}
.woosq-icon-60:before {
content: "\e903";
}
.woosq-icon-61:before {
content: "\e904";
}
.woosq-icon-62:before {
content: "\e905";
}
.woosq-icon-10:before {
content: "\e906";
}
.woosq-icon-11:before {
content: "\e907";
}
.woosq-icon-12:before {
content: "\e908";
}
.woosq-icon-13:before {
content: "\e909";
}
.woosq-icon-14:before {
content: "\e90a";
}
.woosq-icon-15:before {
content: "\e90b";
}
.woosq-icon-8:before {
content: "\e90c";
}
.woosq-icon-16:before {
content: "\e90d";
}
.woosq-icon-17:before {
content: "\e90e";
}
.woosq-icon-9:before {
content: "\e90f";
}
.woosq-icon-18:before {
content: "\e910";
}
.woosq-icon-19:before {
content: "\e911";
}
.woosq-icon-20:before {
content: "\e912";
}
.woosq-icon-21:before {
content: "\e913";
}
.woosq-icon-22:before {
content: "\e914";
}
.woosq-icon-5:before {
content: "\e915";
}
.woosq-icon-23:before {
content: "\e916";
}
.woosq-icon-24:before {
content: "\e917";
}
.woosq-icon-25:before {
content: "\e918";
}
.woosq-icon-26:before {
content: "\e919";
}
.woosq-icon-27:before {
content: "\e91a";
}
.woosq-icon-28:before {
content: "\e91b";
}
.woosq-icon-29:before {
content: "\e91c";
}
.woosq-icon-30:before {
content: "\e91d";
}
.woosq-icon-38:before {
content: "\e91e";
}
.woosq-icon-39:before {
content: "\e91f";
}
.woosq-icon-40:before {
content: "\e920";
}
.woosq-icon-31:before {
content: "\e921";
}
.woosq-icon-6:before {
content: "\e922";
}
.woosq-icon-1:before {
content: "\e923";
}
.woosq-icon-7:before {
content: "\e924";
}
.woosq-icon-63:before {
content: "\e925";
}
.woosq-icon-3:before {
content: "\e926";
}
.woosq-icon-4:before {
content: "\e927";
}
.woosq-icon-32:before {
content: "\e928";
}
.woosq-icon-33:before {
content: "\e929";
}
.woosq-icon-34:before {
content: "\e92a";
}
.woosq-icon-35:before {
content: "\e92b";
}
.woosq-icon-36:before {
content: "\e92c";
}
.woosq-icon-2:before {
content: "\e92d";
}
.woosq-icon-64:before {
content: "\e92e";
}
.woosq-icon-37:before {
content: "\e92f";
}
.woosq-icon-41:before {
content: "\f002";
}
.woosq-icon-42:before {
content: "\f045";
}
.woosq-icon-43:before {
content: "\f06e";
}
.woosq-icon-44:before {
content: "\f08e";
}
.woosq-icon-45:before {
content: "\f0d0";
}
.woosq-icon-50:before {
content: "\f104";
}
.woosq-icon-49:before {
content: "\f105";
}
.woosq-icon-48:before {
content: "\f140";
}
.woosq-icon-47:before {
content: "\f14c";
}
.woosq-icon-46:before {
content: "\f24d";
}
.woosq-icon-51:before {
content: "\e930";
}
.woosq-icon-52:before {
content: "\e931";
}
.woosq-icon-53:before {
content: "\e932";
}
.woosq-icon-54:before {
content: "\e933";
}
.woosq-icon-55:before {
content: "\e934";
}
.woosq-icon-56:before {
content: "\e935";
}@keyframes wpc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes woosq-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes woosq-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.woosq-btn-has-icon {
display: inline-flex;
align-items: center;
}
.woosq-btn-has-icon .woosq-btn-icon {
margin: 0;
}
.woosq-btn-icon-text .woosq-btn-text {
margin-left: 5px;
}
.woosq-btn-text-icon .woosq-btn-text {
margin-right: 5px;
}
.woosq-popup {
position: relative;
width: 90%;
max-width: 920px;
margin: 0 auto;
padding: 0;
background-color: #fff;
max-height: 460px;
box-sizing: border-box;
overflow: hidden;
}
.woosq-popup *, .woosq-sidebar * {
box-sizing: border-box;
}
.woosq-open .select2-container {
z-index: 99999969;
}
.woosq-product {
position: relative;
overflow: hidden;
}
.woosq-product > .product {
display: flex !important;
float: none !important;
}
.woosq-product > .product > div {
width: 50% !important;
float: none !important;
margin: 0 !important;
height: 460px;
overflow: auto;
}
.woosq-product .thumbnails {
outline: none;
width: 460px;
max-height: 460px;
text-align: center;
position: relative;
background-color: #f9f9f9;
}
.woosq-product .thumbnails .images {
width: 100% !important;
height: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
.woosq-product .thumbnails .thumbnail {
display: flex;
height: 100%;
justify-content: center;
}
.woosq-product .thumbnails img {
display: block;
object-fit: contain;
object-position: center;
vertical-align: middle;
max-height: 460px;
max-width: 100%;
margin: auto;
border-radius: 0;
}
.woosq-product .thumbnails img[data-fancybox="gallery"] {
cursor: pointer;
}
.woosq-open .fancybox-container {
z-index: 99999970;
}
.woosq-product .thumbnails {
position: relative;
margin: 0 0 0 0;
}
.woosq-product .thumbnails .slick-slide {
outline: none;
max-height: 100%;
}
.woosq-product .thumbnails .slick-list {
display: flex;
width: 100%;
height: 100%;
max-height: 100%;
position: relative;
}
.woosq-product .thumbnails .slick-track {
display: flex;
align-items: center;
max-height: 460px;
}
.woosq-product .thumbnails .slick-dots {
margin: 0;
padding: 0;
display: block;
width: 100%;
text-align: center;
position: absolute;
left: 0;
bottom: 10px;
z-index: 8;
}
.woosq-product .thumbnails .slick-dots li {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
cursor: pointer;
}
.woosq-product .thumbnails .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 16px;
height: 16px;
padding: 5px;
margin: 0;
text-align: center;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
opacity: .5;
}
.woosq-product .thumbnails .slick-dots li.slick-active button {
opacity: 1;
}
.woosq-product .thumbnails .slick-dots li button:before {
content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #000000;
}
.woosq-product .thumbnails .slick-dots li button:focus {
outline: none;
}
.woosq-product .thumbnails .slick-arrow {
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
overflow: hidden;
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 0;
color: #222;
background-color: transparent;
border-radius: 0;
border: none !important;
z-index: 8;
}
.woosq-product .thumbnails .slick-arrow:hover {
color: #fff;
background-color: rgba(0, 0, 0, .5);
}
.woosq-product .thumbnails .slick-arrow:before {
font-family: "feather";
font-size: 24px;
line-height: 44px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woosq-product .thumbnails .slick-arrow:focus {
outline: none;
}
.woosq-product .thumbnails .slick-arrow.slick-prev {
left: 0;
}
.woosq-product .thumbnails .slick-arrow.slick-prev:before {
content: '\e929';
}
.woosq-product .thumbnails .slick-arrow.slick-next {
right: 0;
}
.woosq-product .thumbnails .slick-arrow.slick-next:before {
content: '\e92a';
}
.woosq-product > .product .summary {
margin: 0;
padding: 0;
background-color: #fff;
}
.woosq-related {
padding-top: 20px;
padding-bottom: 0;
margin-top: 10px;
margin-bottom: 0;
border-width: 1px 0 0 0;
border-style: dashed;
border-color: #dddddd;
}
.woosq-related .woosq-related-heading {
margin-bottom: 10px;
}
.woosq-related .woosq-related-product {
outline: none;
display: flex;
align-items: center;
}
.woosq-related .woosq-related-product .woosq-related-product-image {
width: 80px;
flex: 0 0 80px;
margin: 0;
}
.woosq-related .woosq-related-product .woosq-related-product-image img {
width: 100%;
height: auto;
}
.woosq-related .woosq-related-product .woosq-related-product-info {
flex-grow: 1;
padding: 0 10px;
text-align: start;
}
.woosq-related .woosq-related-product .woosq-related-product-name {
font-weight: 700;
}
.woosq-related .woosq-related-product .woosq-related-product-atc p, .woosq-related .woosq-related-product .woosq-related-product-atc .add_to_cart_inline {
margin: 0;
padding: 0;
border: none;
display: inline-block;
width: 100%;
}
.woosq-related .woosq-related-product .woosq-related-product-atc p .button {
display: block;
margin: 0;
outline: none;
}
.woosq-related .slick-dots {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
.woosq-related .slick-dots li {
display: inline-block;
margin: 0 5px;
font-size: 0;
}
.woosq-related .slick-dots li button {
width: 8px;
height: 8px;
border-radius: 50%;
padding: 0;
font-size: 0;
line-height: 0;
background-color: rgba(0, 0, 0, .2);
border: none;
outline: none;
overflow: hidden;
}
.woosq-related .slick-dots li.slick-active button {
background-color: rgba(0, 0, 0, .5);
}
.view-details-btn {
width: 50%;
height: 44px;
line-height: 44px;
overflow: hidden;
position: absolute;
left: auto;
right: 0;
bottom: 0;
background-color: #222;
box-shadow: 10px -20px 20px #fff;
color: #fff;
text-align: center;
outline: none;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.view-details-btn:after {
content: '\e90f';
font-family: "feather";
margin-left: 10px;
}
.view-details-btn:hover {
background-color: #5fbd74;
}
.woosq-product > .product .summary .summary-content {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
position: relative;
padding: 20px;
}
.woosq-popup.view-details .woosq-product > .product .summary .summary-content {
padding-bottom: 64px;
} body.rtl .mfp-woosq .mfp-close {
right: auto !important;
left: 0 !important;
} @media screen and (max-width: 1023px) {
.woosq-popup {
max-width: 460px;
max-height: 90vh;
overflow: hidden;
display: flex;
flex-direction: column;
}
.woosq-product {
height: 100%;
flex-grow: 1;
position: relative;
overflow-y: auto;
}
.woosq-product > .product {
display: flex;
flex-direction: column;
}
.woosq-product > .product > div {
width: 100% !important;
float: none !important;
margin: 0 !important;
height: auto;
}
.woosq-product > .product .thumbnails {
max-height: 338px;
}
.woosq-product .thumbnails img {
max-height: 338px;
margin: 0;
}
.woosq-product .thumbnails .slick-track {
max-height: 338px;
}
.view-details-btn {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.mfp-woosq .mfp-arrow {
display: none;
}
} .mfp-woosq {
z-index: 99999969;
overflow: auto;
}
.mfp-woosq .mfp-content {
text-align: -webkit-auto;
}
.mfp-woosq .mfp-container {
padding: 0;
}
.mfp-woosq .mfp-close {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 0;
}
.mfp-woosq .mfp-close:hover {
background-color: transparent;
}
.mfp-woosq .mfp-close:active {
top: 0;
}
.mfp-woosq .mfp-close:focus {
outline: none;
}
.mfp-woosq .mfp-close:before {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
content: '\e9ea';
font-family: "feather";
display: inline-block;
font-size: 24px;
color: #222;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mfp-woosq .mfp-preloader {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
font-size: 0;
margin: 0 auto;
margin-top: -15px;
margin-left: -15px;
right: auto;
bottom: auto;
}
.mfp-woosq .mfp-preloader:before {
content: '\e9a7';
font-family: "feather";
display: inline-block;
font-size: 24px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
-webkit-animation: woosq-spinner 1s linear infinite;
-moz-animation: woosq-spinner 1s linear infinite;
-ms-animation: woosq-spinner 1s linear infinite;
-o-animation: woosq-spinner 1s linear infinite;
animation: woosq-spinner 1s linear infinite;
}
.mfp-woosq .mfp-arrow {
width: 60px;
height: 60px;
line-height: 60px;
border: none;
padding: 0;
outline: none;
text-align: center;
margin-top: -30px;
border-radius: 0;
opacity: 1;
}
.mfp-woosq .mfp-arrow:active {
margin-top: -30px;
}
.mfp-woosq .mfp-arrow:hover {
background-color: rgba(0, 0, 0, .5);
}
.mfp-woosq .mfp-arrow:focus {
outline: none;
}
.mfp-woosq .mfp-arrow:before {
width: 60px;
height: 60px;
line-height: 60px;
padding: 0;
border-width: 0;
margin: 0;
display: inline-block;
font-family: "feather";
font-size: 24px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
}
.mfp-woosq .mfp-arrow:after {
display: none;
}
.mfp-woosq .mfp-arrow.mfp-arrow-left:before {
content: '\e90e';
}
.mfp-woosq .mfp-arrow.mfp-arrow-right:before {
content: '\e90f';
} .mfp-fade {   }
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
} .mfp-zoom-in {   }
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-newspaper {   }
.mfp-newspaper .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.5s;
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
transform: scale(0) rotate(500deg);
opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-horizontal {   }
.mfp-move-horizontal .mfp-with-anim {
opacity: 0;
transition: all 0.3s;
transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
transform: translateX(50px);
opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-from-top {   }
.mfp-move-from-top .mfp-content {
}
.mfp-move-from-top .mfp-with-anim {
opacity: 0;
transition: all 0.2s;
transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
transform: translateY(-50px);
opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-3d-unfold {   }
.mfp-3d-unfold .mfp-content {
perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform-style: preserve-3d;
transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
opacity: 1;
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
transform: rotateY(60deg);
opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-zoom-out {   }
.mfp-zoom-out .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-slide-bottom {   }
.mfp-slide-bottom .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
} .mfp-slide-bottom.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-moz-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
-o-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
} .mfp-slide-bottom.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
} .mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
} .mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
} .mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
} .woosq-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 99999968;
opacity: 0;
visibility: hidden;
}
.woosq-sidebar {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
padding: 0;
height: 100%;
max-height: 100%;
background-color: #ffffff;
z-index: 99999969;
position: fixed;
display: flex;
flex-direction: column;
opacity: 0;
visibility: hidden;
}
.woosq-sidebar .woosq-close {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 0;
background-image: url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/images/close.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
text-align: center;
position: absolute;
top: 0;
left: -40px;
z-index: 9;
cursor: pointer;
}
body.woosq-open .woosq-overlay, body.woosq-open .woosq-sidebar {
opacity: 1;
visibility: visible;
}
.woosq-sidebar .woosq-product {
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto;
}
.woosq-sidebar .woosq-product > .product {
display: flex;
flex-direction: column;
}
.woosq-sidebar .woosq-product > .product > div {
width: 100% !important;
float: none !important;
margin: 0 !important;
height: auto;
}
.woosq-sidebar .view-details-btn {
width: 100%;
position: relative;
box-shadow: none;
padding: 14px 20px;
line-height: 1;
height: auto;
}
.woosq-sidebar.woosq-loading:before {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .5);
position: absolute;
top: 0;
left: 0;
z-index: 8;
}
.woosq-sidebar.woosq-loading:after {
width: 32px;
height: 32px;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
content: '';
background-image: url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-animation: woosq-spinner 1s linear infinite;
-moz-animation: woosq-spinner 1s linear infinite;
-ms-animation: woosq-spinner 1s linear infinite;
-o-animation: woosq-spinner 1s linear infinite;
animation: woosq-spinner 1s linear infinite;
z-index: 9;
} .woosq-sidebar.woosq-position-01 {
position: fixed;
top: 0;
left: 100%;
width: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosq-open .woosq-sidebar.woosq-position-01 {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
} .woosq-sidebar.woosq-position-02 {
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosq-sidebar.woosq-position-02 .woosq-close {
left: unset;
right: -40px;
}
.woosq-open .woosq-sidebar.woosq-position-02 {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.woosq-sidebar.woosq-heading-yes {
display: flex;
flex-direction: column;
}
.woosq-sidebar.woosq-heading-yes .woosq-sidebar-heading {
flex: 0 0 auto;
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
margin: 0;
position: relative;
color: #222222;
font-weight: 700;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, .1);
}
.woosq-sidebar.woosq-heading-yes .woosq-sidebar-heading .woosq-close {
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
position: absolute;
left: unset;
top: 0;
right: 0;
cursor: pointer;
font-size: 0;
background-image: url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/images/close-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
}
.woosq-sidebar.woosq-heading-yes .woosq-product .thumbnails {
padding: 20px 20px 0 20px;
background-color: transparent;
}
@media screen and (max-width: 1023px) {
.woosq-sidebar .woosq-close {
left: unset !important;
right: 0 !important;
background-color: rgba(255, 255, 255, .5);
background-image: url(//www.artsound.gr/wp-content/plugins/woo-smart-quick-view/assets/images/close-dark.svg);
}
}