.crumbs{

  display:flex; align-items:center; gap:9px; flex-wrap:wrap;

  padding:26px 0 22px; font-size:13px; letter-spacing:.14em;

  text-transform:uppercase; color:var(--ink-3);

}

.crumbs a:hover{ color:var(--ink); }

.crumbs .sep{ opacity:.45; }



 

.detail{

  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.95fr);

  gap:clamp(26px,4vw,64px); align-items:start;

  padding-bottom:clamp(30px,5vw,60px);

}

@media (max-width:960px){ .detail{ grid-template-columns:1fr; } }



 

 

 

 

.gal-main{

  position:relative; overflow:hidden;

  display:grid; place-items:center;

  background:var(--paper-3); border-radius:26px 26px 18px 18px;

  box-shadow:var(--shadow);

}

.gal-main img{

  width:auto; height:auto;

  max-width:100%; max-height:74vh;

  object-fit:contain; display:block;

}

 



 

.gal-thumbs{

  display:grid; grid-template-columns:repeat(auto-fill,minmax(64px,1fr));

  gap:10px; margin-top:14px;

}

.gal-thumb{

  aspect-ratio:1; overflow:hidden; cursor:pointer;

  border:1px solid transparent; background:var(--paper-3); padding:0;

  opacity:.68; transition:opacity .35s ease, border-color .35s ease;

}

.gal-thumb img{ width:100%; height:100%; object-fit:cover; }

.gal-thumb:hover{ opacity:1; }

.gal-thumb.is-active{ opacity:1; border-color:var(--gold); }



 

.buybox{ position:sticky; top:98px; display:grid; gap:22px; }

@media (max-width:960px){ .buybox{ position:static; } }



.buybox-head{ display:grid; gap:10px; }

.buybox-head .card-cat{ font-size:13px; }

.buybox-head h1{ font-size:clamp(1.8rem,3.4vw,2.7rem); line-height:1.1; }

.buybox-head .sub{ color:var(--ink-2); font-size:.95rem; }



 

.variants{ display:grid; gap:8px; }

.variants legend{

  font-size:13px; letter-spacing:.2em; text-transform:uppercase;

  color:var(--ink-3); padding:0 0 10px;

}

.vopt{ position:relative; display:block; }

.vopt input{

  position:absolute; opacity:0; width:0; height:0;

}

 

.vopt span.box{

  display:flex; align-items:center; gap:12px; flex-wrap:wrap;

  padding:12px 14px; border:1px solid var(--line); border-radius:var(--radius);

  background:var(--ivory); cursor:pointer;

  transition:border-color .2s ease, background .2s ease;

}

.vopt:hover span.box{ border-color:var(--olive); }

.vopt input:checked + span.box{

  border-color:var(--olive); background:var(--olive-soft);

  box-shadow:inset 0 0 0 1px var(--olive);

}

.vopt input:focus-visible + span.box{ outline:2px solid var(--gold); outline-offset:2px; }

 

.vopt .vfoto{ flex:0 0 auto; width:52px; height:52px; }

.vopt .vfoto img{ width:52px; height:52px; object-fit:cover; border-radius:9px; display:block; }

.vopt .vtext{ flex:1 1 130px; min-width:0; }

.vopt .vname{ display:block; font-size:0.98rem; color:var(--ink); line-height:1.3; }

.vopt .vnote{ display:block; font-size:0.82rem; line-height:1.4; color:var(--ink-3); margin-top:3px; }

.vopt .vprice, .vopt .vsold{ margin-left:auto; }

.vopt .vprice{

  font-family:var(--head); font-size:1.235rem; white-space:nowrap;

  font-variant-numeric:tabular-nums;

}

.vopt .vsold{ font-size:0.882rem; color:var(--bad); letter-spacing:.08em; text-transform:uppercase; }



 

.pricebox{

  border:1px solid var(--line); border-radius:var(--radius);

  background:var(--ivory); overflow:hidden;

}

.price-row{

  display:flex; align-items:baseline; justify-content:space-between; gap:14px;

  padding:14px 18px; border-bottom:1px solid var(--line-soft);

}

.price-row:last-child{ border-bottom:0; }

.price-row .lbl{ font-size:0.98rem; color:var(--ink-2); }

.price-row .lbl small{ display:block; font-size:0.882rem; color:var(--ink-3); margin-top:1px; }

