.kosik-faq-embed{
  --lh-body: 1.55;
  --fs-h2: 22px;
  --fs-h1: 32px;
  --fs-body: 16px;
  --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --kosik-purple: #651B69;
  --kosik-cream: #FFF5E5;
  --kosik-green: #2BB673;
  --kosik-purple-2: #4e1451;
  --bg: var(--kosik-cream);
  --card: #FFFFFF;
  --text: #222222;
  --muted: #5A5A5A;
  --border: #E7D9DB;
  --border-strong: #CFC7C9;
  --shadow: 0 10px 30px rgba(0,0,0,.06);
  --radius: .5rem;
  --highlight: #FFCE3C;
  font-family: var(--font-sans);
  color: var(--text);
}
.kosik-faq-embed *, .kosik-faq-embed *::before, .kosik-faq-embed *::after{box-sizing:border-box;}



.kosik-faq-embed /* Make the clear (X) icon visible and white */
input[type="search"]::-webkit-search-cancel-button{
  filter: invert(1);
  opacity: .9;
  cursor: pointer;
}



.kosik-faq-embed /* Improved link visibility */
a{
  color:#651B69;
  text-decoration: underline;
  font-weight:500;
}
.kosik-faq-embed a:hover{
  color:#4e1452;
  text-decoration:none;
}


    .kosik-faq-embed{
      --lh-body: 1.55;
      --fs-h2: 22px;
      --fs-h1: 32px;
      --fs-body: 16px;
      --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
      --kosik-purple: #651B69; /* primary purple */
      --kosik-cream: #FFF5E5; /* off-white/vanilla */
      --kosik-green: #2BB673; /* accent */
      --kosik-purple-2: #4e1451; /* deep purple */
      --bg: var(--kosik-cream);
      --card: #FFFFFF;
      --text: #222222;
      --muted: #5A5A5A;
      --border: #E7D9DB;
      --border-strong: #CFC7C9;
      --shadow: 0 10px 30px rgba(0,0,0,.06);
      --radius: .5rem;
    }
    .kosik-faq-embed *{box-sizing:border-box}
    .kosik-faq-embed{margin:0;font-family: var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);background:var(--bg);color:var(--text);}
    .kosik-faq-embed header{background:linear-gradient(135deg,var(--kosik-purple),var(--kosik-purple-2));color:#fff;}
    .kosik-faq-embed .wrap{max-width:980px;margin:0 auto;padding:24px 18px;}
    .kosik-faq-embed h1{margin:0 0 10px 0;letter-spacing:-0.02em;color:#fff;}
    .kosik-faq-embed .sub{margin:0;color:rgba(255,255,255,.9)}
    .kosik-faq-embed .toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px;}
    .kosik-faq-embed .search{flex:1;min-width:240px;}
    .kosik-faq-embed input[type="search"]{
width:100%;
padding:12px 14px;
border-radius:.5rem;
border:1px solid rgba(255,245,229,.32);
outline:none;
background:rgba(255,245,229,.14);
color:#fff;
}
.kosik-faq-embed input[type="search"]::placeholder{
color:rgba(255,255,255,.85);
}
    .kosik-faq-embed input[type="search"]{
width:100%;
padding:12px 14px;
border-radius:.5rem;
border:1px solid rgba(255,245,229,.32);
outline:none;
background:rgba(255,245,229,.14);
color:#fff;
}
.kosik-faq-embed input[type="search"]::placeholder{
color:rgba(255,255,255,.85);
}
    .kosik-faq-embed .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
    .kosik-faq-embed .chip{color:rgba(255,255,255,.92);display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9999px;background:rgba(255,245,229,.14);color:#fff;text-decoration:none;border:1px solid rgba(255,245,229,.32);}
    .kosik-faq-embed .chip:hover{background:rgba(255,245,229,.22);color:#ffffff;}
    .kosik-faq-embed main{padding:18px 0 48px;}
    .kosik-faq-embed .section{margin:18px 0 26px;}
    .kosik-faq-embed .section h2{margin:18px 0 12px;letter-spacing:-0.01em;color:var(--kosik-purple-2);}
    .kosik-faq-embed details.qa{background:var(--card);border:1px solid var(--border-strong);border-radius:.5rem;box-shadow:none;margin:14px 0;overflow:hidden;}
    .kosik-faq-embed details.qa summary{list-style:none;cursor:pointer;padding:22px 24px;display:flex;gap:16px;align-items:center;}
    .kosik-faq-embed details.qa summary:hover{background:#F6EDFC;border-radius:.5rem;transition:background 120ms ease;}
    .kosik-faq-embed details.qa summary:focus-visible{outline:3px solid rgba(101,27,105,.25); outline-offset:2px; border-radius:.5rem;}
    .kosik-faq-embed details.qa summary::-webkit-details-marker{display:none}
    .kosik-faq-embed .q{flex:1;}
    .kosik-faq-embed .qwrap{display:flex;flex-direction:column;gap:2px;}
    .kosik-faq-embed .subtitle{font-size:12px;line-height:16px;font-weight:400;color:var(--muted);}

    .kosik-faq-embed .icon{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;color:var(--text);transition:transform .15s ease;}
    .kosik-faq-embed details[open] .icon{transform:rotate(180deg);}
    .kosik-faq-embed .a{padding:0 24px 20px 24px;color:var(--text);}
    .kosik-faq-embed .a p{margin:10px 0;color:var(--text);}
    .kosik-faq-embed .a ul, .kosik-faq-embed .a ol{margin:10px 0 10px 20px;}
    .kosik-faq-embed .a li{margin:6px 0;}
    .kosik-faq-embed .muted{color:var(--muted);font-size:13px;}
    .kosik-faq-embed .empty{padding:14px 16px;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);}
    .kosik-faq-embed footer{padding:18px 0;color:var(--muted);font-size:12px;}
  
    .kosik-faq-embed /* --- Košík DS typography (mobile default, .kosik-faq-embed desktop overrides) --- */
    .text-style-xs{font-size:11px;line-height:16px;font-weight:400;}
    .kosik-faq-embed .text-style-sm{font-size:12px;line-height:16px;font-weight:400;}
    .kosik-faq-embed .text-style-sm-strong{font-size:12px;line-height:16px;font-weight:550;}
    .kosik-faq-embed .text-style-text{font-size:14px;line-height:18px;font-weight:400;}
    .kosik-faq-embed .text-style-text-strong{font-size:14px;line-height:18px;font-weight:550;}
    .kosik-faq-embed .text-style-strong{font-size:14px;line-height:18px;font-weight:550;}
    .kosik-faq-embed .text-style-lg{font-size:16px;line-height:20px;font-weight:400;}
    .kosik-faq-embed .text-style-lg-strong{font-size:16px;line-height:20px;font-weight:500;}
    .kosik-faq-embed .text-style-link{font-size:14px;line-height:18px;font-weight:550;}
    .kosik-faq-embed .text-style-paragraph-sm{font-size:12px;line-height:20px;font-weight:400;}
    .kosik-faq-embed .text-style-paragraph{font-size:14px;line-height:22px;font-weight:400;}
    .kosik-faq-embed .text-style-paragraph-lg{font-size:16px;line-height:24px;font-weight:400;}
    .kosik-faq-embed .text-style-xl{font-size:16px;line-height:20px;font-weight:500;}
    .kosik-faq-embed .text-style-2xl{font-size:18px;line-height:22px;font-weight:500;}
    .kosik-faq-embed .text-style-3xl{font-size:20px;line-height:24px;font-weight:500;}
    .kosik-faq-embed .text-style-4xl{font-size:24px;line-height:28px;font-weight:500;}
    .kosik-faq-embed .text-style-5xl{font-size:28px;line-height:34px;font-weight:500;}

    @media (min-width: 768px){
      .kosik-faq-embed .text-style-lg{line-height:22px;}
      .kosik-faq-embed .text-style-lg-strong{line-height:22px;}
      .kosik-faq-embed .text-style-xl{font-size:18px;line-height:22px;}
      .kosik-faq-embed .text-style-2xl{font-size:20px;line-height:24px;}
      .kosik-faq-embed .text-style-3xl{font-size:24px;line-height:28px;}
      .kosik-faq-embed .text-style-4xl{font-size:28px;line-height:34px;}
      .kosik-faq-embed .text-style-5xl{font-size:32px;line-height:38px;}
    }

    .kosik-faq-embed /* Apply DS defaults for this FAQ prototype */
    body{font-size:14px;line-height:22px;font-weight:400;}
    .kosik-faq-embed h1{font-size:28px;line-height:34px;font-weight:500;}
    @media (min-width: 768px){ .kosik-faq-embed h1{font-size:32px;line-height:38px;} }

    .kosik-faq-embed .section h2{font-size:18px;line-height:22px;font-weight:500;}
    @media (min-width: 768px){ .kosik-faq-embed .section h2{font-size:20px;line-height:24px;} }
    @media (min-width: 768px){ .kosik-faq-embed .q{line-height:22px;} }

    .kosik-faq-embed .sub{font-size:14px;line-height:22px;font-weight:400;}
    .kosik-faq-embed .q{font-size:16px;line-height:20px;font-weight:550;}
    .kosik-faq-embed .a{font-size:14px;line-height:22px;font-weight:400;}
    .kosik-faq-embed .a p, .kosik-faq-embed .a li{font-size:14px;line-height:22px;font-weight:400;}
    .kosik-faq-embed .muted{font-size:12px;line-height:16px;font-weight:400;}

  
.kosik-faq-embed /* --- Highlight color --- */
mark{
  background: rgba(255,206,60,0.45);
  color:#222222;
  padding:2px 4px;
  border-radius:4px;
}

.kosik-faq-embed /* --- Accordion hover polish --- */
details.qa summary:hover{background:#F6EDFC;border-radius:.5rem;transition:background 120ms ease;}

.kosik-faq-embed /* --- Chevron animation --- */
.icon{
  transition: transform 160ms ease;
}

.kosik-faq-embed details[open] .icon{
  transform: rotate(180deg);
}

.kosik-faq-embed /* --- Smooth open animation --- */
details.qa .a{
  animation: accordionOpen 160ms ease;
}

@keyframes accordionOpen{
  from{
    opacity:0;
    transform: translateY(-4px);
  }
  to{
    opacity:1;
    transform: translateY(0);
  }
}

.kosik-faq-embed /* --- Focus accessibility --- */
details.qa summary:focus-visible{
  outline:3px solid rgba(101,27,105,0.25);
  outline-offset:2px;
  border-radius:.5rem;
}


.kosik-faq-embed /* --- Sticky search bar --- */
header{
  position: static;
  top: 0;
  z-index: 100;
}

.kosik-faq-embed /* keep content from hiding under sticky header when using anchor links */
.section{
  scroll-margin-top: 0;
}

@media (max-width: 768px){
  .kosik-faq-embed .section{ scroll-margin-top: 0; }
}

.kosik-faq-embed /* optional: subtle shadow when sticking */
header{
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}


.kosik-faq-embed .chips{
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;
}
.kosik-faq-embed .chips::-webkit-scrollbar{height:6px;}



.kosik-faq-embed #count{display:none;color:#F6EDFC;font-weight:500;}