/* =====================================
   page content
   ===================================== */
/*body.sunpics-product .site-content #primary,
body.sunpics-product .site-content #primary {
    width: 100%;
}*/

body.sunpics-product #content.site-content .sun-single-product-structure {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--sun-gap-lg);
}

body.sunpics-product .sun-single-product-structure div.product:not(.sunpics-gallery) {
    flex-basis: calc(80% - var(--sun-spacing-lg));
    width: 80%;
}

body.sunpics-product .sun-single-product-structure div.product:not(.sunpics-gallery) span.onsale {
    display: none;
}

body.sunpics-product div.sunpics-hide-guest-prices {
    border-radius: var(--sun-radius-lg);
    background: var(--sun-color-secondary);
    border: 1px solid var(--sun-border-color-secondary);
    padding: var(--sun-spacing-lg) var(--sun-spacing-xl);
    margin: var(--sun-spacing-lg) 0;
}

body.sunpics-product div.sunpics-hide-guest-prices a {
    font-size: var(--sun-font-md);
    color: var(--sun-color-primary);
    font-weight: 500;
    text-decoration: underline !important;
}

body.sunpics-product .woocommerce-product-details__short-description {
    background: var(--sun-bkg-primary);
    margin: var(--sun-spacing-xl) 0;
    padding: var(--sun-spacing-xl) !important;
    border-radius: var(--sun-radius-lg);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 0.12);
}
/* =====================================
   page content
   ===================================== */



/* =====================================
   woocommerce notices
   ===================================== */
body.sunpics-product .woocommerce-notices-wrapper {
    flex-basis: 100%;
}

body.sunpics-product .woocommerce-notices-wrapper ul.woocommerce-error {
    border: 2px solid #b81c23;
    border-radius: var(--sun-radius-sm);
}

body.sunpics-product .woocommerce-notices-wrapper .woocommerce-message {
    border: 2px solid #8fae1b;
    border-radius: var(--sun-radius-sm);
}

body.sunpics-product .woocommerce-notices-wrapper ul.woocommerce-error li {
    margin: 0 !important;
}
/* =====================================
   woocommerce notices
   ===================================== */



/* =====================================
   product gallery
   ===================================== */
body.sunpics-product:has(#fixed-price-element) #content div.product.sunpics-gallery div.images {
    width: 100%;
    margin-bottom: 0 !important;
}

body.sunpics-product:has(#fixed-price-element) #content div.product.sunpics-gallery {
    top: 100px;
}

body.sunpics-product #content div.product.sunpics-gallery {
    width: var(--sun-summary-width);
    flex-basis: var(--sun-summary-width);
    background: var(--sun-color-secondary);
    display: flex;
    flex-direction: column;
    align-items: center;
    float: unset;
    height: fit-content;
    position: sticky;
    top: 50px;
    border-radius: var(--sun-radius-lg);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 0.12);
}

body.sunpics-product #content div.product.sunpics-gallery div.images .flex-viewport {
    height: 200px !important;
    box-shadow: 0 -1px 5px 2px #cccccc;
    border-radius: var(--sun-radius-lg) var(--sun-radius-lg) 0 0;
}

body.sunpics-product .woocommerce-product-gallery__wrapper .wp-post-image {
    border-radius: var(--sun-radius-lg) var(--sun-radius-lg) 0 0;
}

body.sunpics-product #content div.product .bundle-resume-tile {
    width: 100%;
    position: absolute;
    padding: var(--sun-spacing-lg) var(--sun-spacing-md);
    border-radius: var(--sun-radius-lg) var(--sun-radius-lg) 0 0;
    z-index: 1;
    font-size: var(--sun-font-sm);
    color: var(--sun-color-secondary);
    font-weight: 500;
    background: var(--sun-background-blur);
    backdrop-filter: blur(2px);
}

body.sunpics-product div:not(.product-images-wrapper)>.images .flex-control-thumbs {
    height: 50px;
}

body.sunpics-product div:not(.product-images-wrapper)>.images .flex-control-thumbs li {
    min-width: 50px !important;
    margin: 0 2px !important;
}