.price-row .val{

  font-family:var(--head); font-size:1.235rem; color:var(--ink);

  font-variant-numeric:tabular-nums; white-space:nowrap;

}

.price-row .val small{

  display:block; font-family:var(--body); font-size:13px;

  letter-spacing:.15em; text-transform:uppercase; color:var(--ink-3); text-align:right;

}

.price-row.is-main{ background:var(--paper-3); }

.price-row.is-main .val{ font-size:1.529rem; }

.price-row.is-sub .val{ font-size:1rem; color:var(--ink-2); }



 

.daterow{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }

@media (max-width:420px){ .daterow{ grid-template-columns:1fr; } }



.field{ display:grid; gap:6px; }

.field label{

  font-size:13px; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-3);

}

.field input, .field select, .field textarea{

  font-family:var(--body); font-size:0.98rem; font-weight:300; color:var(--ink);

  padding:12px 14px; border:1px solid var(--line); border-radius:var(--radius);

  background:var(--ivory); width:100%;

  transition:border-color .2s ease;

}

.field input:focus, .field select:focus, .field textarea:focus{

  outline:none; border-color:var(--olive); box-shadow:0 0 0 3px rgba(126,135,99,.12);

}

.field textarea{ min-height:110px; resize:vertical; line-height:1.55; }

.field .hint{ font-size:0.87rem; color:var(--ink-3); }

.field.is-err input, .field.is-err select, .field.is-err textarea{ border-color:var(--bad); }



 

.qty{

  display:inline-flex; align-items:stretch;

  border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;

  background:var(--ivory);

}

.qty button{

  width:38px; border:0; background:transparent; cursor:pointer;

  font-size:15px; color:var(--ink-2); line-height:1;

  transition:background .18s ease;

}

.qty button:hover{ background:var(--paper-3); color:var(--ink); }

.qty input{

  width:52px; border:0; background:transparent; text-align:center;

  font-family:var(--body); font-size:.95rem; color:var(--ink);

  font-variant-numeric:tabular-nums;

  -moz-appearance:textfield;

}

.qty input::-webkit-outer-spin-button,

.qty input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }



.action-row{ display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:center; }

.action-row .btn{ height:100%; }

@media (max-width:420px){ .action-row{ grid-template-columns:1fr; } }



.mode-note{

  font-size:0.882rem; color:var(--ink-3); line-height:1.5;

  padding-left:14px; border-left:2px solid var(--gold);

}



 

.detail-more{

  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.95fr);

  gap:clamp(26px,4vw,64px); align-items:start;

  padding:clamp(30px,5vw,56px) 0;

  border-top:1px solid var(--line);

}

@media (max-width:960px){ .detail-more{ grid-template-columns:1fr; } }



.prose{ color:var(--ink-2); font-size:1rem; line-height:1.78; max-width:66ch; }

.prose h2{ font-size:1.529rem; color:var(--ink); margin-bottom:16px; }

.prose p + p{ margin-top:1em; }



.params{ display:grid; gap:0; border-top:1px solid var(--line); }

.params h3{

  font-family:var(--body); font-size:13px; letter-spacing:.2em;

  text-transform:uppercase; color:var(--ink-3); padding:18px 0 10px; font-weight:400;

}

.params dl{ margin:0; display:grid; }

.params .prow{

  display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:baseline;

  padding:11px 0; border-bottom:1px solid var(--line-soft);

}

.params dt{ font-size:0.882rem; color:var(--ink-3); letter-spacing:.02em; }

.params dd{ margin:0; font-size:0.98rem; color:var(--ink); text-align:right; }



 

.cart-layout{

  display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);

  gap:clamp(26px,4vw,52px); align-items:start;

  padding-bottom:clamp(30px,5vw,60px);

}

@media (max-width:900px){ .cart-layout{ grid-template-columns:1fr; } }



.cart-list{ display:grid; gap:0; border-top:1px solid var(--line); }

.cart-row{

  display:grid; grid-template-columns:112px 1fr auto auto;

  gap:18px; align-items:center; padding:20px 0;

  border-bottom:1px solid var(--line-soft);

}

.cart-row .thumb{

  width:96px; aspect-ratio:4/3; border-radius:2px; overflow:hidden;

  background:var(--paper-3); border:1px solid var(--line-soft);

}

.cart-row .thumb img{ width:100%; height:100%; object-fit:cover; }

