/* >>>>> BELLANDRA.CSS <<<<< */

:root{--hh-icon: 46px;--hh-color: #e04048;--accent: #f4c145;--accent-ink: #ffffff;--badge-color: #d73a3f;--badge-mask: url('/wp-content/themes/bellandra/images/certificate-solid-full.svg');--badge-size: 44px;--bg: #fff;--brand: #8AAC4B;--brand-green: #8AAC4B;--brand-yellow: #f4c145;--btn-bg: var(--brand-yellow);--btn-bg-hover: var(--brand-green);--btn-font: "Roboto Slab", Georgia, serif;--btn-ink: #ffffff;--btn-radius: 8px;--btn1: var(--brand-yellow);--btn2: var(--brand-yellow);--card-bd: #e9e9e9;--card-bg: #fff;--card-br: 12px;--hilite: #fdf3dc;--ink: #1f2328;--ink-weak: #676b70;--line: #e8eaee;--line-2: #dcdfe5;--line2: #dcdfe5;--muted: #6c6c6c;--pill: #ececec;--r: var(--btn-radius);--radius: 12px;--row: #f9f9f9;--sale: #e04048;--shadow: 0 8px 24px rgba(0,0,0,.06);--shadow-md: 0 12px 28px rgba(0,0,0,.12);--shadow-sm: 0 6px 18px rgba(0,0,0,.08);--site-bg: url('/wp-content/themes/bellandra/images/background2.png');--soft: #fafbfc;--weak: #6b7280;--cart-thumb-w: 88px;--cart-thumb-gap: 14px;--cart-cell-pad-x: 18px;--cart-col-qty: 160px;--cart-col-price: 130px;--btn-font: "Roboto Slab", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--btn-bg: #f4c145;--btn-bg-hover: #8AAC4B;--btn-text-hover: #fff;--btn-shadow: 0 1px 0 rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.10);--tab-accent: #8AAC4B;--tab-text:   #111111;--tab-muted:  #676b70;--tab-line:   #e5e7eb;--bundle-h2-lh: 1.2;--bundle-h2-weight: 700;--bundle-h2-size: clamp(2rem, 1.2rem + 1.5vw, 2.5rem);--cart-thumb-w: 88px;--cart-thumb-gap: 14px;--cart-cell-pad-x: 18px;--cart-col-qty: 160px;--cart-col-price: 130px;--product-main-aspect: 4/3;--product-thumb-aspect: 4/3;--product-gap: 16px;--product-radius: 12px;}

@media (min-width: 1200px) {
  :root {
    --bundle-h2-size: 2.5rem;  /* 40px */
  }
}

@font-face {
  font-family: "Roboto Slab";
  src: url("/wp-content/themes/bellandra/webfonts/RobotoSlab-VariableFont_wght.ttf") format("truetype-variations"),
       url("/wp-content/themes/bellandra/webfonts/RobotoSlab-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url("/wp-content/themes/bellandra/webfonts/static/RobotoSlab-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url("/wp-content/themes/bellandra/webfonts/static/RobotoSlab-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url("/wp-content/themes/bellandra/webfonts/static/RobotoSlab-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url("/wp-content/themes/bellandra/webfonts/static/RobotoSlab-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url("/wp-content/themes/bellandra/webfonts/static/RobotoSlab-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url("/wp-content/themes/bellandra/webfonts/static/RobotoSlab-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url("/wp-content/themes/bellandra/webfonts/static/RobotoSlab-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url("/wp-content/themes/bellandra/webfonts/static/RobotoSlab-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url("/wp-content/themes/bellandra/webfonts/static/RobotoSlab-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


/* Thin 100 */
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-Thin.ttf") format("truetype");font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-ThinItalic.ttf") format("truetype");font-weight:100;font-style:italic;font-display:swap}

/* ExtraLight 200 */
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-ExtraLightItalic.ttf") format("truetype");font-weight:200;font-style:italic;font-display:swap}

/* Light 300 */
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-LightItalic.ttf") format("truetype");font-weight:300;font-style:italic;font-display:swap}

/* Regular 400 */
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}

/* Medium 500 */
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-MediumItalic.ttf") format("truetype");font-weight:500;font-style:italic;font-display:swap}

/* SemiBold 600 */
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-SemiBoldItalic.ttf") format("truetype");font-weight:600;font-style:italic;font-display:swap}

/* Bold 700 */
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-BoldItalic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}

/* ExtraBold 800 */
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-ExtraBoldItalic.ttf") format("truetype");font-weight:800;font-style:italic;font-display:swap}

/* Black 900 */
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Web";src:url("/wp-content/themes/bellandra/webfonts/static/Inter_24pt-BlackItalic.ttf") format("truetype");font-weight:900;font-style:italic;font-display:swap}

/* === Apply to body copy (flow text) === */
html{
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body,
p, li, ol, ul, dl, dt, dd,
small, blockquote, cite,
label, input, textarea,
table, th, td,
.woocommerce, .woocommerce p, .woocommerce li{
  font-family: 'Roboto Slab';
  font-weight: 400; /* default for body copy */
}
strong, b{ font-weight:700 }
em, i{ font-style:italic }

h1, h2, h3, h4, h5, h6, .section-heading,
h2.section-title {
  font-family: "Roboto Slab", Georgia, serif;
  font-weight: 800; 
}

del {
    text-decoration: none;
}

p.shipping-time.shipping-time--moved {font-size: 1.3rem;}

.happy-hour-notification{
  position: relative;                 /* for the icon */
  background: #FFF1D0;                   /* clean card */
  border: 1px solid #e9ecf2;          /* soft edge */
  border-radius: 14px;                /* rounded card */
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  padding: 12px 16px 12px 48px;       /* space for the icon */
  color: #0f0f10;                     /* body text */
  font-weight: 700;
  line-height: 1.45;
  margin: 10px auto 18px;             /* breathing */
  overflow-wrap: anywhere;            /* safer wrapping on small screens */
}


.happy-hour-notification{
  position: relative;
  padding-left: calc(16px + var(--hh-icon) + 12px); 
}

.happy-hour-notification::before{
  content:"";
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  width:var(--hh-icon);
  height:var(--hh-icon);
  background-color: var(--hh-color);
  -webkit-mask: url('/wp-content/themes/bellandra/images/certificate-solid-full.svg') no-repeat center / 84% 84%;
          mask: url('/wp-content/themes/bellandra/images/certificate-solid-full.svg') no-repeat center / 84% 84%;
  border-radius: 50%; 
  box-shadow:
    0 6px 14px rgba(224,64,72,.28),
    0 2px 6px  rgba(224,64,72,.18);
}


.happy-hour-notification::after{
  content:"%";
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  width:var(--hh-icon);
  height:var(--hh-icon);
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
  font-size: clamp(10px, 14vw, 24px);
  line-height:1;
  pointer-events:none;
}

.happy-hour-notification a{
  color: #7aa04a;                     /* accent */
  text-decoration: none;
  border-bottom: 2px solid rgba(122,160,74,.28);
  transition: color .15s ease, border-color .15s ease;
  font-weight: 800;
}
.happy-hour-notification a:hover{
  color: #62863c;
  border-bottom-color: rgba(98,134,60,.5);
}

/* Compact on very small screens */
@media (max-width: 575px){
  .happy-hour-notification{
    padding: 10px 12px 10px 44px;
    font-weight: 600;
    border-radius: 12px;
  }
  .happy-hour-notification::before,
  .happy-hour-notification::after{
    left: 12px;
  }
}



span.woocommerce-Price-amount.amount {
    color: var(--ink);
    font-weight: 800;
    font-size: 1.2rem;
}


/* === Site-wide background image (base page bg, not slideshow) === */


/* Keep a solid fallback color */
html { background-color: #ffffff; }

/* Paint the artwork on the page background */
body{
  /* white base + decorative image */
  background-image: var(--site-bg);
  background-repeat: no-repeat;
  background-position: center top;       /* artwork centered near top */
  /* Use contain so the full artwork (corners) stays visible on all ratios */
  background-size: min(1600px, 95vmin);  /* tweak if you want it bigger/smaller */
  background-attachment: relative;          /* nice subtle parallax; remove on demand */
}

@supports (-webkit-touch-callout: none) {
  body{ background-attachment: scroll; } /* disable fixed on iOS if it jitters */
}


/* Grid & tokens */
.woocommerce ul.products{
  display: grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:36px;
  margin:0;
  padding:0;
  list-style:none;
  margin-bottom: 2rem;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title{
  display:block; margin:16px 0 6px 0;
  font-weight:800; color:var(--ink);
  font-size:clamp(18px,1.6vw,22px);
}

span.woocommerce-Price-amount.amount {
  color: var(--ink);
  font-weight: 800;
  font-size: 1.5rem;
}


.woocommerce p.price,
.woocommerce .price{
  display:inline-flex;
  gap:.5rem;
  align-items:center
}

.woocommerce .price del{
  position: relative;
  text-decoration: none;    
  color: #777;          
  line-height: 1.1;
  padding: 0 .1em;       
}


.woocommerce .price del::after{
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;         
  top: 50%;
  height: 2px;             
  background: #e04048;     
  transform: translateY(-50%);
  border-radius: 2px;
}

.woocommerce .price .price-new,
.woocommerce .price .price-new *{
  text-decoration: none !important;
}

@media (max-width:1199px){ .woocommerce ul.products{ grid-template-columns:repeat(3,1fr); } }
@media (max-width: 711px) {
   .ciyo-cart-thumb {
      /* display:none; */
   }
   .woocommerce-cart-two-column .cart-left tbody tr.woocommerce-cart-form__cart-item td {
      padding: 1rem;
   }
   .woocommerce table.shop_table td a {
      font-size: 15px;
   }
   span.woocommerce-Price-amount.amount {
      color: var(--ink);
      font-weight: 800;
      font-size: 1rem;
   }
   .quantity{
      display:flex;
      align-items:center;
      gap: 0px;
   } 
}

@media (max-width:655px) {
  header.page-header {
    margin-left:15px
  } 
  .woocommerce-cart-two-column .cart-left tbody {
    display: flex;
    flex-wrap: wrap;
  }
  .csomag-actions .button {
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
  }
  .woocommerce-cart-two-column .cart-left tbody tr.woocommerce-cart-form__cart-item {
    display:flex;
    flex-direction:column;
    flex: 1 100%;
    margin-bottom: 1rem;
  }
  .woocommerce-cart-two-column .cart-left tbody tr.woocommerce-cart-form__cart-item td:last-child {
    display: flex;
    justify-content:center;
  }
  .woocommerce-cart-two-column .cart-left tbody tr.woocommerce-cart-form__cart-item td:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 8px;
  }
.woocommerce-cart-two-column .cart-left tbody tr.woocommerce-cart-form__cart-item td:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
  }
   .woocommerce-cart-two-column .cart-left tbody tr.woocommerce-cart-form__cart-item td {
      padding: 1rem;
   }
   .woocommerce table.shop_table td a {
      font-size: 22px;
   }
  td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actionstable.shop_table td a  {
      font-size: .5rem;
    }
   span.woocommerce-Price-amount.amount {
      color: var(--ink);
      font-weight: 800;
      font-size: 1.2rem;
   }
  tr.ciyo-cart-actions-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
  }
}

.home-video-container.row {
    background: #fff1d0;
}

.col-xxl-4.col-xl-4.col-lg-4.col-md-12.col-sm-12.home-video-text {
    display: flex;
    align-items: center;
}


@media (min-width:1200px){
  .woocommerce ul.products > li.product{ display:flex; }
}


@media (max-width:1199px) and (min-width:992px){
  .woocommerce ul.products{
    grid-template-columns: repeat(3, 1fr);
  }
  .woocommerce ul.products > li.product:nth-child(n + 4){
    display: none !important;   /
  }
}


@media (max-width:991px){
  .woocommerce ul.products{
    grid-template-columns: repeat(2, 1fr);
  }
  .woocommerce ul.products > li.product{
    display: flex;              
  }
}

.col-xxl-8.col-xl-8.col-lg-8.col-md-12.col-sm-12.home-video figure {margin: 0;}

.col-xxl-8.col-xl-8.col-lg-8.col-md-12.col-sm-12.home-video figure iframe {margin: 2rem 0;}

.inner-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
}

@media (max-width: 1365px) {
  .inner-container {
      flex-direction:column;
  }
}

.inner-container a {
    flex: 1;
    text-align: center;
    margin: .4rem auto;
    width: 100%;
}

.inner-container a{
  flex: 1;
  text-align: center;
  font-size: clamp(14px, 2.8cqw, 18px);
  padding: clamp(10px, 1.2cqw, 14px) clamp(12px, 2cqw, 18px);
  color: #fff;
}

@supports not (font-size: 1cqw){
  .inner-container a{
    font-size: clamp(14px, 1.6vw, 18px);
  }
}

@media (max-width:991px){  .woocommerce ul.products{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:455px){
   span.woocommerce-Price-amount.amount {
      font-weight: 800;
      font-size: 1rem;
   }
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
      font-size: .8rem;
  }
}

.woocommerce ul.products li.product{
  --radius:16px;
  --line:#e9ecf2;
  --shadow:0 10px 24px rgba(0,0,0,.08);
  --ink:#0f0f10;
  --muted:#8a8f98;
  --sale:#e04048;
  --btn1:#f6d975;
  --btn2:#f0c44f;
  margin: 0;
  display:flex;
  flex-direction:column;
}

.woocommerce.col-12 {
    padding-left: 0;
    padding-right: 0;
}

/* 1) reset: the anchor is NOT the image square */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  display:block;
  padding-top:0;
  background:none;
  border:0; box-shadow:none;
  overflow:visible;
  text-decoration:none; color:inherit;
}

/* 2) the real image square lives on .product-image-flip */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .product-image-flip{
  position:relative;
  display:block;
  overflow:hidden;
  padding-top:100%;                     /* perfect square */
  border-radius:var(--radius);
  padding: 0;
}

/* make inner flip wrappers harmless for sizing */
.woocommerce ul.products li.product .product-image-flip .flip-container,
.woocommerce ul.products li.product .product-image-flip .flipper,
.woocommerce ul.products li.product .product-image-flip .front,
.woocommerce ul.products li.product .product-image-flip .back{
  position:static; height:100%;
}

/* image fills the square */
.woocommerce ul.products li.product .product-image-flip img{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:contain;
  padding:18px;
}

/* sale badge sits on the square */
.woocommerce ul.products li.product .product-image-flip .onsale{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  background:var(--sale);
  color:#fff;
  font-weight: 900;
  font-size: 25px;
  line-height:1;
  border-radius:999px;
  padding:6px 8px;
  box-shadow:0 2px 10px rgba(0,0,0,.15);
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .subtitle{
  margin:0 0 8px 0; color:var(--muted); font-size:16px;
}

.woocommerce ul.products li.product .star-rating{
  position:relative;
  font-size:16px;
  line-height:1;
  letter-spacing:.25ch;
  margin:0 0 10px 0;
}
.woocommerce ul.products li.product .star-rating::before{color:#e3e7ef;}
.woocommerce ul.products li.product .star-rating>span{
  position:absolute; inset:0 auto 0 0; overflow:hidden; color:#f5b50a; white-space:nowrap;
}

/* price under rating */
.woocommerce ul.products li.product .price{
  margin:0 0 16px 0;
  color:var(--ink);
  font-weight:800;
  margin-bottom: .5rem;
}
.woocommerce ul.products li.product .price del{
  color:#a8adb5; margin-right:8px; text-decoration:line-through; text-decoration-thickness:2px;
}
.woocommerce ul.products li.product .price ins{/* color:var(--sale); */font-weight:900;background:transparent;text-decoration: none;}

/* 4) add-to-cart button at the bottom */
.woocommerce ul.products li.product > .button, .woocommerce ul.products li.product > .add_to_cart_button, :where( button, .button, .btn, input[type="submit"], input[type="button"], input[type="reset"], [role="button"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit ), .button{
  align-self:flex-start;
  color:#fff;
  font-weight:800;
  border:0;
  padding:12px 20px;
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease;
}
.woocommerce ul.products li.product > .button:hover,
.woocommerce ul.products li.product > .add_to_cart_button:hover{
    background: #8AAC4B;
    transition: .3s;
}
.woocommerce ul.products li.product > .button:hover,
.woocommerce ul.products li.product > .add_to_cart_button:hover{
  transform:translateY(-1px);
  /* box-shadow:0 16px 34px rgba(240,196,79,.46),
             0 2px 0 rgba(255,255,255,.62) inset,
             0 -2px 0 rgba(0,0,0,.06) inset; */
}

/* hygiene */
.woocommerce a{text-decoration:none;}

.woocommerce ul.products li.product .product-image-flip .front,
.woocommerce ul.products li.product .product-image-flip .back {
  position: relative; 
}

.woocommerce ul.products li.product .onsale {

  --badge-size: 44px;
  --badge-color: #d73a3f;
  --svg: url('/wp-content/themes/bellandra/images/certificate-solid-full.svg');

  position: absolute;
  top: 10px; z-index: 2;

  width: var(--badge-size);
  height: var(--badge-size);


  background: var(--badge-color);
  -webkit-mask: var(--svg) center / contain no-repeat;
          mask: var(--svg) center / contain no-repeat;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 900;
  font-size: calc(var(--badge-size) * .36);
  line-height: 1;
  text-align: center;
  letter-spacing: .01em;


  box-shadow:
    0 0 0 2px #fff inset,
    0 8px 18px rgba(0,0,0,.18);

  border-radius: 0 !important;
  min-width: 0; min-height: 0;
  margin: 0; padding: 0;
}


.woocommerce ul.products li.product:hover .onsale{
  transform: translateZ(0) scale(1.03);
  transition: transform .15s ease;
}


@supports not ((mask: url()) or (-webkit-mask: url())){
  .woocommerce ul.products li.product .onsale{
    -webkit-mask: none; mask: none;
    clip-path: polygon(
      50% 0%, 60% 18%, 80% 10%, 74% 30%, 95% 35%, 78% 45%,
      100% 55%, 78% 60%, 95% 75%, 74% 72%, 80% 90%, 60% 82%,
      50% 100%, 40% 82%, 20% 90%, 26% 72%, 5% 75%, 22% 60%,
      0% 55%, 22% 45%, 5% 35%, 26% 30%, 20% 10%, 40% 18%
    );
  }
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .product-image-flip{
  position:relative;
  padding-top:100%;        
  perspective:1200px;         
  overflow:hidden;           
}

.strike {
    display: inline-flex;
}

.woocommerce ul.products li.product .product-image-flip .flip-container,
.woocommerce ul.products li.product .product-image-flip .flipper{
  position:absolute; inset:0; 
}

.woocommerce ul.products li.product .product-image-flip .flipper{
  transform-style:preserve-3d;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}


@media (hover:hover){
  .woocommerce ul.products li.product:hover .product-image-flip .flipper{
    transform:rotateY(180deg);
  }
}

.woocommerce ul.products li.product .product-image-flip .front,
.woocommerce ul.products li.product .product-image-flip .back{
  position:absolute; inset:0;
  backface-visibility:hidden;
  border-radius:inherit;
  overflow:hidden;
}
.woocommerce ul.products li.product .product-image-flip .back{
  transform:rotateY(180deg);
}

.woocommerce ul.products li.product .product-image-flip img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  display:block;
  object-fit: cover;
  padding:0;
  border-radius: 8px;
}


.woocommerce ul.products li.product img.wp-post-image,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail{
  opacity:1 !important; visibility:visible !important;
}
/* --- PRODUCT FLIP --- */

.product-image-flip {
   perspective: 1000px;
   position: relative;
   overflow: hidden;
   width: 100%;
   aspect-ratio: 1;
}

.flip-container {
   position: relative;
   width: 100%;
   height: auto;
}

.flipper {
   transition: transform 0.6s;
   transform-style: preserve-3d;
   position: relative;
}

.flip-container:hover .flipper {
   transform: rotateY(180deg);
}

.front,
.back {
   backface-visibility: hidden;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
}

.product-image-flip img {
   width: 100%;
}

.front {
   z-index: 2;
}

.back {
   transform: rotateY(180deg);
}

img.front-page-img {
    border-radius: 8px;
}

.banner-item {
    color: #fff;
    text-align: center;
    padding: 1rem;
}
div#logo img {
    width: 200px;
}
.header-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
#logo {
    justify-content: center;
    text-align: center;
 }
 .outer-header .social-nav-container {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.outer-header.container {
    position: relative;
}
.social-nav-container nav ul, .user-nav-container nav ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.col-xxl-6.col-xl-6.col-lg-6.col-md-12.col-sm-12.image-container {
    align-content: center;
}

/* 5. Upsell Popup Styles */
#upsell-popup-container {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);
   z-index: 9999;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 1rem;
}

#upsell-popup-container.active {
   display: flex;
}

#upsell-popup {
   background: #fff;
   max-width: 600px;
   width: 100%;
   overflow: hidden;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.popup-content {
   position: relative;
   padding: 1.5rem;
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
}

.close-popup {
   position: absolute;
   top: 0.5rem;
   right: 0.75rem;
   font-size: 1.5rem;
   cursor: pointer;
   line-height: 1;
   color: #333;
}

.popup-content h3 {
   flex: 1 1 100%;
   margin-bottom: 1rem;
   font-size: 1.5rem;
   text-align: center;
   text-transform: uppercase;
}

.upsell-item {
   flex: 1 1 calc(50% - 1rem);
   text-align: center;
   padding: 1rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.upsell-item img {
   max-width: 100%;
   height: auto;
   margin-bottom: 0.5rem;
   border-radius: 8px;
}

.upsell-item p {
   flex: 1 1 auto;
   margin: 0.5rem 0;
}

.upsell-item .price {
   font-weight: bold;
   margin-bottom: 0.75rem;
}

.upsell-item .button {
   text-transform: uppercase;
   background: transparent;
   border: 2px solid #000;
   border-radius: 0;
   padding: 0.75em 1.5em;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   transition: background 0.2s, color 0.2s;
   color: #111;
   font-size: 1rem;
   cursor: pointer;
}
span.remove {
    position: absolute;
    border-radius: 0 0 50% 0;
    z-index: 999;
    color: #ffffff;
    line-height: 20px;
    font-size: 14px;
    padding: 0 3px;
}
span.sale {
    position: absolute;
    right: 15px;
    background-color: #00ffbb;
    padding: 5px;
}
.product-placeholder.empty {
    background-image: url('/wp-content/themes/bellandra/images/Bellandra_mockup_packs_ures_egy.png');
    width: 100%;
    aspect-ratio: 1;
    margin-bottom: 2rem;
    background-size: cover;
}

 div#logo, .mainnav-container, .user-nav-container {
    flex: 0 1 calc(33.333% - 1rem);
}
tr.bundle-in-cart td {
    background-color: #ffe;
}
.product-placeholder a.remove {
    position: absolute;
    left: 0;
}

/* === package advert === */

div#package-advert {
    margin-top: 8rem;
    margin-bottom: 8rem;
    align-items: center;
    position: relative;
}