body.sunpics-product div:not(.product-images-wrapper)>.images .flex-control-thumbs .gallery-thumb-controls .gallery-thumb-control {
    top: 10px;
    color: var(--sun-color-secondary);
    background: var(--sun-background-blur);
    backdrop-filter: blur(2px);
}

body.sunpics-product div:not(.product-images-wrapper)>.images .flex-control-thumbs li img {
    opacity: 1;
}
/* =====================================
   product gallery
   ===================================== */



/* =====================================
   product summary
   ===================================== */
body.sunpics-product #content div.product.product-type-variable div.summary {
    float: unset;
    width: auto;
}
/* =====================================
   product summary
   ===================================== */



/* =====================================
   product title
   ===================================== */
body.sunpics-product #content div.product.product-type-variable div.summary .product_title {
    background: var(--sun-bkg-secondary);
    padding: var(--sun-spacing-lg) var(--sun-spacing-xl);
    border-radius: var(--sun-radius-lg);
    color: var(--sun-color-secondary);
    font-size: var(--sun-font-md);
    margin: 0 !important;
    font-weight: 500;
}
/* =====================================
   product title
   ===================================== */



/* =====================================
   product title price
   ===================================== */
body.sunpics-product #content div.product.product-type-variable div.summary .price:not(.wapf-total) {
    display: none;
}
/* =====================================
   product title price
   ===================================== */



/* =====================================
   hide customize your product label
   ===================================== */
body.sunpics-product .sun-amateur-prod-configuration-title {
    display: none;
}
/* =====================================
   hide customize your product label
   ===================================== */



/* =====================================
   project name field
   ===================================== */
body.sunpics-product .sun-project-name-wrap {
    margin: 0;
    background: var(--sun-bkg-primary);
    padding: var(--sun-spacing-xl) !important;
    border-radius: var(--sun-radius-lg);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 0.12);
}

body.sunpics-product #sun-project-name-label label {
    color: var(--sun-color-primary);
    font-size: var(--sun-font-md);
    font-weight: bold;
}

body.sunpics-product .sun-project-name-wrap .sunpics-project-name {
    background: var(--sun-color-secondary);
    margin-top: var(--sun-gap-xl) !important;
    border: 1px solid var(--sun-border-color-secondary);
    height: 55px;
    font-size: var(--sun-font-sm);
    width: 100%;
    border-radius: var(--sun-radius-sm);
}
/* =====================================
   project name field
   ===================================== */



/* =====================================
   product configuration ( attributes )
   ===================================== */
body.sunpics-product div.product.product-type-variable form.cart,
body.sunpics-product div.single_variation_wrap {
    margin: var(--sun-spacing-xl) 0;
}

body.sunpics-product .sun-amateur-panel {
    margin: var(--sun-spacing-xl) 0;
}

body.sunpics-product .sun-amateur-config-info {
    max-width: unset;
}

