/* Pierre de Luxe — katalog dílů (Kameny). Tokeny viz style.css. */

.pdl-btn-jade{background:var(--jade);color:var(--gold-light);padding:14px 28px;display:inline-block;font-size:15px}
.pdl-btn-jade:hover{color:var(--gold-light);opacity:.94}
.pdl-btn-oline-jade{border:1px solid var(--jade);color:var(--jade);padding:11px 24px;display:inline-block;background:none;cursor:pointer;font-family:inherit;font-size:14px}

/* intro */
.pdl-cat-hero{background:var(--jade);color:var(--gold-light)}
.pdl-cat-hero .in{max-width:var(--maxw);margin:0 auto;padding:clamp(40px,5vw,72px) 24px}
.pdl-cat-hero .pdl-kicker{margin-bottom:14px}
.pdl-cat-hero h1{font-size:clamp(34px,5vw,56px);color:var(--cream);max-width:16ch}
.pdl-cat-hero p{color:var(--cream-muted);margin-top:18px;max-width:60ch;font-size:16.5px}

/* toolbar */
.pdl-cat-toolbar{background:var(--plate);border-bottom:1px solid var(--border)}
.pdl-cat-toolbar .in{max-width:var(--maxw);margin:0 auto;padding:20px 24px}
.pdl-tb-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.pdl-search{position:relative;flex:1 1 240px;min-width:200px}
.pdl-search__ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9a968d;font-size:15px}
.pdl-search input{width:100%;border:1px solid var(--input);background:#fff;padding:12px 14px 12px 36px;font-size:15px;color:var(--ink)}
.pdl-seg{display:flex;border:1px solid var(--input);background:#fff}
.pdl-seg button{cursor:pointer;border:none;padding:12px 16px;font-size:14px;background:#fff;color:var(--ink);font-family:inherit}
.pdl-seg button.is-active{background:var(--jade);color:var(--gold-light)}
.pdl-dd{position:relative}
.pdl-dd__btn{cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--input);background:#fff;padding:12px 14px;font-size:14px;color:var(--ink);font-family:inherit}
.pdl-dd.is-active .pdl-dd__btn,.pdl-dd.is-open .pdl-dd__btn{border-color:var(--gold)}
.pdl-dd__badge{background:var(--jade);color:var(--gold-light);font-size:11px;border-radius:9px;padding:1px 7px}
.pdl-dd__caret{color:#9a968d;font-size:11px}
.pdl-dd__pop{position:absolute;z-index:40;top:calc(100% + 6px);left:0;min-width:210px;background:#fff;border:1px solid var(--input);box-shadow:0 12px 30px rgba(8,32,24,.14);padding:8px}
.pdl-dd__opt{cursor:pointer;width:100%;text-align:left;border:none;background:none;display:flex;align-items:center;gap:10px;padding:9px 10px;font-size:14px;color:var(--ink);font-family:inherit}
.pdl-dd__box{width:15px;height:15px;flex:none;border:1px solid var(--input-2);background:#fff}
.pdl-dd__opt.is-checked .pdl-dd__box{border-color:var(--jade);background:var(--jade)}
.pdl-select{border:1px solid var(--input);background:#fff;padding:12px 14px;font-size:14.5px;color:var(--ink);font-family:inherit}
#pdl-price{margin-left:auto}
.pdl-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;align-items:center}
.pdl-chip-x{cursor:pointer;font-size:13px;background:#EEF0EA;border:1px solid #D6DCCF;color:var(--jade);padding:6px 10px 6px 12px;display:inline-flex;align-items:center;gap:8px;font-family:inherit}
.pdl-chip-x span{color:var(--muted-3);font-size:14px}
.pdl-chip-clear{cursor:pointer;font-size:13px;background:none;border:none;color:var(--on-order);text-decoration:underline;padding:6px;font-family:inherit}

/* results */
.pdl-cat-body{background:var(--plate)}
.pdl-cat-body .in{max-width:var(--maxw);margin:0 auto;padding:26px 24px clamp(48px,6vw,80px)}
.pdl-cat-count{font-size:13.5px;color:var(--muted);margin-bottom:20px}
.pdl-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
/* Karta je <button>: prohlížeče obsah tlačítka svisle centrují, takže v řádku
   natažené karty měly fotku různě odsazenou. Flex sloupec = obsah vždy nahoře. */
.pdl-tilecard{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;text-align:left;cursor:pointer;background:#fff;border:1px solid var(--border);padding:0;font-family:inherit;color:inherit}
.pdl-tilecard__img{display:block;flex:none;aspect-ratio:1/1;background:var(--placeholder);overflow:hidden}
.pdl-tilecard__img img{width:100%;height:100%;object-fit:cover}
.pdl-tilecard__body{display:block;padding:14px 15px 16px}
.pdl-tilecard__name{display:block;font-family:var(--font-head);font-size:18px;color:var(--jade)}
.pdl-tilecard__family{display:block;font-size:12.5px;color:var(--muted-3);margin-top:3px}
.pdl-tilecard__meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;color:var(--muted);margin-top:10px}
.pdl-tilecard__meta .sep{color:#c9c5ba}
.pdl-tilecard__price{display:block;font-size:13.5px;color:var(--ink);margin-top:12px;padding-top:11px;border-top:1px solid var(--border-2)}
.pdl-cat-empty{text-align:center;padding:60px 20px;color:var(--muted)}
.pdl-cat-empty .t{font-family:var(--font-head);font-size:24px;color:var(--jade);margin-bottom:8px}
.pdl-cat-empty p{margin:0 0 18px}
.pdl-cat-end{text-align:center;margin-top:40px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#b4ac97}

/* modal */
.pdl-modal{position:fixed;inset:0;z-index:60;background:rgba(8,32,24,.62);display:flex;align-items:center;justify-content:center;padding:24px}
.pdl-modal__card{background:var(--plate);max-width:820px;width:100%;max-height:88vh;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.pdl-modal__img{aspect-ratio:1/1;min-height:260px;padding:18px;background:var(--plate);display:flex}
.pdl-modal__img img{width:100%;height:100%;object-fit:cover;background:var(--placeholder);border:1px solid var(--gold)}
.pdl-modal__body{padding:clamp(24px,3vw,40px);position:relative}
.pdl-modal__close{position:absolute;top:16px;right:16px;cursor:pointer;background:none;border:none;font-size:24px;color:var(--muted);line-height:1}
.pdl-modal__kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.pdl-modal__body h2{font-size:clamp(26px,3.5vw,36px);color:var(--jade)}
.pdl-modal__family{font-size:14px;color:var(--muted-3);margin-top:4px}
.pdl-modal__specs{margin-top:22px;border-top:1px solid var(--border)}
.pdl-modal__row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border);font-size:14.5px}
.pdl-modal__row .k{color:var(--muted-3)}
.pdl-modal__row .v{color:var(--ink);text-align:right}
.pdl-modal__note{font-size:14px;color:var(--muted-2);margin:18px 0 0}
.pdl-modal__body .pdl-btn-jade{margin-top:24px}