.colored-background {
    background: #FFF1D0;
    position: absolute;
    height: 70%;
    width: 100%;
}

@media (max-width:1199px) {
  .colored-background {
    height: 120%;
  }  
}

@media (max-width:991px) {
  .col-xxl-4.col-xl-4.col-lg-4.col-md-12.col-sm-12.home-video-text {
    padding-bottom:2rem
  }
}

.package-image{
  margin-top: clamp(16px, 2vw, 24px);
  position: relative;
  width: auto;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 16px;
}
.package-image a{ display:block; width:100%; height:100%; }
.package-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}

.custom-package-text > img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 16px;  
  margin: 0 0 clamp(14px,1.6vw,18px);
}


a.single_add_to_cart_button.button.alt.package-recommendation {
    background: var(--btn-bg);
    border-radius: var(--btn-radius);
    align-self: flex-start;
    color: #fff;
    font-weight: 800;
    border: 0;
    padding: 12px 20px;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease;
}

/* === Slideshow overlay/layer fix === */
#slideshow {
  position: relative;
  isolation: isolate;         
  overflow: hidden;          

}

#slideshow::before,
#slideshow::after {
  z-index: 0 !important;
}


#slideshow .slick-list,
#slideshow .slick-track,
#slideshow .slick-slide,
#slideshow .slide,
#slideshow .caption,
#slideshow .slide-content,
#slideshow .content,
#slideshow h1, #slideshow h2, #slideshow h3,
#slideshow p,
#slideshow a {
  position: relative;
  z-index: 2 !important;
}


#slideshow::after {
  opacity: .82 !important;    /* volt: .95 */
}


#slideshow .slide-caption,
#slideshow .caption,
#slideshow .slide-content,
#slideshow .content {
  background: rgba(255,255,255,.92);
  box-shadow: 0 16px 40px rgba(0,0,0,.16);
  border-radius: 16px;
  padding: clamp(16px, 2.8vw, 28px);
  max-width: min(88%, 420px);
}

