@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap');


:root {

/* =========================================================
   1. PRIMARY COLORS
   ========================================================= */

  --primary-yellow: #FFD543;
  --primary-orange: #E24800;
  --primary-brown: #48220D;

  --primary-green-600: #3C9587; 
  --primary-green-500: #45A092; 
  --primary-green-400: #28B49E; 
  --primary-green-300: #87BBB3; 
  --primary-green-100: #E2F7F4; 

  --primary-azure: #0FF2F2;


/* =========================================================
   2. SECONDARY COLORS
   ========================================================= */

  --secondary-black: #000000;
  --secondary-grey-600: #8E8E93;
  --secondary-grey-500: #AEAEB2;
  --secondary-grey-400: #C7C7CC;
  --secondary-grey-300: #D1D1D6;
  --secondary-grey-200: #E5E5EA;
  --secondary-grey-100: #EDEDED;
  --secondary-grey-50: #F5F5F5;
  --secondary-white: #FFFFFF;

    /* --- Doplňkové barvy pro tagy --- */
  --primary-blue-500: #42A0E3;
  --primary-green-dark: #2E7D6F;
  --primary-purple-500: #7A5AF8;


/* =========================================================
   3. SEMANTIC COLOR TOKENS
   ========================================================= */

  /* Text */
  --color-text-primary:   var(--secondary-black);
  --color-text-secondary: var(--secondary-grey-600);

  --text-color-primary: #000000;
  --text-color-secondary: #8E8E93;

  /* Backgrounds */
  --color-bg-page:    var(--secondary-white);
  --color-bg-surface: var(--secondary-grey-50);
  --color-bg-subtle:  var(--secondary-grey-100);
  --color-bg-success: var(--primary-green-100);

  /* Actions */
  --color-action-primary:        var(--primary-green-500);
  --color-action-primary-hover:  var(--primary-green-300);
  --color-action-secondary:      var(--primary-yellow);
  --color-action-danger:         var(--primary-orange);

  /* Borders */
  --color-border-default: var(--secondary-grey-100);
  --color-border: var(--secondary-grey-200);
  --color-border-light: #ECECEF;


/* =========================================================
   4. LAYOUT
   ========================================================= */

  --layout-padding: 20px;
  --layout-width: min(100% - var(--layout-padding) * 2,1420px);

  --header-height:103px;
  --product-body-spacing:20px;


/* =========================================================
   5. TYPOGRAPHY
   ========================================================= */

  --font-body: 'Inter Tight', sans-serif;

  --text-48: clamp(2.5rem, 2.1rem + 1.2vw, 3rem);
  --text-36: clamp(1.5rem, 1.1rem + 1.1vw, 2.25rem);
  --text-28: clamp(1.3125rem, 1.2rem + 0.65vw, 1.75rem);
  --text-22: clamp(1.25rem, 1.05rem + 0.6vw, 1.375rem);
  --text-18: clamp(1rem, 0.9rem + 0.4vw, 1.125rem);
  --text-16: clamp(0.9375rem, 0.85rem + 0.35vw, 1rem);
  --text-14: clamp(0.875rem, 0.8rem + 0.3vw, 0.875rem);
  --text-12: clamp(0.8125rem, 0.75rem + 0.25vw, 0.75rem);
  --text-10: clamp(0.75rem, 0.7rem + 0.2vw, 0.625rem);

  /* Line height */
  --leading-none: 1; 
  --leading-tight: 1.1; 
  --leading-snug: 1.3; 
  --leading-base: 1.4; 
  --leading-loose: 1.8;


/* =========================================================
   6. SPACING
   ========================================================= */

  --space-3xs: clamp(0.375rem, 0.34rem + 0.2vw, 0.5rem);
  --space-2xs: clamp(0.5625rem, 0.5rem + 0.3vw, 0.75rem);
  --space-xs: clamp(0.9375rem, 0.8rem + 0.5vw, 1.25rem);
  --space-sm: clamp(1.1875rem, 1rem + 0.8vw, 1.5625rem);
  --space-md: clamp(1.5rem, 1.15rem + 1.2vw, 2.1875rem);
  --space-lg: clamp(2rem, 1.6rem + 1.8vw, 2.9375rem);
  --space-xl: clamp(2.625rem, 2rem + 2.8vw, 3.9375rem);
  --space-2xl: clamp(3.5rem, 2.7rem + 4vw, 5.25rem);
  --space-3xl: clamp(4.6875rem, 3.6rem + 5.5vw, 7rem);


/* =========================================================
   7. GAP TOKENS
   ========================================================= */

  --gap-xs: clamp(0.75rem, 0.7rem + 0.3vw, 0.9375rem);
  --gap-sm: clamp(0.875rem, 0.75rem + 0.6vw, 1.25rem);
  --gap-md: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --gap-lg: clamp(1.875rem, 1.5rem + 1.5vw, 2.8125rem);


/* =========================================================
   8. COMPONENT TOKENS
   ========================================================= */

  --corner-radius-sm:8px;
  --corner-radius:12px;
  --corner-radius-lg:18px;

  --form-input-radius:8px;
  --form-input-bg: var(--secondary-grey-50);
  --form-input-color-label: var(--secondary-grey-600);
  --form-input-border-focus: var(--primary-azure);
  --form-input-text-size: 16px;


/* =========================================================
   9. GRADIENTS
   ========================================================= */

  --gradient-orange: linear-gradient(90deg, #E84A00 0%, #F07A1A 50%, #F6C94C 100%);
  --gradient-green: linear-gradient(90deg, #43998c 0%, #3a8b80 50%, #266c61 100%);


/* =========================================================
   10. TRANSITIONS
   ========================================================= */

  --transition: all .3s ease-out;
  --transition-image: all 0.5s ease-out;

}




*, *::before, *::after {
  box-sizing: border-box;
}

html {
  text-size-adjust: 100%;
  max-width:100%;
  overflow-x: hidden;
  margin:0;
  padding:0;
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  padding:0;
  font-family: var(--font-body);
  font-size: var(--text-14);
  line-height: var(--leading-base);
  color: var(--secondary-black);
  background-color: var(--secondary-grey-50);
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  max-width:100%;
}

form,
p,
table,
ul,
ol {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

img,
picture,
video,
canvas,
svg {
  max-width: 100%;
  
}

svg {max-width:100%; fill:none}
.icon {width:24px;aspect-ratio:1/1;color:currentColor;}
.icon-multi {width:auto;aspect-ratio:auto;}


input,
button,
textarea,
select {
  font: inherit;
  font-family: inherit;
}

/* Accessible focus */
:focus-visible {
  outline: 2px solid var(--primary-green-500);
  outline-offset: 2px;
}

/* =========================
   TYPOGRAPHY
========================= */

/* Headings */
h1, h2, h3, h4, h5, h6,
.title--h1, .title--h2, .title--h3, .title--h4, .title--h5, .title--h6 {
  font-family: var(--font-body);
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom:0;
  color: var(--secondary-black);
  letter-spacing: -0.02em;
}

h1, .title--h1 { font-size: var(--text-36); }
h2, .title--h2 { font-size: var(--text-36); }
h3, .title--h3 { font-size: var(--text-28); letter-spacing: -0.01em; }
h4, .title--h4 { font-size: var(--text-22); }
h5, .title--h5 { font-size: var(--text-18); }
h6, .title--h6 { font-size: var(--text-16); }

/* Paragraph */
p {
  font-size: var(--text-16);
  color: inherit;
}

/* Links */
a {
  color: var(--primary-green-500);
  text-decoration-color: currentColor;
}

a:hover {
  text-decoration: none;
}

/* Buttons */
button {
  font-family: var(--font-body);
}

/* =========================
   UTILITIES
========================= */

.u-text-center {text-align: center; }

.u-text-bold {font-weight: 700; }

.u-grid-full {grid-column:1 / -1;}




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

.text-content p {line-height: 1.5; font-size: var(--text-18); color: var(--text-color-secondary)}

.text-content > * + * {margin-top: var(--space-xs);}

.text-content > h2 + *,
.text-content > h3 + *,
.text-content > h4 + * {margin-top: var(--space-2xs);}

.text-content > * + h2,
.text-content > * + h3,
.text-content > * + h4 {margin-top: var(--space-sm);}

.text-content--compact p { font-size: var(--text-16); color: var(--text-color-primary); line-height: 1.4}

.text-content__accordion {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; }
.text-content.is-expanded .text-content__accordion {grid-template-rows: 1fr; }
.text-content__inner {min-height: 0; }
.text-content__inner p {font-size: var(--text-16); }
.text-content__btn {display: inline-block; margin-top: 0; font-weight: 700; color: var(--text-color-secondary); text-decoration: underline; cursor: pointer; background: none; border: none; padding: 0; }
.text-content__btn:hover {color: var(--text-color-primary); }
.text-content:not(.is-expanded) .text-content__inner {opacity: 0; transition: opacity 0.3s; }
.text-content.is-expanded .text-content__inner {opacity: 1; transition: opacity 0.5s delay 0.1s; padding-bottom:15px; }


/* =========================================================
   LAYOUT
   ========================================================= */

.layout{max-width:var(--layout-width);margin-inline:auto;box-sizing:border-box}

.site-main{padding-top: var(--space-md);padding-bottom: var(--space-xl); overflow-x: hidden; overflow-y:visible; max-width:100% }
.site-main > * + * { margin-top: var(--space-xl); }

.section{padding-block:0;}
.section--flush{padding-block:0}
.section--lg{margin-top:var(--space-2xl)}
.section--md{margin-top:var(--space-xl)}
.section--sm{margin-top:var(--space-lg)}
.section--xs{margin-top:var(--space-md)}

.section__main{min-width:0; }
.section__actions{}

.layout--block{display:grid; grid-template-columns:1fr auto; grid-template-areas: "head actions" "main main"; row-gap: var(--space-md); column-gap:20px; }
.layout--split{display:grid; grid-template-columns:1fr 1fr; gap: var(--space-md); align-items:flex-start; margin:0 auto; width:100%; }

.section__head{grid-area:head; align-self: center; display:flex; gap:var(--space-md); align-items: center;}
.section__head .ts-wrapper{min-width: 200px;}

.section__actions{grid-area:actions; align-self: center;}
.section__main{grid-area:main;}

.layout--sidebar { display:grid; grid-template-areas:"aside main"; grid-template-columns:320px 1fr; gap:35px;position:relative }
.layout--sidebar .section__aside {grid-area:aside; align-self: start; max-width: 320px; top:0; will-change:transform; position:relative; z-index:400 }
.layout--sidebar .section__main {grid-area:main; padding-top:10px;  }

@media (max-width:1240px){
  .layout--sidebar{grid-template-columns: 280px 1fr; gap:30px;}
}

@media (max-width:1024px){
  .layout--sidebar{display:block;}
  .layout--sidebar .section__aside{display:none;}
}


.layout--narrow {width:100%;max-width: 920px; margin-inline: auto;}

.l-stack{display:flex;flex-direction:column}

.l-stack--3xs > * + * { margin-top: var(--space-3xs); }
.l-stack--2xs > * + * { margin-top: var(--space-2xs); }
.l-stack--xs  > * + * { margin-top: var(--space-xs); }
.l-stack--sm  > * + * { margin-top: var(--space-sm); }
.l-stack--md  > * + * { margin-top: var(--space-md); }
.l-stack--lg  > * + * { margin-top: var(--space-lg); }
.l-stack--xl  > * + * { margin-top: var(--space-xl); }
.l-stack--2xl > * + * { margin-top: var(--space-2xl); }
.l-stack--3xl > * + * { margin-top: var(--space-3xl); }


.l-block{min-width:0;}


.c-separator{border:0;height:1px; width:100%; line-height:0; font-size:0; maargin:0;background:var(--secondary-grey-200)}
.c-separator--layout-width{max-width: var(--layout-width)}


.c-overlay{position:fixed; inset:0; background:rgba(0,0,0,.3); backdrop-filter:blur(2px); z-index:900; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease, visibility 0s linear .2s; }
.c-overlay.is-active{opacity:1; visibility:visible; pointer-events:auto; transition:opacity .2s ease; }







/* =========================================================
   MODAL + fancybox
   ========================================================= */



.c-modal {width:100%;background:#fff;border-radius:16px;padding:0; }
.c-modal__inner {padding:0; width:100%;}
.c-modal__header {padding: var(--gap-sm) var(--gap-sm); border-bottom:1px solid var(--secondary-grey-200)}
.c-modal__title {margin:0;font-size:var(--text-22);font-weight:700;}
.c-modal__text {color:var(--text-color-secondary); font-size:var(--text-14); padding-bottom: 10px;}
.c-modal__body {padding: var(--gap-sm); display:flex; flex-direction: column; gap:10px;}

.fancybox__backdrop {background:rgba(0,0,0,0.7);}
.f-button.is-close-button{top:18px; right:10px; color:var(--text-color-primary)}
.f-button.is-close-button:hover{ color:var(--primary-green-500)}
.c-modal--no-close .f-button.is-close-button{display:none;}
.fancybox__content {padding:0;}
.f-html{padding:0; border-radius: var(--corner-radius)}

.c-modal--xs {max-width:470px;}
.c-modal--sm {max-width:520px;}
.c-modal--md {max-width:640px;}
.c-modal--lg {max-width:820px;}
.c-modal--full {max-width:100%;height:100dvh;border-radius:0;}



.c-login-form__footer{ align-self:center; font-size:var(--text-14); padding:8px 0 }



.c-modal-cart { }
.c-modal-cart__info {display:flex; flex-wrap: wrap; justify-content: space-between;}
.c-modal-cart__success {background: var(--primary-green-100); border-radius: var(--corner-radius); padding: var(--space-xs) var(--space-sm); text-align: center; display: flex; flex-direction: column; gap: 5px; align-items: center; }
.c-modal-cart__icon {color: var(--primary-green-500); }
.c-modal-cart__icon .icon{width:24px; }

.c-modal-cart__stock{font-size:12px; font-weight:700; color: var(--primary-green-500)}
.c-modal-cart__qty{font-size: var(--text-16); color: var(--text-color-secondary)}

.c-modal-cart__success-text {margin: 0; font-weight: 700; color: var(--primary-green-500); font-size: var(--text-16); }
.c-modal-cart__product {display: grid; grid-template-columns: 1fr 105px; gap: 20px; padding:15px 0; align-items: center; }
.c-modal-cart .c-product-price  {flex:0 0 100%}
.c-modal-cart .c-product-price .c-product-price__current {font-size: var(--text-22); }

.c-modal-cart__title {margin: 0; font-size: 18px; font-weight: 600; }
.c-modal-cart__stock {color: #2f8f7f; font-size: 14px; margin-bottom: 6px; }

.c-modal-cart__pricing {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.c-modal-cart__image img {width: 100%; aspect-ratio: 1;  border-radius: var(--corner-radius); }
.c-modal-cart__actions {display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }





/* =========================================================
   ARTICLE
   ========================================================= */

.articles.splide .splide__track{border-radius: var(--corner-radius); overflow:hidden; }
/*.articles.splide .splide__arrow.splide__arrow--prev{left:0}
.articles.splide .splide__arrow.splide__arrow--next{right:0}*/

.articles:not(.splide) {display:grid; grid-template-columns: repeat(2, 1fr); gap:50px 30px;  min-width: 0; }

.article { display:flex; flex-direction: column; min-width: 0; gap:20px; }
.article .article__image{overflow:hidden; aspect-ratio:445/260; display:block; border-radius: var(--corner-radius)  }
.article .article__image img{width:100%; height:100%; object-fit:cover;transition: transform 1s cubic-bezier(.2,.6,.2,1); }
.article:hover .article__image img {transform: scale(1.05) translateZ(0); }

.article__body {display:flex; gap:15px; flex-direction: column; flex:1; min-width: 0; }
.article__desc { flex:1; min-width: 0; }
.article__title {margin: 0 0 5px 0; font-size: var(--text-22); letter-spacing:-0.02em; }
.article__title a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; text-decoration: none;}
.article__title a:hover {text-decoration: underline;}
.article__text {font-size:var(--text-14); margin:0; padding:0; color: var(--text-color-secondary); line-height:1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.article__actions {display:flex; justify-content: space-between; align-items: center;}
.article__link {font-weight:700}


.article--large{grid-column: 1 / -1;}
.article--large .article__title { font-size: var(--text-28);  }


.c-meta {display:flex;align-items:center;gap:8px;font-size:var(--text-12);color:var(--color-text-secondary);}
.c-meta--article-detail {margin-inline:auto;width:fit-content;padding-bottom:10px;}
.c-meta__item {display:inline-flex;align-items:center;gap:6px;}
.c-meta__icon {width:16px;height:16px;}
.c-meta__item + .c-meta__item::before {content:"|";margin-inline:4px;color:var(--color-text-secondary);opacity:.3;}

.article-detail {}
.article-detail__image {border-radius: var(--corner-radius); overflow: hidden; }
.article-detail__image img {width: 100%; height: auto; display: block; }

.c-article-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}
.c-article-actions__share{display:flex;align-items:center;gap:var(--gap-sm);flex-wrap:wrap}
.c-article-actions__label{font-size:var(--text-18);font-weight:700;}
.c-article-actions__link{display:inline-flex;align-items:center;justify-content:center;}
.c-article-actions__link .icon{width:24px;}
.c-article-actions__back{flex-shrink:0}

.c-author-card{display:flex;gap:var(--gap-sm);align-items:flex-start;padding:var(--gap-sm);border-radius:12px;background:#ffffff; border:1px solid var(--color-border)}
.c-author-card__header{display:inline-flex; align-items: center}
.c-author-card__avatar img{width:64px; aspect-ratio:1/1;border-radius:50%;object-fit:cover}
.c-author-card__body{flex:1;display:flex;flex-direction:column;gap:6px}
.c-author-card__name{margin:0;font-size:var(--text-14);font-weight:700}
.c-author-card__role{margin-left:6px;font-size:var(--text-10);color:var(--text-color-secondary);font-weight:400; opacity: 0.8}
.c-author-card__bio{margin:0;color:var(--text-color-secondary); font-size: var(--text-16);line-height: var(--leading-snug);}
.c-author-card__social{display:flex;gap:var(--gap-xs); margin-top:10px;}
.c-author-card__social-link{display:inline-flex;align-items:center;justify-content:center; color:var(--text-color-secondary)}
.c-author-card__social-link .icon{width:19px;}


.c-notice {
  --notice-bg: #eef2f3;
  --notice-text: #1f2933;
  --notice-icon: currentColor;

  display: flex; gap: 10px; padding: 20px 24px; border-radius: var(--corner-radius); background: var(--notice-bg); color: var(--notice-text);
}

.c-notice__icon {flex: 0 0 auto; width: 24px; height: 24px;margin-top:-2px; color: var(--notice-icon); }
.c-notice__icon svg {width: 100%; height: 100%; }

.c-notice__content {display: flex; flex-direction: column; gap: 4px; }
.c-notice__title {font-weight: 700; font-size: var(--text-18); margin:0; padding:0; color:var(--primary-green-500)}
.c-notice__text {margin: 0; font-size: var(--text-16); line-height: 1.3; }
.c-notice--info {
  --notice-bg: var(--primary-green-100);
  --notice-text: var(--primary-green-500);
  --notice-icon: var(--primary-green-500);
}






/* =========================================================
   HORIZONTAL SCROLL NAV
   ========================================================= */

.c-scroll-nav {
  --fade-left: 0px;
  --fade-right: 24px;

  position: relative; width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, transparent 0, black var(--fade-left), black calc(100% - var(--fade-right)), transparent 100% ); mask-image: linear-gradient(to right, transparent 0, black var(--fade-left), black calc(100% - var(--fade-right)), transparent 100% );
}

.c-scroll-nav::-webkit-scrollbar {display: none; }
.c-scroll-nav__list {display: inline-flex; flex-wrap: nowrap;  margin: 0; padding: 0; list-style: none; min-width: 100%; }
.c-scroll-nav__item {flex: 0 0 auto; }
.c-scroll-nav__trigger {background: none; border: 0;  cursor: pointer; position: relative;  white-space: nowrap; }


/* Nav tabs */
.c-scroll-nav--tabs {  border-bottom:1px solid var(--secondary-grey-200)}
.c-scroll-nav--tabs-padded{padding-inline:clamp(10px, calc(6px + 1vw), 20px);}
.c-scroll-nav--tabs .c-scroll-nav__list{gap: clamp(12px, calc(8px + 1.2vw), 25px);}
.c-scroll-nav--tabs .c-scroll-nav__trigger{font-size: var(--text-16); letter-spacing:0; font-weight:700; color: var(--text-color-secondary); padding:0; text-decoration: none; display: inline-flex; align-items: center;  line-height: 1; min-height: 40px;}
.c-scroll-nav--tabs .c-scroll-nav__trigger:hover{color:var(--primary-green-500)}
.c-scroll-nav--tabs .c-scroll-nav__trigger:is(.is-active, [aria-selected="true"]) {font-weight: 700; color: var(--text-color-primary); }
.c-scroll-nav--tabs .c-scroll-nav__trigger:is(.is-active, [aria-selected="true"])::after {content: ""; height: 4px; width: 100%; position: absolute; left: 0; bottom: -1px; background: var(--primary-green-500); border-top-left-radius: 3px; border-top-right-radius: 3px; }


/* =========================================================
   BUTTONS
   ========================================================= */

.c-button {font-size:14px; font-family: var(--font-body); font-weight:700; display:inline-flex; gap:8px; align-items:center; justify-content:center; text-decoration:none; border-radius:var(--corner-radius); border:1px solid var(--primary-green-500); background-color:var(--primary-green-500); box-sizing:border-box; min-height:44px; vertical-align: middle; line-height: 1; padding:0 20px; text-align:center; cursor:pointer; color:#ffffff; transition:var(--transition);}

.c-button:not(.c-button--disabled):hover {background-color:var(--primary-green-600); border-color:var(--primary-green-600);}
.c-button:not(.c-button--disabled):active {background-color:var(--primary-green-400); border-color:var(--primary-green-400);}
.c-button:disabled,
.c-button--disabled {background-color:var(--primary-green-100); border-color:var(--primary-green-100); color:#ffffff; cursor:default; pointer-events:none;}
.c-button--block {width:100%;}

.c-button__icon {font-size:0; display:inline-flex;}

.c-button__label {line-height:1}

/* Size */
.c-button--large {min-height:56px; padding:0 20px; font-size:18px;}
.c-button--medium {min-height:48px; padding:0 20px;}
.c-button--small {min-height:33px; padding:0 20px;}

/* Green outline */
.c-button--green-outline {background-color:transparent; border:1px solid var(--primary-green-500); color:var(--primary-green-500);}
.c-button--green-outline:not(.c-button--disabled):hover {background-color:var(--primary-green-100); border-color:var(--primary-green-500);}
.c-button--green-outline:not(.c-button--disabled):active {background-color:var(--secondary-grey-50); border-color:var(--primary-green-500);}
.c-button--green-outline:disabled,
.c-button--green-outline.c-button--disabled {background-color:var(--primary-green-100); border-color:var(--primary-green-100); color:var(--primary-green-500);}

/* Gray outline */
.c-button--gray-outline {background-color:transparent; border-color: var(--secondary-grey-300); color:var(--text-color-primary);}
.c-button--gray-outline:not(.c-button--disabled):hover {background-color:var(--secondary-grey-100); border-color:var(--secondary-grey-500);}
.c-button--gray-outline:not(.c-button--disabled):active {background-color:var(--secondary-grey-100); border-color:var(--secondary-grey-300);}
.c-button--gray-outline:disabled,
.c-button--gray-outline.c-button--disabled {background-color:var(--secondary-grey-200); border-color:var(--secondary-grey-200); }

/* Gray  */
.c-button--gray {background-color: var(--secondary-grey-100); border-color: var(--secondary-grey-300); color:var(--text-color-primary);}
.c-button--gray:not(.c-button--disabled):hover {background-color:var(--secondary-grey-50); border-color:var(--secondary-grey-500);}
.c-button--gray:not(.c-button--disabled):active {background-color:var(--secondary-grey-100); border-color:var(--secondary-grey-300);}
.c-button--gray:disabled,
.c-button--gray.c-button--disabled {background-color:var(--secondary-grey-200); border-color:var(--secondary-grey-200); }

/* Yellow */
.c-button--yellow {background-color:var(--primary-yellow); border-color: var(--primary-yellow); color:var(--text-color-primary);}
.c-button--yellow:not(.c-button--disabled):hover {background-color:#ffffff; border-color:#ffffff;}
.c-button--yellow:not(.c-button--disabled):active {background-color:var(--primary-yellow); border-color: var(--primary-yellow);}
.c-button--yellow:disabled,
.c-button--yellow.c-button--disabled {background-color:var(--secondary-grey-200); border-color:var(--secondary-grey-200); }


.c-button--cart{container-type:inline-size;white-space:nowrap; padding-inline:10px}
.c-button__label--short{display:none}
@container (max-width:130px){.c-button__label--full{display:none}.c-button__label--short{display:inline}}
@container (max-width:90px){.c-button__label--short{display:none}}


.site-topbar{background:#ffffff;font-size:var(--text-14);border-bottom:1px solid var(--color-border); z-index: 1111; position:relative;}
.site-topbar__inner{display:flex;align-items:center;justify-content:space-between;min-height:40px}
.site-topbar__info{margin:0;color:var(--text-color-primary); font-size:var(--text-14);}
.site-topbar__nav{}
.site-topbar__menu{display:flex;align-items:center;gap:var(--gap-sm);list-style:none;margin:0;padding:0; }
.site-topbar__item{position:relative}
.site-topbar__link{display:inline-flex;align-items:center;color:var(--text-color-primary); font-size: var(--text-14); font-weight:700;text-decoration:none;padding:6px 0}
.site-topbar__link:hover{text-decoration: underline;}
.site-topbar__submenu{position:absolute;top:100%;left: calc( -1 *(var(--gap-xs)));min-width:150px;background:#fff;border:1px solid var(--color-border);border-radius:8px;padding:8px 0;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.03);}
.site-topbar__submenu li{margin:0;  font-size: var(--text-12);}
.site-topbar__submenu a{display:block;padding:4px var(--gap-xs);color:var(--text-color-secondary);text-decoration:none;white-space:nowrap}
.site-topbar__submenu a:hover{background:var(--secondary-grey-100);color:var(--color-primary)}
.site-topbar__item:hover>.site-topbar__submenu{opacity:1;visibility:visible;transform:translateY(0)}


.c-announcement-bar { display: none; grid-template-rows: 0fr; opacity: 0; position: relative; z-index: 1000; overflow: hidden; background: 
  var(--primary-yellow); transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease; }

.c-announcement-bar.is-visible { display: grid; grid-template-rows: 1fr; opacity: 1; }

.c-announcement-bar.is-hidden { grid-template-rows: 0fr; opacity: 0; pointer-events: none; }

.c-announcement-bar__content { min-height: 0; overflow: hidden; }

.c-announcement-bar__inner { display: flex; align-items: center; justify-content: center; min-height: 56px; padding: 10px 25px; position: relative; }

.c-announcement-bar__text { margin: 0; font-weight: 700; text-align: center; font-size: 
  var(--text-16); color: 
  var(--text-color-primary); }

.c-announcement-bar__text a { text-decoration: underline; }

.c-announcement-bar__close { position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: none; border: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }

.c-announcement-bar__close .icon { width: 20px; height: 20px; }

.subcategories{}
.subcategories__list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;}
.subcategories__item{font-weight:700;padding-inline:12px;text-decoration:none;font-size:var(--text-16);white-space:nowrap;}


.c-contact-box{background:var(--primary-green-100);border-radius:var(--corner-radius); padding-inline: var(--gap-md)}
.c-contact-box__figure { align-self: flex-end; text-align: center;}
.c-contact-box__figure img{max-width:88px;height:auto; }
.c-contact-box__title{margin:0;font-size:var(--text-28);line-height:var(--leading-tight);font-weight:700;color:var(--primary-green-500)}
.c-contact-box__title span{display:block;font-size:var(--text-16);font-weight:700;margin-top:var(--space-3xs)}
.c-contact-box__body{display:flex;flex-direction:column; padding-block: var(--gap-sm) }
.c-contact-box__body .c-button{align-self:flex-start; margin-top:15px; color:var(--text-color-primary)}
.c-contact-box__contact{display:flex;flex-direction:column;gap: 5px}
.c-contact-box__row{display:flex;align-items:center;gap:10px}
.c-contact-box__icon{width:24px;aspect-ratio:1;color:var(--primary-green-500);flex-shrink:0}
.c-contact-box__phone{display:block;font-size:var(--text-18);font-weight:700;color:var(--text-color-primary);text-decoration:none; letter-spacing: -0.02em;}
.c-contact-box__hours{font-size:var(--text-12);}
.c-contact-box__email{font-size:var(--text-16);font-weight:600;color:var(--text-color-primary);text-decoration:none}

.c-contact-box--compact{display:flex; justify-content: center; align-items:center;gap:var(--gap-sm); max-width:320px; padding-inline: 0}
.c-contact-box--compact .c-contact-box__title{font-size: var(--text-16); margin-bottom:5px;}
.c-contact-box--compact .c-contact-box__figure{align-self: flex-end; display:flex; align-items: flex-end;}



.c-contact-box--wide{display:flex;align-items:center;gap:var(--gap-sm); justify-content: center; max-width: 100%; }
.c-contact-box--wide .c-contact-box__figure {flex:0;}
.c-contact-box--wide .c-contact-box__figure img{max-width:98px;}
.c-contact-box--wide .c-contact-box__body .c-contact-box__title{display:none;}


/* =========================================================
   HEADER
   ========================================================= */


.site-header {position: sticky; width:100vw; top: 0; z-index: 1000; background: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.03); }
.site-header::after {position:absolute;top:100%; height:3px; content:""; background: var(--primary-yellow); width:100%;box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.03); opacity:0; visibility:hidden; transition: opacity .5s ease, transform .3s ease;}
.site-header__inner {display: flex; align-items: center; gap: 20px; height: var(--header-height); }

body.is-header-stuck .site-header::after{opacity:1; visibility:visible; }
body.is-scroll-locked.is-header-stuck .site-header{position: fixed;}
body.is-scroll-locked.is-header-stuck .site-header-spacer{height: var(--header-height)}

/* ========== LOGO ========== */

.site-header__logo {flex-shrink: 0; padding-right:15px; }
.site-header__logo svg {width: 209px; aspect-ratio: 209 / 68; top:-5px; position:relative; }

/* ========== MENU BUTTON ========== */

.site-header__menu-btn {display: inline-flex; align-items: center; gap: 10px; height: 52px; padding-inline: 14px; font-size: var(--text-16); color:var(--primary-green-500); border-radius: var(--form-input-radius); background: var(--primary-green-100) ; font-weight: 700; border: none; cursor: pointer; transition: background .2s ease; }
.site-header__menu-btn.is-active .site-header__menu-arrow {transform: rotate(180deg); }
.site-header__menu-btn:hover {background-color: #CDEEEA; }
.site-header__menu-x{display:none;}

/* ========== SEARCH ========== */

.site-header__search {flex: 1; }


.c-search input {width: 100%; height: 52px; padding: 0 16px 0 44px; border-radius: var(--form-input-radius); border: none; background: #F5F5F5 url('../images/svg/hledani.svg') no-repeat 12px center; font-size: var(--text-16); }
.c-search__back {display:none; cursor:pointer; color: var(--secondary-grey-600)}
.c-search__remove {display:none;cursor:pointer; color: var(--secondary-grey-400)}
.c-search__remove:hover {color: var(--text-color-primary)}

.c-search .c-field .icon{flex:0 0 24px; transition: var(--transition)}
.c-search .c-field:focus-within{border-color: var(--primary-green-500)}

.c-search__results {opacity: 0;position:absolute; left:0; top:100%; width:100%; padding-top:20px; z-index: 6000; pointer-events: none; transition: opacity .2s ease, transform .3s ease; text-align: center;}
.c-search__results.is-active {opacity: 1; pointer-events: auto;}




/* ========== CONTACT ========== */

.site-header__contact {display: flex; flex-direction: column; justify-content:center; gap:3px; padding-left:110px; padding-right:15px; background:url('../images/quick-contact.png') no-repeat left bottom; align-self: stretch; }
.site-header__contact strong {font-size: var(--text-16); color: var(--primary-green-500); line-height: 1; }
.site-header__contact a {display: inline-flex; align-items: center; gap: 8px; font-weight: 700; text-decoration: none; color:var(--text-color-primary); font-size: var(--text-16); line-height: 1; }
.site-header__contact a small {padding-top:2px; display: block; font-size: var(--text-12); font-weight: 400; color:var(--text-color-secondary); }
.site-header__contact a svg {color:var(--text-color-secondary); }

/* ========== ACTIONS ========== */

.site-header__actions {display: flex; gap: 24px; }
.site-header__action {display: flex; flex-direction: column; align-items: center; font-weight: 700; text-decoration: none; color: var(--text-color-primary); gap: 5px; }
.site-header__action-icon {position: relative; line-height:0 }
.site-header__action-badge {position: absolute; right: -8px; bottom: -5px; width: 16px; height: 16px; border-radius: 50%; background: var(--primary-green-500); color: #fff; font-size: 10px; line-height: 16px; text-align: center; }
.site-header__action:hover > span {color:var(--primary-green-500)}

.site-header__action--search-mobile{display:none;}

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



.c-category-nav{}
.c-category-nav .c-category-nav__link.is-active{color:var(--primary-green-500); text-decoration:underline; }


.c-category-nav--dropdown{padding:20px 0;position:absolute; top:100% ; left:0; width:100%; background: #ffffff; z-index: 110;   border-top: 1px solid var(--color-border); transform: translateY(0px); opacity: 0;   transform: translateY(0px); pointer-events: none; transition: opacity .2s ease, transform .3s ease; }
.c-category-nav--dropdown.is-open {opacity: 1; transform: translateY(0); pointer-events: auto; }

.c-category-nav--dropdown .c-category-nav__list{column-count:4; column-gap:30px; list-style:none; margin:0; padding:0; }
.c-category-nav--dropdown .c-category-nav__item{break-inside:avoid; padding:10px 0; }
.c-category-nav--dropdown .c-category-nav__link{display:inline-flex; align-items:center; gap:10px; font-weight:700; font-size:var(--text-16); color:var(--text-color-primary); text-decoration:none; }
.c-category-nav--dropdown .c-category-nav__link:hover{color:var(--primary-green-500); text-decoration:underline; }
.c-category-nav--dropdown .c-category-nav__link:hover{color:var(--primary-green-500); text-decoration:underline; }
.c-category-nav--dropdown .c-category-nav__icon{width:40px; aspect-ratio:1; color:var(--primary-green-500); }
.c-category-nav--dropdown .c-category-nav__arrow{display:none; }
.c-category-nav--dropdown .c-category-nav__panel{display:none; }
.c-category-nav--dropdown .is-sale .c-category-nav__link{color:var(--primary-orange); }
.c-category-nav--dropdown .is-sale .c-category-nav__icon{color:var(--primary-orange); }

.c-category-nav--dropdown .c-contact-box{display:none;}

.c-category-nav-surface{position:relative;background:#fff;padding:20px; border-radius: var(--corner-radius)}
.c-category-nav-surface__title{font-size: var(--text-14); color:var(--text-color-secondary); font-weight:400; padding-bottom:6px;}

.c-category-nav--sidebar .c-category-nav__list{list-style:none;margin:0;padding:0;}
.c-category-nav--sidebar .c-category-nav__item{position:relative;}
.c-category-nav--sidebar .c-category-nav__item + .c-category-nav__item{border-top:1px solid var(--color-border)}
.c-category-nav--sidebar .c-category-nav__item.has-children > .c-category-nav__link::after{content:"";margin-left:auto; margin-right:8px;width:9px;height:9px;border-right:2px solid var(--secondary-grey-400);border-top:2px solid var(--secondary-grey-400);transform:rotate(45deg);transition:transform .2s ease,border-color .2s ease;}
.c-category-nav--sidebar .c-category-nav__item.has-children:hover > .c-category-nav__link::after{border-color:var(--primary-green-500);}
.c-category-nav--sidebar .c-category-nav__link{display:flex;align-items:center;gap:10px;padding:10px 0;text-decoration:none; line-height: 1.1; font-size: var(--text-16); font-weight:700;color:var(--text-color-primary);transition:background .2s ease,color .2s ease;}
.c-category-nav--sidebar .c-category-nav__item.is-sale .c-category-nav__link,
.c-category-nav--sidebar .c-category-nav__item.is-sale .c-category-nav__icon{color:var(--primary-orange)}
.c-category-nav--sidebar .c-category-nav__item.is-sale:hover .c-category-nav__link{color:var(--primary-orange); text-decoration: underline;}
.c-category-nav--sidebar .c-category-nav__item:hover > .c-category-nav__link{color: var(--primary-green-500)}
.c-category-nav--sidebar .c-category-nav__icon{width:var(--nav-icon-size,30px); aspect-ratio:1;color:var(--primary-green-500);}
.c-category-nav--sidebar .c-category-nav__arrow{margin-left:auto;width:14px;opacity:.6;}

/* hover bridge */
.c-category-nav--sidebar .has-children::after{content:"";position:absolute;top:0;left:100%;width:30px;height:100%;}

/* panel */
.c-category-nav__panel{position:absolute; top:-10px; left:calc(100% + 30px); min-width:250px; width:max-content; background:#fff; border-radius:12px; box-shadow: 0 10px 25px rgba(0,0,0,0.06); padding: 20px 30px; opacity:0; visibility:hidden; transition:opacity .2s ease; z-index:1000; }
.c-category-nav--sidebar .has-children:hover > .c-category-nav__panel{opacity:1;visibility:visible;}
.c-category-nav__sublist{display:grid; grid-auto-flow:column; grid-auto-rows:auto; grid-template-rows:repeat(6,auto); column-gap:60px; row-gap:12px; }
.c-category-nav__subitem{min-width:0;}
.c-category-nav__sublink{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:var(--text-16);color:var(--text-color-primary);transition:color .2s ease;}
.c-category-nav__sublink::before{content:"";width:14px;height:14px;border:2px solid var(--primary-green-500);border-radius:50%;flex-shrink:0;}
.c-category-nav__sublink:hover{color:var(--primary-green-500);}


.c-nav-surface{--nav-icon-size:30px;position:relative;background:#fff;padding:20px; border-radius: var(--corner-radius)}
.c-nav-surface--account{--nav-icon-size:24px;}
.c-nav-surface__title{font-size: var(--text-14); color:var(--text-color-secondary); font-weight:400; padding-bottom:6px;}

.c-account-summary { display:flex;flex-direction:column;gap:0px;padding:20px; margin:10px -20px 20px -20px;background:var(--secondary-grey-100); line-height:1.4;}
.c-account-summary__name {font-size:var(--text-18);font-weight:700;color:var(--text-primary);}
.c-account-summary__address {font-size:var(--text-14);color:var(--text-secondary);line-height:1.4; margin:5px 0}
.c-account-summary__email {font-size:var(--text-14);font-weight:700;color:var(--text-color-primary);text-decoration:underline;}
.c-account-summary__phone {font-size:var(--text-14);font-weight:700;color:var(--text-color-primary);}
.c-account-surface__logout{margin:15px 0 15px 0;}

.c-category-nav--dropdown .c-nav-surface--account{display:none;padding:10px 0 20px 0; border-bottom: 1px solid var(--secondary-grey-200); border-radius:0; margin-bottom:0px;}
.c-category-nav--dropdown .c-nav-surface--account .c-account-summary{margin:0 -15px;}



@media (max-width:1024px){

.c-category-nav--dropdown .c-nav-surface--account{display:block;}

          body.sticky-nav-show .site-header,
          body.sticky-nav-hide .site-header {position:fixed; top:0}

          body.sticky-nav-show .site-header-spacer,
          body.sticky-nav-hide .site-header-spacer {height:var(--header-height);}



          .site-header::after { opacity:1; visibility:visible; z-index:1500 }

          .site-topbar{display:none;}
          .site-header__contact{display:none;}
          .site-header__menu-btn span{display:none;}
          .site-header__menu-arrow{display:none;}

          .site-header__menu-btn{order: -10}


          .site-header__menu-btn.is-active .site-header__menu-x{display:block;}
          .site-header__menu-btn.is-active .site-header__menu-hamburger{display:none;}



          .c-category-nav--dropdown{height:calc(100% - var(--header-height) ); overflow: hidden;position:fixed; top:var(--header-height); padding:0; box-sizing: border-box;}
          .c-category-nav--dropdown .scroll-wrap{height:calc(100dvh - var(--header-height) - 1px ); overflow: scroll;position:relative; box-sizing:border-box; padding:10px 0  }
          .c-category-nav--dropdown .c-contact-box{max-width:none; justify-content: center; display:flex; border-radius: 0; margin:10px -15px -10px -15px; display:flex;}


          .c-category-nav--dropdown .c-category-nav__list{column-count:1;list-style:none;margin:0;padding:0;}
          .c-category-nav--dropdown .c-category-nav__item{position:relative; padding:0}
          .c-category-nav--dropdown .c-category-nav__item + .c-category-nav__item{border-top:1px solid var(--color-border)}
          .c-category-nav--dropdown .c-category-nav__item.has-children > .c-category-nav__link::after{content:"";margin-left:auto; margin-right:8px;width:9px;height:9px;border-right:2px solid var(--secondary-grey-400);border-top:2px solid var(--secondary-grey-400);transform:rotate(45deg);transition:transform .2s ease,border-color .2s ease;}
          .c-category-nav--dropdown .c-category-nav__item.has-children:hover > .c-category-nav__link::after{border-color:var(--primary-green-500);}
          .c-category-nav--dropdown .c-category-nav__link{display:flex;align-items:center;gap:10px;padding:10px 0;text-decoration:none; line-height: 1.1; font-size: 16px; font-weight:700;color:var(--text-color-primary);transition:background .2s ease,color .2s ease;}
          .c-category-nav--dropdown .c-category-nav__item.is-sale .c-category-nav__link,
          .c-category-nav--dropdown .c-category-nav__item.is-sale .c-category-nav__icon{color:var(--primary-orange)}
          .c-category-nav--dropdown .c-category-nav__item.is-sale:hover .c-category-nav__link{color:var(--primary-orange); text-decoration: underline;}
          .c-category-nav--dropdown .c-category-nav__item:hover > .c-category-nav__link{color: var(--primary-green-500)}
          .c-category-nav--dropdown .c-category-nav__icon{width:30px;aspect-ratio:1;color:var(--primary-green-500);}
          .c-category-nav--dropdown .c-category-nav__arrow{margin-left:auto;width:14px;opacity:.6;}


          .c-category-nav--dropdown .c-category-nav__panel{position:fixed; overflow:scroll; left:0; top:-1px; padding:20px 20px; width:100%;  height: calc(100dvh - var(--header-height)); box-shadow: none; display:block;}
          .c-category-nav--dropdown .c-category-nav__panel.is-active{opacity:1; visibility:visible; }



          .c-category-nav__sublist{display:block; margin:0; padding:0; list-style:none; }
          .c-category-nav__subitem{position:relative; }
          .c-category-nav__subitem + .c-category-nav__subitem{border-top:1px solid var(--color-border); }
          .c-category-nav__sublink{display:flex; align-items:center; gap:10px; padding:10px 0; text-decoration:none; line-height:1.1; font-size:16px; font-weight:700; color:var(--text-color-primary); min-height:50px; }
          .c-category-nav__sublink:hover{color:var(--primary-green-500); }
          .c-category-nav__sublink::before{content:""; width:14px; height:14px; border:2px solid var(--primary-green-500); border-radius:50%; flex-shrink:0; margin-left:0; }

}




/* =========================================================
   SPLIDE GLOBAL
   ========================================================= */

.splide.has-pagination .splide__arrow{margin-top:-22px;}
.splide__pagination{bottom:auto; position:relative;margin-top:25px;}
.splide__pagination__page{background:#8E8E8E; width:8px; height:8px;}
.splide__pagination__page.is-active{background:#000000; transform: scale(1);}
.splide__arrow{width:44px; height:44px;  opacity:1; background:#ffffff no-repeat center center; background-size: 17px auto; box-shadow: 0 10px 30px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.6);}
.splide__arrow.splide__arrow--prev{  left:13px}
.splide__arrow.splide__arrow--next{  right:13px}
.splide__arrow svg{ width:16px; height:16px; }


.splide.splide--arrows-on-hover .splide__arrow{opacity:0; transition: var(--transition)}
.splide.splide--arrows-on-hover:hover .splide__arrow{opacity:0.8}
.splide.splide--arrows-on-hover:hover .splide__arrow:hover{opacity:1}


.splide.splide--arrows-on-edge .splide__arrow--prev{left:-22px}
.splide.splide--arrows-on-edge .splide__arrow--next{right:-22px}

/* SPLIDE OVERFLOW HACK */
.splide.splide--overflow .splide__track {overflow: visible !important;}
.splide.splide--overflow {clip-path: inset(-1000px 0 -1000px 0);position: relative;}
/* ------- */




/* =========================================================
   HERO CAROUSEL
   ========================================================= */



.hero-carousel { padding: 0;  }
.hero-carousel .splide__arrow--prev { left: calc(((100vw - var(--layout-width)) / 2) - 32px); }
.hero-carousel .splide__arrow--next { right: calc(((100vw - var(--layout-width)) / 2) - 32px); }
.hero-carousel .splide__slide {aspect-ratio:700/480; width:700px; background: #ffffff; height: auto; border-radius: 12px; position: relative; overflow: hidden; }
.hero-carousel .splide__slide > img { aspect-ratio: 700 / 480; border-radius: 12px; width: 100%; height: auto !important; transition: var(--transition-image); }
.hero-carousel .splide__slide:hover > img { transform: scale(1.05); }
.hero-carousel .splide__slide .content-wrap { container-type: inline-size; color: #ffffff; position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; box-sizing: border-box; }
.hero-carousel .splide__slide .content-wrap .box { padding: 5cqw 10cqw; }
.hero-carousel .splide__slide h1,
.hero-carousel .splide__slide h2,
.hero-carousel .splide__slide h3 { color: #ffffff; font-size: 6.9cqw; font-weight: 700; line-height: 120%; margin: 0 0 1.2cqh 0; }
.hero-carousel .splide__slide h1 strong,
.hero-carousel .splide__slide h2 strong,
.hero-carousel .splide__slide h3 strong { color: #FFD543; }
.hero-carousel .splide__slide p { font-size: 3.1cqw; line-height: 4.7cqw; font-weight: 700; color: #ffffff; margin: 0 0 0.8cqh 0; }
.hero-carousel .splide__slide p:last-of-type { margin-bottom: 0; }
.hero-carousel .splide__slide p.p--large { font-size: 6cqw; line-height: 5.5cqw; margin-bottom: 0.6cqh; }
.hero-carousel .splide__slide p.p--medium { font-size: 4cqw; line-height: 5cqw; margin-bottom: 0.7cqh; }
.hero-carousel .splide__slide p.p--small { font-size: 2.7cqw; line-height: 3.7cqw; margin-bottom: 0.7cqh; }
.hero-carousel .splide__slide p span { color: #FFD543; }
.hero-carousel .splide__slide p strong { background: #E24800; line-height: 4cqw; padding: 0 7px; display: inline-block; }
.hero-carousel .splide__slide .c-button { margin-top: 2cqh; min-height: 8cqw; font-size:3cqw; padding-inline: 3cqw; border-radius: 1.8cqw;}
.hero-carousel .splide__slide .c-button .icon {width:2.5cqw;}

/* CLS */
.hero-carousel:not(.is-initialized) .splide__slide {width:calc( (var(--layout-width) / 2)  - 10px);}
.hero-carousel:not(.is-initialized):has(.splide__slide:nth-child(3)) { padding-bottom:40px;}


@media (max-width:1500px){
  .hero-carousel .splide__arrow--prev { left: 5px; }
  .hero-carousel .splide__arrow--next { right: 5px; }
}





/* =========================================================
   BENEFITS
   ========================================================= */


.c-benefits {display: flex; justify-content: center; align-items: stretch; width: 100%; background: #ffffff; padding: 25px 0; border-radius: var(--corner-radius); }
.c-benefits__item {flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; border-left: 1px solid var(--color-border); padding: 0 15px; }
.c-benefits__item:first-child {border-left: none; }
.c-benefits__icon {width: 65px; aspect-ratio: 1 / 1; margin-bottom: 8px; }
.c-benefits__text {font-size: 12px; font-weight: 400; line-height: 16px; color: var(--color-text-primary); }
.c-benefits__title {display: block; font-size: var(--text-16); line-height: 20px; font-weight: 700; margin-bottom: 2px; }
.c-benefits__desc {display: block; }


.c-benefits--cols-3 {display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap-sm) 0px;}
.c-benefits--transparent {background: transparent; padding:0}
.c-benefits--transparent .c-benefits__item{border:0}


/* =========================================================
   GARDEN CENTER
   ========================================================= */

.garden-center {display: flex; align-items: stretch; justify-content: center; background: #fff; border-radius: var(--corner-radius); overflow: hidden; }

.garden-center__intro {position: relative; width: 330px; padding: 25px 30px 170px 30px; }
.garden-center__title {color: var(--primary-green-500); }
.garden-center__image {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.garden-center__content {flex: 1; padding: 30px 0; }
.garden-center__content p {color: var(--color-text-secondary); }

.garden-center__actions{display:flex; align-items: center; justify-content: flex-start; gap:10px; margin-top: var(--space-sm)}

.garden-center__gallery {width: 620px; padding: 30px; }
.garden-gallery {border-radius: var(--corner-radius); overflow: hidden; }
.garden-gallery .splide__arrow {margin-top: 0; }
.garden-center__gallery img {width: 100%; border-radius: var(--corner-radius); }


/* =========================================================
   HP CATEGORIES
   ========================================================= */


.c-category-card {position: relative; display: block; border-radius: var(--corner-radius); overflow: hidden; }
.c-category-card img{width:100%;aspect-ratio:186/249; height:auto}
.c-category-card__cta {position:absolute; left:50%; top:50%; transform: translate(-50%, -30%); opacity: 0; transition: opacity .3s ease, transform .3s ease; }
.c-category-card__title {padding: 20px; position:absolute; left:0; bottom:0; text-align: center; transition: opacity .3s ease; width:100%; box-sizing: border-box; margin: 0; color: #ffffff; text-align: center; font-size: var(--text-18); }
.c-category-card:hover .c-category-card__title {opacity: 0; }
.c-category-card:hover .c-category-card__cta {opacity: 1; transform:translate(-50%, -50%);; }


.hp-categories { overflow: hidden; }
.hp-categories .splide__track {border-radius: var(--corner-radius); overflow: hidden; }
.hp-categories .splide__slide{aspect-ratio:186/249; overflow: hidden; }
.hp-categories .splide__arrow {opacity: 0; transition: var(--transition); }

.hp-categories:hover .splide__arrow {opacity: 1; }

/* CLS */
.hp-categories:not(.is-initialized) .splide__list {display:flex;gap:20px; }
.hp-categories:not(.is-initialized) .splide__slide {flex:0 0 calc((100% - (20px  * (7 - 1))) / 7); }
.hp-categories:not(.is-initialized):has(.splide__slide:nth-child(8)) { padding-bottom:40px;}




@media (max-width:550px){
  .hp-categories{margin-inline: -20px;}
  .hp-categories .splide__track{border-radius: 0}
}



/* =========================================================
   HEUREKA
   ========================================================= */

.c-trust-reviews {display: flex; align-items: center; gap: 60px; }

.c-trust-reviews__badge {width: 300px; align-self: flex-start; }
.c-trust-reviews__badge-inner {display: flex; gap: 20px; padding: 17px 0; align-items: center; }
.c-trust-reviews__logo {width: 100px; flex-shrink: 0; }
.c-trust-reviews__rating {font-size: var(--text-36); font-weight: 700; color: var(--primary-green-500); line-height: 1; margin-bottom: 6px; }
.c-trust-reviews__text {font-size: var(--text-14); line-height: 1.3; margin: 0; }
.c-trust-reviews__carousel {flex: 1; min-width: 0; }

/*.c-trust-reviews__carousel .splide__arrow {opacity: 0; transition: var(--transition); border: 1px solid var(--color-border); }
.c-trust-reviews__carousel:hover .splide__arrow {opacity: 1; }
.c-trust-reviews__carousel .splide__arrow--prev {left: -22px; }
.c-trust-reviews__carousel .splide__arrow--next {right: -22px; }*/



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

.products.splide {display:block; margin-inline: calc(-1 * var(--layout-padding));border-radius: var(--corner-radius) }
.products.splide .splide__arrow.splide__arrow--prev{left:0}
.products.splide .splide__arrow.splide__arrow--next{right:0}

.products.splide:not(.is-active) {visibility: visible; margin-inline: 0; gap:20px;}
.products.splide:not(.is-active)  .splide__list{display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:20px;  }

@media (max-width:1100px){
  .products.splide:not(.is-active)  .splide__list {grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width:800px){
  .products.splide:not(.is-active)  .splide__list {grid-template-columns: repeat(2, minmax(0, 1fr));}
}


/* product teasers 3x */
.products.products--teaser-list-3.splide:not(.is-active)  .splide__list{display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:20px;  }


@media (max-width:750px){
  .products.products--teaser-list-3.splide:not(.is-active)  .splide__list {grid-template-columns: 1fr; gap:15px;}
}


/* product col 5x */

.products.splide.js-splide--products-5:not(.is-active)  .splide__track{padding-inline: 20px;}
.products.splide.js-splide--products-5:not(.is-active)  .splide__list{grid-template-columns: repeat(5, minmax(0, 1fr));}





@media (max-width:1440px){
  .layout--sidebar .products{grid-template-columns: repeat(3, minmax(0, 1fr));}
}

@media (max-width:1125px){
  .layout--sidebar .products{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width:1024px){
  .layout--sidebar .products{grid-template-columns: repeat(3, minmax(0, 1fr));}
}

@media (max-width:800px){
  .layout--sidebar .products{grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width:550px){
  .products:not(.is-active){gap:15px!important;}
}


@media (max-width:520px){
  .products:not(.splide) .c-buybox{flex-direction: column}
  .products:not(.splide) .c-buybox .c-quantity{flex:1; border-radius: 0; justify-content: center;}
  .products:not(.splide) .c-buybox .c-quantity input{flex:0 0 40px}
  .products:not(.splide) .c-buybox .c-button{ border-radius: 0}
  .products:not(.splide) .product__text{display:none;}
  .products:not(.splide) .product__body{padding-inline:0; padding-bottom:5px; gap:5px;}
  .products:not(.splide) .product__delivery{padding-inline: var(--gap-sm)}
  .products:not(.splide) .product__title{padding-inline: var(--gap-sm); text-align:center;}
  .products:not(.splide) .c-product-price {justify-content: center}
  .products:not(.splide) .c-product-price .c-product-price__current{text-align: center;}
  .products:not(.splide) .c-product-price .c-product-price__original{display:none;}
  .products:not(.splide) .c-product-price .c-product-price__discount{display:none;}
  .products:not(.splide) .c-product-tags {gap:3px;}
  .products:not(.splide) .c-product-tags li > a, 
  .products:not(.splide) .c-product-tags li > span{line-height: 22px; font-size:11px; padding:0 7px; border-radius: 5px;}
  .products:not(.splide) .product__delivery .product__delivery-info .icon{width:18px; height:18px;}
}








.products {display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:20px; }
.product {background: #ffffff;border:1px solid var(--secondary-grey-200); border-radius: var(--corner-radius);  display: flex; flex-direction: column;  overflow:hidden;  transition:  box-shadow .15s ease;  align-self:stretch; min-height:100%; }
.product:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.08);}
.product__image-wrap {position:relative;margin: -1px -1px 0 -1px}
.product__image {display: block; overflow: hidden;aspect-ratio:340/267;}
.product__image::after{content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%); opacity:0.5; pointer-events:none; }
.product__image img{width:100%; height:100%; object-fit:cover;transition: transform 1s cubic-bezier(.2,.6,.2,1); }
.product:hover .product__image img {transform: scale(1.05) translateZ(0); }
.product__desc { flex:1;display:flex; flex-direction: column; gap:5px;}
.product__title {font-size:var(--text-16); margin:0; padding:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.product__title a{ text-decoration:none; color: var(--text-color-primary); }
.product__title a:hover{  text-decoration: underline;}
.product__text {font-size:var(--text-14); margin:0 0 5px 0; padding:0; color: var(--text-color-secondary); line-height:1.25; display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }

.product__body {display: flex; flex-direction: column; gap:10px; flex: 1;position:relative;   padding: var(--gap-sm);  }
.product__body::before {position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:3px; content:''; background: var(--gradient-orange);}

.c-buybox {display:flex; align-items: stretch; gap:0px; }
.c-buybox .c-quantity{flex: 0 0 90px;border-top-right-radius: 0; border-bottom-right-radius: 0}
.c-buybox .c-button{flex:1; border-top-left-radius: 0; border-bottom-left-radius: 0}
.c-buybox .c-button svg{width:24px; aspect-ratio: 1/1}
.c-buybox--large .c-quantity{background:#ffffff; flex: 0 0 150px;}
.c-buybox--large .c-quantity__btn {flex:0 0 45px; }

.c-product-price {display:flex; align-items: center; gap:10px; }
.c-product-price .c-product-price__inal {flex:1; text-align: right;}
.c-product-price .c-product-price__discount {line-height:33px; padding:0px 5px; color:#ffffff; font-weight:700; font-size: var(--text-14); display:inline-block;background: var(--gradient-orange);border-radius:8px; }
.c-product-price .c-product-price__current {font-size: var(--text-18); font-weight:700; color: var(--primary-green-500); flex:1}
.c-product-price .c-product-price__current small {color: var(--color-text-secondary); font-size: var(--text-12); font-weight:400; white-space: nowrap;}
.c-product-price .c-product-price__original {color: var(--color-text-secondary); font-size: var(--text-40); font-weight:700; text-decoration: line-through;white-space: nowrap;}

.product__delivery {display:flex; align-items: center; align-items: center; gap:15px;}
.product__delivery > p {min-width: 0;flex:1; font-size: var(--text-12); color: var(--primary-green-500) ;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product__delivery .product__delivery-info {cursor:help}
.product__delivery .product__delivery-info .icon{width:24px; aspect-ratio: 1/1; color: var(--secondary-grey-300)}


/* product full 4x */

.products--cols-4{grid-template-columns: repeat(4, minmax(0, 1fr));}

@media (max-width:1100px){.products--cols-4{grid-template-columns: repeat(3, minmax(0, 1fr));}}
@media (max-width:800px){.products--cols-4{grid-template-columns: repeat(2, minmax(0, 1fr));}}


.c-stars {
    --rating: 4.5;
    --default-star-size:16px;
    --unit-size: calc(var(--star-size, var(--default-star-size) ) * 1.125);
    
    width: calc(5 * var(--unit-size));
    height: var(--star-size, var(--default-star-size));
    display: block;

    background: linear-gradient(90deg, 
        var(--primary-yellow) calc(var(--rating) * 20%), 
        var(--secondary-grey-300) calc(var(--rating) * 20%)
    );

    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 16"><path d="M16.0006 6.21424C16.0006 5.83866 15.864 5.48356 15.5977 5.21723C15.386 4.99871 15.0991 4.8553 14.7987 4.8075C14.7918 4.8075 14.7782 4.8075 14.7714 4.8075L10.9677 4.25436L9.26048 0.792135C8.91903 0.0955918 8.07226 -0.19122 7.37571 0.157052C7.10256 0.293629 6.87721 0.518981 6.7338 0.798964L5.02659 4.26119L1.20243 4.82116C0.437601 4.93725 -0.0950499 5.65428 0.0142118 6.41911C0.0620137 6.71958 0.20542 7.00639 0.423943 7.21808L3.18963 9.91548L2.53406 13.726C2.40431 14.4908 2.91647 15.2215 3.6813 15.3512C3.75642 15.3649 3.83837 15.3717 3.92031 15.3717C4.14567 15.3717 4.37102 15.3171 4.57588 15.2078L7.99714 13.4119L11.4184 15.2078C12.1081 15.5698 12.9617 15.2966 13.3168 14.6069C13.4602 14.3337 13.508 14.0265 13.4534 13.7192L12.8047 9.90865L15.5703 7.21126C15.8367 6.94493 15.9869 6.59666 15.9937 6.22107L16.0006 6.21424Z" fill="black"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 16"><path d="M16.0006 6.21424C16.0006 5.83866 15.864 5.48356 15.5977 5.21723C15.386 4.99871 15.0991 4.8553 14.7987 4.8075C14.7918 4.8075 14.7782 4.8075 14.7714 4.8075L10.9677 4.25436L9.26048 0.792135C8.91903 0.0955918 8.07226 -0.19122 7.37571 0.157052C7.10256 0.293629 6.87721 0.518981 6.7338 0.798964L5.02659 4.26119L1.20243 4.82116C0.437601 4.93725 -0.0950499 5.65428 0.0142118 6.41911C0.0620137 6.71958 0.20542 7.00639 0.423943 7.21808L3.18963 9.91548L2.53406 13.726C2.40431 14.4908 2.91647 15.2215 3.6813 15.3512C3.75642 15.3649 3.83837 15.3717 3.92031 15.3717C4.14567 15.3717 4.37102 15.3171 4.57588 15.2078L7.99714 13.4119L11.4184 15.2078C12.1081 15.5698 12.9617 15.2966 13.3168 14.6069C13.4602 14.3337 13.508 14.0265 13.4534 13.7192L12.8047 9.90865L15.5703 7.21126C15.8367 6.94493 15.9869 6.59666 15.9937 6.22107L16.0006 6.21424Z" fill="black"/></svg>');

    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    
    -webkit-mask-size: var(--unit-size) var(--star-size);
    mask-size: var(--unit-size) var(--star-size);
}

.c-stars--small {--star-size: 12px; }

.c-rating {display:inline-flex; align-items: center; gap:10px;}
.c-rating__value {margin-left:-2px;font-size: var(--text-16); font-weight:700; }
.c-rating__count {color:var(--text-color-secondary); font-size: var(--text-14); font-weight:700 }

.c-rating--large {--star-size: 24px; display:flex; flex-direction:column;align-items:center; gap:10px}
.c-rating--large .c-rating__value {font-size: var(--text-28); line-height: 1; }
.c-rating--large .c-rating__count {font-size: var(--text-14); line-height: 1.2; }


.c-quantity {display:flex;align-items:center;min-width:90px;min-height:44px;background:var(--secondary-grey-50);overflow:hidden;border-radius:var(--corner-radius);}
.c-quantity--white {background:#ffffff;}
.c-quantity input {flex:1; min-width:0;appearance:none;text-align:center;border:0;background:transparent;padding:0;height:100%;margin:0;color:var(--text-color-primary);font-size:var(--text-16);font-weight:500;}
.c-quantity input::-webkit-outer-spin-button,.c-quantity input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
.c-quantity input[type=number] {-moz-appearance:textfield;}
.c-quantity__btn {position:relative;display:flex;align-items:center;justify-content:center;height:100%; min-height:44px;flex:0 0 30px;border:0;background:transparent;cursor:pointer; }
.c-quantity__btn::before,.c-quantity__btn::after {content:"";position:absolute;background:currentColor;border-radius:2px;}
.c-quantity__btn--minus {padding:0 0 0 8px;}
.c-quantity__btn--minus::before {width:12px;height:2px; }
.c-quantity__btn--plus {padding:0 6px 0 0px;}
.c-quantity__btn--plus::before {width:12px;height:2px;}
.c-quantity__btn--plus::after {width:2px;height:12px;}
.c-quantity__btn.is-disabled {opacity:0.3;pointer-events:none;cursor:default;}


.c-product-tags{position:absolute; left:10px; top:10px; z-index: 2; list-style: none; display:flex; flex-direction: column; align-items: flex-start; gap:5px; margin:0; padding:0}
.c-product-tags li{padding:0;}
.c-product-tags li > a,
.c-product-tags li > span{line-height:33px; display:inline-block; background: var(--primary-orange); border-radius:8px; padding-inline: 10px; color:#ffffff; font-weight:700;text-decoration:none; font-size: var(--text-14)}
.c-product-tags li > a:hover{text-decoration:underline;}
.c-product-tags--right{ left:auto; right:10px; align-items: flex-end;}
.c-product-tags--bottom{ top:auto; bottom:10px;}

.c-product-tags li > .c-product-tags--discount {background: var(--gradient-orange);padding-inline: 6px;}
.c-product-tags li > .c-product-tags--sale {background: var(--primary-orange);}
.c-product-tags li > .c-product-tags--news {background: var(--gradient-green);}
.c-product-tags li > .c-product-tags--category {line-height:23px; font-size:11px; padding:0px 8px; font-weight:500; background: rgb(255 255 255 / 20%); border-radius:6px; }

.c-product-tags li > .c-product-tags--red {background: var(--primary-orange); color: #fff; }
.c-product-tags li > .c-product-tags--yellow {background: var(--primary-yellow); color: #000; }
.c-product-tags li > .c-product-tags--blue {background: var(--primary-blue-500); color: #fff; }
.c-product-tags li > .c-product-tags--green {background: var(--primary-green-dark); color: #fff; }
.c-product-tags li > .c-product-tags--black {background: var(--primary-brown); color: #fff; }
.c-product-tags li > .c-product-tags--purple {background: var(--primary-purple-500); color: #fff; }


.tippy-box[data-theme~='glass'] {background: rgb(255 255 255 / 72%); color: var(--text-color-primary); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 12px; box-shadow: 0 0 0 1px rgb(0 0 0 / 4%), 0 8px 24px rgb(0 0 0 / 12%), 0 4px 8px rgb(0 0 0 / 8%), inset 0 1px 0 rgb(255 255 255 / 50%); }
.tippy-box[data-theme~='glass'] > .tippy-arrow::before {color: rgb(255 255 255 / 72%); filter: drop-shadow(0 2px 6px rgb(0 0 0 / 10%)) drop-shadow(0 0 2px rgb(0 0 0 / 6%)); }
.tippy-box[data-theme~='glass'] .tippy-content {padding: 10px 12px; }

.tippy-box[data-theme~='point'] {background: rgb(255 255 255 / 72%); color: var(--text-color-primary); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 12px; box-shadow: 0 0 0 1px rgb(0 0 0 / 4%), 0 8px 24px rgb(0 0 0 / 12%), 0 4px 8px rgb(0 0 0 / 8%), inset 0 1px 0 rgb(255 255 255 / 50%); }
.tippy-box[data-theme~='point'] > .tippy-arrow::before {color: rgb(255 255 255 / 72%); filter: drop-shadow(0 2px 6px rgb(0 0 0 / 10%)) drop-shadow(0 0 2px rgb(0 0 0 / 6%)); }
.tippy-box[data-theme~='point'] .tippy-content {padding: 10px 12px; }

.tooltip-delivery__table{border-spacing: 0; border-collapse: separate; margin:0; }
.tooltip-delivery__table tr td{padding:2px 10px; font-size: var(--text-12); font-weight:700; text-align:left;}
.tooltip-delivery__table tr td:first-child{color: var(--color-text-secondary); font-weight:400; padding-right:20px!important; text-align:left;}




.js-products-teaser2{margin-top: var(--space-md)}

.product--teaser{ display: flex;flex-direction: row; align-items: stretch; min-height:150px; }
.product--teaser .product__image-wrap{flex:0 0 150px; position:relative;overflow: hidden; }
.product--teaser .product__image{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.product--teaser .product__body::before { display:none;}
.product--teaser .product__body {gap:3px; padding:15px; align-self:center; }
.product--teaser .product__desc {flex: none;}
.product--teaser .product__image::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,0) 30%,rgba(0,0,0,0.6) 100%); pointer-events:none;}
.product--teaser .product__image__num{position:absolute; top:0; right:0px; z-index: 100; height:100%;aspect-ratio: 38/84;  }
.product--teaser .product__image__num .icon{ height:100%; width:100%; color:#ffffff; }

.product--teaser-compact .product__image__wrap{flex:0 0 110px;}
.product--teaser-compact .c-product-price .c-product-price__current small{font-size:10px;}



.c-filter__mobile-button{display:none; cursor:pointer; border-radius: 0}

.c-filter-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;gap:20px;padding:var(--space-sm);background:#E9E9E9;border-radius:var(--corner-radius);position:relative; opacity: 1; visibility: visible; transition: opacity .3s ease;}
.c-filter-bar__header{display:flex;align-items:center; border-right: 1px solid #D1D1D6; padding-right: 20px;}
.c-filter-bar__footer{display:flex;align-items:center; gap:10px; border-left: 1px solid #D1D1D6; padding-left:20px;}
.c-filter-bar__footer .c-filter-bar__save{display:none;}
.c-filter-bar__body{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;}
.c-filter-bar__body > * + *{position:relative;padding-left:10px;}
.c-filter-bar__body > * + *::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:var(--secondary-grey-300);}



.c-filter-bar__body {display: flex; flex-wrap: wrap; align-items: center; gap: 5px 10px; padding-left: 0; padding-top:6px; }
.c-filter-bar__body > *:nth-child(1) { order: 1; flex: 0 0 auto; padding-left: 0; }
.c-filter-bar__body > *:nth-child(1)::before { display: none; }

.c-filter-bar__body > *:nth-child(2) { order: 2; flex: 1; min-width: 250px; }

.c-filter-bar__body > *:nth-child(3) { order: 3; flex: 0 0 auto; }

.c-filter-bar__body::after {content: ""; order: 4; flex-basis: 100%; height: 0; }

.c-filter-bar__body > *:nth-child(n+4) {order: 5; flex: 0 0 auto; margin-top: 0px; }

.c-filter-bar__body > *:nth-child(4) { padding-left: 0; }
.c-filter-bar__body > *:nth-child(4)::before { display: none; }





.c-filter-bar__open{display:inline-flex;background:transparent;height:42px;align-items:center;border:0;font-size:var(--text-16);font-weight:700;gap:8px;}
.c-filter-bar__open:hover{background:transparent;}
.c-filter-bar__close{display:none;ackground:transparent;}
.c-filter-switch{display:flex;align-items:center;gap:10px;}
.c-filter-switch__label{font-size:var(--text-14);font-weight:500;white-space:nowrap;}
.c-filter{position:relative;padding-block:0px;}
.c-filter__trigger{background:transparent;display:inline-flex;align-items:center;gap:2px;padding:6px 5px 6px 10px;font-size:var(--text-14);font-weight:500;border-radius:6px;border:0;cursor:pointer;}
.c-filter__trigger:hover{background:#ffffff;}
.c-filter.is-open .c-filter__trigger{background:#ffffff;}
.c-filter__arrow{width:20px;aspect-ratio:1;transition:transform .2s ease;color:var(--text-color-secondary);}
.c-filter.is-open .c-filter__arrow{transform:rotate(180deg);}
.c-filter-price{display:flex;align-items:center;gap:0;padding-left:20px; width:100%;}
.c-filter-price__slider{flex:1;min-width:120px;margin:0 15px;}
.c-filter-price__value{width:40px;flex-shrink:0;text-align:center;}
.c-filter__dropdown{position:absolute;top:100%;left:0px;margin-top:5px;z-index:100;min-width:220px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.12);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;}
.c-filter.is-open .c-filter__dropdown{opacity:1;transform:translateY(0);pointer-events:auto;}
.c-filter-options{display:flex;flex-direction:column;gap:10px;padding:0;overflow:auto;max-height:300px;}
.noUi-target{height:4px;border:none;background:#ddd;box-shadow:none;}
.noUi-connect{background:var(--primary-green-500);}
.noUi-horizontal .noUi-handle{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--primary-green-500);box-shadow:none;cursor:pointer;right:-10px;top:-8px;}
.noUi-handle::before,.noUi-handle::after{display:none;}

@media (max-width: 1270px) and (min-width: 1101px) {
    /* 1. Posuneme lamač řádku za druhý prvek */
    .c-filter-bar__body::after { order: 3; }

    /* 2. Prvky od 3. pozice dále dostanou nové pořadí, aby skočily pod linku */
    .c-filter-bar__body > *:nth-child(n+3) { order: 4; margin-top: 10px; }

    /* 3. RESET SEPARÁTORU: Třetí prvek je teď na začátku nového řádku */
    .c-filter-bar__body > *:nth-child(3) { padding-left: 0; }
    .c-filter-bar__body > *:nth-child(3)::before { display: none; }

    /* 4. OBNOVA SEPARÁTORU: Čtvrtý prvek už není na začátku řádku, tak mu linku vrátíme */
    .c-filter-bar__body > *:nth-child(4) { padding-left: 10px; }
    .c-filter-bar__body > *:nth-child(4)::before { display: block; }
}



@media (max-width:1024px){
.c-filter-bar{position:fixed;top:0;left:0;width:100%;height:100dvh;display:flex;flex-direction:column;background:#F5F5F5;z-index:3000;padding:0;gap:0;border-radius:0; margin:0; opacity: 0; visibility: hidden; pointer-events: none;}
 .c-filter-bar.is-active {opacity: 1; visibility: visible; pointer-events: auto; }
.c-filter-bar__header{background:#ffffff;padding:12px var(--space-sm);border-bottom:3px solid var(--primary-yellow);flex-shrink:0;width:100%; }
.c-filter-bar__footer{background:#ffffff;border-top:3px solid var(--primary-yellow);padding:var(--space-sm);display:grid;grid-template-columns:1fr 1fr;gap:10px; width:100%;}
.c-filter-bar__footer .c-filter-bar__save{display:block;}

.c-filter-bar__body{flex:1;overflow:auto;width:100%;display:block;padding:0 var(--space-sm);}
.c-filter-bar__body > *{border-top:1px solid #DDDDDD;padding:14px 0;width:100%;}
.c-filter-bar__body > * + *{border-left:0;padding-left:0;}
.c-filter-bar__body > * + *::before{display:none;}

.c-filter-switch{display:flex;align-items:center;gap:10px;}
.c-filter-price{flex-wrap:wrap;}
.c-filter-price__label{flex:0 0 100%;margin-bottom:15px;}
.c-filter{display:block;padding:14px 0;}
.c-filter__trigger{display:flex;width:100%;justify-content:space-between;padding:0;}
.c-filter__trigger:hover{background:transparent;}
.c-filter.is-open .c-filter__trigger{background:transparent;}
.c-filter__dropdown{position:static;width:100%;top:auto;right:auto;left:auto;opacity:1;margin:0;border-radius:0;background:transparent;box-shadow:none;transform:none;pointer-events:auto;max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0;}
.c-filter.is-open .c-filter__dropdown{max-height:500px;}
.c-filter-options{padding-top:var(--space-xs);}

.c-filter-bar__open{width:100%; padding:0}
.c-filter-bar__open span{flex:1; text-align: left;}
.c-filter-bar__close{display:inline-block; cursor:pointer; }

.c-filter__mobile-button{display:flex; position:fixed; left:0; bottom:0; width:100%; z-index: 400; height:52px; background:#D1D1D6; border-color:#D1D1D6; color: var(--text-color-primary);box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.08); border-top: 1px solid rgba(0, 0, 0, 0.05); }
.c-filter__mobile-button:hover{background:#ffffff!important; border-color:#D1D1D6!important;}

}


/* =========================================================
   PRODUCT DETAIL
   ========================================================= */

.product-detail__hero{display:grid; grid-template-areas:"gallery summary"; grid-template-columns:1fr 1fr; gap:var(--space-xl); }
.product-detail__summary{grid-area:summary;}
.product-detail__gallery{grid-area:gallery;}

@media (max-width:1100px){
  .product-detail__hero{gap:var(--space-sm); grid-template-columns:1fr 500px;}
}
@media (max-width:979px){
  .product-detail__hero{display:block;}
}

.product-detail__header{padding-top:var(--space-2xs) }
.product-detail__title{margin-bottom:3px;}
.product-detail__perex {font-size: var(--text-16); line-height: 1.3; color: var(--text-color-secondary); margin-top: var(--space-xs) }
.product-detail__description-link {display: inline-block; font-size: var(--text-16); font-weight: 700; color: var(--text-color-secondary); text-decoration: underline; margin-top:2px; }
.product-detail__price-row {display:flex; align-items: center; justify-content: space-between; gap:10px;}
.product-detail__price-row .c-product-price__current {font-size: var(--text-28); align-self: center; display:inline-flex; align-items: center; gap:3px;}
.product-detail__price-row .c-product-price__original {font-size: var(--text-16); }
.product-detail__price-row .c-product-price {white-space: nowrap;}


.product-detail__stock { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; color: var(--primary-green-600); }
.product-detail__stock--warning { color: var(--primary-orange); }
.product-detail__stock-label { display: inline-flex; align-items: center; gap: 5px; font-weight: 700; font-size: var(--text-16); line-height: 1.2; }
.product-detail__stock-label .icon { width: 24px; height: 24px; flex-shrink: 0; color: currentColor; vector-effect: non-scaling-stroke; }
.product-detail__stock-badge { background-color: var(--primary-orange); color: #ffffff; font-size: var(--text-14); font-weight: 700; padding: 4px 10px; border-radius: 8px; white-space: nowrap; }



.c-info-panel { display: flex; align-items: center; gap: 10px; padding: 12px 20px; background: #ffffff;  border-radius: var(--corner-radius); }
.c-info-panel__visual { flex: 0 0 auto; width: 65px; display: flex; align-items: center; justify-content: center; }
.c-info-panel__visual svg { width:65px; aspect-ratio:1 }
.c-info-panel__content { flex: 1; font-size: var(--text-14); align-self:center;line-height: 1.4; color: var(--secondary-black); }
.c-info-panel__title { color: var(--primary-green-600); font-size: var(--text-18); font-weight: 700; margin-bottom: 4px; }
.c-info-panel__content p { margin: 0;  font-size: var(--text-12); line-height:1.3 }
.c-info-panel__content p + p { margin-top:8px;}
.c-info-panel__content strong { display: block; font-size: var(--text-16); font-weight: 700; color: var(--secondary-black); }
.c-info-panel__link { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; color: var(--secondary-grey-600); font-weight: 700; text-decoration: none; font-size: var(--text-14); white-space: nowrap; transition: var(--transition);}
.c-info-panel__link:hover {color: var(--text-color-primary)}
.c-info-panel__link:hover .icon {color: var(--text-color-primary)}
.c-info-panel__link span { text-decoration: underline; }
.c-info-panel__link .icon { width: 24px; height: 24px; color: var(--secondary-grey-300); transition: var(--transition); }
.c-info-panel__link .icon--arrow {  margin-left: -5px; color: var(--secondary-grey-600); }

.c-info-panel--outline { background: transparent; border: 1px solid var(--secondary-grey-500); }

.c-info-panel--large { align-items: flex-start;  background: var(--secondary-grey-100); padding:var(--gap-sm);}
.c-info-panel--large .c-info-panel__visual { width: 120px; order: 2; }
.c-info-panel--large .c-info-panel__content { order: 1; }
.c-info-panel--large .c-info-panel__content p { font-size: var(--text-12); color: var(--secondary-black); }
.c-info-panel--large .c-info-panel__content p strong { display: inline; font-size: inherit; }
.c-info-panel--large .c-info-panel__link { order: 3; align-self: center; }


.product-detail__actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; padding-bottom:10px; }
.product-detail__actions-item { display: flex; text-decoration: none; align-items: center; gap: 8px; color: var(--secondary-grey-600); background: none; border: 0; cursor: pointer; padding: 0; transition: var(--transition); font-weight: 700; font-size: var(--text-14); white-space: nowrap; }
.product-detail__actions-item:hover { color: var(--secondary-black); }
.product-detail__actions-item .icon { width: 24px; flex-shrink: 0; color: inherit; }

.product-gallery{display:flex;flex-direction:column;gap:20px;}
.product-gallery__main .splide__slide {text-align: center;}
/*.product-gallery__main .splide__slide img{max-width:100%; max-height:600px;display:inline-block;border-radius:var(--corner-radius);}*/
.product-gallery__main .splide__slide a { aspect-ratio:1/1; display:grid; place-items:center; overflow:hidden;  border-radius: var(--corner-radius)} /*background:#ffffff; */
.product-gallery__main .splide__slide a img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.product-gallery__thumbs .splide__slide{opacity:.7;cursor:pointer; border:0}
.product-gallery__thumbs .splide__slide.is-active{opacity:1; }
.product-gallery__thumbs .splide__track--nav > .splide__list > .splide__slide{border:0}
.product-gallery__thumbs .splide__track--nav > .splide__list > .splide__slide.is-active{border:0}
.product-gallery__thumbs .splide__slide img{width:100%;height:auto;display:block;border-radius:var(--corner-radius);}


@media (max-width:979px){
  .product-detail__header{padding-top:0; }
  .product-detail__gallery{margin-top: var(--space-xs)}
}

@media (max-width:550px){
  .product-detail__stock{justify-content: flex-start;}
  .product-gallery__thumbs{display:none;}
  .product-detail__price-row{flex-direction: column; align-items: flex-start;}
  .c-info-panel{flex-wrap:wrap;}
  .c-info-panel__link{flex: 0 0 100%; align-self:flex-end; }
}




.product-detail__tabs{padding:  var(--space-xs) var(--space-md) var(--space-md) var(--space-md); background:#ffffff; border-radius: var(--corner-radius); border: 1px solid var(--secondary-grey-200)}

.product-detail__content-layout { display: grid; grid-template-columns: 1fr 320px; gap: var(--space-xl); align-items: start; margin-top: var(--space-sm); }
.product-detail__main {padding-top: var(--space-xs)}

.c-season-grid {display:flex;flex-direction:column;gap:var(--gap-sm);border:1px solid var(--secondary-grey-200);border-radius:var(--corner-radius);padding:var(--space-sm);background:#fff;}
.c-season-grid__header,
.c-season-grid__row {display:grid;grid-template-columns:100px repeat(12,1fr);align-items:center; text-align: center; font-weight: 700; font-size:var(--text-16);}
.c-season-grid__label {font-weight:700;color:var(--text-color-primary); text-align:left;}
.c-season-grid__cell {display:flex;justify-content:center;align-items:center;}
.c-season-grid__icon {width:35px;aspect-ratio:1;color:var(--secondary-grey-100);}
.c-season-grid__cell.is-active .c-season-grid__icon {color:var(--primary-green-500);}

@media (max-width:1200px){
  .c-season-grid__header,.c-season-grid__row {grid-template-columns:repeat(12,1fr);}
  .c-season-grid__label {grid-column:1/-1;text-align:center;margin-bottom:8px;}
}


@media (max-width:1100px){
  .product-detail__content-layout{display:block;}
  .product-detail__aside{display:none;}
}

@media (max-width:550px){
  .product-detail__tabs{padding-inline: var(--space-sm)}
}




/* =========================================================
   Product params
   ========================================================= */
.c-params{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm) var(--space-sm);}
.c-params__term {display:flex;align-items:center;gap:10px;font-weight:400; font-size: var(--text-12)}
.c-params__value {font-weight:700;color:var(--text-color-primary); margin:0;  font-size: var(--text-14)}
.c-params__item {display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;}
.c-params__icon {width:35px; aspect-ratio:1 }
.c-params__content {display:flex;flex-direction:column;gap:0px;}

@media (max-width:768px){
  .c-params {grid-template-columns:repeat(2,1fr);}
}

@media (max-width:500px){
  .c-params__value{font-size: var(--text-12)}
  .c-params__icon{width:25px;}
  .c-params__item{grid-template-columns: 25px 1fr;}
}

/* =========================================================
   Reviews
   ========================================================= */

.c-reviews {}
.c-reviews__layout {display:grid;grid-template-columns:250px 1fr;gap:var(--space-lg);}


.c-reviews__summary{ display:flex; flex-direction:column; gap:10px; }
.c-reviews__summary-title{ text-align:center; }
.c-reviews__cta{margin-top: var(--space-md)}
.c-reviews__cta-title{text-align: center;}
.c-reviews__cta-text{line-height: 1.2; font-size: var(--text-16); text-align: center; margin:5px 0 15px 0}

.c-reviews__content{ display:flex; flex-direction:column; gap: var(--space-xs); }
.c-reviews__more{ text-align:center; font-weight:700; font-size: var(--text-14); }
.c-reviews__more a{  color: var(--text-color-secondary) }


.c-rating-breakdown {display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;}
.c-rating-breakdown__row {display:contents;}
.c-rating-breakdown__radio{margin:0}
.c-rating-breakdown__level {display:flex;align-items:center;gap:4px;font-weight:600;}
.c-rating-breakdown__number {font-size:var(--text-16); width:10px; text-align: center;}
.c-rating-breakdown__star {width:16px;height:16px;color:var(--primary-yellow);}
.c-rating-breakdown__bar {height:6px;line-height:0;background:var(--secondary-grey-200);border-radius:4px;overflow:hidden;}
.c-rating-breakdown__fill {display:block;height:100%;background:var(--primary-green-500);}
.c-rating-breakdown__count {font-size:var(--text-14);color:var(--text-color-primary);text-align:right;white-space:nowrap;}

.c-rating-breakdown__radio {appearance: none; -webkit-appearance: none; margin: 0; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--secondary-grey-300); background: #fff; display: grid; place-items: center; cursor: pointer; transition: border-color .2s ease, background-color .2s ease; }
.c-rating-breakdown__row:hover .c-rating-breakdown__radio {border-color: var(--primary-green-400); }
.c-rating-breakdown__radio:checked {background: var(--primary-green-500); border-color: var(--primary-green-500); }
.c-rating-breakdown__radio:checked::after {content: ""; width: 10px; height: 6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); margin-top: -1px; }
.c-rating-breakdown__radio:focus-visible {outline: 3px solid rgba(0,128,96,.3); outline-offset: 2px; }


/* review box */

.c-review-list {display:flex; flex-direction: column; gap: var(--gap-xs)}

.c-review {padding:var(--gap-sm) var(--gap-sm);border:1px solid var(--secondary-grey-200);border-radius:var(--corner-radius); display: flex; flex-direction: column; gap:10px;}
.c-review__header {display:flex;justify-content:space-between;align-items:center; gap:5px;}
.c-review__header .c-review__avatar {display:flex;justify-content:space-between;align-items:center;}
.c-review__header .c-review__avatar .icon {width:24px;}
.c-review__header .c-review__header-content {display:flex;align-items:center; justify-content: space-between; flex:1; gap:10px;}
.c-review__header .c-review__meta {display:inline-flex; align-items: center; gap:5px;}
.c-review__header .c-review__author {font-size: var(--text-14); display:inline-flex; align-items: center; gap:5px;}
.c-review__header .c-review__author .c-review__verified{color: var(--primary-green-500); width:15px;}
.c-review__header .c-review__date {font-size: var(--text-10); color:var(--text-color-secondary)}
.c-review__content p{font-size: var(--text-16); color:var(--text-color-primary)}


.c-review--card {--star-size:12px; background:#ffffff;  height:100%;  border: 1px solid var(--color-border); padding:var(--gap-sm) var(--gap-sm); box-sizing: border-box;border-radius: var(--corner-radius);}
.c-review--card .c-review__content p{font-size: var(--text-12); line-height: 1.3; margin: 0;}
.c-review--card .c-review__header-content{flex-direction: column; gap:0; align-items: flex-start;}
.c-review--card .c-review__meta{flex-direction: column; gap:0;align-items: flex-start;}
.c-review--card .c-review__author{color:var(--primary-green-500); font-size: var(--text-16);}
.c-review--card .c-rating{order:-1}
.c-review--card .c-review__header{margin-bottom: var(--space-3xs)}



/* positive / negative */

.c-review-points {display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);}
.c-review-points__list {list-style:none;margin:0;padding:0;display:flex;flex-direction:column; gap:6px;}
.c-review-points__item {position:relative;padding-left:22px; font-size: var(--text-14); font-weight:700}

.c-review-points__item::before,
.c-review-points__item::after {content:""; position:absolute; left:0; top:50%; width:14px; height:14px; transform:translateY(-50%); }
.c-review-points__item::before {background:currentColor; height:2px; width:14px; top:50%; left:0; transform:translateY(-50%); }

.c-review-points__list--positive {color: var(--primary-green-500)}
.c-review-points__list--negative {color: var(--primary-orange)}
.c-review-points__list--positive .c-review-points__item::after {background:currentColor; width:2px; height:14px; left:6px; top:50%; transform:translateY(-50%); }
.c-review-points__list--negative .c-review-points__item::after {display:none; }



@media (max-width:800px){
  .c-reviews__layout{display:block;}
  .c-reviews__summary{padding-bottom: var(--space-md)}
  .c-reviews__cta{margin-top: 10px}
}

@media (max-width:500px){
  .c-review__header .c-review__meta{flex-direction: column; justify-content: flex-start; align-items: flex-start; gap:0}
  .c-review__header .c-review__date{font-size:9px;}
  .c-review__content p{font-size: var(--text-14);}
  .c-review-points__item{font-size: var(--text-12)}
}



/* =========================================================
   PRODUCT BANNER
   ========================================================= */

.c-list-banner {grid-row:2;grid-column: 1 / -1; min-height: 120px; background:#FFD543; border-radius: var(--corner-radius); padding:0 20px;  display:flex; align-items: center; justify-content: center; gap:15px; transition:  box-shadow .15s ease; }
.c-list-banner:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.08);}
.c-list-banner .c-button {color: var(--text-color-primary);margin:18px 0;  font-size: var(--text-14)}
.c-list-banner .c-button:hover {background: var(--primary-green-500)}
.c-list-banner .c-button:hover .c-button__label { color:#ffffff; }
.c-list-banner .c-list-banner__text {font-size: var(--text-28); font-weight:700; margin:20px 0; text-align: center;}
.c-list-banner .c-list-banner__text strong {color:var(--primary-orange); white-space: nowrap;}
.c-list-banner .c-list-banner__image {flex:0 0 200px; align-self: stretch; background:url('../images/product_banner.png') no-repeat center; }

.c-list-banner--row-1{grid-row:1;}
.c-list-banner--row-2{grid-row:2;}
.c-list-banner--row-3{grid-row:3;}
.c-list-banner--row-4{grid-row:4;}
.c-list-banner--row-5{grid-row:5;}
.c-list-banner--row-6{grid-row:6;}
.c-list-banner--row-7{grid-row:7;}
.c-list-banner--row-8{grid-row:8;}
.c-list-banner--row-9{grid-row:9;}
.c-list-banner--row-10{grid-row:10;}
.c-list-banner--row-11{grid-row:11;}
.c-list-banner--row-12{grid-row:12;}
.c-list-banner--row-13{grid-row:13;}
.c-list-banner--row-14{grid-row:14;}
.c-list-banner--row-15{grid-row:15;}
.c-list-banner--row-16{grid-row:16;}
.c-list-banner--row-17{grid-row:17;}
.c-list-banner--row-18{grid-row:18;}
.c-list-banner--row-19{grid-row:19;}
.c-list-banner--row-20{grid-row:20;}



/* =========================================================
   PAGINATION
   ========================================================= */

.c-pagination{display:flex; flex-wrap: wrap; gap:15px; align-items: center; justify-content:space-between;  }
.c-pagination__info {flex: 0 0 auto; display: flex; align-items: center; gap: 15px;  }
.c-pagination__more{}
.c-pagination__quantity{ font-size: var(--text-14); color: var(--color-text-secondary) }

.c-pagination__controls { display: flex; align-items: center; gap: 15px; flex-wrap: wrap;}
.c-pagination__prev{}
.c-pagination__next{}
.c-pagination__pages{display: flex; align-items: center; gap: 5px; list-style-type: none; margin:0; padding:0}
.c-pagination__pages li a{display: inline-flex; align-items: center; justify-content: center;height: 30px; min-width: 30px; box-sizing: border-box; text-align: center; border-radius: 8px; text-decoration: none; color:var(--text-color-primary)}
.c-pagination__pages li a:hover{background: var(--secondary-grey-200); font-weight:700; color:var(--primary-green-500)}
.c-pagination__pages li a.is-active{background: var(--primary-green-500); font-weight:700; color:#ffffff}
.c-pagination__dots{color:var(--text-color-secondary);display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; pointer-events: none;}
.c-pagination__loading-spinner{flex: 0 0 100%; justify-self: center; text-align: center;margin-top:10px; display:none;}
.c-pagination__loading-spinner img{aspect-ratio: 1/1; display:inline-block; }
.c-pagination__loading-spinner.is-active{ display:block;}


@media (max-width:1270px){
   .layout--sidebar .c-pagination{flex-direction: column;  justify-content: center;}
   .layout--sidebar .c-pagination__loading-spinner{ flex:1 }
   .layout--sidebar .c-pagination__info{flex:1  }
}


@media (max-width:979px){
   .c-pagination{flex-direction: column}
}

@media (max-width:600px){
  .c-pagination__info{flex-direction: column}
  .c-pagination__prev{display:none}
}





/* =========================================================
   BREADCRUMBS
   ========================================================= */

.c-breadcrumbs {
  --fade-left: 0px; 
  --fade-right: 24px; 
  position: relative;  width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, transparent 0, black var(--fade-left), black calc(100% - var(--fade-right)), transparent 100% ); mask-image: linear-gradient(to right, transparent 0, black var(--fade-left), black calc(100% - var(--fade-right)), transparent 100% ); 
}
.c-breadcrumbs::-webkit-scrollbar {display: none; }
.c-breadcrumbs__list {display: inline-flex; flex-wrap: nowrap; gap: clamp(6px, 1.5vw, 15px); padding: 0; margin: 0; list-style: none; min-width: 100%; white-space: nowrap; }
.c-breadcrumbs__item {flex: 0 0 auto;line-height: 1; display: flex; align-items: center;  font-size: var(--text-14); color: var(--text-color-primary); }
.c-breadcrumbs__item:not(:last-child)::after {content: "\203A"; display: inline-flex; align-items: center; margin-left:clamp(6px, 1.5vw, 15px); font-size: var(--text-16); font-weight: 500; color: var(--text-color-secondary); line-height: 1;  position:relative; top:-1px;}
.c-breadcrumbs__link{color: var(--text-color-secondary) ; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; line-height: 1;}
.c-breadcrumbs__link:hover{text-decoration: underline;}
.c-breadcrumbs__link .icon {display: block; position:relative; top:-1px; width:18px; }
.c-breadcrumbs__current{font-weight:700}





/* =========================================================
   FOOTER
   ========================================================= */

.footer {background:var(--primary-brown);color:#fff;}
.footer section {padding:0;}
.footer .layout {padding:35px 0;}


.footer__newsletter {border-bottom:1px solid #5A3825;}
.footer__newsletter .layout {padding-top:35px;padding-bottom:35px;}
.footer-newsletter {display:flex;align-items:center;justify-content:space-between;gap:80px;}
.footer-newsletter__text {flex:1;font-size:var(--text-16);}
.footer-newsletter__title {display:block;font-size:var(--text-28);margin-bottom:0px;color:#fff;}
.footer-newsletter__desc {margin:0;color:#fff;opacity:.9;font-size:var(--text-16);}
.footer-newsletter__form {flex:1;}
.footer-newsletter__input-wrap {position:relative;}
.footer-newsletter__input-wrap > input {border-radius:18px;background:#ffffff; border:0;height:72px;width:100%;font-size:var(--text-16);color:var(--text-color-primary);font-weight:500;padding:0 190px 0 22px;}
.footer-newsletter__input-wrap > input::placeholder {color:var(--text-color-primary);font-weight:500;}
.footer-newsletter__input-wrap button {position:absolute;right:10px;top:10px;width:179px;padding:0;min-height:52px;}
.footer-newsletter__switch {margin-top:15px;color:#ffffff;font-size:var(--text-14);}
.footer-newsletter__switch .c-switch__label {color:#ffffff;}
.footer-newsletter__switch .c-switch__label  a {color:#ffffff}



.footer-main {padding: 0;}
.footer-main .layout {padding-top: 35px; padding-bottom: 35px;}
.footer-main__inner {display: flex; justify-content: space-between; align-items: flex-start; gap: 60px;}
.footer-main__col {}
.footer-main__col--brand { flex:0 0 460px; background: url('../images/gardener-footer.png') no-repeat right top; background-size: auto 300px; padding-right: 200px; padding-top: 10px;}

.footer-main__logo {display: inline-block; margin-bottom: 2rem;}
.footer-main__logo .icon {width: 230px;  aspect-ratio: 230/68}

.footer-main__address {font-size: var(--text-16); margin: 0 0 1.3rem 0;}

.c-opening {display: flex; align-items: flex-start; gap: 10px; font-size: var(--text-16); line-height: 1.25; margin-bottom: 1.3rem;}
.c-opening strong {display: block; padding-bottom: 3px;}
.c-opening small {display: block; font-size: var(--text-12); opacity: .5;}

.footer-main__social {display: flex; gap: 18px; margin-bottom: 15px; }
.footer-main__social .icon {width: 20px; height: 20px; color: var(--primary-yellow)}

.footer-main__title {font-size: var(--text-14); opacity: .5; padding-bottom: 1rem;}
.footer-main__title--highlight {font-size: var(--text-16); opacity: 1; font-weight: 700;}

.footer-main__nav {list-style: none; margin: 0; padding: 0; font-size: var(--text-16); font-weight: 700;}
.footer-main__nav li {padding-bottom: .6rem;}
.footer-main__nav a {color: #ffffff; text-decoration: none;}
.footer-main__nav a:hover {text-decoration: underline;}

.footer-main__contact {display: flex; align-items: center; gap: 10px; margin-bottom: 1.5rem; text-align: left;}
.footer-main__contact .icon {width: 24px; height: 24px; color: var(--primary-yellow)}
.footer-main__contact a {font-size: var(--text-18); font-weight: 700; color: #ffffff; text-decoration: none;}
.footer-main__contact a:hover {text-decoration: underline;}
.footer-main__contact small {display: block; font-size: var(--text-12); opacity: .5;}



.footer-end .layout {border-top: 1px solid #5A3825; padding-top: 20px; padding-bottom: 35px;}
.footer-end__top {display: flex; justify-content: space-between; align-items: center; gap: 40px; flex-wrap: wrap;}
.footer-end__copyright {font-size: var(--text-10); opacity: .5; margin: 0;}
.footer-end__nav ul {margin: 0; padding: 0; list-style: none; font-size: var(--text-14);}
.footer-end__nav li {display: inline;}
.footer-end__nav li:not(:last-child)::after {content: " | "; opacity: .2; margin: 0 5px;}
.footer-end__nav a {color: #ffffff; opacity: .5; text-decoration: none;}
.footer-end__nav a:hover {text-decoration: underline;}
.footer-end__methods {display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 30px; flex-wrap: wrap;}
.footer-end__group {display: flex; align-items: center; gap: 20px; margin: 0; padding: 0; list-style: none;}
.footer-end__group--shipping {position: relative; padding-left: 16px;}
.footer-end__group--shipping::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 24px; background: rgba(255,255,255,0.2);}
.footer-end__icon {  color: #ffffff; opacity: 1; height:32px; width:auto; }





/* =========================
   CONTENT CARD
========================= */
.c-content-card {background:#fff;border-radius:var(--corner-radius);width:100%;}
.c-content-card__inner {padding:var(--space-md);}

.c-content-card--compact .c-content-card__inner{padding:var(--gap-md);}




/* =========================
   FORM LAYOUT
========================= */


.c-form {display:flex;flex-direction:column;gap:var(--space-md);}
.c-form-section {display:flex;flex-direction:column;gap:var(--gap-sm);border:0;margin:0;padding:0;min-inline-size:0;}
.c-form-section > legend {padding:0;margin-bottom:var(--gap-xs);display:block;width:100%;}

.c-form-section__title {font-size:var(--text-22);font-weight:600; margin-bottom: var(--gap-xs)}
.c-form-section__body {display:flex;flex-direction:column;gap:var(--gap-sm);}
.c-form-grid {display:grid;gap:20px; }
.c-form-grid--2 {grid-template-columns:repeat(2,1fr);}
.c-form-grid--3 {grid-template-columns:repeat(3,1fr);}
.c-form-grid--auto {grid-template-columns:auto 1fr;}
.c-form-grid--auto-min {grid-template-columns:minmax(120px,auto) 1fr;}
.c-form-grid__full {grid-column:1 / -1;}
.c-form-options {display:flex;flex-direction:column;gap:12px;}

.c-form__login {
  text-align:center;
  font-size:var(--text-14);
  color:var(--text-color-secondary);
}

.c-form__login a {
  font-weight:700;
  color:var(--primary-green-500);
  text-decoration:underline;
}

/* =========================
   FIELD
========================= */
.c-field {display:flex;align-items:center;position:relative;gap:8px;min-height:52px;padding:0 12px;background:var(--form-input-bg);border:1px solid var(--form-input-bg);border-radius:var(--form-input-radius);cursor:text;}
.c-field--outline {border:1px solid var(--secondary-grey-400);}
.c-field:focus-within {border-color:var(--primary-azure);}
.c-field__control {display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;}
.c-field__control label {color:var(--secondary-grey-600);font-size:10px;text-transform:uppercase;font-weight:500;line-height:1;cursor:text;}
.c-field__control input[type="text"],
.c-field__control input[type="email"],
.c-field__control input[type="tel"],
.c-field__control textarea,
.c-field__control input[type="password"] {background:transparent;border:0;padding:0;font-size:var(--form-input-text-size);font-weight:500;color:var(--secondary-black);width:100%;}

.c-field__control textarea {
  min-height:120px;
  resize:vertical;
  margin-block: 10px; 
}

.c-field__control:has(textarea) label {
  margin-top:10px; margin-bottom:-5px;
}


.c-field__group {display:grid;grid-template-columns:auto 1fr;gap:12px;}
.c-field__input--auto {width:110px;}
.c-field__error-text {margin-top:4px;font-size:10px;line-height:1.2;font-family:'Outfit',sans-serif;font-weight:500;color:var(--primary-orange);}
.c-field--error .c-field__control textarea,
.c-field--error .c-field__control input,
.c-field--error .c-field__control label {color:var(--primary-orange);}
.c-field__control:has(input:required, textarea:required) > label::after {content:" *";}

/* PASSWORD TOGGLE */
.c-field__toggle-pass {display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:0;cursor:pointer;color:var(--text-color-primary);padding:0;}
.icon-hide {display:none;}
.c-field__toggle-pass.is-active .icon-show {display:none;}
.c-field__toggle-pass.is-active .icon-hide {display:block;}

/* =========================
   SWITCH
========================= */
.c-switch {display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer;position:relative;}
.c-switch__input {position:absolute;opacity:0;}
.c-switch__track {position:relative;width:30px;height:20px;background:#C7C7CC;border-radius:999px;transition:background .2s ease;}
.c-switch__thumb {position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease;}
.c-switch__input:checked + .c-switch__track {background:var(--primary-green-500);}
.c-switch__input:checked + .c-switch__track .c-switch__thumb {transform:translateX(10px);}
.c-switch__input:focus-visible + .c-switch__track {outline:2px solid var(--primary-green-500);outline-offset:2px;}
.c-switch__label {font-size:14px;user-select:none;flex:1; text-align: left;}
.c-switch__label a{color: var(--text-color-primary)}

/* =========================
   CHECKBOX
========================= */
.c-checkbox{
    display:flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
    user-select:none;
    position:relative;
}

.c-checkbox__input{
    position:absolute;
    opacity:0;
}

.c-checkbox__box{
    width:20px;
    height:20px;
    border-radius:50%;
    border:2px solid var(--color-neutral-300,#d1d1d6);
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    transition:all .2s ease;
}

/* check */

.c-checkbox__box::after{
    content:"";
    width:7px;
    height:4px;

    border-left:2px solid #fff;
    border-bottom:2px solid #fff;

    transform:rotate(-45deg) scale(0);
    transition:transform .2s ease;
}

/* checked */

.c-checkbox__input:checked + .c-checkbox__box{
    background:var(--primary-green-500);
    border-color:var(--primary-green-500);
}

.c-checkbox__input:checked + .c-checkbox__box::after{
    transform:rotate(-45deg) scale(1);
}

/* focus */

.c-checkbox__input:focus-visible + .c-checkbox__box{
    outline:2px solid var(--primary-green-500);
    outline-offset:2px;
}

.c-checkbox__label{
    font-size:14px;
}

/* =========================
   RADIO
========================= */
.c-radio {display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;position:relative;}
.c-radio__input {position:absolute;opacity:0;}
.c-radio__circle {width:20px;height:20px;border:2px solid #d1d1d6;border-radius:50%;position:relative;box-sizing:border-box;transition:border-color .2s ease,background .2s ease;}
.c-radio__circle::after {content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#d1d1d6;transform:translate(-50%,-50%);transition:background .15s ease;}
.c-radio__input:checked + .c-radio__circle {background:var(--primary-green-500);border-color:var(--primary-green-500);}
.c-radio__input:checked + .c-radio__circle::after {background:#fff;}
.c-radio__input:focus-visible + .c-radio__circle {outline:2px solid var(--primary-green-500);outline-offset:2px;}
.c-radio__label {font-size:14px;color:#111827;}

/* =========================
   TOM SELECT
========================= */
.c-field .ts-wrapper {width:100%;height:100%;}
.c-field .ts-control {background:transparent!important;border:0;padding:0;box-shadow:none;height:100%;min-height:0;display:flex;align-items:center;font-size:var(--form-input-text-size);font-weight:500;line-height:1;}
.c-field .ts-control input {background:transparent !important;border:0;padding:0;margin:0;height:100%;flex:1;min-width:0;font-size:inherit;}
.c-field .ts-placeholder {color:var(--secondary-grey-600);font-size:inherit;}
.c-field .ts-wrapper.single .ts-control {flex-wrap:nowrap;position:relative;padding-right:40px;}
.c-field .ts-wrapper.single .ts-control .item {white-space:nowrap;}
.c-field .ts-wrapper.single.input-active .ts-control{background:transparent}
.c-field .ts-dropdown {top:100%;left:0;width:100%;border-radius:var(--form-input-radius);border:1px solid var(--form-input-bg);box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.c-field .ts-dropdown-content {border-radius:var(--form-input-radius); max-height: 300px;}
.c-field .ts-dropdown .option {padding:6px 12px;font-size:var(--form-input-text-size);}
.c-field .ts-dropdown .option.active {background:var(--secondary-grey-300);color: var(--text-color-primary);}

.c-field--error .ts-control {color:var(--primary-orange);}

/* SELECT ARROW */
.c-select__arrow {position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:24px;transition:transform .25s ease;pointer-events:none;color:var(--secondary-grey-600);}
.c-field .ts-wrapper.single.focus .c-select__arrow {transform:translateY(-50%) rotate(180deg);}
.c-field:has(label) .c-select__arrow {margin-top:-5px;}
.c-field:has(label) .ts-wrapper {height:22px;}
.c-field:has(label) .ts-control {height:22px;min-height:0;}

/* =========================
   RESPONSIVE
========================= */
@media (max-width:768px){
.c-form-grid--2 {grid-template-columns:1fr;}
.c-form-grid--3 {grid-template-columns:1fr;}
}




.t-12 { font-size: var(--text-12); line-height: 1.3; }
.t-14 { font-size: var(--text-14); line-height: 1.3; }
.t-16 { font-size: var(--text-16); line-height: 1.3; }
.t-18 { font-size: var(--text-18); line-height: 1.3; }
.t-22 { font-size: var(--text-22); line-height: 1.3; }

.text-primary { color: var(--text-color-primary); }
.text-secondary { color: var(--text-color-secondary); }
.text-muted { color: var(--text-color-muted); }
.text-success { color: var(--primary-green-500); }
.text-danger { color: var(--color-error); }

.visually-hidden {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}






/* =========================
   CONTACT PAGE
========================= */


.store-card__map {position:relative;aspect-ratio:16/9;border-radius:var(--corner-radius);overflow:hidden;}
.store-card__map iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}

.card-surface{background:#ffffff; border-radius: var(--corner-radius); padding: var(--gap-md)}

.store-card { }
.store-card__header{display:flex; justify-content: space-between; align-items: center;}
.store-card__identity{}
.store-card__title{}
.store-card__address{font-size: var(--text-18); font-weight:700; padding-bottom:10px;}
.store-card__hours{}

.store-billing{display:flex; flex-direction: column; gap:10px;}
.store-billing__content {display:flex; flex-direction: column; gap:10px;}

.contact-form {display:flex; flex-direction: column; gap:var(--gap-md); border:1px solid var(--primary-green-500)}
.contact-form__header {display:flex; flex-direction: column; gap:10px}


.masonry-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-sm);grid-auto-rows:8px}
.masonry-item {grid-row:span var(--rows); }
.card { background: #000000; min-height: 200px;}
.masonry-grid {
  opacity: 0;
  transition: opacity .2s ease;
}

.masonry-grid.is-ready {
  opacity: 1;
}

.error-page {text-align:center}
.error-page__visual img {margin-inline:auto;display:block;max-width:800px;width:100%}
.error-page__actions {display:flex;justify-content:center; margin-top: var(--space-sm)}
.error-page__content {display:flex; flex-direction: column; gap:10px;}
.error-page__content h1 {font-size:var(--text-48)}
.error-page__content p {font-size:var(--text-22); font-weight:700}



.c-inspiration-rail .splide__track{border-radius: var(--corner-radius)}
.c-inspiration-card {flex:1;min-height:300px;display:grid;grid-template-columns:1fr 1fr; background:#000000; color:var(--secondary-grey-600); border-radius: var(--corner-radius); overflow:hidden}
.c-inspiration-card__content {padding:var(--gap-md); display: flex; align-items: flex-start; flex-direction: column; gap:10px;}
.c-inspiration-card__content .c-button {margin-top: auto; }
.c-inspiration-card__text{font-size: var(--text-16); display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:var(--space-2xs)}
.c-inspiration-card__title{color:var(--text-28);color:var(--primary-green-500); line-height: 1.1}
.c-inspiration-card__media {position:relative}
.c-inspiration-card__media img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}


.inspiration-section__head p{font-size:var(--text-18); color:var(--text-color-secondary)}

.c-inspiration-grid {display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1px;
    column-gap: 20px;
    grid-row-gap: 0;
    align-items: start;}
.c-inspiration-grid__item {grid-row-end: span 50; ; 
    transition: grid-row-end 0.3s ease;}


.c-inspiration-block {height: auto;display:flex;flex-direction:column; background:#000000; color:#ffffff; border-radius: var(--corner-radius); overflow:hidden}
.c-inspiration-block__header{padding:var(--space-sm) var(--gap-md);}
.c-inspiration-block__title{font-size:var(--text-18); font-weight:700; color:#ffffff}
.c-inspiration-block__media {position:relative; aspect-ratio: 700/345}
.c-inspiration-block__media img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c-inspiration-block__body{padding:var(--space-sm) var(--gap-md); display: flex; flex-direction: column; gap: var(--gap-sm)}
.c-inspiration-block__body .c-inspiration-block__text{font-size:var(--text-16); display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden;}
.c-inspiration-block__body .c-button{align-self: flex-start;}



.c-hotspots {position:absolute;inset:0;pointer-events:none;}
.c-hotspot {position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);pointer-events:auto;}
.c-hotspot__trigger {appearance:none;background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.c-hotspot__icon {aspect-ratio:1;width:24px;}
.c-hotspot-card {padding:5px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:250px;border-radius:var(--corner-radius);text-decoration:none;color:inherit;}
.c-hotspot-card__content {display:flex;flex-direction:column;gap:6px; flex:1}
.c-hotspot-card__title {font-size:var(--text-16);font-weight:700;}
.c-hotspot-card__price {display:flex;align-items:center;gap:12px;}
.c-hotspot-card__price-current {font-size:var(--text-22);font-weight:700;color:var(--primary-green-500);}
.c-hotspot-card__price-old {font-size:var(--text-16);text-decoration:line-through;color:var(--text-secondary);}
.c-hotspot-card__arrow {flex-shrink:0;border-left:1px solid #C6BDB0;align-self:stretch;display:flex;align-items:center;color:var(--text-color-primary);padding-left:15px;}
.c-hotspot-card__arrow .icon {color:var(--text-color-primary);}


.checkout{min-height:100dvh;background:#ffffff;position:relative; }
.checkout::after{position:absolute;content:' '; width:50%; height:100%; right:0; top:0; background:#F5F5F5;  pointer-events:none;}
.checkout__grid{min-height:100dvh; display:grid;grid-template-columns:1fr 575px; position:relative; z-index:50 }
.checkout__col { padding-bottom: var(--space-lg);}


.checkout__col--content{ background:#ffffff; padding-right:var(--space-lg);}
.checkout__col--summary{ background:#F5F5F5; border-left:1px solid #DADADE; position:relative; box-sizing: border-box; padding-left:var(--gap-md); padding-top: var(--space-sm); display:flex; flex-direction: column; gap: var(--space-sm)}
.checkout__col--summary .checkout__col-inner{box-sizing:border-box; }



.checkout__col-inner{ display:flex;  flex-direction: column; gap: var(--space-sm)}

.checkout-summary-head {display:flex;justify-content:space-between;align-items:center; padding-top: var(--space-md)}
.checkout-summary-head__title {font-size:var(--text-16);}

.checkout-header {display:flex;gap:var(--gap-sm); align-items: center; justify-content: space-between; padding: var(--space-lg) 0 var(--space-sm) 0}
.checkout-header__title {}
.checkout-header__logo {aspect-ratio: 209 / 68; width:220px;}
.checkout-header__logo .icon-multi {aspect-ratio: 209 / 68; width:220px;}


.checkout-confirmation {background:#DDECEA;border-radius:var(--corner-radius);padding:var(--space-sm);display:flex;flex-direction:column;gap:20px;}
.checkout-confirmation__head {display:flex;align-items:center;gap:10px;justify-content:center;text-align:center;}
.checkout-confirmation__icon .icon{width:34px; color:var(--primary-green-500);}
.checkout-confirmation__title {font-size:var(--text-22);font-weight:700;color:var(--primary-green-500);}
.checkout-confirmation__visual {display:flex;justify-content:center; padding:var(--space-sm) 0}
.checkout-confirmation__visual img {max-width:420px;height:auto;aspect-ratio: 367/248}
.checkout-confirmation__text {max-width:640px;margin:0 auto;text-align:center;font-size: var(--text-14)}
.checkout-confirmation__separator {border:0;border-top:1px solid var(--primary-green-500);margin:0;}
.checkout-confirmation__meta {display:grid;grid-template-columns:repeat(4,1fr);gap:0 15px;text-align:center; margin:0}
.checkout-confirmation__meta-item dt {font-size:var(--text-14);}
.checkout-confirmation__meta-item dd {margin:3px 0 0;font-weight:600;}


.checkout-actions {display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-top:5px;text-align:center;}
.checkout-actions__share {display:flex;align-items:center;gap:16px;color:var(--text-secondary);}
.checkout-actions__share-text {font-weight:700; font-size: var(--text-16)}
.checkout-actions__share-icons {display:flex;gap:16px;}
.checkout-actions__share-icons a {color:var(--primary-green-500);}
.checkout-actions__cta {display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);}


/* MINI CART */

.checkout-summary {display:flex;flex-direction:column;gap:0; border-top:1px solid #AEAEB2;}

.checkout-summary__list {display:flex;flex-direction:column;gap:var(--gap-xs); margin:0; padding-block:var(--space-xs)}

.checkout-summary__row {display:flex;justify-content:space-between;align-items:center;gap:var(--gap-xs);font-size:var(--text-14);}
.checkout-summary__row dl {margin:0; padding:0}
.checkout-summary__row dd {margin:0;font-weight:700; font-size:var(--text-18); color:var(--primary-green-500);}
.checkout-summary__row .is-free {color:var(--primary-green-500);}
.checkout-summary__row .is-discount {color:var(--primary-orange);}

.checkout-summary__separator {height:1px; background: repeating-linear-gradient(to right, #000000 0, #000000 6px, transparent 6px, transparent 12px ); }

.checkout-summary__total {display:flex;flex-direction:column;gap:var(--space-3xs);  padding-block:var(--space-xs); }
.checkout-summary__total-row {display:flex;justify-content:space-between; align-items:center;font-weight:400; font-size:var(--text-14);}
.checkout-summary__total-row span:last-child {font-size:var(--text-22); font-weight:700;color:var(--primary-green-500);}

.checkout-summary__grand {display:flex;justify-content:space-between; gap:10px; align-items:center;font-size:var(--text-18);font-weight:700;}
.checkout-summary__grand span:first-child {flex:1}
.checkout-summary__grand span:last-child {font-size:var(--text-28);font-weight:700; color:var(--primary-green-500);}



/* MINI CART */
.checkout-mini-cart {display:flex;flex-direction:column;gap:var(--space-sm);}
.checkout-mini-cart__list {display:flex;flex-direction:column;gap:0px;}

.checkout-mini-item {display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid var(--color-border);}
.checkout-mini-item:last-child {padding-bottom:0}

.checkout-mini-item__body {display:flex;gap:10px;flex:1; align-items: flex-start; padding-top:5px;}

.checkout-mini-item__content {display:flex;gap:8px; flex:1; flex-wrap:wrap; position:relative;}
.checkout-mini-item__content > div:first-child {flex:1}
.checkout-mini-item__content .c-product-price{flex:0 0 100%;}

.checkout-mini-item__title {font-weight:700;font-size:var(--text-16);}
.checkout-mini-item__stock {font-size:var(--text-12);color:var(--primary-green-500); font-weight: 700}
.checkout-mini-item__quantity {font-size: var(--text-16); color:var(--text-color-secondary)}
.checkout-mini-item__price {display:flex;align-items:center;gap:12px;}
.checkout-mini-item .c-product-price__current{font-size:var(--text-22)}
.checkout-mini-item .c-product-price__original{font-size:var(--text-16)}
.checkout-mini-item .c-product-price__quantity{position:absolute; right:0; top:0; font-size: var(--text-16); color:var(--text-color-secondary)}

.checkout-mini-item__media {display:flex;flex-direction:column;align-items:flex-end;gap:16px;}
.checkout-mini-item__media img {width:105px; aspect-ratio:1;object-fit:cover;border-radius:var(--corner-radius);}

.checkout-mini-item__remove{ margin:4px 0 0 0; padding:0; border:0; line-height:1; background: transparent; cursor:pointer; color:var(--text-color-secondary)}
.checkout-mini-item__remove .icon{ aspect-ratio:1; width:15px; }
.checkout-mini-item__remove:hover{background: transparent; color: var(--text-color-primary)}

/* STATUS TAG */
.c-status-tag{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;height:33px;font-size:var(--text-14);font-weight:700;border-radius: 8px;text-transform:uppercase;letter-spacing:.04em;}
.c-status-tag--paid{background:#E65100;color:#ffffff;}


/* COUPON */
.c-coupon{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 15px;border-radius:var(--corner-radius-lg);background:#ffffff;}
.c-coupon__toggle{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;font-size:var(--text-18);font-weight:600;cursor:pointer;}
.c-coupon__icon{display:flex;align-items:center;justify-content:center; flex:0 0 24px;}
.c-coupon__icon .icon{width:24px;}
.c-coupon__action{flex-shrink:0;}
.c-coupon__input{height:100%; width:100%; flex:1; padding:0; border:0; font-size:var(--text-16); font-weight:500; color: var(--text-color-primary)}
.c-coupon__input::placeholder{color:var(--text-color-primary);opacity:1;}



.c-checkout-option{padding:var(--gap-sm);border:1px solid var(--primary-green-500);border-radius:var(--corner-radius);background:#ffffff;}
.c-checkout-option__content{display:flex;flex-direction:column;gap:5px;}
.c-checkout-option__title{font-size:var(--text-18);font-weight:700;color:var(--primary-green-500);}
.c-checkout-option__text{font-size:var(--text-12);color:var(--text-secondary); padding-bottom:5px;}
.c-checkout-option__control{display:flex;align-items:center;gap:16px;justify-content:space-between;cursor:pointer;}
.c-checkout-option__label{flex:1;font-weight:400; font-size:var(--text-14);}
.c-checkout-option__price{font-weight:700;color:#E65100;font-size:var(--text-18);}


.c-toggle-content { display:block; }
.c-toggle-content.is-hidden { display:none; }



/* =========================
   CHECKOUT ACTIONS
========================= */
.c-checkout-actions {display:flex;align-items:center;gap:var(--space-xs);padding-top:var(--gap-md);border-top:1px solid var(--color-border);}
.c-checkout-actions__note {margin:0;font-size:var(--text-16);color:var(--primary-green-500);font-weight:700; line-height:1.2;text-align:right;flex:1;}
.c-checkout-actions__submit {display:flex;align-items:center;gap:10px;}


/* =========================
   DELIVERY DESTINATION
========================= */
.c-delivery-destination {display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);border:1px solid #E5E7EB;border-radius:var(--corner-radius);background:#fff;}
.c-delivery-destination__info {display:flex;align-items:center;gap:16px;}
.c-delivery-destination__icon {display:flex;align-items:center;justify-content:center;}
.c-delivery-destination__icon .icon-multi{width:60px; height:60px;}
.c-delivery-destination__text {font-size:var(--text-16);font-weight:700;color:var(--primary-green-500);}
.c-delivery-destination__control {width:320px;}



/* =========================
   CALLOUT
========================= */
.c-callout {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border-radius:var(--corner-radius);}
.c-callout .c-button{white-space: nowrap;}
.c-callout--soft {background:#DFF3EF;}
.c-callout__content {display:flex;align-items:center;gap:10px;}
.c-callout__icon {display:flex; flex:0 0 24px;align-items:center;justify-content:center;color:var(--primary-green-500);}
.c-callout__text {font-size:var(--text-16);font-weight:600;color:var(--primary-green-500);}



/* =========================
   CHOICE
========================= */
.c-choice-group {display:flex;flex-direction:column;gap:16px;border:0;margin:0;padding:0;}
.c-choice {display:block;cursor:pointer;position:relative;}
.c-choice__input {position:absolute;opacity:0;}
.c-choice__body {display:flex;align-items:center; flex-wrap:wrap ;gap:10px;padding:15px 20px; min-height:95px; box-sizing:border-box;border:1px solid #E5E7EB;border-radius: var(--corner-radius);background:#fff;transition:border-color .2s ease,box-shadow .2s ease;}
.c-choice__control {display:flex;align-items:center;}
.c-choice__icon {display:flex;align-items:center;justify-content:center;}
.c-choice__icon .icon{width:24px;}
.c-choice__content {display:flex;flex-direction:column;gap:1px; flex:1; ;}
.c-choice__title {font-size:var(--text-16);font-weight:700;color:var(--secondary-black);}
.c-choice__desc {font-size:var(--text-12); line-height:1.3;color:var(--text-color-primary);}
.c-choice__link {align-self: flex-start; font-size:var(--text-14);color:var(--secondary-grey-600); font-weight:700; margin-bottom:4px;}
.c-choice__meta {font-weight:700; max-width:500px; font-size:var(--text-16); max-width: 40%}


.c-choice__meta {display:flex;align-items:center;gap:16px;justify-content:flex-end;}
.c-choice__logos {display:inline-flex;align-items:center;gap:10px; flex-wrap: wrap;}
.c-choice__logos .icon-multi {height:18px;width:auto;opacity:1;}
.c-choice__logos--large .icon-multi {height:40px;}
.c-choice__price {white-space:nowrap;}

.c-choice__price.is-free {color:var(--primary-green-500);}
.c-choice__price.is-extra {color:var(--primary-orange);}
.c-choice__input:checked + .c-choice__body {border-color:var(--primary-green-500);}
.c-choice__input:checked + .c-choice__body .c-radio__circle {background:var(--primary-green-500);border-color:var(--primary-green-500);}
.c-choice__input:checked + .c-choice__body .c-radio__circle::after {background:#fff;}
.c-choice__input:focus-visible + .c-choice__body {outline:2px solid var(--primary-green-500);outline-offset:2px;}



/* Responsive */
@media (max-width:768px){
.c-choice__body {grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:12px;}
.c-choice__meta {grid-column:2;justify-self:end;}
}



/* =========================
   RESPONSIVE
========================= */



@media (max-width:1400px){
.site-header__contact{padding-left:0; background:transparent;}

.garden-center__actions{flex-direction: column}
.garden-center__actions .c-button{width:100%;}
}




@media (max-width:1300px){
.site-header__contact{display:none;}
.garden-center__gallery{width:40%}
.garden-center__intro{padding-right:0; width:290px;}

}



@media (max-width:1200px){
.checkout__grid{grid-template-columns: 1fr 410px;}
.checkout__col--content{padding-right: var(--gap-md);}
}



@media (max-width:1120px){
.site-header__actions{gap:12px;}
.site-header__logo{padding-right:0}
.site-header__menu-btn{font-size:var(--text-14)}

.garden-center{flex-wrap:wrap;}
.garden-center__gallery{flex:0 0 100%}
.garden-center__actions {flex-direction: row}
.garden-center__actions .c-button{max-width: 300px;}
.garden-center__gallery{padding:var(--gap-md)}
.garden-center__content{padding:var(--gap-md) var(--gap-md) 0 var(--gap-md); align-self: flex-end;}
.garden-center__intro{min-height: 250px; width:250px;}

}


@media (max-width:1150px){
.footer-main__col--brand{padding-right:0; flex:0 0 300px; background-size:100px auto; background-position: bottom 20px right}
}





@media (max-width:1024px){
  :root{
    --layout-padding:20px;
    --layout-width:calc(100% - (2 * var(--layout-padding)));
  }
  .layout--narrow{max-width:  var(--layout-width)}


  .splide__arrow{width:30px; height:30px;}
  .splide.splide--arrows-on-edge .splide__arrow--prev{left:-15px;}
  .splide.splide--arrows-on-edge .splide__arrow--next{right:-15px;}

  .c-trust-reviews{gap:20px;}

  .footer-newsletter{gap:30px;}

  .c-contact-box--wide{padding-inline:0}
}



@media (max-width:979px){
  .checkout-header{padding:var(--space-sm) 0 0 0}
  .checkout::after{display:none;}
   .checkout__grid{grid-template-columns: 1fr; }
   .checkout__col--content{padding-right:0; background:transparent; }
   .checkout__col--summary{padding-left:0; padding-top:0; border-left:0; background:#ffffff;}

   .checkout-actions__cta{position:relative; width:100%;}
   .checkout-actions__cta::before{content:''; background: #F5F5F5; height:1500px; position:absolute; left:-20px; bottom: calc( -1 * var(--space-sm)); width:calc(100% + 40px); z-index:-1 }


    .checkout-summary-head{padding-top: 0;}
    .checkout-summary-head__title{ font-size:var(--text-22)}
   .c-coupon{position:relative; margin-bottom: var(--space-sm); }
   .c-coupon::before{content:''; background: #F5F5F5; height:1500px; position:absolute; left:-20px; bottom: calc( -1 * var(--space-sm)); width:calc(100% + 40px); z-index:-1 }

   .c-info-panel--large .c-info-panel__visual{display:none;}

   .checkout-actions{margin-top:0}


   .error-page__inner .error-page__visual{order:3}
   .error-page__inner .error-page__visual{order:3}


   .c-inspiration-card{grid-template-columns: 1fr;}
   .c-inspiration-card__media{aspect-ratio: 1; order:1}
   .c-inspiration-card__content{order:2; gap:var(--gap-sm);}
   .c-inspiration-card__text{display:none;}

   .layout--split{grid-template-columns: 1fr;}

}




@media (max-width:900px){
  .footer-main__inner{gap:30px;}


}


@media (max-width:850px){
  .footer-newsletter__input-wrap {display:flex; flex-direction: column; gap:15px;}
  .footer-newsletter__input-wrap button{position:relative; right:auto; top:auto; width:100%; order: 3}
  .footer-newsletter__input-wrap > input{height:52px; border-radius: var(--corner-radius); padding:0 20px; order: 1;}
  .footer-newsletter__input-wrap .c-switch{ order:2; margin:0}
}


@media (max-width:800px){
  .site-header__logo svg{width:150px;}
  .site-header__menu-btn{padding:0; background:transparent; color:var(--text-color-primary); height: auto;}
  .site-header__menu-btn:hover{background:transparent;}


.footer-main__inner{display:grid; grid-template-columns: 1fr 1fr ; align-items:stretch;  background: url('../images/gardener-footer.png') no-repeat right bottom; background-size: 100px auto}
.footer-main__inner .footer-main__col--brand{order:1; background:transparent;   text-align: center;}
.footer-main__inner .footer-main__col--brand .c-opening{text-align: left; display:inline-flex;}
.footer-main__inner .footer-main__col--brand .footer-main__social{justify-content: center;}

.footer-main__inner .footer-main__col--contact{order:2; align-self:center; text-align: center; display:flex; flex-direction: column; justify-content: center; align-self: center;}
.footer-main__inner .footer-main__col--contact .footer-main__contact{display:inline-flex; align-self: center;}
.footer-main__inner .footer-main__col--contact .c-button{ align-self: center;}

.footer-main__inner .footer-main__col--for-customers{order:3;text-align: center;}
.footer-main__inner .footer-main__col--about-us{order:4; text-align: center; }

.footer-main__col--brand{padding-top:0}

.footer-end__top{ gap:20px; text-align:center; justify-content:center; }
.footer-end__copyright{order:2}
.footer-end__nav{order:1}
.footer-end .layout{padding-block: var(--space-md) }
.footer-main .layout{ padding-block: var(--space-md) }

.site-main{padding-bottom:var(--space-lg);}
.site-main > * + *{margin-top: var(--space-lg);}

.c-benefits{display: grid; grid-template-columns: 1fr 1fr 1fr; gap:var(--space-sm) 0; padding:var(--space-sm)}
.c-benefits__item{border-left:0; padding:0 5px;}


}


@media (max-width:750px){
  .footer-end__methods{flex-wrap: wrap; gap:10px 20px; margin-top:20px;}
  .footer-end__group--shipping{padding-left:0; border-left:0;}
  .footer-end__group{flex-wrap: wrap; justify-content: center; gap:10px 15px;}
  .footer-end__icon{height:25px;}
}


@media (max-width:700px){

  :root{
    --header-height:70px;
  }

  .site-header__actions{justify-content: flex-end; flex:1}
  .site-header__action--search-mobile{display:flex;}
  .site-header__action > span{display:none;}
  .site-header__action-badge{right:-4px;}
  .site-header__logo svg{top:0}



  .site-header__search {position: fixed; top:0; left:0; z-index: 5000; background: #F5F5F5; width:100%; height:100dvh; transition: opacity .2s ease; opacity:0; pointer-events: none; }
  .site-header__search.is-active { opacity:1; pointer-events: auto;}
  .site-header__search.is-active .c-search__results{ display:block;}


  .c-search .c-field:focus-within {border-color:#ffffff;border-bottom: 3px solid var(--primary-yellow)}
  .c-search .c-field {padding:0px 15px; height: calc(var(--header-height) + 3px); background:#ffffff; border-radius:0; border-bottom: 3px solid var(--primary-yellow)}
  .c-search .c-field  .icon{height:100%;}
  .c-search__icon {display:none;}
  .c-search__back {display:block;}
  .c-search__results{opacity: 1;  pointer-events: auto; position:relative; z-index: 1; display:none;}


  .c-trust-reviews{display:block;}
  .c-trust-reviews > *{flex:1}
  .c-trust-reviews__badge{width:100%;max-width:400px; margin:0 auto  var(--space-md) auto;}
  .c-trust-reviews__badge-inner{padding:0}

  .c-category-nav--dropdown{ padding-top:0px;}

  .c-announcement-bar__inner{justify-content: flex-start; padding:10px 25px 10px 0; min-height: 0}
  .c-announcement-bar__text{text-align:left;}


  .articles:not(.splide){grid-template-columns: 1fr; gap:var(--space-md)}

  .c-list-banner{flex-direction:column; gap:5px; padding: var(--space-sm) var(--space-sm) 0 var(--space-sm)}
  .c-list-banner .c-list-banner__image{ order:3;flex:0 0 100px; margin-top: 5px; align-self: stretch; background-size: contain;}
  .c-list-banner .c-list-banner__text{order:1; margin:0;}
  .c-list-banner .c-button{order:2; margin:0}

  .articles.splide{margin-right:-20px;}
  .articles.splide .splide__track{border-radius: 0}

  .garden-center__actions{flex-direction: column}
  .garden-center__actions .c-button{max-width: 100%}



  .layout--block{display:flex; flex-direction: column; gap:var(--space-md)}
.section__head{order:1; flex-direction: column; width:100%; align-items: stretch; gap:var(--space-sm);}
.section__head .title-h2{text-align: center;}

.section__main{order:2}
.section__actions{order:3}
}



@media (max-width:650px){

.garden-center__content{flex:0 0 100%;}
.garden-center__intro{min-height: 240px;}
}



@media (max-width:600px){
.c-button--large{ min-height:43px; font-size: var(--text-16) }


.footer-newsletter{flex-direction: column; text-align: center; align-items: stretch; gap: var(--space-md)}
.footer-newsletter__title{padding-bottom:5px;}
.footer__newsletter .layout{padding-block: var(--space-md)}



.c-inspiration-grid{grid-template-columns: repeat(1, 1fr);}


.c-checkout-actions{flex-direction: column; width:100%;}
.c-checkout-actions .c-checkout-actions__note{order:2}
.c-checkout-actions .c-button--gray-outline{order:3}
.c-checkout-actions .c-checkout-actions__submit{order:1; width:100%; min-height: 50px;}


.c-choice__body{padding:15px;}
.c-choice__meta{flex:0 0 100%; max-width: 100%; justify-content: space-between;}
.c-choice__price{align-self: flex-end; flex:1; text-align: right;}



.article{gap:var(--space-xs) }
.articles:not(.splide){gap:var(--space-lg) }

}


@media (max-width:550px){

  :root{
    --layout-padding:15px;
  }

.c-button--medium{min-height: 42px;}


.footer-main__inner .footer-main__col--about-us{justify-self: flex-start;}


.checkout-header{flex-direction: column}

.checkout-confirmation__meta{grid-template-columns: 1fr; gap:10px;}
.checkout-confirmation__meta-item dd{margin-top:0}
.checkout-actions__share{flex-direction: column}
.checkout-confirmation__head{flex-direction: column; gap:5px;}
.checkout-confirmation__visual {padding:5px 0 0 0}
.checkout-confirmation__visual img{width:100%;}




 .checkout__grid{display:flex; flex-direction:column; }

.checkout__col--content{ order:1; }
.checkout__col--summary{ order:2; }

.c-delivery-destination{ flex-direction:column; gap:0; padding-top:5px }
.c-delivery-destination__info{align-self: flex-start;}
.c-delivery-destination__control{width:100%;}
.c-callout__text{font-size: var(--text-14)}



.checkout-mini-item__stock{position:absolute; left:0; bottom:0}
.checkout-mini-item__content{padding-bottom: 20px; gap:0px;}

.checkout-mini-item__content .c-product-price{ flex:0 0 100%; gap:0px 0; flex-wrap: wrap; justify-content: flex-start;}
.checkout-mini-item .c-product-price__current{flex:0 0 60%; order:1; margin-bottom:5px;}
.checkout-mini-item .c-product-price__original{flex:0 0 40%; text-align:right; order:2}
.checkout-mini-item .c-product-price__quantity{position:relative; right:0; top:0; order:4; margin-left:10px;}
.checkout-mini-item .c-product-price__quantity .c-quantity{min-height: 35px;;}
.checkout-mini-item .c-product-price__quantity .c-quantity__btn{min-height: 35px;}
.checkout-mini-item .c-product-price__discount{order:3}


.c-inspiration-rail{margin-right:-20px;}
.c-inspiration-rail .splide__track{border-top-right-radius:0; border-bottom-right-radius:0}


.store-card__header{flex-direction: column; justify-content: flex-start; align-items: flex-start; width:100%;}


.c-benefits{ gap:var(--space-sm); padding:0; background:transparent}
.c-benefits__item{border-left:0}
.c-benefits__icon{width:55px;}

.product-detail__summary  .c-buybox .c-button{min-height: 55px;}
}




@media (max-width:500px){
  .c-article-actions{flex-direction: column; gap:var(--space-sm)}

  .c-author-card{flex-direction: column; gap:10px; text-align: center;}
  .c-author-card__header{margin:0 auto;}
  .c-author-card__avatar{align-self: center;}
  .c-author-card__social{justify-content: center;}

.c-contact-box__headline{display:none;}
.c-contact-box--wide .c-contact-box__body .c-contact-box__title{display:block;}

.c-callout{flex-direction: column; gap:10px; padding: var(--space-sm);}
.c-callout .c-button{width:100%;}

.articles.splide .c-meta__item--reading{display:none;}

.footer-main__inner .c-opening{font-size:var(--text-14)}
.footer-main__inner{gap:15px}
.footer-main__inner .footer-main__col--contact{align-self: flex-end; padding-bottom: 15px;}
.footer-main__contact small{font-size:9px;}
}





@media (max-width:400px){
  :root{
    --header-height:60px;
  }
  .site-header__logo svg{width:110px;}
  .site-header__inner{gap:10px;}
  .site-header__menu-btn .icon{width:25px;}


}










/* SCREEN.CSS update */
.antisp{margin:0}
.antisp tr td{padding:0; line-height: 0}
img.antispam{height:52px; border-radius: var(--form-input-radius)}