/* ---------- decorative motion ---------- */
 @keyframes floaty {

     0%,
     100% {
         transform: translateY(0) rotate(var(--r, 0deg));
     }

     50% {
         transform: translateY(-16px) rotate(var(--r, 0deg));
     }
 }

 .floaty {
     animation: floaty 5.5s ease-in-out infinite;
 }

 @keyframes orbitspin {
     from {
         transform: rotate(0deg);
     }

     to {
         transform: rotate(360deg);
     }
 }

 .orbit-ring {
     animation: orbitspin 40s linear infinite;
 }

 .orbit-counter {
     animation: orbitspin 40s linear infinite reverse;
 }

 @keyframes pulseGlow {

     0%,
     100% {
         opacity: .55;
     }

     50% {
         opacity: 1;
     }
 }

 .pulse-dot {
     animation: pulseGlow 2.4s ease-in-out infinite;
 }

 /* ---------- 3D tilt product cards ---------- */
 .tilt-stage {
     perspective: 1200px;
 }

 .tilt-card {
     transform-style: preserve-3d;
     transition: transform .5s cubic-bezier(.22, 1, .36, 1), box-shadow .5s ease;
     will-change: transform;
 }

 .tilt-card .tilt-layer {
     transform: translateZ(28px);
 }

 /* ---------- filter accordion ---------- */
 .accordion-panel {
     display: grid;
     grid-template-rows: 0fr;
     transition: grid-template-rows .35s ease;
 }

 .accordion-panel.open {
     grid-template-rows: 1fr;
 }

 .accordion-panel>div {
     overflow: hidden;
 }

 /* ---------- custom range slider ---------- */
 input[type="range"] {
     -webkit-appearance: none;
     appearance: none;
     width: 100%;
     height: 4px;
     border-radius: 99px;
     background: #F0EBD8;
     outline: none;
 }

 input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 18px;
     height: 18px;
     border-radius: 50%;
     background: #FFCA06;
     border: 3px solid #121F44;
     cursor: pointer;
     margin-top: -7px;
 }

 input[type="range"]::-moz-range-thumb {
     width: 18px;
     height: 18px;
     border-radius: 50%;
     background: #FFCA06;
     border: 3px solid #121F44;
     cursor: pointer;
 }

 input[type="range"]::-moz-range-track {
     height: 4px;
     background: #F0EBD8;
     border-radius: 99px;
 }

 /* ---------- checkbox / chip styling ---------- */
 .fs-check {
     appearance: none;
     width: 18px;
     height: 18px;
     border-radius: 6px;
     border: 1.5px solid #D9D3C8;
     background: #fff;
     display: inline-block;
     position: relative;
     cursor: pointer;
     flex: none;
     transition: .2s;
 }

 .fs-check:checked {
     background: #121F44;
     border-color: #121F44;
 }

 .fs-check:checked::after {
     content: "\f00c";
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     font-size: 10px;
     color: #FFCA06;
     position: absolute;
     inset: 0;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .fs-check:focus-visible {
     outline: 2px solid #FFCA06;
     outline-offset: 2px;
 }

 .fs-chip {
     cursor: pointer;
 }

 .fs-chip input {
     position: absolute;
     opacity: 0;
     pointer-events: none;
 }

 .fs-chip span {
     transition: .2s;
 }

 .fs-chip input:checked+span {
     background: #121F44;
     color: #fff;
     border-color: #121F44;
 }

 /* ---------- scrollbar for sidebar ---------- */
 .fs-scroll::-webkit-scrollbar {
     width: 6px;
 }

 .fs-scroll::-webkit-scrollbar-thumb {
     background: #F0EBD8;
     border-radius: 99px;
 }

 a,
 button {
     cursor: pointer;
 }

 :focus-visible {
     outline: 2px solid #FFCA06;
     outline-offset: 2px;
     border-radius: 4px;
 }

 .product-card {
     opacity: 0;
     transform: translateY(24px);
     transition: opacity .5s ease, transform .5s ease;
 }

 .product-card.card-in {
     opacity: 1;
     transform: translateY(0);
 }

 @media (prefers-reduced-motion: reduce) {

     .floaty,
     .orbit-ring,
     .orbit-counter,
     .pulse-dot {
         animation: none !important;
     }

     .tilt-card {
         transition: none !important;
     }

     .product-card {
         transition: none !important;
         opacity: 1 !important;
         transform: none !important;
     }
 }
/* ==========================================================================
   SHOP GRID (#productGrid) — card container, image crop, badge, button.
   Card container/shadow/hover was previously missing entirely.
   ========================================================================== */
/* ---------- SHOP PRODUCT GRID ---------- */

#productGrid.tilt-stage {
    perspective: 1200px;
}

#productGrid ul.products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}



@media (max-width: 1024px) {
    .woocommerce ul.products, #productGrid ul.products, #productGrid.tilt-stage { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .woocommerce ul.products, #productGrid ul.products, #productGrid.tilt-stage { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
    .woocommerce ul.products, #productGrid ul.products, #productGrid.tilt-stage { grid-template-columns: 1fr; 
    }

#productGrid .woocommerce-loop-product__title {
    margin:1rem 12px 8px !important;
    
}
#productGrid .price {

    margin: 0 12px 6px !important;
   
}
}

#productGrid li.product {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(18, 31, 68, .04), 0 16px 34px -20px rgba(18, 31, 68, .16);
    transition: box-shadow .8s ease;
}
#productGrid li.product:hover{
box-shadow: 0 30px 50px -18px rgba(18, 31, 68, .28); 

}


#productGrid li.product a.woocommerce-loop-product__link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    padding-bottom: 1.5rem;
}
#productGrid li.product img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    display: block;
    transition: transform .7s cubic-bezier(.16, 1, .3, 1);
}
#productGrid li.product:hover img { transform: scale(1.06); }

#productGrid .woocommerce-loop-product__title {
    margin:1rem 8px 8px;
    font-weight: 600;
    color: #000000;
     
}
#productGrid .price {
    display: block;
    margin: 22px 12px 0px;
    font-family: 'woodland', 'Sora', sans-serif;
    font-weight: 700;
    color: #121F44;
    font-size:14px;
  
}
#productGrid .price del {
    font-family: 'Neue Montreal', 'Manrope', sans-serif;
    font-weight: 400;
    color: #817878;
    opacity: .75;
    font-size: .8rem;
    margin-right: .4rem;
    text-decoration: line-through;
}
#productGrid .price ins { text-decoration: none; }

.fivestar_cart_btn {
    align-self: flex-start;
    position: absolute !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:15px;
    padding:9px 14px;
    border-radius: 9999px;
    background-color: #FFCA06;
    color: #121F44;
    font-weight: 600;
    font-size: .82rem;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
     right: 8px;
    bottom: 14px;
}
.cart_btn:hover { background-color: #121F44;
color:white !important;
}

#productGrid .onsale {
    position: absolute;
    top: 0px;
    right: 0px;
    left: auto;

    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    min-height: 45px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box;

    background-color: #121F44;
    color: #fff;

    border-radius: 50%;

    font-size: 10px;
    font-weight: 600;
    line-height: 1 !important;
    text-align: center;

    z-index: 2;
}
.icheckbox_square-grey{
border-radius:6px !important;

}
.woof_redraw_zone .woof_submit_search_form_container{
margin:24px !important;
}

/* WOOF (WooCommerce Products Filter) sidebar spacing */
#filterSidebar .woof_container_product_cat { padding: 24px; }
#filterSidebar .woof_container_product_brand { padding: 24px; }
#filterSidebar .woof_price_search_container { padding: 24px; }

/* hide WooCommerce's default result-count / sort-by row above the grid
   (the shop template renders its own toolbar higher up the page) */
#primary .woocommerce-products-header { display: none; }

/* ==========================================================================
   SINGLE PRODUCT PAGE  (woocommerce/single-product.php + content-single-product.php)
   ========================================================================== */