#slideshow :is(h1,h2,h3){ margin:0 0 10px; color:#6b3f36; font-weight:800;
  line-height:1.08; font-size: clamp(26px, 3.8vw, 42px); }
#slideshow p{ margin:0 0 18px; color:#6b3f36; font-weight:700;
  font-size: clamp(16px, 2.3vw, 22px); }

#slideshow a.button,
#slideshow a.btn,
#slideshow .button,
#slideshow .btn,
#slideshow .cta{
  display:inline-block; background:#f0c44f; color:#fff; font-weight:800;
  border-radius:12px; padding:12px 20px; text-decoration:none;
  box-shadow:0 10px 24px rgba(240,196,79,.45);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
#slideshow a.button:hover,
#slideshow a.btn:hover,
#slideshow .button:hover,
#slideshow .btn:hover,
#slideshow .cta:hover{
  transform: translateY(-1px);
  box-shadow:0 14px 30px rgba(240,196,79,.5);
  filter:saturate(1.05);
}

#slideshow h1, #slideshow h2, #slideshow h3, #slideshow p + a {

}

/* woocommerce cart page */


.woocommerce-cart-two-column .cart-left thead th.product-name,
.woocommerce-cart-two-column .cart-left thead th.product-quantity,
.woocommerce-cart-two-column .cart-left thead th.product-price{
  text-align: left !important;
}


.woocommerce-cart-two-column .cart-left td.product-name,
.woocommerce-cart-two-column .cart-left td.product-quantity,
.woocommerce-cart-two-column .cart-left td.product-price{
  text-align: left !important;
}


.woocommerce-cart-two-column .cart-left td.product-quantity .quantity{
  justify-content: flex-start;
}


.woocommerce-cart-two-column .cart-left td.product-price .ciyo-price,
.woocommerce-cart-two-column .cart-left td.product-price .woocommerce-Price-amount{
  display: inline-block;
  text-align: left !important;
}


.woocommerce-cart-two-column{
  margin: 20px auto 40px;
  padding: 0 16px;

  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 28px;
}
.woocommerce-cart-two-column.empty{
  grid-template-columns: 1fr;
}

.woocommerce-cart-two-column .cart-left .shop_table.cart{
  width: 100%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0 12px; 
  background: transparent;
}
.woocommerce-cart-two-column .cart-left thead th{
  font-size: 16px;
  font-weight: 700;
  color: #111;
  padding: 10px 14px;
  border-bottom: 2px solid var(--line);
}
.woocommerce-cart-two-column .cart-left thead th.product-quantity{
  text-align: center;
}
.woocommerce-cart-two-column .cart-left thead th.product-price{
  text-align: right;
}

.woocommerce table.shop_table td a{
  font-size: 18px;
  font-weight: 800;
  font-family: 'Roboto Slab';
}

.woocommerce-cart-two-column .cart-left tbody tr.woocommerce-cart-form__cart-item{
  background: var(--bg);
  box-shadow: var(--shadow);
  border-radius: var(--radius);
}
.woocommerce-cart-two-column .cart-left tbody tr.woocommerce-cart-form__cart-item td{
  border: 0 !important;
  vertical-align: middle;
  padding: 16px 18px;
}
.woocommerce-cart-two-column .cart-left tbody tr.woocommerce-cart-form__cart-item td:first-child{
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.woocommerce-cart-two-column .cart-left tbody tr.woocommerce-cart-form__cart-item td:last-child{
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.woocommerce-cart-two-column .cart-left tbody tr.woocommerce-cart-form__cart-item:nth-of-type(2n){
  background: var(--hilite);
}

.ciyo-cart-item{ display:flex; gap:14px; align-items:center; }
.ciyo-cart-thumb img{
  width: 86px; height: 106px;
  object-fit: cover; border-radius: 10px; display:block;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}


tr.order-total bdi {
    color: #f4c145;
}

.csomag-actions .button, .upsell-item .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  border: 0 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  color: #fff !important;        
  transition: transform .15s ease, filter .15s ease, background-color .15s ease;
}


.ciyo-qty{ display:flex; align-items:center; justify-content:center; gap:12px; }
.quantity{display:flex;align-items:center;gap: 12px;}
.quantity .qty{
  width: 48px; height: 40px; text-align:center;
  border: 1.5px solid var(--line-2); border-radius: 10px; background:#fff;
  font-weight: 700;
}


.cart_totals table.shop_table.cart-totals-clean
tr:not(.order-total) td .woocommerce-Price-amount.amount{
  font-weight: 300;
}

.cart_totals table.shop_table.cart-totals-clean
tr.order-total td .woocommerce-Price-amount.amount{
  font-weight: 800;             
}



.ciyo-cart-title .ciyo-product-name a{
  color: var(--ink); text-decoration: none; font-weight: 700;
}
.ciyo-cart-title .ciyo-product-name a:hover{ text-decoration: underline; }
.ciyo-cart-title .variation, .c i y o-cart-title .wc-item-meta{
  color: var(--ink-weak); font-size: 13px;
}


.quantity button.minus, .quantity button.plus{
  width: 40px;
  height: 40px;
  line-height: 38px;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  font-size: 18px;
  transition: .15s ease;
  color: #111;
}
.quantity button.minus:hover, .quantity button.plus:hover{
  transform: translateY(-1px); box-shadow: var(--shadow);
}


.woocommerce-cart-two-column .cart-left tbody
tr.woocommerce-cart-form__cart-item.bundle-in-cart{
  
  background: rgba(251, 199, 70, 0.2) !important; 
  border-color: #f3d88a; 
}


.woocommerce-cart-two-column .cart-left tbody
tr.woocommerce-cart-form__cart-item.bundle-in-cart td{
  background: #f8d78e !important;
}


.woocommerce-cart-two-column .cart-left tbody
tr.woocommerce-cart-form__cart-item.bundle-in-cart:nth-of-type(2n){
  background: rgba(251, 199, 70, 0.2) !important;
}

.woocommerce-cart-two-column .cart-left td.product-price,
.woocommerce-cart-two-column .cart-left td.product-price .ciyo-price{
  text-align: right; font-weight: 700;
}

.ciyo-cart-actions-row td{
  background: transparent !important; border: 0 !important; padding: 0 0 6px !important;
}
.ciyo-cart-actions-row .actions-left,
.ciyo-cart-actions-row .actions-right{ padding-top: 6px !important; }

.ciyo-cart-actions-row .coupon{
  display:flex;
  align-items:center;
  flex-wrap: wrap;
}
.ciyo-cart-actions-row .coupon input.input-text{
  min-width: 320px;
  height: 44px;
  padding: 0 14px;
  border: 1.5px solid #111;
  border-radius: 10px;
  background:#fff;
  margin-right: 32px;
  margin-bottom: 32px;
}

.ciyo-cart-actions-row .ciyo-update-cart{
  height: 44px;
  padding: 0 22px;
  border: none;
  font-weight: 800;
  box-shadow: var(--shadow);
  cursor: pointer;
  transition: .15s ease;
  font-size: 18px;
}
.ciyo-cart-actions-row .ciyo-update-cart:hover{
  filter: brightness(.98); transform: translateY(-1px);
}



.woocommerce-cart-two-column .cart-right .cart_totals{
  background: var(--bg); border: 1px solid var(--line); border-radius: 14px;
  padding: 18px; box-shadow: var(--shadow); position: sticky; top: 18px;
}
.woocommerce-cart-two-column .cart-right .cart_totals h2{
  margin-top: 0; font-size: 20px;
}
.woocommerce-cart-two-column .cart-right .shop_table{
  border:0; background: transparent;
}
.woocommerce-cart-two-column .cart-right .shop_table th,
.woocommerce-cart-two-column .cart-right .shop_table td{
  border:0;
  padding: 10px 0;
}
.woocommerce-cart-two-column .cart-right .order-total strong{
  font-size: 18px;
}

.cross-sells-row{ margin-top: 26px; }

.woocommerce-cart-two-column .cart-left .shop_table.cart:before{ content:''; display:block; } /* IE bugfix */
.woocommerce-cart-two-column .cart-left .woocommerce-cart-form ~ .nothing{} /* noop */

.woocommerce-cart-two-column .cart-left .button-group--cart-top,
.woocommerce-cart-two-column .cart-left .cart-top-actions{
  display:flex; gap:12px; margin: 0 0 14px 0;
}
.woocommerce-cart-two-column .cart-left .button-group--cart-top .button:first-child,
.woocommerce-cart-two-column .cart-left .cart-top-actions .button:first-child, .upsell-item .button{
  background: var(--accent);
  color: var(--accent-ink);
  border: 0;
  padding: 10px 16px;
  border-radius: 8px;
  font-weight: 800;
  box-shadow: var(--shadow);
}
.woocommerce-cart-two-column .cart-left .button-group--cart-top .button:nth-child(2),
.woocommerce-cart-two-column .cart-left .cart-top-actions .button:nth-child(2){
  background: var(--pill); color: var(--ink); border: 0;
  padding: 10px 16px; border-radius: 999px; font-weight: 700;
}

/* === Cart columns: titles align with content === */
.ciyo-cart-item .ciyo-cart-thumb{ 
  width: var(--cart-thumb-w);
  flex: 0 0 var(--cart-thumb-w);
}

.woocommerce-cart-two-column .cart-left thead th.product-quantity,
.woocommerce-cart-two-column .cart-left tbody td.product-quantity{
  width: var(--cart-col-qty);
  text-align: center; 
}

.woocommerce-cart-two-column .cart-left thead th.product-price,
.woocommerce-cart-two-column .cart-left tbody td.product-price{
  width: var(--cart-col-price);
  text-align: right; 
  white-space: nowrap;
}


.woocommerce-cart-two-column .cart-left thead th.product-name{
  padding-left: calc(var(--cart-cell-pad-x) + var(--cart-thumb-w) + var(--cart-thumb-gap));
}


.woocommerce-cart-two-column .cart-left tbody td{
  padding-left: var(--cart-cell-pad-x);
  padding-right: var(--cart-cell-pad-x);
}


.woocommerce-cart-two-column .cart-left thead th{
  border-bottom: 2px solid #1d1d1d;
}


@media (max-width: 680px){
  .woocommerce-cart-two-column .cart-left thead{ display:none; }
  .woocommerce-cart-two-column .cart-left thead th.product-name{ padding-left: 0; }
  .woocommerce-cart-two-column .cart-left thead th.product-quantity,
  .woocommerce-cart-two-column .cart-left thead th.product-price,
  .woocommerce-cart-two-column .cart-left tbody td.product-quantity,
  .woocommerce-cart-two-column .cart-left tbody td.product-price{
    width: auto;
    text-align: left; 
  }
}


@media (max-width: 1100px){
  .woocommerce-cart-two-column{ grid-template-columns: 1fr; }
  .woocommerce-cart-two-column .cart-right .cart_totals{ position: static; }
}
@media (max-width: 640px){
  .ciyo-cart-thumb img{ width:72px; height:92px; }
  .ciyo-cart-actions-row .coupon input.input-text{ min-width: 0; flex: 1 1 220px; }
  .ciyo-cart-actions-row td.actions-right{ text-align: right; }
}

/* === Cart: 1 oszlop, full-width table, totals alatta === */
.woocommerce-cart-two-column{
  display: block;
  /* max-width: 1180px; */         
  margin: 20px auto 40px;
  padding: 0 16px;
}


.woocommerce-cart-two-column .cart-left .shop_table.cart{
  width: 100%;
}

.woocommerce-cart-two-column .cart-right{
  margin-top: 22px;             
}


.woocommerce-cart-two-column .cart-right .cart_totals{
  position: static;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  border: 1px solid #e8eaee;
  background: #fff;
  padding: 18px;
}



.woocommerce-cart-two-column .cart-right .shop_table{
  border: 0;
  background: transparent;
  width: 100%;
}
.woocommerce-cart-two-column .cart-right .shop_table th,
.woocommerce-cart-two-column .cart-right .shop_table td{
  border: 0;
  padding: 10px 0;
  text-align: left;
}
.woocommerce-cart-two-column .cart-right .shop_table .shipping td{
  padding-top: 14px;
}


/* Cart totals: clean 2-column table */
.cart_totals {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0;
}
.cart_totals h2 {
  margin: 0 0 10px;
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 800;
}

.shop_table.cart-totals-clean {
  width: 100%;
  border-collapse: collapse;
  background: transparent !important;
  border: 0;
}

.shop_table.cart-totals-clean tr {
  border-bottom: 1px solid #e7e7ec;
}
.shop_table.cart-totals-clean tr:last-child {
  border-bottom: none;
}

.shop_table.cart-totals-clean th,
.shop_table.cart-totals-clean td {
  padding: 12px 0;
  background: transparent !important;
  border: 0 !important;
  vertical-align: middle;
}

.shop_table.cart-totals-clean th {
  width: 220px;                 /* label column */
  text-align: left;
  font-weight: 800;
  color: #0f0f10;
}
.shop_table.cart-totals-clean td {
  text-align: left;
}

/* Shipping block inside the right column */
.woocommerce-shipping-totals td .woocommerce-shipping-methods {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
}
.woocommerce-shipping-methods li {
  margin: 8px 0;
}
.woocommerce-shipping-methods label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

tr.vp-woo-pont-review-order td {
  line-height: 1.45;
}
.vp-woo-pont-review-order-selected {
  display: flex;
  align-items: center;
  gap: 12px;
}
#vp-woo-pont-show-map { text-decoration: underline; }


.shop_table.cart-totals-clean .order-total td strong {
  font-size: clamp(18px, 2.6vw, 22px);
  color: #d59b00; 
}

@media (max-width: 560px) {
  .shop_table.cart-totals-clean th { width: 42%; }
}
@media (max-width: 420px) {
  .shop_table.cart-totals-clean th,
  .shop_table.cart-totals-clean td {
    display: block;           
    width: 100%;
    padding: 8px 0;
  }
  .shop_table.cart-totals-clean th { opacity: .9; }
  .woocommerce-shipping-methods li { margin: 6px 0; }
}


/* =========================================
   PACKAGES GRID 
   ========================================= */

.product-category-list{
  --radius:16px;
  --ink:#0f0f10;
  --muted:#8a8f98;
  --sale:#e04048;
  --btn1:#f6d975;
  --btn2:#f0c44f;
  --pastel-1-a:#d9ecff;
  --pastel-1-b:#c1defc;
  --pastel-2-a:#ffd6e6;
  --pastel-2-b:#ffc1d7;
  --pastel-3-a:#feefc3;
  --pastel-3-b:#fde59a;
  --pastel-4-a:#e9f7e8;
  --pastel-4-b:#d5f0d2;
}

.product-category-list ul.products-packages{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:36px;
  list-style:none; margin:0 !important; padding:0 !important;
}
.product-category-list ul.products-packages > li{
  padding: 0;
  margin: 0;
  display:flex;
  flex-direction:column;
}

.product-category-list .product-image-flip{position:relative;padding-top:100%;/* border-radius:var(--radius); */overflow:hidden;}
.product-category-list .product-image-flip .flip-container,
.product-category-list .product-image-flip .flipper{ position:absolute; inset:0; }
.product-category-list .product-image-flip .flipper{ transform-style:preserve-3d; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
@media (hover:hover){
  .product-category-list li:hover .product-image-flip .flipper{ transform:rotateY(180deg); }
}
.product-category-list .product-image-flip .front,
.product-category-list .product-image-flip .back{
  position:absolute;
  inset:0;
  backface-visibility:hidden;
  overflow:hidden;
  border-radius: var(--radius);
}
.product-category-list .product-image-flip .back{ transform:rotateY(180deg); }


.product-category-list .product-image-flip img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  opacity:1 !important;
  visibility:visible !important;
  object-fit:contain;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.18));
  border-radius: var(--radius);
}

