#lp_coupon_code {
   
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 0px!important;
    width: 100%;
    background: #ccc;
    color: #000;
    font-size: 16px;
    font-weight: 600;

}
a.woocommerce-remove-coupon {
    color: black;
    font-weight: 700;
}
/* === Coupon Section === */
.lp-checkout-coupon-wrapper {
  margin-top: 25px;
  padding: 20px;
}

.lp-checkout-coupon-wrapper h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}

/* Input + Button alignment */
.lp-checkout-coupon-wrapper .checkout_coupon {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 5px;
}

.lp-checkout-coupon-wrapper .checkout_coupon input.input-text {
  flex: 1 1 auto;
  padding: 10px 14px;
  font-size: 15px;
  border-radius: 6px;
  transition: border-color 0.2s ease;
}

.lp-checkout-coupon-wrapper .checkout_coupon input.input-text:focus {
  border-color: #6c6f70; /* your dark gray */
  outline: none;
}

/* Apply coupon button */
.lp-checkout-coupon-wrapper .checkout_coupon button.button {
  background-color: #bdd634; /* your brand green */
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.lp-checkout-coupon-wrapper .checkout_coupon button.button:hover {
  background-color: #a8be2f; /* slightly darker hover */
}

/* Success / error message tweaks */
.lp-checkout-coupon-wrapper .woocommerce-message,
.lp-checkout-coupon-wrapper .woocommerce-error {
  margin-top: 10px;
  font-size: 14px;
}





/* Kill any known/unknown loaders inside this specific carousel */


.frontpage-slider [class*="preloader"],
.frontpage-slider [class*="loader"],
.frontpage-slider [class*="spinner"],
.frontpage-slider .swiper-lazy-preloader,
.frontpage-slider .swiper-lazy-preloader-white,
.frontpage-slider .elementor-swiper-button-loading,
.frontpage-slider .elementor-loading,
.frontpage-slider .e-con-loader,
.frontpage-slider .e-loader,
.frontpage-slider .lazyload-spinner,
.frontpage-slider .litespeed-lazyload-spinner {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Some themes/plugins put loader as ::before/::after on wrappers */
.frontpage-slider,
.frontpage-slider * {
    /* only touch pseudo-elements visually */
}
.frontpage-slider::before,
.frontpage-slider::after,
.frontpage-slider .swiper-container::before,
.frontpage-slider .swiper-container::after {
    content: "" !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


p.quote-text {

    margin-bottom: 0.3em;

}

a#hfe-menu-cart__toggle_button:hover {

    color: white!important;

}



@media (max-width: 768px) {

  .material_product .table-row.body_content {

    display: block; /* stack columns */

  }



  .material_product .col {

    display: block;

    padding: 10px;

    border-bottom: 1px solid #eee;

    position: relative;

  }



  .material_product .col::before {

    content: attr(data-label) ": ";

    font-weight: 600;

    color: #555;

    display: block;

    margin-bottom: 4px;

  }

}



.footer-links {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  gap: 40px;

  flex-wrap: wrap;

  margin-bottom: 30px;

}



.footer-col {

  flex: 1 1 200px;

}



.footer-col h4 {

  font-size: 18px; /* bigger headings */

  margin-bottom: 14px;

  font-weight: 600;

  color: #BDD634;

}



.footer-col ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.footer-col ul li {

  margin-bottom: 10px;

}



.footer-col ul li a {

  font-size: 16px; /* bigger links */

  color: #6C6F70;

  text-decoration: none;

  transition: color 0.3s;

}



.footer-col ul li a:hover {

  color: #BDD634;

}



/* Social icons */

.social-icons a {

  display: inline-block;

  margin-right: 12px;

  font-size: 20px; /* bigger icons */

  color: #6C6F70;

  transition: color 0.3s;

}



.social-icons a:hover {

  color: #BDD634;

}



/* Bottom bar */

.footer-bottom {

  text-align: center;

  padding: 15px 0;

  border-top: 1px solid #ddd;

  font-size: 14px;

  color: #6C6F70;

}



/* Responsive */

@media (max-width: 900px) {

  .footer-col {

    flex: 1 1 45%;

  }

}



@media (max-width: 600px) {

  .footer-col {

    flex: 1 1 100%;

  }

}

.price-match-footer {

    display: flex;

    justify-content: center;

    gap: 2em;

    align-items: center;

    background: #E9E9EC;

    padding: 15px 20px;

    border-radius: 8px;

    margin-top: 20px;

}

a.custom-price-match-footer {

    background: #BDD634;      /* your green */

    padding: 1em;

    font-size: 16px;          /* slightly bigger for readability */

    color: #6C6F70;           /* your gray */

    font-weight: 700;         /* bold but cleaner than 800 */

    text-decoration: none;    /* remove underline */

    border-radius: 0px;       /* soft corners */

    display: inline-block;    /* so padding applies nicely */

    transition: all 0.3s ease;

}

.price-match-footer p {

  margin: 0;

  font-size: 16px;

  color: #000;

}



.price-match-footer strong {

  font-weight: 700;

}



.price-match-footer img {

  max-height: 50px;

  margin-left: 20px;

}

button#helpSubmit:hover {

    background-color: #BDD634!important;

}

.woocommerce-error::before {

    display: none;

}

.register-buttons-custom {

    display: flex;

    gap: 0.5em;

    flex-direction: column;

}

button.woocommerce-Button.button {

    border-radius: 0!important;

}

#designTable td,

#designTable th {

  text-align: center;      /* horizontal centering */

  vertical-align: middle;  /* vertical centering */

}

button.woocommerce-Button.button {

    border-radius: 0!important;

}

.card-wrapper-account {

    margin-bottom: 0!important;

}

/* Target the menu item by its custom class */

li.price-match > a {

    color: #BDD634 !important; /* your green */

}



/* Optional: change hover color */

li.price-match > a:hover {

    color: #BDD634 !important; /* example hover color */

}

.wc-block-components-sidebar-layout .wc-block-components-main {

    width: 100%!important;

}

input#radio-control-0-custom_shipping {

    max-width: 0em;

}

button#prev-step-order {

    display: block;

}

.wc-block-components-radio-control__option-layout {

    width: 1em;

    margin-left: 1em;

}

.wizzard_button {

    display: flex;

    gap: 0.3em;

}

.designuploadfile {

    margin-top: 32px;

    height: 20em!important;

}





.saved  {

    margin-top: 0!important;

    height: 100%!important;

}

.available-qty-span {

    color: #BDD634; /* your green color */

    font-weight: bold; /* optional */

}

.available-qty-span.negative {

    color: red !important; /* override to red when negative */

}

.qty-confirm {

    color: gray;

    font-size: 1.2em;

    margin-left: 8px;

    opacity: 20.6;

    transition: opacity 0.2s;

    font-weight: 900;

    cursor: pointer;

}





.qty-confirm:hover {

    color: black;

}



.qty-confirm:hover {

    opacity: 1;

}



div#video-playback {

    cursor: pointer;

}

li .quote-text {

  display: inline-block;   /* so it sits nicely next to "Dimension:" */

  max-width: 250px;        /* adjust width as needed */

  white-space: nowrap;     /* force into a single line */

  overflow: hidden;        /* hide overflowing text */

  text-overflow: ellipsis; /* add the ... */

  vertical-align: middle;  /* align nicely with span */

}

.default-none-menu {

    display: none;

}



span.woocommerce-input-wrapper {

    width: 100%;

}



/* Full-screen SweetAlert for quantity input on mobile */

@media (max-width: 768px) {



    .swal2-container {

    display: flex !important;

    align-items: flex-start !important; /* push popup higher */

    padding-top: 20px !important;       /* spacing from top */

}

  .swal2-container.qty-fullscreen-container {

      align-items: flex-start !important; /* align to top */

      padding: 0 !important;

  }



  .qty-fullscreen-popup {

      width: 100% !important;

      max-width: 100% !important;

      height: 100vh !important;

      border-radius: 0 !important;

      padding: 20px;

      box-sizing: border-box;

      display: flex;

      flex-direction: column;

      justify-content: center;

  }



  .qty-fullscreen-popup input {

      font-size: 1.5em !important;

      width: 80% !important;

      text-align: center !important;

      margin: 0 auto !important;

  }



  .qty-fullscreen-popup .swal2-actions {

      justify-content: center !important;

  }

}

.swal2-popup.swal2-modal.qty-fullscreen-popup.swal2-show {

    display: flex!important;

    justify-content: flex-end!important;

}





div#openUploader {

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



/* Quotes Container */

.quotes-container {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

    gap: 20px;

    margin-top: 20px;

}

/* Make all SweetAlert2 confirm buttons black */

.swal2-popup .swal2-confirm {

    color: #000000 !important;  /* black text */              /* optional: remove border */

}

.quote-card {

    background-color: #edecef;

    border-radius: 0px;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    min-height: 420px;

    max-width: 30vh;

    min-width: 30vh;

    margin: auto;

    cursor: pointer;

}



/* Hover effect */

.quote-card:hover {

    transform: translateY(-5px);

}



/* Quote Image */

.quote-image img {

    width: 100%;

    height: 150px;

    object-fit: contain;

    display: block;

    margin-top: 1em;

}



/* Quote Details */

.quote-details {

    padding: 15px 20px;

    display: flex;

    flex-direction: column;

    gap: 6px;

    flex-grow: 1;

}



/* Each line single row, truncate if too long */

