/* ==========================================================
   1. GLOBAL DESIGN TOKENS + BASE FIXES
========================================================== */

:root {
    --fleur-dark-green: #1a3a17;
    --fleur-beige: #FCFBF8; /* Εδώ βάλαμε το νέο απαλό χρώμα */
    --fleur-gold: #c5a059;
    --fleur-gold-text: #c5a059;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* Εξωτερικό Container - Μηδενισμός για να κολλήσει το περιεχόμενο στο μενού */
#main-content, main#main-content {
    overflow-x: hidden;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Εσωτερικά στοιχεία του Banner - Εδώ ορίζουμε το επιθυμητό κενό (8px) */
.com-content-article__body main,
.com-content-article__body .hero-trust-box {
    margin-top: 0 !important;
    padding-top: 8px !important; /* Το μικροσκοπικό κενό που θέλετε */
}

header.site-header {
    margin-bottom: 0 !important;
}

#system-message-container {
    display: none !important;
}

.header-main-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

/* --- FIX ΓΙΑ ΤΟ ΤΡΕΜΟΠΑΙΓΜΑ ΤΟΥ HEADER --- */

/* 1. Κλειδώνουμε το χώρο του καλαθιού */
.j2commerce-cart-module {
    display: inline-block !important;
    min-width: 140px !important; /* Κρατάει σταθερό πλάτος */
    min-height: 30px !important;
    vertical-align: middle;
}

/* 2. Σταματάμε τη μετακίνηση των διπλανών στοιχείων */
.header-whatsapp-icon, 
.header-phone-link, 
.flags-container,
.j2commerce-minicart-link {
    flex-shrink: 0 !important;
    margin-right: 15px; /* Δίνει σταθερή απόσταση */
}

/* 3. Κλειδώνουμε το ύψος της μπάρας */
.top-bar, .header-top {
    min-height: 45px !important;
    display: flex !important;
    align-items: center !important;
}

/* --- FIX ΓΙΑ ΤΟ ΤΡΕΜΟΠΑΙΓΜΑ ΤΗΣ ΣΕΛΙΔΑΣ (LAYOUT SHIFT) --- */

/* 1. Κλειδώνουμε το ελάχιστο ύψος της σελίδας για να μην "μαζεύει" */
#main-content, 
.j2commerce-single-product, 
.j2commerce-product-list {
    min-height: 80vh !important;
}

/* 2. Σταματάμε το απότομο scroll (jitter) κατά την πλοήγηση */
html {
    scroll-behavior: auto !important; /* Απενεργοποιεί το smooth scroll που προκαλεί το πήδημα */
}

/* 3. Προ-κράτηση χώρου για τις εικόνες των προϊόντων */
.j2commerce-product-item img, 
.j2commerce-product-main-image {
    aspect-ratio: 1 / 1;
    background-color: #f9f9f9;
}

/* Σταθεροποίηση του SEO Container στην κορυφή της κατηγορίας */
.seo-final-container {
    min-height: 120px; /* Ρύθμισέ το στο ύψος που έχει το κείμενο πριν το "Read More" */
    overflow: hidden;
    display: block;
    background-color: transparent;
}

/* Αποφυγή μετακίνησης του τίτλου */
h1.j2commerce-category-title {
    margin-bottom: 20px !important;
    min-height: 1.2em;
}

/* Αν το "Read More" είναι μέσα σε div που ανοιγοκλείνει */
#seo-full-content {
    transition: none !important; /* Απενεργοποίηση εφέ που προκαλούν τρέμουλο */
}

/* ==========================================================
   2. SINGLE PRODUCT (ISOLATED LAYOUT)
========================================================== */

.j2-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
    align-items: flex-start;
    margin-top: 20px;
}

.j2-layout .j2-left {
    flex: 0 0 45%;
    max-width: 45%;
    overflow: hidden;
}

.j2-layout .j2-left img,
.j2-layout .j2-left .j2commerce-product-main-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.j2-layout .j2-right {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-title {
  font-size: 24px;
  margin-left: -10px;
}

body .product-add-to-cart-group {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

button.j2commerce-cart-button.w-100.btn.btn-primary {
  width: 100%;
  margin-left: 0px;
}

button.j2commerce-cart-button.w-100.btn.btn-primary {
  height: 42px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* TYPOGRAPHY */
.j2-right h1,
.j2-right h2,
.j2-right h3 {
    display: block;
    margin-bottom: 15px;
    color: var(--fleur-dark-green);
}

/* PRICE */
.j2commerce-product-price {
    font-size: 22px;
    font-weight: 700;
    color: #111;
    margin: 5px 0 10px 0;
}

/* ORDER FLOW */
.j2-right h1,
.j2-right h2,
.j2-right h3 { order: 1; }

.j2commerce-product-price { order: 2; }

.j2-right .product-sku { order: 3; }

.j2-right .product-quantity { order: 4; }

.j2-right .add-to-cart,
.j2-right button { order: 5; }

/* 1. ΣΤΑΘΕΡΟΠΟΙΗΣΗ LAYOUT (ANTI-SHIFT) */
/* Εμποδίζει τη σελίδα να "πηδάει" όσο φορτώνει το περιεχόμενο */
.j2commerce-single-product, 
.j2commerce-product-view {
    min-height: 100vh !important;
}

html {
    scroll-behavior: auto !important;
    overflow-anchor: none !important;
}

/* 2. ΑΠΟΣΤΑΣΗ ΑΠΟ ΤΟ HEADER */
/* Δίνει "αέρα" στο περιεχόμενο για να μην κολλάει στο μενού */
main#main-content {
    padding-top: 80px !important;
}

@media (max-width: 991px) {
    main#main-content {
        padding-top: 60px !important;
    }
}

/* ===============================
   J2COMMERCE CART PAGE WRAPPER
=============================== */

.athens-cart-page {
    width: 100% !important;
    max-width: 100% !important;
}

.athens-cart-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px 20px;
    box-sizing: border-box;
}

