:root
{
    --tinyshop-green:#238c88;
    --tinyshop-darkgreen:#0f766e;
    --tinyshop-lightgreen:#14b8a6;
    --tinyshop-verylightgreen:#e6f3f3;
    --tinyshop-superlightgreen:#eef8f6;
    --main-text-color: #4d4d4d;
}
html
{
    background-color: #f9fafb;
}
body
{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.h1, .h2, .h3, .h4, body, p
{
    color: var(--main-text-color);
}
main
{
    background-color: #f9fafb;
}
#header
{
    background: none;
}
#header .header-top
{
    height: 100px;
    background-color: rgba(255, 255, 255, 0.76);
    padding: 0.45rem 0;
}
.header-nav
{
    display: none;
}
#_desktop_logo
{
    max-width: 115px;
}
#_desktop_top_menu
{
    width: 100%;
}
#_desktop_top_menu #top-menu {
    display: flex;
    justify-content: space-around; /* or space-between, or even space-evenly */
    padding: 0;
    margin: 0;
    list-style: none;
}
#_desktop_top_menu #top-menu>li
{
    border: 2px solid transparent;
    border-radius: 15px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
#_desktop_top_menu #top-menu>li:hover
{
    border: 2px solid transparent;
    background-color: white;
}
#_desktop_top_menu #top-menu li a
{
    padding: .625rem 1.3rem;
    color: var(--tinyshop-darkgreen);
}
#_desktop_top_menu #top-menu li a:hover
{
    color: var(--tinyshop-green);
}
#_desktop_top_menu #top-menu li .sub-menu
{
    margin-top: 32px;
    border-radius: 10px;
}
#_desktop_top_menu #top-menu li .sub-menu .top-menu>li
{
    margin-bottom: .625rem;
}
#wrapper
{
    background-color: #f9fafb;
    padding-top: 0;
    margin-top: 20px;
    min-height: 80vh;
}
body#index #wrapper
{
    margin-top: -100px;
}
body#index .banner
{
    margin-top: 25px;
}
body#index .banner img
{
    border-radius: 15px;
}
body#index ul.front-list
{
    text-align: left;
    font-size: 1.25rem;
    list-style-type: "\2713";
    line-height: 2.2rem;
}
body#index ul.front-list li
{
    padding-inline-start: 1ch;
}
body#index ul.front-list li::marker
{
    color: var(--tinyshop-darkgreen);
}
.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.h1, h1, .h2, h2, .h3, h3
{
    font-weight: bolder;
    text-transform: none;
    color: var(--main-text-color);
}
.h1, h1
{
    font-size: 3.25rem;
}
.h2, h2
{
    font-size: 2.25rem;
}
.h3, h3
{
    font-size: 1.725rem;
}
.d-none
{
    display: none!important;
}
.d-flex
{
    display: flex!important;
}
a,
.page-addresses .address .address-footer a,
.page-addresses .addresses-footer a,
.page-my-account #content .links a
{
    color: var(--tinyshop-darkgreen);
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover
{
    color: var(--tinyshop-lightgreen);
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover
{
    border-bottom-color: var(--tinyshop-lightgreen);
}
body .link-item svg
{
    width: 24px;
    height: 24px;
}
#wrapper .breadcrumb li:last-child
{
    color: var(--tinyshop-lightgreen);
}
a:hover,
.page-addresses .address .address-footer a:hover,
.page-addresses .addresses-footer a:hover,
.page-my-account #content .links a:hover
{
    color: var(--tinyshop-lightgreen);
}
#wrapper .breadcrumb
{
    margin-left: 5px;
    font-weight: bold;
    margin-bottom: 25px;
}
#wrapper .breadcrumb li a
{
    color: var(--tinyshop-darkgreen);
}
#wrapper .breadcrumb li::after
{
    content: ">";
}
.section-title
{

}
.section-description
{
    font-size: 1.25rem;
    line-height: 2.2rem;
}
.card
{
    box-shadow:0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    margin-bottom:1.563rem;
    border-radius: .75rem;
    height: 100%;
}
.equal-height-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.equal-height-col {
    display: flex;
    flex-direction: column;
}

.rounded
{
    border-radius: .75rem;
}
body#module-a_tinymodule-RegisterHost #content.page-content
{
    border:none!important;
    background-color: transparent!important;
    box-shadow: none!important;
}
.grow-hover:hover
{
    transform: translate(0,0) rotate(0) skew(0) skewY(0) scaleX(1.05) scaleY(1.05);
}
.card .card-body
{
    text-align: center;
    padding: 2rem;
}
.card .card-center-icon
{
    border-radius: .75rem;
    background-color: #238c881a;
    padding: .75rem;
    width: 4rem;
    height: 4rem;
    display: inline-block;
    margin-bottom: 2rem;
}
.card h3, .card p
{
    text-align: center;
}
.card .card-center-icon>*
{
    color: var(--tinyshop-green);
}
.dashboard-counter
{
    text-align: center;
}
.dashboard-counter svg
{
    background-color: #238c881a;
    padding: 0.9rem;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 2rem;
}
.dashboard-counter svg>*
{
    color: var(--tinyshop-green);
}
.dashboard-counter-title
{
    font-weight: bold;
    font-size: 1.875rem;
}
.dashboard-counter-description
{
    font-size: 1.15rem;
}
.js-product
{
    padding-left: 10px;
    padding-right: 10px;
}
.product-miniature
{
    box-shadow:0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    margin-bottom:1.563rem;
    padding-left: 0!important;
    padding-right: 0!important;
    width: 100%;
}
.product-miniature:hover
{
    --tw-translate-y:0;
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(0,0) rotate(0) skew(0) skewY(0) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.ets_myshop_right .product-miniature
{
    padding-left: 0!important;
    padding-right: 0!important;
}
.product-miniature .thumbnail-container
{
    width: 100%;
    margin-bottom: 0;
}
.product-miniature,
.product-miniature .thumbnail-container
{
    border-radius: .75rem;
}
.product-miniature .thumbnail-top .place-size
{
    background: white;
    border-radius: 1rem;
    color: #0b0b0b;
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 1000;
    padding: 5px 13px;
    font-weight: bold;
    font-size: .9rem;
}
.product-miniature .thumbnail-container .product-thumbnail img
{
    object-fit: cover;
    height: 200px;
    width: 100%;
}
.product-miniature .product-list-reviews
{
    display: none!important;
}
.product-miniature .product-description
{
    padding: 15px;
}
.product-miniature .product-title-container
{
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem; /* space between icon and text */
}
.product-miniature .product-title-container .product-title-icon
{
    color: rgb(168 85 247);
    display: inline;
}
.product-miniature .product-title-container .product-title-icon svg
{
    width: 1.3rem;
    height: 1.3rem;
    margin-top:5px;
    fill: none!important;
}
.product-miniature .product-title
{
    width: 100%;
    margin-top:0;
}
.product-miniature .product-title a
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    line-height: 1.4em;
    height: calc(1.4em * 2); /* reserve space for exactly 2 lines */
    margin: 0;

    flex: 1;         /* allow to grow/shrink within flexbox */
    min-width: 0;    /* needed for ellipsis in flexbox */

    display: inline-block;
    display: -webkit-box;
    /*line-height: 1.7rem;        !* set line height *!
    height: calc(1.7em * 2);    !* force height = 2 lines *!
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;*/
    font-weight: 700;
    display: block;
    text-align: left;
    font-size: 1.25rem;
    color: #1e1e1e;
}

body#index .product-miniature .product-title a
{
    height: calc(1.7em * 1);    /* force height = 1 line */
    -webkit-line-clamp: 1;
}
.product-miniature svg
{
    height: 0.9rem;
    width: 0.9rem;
    vertical-align: middle;
    margin-right: 0.2rem;
}
.product-miniature .product-location
{
    height: 20px;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #646464;
    margin-bottom: 7px;
}
.product-miniature .product-price-and-shipping
{
    display: flex;
}
.product-miniature .product-price-and-shipping  .product-rating
{
    display: block;
    width: 50%;
    text-align: left;
}
.product-miniature .product-price-and-shipping  .product-rating .rating-star
{
    color: gold;
}
.product-miniature .product-price-and-shipping  .product-rating .rating-text
{
    font-weight: normal;
    font-size: .875rem;
    color: #646464;
}
.product-miniature .product-price-and-shipping .price
{
    display: block;
    width: 50%;
    float: right;
    text-align: right;
    font-weight: bold;
    color: var(--tinyshop-green);
}
.product-miniature .product-flag
{
    background-color: var(--tinyshop-green)!important;
}
.product-miniature .product_list_shop_by
{
    margin-top: 10px;
}
.product-miniature .wishlist-button-add
{
    display: none;
}
.product-STANDARD-miniature
{
    border: 4px solid blueviolet;
}
.product-STANDARD-miniature .product-description
{
    background: #f5e6d9;
}
.product-STANDARD-miniature .product-title a
{
    text-align: center;
}


.text-center
{
    text-align: center;
}
.text-left
{
    text-align: left!important;
}
.text-right
{
    text-align: right!important;
}
.text-tinyshop
{
    color: var(--tinyshop-green)!important;
}
.text-tinyshop-dark
{
    color: var(--tinyshop-darkgreen)!important;
}
#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title
{
    font-weight: bolder;
}
.button-shop,
.btn-comment
{
    display: inline-block;
    cursor: pointer;
    font-size: 1.3rem;
    padding: 1.7rem 2rem ;
    border-radius: 2rem;
    border: 2px solid white;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}
.button-shop:hover,
.btn-comment:hover
{
    box-shadow: 0 0 #0000, 0 0 #0000 , 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    transform: translate(0,0) rotate(0) skew(0) skewY(0) scaleX(1.05) scaleY(1.05);
}
.button-shop.button-white
{
    background-color: white;
    color: var(--tinyshop-green);
}
.button-shop.button-default,
.btn-comment
{
    background-color: var(--tinyshop-green);
    color: white;
    border-color: var(--tinyshop-green);
}
.button-shop.button-outline
{
    background-color: transparent;
    color: white;
}
.btn.disabled
{
    opacity: 0.3;
}

/*CATEGORY PAGE BEGIN*/
.block-category
{
    padding: 0;
    border-radius: .75rem;
    min-height: 13.75rem;
}
.block-category .block-category-overlay,
.block-subcategories .block-subcategory-overlay
{
    background-color: rgba(0, 0, 0, 0.5); /* semi-transparent overlay */
    padding: 2rem;
    border-radius: .75rem;
    min-height: 13.75rem;
}
.block-category h1,
.block-category p
{
    color: white!important;
}
.block-category .button-shop,
.block-subcategories .button-shop
{
    font-size: .9375rem;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
}
.block-category .button-shop:hover,
.block-subcategories .button-shop:hover
{
    transform: none;
    background-color: var(--tinyshop-darkgreen);
    border-color: var(--tinyshop-darkgreen);
}
.block-subcategories .subcategory-heading
{
    font-size: 1.5rem;
}
.block-subcategories .subcategory-card:hover
{
    --tw-translate-y: 0;
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(0,0) rotate(0) skew(0) skewY(0) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.block-subcategories .block-subcategory-overlay
{
    padding: 1.5rem;
    min-height: 12rem;
}
.block-subcategories .subcategory-card h3
{
    font-size: 1.25rem;
    color: white;
    text-align: left;
}
.block-subcategories .subcategory-card .subcategory-count svg
{
    margin-right: 0.5rem !important;
}
/*CATEGORY PAGE END*/

/*forms*/
form .form-control-label
{
    color: var(--main-text-color);
}
.form-control,
input.filter,
select
{
    border-radius: 6px;
}
input::placeholder, textarea::placeholder
{
    color: #ccc;
}
/*footer*/
#main .page-footer
{
    margin: 0;
}
#footer
{
    background-color: #111827;
}
#footer a
{

}
#footer .h4, #footer .h3,  #footer .h3 a
{
    color: white!important;
}
#footer #blockEmailSubscription_displayFooterBefore
{
    display: none;
}
.ml-auto {margin-left: auto;}
.mr-auto {margin-right: auto;}
.mt-3 {margin-top: 3.5rem;}
.mt-4 {margin-top: 4.5rem;}
.mt-5 {margin-top: 5.5rem;}
.mb-0 {margin-bottom: 0rem;}
.mb-1 {margin-bottom: 1.5rem;}
.mb-2 {margin-bottom: 2.5rem;}
.mb-3 {margin-bottom: 3.5rem;}
.mb-4 {margin-bottom: 4.5rem!important;}
.mb-5 {margin-bottom: 5.5rem;}
.p-3 {padding: 3.5rem;}
.p-4 {padding: 4.5rem;}
.p-5 {padding: 5.5rem;}

/*region Hours Selection */
.day-row {
    background: white;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #b6f0ea;
}

.day-row.disabled {
    background-color: #f9fafb;
    border: 1px solid #e0e0e0;
}
.day-row.disabled .day-actions
{
    display: none;
}

.day-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.day-name {
    font-weight: bold;
    min-width: 100px;
}

.day-actions {
    margin-top: 12px;
    display: flex;
    gap: 5px;
}
.day-actions button:first-child
{
    margin-left: auto;
}
.day-actions button:last-child
{
    margin-right: auto;
}
.hours-btn {
    padding: 6px 12px;
    border: 1px solid var(--teal-500);
    background: #fff;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.95rem;
    transition: all 0.2s;
    color: var(--gray-700);
}
.hours-btn:hover {
    background: var(--teal-600);
    color: white;
}
.btn-apply-all
{
    background-color: var(--teal-500);
    color: white;
}

.hours-btn-primary:hover {
    background: #0056b3;
}

.hours-btn-danger {
    background: #ee99a2;
    color: white;
    border-color: #ee99a2;
}
.hours-btn-danger:hover {
    background: #f06674;
    border-color: #f06674;
}
.btn-remove-range
{
    line-height: 13px;
    position: absolute;
    right: 84px;
    padding: 0!important;
}

.time-ranges-container {
    margin-top: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 0.3rem;
    padding: 0.5rem;
}
.day-row.disabled .time-ranges-container
{
    display: none;
}

.time-ranges {

}

.time-range {
    display: flex;
    position: relative;
    align-items: center;
    text-align: center;
    gap: 10px;
    margin-bottom: 8px;
}
.time-input
{
    text-align: center;
    max-width: 120px;
    padding: 0.35rem 1rem !important;
}
.time-from
{
    margin-left: auto;
}
.time-to
{
    margin-right: auto;
}
.time-separator {
    font-weight: bold;
}

.btn-add-range
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 5px;
}
.closed-label {
    background-color: #fee2e2;
    color: #ef4444;
    border-radius: 0.6rem;
    padding: 0.1rem 0.4rem;
    margin-left: auto;
}
.open-label {
    background-color: #dcfce7;
    color: #16a34a;
    border-radius: 0.6rem;
    padding: 0.1rem 0.4rem;
    margin-left: auto;
}
/*endregion*/
/*region CMS Pages*/
body#cms #content-wrapper{
    font-family: 'Inter', sans-serif;
    line-height: 1.7;
    color: var(--main-text-color);
    background: #ffffff;
    border-radius: 30px;
    padding-top: 30px;
    margin-bottom: 30px;
}

body#cms .page-header {
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

body#cms #content {
    max-width: 800px;
    margin: 0 auto;
}

body#cms .lead {
    font-size: 1.1rem;
    margin-bottom: 10px;
    text-align: center;
}
body#cms .cms-header b
{
    font-weight: 600;
}
body#cms h1 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--main-text-color);
}
body#cms h2
{
    font-size: 1.4rem;
    display: flex;
    margin-bottom: 20px;
}
body#cms .cms-section
{
    margin-bottom: 40px;
    padding: 25px 0;
    border-bottom: 2px solid hsl(222.2, 37.4%, 19.4%);
    position: relative;
}
body#cms .cms-section::before
{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 160px;
    height: 2px;
    background: linear-gradient(90deg, var(--tinyshop-lightgreen), transparent);
}
body#cms .article {
    margin-bottom: 40px;
}

