/* Pierre de Luxe — domovská stránka (front-page). Tokeny viz style.css. */

.pdl-wrap{max-width:var(--maxw);margin:0 auto;padding-inline:24px}
.pdl-diamond{width:9px;height:9px;background:var(--gold);transform:rotate(45deg);flex:none;display:inline-block}
.pdl-diamond--sm{width:6px;height:6px}
.pdl-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.pdl-slot{width:100%;height:100%;min-height:inherit;background:var(--placeholder);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:13px;padding:16px}

/* tlačítka */
.pdl-btn-gold{background:var(--gold);color:var(--green-deep);padding:15px 30px;font-weight:500;letter-spacing:.02em;display:inline-block}
.pdl-btn-gold:hover{color:var(--green-deep);opacity:.92}
.pdl-btn-oline-gold{border:1px solid var(--gold);color:var(--gold-light);padding:15px 30px;letter-spacing:.02em;display:inline-block}
.pdl-btn-oline-gold:hover{color:var(--gold-light);background:rgba(201,162,75,.08)}
.pdl-btn-oline-jade{border:1px solid var(--jade);color:var(--jade);padding:14px 34px;letter-spacing:.02em;display:inline-block}
.pdl-btn-jade{background:var(--jade);color:var(--gold-light);padding:15px 32px;letter-spacing:.02em;display:inline-block}
.pdl-btn-jade:hover{color:var(--gold-light);opacity:.94}

/* HERO */
.pdl-hero{background:var(--jade);color:var(--gold-light);position:relative}
.pdl-hero__frame{position:absolute;inset:16px;border:1px solid rgba(201,162,75,.28);pointer-events:none}
.pdl-hero__inner{max-width:var(--maxw);margin:0 auto;padding:clamp(48px,7vw,96px) 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(32px,5vw,72px);align-items:center;position:relative}
.pdl-hero__copy{max-width:560px}
.pdl-hero h1{font-size:clamp(40px,5.4vw,68px);color:var(--cream);line-height:1.08}
.pdl-hero__lede{font-size:clamp(18px,2vw,21px);color:var(--cream-muted);margin-top:24px;max-width:46ch}
.pdl-hero__btns{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px}
.pdl-hero__media{position:relative;min-height:340px}
.pdl-hero__media-inner{position:relative;width:100%;min-height:340px;aspect-ratio:4/5}

/* PÁS VÝHOD */
.pdl-benefits{background:var(--green-deep);color:var(--gold-light);border-bottom:1px solid rgba(201,162,75,.2)}
.pdl-benefits__row{max-width:var(--maxw);margin:0 auto;padding:18px 24px;display:flex;flex-wrap:wrap;gap:14px 40px;justify-content:center;align-items:center;font-size:13.5px;letter-spacing:.02em}

/* společné hlavičky sekcí */
.pdl-sec{padding-block:clamp(48px,6vw,84px)}
.pdl-sec--light{background:var(--plate)}
.pdl-sec--line{border-top:1px solid var(--border)}
.pdl-kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.pdl-sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:36px}
.pdl-sechead h2{font-size:clamp(30px,4vw,44px);color:var(--jade)}
.pdl-sechead__note{max-width:38ch;color:var(--muted);font-size:15.5px}

/* KATEGORIE */
.pdl-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.pdl-cat__img{position:relative;aspect-ratio:3/4;background:var(--placeholder);overflow:hidden}
.pdl-cat__img img{width:100%;height:100%;object-fit:cover;opacity:.92}
.pdl-cat__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:14px;border-top:1px solid var(--gold);padding-top:12px}
.pdl-cat__name{font-family:var(--font-head);font-size:23px;color:var(--jade)}
.pdl-cat__more{font-size:13px;color:var(--muted)}

/* Z KOLEKCE */
.pdl-grid-pieces{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}
.pdl-piece{background:#fff;border:1px solid var(--border)}
.pdl-piece__img{position:relative;display:block;aspect-ratio:4/5;background:var(--placeholder);overflow:hidden}
.pdl-piece__img img{transition:transform .5s ease}
.pdl-piece__img:hover img{transform:scale(1.03)}
.pdl-piece__size{font-size:13px;color:var(--muted)}
.pdl-piece__body{padding:16px 16px 18px}
.pdl-piece__name{font-size:20px;color:var(--jade);margin-bottom:5px}
.pdl-piece__stones{font-size:13.5px;color:var(--muted)}
.pdl-piece__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-2)}
.pdl-poptat{font-size:13px;color:var(--jade);border-bottom:1px solid var(--gold);padding-bottom:2px}
.pdl-center{text-align:center;margin-top:44px}