.product-category-list ul.products-packages h3{
  margin: 1rem 0px 0px;
  font-weight:800;
  color:var(--ink);
  font-size:clamp(18px,1.6vw,22px);
}
.product-category-list ul.products-packages h4{
  margin: 1rem 0px 0px;
  color:var(--muted);
  font-size:16px;
  font-weight:600;
}
.product-category-list ul.products-packages p{
  margin: 0;
  color:var(--muted);
  font-size:15px;
}

.product-category-list ul.products-packages .price{
  margin: 1rem 0px 0px;
  font-weight:800;
  color:var(--ink);
}
.product-category-list ul.products-packages .price del{
  color:#a8adb5; margin-right:8px; text-decoration:line-through; text-decoration-thickness:2px;
}
.product-category-list ul.products-packages .price ins{
  color:var(--sale); font-weight:900; background:transparent; text-decoration:none;
}

.product-category-list ul.products-packages .add-to-package{
  align-self:flex-start;
  margin: 1rem 0px;
  color:#fff;
  font-weight:800;
  border:0;
  border-radius: 10px;
  padding:12px 20px;
  cursor:pointer;
  background: #f0c44f;
}
.product-category-list ul.products-packages .add-to-package:hover{
  background: #8AAC4B;
  transition: .3s;
}


@media (max-width:1199px){ .product-category-list ul.products-packages{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:991px){  .product-category-list ul.products-packages{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:575px){  .product-category-list ul.products-packages{ grid-template-columns:1fr; gap:24px; } }

/* ============================
   Mix & Match package slots
   2-column responsive card grid
   ============================ */

.product-category-list ul.products-packages {
  display: grid;   
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));  /* 3 oszlop */
  gap: 36px;
  list-style: none;
  margin: 0;
  padding: 0;
}


.product-category-list ul.products-packages.row {
  margin-left: 0;
  margin-right: 0;
}

.product-category-list ul.products-packages > li {
  width: auto;
  max-width: none;
  flex: initial;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  display: flex;          
  flex-direction: column;
}

@media (max-width: 1199px) {
  .product-category-list ul.products-packages {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .colored-background {
    height: 105%;
    width:100%;
    top:0;
    bottom:0;
  }
  .package-image img {
  position: relative;
  width: auto;
  margin: auto;
  max-height: 500px;
  margin-top: 1rem;
  }
  .product-category-list ul.products-packages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .product-category-list ul.products-packages {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* grid: 2 columns desktop, 1 column mobile */
.package-products{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(14px,2.6vw,24px);
}
.package-slot{ list-style:none; margin:0; }
@media (max-width:640px){
  .package-products{ grid-template-columns:1fr; }
}

/* kill bootstrap row gutters if present */
.package-products.row{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* each slot */
.package-products > li{
  padding: 0;
  margin-left: 0;
}

/* card */
.package-products .product-placeholder{
  position: relative;
  border-radius: 16px;
  display: grid;
  grid-template-rows: auto auto;      /* image + title */
  gap: 10px;
}

.package-products:hover {
    cursor: pointer;
}

/* ====== PACKAGES GRID: 2 oszlop mobilon is + arányos kicsinyítés ====== */

.product-category-list {
  --tile-gap: 36px;

  --fs-h3: clamp(16px, 2.2vw, 20px);
  --fs-h4: clamp(13px, 1.8vw, 16px);
  --fs-p:  clamp(12px, 1.6vw, 14px);
  --fs-price: clamp(16px, 2vw, 18px);

  /* gomb paddings */
  --btn-py: clamp(8px, 1.2vw, 12px);
  --btn-px: clamp(12px, 2vw, 20px);
}

/* Grid oszlopok — asztali: 4 → 3 → 2 */
.product-category-list ul.products-packages{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: var(--tile-gap);
}
@media (max-width:1199px){
  .product-category-list ul.products-packages{
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}
@media (max-width:991px){
  .product-category-list ul.products-packages{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .package-products .product-placeholder h3 {
    font-size:1rem;
  }
  #add-package-to-cart.button {
    font-size: .9rem;
  }
  .woocommerce .package-summary p {
    font-size: .9rem;
  }
  
}

@media (max-width:575px){
  .product-category-list ul.products-packages{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 16px; /* kisebb hézag mobilon */
  }
}

.product-category-list .product-image-flip{ padding-top: 100%; }
@media (max-width:767px){
  .product-category-list .product-image-flip{ padding-top: 88%; }
}

.product-category-list ul.products-packages h3{
  font-size: var(--fs-h3);
  line-height: 1.15;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;     
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-category-list ul.products-packages h4{
  font-size: var(--fs-h4);
  line-height: 1.2;
  margin-top: .5rem;
  color: var(--muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;          /* max 2 sor az alcímre is */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-category-list ul.products-packages p{
  font-size: var(--fs-p);
  line-height: 1.3;
}

.product-category-list ul.products-packages .price{
  font-size: var(--fs-price);
  margin-top: .6rem;
}

.product-category-list ul.products-packages .add-to-package{
  padding: var(--btn-py) var(--btn-px);
  font-size: clamp(12px, 1.8vw, 14px);
  border-radius: 10px;
  margin-top: .8rem;
}

@media (max-width:767px){
  .product-category-list { --tile-gap: 18px; }
  .product-category-list ul.products-packages h3{ -webkit-line-clamp: 2; }
  .product-category-list ul.products-packages h4{ -webkit-line-clamp: 2; }
}

@media (max-width:380px){
  .product-category-list ul.products-packages{
    gap: 12px;
  }
  .product-category-list .product-image-flip{ padding-top: 82%; }
}

/* image: keep visible, square crop */
.package-products .product-placeholder img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1; 
  object-fit: cover;
  border-radius: 8px;
}

/* title */
.package-products .product-placeholder h3 {
  margin: 2px 0 0;
  color: var(--ink);
  font-weight: 200;
  padding: 0;
}

.package-products .product-placeholder { min-width: 0; }

.package-products .product-placeholder h3 {
  margin: 2px 0 0;
  color: var(--ink);
  font-weight: 200;
  padding: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  line-height: 1.2;
}

.package-products .product-placeholder a.remove:hover{
  color: #fff;
  background: var(--sale);
  border-color: var(--sale);
}

.package-products .product-placeholder{
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 8px;
}
.package-products .product-placeholder a.remove{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;              
  border-radius: 8px;       
  padding: 0;
  background: #d73a3f;        
  color: #fff;
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
  text-decoration: none;
  line-height: 1;
  font-weight: 900;
  font-size: clamp(16px, 1.4vw, 20px);
  transition: transform .15s ease, opacity .15s ease;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}
.package-products .product-placeholder a.remove:hover{
  transform: translateZ(0) scale(1.04);
  opacity: .95;
}

.package-products .product-placeholder a.remove span.remove{
  display: block;
  line-height: 1;
}

.package-products .product-placeholder a.remove::before,
.package-products .product-placeholder a.remove::after{
  content: none;
}

.package-products .product-placeholder .sale{
  position: absolute;
  top: 10px;
  z-index: 2;
  display: inline-block;
  padding: 4px 9px;
  color: #fff;
  background: var(--sale);
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(224,64,72,.35),
              0 0 0 2px #fff inset;   /* thin white ring */
}

.mix-and-match {
    display:flex;
    flex-wrap:wrap;
    margin-top: 2rem;
}
.mix-and-match h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.mix-and-match p {
    margin-top: 0;
}
.mix-and-match a.single_add_to_cart_button.button.alt.package-recommendation{
    margin-top: 10px
}


/* subtle selected state (optional) */
.package-products > li.is-selected .product-placeholder{
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(143,179,74,.18), var(--shadow-sm);
}

/* mobile: 1 column */
@media (max-width: 640px){
  .package-products{ grid-template-columns: 1fr; }
}
/* ===========================
   Sale badge
   =========================== */

.col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-sm-12.package {
    background: #FFF2D3;
    padding-bottom: 1rem;
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
}

/* Default tokens for this block */

/* Badge base */

.package-products .product-placeholder .sale::before,
.package-products .product-placeholder .sale::after{ content:none !important; }

@supports not ((mask: url()) or (-webkit-mask: url())){
  .package-products .product-placeholder .sale{
    -webkit-mask:none; mask:none;
    clip-path: polygon(
      50% 0%, 60% 18%, 80% 10%, 74% 30%, 95% 35%, 78% 45%,
      100% 55%, 78% 60%, 95% 75%, 74% 72%, 80% 90%, 60% 82%,
      50% 100%, 40% 82%, 20% 90%, 26% 72%, 5% 75%, 22% 60%,
      0% 55%, 22% 45%, 5% 35%, 26% 30%, 20% 10%, 40% 18%
    );
  }
}

.package-products .product-placeholder:hover .sale{
  transform: translateZ(0) scale(1.03);
  transition: transform .15s ease;
}

/* --- SALE badge --- */
.package-products{
  --sale-bg: #4fc1d0;
}

.package-products .product-placeholder .sale{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 12px;
  min-width: 64px;            
  background: var(--sale-bg);
  color: #fff;
  border-radius: 8px;   
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
  font-weight: 900;
  line-height: 1;
  text-align: center;
  letter-spacing: .01em;
  font-size: clamp(12px, 1.2vw, 16px);
  -webkit-mask: none;
  mask: none;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
}

.package-products .product-placeholder .sale::before,
.package-products .product-placeholder .sale::after{
  content: none;
}

@media (max-width: 767px){
  .col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-sm-12.package{
    padding: 12px 12px 16px;
  }

  .package-products{
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px 4px 6px;
    white-space: nowrap;              
    -webkit-overflow-scrolling: touch; 
    scroll-snap-type: x proximity;    
  }
  .package-products::-webkit-scrollbar{ height: 6px; }
  .package-products::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,.15); border-radius: 20px;
  }

  .package-products .package-slot{
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
  .package-products .product-placeholder{
    width: 72px;
    height: 72px;
    border-radius: 12px;
    border: 2px dashed #7a7a7a;
    position: relative;
    overflow: hidden;
  }


  .package-products .product-placeholder img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
  }

 
  .package-products .product-placeholder h3{ display: none; }

  
  .package-products .product-placeholder .sale{
    height: 28px;
    padding: 0 8px;
    font-size: 12px;
    top: -6px;
    right: -6px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
  }

  .package-summary{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-top: 12px;
  }
  .package-summary p{
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
  }
  #add-package-to-cart.button{
    flex: 0 0 auto;          
    padding: 12px 18px;
    font-size: 14px;
    border-radius: 10px;
  }
}
@media (max-width: 524px){
  .package-products{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:12px;
    overflow:visible;     
    white-space:normal;
    padding:8px 6px 0;
  }
  .package-products .package-slot{ flex: initial; }
  .package-products .product-placeholder{
    width:100%;
    aspect-ratio: 1 / 1;
    border-radius:12px;
    border:2px dashed #7a7a7a;
  }
  .package-products .product-placeholder img{
    width:100%; height:100%; object-fit:cover; border-radius:10px;
  }
  .package-products .product-placeholder .sale{
    top:6px; right:6px; 
  }
  .package-summary{ margin-top:14px; }
}

@media (max-width: 480px){
  .package-products{ --sale-size: 38px; }
}

#add-package-to-cart.button {
  /* layout */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  /* visual */
  background: #f0c44f;
  color: #fff;
  font-weight: 800;
  line-height: 1;
  padding: 14px 22px;
  border: 0;
  border-radius: 8px;
  text-decoration: none;
}

/* hover / active */
#add-package-to-cart.button:hover:not(:disabled){
  background: #8AAC4B;
  transition: .2s;
  cursor: pointer;
}

/* ===== SALE badge a .onsale ===== */


.product-image-flip .front,
.product-image-flip .back,
.product-placeholder,
.woocommerce ul.products li.product{
  position: relative;
}

.onsale{
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  width: var(--badge-size);
  height: var(--badge-size);


  background: var(--badge-color);
  -webkit-mask: var(--badge-mask) center/contain no-repeat;
  mask: var(--badge-mask) center/contain no-repeat;


  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 900;
  font-size: calc(var(--badge-size) * .36);
  line-height: 1;
  text-align: center;
  box-shadow: 0 0 0 2px #fff inset, 0 8px 18px rgba(0,0,0,.18);
  border-radius: 0 !important;
  margin: 0;
  padding: 0;
  min-width: 0;
  min-height: 0;
}


.woocommerce ul.products li.product:hover .onsale,
.product-placeholder:hover .onsale{
  transform: translateZ(0) scale(1.03);
  transition: transform .15s ease;
}

@supports not ((mask: url()) or (-webkit-mask: url())){
  .onsale{
    clip-path: polygon(
      50% 0%, 60% 18%, 80% 10%, 74% 30%, 95% 35%, 78% 45%,
      100% 55%, 78% 60%, 95% 75%, 74% 72%, 80% 90%, 60% 82%,
      50% 100%, 40% 82%, 20% 90%, 26% 72%, 5% 75%, 22% 60%,
      0% 55%, 22% 45%, 5% 35%, 26% 30%, 20% 10%, 40% 18%
    );
  }
}

/* TEMP  */

.woocommerce-checkout h1,
.woocommerce-checkout .entry-title{
  font-size:36px;
  line-height:1.1;
  margin:12px 0 16px;
  font-weight:800;
}


.woocommerce-checkout .woocommerce-info{
  border:0;
  background:var(--row);
  color:var(--ink);
  padding:14px 16px;
  border-radius: var(--card-br);
  margin:10px 0 18px;
}
.woocommerce-checkout .woocommerce-info a{
  text-decoration:underline;
}
/
.woocommerce-checkout #customer_details{
  background:var(--card-bg);
  border:1px solid var(--card-bd);
  border-radius:var(--card-br);
  padding:18px;
  margin-bottom:28px;
}

.woocommerce-checkout #customer_details h3{
  margin:0 0 14px;
  font-size:22px;
  font-weight:800;
}