body#cms .article h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    color:  var(--main-text-color);
    padding-bottom: 8px;
    position: relative;
}

body#cms .article h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0 10px 0;
    color:  var(--main-text-color);
}

body#cms .article h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, #0d9488, transparent);
}

body#cms .article p {
    margin-bottom: 15px;
    color: #333;
}

body#cms .info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    margin-top: 20px;
}
body#cms .info-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: rgba(13, 148, 136, 0.03);
    border-radius: 10px;
    border: 1px solid rgba(13, 148, 136, 0.1);
    transition: all 0.2s ease;
}
body#cms .info-item:hover {
    background: rgba(13, 148, 136, 0.06);
    border-color: rgba(13, 148, 136, 0.2);
    transform: translateY(-1px);
}
body#cms .info-description
{
    margin-top: auto;
    margin-bottom: auto;
}
body#cms .faq-chevron {
    width: 20px;
    height: 20px;
    color: hsl(215, 20.2%, 65.1%);
    transition: transform 0.3s ease;
    flex-shrink: 0;
    margin-top: 2px;
}
body#cms .faq-item.active .faq-chevron {
    transform: rotate(180deg);
    color: var(--tinyshop-green);
}
body#cms .faq-item
{
    background:white;
    border: hsl(0, 0%, 94.9%);
    border-radius:14px;
    padding:24px;
    box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 24px rgba(2,6,23,.06);
    margin-bottom:18px;
    position:relative;
    overflow:hidden;
    transition:.25s;
}
body#cms .faq-item:hover
{
    transform:translateY(-2px);
    box-shadow:0 10px 30px rgba(2,6,23,.08);
    border-color:rgba(13,148,136,.35)
}
body#cms .faq-question
{
    display:flex;
    align-items:flex-start;
    gap:16px;
    cursor:pointer;
    position:relative;z-index:2
}
body#cms .faq-question h3
{
    font-size:1.1rem;
    flex:1;margin:0;
    display: flex;
}
body#cms .faq-answer{color:var(--ts-ink);margin-top:16px;padding-left:40px;line-height:1.7}
body#cms .faq-answer p{margin-bottom:12px}
body#cms .faq-answer p:last-child{margin-bottom:0}
body#cms .faq-answer ul{margin-left:20px;margin-bottom:12px}
body#cms .faq-answer li{margin-bottom:6px}
body#cms .hi{background:rgba(13,148,136,.10);color:var(--ts-teal-2);padding:2px 6px;border-radius:6px;font-weight:600}
body#cms b{color:var(--ts-ink);font-weight:600}
body#cms .glyph{position:absolute;right:-6px;top:-6px;width:120px;height:120px;opacity:.06;color:var(--ts-teal);z-index:1;pointer-events:none;transform:rotate(-6deg)}


