*, :before, :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
}

[data-container="tips"].opacity-100,
[data-container="fast"].opacity-100 {
    max-height: none !important;
    height: auto;
}

*, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

:before, :after { --tw-content: ""; }

html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    -webkit-tap-highlight-color: transparent;
}

body { margin: 0; line-height: inherit; }
a { text-decoration: inherit; }

button {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    text-transform: none;
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    cursor: pointer;
}

:disabled { cursor: default; }
h1, p { margin: 0; }
ol, ul { list-style: none; margin: 0; padding: 0; }
img, svg { display: block; vertical-align: middle; }
img { max-width: 100%; }

:root {
    --background: 0 0% 98%;
    --foreground: 350 70% 15%;
    --card: 0 0% 100%;
    --card-foreground: 350 70% 15%;
    --primary: 359 69% 37%;
    --primary-foreground: 0 0% 100%;
    --secondary: 359 20% 95%;
    --secondary-foreground: 359 69% 37%;
    --muted: 359 10% 92%;
    --muted-foreground: 359 20% 40%;
    --accent: 359 69% 37%;
    --accent-foreground: 0 0% 100%;
    --border: 359 15% 88%;
    --ring: 359 69% 37%;
    --radius: .5rem;
}

* { border-color: hsl(var(--border)); }
body { background-color: hsl(var(--background)); color: hsl(var(--foreground)); }

.mx-auto        { margin-left: auto; margin-right: auto; }
.mb-3           { margin-bottom: .75rem; }
.mb-8           { margin-bottom: 2rem; }
.ml-auto        { margin-left: auto; }
.mt-4           { margin-top: 1rem; }
.mt-2           { margin-top: .5rem; }
.flex           { display: flex; }
.grid           { display: grid; }
.h-4            { height: 1rem; }
.h-5            { height: 1.25rem; }
.h-12           { height: 3rem; }
.max-h-40       { max-height: 11rem; }
.max-h-screen   { max-height: 100vh; }
.w-4            { width: 1rem; }
.w-5            { width: 1.25rem; }
.w-12           { width: 3rem; }
.w-full         { width: 100%; }
.min-w-0        { min-width: 0px; }
.max-w-7xl      { max-width: 80rem; }
.flex-1         { flex: 1 1 0%; }
.flex-shrink-0  { flex-shrink: 0; }
.rotate-180     { transform: rotate(180deg); }
.cursor-pointer { cursor: pointer; }
.grid-cols-1    { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.items-start    { align-items: flex-start; }
.items-center   { align-items: center; }
.gap-2          { gap: .5rem; }

.space-y-1 > :not([hidden]) ~ :not([hidden]) { margin-top: .25rem; margin-bottom: 0; }
.space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: .75rem; margin-bottom: 0; }

.overflow-hidden    { overflow: hidden; }
.rounded            { border-radius: .25rem; }
.rounded-full       { border-radius: 9999px; }
.rounded-lg         { border-radius: var(--radius); }
.rounded-b-lg       { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius); }
.border             { border-width: 1px; }
.border-l           { border-left-width: 1px; }
.border-t           { border-top-width: 1px; }
.border-border      { border-color: hsl(var(--border)); }
.border-primary     { border-color: hsl(var(--primary)); }
.bg-background      { background-color: hsl(var(--background)); }
.bg-card            { background-color: hsl(var(--card)); }
.bg-muted           { background-color: hsl(var(--muted)); }
.bg-primary         { background-color: hsl(var(--primary)); }
.bg-white           { background-color: #fff; }
.object-contain     { object-fit: contain; }
.p-1                { padding: .25rem; }
.p-3                { padding: .75rem; }
.p-4                { padding: 1rem; }
.px-4               { padding-left: 1rem; padding-right: 1rem; }
.py-0\.5            { padding-top: .125rem; padding-bottom: .125rem; }
.py-3               { padding-top: .75rem; padding-bottom: .75rem; }
.py-4               { padding-top: 1rem; padding-bottom: 1rem; }
.py-8               { padding-top: 2rem; padding-bottom: 2rem; }
.pt-2               { padding-top: .5rem; }
.text-left          { text-align: left; }
.text-lg            { font-size: 1.125rem; line-height: 1.75rem; }
.text-sm            { font-size: .875rem; line-height: 1.25rem; }
.text-xs            { font-size: .75rem; line-height: 1rem; }
.font-medium        { font-weight: 500; }
.font-semibold      { font-weight: 600; }
.leading-relaxed    { line-height: 1.625; }
.text-card-foreground  { color: hsl(var(--card-foreground)); }
.text-foreground       { color: hsl(var(--foreground)); }
.text-muted-foreground { color: hsl(var(--muted-foreground)); }
.text-primary          { color: hsl(var(--primary)); }
.text-primary-foreground { color: hsl(var(--primary-foreground)); }
.text-white         { color: #fff; }
.underline          { text-decoration-line: underline; }
.opacity-0          { opacity: 0; }
.opacity-100        { opacity: 1; }
.max-h-0            { max-height: 0; }
.hidden             { display: none; }

.shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0/.05); }

.transition-all    { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); }
.transition-colors { transition-property: color,background-color,border-color; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(.4,0,.2,1); }
.duration-200      { transition-duration: .2s; }
.duration-300      { transition-duration: .3s; }
.ease-out          { transition-timing-function: cubic-bezier(0,0,.2,1); }

.hover\:bg-muted:hover         { background-color: hsl(var(--muted)); }
.hover\:bg-primary\/90:hover   { background-color: hsl(var(--primary)/.9); }
.hover\:shadow-md:hover        { box-shadow: 0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1); }
.hover\:text-primary\/80:hover { color: hsl(var(--primary)/.8); }
.hover\:underline:hover        { text-decoration-line: underline; }