.quote-details ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.quote-details ul li {

    display: flex;

    justify-content: space-between;

    font-size: 14px;

    color: #333;

}



.quote-details ul li span {

    font-weight: 600;

    color: #6C6F70;

    margin-right: 0px;

}



.quote-details ul li .value {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 55%; /* adjust so label/value fit nicely */

    text-align: right;

}



/* Quote Actions stick to bottom */

.quote-actions {

    display: flex;

    justify-content: space-between;

    margin-top: auto;

}



.quote-actions .btn {

    padding: 8px 14px;

    border-radius: 0px;

    text-decoration: none;

    font-weight: 600;

    font-size: 13px;

    transition: background 0.3s ease;

}



.quote-actions .btn-open {

    background-color: #BDD634;

    color: #fff;

}



.quote-actions .btn-open:hover {

    background-color: #a9c02b;

    color: white;

    text-decoration: none;

}



.quote-actions .btn-remove {

    background-color: red;

    color: white;

}



.quote-actions .btn-remove:hover {

    background-color: red;

    color: white;

    text-decoration: none;

}



/* No Quotes Message */

.no-quotes {

    text-align: center;

    font-size: 16px;

    color: #6C6F70;

    margin-top: 30px;

}



/* Quotes Title */

.quotes-title {

    font-size: 24px;

    font-weight: 700;

    color: #333;

    margin-bottom: 15px;

}



/* Responsive */

@media (max-width: 768px) {

    .quote-details ul li {

        flex-direction: row;

    }



    .quote-actions {

        flex-direction: column;

        gap: 8px;

    }

}



/* =======================

   MODERN ORDERS WRAPPER

======================= */

.modern-orders-wrapper {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



/* =======================

   ORDER CARD

======================= */

.order-card {

    background: #f6f6f8;

    border-radius: 0px;

    padding: 20px;

    box-shadow: 0 4px 12px rgba(0,0,0,0.05);

    display: flex;

    flex-direction: column;

    gap: 10px;

    transition: transform 0.2s;

}



.order-card:hover {

    transform: translateY(-3px);

}



/* Header of the card */

.order-header {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    gap: 10px;

    font-weight: 500;

}



.order-number a {

    color: #BDD634;

    text-decoration: none;

    font-size: 1rem;

}



.order-number a:hover {

    text-decoration: underline;

}



.status-label {

    background-color: #BDD634;

    color: #fff;

    padding: 4px 12px;

    border-radius: 50px;

    font-size: 0.85rem;

    text-transform: uppercase;

    font-weight: bold;

}



/* Body of the card */

.order-body {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: center;

    gap: 10px;

    margin-top: 10px;

}



.order-total {

    font-weight: 600;

    font-size: 0.95rem;

}



.order-actions a.btn-order-action {

    background: #BDD634;

    color: #fff;

    padding: 8px 16px;

    border-radius: 8px;

    text-decoration: none;

    font-size: 0.95rem;

    transition: background 0.2s;

}



.order-actions a.btn-order-action:hover {

    background: #9abb2e;

}



/* Pagination */

.modern-pagination {

    display: flex;

    justify-content: flex-end;

    gap: 10px;

    margin-top: 15px;

}



.modern-pagination a.btn-page {

    padding: 8px 16px;

    background: #BDD634;

    color: #fff;

    border-radius: 8px;

    text-decoration: none;

    font-weight: 500;

}



.modern-pagination a.btn-page:hover {

    background: #9abb2e;

}



/* No orders message */

.no-orders-message {

    background: #f6f6f8;

    padding: 20px;

    border-radius: 12px;

    text-align: center;

    font-size: 1rem;

    color: #555;

}



/* =======================

   RESPONSIVE FOR MOBILE

======================= */

@media (max-width: 768px) {



    .order-header, .order-body {

        flex-direction: column;

        align-items: flex-start;

        gap: 8px;

    }



    .order-actions a.btn-order-action {

        width: 100%;

        text-align: center;

    }



    .modern-pagination {

        justify-content: center;

        flex-wrap: wrap;

    }



    .modern-pagination a.btn-page {

        width: 48%;

        margin-bottom: 8px;

        text-align: center;

    }



    .order-total {

        font-size: 1rem;

    }



    .status-label {

        font-size: 0.9rem;

        padding: 5px 10px;

    }



    .order-number a {

        font-size: 1rem;

    }

}

/* =======================

   MODERN ORDER VIEW

======================= */

.modern-order-view {

    display: flex;

    flex-direction: column;

    gap: 20px;

    padding: 10px;

}



/* Order summary card */

.order-summary-card {

    background: #f6f6f8;

    border-radius: 12px;

    padding: 20px;

    box-shadow: 0 4px 12px rgba(0,0,0,0.05);

    font-size: 1rem;

}



.order-summary mark {

    background-color: #BDD634;

    color: #fff;

    padding: 4px 8px;

    border-radius: 6px;

}



/* Notes card */

.order-notes-card {

    background: #f6f6f8;

    border-radius: 12px;

    padding: 20px;

    box-shadow: 0 4px 12px rgba(0,0,0,0.05);

}



.order-notes-card h2 {

    margin-bottom: 15px;

    font-weight: 600;

    color: #333;

}



/* Notes list */

.order-note {

    border-left: 4px solid #BDD634;

    padding: 10px 15px;

    margin-bottom: 15px;

    background: #fff;

    border-radius: 8px;

}



.note-meta {

    font-size: 0.85rem;

    color: #555;

    margin-bottom: 5px;

}



.note-content {

    font-size: 0.95rem;

    color: #333;

}



/* Responsive adjustments */

@media (max-width: 768px) {

    .order-summary-card, .order-notes-card {

        padding: 15px;

    }



    .order-summary mark {

        padding: 3px 6px;

        font-size: 0.9rem;

    }



    .order-note {

        padding: 8px 12px;

    }



    .note-meta {

        font-size: 0.8rem;

    }



    .note-content {

        font-size: 0.9rem;

    }

}





.subtitle {

    white-space: normal !important;

    display: block; /* ensure not flex for simple text */

}

.woocommerce-MyAccount-content {

    border: 0;

}

a.card-account {

    background: #BDD634;

    color: white;

}

.card__title-account {

  color: white!important;

  font-weight: 600;

}



div#payment {

    background: #f6f6f8!important;

    border: none;

}

.my-swal-title {

    margin-bottom: 1em;

}

.my-swal-confirm {

    color: black;

}



p#kl_newsletter_checkbox_field {

    display: none!important;

}

.wp-block-woocommerce-cart-totals-block {

    width: 100%;

}



.my-swal-confirm {

    color: black;

}



.cart-container {

    max-width: 1200px;

    margin: auto;

    padding: 60px;



}

#checkout-loader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255,255,255,0.8); /* semi-transparent overlay */

    z-index: 9999;

    display: flex;

    justify-content: center;

    align-items: center;

}



#checkout-loader {

    position: fixed; /* stays fixed on viewport */

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #fff; /* solid background, fully hides content */

    z-index: 1000;

    display: flex;

    justify-content: center;

    align-items: center;

}



#site-loader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: white;

  z-index: 9999;

  display: flex;

  align-items: center;

  justify-content: center;

}



#cart-loader {

  position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #fff; /* solid background, fully hides content */

    z-index: 1000;

    display: flex;

    justify-content: center;

    align-items: center;

}



.loader-spinner {

    border: 6px solid #f3f3f3;

    border-top: 6px solid #BDD634; /* brand color */

    border-radius: 50%;

    width: 50px;

    height: 50px;

    animation: spin 1s linear infinite;

}



@keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}



#alg_wc_eu_vat_details ul {

    list-style: none;   /* removes bullets */

    padding: 0;         /* removes default padding */

    margin: 0;          /* removes default margin */

    text-align: left;   /* aligns text to the left */

}



#alg_wc_eu_vat_details ul li {

    margin-bottom: 4px; /* optional spacing between lines */

    font-weight: 600; /* makes text bold */

}



.loader-spinner {

    border: 6px solid #f3f3f3; /* Light gray */

    border-top: 6px solid #BDD634; /* Your brand color */

    border-radius: 50%;

    width: 50px;

    height: 50px;

    animation: spin 1s linear infinite;

}



@keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}







#order_review {

    background-color: #edecef!important; /* match your custom wrapper background */

}



.checkout-review-wrapper-outer {

    display: flex;

    flex-direction: row;

    gap: 2em;

    background: #edecef;

    padding: 2em;

}

.shipping-details-checkout img {

    width: 100px;

    align-self: center;

}

p#shipping_company_field {

    display: none!important;

}

img.img-step-checkout {

    height: 50px;

    width: 50px;

}



.title-picture {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}

.horizontal-line-checkout hr {

  border: none;

  border-bottom: 2px solid black;

  margin: 10px 0;

  margin-bottom: 20px;

}



button#custom_place_order {

    color: black;

}



.shipping-details-checkout {

    width: 100%;

}

.checkout-review-wrapper {

    width: 100%;

}