body#cms svg
{
    color: var(--tinyshop-darkgreen);
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
}
body#cms .parties {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    border-left: 4px solid #0d9488;
}

body#cms .parties p {
    margin-bottom: 8px;
}

body#cms .article ul {
    margin: 15px 0;
    padding-left: 25px;
}

body#cms .article li {
    margin-bottom: 8px;
    color: #333;
}

body#cms strong {
    font-weight: 600;
}

@media (max-width: 768px) {
    body#cms  {
        padding: 20px 15px;
    }

    body#cms h1 {
        font-size: 24px;
    }

    body#cms .article h2 {
        font-size: 17px;
    }
}
/*endregion*/
/*region Product Page */
    /*region Product header*/
    #product .header-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
    }
    #product .header-info {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        flex-wrap: wrap;
    }
    #product .rating {
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }
    #product .rating-icon {
        width: 1rem;
        height: 1rem;
        color: var(--tinyshop-green);
        fill: currentColor;
    }
    #product .separator {
        opacity: 0.5;
    }
    #product .link-button {
        background: none;
        border: none;
        color: var(--tinyshop-green);
        font-weight: 500;
        cursor: pointer;
        text-decoration: underline;
    }
    #product .address {
        opacity: 0.8;
    }
    #product .header-actions {
        display: flex;
        gap: 1rem;
    }
    #product .action-button {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        border: none;
        background: none;
        border-radius: 0.5rem;
        cursor: pointer;
        color: black!important;
        transition: background-color 0.2s;
    }
    #product .action-button:hover {
        color: black!important;
        background-color: var(--tinyshop-verylightgreen);
    }
    #product .js-product-images-modal .modal-body>figure {
        background: white; /* background color for padding */
        aspect-ratio: 1 / 1;
        border-radius: 10px;
    }
    #product .js-product-images-modal .modal-body .image-caption
    {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    #product .js-product-images-modal img {
        object-fit: contain;
        border-radius: 10px;
        transition-duration: .3s;
        transition-timing-function: ease-in-out;
    }
    #product .js-product-images-modal img.thumb:hover
    {
        border:none!important;
        --tw-translate-y:0;
        --tw-scale-x: 1.03;
        --tw-scale-y: 1.03;
        transform: translate(0,0) rotate(0) skew(0) skewY(0) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    #product .js-product-images-modal .js-thumbnails .js-modal-product-images
    {
        margin-top: 3px;
        margin-right: 3px;
    }
    /*endregion*/
    /*region Host info panel*/
    #product .host-info {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding-bottom: 2rem;
        border-bottom: 1px solid var(--color-gray-100);
    }
    #product .host-info h2 {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }
    #product .host-avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #e0f2f1;
    }
    #product .host-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    /*endregion*/
    /*region Product features */
    #product .features-list {
        padding: 2rem 0;
    }
    #product .feature-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
    }
    #product .feature-card {
        display: flex;
        gap: 0.5rem;
        padding: 1rem;
        border-radius: 0.75rem;
        transition: background-color 0.2s;
    }
    #product .feature-card:hover {
        background-color: var(--tinyshop-verylightgreen);
    }
    #product .feature-icon {
        color: var(--tinyshop-green);
        width: 2.5rem;
        height: 2.5rem;
        padding: 7px;
    }
    #product .feature-description
    {
        margin-bottom: 0;
    }
    body#product .section
    {
        padding: 2rem 0;
        border-bottom: 1px solid #e5e7eb;
    }

    body#product .section-header
    {
        margin-bottom: 2rem;
    }

    body#product .section-title
    {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--color-neutral-850);
        margin: 0;
    }

    body#product .three-col-grid
    {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
        gap: 1.2rem;
    }

    body#product .two-col-grid
    {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 1.2rem;
    }

    body#product .info-card
    {
        background: white;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: 1rem;
        padding: 0;
        transition: all 0.3s ease;
    }

    body#product .info-card:hover
    {
        box-shadow: 0 4px 20px rgba(0, 128, 128, 0.08);
        transform: translateY(-2px);
    }

    body#product .card-header
    {
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        background-color: #fbfbfb;
    }
    body#product .card-body
    {
        padding: 1.1rem;
        font-size: 0.7rem;
    }

    body#product .card-icon
    {
        width: 3rem;
        height: 3rem;
        background: var(--tinyshop-verylightgreen);
        border-radius: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    body#product .card-icon i
    {
        width: 1.5rem;
        height: 1.5rem;
        color: var(--tinyshop-green);
    }

    body#product .card-title
    {
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--color-neutral-850);
        margin: 0 0 0.25rem 0;
    }

    body#product .card-subtitle
    {
        font-size: 0.875rem;
        color: #6b7280;
        margin: 0;
    }

    body#product .details-grid
    {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    body#product .detail-item
    {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 0;
    }

    body#product .detail-label
    {
        font-size: 0.95rem;
        color: #6b7280;
    }

    body#product .detail-value
    {
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--color-neutral-850);
        text-align: right;
    }

    body#product .tag-container
    {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    body#product .tag
    {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        background: var(--tinyshop-verylightgreen);
        color: var(--tinyshop-green);
        padding: 0.375rem 0.75rem;
        border-radius: 0.5rem;
        font-size: 0.875rem;
        font-weight: 500;
    }

    body#product .tag i
    {
        width: 0.875rem;
        height: 0.875rem;
    }

    body#product .timeline
    {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        margin-bottom: 1rem;
        border: 1px solid #e5e7eb;
        border-radius: 0.5rem;
        padding: 0.75rem;
    }
    body#product .timeline:last-child
    {
        margin-bottom: 0;
    }
    body#product .timeline-section-label
    {
        padding: 0  0.75rem;
        font-size: 1rem;
    }
    body#product .timeline-item
    {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem;
        background: #fbfbfb;
        border-radius: 0.5rem;
    }

    body#product .timeline-day-time
    {
        display: flex;
        flex-direction: column;
        gap: 0.125rem;
    }

    body#product .timeline-day
    {
        font-size: 0.875rem;
        font-weight: 600;
        color: #6b7280;
    }

    body#product .timeline-days
    {
        font-size: 0.75rem;
        color: #6b7280;
    }

    body#product .timeline-time
    {
        display: block;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--tinyshop-green);
    }

    @media (max-width: 768px)
    {
        body#product .three-col-grid,
        body#product .two-col-grid
        {
            grid-template-columns: 1fr;
        }
    }
    body#product .rules-list {
        list-style: none;
    }

    body#product .rule-item {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0.75rem;
        border-radius: 0.5rem;
        transition: background-color 0.2s;
    }

    body#product .rule-item:hover {
        background-color: var(--color-teal-light);
    }

    body#product .rule-item i {
        color: var(--color-teal);
    }
    /* Brand Info (similar to host-info) */
    body#product .brand-info {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 1.5rem 0;
    }

    body#product .brand-info h2 {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

    body#product .brand-info p {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: #6b7280;
        margin: 0;
    }

    body#product .brand-info p svg {
        width: 18px;
        height: 18px;
    }

    body#product .brand-avatar {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        overflow: hidden;
        flex-shrink: 0;
    }

    body#product .brand-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Product Highlights (similar to features-list) */
    body#product .product-highlights {
        margin: 2rem 0;
    }

    body#product .highlight-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 1.5rem;
    }

    body#product .highlight-card {
        display: flex;
        gap: 1rem;
        padding: 1.25rem;
        background: #f9fafb;
        border-radius: 12px;
        transition: all 0.3s ease;
    }

    body#product .highlight-card:hover {
        background: #f3f4f6;
        transform: translateY(-2px);
    }

    body#product .highlight-icon-wrapper {
        width: 48px;
        height: 48px;
        background: var(--tinyshop-verylightgreen, #e6f7f7);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    body#product .highlight-icon-wrapper svg {
        width: 24px;
        height: 24px;
        color: var(--tinyshop-green, #008080);
    }

    body#product .highlight-title {
        font-size: 1rem;
        font-weight: 600;
        color: #1f2937;
        margin: 0 0 0.25rem 0;
    }

    body#product .highlight-description {
        font-size: 0.9375rem;
        color: #6b7280;
        margin: 0;
    }

    @media (max-width: 768px) {
        body#product .highlight-grid {
            grid-template-columns: 1fr;
        }
    }
    body#product .customization-list {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    body#product .customization-option {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.75rem;
        background: #f9fafb;
        border-radius: 8px;
    }

    body#product .customization-option svg {
        width: 18px;
        height: 18px;
        color: var(--tinyshop-green, #008080);
        flex-shrink: 0;
    }

    body#product .customization-option span {
        font-size: 0.9375rem;
        color: #374151;
    }

    /* Lead time and order info */
    body#product .lead-time-info,
    body#product .minimum-order-info {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.75rem;
    }

    body#product .lead-time-info:last-child,
    body#product .minimum-order-info:last-child {
        margin-bottom: 0;
    }

    body#product .lead-time-info svg,
    body#product .minimum-order-info svg {
        width: 18px;
        height: 18px;
        color: #6b7280;
        flex-shrink: 0;
    }

    /*endregion*/
    /*region Surface selection*/
    #surface-selection
    {
        padding: 2rem 0;
        border-bottom: 1px solid var(--color-gray-100);
    }
    #surface-selection h2
    {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--color-neutral-850);
        margin-bottom: 0.5rem;
    }

    #surface-selection .spaces-subtitle
    {
        color: var(--color-gray-600);
        margin-bottom: 2rem;
        font-size: 1rem;
    }
    @media (max-width: 768px)
    {
        #surface-selection .spaces-grid
        {
            grid-template-columns: 1fr;
        }
    }
    #surface-selection .spaces-grid
    {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(345px, 1fr));
        gap: 2rem;
    }

    #surface-selection .space-card
    {
        background: white;
        border: 1px solid #d5d5d5;
        border-radius: 1rem;
        overflow: hidden;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        display: flex;
        flex-direction: column;
    }

    #surface-selection .space-card:hover
    {
        border-color: var(--tinyshop-green);
        box-shadow: 0 4px 20px rgba(0, 128, 128, 0.08);
    }

    #surface-selection .space-card.selected
    {
        border-color: var(--tinyshop-green);
        box-shadow: 0 0 0 2px var(--tinyshop-green), 0 4px 20px rgba(0, 128, 128, 0.08);
    }
    #surface-selection .space-card.selected:hover
    {
        border-color: var(--tinyshop-green);
        box-shadow: 0 0 0 2px var(--tinyshop-green), 0 4px 20px rgba(0, 128, 128, 0.08);
    }

    #surface-selection .space-badge
    {
        position: absolute;
        top: 1rem;
        left: 1rem;
        background: linear-gradient(135deg, var(--tinyshop-green), var(--tinyshop-lightgreen));
        color: white;
        padding: 0.5rem 1rem;
        border-radius: 1rem;
        font-size: 0.75rem;
        font-weight: 600;
        z-index: 10;
    }

    #surface-selection .space-badge.popular
    {
        background: linear-gradient(135deg, #f59e0b, #d97706);
    }

    #surface-selection .space-badge.premium
    {
        background: linear-gradient(135deg, #8b5cf6, #7c3aed);
    }

    /* Carousel with clickable images */
    #surface-selection .space-carousel
    {
        position: relative;
        width: 100%;
        height: 200px;
        border-radius: 0.75rem 0.75rem 0 0;
        overflow: hidden;
        flex-shrink: 0;
    }

    #surface-selection .carousel-container
    {
        position: relative;
        height: 100%;
        width: 100%;
    }

    #surface-selection .carousel-track
    {
        display: flex;
        height: 100%;
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    #surface-selection .carousel-slide
    {
        min-width: 100%;
        height: 100%;
        position: relative;
        cursor: pointer;
    }

    #surface-selection .carousel-slide img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    #surface-selection .carousel-slide:hover img
    {
        transform: scale(1.05);
    }

    #surface-selection .carousel-nav
    {
        position: absolute;
        top: 50%;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 0.75rem;
        transform: translateY(-50%);
        z-index: 5;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    #surface-selection .space-carousel:hover .carousel-nav
    {
        opacity: 1;
    }

    #surface-selection .carousel-btn
    {
        background: rgba(255, 255, 255, 0.9);
        border: none;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    }

    #surface-selection .carousel-btn:hover
    {
        background: white;
        transform: scale(1.1);
    }

    #surface-selection .carousel-btn i
    {
        width: 1rem;
        height: 1rem;
        color: var(--tinyshop-green);
    }

    #surface-selection .carousel-dots
    {
        position: absolute;
        bottom: 0.75rem;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 0.375rem;
        z-index: 5;
    }

    #surface-selection .carousel-dot
    {
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.6);
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    #surface-selection .carousel-dot.active
    {
        background: white;
        transform: scale(1.2);
    }

    #surface-selection .image-counter
    {
        position: absolute;
        top: 0.75rem;
        right: 0.75rem;
        background: rgba(0, 0, 0, 0.7);
        color: white;
        padding: 0.25rem 0.75rem;
        border-radius: 1rem;
        font-size: 0.75rem;
        font-weight: 500;
        z-index: 5;
    }

    #surface-selection .space-content
    {
        padding: 1.5rem;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    #surface-selection .space-header
    {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1rem;
    }

    #surface-selection .space-info h3
    {
        font-size: 1.25rem;
        font-weight: 600;
        color: var(--color-neutral-850);
        margin-bottom: 0.25rem;
    }

    #surface-selection .space-price
    {
        text-align: right;
        flex-shrink: 0;
    }

    #surface-selection .space-price .amount
    {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--tinyshop-green);
    }

    #surface-selection .space-price .period
    {
        color: var(--color-gray-600);
        font-size: 0.875rem;
    }

    #surface-selection .space-description
    {
        color: var(--color-gray-700);
        line-height: 1.6;
        font-size: 0.95rem;
        margin-bottom: 1rem;
    }

    #surface-selection .space-attributes
    {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        margin-bottom: 1rem;
    }

    #surface-selection .attribute
    {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        color: var(--color-gray-600);
    }

    #surface-selection .attribute i
    {
        width: 1rem;
        height: 1rem;
        color: var(--tinyshop-green);
    }

    #surface-selection .space-features
    {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-top: auto;
    }

    #surface-selection .feature-tag
    {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        background: var(--tinyshop-verylightgreen);
        color: var(--tinyshop-green);
        padding: 0.25rem 0.75rem;
        border-radius: 1rem;
        font-size: 0.75rem;
        font-weight: 500;
    }

    #surface-selection .space-footer
    {
        padding: 1.25rem 1.5rem;
        background: #f9fafb;
        border-top: 1px solid var(--color-gray-200);
    }

    #surface-selection .select-btn
    {
        width: 100%;
        background: var(--tinyshop-green);
        color: white;
        border: none;
        padding: 0.875rem 1.5rem;
        border-radius: 0.75rem;
        font-weight: 600;
        font-size: 0.95rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    #surface-selection .select-btn:hover
    {
        background: var(--tinyshop-lightgreen);
        transform: translateY(-1px);
        box-shadow: 0 8px 20px rgba(0, 128, 128, 0.25);
    }

    #surface-selection .select-btn.selected
    {
        background: #10b981;
    }

    #surface-selection .select-btn i
    {
        width: 1.125rem;
        height: 1.125rem;
    }

    /*endregion*/
    /*region Amenities list */
    #product .amenities h2 {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
        width: 100%;
    }
    #product .amenities-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    #product .amenity-card {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0.75rem;
        border-radius: 1rem;
        transition: background-color 0.4s;
    }
    #product .amenity-card:hover {
        background-color: var(--tinyshop-verylightgreen);
    }
    #product .amenity-title
    {
        margin-bottom: 0.4rem;
    }
    #product .amenity-description
    {
        line-height: 1rem;
        font-size: 0.9rem;
        opacity: 0.8;
    }
    #product .amenity-icon {
        width: 3.2rem;
        height: 3.2rem;
        padding: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--tinyshop-verylightgreen);
        border-radius: 0.5rem;
        color: var(--tinyshop-green);
        stroke-width: 1.5;
    }
    /*endregion*/
    /*region Booking right panel */
    #booking-right-card .price-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.5rem;
    }
    #booking-right-card .amount {
        font-size: 1.5rem;
        font-weight: 700;
    }
    #booking-right-card .unit {
        opacity: 0.8;
    }
    #booking-right-card .rental-duration {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        opacity: 0.8;
        font-size: 0.875rem;
        margin-bottom: 1.5rem;
    }
    #booking-right-card .selected-surface-info
    {
        margin: 1rem 0;
        padding: 1rem;
        background: linear-gradient(135deg, var(--tinyshop-verylightgreen), #f0fdfa);
        border: 1px solid var(--tinyshop-green);
        border-radius: 0.75rem;
    }

    #booking-right-card .selected-surface-info .surface-label
    {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.25rem;
    }

    #booking-right-card .selected-surface-info .surface-label i
    {
        width: 1rem;
        height: 1rem;
        color: var(--tinyshop-green);
    }

    #booking-right-card .selected-surface-info .surface-label-text
    {
        font-weight: 600;
        color: var(--tinyshop-green);
        font-size: 0.875rem;
    }

    #booking-right-card .selected-surface-info .surface-name
    {
        font-size: 1rem;
        font-weight: 600;
        color: var(--color-neutral-850);
    }
    #booking-right-card .booking-actions {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-bottom: 1rem;
    }
    #booking-right-card .button-product {
        text-align: center;
        font-size: 1rem;
        border-radius: 0.7rem;
        padding: 0.8rem;
        font-weight: 500;
        transition: background-color 0.2s;
    }
    #booking-right-card .button-product:hover {
        background-color: var(--tinyshop-lightgreen);
        box-shadow: none!important;
        border-color: var(--tinyshop-lightgreen);
    }
    #booking-right-card .button-outline {
        color: var(--tinyshop-green) !important;
        border-color: var(--tinyshop-green);
    }
    #booking-right-card .button-outline:hover {
        background-color: var(--tinyshop-verylightgreen);
    }
    #booking-right-card .button-product {
        transform: none!important;
    }
    #booking-right-card .booking-note {
        text-align: center;
        opacity: 0.7;
        margin-bottom: 1.5rem;
    }
    #booking-right-card .booking-actions .input-group-addon
    {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    #booking-right-card .booking-actions .booking-date-from-col
    {
        padding-right: 0.3rem;
    }
    #booking-right-card .booking-actions .booking-date-to-col
    {
        padding-left: 0.3rem;
    }
    #booking-right-card .special-offers {
    }
    #booking-right-card .special-offers h3 {
        text-align: left;
        font-weight: 500;
        margin-bottom: 1rem;
    }
    #booking-right-card .offers-list {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
    #booking-right-card .offer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem;
        border-radius: 0.5rem;
        transition: background-color 0.2s;
    }
    #booking-right-card .offer:hover {
        background-color: var(--color-teal-light);
    }
    #booking-right-card .discount {
        color: var(--color-teal);
        font-weight: 500;
    }
    /*endregion*/
    /*region Product - Other*/
    body#product .mp_shop_seller_detail,
    body#product .social-sharing,
    body#product .product-comments-additional-info
    {
        display: none;
    }
    body#product .product-container h1
    {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }
    body#product .product-container h2
    {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

    body#product #pictures-main-container #content
    {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    body#product .product-flags
    {
        top: 10px;
        left: 15px;
    }
    body#product .product-description
    {
        text-align: justify;
    }
    body#product #product-map,
    body#product .tabs,
    body#product .mp_shop_seller_detail,
    body#product .product-comment-list-item
    {
        background-color: white;
        border-radius: 10px;
        box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);
    }
    body#product #product-comments-list-footer
    {
        margin-bottom: 20px;
    }
    .product-information
    {
        color: var(--main-text-color);
    }
    .product-discounts
    {
        margin-bottom: 0;
    }
    .table-product-discounts
    {
        margin-bottom: 1.5rem;
    }
    body#product .product-container .nav-tabs .nav-link
    {
        padding: .5em 0.8em
    }
    .ui-datepicker-header {
        background: none;
        border: none;
    }
    .ui-datepicker-year {
        font-size: 16px;
        font-weight: 400;
        color: #404040;
    }
    .ui-datepicker-month {
        color: #404040;
        font-size: 15px;
        font-weight: 400;
    }
    .ui-datepicker-calendar thead th {
        font-size: 13px;
        font-weight: 400 !important;
    }
    .ui-datepicker-unselectable {
        font-size: 13px;
        font-weight: 400 !important;
    }
    .redSlotBooked {
        background-color: red;
    }
    .ui-datepicker-calendar .ui-state-default {
        text-align: center !important;
        color: #404040 !important;
        font-size: 13px;
        font-weight: 400 !important;
        border: none !important;
        background: none !important;
    }
    .ui-datepicker-header .ui-icon-circle-triangle-w {
        border: none !important;
        background-position: -97px 1px;
    }
    .ui-datepicker-header .ui-icon-circle-triangle-e {
        border: none !important;
        background-position: -33px 1px;
    }
    .ui-datepicker-calendar .ui-state-highlight {
        background-color: #2fb5d2 !important;
    }
    #ui-datepicker-div {
        z-index: 111111 !important;
    }
    .selectedCheckedDate {
        border: 1px solid #007ab7!important;
    }
    /***************/
    .hidden {
        display: none;
    }
    #product-details .product-quantities {
        /* display: none;*/
    }
    .product-add-to-cart {
        /* display: none;*/
    }
    .product-prices {
        /*   display: none;*/
    }
    .ts-booking-container .form-control {
        background: #ffffff !important;
        border: 1px solid #ccc !important;
        color: #999 !important;
        font-size: 14px !important;
        height: 42px;
    }
    .ts-booking-container select.form-control:not([size]):not([multiple]) {
        height: 36px !important;
        padding: 5px 8px !important;
    }
    .ts-booking-container .menutitle {
        font-weight: 600;
        color: #333;
    }
    .ts-booking-container .list_content li span a {
        color: #333;
    }
    .ts-booking-container .menu_item ul li {
        background: #fbfbfb;
        text-transform: uppercase !important;
        font-size: 12px !important;
        font-weight: 600;
    }
    .ts-booking-container .menu_item ul li:hover {
        background: #2fb5d2 !important;
    }
    .ts-booking-container .menu_item ul li:hover a {
        color: #fff !important;
    }
    .ts-booking-container .menu_active {
        background: #2fb5d2 !important;
    }
    .ts-booking-container .menu_active a {
        color: #fff !important;
    }
    .ts-booking-container .input-group {
        /* display: table; */
    }
    .ts-booking-container .input-group-addon {
        width: auto;
    }
    .quickview .ts-booking-container {
        margin-right: 0;
    }
    .ts-booking-container {
        background-color: #fff;
        box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
        border: 1px solid #d5d5d5;
        padding: 1.25rem 1.25rem 0.5rem;
    }
    .booking_total_price_text {
        color: #414141;
    }
    .booking_total_price {
        color: #ff704d;
        font-weight: 700;
        white-space: nowrap;
        font-size: 17px;
    }
    .time_slot_price {
        color: #2fb5d2;
        font-weight: 800;
    }
    .booked_slot_text {
        font-size: 14px;
        color: red;
        padding: 15px;
    }
    .booking_product_errors {
        display: none;
        padding: 5px 15px;
    }
    #bookings_in_select_range td,
    #bookings_in_select_range th {
        padding: 6px;
    }
    #bookings_in_select_range {
        font-size: 13px;
    }
    #bookings_in_select_range label {
        font-size: 13px;
        text-align: left;
    }
    .ts-booking-container .booking_loading_img {
        display: none;
    }
    .ts-booking-container #booking_date_from, .ts-booking-container #booking_date_to, .ts-booking-container #booking_time_slot_date {
        cursor: text;
    }
    .comments-nb i
    {
        color: var(--tinyshop-green);
    }
    .btn-comment,
    .btn-comment-inverse
    {
        box-shadow: none;
        height: 100%;
        padding: 0.7rem 1.3rem;
        font-size: 1rem;
        border-radius: 0.7rem;
        border: 2px solid var(--tinyshop-green);
        transition-duration: .2s;
        transition-timing-function: ease-in-out;
    }
    .btn-comment-inverse
    {
        background-color: transparent;
        color: var(--tinyshop-green);
    }
    .btn-comment:hover,
    .btn-comment-inverse:hover
    {
        box-shadow: none;
        transform: none;
        background-color: var(--tinyshop-lightgreen);
        border: 2px solid var(--tinyshop-green);
    }
    .product-comment-modal input,
    .product-comment-modal textarea
    {
        border-radius: 0.3rem;
    }
    .ets_market_products .ets_marketpllce_product_list_wrapper .slick-list
    {
        padding-bottom: 25px;
    }

    /*endregion*/
/*endregion/