.cart-row .info{ min-width:0; }

.cart-row .info h3{ font-size:1.235rem; line-height:1.25; }

.cart-row .info .vname{ font-size:1rem; color:var(--ink-2); margin-top:3px; }

.cart-row .info .meta{

  display:flex; gap:8px; flex-wrap:wrap; margin-top:7px; align-items:center;

}

.cart-row .sum{

  font-family:var(--head); font-size:1.235rem; white-space:nowrap;

  font-variant-numeric:tabular-nums; text-align:right;

}

.cart-row .sum small{

  display:block; font-family:var(--body); font-size:0.882rem; color:var(--ink-3);

}

.cart-row .del{

  border:0; background:transparent; cursor:pointer; color:var(--ink-3);

  font-size:21px; line-height:1; padding:6px 8px; border-radius:2px;

}

.cart-row .del:hover{ color:var(--bad); background:var(--paper-3); }



@media (max-width:640px){

   

  .cart-row{ grid-template-columns:72px 1fr auto; row-gap:12px; }

  .cart-row .qty{ grid-column:2; }

  .cart-row .sum{ grid-column:3; }

  .cart-row .del{ grid-row:1; grid-column:3; align-self:start; }

}



 

.summary{

  position:sticky; top:98px;

  border:1px solid var(--line); border-radius:var(--radius);

  background:var(--ivory); overflow:hidden;

}

@media (max-width:900px){ .summary{ position:static; } }

.summary h3{

  font-family:var(--body); font-size:13px; letter-spacing:.2em;

  text-transform:uppercase; color:var(--ink-3); font-weight:400;

  padding:18px 20px 0;

}

.summary .price-row{ padding:13px 20px; }

.summary .foot{ padding:18px 20px 20px; display:grid; gap:12px; }



 

.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }

@media (max-width:620px){ .form-grid{ grid-template-columns:1fr; } }

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



.fieldset{

  border:0; padding:0; margin:0 0 clamp(26px,4vw,40px);

  display:grid; gap:16px;

}

.fieldset > legend{

  font-family:var(--head); font-size:1.529rem; color:var(--ink);

  padding:0 0 4px; margin-bottom:6px; width:100%;

  border-bottom:1px solid var(--line-soft);

}



.alert{

  padding:16px 20px; border-radius:var(--radius); margin-bottom:24px;

  background:#F6E6E1; border-left:3px solid var(--bad); color:var(--ink);

  font-size:0.98rem;

}

.alert ul{ margin:8px 0 0; padding-left:18px; list-style:disc; }

.alert li{ margin-bottom:4px; }

.alert.is-info{ background:var(--olive-soft); border-left-color:var(--olive); }



.check{

  display:grid; grid-template-columns:auto 1fr; gap:11px; align-items:start;

  font-size:0.98rem; color:var(--ink-2); line-height:1.5; cursor:pointer;

}

.check input{ margin-top:3px; width:16px; height:16px; accent-color:var(--olive); }

.check a{ border-bottom:1px solid var(--gold); }



 

.modes{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }

.mode{

  position:relative; display:block;

}

.mode input{ position:absolute; opacity:0; width:0; height:0; }

.mode span.box{

  display:grid; gap:3px; padding:14px 16px; cursor:pointer;

  border:1px solid var(--line); border-radius:var(--radius); background:var(--ivory);

  transition:border-color .2s ease, background .2s ease;

}

.mode .t{ font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink); }

.mode .p{ font-family:var(--head); font-size:1.235rem; font-variant-numeric:tabular-nums; }

.mode input:checked + span.box{

  border-color:var(--olive); background:var(--olive-soft); box-shadow:inset 0 0 0 1px var(--olive);

}

.mode input:disabled + span.box{ opacity:.4; cursor:not-allowed; }

.mode input:focus-visible + span.box{ outline:2px solid var(--gold); outline-offset:2px; }



 

.thanks{

  max-width:720px; margin:0 auto; text-align:center;

  padding:clamp(40px,7vw,90px) 0;

}

.thanks .code{

  display:inline-block; margin:18px 0 8px; padding:10px 22px;

  border:1px solid var(--gold); border-radius:2px;

  font-family:var(--head); font-size:1.529rem; letter-spacing:.08em; color:var(--gold-dark);

}