.shipping-details-checkout {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.cart-item-popup {

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: #fff;

    padding: 20px;

    border: 1px solid #ccc;

    z-index: 9999;

    max-width: 400px;

    box-shadow: 0 5px 15px rgba(0,0,0,0.3);

    display: none;

}

p.cart-item-details-link {

    color: black!important;

    cursor: pointer;

    text-decoration: underline;

    font-weight: 700!important;

}

.cart-item-popup .close-popup {

    margin-top: 10px;

    cursor: pointer;

}

.col.description {

    align-items: baseline!important;

    min-height: 300px;

}

a.file-name-design {

    color: black;

    font-weight: 600;

}



span.woocommerce-Price-amount.amount span {

    margin-left: 0;

}



ul.totals-list li {

    text-align: left;

}

table.info-table {

    width: 90%;

    margin-left: 20px;

}

.product_wizzard_config {

	width: 100%;

	margin: auto;

	text-align: center;

	background: #f6f6f8;

	padding: 40px 80px;

	}

	.product_wizzard_config .steps {

    display: flex;

    margin: 20px 0;

    justify-content: center;

    align-items: center;

	 gap: 60px;

	}

	.product_wizzard_config .step {

    padding: 10px;

    margin: 0;

    font-weight: normal;

    display: flex;

    flex-direction: column;

    font-size: 16px;

    text-align: center;

  	position: relative;

	  align-items: center;

    justify-content: center;

  	width: 100px;

	}

	

	.steps li::after {

 content: "";

    position: absolute;

    top: 50%;

    bottom: 0;

    width: 50px;

    height: 1px;

    background-color: #000;

    transform: translateX(50%);

    right: -30px;

}



.steps li:last-child::after {

    display: none; /* Remove line from the last item */

}

	span.number-step {

    font-size: 60px;

    font-weight: 800;

    font-family: 'Archivo';

    line-height: 60px;

    color: #6c6f70;

    }

	.step.active span.number-step { 

	background: linear-gradient(110deg, #788A00 0%, #BECB2E 60%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

	}

	

	

	.product_wizzard_config .product {

	background: #dbdadf;

	padding: 0px;

	cursor: pointer;

	transition: 0.3s;

	position: relative;

	}

	.product_wizzard_config .product p{

     display :none;	

	}

	.product_wizzard_config .product img {

	    width: 100%;

        object-fit: scale-down;

	}

	.product_wizzard_config .product:hover p{

    display: block;

    position: absolute;

    background: #82A2BCB0;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 36px;

    color: #fff;

    outline: 6px solid #4D616D;

    outline-offset: 0px;	

	}

	.product_wizzard_config .selected p {

	  display: block;

    position: absolute;

    background: #828e00b0;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 36px;

    color: #fff;

    outline: 2px solid #fff;

    outline-offset: -30px;

	}

	

/* Then override it with higher specificity when selected */

.product_wizzard_config .product.selected:hover p,

.product_wizzard_config .product.selected p {

    display: block;

    position: absolute;

    background: #828e00b0;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 36px;

    color: #fff;

    outline: 2px solid #fff;

    outline-offset: -30px;

}







	.wizzard_head {

	display: flex;

	justify-content: space-between;

	padding: 20px 0px;

	 font-size: 18px;

    font-weight: 500;

	}





  .wizzard_head a, .wizzard_head p {

     color: #6c6f70;

     margin-block: 0;

  }

	a.exit_wizzard {

	  color: #6c6f70;

    font-size: 18px;

    font-weight: 500;

	}

	.btn_wizzard {

	background: #6c6f70;

	color: #fff;

	border: 0;

	border-radius: 10px;

	font-size: 18px;

	font-weight: 600;

	}

	.step-content { display: none; }

	.step-content.active { display: block; }





	.step_wizzard_div h1{

	  font-size: 50px;

    padding: 10px 0;

    font-weight: 600;

    line-height: 60px;	

    color: #6c6f70;

	}



	.step_wizzard_div p{

    font-size: 24px;

    font-weight: 500;	

    color: #6c6f70;

	}





	.step_wizzard_div span b{

	    background: #bdd634;

    padding: 5px 8px;

    color: #000;

	}

	form#multiStepForm {

    padding-bottom: 60px;

    padding-top: 20px;

}

.product-grid-main {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: 24px;

    justify-content: center;

    max-width: 1200px;

    margin: 60px auto 0;

}

.btn_wizzard:hover,.btn_wizzard:focus {

    color: #fff;

    background: #6c6f70;

    text-decoration: none;

}

.step_wizzard_div {

    padding-bottom: 20px;

}

div#material-product {

    display: grid;

    grid-template-columns: 150px repeat(3, 1fr);

    gap: 15px;

    width: 100%;

    border-collapse: collapse;

    margin: 60px 0;

    color: #000;

    font-size: 16px;

    box-sizing: border-box;

    overflow-x: auto;

    padding: 10px;

}



/* Wrap long text and prevent overflow */

div#material-product .col {

    word-break: break-word;

    overflow-wrap: anywhere;

    min-width: 100px;

    box-sizing: border-box;

}

.body_content{

	    border-top: 1px solid #ccc;

}

.body_content .col {

    justify-content: center;

    display: flex;

    border-bottom: 1px solid #ccc;

    padding: 15px 20px;

    align-items: center;

}

.col.sustainabitily {

    min-height: 60px;

}

.table-row.header {

    min-height: 380px;

}





.header h2 {

    font-size: 24px;

    margin: 0;

    padding: 0;

}

.material_product.selected {

    border: 5px solid #828e00b0;

}

.options-grid {

    justify-content: center;

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    gap: 18px;

}

.option-item.product-addon {

    background: #efeff1;

    padding: 10px;

    opacity: 0.6;

}

.option-item.product-addon.selected {

    opacity: 1;

}

.option-item.product-addon:hover {

  background-color: #82A2BCB0;

  cursor: pointer;

}

.product_addon_heading{

	    background: #e9e9ec;

    padding: 15px;

    margin: 50px 0;

}

.final-look-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 25px;

    justify-content: center;

    margin-top: 0;

}

.finallook-addon img{

   

    margin: 0;

    padding: 0;

}

.finallook-addon h3{



    padding: 15px;

    margin-top: -5px;

    font-size: 18px;

}



div#dimensions {

    width: 80%;

    margin: 0 auto;

}

.dimensions-main {

    padding: 20px;

    border-radius: 10px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    width: 100%;

    column-gap: 20px;

    justify-content: center;

}

    .size-item {

      background-color: #e2e0e5;

      color: #333;

      padding: 15px 20px;

      margin-bottom: 10px;

      border-radius: 5px;

      font-weight: 500;

      transition: background 0.3s ease;

    }

    .size-item.selected {

      background-color: #99c24d;

      color: #fff;

    }

    .size-item.selected:hover {

      background-color: #99c24d;

      color: #fff;

    }

	.image-area img {

      max-width: 100%;

      height: max-content;

    }



    .buttons {

      display: flex;

     justify-content: flex-end;

    margin-top: 10px;

      gap: 20px;

      flex-wrap: wrap;

	  grid-column: 2 / 2;

    }



    .btn {

      display: flex;

      align-items: center;

      gap: 8px;

      border: 1px solid #ccc;

      padding: 10px 20px;

      border-radius: 5px;

      cursor: pointer;

      transition: background 0.2s ease;

      text-decoration: none;

      color: #333;

    }



    .btn:hover {

      background-color: #eee;

    }

	.image-area {

		background: #dbdae0;

	}

		.btn img {

      width: 20px;

    }

	

	  .product-quantity-table  table {

      width: 100%;

      border-collapse: collapse;

      min-width: 600px;

    }



    .product-quantity-table table th {

      background-color: #c4d62d;

      color: #333;

      padding: 15px;

	      font-size: 18px;

    text-align: center;



    }



    .product-quantity-table table tr {

      background-color: #dfdee2;

      padding: 15px;

      color: #333;

    }



	   .product-quantity-table table tr td{

		      color: #333;

      text-align: center;

      padding: 15px;

	      font-size: 18px;

		  font-weight: 600;

		   

	   }



    .product-quantity-table  tr:nth-child(odd) {

      background-color: #f1f0f2;

    }

	 .product-quantity-table .discount {

          background-color: #a5c84a;

    color: #000;

    font-weight: bold;

    border-radius: 4px;

    display: inline-block;

    text-align: center;

    padding: 4px 10px;



    }



    .product-quantity-table .bold {

      font-weight: bold;

    }

	.product_qty_select.selected{

		 background-color: #99c24d !important;

      color: #fff;

      font-weight: bold;

	}

