/* =============================
   MAIN.CSS — CLEAN MERGE (NO DUPES)
   Palette tuned for sensual lingerie e-shop
   ============================= */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap');

/* =============================
   1) DESIGN TOKENS
   ============================= */
:root{
  /* Neutrals */
  --bg: #F7E1F0;        /* subtle pink bg */
  --bg-soft: #F3E3F3;   /* pale pink panels */
  --text: #2B2B2B;      /* deep neutral text */
  --muted: #9A9A9A;     /* secondary text */
  --border: #E1B7E1;    /* soft pink border */

  /* Brand */
  --pink: #FF85A1;      /* primary (hover για sub links) */
  --pink-hover: #FF3BB0;/* intense fuchsia (titles/badges) */

  /* Secondary / accents */
  --mauve: #D7B6C9;     /* subtle tint */
  --plum: #2A0E1F;      /* deep accent for headings */
  --champagne: #E8D7C7; /* micro-accent lines */
}

/* =============================
   2) BASE / RESET
   ============================= */
*,:focus{ outline:none; }
html,body{ width:100%; height:100%; }
body{
  font-family:'Montserrat',sans-serif;
  margin:0; padding:0; overflow-x:hidden;
  color:var(--text); background:var(--bg);
  font-size:16px; line-height:1.5; font-weight:400;
}
img,svg,figure{ max-width:100%; height:auto; vertical-align:middle; }
.img-thumbnail{ border:none; background:transparent; box-shadow:none; }
ul{ margin:0; padding:0; list-style:none; }

h1,h2,h3,h4,h5,h6{ margin-bottom:.75rem; font-weight:600; color:var(--plum); }
a{ color:var(--pink); text-decoration:none; }
a:hover,a:focus{ color:var(--pink-hover); transition:.3s ease-out .1s; }