@media (min-width: 640px)  { .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } }
@media (min-width: 768px)  { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } }
@media (min-width: 1280px) { .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

html { font-size: 100%; }
#root { transform: scale(1); transform-origin: top center; width: 100%; margin: 0 auto; }

@media (min-width: 992px){
  .top-navigation-bar{padding:14px 0;line-height:1.6}
  .top-navigation-bar a,.top-navigation-bar strong{font-size:14px;font-weight:500}
  .top-navigation-contacts a{display:inline-flex;align-items:center}

  /* Skryj původní <img> jen na desktopu */
  .top-navigation-contacts a.project-phone img,
  .top-navigation-contacts a.project-email img{display:none}

  /* Vlastní pseudoikonky – jen desktop */
  .top-navigation-contacts a.project-phone::before,
  .top-navigation-contacts a.project-email::before{
    content:"";display:inline-block;width:32px;height:32px;margin-right:8px;
    background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:middle
  }
  .top-navigation-contacts a.project-phone::before{
    background-image:url('https://www.nakladana-rajcata.cz/user/documents/upload/icons/1756381651-c19aecad-f060-425c-93e3-30fb1bff4e04.png')
  }
  .top-navigation-contacts a.project-email::before{
    background-image:url('https://www.nakladana-rajcata.cz/user/documents/upload/icons/1756381477-489c16b9-1bb2-498c-a09b-0ec3e1048597.png')
  }

  /* Ikonky u odkazů v horním menu – jen desktop */
  .top-navigation-bar-menu a[href*="o-susenych-rajcatech"],
  .top-navigation-bar-menu a[href*="/recepty"]{display:inline-flex;align-items:center}
  .top-navigation-bar-menu a[href*="o-susenych-rajcatech"]::before,
  .top-navigation-bar-menu a[href*="/recepty"]::before{
    content:"";display:inline-block;width:32px;height:32px;margin-right:8px;
    background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:middle
  }
  .top-navigation-bar-menu a[href*="o-susenych-rajcatech"]::before{
    background-image:url('https://www.nakladana-rajcata.cz/user/documents/upload/icons/1756381978-73dd9789-6a6b-451b-b8fb-e1c81704165e.png')
  }
  .top-navigation-bar-menu a[href*="/recepty"]::before{
    background-image:url('https://www.nakladana-rajcata.cz/user/documents/upload/icons/1756382174-b5b9d512-5a57-4d19-99a3-fa7e609011e6.png')
  }
}

/* === Pobo quotation card – maximální šířka na mobilu === */
@media (max-width: 768px) {
  .rc-quotation-card__wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding: 24px 10px !important;   /* menší boční odsazení */
    box-sizing: border-box !important;
  }

  .rc-quotation-card__content-text {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: left !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
}

/* Jumbotron (rc-jumbotron-one) – zaoblení rohů 10px na celém webu */
.rc-jumbotron-one__wrap,
.rc-jumbotron-one__image,
.rc-jumbotron-one__content,
.rc-jumbotron-one__image img,
.rc-jumbotron-one__content::before,
.rc-jumbotron-one__content::after {
  border-radius: 10px !important;
}

/* ořízne přečuhující obsah, aby se zaoblení opravdu projevilo */
.rc-jumbotron-one__wrap,
.rc-jumbotron-one__image,
.rc-jumbotron-one__content {
  overflow: hidden !important;
}

/* pro jistotu pokryjeme i variantu s jedním podtržítkem (pokud by se lišily verze) */
.rc-jumbotron-one_content,
.rc-jumbotron-one_content::before,
.rc-jumbotron-one_content::after {
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* styl pro větší, širokou hlášku */
.msg.msg-error.big-error {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  padding: 20px !important;
  border-radius: 12px !important;
  text-align: center !important;
  margin: 16px 0 !important;
}

    /* Toto zacílí na inputy uvnitř Ecomail widgetu a vnutí jim bílou barvu */
    div[id^="ecm-"] input, 
    .ecm-form input,
    .ec-form-input {
        background-color: #ffffff !important;
        color: #000000 !important; /* Pro jistotu i černá barva textu */
    }

/* Safari fix – inline <a> nad obrázkem v receptech */
.news-item .image a {
    display: block !important;
    line-height: 0 !important;
}

  /* zvětšení textu navigace mobil */
  @media (max-width: 767px) {
    .navigation-in ul.top-navigation-bar-menu-helper li a {
        font-size: 15px;
    }
    #footer h4{
      font-size: 26px;
    }
    #footer ul li a {
    font-size: 19px !important;
  }
}

  /*obecné zvětšení textů (body)*/
  body{
    font-size: 18px !important;
  }

  /* Konkurenční výhody */
  .benefitBanner__data {
    font-size: 16px;
    }
  /* zvětšení textu navigace mobil */
  @media (max-width: 767px) {
    .navigation-in ul.top-navigation-bar-menu-helper li a {
        font-size: 15px;
    }
    #footer h4{
      font-size: 26px;
    }
    #footer ul li a {
    font-size: 19px !important;
  }
   /* doprava zdarma a dárek v košíku */ 
  .extra.delivery span,
  .extra.gift span {
    font-size: 16px !important;
  }
  /* košik cena bez DPH a zpět do obchodu */
  .price-wrapper .price-label, .next-step .next-step-back {
    font-size: 16px !important;
  }
}
/* oprava košíku */
.ordering-process .cart-table tr.related {
    display: none !important;
}
 .show-related {
    display: none;
}
.cart-table tbody {
display: flex !important;
}