.product-container-cart {

      margin: 40px auto;

    }

    .top-section {

     display: flex;

    flex-wrap: wrap;

    }

    .left-info {

     flex: 1;

	background: #edecef;

	padding: 25px;

	text-align: left;

    }

    .left-info h2 {

      background: #c5e90b;

      display: inline-block;

      padding: 5px 10px;

      font-size: 18px;

      font-weight: bold;

    }

    .left-info ul {

      list-style: none;

      padding: 0;

      margin: 20px 0;

    }

    .left-info ul li {

    margin-bottom: 10px;

    border-bottom: 1px solid;

    text-align: left;

    padding: 8px 0px;

    font-size: 16px;

    }

    .left-info ul li span {

      font-weight: bold;

      display: inline-block;

      width: 150px;

    }

    .edit-link {

      color: #6fbe44;

      font-size: 14px;

      margin-top: 10px;

      display: inline-block;

      text-decoration: underline;

    text-align: left;

    padding: 8px 0px;

	cursor: pointer;

    }

    .right-image {

      flex: 1;

      position: relative;

	      background: #5f5f5f;

		      display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    }

    .right-image img {

      width: 100%;

      max-width: 300px;

    }

    .label {

      position: absolute;

      background: #000;

      color: #fff;

      font-size: 12px;

      padding: 2px 6px;

      border-radius: 3px;

    }

    .label.zip {

      top: 20%;

      left: 30%;

    }

    .label.notch {

       top: 15%;

      right: 30%;

    }



    .bottom-section {

      margin-top: 40px;

      display: flex;

      gap: 30px;

      flex-wrap: wrap;

      align-items: center;

	  margin-top: 40px;

    background: #edecef;

    }

    .pricing {

      flex: 2;

	      padding: 25px;

    }

    .pricing ul {

      list-style: none;

      padding: 0;

	  padding-bottom: 10px;

    border-bottom: 1px solid;

    }

    .pricing ul li {

      margin-bottom: 8px;

      font-size: 16px;

	  display: flex;

      justify-content: space-between;

    }

    .pricing ul li span {

      font-weight: bold;

      margin-left: 10px;

    }

    .shipping-details {

      flex: 2;

	  text-align: left;

	    padding: 25px;

		    position: relative;

    }

   .shipping-details h4 {

      margin: 0 0 10px 0;

      font-weight: bold;

    }



    .shipping-details p {

      font-size: 16px;

      color: #333;

      margin: 0;

    }



    .shipping-details hr {

      margin: 10px 0;

      border: 0;

      border-top: 1px solid #ccc;

    }



    .shipping-icon {

         width: auto;

    opacity: 1;

    top: -40px;

    position: absolute;

    right: 100px;



    }

    .cta {

      margin-top: 20px;

	      display: flex;

    align-items: center;

    justify-content: center;

    }

    .cta .summary_cart_design,.cta .upload_cart_design ,.cta .addtocart_design_main {

    background-color: #c5e90b;

    border: none;

    padding: 12px 25px;

    font-size: 16px;

    font-weight: bold;

    cursor: pointer;

    border-radius: 5px;

    width:auto;

    color: #000;

	  text-align: center;

    }

.material_product:hover {

    cursor: pointer;

}

#order_summary_wizzard {display: none;} 

ul.order_steps {

    margin: 20px 0;

    justify-content: center;

    align-items: center;

    gap: 60px;

	display: flex;



}

li.order_step {

    padding: 10px;

    margin: 0;

    font-weight: normal;

    display: flex;

    flex-direction: column;

    font-size: 16px;

    text-align: center;

    position: relative;

    align-items: center;

    justify-content: center;

    width: 50px; 

}

div.order_summary_container {

    width: 100%;

    margin: auto;

    text-align: center;

    background: #f6f6f8;

    padding: 40px 80px;

}

.order-content {

    display: none;

}

.order-content.active {

    display: block;

}

.order_step.active span.number-step {

    background: linear-gradient(110deg, #788A00 0%, #BECB2E 60%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.design_upload_summary {

      margin: 2rem auto;

      padding: 2rem;

    }

    .design_upload_summary .section-title {

      font-size: 1.8rem;

      font-weight: 600;

      margin-bottom: 0.5rem;

    }

    .design_upload_summary .subtitle {

      font-size: 1rem;

      color: #555;

      margin-bottom: 2rem;

    }

  .design_upload_summary .design-section {

    display: flex;

    gap: 0;

    flex-direction: row;

}

    .design_upload_summary .info-box {

      min-width: auto;

      background: #edecef;

      border-radius: 8px;

      text-align: left;

      width: 100%;

    }

    .design_upload_summary .info-box h3 {

      font-size: 22px;

      font-weight: bold;

      color: #222;

      background: #c5eb4f;

      display: inline-block;

      padding: 0.2rem 0.6rem;

      border-radius: 4px;

      margin-bottom: 1rem;

    }

    .design_upload_summary .info-table {

      border-collapse: collapse;

      font-size: 16px;

    }

	 .design_upload_summary .info-table tr{

	border-bottom: 1px solid;

	 }

    .design_upload_summary .info-table td {

      padding: 8px 0;

      vertical-align: top;

	  border: 0;

	  background: #edecef;

    }

    .design_upload_summary .info-table td:first-child {

      font-weight: 600;

      border: 0;

    }

    .design_upload_summary .edit-link {

      margin-top: 1rem;

      display: inline-block;

      font-size: 0.9rem;

      color: #0073e6;

      cursor: pointer;

      margin-left: 20px

    }

    .design_upload_summary .product-image {



    text-align: center;

    background: #5f5f5f;

	   width: 100%;

    }

   .design_upload_summary  .product-image img {

    max-width: 450px;

    height: auto;

    border-radius: 8px;

    object-fit: contain;

    }

  .design_upload_summary   .labels {

      position: relative;

      margin-top: 1rem;

    }

   .design_upload_summary .label {

      position: absolute;

      background: #000;

      color: #fff;

      font-size: 0.7rem;

      padding: 0.2rem 0.5rem;

      border-radius: 3px;

    }

    .design_upload_summary .zip-label {

      top: 10px;

      left: 30px;

    }

   .design_upload_summary .notch-label {

      top: 10px;

      right: 30px;

    }

	

.upload_section_design, .upload_section_design_summary .upload_design_main {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

}

.upload_design_file,.qoute_details {

    border: 1px solid #ccc;

    padding: 20px;

}

.upload_design_file h2,.qoute_details h2 {

font-size: 34px;

    margin-bottom: 0;

    font-weight: bold;

    text-align: left;

    line-height: 40px;

    width: 50%;

    }

    .upload_design_file p ,.qoute_details p {

         font-size: 20px;

    text-align: left;

    padding: 8px 0;

    font-weight: 600;

	width: 60%;

    }

    .upload_design_file .btn-group {

      margin-top: 15px;

	  border: 2px solid #ccc;

    display: flex;

    align-items: center;

    width: fit-content;

    padding: 10px;

    background-color: #f6f6f7;

	margin-bottom: 15px;

    }

	.upload_design {

    display: flex;

  align-content: center;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

	    margin-bottom: 15px;

}

    .upload_design_file .btn {

background: #f6f6f7;

    border: 0;

    padding: 8px 20px;

    font-size: 18px;

    cursor: pointer;

    margin-right: 10px;

    text-decoration: none;

    display: flex;

    align-items: center;

    justify-content: center;

    }

	.upload_design_file .btn:first-child{

		    border-right: 2px solid #ccc;

    border-radius: 0;

	}

	

	

	.design-btn {

  background: #333;

  color: #fff;

  padding: 10px 20px;

  border: none;

  cursor: pointer;

  border-radius: 5px;

}



/* Modal */

.modal {

  display: none;

  position: fixed;

  z-index: 9999;

  left: 0; top: 0;

  width: 100%; height: 100%;

  overflow: auto;

  background-color: rgba(0,0,0,0.6);

}



.modal-content {

  background-color: #fff;

  margin: 8% auto;

  padding: 30px;

  border: 1px solid #888;

  width: 90%;

  max-width: 600px;

  border-radius: 10px;

  position: relative;

}



.close {

  color: #aaa;

  position: absolute;

  top: 15px;

  right: 20px;

  font-size: 28px;

  font-weight: bold;

  cursor: pointer;

}



.dropzone {

  border: 2px dashed #bbb;

  padding: 30px;

  text-align: center;

  margin: 20px 0;

  background: #fafafa;

  border-radius: 8px;

}



.dropzone.dragover {

  background: #eef;

}



.design-fields {

  margin-top: 20px;

}



.design-fields .design-item {

  margin-bottom: 15px;

  border-bottom: 1px solid #ddd;

  padding-bottom: 10px;

}



.design-fields .design-item input[type="number"] {

  width: 80px;

  padding: 5px;

  margin-top: 5px;

}



.submit-btn {

  background-color: #4CAF50;

  color: white;

  padding: 10px 18px;

  border: none;

  border-radius: 5px;

  cursor: pointer;

}

#drop-zone {

    border: 2px dashed #999;

    padding: 20px;

    text-align: center;

    cursor: pointer;

    margin-bottom: 10px;

}

.dragover {

    background-color: #f0f0f0;

}

.file-block {

    margin: 5px 0;

    padding: 10px;

    background: #f9f9f9;

    border: 1px solid #ddd;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.file-block input {

    width: 70px;

    margin-left: 10px;

}

.remove-file {

    background: #e74c3c;

    color: #fff;

    border: none;

    padding: 0 10px;

    cursor: pointer;

}

.designuploadfile {

    background: url(/wp-content/uploads/2025/05/upload-1.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

	border: 1px solid #ccc;

    padding: 20px;

    height: 100%;

}

div#openUploader {



}



.designuploadfile {

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.save-button, .help-button {

    background-color: #949599;

    color: white;

    font-weight: 800;

}



.save-button:hover, .save-button:focus, .help-button:hover, .help-button:focus {

    background-color: #949599;

}



.quote-save {

    margin-bottom: 1em;

}



.myaccount_qoute_list {

    display: grid;

    grid-gap: 10px;

    grid-template-columns: 1fr 1fr 1fr;

    grid-template-rows: 1fr 1fr 1fr;

}

ul.qoute_list {

    list-style: none;

    padding: 0;

    color: #555;

    text-align: left;

}

ul.qoute_list li {

    padding: 8px 0;

}



a.upload_design_qoute.btn {

    display: inline-block;

    margin-top: 10px;

    padding: 10px 25px;

    border-radius: 8px;

    background: #bdd634;

    color: white;

    text-decoration: none;

    font-weight: bold;

}

.btn_list{text-align: center;}

.qoute_list_item {

    background: white;

    border-radius: 15px;

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

    padding: 10px;

    text-align: center;

    transition: transform 0.3s ease;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.order_summary_container_design {

	width: 100%;

	margin: auto;

	text-align: center;

	background: #f6f6f8;

	padding: 40px 80px;

	}

	

.delivary_info {

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 0px;

    padding: 15px 0;

}	

.delivary_info button#check-delivery-btn {

      background: none;

    color: #000;

    font-size: 16px;

    font-weight: 500;

    line-height: 20px;

    letter-spacing: 0;

    padding: 0 10px;

    text-transform: capitalize;

	    border: 0;

}	

span#estimated-date {

    font-size: 16px;

    font-weight: 500;

    line-height: 20px;

}