/* Αν θες λίγο πιο “tight” layout */
@media (min-width: 1280px) {
    .athens-cart-inner {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* Mobile fix */
@media (max-width: 991px) {
    .athens-cart-inner {
        padding: 15px;
    }
}

/* ISOLATED BUTTON (FIX CONFLICTS) */
.j2-layout .j2-right button {
    all: unset;
    display: inline-flex;
    justify-content: center;
    align-items: center;

    background-color: var(--fleur-gold) !important;
    color: #000 !important;

    padding: 12px 24px !important;
    font-size: 16px !important;
    font-weight: bold !important;

    border-radius: 5px !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
}

.j2-layout .j2-right button:hover {
    background-color: var(--fleur-dark-green) !important;
    color: #fff !important;
}

@media (min-width: 993px) {
    /* Περιορισμός και κεντράρισμα της σελίδας του προϊόντος στο desktop */
    .j2commerce-single-product {
        max-width: 1000px !important; 
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important; /* Διασφάλιση ότι δεν επηρεάζεται από float */
    }
}

button.j2commerce-cart-button.w-100.btn.btn-primary {
  width: 144px;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 144px;
  min-width: 144px;
}

body .product-add-to-cart-group {
  align-items: flex-start;
}

/* 1. Το animation για τη γυαλάδα (shine) */
@keyframes shine-gold {
    0% { left: -100%; }
    20% { left: 100%; }
    100% { left: 100%; }
}

/* 2. Το κουμπί με το χρυσό gradient και το βάθος */
.j2commerce-cart-button.btn.btn-primary {
    position: relative !important;
    overflow: hidden !important;
    background-color: #FFD700 !important; /* Βασικό χρυσό */
    background-image: linear-gradient(135deg, #FFD700 0%, #daa520 50%, #8b6508 100%) !important;
    color: #000 !important;
    border: 1px solid #b8860b !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
    z-index: 1;
}

/* 3. Το εφέ της γυαλάδας που περνάει από πάνω */
.j2commerce-cart-button.btn.btn-primary::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.9) 50%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
    transform: skewX(-30deg) !important;
    animation: shine-gold 2.5s infinite !important;
    z-index: 2;
}

/* 4. Hover κατάσταση: Σκούρο Πράσινο (Black Green) */
.j2commerce-cart-button.btn.btn-primary:hover {
    background: #013220 !important;
    background-image: none !important; /* Αφαίρεση του gradient στο hover */
    color: #ffffff !important;
}

/* ==========================================================
   3. J2COMMERCE CATEGORY / CART / INPUT SYSTEM
========================================================== */

/* INPUT GROUP */
.j2commerce .input-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    width: auto !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* QUANTITY */
.j2commerce .input-group .qty-input,
.j2commerce .input-group .j2commerce-qty-input {
    width: 60px !important;
    height: 45px !important;

    text-align: center !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;

    display: none !important;
}

/* Hide +/- buttons but keep Add to Cart */
.j2commerce .input-group .btn:not(.j2commerce-cart-button) {
    display: none !important;
}

/* ADD TO CART BUTTON */
.j2commerce .input-group .j2commerce-cart-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    padding: 0 20px !important;
    white-space: nowrap !important;

    margin: 0 !important;
    flex: 0 0 auto !important;
}

/* GOLD BUTTON */
button.j2commerce-cart-button.flex-fill.btn.btn-primary {
    background: linear-gradient(
        45deg,
        #d4af37,
        #f9f295,
        #d4af37,
        #b8860b,
        #d4af37
    ) !important;
    background-size: 400% 400% !important;
    color: #1a3a17 !important;
    border: none !important;
    animation: shine 3s ease infinite !important;
    transition: all .5s ease !important;
}

button.j2commerce-cart-button.flex-fill.btn.btn-primary:hover {
    background: #1a3a17 !important;
    color: #f9f295 !important;
    background-image: none !important;
    animation: none !important;
}

@keyframes shine {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* CATEGORY */
.j2commerce-item-category-current {
    display: none !important;
}

/* ADD TO CART FORM */
.j2commerce-addtocart-form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

.j2commerce-product-item.j2commerce-product-1.j2commerce-type-simple.d-flex.flex-column.h-100 {
  position: relative;
  padding-bottom: 60px;
}

/* BUTTON POSITIONING */
.j2commerce .input-group {
  position: absolute;
  bottom: 10px;
  right: auto;
  width: auto;
  z-index: 999;
  left: 10px;
}

/* Heading Order: Hide Title Description */
h3.text-center.mb-4 { display: none !important; }

.product-description h3.text-center.mb-4 {
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 0px;
  margin: 0px;
  padding: 0px;
}

/* Κρύβουμε τον τίτλο κατηγορίας που βγάζει το component μέσα στο single product */
.j2commerce-single-product .page-header {
    display: none !important;
}

/* ==========================================================
   LAYOUT FIX: NARROW & CENTERED
========================================================== */

/* Περιορισμός κεντρικού πλαισίου (Μάζεμα) */
main#main-content.container {
    max-width: 1140px !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100% !important;
    display: block !important;
}

/* Διόρθωση οριζόντιας κύλισης */
body {
    overflow-x: hidden !important;
}

/* Επαναφορά flex στο row των προϊόντων */
.j2commerce-products-row.row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
}

/* Διασφάλιση 4 στηλών (Desktop) */
.j2commerce-products-row.row > .col-md-3 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
    box-sizing: border-box !important;
}

/* 2 Στήλες για Tablet */
@media (max-width: 992px) {
    .j2commerce-products-row.row > .col-md-3 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

/* 1 Στήλη για Κινητά */
@media (max-width: 767px) {
    .j2commerce-products-row.row > .col-md-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    main#main-content.container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .j2commerce-subcategory-nav, 
    span.j2commerce-item-category-current.ai-style-change-1 {
        display: none !important;
    }
}

/* =========================================================
   DIAMORFISI QUANTITY BUTTONS (Final - Colors & Functionality)
========================================================= */

/* Στοχεύουμε ΜΟΝΟ το wrapper της ποσότητας, όχι όλο το input-group */
body .count-input.flex-shrink-0,
body .j2commerce-qty-wrapper, 
body .input-group.j2commerce-qty-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    height: 42px !important; /* Σταθερό ύψος */
}

/* Διασφάλιση ότι το κουμπί Αγορά και η Τιμή ΔΕΝ κρύβονται */
body .j2commerce-addtocart-form .input-group:not(.j2commerce-qty-wrapper) {
    display: flex !important;
    overflow: visible !important;
    border: none !important;
    background: transparent !important;
}

/* Κοινά χαρακτηριστικά για όλα τα κουμπιά */
body .count-input .btn.btn-icon,
body .input-group .btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    font-weight: bold !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 4px !important;
    transition: all 0.2s !important;
}

/* Το κουμπί μείον (-) - Fleur Gold Style */
body .count-input .btn.btn-icon:first-child,
body .input-group .btn:first-child {
    color: var(--fleur-gold) !important;
    background-color: #fdfbf7 !important; /* Πολύ ανοιχτό μπεζ για φόντο */
    border: 1px solid var(--fleur-gold) !important;
}

/* Το κουμπί συν (+) - Fleur Green Style */
body .count-input .btn.btn-icon:last-child,
body .input-group .btn:last-child {
    color: var(--fleur-beige) !important;
    background-color: var(--fleur-dark-green) !important;
    border: 1px solid var(--fleur-dark-green) !important;
}

/* FALLBACK ΓΙΑ ΕΙΚΟΝΙΔΙΑ (Αν δεν φορτώνει το Font Awesome) */
body .count-input .btn.btn-icon .fa-minus::before,
body .input-group .btn .fa-minus::before {
    content: "-" !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
}