.woocommerce-billing-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}


#billing_company_field,
#billing_address_1_field,
#billing_address_2_field,
#billing_phone_field,
#billing_email_field,
#order_comments_field{
  grid-column:1 / -1;
}

.woocommerce form .form-row{
  margin:0;
}
.woocommerce form .form-row label{
  font-size:12px;
  color:var(--muted);
  margin-bottom:6px;
  display:block;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  width:100%;
  border:1px solid var(--card-bd);
  border-radius:8px;
  padding:10px 12px;
  font-size:14px;
  background:#fff;
}
.woocommerce form .form-row textarea{
  min-height:90px;
  resize:vertical;
}


.woocommerce-checkout #order_review_heading{
  font-size:20px;
  font-weight:800;
  margin:0 0 10px;
}
.woocommerce-checkout #order_review{
  width:100%;
}


.woocommerce table.shop_table.woocommerce-checkout-review-order-table{
  width:100%;
  margin:0 0 18px;
  border:1px solid var(--card-bd);
  border-radius: var(--card-br);
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
  padding:14px 16px;
  border-top:1px solid var(--card-bd);
  vertical-align:top;
  background:#fff;
  border: none;
  text-align: left;
}
.woocommerce table.shop_table thead th{
  border-top:0;
  font-weight:700;
  border-bottom: 2px solid #111;
  border-left: none;
  border-right: none;
  text-align: left;
}
.woocommerce table.shop_table tr:nth-child(even) td{
  background:#fff;
}

.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout-review-order-table tfoot tr.order-total td{
  background:var(--row);
  font-weight:800;
}

.woocommerce-checkout .woocommerce-checkout-payment{
  background:var(--card-bg);
}
.woocommerce-checkout #payment .wc_payment_methods{
  margin:0 0 10px;
}
body.woocommerce-checkout #payment ul.wc_payment_methods.payment_methods.methods {
    background: var(--soft);
    padding: 14px;
    margin-top: 12px;
}
ul.wc_payment_methods.payment_methods.methods li {
    list-style: none;
    margin-left: 0;
}
.woocommerce-checkout #payment .wc_payment_methods li input {
    margin-right: 10px;
}
.woocommerce-checkout #payment .wc_payment_methods li{
  padding:10px 0;
  border-top:1px solid var(--card-bd);
}
.woocommerce-checkout #payment .wc_payment_methods li:first-child{
  border-top:0;
}
.woocommerce-checkout #payment .wc_payment_methods li label {
    font-weight: bold;
}

.woocommerce-checkout #payment .payment_box{
  border-radius:10px;
  margin:8px 0 0 26px;
  color:var(--muted);
  font-size:14px;
}
a.woocommerce-privacy-policy-link {
    color: var(--btn-bg-hover);
}
.checkout-actions{
  display:flex;
  gap:12px;
  justify-content:space-between;
  align-items:center;
  margin-top:16px;
}

.checkout-actions .btn-secondary{
  background:#e6e6e6;
  color:#000;
  border:0;
  border-radius:999px;
  padding:12px 18px;
  font-weight:700;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce a.button.alt, .woocommerce button.button.alt, .ciyo-cart-actions-row .apply-coupon-button{
  background:var(--accent);
  color:var(--accent-ink);
  border:0;
  border-radius: 10px;
  padding:12px 22px;
  font-weight:800;
  text-transform:none;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #payment #place_order:hover{
  background: #8AAC4B;
  transition: .2s;
  cursor: pointer;
}


.payment-method-logos img{
  max-height:22px;
  margin-right:6px;
  vertical-align:middle;
}

@media (max-width: 991px){
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-additional-fields__field-wrapper{
    grid-template-columns:1fr;
    gap:10px;
  }
  .checkout-actions{
    flex-direction:column;
    align-items:stretch;
  }
}


.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:16px 20px;
}


.woocommerce-checkout #customer_details h3{
  margin:0 0 12px;
  font-weight:800;
}


.woocommerce form .form-row{margin: 1rem 0;}

#billing_last_name_field{ grid-column:1; }
#billing_first_name_field{ grid-column:2; }
#billing_company_field{ grid-column:3; }


#billing_country_field{ grid-column:1; }
#billing_postcode_field{ grid-column:2; }
#billing_city_field{ grid-column:3; }


#billing_address_1_field{ grid-column:1 / -1; }


#billing_address_2_field{ grid-column:1 / -1; }


#billing_phone_field{ grid-column:1; }
#billing_email_field{ grid-column:2 / span 2; }


.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:16px 20px;
}
#order_comments_field{ grid-column:1 / -1; }


.woocommerce form .form-row label{
  font-size: 14px;
  color:#6c6c6c;
  margin-bottom:6px;
  display:block;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  border:1px solid #e9e9e9; border-radius:10px; padding:10px 12px; width:100%;
}
.woocommerce form .form-row textarea{ min-height:90px; resize:vertical; }


@media (max-width: 1024px){
  .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper{
    grid-template-columns: 1fr 1fr;
  }

  #billing_email_field{ grid-column:auto; } 
}
@media (max-width: 640px){
  .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper{
    grid-template-columns: 1fr;
  }
 
  #billing_email_field,
  #billing_address_1_field,
  #billing_address_2_field,
  #order_comments_field{ grid-column:1; }
}

/************
 Checkout
*************/

body.woocommerce-checkout form.checkout .checkout-layout,
body.woocommerce-checkout form.checkout .checkout-columns{
  display:block !important;
}

body.woocommerce-checkout form.checkout{
  margin: 0 auto;
  /* padding: 0 16px 40px; */
}

body.woocommerce-checkout #customer_details{
  /* background: var(--bg); */
  border-radius: var(--r);
  box-shadow: var(--sh);
  margin: 18px 0 24px;
}
body.woocommerce-checkout #customer_details .woocommerce-billing-fields h3,
body.woocommerce-checkout #customer_details .woocommerce-shipping-fields h3{
  margin-top: 4px;
}


body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row{
  margin-bottom: 12px;
}
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select{
  border: 1.5px solid var(--line);
  border-radius: 10px;
}

body.woocommerce-checkout #order_review_heading{
  font-size: clamp(20px, 2.4vw, 24px);
  margin: 0 0 12px;
  padding: 0 2px;
}


body.woocommerce-checkout #order_review{
  background: var(--bg);
  border-radius: var(--r);
  box-shadow: var(--sh);
}

td.product-total a.button {
    float: right;
    padding: 8px;
}

body.woocommerce-checkout #order_review .shop_table{
  width: 100%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
}
body.woocommerce-checkout #order_review .shop_table thead th{
  font-size: 20px;
  font-weight: 700;
  text-transform: none;
  padding: 10px 12px 10px 0;
  border-bottom: 2px solid var(--line);
  font-family: 'Roboto Slab';
}
body.woocommerce-checkout #order_review .shop_table tbody td,
body.woocommerce-checkout #order_review .shop_table tfoot th,
body.woocommerce-checkout #order_review .shop_table tfoot td{
  border: 0;
  padding: 12px 12px 12px 0;
  vertical-align: middle;
  border-bottom: 1px solid var(--line2);
}

body.woocommerce-checkout #order_review .shop_table tbody tr:last-child td{
  border-bottom: 1px solid var(--line2);
}
body.woocommerce-checkout #order_review .shop_table tfoot tr:last-child th,
body.woocommerce-checkout #order_review .shop_table tfoot tr:last-child td{
  border-bottom: 0;
  background: none;
}

body.woocommerce-checkout #order_review .shop_table td.product-name a{
  color: var(--ink);
  text-decoration: none;
  font-weight: 600;
}
body.woocommerce-checkout #order_review .shop_table td.product-name a:hover{
  text-decoration: underline;
}
body.woocommerce-checkout #order_review .shop_table td.product-total,
body.woocommerce-checkout #order_review .shop_table tfoot td,
body.woocommerce-checkout #order_review .shop_table tfoot th{
  text-align: left;
  white-space: nowrap;
}

