/* Add custom CSS styles below */ 
:root {
    --font-main: 'PingARLT';
    --color-primary: #ecbd6b;
    --color-primary-dark: #c69745;
    --color-primary-light: #ffe391;
    --color-primary-reverse: #6d3e00;
    --border-radius: 24px;
    --border-radius-upto-5: 5px;
    --color-mainnav-bg: #ffffff;
    --color-mainnav-color: #031f3d;
    --color-mainnav-color-in-bg-transparent: #031f3d;
    --color-promotion-bg: #f55157;
    --color-promotion-text: #ffffff;
    --color-sale-price-color: #f55157;
    --color-normal-price-color: #666666;
    --color-section-border: #ffffff;
    --color-more-btn-bg: #f9fafb;
    --color-more-btn-color: #4b5563;
    --color-more-btn-border-color: #f3f4f6;
    --color-more-btn-hover-bg: #111827;
    --color-more-btn-hover-color: #ffffff;
    --productcard-border-width: 0;
    --productcard-padding: 10px;
    --color-addtocart-bg: #f9fafb;
    --color-addtocart-color: #1e293b;
    --color-addtocart-hover-bg: #111827;
    --color-addtocart-hover-color: #ffffff;
    --color-addtocart-border-color: #e5e7eb;
    --productcard-title-fontsize: 16px;
    --productcard-price-fontsize: 18px;
    --card-title-line-clamp-count: 2;
    --menu-images-item-height: 100px;
    --color-body-background: #ffffff;
    --main-text-color: var(--main-text-color);
    --color-section-border: #f3f4f6;
    --color-section-background: #f8f8f8;
    --store-bg-image: url((index));
}

.scroll-down {
    position: absolute;
    bottom: 2.5rem;
    left: 50%;
    z-index: 2;
    height: 60px;
    width: 75px;
    --tw-translate-x: -50%;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    cursor: pointer;
    text-align: center;
    opacity: 0.6;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    display: none;
}

span.number {
    color: white;
}

button.btn--main, .btn--add-to-cart button {
    border-color: #ecbd6b;
    background-color: var(--color-addtocart-bg);
    color: #ecbd6b;
}

.normal-price {
    font-size: var(--productcard-price-fontsize);
    color: green;
}

.bg-\[\#F8F8F8\] {
    background-color: #ecbd6b;
}

.text-gray-800 {
    color: rgb(255 255 255);
}

.text-base {
    color: #6d3e00;
}