/* KATALOG KAMENŮ (tmavá) */
.pdl-catalog{background:var(--jade);color:var(--gold-light);position:relative}
.pdl-catalog__inner{max-width:var(--maxw);margin:0 auto;padding:clamp(48px,6vw,88px) 24px}
.pdl-catalog .pdl-sechead{margin-bottom:14px}
.pdl-catalog h2{color:var(--cream)}
.pdl-catalog .pdl-sechead__note{color:var(--cream-muted);max-width:42ch}
.pdl-filterbar{border-top:1px solid rgba(201,162,75,.3);border-bottom:1px solid rgba(201,162,75,.3);padding:18px 0;margin:26px 0 30px;display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center}
.pdl-filterbar__label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.pdl-field{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--gold-light);border:1px solid rgba(201,162,75,.35);padding:8px 14px}
.pdl-field span{color:var(--gold);font-size:11px}
.pdl-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.pdl-chip{font-size:13.5px;letter-spacing:.02em;padding:8px 16px;border:1px solid rgba(201,162,75,.3);background:transparent;color:var(--gold-light)}
.pdl-chip.is-active{border-color:var(--gold);background:var(--gold);color:var(--green-deep)}
.pdl-grid-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.pdl-tile{background:var(--green-card);border:1px solid rgba(201,162,75,.22);cursor:pointer;transition:border-color .18s ease;text-align:left}
.pdl-tile:hover{border-color:rgba(201,162,75,.55)}
.pdl-tile:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pdl-tile__img{aspect-ratio:1/1;background:var(--green-deep);overflow:hidden}
.pdl-tile__img img{width:100%;height:100%;object-fit:cover}
.pdl-tile__body{padding:14px 15px 16px}
.pdl-tile__top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pdl-tile__name{font-size:18px;color:var(--cream)}
.pdl-tile__spec{font-size:12.5px;color:#9db09f;margin-top:8px;line-height:1.7}
.pdl-tile__spec .r{display:flex;justify-content:space-between}
.pdl-tile__spec .k{color:var(--footer-muted)}
.pdl-tile__spec .v{color:var(--cream-muted)}

/* NA MÍRU */
.pdl-namiru{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(32px,5vw,64px);align-items:center}
.pdl-namiru__media{position:relative;min-height:320px}
.pdl-namiru__media-frame{position:absolute;inset:0;border:1px solid var(--gold);transform:translate(-14px,14px)}
.pdl-namiru__media-inner{position:relative;aspect-ratio:5/4;min-height:320px}
.pdl-namiru__copy{max-width:520px}
.pdl-namiru__copy h2{font-size:clamp(30px,4vw,44px);color:var(--jade)}
.pdl-namiru__copy p{color:var(--muted-2);margin-top:20px;font-size:16.5px}
.pdl-steps{display:grid;gap:0;margin-top:26px}
.pdl-step{display:flex;gap:16px;padding:15px 0;border-top:1px solid var(--border)}
.pdl-step:last-child{border-bottom:1px solid var(--border)}
.pdl-step__n{font-family:var(--font-head);color:var(--gold);font-size:18px}
.pdl-step__t{color:var(--jade);font-weight:500}
.pdl-step__d{font-size:14px;color:var(--muted)}

/* PŘÍBĚH */
.pdl-story{background:var(--green-deep);color:var(--gold-light)}
.pdl-story__inner{max-width:820px;margin:0 auto;padding:clamp(52px,7vw,96px) 24px;text-align:center}
.pdl-story h2{font-size:clamp(28px,3.4vw,40px);color:var(--cream);line-height:1.3}
.pdl-story p{color:var(--cream-muted);margin-top:24px;font-size:17px}
.pdl-story a{display:inline-block;margin-top:30px;color:var(--gold-light);border-bottom:1px solid var(--gold);padding-bottom:3px}

/* FAQ */
.pdl-faq__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px 48px}
.pdl-faq__item{border-top:1px solid var(--border);padding:20px 0}
.pdl-faq__item h3{font-size:19px;color:var(--jade);margin-bottom:9px}
.pdl-faq__item p{font-size:15px;color:var(--muted-2)}

/* KONTAKT CTA */
.pdl-cta{background:var(--jade);color:var(--gold-light);position:relative}
.pdl-cta__frame{position:absolute;inset:16px;border:1px solid rgba(201,162,75,.28);pointer-events:none}
.pdl-cta__inner{max-width:760px;margin:0 auto;padding:clamp(52px,7vw,96px) 24px;text-align:center;position:relative}
.pdl-cta h2{font-size:clamp(30px,4vw,48px);color:var(--cream)}
.pdl-cta p{color:var(--cream-muted);margin:20px auto 0;font-size:17px;max-width:52ch}
.pdl-cta__btns{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:34px}

/* Detail dílu (modal) — zrcadlí kameny.css, aby homepage dlaždice fungovaly stejně */
.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}