.thanks h1{ font-size:clamp(2rem,4.5vw,3.2rem); }

.thanks p{ color:var(--ink-2); margin-top:14px; }



 

 

.postup{

  list-style:none; margin:clamp(30px,5vw,54px) 0 0; padding:0;

  display:grid; gap:10px; text-align:left;

}

.postup-krok{

  display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:start;

  padding:18px 20px; border:1px solid var(--line-soft);

  border-radius:var(--radius); background:var(--ivory);

}

.postup-znak{

  width:30px; height:30px; border-radius:50%; display:grid; place-items:center;

  font-family:var(--head); font-size:1.06rem; line-height:1;

  border:1px solid var(--line); color:var(--ink-3); background:var(--paper);

}

.postup-krok h3{

  font-family:var(--body); font-size:1rem; font-weight:500; color:var(--ink);

  margin:4px 0 0;

}

.postup-krok p{ font-size:0.98rem; color:var(--ink-2); line-height:1.55; margin:5px 0 0; }



 

.postup-krok.je-hotovo{ background:var(--paper-2); border-color:var(--line-soft); }

.postup-krok.je-hotovo .postup-znak{

  background:var(--olive); border-color:var(--olive); color:var(--paper);

}

.postup-krok.je-hotovo h3{ color:var(--ink-2); }



 

.postup-krok.je-ted{

  border-color:var(--line-gold); background:var(--paper);

  box-shadow:inset 3px 0 0 var(--gold);

}

.postup-krok.je-ted .postup-znak{

  border-color:var(--gold); color:var(--gold-dark); background:var(--ivory);

}



 

 

.rek-radek{ grid-template-columns:minmax(0,1fr) auto; align-items:start; }

.rek-radek .rek-fakta{ grid-column:1 / -1; }

 

@media (max-width:640px){

  .rek-radek{ grid-template-columns:minmax(0,1fr) auto; }

  .rek-radek .sum{ grid-column:2; grid-row:1; }

}



 

 

 

.rek-fakta{

  display:flex; flex-wrap:wrap; gap:10px 34px;

  margin:12px 0 0; padding:12px 0 0;

  border-top:1px dashed var(--line-soft);

}

.rek-fakta div{ min-width:0; }

.rek-fakta .je-siroke{ flex-basis:100%; }

.rek-fakta dt{

  font-size:11px; letter-spacing:.14em; text-transform:uppercase;

  color:var(--ink-3);

}

.rek-fakta dd{

  margin:2px 0 0; font-size:0.98rem; color:var(--ink);

  overflow-wrap:anywhere;

}

 

.rek-fakta dd small{ display:block; font-size:0.88rem; color:var(--ink-2); }



 

@media (max-width:640px){

  .rek-fakta{ display:grid; grid-template-columns:1fr; gap:7px; }

  .rek-fakta div{

    display:grid; grid-template-columns:86px 1fr; gap:10px; align-items:baseline;

  }

  .rek-fakta dd{ margin:0; }

  .rek-fakta dd small{ display:inline; margin-left:7px; }

}



.rek-poznamka{

  margin-top:24px; padding:18px 20px; border-radius:var(--radius);

  background:var(--paper-2); border:1px solid var(--line-soft);

}

.rek-poznamka h3{

  font-family:var(--body); font-size:12px; letter-spacing:.18em;

  text-transform:uppercase; color:var(--ink-3); font-weight:400;

}

.rek-poznamka p{ margin:7px 0 0; font-size:1rem; color:var(--ink-2); line-height:1.6; }



 

.page-head{

  padding:clamp(34px,6vw,72px) 0 clamp(22px,3vw,36px);

  display:grid; gap:16px; max-width:70ch;

}

.page-head h1{ font-size:clamp(2.1rem,5vw,3.6rem); }

.page-head p{ color:var(--ink-2); font-size:1rem; }



.cols-2{

  display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

  gap:clamp(24px,4vw,52px);

}

.info-card{

  padding:26px; border:1px solid var(--line-soft); border-radius:var(--radius);

  background:var(--ivory); display:grid; gap:10px; align-content:start;

}

.info-card h3{ font-size:1.235rem; }

.info-card p, .info-card li{ font-size:0.98rem; color:var(--ink-2); line-height:1.65; }

.info-card ul{ display:grid; gap:7px; }



 



 

.crumbs{ padding:34px 0 30px; letter-spacing:.2em; gap:11px; }



 