body .count-input .btn.btn-icon .fa-plus::before,
body .input-group .btn .fa-plus::before {
    content: "+" !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
}

/* Hover και Disabled states */
body .count-input .btn.btn-icon:hover:not(:disabled),
body .input-group .btn:hover:not(:disabled) {
    filter: brightness(0.9);
}

body .count-input .btn.btn-icon:disabled,
body .input-group .btn:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    filter: grayscale(1) !important;
}

/* Input στυλ */
body .count-input input.j2commerce-qty-input,
body .input-group .j2commerce-qty-input {
    width: 50px !important;
    height: 40px !important;
    border: none !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 16px !important;
    background-color: #fff !important;
    color: #333 !important;
    margin: 0 !important;
}

/* Αφαίρεση βελών από το input */
body .count-input input.j2commerce-qty-input::-webkit-outer-spin-button,
body .count-input input.j2commerce-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Εμφάνιση του πεδίου ποσότητας */
.j2commerce .input-group .j2commerce-qty-input {
    display: block !important;
}

/* Εμφάνιση των κουμπιών + και - */
.j2commerce .input-group .j2commerce-qty-minus,
.j2commerce .input-group .j2commerce-qty-plus {
    display: inline-block !important;
}

/* ==========================================================
   FINAL PROFESSIONAL CART REDESIGN (BOXED DESKTOP & RESPONSIVE)
   ========================================================== */

/* 1. ΣΥΜΜΑΖΕΜΑ ΣΤΟ DESKTOP (Boxed & Centered) */
@media (min-width: 992px) {
    #j2commerce-cart-form,
    .j2commerce-cart-items-table,
    .cart-totals-block {
        max-width: 1140px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .table-responsive {
        padding: 0 15px !important;
    }
}

/* 2. ΣΤΑΘΕΡΟΠΟΙΗΣΗ ΠΙΝΑΚΑ */
#j2commerce-cart-form table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}

/* Αναλογίες στηλών */
#j2commerce-cart-form th:first-child,
#j2commerce-cart-form td:first-child {
    width: 50% !important;
}

#j2commerce-cart-form td.cart-line-subtotal,
#j2commerce-cart-form td.cart-line-remove {
    text-align: right !important;
    vertical-align: middle !important;
}

/* 3. ΚΟΥΜΠΙ ΚΑΤΑΡΓΗΣΗΣ (REMOVE) - ΚΟΚΚΙΝΟ ΜΕ ΚΕΙΜΕΝΟ */
button.j2commerce-remove-ajax {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    min-width: 130px !important;
    min-height: 38px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: #dc3545 !important;
    border: 1px solid #b02a37 !important;
    border-radius: 6px !important;
    transition: all .3s ease !important;
}

button.j2commerce-remove-ajax::after {
    content: " Κατάργηση" !important;
}

button.j2commerce-remove-ajax:hover {
    background: #bb2d3b !important;
    color: #ffffff !important;
}

/* 4. ΚΟΥΜΠΙΑ ΜΕ ΧΡΥΣΟ GRADIENT (Checkout & Clear Cart) */
a.btn.btn-lg.btn-primary.d-flex,
button.btn.btn-primary.btn-sm,
button.j2commerce-clear-cart-ajax {
    background: linear-gradient(45deg, #D4AF37, #F9E27D, #D4AF37) !important;
    background-size: 200% auto !important;
    color: #000 !important;
    font-weight: 700 !important;
    border: 1px solid #B8860B !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.1) !important;
    text-decoration: none !important;
    transition: all .35s ease !important;
}

a.btn.btn-lg.btn-primary.d-flex:hover,
button.btn.btn-primary.btn-sm:hover,
button.j2commerce-clear-cart-ajax:hover {
    background: #1a3015 !important;
    color: #ffffff !important;
    border-color: #1a3015 !important;
}

/* 5. MOBILE READY (Responsive) */
@media (max-width: 767px) {
    #j2commerce-cart-form td:first-child {
        width: 40% !important;
    }
    
    button.j2commerce-remove-ajax {
        min-width: 100px !important;
        font-size: 12px !important;
        padding: 6px 10px !important;
    }
    
    .j2commerce-cart-item-details img {
        width: 60px !important;
        height: 60px !important;
    }

    .j2commerce-cart-item td {
        padding: 10px 5px !important;
        font-size: 0.85rem !important;
    }
}

/* 6. TOTALS BLOCK */
.cart-totals-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 30px !important;
}

/* ----------------------------------------------------------
   Cart Product Image Size Fix
   ---------------------------------------------------------- */

/* Main thumbnail image */
.cart-thumb-image img {
    width: 150px !important;
    height: 150px !important;
    max-width: 150px !important;
    object-fit: cover; /* prevents distortion */
}

/* Thumbnail container */
.cart-thumb-image {
    width: 150px !important;
    flex-shrink: 0;
}

/* Extra fallback selector (Joomla / Bootstrap variants) */
img.img-thumbnail.img-fluid.object-fit-cover {
    width: 150px !important;
    height: 150px !important;
    max-width: 150px !important;
    object-fit: cover;
}

/* Ensure flex container doesn't collapse */
span.cart-thumb-image.flex-shrink-0 {
    display: block;
    width: 150px !important;
}

/* ----------------------------------------------------------
   Cart Product Image Size Fix
   ---------------------------------------------------------- */

/* Main thumbnail image */
.cart-thumb-image img {
    width: 150px !important;
    height: 150px !important;
    max-width: 150px !important;
    object-fit: cover; /* prevents distortion */
}

/* Thumbnail container */
.cart-thumb-image {
    width: 150px !important;
    flex-shrink: 0;
}

/* Extra fallback selector (Joomla / Bootstrap variants) */
img.img-thumbnail.img-fluid.object-fit-cover {
    width: 150px !important;
    height: 150px !important;
    max-width: 150px !important;
    object-fit: cover;
}

/* Ensure flex container doesn't collapse */
span.cart-thumb-image.flex-shrink-0 {
    display: block;
    width: 150px !important;
}