body.woocommerce-checkout #order_review .shop_table .shipping td{
  padding-top: 16px;
}
body.woocommerce-checkout #order_review .shipping ul#shipping_method{
  margin: 8px 0 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}


body.woocommerce-checkout #order_review .shipping ul#shipping_method li{
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  margin-left:0;
}

ul#shipping_method li {
    list-style: none;
    margin: 0;
}
ul#shipping_method li span, 
ul#shipping_method li label {
    line-height: 2rem;
}

ul#shipping_method li input {
    margin-right: 1rem;
    vertical-align: top;
    margin-top: .5rem;
}
table.shop_table.shop_table_responsive tr {
    border-bottom: 1px solid var(--line);
}
body.woocommerce-checkout #order_review .cart-subtotal th,
body.woocommerce-checkout #order_review .cart-subtotal td,
body.woocommerce-checkout #order_review .fee th,
body.woocommerce-checkout #order_review .fee td,
body.woocommerce-checkout #order_review .tax-rate th,
body.woocommerce-checkout #order_review .tax-rate td{
  padding-top: 10px;
  padding-bottom: 10px;
}
body.woocommerce-checkout #order_review .order-total th,
body.woocommerce-checkout #order_review .order-total td{
  font-weight: 800;
  font-size: 18px;
  padding-top: 14px;
}


body.woocommerce-checkout #payment{
  margin-top: 12px;
}
body.woocommerce-checkout #payment .payment_methods{
  border: 0;
  padding: 0;
  margin: 0 0 8px 0;
}
body.woocommerce-checkout #payment .place-order{
  padding: 0;
  margin-top: 10px;
}
body.woocommerce-checkout #payment #place_order,
body.woocommerce-checkout .woocommerce-checkout-payment #place_order{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 22px;
  border-radius: 12px;
  font-weight: 800;
  border: 0;
  box-shadow: var(--sh);
  transition: .15s ease;
  font-family: 'Roboto Slab';
}
body.woocommerce-checkout #payment #place_order:hover{
  
}

body.woocommerce-checkout .coupon-toggle-wrapper a.showcoupon{
  font-weight: 700;
}


body.woocommerce-checkout form.checkout_coupon{
  display: block; 
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px;
  margin: 10px 0 14px;
}
body.woocommerce-checkout form.checkout_coupon .input-text{
  height: 44px; padding: 0 14px; border: 1.5px solid var(--line); border-radius: 10px;
}
body.woocommerce-checkout form.checkout_coupon button{
  height: 44px; padding: 0 16px;
  border-radius: 12px; border: 1.5px solid var(--line);
  background: #fff; font-weight: 800; cursor: pointer;
}

@media (max-width: 640px){
  body.woocommerce-checkout #customer_details{ padding: 14px; }
  body.woocommerce-checkout #order_review{ padding: 10px; }
  body.woocommerce-checkout #order_review .shop_table thead th{ padding: 8px 10px; }
  body.woocommerce-checkout #order_review .shop_table tbody td,
  body.woocommerce-checkout #order_review .shop_table tfoot th,
  body.woocommerce-checkout #order_review .shop_table tfoot td{ padding: 10px; }
}
/* ===== Woo Checkout Review table ===== */


