.elementor-30765 .elementor-element.elementor-element-6ed5da4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-30765 .elementor-element.elementor-element-d20eecb{text-align:center;}.elementor-30765 .elementor-element.elementor-element-d20eecb .elementor-heading-title{font-size:60px;color:#675731;}.elementor-30765 .elementor-element.elementor-element-f2725b2{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-30765 .elementor-element.elementor-element-f2725b2.elementor-element{--align-self:center;}.elementor-30765 .elementor-element.elementor-element-f2725b2 > *{max-width:100%;}.elementor-30765 .elementor-element.elementor-element-8552f6e{text-align:center;}.elementor-30765 .elementor-element.elementor-element-8552f6e .elementor-heading-title{font-size:30px;color:#675731;}.elementor-30765 .elementor-element.elementor-element-6be8b21{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-30765 .elementor-element.elementor-element-6be8b21.elementor-element{--align-self:center;}.elementor-30765 .elementor-element.elementor-element-6be8b21 > *{max-width:100%;}.elementor-30765 .elementor-element.elementor-element-79197d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-30765 .elementor-element.elementor-element-e9f48de{text-align:center;}.elementor-30765 .elementor-element.elementor-element-e9f48de .elementor-heading-title{font-size:30px;color:#675731;}@media(max-width:768px){.elementor-30765 .elementor-element.elementor-element-6ed5da4{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-30765 .elementor-element.elementor-element-d20eecb .elementor-heading-title{font-size:28px;}.elementor-30765 .elementor-element.elementor-element-f2725b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;font-size:14px;}.elementor-30765 .elementor-element.elementor-element-8552f6e .elementor-heading-title{font-size:20px;}.elementor-30765 .elementor-element.elementor-element-6be8b21{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;font-size:14px;}.elementor-30765 .elementor-element.elementor-element-79197d3{--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-30765 .elementor-element.elementor-element-e9f48de .elementor-heading-title{font-size:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-bea3694 *//* Container */
.excel-box {
    max-height: 420px;
    overflow: auto;
    background: #f8f5f0;
    border-radius: 16px;
    border: 1px solid #e4dccf;
    box-shadow: 0 18px 40px rgba(0,0,0,0.06);
}
.woocommerce-Price-amount{
    color: #BB9D6B !important;
}

/* Scrollbars */
.excel-box::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
.excel-box::-webkit-scrollbar-thumb {
    background: #c8b9a6;
    border-radius: 10px;
}
.excel-box::-webkit-scrollbar-track {
    background: #efe9df;
}

/* Table */
.excel-table {
    width: 100%;
    min-width: 720px;
    border-collapse: separate;
    border-spacing: 0;
    font-family: 'Tajawal', sans-serif;
    direction: ltr;
}

/* Header */
.excel-table th {
    position: sticky;
    top: 0;
    background: linear-gradient(180deg, #e9e1d4, #dcd2c3);
    color: #3e3a33;
    padding: 14px 18px;
    font-size: 14px;
    font-weight: 600;
    text-align: center; /* CENTER by default */
    border-bottom: 1px solid #d2c7b5;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

/* Name header only */
.excel-table th.col-name {
    text-align: left;
}

/* Active header */
.excel-table th.active {
    background: linear-gradient(180deg, #ddd2c1, #cfc3b0);
}

/* Cells */
.excel-table td {
    padding: 13px 18px;
    font-size: 14px;
    color: #4a453c;
    text-align: center; /* CENTER by default */
    border-bottom: 1px solid #eee7dd;
    background: #fff;
    transition: background 0.25s ease;
    white-space: nowrap;
}

/* Name column only */
.excel-table td.col-name {
    text-align: left;
    color: #3f3a32;
}

/* Hover */
.excel-table tbody tr:hover td {
    background: #f3efe7;
}

/* Column widths */
.col-code {
    width: 90px;
    max-width: 90px;
    font-weight: 600;
    color: #6b6256;
}

.col-name {
    width: 45%;
}

.col-qty {
    width: 120px;
}

.col-price {
    width: 120px;
}

/* Price color (Darker Beige) */
.price-beige {
    color: #6f5f4b;
    font-weight: 600;
}

/* Sort icons */
.sort-icons {
    font-size: 12px;
    margin-left: 6px;
    color: #7a6f60;
    transition: 0.25s ease;
}

.excel-table th:hover .sort-icons {
    color: #3e3a33;
}

/* Mobile */
@media (max-width: 768px) {
    .excel-box {
        max-height: 320px;
    }

    .excel-table {
        min-width: 780px;
    }

    .excel-table th,
    .excel-table td {
        font-size: 13px;
        padding: 11px 14px;
    }
}




/* Search wrapper centered */
.excel-search-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 18px;
    text-align: center;
}

/* Search input */
#excelSearch {
    width: 100%;
    max-width: 360px;
    padding: 12px 18px;
    border-radius: 14px;
    border: 1px solid #d8cdbc;
    background: #fff;
    font-size: 14px;
    color: #3e3a33;
    outline: none;
    transition: 0.3s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

#excelSearch::placeholder {
    color: #9b8f7c;
}

#excelSearch:focus {
    border-color: #b8a890;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Products count */
.excel-products-count {
    margin-top: 8px;
    font-size: 13px;
    color: #6f5f4b;
}

.excel-products-count span {
    font-weight: 600;
    color: #3e3a33;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a751ac0 */.excel-box {
    margin-bottom: 0 !important;
}

.excel-table {
    margin-bottom: 0 !important;
}/* End custom CSS */