.simesyfaq-title-h3 {
text-align: center;
width: 100%;
max-width: 900px !important;
margin-left: auto;
margin-right: auto;
}
:root .globo-form-app[data-id="36435"] {
--gfb-main-color: rgba(0, 0, 0, 1);
--gfb-primary-color: var(--gfb-color-solidButtonColor, var(--gfb-main-color));
--gfb-primary-text-color: var(--gfb-color-solidButtonLabelColor, #fff);
--gfb-form-width: 650px;
--gfb-font-family: inherit;
--gfb-font-style: inherit;
--gfb--image: 40%;
--gfb-image-ratio-draft: var(--gfb--image);
--gfb-image-ratio: var(--gfb-image-ratio-draft);
--gfb-bg-temp-color: #fff;
--gfb-bg-position: ;
--gfb-bg-temp-color: #fff;
--gfb-bg-color: var(--gfb-color-backgroundColor, var(--gfb-bg-temp-color));
}
.globo-form-id-36435 .globo-form-app {
max-width: 650px;
width: -webkit-fill-available;
background-color: var(--gfb-bg-color);
}
.globo-form-id-36435 .globo-form-app .globo-heading {
color: var(--gfb-color-textColor, #000);
}
.globo-form-id-36435 .globo-form-app .globo-description,
.globo-form-id-36435 .globo-form-app .header .globo-description {
--gfb-color-description: rgba(var(--gfb-color-text), 0.8);
color: var(--gfb-color-description, #6c757d);
}
.globo-form-id-36435 .globo-form-app .globo-label,
.globo-form-id-36435 .globo-form-app .globo-form-control label.globo-label,
.globo-form-id-36435 .globo-form-app .globo-form-control label.globo-label span.label-content {
color: var(--gfb-color-textColor, #000);
text-align: left;
}
.globo-form-id-36435 .globo-form-app .globo-form-control .help-text.globo-description,
.globo-form-id-36435 .globo-form-app .globo-form-control span.globo-description {
--gfb-color-description: rgba(var(--gfb-color-text), 0.8);
color: var(--gfb-color-description, #6c757d);
}
.globo-form-id-36435 .globo-form-app .globo-form-control .checkbox-wrapper .globo-option,
.globo-form-id-36435 .globo-form-app .globo-form-control .radio-wrapper .globo-option {
color: var(--gfb-color-textColor, #000);
}
.globo-form-id-36435 .globo-form-app .footer,
.globo-form-id-36435 .globo-form-app .gfb__footer {
text-align: center;
}
.globo-form-id-36435 .globo-form-app .footer button,
.globo-form-id-36435 .globo-form-app .gfb__footer button {
border: 1px solid var(--gfb-primary-color);
}
.globo-form-id-36435 .globo-form-app .footer button.submit,
.globo-form-id-36435 .globo-form-app .gfb__footer button.submit .globo-form-id-36435 .globo-form-app .footer button.checkout,
.globo-form-id-36435 .globo-form-app .gfb__footer button.checkout,
.globo-form-id-36435 .globo-form-app .footer button.action.loading .spinner,
.globo-form-id-36435 .globo-form-app .gfb__footer button.action.loading .spinner {
background-color: var(--gfb-primary-color);
color: #ffffff;
}
.globo-form-id-36435 .globo-form-app .globo-form-control .star-rating>fieldset:not(:checked)>label:before {
content: url('data:image/svg+xml; utf8, ');
}
.globo-form-id-36435 .globo-form-app .globo-form-control .star-rating>fieldset>input:checked~label:before {
content: url('data:image/svg+xml; utf8, ');
}
.globo-form-id-36435 .globo-form-app .globo-form-control .star-rating>fieldset:not(:checked)>label:hover:before,
.globo-form-id-36435 .globo-form-app .globo-form-control .star-rating>fieldset:not(:checked)>label:hover~label:before {
content: url('data:image/svg+xml; utf8, ');
}
.globo-form-id-36435 .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input:checked~.checkbox-label:before {
border-color: var(--gfb-primary-color);
box-shadow:
0 4px 6px rgba(50, 50, 93, 0.11),
0 1px 3px rgba(0, 0, 0, 0.08);
background-color: var(--gfb-primary-color);
}
.globo-form-id-36435 .globo-form-app .step.-completed .step__number,
.globo-form-id-36435 .globo-form-app .line.-progress,
.globo-form-id-36435 .globo-form-app .line.-start {
background-color: var(--gfb-primary-color);
}
.globo-form-id-36435 .globo-form-app .checkmark__check,
.globo-form-id-36435 .globo-form-app .checkmark__circle {
stroke: var(--gfb-primary-color);
}
.globo-form-id-36435 .floating-button {
background-color: var(--gfb-primary-color);
}
.globo-form-id-36435 .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input~.checkbox-label:before,
.globo-form-app .globo-form-control .radio-wrapper .radio-input~.radio-label:after {
border-color: var(--gfb-primary-color);
}
.globo-form-id-36435 .flatpickr-day.selected,
.globo-form-id-36435 .flatpickr-day.startRange,
.globo-form-id-36435 .flatpickr-day.endRange,
.globo-form-id-36435 .flatpickr-day.selected.inRange,
.globo-form-id-36435 .flatpickr-day.startRange.inRange,
.globo-form-id-36435 .flatpickr-day.endRange.inRange,
.globo-form-id-36435 .flatpickr-day.selected:focus,
.globo-form-id-36435 .flatpickr-day.startRange:focus,
.globo-form-id-36435 .flatpickr-day.endRange:focus,
.globo-form-id-36435 .flatpickr-day.selected:hover,
.globo-form-id-36435 .flatpickr-day.startRange:hover,
.globo-form-id-36435 .flatpickr-day.endRange:hover,
.globo-form-id-36435 .flatpickr-day.selected.prevMonthDay,
.globo-form-id-36435 .flatpickr-day.startRange.prevMonthDay,
.globo-form-id-36435 .flatpickr-day.endRange.prevMonthDay,
.globo-form-id-36435 .flatpickr-day.selected.nextMonthDay,
.globo-form-id-36435 .flatpickr-day.startRange.nextMonthDay,
.globo-form-id-36435 .flatpickr-day.endRange.nextMonthDay {
background: var(--gfb-primary-color);
border-color: var(--gfb-primary-color);
}
.globo-form-id-36435 .globo-paragraph {
color: var(--gfb-color-textColor, #000);
width: 100% !important;
}
[dir="rtl"]:not(:has(.not-rtl)) .globo-form-app .header .title,
[dir="rtl"]:not(:has(.not-rtl)) .globo-form-app .header .description,
[dir="rtl"]:not(:has(.not-rtl)) .globo-form-id-36435 .globo-form-app .globo-heading,
[dir="rtl"]:not(:has(.not-rtl)) .globo-form-id-36435 .globo-form-app .globo-label,
[dir="rtl"]:not(:has(.not-rtl)) .globo-form-id-36435 .globo-form-app .globo-form-control label.globo-label,
[dir="rtl"]:not(:has(.not-rtl)) .globo-form-id-36435 .globo-form-app .globo-form-control label.globo-label span.label-content,
.globo-form.rtl .globo-form-app .header .title,
.globo-form.rtl .globo-form-app .header .description,
.globo-form.rtl.globo-form-id-36435 .globo-form-app .globo-heading,
.globo-form.rtl.globo-form-id-36435 .globo-form-app .globo-label,
.globo-form.rtl.globo-form-id-36435 .globo-form-app .globo-form-control label.globo-label,
.globo-form.rtl.globo-form-id-36435 .globo-form-app .globo-form-control label.globo-label span.label-content {
text-align: right;
}
[dir="rtl"]:not(:has(.not-rtl)) .globo-form-app .line,
.globo-form.rtl .globo-form-app .line {
left: unset;
right: 50%;
}
[dir="rtl"]:not(:has(.not-rtl)) .globo-form-id-36435 .globo-form-app .line.-start,
.globo-form.rtl .globo-form-id-36435 .globo-form-app .line.-start {
left: unset;
right: 0%;
}
.not-rtl {
direction: ltr;
}
/* Static product page — match live My Robes PDP layout */
.template-product .product-area.product-area--carousel .product-area__media .theme-img {
display: block;
}
.template-product .avis-org-addcart-button {
display: none;
}
.template-product .product-detail__form__action .avis-new-addcart-button {
display: flex;
text-align: center;
justify-content: center;
align-items: center;
}
.template-product .original-selector {
display: none;
}
.template-product .backorder {
margin-top: 1rem;
font-size: 0.95em;
}
.template-product .easy-4-steps-container {
margin: 1rem 0 1.25rem;
}
.template-product .product-area__link.button {
display: inline-block;
margin: 0.5rem 0;
}
.template-product .cc-tabs__tab__panel[hidden] {
display: none;
}
.cc-tabs__tab__panel p {
margin-block: 16px;
}
.group-block-content product-price:not(.apo-variant-price),
.product-details product-price:not(.apo-variant-price),
.thb-product-detail .product-price-container:not(.apo-variant-price),
.product__info-container div[id*="price-template"] .price__container:not(.apo-variant-price),
.product__info-container div[id*="price-quickadd-template"]:not(.apo-variant-price),
.al_center.price-review:not(.apo-variant-price),
.product-form__info-item:not(.apo-variant-price),
.tt-price:not(.apo-variant-price),
.t4s-product__price-review:not(.apo-variant-price),
.ecom-product-single.ecom-product-single__price--prices:not(.apo-variant-price),
.product-info__price .rating-with-text:not(.apo-variant-price),
.f-price__regular:not(.apo-variant-price),
.f8pr .f8pr-price.price:not(.apo-variant-price),
.product-single__primary-blocks .price:not(.apo-variant-price),
.price__pricing-group:not(.apo-variant-price),
.product-info__price .price:not(.apo-variant-price),
div.price-container div.variant-visibility-area div.price-area:not(.apo-variant-price),
.product-price-container .price:not(.apo-variant-price),
.price-area:not(.apo-variant-price),
.product--page .product-price__cost:not(.apo-variant-price),
.main-product__block-price:not(.apo-variant-price),
form.shopify-product-form .items-end.justify-between:not(.apo-variant-price),
.wrap-product-info .priceSingle:not(.apo-variant-price),
.product-block--price .modal_price:not(.apo-variant-price),
.product-block.product-block--price .product-pricing:not([data-product-pricing]):not(.apo-variant-price),
.content-item-container .price__container:not(.apo-variant-price),
.productView-details .productView-price:not(.apo-variant-price),
.product__app-block+div .product__price .price__container:not(.apo-variant-price),
.yv-pricebox-outer div.yv-prizebox[data-price-wrapper]:not(.apo-variant-price),
.product__title+div[id*="Product-Price-template--"] .price__regular:not(.apo-variant-price),
.product-actions .product-price:not(.apo-variant-price),
.Product__InfoWrapper .Product__Info .ProductMeta__PriceList:not(.apo-variant-price),
.product-details-wrapper #ProductPrice:not(.apo-variant-price),
.content-page-detail .product-price:not(.apo-variant-price),
.main-content div[data-pf-type="ProductPrice2"]:not(.apo-variant-price),
.product__block__price .product__price__wrap:not(.apo-variant-price),
.product-single__meta div[data-product-blocks] .product-block.product-block--price:not(.apo-variant-price),
.product-block.product-block--price .product-pricing[data-product-pricing]:not(.apo-variant-price),
.product__info.product__block-price div[id*="productPrice-template"]:not(.apo-variant-price),
.product__prices div[id*="productPrice-template"] .price.price--large:not(.apo-variant-price),
.product-single__form-price:not(.apo-variant-price),
.product-single__meta .price-main:not(.apo-variant-price),
.product_details_info .price-block:not(.apo-variant-price),
.price-container.text-money:not(.apo-variant-price),
#ProductSection .product-single .product-single__prices:not(.apo-variant-price),
.product-block--price .price-container[data-price-container] .price-container__price .price-container__price:not(.apo-variant-price),
.modal_price .price__container span .current_price:not(.apo-variant-price),
.product-info__block-item[data-block-type="price"] .price-list.price-list--product:not(.apo-variant-price),
#productPrice-product-template:not(.apo-variant-price),
div[id*="price-template"] .main-product-price.price:not(.apo-variant-price),
.product-detail__price.product-price[data-price-wrapper]:not(.apo-variant-price),
.product__price.product__block.product__block--small:not(.apo-variant-price),
.sp-product-information-item.sp-price-wrapper:not(.apo-variant-price),
.product__main .price-wrapper[id*="price-template"]:not(.apo-variant-price),
.product-single__price .product_price:not(.apo-variant-price),
div[data-js-product-price-compact] .product-price:not(.apo-variant-price),
.grid.product-single .product-single__meta .price-container:not(.apo-variant-price),
div[data-variant-dynamic="variant-price"].price:not(.apo-variant-price),
span.product-price__price:not(.apo-variant-price),
.shopify-block .infiniteoptions-price:not(.apo-variant-price),
.product-content-wrapper .product-price[data-price]:not(.apo-variant-price),
.product-single__meta .product-single__price-container:not(.apo-variant-price),
.product-single span.product-price__price.product-price__price-product-template:not(.apo-variant-price),
div[data-pf-type="Block"] div[data-pf-type="ProductPrice2"]:not(.apo-variant-price),
#product-content p.product-price:not(.apo-variant-price),
.page-content .product_shop .product-price:not(.apo-variant-price),
.summary-item.price:not(.apo-variant-price) {
display: none !important;
}
.avpoptions-container__v2 .apo-title-addcharge {
margin-left: 5px;
}
.avpoptions-container__v2 .avp-option .apo-required-error {
color: #666666 !important;
border: 1px solid #ad0000 !important;
}
.avpoptions-container__v2 .option-avis-dropdown-inner {
display: block;
position: relative;
border: 1px solid #000;
border-radius: 3px;
box-shadow: 0 0 6px -3px #ccc;
}
.avpoptions-container__v2 .option-avis-swatch-drop-down {
display: block;
padding: 12px 40px 12px 12px;
line-height: 120% !important;
float: none !important;
font-size: 14px;
position: relative;
}
.avpoptions-container__v2 .option-avis-swatch-drop-down.option-avis-swatch-drop-down-search {
padding: 0 40px 0 12px;
line-height: 120% !important;
min-height: 40px;
}
.avpoptions-container__v2 .option-avis-swatch-drop-down .option-avis-dropdown-view-value {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
}
.avpoptions-container__v2 .option-avis-swatch-drop-down .option-avis-dropdown-view-value.option-avis-dropdown-view-value-search {
display: flex;
width: 100%;
height: 100%;
}
.avpoptions-container__v2 input.avis-select-swatch-search {
box-shadow: none;
width: 100%;
height: 100%;
padding: 0 0.5rem;
flex: 1;
}
.avpoptions-container__v2 .option-avis-swatch-value-box {
width: 20px;
height: 20px;
border-radius: 4px;
display: inline-block;
vertical-align: middle;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.avpoptions-container__v2 .option-avis-swatch-value-title {
display: inline-block;
vertical-align: middle;
padding: 0 0.5rem;
position: relative;
line-height: 120%;
}
.avpoptions-container__v2 .option-avis-arrow-select {
position: absolute;
right: 15px;
top: 40%;
z-index: 3;
border: solid #3a3a3a;
border-width: 0 2px 2px 0;
padding: 2.5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
display: block;
}
.avpoptions-container__v2 .option-avis-dropdown-values {
position: absolute;
top: 100%;
left: 0;
right: 0;
max-height: 40vh;
overflow: auto;
border: 1px solid #ccc;
border-top: 0;
z-index: 101;
background-color: #fff;
padding: 0;
margin: 0;
}
.avpoptions-container__v2 li.option-avis-value {
background-color: #fff;
-moz-box-shadow:
0 1px 0 #dedede,
0 -1px 0 #dedede;
float: none;
list-style: none;
margin: 0 !important;
cursor: pointer;
position: relative;
display: block;
}
.avpoptions-container__v2 li.option-avis-value:after {
content: "";
display: table;
clear: both;
}
.avpoptions-container__v2 li.option-avis-value>input {
position: absolute;
height: 0;
width: 0;
opacity: 0 !important;
}
.avpoptions-container__v2 label.option-avis-swatch-value-label {
border: 1px solid #fff0;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
margin: 0 !important;
position: relative;
font-size: 13px;
cursor: pointer;
min-width: auto !important;
padding: 6px 8px;
border-bottom: 0;
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
}
.avpoptions-container__v2 li.option-avis-value input:checked+label.option-avis-swatch-value-label,
.avpoptions-container__v2 li.option-avis-value input:checked+a.apo-swatch-url label.option-avis-swatch-value-label,
.avpoptions-container__v2 li.option-avis-value label.option-avis-swatch-value-label:hover {
background-color: #efefef;
}
@media only screen and (max-width: 600px) {
.avpoptions-container__v2 .avp-productoptionswatchwrapper .avp-productoptionswatch-box img {
position: fixed;
z-index: 9999;
top: 50%;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, -50%);
}
}
.avpoptions-container__v2>div.avpo-accordion-multiple-items>span {
display: none;
}
.avpo-accordion-item {
display: block !important;
}
.avpoptions-container__v2 div.avpo-accordion-multiple-items fieldset {
padding: 5px;
transition: all 600ms ease-in-out;
border-radius: 0 0 6px 6px;
}
.avpoptions-container__v2 div.avpo-accordion-multiple-items>span {
border: 0.1rem solid #e5e5e5;
padding: 5px;
transition: all 600ms ease-in-out;
border-radius: 0 0 6px 6px;
}
.avpoptions-container__v2 div.avpo-accordion-multiple-items .ap-label-tooltip {
background: #e5e5e5;
transition: all 600ms ease-in-out;
font-weight: 600;
border-radius: 6px 6px 0 0;
text-align: center;
padding: 3px 0 6px;
}
.avpoptions-container__v2 .avpo-accordion-multiple-items:hover .ap-label-tooltip {
background: #008060;
transition: all 600ms ease-in-out;
cursor: pointer;
}
.avpoptions-container__v2 .avpo-accordion-multiple-items:hover .ap-label-tooltip label {
transition: all 600ms ease-in-out;
color: #ffffff !important;
cursor: pointer;
}
.avpoptions-container__v2 .avpo-accordion-multiple-items:hover .ap-label-tooltip {
background: #008060;
transition: all 600ms ease-in-out;
}
.avpoptions-container__v2 .avpo-accordion-multiple-items:hover>span {
transition: all 600ms ease-in-out;
border: 0.1rem solid #008060;
}
.avpoptions-container__v2 div.avpo-accordion-multiple-items #avp-productoption-total-add {
border-radius: 5px;
background: rgb(255 0 0 / 0.1);
transition: all 600ms ease-in-out;
border: 0.1rem solid #008060;
box-shadow: 0 0 5px #008060;
}
.avpoptions-container__v2>div.avpo-accordion-multiple-items>span>label,
.avpoptions-container__v2>div.avpo-accordion-multiple-items>span>fieldset>label {
width: 100% !important;
grid-template-columns: 6% 94%;
}
.avpoptions-container__v2>div.avpo-accordion-multiple-items>span>fieldset>label>span {
width: unset !important;
}
.avpoptions-container__v2>div.avpo-accordion-multiple-items>span>label>span {
font-size: 14px !important;
}
.avpoptions-container__v2>div.avpo-accordion-multiple-items>span>label>span {
font-size: 14px !important;
font-family: unset !important;
}
.avpoptions-container__v2 .avp-option.ap-options__radio-container input[type="radio"],
.avpoptions-container .avp-option.ap-options__radio-container input[type="radio"] {
accent-color: #ad0000;
width: 17px !important;
height: 17px !important;
}
.avpoptions-container__v2 .apo-customize__radio--witch_single-swtach.ap-options__swatch-container span label,
.avpoptions-container__v2 .apo-customize__radio--witch_multiple-swtach.ap-options__swatch-container span label {
width: 100% !important;
height: 80px;
position: relative;
padding: 12px;
border: 2px solid #ccc;
border-radius: 12px;
box-shadow: 0 0 10px -5px #ccc;
background-color: #f5fffc;
transition: 0.3s;
}
.avpoptions-container__v2 .apo-customize__radio--witch_single-swtach.ap-options__swatch-container span label:hover,
.avpoptions-container__v2 .apo-customize__radio--witch_multiple-swtach.ap-options__swatch-container span label:hover {
border-color: #008060 !important;
background-color: #f5fffc !important;
transition: 0.3s;
}
.avpoptions-container__v2 .apo-customize__radio--witch_single-swtach.ap-options__swatch-container span label input,
.avpoptions-container__v2 .apo-customize__radio--witch_multiple-swtach.ap-options__swatch-container span label input {
opacity: 1 !important;
position: absolute;
top: 12px;
width: 17px;
height: 17px;
accent-color: #008060;
}
.avpoptions-container__v2 .apo-customize__radio--witch_single-swtach.ap-options__swatch-container span label .avp-productoptionswatch-box,
.avpoptions-container__v2 .apo-customize__radio--witch_multiple-swtach.ap-options__swatch-container span label .avp-productoptionswatch-box {
position: absolute !important;
right: 0;
}
.avpoptions-container__v2 .apo-customize__radio--witch_single-swtach.ap-options__swatch-container span label .avp-productoptionswatch,
.avpoptions-container__v2 .apo-customize__radio--witch_multiple-swtach.ap-options__swatch-container span label .avp-productoptionswatch {
position: absolute !important;
right: 12px;
width: 55px;
height: 55px;
border: unset;
box-shadow: unset;
}
.avpoptions-container__v2 .apo-customize__radio--witch_single-swtach.ap-options__swatch-container span label .avp-productoptionswatch-box img,
.avpoptions-container__v2 .apo-customize__radio--witch_multiple-swtach.ap-options__swatch-container span label .avp-productoptionswatch-box img {
display: none !important;
}
.avpoptions-container__v2 .apo-customize__radio--witch_single-swtach.ap-options__swatch-container span label .swatch-variant-title,
.avpoptions-container__v2 .apo-customize__radio--witch_multiple-swtach.ap-options__swatch-container span label .swatch-variant-title {
position: absolute;
top: 8px;
left: 30px;
font-weight: 700;
width: calc(100% - 110px);
}
.avpoptions-container__v2 .apo-customize__radio--witch_single-swtach.ap-options__swatch-container span label .avp-productoptionswatch-box .avp-productoptionswatch,
.avpoptions-container__v2 .apo-customize__radio--witch_multiple-swtach.ap-options__swatch-container span label .avp-productoptionswatch-box .avp-productoptionswatch {
width: 55px;
height: 55px;
border: unset;
box-shadow: unset;
background-size: contain;
}
.avpoptions-container__v2 .apo-customize__radio--witch_single-swtach.ap-options__swatch-container input:checked+.avp-productoptionswatch-box .avp-productoptionswatch::before,
.avpoptions-container__v2 .apo-customize__radio--witch_single-swtach.ap-options__swatch-container input:checked+.avp-productoptionswatch::before,
.avpoptions-container__v2 .apo-customize__radio--witch_multiple-swtach.ap-options__swatch-container input:checked+.avp-productoptionswatch-box .avp-productoptionswatch::before,
.avpoptions-container__v2 .apo-customize__radio--witch_multiple-swtach.ap-options__swatch-container input:checked+.avp-productoptionswatch::before {
display: none !important;
}
.avpoptions-container__v2 .apo-customize__radio--witch_single-swtach.ap-options__swatch-container span.money,
.avpoptions-container__v2 .apo-customize__radio--witch_multiple-swtach.ap-options__swatch-container span.money {
position: absolute;
right: 8px;
top: 18px;
display: block;
}
.avp-font-dropdown {
position: relative;
display: inline-block;
width: 100%;
font-family: Arial, sans-serif;
}
.avp-font-dropdown input[type="text"] {
width: 100%;
box-sizing: border-box;
padding: 10px;
background: #fff;
border: 1px solid #ccc;
cursor: pointer;
text-align: left;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.avp-font-dropdown input[type="text"]:read-only {
background: #eee;
}
.avp-font-dropdown .avp-dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
width: 100%;
box-shadow: 0 8px 16px 0 rgb(0 0 0 / 0.2);
z-index: 1000;
max-height: 350px;
overflow-y: auto;
border: 1px solid #ddd;
border-top: none;
font-size: 14px;
}
.avp-font-dropdown .avp-dropdown-content input[type="text"] {
width: 100%;
box-sizing: border-box;
padding: 10px;
border: none;
margin: 0;
border-bottom: 1px solid #ddd;
font-size: 14px;
font-family: sans-serif;
font-weight: 100;
}
.avp-font-dropdown .avp-dropdown-content div {
color: #000;
padding: 6px 8px;
text-decoration: none;
display: block;
cursor: pointer;
}
.avp-font-dropdown .avp-dropdown-content div:hover {
background-color: #f1f1f1;
}
.avp-font-dropdown .sticky {
position: sticky;
bottom: -1px;
background: #f9f9f9;
border-top: 1px solid #ddd;
}
.avpoptions-container__v2 .apo-option-v3 .apo-swatch-url-view {
display: flex;
flex-direction: column;
margin-bottom: 4px;
margin-left: 0;
gap: 6px;
}
.avpoptions-container__v2 .apo-option-v3 .apo-swatch-url-view .apo-swatch-url {
margin-left: 0;
line-height: 100%;
font-size: 13px;
}
.avpoptions-container__v2 .apo-option-v3 .avp-productoptionswatchwrapper {
display: flex;
align-items: center;
gap: 10px;
}
.avpoptions-container__v2 .apo-option-v3 .swatch-variant-title {
margin-left: 0px !important;
}
.avpoptions-container__v2 .apo-swatch-a .avp-productoptionswatch {
margin-right: 0;
}
.avpoptions-container__v2 .avp-productoptionswatchwrapper input[type="radio"]:checked+.apo-swatch-a .avp-productoptionswatch {
border: 1px solid #fff;
box-shadow: 0 0 0 1px #ad0000;
}
.avpoptions-container__v2 .apo-option-v3 .avp-productoptionswatch-box {
margin-bottom: 0;
}
.avpoptions-container__v2 .apo-option-v3 .apo-swatch-url {
text-decoration: none;
color: unset;
}
.avpoptions-container__v2 .apo-option-v3 label.option-avis-swatch-value-label,
.avpoptions-container__v2 .apo-option-v3 label.option-avis-swatch-value-label .apo-swatch-url {
display: block;
}
.avis-option-soldout {
opacity: 0.5 !important;
cursor: not-allowed !important;
position: relative !important;
pointer-events: none;
}
.avis-option-soldout span {
cursor: not-allowed !important;
}
.avpoptions-container__v2 .svg-accordion {
transform: scaleY(1) translateY(4px);
transition: 200ms ease;
margin-left: auto;
flex-shrink: 0;
}
.avpoptions-container__v2 .apo-show .svg-accordion {
transform: scaleY(-1) translateY(4px);
}
.avpoptions-container__v2 .apo-option-error {
border-color: red;
}
.avpoptions-container__v2 .ap-options__optiongroup-container .avp-option {
width: 100%;
max-width: 100%;
}
.avpoptions-container__v2 .apo-modal {
background-color: #000c;
transition-duration: 0.3s;
}
.avpoptions-container__v2 .apo-modal .apo-modal__heading {
padding: 1.2rem;
}
.avpoptions-container__v2 .apo-modal .apo-modal__content,
.avpoptions-container__v2 .apo-modal .apo-modal__content.content-size__chart {
padding: 1rem 1.2rem;
}
.avpoptions-container__v2 .apo-modal__title-container {
display: flex;
align-items: center;
gap: 10px;
}
.avpoptions-container__v2 .apo-modal__title-container .popup-title-image-container {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.avpoptions-container__v2 .option-value-container {
display: flex;
align-items: center;
gap: 5px;
}
.avpoptions-container__v2 .option-value-container img {
width: 25px;
height: 25px;
}
.avpoptions-container__v2 .combo_input-container {
line-height: 120%;
}
.avpoptions-container__v2 .apo-hide-price .apo-money {
display: none !important;
}
body :has(.avis-new-addcart-button) .shopify-payment-button shopify-accelerated-checkout,
body :has(.avis-new-addcart-button) .shopify-payment-button__button.shopify-payment-button__button--branded {
pointer-events: none;
}
.avpoptions-container__v2 .avp-productoptionswatch-box {
position: relative;
width: fit-content;
}
.avpoptions-container__v2 .apo-swatch-tooltip,
.avis-swatch-variants ul.avis-option-values>li .apo-swatch-tooltip {
display: block;
position: absolute;
left: 50%;
z-index: 999;
padding: 4px 8px;
text-align: center;
width: max-content;
color: #fff;
font-weight: 400;
opacity: 0;
background-color: #000;
border-radius: 3px;
line-height: 130%;
font-size: 14px;
pointer-events: none;
transform: translate3d(-50%, 8px, 0);
transition:
opacity 0.15s linear,
transform 0.3s ease-in-out;
max-width: 20em;
}
.avpoptions-container__v2 .ap-tooltip:hover .apo-swatch-tooltip,
.avpoptions-container__v2 .apo-swatch-wrapper-tooltip:hover .apo-swatch-tooltip,
.avis-swatch-variants ul.avis-option-values .avis-shopify-option:hover .apo-swatch-tooltip {
display: block;
}
.avpoptions-container__v2 .apo-swatch-arrow,
.apo-swatch-arrow {
position: absolute;
left: 50%;
display: none;
width: 0;
height: 0;
opacity: 0;
transform: translate3d(-50%, 8px, 0);
border: 6px solid #fff0;
transition:
opacity 0.15s linear,
transform 0.3s ease-in-out;
}
.avpoptions-container__v2 .apo-tooltip-img,
.apo-tooltip-img {
display: block;
width: 200px;
height: 200px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-top: 4px;
margin-inline: auto;
}
.avpoptions-container__v2 .apo-swatch-wrapper .apo-swatch-arrow,
.avpoptions-container__v2 .ap-tooltip .apo-swatch-arrow,
.avis-shopify-option .apo-swatch-arrow {
display: block;
}
.avpoptions-container__v2 .avp-productoptionswatch-box:hover .apo-swatch-tooltip,
.avpoptions-container__v2 .avp-productoptionswatch-box:hover .apo-swatch-arrow,
.avpoptions-container__v2 .ap-tooltip:hover .apo-swatch-tooltip,
.avpoptions-container__v2 .ap-tooltip:hover .apo-swatch-arrow,
.avis-shopify-option:hover .apo-swatch-arrow,
.avis-shopify-option:hover .apo-swatch-tooltip {
opacity: 1;
transform: translate3d(-50%, 0, 0) !important;
}
.avpoptions-container__v2 .apo-swatch-arrow-top,
.apo-swatch-arrow-top {
bottom: calc(100% - 2px);
border-top-color: rgb(0 0 0 / 0.85);
}
.avpoptions-container__v2 .apo-swatch-arrow-bottom,
.apo-swatch-arrow-bottom {
top: calc(100% - 2px);
border-bottom-color: rgb(0 0 0 / 0.85);
}
.avpoptions-container__v2 .apo-swatch-tooltip-bottom,
.avpoptions-container__v2 div.ap-tooltip-inner.apo-swatch-tooltip-bottom,
.apo-swatch-tooltip-bottom {
top: calc(100% + 10px);
}
.avpoptions-container__v2 .apo-swatch-tooltip-top,
.avpoptions-container__v2 div.ap-tooltip-inner.apo-swatch-tooltip-top,
.apo-swatch-tooltip-top {
bottom: calc(100% + 10px) !important;
}
.avpoptions-container__v2 label.avp-productoptionswatchwrapper.apo-swatch-wrapper {
display: flex;
justify-content: left;
gap: 8px;
flex-direction: unset;
align-items: center;
}
.avpoptions-container__v2 .option-value-des,
.avpoptions-container__v2 .apo-swatch-wrapper .swatch-variant-title {
margin-left: 0px !important;
}
.avpoptions-container__v2 .option-value-des,
.avpoptions-container__v2 .apo-value-title,
.avpoptions-container__v2 .apo-value-help-text {
display: block;
line-height: 130%;
}
.avpoptions-container__v2 .apo-value-help-text {
color: #929090e8;
}
.avpoptions-container__v2 .ap-options__swatch-container fieldset {
gap: 8px;
}
.avpoptions-container__v2 .apo-color-image {
width: 30px;
height: 30px;
display: block;
opacity: 0;
}
.avpoptions-container__v2 .avp-productoptionswatch-box {
margin-bottom: 0px !important;
}
.apo-modal__container .apo-modal-validate__content {
padding: 20px;
font-weight: 600;
}
.apo-modal__container .apo-modal-validate__button-wrapper {
display: flex;
align-items: center;
justify-content: end;
padding: 0 20px;
}
.apo-modal__container .apo-modal-validate__button-wrapper .apo-modal-validate__button {
padding: 5px 10px;
color: #fff;
background-color: #1a0f3d;
min-width: 68px;
border-radius: 20px;
cursor: pointer;
text-align: center;
font-weight: 600;
}
.avpoptions-container__v2 div.ap-tooltip-inner {
bottom: auto;
}
.avpoptions-container__v2 .avp-productdescfont.avp-productdesctextcolor.ap-helptext {
white-space: pre-wrap;
line-height: 125%;
}
.apo-only-url .option-avis-value input:checked+label a.apo-swatch-url {
pointer-events: none;
}
.apo-swatch-tooltip {
opacity: 1;
transform: translate3d(-50%, 0, 0);
}
.apo-tooltip-img {
display: block;
width: 200px;
height: 200px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-top: 4px;
margin-inline: auto;
}
.avis-swatch-variants ul.avis-option-values>li .avis-shopify-option .avis-option-value-tooltip:after {
display: none;
}
.avis-swatch-variants ul.avis-option-values>li label:not(.avis-swatch-value-label):hover .avis-option-value-tooltip.apo-swatch-tooltip-bottom {
bottom: auto;
}
.avis-swatch-variants ul.avis-option-values>li .avis-option-value-tooltip.apo-swatch-tooltip {
margin-bottom: 0;
white-space: normal;
}
.option-avis-dropdown-view-value .apo-value-help-text,
.combo_option-result-item .apo-value-help-text {
display: none !important;
}
.avis-swatch-product-container .avis-option-value-item:has(.avis-varians-hover) {
z-index: 999 !important;
}
body.avis-add-tooltip {
position: relative !important;
}
.avis-body-tooltip {
position: absolute;
z-index: 99;
opacity: 0;
}
body.avis-add-tooltip .avis-body-tooltip {
display: block;
opacity: 1;
}
body:has(.avis-body-tooltip) .avpoptions-container__v2 .apo-swatch-tooltip,
body:has(.avis-body-tooltip) .avpoptions-container__v2 .apo-swatch-arrow {
display: none !important;
}
.avis-body-tooltip .apo-swatch-tooltip,
.avis-body-tooltip .apo-swatch-arrow {
opacity: 0;
}
body.avis-add-tooltip .avis-body-tooltip .apo-swatch-tooltip,
body.avis-add-tooltip .avis-body-tooltip .apo-swatch-arrow {
opacity: 1;
transform: none !important;
display: block;
}
body.avis-add-tooltip .avis-body-tooltip .apo-swatch-arrow {
transform: translate3d(-50%, 0, 0) !important;
}
.avis-body-tooltip .apo-swatch-tooltip {
display: block !important;
padding: 4px 8px;
text-align: center;
width: max-content;
color: #fff;
font-weight: 400;
opacity: 0;
background-color: #000;
border-radius: 3px;
line-height: 130%;
font-size: 14px;
pointer-events: none;
transform: translate3d(-50%, 8px, 0);
transition:
opacity 0.15s linear,
transform 0.3s ease-in-out;
max-width: 20em;
}
.avis-body-tooltip .apo-swatch-arrow-top {
bottom: auto;
}
.avis-body-tooltip .apo-swatch-arrow-bottom {
position: relative;
}
div.ap-options__optiongroup-container:has(.avis-input-error-wrapper) {
border-color: #ad0000 !important;
}
.apo-money .apo-compare-price,
.ap-label-tooltip .apo-compare-price {
color: #50505070;
}
.apo-compare-price span {
text-decoration: line-through;
margin: unset !important;
}
@media only screen and (max-width: 600px) {
body.avis-add-tooltip .avis-body-tooltip .apo-swatch-arrow {
display: none !important;
}
}
.avis-validate-error-wrapper {
width: 100%;
}
.avpoptions-container__v2 .ap-options__slider-container .avp-productdescfont.avp-productdesctextcolor.ap-helptext {
line-height: 30px;
}
.avpoptions-container__v2 .ap-options__slider-container .apo-slider-input-container {
margin-bottom: 10px;
background: #ddd;
}
.avpoptions-container__v2 .ap-options__slider-container input.apo-slider-thumb {
width: 100%;
-webkit-appearance: none;
height: 4px;
background: #fff0;
outline: none;
border-radius: 20px;
z-index: 111;
-webkit-transition: none;
z-index: 333;
}
.avpoptions-container__v2 .apo-slider-container .apo-slider-value-container {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 16px;
}
.avpoptions-container__v2 .apo-slider-container .apo-slider-value-container .apo-thumb-value {
padding: 6px 20px;
border-radius: 20px;
box-shadow:
rgb(0 0 0 / 0.12) 0 1px 3px,
rgb(0 0 0 / 0.24) 0 1px 2px;
}
.avpoptions-container__v2 .apo-slider-container .apo-thumb-value {
opacity: 1;
height: auto;
transition:
opacity 0.3s ease,
height 0.3s ease;
}
.avpoptions-container__v2 .apo-slider-container .apo-thumb-value.apo-thumb-value-hidden {
opacity: 0;
overflow: hidden;
transition: opacity 0.3s ease;
}
.avpoptions-container__v2 .apo-slider-input-container .apo-slider-thumb::-webkit-slider-thumb {
width: 3px;
height: 3px;
background-color: #ad0000;
box-shadow:
rgb(0 0 0 / 0.16) 0 1px 4px,
#ad0000 0 0 0 1px;
border: 3px solid #fff;
border-radius: 100%;
padding: 8px;
-webkit-appearance: none;
}
.avpoptions-container__v2 .apo-slider-input-container input[type="range"]::-webkit-slider-thumb:hover {
transform: scale(1.1);
}
.avpoptions-container__v2 .apo-slider-input-container {
position: relative;
display: flex;
align-items: center;
}
.avpoptions-container__v2 .apo-slider-dots {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
pointer-events: none;
z-index: 222;
}
.avpoptions-container__v2 .apo-slider-dots span {
width: 1px;
height: 1px;
background: #ad0000;
border-radius: 50%;
padding: 3px;
}
.avis-options-selected {
display: block !important;
margin: 10px 0 !important;
padding: 5px 15px !important;
max-width: 153px;
height: auto;
color: #fff;
background: #121212;
border: 1px solid #121212;
border-radius: 3px;
box-shadow: 0 1px 0 rgb(0 0 0 / 0.05);
cursor: pointer;
line-height: 1.5;
font-size: 14px;
font-family: inherit;
}
.avpoptions-container__v2 .avp-option.ap-options__hidden-field-container {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
.avpoptions-container__v2 label.avp-productoptionswatchwrapper span.avis-stock-text {
position: absolute;
width: 100%;
white-space: nowrap;
top: 100%;
display: none;
opacity: 0;
margin: 0 !important;
}
.avpoptions-container__v2 label.avp-productoptionswatchwrapper:has(input:checked) span.avis-stock-text {
display: block;
opacity: 1;
}
.avpoptions-container__v2 .apo-slider-dots span:first-child,
.avpoptions-container__v2 .apo-slider-dots span:last-child {
opacity: 0 !important;
}
input[type="range"]::-moz-range-thumb {
width: 20px;
height: 20px;
background-color: #ff7f7f;
border: 4px solid #ffb6b6;
border-radius: 50%;
cursor: pointer;
}
input[type="range"]::-moz-range-track {
background: #999;
height: 4px;
border-radius: 2px;
}
.avpoptions-container__v2 .apo-slider-container .avis-validate-error-wrapper {
display: flex;
}
.avpoptions-container__v2 .avp-quantity-control-wrapper {
display: flex;
align-items: center;
border: 1px solid;
border-radius: 4px;
overflow: hidden;
height: 46px;
min-height: 50px;
user-select: none;
}
.avpoptions-container__v2 .avp-quantity-control-wrapper .avp-quantity-control {
padding: 0 16px;
height: 100%;
width: fit-content;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.avpoptions-container__v2 .avp-quantity-control-wrapper .avp-quantity-control svg {
width: 1rem;
height: 100%;
}
.avpoptions-container__v2 .ap-options__quantity-container .apo-text-field .avp-quantity-control-wrapper input.avp-quantity-input {
margin-left: 0;
min-width: 50px;
max-width: 50px;
box-shadow: none;
height: 100%;
text-align: center;
padding: 8px;
color: inherit;
border: 0;
border-radius: 0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.avpoptions-container__v2 .ap-options__quantity-container .apo-text-field .avp-quantity-control-wrapper .avp-quantity-input::-webkit-inner-spin-button,
.avpoptions-container__v2 .ap-options__quantity-container .apo-text-field .avp-quantity-control-wrapper .avp-quantity-input::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.avpoptions-container__v2 .ap-options__textarea input.avis-font-size-personalizer,
.avpoptions-container__v2 .ap-options__number input.avis-font-size-personalizer,
.avpoptions-container__v2 .ap-options__text input.avis-font-size-personalizer {
padding: 6px 12px;
margin-top: 6px;
-moz-appearance: number-input;
}
.avpoptions-container__v2 .ap-options__number input.avis-font-size-personalizer::-webkit-inner-spin-button,
.avpoptions-container__v2 .ap-options__number input.avis-font-size-personalizer::-webkit-outer-spin-button,
.avpoptions-container__v2 .ap-options__textarea input.avis-font-size-personalizer::-webkit-inner-spin-button,
.avpoptions-container__v2 .ap-options__textarea input.avis-font-size-personalizer::-webkit-outer-spin-button,
.avpoptions-container__v2 .ap-options__text input.avis-font-size-personalizer::-webkit-inner-spin-button,
.avpoptions-container__v2 .ap-options__text input.avis-font-size-personalizer::-webkit-outer-spin-button {
opacity: 1;
-webkit-appearance: inner-spin-button;
appearance: auto;
}
.avpoptions-container__v2 .ap-options__number div.avis-font-size-personalizer-wrapper,
.avpoptions-container__v2 .ap-options__textarea div.avis-font-size-personalizer-wrapper,
.avpoptions-container__v2 .ap-options__text div.avis-font-size-personalizer-wrapper {
position: relative;
max-width: 120px;
width: 120px;
}
.avpoptions-container__v2 .ap-options__number span.avis-font-size-personalizer-unit,
.avpoptions-container__v2 .ap-options__textarea span.avis-font-size-personalizer-unit,
.avpoptions-container__v2 .ap-options__text span.avis-font-size-personalizer-unit {
position: absolute;
font-size: 14px;
right: 40px;
top: 55%;
transform: translateY(-50%);
line-height: normal;
}
@media only screen and (max-width: 600px) {
.avpoptions-container__v2 .ap-options__number span.avis-font-size-personalizer-unit,
.avpoptions-container__v2 .ap-options__textarea span.avis-font-size-personalizer-unit,
.avpoptions-container__v2 .ap-options__text span.avis-font-size-personalizer-unit {
right: 12px;
}
}
.avis-thumbnail-bar {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: center;
}
.avis-thumbnail-bar--hidden {
display: none;
opacity: 0;
}
.avis-thumbnail-bar .avis-thumbanil-item {
cursor: pointer;
}
.btn-avis-addtocart.avis--atc-variant-pp {
padding: 5px;
font-size: 11px;
width: 100%;
color: #fff;
background-color: #303030;
border: 1px solid #1d1d1d;
border-radius: 3px;
transition:
width 125ms cubic-bezier(0.4, 0, 0.2, 1),
height 125ms cubic-bezier(0.4, 0, 0.2, 1),
border-color 125ms cubic-bezier(0.4, 0, 0.2, 1),
background-color 125ms cubic-bezier(0.4, 0, 0.2, 1),
box-shadow 125ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-avis-addtocart.avis--atc-variant-pp:disabled {
opacity: 0.5;
}
.avis-swatch-value-info:has(.btn-avis-addtocart.avis--atc-variant-pp) {
padding: 0 0.5rem;
}
.avis-swatch-value-info:has(.btn-avis-addtocart.avis--atc-variant-pp) .avis-swatch-value-title,
.avis-swatch-value-info:has(.btn-avis-addtocart.avis--atc-variant-pp) .avis-swatch-value-price {
padding: 0 !important;
}
.avis-custom-desc .avp-value-grid {
flex-wrap: wrap;
}
.avis-custom-desc .avp-value-grid .avp-value-grid-item {
max-width: 70%;
}
.avis-custom-desc .avp-value-grid>.apo-value-help-text {
width: 100%;
font-size: 14px;
margin-top: -8px;
margin-bottom: 10px;
}
.avis-custom-desc .apo-value-title+.apo-value-help-text {
display: none !important;
}
.avpoptions-container__v2 .avp-option input[disabled].avis-option-soldout,
.avpoptions-container__v2 .avp-option textarea[disabled].avis-option-soldout,
.avpoptions-container__v2 .avp-option .apo-maincolorpicker.avis-option-soldout {
border-color: #cecece !important;
}
.avpoptions-container__v2 .avp-dimension-container {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
justify-content: space-between;
gap: 12px;
font-size: 14px;
line-height: 1.2;
}
.avpoptions-container__v2 div.avp-dimension-container .avp-dimension-item input[type="number"].avp-productdescfont {
width: 100%;
border: none !important;
box-shadow: none !important;
padding: 4px 12px;
margin: 8px 0;
-moz-appearance: textfield;
}
.avpoptions-container__v2 div.avp-dimension-container .avp-dimension-hr {
border-right: 1px solid #ccc;
}
.avpoptions-container__v2 .avp-dimension-input-container {
border: 1px solid #000;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: space-between;
}
.avpoptions-container__v2 .avp-dimension-item {
display: flex;
flex: 1;
flex-direction: column;
gap: 8px;
min-width: 100px;
max-width: 48%;
}
.avpoptions-container__v2 .avp-dimension-unit {
padding: 0 8px;
}
.avp-dimension-container input[type="number"]::-webkit-inner-spin-button,
.avp-dimension-container input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.cd-edit-options {
padding: 8px 0;
}
.cd-edit-options .cd-edit-options-text {
background: #3a3921;
color: #fff;
padding: 5px;
border-radius: 5px;
font-size: 13px;
cursor: pointer;
}
.avpoptions-container__v2 div.avp-font-dropdown input[field-name] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 5.7' style='enable-background:new 0 0 9 5.7' xml:space='preserve'%3E%3Cpath d='M8.4.2C8.2.1 8 0 7.8 0s-.3.1-.5.2L4.5 3 1.7.2C1.5.1 1.4 0 1.2 0S.8.1.6.2L.2.6C.1.8 0 1 0 1.2s.1.4.2.5L4 5.5c.1.1.3.2.5.2s.4-.1.5-.2l3.8-3.8c.1-.1.2-.3.2-.5S8.9.8 8.8.6L8.4.2z' style='fill:%23959595'/%3E%3C/svg%3E");
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-repeat: no-repeat;
background-color: #eee;
background-position: calc(100% - 14px) center;
background-size: auto 6px;
line-height: normal;
}
.avis-popup-atc-container {
z-index: 998;
}
.avis-popup-atc-container .avpoptions-container__v2 {
margin: 0px !important;
}
.avis-btn-choose-options {
width: 100%;
margin-block: 12px;
flex-wrap: wrap;
}
button.avis-btn-open-popup {
padding: 8px 12px;
border: 1px solid #000;
color: #000;
font-size: 14px;
background-color: #fff;
border-radius: 8px;
font-weight: 500;
cursor: pointer;
}
.avis-popup-atc-content {
position: fixed;
background: #fff;
border-radius: 16px;
transition: all 0.3s ease;
box-shadow: -2px 0 10px rgb(0 0 0 / 0.1);
z-index: 9999;
border-color: #e4e4e4;
display: none;
opacity: 0;
transform: translate(-50%, -50%);
max-height: 700px;
}
.avis-slider-atc-content.size-S,
.avis-popup-atc-content.size-S {
width: 25vw;
}
.avis-slider-atc-content.size-M,
.avis-popup-atc-content.size-M {
width: 50vw;
}
.avis-slider-atc-content.size-L,
.avis-popup-atc-content.size-L {
width: 60vw;
}
.avis-popup-atc-content.top {
top: 5%;
left: 50%;
transform: translate(-50%, 0);
}
.avis-popup-atc-content.middle {
top: 50%;
left: 50%;
}
.avis-popup-atc-content.bottom {
bottom: 5%;
left: 50%;
transform: translate(-50%, 0);
}
.avis-popup-atc-content.close {
display: none;
opacity: 0;
}
.avis-popup-atc-content.middle.open,
.avis-popup-atc-content.top.open,
.avis-popup-atc-content.bottom.open {
display: block;
opacity: 1;
}
.avis-slider-atc-content {
position: fixed;
top: 0;
right: 0;
height: 100vh;
background-color: #fff;
transition: transform 0.35s ease-in-out;
box-shadow: -2px 0 10px rgb(0 0 0 / 0.1);
z-index: 9999;
border-color: #e4e4e4;
}
.avis-slider-atc-content.left {
transform: translateX(-100%);
right: unset;
left: 0;
}
.avis-slider-atc-content.left.open {
transform: translateX(0);
}
.avis-slider-atc-content.left.close {
transform: translateX(-100%);
}
.avis-slider-atc-content.right {
transform: translateX(100%);
}
.avis-slider-atc-content.right.open {
transform: translateX(0);
}
.avis-slider-atc-content.right.close {
transform: translateX(100%);
}
.avis-slider-atc-content.top {
transform: translateY(-100%);
}
.avis-slider-atc-content.top.open {
transform: translateY(0);
}
.avis-slider-atc-content.top.close {
transform: translateY(-100%);
}
.avis-slider-atc-content.bottom {
transform: translateY(100%);
}
.avis-slider-atc-content.bottom.open {
transform: translateY(0);
}
.avis-slider-atc-content.bottom.close {
transform: translateY(100%);
}
@media only screen and (max-width: 600px) {
.avis-popup-atc-content {
width: 90vw !important;
max-height: 80vh !important;
}
.avis-slider-atc-content {
width: 100vw !important;
}
}
.avis-popup-atc-container .avis-popup-atc-form {
height: inherit;
max-height: inherit;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.avis-popup-atc-container .avis-popup-atc-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
border-bottom: 1px solid #e4e4e4;
position: relative;
}
.avis-popup-atc-container .avis-popup-btn-close {
cursor: pointer;
position: absolute;
top: 60%;
right: 16px;
transform: translateY(-50%);
}
.avis-popup-btn-close button.close-btn {
background-color: #fff;
border-radius: 50%;
border: 1px solid #cfcfcf;
justify-content: center;
align-items: center;
cursor: pointer;
color: #171717;
padding: 4px;
position: relative;
overflow: hidden;
display: inline-flex;
transition: color 0.3s ease;
}
.avis-popup-btn-close button.close-btn::before {
content: "";
position: absolute;
top: 110%;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
border-radius: 50%;
transition: top 0.3s ease;
z-index: 0;
}
.avis-popup-btn-close button.close-btn:hover::before {
top: 0;
}
.avis-popup-btn-close button.close-btn svg {
position: relative;
z-index: 1;
}
.avis-popup-btn-close button.close-btn:hover svg {
transition: transform 800ms ease;
transform: rotate(180deg);
color: #fff;
}
.avis-popup-atc-container .avis-popup-atc-title {
font-size: 14px;
color: #000;
font-weight: 700;
line-height: 1;
}
.avis-popup-atc-overlay {
position: fixed;
inset: 0;
background: rgb(23 23 23 / 0.7);
opacity: 0;
pointer-events: none;
transition: opacity 0.35s ease;
z-index: 9998;
display: block !important;
}
.avis-popup-atc-overlay.open {
opacity: 1;
pointer-events: auto;
}
.avis-popup-atc-container .avis-popup-atc-body {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
align-items: start;
gap: 20px;
flex: 1 1 auto;
padding: 16px;
overflow-y: auto;
scrollbar-width: thin;
}
.avis-popup-atc-container .avis-popup-atc-body:has(.avis-popup-atc-left.no-image) {
grid-template-columns: 1fr;
}
.avis-popup-atc-container .avis-popup-atc-left .avis_personalize_stage {
width: 100%;
height: 100%;
background-color: #fff;
justify-content: center;
align-items: center;
}
.avis-popup-atc-container .avis-popup-atc-left .avis-popup-atc-image {
width: 100%;
height: 100%;
}
.avis-popup-atc-container .avis-popup-atc-left.no-image {
display: none;
opacity: 0;
visibility: hidden;
}
.avis-popup-atc-container .avis-popup-atc-left .avis-popup-atc-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
div.avis-btn-choose-options .avis-modal-message {
position: relative;
background-color: #eb8992;
color: #fff;
font-weight: 600;
font-size: 13px;
line-height: 1.4;
padding: 9px 14px;
border-radius: 8px;
margin-top: 11px;
display: inline-block;
max-width: 100%;
box-shadow: 0 4px 10px rgb(235 137 146 / 0.35);
}
div.avis-btn-choose-options .avis-modal-message::before {
content: "";
position: absolute;
bottom: 100%;
left: 32px;
border-width: 7px;
border-style: solid;
border-color: #fff0 #fff0 #eb8992 #fff0;
}
div.avis-btn-choose-options.apo-opus-stc-trigger {
width: auto;
margin: 0;
display: flex;
align-items: center;
position: relative;
}
div.avis-btn-choose-options.apo-opus-stc-trigger .avis-btn-open-popup {
white-space: nowrap;
line-height: 1.2;
border-radius: 12px;
background-color: #f2f2f2;
border: 1px solid #e0e0e0;
color: #000;
}
.apo-opus-stc-message {
position: fixed;
transform: translate(-50%, -100%);
margin-top: -12px;
z-index: 2147483000;
width: max-content;
min-width: 180px;
max-width: 260px;
background-color: #eb8992;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 1.4;
text-align: center;
padding: 7px 11px;
border-radius: 8px;
box-shadow: 0 4px 10px rgb(235 137 146 / 0.35);
pointer-events: none;
}
.apo-opus-stc-message::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border-width: 7px;
border-style: solid;
border-color: #eb8992 #fff0 #fff0 #fff0;
}
@media only screen and (max-width: 600px) {
.avis-popup-atc-container .avis-popup-atc-body {
grid-template-columns: 1fr;
gap: 10px;
}
.avis-popup-atc-container .avis-popup-atc-left {
width: 100%;
height: auto;
}
}
.avis-popup-atc-footer {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 16px;
border-top: 1px solid #e4e4e4;
}
.avis-slider-atc-content .avis-popup-atc-footer {
align-items: start;
}
.avis-popup-atc-footer .avis-popup-atc-actions {
display: flex;
justify-content: end;
align-items: center;
gap: 10px;
}
.avis-popup-atc-footer .avis-popup-total-text {
font-size: 14px;
color: #000;
}
.avis-popup-atc-footer .avis-popup-price-text {
font-size: 14px;
color: #000;
font-style: italic;
}
.avis-popup-btn-save {
padding: 8px 12px;
border: 1px solid #b5b5b5;
color: #303030;
font-size: 14px;
background-color: #fff;
border-radius: 8px;
font-weight: 500;
cursor: pointer;
}
.avis-popup-btn-atc {
padding: 8px 12px;
border: 1px solid #000;
color: #fff;
font-size: 14px;
background-color: #000;
border-radius: 8px;
font-weight: 500;
cursor: pointer;
}
.avis-popup-btn-atc.disabled {
opacity: 0.5;
pointer-events: none;
}
div.apo-loading-wrapper {
display: flex;
text-align: center;
justify-content: center;
align-items: center;
}
div.apo-loading-wrapper img {
max-width: 200px;
text-align: center;
width: 100%;
}
.avpoptions-container__v2+div.apo-loading-wrapper {
display: none !important;
}
.avpoptions-container__v2 .apo-modal__button {
border-radius: 4px;
border-width: 1px;
border-style: solid;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 12px;
padding-right: 12px;
border-color: #bcbcbc;
background-color: #fff;
cursor: pointer;
font-size: 14px;
line-height: 14px;
font-weight: 450;
width: fit-content;
}
.avpoptions-container__v2 .apo-modal__button:hover {
background-color: #000;
color: #fff;
}
.avis-popup-atc-shopify-options {
padding-inline: 5px;
padding-bottom: 10px;
}
.avis-popup-atc-container .avis-shopify-options-wrapper {
display: flex;
flex-direction: column;
gap: 10px;
}
.avis-popup-atc-container .avis-option-item-title {
font-size: 14px;
font-weight: 400;
margin-bottom: 6px;
line-height: 1;
}
.avis-option-item-list {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.avis-option-item-list .avis-option-item-button:has(input[type="radio"]:checked) {
background-color: #121212;
color: #fff;
}
.avis-option-item-list .avis-option-item-button {
border: 1px solid #1212128c;
background-color: #fff;
color: #121212;
border-radius: 40px;
display: inline-block;
padding: 1rem 2rem;
font-size: 1.4rem;
letter-spacing: 0.1rem;
line-height: 1;
text-align: center;
transition: border 0.1s ease;
cursor: pointer;
position: relative;
}
.avis-option-item-list .avis-option-item-button.avis-sold-out {
opacity: 0.7;
}
.avis-option-item-list .avis-option-item-button.avis-sold-out span {
text-decoration: line-through;
}
.avis-option-item-list .avis-option-item-button:hover {
background-color: #000;
color: #fff;
}
.avis-option-item-list .avis-option-item-button input {
clip: rect(0, 0, 0, 0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px;
}
.avpoptions-container__v2 .apo-step-final {
display: none !important;
}
.form-ops-upsells-with-avis .avpoptions-container__v2 {
padding: 20px;
padding-top: 0;
}
#opus-drawer-id .avpoptions-container__v2 input {
border-width: 1px;
}
.avpoptions-container__v2 .apo-suffix-prefix {
border-radius: 4px;
border-width: 1px;
border-style: solid;
color: #000;
border-color: #000;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 8px;
padding-right: 8px;
}
.avpoptions-container__v2 .avp-option .apo-suffix-prefix {
display: flex;
align-items: center;
}
.avpoptions-container__v2 .avp-option:not(.ap-options__date-container) .apo-suffix-prefix input.avp-productdescfont:not([type="range"]),
.avpoptions-container__v2 .avp-option:not(.ap-options__date-container) .apo-suffix-prefix textarea.avp-productdescfont {
border: none;
box-shadow: none;
padding-top: 0;
padding-bottom: 0;
outline: none;
}
.avpoptions-container__v2 .avp-option:not(.ap-options__date-container) .apo-suffix-prefix textarea.avp-productdescfont {
line-height: 1.2;
height: calc(1.2em * 2);
}
.avpoptions-container__v2 .apo-suffix-prefix span.apo-min-letter {
position: absolute;
bottom: -18px;
}
.avpoptions-container__v2 .apo-suffix-prefix.apo-has-min-length {
margin-bottom: 18px;
}
.avpoptions-container__v2 .apo-suffix-prefix.apo-has-max-length .apo-counter-letter {
margin-left: -20px;
transform: none;
position: relative;
bottom: auto;
}
.avpoptions-container__v2 .avp-custom-input-container {
display: flex;
width: 100%;
overflow: hidden;
align-items: center;
flex-wrap: nowrap;
}
.avpoptions-container__v2 .avp-input-prefix,
.avpoptions-container__v2 .avp-input-suffix {
white-space: nowrap;
display: flex;
align-items: center;
flex: 0 1 auto;
max-width: 300px;
padding: 0 4px;
text-align: left;
text-overflow: ellipsis;
}
.avpoptions-container__v2 .avp-input-suffix {
text-align: right;
}
.avpoptions-container__v2 .avp-input-prefix svg,
.avpoptions-container__v2 .avp-input-suffix svg {
flex-shrink: 0;
height: 20px;
width: 20px;
}
.avpoptions-container__v2 .apo-suffix-prefix .avp-prefix-icon+.avp-prefix-text,
.avpoptions-container__v2 .apo-suffix-prefix .avp-suffix-icon+.avp-suffix-text {
padding-left: 0;
font-size: 14px;
}
.avpoptions-container__v2 .avp-dimension-hr {
border-right: 1px solid #ccc;
align-self: stretch;
margin-left: 4px;
margin-right: 4px;
}
.avpoptions-container__v2 .apo-not-deselect input:checked+span,
.avpoptions-container__v2 .apo-not-deselect input:checked,
.avpoptions-container__v2 .apo-not-deselect label:has(input:checked) {
pointer-events: none;
cursor: not-allowed;
}
.avpoptions-container__v2 ul.option-avis-dropdown-values li.option-avis-value:has(.option-avis-swatch-value-title.avis-drop-value-placeholder) {
display: none !important;
}
.avpoptions-container__v2 label.avp-productoptioncheckwrapper input {
box-shadow: none;
}
.avis-input-hiddens input[type="file"] {
display: none;
}
.apo-opt-swatch-block {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px !important;
background: #fff !important;
border: 1px solid #d3d3d2 !important;
gap: 20px !important;
font-weight: 600;
cursor: pointer;
transition: border-color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}
.apo-opt-swatch-block:hover {
border: 1px solid #000;
}
.apo-opt-swatch-block .apo-opt-swatch-left {
flex: 1;
display: flex;
align-items: center;
justify-content: start;
gap: 20px;
}
.apo-opt-swatch-block .apo-opt-swatch-left .apo-opt-swatch-price,
.apo-opt-swatch-block .apo-opt-swatch-left .apo-opt-swatch-subtitle {
line-height: 1.5;
font-size: 14px;
font-weight: 400;
color: #767676;
}
.apo-opt-swatch-block .apo-opt-swatch-left .apo-opt-swatch-color {
width: 50px;
height: 50px;
border-radius: 50%;
display: block !important;
}
.apo-opt-swatch-block .apo-opt-swatch-left .apo-opt-swatch-info {
display: flex;
justify-content: space-between;
flex: 1;
align-items: end;
}
.apo-opt-swatch-block .apo-opt-swatch-left img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.apo-opt-swatch-drawer {
position: fixed;
inset: 0;
z-index: 9999;
pointer-events: none;
}
.apo-opt-swatch-drawer-overlay {
position: absolute;
inset: 0;
background: #fff0;
transition: background 0.25s ease;
display: block !important;
}
.apo-opt-swatch-drawer-content {
position: absolute;
right: 0;
top: 0;
width: 420px;
max-width: 100%;
height: 100%;
background: #fff;
transform: translateX(100%);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
flex-direction: column;
will-change: transform;
}
.apo-opt-swatch-drawer.active {
pointer-events: auto;
}
.apo-opt-swatch-drawer.active .apo-opt-swatch-drawer-overlay {
background: rgb(0 0 0 / 0.4);
}
.apo-opt-swatch-drawer.active .apo-opt-swatch-drawer-content {
transform: translateX(0);
}
.apo-opt-swatch-drawer-header .apo-opt-swatch-drawer-close {
cursor: pointer;
}
.apo-opt-swatch-drawer-header {
padding: 16px;
padding-bottom: 6px;
display: flex;
justify-content: space-between;
font-weight: 600;
}
.apo-opt-swatch-drawer-body {
flex: 1;
overflow-y: auto;
padding: 16px;
}
.apo-opt-swatch-drawer-body .ap-options__swatch {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
.apo-opt-swatch-drawer-body .ap-options__swatch .apo-swatch-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
gap: 10px;
cursor: pointer;
text-align: center;
}
.apo-opt-swatch-drawer-body .ap-options__swatch .avp-productoptionswatch {
width: 70px;
height: 70px;
border-radius: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.apo-loading-card {
padding: 16px;
border-radius: 8px;
background: #fff;
}
.apo-loading-lines {
display: flex;
flex-direction: column;
gap: 10px;
}
div.apo-loading-line {
display: block !important;
height: 12px;
border-radius: 6px;
background: #f3f3f3;
position: relative;
overflow: hidden;
}
.apo-loading-short {
width: 60%;
}
.apo-loading-skeleton::after {
content: "";
position: absolute;
top: 0;
left: -150px;
height: 100%;
width: 150px;
background: linear-gradient(90deg,
#fff0 0%,
rgb(255 255 255 / 0.9) 50%,
#fff0 100%);
animation: apo-loading-shimmer 1.2s infinite;
}
@keyframes apo-loading-shimmer {
0% {
left: -150px;
}
100% {
left: 100%;
}
}
@keyframes apo-option-error {
10%,
90% {
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
transform: translate3d(2px, 0, 0);
box-shadow: 0 0 3px #fff0;
}
30%,
50%,
70% {
transform: translate3d(-4px, 0, 0);
box-shadow: 0 0 3px #fff0;
}
40%,
60% {
transform: translate3d(4px, 0, 0);
box-shadow: 0 0 3px #fff0;
}
}
.avpoptions-container__v2 .avis-is-validate.avis-validate-error-wrapper {
animation: apo-option-error 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97);
animation-delay: 1s;
backface-visibility: hidden;
}
.avpoptions-container__v2 .apo-disabled {
opacity: 0.5;
pointer-events: none;
}
.avpoptions-container__v2 .ap-options__checkbox.apo-options-wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.avpoptions-container__v2 .apo-combo_dropdown-container,
.avpoptions-container__v2 .combo_input-container {
position: relative;
}
.avpoptions-container__v2 .combo_select-option:not(.combo_box-modal) input[type="checkbox"] {
display: none;
}
.avpoptions-container__v2 .avp-option.ap-options__swatch-container .ap-swatch__multi_v2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.avpoptions-container__v2 .apo-hidden-by-cl {
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
.avpoptions-container__v2 .apo-disabled-by-cl {
opacity: 0.5 !important;
}
.avpoptions-container__v2 .apo-options-wrapper:not(.ap-options__button) .avp-value-grid .avp-value-grid-item:first-child {
flex: 1;
}
.avpoptions-container__v2 .ap-options__button.apo-options-wrapper {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.avpoptions-container__v2 .apo-option-col[class*="ap-col"] label.avp-productoptioncheckwrapper {
width: fit-content;
}
.avpoptions-container__v2 .avp-option.ap-options__select-container .apo-options-wrapper .option-avis-swatch-value-box[style="background-color:transparent;"] {
display: none;
}
.avis-org-addcart-button {
display: none !important;
visibility: hidden !important;
}
#opus-stc-widget__bar:not(.apo-stc-ready) {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
html:not([data-opus-stc]) #opus-stc-widget__bar:not(.apo-stc-ready) {
transition: none !important;
}
html[data-opus-stc] #opus-stc-widget__bar:not(.apo-stc-ready) {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
#opus-stc-container:has(.avis-new-addcart-button) #opus-stc-widget__bar,
#opus-stc-container:has([class*="avis-input-hiddens"]) #opus-stc-widget__bar,
#opus-stc-container:has(.avis-btn-choose-options) #opus-stc-widget__bar,
#opus-stc-widget__bar.apo-stc-ready {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.apo-total-addcharge-hide,
.apo-hidden {
display: none !important;
}
.apo-loading::after {
content: "" !important;
position: absolute !important;
width: 20px !important;
height: 20px !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: auto !important;
border: 3px solid currentColor !important;
border-color: currentColor #fff0 currentColor transparent !important;
border-radius: 50% !important;
background-image: none !important;
animation: apo-spin 1.2s linear infinite !important;
box-shadow: none !important;
}
.apo-loading {
position: relative;
outline: none;
}
@keyframes apo-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.avis-loading::after {
content: "" !important;
position: absolute !important;
width: 20px !important;
height: 20px !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: auto !important;
border: 3px solid currentColor !important;
border-color: currentColor #fff0 currentColor transparent !important;
border-radius: 50% !important;
background-image: none !important;
animation: avis-spin 1.2s linear infinite !important;
box-shadow: none !important;
}
.avis-loading {
position: relative;
outline: none;
}
@keyframes avis-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.avis-edit-options {
display: block !important;
margin: 0 !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
padding: 5px 15px !important;
max-width: 150px;
height: auto;
line-height: 1.5;
font-size: 14px;
font-family: inherit;
color: #fff;
background: #121212;
border: 1px solid #121212;
border-radius: 3px;
box-shadow: 0 1px 0 rgb(0 0 0 / 0.05);
cursor: pointer;
}
.avis-cartOptionsPopup {
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
pointer-events: none;
font-family: inherit;
}
.avis-cartOptionsBackdrop {
position: fixed;
z-index: 518;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block !important;
background-color: rgb(0 0 0 / 0.3764705882);
animation: avis-fade-in 200ms 1 forwards;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: opacity;
}
@keyframes avis-fade-in {
100% {
opacity: 1;
}
}
.avis-popupBox {
pointer-events: initial;
position: relative;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
margin: 0 auto;
width: 100%;
max-width: 600px;
max-height: calc(100vh - 0px);
background: #fff;
border-radius: 8px;
box-shadow:
0 26px 80px rgb(0 0 0 / 0.2),
0 0 1px rgb(0 0 0 / 0.2);
overflow: hidden;
}
.avis-popupHeader {
display: flex;
padding: 16px 16px 8px;
justify-content: space-between;
border-bottom: 1px solid #dde0e4;
}
.avis-popupBody {
max-height: 500px;
overflow-y: auto;
padding: 16px 20px;
}
.avis-popupFooter {
display: flex;
gap: 5px;
padding: 16px;
justify-content: right;
border-top: 1px solid #dde0e4;
}
.avis-popupHeader-title {
display: block;
color: #000;
font-size: 18px;
cursor: pointer;
}
.avis-popupHeader-close {
display: flex;
width: 25px;
height: 25px;
line-height: 1;
align-items: center;
justify-content: center;
color: #000;
font-size: 25px;
text-align: center;
cursor: pointer;
}
.avis-popupFooter>button {
display: block;
padding: 7px 16px;
font-size: 14px;
font-family: inherit;
border: 1px solid #121212;
border-radius: 3px;
line-height: 1.5;
cursor: pointer;
}
.avis-popupFooter-cancel {
color: #121212;
background: #fff;
}
.avis-popupFooter>button {
display: block;
padding: 7px 16px;
font-size: 14px;
font-family: inherit;
border: 1px solid #121212;
border-radius: 3px;
line-height: 1.5;
cursor: pointer;
}
.avis-popupFooter-submit {
color: #fff;
background: #121212;
}
.limit-hide {
display: none !important;
}
.btn-avis-addtocart {
border-color: #000;
background-color: #000;
color: #fff !important;
padding: 8px 12px;
cursor: pointer;
line-height: initial;
font-size: 13px;
margin-top: 5px;
}
div.avis-cartOptionsPopup {
z-index: 2147483641;
}
.apo-body-tooltip {
position: absolute;
display: none;
pointer-events: none;
z-index: 2147483642;
padding: 4px 8px;
text-align: center;
width: max-content;
color: #fff;
font-weight: 400;
background-color: #000;
border-radius: 3px;
line-height: 130%;
font-size: 14px;
transform: translate3d(-50%, 8px, 0);
transition:
opacity 0.15s linear,
transform 0.3s ease-in-out;
max-width: 20em;
opacity: 0;
}
.apo-body-tooltip::before {
content: "";
position: absolute;
top: -16px;
border: 8px solid #fff0;
border-bottom-color: #000;
left: var(--arrow-left, 50%);
transform: translateX(-50%);
transition: left 0.2s;
}
.apo-body-tooltip.arrow-bottom::before {
top: auto;
bottom: -16px;
border-bottom-color: #fff0;
border-top-color: #000;
}
.apo-body-tooltip.tooltip-show {
display: block;
opacity: 1;
transform: translateY(0);
}
.apo-body-tooltip.tooltip-hide {
display: none;
opacity: 0;
transform: translateY(0);
}
.apo-body-tooltip .apo-btooltip-image {
width: 200px;
height: 200px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-top: 4px;
margin-inline: auto;
display: block;
}
.avis_personalize_stage {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
justify-content: center;
height: 100%;
width: 100%;
align-items: center;
}
.avis-personalize-wrapper {
position: relative;
}
.apo-value-badge {
margin-left: 4px;
}
.apo-value-badge__icon {
flex: 0 0 auto;
display: block;
}
.apo-value-badge__text {
display: inline-block;
}
/* new css */
.apo-custom-crop-modal,
.apo-modal {
left: 0;
position: fixed;
height: 100%;
}
.avis-discount-success-code,
.avpoptions-container__v2 .avp-text-transform-uppercase {
text-transform: uppercase;
}
.avis-discount {
margin: 20px 0;
max-width: 100%;
display: flex;
justify-content: flex-end;
}
.avis-discount-action {
display: inline-flex;
flex-wrap: wrap;
width: 404px;
max-width: 100%;
justify-content: flex-start;
}
.avis-discount-active {
display: inline-flex;
justify-content: space-between;
max-width: 100%;
}
.avis-discount-input {
background-color: #fff !important;
color: #333 !important;
border: 1px solid #d5d5d5 !important;
background-clip: padding-box !important;
border-radius: 5px !important;
display: block !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
word-break: normal !important;
line-height: inherit !important;
padding: 13px 11px !important;
height: 46px !important;
width: 320px !important;
max-width: 100% !important;
margin: 0 !important;
outline: unset !important;
}
.avis-discount-input:focus {
outline: 0 !important;
border-color: #1878b9 !important;
-webkit-box-shadow: 0 0 0 1px #1878b9 !important;
box-shadow: 0 0 0 1px #1878b9 !important;
}
.avis-discount-apply.avis-discount-apply-disable {
background-color: #c8c8c8;
cursor: default;
}
.avis-discount-apply {
display: inline-flex;
align-items: center;
background-color: #1878b9;
-webkit-box-shadow: none;
box-shadow: none;
width: auto;
margin-left: 12px;
white-space: nowrap;
cursor: pointer;
background-clip: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid transparent;
border-radius: 5px;
color: #fff;
font-weight: 500;
padding: 0 16px;
text-align: center;
position: relative;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
}
.avis-discount-success-info {
width: auto;
border-radius: 4px;
background-color: rgba(113, 113, 113, 0.11);
color: #323232;
font-size: 14px;
font-weight: 600;
padding: 12px;
overflow: hidden;
display: flex;
align-items: center;
}
.avis-discount-error-info {
font-size: 14px;
color: #e22120;
}
.avis-discount-success-info .avis-svg-coupon {
color: #717171;
fill: currentColor;
width: 18px;
height: 18px;
margin-right: 5px;
}
.avis-btn-progress {
position: relative !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: 30px !important;
color: transparent !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;display:block;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' r='32' stroke-width='8' stroke='%23989898' stroke-dasharray='50.26548245743669 50.26548245743669' fill='none' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' keyTimes='0;1' values='0 50 50;360 50 50'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E") !important;
}
.avis-discount-success-info .avis-svg-close {
stroke: rgba(113, 113, 113, 0.9);
fill: currentColor;
width: 12px;
height: 12px;
margin-left: 10px;
cursor: pointer;
}
.avis-discount-info {
margin: 8px 0 4px;
}
.avis-text-decoration,
s>.avisplus-cart-item-line-price {
text-decoration: line-through;
margin-right: 1rem;
}
.avis-hide,
.avpo-hide,
.t4s-sticky-atc.sticky_layout_mb--minimal {
display: none !important;
}
.avpoptions-container__v2 a,
.avpoptions-container__v2 aside,
.avpoptions-container__v2 div,
.avpoptions-container__v2 fieldset,
.avpoptions-container__v2 img,
.avpoptions-container__v2 input,
.avpoptions-container__v2 label,
.avpoptions-container__v2 li,
.avpoptions-container__v2 p,
.avpoptions-container__v2 select,
.avpoptions-container__v2 span,
.avpoptions-container__v2 table,
.avpoptions-container__v2 textarea,
.avpoptions-container__v2 ul {
height: auto;
min-height: auto;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: 0 0;
}
.avpoptions-container__v2 {
display: block;
width: 100%;
margin-bottom: 14px;
margin-top: 14px;
}
.avpoptions-container__v2 .avp-columnwidth-33 {
max-width: 33% !important;
}
.avpoptions-container__v2 .avp-columnwidth-50 {
max-width: 50% !important;
}
.avpoptions-container__v2 .avp-columnwidth-65 {
max-width: 65% !important;
}
.avpoptions-container__v2 .avp-columnwidth-100 {
max-width: 100%;
}
.avpoptions-container__v2 .avp-textbold {
font-weight: 700 !important;
}
.avpoptions-container__v2 .avp-textitalic {
font-style: italic !important;
}
.avpoptions-container__v2 .avp-textunderline {
text-decoration: underline;
}
#avpoptions-container__v2 .ap-options__button-container .ap-button__single[class*="ap-col"],
#avpoptions-container__v2 .ap-options__button-container>span[class*="ap-col"]:not(.ap-button__multi),
#avpoptions-container__v2 .ap-options__checkbox-container>span[class*="ap-col"] fieldset,
#avpoptions-container__v2 .ap-options__radio-container>span[class*="ap-col"],
#avpoptions-container__v2 .ap-options__swatch-container>span[class*="ap-col"] fieldset,
#avpoptions-container__v2 .ap-options__swatch-container>span[class*="ap-col"]:not(.ap-swatch__multi),
.avpoptions-container__v2 div.avp-option span[class*="ap-col__"] fieldset {
display: grid;
}
.avpoptions-container .avp-option.ap-options__button-container input,
.avpoptions-container__v2 .avp-option.ap-options__button-container input {
accent-color: #000;
}
.avp-option.ap-options__button-container input:checked+span {
background-color: #000;
color: #fff;
border: 1px solid #000;
}
.avpoptions-container .avp-option.ap-options__button-container span {
color: unset;
}
.avpoptions-container .avp-option.ap-options__button-container .avp-pilloptioncheckwrapper>span,
.avpoptions-container__v2 .ap-options__button .avp-value-grid .avp-value-grid-item:first-child label>a,
.avpoptions-container__v2 .avp-option.ap-options__button-container .avp-pilloptioncheckwrapper>span {
border: 1px solid #000;
border-radius: 4px;
font-weight: 500;
margin-left: 0;
padding: 8px;
min-width: 36px;
text-align: center;
cursor: pointer;
}
.avpoptions-container .avp-option.ap-options__button-container .avp-pilloptioncheckwrapper,
.avpoptions-container__v2 .avp-option.ap-options__button-container .avp-pilloptioncheckwrapper {
width: unset;
display: flex;
margin-bottom: 12px;
}
.avpoptions-container__v2 div.avp-option span.ap-col__1,
.avpoptions-container__v2 div.avp-option span.ap-col__1 fieldset {
grid-template-columns: repeat(1, 1fr) !important;
}
.avpoptions-container__v2 div.avp-option span.ap-col__2,
.avpoptions-container__v2 div.avp-option span.ap-col__2 fieldset {
grid-template-columns: repeat(2, 1fr) !important;
}
.avpoptions-container__v2 div.avp-option span.ap-col__3,
.avpoptions-container__v2 div.avp-option span.ap-col__3 fieldset {
grid-template-columns: repeat(3, 1fr) !important;
}
.avpoptions-container__v2 div.avp-option span.ap-col__4,
.avpoptions-container__v2 div.avp-option span.ap-col__4 fieldset {
grid-template-columns: repeat(4, 1fr) !important;
}
.avpoptions-container__v2 div.avp-columnwidth-50 .apo-colorlabel>span {
top: 0;
min-width: 120px;
}
.avpoptions-container__v2 div.avp-columnwidth-33 .apo-colorlabel>span {
left: 40px;
top: 0;
min-width: 64px;
}
.avpoptions-container__v2 div.avp-columnwidth-65 .apo-colorlabel>span {
top: 0;
min-width: 172px;
}
.avpoptions-container__v2 .ap-options__button input[type="checkbox"] .avpoptions-container__v2 .ap-options__button input,
.avpoptions-container__v2 .ap-options__button input[type="radio"],
.avpoptions-container__v2 .ap-options__checkbox input[type="checkbox"],
.avpoptions-container__v2 .ap-options__checkbox input[type="checkbox"] .avpoptions-container__v2 .ap-options__button input,
.avpoptions-container__v2 .ap-options__combo_box input[type="checkbox"],
.avpoptions-container__v2 .ap-options__combo_color input[type="checkbox"],
.avpoptions-container__v2 .ap-options__combo_image input[type="checkbox"],
.avpoptions-container__v2 .ap-options__radio input[type="radio"] {
-webkit-appearance: radio !important;
appearance: auto;
accent-color: #ad0000;
width: 17px;
height: 17px;
position: relative;
top: 0;
left: 0;
transform: none;
opacity: 1;
clip: auto;
clip-path: none;
display: inline-block;
}
.avpoptions-container__v2 input[type="checkbox"]::after,
.avpoptions-container__v2 input[type="checkbox"]::before,
.avpoptions-container__v2 input[type="radio"]::after,
.avpoptions-container__v2 input[type="radio"]::before {
display: none !important;
}
.avpoptions-container__v2 fieldset>label {
border: 0;
text-align: unset;
padding: 0;
}
.avpoptions-container__v2 .ap-tooltip {
position: relative;
display: inline-block;
}
.avpoptions-container__v2 .ap-label-tooltip label {
display: inline;
padding-right: 4px;
}
.avpoptions-container__v2 .ap-helptext {
padding-bottom: 8px;
font-size: 14px;
width: 100%;
margin-top: 4px;
}
.avpoptions-container__v2 .ap-tooltip:hover .ap-tooltip-inner {
opacity: 1;
visibility: visible;
}
.avpoptions-container__v2 .ap-tooltip-inner {
position: absolute;
bottom: calc(100% + 5px);
background: #000;
left: -28px;
color: #fff;
box-shadow: 0 6px 30px rgb(0 0 0 / 8%);
opacity: 0;
visibility: hidden;
transition: 0.5s ease-in-out;
border-radius: 5px;
font-size: 13px;
text-align: center;
z-index: 999;
/* white-space:pre-wrap; */
padding: 7px;
}
.ap-tooltip-inner>p {
max-width: 350px;
min-width: 300px;
height: 100%;
margin: 0;
text-align: justify;
}
.avpoptions-container__v2 .ap-tooltip-inner:after {
content: "";
position: absolute;
top: 100%;
left: 30px;
border-width: 5px;
border-style: solid;
border-color: #000 transparent transparent;
}
.avpoptions-container__v2 label.avp-option-title,
.avpoptions-container__v2>div>label {
display: inline;
line-height: calc(1 + 0.5 / var(--font-body-scale));
letter-spacing: 0.5px;
}
.avpoptions-container__v2 div.ap-label-tooltip,
.avpoptions-container__v2 label.avp-option-title,
.avpoptions-container__v2>div>label {
margin-bottom: 6px;
font-size: 14px;
}
.avpoptions-container__v2 label.avp-productoptionswatchwrapper {
display: inline-block;
position: relative;
margin-bottom: 8px;
}
.avpoptions-container__v2 .avp-productoptionswatchwrapper input[type="checkbox"]:checked+.avp-productoptionswatch,
.avpoptions-container__v2 .avp-productoptionswatchwrapper input[type="checkbox"]:checked+.avp-productoptionswatch-box .avp-productoptionswatch,
.avpoptions-container__v2 .avp-productoptionswatchwrapper input[type="radio"]:checked+.avp-productoptionswatch,
.avpoptions-container__v2 .avp-productoptionswatchwrapper input[type="radio"]:checked+.avp-productoptionswatch-box .avp-productoptionswatch {
border: 1px solid #fff;
box-shadow: 0 0 0 1px black;
}
.avpoptions-container__v2 .hover-text .avp-productoptionswatchwrapper .avp-productoptionswatch+span {
position: absolute;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s;
border-radius: 2px;
bottom: 80%;
left: 50%;
transform: translateX(-50%);
margin-left: -3px;
font-size: 12px;
}
.avpoptions-container__v2 .hover-text .avp-productoptionswatchwrapper .avp-productoptionswatch+span:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #333 transparent transparent;
}
.avpoptions-container__v2 .hover-text .avp-productoptionswatchwrapper:hover .avp-productoptionswatch+span {
visibility: visible;
opacity: 1;
padding: 5px 10px;
z-index: 1;
text-align: center;
color: #fff;
background-color: #333;
}
.avpoptions-container__v2 div[role="group"] span>label:not(label.avp-hiddenvarianttitleswatch),
.avpoptions-container__v2 fieldset>label:not(label.avp-hiddenvarianttitleswatch):not(:last-child),
.avpoptions-container__v2 label.avp-productoptionswatchwrapper:not(label.avp-hiddenvarianttitleswatch) {
margin-right: 12px;
cursor: pointer;
width: 46%;
}
.avpoptions-container__v2 fieldset>label:not(label.avp-hiddenvarianttitleswatch) {
margin-bottom: 12px;
}
.avpoptions-container__v2 .avp-value-grid-item label.avp-productoptionswatchwrapper:not(label.avp-hiddenvarianttitleswatch) {
width: 100%;
margin-bottom: unset;
}
.avpoptions-container__v2 div[role="group"] span>label.avp-hiddenvarianttitleswatch,
.avpoptions-container__v2 fieldset>label.avp-hiddenvarianttitleswatch,
.avpoptions-container__v2 label.avp-hiddenvarianttitleswatch {
margin-right: 12px;
margin-bottom: 10px;
}
.avpoptions-container__v2 input[type="number"],
.avpoptions-container__v2 input[type="text"],
.avpoptions-container__v2 select,
.avpoptions-container__v2 textarea {
font-family: auto;
border: 1px solid #000;
width: 100%;
padding: 12px;
font-size: 14px;
border-radius: 3px;
box-shadow: 0 0 6px -3px #ccc;
font-family: var(--body-font-family), auto;
}
.avpoptions-container__v2 .avp-dimension-input-container:has(.avp-dimension-unit) input[type="number"] {
border: none;
}
.avpoptions-container__v2 input:focus,
.avpoptions-container__v2 select:focus,
.avpoptions-container__v2 textarea:focus {
outline: 0;
}
.avpoptions-container__v2 div.avp-option,
.avpoptions-container__v2>div {
width: 100%;
margin-bottom: 14px;
}
.avpoptions-container__v2 div.avp-required {
color: #ad0000;
display: inline-block;
}
#avpoptions-container__v2 .ap-tooltip-inner:after,
#avpoptions-container__v2 .apo-pill input,
.avpoptions-container__v2 .apo-file .avp-file__input,
.avpoptions-container__v2 .apo-file__img .apo-items__file.hidden,
.avpoptions-container__v2 .apo-file__img .apo-loader.hidden,
.avpoptions-container__v2 .apo-file__img.hidden {
display: none;
}
.avpoptions-container__v2 .avp-productoptionswatch {
opacity: 1;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
border: 1px solid #fff;
box-shadow: 0 0 0 1px #50505070;
background-position: center;
background-repeat: no-repeat;
}
.avpoptions-container__v2 .avp-text-transform-lowercase {
text-transform: lowercase;
}
.avpoptions-container__v2 .avp-text-transform-capitalize {
text-transform: capitalize;
}
.avpoptions-container__v2 .apo-text-field {
position: relative;
display: block;
}
.avpoptions-container__v2 .apo-counter-letter {
position: absolute;
font-size: 12px !important;
top: 50%;
transform: translateY(-50%);
right: 10px;
opacity: 0.5;
}
.avpoptions-container__v2 .apo-counter-letter.avp-counter-letters-textarea {
bottom: 21px;
top: auto;
}
.avpoptions-container__v2 .apo-text-field span.apo-min-letter {
font-size: 12px !important;
display: block;
margin-top: 2px;
font-style: italic;
opacity: 0.5;
right: 0;
text-align: right;
}
.avpoptions-container__v2 .apo-text-field .apo-counter-letter.avp-counter-letters-textarea+.apo-min-letter,
.avpoptions-container__v2 .apo-text-field textarea+.apo-min-letter {
margin-top: -6px;
}
.avpoptions-container__v2 .apo-text-field:has(.apo-min-letter)+.avp-productdescfont.avp-productdesctextcolor.ap-helptext {
margin-top: 15px;
}
.avpoptions-container__v2 .avp-productoptionswatch-box {
position: relative;
display: inline-block;
margin-bottom: 8px;
}
.avpoptions-container__v2 .avp-productoptionswatch:hover {
opacity: 0.7;
}
.avpoptions-container__v2 .avp-productoptionswatch-box img {
position: absolute;
z-index: 9999;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
bottom: 100%;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
width: 200px;
max-width: 200px;
display: none;
border: 1px solid #e4e4e4;
border-radius: 2px;
}
.avpoptions-container__v2 .avp-productoptionswatch-box:hover img {
opacity: 1;
display: block;
}
.avpoptions-container__v2 div.avp-productoption-total-add {
background: #fff;
border: 1px solid #a9a8a8;
color: #000;
font-size: 14px;
padding: 3px 6px;
}
.avpoptions-container__v2 .avp-productoption-totalpriceadd {
color: #ad0000;
font-weight: 700;
}
.avpoptions-container__v2 .avp-min-max-total,
.avpoptions-container__v2 .avp-paragraph blockquote,
.avpoptions-container__v2 .avp-paragraph div,
.avpoptions-container__v2 .avp-paragraph p,
.avpoptions-container__v2 .avp-paragraph span,
.avpoptions-container__v2 .choice-list-variatnt-title,
.avpoptions-container__v2 span.choice-list-variatnt-title,
.avpoptions-container__v2 span.swatch-variant-title,
.avpoptions-container__v2>div>span>fieldset>label>span,
.avpoptions-container__v2>div>span>label>span {
font-size: 14px;
}
.avpoptions-container__v2>div>span.ap-options__swatch>fieldset>label>span,
.avpoptions-container__v2>div>span.ap-options__swatch>label>span {
margin-left: 9px;
}
.apo-crop-modal-title,
.avpoptions-container__v2>div>span.ap-options__swatch>fieldset>label>div>span,
.avpoptions-container__v2>div>span.ap-options__swatch>fieldset>label>input+span,
.avpoptions-container__v2>div>span.ap-options__swatch>label>div>span,
.avpoptions-container__v2>div>span.ap-options__swatch>label>input+span {
margin: 0;
}
.avpoptions-container__v2 .avp-productoptioncheckwrapper {
display: grid;
align-items: center;
grid-template-columns: 2.8ch auto;
}
.avpoptions-container__v2 .ap-options__combo_color .avp-productoptioncheckwrapper,
.avpoptions-container__v2 .ap-options__combo_image .avp-productoptioncheckwrapper,
.avpoptions-container__v2 .ap-options__combo_select .avp-productoptioncheckwrapper {
display: flex !important;
}
.avpoptions-container__v2 div span.ap-options__button fieldset,
.avpoptions-container__v2 div span.ap-options__checkbox fieldset,
.avpoptions-container__v2 div span.ap-options__swatch fieldset {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.avpoptions-container__v2 div .ap-options__swatch>label {
margin-bottom: 12px !important;
}
.avpoptions-container__v2 div .ap-options__button,
.avpoptions-container__v2 div .ap-options__radio,
.avpoptions-container__v2 div .ap-options__swatch,
.button-row {
display: flex;
flex-wrap: wrap;
}
.avpoptions-container__v2 div#avp-productoption-total-add>span {
display: unset;
}
.avpoptions-container__v2 input[type="checkbox"]:hover,
.avpoptions-container__v2 input[type="radio"]:hover {
cursor: pointer;
}
.avpoptions-container__v2 .avp-productoptionswatch {
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
border-radius: 2px;
background-size: cover;
box-sizing: border-box;
cursor: pointer;
position: relative;
}
.avpoptions-container__v2 input:checked+.avp-productoptionswatch-box .avp-productoptionswatch::before,
.avpoptions-container__v2 input:checked+.avp-productoptionswatch::before {
content: "\2713";
position: absolute;
left: 6px;
top: 14px;
font-weight: 700;
color: #fff;
font-size: 10px;
transform: scale(2);
-ms-transform: scale(2);
-webkit-transform: scale(2);
transform-origin: left bottom;
}
.avpoptions-container__v2 .apo-maincolorpicker {
padding: 4px;
border: 1px solid #000;
background: #fff;
height: 42px;
border-radius: 3px;
box-shadow: 0 0 6px -3px #ccc;
}
.avpoptions-container__v2 .avp-colorpicker {
position: relative;
left: 5px;
top: -20px;
opacity: 0;
cursor: pointer;
}
.avpoptions-container__v2 .apo-colorlabel {
display: flex;
align-items: center;
cursor: pointer;
width: 100%;
border-radius: 5px;
}
.avpoptions-container__v2 .apo-colorlabel .apo-icon__color {
width: 35px;
height: 35px;
}
.avpoptions-container__v2 .apo-colorlabel>span {
display: inline-block;
font-size: 14px;
margin-left: 8px;
}
.avpoptions-container__v2 .apo-file {
width: 100%;
height: 100%;
}
.avpoptions-container__v2 .apo-file>label {
min-width: 220px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transition: 0.4s;
}
.avpoptions-container__v2 .apo-file>label>span {
display: inline-block;
text-align: center;
font-size: 14px;
color: #6d7175;
line-height: 1.5;
}
.avpoptions-container__v2 .apo-file__action {
padding: 4px 16px;
background: #fde5e5;
font-weight: 700;
color: #f82020 !important;
border-radius: 6px;
box-shadow: 0 5px 10px -8px #df7474;
transition: 0.4s;
}
.avpoptions-container__v2 .apo-file>label:hover .apo-file__action {
transform: scale(1.15);
transition: 0.4s;
}
.avpoptions-container__v2 .apo-file__lable {
width: 100%;
height: 100px;
border: 1px dashed #888;
border-radius: 6px;
cursor: pointer;
}
.avpoptions-container__v2 .apo-file__img {
margin-top: 15px;
}
.avpoptions-container__v2>div>span>div.apo-file>div.apo-file__img>.apo-items__file>.apo-lable__file {
width: 100%;
display: grid;
grid-template-columns: 12% 88%;
align-items: center;
margin: 12px 0;
grid-gap: 12px;
}
.avpoptions-container__v2 .apo-file .apo-file__img .apo-name__file {
width: 100%;
margin: 0;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.avpoptions-container__v2 .apo-file__img>.apo-items__file>a {
display: inline-block;
width: 100%;
max-height: 150px;
height: 150px;
background-size: contain !important;
background-repeat: no-repeat !important;
}
.avpoptions-container__v2 .apo-file__img .apo-delete__file {
width: 24px;
height: 24px;
cursor: pointer;
}
.avpoptions-container__v2 .apo-file__img div.apo-loader {
display: inline-block;
border: 6px solid #f3f3f3;
border-radius: 50%;
border-top: 6px solid #3498db;
width: 36px;
height: 36px;
-webkit-animation: 2s linear infinite apo-spin;
animation: 2s linear infinite apo-spin;
}
.avpoptions-container__v2 .avp-paragraph img {
max-height: 100%;
max-width: 100%;
}
.avpoptions-container__v2 .ql-align-center {
text-align: center;
}
.avpoptions-container__v2 .ql-align-right {
text-align: right;
}
.avpoptions-container__v2 .ql-align-justify {
text-align: justify;
}
.avpoptions-container__v2 .avp-paragraph ol,
.avpoptions-container__v2 .avp-paragraph ul {
padding-left: 12px;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-1 {
padding-left: 20px;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-2 {
padding-left: 40px;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-3 {
padding-left: 60px;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-4 {
padding-left: 80px;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-5 {
padding-left: 100px;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-6 {
padding-left: 120px;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-7 {
padding-left: 140px;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-8 {
padding-left: 160px;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-1.ql-align-right.ql-indent-1 {
padding-right: 20px;
padding-left: unset;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-2.ql-align-right.ql-indent-2 {
padding-right: 40px;
padding-left: unset;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-3.ql-align-right.ql-indent-3 {
padding-right: 60px;
padding-left: unset;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-4.ql-align-right.ql-indent-4 {
padding-right: 80px;
padding-left: unset;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-5.ql-align-right.ql-indent-5 {
padding-right: 100px;
padding-left: unset;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-6.ql-align-right.ql-indent-6 {
padding-right: 120px;
padding-left: unset;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-7.ql-align-right.ql-indent-7 {
padding-right: 140px;
padding-left: unset;
}
.avpoptions-container__v2>div>span>div.avp-paragraph>p.ql-indent-8.ql-align-right.ql-indent-8 {
padding-right: 160px;
padding-left: unset;
}
@-webkit-keyframes apo-spin {
0% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes apo-spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@media only screen and (max-width: 768px) {
.avpoptions-container__v2 .ap-tooltip .ap-tooltiptext {
font-size: 8px;
max-width: 20rem;
position: fixed;
bottom: auto;
top: 50%;
left: 50%;
transform: translate(-50%);
white-space: normal;
margin-top: 30px;
margin-left: 0;
z-index: 10000;
}
.avpoptions-container__v2 .ap-tooltip .ap-tooltiptext::after,
.avpoptions-container__v2 .avp-productoptionswatch-box.hover-img-hidden-mobile:hover img {
display: none;
}
}
@media only screen and (max-width: 460px) {
.avpoptions-container__v2 div[role="group"] span>label,
.avpoptions-container__v2 fieldset>label,
.avpoptions-container__v2 label.avp-productoptionswatchwrapper {
width: 100%;
}
.avpoptions-container__v2 .avp-productoptionswatch-box.hover-img-hidden-mobile:hover img {
display: none;
}
}
.product-option {
display: inline-block;
width: 100%;
}
.avpoptions-container__v2 .avp-value-grid {
width: 100%;
margin-bottom: 1px;
align-items: center;
}
.avpoptions-container__v2 .ap-options__select .avp-value-grid {
display: grid;
grid-template-columns: 1fr auto;
}
.apo-size__chart .apo-chart__icon,
.avpoptions-container__v2 .avp-value-grid .avp-value-grid-item:first-child {
margin-right: 8px;
}
.avpoptions-container__v2 .ap-combo_box .avp-value-grid,
.avpoptions-container__v2 .ap-combo_color .avp-value-grid,
.avpoptions-container__v2 .ap-combo_image .avp-value-grid,
.avpoptions-container__v2 .ap-combo_select .avp-value-grid,
.avpoptions-container__v2 .ap-options__button .avp-value-grid,
.avpoptions-container__v2 .ap-options__checkbox .avp-value-grid,
.avpoptions-container__v2 .ap-options__radio .avp-value-grid,
.avpoptions-container__v2 .ap-options__swatch .avp-value-grid {
display: flex;
justify-content: space-between;
}
.avpoptions-container__v2>div>span>div>div:first-child>label .avpoptions-container__v2 .avp-value-grid .avp-value-grid-item:first-child {
padding-right: 5px;
}
.avpoptions-container__v2 .ap-options__switch-container>span div.apo-main__switch,
.avpoptions-container__v2 .avp-qty-wrapper,
.avpoptions-container__v2 .avp-value-grid .avp-value-grid-item:last-child {
display: flex;
align-items: center;
}
.avpoptions-container__v2 .ap-options__swatch-container .avp-value-grid-item label.avp-hiddenvarianttitleswatch {
margin: unset;
}
.avpoptions-container__v2 .ap-options__swatch-container label.avp-hiddenvarianttitleswatch {
width: unset;
}
.avpoptions-container__v2 .avp-qty-wrapper .avp-qty-button {
border: 1px solid;
border-radius: 50%;
width: 18px;
height: 18px;
background: 0 0;
display: flex;
align-items: center;
padding: 4px;
justify-content: center;
cursor: pointer;
}
.avpoptions-container__v2 .avp-qty-wrapper button:disabled.avp-qty-button,
.avpoptions-container__v2 .avp-qty-wrapper button[disabled].avp-qty-button {
cursor: no-drop;
opacity: 0.5;
}
.avpoptions-container__v2 .avp-qty-wrapper .avp-qty-button svg {
width: 1rem;
pointer-events: none;
}
.avpoptions-container__v2 .avp-qty-wrapper .avp-qty-input {
width: 50px;
flex-grow: unset;
border: unset;
text-align: center;
padding: 12px 4px;
box-shadow: unset;
}
.avpoptions-container__v2 input[type="number"].avp-qty-input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.apo-opacity-05 {
opacity: 0.5;
}
.avpoptions-container__v2 .avp-option.ap-options__swatch-container .ap-label-tooltip .swatch-variant-title .avpo-price-field {
display: flex;
flex-direction: row-reverse;
}
.avpoptions-container__v2 .ap-options__switch-container span div .apo-textvalue {
margin-left: 8px;
font-size: 14px;
}
.avpoptions-container__v2 .ap-options__switch-container span div .apo-switch {
position: relative;
display: inline-block;
width: 50px;
height: 26px;
background-color: #ccc;
border-radius: 34px;
cursor: pointer;
}
.avpoptions-container__v2 .ap-options__switch-container span div .apo-switch:after {
content: "";
position: absolute;
top: 3px;
left: 2px;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
transition: 0.4s;
}
.avpoptions-container__v2 .ap-options__switch-container>span .apo-main__switch input[type="checkbox"]:checked+.apo-switch {
background-color: #ad0000;
}
.avpoptions-container__v2 .ap-options__switch-container>span .apo-main__switch input[type="checkbox"]:checked+.apo-switch:after {
transform: translateX(26px);
}
.avpoptions-container__v2 .ap-options__switch-container>span .apo-main__switch input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
margin: 0;
}
.avp-watermark-footer-icon:hover+.avp-watermark-footer-text,
.avpoptions-container__v2 .avp-divider,
.avpoptions-container__v2 .avp-option.apo-show .ap-options__optiongroup {
display: block;
}
.avpoptions-container__v2 .apo-modal__title {
text-decoration: underline;
cursor: pointer;
}
.apo-modal {
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
}
.apo-modal .apo-modal__container {
max-width: 100%;
background-color: #fff;
border-radius: 0.6rem;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
max-height: 100%;
position: relative;
overflow: hidden;
width: 600px;
}
.apo-modal .apo-modal__heading {
padding: 1rem;
border-bottom: 1px solid #ccc;
font-weight: 700;
background: #f1f1f1;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.apo-modal .apo-close__modal {
width: 18px;
height: 18px;
display: inline-flex;
text-align: center;
font-size: 26px;
color: #000;
transition: 0.3s;
justify-content: center;
align-items: center;
position: absolute;
right: 10px;
top: 15px;
}
.apo-modal .apo-close__modal:hover {
cursor: pointer;
color: #959595;
transition: 0.3s;
}
.apo-modal .apo-modal__content,
.apo-modal .apo-modal__content.content-size__chart {
padding: 1rem;
overflow-y: auto;
}
.apo-modal .apo-modal__content {
max-height: 500px;
}
.apo-modal .apo-modal__content.content-size__chart {
max-height: 800px;
}
.apo-modal .apo-modal__content img {
width: 100%;
}
div.apo-card__loader {
display: flex;
align-items: center;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #f9f9f9;
margin-top: 10px;
}
.avpoptions-container__v2 div.option-avis-combo_image-box,
span.apo-item__remove {
background-color: transparent;
}
.apo-label__image-preview a {
height: 75px;
width: 75px;
border-radius: 4px;
margin-right: 10px;
display: block;
background-size: cover;
background-position: center;
}
.apo-item__info {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
}
.apo-item__name {
font-size: 14px;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 90%;
}
div.apo-item__action {
display: flex;
justify-content: flex-end;
width: 100%;
padding-top: 10px;
}
.apo-item__crop {
min-height: 34px;
line-height: 1.25;
font-size: 1em;
font-weight: 400;
color: #000;
background-color: #fff;
border: 1px solid #e0e0e6;
padding: 6px 12px;
border-radius: 4px;
cursor: pointer;
}
span.apo-item__remove {
border: none;
font-size: 24px;
color: #888;
cursor: pointer;
flex-shrink: 0;
margin-left: 10px;
}
span.apo-item__remove:hover {
color: #09f;
}
.apo-custom-crop-modal {
display: none;
z-index: 2147483645;
top: 0;
width: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
}
.apo-crop-modal-dialog {
max-width: fit-content;
max-height: fit-content;
margin: 10% auto;
}
.apo-crop-modal-content {
position: relative;
background-color: #fff;
border-radius: 0.3rem;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.apo-crop-modal-close {
font-size: 2.5rem;
font-weight: 700;
color: #000;
opacity: 0.5;
border: none;
background: 0 0;
cursor: pointer;
}
.apo-btn-zoom,
.btn-style {
background-color: #fff;
cursor: pointer;
}
.apo-crop-modal-body img {
max-width: 100%;
max-height: 70vh;
object-fit: contain;
}
.cropped-preview {
max-width: 100%;
max-height: 300px;
object-fit: contain;
margin-top: 10px;
}
.apo-crop-modal-footer {
display: flex;
justify-content: space-between;
padding: 10px;
}
.apo-crop-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px;
}
.btn-style {
border: 1px solid #ccc;
display: inline-block;
padding: 12px 18px;
color: #000;
text-align: center;
font-size: 16px;
font-family: Arial, sans-serif;
margin-right: 5px;
text-decoration: none;
box-sizing: border-box;
height: 40px;
line-height: 1;
overflow: hidden;
white-space: nowrap;
}
.apo-btn-style,
.avpoptions-container__v2 .ap-options__quantity-container .apo-text-field .avp-quantity-title,
.avpoptions-container__v2 .combo_select-placeholder {
font-size: 14px;
}
#removeButton {
padding: 6px 9px;
color: #000;
border: none;
}
#removeButton:hover {
background-color: #f4f4f4;
}
.apo-btn-zoom {
padding: 0.375rem 0.75rem;
border-radius: 0.25rem;
color: #333;
border: none;
margin-right: 10px;
}
.apo-btn-zoom:hover {
background-color: #f6f6f9;
}
.svg-zoom {
width: 16px;
}
.apo-modal-footer-group {
display: flex;
}
div.cropper-modal {
background-color: #000;
opacity: 0.5;
display: block;
}
.apo-btn-style {
display: block;
padding: 7px 16px;
font-family: inherit;
border: 1px solid #121212;
border-radius: 3px;
line-height: 1.5;
cursor: pointer;
margin-left: 10px;
}
.apo-btn-style.cancel {
color: #121212;
background: #fff;
}
.apo-btn-style.submit {
color: #fff;
background: #121212;
}
.avpoptions-container__v2 .apo-modal__title.apo-title__size-chart {
display: flex;
align-items: center;
}
.apo-size__chart .apo-chart__icon svg {
width: 30px;
height: 30px;
}
#avpoptions-container__v2 .apo-pill :checked+span {
background: #008060;
display: inline-block;
color: #fff;
}
#avpoptions-container__v2 .apo-pill input:before {
opacity: 0;
}
#avpoptions-container__v2>div.apo-pill>span label {
width: unset !important;
}
#avpoptions-container__v2 .apo-pill .choice-list-variatnt-title {
margin: unset !important;
padding: 0 24px;
border-radius: 25px;
}
@media only screen and (min-width: 1024px) {
.avp-option.ap-options__button-container input+span:hover {
background-color: #000;
color: #fff;
border: 1px solid #000;
}
#avpoptions-container__v2 .apo-pill .choice-list-variatnt-title:hover {
background: #008060;
display: inline-block;
color: #fff;
transition: 0.3s;
}
}
#avpoptions-container__v2 .apo-pill .avp-productoptioncheckwrapper {
grid-template-columns: 100% !important;
border: 1px solid #008060;
border-radius: 25px;
padding: 0;
line-height: 35px;
}
.avpoptions-container__v2 select {
-webkit-appearance: menulist;
}
.avpoptions-container__v2 .avp-option.ap-options__hidden-field-container {
display: none;
visibility: hidden;
opacity: 0;
}
#avpoptions-container__v2 .ap-options__button-container span[class*="ap-col__"] label,
#avpoptions-container__v2 .ap-options__checkbox-container span[class*="ap-col__"] label {
width: 100% !important;
}
sht-dialog-quickshop .quickview-form__buttons {
flex-direction: column;
}
.input-without-outline:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.option-avis-checkmark {
display: inline-block !important;
transform: rotate(45deg) !important;
height: 14px !important;
width: 6px !important;
margin: 8px !important;
border-bottom: 2px solid #000 !important;
border-right: 2px solid #000 !important;
}
.option-avis-close-btn {
cursor: pointer;
height: 2.5rem;
width: 1.5rem;
}
.avpoptions-container__v2 .option-avis-combo_color-box,
.avpoptions-container__v2 .option-avis-combo_image-box {
display: block;
height: 20px;
width: 20px;
margin-right: 5px !important;
}
.avpoptions-container__v2 .ap-options__combo_box .avp-value-grid,
.avpoptions-container__v2 .ap-options__combo_color .avp-value-grid,
.avpoptions-container__v2 .ap-options__combo_image .avp-value-grid,
.avpoptions-container__v2 .ap-options__combo_select .avp-value-grid {
display: flex;
padding-right: 10px;
justify-content: space-between;
}
.avpoptions-container__v2 .ap-options__combo_box .avp-value-grid:hover,
.avpoptions-container__v2 .ap-options__combo_box fieldset>label:not(label.avp-hiddenvarianttitleswatch):hover,
.avpoptions-container__v2 .ap-options__combo_color .avp-value-grid:hover,
.avpoptions-container__v2 .ap-options__combo_color fieldset>label:not(label.avp-hiddenvarianttitleswatch):hover,
.avpoptions-container__v2 .ap-options__combo_image .avp-value-grid:hover,
.avpoptions-container__v2 .ap-options__combo_image fieldset>label:not(label.avp-hiddenvarianttitleswatch):hover,
.avpoptions-container__v2 .ap-options__combo_select .avp-value-grid:hover,
.avpoptions-container__v2 .ap-options__combo_select fieldset>label:not(label.avp-hiddenvarianttitleswatch):hover {
background-color: #f2f2f2;
}
.avpoptions-container__v2 .ap-options__combo_box fieldset>label:not(label.avp-hiddenvarianttitleswatch),
.avpoptions-container__v2 .ap-options__combo_color fieldset>label:not(label.avp-hiddenvarianttitleswatch),
.avpoptions-container__v2 .ap-options__combo_image fieldset>label:not(label.avp-hiddenvarianttitleswatch),
.avpoptions-container__v2 .ap-options__combo_select fieldset>label:not(label.avp-hiddenvarianttitleswatch) {
width: 100%;
padding: 2px 10px;
line-height: 120%;
min-height: 34px;
}
.avpoptions-container__v2 .ap-options__combo_color .option-avis-checked,
.avpoptions-container__v2 .ap-options__combo_image .option-avis-checked,
.avpoptions-container__v2 .ap-options__combo_select .option-avis-checked {
background-color: #f2f2f2;
width: 100%;
}
.avpoptions-container__v2 .combo_option-results {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-top: 4px;
}
.avpoptions-container__v2 .combo_option-result-item {
background-color: #dedede;
border-radius: 4px;
display: flex;
gap: 5px;
align-items: center;
padding: 5px 8px;
}
.avpoptions-container__v2 .combo_box-modal,
.avpoptions-container__v2 .combo_color-modal,
.avpoptions-container__v2 .combo_image-modal,
.avpoptions-container__v2 .combo_select-modal {
position: absolute;
background-color: #fff;
z-index: 10000;
width: 100%;
max-height: 250px;
overflow: auto;
box-shadow: 0 0 3px #0003;
}
.avpoptions-container__v2 .combo_input-container {
border: 1px solid #000;
border-radius: 4px;
padding: 0 12px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
height: 38px;
}
.avpoptions-container__v2 input.combo_input-search {
box-shadow: none;
width: 100%;
height: 100%;
}
.avpoptions-container__v2 .ap-options__quantity-container .apo-text-field {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.avpoptions-container__v2 .ap-options__quantity-container .apo-text-field .avp-quantity-input {
min-width: 100px;
max-width: 100px;
}
.avpoptions-container__v2 .avp-option .avis-message-validate {
font-size: 13px;
color: #ad0000;
vertical-align: baseline;
}
.avpoptions-container__v2 .avp-option .avis-message-validate::before {
content: "* ";
}
.avis-input-error-wrapper {
position: relative;
}
@media only screen and (max-width: 600px) {
.avpoptions-container__v2 select {
-webkit-appearance: none !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj4KICA8cGF0aCBkPSJNMjAxLjQgMzc0LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTYwLTE2MGMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwyMjQgMzA2LjdMODYuNiAxNjkuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTYwIDE2MCIvPjwvc3ZnPg==") !important;
background-size: 14px 14px !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
padding-right: 30px !important;
color: #000;
}
}
.avpoptions-container__v2 .ap-options__optiongroup-container {
border: 1px solid;
padding: 10px 10px 4px 12px;
border-radius: 3px;
box-shadow: 0 0 6px -3px #ccc;
}
.avpoptions-container__v2 .apo-option-group {
display: flex;
cursor: pointer;
}
.avpoptions-container__v2 .ap-options__optiongroup {
display: none;
}
.option-avis-swatch-drop-down .option-avis-dropdown-view-value .option-avis-swatch-value-box {
display: block !important;
}
.avp-watermark-footer p {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.avp-watermark-footer {
display: flex !important;
position: relative !important;
margin-top: 32px !important;
}
p.avp-watermark-footer-title {
color: #6b6b6b9e !important;
font-size: 14px !important;
margin: 0 !important;
-moz-user-select: none !important;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.avp-watermark-footer-icon {
width: 12px !important;
margin: 0 5px !important;
opacity: 0.8 !important;
}
.avp-watermark-footer-text {
position: absolute;
left: 24px;
top: -28px;
display: none;
color: #3e3e3e9e !important;
margin: unset !important;
padding: 2px 12px !important;
background: #e3e3e3de !important;
border-radius: 18px !important;
font-size: 12px !important;
}
.avpoptions-container__v2 .avp-option>.ap-label-tooltip>label,
.avpoptions-container__v2 .avp-option label.avp-option-title,
.avpoptions-container .avp-option>.ap-label-tooltip>label,
.avpoptions-container .avp-option>label {
font-size: 14px;
font-weight: bold;
}
.avpoptions-container__v2 .avp-option.ap-options__radio-container .avp-pilloptioncheckwrapper,
.avpoptions-container .avp-option.ap-options__radio-container .avp-pilloptioncheckwrapper {
width: unset;
display: flex;
}
input[data-apo-a11y-vh][data-apo-a11y-vh][data-apo-a11y-vh] {
position: absolute !important;
display: block !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
.avpoptions-container__v2 .avp-option.ap-options__radio-container .avp-pilloptioncheckwrapper>span,
.avpoptions-container .avp-option.ap-options__radio-container .avp-pilloptioncheckwrapper>span {
color: initial;
border: 1px solid #000;
border-radius: 4px;
font-weight: 500;
margin-left: 0;
padding: 8px;
min-width: 36px;
text-align: center;
}
.avpoptions-container__v2 .avp-option.ap-options__radio-container .avp-pilloptioncheckwrapper input[type="radio"]:checked+span,
.avpoptions-container .avp-option.ap-options__radio-container .avp-pilloptioncheckwrapper input[type="radio"]:checked+span {
background-color: #000;
color: #fff;
border: 1px solid #000;
}
.avpoptions-container__v2 select {
color: black;
}
.avpoptions-container__v2 input+span,
.avpoptions-container__v2 input+span+span,
.avpoptions-container__v2 input+div+span,
.avpoptions-container__v2 select,
.avpoptions-container__v2 .option-avis-swatch-value-title,
.avpoptions-container__v2 .option-avis-swatch-value-title span,
.avpoptions-container>div>span>label>span,
.avpoptions-container>div>span>fieldset>label>span,
.avpoptions-container__v2 input[type="text"],
.avpoptions-container__v2 input[type="number"],
.avpoptions-container__v2 textarea,
.avpoptions-container input[type="text"],
.avpoptions-container input[type="number"],
.avpoptions-container textarea,
.avpoptions-container__v2 .option-avis-swatch-drop-down,
.avpoptions-container__v2 .ap-options__optiongroup-container {
font-size: 14px !important;
}
.avpoptions-container__v2 select,
.avpoptions-container select,
.avpoptions-container__v2 .option-avis-dropdown-inner {
border-radius: 6px !important;
}
.avp-select select:invalid {
box-shadow: none;
}
@media (max-width: 767px) {
.template-product .product-area__media .swiper-container:not(.swiper-container-horizontal) {
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.product-area__thumbs__thumb-1 .rimage-outer-wrapper {
width: 70px;
}
.product-area__thumbs__thumb-2 .rimage-outer-wrapper {
width: 126px;
}
.product-area__thumbs__thumb-3 .rimage-outer-wrapper {
width: 52px;
}
.product-area__thumbs__thumb-4 .rimage-outer-wrapper {
width: 124px;
}
.product-area__thumbs__thumb-5 .rimage-outer-wrapper {
width: 124px;
}
.product-area__thumbs__thumb-6 .rimage-outer-wrapper {
width: 124px;
}
.product-area__thumbs__thumb-7 .rimage-outer-wrapper {
width: 124px;
}
.product-area__thumbs__thumb-8 .rimage-outer-wrapper {
width: 124px;
}
.product-area__thumbs__thumb-9 .rimage-outer-wrapper {
width: 124px;
}
.product-area__thumbs__thumb-10 .rimage-outer-wrapper {
width: 124px;
}
}
/* Addon qty controls — match AVP design (hide browser spinners, compact +/- row) */
.avpoptions-container__v2 .avp-qty-wrapper {
display: inline-flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
}
.avpoptions-container__v2 .avp-qty-wrapper .avp-qty-button {
width: 22px;
height: 22px;
min-width: 22px;
padding: 0;
border: 1px solid #999;
border-radius: 50%;
background: #fff;
color: #333;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
box-sizing: border-box;
}
.avpoptions-container__v2 .avp-qty-wrapper .avp-qty-button svg {
width: 10px;
height: 10px;
display: block;
}
.avpoptions-container__v2 .avp-qty-wrapper .avp-qty-input,
.avpoptions-container__v2 input[type="number"].avp-qty-input {
width: 42px !important;
min-width: 42px;
max-width: 42px;
height: 28px;
padding: 0 4px !important;
margin: 0;
border: 1px solid #ccc !important;
border-radius: 4px;
box-shadow: none !important;
text-align: center;
font-size: 14px;
line-height: 28px;
-moz-appearance: textfield;
appearance: textfield;
}
.avpoptions-container__v2 input[type="number"].avp-qty-input::-webkit-outer-spin-button,
.avpoptions-container__v2 input[type="number"].avp-qty-input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
display: none;
}
.avpoptions-container__v2 .ap-options__swatch .avp-value-grid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 12px;
width: 100%;
margin-bottom: 10px;
}
.avpoptions-container__v2 .ap-options__swatch .avp-value-grid .avp-value-grid-item:last-child {
margin-left: auto;
}
/* Product gallery: desktop 2-up, mobile 1-up + single clean arrows (no Swiper default icon) */
.template-product .product-area--carousel .theme-gallery .swiper-button-prev,
.template-product .product-area--carousel .theme-gallery .swiper-button-next {
width: 44px;
height: 44px;
margin-top: -22px;
border-radius: 50%;
background: #fff !important;
background-image: none !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
opacity: 0.95;
z-index: 5;
color: #757575;
display: flex;
align-items: center;
justify-content: center;
}
/* Hide Swiper 5 default font-icon arrows (causes double arrow with SVG) */
.template-product .product-area--carousel .theme-gallery .swiper-button-prev::after,
.template-product .product-area--carousel .theme-gallery .swiper-button-next::after,
.template-product .product-area--carousel .theme-gallery .swiper-button-prev::before,
.template-product .product-area--carousel .theme-gallery .swiper-button-next::before {
display: none !important;
content: none !important;
}
.template-product .product-area--carousel .theme-gallery .swiper-button-prev svg,
.template-product .product-area--carousel .theme-gallery .swiper-button-next svg {
display: block;
width: 18px;
height: 18px;
margin: 0;
color: #757575;
stroke: currentColor;
fill: none;
stroke-width: 0px;
}
.template-product .product-area--carousel .theme-gallery .swiper-button-prev:hover svg,
.template-product .product-area--carousel .theme-gallery .swiper-button-next:hover svg {
color: #000;
}
.template-product .product-area--carousel .theme-gallery .swiper-button-prev {
left: 12px;
}
.template-product .product-area--carousel .theme-gallery .swiper-button-next {
right: 12px;
}
@media (max-width: 767px) {
.template-product .product-area--carousel .theme-gallery .swiper-slide {
width: 100%;
}
.template-product .product-area--carousel .theme-gallery .swiper-button-prev,
.template-product .product-area--carousel .theme-gallery .swiper-button-next {
width: 36px;
height: 36px;
margin-top: -18px;
}
.template-product .product-area--carousel .theme-gallery .swiper-button-prev svg,
.template-product .product-area--carousel .theme-gallery .swiper-button-next svg {
width: 16px;
height: 16px;
}
}
.sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.template-product .product-detail__form .avpoptions-container__v2 {
width: 100%;
text-align: left;
}
.template-product .avpoptions-container__v2 .avp-option.ap-options__select-container .avp-select {
position: relative;
width: 100%;
}
.template-product .avpoptions-container__v2 .avp-option.ap-options__select-container .avp-select select {
width: 100%;
box-sizing: border-box;
padding: 12px 36px 12px 12px;
border: 1px solid #272827;
border-radius: 6px;
background-color: #fff;
appearance: none;
-webkit-appearance: none;
line-height: 1.3;
cursor: pointer;
}
.template-product .avpoptions-container__v2 .avp-option.ap-options__select-container .avp-select::after {
content: "";
position: absolute;
right: 14px;
top: 50%;
width: 8px;
height: 8px;
margin-top: -6px;
border: solid #666;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
pointer-events: none;
}
.template-product .avpoptions-container__v2 .avp-option.ap-options__select-container>.ap-label-tooltip {
margin-bottom: 6px;
}
.template-product .avpoptions-container__v2 .avp-option>.ap-label-tooltip>label .apo-title {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
color: #272827;
letter-spacing: 0.5px;
}
.template-product .avpoptions-container__v2 .ap-options__select_swatch .option-avis-dropdown-inner {
position: relative;
border: 1px solid #000;
border-radius: 6px;
background-color: #fff;
box-shadow: none;
width: 100%;
}
.template-product .avpoptions-container__v2 .ap-options__select_swatch .option-avis-swatch-drop-down {
display: flex !important;
align-items: center;
justify-content: space-between;
padding: 10px 14px;
min-height: 44px;
box-sizing: border-box;
cursor: pointer;
width: 100%;
user-select: none;
}
.template-product .avpoptions-container__v2 .ap-options__select_swatch .option-avis-dropdown-view-value {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
min-width: 0;
}
.template-product .avpoptions-container__v2 .ap-options__select_swatch .option-avis-swatch-value-box {
width: 24px;
height: 24px;
min-width: 24px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
flex-shrink: 0;
}
.template-product .avpoptions-container__v2 .ap-options__select_swatch .option-avis-swatch-value-title {
font-size: 14px;
color: #272827;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0;
}
.template-product .avpoptions-container__v2 .ap-options__select_swatch .option-avis-arrow-select {
position: static;
width: 8px;
height: 8px;
border: solid #272827;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
margin-right: 2px;
flex-shrink: 0;
transition: transform 0.2s ease;
}
.template-product .avpoptions-container__v2 .ap-options__select_swatch ul.option-avis-dropdown-values {
position: absolute;
top: calc(100% + 4px);
left: 0;
right: 0;
z-index: 1000;
background: #fff;
border: 1px solid #000;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
max-height: 250px;
overflow-y: auto;
padding: 4px 0;
margin: 0;
list-style: none;
}
.template-product .avpoptions-container__v2 .ap-options__select_swatch li.option-avis-value {
margin: 0;
padding: 0;
list-style: none;
cursor: pointer;
display: block;
}
.template-product .avpoptions-container__v2 .ap-options__select_swatch label.option-avis-swatch-value-label {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 14px;
margin: 0;
cursor: pointer;
transition: background-color 0.15s ease;
border: none;
border-radius: 0;
width: 100%;
box-sizing: border-box;
}
.template-product .avpoptions-container__v2 .ap-options__select_swatch li.option-avis-value:hover label.option-avis-swatch-value-label {
background-color: #f5f5f5;
}
.template-product .avpoptions-container__v2 .ap-options__select_swatch li.option-avis-value.active label.option-avis-swatch-value-label,
.template-product .avpoptions-container__v2 .ap-options__select_swatch li.option-avis-value input:checked+label.option-avis-swatch-value-label {
background-color: #f0f0f0;
font-weight: 600;
border-color: transparent;
}
.template-product .avpoptions-container__v2 .add-on.ap-options__swatch-container .avp-productoptionswatch {
width: 48px;
height: 48px;
}
.template-product .avpoptions-container__v2 .add-on.ap-options__swatch-container .avp-value-grid {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 10px;
}
.template-product .avpoptions-container__v2 .add-on.ap-options__swatch-container .avp-value-grid-item:first-child {
flex: 1 1 auto;
min-width: 0;
}
.template-product .avpoptions-container__v2 .add-on.ap-options__swatch-container .avp-value-grid-item:last-child {
flex: 0 0 auto;
margin-left: auto;
}