.buybox{ gap:28px; top:112px; }

.buybox-head h1{ font-size:clamp(2rem,3.6vw,3rem); line-height:1.08; }

.buybox-head .sub{ font-size:1.02rem; }



.variants legend{ letter-spacing:.24em; padding-bottom:14px; }

.vopt span.box{ padding:16px 20px; border-color:var(--line); }

.vopt .vname{ font-size:1rem; }

.vopt .vprice{ font-size:1.22rem; }



.pricebox{ border-color:var(--line-gold); }

.price-row{ padding:17px 22px; }

.price-row .lbl small{ margin-top:3px; line-height:1.5; }

.price-row.is-main .val{ font-size:2rem; color:var(--ink); }



 

.field label{ letter-spacing:.21em; }

.field input, .field select, .field textarea{ padding:14px 16px; font-size:1rem; }

.field input:focus, .field select:focus, .field textarea:focus{

  border-color:var(--gold); box-shadow:0 0 0 3px rgba(169,136,80,.14);

}



.qty button{ width:44px; font-size:17px; }

.qty input{ width:58px; font-size:1rem; }



.mode-note{ border-left-color:var(--gold); padding-left:18px; font-size:.92rem; }



 

.detail-more{ border-top-color:var(--line-gold); padding:clamp(40px,6vw,76px) 0; }

.prose{ font-size:1rem; line-height:1.82; }

.prose h2{ font-size:clamp(1.6rem,2.6vw,2.2rem); margin-bottom:22px; }

.params{ border-top-color:var(--line-gold); }

.params h3{ letter-spacing:.24em; padding:22px 0 12px; }

.params .prow{ padding:14px 0; }

.params dt{ font-size:.94rem; }

.params dd{ font-size:1rem; }



 

.cart-row{ padding:26px 0; }

 

.cart-row .thumb{ width:100%; }

.cart-row .info h3{ font-size:1.235rem; }

.cart-row .sum{ font-size:1.529rem; }



.summary{ border-color:var(--line-gold); background:var(--ivory); top:112px; }

.summary h3{ letter-spacing:.24em; padding:20px 22px 0; }

.summary .price-row{ padding:15px 22px; }

.summary .foot{ padding:22px; gap:14px; }



 

.fieldset > legend{

  font-size:clamp(1.5rem,2.4vw,1.95rem); padding-bottom:10px;

  border-bottom-color:var(--line-gold); margin-bottom:12px;

}

.fieldset{ gap:20px; margin-bottom:clamp(32px,5vw,48px); }

.alert{ padding:18px 24px; font-size:1rem; line-height:1.66; }

.check{ font-size:.96rem; }



 

.thanks .code{

  border-color:var(--line-gold); font-size:1.529rem; padding:12px 28px; letter-spacing:.12em;

}

 

.postup-krok h3{ font-family:var(--head); font-size:1.235rem; font-weight:400; }

.postup-krok p{ font-size:.98rem; }

.postup-znak{ font-size:1.1rem; }



 

.page-head{ padding:clamp(40px,7vw,86px) 0 clamp(26px,3.5vw,42px); gap:18px; }

.page-head h1{ font-size:clamp(2.2rem,5vw,3.6rem); }

.page-head p{ font-size:1rem; }

.info-card{

  background:var(--ivory); border-color:var(--line-soft); padding:30px;

}

.info-card h3{ font-size:1.529rem; }

.info-card p, .info-card li{ font-size:1rem; line-height:1.72; }



@media (max-width:960px){

   

  .gal-main img{ max-height:62vh; }

  .buybox, .summary{ position:static; }

}



 

.detail-pece{

  border-top:1px solid var(--line);

  padding:clamp(28px,4.4vw,48px) 0 0;

  color:var(--ink-2); font-size:1rem; line-height:1.78; max-width:72ch;

}

.detail-pece h2{ font-size:1.529rem; color:var(--ink); margin-bottom:16px; }

.detail-pece p + p{ margin-top:.95em; }

.detail-pece-pozn{

  margin-top:1.3em; padding-top:.95em; border-top:1px solid var(--line);

  font-size:.9rem; color:var(--ink-3);

}



 

 

.shrnuti{

  margin:0 0 16px; padding:0;

  background:var(--ivory); border:1px solid var(--line);

  border-left:3px solid var(--olive);

  border-radius:var(--radius); overflow:hidden;

}