/* Placeholders */
::-webkit-input-placeholder{ color:#2d2a38; }
:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder{ color:#2d2a38; }
::selection,::-moz-selection{ background:#4e54c81f; }

/* Scrollbar */
::-webkit-scrollbar{ width:15px; height:10px; }
::-webkit-scrollbar-track{ background:#000; }
::-webkit-scrollbar-thumb{ background:#5c6882; }
::-webkit-scrollbar-thumb:hover{ background:#555; }

/* Utilities */
.m-auto{ margin:auto; }
.flex{ display:flex; }
.flex-center{ display:flex; align-items:center; justify-content:center; }

#content{ min-height:700px; margin-bottom:20px; }
.title{
  color:var(--plum); font-weight:700; font-size:30px; text-align:center;
  display:block; margin:20px auto; text-transform:uppercase;
}

.breadcrumb{ margin:0 0 20px; padding:8px 0; border:0; text-align:center; background:transparent; }
.breadcrumb i{ font-size:15px; }
.breadcrumb>li{ white-space:nowrap; }
.breadcrumb>li+li:before{ content:''; padding:0; }
.breadcrumb-item+.breadcrumb-item::before{ display:inline-block; padding:0 7px; color:#6c757d; content:'/'; }

.pagination{ margin:0; }

/* Buttons */
.btn{ outline:none!important; box-shadow:none!important; cursor:pointer; }
.btn-default{ color:#fff; text-align:center; border:0; background:#343a40; position:relative; }
.btn-default:after{ position:absolute; bottom:0; left:0; right:0; margin:auto; width:0; content:''; background:#000; height:1px; transition:width .5s; }
.btn-default:hover:after{ width:100%; }
.btn-primary{ background:var(--pink)!important; border-color:var(--pink)!important; color:#000!important; font-weight:700; }
.btn-primary:hover,.btn-primary:focus{ background:var(--pink-hover)!important; border-color:var(--pink-hover)!important; color:#000!important; }

/* Forms */
.form-control{ background:var(--bg)!important; border:1px solid var(--border)!important; color:var(--text)!important; box-shadow:none!important; }
.form-control:focus{ border-color:var(--pink)!important; }
.form-control::placeholder{ color:var(--muted)!important; }
div.required .control-label:before{ content:'* '; color:var(--pink); font-weight:bold; }
label{ font-size:12px; font-weight:400; }
legend{ font-size:18px; padding:7px 0; }

/* Tabs */
.nav-tabs{ margin:20px auto; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; border:none; }
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{ color:#fff; cursor:default; background-color:#FF3BB0; border:none; border-radius:0; }

/* Back to top */
#toTop{ display:none; position:fixed; bottom:0; right:0; z-index:999; border:2px solid #FF3BB0; background:#FF3BB0; color:#fff; padding:10px 12px; }
#toTop:hover{ color:#333; }

/* Lists / panels */
.list-group a{ border:1px solid #DDDDDD; color:#888; padding:8px 12px; }
.list-group a.active,.list-group a:hover{ color:#444; background:#eee; border:1px solid #DDD; text-shadow:0 1px 0 #FFF; }

/* =============================
   3) HEADER + MENU
   ============================= */
header{ max-width:1440px; width:92%; margin:0 auto; animation:header-animation 1s; }
@keyframes header-animation{ 0%{opacity:0;} 100%{opacity:1;} }
header button{ background:none; box-shadow:none!important; padding:0; border:0; margin:0 6px; display:flex; }

.top-header{ display:flex; align-items:center; justify-content:space-between; padding:15px 0; }
.top-header-left{ order:1; flex:1; display:flex; align-items:center; justify-content:flex-start; gap:10px; }
.logo{ order:2; flex:0 0 auto; text-align:center; margin:0 8px; }
.logo img{ max-height:118px; width:auto; }
.top-header-right{ order:3; flex:1; display:flex; align-items:center; justify-content:flex-end; gap:10px; }

/* Contact link */
.header-phone{ font-size:14px; color:var(--text); margin:0 10px 0 0; padding:0; }
.header-phone:hover{ color:var(--text); }
.header-phone span{ display:none!important; }
/* EN single-line */
html[lang^="en"] .header-phone{ display:inline-block; }
html[lang^="en"] .header-phone::before{ content:""; display:none; }
html[lang^="en"] .header-phone::after{
  content:" Contact Us"; display:inline-block;
  font-weight:800; font-size:1.4rem; color:var(--pink-hover); margin-left:6px;
}
/* GR two-line */
html[lang^="el"] header .top-header .header-phone{
  display:inline-flex!important; flex-direction:column!important;
  align-items:center!important; line-height:1.1!important;
}
html[lang^="el"] header .top-header .header-phone::before{
  content:"Επικοινωνήστε"; display:block; font-weight:800;
  font-size:1.4rem; color:var(--pink-hover); text-align:center;
}
html[lang^="el"] header .top-header .header-phone::after{
  content:"μαζί μας"; display:block; font-weight:800;
  font-size:1.3rem; color:var(--pink-hover); text-align:center; margin-top:1px;
}

/* Main menu (DESKTOP) */
.menu{ margin-bottom:10px; white-space:nowrap; }
header ul.menu{ margin:0; padding:0; list-style:none; }
header ul.menu>li{ display:inline-block; position:relative; margin-right:22px; vertical-align:middle; }
header ul.menu>li>a{
  display:block; padding:12px 14px; color:var(--text);
  text-transform:uppercase; font-weight:800; position:relative;
}
header ul.menu>li>a:after{
  content:''; position:absolute; left:0; right:0; bottom:0;
  height:3px; width:0; margin:auto; background:var(--pink-hover);
  transition:width .3s;
}
header ul.menu>li:hover>a, header ul.menu>li.active>a{ color:var(--pink-hover); }
header ul.menu>li:hover>a:after, header ul.menu>li.active>a:after{ width:100%; }
/* remove little arrows */
header ul.menu>li.has-children>a::after{ content:none!important; }

/* Dropdown (desktop) */
header ul.menu>li>ul.submenu{
  display:none!important; position:absolute!important; top:100%!important; left:0!important;
  min-width:240px; margin:0; padding:10px 0; list-style:none;
  background:#111; z-index:9999; box-shadow:0 8px 20px rgba(0,0,0,.25);
}
header ul.menu>li:hover>ul.submenu{ display:block!important; }
header ul.menu>li>ul.submenu>li{ display:block; white-space:nowrap; }
header ul.menu>li>ul.submenu a{ display:block; padding:8px 16px; color:#fff; font-weight:600; }
header ul.menu>li>ul.submenu a:hover{ color:var(--pink); background:transparent; }

/* Desktop safety */
@media (min-width:768px){
  header #menu, header .navbar, header .menu{
    display:flex!important; align-items:center; justify-content:center;
    gap:22px; position:relative; z-index:5; flex-direction:row; background:transparent;
  }
  header #menu .navbar-collapse.collapse{
    display:block!important; height:auto!important; overflow:visible!important;
  }
}

/* Mobile menu */
@media (max-width:767px){
  #mob-menu-close{ position:absolute; top:10px; right:10px; font-size:30px; }
  header .menu{
    position:fixed; z-index:9999; top:0; left:0; width:100%;
    display:none; align-items:center; justify-content:center; flex-direction:column;
    min-height:100vh; background:#fff; padding:10px;
  }
  header .menu.showing{ display:flex; }
  .header-phone::before, .header-phone::after{ display:none!important; }
}
@media (max-width:500px){
  .top-header{ flex-wrap:wrap; }
  .logo{ order:-1; flex:100%; max-width:100%; margin-bottom:10px; }
  .top-header-left,.top-header-right{ flex:50%; justify-content:center; }
}

/* =============================
   4) SEARCH & MODALS
   ============================= */
.menu-modal{ width:100%; padding:80px 10% 0; display:flex; align-items:center; justify-content:center; }
.menu-modal input{ width:100%; font-size:18px; border:0; border-bottom:1px solid #000; outline:0; height:auto; }
.menu-modal .btn{ font-size:18px; border:0; outline:0; height:auto; width:100%; }

#search button{ position:absolute; right:10%; background:transparent; margin:0 auto; border:0; box-shadow:none; }

.modal-block{ position:absolute; right:0; top:0; width:350px; min-height:100vh; margin:0; background:#fff; overflow:hidden; }
.modal-close{ color:#000; font-size:40px; position:fixed; top:10px; right:10px; background:transparent; border:0; box-shadow:none; padding:3px 15px; z-index:9999; }

/* Account / Cart modals themed */
#accountmodal .modal-content,
.cart-block,
#cart .dropdown-menu,
#cart .dropdown-menu .panel{
  background:var(--bg-soft)!important; color:var(--text)!important; border:1px solid var(--border)!important;
}
#accountmodal .modal-header,
#accountmodal .modal-body,
#accountmodal .modal-footer{ background:transparent!important; color:var(--text)!important; border-color:var(--border)!important; }
#accountmodal .close{ color:var(--text)!important; opacity:1!important; }
.modal-backdrop.in{ background:#000!important; opacity:.8!important; }
#accountmodal .form-control,
.cart-block .form-control{ background:var(--bg)!important; border:1px solid var(--border)!important; color:var(--text)!important; }
#accountmodal .form-control::placeholder,
.cart-block .form-control::placeholder{ color:var(--muted)!important; }
#accountmodal .btn-primary,
.cart-block .btn-primary{ background:var(--pink)!important; border-color:var(--pink)!important; color:#000!important; }
#accountmodal .btn-primary:hover,
.cart-block .btn-primary:hover{ background:var(--pink-hover)!important; border-color:var(--pink-hover)!important; }

/* Badges */
#cart-total,#cart .badge,.top-header .badge,[class*="badge"]{
  background:var(--pink-hover)!important; border-color:var(--pink-hover)!important; color:#111!important; border-radius:150px;
}

/* Search dropdown */
.search-block{ width:80%; overflow-y:hidden; max-height:80vh; }
.search-block li{ border:0; display:flex; width:100%; background:#F5F5F5; }
.search-block a.search-link{ padding-right:6px; }
.search-block li a{ color:#3F3F3F; display:inline-block; vertical-align:middle; padding:6px 2px 1px 5px; font-size:12px; white-space:normal; }
.search-link{ width:100%; padding-right:5px; }
.search-link img{ max-width:30px; }

/* =============================
   5) PRODUCT LIST / CARD
   ============================= */
.product-thumb{
  margin-bottom:20px; overflow:auto; background:rgba(255,255,255,.012);
  border:1px solid var(--border); border-radius:10px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.product-thumb:hover{ transform:translateY(-2px); border-color:#3a3a3a; box-shadow:0 6px 18px rgba(0,0,0,.12); }
.product-thumb .image{ text-align:center; }
.product-thumb .image a{ display:block; position:relative; }
.product-thumb .image a:hover{ opacity:.9; }
.product-thumb h4 a{ font-weight:700; color:var(--text); }
.product-thumb .caption{ padding:0 20px; min-height:180px; }
.product-thumb .price{ color:var(--pink); }
.product-thumb .price-new{ color:var(--pink); background:transparent; padding:0; }
.product-thumb .price-old{ color:#888; text-decoration:line-through; margin-left:10px; }
.product-thumb .price-tax{ color:#999; font-size:12px; display:block; }

.product-thumb .button-group{ overflow:auto; opacity:0; }
.product-thumb:hover .button-group{ opacity:1; }
.product-thumb .button-group button{
  width:60%; border:0; display:inline-block; float:left; line-height:40px;
  font-weight:700; text-align:center; text-transform:uppercase; background:var(--pink); color:#000;
}
.product-thumb .button-group button+button{ width:20%; }
.product-thumb .button-group button:hover{ cursor:pointer; background:var(--pink-hover); }
@media (max-width:1200px),
       (max-width:767px){
  .product-thumb .button-group button,
  .product-thumb .button-group button+button{ width:33.33%; }
}

.nostock{ filter:grayscale(1); opacity:.8; }
.nobuy{ background:#777!important; }

/* Thumbnails */
.thumbnails{ overflow:auto; clear:both; list-style:none; padding:0; margin:0; margin-left:-20px; display:flex; flex-wrap:wrap; justify-content:center; }
.thumbnails>li{ margin-left:20px; }
.image-main{ flex:100%; }
.thumbnails .image-additional{ float:left; margin-left:20px; max-width:78px; }
.image-additional a{ margin-bottom:20px; padding:5px; display:block; border:1px solid #ddd; }

.plus-minus{ max-width:200px; padding:10px 0; }
.plus-minus .btn{ padding:20px!important; }
.plus-minus input{ min-height:55px; }

/* =============================
   6) HOMEPAGE & CAROUSELS
   ============================= */
.common-home{ --home-title-size:clamp(20px,2.2vw,30px); --home-gap:18px; }
.common-home a{ color:var(--text)!important; }
.common-home a:hover{ color:var(--pink-hover)!important; }
.common-home h1,.common-home h2,.common-home h3,.common-home .title{
  color:var(--text)!important; text-transform:none; letter-spacing:.2px;
  font-weight:700!important; font-size:var(--home-title-size)!important; margin:10px 0 14px; position:relative;
}
.common-home h1::after,.common-home h2::after,.common-home h3::after,.common-home .title::after{
  content:""; display:block; width:56px; height:2px; background:var(--pink); margin-top:8px;
}

/* Slick/Swiper cleanup */
.slideshow,.slick-slider{ margin-bottom:0!important; }
.slideshow,.slideshow .swiper-viewport,.slideshow .swiper-container{ background:#000!important; }
.carousel-mask,.carousel .mask,
.carousel-mask::before,.carousel-mask::after,
.carousel .mask::before,.carousel .mask::after{ background:transparent!important; box-shadow:none!important; -webkit-mask-image:none!important; mask-image:none!important; opacity:1!important; }
.carousel::before,.carousel::after,
.manufacturer-carousel::before,.manufacturer-carousel::after,
.brands-carousel::before,.brands-carousel::after{ content:none!important; }
.owl-carousel .owl-stage-outer::before,
.owl-carousel .owl-stage-outer::after,
.swiper::before,.swiper::after{ content:none!important; background:transparent!important; }
.common-home .brand-carousel .slick-slide,
.common-home .manufacturer-carousel .slick-slide{ background:transparent!important; box-shadow:none!important; filter:grayscale(.1); transition:filter .18s ease, opacity .18s ease; }
.common-home .brand-carousel .slick-slide:hover,
.common-home .manufacturer-carousel .slick-slide:hover{ filter:grayscale(0); opacity:1; }
.slick-dots li button:before{ color:#666!important; opacity:.6!important; }
.slick-dots li.slick-active button:before{ color:var(--pink)!important; opacity:1!important; }
.slick-prev:before,.slick-next:before{ color:#aaa!important; }
.slick-prev:hover:before,.slick-next:hover:before{ color:var(--pink)!important; }

/* =============================
   7) LAYOUT HELPERS / SECTIONS
   ============================= */
.panel,.well,.list-group,.list-group-item{ background:var(--bg-soft)!important; border:1px solid var(--border)!important; color:var(--text)!important; }
.panel-title,.well h2,.well h3{ color:var(--plum)!important; font-weight:700; }

/* Contact page emphasis */
body.information-contact label,
body.information-contact .control-label,
body.information-contact legend,
body.information-contact .help-block,
body.information-contact .text-muted,
body.information-contact .text-danger{ color:var(--text)!important; }
body.information-contact .form-control,
#input-captcha,input[name="captcha"]{ background:var(--bg)!important; border:1px solid var(--border)!important; color:var(--text)!important; }
body.information-contact .form-control::placeholder{ color:var(--muted)!important; }
.information-contact .well,.information-contact .panel{ background:var(--bg-soft)!important; border:1px solid var(--border)!important; }

/* Content area highlights */
#content h1,#content h2,#content h3,#content .panel-title,#content .panel-heading,#content legend{ color:var(--pink-hover)!important; }
#content legend{ padding:4px 0!important; font-weight:600!important; border-bottom:1px solid var(--border)!important; }
#content hr,#content fieldset,#content .panel,#content .panel-default{ border-color:var(--border)!important; }
#content .panel-default>.panel-heading,#content .panel-heading{ background:var(--bg-soft)!important; border-color:var(--border)!important; color:var(--pink-hover)!important; }
#content .text-muted,#content .help-block{ color:var(--muted)!important; }
#content label,#content .control-label{ color:var(--text)!important; }
#content #input-captcha,#content input[name="captcha"]{ background:var(--bg-soft)!important; border:1px solid var(--border)!important; color:var(--text)!important; }

/* =============================
   8) CART / TABLES
   ============================= */
.cart-block{ top:80px; right:0; width:100%; left:auto; padding:0; }
.cart-text{ margin-top:80px; }
.cart-table img{ height:47px; width:47px; }
.cart-table>tbody>tr>td,
.cart-table>tbody>tr>th,
.cart-table>tfoot>tr>td,
.cart-table>tfoot>tr>th,
.cart-table>thead>tr>td,
.cart-table>thead>tr>th{ vertical-align:middle; border-top:none; }
.cart-total tbody tr{ display:none; }
.cart-total tbody tr:last-child{ display:flex; justify-content:center; }
.cart-total tbody tr td{ border:none; }

/* =============================
   9) FOOTER (FULL BLACK)
   ============================= */
.footer-block,
footer{
  background:#000!important;
  color:#fff!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  border:0!important;
  box-shadow:none!important;
}

/* remove any separators/lines that themes inject */
.footer-block,
.footer-block:before,
.footer-block:after,
.footer-block + footer,
footer,
footer:before,
footer:after{
  border-top:none!important;
}

/* πάνω footer: τίτλοι = έντονο φούξια, πιο light για καθαρότητα */
.footer-block h5,
.footer-block .footer-title{
  color:var(--pink-hover)!important;
  font-weight:600!important;          /* << lighter bold to fix pixelation */
  letter-spacing:.15px;
}

/* links κάτω από τίτλους: λευκά → hover soft pink (όπως sub categories) */
.footer-block .list-unstyled a,
.footer-block a{
  color:#fff!important;
  opacity:1!important;
  transition:color .18s ease;
}
.footer-block .list-unstyled a:hover,
.footer-block a:hover{
  color:var(--pink)!important;         /* #FF85A1 */
}

/* κάτω μπάρα/credits: φούξια αλλά επίσης 600 για καθαρότητα */
footer p,
footer .copyright,
footer strong{
  color:var(--pink-hover)!important;
  font-weight:600;
  letter-spacing:.15px;
}

/* spread & layout */
.footer-block{ padding:20px 0; }
footer{ padding:14px 0; }

/* bring the two footers closer on DESKTOP & kill any stray line */
@media (min-width:992px){
  .footer-block{ padding-bottom:12px!important; margin-bottom:0!important; }
  .footer-block + footer{ margin-top:6px!important; padding-top:8px!important; border-top:0!important; }
  footer .container{ margin-top:0!important; }
}

/* footer grids */
.footer-block .container, .footer-block .row, footer .container{
  width:95%; max-width:1440px; margin:0 auto;
}
.footer-block .row{
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:20px 48px;
}
.footer-block .row>[class*="col-"]{
  float:none; width:auto; flex:1 1 260px; min-width:260px; max-width:420px;
}
.footer-block .list-unstyled{ width:100%; margin:0; }

/* mobile footer spacing */
@media (max-width:768px){
  .footer-block{ padding:22px 0!important; }
  footer{ padding:16px 0!important; }
  .footer-block .row{ gap:18px 0; }
  .footer-block .row>[class*="col-"]{ flex:1 1 100%; min-width:0; }
  footer .container{ display:flex; flex-direction:column; justify-content:center; text-align:center; gap:20px; }
  footer p{ font-size:12px; }
}

/* =============================
   10) MISC / LEGACY
   ============================= */
#column-left .product-layout, #column-right .product-layout{ width:100%; }
.nostock{ filter:none ; opacity:1; }

/* Cart badge */
#cart-total{
  background:var(--pink-hover)!important;
  border-radius:150px;
  color:#fff!important;
  padding:2px 8px;
  font-size:14px!important;      /* +1 level */
  font-weight:700!important;
  line-height:20px;
  margin-left:3px;
}

/* ===== MOBILE POLISH (≤767px) ===== */
@media (max-width:767px){
  header{ width:100%!important; }
  .top-header{ padding:15px 14px!important; }

  /* burger πιο αριστερά & icons scale */
  .top-header-left{ justify-content:flex-start!important; }
  #mob-menu{ margin-left:0!important; }
  .top-header button svg, .header-phone svg{ width:18px!important; height:18px!important; }

  /* μικρότερο cart badge */
  #cart-total, #cart .badge, .top-header .badge{
    font-size:10px!important; line-height:14px!important;
    padding:1px 4px!important; border-radius:10px!important; transform:translateY(-1px);
  }

  /* μικρότερο logo για πλάτος */
  .logo img{ max-height:96px!important; }

  /* groups να μοιράζονται πλάτος */
  .top-header-left, .top-header-right{ flex:1 1 0!important; }
  .top-header-right button{ margin-left:8px!important; }
}
/* ===== Kill the pink divider between the two footers (all themes) ===== */
.footer-block,
.footer-block:before,
.footer-block:after,
.footer-block + footer,
.footer-block + footer:before,
.footer-block + footer:after,
footer,
footer:before,
footer:after,
footer .container,
.footer-block .container {
  border: none !important;
  outline: none !important;
  background-image: none !important;
}

/* Σε περίπτωση που το theme βάζει dedicated “powered”/divider */
.powered,
.footer-divider,
.footer-separator,
.footer__divider,
.footer__separator,
.footer-block hr,
footer hr {
  display: none !important;
  border: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ακύρωση margin-collapsing που αφήνει 1px “χαραμάδα” με το ροζ body */
.footer-block { margin-bottom: 0 !important; }
.footer-block + footer { margin-top: 0 !important; }

/* Εξασφάλιση ότι το background μαυρίζει και το padding καλύπτει όλο το κενό */
.footer-block,
footer {
  position: relative;
  background-color: #000 !important;
  padding-top: 14px;
  padding-bottom: 14px;
  box-shadow: none !important;
}
/* === Brand/Manufacturer carousel: transparent floating logos === */
.after-slider,
.brand-carousel,
.manufacturer-carousel,
.brand-carousel .slick-list,
.manufacturer-carousel .slick-list,
.brand-carousel .slick-track,
.manufacturer-carousel .slick-track {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Αν το theme ρίχνει μαύρο μέσω wrappers */
#content .carousel-mask,
#content .slider-mask,
#content .carousel-main,
#content .slick-slider,
#content .swiper-viewport,
#content .swiper-container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Σβήσε overlays/pseudo elements που βάφουν μαύρο */
.after-slider::before,
.after-slider::after,
.brand-carousel::before,
.brand-carousel::after,
.manufacturer-carousel::before,
.manufacturer-carousel::after,
#content .carousel-mask::before,
#content .carousel-mask::after,
#content .slider-mask::before,
#content .slider-mask::after,
#content .slick-slider::before,
#content .slick-slider::after,
#content .swiper-viewport::before,
#content .swiper-viewport::after,
#content .swiper-container::before,
#content .swiper-container::after {
  content: none !important;
  display: none !important;
}

/* Καθάρισε τα ίδια τα slides/κάθε item */
.brand-carousel .slick-slide,
.manufacturer-carousel .slick-slide {
  background: transparent !important;
  box-shadow: none !important;
}

/* Λίγο “αέρας” πάνω-κάτω ώστε να φαίνονται ωραία τα logos */
.brand-carousel,
.manufacturer-carousel {
  padding: 12px 0 !important;
}

/* Αν είχαμε ορίσει κάπου μαύρο για slide shows, μην το εφαρμόζεις εδώ */
.slideshow,
.slideshow .swiper-viewport,
.slideshow .swiper-container {
  background: transparent !important;
}
/* === Kill dark strip on brand/manufacturer carousels === */
.carousel-mask,
.carousel-mask * {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Αν το theme έχει pseudo-overlays */
.carousel-mask::before,
.carousel-mask::after {
  content: none !important;
  display: none !important;
}

/* Slick wrappers */
.carousel-mask .slick-slider,
.carousel-mask .slick-list,
.carousel-mask .slick-track,
.carousel .slick-slider,
.carousel .slick-list,
.carousel .slick-track {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Άφησε μόνο τα logos να “πλέουν” */
.brand-carousel .slick-slide,
.manufacturer-carousel .slick-slide {
  background: transparent !important;
  box-shadow: none !important;
}

/* Αν από παλιότερο rule είχες μαύρο σε slideshow, καθάρισέ το */
.slideshow,
.slideshow .swiper-viewport,
.slideshow .swiper-container {
  background: transparent !important;
}

/* Μικρό padding για ανάσα, χωρίς λωρίδα */
.brand-carousel,
.manufacturer-carousel {
  padding: 10px 0 !important;
}
.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #ff1493 !important;
    border-color: #ff1493 !important;
    color: #fff !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #ff3ca8 !important;
    border-color: #ff3ca8 !important;
}
/* Kill any accidental grayscale/opacity on images */
.product-thumb img,
.product-thumb .image img,
.common-home .slideshow img,
.common-home .manufacturer-carousel img,
.common-home .brand-carousel img,
.carousel img,
.carusel-main .slick-slide img,
.carusel-main-item {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
}

/* Αν είχαμε βάλει grayscale στα brand/manufacturer slides, σβήστο */
.common-home .brand-carousel .slick-slide,
.common-home .manufacturer-carousel .slick-slide {
  filter: none !important;
  opacity: 1 !important;
}

/* Εφάρμοσε grayscale ΜΟΝΟ όταν είναι ξεκάθαρα out-of-stock */
.product-thumb.nostock img {
  filter: grayscale(1) !important;
  opacity: .8 !important;
}
/* ΣΕΛΙΔΑ: Σχετικά με Εμάς (route information/information) */
body.information-information #content {
  max-width: 900px;            /* πόσο «μαζεμένο» το θες */
  margin: 0 0 40px 60px;       /* αριστερό «μάζεμα» – ρύθμισε το 60px αν θες */
  background: #fff;
  padding: 32px 36px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

/* σιγουρεύουμε ότι όλα είναι ευθυγραμμισμένα αριστερά */
body.information-information #content h1,
body.information-information #content p {
  text-align: left;
}
.route-information-information #content { /* fallback για μερικά themes */
  max-width: 900px !important;
  margin: 0 0 40px 60px !important;
  background: #fff !important;
  padding: 32px 36px !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05) !important;
}

/* === Fix grayscale σε εικόνες προϊόντος === */
#product-product img,
.product-thumb img,
.image-main img,
.image-additional img {
  filter: none !important;
  -webkit-filter: none !important;
  transition: none !important;
}
/* === Αφαίρεση grayscale στις εικόνες ΜΕΣΑ στη σελίδα προϊόντος === */
#product-product .thumbnails img,
#product-product .image img,
#product-product .product-gallery img,
#product-product .img-responsive,
#product-product .image-main img,
#product-product .image-additional img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  transition: none !important;
}

/* Εξασφαλίζουμε ότι και οι εικόνες popup / magnificPopup είναι κανονικές */
.mfp-content img.mfp-img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
}

/* Αν έχει κάποιο .nostock class που κάνει grayscale, αγνόησέ το στο product page */
#product-product .nostock img {
  filter: none !important;
  opacity: 1 !important;
}
#ageGateModal .modal-content {
  text-align: center;
  border-radius: 12px;
  border: 2px solid #ff4b4b;
  background: #111;
  color: #fff;
  box-shadow: 0 0 25px rgba(255,0,0,0.4);
}
#ageGateModal .btn-danger { background-color:#e60000; border:none; }
#ageGateModal .btn-light  { background-color:#555; color:#fff; }
#ageGateModal .modal-body p { margin-bottom:10px; font-size:15px; }

.btn-primary {
    background-color: #ff5ba8 !important;
    border-color: #ff5ba8 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #ff3f93 !important;
    border-color: #ff3f93 !important;
    color: #ffffff !important;
}

.footer-bottom {
  background: #000;           /* ίδιο με το κάτω φόντο σου */
  padding: 20px 0 30px;
  border-top: 2px solid #ff3cae;  /* λεπτή μοβ γραμμή όπως στο screenshot */
  text-align: center;
}

.footer-bottom .footer-copy {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #ff3cae;             /* φούξια */
}

.footer-bottom .footer-dev {
  margin: 4px 0 6px;
  font-size: 16px;
  color: #ff3cae;
}

.footer-bottom .footer-dev-logo img {
  max-height: 90px;
  width: auto;
  display: inline-block;
}
/* Κάρτα προϊόντος στο Home – πιο light */
.home-products .product-thumb {
  background: transparent;      /* όχι άλλο μαύρο wall */
  border-radius: 20px;
  padding: 0;
  margin-bottom: 25px;
}

/* Εικόνα κανονική, όπως στις κατηγορίες */
.home-products .product-thumb .image {
  position: static;
  padding-top: 0;
  overflow: hidden;
}

.home-products .product-thumb .image img {
  position: static;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
}

/* Τίτλος & τιμή γλυκά, αλλά όχι υπερβολή */
.home-products .product-thumb .caption h4 a {
  color: #000;
}

.home-products .product-thumb .price {
  color: #ff3cae;
  font-weight: 600;
  margin-bottom: 5px;
}

/* Κουμπί "Δες το προϊόν" πιο διακριτικό */
.btn-view-product {
  display: inline-block;
  margin-top: 4px;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 11px;
  border: 1px solid #ff3cae;
  background: transparent;
  color: #ff3cae;
  text-transform: uppercase;
}

.btn-view-product:hover {
  background: #ff3cae;
  color: #000;
}
/* Γενικό section wrapper στο Home */
.home-section {
  margin: 40px 0;
}

/* Ξεχωριστές αποστάσεις αν θες */
.home-section-latest {
  margin-bottom: 50px;
}

.home-section-manufacturers {
  margin-top: 40px;
  margin-bottom: 40px;
}

.home-section-featured {
  margin-top: 40px;
}

/* Fancy τίτλος για κάθε block */
.home-section-title {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 25px;
  color: #ff3cae;
}
.home-section {
  margin: 40px 0;
}

.home-section-latest {
  margin-bottom: 50px;   /* ανοίγει κενό πριν τα brands */
}

.home-section-title {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 25px;
  color: #ff3cae;
}
#age-gate-overlay {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.95);
  display: none;              /* ΠΟΛΥ ΣΗΜΑΝΤΙΚΟ: κρυφό μέχρι να το δείξει το JS */
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(3px);
}

.age-gate-box {
  background: #111;
  padding: 40px;
  border-radius: 20px;
  text-align: center;
  width: 350px;
  max-width: 90%;
  color: #fff;
  border: 1px solid #ff3cae;
}

.age-gate-box h2 {
  font-size: 26px;
  margin-bottom: 10px;
  color: #ff3cae;
}

.age-gate-box p {
  font-size: 14px;
  margin-bottom: 25px;
}

.age-gate-buttons button {
  width: 45%;
  padding: 10px 0;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  margin: 0 5px;
}

#age-yes {
  background: #ff3cae;
  color: black;
}

#age-no {
  background: #444;
  color: white;
}

#age-no:hover {
  background: #666;
}

#age-yes:hover {
  background: #ff60ce;
}
#age-gate-overlay {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.95);
  display: none;  /* Κρυφό μέχρι να το εμφανίσει το JS */
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(3px);
}

.age-gate-box {
  background: #111;
  padding: 40px;
  border-radius: 20px;
  text-align: center;
  width: 350px;
  max-width: 90%;
  color: #fff;
  border: 1px solid #ff3cae;
}

.age-gate-box h2 {
  font-size: 26px;
  margin-bottom: 10px;
  color: #ff3cae;
}

.age-gate-box p {
  font-size: 14px;
  margin-bottom: 25px;
}

.age-gate-buttons button {
  width: 45%;
  padding: 10px 0;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  margin: 0 5px;
}

#age-yes {
  background: #ff3cae;
  color: black;
}

#age-no {
  background: #444;
  color: white;
}

#age-no:hover {
  background: #666;
}

#age-yes:hover {
  background: #ff60ce;
}

.free-shipping-bar {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  overflow: hidden;
}

/* κουνημα λίγο, όχι καρναβάλι */
.free-shipping-bar {
  display: inline-block;
  width: 100%;
  animation: freeShipShake 1.8s ease-in-out infinite;
}

@keyframes freeShipShake {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(4px); }
}

/* mobile tweak */
@media (max-width: 768px) {
  .free-shipping-bar {
    font-size: 12px;
    padding: 6px 0;
  }
}
.bonus-banner {
    background: #ffb3d9;
    border: 2px solid #ff66b3;
    border-radius: 10px;
    padding: 14px 20px;
    margin: 15px 0 25px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.bonus-banner__icon {
    font-size: 26px;
    line-height: 1;
}

.bonus-banner__content {
    text-align: left;
}

.bonus-banner__title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 2px;
    color: #9b005a;
}

.bonus-banner__subtitle {
    font-size: 14px;
    color: #5a2140;
}

.bonus-banner__subtitle a {
    text-decoration: underline;
    font-weight: 600;
    color: #9b005a;
}

.bonus-banner__subtitle a:hover {
    text-decoration: none;
}
.points-levels {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 20px 0;
}
.points-level {
    background: #ffe0f0;
    border-radius: 10px;
    padding: 15px 20px;
    min-width: 220px;
    text-align: center;
}
.points-level__points {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
}
.points-level__value {
    margin-bottom: 10px;
}

/* Κρύψε τα default στοιχεία κατηγορίας ΠΡΟΤΑΣΕΙΣ - ΑΡΘΡΑ */
#product-category #content > h1,
#product-category #content > h3,
#product-category #content .refine,
#product-category #content hr,
#product-category #content > p,
#product-category #content .buttons {
    display: none !important;
}
/* Λίστα άρθρων στις Προτάσεις & Άρθρα */
.sa-articles-list {
    max-width: 900px;
    margin: 0 auto 40px auto;
}

/* Κάρτα άρθρου */
.sa-article {
    margin-bottom: 30px;
    padding: 20px 24px;
    background: #ffe6f5;
    border-radius: 16px;
    border: 1px solid #ffb6da;
    box-shadow: 0 4px 10px rgba(0,0,0,0.04);
}

/* Μπάρα με ημερομηνία */
.sa-article-meta {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 8px;
}

.sa-article-date {
    display: inline-block;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 999px;
    background: #ffb6da;
    color: #fff;
    font-weight: 600;
}

/* Τίτλος άρθρου */
.sa-article-title {
    margin: 4px 0 10px 0;
    font-size: 22px;
    font-weight: 700;
}

/* Κείμενο άρθρου */
.sa-article p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 0;
}

.neon-pink-banner {
    background: linear-gradient(
        90deg,
        #ff2fd3 0%,
        #ff4fe6 50%,
        #ff2fd3 100%
    );
    color: #ffffff;
    padding: 18px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-radius: 6px;

    /* Neon glow */
    box-shadow:
        0 0 10px rgba(255, 47, 211, 0.8),
        0 0 20px rgba(255, 47, 211, 0.6),
        0 0 35px rgba(255, 47, 211, 0.4);

    margin: 12px 0;
}
/* =========================================================
   CONTACT PAGE — Desktop first
   ========================================================= */

/* Βρες την πρώτη βασική row της contact σελίδας */
#information-contact .container .row:first-of-type {
  display: flex;
  flex-wrap: wrap; /* επιτρέπει να πάει το "Πληροφορίες" κάτω */
}

/* DESKTOP: κράτα τις 3 πρώτες στήλες επάνω */
@media (min-width: 992px) {
  #information-contact .container .row:first-of-type > div:nth-child(1),
  #information-contact .container .row:first-of-type > div:nth-child(2),
  #information-contact .container .row:first-of-type > div:nth-child(3) {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
/* ΜΟΝΟ στη σελίδα Επικοινωνίας */
#information-contact .container .row {
  /* μην πειράζεις όλες τις rows γενικά — μόνο αυτές που έχουν columns */
}

/* Desktop: κράτα τα πρώτα 3 columns επάνω */
@media (min-width: 992px) {
  #information-contact .container .row > [class*="col-"] {
    /* αφήνουμε το bootstrap να δουλέψει κανονικά */
  }

  /* ΒΡΕΣ το column που είναι το "Πληροφορίες" και κάν’το 100% + κέντρο
     Αυτό το selector είναι placeholder: πρέπει να ταιριάζει στο δικό σου theme */
  #information-contact .container .row > [class*="col-"].contact-info,
  #information-contact .container .row > [class*="col-"]#contact-info {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 25px;
    order: 99;
  }

  #information-contact .container .row > [class*="col-"].contact-info > *,
  #information-contact .container .row > [class*="col-"]#contact-info > * {
    max-width: 600px;
    margin: 0 auto;
  }
}

#information-contact .contact-info-bottom{
  max-width: 720px;
  margin: 25px auto 0;
  padding: 22px 26px;
  background: #fde6f3;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 0 10px rgba(255,47,211,.15);
}

#information-contact .contact-info-bottom strong{
  display: block;
  margin-bottom: 8px;
  color: #ff2fd3;
  font-size: 18px;
  font-weight: 700;
}