div#loginModal {

    width: 25%;

    padding: 25px;

}

a.remove_design_qoute {

    display: inline-block;

    margin-top: 10px;

    padding: 10px 25px;

    border-radius: 8px;

    background: #d9534f;

    color: white;

    text-decoration: none;

    font-weight: bold;

}

.col.description ul {

    text-align: left!important;

}



p.layers-info, p.protection-info {

    all: unset!important;

}

.col.layers {

    display: flex;

    flex-direction: column;

    gap: 1em;

}



.col.layers {

    height: 150px;

}



.col.protection {

  height: 100px;

}

.quote-save {

    display: flex;

    flex-direction: column;

}

.design-help {

    display: flex;

    flex-direction: column;

}



button#save-details-button {

    background: #6c6f70;

    color: white;

    min-width: 10em;

    max-width: 20em;

    border-radius: 10px;

    border: none;

}



button#help-button {

    background: #6c6f70;

    color: white;

    min-width: 30em;

    max-width: 40em;

    border-radius: 10px;

    border: none;

}



#authModal, #helpModal {

  display: none;

  position: fixed;

  top: 20%;

  left: 50%;

  transform: translateX(-50%);

  background: #fff;

  padding: 20px;

  z-index: 999;

  width: 320px;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);

  border-radius: 12px;

  font-family: 'Segoe UI', sans-serif;

  color: #333;

}



#authModal h3, #helpModal h3 {

  margin-bottom: 15px;

  color: #6c6f70;

  font-size: 20px;

  text-align: center;

}



#authModal input, #helpModal input {

  width: 100%;

  padding: 10px 12px;

  border: 1px solid #ccc;

  border-radius: 0px;

  outline: none;

  font-size: 14px;

  transition: border 0.2s ease;

}



#authModal input:focus, #helpModal input:focus {

  border-color: #6c6f70;

}



#authModal button, #helpModal button {

  background-color: #BDD634;

  color: #fff;

  border: none;

  padding: 10px 12px;

  border-radius: 0px;

  font-size: 14px;

  cursor: pointer;

  transition: background 0.3s ease;

}



#authModal button:hover, #helpModal button:hover {

  background-color: #5a5d5e;

}



#closeAuthModal, #closeHelpModal {

  float: right;

  background: none;

  border: none;

  font-size: 18px;

  color: #999;

  cursor: pointer;

}



#closeAuthModal:hover, #closeHelpModal:hover {

  color: #333;

}



#formToggle {

  margin-bottom: 20px;

  text-align: center;

}



#formToggle button {

  background-color: #c5e90b;

  color: #333;

  padding: 8px 16px;

  border: none;

  border-radius: 8px;

  margin: 0 5px;

  font-size: 14px;

  transition: all 0.3s ease;

}



#formToggle button:hover {

  background-color: #6c6f70;

  color: #fff;

}



#loginMessage,

#registerMessage {

  font-size: 14px;

  margin-top: 10px;

  text-align: center;

}





#closeAuthModal, #closeHelpModal {

  color: #6c6f70!important;

}



div#formToggle {

    display: flex;

}

a.remove_design_qoute.btn:hover {

    background: #d9534f;

    color: white;

}



.material_product:hover {

    background: #82A2BCB0;

    border: none;

}

.material_product.selected:hover {

    border: 5px solid #828e00b0;

    

}



.col.protection {

    display: flex;

    gap: 0.5em;

}



.option-item.product-addon.selected {

    opacity: 1;

    background-color: #828e00b0;

}



.option-item.finallook-addon {

    cursor: pointer;

}



.finallook-addon {

    background: #f1f0f2;

}



.finallook-addon:hover {

    background: #82A2BCB0;

}

.finallook-addon.selected:hover {

    background: #828e00b0;

}



.finallook-addon.selected {

    background: #828e00b0;

}

.size-item {

    cursor: pointer;

}

.size-item:hover {

    background: #82A2BCB0;

}

.product-quantity-table tr {

    cursor: pointer;

}

.designuploadfile {

    cursor: pointer;

}

.designuploadfile:hover {

    background: #82A2BCB0;

}

button.swal2-confirm.swal2-styled {

    background: #bdd634;

    border: none;

}

#uploadPopup {

    display: none;

    position: fixed;

    top: 10%;

    left: 50%;

    transform: translateX(-50%);

    background: #ffffff;

    padding: 30px 25px;

    border-radius: 16px;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);

    border: 1px solid #ddd;

    z-index: 1000;

    width: 90%;

    max-width: 400px;

    font-family: 'Segoe UI', Tahoma, sans-serif;

    color: #636f70;

}



#uploadPopup h3 {

    margin-top: 0;

    color: #636f70;

    font-size: 20px;

    text-align: center;

}



#designFiles {

    width: 100%;

    padding: 10px;

    border: 1px solid #ccc;

    border-radius: 10px;

    margin-top: 10px;

    font-size: 14px;

    color: #333;

}



#uploadPopup button {

    width: 48%;

    padding: 10px 0;

    margin-top: 20px;

    font-size: 14px;

    border: none;

    border-radius: 8px;

    cursor: pointer;

    transition: all 0.3s ease;

}



#uploadFiles {

    background-color: #bdd634;

    color: #ffffff;

    font-weight: bold;

    margin-right: 4%;

}



#uploadFiles:hover {

    background-color: #a7c02e;

}



#closePopup {

    background-color: #636f70;

    color: #ffffff;

}



#closePopup:hover {

    background-color: #4f5c5c;

}



.buttons-upload {

  display: flex;

  flex-direction: row;

}



.account-custom li::before {

    content: '\f007';

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    margin-right: 3px;

    color: #bdd634;

    display: inline-block;

}



th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number {

    background: hsla(0, 0%, 50.2%, .0705882353)!important;

}

#designTable input.designQty {

    color: #000;

    background: #fff;

    border: 1px solid #b6c328;

    width: 130px;

}

#order_checkout .woocommerce {

    max-width: 75%;

    margin: 30px auto;

    padding: 20px;

}

#order_checkout .woocommerce .col2-set .col-1 ,#order_checkout .woocommerce .col2-set .col-2 {

    float: none;

    width: 100%;

    text-align: left;

}

#order_checkout .woocommerce-billing-fields__field-wrapper ,#order_checkout .woocommerce-shipping-fields__field-wrapper{

	    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 15px;

}

#order_checkout .woocommerce-input-wrapper input.input-text{

	padding: 10px;

    border: 1px solid #ccc;

    border-radius: 0px;

    width: 100%;

    background: #ccc;

    color: #000;

    font-size: 16px;

    font-weight: 600;

}

#order_checkout .form-row  label {

       font-size: 16px;

    color: #000;

    font-weight: 500;

}



#order_checkout #ship-to-different-address {

    font-size: 18px;

}

#order_checkout .woocommerce table.shop_table th{

   background-color: #cccccc;

    color: #000;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 16px;

    letter-spacing: 0;

}

#order_checkout .woocommerce table.shop_table th, #order_checkout .woocommerce table.shop_table td {

    padding: 15px;

    text-align: left;

    vertical-align: middle;

}

#order_checkout #payment {

    text-align: left;

    padding: 20px;

}

#order_checkout button#place_order {

       background: #bdd634;

    font-size: 18px;

    font-weight: 600;

    padding: 15px 20px;

      margin-top: 20px;

}

#order_checkout  p {

font-size: 14px;

    font-weight: 500;

    color: #6c6f70;

    width: 100%;

}



@media (min-width: 768px) and (max-width: 1024px) {

 .product_wizzard_config .steps {

    margin: 10px auto;

    display: grid;

    grid-template-columns: repeat(7, 35px); /* exactly 7 items, each 40px wide */

    gap: 40px;

    width: 100%;

    justify-items: center;

    padding: 0px;

}



.product_wizzard_config .step{

	    font-size: 10px;

		  padding: 0px;

      width: 50px;

}

span.number-step {

    font-size: 30px;

    font-weight: 800;

    font-family: 'Archivo';

    line-height: 60px;

    color: #6c6f70;

}

.steps li::after {



    width: 0px; 



}

}







@media (max-width: 767px) {

input#custom-qty-input-field {

    font-size: 10px;

}

.product_wizzard_config {

    width: 100%;

    margin: auto;

    text-align: center;

    background: #f6f6f8;

    padding: 15px 25px;

}

.product_wizzard_config .steps {

    margin: 10px auto;

    display: grid;

    grid-template-columns: repeat(7, 35px); /* exactly 7 items, each 40px wide */

    gap: 8px;

    width: 100%;

    justify-items: center;

    padding: 0px;

}



.product_wizzard_config .step{

	    font-size: 10px;

		  padding: 0px;

      width: 50px;

}

span.number-step {

    font-size: 15px;

    font-weight: 800;

    font-family: 'Archivo';

    line-height: 50px;

    color: #6c6f70;

}