body.sunpics-product .sun-amateur-prod-configuration-prod {
    display: flex;
    flex-direction: column;
    gap: var(--sun-spacing-xl);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-wrap {
    margin: 0;
    background: var(--sun-bkg-primary);
    padding: var(--sun-spacing-xl) !important;
    border-radius: var(--sun-radius-lg);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 0.12);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-wrap-top {
    margin-bottom: var(--sun-spacing-xl);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-wrap-bottom {
    gap: var(--sun-spacing-xl);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-chosen,
body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-remove-attr {
    display: none;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-name {
    font-size: var(--sun-font-md);
    font-weight: bold;
    color: var(--sun-color-primary);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-simple-attr-wrap {
    justify-content: flex-start;
    margin-top: 0;
    gap: var(--sun-spacing-xl);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-simple-attr {
    padding: var(--sun-spacing-md);
    height: 50px;
    margin-bottom: 0;
    background: var(--sun-color-secondary);
    border-radius: var(--sun-radius-sm);
    border: 1px solid var(--sun-border-color-primary);
    white-space: nowrap;
    flex: 0 0 calc( 25% - var(--sun-gap-xl) );
    min-width: 120px;
    font-size: var(--sun-font-sm);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-simple-attr:hover {
    border: 1px solid var(--sun-border-color-secondary);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-simple-attr.sun-amateur-simple-attr-selected {
    border: 2px solid var(--sun-color-primary);
    color: var(--sun-color-primary);
    font-weight: bold;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-simple-attr.sun-amateur-simple-attr-selected:after {
    font-family: 'dashicons';
    content: "\f147";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: var(--sun-font-lg);
    position: absolute;
    top: -10px;
    left: -10px;
    background: #ffffff;
    border-radius: var(--sun-radius-sm);
    border: 2px solid var(--sun-color-primary);
    color: var(--sun-color-primary);
    font-weight: normal;
}

body.sunpics-product .sun-amateur-prod-configuration-prod #theme-categories-select {
    border-radius: var(--sun-radius-sm);
    background: var(--sun-color-secondary);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display {
    max-width: 155px;
    min-width: 155px;
    margin: 0;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display-img {
    height: 150px;
    background: var(--sun-color-secondary);
    min-width: unset;
    min-height: unset;
    max-height: unset;
    max-width: 150px;
    padding: 0;
    border-radius: var(--sun-radius-sm);
    border: 1px solid var(--sun-border-color-primary);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display-wrap:hover .sun-amateur-attr-display-name {
    box-shadow: none;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display-wrap:hover .sun-amateur-attr-display-img {
    border: 1px solid var(--sun-border-color-secondary);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display.sun-amateur-attrpr-selected .sun-amateur-attr-display-img {
    border: 2px solid var(--sun-border-color-secondary);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display.sun-amateur-attrpr-selected .sun-amateur-attr-display-img:after {
    font-family: 'dashicons';
    content: "\f147";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: var(--sun-font-lg);
    position: absolute;
    top: -10px;
    left: -10px;
    background: #ffffff;
    border-radius: var(--sun-radius-sm);
    border: 2px solid var(--sun-border-color-secondary);
    color: var(--sun-color-primary);
    font-weight: normal;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display-img > img {
    width: 100%;
    border-radius: var(--sun-radius-sm);
    object-fit: cover;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display-img .sun-amateur-attr-color {
    min-height: unset;
    max-height: unset;
    min-width: unset;
    max-width: 150px;
    padding: 0;
    border-radius: 0;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display .sun-amateur-attr-display-name {
    font-size: var(--sun-font-xs);
    padding-bottom: 0;
    margin-top: var(--sun-spacing-md);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display.sun-amateur-attrpr-selected .sun-amateur-attr-display-name {
    box-shadow: none !important;
    color: var(--sun-color-primary);
    font-weight: bold;
}

body.sunpics-product .sun-term-categories-wrap {
    margin: var(--sun-spacing-xl) 0;
    gap: var(--sun-spacing-xl);
}

body.sunpics-product .sun-term-category {
    font-size: var(--sun-font-sm);
    min-width: 150px;
    text-align: center;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .custom-select__trigger {
    background: var(--sun-color-secondary);
    border: 1px solid var(--sun-color-primary);
    border-radius: var(--sun-radius-sm);
    height: 55px;
    font-size: var(--sun-font-sm);
    color: var(--sun-color-primary);
    background-image: linear-gradient(45deg, transparent 50%, var(--sun-color-primary) 50%), linear-gradient(135deg, var(--sun-color-primary) 50%, transparent 50%);
    background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .custom-select__trigger .arrow {
    display: none;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .custom-select.open .custom-options {
    z-index: 10;
    border: 0;
    border-radius: 0 0 4px 4px;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .custom-select.open .custom-options .sun-amateur-attr-display {
    height: auto;
    max-width: unset;
    min-width: unset;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .custom-select.open .custom-options .sun-amateur-attr-display .sun-amateur-attr-display-wrap {
    gap: var(--sun-spacing-xl);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .custom-select.open .custom-options .sun-amateur-attr-display.sun-amateur-attrpr-selected .sun-amateur-attr-display-wrap {
    background: var(--sun-background-darker);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .custom-select.open .custom-options .sun-amateur-attr-display.sun-amateur-attrpr-selected .sun-amateur-attr-display-name.sun-amateur-attr-selected {
    color: var(--sun-color-secondary);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .custom-select.open .custom-options .sun-amateur-attr-display .sun-amateur-attr-display-img {
    max-width: unset;
    width: fit-content;
    border: none;
    border-radius: 0;
    background: transparent;
    padding: var(--sun-spacing-sm) var(--sun-spacing-lg);
}

body.sunpics-product .sun-amateur-prod-configuration-prod .custom-select.open .custom-options .sun-amateur-attr-display-img > img {
    height: 50px !important;
    border-radius: 0;
    object-fit: contain;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .custom-select.open .custom-options .sun-amateur-attr-display .sun-amateur-attr-display-name {
    height: auto;
    margin: 0;
    font-size: var(--sun-font-sm);
    font-weight: 500;
    justify-content: flex-start;
}

body.sunpics-product .sun-amateur-prod-configuration-prod .custom-select.open .custom-options .sun-amateur-attr-display.sun-amateur-attrpr-selected .sun-amateur-attr-display-img:after {
    content: unset;
}
/* =====================================
   product configuration ( attributes )
   ===================================== */



/* =====================================
   custom fields
   ===================================== */
body.sunpics-product .wapf-field-label .required,
body.sunpics-product .wapf-field-group:has(.sunpics-skip-wapf),
body.sunpics-product .wapf-field-group:not(:has(> :not(.wapf-hide))) {
    display: none !important;
}

body.sunpics-product .wapf-field-container {
    background: var(--sun-bkg-primary);
    padding: var(--sun-spacing-xl) !important;
    border-radius: var(--sun-radius-lg);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 0.12);
}

body.sunpics-product .wapf-checkboxes,
body.sunpics-product .wapf-swatch-wrapper {
    gap: var(--sun-spacing-xl);
    grid-template-columns: repeat(auto-fill, var(--sun-image-sm, 1fr));
}

body.sunpics-product .wapf-field-color-swatch .wapf-swatch-wrapper .wapf-swatch--color {
    margin: 0;
}

body.sunpics-product .wapf-field-color-swatch .wapf-swatch-wrapper .wapf-swatch--color .wapf-swatch--color .wapf-color {
    border-radius: var(--sun-radius-sm);
}

body.sunpics-product .wapf-field-label {
    margin-bottom: var(--sun-spacing-xl);
}

body.sunpics-product .wapf-field-label span {
    font-size: var(--sun-font-md);
    font-weight: bold;
    color: var(--sun-color-primary);
}

body.sunpics-product .wapf-field-description {
    margin-bottom: var(--sun-gap-xl);
    font-size: var(--sun-font-xs);
    font-style: italic;
    color: var(--sun-color-primary);
    padding: 0;
}

body.sunpics-product .wapf-swatch-label {
    font-size: var(--sun-font-xs);
    margin-top: var(--sun-spacing-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--sun-gap-sm);
}

body.sunpics-product .wapf-field-group,
body.sunpics-product .wapf-wrapper.inside-sun-configure {
    display: flex;
    flex-direction: column;
    gap: var(--sun-spacing-xl);
    margin-left: 0 !important;
}

body.sunpics-product .wapf-field-radio .wapf-radios {
    display: grid;
    gap: var(--sun-spacing-xl);
    grid-template-columns: repeat(3, 1fr);
}

body.sunpics-product .wapf-field-radio .wapf-radios span.wapf-label-text {
    font-size: var(--sun-font-sm);
    color: var(--sun-color-primary);
}

body.sunpics-product input[type='email'].wapf-input,
body.sunpics-product input[type='text'].wapf-input {
    background: var(--sun-color-secondary);
    border: 1px solid var(--sun-border-color-secondary);
    height: 55px;
    font-size: var(--sun-font-sm);
}

body.sunpics-product select.wapf-input {
    background: var(--sun-color-secondary);
    border: 1px solid var(--sun-border-color-secondary);
    height: 55px;
    font-size: var(--sun-font-sm);
    color: var(--sun-color-primary);
    background-image: linear-gradient(45deg, transparent 50%, var(--sun-color-primary) 50%), linear-gradient(135deg, var(--sun-color-primary) 50%, transparent 50%);
    background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

body.sunpics-product div.product form.cart input[type='number'].wapf-input {
    -webkit-appearance: auto !important;
    width: 100%;
    height: 55px;
    background: var(--sun-color-secondary);
    border: 1px solid var(--sun-border-color-secondary);
    border-radius: var(--sun-radius-sm);
    color: var(--sun-color-primary);
    font-weight: bold;
}

body.sunpics-product div.product form.cart input[type='number'].wapf-input::-webkit-inner-spin-button,
body.sunpics-product div.product form.cart input[type='number'].wapf-input::-webkit-outer-spin-button {
    -webkit-appearance: auto;
    margin-right: var(--sun-spacing-lg);
}

body.sunpics-product .wapf-swatch.wapf-swatch--image {
    height: fit-content;
}

body.sunpics-product .wapf-swatch.wapf-checked {
    overflow: unset;
}

body.sunpics-product .wapf-swatch.wapf-checked .apf-pick-box:after {
    font-family: 'dashicons';
    content: "\f147";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: var(--sun-font-lg);
    position: absolute;
    top: -10px;
    left: -10px;
    background: #ffffff;
    border-radius: var(--sun-radius-sm);
    border: 2px solid var(--sun-color-primary);
    color: var(--sun-color-primary);
    font-weight: normal;
}

body.sunpics-product .wapf-swatch.wapf-checked .apf-pick-box {
    border: 2px solid var(--sun-border-color-secondary);
}

body.sunpics-product .wapf-swatch.wapf-checked .wapf-swatch-label {
    font-weight: bold;
    color: var(--sun-border-color-secondary);
}

body.sunpics-product .wapf-field-text-swatch .wapf-swatch {
    max-width: 150px;
    /*min-width: 150px;*/
    display: flex;
    align-items: center;
}

body.sunpics-product .wapf-field-text-swatch .wapf-swatch label {
    min-width: 150px;
    text-align: center;
}
/* =====================================
   custom fields
   ===================================== */



/* =====================================
   add to cart zone
   ===================================== */
body.sunpics-product .sun-pages {
    display: none !important;
}

body.sunpics-product .single_add_to_cart_button.button {
    width: 100%;
    border-radius: var(--sun-radius-lg) !important;
    font-size:  var(--sun-spacing-lg) !important;
    font-weight: bold !important;
    text-transform: uppercase;
    background: var(--sun-bkg-color-btn-primary) !important;
    color: var(--sun-color-btn-primary) !important;
    border: 2px solid var(--sun-border-color-btn-primary) !important;
    padding: var(--sun-spacing-md) var(--sun-spacing-lg) !important;
}

body.sunpics-product .single_add_to_cart_button.button:hover {
    background: var(--sun-bkg-color-btn-primary-hover) !important;
    border-color: var(--sun-border-color-btn-primary-hover) !important;
    color: var(--sun-color-btn-primary-hover) !important;
}

body.sunpics-product .sun-theme-preview-option,
body.sunpics-product .sun-term-image-zoom-option {
    width: 30px;
    height: 30px;
    border: 1px solid var(--sun-border-color-secondary);
    color: var(--sun-border-color-secondary);
    border-radius: var(--sun-radius-sm);
    box-shadow: none;
}

body.sunpics-product .single_add_to_cart_button.button.sunpics-creating-project {
    pointer-events: none;
}

body.sunpics-product .single_add_to_cart_button.button.sunpics-creating-project::after {
    content: "";
    position: absolute;
    width: 25px;
    margin-left: 20px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--sun-loader-primary);
    --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
}
@keyframes l3 {
    to{
        transform: rotate(1turn)
    }
}
/* =====================================
   add to cart zone
   ===================================== */



/* =====================================
   extra pages slider
   ===================================== */
body.sunpics-product .sunpics-extra-page-slider output {
    position: relative;
}

body.sunpics-product .sunpics-extra-page-slider output::after {
    color: var(--sun-color-primary);
    right: 0;
    font-size: var(--sun-font-sm);
    bottom: 0;
}

body.sunpics-product .sunpics-extra-page-slider output::before {
    color: var(--sun-color-primary);
    font-size: var(--sun-font-sm);
}
/* =====================================
   extra pages slider
   ===================================== */



/* =====================================
   product totals
   ===================================== */
body.sunpics-product .wapf-product-totals {
    display: block !important;
}

body.sunpics-product .wapf-product-totals .wapf--inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--sun-gap-sm);
    padding: var(--sun-spacing-md);
    align-items: center;
    background: var(--sun-color-secondary);
    margin-bottom: var(--sun-spacing-sm);
    border-radius: 0 0 var(--sun-radius-lg) var(--sun-radius-lg);
}

body.sunpics-product .wapf-product-totals .wapf--inner > div {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

body.sunpics-product .wapf-product-totals .wapf--inner > div> span {
    width: 100%;
    height: 100%;
    text-align: right;
    color: var(--sun-color-primary);
    padding: var(--sun-spacing-sm) 0;
    font-weight: 500;
    font-size: var(--sun-font-sm);
}

body.sunpics-product .wapf-product-totals .wapf--inner > div> span:not(.wapf-total) {
    text-align: left;
}

body.sunpics-product .wapf-product-totals .wapf--inner > div:nth-child(3) > span.wapf-total.wapf-grand-total { /* total product */
    color: var(--sun-price-color);
}

body.sunpics-product .wapf-product-totals .wapf--inner > div:nth-child(3) { /* total product */
    order: 1;
}

body.sunpics-product .wapf-product-totals .wapf--inner > div:nth-child(1) { /* product price */
    order: 2;
}

body.sunpics-product .wapf-product-totals .wapf--inner > div:nth-child(2) { /* options price */
    order: 3;
}

body.sunpics-product .wapf-product-totals .wapf--inner > div.sun-coupon-discount { /* discounts price */
    order: 4;
}

body.sunpics-product .wapf-product-totals .wapf--inner .sun-coupon-discount {
    display: none;
}
/* =====================================
   product totals
   ===================================== */


/* =====================================
   product summary
   ===================================== */
body.sunpics-product #sun-floating {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    position: unset;
    border: none;
    background: var(--sun-bkg-secondary);
    box-shadow: none;
    border-radius: 0 0 var(--sun-radius-lg) var(--sun-radius-lg);
    margin-top: -5px;
}

body.sunpics-product #sun-floating .sun-floating-header,
body.sunpics-product #sun-floating .sun-floating-price-label,
body.sunpics-product #sun-floating .sun-floating-price,
body.sunpics-product #sun-floating .sun-floating-body .card .attr-data .attr-name,
body.sunpics-product #sun-floating .sun-floating-body .card .container span,
body.sunpics-product #sun-floating .sun-floating-body .card .container img {
    display: none !important;
}

body.sunpics-product #sun-floating .sun-floating-body .card .attr-data .attr-price {
    margin: 0;
    color: var(--sun-color-secondary);
}

body.sunpics-product #sun-floating .sun-floating-body {
    width: 100%;
    min-width: unset;
    max-width: unset;
    height: auto;
    max-height: 250px;
    margin-top: var(--sun-spacing-sm);
    padding: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: var(--sun-gap-sm);
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

body.sunpics-product #sun-floating .sun-floating-body .card {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    margin: 0 var(--sun-spacing-md);
    position: relative;
    background: transparent;
    cursor: pointer;
}

body.sunpics-product #sun-floating .sun-floating-body .card:first-child:not(.hidden) {
    margin-top: var(--sun-spacing-sm);
}

body.sunpics-product #sun-floating .sun-floating-body .card:not(.hidden):not(:has(~ .card:not(.hidden))) {
    margin-bottom: var(--sun-spacing-sm);
}

body.sunpics-product #sun-floating .sun-floating-body .card .attr-data {
    width: 100%;
    padding: 0;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

body.sunpics-product #sun-floating .sun-floating-body .card .attr-data .attr-value {
    font-family: unset;
    font-size: var(--sun-font-xs);
    color: var(--sun-color-secondary);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
    gap: var(--sun-gap-md);
}

body.sunpics-product #sun-floating .sun-floating-body .card .attr-data .attr-value:after {
    content: "\f147";
    font-family: 'dashicons';
    font-size: var(--sun-font-md);
    color: var(--sun-price-color);
}
/* =====================================
   product summary
   ===================================== */



/* =====================================
   calendar extra fields
   ===================================== */
body.sunpics-product .sunpics-calendar-fields {
    display: flex;
    flex-direction: column;
    gap: var(--sun-spacing-xl);
    margin-bottom: var(--sun-spacing-xl);
}

body.sunpics-product .sunpics-calendar-hebrew-component {
    margin: 0;
    gap: var(--sun-spacing-xl);
}

body.sunpics-product .sunpics-calendar-hebrew-component > div,
body.sunpics-product .sunpics-calendar-field-wrap,
body.sunpics-product .sunpics-choose-add-holidays-wrap,
body.sunpics-product .sunpics-countries-wrap {
    margin: 0;
    background: var(--sun-bkg-primary);
    padding: var(--sun-spacing-xl) !important;
    border-radius: var(--sun-radius-lg);
}

body.sunpics-product .sunpics-calendar-hebrew-component > div {
    display: flex;
    flex-direction: column;
    gap: var(--sun-spacing-xl);
}

body.sunpics-product .sunpics-calendar-field-wrap label,
body.sunpics-product .sunpics-calendar-hebrew-component > div > label,
body.sunpics-product .sunpics-choose-add-holidays-wrap label[for='sunpics-countries'],
body.sunpics-product .sunpics-countries-wrap > label {
    font-size: var(--sun-font-lg);
    font-weight: bold;
    color: var(--sun-color-primary);
}

body.sunpics-product .sunpics-calendar-hebrew-component .sunpics-calendar-hebrew-days,
body.sunpics-product .sunpics-calendar-hebrew-component .sunpics-calendar-hebrew-shabbat {
    display: flex;
    gap: var(--sun-spacing-xl);
}


body.sunpics-product .sunpics-calendar-hebrew-days label,
body.sunpics-product .sunpics-calendar-hebrew-shabbat label {
    border-radius: var(--sun-radius-sm);
    padding: var(--sun-spacing-lg);
    min-width: 120px;
}

body.sunpics-product .sunpics-calendar-fields select {
    background: var(--sun-color-secondary);
    margin-top: var(--sun-spacing-xl);
    border: 1px solid var(--sun-border-color-secondary);
    height: 55px;
    font-size: var(--sun-font-md);
    background-image: linear-gradient(45deg, transparent 50%, var(--sun-color-primary) 50%), linear-gradient(135deg, var(--sun-color-primary) 50%, transparent 50%);
    background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
}

body.sunpics-product .sun-calendar-holidays-radios {
    display: flex;
    gap: var(--sun-spacing-xl);
    margin-top: var(--sun-spacing-xl);
    align-items: center;
}
/* =====================================
   calendar extra fields
   ===================================== */



/* =====================================
   mobile
   ===================================== */
@media (max-width: 1500px) {
    body.sunpics-product #content div.product.sunpics-gallery {
        width: 25%;
    }

    body.sunpics-product .sun-single-product-structure div.product.product-type-variable {
        flex-basis: calc(75% - var(--sun-spacing-lg));
    }

    body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-simple-attr {
        white-space: normal;
        text-align: center;
    }
}

@media (max-width: 750px) {
    body.sunpics-product .sun-single-product-structure div.product.product-type-variable,
    body.sunpics-product #content div.product.sunpics-gallery {
        width: 100%;
        position: relative;
        top: unset !important;
    }

    body.sunpics-product #content.site-content .sun-single-product-structure {
        padding: var(--sun-spacing-md);
        flex-direction: column-reverse;
    }

    body.sunpics-product #content div.product.product-type-variable div.summary .product_title {
        text-align: center;
    }

    body.sunpics-product #content div.product.product-type-variable div.summary .product_title {
        font-size: var(--sun-font-sm);
        text-align: center;
    }

    body.sunpics-product #content div.product .bundle-resume-tile,
    body.sunpics-product .wapf-field-description {
        text-align: center;
    }

    body.sunpics-product .sun-group-products-select-parent h4,
    body.sunpics-product .wapf-field-label span,
    body.sunpics-product .wapf-swatch.wapf-checked .apf-pick-box:after,
    body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-name {
        font-size: var(--sun-font-md);
    }

    body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display.sun-amateur-attrpr-selected .sun-amateur-attr-display-img:after,
    body.sunpics-product .wapf-swatch.wapf-checked .apf-pick-box:after,
    body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-simple-attr.sun-amateur-simple-attr-selected:after {
        display: flex;
        width: 25px;
        height: 25px;
        top: -13px;
        left: -13px;
        font-size: var(--sun-font-md);
        align-items: center;
        justify-content: center;
    }

    body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-simple-attr {
        width: 100%;
    }

    body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-wrap-top {
        justify-content: center;
    }

    body.sunpics-product .wapf-field-radio .wapf-radios {
        grid-template-columns: repeat(1, 1fr);
    }

    body.sunpics-product select.wapf-input {
        font-size: var(--sun-font-sm);
        text-align: center;
    }

    body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-simple-attr-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    body.sunpics-product .wapf-field-label {
        justify-content: center;
        text-align: center;
    }

    body.sunpics-product .wapf-swatch-label {
        font-size: var(--sun-font-xs);
    }

    body.sunpics-product .sun-amateur-attr-wrap > .sun-amateur-attr-wrap-bottom:not(:has(.sun-amateur-simple-attr-wrap)),
    body.sunpics-product .sun-term-categories-wrap,
    body.sunpics-product .wapf-image-swatch-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    body.sunpics-product .wapf-field-text-swatch .wapf-swatch-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--sun-gap-lg);
        align-items: center;
    }

    body.sunpics-product .wapf-field-text-swatch .wapf-swatch label {
        min-width: unset;
    }

    body.sunpics-product .wapf-field-text-swatch .wapf-swatch-wrapper .wapf-swatch.wapf-swatch--text {
        margin: 0;
        font-size: var(--sun-font-xs);
    }

    body.sunpics-product .sun-term-category {
        font-size: var(--sun-font-xs);
        min-width: unset;
    }

    body.sunpics-product .wapf-field-text-swatch .wapf-swatch-wrapper .wapf-swatch.wapf-swatch--text span,
    body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-simple-attr {
        font-size: var(--sun-font-xs);
    }

    body.sunpics-product .sun-amateur-prod-configuration-prod .custom-select.open .custom-options .sun-amateur-attr-display .sun-amateur-attr-display-name,
    body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display .sun-amateur-attr-display-name {
        height: auto;
        font-size: var(--sun-font-xs);
    }

    body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display-img {
        height: auto !important;
        max-width: 125px;
    }

    body.sunpics-product .sun-amateur-prod-configuration-prod .sun-amateur-attr-display {
        width: auto;
        max-width: unset;
        min-width: unset;
    }

    body.sunpics-product .sun-theme-preview-option, body.sunpics-product .sun-term-image-zoom-option {
        opacity: 1;
    }

    body.sunpics-product #sun-project-name-label {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    body.sunpics-product #sun-project-name-label label {
        font-size: var(--sun-font-md);
    }

    body.sunpics-product .sun-project-name-wrap .sunpics-project-name {
        font-size: var(--sun-font-xs);
        height: 45px;
    }

    body.sunpics-product .sun-amateur-attr-wrap > .sun-amateur-attr-wrap-bottom:has(.custom-select-wrapper) {
        display: flex;
    }
}
/* =====================================
   mobile
   ===================================== */