.shrnuti-nadpis{

  margin:0; padding:10px 16px 8px;

  font-size:11px; letter-spacing:.22em;

  text-transform:uppercase; color:var(--ink-3);

}

.shrnuti-co{

  margin:0; padding:0 16px; font-size:1rem; line-height:1.35;

  color:var(--ink); font-weight:600;

}

.shrnuti-kdy, .shrnuti-kde{

  margin:4px 0 0; padding:0 16px;

  font-size:.85rem; line-height:1.5; color:var(--ink-3);

}

.shrnuti-kde:last-of-type{ padding-bottom:0; }



 

.shrnuti-ceny{

  margin-top:12px; padding:10px 16px 12px;

  border-top:1px solid var(--line); background:var(--paper-3);

  display:grid; gap:6px;

}

.shrnuti-ceny > div{

  display:flex; justify-content:space-between; align-items:baseline; gap:14px;

}

.shrnuti-ceny span{ font-size:.88rem; color:var(--ink-2); }

.shrnuti-ceny b{

  font-weight:400; font-size:.98rem; color:var(--ink);

  font-variant-numeric:tabular-nums; white-space:nowrap;

}

.shrnuti-ceny .je-celkem{

  margin-top:4px; padding-top:8px; border-top:1px solid var(--line);

}

.shrnuti-ceny .je-celkem span{

  font-size:12px; letter-spacing:.16em; text-transform:uppercase;

  color:var(--ink-3);

}

.shrnuti-ceny .je-celkem b{

  font-family:var(--head); font-size:1.45rem; color:var(--ink);

}

 

.shrnuti-chybi, .shrnuti-rozpor{

  margin:0; padding:9px 16px;

  font-size:.85rem; line-height:1.45;

}

.shrnuti-chybi{ background:var(--paper-3); color:var(--ink-3); border-top:1px solid var(--line); }

 

.shrnuti-rozpor{

  background:rgba(180,90,70,.12); color:var(--bad); font-weight:500;

  border-top:1px solid var(--line);

}



 

 

.naseptavac{ position:relative; }

.naseptavac-nabidka{

  position:absolute; z-index:40; left:0; right:0; top:calc(100% + 4px);

  margin:0; padding:4px; list-style:none;

  background:var(--ivory); border:1px solid var(--line);

  border-radius:var(--radius); box-shadow:0 12px 30px rgba(0,0,0,.12);

  max-height:16rem; overflow-y:auto;

}

.naseptavac-nabidka li{

  padding:9px 11px; border-radius:8px; cursor:pointer;

  font-size:.9rem; line-height:1.4; color:var(--ink-2);

}

.naseptavac-nabidka li:hover,

.naseptavac-nabidka li:focus{

  background:var(--olive-soft); color:var(--ink); outline:none;

}

.adresa-gps{ margin-top:8px; }

 

.f-doprava{

  margin:12px 0 0; padding:11px 14px; border-radius:var(--radius);

  font-size:.95rem; line-height:1.5; font-weight:500;

}

.f-doprava--cena{ background:rgba(180,150,90,.14); color:var(--ink); }

.f-doprava--zdarma{ background:var(--olive-soft); color:var(--ink); }

.f-doprava--ceka{ background:var(--paper-3); color:var(--ink-3); font-weight:400; }

.f-doprava--nejasne{ background:rgba(180,90,70,.10); color:var(--ink-2); font-weight:400; }



 

.terminy-uvod{

  font-size:.9rem; line-height:1.5; color:var(--ink-3); margin:0 0 12px;

}

.terminy{ display:grid; gap:14px; }

 

.pole-chyba{

  display:block; margin-top:6px; font-size:.85rem; line-height:1.4;

  color:var(--bad); font-weight:500;

}

.terminy-par{ display:grid; grid-template-columns:1fr auto; gap:8px; }

 

.terminy-par input[type="time"]{ width:8.5em; }

@media (max-width:380px){

  .terminy-par{ grid-template-columns:1fr; }

  .terminy-par input[type="time"]{ width:100%; }

}



 

.delka-pronajmu{

  margin:0 0 18px; padding:10px 13px; border-radius:var(--radius);

  font-size:.9rem; line-height:1.5;

}

.delka-pronajmu.je-v-cene{ background:var(--olive-soft); color:var(--ink-2); }