.steps li::after {

content: "";

    position: absolute;

    top: 40%;

    bottom: 0;

    width: 10px;

    height: 1px;

    background-color: #000;

    transform: translateX(20%);

    right: 0;

}

.wizzard_head a, .wizzard_head p {

    font-size: 14px;

}

a.exit_wizzard {

    font-size: 14px;

}

.wizzard_head {

    display: flex;

    padding: 0px 0px;

    font-size: 10px;

    font-weight: 500;

    align-items: center;

    gap: 10px;

}

.wizzard_button {

    display: flex;

    gap: 10px;

}

.product_wizzard_config .product.selected:hover p, .product_wizzard_config .product.selected p{

	font-size: 14px;

	outline-offset: -5px;

}

.step_wizzard_div h1 {

    font-size: 20px;

    padding: 10px 0;

    font-weight: 600;

    line-height: 24px;

    color: #6c6f70;

}

.step_wizzard_div p {

    font-size: 16px;

    font-weight: 500;

    color: #6c6f70;

}

div#material-product {

    display: grid;

    grid-template-columns: 80px repeat(auto-fit, minmax(50px, 1fr));

    width: 100%;

    border-collapse: collapse;

    margin: 20px 0;

    color: #000;

    font-size: 12px;

}

.header h2 {

    font-size: 14px;

    margin: 0;

    padding: 5px

}

.table-row.header {

    min-height: 190px;

}

.col.protection img{

	width: 20px;

}

.col.layers {

    height: 140px;

}

.col.protection {

    height: 80px;

}

.col.material {

    height: 55px;

}

.body_content .col {

    justify-content: center;

    border-bottom: 1px solid #ccc;

    padding: 10px;

    align-items: center;

}

.col.description ul {

  padding: 8px;

  font-size: 12px;

  list-style: none;



}

.col.sustainabitily {

    min-height: 115px;

}

.col.description {

	align-items: flex-start;

  min-height: unset;

}



.options-grid {

    justify-content: center;

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));

    gap: 16px;

}

.options-grid h3 {

    font-size: 16px;

}

div#dimensions {

    width: 100%;

    margin: 0;

}

.size-item {

    background-color: #e2e0e5;

    color: #333;

    padding: 8px;

    margin-bottom: 10px;

    border-radius: 5px;

    font-weight: 500;

    transition: background 0.3s ease;

    font-size: 14px;

}





.buttons {

    display: flex;

    margin-top: 10px;

    gap: 20px;

    flex-wrap: nowrap;

    grid-column: 2 / 2;

    flex-direction: row;

}

.image-area {

    background: #dbdae0;

    display: flex;

    align-items: center;

    justify-content: center;

}

.left-info ul li {

    margin-bottom: 5px;

    border-bottom: 1px solid;

    text-align: left;

    padding: 6px 0px;

    font-size: 14px;

}

.product-quantity-table {

    width: 100%;

    overflow-x: auto;

}

.shipping-icon {

    opacity: 0;

}

div.order_summary_container {

    padding: 15px 25px;

}

ul.order_steps {

     gap: 30px;

    padding: 0;

}

.design_upload_summary {

    margin: 1rem auto;

    padding: 10px;

}

.design_upload_summary .info-box h3 {

    font-size: 18px;

    font-weight: bold;

    color: #222;

    background: #c5eb4f;

    display: inline-block;

    padding: 10px;

    border-radius: 4px;

    margin-bottom: 10px;

}

.design_upload_summary .info-table {

    border-collapse: collapse;

    font-size: 12px;

}

.design_upload_summary .info-table td {

    padding: 5px;

    vertical-align: top;

    border: 0;

    background: #edecef;

	    font-size: 10px;



}





.design_upload_summary .product-image img {

    max-width: 100%;

    height: auto;

    border-radius: 0px;

    object-fit: contain;

}

.upload_design_file h2, .qoute_details h2 {

    font-size: 18px;

    margin-bottom: 0;

    font-weight: bold;

    text-align: left;

    line-height: 22px;

    width: 50%;

}

.upload_design_file p, .qoute_details p {

    font-size: 14px;

    text-align: left;

    padding: 2px 0;

    font-weight: 600;

    width: 100%;

}

.upload_section_design, .upload_section_design_summary .upload_design_main {

    display: grid;

    grid-template-columns: 100%;

    gap: 20px;

}

button#help-button {

    background: #6c6f70;

    color: white;

    min-width: auto;

    max-width: fit-content;

    border-radius: 10px;

    font-size: 12px;

}

button#save-details-button {

    background: #6c6f70;

    color: white;

    min-width: auto;

    max-width: fit-content;

    border-radius: 10px;

}

#order_checkout .woocommerce {

    max-width: 100%;

    margin: 5px auto;

    padding: 10px;

}

#order_checkout p {

    width: 100%;

}

}



.material_product {

    color: #6c6f70;

    border: 1px solid #6c6f70;

}





.dimension-arrow {

  position: absolute;

  display: flex;

  align-items: center;

  font-family: monospace;

  font-size: 12px;

  color: #000;

  z-index: 10;

}



/* Top (width) */

.arrow-top {

  top: -30px;

  left: 0;

  width: 100%;

  justify-content: center;

}



/* Right (height) */

.arrow-right {

  top: 0;

  right: -45px;

  height: 100%;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  width: 4em;

}



.dimension-label {

  background: #f0f0f0;

  border: 1px solid #ccc;

  padding: 2px 6px;

  margin: 0 5px;

  white-space: nowrap;

}



.dimension-label.vertical {

  transform: rotate(90deg);

}



.arrow-line {

  height: 1px;

  background-color: #6c6f70;

  flex-grow: 1;

}



.arrow-line.vertical {

  width: 1px;

  height: 30px;

}



/* Arrowheads using CSS triangles */

.arrow-head {

  width: 0;

  height: 0;

}



.arrow-head.left {

  border-top: 5px solid transparent;

  border-bottom: 5px solid transparent;

  border-right: 7px solid #6c6f70;

}



.arrow-head.right {

  border-top: 5px solid transparent;

  border-bottom: 5px solid transparent;

  border-left: 7px solid #6c6f70;

}



.arrow-head.top {

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-bottom: 7px solid #6c6f70;

}



.arrow-head.bottom {

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 7px solid #6c6f70;

}





.image-area {

  position: relative;

  width: 100%;

  max-width: 100%;

  height: max-content;

  display: block; /* or flex if needed */

}



.image-area img.dimensions_image {

  display: block;

  width: 100%;

  height: auto;

}

.qty-col {

  width: 160px;

  text-align: center;

}



.custom-qty-input {

  width: 120px;

  padding: 4px;

  text-align: center;

}



.bottom-section {

    height: 20em;

    display: flex;

    flex-direction: row;

}



.product_wizzard_config .product-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    justify-content: center;

    margin-top: 60px;

  }





.design_upload_summary {

    padding: 0;

}





 #configurator-loader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    background: rgba(255, 255, 255, 0.7); /* overlay background */

    z-index: 9999;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .loader-spinner {

    width: 50px;

    height: 50px;

    border: 5px solid #ccc;

    border-top: 5px solid #BDD634; /* ← your color */

    border-radius: 50%;

    animation: spin 1s linear infinite;

  }



  @keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

  }



  div#multiStepForm {

    max-width: 1200px;

    margin: 0 auto;

  }



.e-con-inner {

    max-width: 100%!important;

}



.modern-checkout__right {

    background: #f6f6f8!important;

}

  table.shop_table.woocommerce-checkout-review-order-table th {

    background: #ccc;

    color: black;

}

table.shop_table.woocommerce-checkout-review-order-table th {

    background: #ccc!important;

    color: black;

}





/* Style the main Select2 box */

.select2-container--default .select2-selection--single {

  height: 37px; /* match your input height */

  border: 1px solid #ccc; /* match other fields */

  border-radius: 0px; /* consistent border radius */

  padding: 10px 12px;

  background-color: #ccc;

  font-size: 16px; /* match text size */

  display: flex;

  align-items: center;

  color: black

}



/* Style the selected text */

.select2-container--default .select2-selection--single .select2-selection__rendered {

  color: #333;

  font-family: inherit;

  font-size: inherit;

  line-height: 1.4;

}



/* Style the dropdown arrow */

.select2-container--default .select2-selection--single .select2-selection__arrow {

  height: 100%;

  right: 10px;

  top: 0;

}



/* Match full width */

.select2-container {

  width: 100% !important;

  margin-bottom: 1rem;

}



.cart-container {

    width: 80%;

    padding: 2em;

}





/* Make checkbox label a flex container to align items center */

#order_checkout .woocommerce-billing-fields__field-wrapper label[for*="checkbox"],

#order_checkout .woocommerce-shipping-fields__field-wrapper label[for*="checkbox"] {

    display: flex;

    align-items: center;

    gap: 8px; /* space between checkbox and label text */

    height: 100%;

}



/* Or target checkbox fields more broadly */

#order_checkout .woocommerce-billing-fields__field-wrapper .form-row input[type="checkbox"],

#order_checkout .woocommerce-shipping-fields__field-wrapper .form-row input[type="checkbox"] {

    margin: 0;

    vertical-align: middle;

}



/* Optionally align the form-row containing the checkbox */

#order_checkout .woocommerce-billing-fields__field-wrapper .form-row-checkbox,

#order_checkout .woocommerce-shipping-fields__field-wrapper .form-row-checkbox {

    display: flex;

    align-items: center;

}