/* ==========================================================
   DESKTOP PRODUCT LAYOUT FIX (FINAL CONSOLIDATED)
========================================================== */
@media (min-width: 992px) {
    /* ZONE 1: Εξωτερική Διάταξη (Εικόνα αριστερά - Στοιχεία δεξιά) */
    .product-1.simple-product > .row:first-of-type {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Αριστερή Στήλη: Εικόνα (50%) */
    .product-1.simple-product > .row:first-of-type > .col-lg-6:first-child {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        padding-right: 25px !important;
    }

    /* Δεξιά Στήλη: Στοιχεία (50%) - Χρήση Grid για εσωτερική οργάνωση */
    .product-1.simple-product > .row:first-of-type > .col-lg-6:nth-child(2) {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        padding-left: 25px !important;
        
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* Δύο στήλες για τιμή και καλάθι */
        align-items: start !important;
    }

    /* 1. Τίτλος: Πρώτη γραμμή, όλο το πλάτος */
    .product-title {
        grid-column: 1 / span 2 !important;
        grid-row: 1 !important;
        margin-bottom: 20px !important;
    }

    /* 2. Τιμή & SKU: Δεύτερη γραμμή, αριστερή πλευρά */
    .sku-price-container {
        grid-column: 1 !important;
        grid-row: 2 !important;
        margin-bottom: 0 !important;
        align-self: center !important;
    }
    
    /* Διόρθωση row εντός του container για να μην σπάει */
    .sku-price-container.row {
        margin: 0 !important;
        display: block !important; 
    }
    .sku-price-container .col-lg-6 {
        width: 100% !important;
        padding: 0 !important;
        text-align: left !important;
    }

    /* 3. Φόρμα (Ποσότητα & Κουμπί): Δεύτερη γραμμή, δεξιά πλευρά */
    .j2commerce-addtocart-form {
        grid-column: 2 !important;
        grid-row: 2 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-self: center !important;
    }

    /* 4. Διαθεσιμότητα / Brand: Τρίτη γραμμή */
    .stock-brand-container {
        grid-column: 1 / span 2 !important;
        grid-row: 3 !important;
        margin-top: 25px !important;
    }

    /* 5. Περιγραφή (Short Description): Τέταρτη γραμμή (Κάτω από όλα) */
    .product-sdesc {
        grid-column: 1 / span 2 !important;
        grid-row: 4 !important;
        margin-top: 20px !important;
    }

    /* Καθαρισμός εσωτερικών αποστάσεων */
    .j2commerce-add-to-cart {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .product-add-to-cart-group {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        margin-bottom: 0 !important;
    }
}

/* Γενικές διορθώσεις για σωστή εμφάνιση */
.sku-value {
    display: inline-block;
}

/* Η κλάση του στοιχείου που μετακινήθηκε */
.product-sdesc.text-body-secondary.mb-4 {
    margin-top: 20px !important; /* Προσθέτει απόσταση από τον τίτλο */
    display: block;
    width: 100%;
    text-align: center; /* Αν θέλετε να είναι κεντραρισμένο όπως ο τίτλος */
}

/* Ο τίτλος "Περιγραφή" */
.product-description h3.text-center.mb-4 {
    margin-bottom: 10px;
}

/* ==========================================================
   Final Mobile Friendly Fixes (Production Ready)
========================================================= */
@media only screen and (max-width: 768px) {
    
    /* 1. Κατάργηση περιττών κενών (Κορνίζα) */
    html, body {
        width: 100% !important;
        overflow-x: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Προσαρμογή των βασικών Containers */
    body.com_j2commerce, 
    main#main-content.container, 
    .container, 
    .container-fluid {
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Μείωση του εσωτερικού πλαισίου του J2Commerce */
    .j2commerce {
        margin: 5px 0 !important;
        padding: 5px !important; 
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. Σμίκρυνση Γραμματοσειρών & Τίτλων */
    h1, .h1 { font-size: 1.4rem !important; margin-bottom: 10px !important; }
    h2, .h2 { font-size: 1.2rem !important; margin-bottom: 8px !important; }
    h3, .h3 { font-size: 1.1rem !important; margin-bottom: 5px !important; }
    p, td, span, label { font-size: 14px !important; line-height: 1.4 !important; }

    /* 3. Αναδιάταξη Πίνακα Καλαθιού (Stack View) */
    .j2commerce-cart-table, 
    .j2commerce-cart-table tbody, 
    .j2commerce-cart-table thead, 
    .j2commerce-cart-table tfoot {
        display: block !important;
        width: 100% !important;
    }

    .j2commerce-cart-table thead {
        display: none !important;
    }

    tr.j2commerce-cart-item {
        display: flex !important;
        flex-direction: column !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid #eeeeee !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    tr.j2commerce-cart-item td {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        padding: 4px 0 !important;
        border: none !important;
    }

    .cart-line-subtotal, 
    .cart-line-remove {
        text-align: right !important;
        font-weight: bold !important;
    }

    /* 4. Σμίκρυνση Κουμπιών & Στοιχείων Form */
    .btn, 
    button, 
    .j2commerce-remove-ajax, 
    .j2commerce-clear-cart-ajax {
        padding: 6px 12px !important;
        font-size: 13px !important;
        height: auto !important;
        width: auto !important;
        display: inline-block !important;
    }

    input[type="text"], 
    input[type="number"], 
    select {
        padding: 6px !important;
        font-size: 14px !important;
        height: auto !important;
        max-width: 100% !important;
    }

    .j2commerce-cart-item img {
        max-width: 80px !important;
        height: auto !important;
        margin-bottom: 8px !important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
    }

    /* SWIPER ARROWS - MOBILE ONLY HIDE */
    .swiper-button-prev,
    .swiper-button-next {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width: 576px) {

    .j2commerce .input-group {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .j2commerce .input-group .j2commerce-cart-button {
        width: 100% !important;
        min-width: 100% !important;
    }

}

/* Μόνιμη εφαρμογή του νέου στυλ για το κουμπί αγοράς */
button.j2commerce-cart-button.btn-primary {
    font-size: 14px !important;
    padding: 10px 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: bold !important;
}

/* ==========================================================
   FINAL PRODUCT LIST FIX: CENTERED, MOBILE READY, CLEAN IMAGES
   ========================================================== */

/* 1. ΚΑΘΑΡΙΣΜΟΣ ΕΙΚΟΝΑΣ & ΤΙΤΛΟΥ (Αφαίρεση τυχόν "γυαλάδας" από την εικόνα) */
.j2commerce-product-item img, 
.j2commerce-product-item .j2commerce-product-title,
.j2commerce-product-item h3,
.j2commerce-product-item h2,
.j2commerce-product-item a {
    animation: none !important;
    background: none !important;
    filter: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

/* 2. ΚΕΝΤΡΑΡΙΣΜΑ ΟΛΟΚΛΗΡΗΣ ΤΗΣ ΚΑΡΤΑΣ ΠΡΟΪΟΝΤΟΣ */
.j2commerce-product-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; 
    text-align: center !important;
    padding: 15px !important;
    height: 100% !important;
    background: #ffffff !important;
    position: relative !important;
    overflow: hidden !important; /* Προστασία για να μην βγαίνει το shine του κουμπιού έξω */
}

/* 3. ΕΙΚΟΝΑ ΣΤΟ ΚΕΝΤΡΟ */
.j2commerce-product-item img {
    margin: 0 auto 15px auto !important;
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* 4. ΚΕΝΤΡΑΡΙΣΜΑ ΠΛΑΙΣΙΟΥ ΚΟΥΜΠΙΟΥ (Ακύρωση Absolute Positioning) */
.j2commerce .input-group {
    position: static !important; 
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 20px auto 10px auto !important;
    left: auto !important;
    bottom: auto !important;
    border: none !important;
    background: transparent !important;
}

/* 5. ΤΟ ΚΟΥΜΠΙ "ΣΤΟ ΚΑΛΑΘΙ" (Fit Width & Shine isolated) */
button.j2commerce-cart-button.flex-fill.btn.btn-primary {
    width: auto !important;
    min-width: 160px !important; 
    max-width: 95% !important;
    margin: 0 auto !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 10px 20px !important;
    white-space: nowrap !important;
    flex: 0 1 auto !important;
    /* Η γυαλάδα εφαρμόζεται ΜΟΝΟ εδώ */
    animation: shine 3s ease infinite !important;
    z-index: 5 !important;
}

/* 6. ΡΥΘΜΙΣΕΙΣ ΓΙΑ MOBILE (Κινητά - 1 Στήλη Κεντραρισμένη) */
@media (max-width: 767px) {
    /* Κεντράρισμα της στήλης στο κινητό */
    .j2commerce-products-row.row > .col-md-3,
    .j2commerce-products-row.row > .col-sm-6,
    .j2commerce-products-row.row > .col-6 {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* Η κάρτα του προϊόντος στο κινητό */
    .j2commerce-product-item {
        width: 100% !important;
        max-width: 320px !important; 
        margin: 0 auto 30px auto !important;
        border: 1px solid #f0f0f0 !important;
        border-radius: 8px !important;
    }
}

/* Διόρθωση ευθυγράμμισης στο κουμπί "Στο καλάθι" */

/* 1. Εξασφάλιση Flexbox για το κουμπί και κεντράρισμα */
a.btn.btn-lg.btn-primary.d-flex.align-items-center.justify-content-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. Αφαίρεση του περιττού margin-top από τα εικονίδια (lock και chevron) */
a.btn.btn-lg.btn-primary .fa-solid.mt-1 {
    margin-top: 0 !important;
}

/* 3. Σωστή ευθυγράμμιση για το κείμενο */
.cart-button-title.lh-1 {
    display: inline-block !important;
    line-height: 1 !important;
}

/* 4. Επιπλέον ευθυγράμμιση για το δεξί βέλος αν χρειάζεται */
.fa-chevron-right.align-self-center {
    align-self: center !important;
}


/* --- J2Commerce Checkout: ΟΛΟΚΛΗΡΩΜΕΝΟΣ ΚΩΔΙΚΑΣ (OFFICIAL) --- */

/* === 1. ΓΕΝΙΚΗ ΔΙΑΤΑΞΗ ΠΕΔΙΩΝ (ΚΑΘΕΤΗ) === */
.j2commerce-checkout-steps section { margin-bottom: 25px !important; }

/* Labels πάνω από τα inputs */
.j2commerce-checkout-steps label:not(.form-check-label) {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    text-align: left !important;
}

/* Full width σε όλα τα πεδία */
.j2commerce-checkout-steps .row > [class*="col-"],
.j2commerce-checkout-steps .col-md-6,
.j2commerce-checkout-steps .col-12 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 15px !important;
}

/* Στυλ των inputs */
.j2commerce-checkout-steps input:not([type="checkbox"]):not([type="radio"]), 
.j2commerce-checkout-steps select, 
.j2commerce-checkout-steps textarea {
    width: 100% !important;
    display: block !important;
    padding: 10px 12px !important;
    height: auto !important;
}

/* === 2. ΔΙΟΡΘΩΣΗ ΤΗΛΕΦΩΝΟΥ & CHECKBOXES === */
.j2c-telephone-field.input-group { display: flex !important; flex-wrap: nowrap !important; }
.j2c-phone-static-prefix, .iti__flag-container { display: none !important; }

.j2commerce-checkout-steps .form-check {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 15px 0 !important;
    padding: 0 !important;
}

.j2commerce-checkout-steps .form-check-input {
    width: 20px !important;
    height: 20px !important;
    margin-right: 12px !important;
    position: static !important;
    flex-shrink: 0 !important;
}

/* === 3. ΠΛΑΪΝΗ ΜΠΑΡΑ: ΠΡΟΪΟΝΤΑ (Τίτλος πάνω, Εικόνα κάτω) === */
.checkout-sidebar-item.d-flex {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}

.checkout-sidebar-item .flex-grow-1.overflow-hidden {
    order: 1 !important;
    flex-grow: 0 !important;
    width: auto !important;
    max-width: 75% !important;
}

.checkout-sidebar-item .fw-medium.flex-shrink-0 {
    order: 1 !important;
    margin-left: 5px !important;
}

.checkout-sidebar-item .position-relative.flex-shrink-0 {
    order: 2 !important;
    flex-basis: 100% !important;
    margin-top: 10px !important;
}

/* === 4. ΚΟΥΜΠΙ ΚΑΛΑΘΙΟΥ (Όλα ΑΡΙΣΤΕΡΑ) === */
button.btn.btn-light.w-100.d-lg-none {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 15px 0 !important;
}

.j2commerce-sidecart-toggle-total { margin-left: 0 !important; }

/* === 5. ΣΥΝΟΛΑ & BADGE (Όλα ΑΡΙΣΤΕΡΑ) === */
.d-flex.justify-content-between.mb-1, 
.d-flex.justify-content-between.mb-2, 
.d-flex.justify-content-between.fw-bold,
.pt-2.border-top.mt-2 {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}

.checkout-sidebar-item .badge {
    position: static !important;
    transform: none !important;
    margin-left: 8px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 1. Απόκρυψη της σημαίας και του κωδικού +30 */
.j2c-telephone-field .j2c-phone-static-prefix {
    display: none !important;
}

/* 2. Επαναφορά των πεδίων τηλεφώνου στη σωστή θέση (ροή) της σελίδας */
.j2c-telephone-field.input-group {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    right: auto !important;
    width: 100% !important;
    display: flex !important;
    margin-bottom: 15px; /* Προαιρετικό: κενό μεταξύ των πεδίων αν είναι το ένα κάτω από το άλλο */
}

/* 3. Διόρθωση των γωνιών του πλαισίου και εξασφάλιση πλήρους πλάτους */
.j2c-telephone-field .j2c-phone-national {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
    flex: 1 1 auto !important;
    width: 100% !important;
}

/* Επιτρέπει στα στοιχεία μέσα στο προϊόν να αλλάζουν σειρά και να πέφτουν από κάτω */
.checkout-sidebar-item {
    flex-wrap: wrap !important;
}

/* Ρυθμίσεις για το τμήμα των συνόλων που μετακινήθηκε */
.checkout-sidebar-item > .border-top.pt-3 {
    width: 100% !important; /* Αναγκάζει το στοιχείο να πιάσει όλη τη γραμμή */
    border-top: 1px solid #dee2e6 !important; /* Γραμμή διαχωρισμού */
    margin-top: 15px !important; /* Απόσταση από την εικόνα/τίτλο */
    padding-top: 10px !important;
    display: block !important;
}

/* Προαιρετικό: Αν θέλετε τα d-flex μέσα στα σύνολα να έχουν σωστά κενά */
.checkout-sidebar-item .d-flex.justify-content-between {
    width: 100%;
}

/* Πιο συγκεκριμένος selector για να σιγουρέψουμε ότι θα εφαρμοστεί */
div.checkout-sidebar-item.list-group-item {
    flex-wrap: wrap !important;
}

div.checkout-sidebar-item.list-group-item > div.border-top.pt-3 {
    width: 100% !important;
    flex: 0 0 100% !important;
    border-top: 1px solid #dee2e6 !important;
    margin-top: 15px !important;
    padding-top: 10px !important;
    display: block !important;
}

/* --- ΔΙΟΡΘΩΣΗ ΤΗΛΕΦΩΝΟΥ (Σημαία & +30) --- */
.j2c-telephone-field .j2c-phone-static-prefix {
    display: none !important;
}

/* --- ΣΤΟΙΧΙΣΗ ΦΟΡΜΑΣ ΑΡΙΣΤΕΡΑ & RESPONSIVE --- */

/* Γενική στοίχιση αριστερά για Desktop & Mobile */
.form-normal, 
.form-normal .row,
.form-normal [class*="col-"],
.j2c-checkout-form {
    display: block !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    width: 100% !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
}

/* Ρυθμίσεις για τα κουτιά (Inputs) */
.form-control, 
.input-group,
.j2c-telephone-field.input-group {
    margin-left: 0 !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Στρογγυλεμένες γωνίες στα τηλέφωνα αφού κρύψαμε το πρόθεμα */
.j2c-phone-national {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
}

/* --- MOBILE OPTIMIZATION (Για να μην εξέχουν τα κουτιά δεξιά) --- */
@media (max-width: 768px) {
    .form-normal {
        padding-left: 10px !important;
        padding-right: 15px !important; /* Κενό δεξιά για να μην εξέχει */
        overflow-x: hidden !important;
    }

    .form-control, 
    .input-group,
    .j2c-telephone-field.input-group {
        width: calc(100% - 5px) !important; /* Μικρή μείωση για τέλεια εφαρμογή */
    }

    /* Labels στοίχιση αριστερά στο κινητό */
    .form-normal label,
    .form-normal .form-label {
        text-align: left !important;
        margin-left: 0 !important;
        display: block !important;
    }
}

/* 1. Εξασφάλιση ότι ο κεντρικός γονέας στοιχίζει τα περιεχόμενα κάθετα */
.bg-light.rounded.p-3.p-lg-4 {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Επιτρέπει στα περιεχόμενα του προϊόντος να αλλάζουν γραμμή (wrap) */
.checkout-sidebar-item {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
}

/* 3. Αναγκάζει το τμήμα των συνόλων να πιάσει όλο το πλάτος και να "πέσει" κάτω από την εικόνα */
.border-top.pt-3 {
    width: 100% !important;
    margin-top: 1.5rem !important;
    clear: both;
}

/* 4. Προαιρετικό: Για καλύτερη στοίχιση σε κινητά */
@media (max-width: 767.98px) {
    .checkout-sidebar-item {
        flex-direction: column !important;
    }
    .checkout-sidebar-item img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 1rem;
    }
}

/* 1. Συμπύκνωση του Container */
.bg-light.rounded.p-3.p-lg-4 {
    position: relative !important;
    padding-top: 100px !important; /* Λιγότερος χώρος πάνω */
    display: block !important;
}

/* 2. Τα Σύνολα πιο ψηλά */
.border-top.pt-3 {
    position: absolute !important;
    top: 15px !important;
    left: 20px !important;
    width: calc(100% - 40px) !important;
    border-top: none !important;
}

/* 3. Φωτογραφία & Ποσότητα (Badge) */
.position-relative.flex-shrink-0 {
    position: relative !important;
    display: inline-block !important;
}

.badge.rounded-pill {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 101 !important;
}

.checkout-sidebar-item img {
    width: 180px !important;
    height: auto !important;
    margin-top: 5px !important;
}

/* Ρύθμιση του γονικού στοιχείου για χρήση flexbox */
form#payment_form {
    display: flex !important;
    flex-direction: column !important;
}

/* Τοποθέτηση του κουμπιού στην κορυφή */
#banktransfer-submit-button {
    order: 1 !important;
    margin-bottom: 15px !important; /* Προσθήκη κενού κάτω από το κουμπί αν χρειάζεται */
}

/* Τοποθέτηση των σημειώσεων μετά το κουμπί */
.j2commerce-payment-banktransfer.note.note-payment_banktransfer {
    order: 2 !important;
}

/* Διασφάλιση ότι τα υπόλοιπα κρυφά πεδία ή στοιχεία ακολουθούν */
form#payment_form > * {
    order: 3;
}

/* 1. Κρύβει τη δεξιά στήλη (sidebar) μόνο στο τελευταίο βήμα (Επιβεβαίωση) */
.j2commerce-checkout-row:has(#confirm .checkout-content.active) .j2commerce-checkout-sidebar {
    display: none !important;
}

/* 2. Επεκτείνει τη φόρμα ολοκλήρωσης σε όλο το πλάτος (100%) στο τελευταίο βήμα */
.j2commerce-checkout-row:has(#confirm .checkout-content.active) .j2commerce-checkout-steps {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* 3. Εναλλακτικός επιλογέας για σιγουριά σε παλιότερους browsers */
.j2commerce-checkout-steps:has(#confirm .checkout-content.active) + .j2commerce-checkout-sidebar {
    display: none !important;
}

/* Προσθήκη "αέρα" στο κεντρικό περιεχόμενο του καταστήματος */
main#main-content {
    padding-top: 40px !important;
    padding-bottom: 60px !important;
}

/* Διαχωρισμός των ενοτήτων μέσα στην παραγγελία (πίνακες, διευθύνσεις κλπ) */
.j2commerce-order-detail > div {
    margin-bottom: 40px !important;
}

/* Βελτίωση εμφάνισης των πινάκων και των περιοχών δεδομένων */
.j2commerce-order-detail .table-responsive {
    border: 1px solid #eeeeee !important;
    border-radius: 8px !important;
    padding: 20px !important;
    background-color: #fdfdfd !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

/* Απόσταση και στυλ στους τίτλους ενοτήτων */
.j2commerce-order-detail h4.mb-3 {
    margin-top: 25px !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #f0f0f0 !important;
    font-weight: 600;
}

/* Βελτίωση κενού στις στήλες των διευθύνσεων */
.j2commerce-order-detail .row.g-3 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* Περισσότερος χώρος στο κουμπί επιστροφής */
.j2commerce-order-detail .d-flex.justify-content-between {
    margin-bottom: 30px !important;
}

/* Σύγχρονη εμφάνιση για τους τραπεζικούς λογαριασμούς (J2Store) */
.j2commerce-payment-banktransfer .alert.alert-info {
    color: #333333 !important;
    background-color: #fdfdfd !important;
    border: 1px solid #e0e0e0 !important;
    border-left: 4px solid #222222 !important;
    padding: 20px !important;
    border-radius: 6px !important;
    line-height: 1.8 !important;
    font-family: inherit !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

/* Σύγχρονη εμφάνιση για όλα τα πλαίσια πληρωμής (J2Store) */
.j2commerce-payment-banktransfer .alert.alert-info,
.j2commerce-payment-moneyorder .alert.alert-info {
    color: #333333 !important;
    background-color: #fdfdfd !important;
    border: 1px solid #e0e0e0 !important;
    border-left: 4px solid #222222 !important;
    padding: 20px !important;
    border-radius: 6px !important;
    line-height: 1.8 !important;
    font-family: inherit !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

/* Ρύθμιση για τον τίτλο αν υπάρχει */
.alert.alert-info h4 {
    color: #000000 !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

/* Κρύβουμε το modal των όρων χρήσης και το αφήνουμε να ελέγχεται από τη JavaScript */
#j2c-terms-modal:not(.show) {
    display: none !important;
}

/* ==========================================================
   J2COMMERCE CHECKOUT: FINAL CONFIRMATION STEP (FINAL ORDER)
   ========================================================== */

/* Container Setup */
.j2commerce-checkout-confirm {
    display: flex !important;
    flex-direction: column !important;
}

/* 1. Σημειώσεις Παραγγελίας */
.j2commerce-customer-note {
    order: 1 !important;
    margin-bottom: 25px !important;
}

/* 2. ΟΡΟΙ ΧΡΗΣΗΣ */
.j2commerce-terms-box {
    order: 2 !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
    padding: 15px !important;
    background: #fdfdfd !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    display: block !important;
}

/* 3. ΤΡΟΠΟΣ ΠΛΗΡΩΜΗΣ (Κάτω από τους όρους) */
.j2commerce-checkout-confirm h5, 
.j2commerce-checkout-confirm .payment {
    order: 3 !important;
    margin-top: 20px !important;
    margin-bottom: 15px !important;
    display: block !important;
}

/* 4. ΦΟΡΜΑ & ΚΟΥΜΠΙ (Τελευταία) */
#payment_form {
    order: 4 !important;
    display: block !important;
    margin-top: 10px !important;
}

#banktransfer-submit-button,
.j2commerce-cart-button,
.j2commerce-checkout-confirm button {
    display: block !important;
    width: 100% !important;
    max-width: 400px !important;
    margin: 20px auto 40px auto !important;
    padding: 12px 20px !important; 
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    letter-spacing: 0.5px !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    background-color: #e6b800 !important; 
    color: #000000 !important;
    background-image: linear-gradient(120deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 70%) !important;
    background-size: 200% 100% !important;
    animation: shine 4s ease infinite !important;
}

/* Animation & Checkbox Fixes */
@keyframes shine { 0% { background-position: -200%; } 100% { background-position: 200%; } }
.j2commerce-terms-box .form-check { display: flex !important; align-items: center !important; gap: 12px !important; }
.j2commerce-terms-box .form-check-input { width: 24px !important; height: 24px !important; margin: 0 !important; }
#j2c-terms-modal:not(.show) { display: none !important; }

/* Απόκρυψη του τμήματος των συνόλων στο sidebar */
.bg-light.rounded.p-3.p-lg-4 .border-top.pt-3 {
    display: none !important;
}

/* =========================================================
   THE FINAL MOBILE ORDER (CSS ONLY)
   Σειρά: Image > Title > Price > Cart > Description
========================================================= */

@media (max-width: 991px) {
    /* 1. Ενεργοποιούμε το Flex στη δεξιά στήλη */
    .j2commerce-single-product .col-lg-6:nth-child(2) {
        display: flex !important;
        flex-direction: column !important;
    }

    /* 2. Ορίζουμε τη σειρά εμφάνισης */
    .product-title { 
        order: 1 !important; 
    }
    .sku-price-container, 
    .j2commerce-product-price-container { 
        order: 2 !important; 
    }
    .stock-brand-container { 
        order: 3 !important; 
    }
    form.j2commerce-addtocart-form { 
        order: 4 !important; 
        margin-bottom: 25px !important; /* Λίγος αέρας πριν την περιγραφή */
    }
    .product-sdesc { 
        order: 10 !important; /* Η περιγραφή τέρμα κάτω */
    }
}

/* Απόλυτο κεντράρισμα για το γκρουπ των κουμπιών */
.j2commerce-cart-buttons .input-group {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    gap: 0; /* Αφαιρεί κενά ανάμεσα στα στοιχεία */
}

/* Διόρθωση για το κουμπί ώστε να μην 'γέρνει' */
.j2commerce-cart-button {
    flex: none !important; /* Σταματάει το γέμισμα */
    width: auto !important;
    min-width: 120px; /* Ορίζετε εσείς το μέγεθος που θέλετε */
    margin: 0 !important;
}

/* Κρύψιμο της ποσότητας αν δεν τη θέλετε (όπως φαίνεται τώρα) */
.qty-input {
    display: none !important;
}

/* ============================================================
   1. ΚΕΝΤΡΑΡΙΣΜΑ ΚΑΙ ΔΙΑΤΑΞΗ (ΤΙΤΛΟΣ, ΤΙΜΗ, ΚΟΥΜΠΙ)
   ============================================================ */
.j2commerce-product-title, 
h3.j2commerce-product-title {
    margin-bottom: 5px !important;
    text-align: center !important;
    width: 100% !important;
}

.j2commerce-price-sku-container {
    margin-bottom: 5px !important;
    margin-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.j2commerce-add-to-cart,
.j2commerce-cart-buttons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 auto !important;
}

/* 2. Ρύθμιση Τιμής (Locked Size) */
span.j2commerce-product-price {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    display: inline-block !important;
}

.sale-price.lh-1.fs-5.fw-semibold {
    margin-bottom: 2px !important;
    font-size: 1.25rem !important;
}

/* 3. Κουμπί Αγοράς: Gold Shiny Theme & Centering */
.j2commerce-cart-buttons .input-group {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 auto !important;
}

.j2commerce-cart-button {
    flex: none !important;
    width: auto !important;
    min-width: 120px;
    margin: 0 !important;
    background: linear-gradient(45deg, #bf953f, #fcf6ba, #b38728, #fcf6ba, #aa771c) !important;
    background-size: 400% 400% !important;
    color: #000 !important;
    border: 1px solid #8a6d3b !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: all 0.4s ease !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Εφέ γυαλάδας (Shiny) στο Hover */
.j2commerce-cart-button:hover {
    background: #000 !important;
    color: #bf953f !important;
    border-color: #bf953f !important;
}

.j2commerce-cart-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    transition: 0.5s;
    z-index: -1;
}

.j2commerce-cart-button:hover::before {
    left: 125%;
}

/* 4. Κρύψιμο ποσότητας */
.qty-input {
    display: none !important;
}

/* Athens Flowershop Trust Booster Styling */
.athens-trust-booster {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 20px;
    margin: 40px 0;
    padding: 30px;
    background: #fafafa;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
}
.trust-item {
    flex: 1;
    min-width: 250px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
}
.trust-icon {
    background: #fdf7f7;
    color: #d4a373;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
}
.trust-text span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
}
.trust-text p {
    margin: 0;
    font-size: 14px;
    color: #777;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .athens-trust-booster { padding: 20px; }
    .trust-item { min-width: 100%; }
}

.athens-trust-booster {
  margin-top: 150px;
}

/* Κανονική απόσταση για Desktop */
.athens-trust-booster {
    margin-top: 150px !important;
}

/* Απόσταση ΜΟΝΟ για Mobile (Κινητά) */
@media screen and (max-width: 767px) {
    .athens-trust-booster {
        margin-top: 40px !important;
    }
}

/* 1. Διόρθωση για το "τρέμουλο" της περιγραφής ΚΑΙ της φόρμας αγοράς */
.product-description, 
.j2commerce-single-product .row:nth-of-type(5),
.j2commerce-addtocart-form {
    clear: both;
    opacity: 0;
    transform: translateY(5px);
    animation: smoothShow 0.6s forwards;
    animation-delay: 0.3s;
}

/* Ειδικά για το κουμπί και το input, αν θέλουμε να είναι ακόμα πιο ομαλό */
.j2commerce-qty-input, 
.j2commerce-cart-button {
    transition: all 0.3s ease;
}

@keyframes smoothShow {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 2. Αποστάσεις Trust Bar (Desktop) */
.athens-trust-booster {
    margin-top: 150px !important;
}

/* 3. Αποστάσεις Trust Bar (Mobile) */
@media screen and (max-width: 767px) {
    .athens-trust-booster {
        margin-top: 40px !important;
    }
}

/* ============================================================
   ΔΙΟΡΘΩΣΗ ΓΙΑ ΤΟ ΤΡΕΜΟΥΛΟ ΣΤΗ ΣΕΛΙΔΑ ΚΑΤΗΓΟΡΙΑΣ (PRODUCT LIST)
   ============================================================ */
.j2commerce-product-list .j2commerce-product-item,
.j2commerce-product-list .category-description,
.j2commerce-product-list .page-header {
    opacity: 0;
    transform: translateY(10px);
    animation: categoryFadeIn 0.7s forwards;
    animation-delay: 0.2s; /* Μικρή καθυστέρηση για να προλάβει να γίνει το layout */
}

@keyframes categoryFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Προαιρετικό: Κρατάμε το ύψος σταθερό για να μην "καταρρέει" η σελίδα */
.j2commerce-product-list .row {
    min-height: 400px;
}

/* Αλλαγή χρώματος τίτλων προϊόντων */
.j2commerce-product-title a,
.j2commerce-product-title {
    color: #1a3015 !important;
    text-decoration: none; /* Για να μην έχουν υπογράμμιση */
    transition: color 0.3s ease;
}

/* Hover εφέ (προαιρετικό) αν θέλεις να ανοίγει λίγο το χρώμα όταν περνάει το ποντίκι */
.j2commerce-product-title a:hover {
    color: #2d5225 !important;
}

/* =========================================================
   STABILITY FIX - CHECKOUT STEPS
   Σκοπός: Να μην "χορεύουν" τα κουμπιά την ώρα του κλικ 
   κατά την ολοκλήρωση της παραγγελίας.
========================================================= */

/* Απενεργοποίηση κίνησης την ώρα που το κουμπί εκτελεί ενέργεια */
.j2commerce-checkout-form button:active,
.j2commerce-checkout-form button.is-loading,
.j2commerce-cart-button:active,
.j2commerce-cart-button.is-loading,
.btn-primary:active {
    transform: none !important; /* Σταματάει το πήδημα/scale */
    transition: none !important;  /* Σταματάει την αστραπή/τρεμόπαιγμα */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important; /* Σταθερή σκιά */
}

/* ============================================================
   ΕΞΑΣΦΑΛΙΣΗ ΟΤΙ ΤΟ ΚΟΥΜΠΙ ΔΕΝ ΑΛΛΑΖΕΙ ΜΕΓΕΘΟΣ
   ============================================================ */
.j2commerce-cart-button, .btn-primary {
    min-height: 48px !important;
    vertical-align: middle !important;
}

/* ============================================================
   CUSTOM BACKGROUND COLOR FOR PRODUCT PAGE (FINAL SOFT TONE)
   ============================================================ */
.j2commerce, 
section#athens-row-5-description {
    background-color: #FFFDF9 !important;
}

/* --- Καθαρισμός και επιβολή του Soft Beige --- */
body, 
.j2commerce, 
main#main-content, 
.j2commerce-product-item, 
section#athens-row-5-description {
    background-color: var(--fleur-beige) !important;
}

/* Αφαιρούμε τυχόν λευκά φόντα από τα κουτιά των προϊόντων στην αρχική */
.j2commerce-product-item {
    background-color: var(--fleur-beige) !important;
    border: none !important; /* Προαιρετικό: αν θέλετε να μην φαίνεται πλαίσιο */
}

/* ============================================================
   KAVLA STYLE - PREMIUM PRODUCT DESCRIPTION BORDER
   ============================================================ */
section#athens-row-5-description {
    border: 2px solid #c5a059 !important;
    border-radius: 15px !important;
    padding: 40px !important;
    margin-top: 50px !important;
    box-shadow: 0 10px 30px rgba(197, 160, 89, 0.15) !important;
    background-color: #FFFDF9 !important;
}

section#athens-row-5-description::before {
    content: "✨";
    display: block;
    text-align: center;
    font-size: 24px;
    margin-bottom: 15px;
}

/* ============================================================
   KAVLA STYLE - NUCLEAR ALERT OVERRIDE
   ============================================================ */
body .j2commerce .alert.alert-info,
body .j2commerce div.alert-info,
.j2commerce [class*="alert-info"] {
    background-color: #FFFDF9 !important;
    color: #1a3a17 !important;
    border: 2px solid #c5a059 !important;
    background-image: none !important;
}

/* Ειδικά για το κείμενο μέσα */
body .j2commerce .alert.alert-info * {
    color: #1a3a17 !important;
}