.fs-gallery .woocommerce-product-gallery {
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(18, 31, 68, .04), 0 16px 34px -20px rgba(18, 31, 68, .16);
}
.fs-gallery img { border-radius: 28px; }
.fs-gallery .flex-control-thumbs { margin-top: 12px; gap: 12px; display: flex; }
.fs-gallery .flex-control-thumbs li { list-style: none; }
.fs-gallery .flex-control-thumbs img {
    border-radius: 14px;
    border: 2px solid transparent;
    cursor: pointer;
}
.fs-gallery .flex-control-thumbs img.flex-active { border-color: #121F44; }

.fs-product-info .product_title {
    font-family: 'woodland', 'Sora', sans-serif;
    font-weight: 700;
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    color: #1E1E1E;
    margin: .5rem 0 1rem;
}
.fs-product-info .woocommerce-product-rating { margin-bottom: 1rem; }
.fs-product-info .star-rating { color: #FFD000; }
.fs-product-info .price {
    font-family: 'woodland', 'Sora', sans-serif;
    font-weight: 700;
    color: #121F44;
    font-size: 1.8rem;
}
.fs-product-info .woocommerce-product-details__short-description {
    color: #817878;
    line-height: 1.7;
    max-width: 32rem;
    margin: 1rem 0 1.5rem;
}
.fs-product-info form.cart {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1.5rem 0;
}
.fs-product-info .quantity input.qty {
    width: 3.5rem;
    border: 1px solid rgba(18, 31, 68, .15);
    border-radius: 9999px;
    text-align: center;
    height: 2.75rem;
}
.fs-product-info button.single_add_to_cart_button {
    border-radius: 9999px !important;
    background: #121F44 !important;
    color: #fff !important;
    border: none !important;
    padding: .8rem 1.8rem !important;
    font-weight: 600 !important;
    transition: background-color .2s ease;
}
.fs-product-info button.single_add_to_cart_button:hover { background: #213A71 !important; }
.fs-product-info .product_meta {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, .06);
    font-size: .85rem;
    color: #817878;
}

/* re-skin WooCommerce's native tabs to read like the rest of the site
   instead of the browser-default underlined-link look */
.fs-product-info .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    list-style: none;
    padding: 0;
    margin: 2rem 0 0;
}
.fs-product-info .woocommerce-tabs ul.tabs li { margin: 0; }
.fs-product-info .woocommerce-tabs ul.tabs li a {
    text-decoration: none;
    color: #817878;
    font-size: .85rem;
    padding-bottom: .9rem;
    display: inline-block;
}
.fs-product-info .woocommerce-tabs ul.tabs li.active a {
    color: #121F44;
    border-bottom: 2px solid #FFCA06;
}
.fs-product-info .woocommerce-tabs .panel {
    padding: 1.5rem 0;
    color: #817878;
    line-height: 1.7;
}

.fs-related > h2 {
    font-family: 'woodland', 'Sora', sans-serif;
    font-weight: 700;
    color: #121F44;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

/* ==========================================================================
   THANK YOU / ORDER CONFIRMATION  (woocommerce/checkout/thankyou.php)
   ========================================================================== */
.fs-ty-wrap { display: flex; align-items: center; justify-content: center; padding: 2.5rem 1rem; }
.fs-ty-card {
    width: 100%;
    max-width: 1040px;
    background: #fff;
    border-radius: 28px;
    box-shadow: 0 40px 90px -35px rgba(18, 31, 68, .28);
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 900px) { .fs-ty-card { grid-template-columns: 1fr; } }
.fs-ty-brand {
    background: #121F44;
    position: relative;
    padding: 2.5rem;
    min-height: 22rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
.fs-ty-brand .logo {
    display: flex;
    align-items: center;
    gap: .6rem;
    color: #fff;
    font-family: 'woodland', 'Sora', sans-serif;
    font-weight: 700;
}
.fs-ty-brand .mark {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 9999px;
    background: #FFCA06;
    color: #121F44;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
}
.fs-ty-brand .caption {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 9999px;
    padding: .5rem 1rem;
    color: rgba(255, 255, 255, .7);
    font-size: .75rem;
    align-self: flex-start;
}
.fs-ty-confirm { padding: 2.75rem; position: relative; }
.fs-ty-check {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 9999px;
    background: #ecfdf3;
    color: #16a34a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
}
.fs-ty-confirm h1 {
    font-family: 'woodland', 'Sora', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.25;
    margin: 0 0 .5rem;
    color: #1E1E1E;
}
.fs-ty-confirm h1 .name { color: #15803d; }
.fs-ty-order {
    display: flex;
    align-items: center;
    gap: .8rem;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 16px;
    padding: 1rem 1.2rem;
    margin: 1.5rem 0;
}
.fs-ty-steps { margin: 1.5rem 0; }
.fs-ty-step { position: relative; padding-left: 2.2rem; padding-bottom: 1.5rem; }
.fs-ty-step:last-child { padding-bottom: 0; }
.fs-ty-step::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 22px;
    bottom: -22px;
    width: 1.5px;
    background: #E5E0D6;
}
.fs-ty-step:last-child::before { display: none; }
.fs-ty-step.done::before { background: #16a34a; }
.fs-ty-step .dot {
    position: absolute;
    left: 0;
    top: 2px;
    width: 19px;
    height: 19px;
    border-radius: 9999px;
    border: 2px solid rgba(18, 31, 68, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
}
.fs-ty-step.done .dot { background: #16a34a; border-color: #16a34a; color: #fff; }
.fs-ty-notify {
    display: flex;
    gap: .8rem;
    align-items: center;
    background: #F9F7FA;
    border-radius: 16px;
    padding: 1rem 1.2rem;
    margin-bottom: 1.5rem;
    font-size: .8rem;
    color: #817878;
}
.fs-ty-confirm .fs-ty-btn {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: .6rem;
    padding: 1rem;
    margin-bottom: .8rem;
    border-radius: 9999px;
    background: #121F44;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .2s ease;
}
.fs-ty-confirm .fs-ty-btn:hover { background: #213A71; }
.fs-ty-confirm .fs-back {
    display: block;
    text-align: center;
    font-size: .85rem;
    color: #213A71;
    text-decoration: none;
}

/* ==========================================================================
   MY ACCOUNT  (login/register, dashboard, order history, order detail,
   addresses, account details) — styled entirely via WooCommerce's own
   stable semantic classes, no template overrides needed. Scoped to
   body.woocommerce-account so nothing here leaks onto other pages.
   ========================================================================== */

/* two-column layout: nav sidebar + content, using WooCommerce's own
   .woocommerce wrapper div (added automatically around the shortcode) */
body.woocommerce-account .woocommerce {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 2rem;
    align-items: start;
    max-width: 1100px;
    margin: 0 auto;
    padding: 3rem 1.5rem 5rem;
}
@media (max-width: 860px) {
    body.woocommerce-account .woocommerce { grid-template-columns: 1fr; }
}

/* sidebar nav */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 22px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(18, 31, 68, .04), 0 16px 34px -20px rgba(18, 31, 68, .16);
    position: sticky;
    top: 6rem;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
body.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; }
body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: .75rem 1rem;
    border-radius: 12px;
    color: #1E1E1E;
    text-decoration: none;
    font-size: .9rem;
    font-weight: 500;
    transition: background-color .2s ease, color .2s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover { background: #F3EFEF; }
body.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
    background: #121F44;
    color: #FFCA06;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a { color: #CC1F4B; }

/* content card */
body.woocommerce-account .woocommerce-MyAccount-content {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 22px;
    padding: 2.25rem;
    box-shadow: 0 2px 4px rgba(18, 31, 68, .04), 0 16px 34px -20px rgba(18, 31, 68, .16);
}
body.woocommerce-account .woocommerce-MyAccount-content h1,
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3 {
    font-family: 'woodland', 'Sora', sans-serif;
    color: #121F44;
}
body.woocommerce-account .woocommerce-MyAccount-content > p:first-child { color: #817878; line-height: 1.7; }

/* order history table */
body.woocommerce-account table.woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
}
body.woocommerce-account table.woocommerce-orders-table thead th {
    text-align: left;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #878484;
    padding: 0 0 .8rem;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
}
body.woocommerce-account table.woocommerce-orders-table tbody td {
    padding: 1rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    font-size: .88rem;
}
body.woocommerce-account table.woocommerce-orders-table tbody tr:last-child td { border-bottom: none; }
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
    margin: 0 .3rem .3rem 0;
}

/* order status pill — colour keyed to real order status */
body.woocommerce-account mark.order-status,
.woocommerce-order-details mark.order-status,
mark.order-status {
    background: none;
    display: inline-flex;
    align-items: center;
    padding: .3rem .8rem;
    border-radius: 9999px;
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}
mark.order-status.status-completed { background: #ecfdf3; color: #16a34a; }
mark.order-status.status-processing { background: #FFF7DB; color: #8a6300; }
mark.order-status.status-on-hold,
mark.order-status.status-pending { background: #F3EFEF; color: #817878; }
mark.order-status.status-cancelled,
mark.order-status.status-failed { background: #FDECEE; color: #CC1F4B; }
mark.order-status.status-refunded { background: #EEF1FA; color: #213A71; }

/* single order detail (view-order.php) */
.woocommerce-order-details__title,
.woocommerce-column__title {
    font-family: 'woodland', 'Sora', sans-serif;
    color: #121F44;
    font-size: 1.1rem;
    margin: 2rem 0 1rem;
}
table.woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
}
table.woocommerce-table--order-details th,
table.woocommerce-table--order-details td {
    padding: .8rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    font-size: .88rem;
    text-align: left;
}
table.woocommerce-table--order-details tfoot th,
table.woocommerce-table--order-details tfoot td { font-weight: 600; }
.woocommerce-customer-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
}
@media (max-width: 640px) { .woocommerce-customer-details { grid-template-columns: 1fr; } }
.woocommerce-customer-details address {
    background: #F9F7FA;
    border-radius: 16px;
    padding: 1.25rem;
    font-style: normal;
    font-size: .85rem;
    color: #1E1E1E;
    line-height: 1.6;
}

/* login / register */
body.woocommerce-account #customer_login.col2-set {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}
@media (max-width: 640px) { body.woocommerce-account #customer_login.col2-set { grid-template-columns: 1fr; } }
body.woocommerce-account .woocommerce-form-login h2,
body.woocommerce-account .woocommerce-form-register h2 {
    font-family: 'woodland', 'Sora', sans-serif;
    color: #121F44;
    font-size: 1.3rem;
    margin-bottom: 1.25rem;
}
body.woocommerce-account .woocommerce-form-login__submit,
body.woocommerce-account .woocommerce-form-register__submit {
    border-radius: 9999px !important;
    background: #121F44 !important;
    color: #fff !important;
    border: none !important;
    padding: .8rem 1.8rem !important;
    font-weight: 600 !important;
}
body.woocommerce-account .woocommerce-form-login__submit:hover,
body.woocommerce-account .woocommerce-form-register__submit:hover { background: #213A71 !important; }
body.woocommerce-account .woocommerce-LostPassword a { color: #213A71; font-size: .85rem; }

/* shared: inputs, generic buttons, notices — apply anywhere in the account area */
body.woocommerce-account input.input-text,
body.woocommerce-account textarea,
body.woocommerce-account select {
    border: 1px solid rgba(18, 31, 68, .15) !important;
    border-radius: 12px !important;
    padding: .7rem 1rem !important;
    width: 100%;
    font-family: 'Neue Montreal', 'Manrope', sans-serif;
}
body.woocommerce-account input.input-text:focus,
body.woocommerce-account textarea:focus,
body.woocommerce-account select:focus {
    border-color: #121F44 !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(18, 31, 68, .08);
}
body.woocommerce-account .woocommerce-form-row label { font-size: .82rem; color: #1E1E1E; margin-bottom: .3rem; display: inline-block; }
body.woocommerce-account .button:not(.woocommerce-form-login__submit):not(.woocommerce-form-register__submit) {
    border-radius: 9999px !important;
    background: #FFCA06 !important;
    color: #121F44 !important;
    border: none !important;
    padding: .65rem 1.4rem !important;
    font-weight: 600 !important;
    font-size: .85rem !important;
    text-decoration: none;
}
body.woocommerce-account .button:hover { background: #121F44 !important; color: #fff !important; }

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-info {
    list-style: none;
    border-radius: 16px;
    padding: 1rem 1.25rem;
    margin: 0 0 1.5rem;
    font-size: .85rem;
}
body.woocommerce-account .woocommerce-message { background: #ecfdf3; color: #15803d; }
body.woocommerce-account .woocommerce-error { background: #FDECEE; color: #CC1F4B; }
body.woocommerce-account .woocommerce-info { background: #EEF1FA; color: #213A71; }

/* ==========================================================================
   PRODUCT PAGE — breadcrumb, variations, price range, brand meta
   (added after reviewing a real live variable product)
   ========================================================================== */
.fs-breadcrumb a { color: #817878; text-decoration: none; }
.fs-breadcrumb a:hover { color: #121F44; }
.fs-breadcrumb .fs-crumb-sep { color: #D9D3C8; margin: 0 .1rem; }
.fs-breadcrumb .woocommerce-breadcrumb { color: #121F44; } /* current page */

/* variable-product price range (e.g. "₹800.00 – ₹3,210.00") */
.fs-product-info p.price,
.fs-product-info .woocommerce-variation-price .price {
    font-family: 'woodland', 'Sora', sans-serif;
    font-weight: 700;
    color: #121F44;
}
.fs-product-info .woocommerce-variation-price { min-height: 1.8rem; margin-bottom: .5rem; }
.fs-product-info .woocommerce-variation-availability { font-size: .8rem; color: #817878; }

/* variation dropdown table (e.g. Quantity: 1kg / 2kg / 5kg) */
.fs-product-info table.variations {
    width: 100%;
    margin: 1.25rem 0;
    border-collapse: collapse;
}
.fs-product-info table.variations tr { display: block; margin-bottom: .9rem; }
.fs-product-info table.variations th.label {
    display: block;
    font-size: .78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #878484;
    padding-bottom: .4rem;
}
.fs-product-info table.variations td.value { display: block; }
.fs-product-info table.variations select {
    width: 100%;
    max-width: 260px;
    border: 1px solid rgba(18, 31, 68, .15) !important;
    border-radius: 9999px !important;
    padding: .65rem 2.5rem .65rem 1.1rem !important;
    font-size: .88rem;
    background-color: #fff;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23121F44' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.1rem center;
}
.fs-product-info a.reset_variations {
    display: inline-block;
    margin-top: .3rem;
    font-size: .78rem;
    color: #CC1F4B;
    text-decoration: none;
}

/* SKU / Categories / Brand meta line */
.fs-product-info .product_meta a { color: #213A71; text-decoration: none; }
.fs-product-info .product_meta a:hover { text-decoration: underline; }
.fs-product-info .product_meta > span { display: block; margin-bottom: .4rem; }
.fs-product-info .sku_wrapper .sku { color: #1E1E1E; font-weight: 500; }

/* single-product gallery lightbox trigger — keep the rounded corners from
   bleeding into PhotoSwipe's fullscreen overlay */
.fs-gallery .woocommerce-product-gallery__image { border-radius: 28px; overflow: hidden; }

#product-781 .woocommerce-product-gallery .flex-viewport {
    
    border-radius: 15px;
}

 /*.summary .product_meta{
 display:flex;
 flex-direction: column
 }*/
 
 /*productdetails page */
     .woocommerce ul.products{
     display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top:30px;
    margin-bottom:60px;
     }
    .woocommerce ul.products li.product {
    position: relative;
    width: 100% !important;
    margin: 0;
    padding: 0;
    float: none;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(18, 31, 68, .04), 0 16px 34px -20px rgba(18, 31, 68, .16);
    transition: box-shadow .8s ease;
}
.woocommerce ul.products li.product:hover{
box-shadow: 0 30px 50px -18px rgba(18, 31, 68, .28); 

}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
margin:1rem 8px 8px;
    font-weight: 600;
    color: #000000;
}
.woocommerce ul.products li.product .price{
   display: block;
    margin: 15px 12px 30px;
    font-family: 'woodland', 'Sora', sans-serif;
    font-weight: 700;
    color: #121F44;
    font-size:14px;
}
.related.products h2:first-child {
font-size: 1.4rem;
    font-weight: 600;
        line-height: 1.1875;
    font-family: 'woodland', 'Sora', sans-serif;
   margin-top:20px;
   margin-left:20px;
}
.woocommerce-Tabs-panel h2:first-child {
font-size: 1.4rem;
    font-weight: 600;
        line-height: 1.1875;
    font-family: 'woodland', 'Sora', sans-serif;
    margin-bottom:10px;
}

  
  
  
  
  /*
   PRODUCT DETAILS - ECOMMERCE STYLE
    */

.woocommerce div.product .woocommerce-tabs {
    margin-top: 35px;
    background: #ffffff;
    border: 1px solid #D1D6E2;
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
}

#reviews #comments .woocommerce-noreviews{
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    letter-spacing: 0.6px;
    font-size: 16px;
    font-weight:500;
}

#review_form #respond #reply-title{
font-family: 'Open Sans', sans-serif;
    color: #000000;
    letter-spacing: 0.6px;
    font-size: 16px;
    font-weight:500;
}
.comment-form .comment-form-rating #comment-form-rating-label{
font-family: 'Open Sans', sans-serif;
    color: #000000;
    letter-spacing: 0.6px;
    font-size: 16px;
    font-weight:500;
 
}
.comment-form{
    margin-top: 10px;
}

.woocommerce #respond input#submit{
background-color: #ffca06 !important;
color:#000000 !important;
   
    margin-top: 10px  !important;
}
.woocommerce #respond input#submit:hover{
background-color: #213A71 !important;
color:#ffffff !important;
}
* Review field wrapper */
.woocommerce #review_form .comment-form-comment {
    margin: 0 0 18px;
    padding: 0;
   
}


/* "Your review" label */
.woocommerce #review_form .comment-form-comment label {
    display: block;
   

    font-family: 'Open Sans', sans-serif;
    color: #121f44;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.4px;
}


/* Review textarea */
.woocommerce #review_form #comment {

    width:90% !important;
    min-height: 150px;
     flex:1
    box-sizing: border-box;

    padding: 12px 14px;

    border: 1px solid #D1D6E2;
    border-radius: 8px;

    background: #ffffff;

    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.3px;

    resize: vertical;

    outline: none;
}


/* When user clicks inside the review box */
.woocommerce #review_form #comment:focus {
    border-color: #121f44;
    box-shadow: 0 0 0 2px rgba(18, 31, 68, 0.08);
}


/* 
   TABS WRAPPER
 */

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    align-items: center;
    gap: 8px;

    list-style: none;
    margin: 0;
    padding: 12px 16px;

    background: #ffffff;
    border-bottom: 1px solid #D1D6E2;

    overflow-x: auto;
}


/* Remove WooCommerce default line */

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    display: none;
}


/* Remove WooCommerce default tab spacing */

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
    padding: 0;

    background: transparent;
    border: none;
    border-radius: 8px;

    white-space: nowrap;
}


/* Remove WooCommerce pseudo elements */

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none;
}


/* 
   TAB LINKS
  */

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;

    padding: 10px 18px;

    color: #ffffff !important;
    background: #213A71;

    border-radius: 7px;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.2s ease;
}


/* Hover */




/* 
   ACTIVE TAB
 */

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
    border: none;
}


.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background: #ffca06;
    color:#000000 !important;
    font-weight: 700;
    box-shadow: none;
}


/*
   TAB CONTENT
    */

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
    margin: 0;
    padding: 24px 28px 30px;

    background: #fff;
}





/* 
   DESCRIPTION TEXT
 */

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel p {
    margin: 0 0 12px;
   font-family: 'Open Sans', sans-serif;
    color:#000000;
letter-spacing: 0.8px;
    font-size: 13px;
    line-height: 1.6;
        font-weight:400;
}


/* 
   LISTS INSIDE DESCRIPTION
 */

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel ul {
    margin: 12px 0;
    padding-left: 20px;
}


.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel li {
    margin-bottom: 8px;

    color: #444;

    font-size: 14px;
    line-height: 1.6;
}


/*
   ADDITIONAL INFORMATION TABLE
    */



.woocommerce div.product .woocommerce-tabs .shop_attributes th {
  
    color: #000000;
    font-weight: 600;
}


/*
   REVIEWS
 */

.woocommerce div.product .woocommerce-tabs #reviews {
    padding: 0;
}


.woocommerce div.product .woocommerce-tabs #reviews h2 {
    margin-bottom: 18px;
}


/* 
   MOBILE
  */

@media (max-width: 767px) {

    .woocommerce div.product .woocommerce-tabs {
        margin-top: 25px;
        border-radius: 10px;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs {
        padding: 10px;
        gap: 6px;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        padding: 9px 13px;
        font-size: 13px;
    }

    .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
        padding: 20px 16px 25px;
    }

    .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
        font-size: 18px;
    }

}
.comment-form-rating .stars{
margin-top:10px !important;
}
   .woocommerce p.stars a{
   color:#ffca06 !important;
   }
   
   .woocommerce div.product .product_title{
   padding-bottom: 6px !important;
   font-weight: 500 !important;
   }
   .products #primary {
    padding-top: 60px !important;
       font-family: 'woodland', 'Sora', sans-serif;
    }
    
    .summary  .price {
  
    font-family: 'woodland', 'Sora', sans-serif;
    font-weight: 700;
    color: #121F44 !important;
    font-size:14px;
 
    }
    .woocommerce-product-details__short-description p{
    padding-top:15px;
        font-family: 'Open Sans', sans-serif;
    color: #121F44;
    letter-spacing: 0.8px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* =========================================================
   FIVESTAR - WOOCOMMERCE PRODUCT PAGE
  
   Works for simple + variable products
   ========================================================= */





/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.single-product .woocommerce div.product .product_title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    color: #000000 !important;

    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    margin: 0 0 15px 0 !important;
    padding: 0 !important;
}


/* =========================================================
   MAIN PRODUCT LAYOUT
   ========================================================= */


/* -------------------------
   DESKTOP 1200px+
   ------------------------- */

@media (min-width: 1200px) {

    .single-product .woocommerce div.product {
        display: grid !important;

        grid-template-columns: 600px minmax(0, 1fr) !important;
        column-gap: 40px !important;

        align-items: start !important;

        width: 100% !important;

        box-sizing: border-box !important;
    }

    .single-product .woocommerce div.product div.images {
        width: 600px !important;
        max-width: 600px !important;

        float: none !important;
        margin: 0 !important;
    }

    .single-product .woocommerce div.product .summary {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        float: none !important;
        margin: 0 !important;
    }
}


/* -------------------------
   TABLET 601px–1199px
   ------------------------- */

@media (min-width: 601px) and (max-width: 1199px) {

    .single-product .woocommerce div.product {
        display: grid !important;

        grid-template-columns:
            minmax(0, 48%)
            minmax(0, 48%) !important;

        column-gap: 4% !important;

        align-items: start !important;

        width: 100% !important;

        box-sizing: border-box !important;
    }

    .single-product .woocommerce div.product div.images {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        float: none !important;
        margin: 0 !important;
    }

    .single-product .woocommerce div.product .summary {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        float: none !important;
        margin: 0 !important;
    }
}


/* -------------------------
   MOBILE
   ------------------------- */

@media (max-width: 600px) {

    .single-product .woocommerce div.product {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
    }

    .single-product .woocommerce div.product div.images {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;
        margin: 0 !important;
    }

    .single-product .woocommerce div.product .summary {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;
        margin: 20px 0 0 0 !important;
    }
}


/* =========================================================
   MAIN PRODUCT IMAGE
   ========================================================= */


/* -------------------------
   DESKTOP
   ------------------------- */

@media (min-width: 1200px) {

    .single-product .woocommerce div.product
    div.images .flex-viewport {

        width: 600px !important;
        height: 500px !important;

        aspect-ratio: auto !important;

        overflow: hidden !important;
    }

    .single-product .woocommerce div.product
    div.images .flex-viewport img {

        width: 100% !important;
        height: 100% !important;

        max-width: 100% !important;

        display: block !important;

        /*
         * IMPORTANT:
         * contain prevents tall products such as
         * Peanut Butter bottles from being oversized/cropped.
         */
        object-fit: contain !important;
    }
}


/* -------------------------
   TABLET
   ------------------------- */

@media (min-width: 601px) and (max-width: 1199px) {

    .single-product .woocommerce div.product
    div.images .flex-viewport {

        width: 100% !important;
        height: auto !important;

        aspect-ratio: 6 / 5 !important;

        overflow: hidden !important;
    }

    .single-product .woocommerce div.product
    div.images .flex-viewport img {

        width: 100% !important;
        height: 100% !important;

        max-width: 100% !important;

        display: block !important;

        object-fit: contain !important;
    }
}


/* -------------------------
   MOBILE
   ------------------------- */

@media (max-width: 600px) {

    .single-product .woocommerce div.product
    div.images .flex-viewport {

        width: 100% !important;
        height: auto !important;

        aspect-ratio: 6 / 5 !important;

        overflow: hidden !important;
    }

    .single-product .woocommerce div.product
    div.images .flex-viewport img {

        width: 100% !important;
        height: 100% !important;

        max-width: 100% !important;

        display: block !important;

        object-fit: contain !important;
    }
}


/* =========================================================
   PRODUCT THUMBNAILS
   ========================================================= */

.single-product .woocommerce div.product
.flex-control-nav.flex-control-thumbs {

    display: flex !important;

    justify-content: flex-start !important;
    align-items: flex-start !important;

    gap: 8px !important;

    width: 100% !important;

    margin: 10px 0 0 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


.single-product .woocommerce div.product
.flex-control-nav.flex-control-thumbs li {

    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;

    flex: 0 0 70px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.single-product .woocommerce div.product
.flex-control-nav.flex-control-thumbs li img {

    display: block !important;

    width: 70px !important;
    height: 70px !important;

    max-width: none !important;

    margin: 0 !important;

    object-fit: cover !important;
}


@media (max-width: 600px) {

    .single-product .woocommerce div.product
    .flex-control-nav.flex-control-thumbs {

        gap: 6px !important;
        margin-top: 8px !important;
    }

    .single-product .woocommerce div.product
    .flex-control-nav.flex-control-thumbs li {

        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;

        flex: 0 0 60px !important;
    }

    .single-product .woocommerce div.product
    .flex-control-nav.flex-control-thumbs li img {

        width: 60px !important;
        height: 60px !important;
    }
}


/* =========================================================
   PRODUCT PRICE
   ========================================================= */

.single-product .woocommerce div.product p.price,
.single-product .woocommerce div.product span.price {

    color: #121F44 !important;

    font-size: 20px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

    margin: 0 0 15px 0 !important;
}


/* =========================================================
   SIMPLE PRODUCT CART
   ========================================================= */

.single-product .woocommerce div.product form.cart {

    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 15px 0 20px 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   VARIABLE PRODUCT
   ========================================================= */

.single-product .variations_form.cart table.variations {

    width: auto !important;

    margin: 0 0 14px 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


.single-product .variations_form.cart table.variations tbody {

    display: block !important;

    margin-top: 10px !important;
}


.single-product .variations_form.cart table.variations tr {

    display: flex !important;

    align-items: center !important;

    width: fit-content !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* Quantity / variation label */

.single-product .variations_form.cart
table.variations th.label {

    width: auto !important;
    min-width: auto !important;

    margin: 0 12px 0 0 !important;
    padding: 0 !important;

    border: 0 !important;

    vertical-align: middle !important;
}


.single-product .variations_form.cart
table.variations th.label label {

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    line-height: 38px !important;

    white-space: nowrap !important;
}


/* =========================================================
   VARIATION DROPDOWN
   ========================================================= */

.single-product .variations_form.cart
table.variations td.value {

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


.single-product .variations_form.cart
table.variations td.value select {

    display: block !important;

    width: 180px !important;
    height: 38px !important;

    margin: 0 !important;

    padding: 0 32px 0 12px !important;

    border: 1px solid #d8d8d8 !important;

    border-radius: 5px !important;

    background-color: #ffffff !important;

    /*
     * Restore native dropdown arrow
     */
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;

    font-size: 13px !important;

    line-height: 38px !important;

    cursor: pointer !important;

    box-shadow: none !important;

    outline: none !important;

    box-sizing: border-box !important;
}


.single-product .variations_form.cart
table.variations td.value select:focus {

    outline: none !important;

    border-color: #888 !important;

    box-shadow: 0 0 0 2px rgba(0,0,0,0.05) !important;
}


.single-product .variations_form.cart
.reset_variations {

    display: none !important;
}


/* =========================================================
   VARIABLE PRODUCT ADD TO CART AREA
   ========================================================= */

.single-product .variations_form.cart
.single_variation_wrap {

    width: 100% !important;

    margin: 12px 0 0 0 !important;

    padding: 0 !important;
}


.single-product .variations_form.cart
.woocommerce-variation-add-to-cart {

    display: flex !important;

    align-items: center !important;

    flex-wrap: nowrap !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   QUANTITY CONTROL
   ========================================================= */

.single-product .woocommerce div.product
form.cart .quantity {

    display: flex !important;

    align-items: center !important;

    width: auto !important;

    height: 38px !important;

    flex: 0 0 auto !important;

    float: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Quantity input */

.single-product .woocommerce div.product
form.cart .quantity input.qty,

.single-product .woocommerce div.product
form.cart .quantity input[type="number"] {

    display: block !important;

    width: 42px !important;
    min-width: 42px !important;

    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #d9d9d9 !important;

    border-radius: 0 !important;

    background: #ffffff !important;

    color: #121F44 !important;

    font-size: 14px !important;

    text-align: center !important;

    box-shadow: none !important;

    /*
     * Remove browser number spinner
     */
    appearance: textfield !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;

    box-sizing: border-box !important;
}


/* Chrome / Edge / Safari spinner */

.single-product .woocommerce div.product
form.cart .quantity input.qty::-webkit-inner-spin-button,

.single-product .woocommerce div.product
form.cart .quantity input.qty::-webkit-outer-spin-button,

.single-product .woocommerce div.product
form.cart .quantity input[type="number"]::-webkit-inner-spin-button,

.single-product .woocommerce div.product
form.cart .quantity input[type="number"]::-webkit-outer-spin-button {

    -webkit-appearance: none !important;

    appearance: none !important;

    display: none !important;

    margin: 0 !important;
}


/* =========================================================
   PLUS / MINUS
   ========================================================= */

.single-product .woocommerce div.product
form.cart .quantity .fivestar-qty-minus,

.single-product .woocommerce div.product
form.cart .quantity .fivestar-qty-plus {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    min-width: 38px !important;

    height: 38px !important;

    flex: 0 0 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #d9d9d9 !important;

    background: #ffffff !important;

    color: #121F44 !important;

    font-size: 18px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    cursor: pointer !important;

    box-sizing: border-box !important;
}


.single-product .woocommerce div.product
form.cart .quantity .fivestar-qty-minus {

    border-right: 0 !important;

    border-radius: 6px 0 0 6px !important;
}


.single-product .woocommerce div.product
form.cart .quantity .fivestar-qty-plus {

    border-left: 0 !important;

    border-radius: 0 6px 6px 0 !important;
}


.single-product .woocommerce div.product
form.cart .quantity .fivestar-qty-minus:hover,

.single-product .woocommerce div.product
form.cart .quantity .fivestar-qty-plus:hover {

    background: #f4f6fa !important;

    color: #213A71 !important;
}


/* =========================================================
   ADD TO CART BUTTON
   ========================================================= */

.single-product .woocommerce div.product
form.cart .single_add_to_cart_button {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    min-width: 105px !important;

    height: 38px !important;

    flex: 0 0 auto !important;

    margin: 0 !important;

    padding: 0 20px !important;

    border: 0 !important;

    border-radius: 5px !important;

    background-color: #213A71 !important;

    color: #ffffff !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    line-height: 38px !important;

    white-space: nowrap !important;

    cursor: pointer !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


.single-product .woocommerce div.product
form.cart .single_add_to_cart_button:hover {

    background-color: #121F44 !important;

    color: #ffffff !important;
}


/* =========================================================
   KEEP PRICE + QUANTITY + BUTTON TOGETHER
   ========================================================= */

/*
 * When JS moves the price into the cart row,
 * this keeps everything aligned.
 */

.single-product .fivestar-price-cart-row {

    display: flex !important;

    align-items: center !important;

    flex-wrap: nowrap !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 10px 0 20px 0 !important;
}


/* Price inside cart row */

.single-product .fivestar-price-cart-row .price {

    display: inline-block !important;

    width: auto !important;

    flex: 0 0 auto !important;

    margin: 0 !important;

    white-space: nowrap !important;
}


/* =========================================================
   RELATED PRODUCTS
   ========================================================= */


/* Basic card sizing */

.single-product .woocommerce
section.related.products ul.products li.product {

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   BELOW 1024px
   HORIZONTAL SCROLL
   --------------------------------------------------------- */

@media (max-width: 1024px) {

    .single-product .woocommerce
    section.related.products ul.products {

        display: flex !important;

        flex-wrap: nowrap !important;

        overflow-x: auto !important;

        overflow-y: hidden !important;

        gap: 16px !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 0 15px 0 !important;

        box-sizing: border-box !important;

        scroll-behavior: smooth !important;

        -webkit-overflow-scrolling: touch !important;
    }


    /* Fixed card width */

    .single-product .woocommerce
    section.related.products ul.products li.product {

        width: 220px !important;

        min-width: 220px !important;

        max-width: 220px !important;

        flex: 0 0 220px !important;

        flex-shrink: 0 !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }


    /* Related product image */

    .single-product .woocommerce
    section.related.products ul.products li.product img {

        width: 100% !important;

        max-width: 100% !important;

        height: auto !important;

        object-fit: contain !important;
    }


    /* Related product title */

    .single-product .woocommerce
    section.related.products ul.products li.product
    .woocommerce-loop-product__title {

        margin: 8px 0 !important;

        line-height: 1.3 !important;

        white-space: normal !important;
    }


    /* Related product price */

    .single-product .woocommerce
    section.related.products ul.products li.product
    .price {

        display: block !important;

        width: 100% !important;

        margin: 5px 0 10px 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;

        line-height: 1.4 !important;

        white-space: normal !important;
    }


    /* -----------------------------------------------------
       RELATED PRODUCT ADD BUTTON
       ----------------------------------------------------- */

    .single-product .woocommerce
    section.related.products ul.products li.product
    a.fivestar_cart_btn,

    .single-product .woocommerce
    section.related.products ul.products li.product
    a.add_to_cart_button,

    .single-product .woocommerce
    section.related.products ul.products li.product
    a.button {

        position: static !important;

        display: inline-flex !important;

        align-items: center !important;

        justify-content: center !important;

        width: fit-content !important;

        min-width: 55px !important;

        max-width: none !important;

        flex-shrink: 0 !important;

        float: none !important;

        clear: both !important;

        margin: 5px 0 10px auto !important;

        padding: 8px 12px !important;

        box-sizing: border-box !important;

        white-space: nowrap !important;
    }
}


/* ---------------------------------------------------------
   MOBILE RELATED PRODUCTS
   --------------------------------------------------------- */

@media (max-width: 600px) {

    .single-product .woocommerce
    section.related.products ul.products {

        gap: 12px !important;
    }


    .single-product .woocommerce
    section.related.products ul.products li.product {

        width: 180px !important;

        min-width: 180px !important;

        max-width: 180px !important;

        flex: 0 0 180px !important;

        flex-shrink: 0 !important;
    }


    .single-product .woocommerce
    section.related.products ul.products li.product
    .woocommerce-loop-product__title {

        font-size: 14px !important;

        line-height: 1.3 !important;
    }


    .single-product .woocommerce
    section.related.products ul.products li.product
    .price {

        font-size: 13px !important;
    }


    .single-product .woocommerce
    section.related.products ul.products li.product
    a.fivestar_cart_btn,

    .single-product .woocommerce
    section.related.products ul.products li.product
    a.add_to_cart_button,

    .single-product .woocommerce
    section.related.products ul.products li.product
    a.button {

        font-size: 12px !important;

        padding: 7px 10px !important;

        margin-top: 5px !important;
    }
}


/* =========================================================
   MOBILE CART
   ========================================================= */

@media (max-width: 600px) {

    .single-product .woocommerce div.product
    form.cart {

        gap: 8px !important;

        width: 100% !important;
    }


    .single-product .variations_form.cart
    .woocommerce-variation-add-to-cart {

        flex-wrap: wrap !important;

        gap: 8px !important;
    }


    .single-product .fivestar-price-cart-row {

        flex-wrap: wrap !important;

        gap: 8px !important;
    }
}


/* =========================================================
   PRIMARY CONTENT PADDING
   ========================================================= */

.products #primary {

    padding-left: 10px !important;

    padding-right: 10px !important;
}







/* =========================================================
   PRODUCT PAGE - MAIN LAYOUT
   ========================================================= */

/* -------------------------
   DESKTOP
   ------------------------- */

@media (min-width: 1200px) {

    .single-product div.product {
        display: grid !important;
        grid-template-columns: 600px minmax(0, 1fr) !important;
        column-gap: 40px !important;
        align-items: start !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .single-product div.product > .images {
        width: 600px !important;
        max-width: 600px !important;
        float: none !important;
        margin: 0 !important;
    }

    .single-product div.product > .summary {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
    }
}


/* -------------------------
   TABLET
   ------------------------- */

@media (min-width: 601px) and (max-width: 1199px) {

    .single-product div.product {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 30px !important;
        align-items: start !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .single-product div.product > .images {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
    }

    .single-product div.product > .summary {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
    }
}


/* -------------------------
   MOBILE
   ------------------------- */

@media (max-width: 600px) {

    .single-product div.product {
        display: block !important;
        width: 100% !important;
    }

    .single-product div.product > .images,
    .single-product div.product > .summary {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    .single-product div.product > .summary {
        margin-top: 20px !important;
    }
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.single-product div.product .product_title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #000000 !important;

    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    margin: 0 0 15px 0 !important;
    padding: 0 !important;
}


/* =========================================================
   MAIN PRODUCT IMAGE
   ========================================================= */

/* Desktop: exactly 600 x 500 */

@media (min-width: 1200px) {

    .single-product div.product > .images .flex-viewport {
        width: 600px !important;
        height: 450px !important;
        max-height: 450px !important;
        overflow: hidden !important;
        aspect-ratio: auto !important;
    }

    .single-product div.product > .images .flex-viewport .slides {
        height: 500px !important;
    }

    .single-product div.product > .images .flex-viewport .slides > li {
        width: 600px !important;
        height: 500px !important;
    }

    .single-product div.product > .images .flex-viewport img {
        width: 600px !important;
        height: 450px !important;
        max-width: none !important;
        object-fit: contain !important;
        display: block !important;
    }
}


/* Tablet */

@media (min-width: 601px) and (max-width: 1199px) {

    .single-product div.product > .images .flex-viewport {
        width: 100% !important;
        height: 350px !important;
        aspect-ratio: 6 / 5 !important;
        overflow: hidden !important;
     
    }

    .single-product div.product > .images .flex-viewport img {
        /* width: 100% !important;
        height: 100% !important;
        max-width: 100% !important; */
         width: 400px !important;
        height: 350px !important;
        object-fit: contain !important;
        display: block !important;
                max-width: none !important;
    }
}


/* Mobile */

@media (max-width: 600px) {

    .single-product div.product > .images .flex-viewport {
        width: 100% !important;
        height: 300px !important;
        aspect-ratio: 6 / 5 !important;
        overflow: hidden !important;
    }

    .single-product div.product > .images .flex-viewport img {
        width: 100% !important;
        height: 300px !important;
        max-width: 100% !important;
        object-fit: contain!important;
        display: block !important;
    }
}


/* =========================================================
   THUMBNAILS
   ========================================================= */

.single-product div.product > .images
.flex-control-nav.flex-control-thumbs {

    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;

    margin: 10px 0 0 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}

.single-product div.product > .images
.flex-control-nav.flex-control-thumbs li {

    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;

    flex: 0 0 70px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.single-product div.product > .images
.flex-control-nav.flex-control-thumbs li img {

    width: 70px !important;
    height: 70px !important;

    max-width: none !important;

    object-fit: cover !important;

    margin: 0 !important;
}


/* =========================================================
   PRODUCT CART FORM
   ========================================================= */

.single-product div.product form.cart {

    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 40px 0 20px 0 !important;
    padding: 0 !important;
}


/* =========================================================
   QUANTITY
   ========================================================= */

.single-product div.product form.cart .quantity {

    display: flex !important;
    align-items: center !important;

    width: auto !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
}

.single-product div.product form.cart .quantity input.qty {

    width: 42px !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #d9d9d9 !important;
    border-radius: 0 !important;

    background: #ffffff !important;
    color: #121F44 !important;

    font-size: 14px !important;
    text-align: center !important;

    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

.single-product div.product form.cart .quantity input.qty::-webkit-inner-spin-button,
.single-product div.product form.cart .quantity input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}


/* =========================================================
   PLUS / MINUS
   ========================================================= */

.single-product div.product form.cart .quantity .fivestar-qty-minus,
.single-product div.product form.cart .quantity .fivestar-qty-plus {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #d9d9d9 !important;

    background: #ffffff !important;
    color: #121F44 !important;

    font-size: 18px !important;
    line-height: 1 !important;

    box-sizing: border-box !important;
}

.single-product div.product form.cart .quantity .fivestar-qty-minus {
    border-right: 0 !important;
    border-radius: 6px 0 0 6px !important;
}

.single-product div.product form.cart .quantity .fivestar-qty-plus {
    border-left: 0 !important;
    border-radius: 0 6px 6px 0 !important;
}


/* =========================================================
   ADD TO CART
   ========================================================= */

.single-product div.product form.cart .single_add_to_cart_button {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 105px !important;

    height: 38px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    border: 0 !important;
    border-radius: 5px !important;

    background-color: #213A71 !important;
    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 38px !important;
    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* =========================================================
   RELATED PRODUCTS
   HORIZONTAL SCROLL BELOW 1024px
   ========================================================= */

@media (max-width: 1024px) {

    .single-product section.related.products ul.products {

        display: flex !important;
        flex-wrap: nowrap !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        gap: 16px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 0 15px 0 !important;

        box-sizing: border-box !important;

        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
    }


    .single-product section.related.products
    ul.products li.product {

        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;

        flex: 0 0 220px !important;
        flex-shrink: 0 !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }


    .single-product section.related.products
    ul.products li.product img {

        width: 100% !important;
        height: auto !important;

        max-width: 100% !important;

        object-fit: contain !important;
    }


    .single-product section.related.products
    ul.products li.product .woocommerce-loop-product__title {

        margin: 8px 0 !important;

        line-height: 1.3 !important;
    }


    .single-product section.related.products
    ul.products li.product .price {

        display: block !important;

        width: 100% !important;

        margin: 5px 0 10px 0 !important;

        white-space: normal !important;

        line-height: 1.4 !important;
    }


    .single-product section.related.products
    ul.products li.product .add_to_cart_button,
    .single-product section.related.products
    ul.products li.product a.button {

        position: static !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 55px !important;

        margin: 0 0 10px auto !important;

        padding: 8px 12px !important;

        white-space: nowrap !important;

        box-sizing: border-box !important;
    }
}


/* =========================================================
   RELATED PRODUCTS - MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .single-product section.related.products ul.products {
        gap: 12px !important;
    }

    .single-product section.related.products
    ul.products li.product {

        width: 180px !important;
        min-width: 180px !important;
        max-width: 180px !important;

        flex: 0 0 180px !important;
    }
}


/* =========================================================
   CONTENT PADDING
   ========================================================= */

@media (max-width: 600px) {
   padding-left: 30px !important;
    padding-right: 30px !important;
}
.single-product #primary {
    padding-left: 60px !important;
    padding-right: 60px !important;
}












/* =========================================================
   PRODUCT PAGE - KEEP TABS & RELATED PRODUCTS BELOW
   ========================================================= */

/* Desktop */
@media (min-width: 601px) {

    /* Product image stays in left column */
    .single-product div.product > .images {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    /* Product information stays in right column */
    .single-product div.product > .summary {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    /* Description / Additional Information / Reviews
       must span the complete product width */
    .single-product div.product > .woocommerce-tabs {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        clear: both !important;
    }

    /* Related products must be BELOW the tabs
       and span the complete width */
    .single-product div.product > section.related.products {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;

        width: 100% !important;
        clear: both !important;

        margin-top: 30px !important;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 601px) and (max-width: 1199px) {

    .single-product div.product > .images {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .single-product div.product > .summary {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .single-product div.product > .woocommerce-tabs {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
    }

    .single-product div.product > section.related.products {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        width: 100% !important;
        margin-top: 30px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .single-product div.product > .woocommerce-tabs,
    .single-product div.product > section.related.products {
        width: 100% !important;
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .single-product div.product > section.related.products {
        margin-top: 30px !important;
    }
}












/* =========================================================
   RELATED PRODUCTS - RESPONSIVE FIX
   ========================================================= */

/*
   Between tablet and desktop:
   DO NOT squeeze the related-product cards.
   Make the row horizontally scrollable.
*/

@media (max-width: 1199px) {

    /* Related products row */
    .woocommerce section.related.products ul.products {
        display: flex !important;
        flex-wrap: nowrap !important;

        width: 100% !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        gap: 16px !important;

        margin: 0 !important;
        padding: 0 0 15px 0 !important;

        box-sizing: border-box !important;

        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }


    /* =====================================================
       FIX CARD WIDTH
       ===================================================== */

    .woocommerce section.related.products
    ul.products li.product {

        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;

        flex: 0 0 220px !important;
        flex-shrink: 0 !important;

        box-sizing: border-box !important;

        margin: 0 !important;

        display: flex !important;
        flex-direction: column !important;
    }


    /* =====================================================
       PRODUCT IMAGE
       ===================================================== */

    .woocommerce section.related.products
    ul.products li.product img {

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        object-fit: contain !important;

        margin: 0 0 10px 0 !important;
    }


    /* =====================================================
       PRODUCT TITLE
       ===================================================== */

    .woocommerce section.related.products
    ul.products li.product
    .woocommerce-loop-product__title {

        width: 100% !important;

        margin: 8px 0 !important;
        padding: 0 !important;

        line-height: 1.3 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       PRICE
       ===================================================== */

    .woocommerce section.related.products
    ul.products li.product .price {

        display: block !important;

        width: 100% !important;

        margin: 5px 0 10px 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        white-space: normal !important;

        line-height: 1.4 !important;
    }


    /* =====================================================
       ADD TO CART
       IMPORTANT:
       Button comes BELOW the price
       ===================================================== */

    .woocommerce section.related.products
    ul.products li.product
    .fivestar_cart_btn,

    .woocommerce section.related.products
    ul.products li.product
    .add_to_cart_button,

    .woocommerce section.related.products
    ul.products li.product
    a.button {

        position: static !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        align-self: flex-end !important;

        width: auto !important;
        min-width: 70px !important;
        max-width: 100% !important;

        flex-shrink: 0 !important;

        margin: 5px 0 10px auto !important;
        padding: 8px 12px !important;

        box-sizing: border-box !important;

        white-space: nowrap !important;

        transform: none !important;
    }


    /* Make sure the card itself has enough room */
    .woocommerce section.related.products
    ul.products li.product {

        padding-bottom: 5px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .woocommerce section.related.products
    ul.products {

        gap: 12px !important;
    }


    .woocommerce section.related.products
    ul.products li.product {

        width: 180px !important;
        min-width: 180px !important;
        max-width: 180px !important;

        flex: 0 0 180px !important;
    }


    .woocommerce section.related.products
    ul.products li.product
    .woocommerce-loop-product__title {

        font-size: 14px !important;
    }


    .woocommerce section.related.products
    ul.products li.product .price {

        font-size: 13px !important;
    }


    .woocommerce section.related.products
    ul.products li.product
    .fivestar_cart_btn,

    .woocommerce section.related.products
    ul.products li.product
    .add_to_cart_button,

    .woocommerce section.related.products
    ul.products li.product
    a.button {

        font-size: 12px !important;

        padding: 7px 10px !important;

        min-width: 65px !important;
    }
}


/* =========================================================
   LARGE DESKTOP
   1200px+
   Keep normal 4-column layout
   ========================================================= */

@media (min-width: 1200px) {

    .woocommerce section.related.products
    ul.products {

        overflow: visible !important;
    }

    .woocommerce section.related.products
    ul.products li.product {

        box-sizing: border-box !important;
    }
}








/* =========================================================
   PRODUCT VARIATION DROPDOWN - SINGLE ARROW
   ========================================================= */

.woocommerce div.product form.cart table.variations td.value select,
.woocommerce div.product form.cart table.variations select#pa_quantity {

    /* Remove browser/theme native arrow */
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    /* Keep enough room for our single arrow */
    padding-right: 35px !important;

    /* Custom single dropdown arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23121F44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px 12px !important;

    background-color: #ffffff !important;
}













/* =========================================================
   PRODUCT IMAGE - FIT IMAGE INSIDE FRAME
   Do not crop / zoom product images
   ========================================================= */

/* Desktop */
@media (min-width: 1200px) {

    .woocommerce div.product div.images .flex-viewport {
        width: 600px !important;
        height: 500px !important;
        overflow: hidden !important;
    }

    .woocommerce div.product div.images .flex-viewport
    img.wp-post-image {

        width: 600px !important;
        height: 450px !important;

        max-width: 600px !important;
        max-height: 450px !important;

        object-fit: contain !important;
        object-position: center center !important;

        display: block !important;
    }
}


/* =========================================================
   TABLET / SMALL DESKTOP
   ========================================================= */

@media (min-width: 601px) and (max-width: 1199px) {

    .woocommerce div.product div.images .flex-viewport {
        width: 100% !important;
        height: 350px !important;
        aspect-ratio: 6 / 5 !important;
        overflow: hidden !important;
    }

    .woocommerce div.product div.images .flex-viewport
    img.wp-post-image {

        width: 100% !important;
        height: 350px !important;

        max-width: 100% !important;
        max-height: 350px!important;

        object-fit: contain !important;
        object-position: center center !important;

        display: block !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .woocommerce div.product div.images .flex-viewport {
        width: 100% !important;
        height: 300px !important;
        aspect-ratio: 6 / 5 !important;
        overflow: hidden !important;
    }

    .woocommerce div.product div.images .flex-viewport
    img.wp-post-image {

        width: 100% !important;
        height: 300px!important;

        max-width: 100% !important;
        max-height: 300px !important;

        object-fit: contain !important;
        object-position: center center !important;

        display: block !important;
    }
}








/* =========================================================
   SHOP / PRODUCT GRID - FIT IMAGES INSIDE FRAME
   Prevent product images from being cropped / zoomed in all product page
   ========================================================= */

/*#productGrid li.product img {
    width: 100% !important;
    height: 190px !important;

    object-fit: contain !important;
    object-position: center center !important;

    display: block !important;
}*/

/* =========================================================
   SHOP PRODUCT GRID - SMALLER PRODUCT IMAGES
   ========================================================= */

#productGrid li.product img {
    width: 90% !important;
    height: 175px !important;

    max-width: 90% !important;
    max-height: 175px !important;

    object-fit: contain !important;
    object-position: center center !important;
    
    display: block !important;

    margin: 0 auto 10px auto !important;
}















/* =========================================================
   PRODUCT META CARD
   Brand | SKU | Categories
   ========================================================= */

.single-product .product_meta {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;

    width: 100% !important;
    min-height: 78px !important;

    margin: 40px 0 !important;
    padding: 0 !important;

    background: #fff !important;

    border: 1px solid #f0f1f5 !important;
    border-radius: 10px !important;

    box-shadow: 0 4px 14px rgba(18, 31, 68, .08) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   EACH ITEM
   ========================================================= */

.single-product .product_meta .custom-meta-item {

    flex: 1 1 0 !important;

    min-width: 0 !important;
    min-height: 78px !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 14px 18px !important;

    box-sizing: border-box !important;
}


/* Separators */

.single-product .product_meta .custom-meta-item + .custom-meta-item {
    border-left: 1px solid #f0f1f5 !important;
}


/* =========================================================
   ICON
   ========================================================= */

.single-product .product_meta .custom-meta-icon {

    flex: 0 0 32px !important;

    width: 32px !important;
    height: 32px !important;

    margin-right: 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #f4f6f7 !important;

    color: #213a71 !important;

    border-radius: 6px !important;

    font-size: 13px !important;
    line-height: 1 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.single-product .product_meta .custom-meta-content {

    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    justify-content: center !important;
}


/* =========================================================
   LABEL
   ========================================================= */

.single-product .product_meta .custom-meta-label {

    margin: 0 0 3px 0 !important;
    padding: 0 !important;

    color: #213a71 !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 14px !important;
}


/* =========================================================
   VALUE
   ========================================================= */

.single-product .product_meta .custom-meta-value {

    margin: 0 !important;
    padding: 0 !important;

    color: #121f44 !important;

    font-size: 11px !important;
    font-weight: 400 !important;

    line-height: 15px !important;

    overflow-wrap: anywhere !important;
}


/* Links */

.single-product .product_meta .custom-meta-value a {

    color: #121f44 !important;

    text-decoration: none !important;
}


.single-product .product_meta .custom-meta-value a:hover {

    text-decoration: underline !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .single-product .product_meta {

        flex-direction: column !important;

        min-height: 0 !important;

        margin: 18px 0 !important;
    }


    .single-product .product_meta .custom-meta-item {

        width: 100% !important;

        min-height: 64px !important;

        padding: 12px 16px !important;
    }


    .single-product .product_meta .custom-meta-item + .custom-meta-item {

        border-left: 0 !important;

        border-top: 1px solid #f0f1f5 !important;
    }


    .single-product .product_meta .custom-meta-icon {

        margin-right: 12px !important;
    }
}


.single-product .product_meta .custom-meta-icon iconify-icon {
    width: 22px;
    height: 22px;
    
    display:flex;
    justify-content:center;
    align-items:center; 
}

.woocommerce img, .woocommerce-page img {
    height: fit-content !important;
}


/* =========================================================
   PRODUCT META - TABLET RESPONSIVE
   Stack items before the card becomes too narrow
   ========================================================= */

@media (max-width: 900px) {

    .single-product .product_meta {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .single-product .product_meta .custom-meta-item {
        width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
    }

    .single-product .product_meta .custom-meta-value {
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    .single-product .product_meta .custom-meta-value a {
        white-space: normal !important;
        word-break: normal !important;
    }

}

.woocommerce nav.woocommerce-pagination ul{
 margin-top: 40px !important;
 border-radius: 4px;
}




.woocommerce nav.woocommerce-pagination ul li span.current {
    background:#ffca06 !important;
    color: #000000 !important;
    }
    .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
    font-size: 1.2em !important;
    color: #cc1f4b !important;
    }
    
    .woocommerce span.onsale {
    min-height:45px !important;
    min-width: 45px !important;
    padding:0px !important;
    }