.delka-pronajmu.je-priplatek{ background:rgba(180,150,90,.13); color:var(--ink); }



 

.kvetiny-volba{

  display:flex; align-items:flex-start; gap:10px; cursor:pointer;

  margin:0 0 16px; padding:12px 14px;

  border:1px solid var(--line); border-radius:var(--radius);

  background:var(--ivory);

  transition:border-color .2s ease, background .2s ease;

}

.kvetiny-volba input{ flex:0 0 auto; margin:2px 0 0; accent-color:var(--olive); }

.kvetiny-volba b{ display:block; font-size:.94rem; font-weight:600; color:var(--ink); }

.kvetiny-volba small{ display:block; margin-top:3px; font-size:.79rem; line-height:1.45; color:var(--ink-3); }

.kvetiny-volba:hover{ border-color:var(--olive); }

.kvetiny-volba:has(input:checked){ border-color:var(--olive); background:var(--olive-soft); }



 

.doprava-volba{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }

@media (max-width:560px){ .doprava-volba{ grid-template-columns:1fr; } }

.doprava-volba .volba{ position:relative; display:block; cursor:pointer; }

.doprava-volba input{ position:absolute; opacity:0; inset:0; margin:0; cursor:pointer; }

.doprava-volba span{

  display:block; padding:12px 14px; border:1px solid var(--line);

  border-radius:12px; line-height:1.35; transition:border-color .2s, background .2s;

}

.doprava-volba b{ display:block; font-size:.94rem; font-weight:600; color:var(--ink); }

.doprava-volba small{ display:block; margin-top:3px; font-size:.79rem; color:var(--ink-3); }

.doprava-volba input:checked + span{

  border-color:var(--accent, #8D9179); background:rgba(141,145,121,.09);

}

.doprava-volba input:focus-visible + span{ outline:2px solid var(--ink); outline-offset:2px; }



 

 

@media (min-width:961px){

   

  .detail{ grid-template-rows:max-content 1fr; }

  #gallery{ grid-column:1; grid-row:1; }

  .buybox{ grid-column:2; grid-row:1 / span 2; }

  .detail-popis{ grid-column:1; grid-row:2; }

}

.detail-popis{

  min-width:0; max-width:62ch;

  color:var(--ink-2); font-size:1rem; line-height:1.8;

  padding-top:clamp(22px,2.6vw,34px);

}

 

.detail-popis h3{

  font-family:var(--head); font-weight:400;

  font-size:clamp(1.18rem,1.55vw,1.38rem); line-height:1.3;

  color:var(--ink); margin:0 0 12px; letter-spacing:.005em;

}

.detail-popis h3:not(:first-child){ margin-top:1.9em; }

.detail-popis p + p{ margin-top:.95em; }

 

.detail-popis h3:first-child + p{ font-size:1.08rem; line-height:1.7; color:var(--ink); }

.detail-popis strong{ font-weight:600; color:var(--ink); }



 

.popis-bloky{

  display:grid; gap:clamp(34px,5vw,80px);

  padding:clamp(30px,4.6vw,56px) 0 0;

  border-top:1px solid var(--line);

}

.popis-blok{

  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);

  gap:clamp(24px,3.6vw,60px); align-items:center;

}

.popis-blok--sam{ grid-template-columns:minmax(0,62ch); }

.popis-blok-text{ color:var(--ink-2); font-size:1rem; line-height:1.8; }

.popis-blok-text h2{

  font-family:var(--head); font-weight:400;

  font-size:clamp(1.24rem,1.8vw,1.6rem); line-height:1.28;

  color:var(--ink); margin:0 0 14px;

}

.popis-blok-text p + p{ margin-top:.95em; }

.popis-blok-text strong{ font-weight:600; color:var(--ink); }

.popis-blok-foto{ margin:0; }

.popis-blok-foto img{

  display:block; width:100%; height:auto; aspect-ratio:4/3;

  object-fit:cover; border-radius:16px;

}

 

.popis-blok:nth-child(even) .popis-blok-foto{ order:1; }

.popis-blok:nth-child(even) .popis-blok-text{ order:2; }

@media (max-width:860px){

   

  .popis-blok, .popis-blok--sam{ grid-template-columns:minmax(0,1fr); }

  .popis-blok .popis-blok-foto{ order:1; }

  .popis-blok .popis-blok-text{ order:2; }

  .popis-blok-foto img{ aspect-ratio:16/10; }

}



 