#order_checkout .woocommerce-billing-fields__field-wrapper,

#order_checkout .woocommerce-shipping-fields__field-wrapper {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

}



#order_checkout .form-row {

    display: flex;

    flex-direction: column;

    gap: 6px;

    margin: 0;

}



#order_checkout .form-row label {

    font-weight: 500;

    font-size: 14px;

    color: #333;

}



#order_checkout .form-row input,

#order_checkout .form-row select,

#order_checkout .form-row textarea {

    width: 100%;

    padding: 10px 12px;

    font-size: 14px;

    border: 1px solid #ccc;

    border-radius: 6px;

    box-sizing: border-box;

}



#order_checkout .form-row input:focus,

#order_checkout .form-row select:focus,

#order_checkout .form-row textarea:focus {

    border-color: #007cba;

    outline: none;

    box-shadow: 0 0 0 1px #007cba;

}



/* Full-width fields (force spanning both columns) */

#order_checkout .form-row.form-row-wide {

    grid-column: span 2;

}



/* Uniform checkbox alignment */

#billing_eu_vat_number_customer_decide_field {

    display: flex;

    align-items: center;

    gap: 10px;

    padding-top: 4px;

}



#billing_eu_vat_number_customer_decide_field label {

    display: flex;

    align-items: center;

    font-weight: 400;

    font-size: 14px;

    color: #333;

}



#billing_eu_vat_number_customer_decide_field input[type="checkbox"] {

    margin: 0 8px 0 0;

    width: 16px;

    height: 16px;

}



textarea#order_comments {

    background: #ccc;

    color: black;

}



/* Main payment section */

.woocommerce-checkout-payment {

  background: #f9f9f9;

  padding: 30px;

  border-radius: 12px;

  border: 1px solid #eee;

  font-family: "Segoe UI", sans-serif;

  margin-top: 30px;

}



/* Payment method list */

.wc_payment_methods {

  list-style: none;

  padding: 0;

  margin: 0;

}



.wc_payment_method {

  background: #fff;

  border: 2px solid #6C6F70;

  border-radius: 8px;

  margin-bottom: 20px;

  padding: 20px;

  transition: border-color 0.3s;

}



.wc_payment_method:hover {

  border-color: #BDD634;

}



/* Custom radio style */

.wc_payment_method input[type="radio"] {

  display: none;

}



.wc_payment_method label {

  font-weight: bold;

  font-size: 16px;

  color: #6C6F70;

  cursor: pointer;

  display: block;

  position: relative;

  padding-left: 26px;

}



.wc_payment_method label::before {

  content: "";

  position: absolute;

  left: 0;

  top: 3px;

  width: 16px;

  height: 16px;

  border: 2px solid #BDD634;

  border-radius: 50%;

  background: #fff;

}



.wc_payment_method input[type="radio"]:checked + label::after {

  content: "";

  position: absolute;

  left: 5px;

  top: 8px;

  width: 6px;

  height: 6px;

  background: #BDD634;

  border-radius: 50%;

}



/* Payment description box */

.payment_box {

  margin-top: 10px;

  background: #f4f4f4;

  border-left: 4px solid #BDD634;

  padding: 12px 16px;

  border-radius: 4px;

  color: #444;

  font-size: 14px;

}



/* Place order button */

#place_order {

  background: #BDD634;

  color: #fff;

  border: none;

  padding: 12px 24px;

  font-size: 16px;

  border-radius: 8px;

  cursor: pointer;

  transition: background 0.3s ease;

  margin-top: 20px;

}



#place_order:hover {

  background: #a5bc2c;

}



/* Privacy policy text */

.woocommerce-privacy-policy-text {

  font-size: 13px;

  color: #6C6F70;

  margin-top: 20px;

}



.woocommerce-privacy-policy-text a {

  color: #BDD634;

  text-decoration: underline;

}



/* NoScript fallback warning */

.noscript-warning {

  background: #fff8e1;

  color: #8a6d3b;

  padding: 12px;

  border-radius: 6px;

  margin-bottom: 20px;

  font-size: 14px;

  border: 1px solid #ffecb5;

}

body:not(.home):not(.checkout) .page-content {

    max-width: 1200px;

    margin: 0 auto;

}





.myaccount_qoute_list {

  display: flex;

  flex-wrap: wrap;      /* allow wrapping to next line */

  gap: 1.5rem;          /* spacing between items */

  justify-content: flex-start; /* align left */

  padding: 0;

  margin: 0;

}



/* Each quote item - card style */

.qoute_list_item {

  background: #fff;

  border: 1px solid #ddd;

  border-radius: 8px;

  padding: 1rem;

  box-sizing: border-box;

  display: flex;

  gap: 1rem;

  width: calc(33.333% - 1rem);  /* 3 per row with gap compensation */

  min-width: 280px;              /* prevent too narrow cards */

  align-items: flex-start;

}



/* Image styling */

.qoute_list_item img {

  max-width: 100px;

  width: 100%;

  height: auto;

  border-radius: 6px;

  flex-shrink: 0;

}



/* List styling inside each item */

.qoute_list {

  list-style: none;

  padding: 0;

  margin: 0;

  flex: 1;

}



.qoute_list li {

  margin-bottom: 0.5rem;

  font-size: 0.9rem;

}



.qoute_list li strong {

  font-weight: 600;

}



/* Buttons container inside quote */

.btn_list {

  display: flex;

  gap: 0.75rem;

  margin-top: 0.75rem;

}



.btn_list .btn {

  border-radius: 4px;

  text-decoration: none;

  color: #333;

  font-weight: 600;

  transition: background-color 0.3s ease;

}



.btn_list .btn:hover {

  background-color: #a6bf2a;

}





/* Medium devices (tablets, 768px and up) y*/

@media (max-width: 1024px) {

div#material-product {

        grid-template-columns: 200px repeat(auto-fit, minmax(120px, 1fr));

        font-size: 15px;

    }

     .final-look-grid {

    grid-template-columns: 1fr;

  }

  .product_wizzard_config .product-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    justify-content: center;

    margin-top: 60px;

  }

div#overview_section_complete, div#overview_section_complete_design {

    flex-direction: column;

}

}



#designTable {

  table-layout: fixed;  /* tells browser to use set widths */

  width: 100%;          /* keep full width */

}

#designTable th,

#designTable td {

  overflow: hidden;        /* hide overflowing text */

  white-space: nowrap;     /* prevent wrapping */

  text-overflow: ellipsis; /* show ... */

  max-width: 1px;          /* important: forces ellipsis inside fixed layout */

}

#designTable .design-col { width: 15%; }

#designTable .file-col   { width: 40%; }

#designTable .pieces-col { width: 30%; }

#designTable th:last-child,

#designTable td:last-child { width: 15%; }



.woocommerce-MyAccount-content {

    padding: 2em;

}



form.woocommerce-form.woocommerce-form-register.register.custom-form.custom-register-label input {

    border-radius: 0!important;

}





/* Small devices (phones, 480px and down) */

@media (max-width: 767px) {





.default-none-menu {

    display: block;

}

.modern-checkout__billing, .modern-checkout__shipping, .custom-payment-methods {

    border-radius: 0!important;

}

form.woocommerce-form.woocommerce-form-login.login.custom-form.custom-wrapper-label input {

    border-radius: 0!important;

}

#order_checkout .woocommerce-input-wrapper input.input-text {

  border-radius: 0px!important;

}

p.form-row.form-options {

    display: flex;

    flex-direction: column;

    align-items: center;

}

.newsletter {

    border: none!important;

}



div#product-configurator {

    margin-bottom: 2em;

}

.dimensions-main {

    display: flex;

    flex-direction: column-reverse;

    gap: 1em;

}



div#material-product {



    padding: 0px; 

}

.product_addon_heading {

     margin: 0;

}

.step_wizzard_div {

    padding-bottom: 0;

}



.image-area {

    width: 50%!important;

    margin: auto;

}



div#dimensions {

    margin-top: 20px;

}



div#overview_section_complete, div#overview_section_complete_design {

    flex-direction: column;

}

/* ========================

   MAIN CONTAINER

======================== */

.custom-checkout-wrapper,

.modern-checkout__container {

    display: flex;

    flex-direction: column;

    gap: 30px;

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    box-sizing: border-box;

}



/* ========================

   SECTIONS: Billing, Shipping, Payment

======================== */

.modern-checkout__billing,

.modern-checkout__shipping,

.custom-payment-methods {

    display: flex;

    flex-direction: column;

    gap: 20px;

    padding: 20px;

    border-radius: 12px;

    box-shadow: 0 2px 8px rgba(0,0,0,0.05);

}



/* Section title + icon */

.title-picture {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 15px;

}



.title-picture h2 {

    font-size: 1.4rem;

    margin: 0;

}



.title-picture img {

    width: 32px;

    height: 32px;

    object-fit: contain;

}



/* ========================

   CHECKOUT FORMS

======================== */

.woocommerce-billing-fields .form-row,

.woocommerce-shipping-fields .form-row {

    float: none !important;

    width: 100% !important;

    flex: 1 1 100% !important;

    box-sizing: border-box !important;

    margin-bottom: 15px !important;

}



.form-row-wide {

    width: 100% !important;

}



input, select, textarea {

    width: 100% !important;

    padding: 0.6em 0.8em !important;

    border: 1px solid #ddd !important;

    border-radius: 6px !important;

    box-sizing: border-box !important;

}



/* ========================

   ORDER REVIEW + PLACE ORDER

======================== */

