/* Dereń — Mieszanki: style drzewa. Wszystko w zasięgu .dsm-wrap, żeby nie gryzło się z motywem. */

.dsm-wrap{
  --dsm-wino:#8B0000;
  --dsm-wino-ciemne:#5E0000;
  --dsm-zloto:#C9A84C;
  --dsm-zloto-jasne:#E8D9A8;
  --dsm-zielen:#2D5016;
  --dsm-papier:#FAFAF7;
  --dsm-atrament:#2A2320;
  --dsm-linia:#E4DFD4;
  --dsm-serif:"Fraunces", Georgia, "Times New Roman", serif;
  --dsm-sans:"Inter", -apple-system, "Segoe UI", Roboto, sans-serif;

  font-family:var(--dsm-sans);
  color:var(--dsm-atrament);
  max-width:880px;
  margin:0 auto;
}
.dsm-wrap *, .dsm-wrap *::before, .dsm-wrap *::after{box-sizing:border-box;}
.dsm-wrap button{font-family:var(--dsm-sans); cursor:pointer;}
.dsm-wrap :focus-visible{outline:3px solid var(--dsm-zloto); outline-offset:2px; border-radius:4px;}

/* pasek terminu */
.dsm-cykl{
  display:inline-flex; align-items:center; gap:.6rem;
  background:#fff; border:1px solid var(--dsm-linia); border-left:4px solid var(--dsm-zloto);
  padding:.6rem 1rem; font-size:.85rem; border-radius:0 6px 6px 0; margin-bottom:1.2rem;
}
.dsm-kropka{width:9px; height:9px; border-radius:50%; background:var(--dsm-zielen); flex:none;
  animation:dsm-puls 2.4s ease-in-out infinite;}
@keyframes dsm-puls{50%{opacity:.35;}}