.woocommerce-checkout .woocommerce-checkout-review-order-table{
  width:100%;
  border:0;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td{
  border:0;                
  padding: 12px 12px;
  vertical-align: middle;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td{
  border-bottom: 1px solid var(--line2);   /
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child td{
  border-bottom: 0;
}


.woocommerce-checkout .woocommerce-checkout-review-order-table thead th{
  text-align: left;
  font-weight: 700;
  padding-top: 0;
  border-bottom: 2px solid var(--line);
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total{
  border-left: 1px solid var(--line2);
  text-align: right;
  white-space: nowrap;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td{
  border-left: 1px solid var(--line2);
  text-align: right;
  white-space: nowrap;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td{
  text-align: left;
  white-space: normal;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td ul{
  margin: 6px 0 0; padding: 0; list-style: none;
  display: grid; gap: 8px;
}


.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name a{
  color: var(--ink);
  text-decoration: none;
  font-weight: 600;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name a:hover{
  text-decoration: underline;
}


.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td strong .amount{
  color: #f4c145;
  font-weight: 800;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total small.includes_tax{
  color: var(--weak);
}


@media (max-width: 680px){

  .woocommerce-checkout .woocommerce-checkout-review-order-table thead{ display:none; }


  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr{
    display: grid;
    grid-template-columns: 100%;
    column-gap: 12px;
    align-items: center;
  }
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody td{
    padding: 10px 12px;
    border-bottom: 1px solid var(--line2);
  }

  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total{
    border-left: 0;
    text-align: left;  
  }
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-name{
    border-left: 1px solid var(--line2);
    padding-left: 12px;
  }

  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr{
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 12px;
    align-items: center;
  }
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td{
    padding: 10px 12px;
  }

  .woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals{
    grid-template-columns: 120px 1fr;
  }
  .woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals th{
    text-align: left;
  }
  .woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td{
    border-left: 1px solid var(--line2);
  }
}

.product-category-toggle{
  cursor: pointer;
  position: relative;
  transition: color .2s ease;
  --acc-green: #8AAC4B;; 
}
.product-category-toggle:hover,
.product-category-toggle:focus{
  color: var(--acc-green);
}


.product-category-toggle[aria-expanded="true"],
.product-category-toggle[aria-expanded="true"]:hover,
.product-category-toggle[aria-expanded="true"]:focus {
  color: var(--acc-green);
}


.product-category-toggle::after{
  content:"";
  position:absolute;
  top:50%;
  width:10px;
  height:10px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-50%) rotate(-45deg);
  transition: transform .25s ease;
  margin-left: .5rem;
}
.product-category-toggle[aria-expanded="true"]::after{
  transform:translateY(-50%) rotate(45deg);
}


.product-category-accordion{
  overflow:hidden;
  max-height:0;
  opacity:0;
  transition:max-height .35s ease, opacity .25s ease;
  will-change:max-height, opacity;
}
.product-category-accordion.is-open{ opacity:1; }

@media (prefers-reduced-motion: reduce){
  .product-category-accordion, .product-category-toggle::after{ transition:none; }
}

/* ===== Woo thankyou page ===== */

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: block;
    overflow: hidden;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    float: left;
    text-transform: uppercase;
    list-style: none;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li strong {
    display: block;
    text-transform: none;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li.woocommerce-order-overview__order.order {
    margin-left: 0;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    border-right: 1px solid #000;
    padding-right: 2rem;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li.woocommerce-order-overview__payment-method.method {
    border-right: none;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details, table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td, table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th {
    border: none;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr {
    border-bottom: 1px solid var(--line);
}
/* =========================================================
   BELLANDRA Unified button baseline (all buttons, Woo + forms)
   ========================================================= */
:where( button, .button, .btn, input[type="submit"], input[type="button"], input[type="reset"], [role="button"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit ), .button{
  font-family: var(--btn-font);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1;
}

:where( button, .button, .btn, input[type="submit"], input[type="button"], input[type="reset"], [role="button"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit ):hover, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="submit"].active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="button"].active, button[type="submit"]:hover, button[type="submit"]:focus, button[type="submit"]:active, button[type="submit"].active{
  background: var(--btn-bg-hover);
}

:where(
  button,
  .button,
  .btn,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  [role="button"],
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit
):focus-visible{
  outline: 2px solid color-mix(in oklab, var(--btn-bg) 60%, black 40%);
  outline-offset: 2px;
}

:where(
  button,
  .button,
  .btn,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  [role="button"],
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit
)[disabled],
:where(
  button,
  .button,
  .btn,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  [role="button"],
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit
).disabled,
:where(
  button,
  .button,
  .btn,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  [role="button"],
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit
)[aria-disabled="true"]{
  opacity: .6;
  cursor: not-allowed;
}

/* Woo alt + place order normalization */
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, input[type="submit"], input[type="button"], button[type="submit"]{
  font-family: var(--btn-font);
  background:  var(--btn-bg);
  color:       var(--btn-ink);
  border-radius: var(--btn-radius);
}
.form-row.place-order button#place_order {
    float: right;
}
/* Product grid add-to-cart alignment */
.woocommerce ul.products li.product > .button, .woocommerce ul.products li.product > .add_to_cart_button, :where( button, .button, .btn, input[type="submit"], input[type="button"], input[type="reset"], [role="button"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit ), .button{
  background: var(--btn-bg);
  border-radius: var(--btn-radius);
}
.woocommerce ul.products li.product > .button:hover,
.woocommerce ul.products li.product > .add_to_cart_button:hover,
.csomag-actions .button:hover {
  background: var(--btn-bg-hover);
}

/* Slideshow CTA safety net */
#slideshow a.button,
#slideshow a.btn,
#slideshow .button,
#slideshow .btn,
#slideshow .cta{
  background: var(--btn-bg) !important;
  border-radius: var(--btn-radius);
  font-family: var(--btn-font);
}
#slideshow a.button:hover,
#slideshow a.btn:hover,
#slideshow .button:hover,
#slideshow .btn:hover,
#slideshow .cta:hover{
  background: var(--btn-bg-hover) !important;
}

/* Cart action row buttons */
.ciyo-cart-actions-row .ciyo-update-cart,
.ciyo-cart-actions-row .apply-coupon-button{
  background: var(--btn-bg);
  color: var(--btn-ink) !important;
  border-radius: 8px;
  font-family: var(--btn-font) !important;
  white-space: nowrap;
  text-transform: none;
}
.ciyo-cart-actions-row .ciyo-update-cart:hover,
.ciyo-cart-actions-row .apply-coupon-button:hover{background: none;color: var(--btn-bg-hover)!important;}


.csomag-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.csomag-actions .button:first-child {
  background-color: #f4c145 !important;
}
.csomag-actions .button:first-child:hover {
  filter: brightness(.98);
  transform: translateY(-1px);
}

.csomag-actions .button:nth-child(2) {
  background-color: #7F7F7F !important;
}
.csomag-actions .button:nth-child(2):hover {
  filter: brightness(.95);
  transform: translateY(-1px);
}

.csomag-actions .button:focus-visible {
  outline: 2px solid #111;
  outline-offset: 2px;
}

/* Checkout submit safety */
body.woocommerce-checkout #payment #place_order,
body.woocommerce-checkout .woocommerce-checkout-payment #place_order{
  background: var(--btn-bg);
  border-radius: var(--btn-radius);
  font-family: var(--btn-font);
}
body.woocommerce-checkout #payment #place_order:hover{
  background: var(--btn-bg-hover);
}

/* === EXCLUSION: Product category toggle should NOT look like a filled button === */
.product-category-toggle[role="button"]{
  /* keep it heading-like; only text color may change */

  background: transparent;
  color: inherit;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  text-decoration: none;
  transition: color .2s ease;
}
.product-category-toggle[role="button"]:hover{
  background: transparent;          /* no fill on hover */
  color: var(--brand-green);        /* text color only */
}
.product-category-toggle[role="button"][aria-expanded="true"]{
  color: var(--brand-green);        /* keep green when open */
}
.product-category-toggle[role="button"]:focus-visible{
  outline: 2px solid var(--brand-green);
  outline-offset: 2px;
}


/* login */

.woocommerce-account form .button,
.woocommerce-account form button,
.woocommerce-account form input[type="submit"],
.woocommerce .woocommerce-form-login .button,
.woocommerce .woocommerce-form-register .button {
  font-family: var(--btn-font);
  background: var(--btn-bg);
  border: 0;
  border-radius: var(--btn-radius);
  padding: .8em 1.25em;
  line-height: 1.2;
  font-weight: 700;
  text-transform: none;
  box-shadow: var(--btn-shadow);
  transition: background .2s ease, color .2s ease, transform .05s ease;
}

.woocommerce-account form .button:hover,
.woocommerce-account form button:hover,
.woocommerce-account form input[type="submit"]:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: var(--btn-bg-hover);
  color: var(--btn-text-hover);
}

.woocommerce-account form .button:active,
.woocommerce-account form button:active,
.woocommerce-account form input[type="submit"]:active {
  transform: translateY(1px);
}

.woocommerce-account form .button:focus-visible,
.woocommerce-account form button:focus-visible,
.woocommerce-account form input[type="submit"]:focus-visible {
  outline: 2px solid var(--btn-bg-hover);
  outline-offset: 2px;
  box-shadow: var(--btn-shadow), 0 0 0 3px rgba(138,172,75,.25);
}

.woocommerce-LostPassword a { background: none !important; padding: 0 !important; box-shadow: none !important; }

/* ===== SINGLE PRODUCT GRID ===== */
.bell-single__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(16px, 2vw, 32px);
  align-items: start;
  padding-bottom: 4rem;
}

.content-single-product-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    margin: auto;
    gap: 0 clamp(20px, 4vw, 56px);
}


.bell-single__media,
.bell-single__summary{
  min-width: 0;                           
}


.bell-single__media .woocommerce-product-gallery,
.bell-single__media .woocommerce-product-gallery__image,
.bell-single__media .woocommerce-product-gallery__image img{
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 12px;
}

/* Font Awesome csillag rating */
.star-rating{
  --star-size: 28px;
  --star-gap: 2px;
  --star-inactive: #e3e3e3;
  --star-active:  #ffc107;
  vertical-align: middle;
}


.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  grid-template-columns: 1fr auto;
  grid-row-gap: 6px;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .product-image-flip,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .subtitle{
  grid-column: 1 / -1;
}


.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .star-rating{display: flex;}

.woocommerce ul.products li.product .price{
}

@media (max-width: 420px){
  .woocommerce ul.products li.product .price{
    font-size: 0.95em;
  }
}


.star-rating::before{
  content: "\f005\f005\f005\f005\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
}


.star-rating > span{
  position: absolute;
  top: 0;
  height: 1em;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.star-rating > span::before{
  content: "\f005\f005\f005\f005\f005";
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  color: var(--star-active);
  display: block;
}


[dir="rtl"] .star-rating > span{
  left: auto;
  right: 0;
}

h1.product_title.entry-title {
    font-size: 40px;
    margin-top: 0;
}

h2.subtitle {
    font-size: 24px;
    font-weight: 200;
    color: #828282;
}

.selected-review {
    color: #828282;
    font-size: 20px;
}

/* strike through */
.woocommerce ul.products li.product .price del{
  position: relative;
  text-decoration: none;        
  color: #e04048;
  margin-right: 12px;
}

.woocommerce ul.products li.product .price del::after{
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  top: 50%;                    
  height: 2px;                  
  background: currentColor;     
  transform: translateY(-50%);  
  pointer-events: none;
}

/* ====== PRODUCT SINGLE  ====== */

.single-product .flex-control-nav.flex-control-thumbs{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px; padding:0; list-style:none;
}
.single-product .flex-control-thumbs li{margin:0}
.single-product .flex-control-thumbs img{display:block;width:100%;height:auto;border-radius:10px}


.bell-single__media .woocommerce-product-gallery{
  width: 100%;
  margin: 0 auto;
}


.bell-single__media .woocommerce-product-gallery__wrapper{
  display: block;
  position: relative;
}

.bell-single__media .woocommerce-product-gallery__image:first-child img{
  width: 100%;
  height: 100%;
  object-fit: cover;          
  display: block;
}

.single-product .flex-control-nav.flex-control-thumbs{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--product-gap);
  margin-top: var(--product-gap);
  padding: 0;
  list-style: none;
}
.single-product .flex-control-thumbs li{
  margin: 0;
  aspect-ratio: var(--product-thumb-aspect);
  overflow: hidden;
  border-radius: var(--product-radius);
}
.single-product .flex-control-thumbs img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 992px){
  :root{
    --product-gap: 12px;
    --product-radius: 10px;
  }
}
@media (max-width: 640px){
  :root{
    --product-main-aspect: 1/1;  
  }
}

.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(8px, 1.5vw, 12px);
  margin: clamp(10px, 2vw, 16px) 0 0 0;
  padding: 0;
  list-style: none;
  float: none !important;
  width: 100% !important;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs li{
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  aspect-ratio: var(--product-thumb-aspect, 4/3);
  border-radius: var(--product-radius, 10px);
  overflow: hidden;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  cursor: pointer;
}


.single-product .woocommerce-product-gallery .flex-control-thumbs img.is-active{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.bell-single__media{
  position: relative;
}


@media (max-width: 991px){

  .bell-single__grid{
    grid-template-columns: 1fr;
    gap: 16px; 
  }


  .bell-single__media{ order: 1; }
  .bell-single__summary{ order: 2; }


  .bell-single__media .woocommerce-product-gallery{
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
  }


  .bell-single__media .woocommerce-product-gallery__image:first-child{
    aspect-ratio: 1/1;           
    border-radius: var(--product-radius);
  }
  .bell-single__media .woocommerce-product-gallery__image:first-child img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


  .single-product .flex-control-nav.flex-control-thumbs{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--product-gap);
    margin-top: var(--product-gap);
  }


  .bell-single__media,
  .bell-single__summary{
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 640px){
  .single-product .flex-control-nav.flex-control-thumbs{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* ===== Product tabs ===== */

.woocommerce div.product .woocommerce-tabs{
  margin-top: 24px;
}

.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs{
  display: flex;
  align-items: flex-end;
  gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid var(--tab-line);
  overflow-x: auto;       
  scrollbar-width: none;    
}
.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs::-webkit-scrollbar{ display:none; }

.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li{
  margin: 0;
  padding: 0;
  position: relative;
}


.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li a{
  display: block;
  padding: 18px 0 16px;    
  font-weight: 700;
  text-decoration: none;
  color: var(--tab-text);
  line-height: 1;
  white-space: nowrap;
  transition: color .2s ease;
  font-family: 'Roboto Slab';
  font-size: 1.5rem;
}



.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li a:focus,
.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li a:hover{
  color: var(--tab-accent);
  outline: 0;
}

.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li.active a{
  color: var(--tab-accent);
}
.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li.active::after{
  content: "";
  position: absolute;
  left: 0;              
  bottom: -2px;             
  width: 56px;          
  height: 4px;
  border-radius: 2px;
  background: var(--tab-accent);
}


.woocommerce div.product .woocommerce-Tabs-panel{
  padding: 20px 0 0;
  color: var(--tab-muted);
  font-size: 18px;
  line-height: 1.7;
}

.woocommerce div.product .woocommerce-Tabs-panel h2{
  margin: 0 0 12px;
  font-size: 22px;
  color: var(--tab-text);
}


.woocommerce div.product .shop_attributes{
  margin-top: 8px;
  border-top: 1px solid var(--tab-line);
}
.woocommerce div.product .shop_attributes th,
.woocommerce div.product .shop_attributes td{
  border-bottom: 1px solid var(--tab-line);
  padding: 10px 0;
}
.woocommerce div.product .shop_attributes p{
  margin: 0;
}

@media (max-width: 640px){
  .woocommerce div.product .woocommerce-tabs .tabs.wc-tabs{ gap: 20px; }
  .woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li.active::after{ width: 40px; }
  .woocommerce div.product .woocommerce-Tabs-panel{ font-size: 16px; }
}


.woocommerce div.product form.cart{
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;           
  margin: 16px 0 8px;
}

.woocommerce div.product form.cart .quantity{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.woocommerce div.product form.cart .quantity input.qty{
  width: 64px;
  height: 48px;
  text-align: center;
  border: 1px solid #E3E6EA;
  border-radius: 12px;
  font-weight: 700;
}


.woocommerce div.product form.cart .quantity .bell-qty-btn{ 
  display: none !important;
}


.woocommerce div.product form.cart .single_add_to_cart_button{
  height: 52px;
  padding: 0 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  flex: 1;
  font-size: 1.5rem;
}


@media (max-width: 600px){
  .woocommerce div.product form.cart{
    align-items: stretch;
    gap: 12px;
  }
  .woocommerce div.product form.cart .quantity{
    justify-content: flex-start;
  }
  .woocommerce div.product form.cart .single_add_to_cart_button{
    width: 100%;
  }
}


.woocommerce div.product form.cart .quantity input.qty::-webkit-outer-spin-button,
.woocommerce div.product form.cart .quantity input.qty::-webkit-inner-spin-button{
  -webkit-appearance: none; margin: 0;
}
.woocommerce div.product form.cart .quantity input.qty[type=number]{
  -moz-appearance: textfield;
}


.csomag-container.bell-bundles{
  background: url('/wp-content/themes/bellandra/images/csomag-bg.jpg');
  padding: 4rem;
  background-size: cover;
}

.csomag-container .csomagajanlo,
.csomag-container .csomagosszeallito{
  margin: 0;
}

.mix-and-match h2 {
    margin-top: 0;
}



.package-recommendation-inner .h2{ margin: 0 0 .5em; line-height: 1.15; }
.package-recommendation-inner > p{ margin: 0 0 1rem; }
.package-details{ margin-top: .75rem; }
.package-contents{ margin-top: .5rem; }
.package-contents ul{ margin:0; padding-left: 18px; display:grid; gap: 4px; }

.package-contents ul li {
  margin-left:0;
}
.package-recommendation .button,
.package-recommendation-inner .btn,
.custom-package-text .button{ margin-top: .75rem; }

.package-summary {
    font-size: 1.3rem;
}

.woocommerce .package-summary p {
    display: flex;
    justify-content: space-between;
    margin: .5rem 0;
    border-bottom: 1px solid #8a8f98;
}

@media (max-width: 1024px){
  .csomag-container.bell-bundles{
    grid-template-columns: 1fr;
    gap: 28px;
  }
}


@media (max-width: 991px){
  .csomag-container.bell-bundles {
    padding: 2rem;
  }

  .bell-single__grid{
    grid-template-columns: 1fr;
    gap: 16px;
    padding-left: 2rem;  
    padding-right: 2rem;
  }
  .bell-single__media{ order: 1; }
  .bell-single__summary{ order: 2; }
  .bell-single__grid > *{ min-width: 0; }


  .content-single-product-wrapper{
    grid-template-columns: 1fr;
    gap: 24px;
  }


  .bell-single__media .woocommerce-product-gallery{
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
  }


  .bell-single__media .woocommerce-product-gallery,
  .bell-single__media .woocommerce-product-gallery__image,
  .bell-single__media .woocommerce-product-gallery__image img{
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
  }
}

.csomag-container.bell-bundles h2 {
  font-size: var(--bundle-h2-size);
  line-height: var(--bundle-h2-lh);
  font-weight: var(--bundle-h2-weight);
}

.package-contents a, .package-contents a h4 {
  color: #7aa04a;
}

.package-contents a:hover,
.package-contents a:focus {
  color: #6a8d3f; 
}

.package-contents a:visited {
  color: #7aa04a;
}

.csomag-container li::marker, .package-contents li::marker {
    color: #f4c145;
}


.package-contents p {
    color: #111111;
    font-size: 20px;
}

/* single-product gallery light box rules */

.flex-control-thumbs img { cursor: pointer; }
.flex-control-thumbs img.is-active { outline: 2px solid currentColor; outline-offset: 2px; }


.bell-lightbox{
  position: fixed; inset: 0;
  display: none;
  z-index: 9999;
}
.bell-lightbox.is-open{ display: block; }
.bell-lightbox__backdrop{
  position: absolute; inset: 0;
  background: rgba(0,0,0,.6);
}
.bell-lightbox__dialog{
  position: absolute; inset: 0;
  display: grid;
  grid-template-columns: 64px 1fr 64px;
  grid-template-rows: 64px 1fr 64px;
  align-items: center; justify-items: center;
  gap: 0;
}
.bell-lightbox__img{
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  max-width: min(92vw, 1400px);
  max-height: 86vh;
  object-fit: contain;
  box-shadow: 0 8px 32px rgba(0,0,0,.3);
  border-radius: 8px;
}

.bell-lightbox__btn{
  position: relative;
  z-index: 1;
  border: 0;
  background: rgba(0,0,0,.45);
  color: #fff;
  width: 44px; height: 44px;
  border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  line-height: 1; font-size: 28px;
}
.bell-lightbox__btn:hover{ background: rgba(0,0,0,.6); }

.bell-lightbox__btn--close{
  grid-column: 3; grid-row: 1;
  align-self: start; justify-self: end;
  margin: 16px;
  font-size: 24px;
}
.bell-lightbox__btn--prev{
  grid-column: 1; grid-row: 2;
}
.bell-lightbox__btn--next{
  grid-column: 3; grid-row: 2;
}

.bell-lightbox__caption{
  position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%);
  color: #fff; background: rgba(0,0,0,.45);
  padding: 6px 10px; border-radius: 6px; font-size: 14px;
  max-width: 90vw; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}


@media (max-width: 600px){
  .bell-lightbox__btn--prev{ margin-left: 8px; }
  .bell-lightbox__btn--next{ margin-right: 8px; }
}


.csomag-container.bell-bundles{
  position: relative;      
  z-index: 0;             
  overflow: visible;    
  background-repeat: no-repeat;
  background-size: cover;  
}

.package-image{ position: relative; }       
.custom-package-text > img{
  display: block;
  width: 100%;
  height: auto;         
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 16px;
  margin: 0 0 clamp(14px,1.6vw,18px);
}

.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs{
  display:flex;
  align-items:flex-end;
  gap:28px;
  margin:0;
  padding:0;
  list-style:none;
  border-bottom:1px solid #e6e6e6;
}

@media (max-width: 768px){
  .woocommerce div.product .woocommerce-tabs .tabs.wc-tabs{
    flex-direction:column;    
    align-items:stretch;
    gap:0;
    border-bottom:0;          
  }

  .woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li{
    margin:0;
    border-bottom:1px solid #e6e6e6;  
  }

  .woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li a{
    display:block;
    padding:14px 0;           
    font-size:16px;
    list-style:none;
  }
}

.strike,
.strike .woocommerce-Price-amount {
  text-decoration: line-through;
  text-decoration-thickness: 2px;    
  text-decoration-color: currentColor; 
  opacity: .65;                       
}

.package-details h3 {
    font-size: 1.6rem;
    margin-bottom: 0;
}

.strike { margin-right: .5rem; }



/* ===== My Account layout ===== */

.bell-myaccount .bell-acc-grid{
  display: grid;
  grid-template-columns: 1fr;      
  gap: clamp(28px, 4vw, 56px);
  align-items: start;
}


.bell-myaccount .bell-acc-login .auth-grid{
  display: grid;
  gap: 16px 24px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}


.bell-myaccount .bell-acc-register .auth-grid{
  display: grid;
  gap: 16px 24px;
  grid-template-columns: repeat(3, minmax(0,1fr));
}

@media (max-width: 992px){
  .bell-myaccount .bell-acc-register .auth-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 640px){
  .bell-myaccount .bell-acc-login .auth-grid,
  .bell-myaccount .bell-acc-register .auth-grid{
    grid-template-columns: 1fr;      
  }
}

@media (max-width: 415px) {
 .package-summary {
    flex-direction: column;
    align-items:flex-start
  }
}

.bell-myaccount h2{
  margin: 0 0 .6em;
}
.bell-myaccount .form-row{ margin:0; }                
.bell-myaccount .login-actions,
.bell-myaccount .register-actions{
  margin-top: 14px;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

a.woocommerce-button.button.view {
    color: #fff;
}

.bell-myaccount label{ display:block; font-weight:700; margin:0 0 6px; }
.bell-myaccount .bell-input{
  width:100%; height:52px; padding:0 14px;
  border:1px solid #E3E6EA; border-radius:12px;
  background:#fff; font-weight:600;
}
.bell-myaccount .bell-input:focus{
  border-color:#8AAC4B; box-shadow:0 0 0 3px rgba(138,172,75,.18); outline:0;
}

/* ===== My Account  ===== */

.woocommerce-MyAccount-navigation{
  margin: clamp(16px, 3vw, 28px) auto clamp(16px, 3vw, 36px);
  max-width: 1200px;              
}

.woocommerce-MyAccount-navigation ul{
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: clamp(18px, 4vw, 48px);
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--tab-line, #e6e9ef);
  background: #4FC1D0;
}

.woocommerce-MyAccount-navigation li{
  position: relative;
  margin-bottom: 0;
  margin-left: 0;
}

.woocommerce-MyAccount-navigation a{
  display: block;
  padding: 16px 0;
  text-decoration: none;
  font-weight: 800;
  font-size: clamp(18px, 2.2vw, 28px); 
  line-height: 1.1;
  color: var(--tab-text, #222);
  white-space: nowrap;
  transition: color .2s ease;
}

.woocommerce-MyAccount-navigation a:hover{
  color: var(--tab-accent, #7aa04a);
}

.woocommerce-MyAccount-navigation li.is-active > a,
.woocommerce-MyAccount-navigation a[aria-current="page"]{
  color: #000000;
}

.woocommerce-MyAccount-navigation li.is-active::after,
.woocommerce-MyAccount-navigation li:hover::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  width: 60%;
  height: 4px;
  border-radius: 2px;
  background: var(--tab-accent, #7aa04a);
}

@media (max-width: 640px){
  .woocommerce-MyAccount-navigation ul{
    flex-wrap: wrap;               
    gap: 12px 14px;
    border-bottom: 0;
  }
  .woocommerce-MyAccount-navigation 
  }
  .woocommerce-MyAccount-navigation a{
    padding: 10px 14px;
    font-size: clamp(16px, 4.2vw, 18px);
    text-align: center;
    color: #fff;
  }
  .woocommerce-MyAccount-navigation li::after{ display: none; }
  .woocommerce-MyAccount-navigation li.is-active a,
  .woocommerce-MyAccount-navigation a[aria-current="page"]{
    border-color: #ffffff;
    background: color-mix(in srgb, var(--tab-accent, #7aa04a) 10%, transparent);
  }
}

/* ====== My Account Addresses ====== */

.address-card__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 10px;
}

.address-card__title{
  margin: 0;
  font-weight: 800;
  color: var(--ink);
  line-height: 1.15;
  font-size: clamp(20px, 2.2vw, 28px);
}

.address-card__edit{
  font-weight: 700;
  font-size: 15px;
  color: var(--accent);
  text-decoration: none;
  white-space: nowrap;
}
.address-card__edit:hover,
.address-card__edit:focus{
  text-decoration: underline;
}

.address-card__body{
  display: block;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: clamp(14px, 2vw, 18px);
  color: var(--ink);
  line-height: 1.6;
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
}

.address-card__body br{ line-height: 1.3; }
.address-card__body p{ margin: 0; }

@media (max-width: 900px){
  .addresses-grid{ grid-template-columns: 1fr; }
  .address-card__head{ align-items: flex-start; }
}

.woocommerce .u-columns.woocommerce-Addresses{ display: contents; }
.woocommerce .woocommerce-Address{ width: auto; float: none; }

.addresses-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 36px);
  align-items: start;
  margin-top: clamp(12px, 2vw, 20px);
}

/* ===== Page hero (featured image mint ==== */

.page-hero{
  position: relative;
  z-index: 0;
  background: #fff; /* fallback */
}

.page-hero.has-bg{
  background: var(--page-hero-bg) center / cover no-repeat;
}

.page-hero__inner{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}

.page-hero__title{
  margin: 0;
  font-weight: 800;
  line-height: 1.15;
  font-size: clamp(28px, 4vw, 56px);
}

.page-hero__sub{
  margin: 10px 0 0;
  font-size: clamp(16px, 1.6vw, 20px);
  color: var(--tab-muted, #667);
  position: relative;
}

.page-template-page-rolunk .page-hero{
  /* aspect-ratio: 1442 / 495; */
  height: 30vh;
  display: flex;
}
.page-template-page-rolunk .page-hero__inner{
}
.woocommerce ul.products li.product .price del{
  position: relative;
  text-decoration: none;   
  color: #e04048;
  margin-right: 12px;
}

.woocommerce ul.products li.product .price del::after{
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  top: 50%;            
  height: 2px;             
  background: currentColor;    
  transform: translateY(-50%); 
  pointer-events: none;
}


.woocommerce-columns.addresses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 3vw, 32px);
  align-items: start;
}

.woocommerce-columns.addresses .woocommerce-column {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0;
}

.woocommerce-columns.addresses .woocommerce-column address {
  margin: 10px 0 0;
  background: #fff;
  border: 1px solid #e9ecf2;
  border-radius: 12px;
  padding: 16px 18px;
  line-height: 1.6;
}

.woocommerce-columns.addresses .woocommerce-column__title {
  margin: 0 0 8px;
  font-weight: 800;
  font-size: clamp(18px, 2vw, 22px);
}

@media (max-width: 768px) {
  .woocommerce-columns.addresses {
    grid-template-columns: 1fr;
  }
}

a:-webkit-any-link {
    text-decoration: none;
}

/* Blog listing images: 8px rounded corners */
#inner-content .blog .entry-header a {
  display: block;
  border-radius: 8px;
  overflow: hidden;   /* crop image corners inside the link */
}

#inner-content .blog .wp-post-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.ciyo-coupon-inline{
  position: relative;           
  width: 100%;         
}

.ciyo-coupon-inline #coupon_code{
  width: 100%;
  height: 45px;
  padding: 0 132px 0 16px;
  border: 1.5px solid #000000;
  border-radius: 12px;
  font-size: 18px;
  background: #fff;
}


.ciyo-coupon-inline .apply-coupon-button{
  position: absolute;
  top: 30%;
  right: 60px;
  transform: translateY(-50%);
  padding: 0 18px;
  border: 0;
  font-weight: 800;
  color: #000000!important;
  line-height: 42px;
  cursor: pointer;
  background: none;
}

@media (max-width: 420px){
  .ciyo-coupon-inline #coupon_code{ padding-right: 112px; }
  .ciyo-coupon-inline .apply-coupon-button{
    height: 38px; line-height: 38px; padding: 0 14px; right: 5px;
  }
}

.woocommerce-account .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount{
  display: block;         
  margin-bottom: 2px;   
}

.woocommerce-account .woocommerce-orders-table__cell-order-total{
  white-space: normal;   
  text-align: left;      
}


.woocommerce-account
  .woocommerce-orders-table__cell-order-actions a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;


  font-size: clamp(13px, 1.6vw, 18px);
  padding: clamp(6px, 1.2vw, 10px) clamp(12px, 2vw, 18px);

  border-radius: 12px;
  line-height: 1.1;
  white-space: nowrap;     
}


@media (max-width: 420px){
  .woocommerce-account
    .woocommerce-orders-table__cell-order-actions a.button{
    font-size: clamp(12px, 4vw, 14px);
    padding: 6px 12px;
    border-radius: 10px;
  }
}

.woocommerce-account table.woocommerce-orders-table
  td.woocommerce-orders-table__cell-order-total
  .woocommerce-Price-amount.amount{
  font-size: clamp(14px, 1.6vw, 18px);   
  font-weight: 700;                    
  line-height: 1.2;
}


.woocommerce-account table.woocommerce-orders-table
  td.woocommerce-orders-table__cell-order-total
  .woocommerce-Price-amount .woocommerce-Price-currencySymbol{
  font-size: .9em;
}


@media (max-width: 576px){
  .woocommerce-account .woocommerce-MyAccount-content{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .woocommerce-account table.woocommerce-orders-table{
    min-width: 720px;  
  }
}

/* errors infos */

/* signup form */

p#coupon-error-notice {
    background: #f4c3c7;
    padding: 1rem;
    border-radius: 8px;
    color: #a00;
    box-shadow: var(--shadow);
    text-shadow: #ffffff 1px 0 10px;
}

.ml-form-align-center {
  display: flex;
  justify-content: center;
}
.ml-form-align-center .ml-form-embedWrapper {
  width: 50%;
  max-width: 800px;       
  margin: 0 auto;
}


.ml-form-align-center .ml-form-embedWrapper .ml-form-formContent {
  display: flex;
  flex-direction: column;
  gap: 14px;          
}


.ml-form-align-center .ml-form-embedWrapper .ml-form-fieldRow {
  margin: 0 !important;
}


.ml-form-align-center .ml-form-embedWrapper .form-control {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .ml-form-align-center .ml-form-embedWrapper {
    width: 100%;
    padding-inline: 16px;   
  }
}

.woocommerce-message, body.woocommerce-checkout .coupon-toggle-wrapper .woocommerce-info, .woocommerce-error {
    background: #f6f7f9;
    border: 1px solid var(--line);
    color: var(--ink);
    border-radius: 8px;
    background-color: rgb(79 193 208 / 39%);
    color: #000000;
    font-size: 15px;
    margin-bottom: 2rem;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 0 10px rgb(0 73 100 / 10%);
    padding: 1em 1.5em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-error {
  background-color: rgb(239 75 75 / 39%);
  color: #ffff;
  margin: 0;
}

.woocommerce-error  > ul > li {
  color:#ffffff;
}

ul.woocommerce-error li {
    margin-bottom: 0;
    text-shadow: 0 0px 10px rgb(0 0 0);
}

/* 404 */


.error404 .page-hero {
  min-height: 30vh;
  display: flex;
  align-items: center;
}

.page-hero__content {
  padding: clamp(16px, 4vw, 48px) 0;
}

.page-hero__content .container {
  max-width: min(70ch, 100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;   
  text-align: center;
  gap: clamp(12px, 2.5vw, 24px); 
}

.page-hero__content .button.error {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.8em 1.3em;
  text-decoration: none;
  margin: auto;
}