.checkout-review-wrapper-outer {

    display: flex;

    flex-direction: column;

    gap: 20px;

    width: 100%;

}



.custom-place-order {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 1em 2em;

    font-size: 1rem;

    background-color: #BDD634;

    color: #fff;

    border-radius: 12px;

    border: none;

    cursor: pointer;

    gap: 10px;

    width: 100%;

    max-width: 350px;

    margin: 0 auto;

}



/* ========================

   SHIPPING DETAILS

======================== */

.shipping-details-checkout {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    gap: 10px;

    padding: 15px;

    border-radius: 10px;

}



.shipping-details-checkout img.shipping-icon-checkout {

    width: 48px;

    height: 48px;

}



/* ========================

   RESPONSIVE: TABLET

======================== */

@media (max-width: 992px) {

    .title-picture h2 {

        font-size: 1.2rem;

    }



    .custom-place-order {

        font-size: 0.95rem;

        padding: 0.8em 1em;

    }

      .modern-checkout__billing {

      padding: 1em!important;



    }

      .modern-checkout__shipping {

      padding: 1em!important;



    }

    .custom-payment-methods {

    padding: 1em!important; 



}

}



/* ========================

   RESPONSIVE: MOBILE

======================== */

@media (max-width: 768px) {

    .modern-checkout__billing,

    .modern-checkout__shipping,

    .custom-payment-methods,

    .checkout-review-wrapper-outer,

    .shipping-details-checkout {

        padding: 12px;

        gap: 15px;

    }



    .woocommerce-billing-fields .form-row,

    .woocommerce-shipping-fields .form-row {

        flex: 1 1 100% !important;

    }



       #order_checkout .woocommerce-billing-fields__field-wrapper,

    #order_checkout .woocommerce-shipping-fields__field-wrapper {

        grid-template-columns: 1fr; /* stack vertically */

        display: block;

    }

      .modern-checkout__billing {

      padding: 1em!important;



    }

        .modern-checkout__shipping {

      padding: 1em!important;



    }



       .custom-payment-methods {

    padding: 1em!important; 



}

}



/* ========================

   RESPONSIVE: EXTRA SMALL

======================== */

@media (max-width: 480px) {

       .modern-checkout__billing {

      padding: 1em!important;



    }

        .modern-checkout__shipping {

      padding: 1em!important;



    }



       .custom-payment-methods {

    padding: 1em!important; 



}

    .title-picture h2 {

        font-size: 1rem;

    }



    .custom-place-order {

        font-size: 0.9rem;

        padding: 0.6em 0.8em;

    }



    .shipping-details-checkout p {

        font-size: 0.9rem;

    }

}





.wp-block-woocommerce-cart-totals-block, .wp-block-woocommerce-cart-cross-sells-block {

    margin-bottom: 30px;

    width: 80%;

    margin: auto;

    text-align: justify;

}



.wc-block-components-sidebar-layout .wc-block-components-main {

    width: 100%!important;

    margin: auto!important;

    text-align: justify;

}

.bottom-section {

    height: 40em;

}

li.order_step {

    padding: 9px;

    margin: 0;

    font-weight: normal;

    display: flex;

    flex-direction: column;

    font-size: 10px;

    text-align: center;

    position: relative;

    align-items: center;

    justify-content: center;

    width: 50px;

}



  .order_steps {

   margin: 10px auto;

    display: grid;

    grid-template-columns: repeat(7, 35px); /* exactly 7 items, each 40px wide */

    gap: 40px;

    width: 100%;

    justify-items: center;

    padding: 0px;

}

    .qoute_list_item {

    width: calc(50% - 1rem); /* 2 per row */

  }

   .myaccount_qoute_list {

    flex-direction: column;

  }



  .qoute_list_item {

    width: 100%;  /* full width on mobile */

    flex-direction: row;

  }

  .card-wrapper-account {

    flex-direction: column;  /* stack vertically */

    gap: 1em;                /* maintain gap between cards */

    flex-wrap: wrap;



  }



  .card-account {

    width: 100%;             /* full width so no overflow */

    display: flex;           /* keep internal flex if needed */

    align-items: center;

  }



  /* Optional: center icon and text nicely */

  .card-svg-icon-wrapper-account {

    margin-right: 0.75em;

    flex-shrink: 0; /* prevent icon shrinking */

  }

div#order_review {

    width: 100%;

    overflow-x: auto;

}



div#order_review {

    width: 100%;

    overflow-x: auto;

}

.table-upload-design {

    width: 100%;

    overflow-x: scroll;

}



div#openUploader {

    display: flex;

    flex-direction: column;

}

.design_upload_summary .edit-link {

    color: #6fbe44;

}



.design_upload_summary   .labels {

    margin-top: 0!important; 

}



.right-image img {

    width: 100%!important;

    max-width: revert!important;

}



.left-info {

    flex: initial!important;

}



  .product-quantity-table  table {

    min-width: 0!important; 

}

.qty-col {

    width: 9em!important;

    text-align: center;

}

th.discount-col {

    width: 10em;

}



th.unit-col {

    width: 7em;

}



th.total-col {

    width: 5em;

}

.product-quantity-table th {

    font-size: 10px!important;

}

.product-quantity-table table tr td {



    font-size: 10px!important;



}

  .image-area {

    width: 90%;

  }





  .col.layers {

      display: flex!important;

  }

  .material_product {

    border: 2px solid #6c6f70;

  }



  .product_wizzard_config .product.selected:hover p,

  .product_wizzard_config .product.selected p {

      font-size: 36px;

  }

  .qoute_details button {

    height: 5em;

    font-size: 12px;

    text-wrap: auto;

}

  .btn {

    height: 4em;

    font-size: 10px!important;



  }



  .upload_design img {

    width: 7em;

}



  .buttons {

      display: flex;

      flex-direction: column;

  }

  div#purpose-product {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: 20px;

    justify-content: center;

    margin-top: 20px;

}



  .product_wizzard_config .product-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: 20px;

    justify-content: center;

    margin-top: 20px;

  }

  .wizzard_button {

        flex-direction: column;

        gap: 10px;

        height: 100px;

        align-items: center;

        justify-content: center;

  }



    .col {

    flex: 1 1 100%;

  }



  .table-row.header {

    flex-direction: column;

    align-items: flex-start;

  }



  .table-row.header h2 {

    font-size: 1.1rem;

    margin-top: 10px;

  }





     div#material-product {

        grid-template-columns: 1fr;

        font-size: 14px;

    }



    div#material-product .table-row {

        display: block;

        margin-bottom: 20px;

        border-bottom: 1px solid #ddd;

    }



    div#material-product .table-row.header {

        font-weight: bold;

    }



    div#material-product .col {

        display: block;

        margin-bottom: 0px;

    }



    div.material_header {

      display: none;

    }

     .final-look-grid {

    grid-template-columns: 1fr;

  }

}







/* Target the FILE column (2nd column in table) */

#designTable td:nth-child(2),

#designTable th.file-col {

  color: black !important; /* force black text */

}



div#multiorderStepForm {

    max-width: 1200px;

    margin: auto;

}





.custom-thankyou .thankyou-button {

    border-radius: 0!important;

}



.woocommerce .woocommerce-order {

    background: white!important;

    box-shadow: none!important; 



}



.woocommerce-order.custom-thankyou {

    border-radius: 0!important;

}



span.optional {

    display: none!important;

}

input#billing_eu_vat_number_customer_decide {

    width: 2em!important;

    border: none!important;

}

#order_checkout .form-row input:focus, #order_checkout .form-row select:focus, #order_checkout .form-row textarea:focus {

    border-color: none!important;

    outline: none!important;

    box-shadow: none!important;

}



input#billing_eu_vat_number_customer_decide {

    accent-color: var(--accent)!important;

}



.cta-button-home i {

    margin-right: 8px;

    color: #FF0000; /* YouTube red */

}

button#closeAuthModal, button#closeHelpModal {

    padding: 0!important;

}

div#loginForm h3 {

    margin-top: 0!important;

}



a#showRegister, a#showLogin {

    text-decoration: underline;

    color: black;

}



.fields-custom {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    gap: 1em;

    margin-bottom: 2em;

    align-items: center;

}



div#registerForm h3 {

    margin-top: 0!important;

}



.lp-form-group.half-width.custom-contact-label input {

    color: white;

}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {

    border-radius: 0;

}

table.woocommerce-table.woocommerce-table--custom-fields.shop_table.custom-fields {

    border-radius: 0;

}



.order-number a {

    color: white!important;

}



.woocommerce .order-number, .woocommerce .order-date, .woocommerce .order-status {

  border-radius: 0!important;

}



.order-actions a {

    border-radius: 0!important;

}



.cart-item-card {

    margin-top: 2em!important;

}



ul.listing.listing--check a {

    color: #BDD634;

}





.woocommerce-order.custom-thankyou {

    margin-bottom: 20em;

}



.container-custom a {

    color: #BDD634!important;

}



.custom-guide {

    text-decoration: none!important;

    color: black;

    background: #BDD634;

}



.custom-guide:hover {

    text-decoration: none!important;

    color: black;

    background: #BDD634;

}



.designuploadfile {

    margin-bottom: 2em;

}



.image-carousel {

  max-height: 500px; /* choose your value */

  width: auto;

  object-fit: contain;

  display: block;

  margin: 0 auto;

}



.page-id-712 #site-loader,

.page-id-9 #site-loader,

.page-id-10 #site-loader {

  display: none !important;

}