.dsm-pusto{color:#6B5F55; font-style:italic;}

/* drzewo — pień */
.dsm-drzewo{position:relative; padding-left:59px; margin-top:.5rem;}
.dsm-drzewo::before{
  content:""; position:absolute; left:58px; top:0; bottom:1.4rem; width:3px;
  background:linear-gradient(to bottom, var(--dsm-wino) 70%, var(--dsm-zloto)); border-radius:2px;
}
@media (max-width:640px){
  .dsm-drzewo{padding-left:26px;}
  .dsm-drzewo::before{left:10px;}
}

/* gałąź */
.dsm-galaz{
  position:relative; background:#fff; border:1px solid var(--dsm-linia); border-radius:10px;
  margin:1.1rem 0 1.1rem 2.2rem; box-shadow:0 1px 2px rgba(42,35,32,.05);
  transition:box-shadow .25s ease, border-color .25s ease;
}
.dsm-galaz:hover{border-color:var(--dsm-zloto);}
.dsm-galaz.dsm-open{box-shadow:0 6px 22px rgba(139,0,0,.10); border-color:var(--dsm-zloto);}
.dsm-galaz::before{
  content:""; position:absolute; left:-2.2rem; top:2rem; width:2.2rem; height:26px;
  border-bottom:3px solid var(--dsm-wino); transform:translateY(-26px);
}
.dsm-galaz::after{
  content:""; position:absolute; left:calc(-2.2rem - 7px); top:calc(2rem - 8px);
  width:13px; height:13px; border-radius:50%; background:var(--dsm-zloto);
  border:3px solid var(--dsm-papier);
}
@media (max-width:640px){
  .dsm-galaz{margin-left:1.2rem;}
  .dsm-galaz::before{left:-1.2rem; width:1.2rem;}
  .dsm-galaz::after{left:calc(-1.2rem - 7px);}
}

.dsm-galaz-naglowek{
  width:100%; background:none; border:0; display:flex; align-items:center; gap:.9rem;
  padding:1.05rem 1.15rem; text-align:left;
}
.dsm-galaz-tytul{
  font-family:var(--dsm-serif); font-weight:600; font-size:1.18rem; color:var(--dsm-atrament);
  flex:1 1 auto; min-width:0; line-height:1.25;
}
.dsm-plus{color:var(--dsm-zloto); font-weight:400; padding:0 .18em;}
.dsm-glosy{flex:none; display:flex; align-items:baseline; gap:.3rem; font-size:.82rem; color:#6B5F55;}
.dsm-glosy b{font-family:var(--dsm-serif); font-size:1.15rem; color:var(--dsm-wino);}
.dsm-szewron{
  flex:none; width:12px; height:12px; border-right:2.5px solid var(--dsm-wino);
  border-bottom:2.5px solid var(--dsm-wino); transform:rotate(45deg);
  transition:transform .25s ease; margin-left:.2rem;
}
.dsm-open .dsm-szewron{transform:rotate(225deg);}

.dsm-odznaka{
  flex:none; font-size:.68rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
  padding:.28rem .6rem; border-radius:99px; white-space:nowrap;
}
.dsm-odznaka-partia{background:var(--dsm-zloto); color:var(--dsm-wino-ciemne);}
.dsm-odznaka-glosowanie{background:#EFF4EA; color:var(--dsm-zielen); border:1px solid #CFE0C2;}
@media (max-width:520px){ .dsm-odznaka{display:none;} } /* na wąskich ekranach status widać po rozwinięciu */

.dsm-galaz-tresc{display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease;}
.dsm-open .dsm-galaz-tresc{grid-template-rows:1fr;}
.dsm-galaz-tresc > div{overflow:hidden;}
.dsm-galaz-wnetrze{padding:1rem 1.15rem 1.25rem; border-top:1px dashed var(--dsm-linia);}

.dsm-opis{font-size:.94rem; color:#4A4038; max-width:60ch;}
.dsm-opis p{margin:0 0 .6em;}

.dsm-sekcja-label{
  font-size:.72rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--dsm-zielen); margin:1.3rem 0 .55rem;
}
.dsm-butelka{
  height:26px; border-radius:99px; overflow:hidden; display:flex;
  border:1px solid var(--dsm-linia); background:#F3EEE2;
}
.dsm-czesc-baza{background:linear-gradient(90deg, var(--dsm-wino-ciemne), var(--dsm-wino)); transition:width .15s ease;}
.dsm-czesc-dodatek{background:linear-gradient(90deg, var(--dsm-zloto), var(--dsm-zloto-jasne)); flex:1;}
.dsm-proporcje-opis{display:flex; justify-content:space-between; font-size:.82rem; margin-top:.4rem; color:#4A4038;}
.dsm-proporcje-opis b{font-family:var(--dsm-serif); font-size:1rem;}
.dsm-p-baza b{color:var(--dsm-wino);}
.dsm-p-dodatek{text-align:right;}
.dsm-p-dodatek b{color:#A8842C;}

.dsm-wrap input[type="range"]{width:100%; margin-top:.7rem; accent-color:var(--dsm-wino); height:22px;}

.dsm-cukier{display:flex; gap:.5rem; flex-wrap:wrap;}
.dsm-cukier button{
  border:1.5px solid var(--dsm-linia); background:#fff; border-radius:99px;
  padding:.45rem .95rem; font-size:.85rem; color:#4A4038; transition:all .15s ease;
}
.dsm-cukier button[aria-pressed="true"]{
  background:var(--dsm-zielen); border-color:var(--dsm-zielen); color:#fff; font-weight:600;
}
.dsm-cukier-nota{font-size:.76rem; color:#8A7C6E; margin-top:.55rem; max-width:56ch;}

.dsm-glosuj-pas{margin-top:1.4rem; display:flex; align-items:center; gap:1rem; flex-wrap:wrap;}
.dsm-btn-glosuj{
  background:var(--dsm-wino); color:var(--dsm-papier); border:0; border-radius:8px;
  font-size:.95rem; font-weight:600; padding:.75rem 1.4rem;
  transition:background .15s ease, transform .1s ease;
}
.dsm-btn-glosuj:hover{background:var(--dsm-wino-ciemne);}
.dsm-btn-glosuj:active{transform:scale(.97);}
.dsm-btn-glosuj[disabled]{
  background:#EFF4EA; color:var(--dsm-zielen); border:1.5px solid #CFE0C2; cursor:default;
}
.dsm-glosuj-info{font-size:.8rem; color:#6B5F55; max-width:36ch;}

.dsm-link-partia{
  display:inline-flex; align-items:center; gap:.45rem; margin-top:1rem;
  font-size:.9rem; font-weight:600; color:var(--dsm-wino-ciemne);
  background:var(--dsm-zloto-jasne); border:1px solid var(--dsm-zloto);
  border-radius:8px; padding:.65rem 1rem; text-decoration:none;
}
.dsm-link-partia:hover{background:var(--dsm-zloto);}

/* pasek zapowiedzi (zioła) */
.dsm-ziola{
  margin-top:2.6rem; border:1px solid var(--dsm-linia); border-radius:10px;
  background:linear-gradient(180deg, #F4F7F0, #FDFDFB); overflow:hidden;
}
.dsm-ziola-naglowek{
  width:100%; background:none; border:0; display:flex; align-items:center; gap:.9rem;
  padding:1.05rem 1.15rem; text-align:left;
}
.dsm-listek{flex:none; width:34px; height:34px; border-radius:50% 0 50% 50%;
  background:var(--dsm-zielen); transform:rotate(45deg);}
.dsm-ziola-t{flex:1;}
.dsm-ziola-t b{font-family:var(--dsm-serif); font-size:1.12rem; color:var(--dsm-zielen); display:block;}
.dsm-ziola-t span{font-size:.82rem; color:#6B7A5E;}
.dsm-ziola .dsm-szewron{border-color:var(--dsm-zielen);}
.dsm-ziola-tresc{display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease;}
.dsm-ziola.dsm-open .dsm-ziola-tresc{grid-template-rows:1fr;}
.dsm-ziola-tresc > div{overflow:hidden;}
.dsm-ziola-siatka{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(210px,1fr));
  gap:.7rem; padding:0 1.15rem 1.25rem;
}
.dsm-ziolo{background:#fff; border:1px solid #D8E2CE; border-radius:8px;}
.dsm-ziolo summary{
  list-style:none; display:flex; align-items:center; gap:.6rem; padding:.7rem .85rem;
  cursor:pointer; font-weight:600; font-size:.92rem; color:var(--dsm-zielen);
}
.dsm-ziolo summary::-webkit-details-marker{display:none;}
.dsm-ziolo summary::after{
  content:"+"; margin-left:auto; font-family:var(--dsm-serif); color:var(--dsm-zloto);
  font-size:1.2rem; line-height:1;
}
.dsm-ziolo[open] summary::after{content:"–";}
.dsm-ziolo-n{padding:0 .85rem .8rem; font-size:.83rem; color:#4A4038;}
.dsm-ziolo-n p{margin:0 0 .4em;}
.dsm-wkrotce{
  display:inline-block; margin-top:.45rem; font-size:.68rem; letter-spacing:.06em;
  text-transform:uppercase; color:#8A7C6E; background:#F3EEE2; border-radius:4px; padding:.15rem .45rem;
}

/* sekcja propozycji */
.dsm-zaproponuj{
  margin-top:2.6rem; background:var(--dsm-wino); color:var(--dsm-papier); border-radius:12px;
  padding:1.8rem 1.5rem; display:flex; align-items:center; justify-content:space-between;
  gap:1.2rem; flex-wrap:wrap;
}
.dsm-zaproponuj h2{
  font-family:var(--dsm-serif); font-weight:600; font-size:1.35rem; max-width:24ch;
  margin:0; color:var(--dsm-papier);
}
.dsm-zaproponuj p{font-size:.85rem; color:#E9D9D9; max-width:44ch; margin:.4rem 0 0;}
.dsm-btn-zloty{
  flex:none; background:var(--dsm-zloto); color:var(--dsm-wino-ciemne); border:0; border-radius:8px;
  font-weight:600; font-size:.95rem; padding:.8rem 1.5rem; text-decoration:none;
}
.dsm-btn-zloty:hover{background:var(--dsm-zloto-jasne);}

.dsm-nota{font-size:.78rem; color:#8A7C6E; margin-top:1.6rem; max-width:72ch;}

/* toast */
.dsm-toast{
  position:fixed; left:50%; bottom:1.4rem; transform:translate(-50%, 150%);
  background:var(--dsm-zielen); color:#fff; font-size:.88rem; padding:.7rem 1.2rem;
  border-radius:8px; box-shadow:0 6px 18px rgba(42,35,32,.25);
  transition:transform .3s ease; max-width:90vw; z-index:9999;
}
.dsm-toast.dsm-widoczny{transform:translate(-50%, 0);}

@media (prefers-reduced-motion:reduce){
  .dsm-galaz-tresc, .dsm-ziola-tresc, .dsm-szewron, .dsm-toast, .dsm-czesc-baza{transition:none;}
  .dsm-kropka{animation:none;}
}