.detail-technika{

  border-top:1px solid var(--line);

  padding:clamp(30px,4.6vw,54px) 0 0;

}

.detail-technika h2{ font-size:clamp(1.5rem,2.4vw,2rem); color:var(--ink); margin-bottom:20px; }

.detail-technika-obsah{

  display:grid;

  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);

  gap:clamp(22px,3.2vw,52px);

  align-items:start;

}

 

.detail-technika--sam .detail-technika-obsah{ grid-template-columns:minmax(0,640px); }

@media (max-width:900px){

  .detail-technika-obsah{ grid-template-columns:minmax(0,1fr); }

}



 

.nakres{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(8px,1.2vw,16px); }

@media (max-width:520px){ .nakres{ grid-template-columns:minmax(0,1fr); gap:14px; } }

 

.nakres-defs{ position:absolute; width:0; height:0; overflow:hidden; }

.nakres-kus{

  margin:0; display:grid; gap:2px;

  padding:6px 6px 14px;

  background:var(--ivory,#FBF8F4);

  border:1px solid var(--line);

  border-radius:14px;

}

.nakres-svg{ display:block; width:100%; height:auto; }

.nakres-kus figcaption{ text-align:center; padding:0 4px; }

.nakres-kus b{ display:block; font-size:.95rem; font-weight:600; color:var(--ink); }

.nakres-kus span{ display:block; margin-top:4px; font-size:.8rem; line-height:1.45; color:var(--ink-3); }



 

.nakres-svg .s-zem{ stroke:rgba(22,22,26,.16); stroke-width:1; stroke-dasharray:3 4; fill:none; }

.nakres-svg .s-kota line,

.nakres-svg .s-kota path{ stroke:#8A7B63; stroke-width:1; fill:none; }

.nakres-svg .s-kota text{ font-family:'Jost',sans-serif; font-size:12px; fill:#8A7B63; }

 

.nakres-svg .s-osoba{ fill:rgba(88,82,70,.34); }



 

.params-mrizka{ margin:0; display:grid; border-top:1px solid var(--line); }

.params-mrizka .prow{

  display:flex; justify-content:space-between; align-items:baseline; gap:18px;

  padding:12px 0; border-bottom:1px solid var(--line);

}

.params-mrizka dt{ font-size:.88rem; color:var(--ink-3); letter-spacing:.02em; }

.params-mrizka dd{ margin:0; font-size:.98rem; color:var(--ink); text-align:right; }



 

.zvetseni{

  position:fixed; inset:0; z-index:9000;

  display:none; align-items:center; justify-content:center;

  background:rgba(32,28,25,.92); backdrop-filter:blur(6px);

  padding:clamp(16px,4vw,56px);

   

  cursor:zoom-out;

}

.zvetseni[open], .zvetseni.je-videt{ display:flex; }

.zvetseni img{

  max-width:100%; max-height:100%;

  width:auto; height:auto; object-fit:contain;

  border-radius:4px; cursor:default;

  box-shadow:0 20px 60px rgba(0,0,0,.45);

}

 

.zvetseni-zavrit, .zvetseni-sip{

  position:absolute; z-index:2;

  width:46px; height:46px; display:grid; place-items:center;

  border:0; border-radius:50%; cursor:pointer;

  background:rgba(255,255,255,.14); color:#fff;

  font-size:22px; line-height:1;

  transition:background .2s;

}

.zvetseni-zavrit:hover, .zvetseni-sip:hover{ background:rgba(255,255,255,.28); }

.zvetseni-zavrit{ top:clamp(12px,2vw,24px); right:clamp(12px,2vw,24px); }

 

.zvetseni-sip{ top:50%; transform:translateY(-50%); }

.zvetseni-sip--zpet{ left:clamp(8px,2vw,26px); }

.zvetseni-sip--vpred{ right:clamp(8px,2vw,26px); }

.zvetseni-pocet{

  position:absolute; bottom:clamp(12px,2vw,24px); left:50%;

  transform:translateX(-50%);

  color:rgba(255,255,255,.75); font-size:13px; letter-spacing:.1em;

}

 

.gal-main{ cursor:zoom-in; }

@media (max-width:560px){

  .zvetseni-sip{ width:40px; height:40px; }

}