/* ALBELA — прайс-лист столешниц (/catalog/countertops/price/). Подключается только на этой странице.
   Палитра и шрифты — из albela.css (:root). Встроенных стилей нет (CSP, README 29.10.2026). */

.pl-top{padding-top:136px;}
.pl-top .back-link{margin-bottom:26px;}
.pl-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:end;}
.pl-intro .eyebrow{display:block;margin-bottom:18px;}
.pl-h1{font-family:'Mont',sans-serif;font-weight:300;font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-.005em;color:var(--ink);}
.pl-h1 b{font-weight:600;color:var(--accent-hot);}
.pl-lead{margin-top:22px;font-size:16px;max-width:640px;color:var(--body);}
.pl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center;}
.pl-actions .btn[disabled]{opacity:.5;cursor:progress;}
.pl-pdf-status{font-size:13px;color:var(--neg);}
.pl-updated{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:12.5px;letter-spacing:.04em;color:var(--muted);}
.pl-updated::before{content:"";width:8px;height:8px;border-radius:50%;background:#6FBF73;box-shadow:0 0 0 0 rgba(111,191,115,.6);animation:pl-pulse 2.6s ease-out infinite;}
.pl-updated.is-warn{color:var(--neg);}
.pl-updated.is-warn::before{background:var(--neg);animation:none;}
@keyframes pl-pulse{0%{box-shadow:0 0 0 0 rgba(111,191,115,.55);}70%{box-shadow:0 0 0 9px rgba(111,191,115,0);}100%{box-shadow:0 0 0 0 rgba(111,191,115,0);}}

/* быстрый подбор */
.pl-pick{position:relative;background:linear-gradient(160deg,var(--card-hi),var(--card) 60%);border:1px solid var(--line);padding:26px 26px 24px;}
.pl-pick::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-hot) 50%,var(--accent-soft));}
.pl-pick-t{font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);}
.pl-pick-p{margin-top:8px;font-size:14px;color:var(--muted);}
.pl-pick-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;}
.pl-pick-form label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;}
.pl-pick-form select{width:100%;appearance:none;-webkit-appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C79A4E' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/14px;
  color:var(--ink);border:1px solid var(--line);padding:13px 38px 13px 14px;font:500 17px 'Mont',sans-serif;border-radius:var(--radius);}
.pl-pick-form select:focus{outline:none;border-color:var(--accent);}
.pl-app:not(.is-live) .pl-pick-form,.pl-app:not(.is-live) .pl-pick-p{display:none;}

.pl-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:40px;}
.pl-tile{position:relative;display:flex;flex-direction:column;gap:10px;min-height:196px;padding:20px 18px 18px;background:var(--card);border:1px solid var(--line);transition:border-color .35s var(--ease),transform .35s var(--ease),background .35s;}
.pl-tile:hover{border-color:var(--accent-soft);transform:translateY(-3px);background:var(--card-hi);}
.pl-t-head{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px solid var(--line-soft);}
.pl-t-name{font-size:17px;font-weight:600;letter-spacing:.08em;color:var(--ink);}
.pl-t-edge{font-size:11.5px;letter-spacing:.06em;color:var(--muted);}
.pl-t-row{display:flex;flex-direction:column;}
.pl-t-row b{font-size:22px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;}
.pl-t-row i{font-style:normal;font-size:11.5px;color:var(--muted);}
.pl-t-led b{color:var(--accent-hot);}
.pl-t-led{padding-left:10px;border-left:2px solid var(--accent);}
.pl-t-go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);}
.pl-t-go svg{width:14px;height:14px;transition:transform .3s var(--ease);}
.pl-tile:hover .pl-t-go svg{transform:translateX(4px);}
.pl-tile.is-off{opacity:.55;}
.pl-t-off{font-size:13px;color:var(--muted);}

/* таблицы */
.pl-sec{padding-top:96px;}
.pl-sec .h-sec{margin-top:10px;}
.pl-sec-p{margin-top:12px;font-size:15px;color:var(--muted);max-width:680px;}
.pl-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:34px;border:1px solid var(--line);border-bottom:0;}
.pl-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 18px 16px;background:var(--bg-soft);border:0;border-right:1px solid var(--line);color:var(--body);text-align:left;transition:background .3s;}
.pl-tab:last-child{border-right:0;}
.pl-tab b{font-size:14px;font-weight:600;letter-spacing:.12em;color:var(--ink);}
.pl-tab span{font-size:12.5px;color:var(--muted);}
.pl-tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);}
.pl-tab:hover{background:var(--card);}
.pl-tab.is-on{background:var(--card-hi);}
.pl-tab.is-on::after{transform:scaleX(1);}
.pl-tab.is-on span{color:var(--accent-hot);}
.pl-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}
.pl-app:not(.is-live) .pl-tabs{display:none;}

.pl-panel{background:var(--card-hi);border:1px solid var(--line);padding:30px 30px 26px;}
.pl-app:not(.is-live) .pl-panel{display:flex;flex-direction:column;gap:56px;}
.pl-p-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;}
.pl-p-name{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3vw,40px);color:var(--ink);letter-spacing:.01em;}
.pl-p-desc{margin-top:6px;font-size:14px;color:var(--accent);max-width:640px;}
.pl-p-from{font-size:13px;color:var(--muted);}
.pl-p-from b{font-size:26px;font-weight:500;color:var(--ink);margin-left:4px;}
.pl-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:22px;background:var(--bg-soft);border:1px solid var(--line-soft);}
.pl-chips li{padding:11px 14px;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;gap:2px;}
.pl-chips li:last-child{border-right:0;}
.pl-chips span{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);}
.pl-chips b{font-size:14px;font-weight:600;color:var(--ink);}
.pl-seg{display:inline-flex;margin-top:18px;border:1px solid var(--line);}
.pl-seg button{background:transparent;border:0;color:var(--body);padding:10px 18px;font-size:13px;font-weight:500;letter-spacing:.06em;}
.pl-seg button+button{border-left:1px solid var(--line);}
.pl-seg button.is-on{background:var(--accent);color:#140F07;}

.pl-scroll{margin-top:20px;overflow:auto;max-height:76vh;border:1px solid var(--line-soft);-webkit-overflow-scrolling:touch;}
.pl-table{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;font-size:14px;min-width:640px;}
.pl-table th,.pl-table td{padding:8px 8px;text-align:center;white-space:nowrap;border-bottom:1px solid var(--line-soft);}
.pl-table thead th{position:sticky;top:0;z-index:2;background:#0B0907;color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.08em;}
.pl-table.has-led thead tr:nth-child(2) th{top:35px;}
.pl-table thead .pl-c-sub{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.06em;}
.pl-table thead .pl-c-subled{color:var(--accent-hot);}
.pl-table thead tr:last-child th{border-bottom:1px solid var(--accent-soft);}
.pl-table .pl-c-len{position:sticky;left:0;z-index:1;background:#191510;color:var(--ink);font-weight:600;text-align:center;min-width:86px;}
.pl-table thead .pl-c-len{z-index:3;background:#0B0907;}
.pl-table .pl-c-rib{color:var(--dim);font-size:12.5px;}
.pl-table .pl-c-d{border-left:1px solid var(--line);}
.pl-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.018);}
.pl-table td.pl-cell{cursor:pointer;color:var(--body);transition:background .15s,color .15s;}
.pl-table.has-led td.pl-cell:not(.pl-led){border-left:1px solid var(--line);}
.pl-table:not(.has-led) td.pl-cell{border-left:1px solid var(--line);}
.pl-table td.pl-led{color:var(--accent-hot);background:rgba(199,154,78,.07);font-weight:500;}
.pl-table tbody tr:nth-child(even) td.pl-led{background:rgba(199,154,78,.11);}
.pl-table tr.is-x td,.pl-table td.is-x{background:rgba(255,255,255,.055);}
.pl-table tr.is-x .pl-c-len{color:var(--accent-hot);}
.pl-table td.pl-cell:hover{background:var(--accent);color:#140F07;}
.pl-table td.is-pick{box-shadow:inset 0 0 0 2px var(--accent);color:var(--ink);font-weight:600;}
.pl-notes{margin-top:16px;display:grid;gap:6px;}
.pl-notes li{position:relative;padding-left:16px;font-size:13px;color:var(--muted);}
.pl-notes li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1px;background:var(--accent);}

/* условия */
.pl-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px;}
.pl-plate{position:relative;background:var(--card);border:1px solid var(--line);padding:24px 24px 22px;}
.pl-plate h3{font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);}
.pl-plate p{margin-top:12px;font-size:15px;color:var(--body);}
.pl-plate.is-no h3{color:var(--muted);}
.pl-plate.is-in{border-top:2px solid var(--accent);}
.pl-conds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;}
.pl-cond{background:var(--bg-soft);border:1px solid var(--line-soft);padding:20px 20px 18px;}
.pl-cond dt{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);}
.pl-cond dd{margin:8px 0 0;font-size:14.5px;color:var(--body);}
.pl-cond dd b{color:var(--ink);font-weight:600;}
.pl-end{padding:96px 0 110px;}

@media(max-width:1100px){
  .pl-intro{grid-template-columns:1fr;gap:32px;}
  .pl-tiles{grid-template-columns:repeat(3,minmax(0,1fr));}
  .pl-conds{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .pl-top{padding-top:112px;}
  .pl-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .pl-tile{min-height:0;padding:16px 14px;}
  .pl-t-row b{font-size:19px;}
  .pl-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;}
  .pl-tab{flex:0 0 46%;scroll-snap-align:start;}
  .pl-panel{padding:20px 14px 18px;}
  .pl-chips{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pl-chips li{border-bottom:1px solid var(--line-soft);}
  .pl-terms,.pl-conds{grid-template-columns:1fr;}
  .pl-table{font-size:13px;}
  .pl-table .pl-c-len{min-width:70px;}
}
@media(prefers-reduced-motion:reduce){.pl-updated::before{animation:none;}.pl-tile,.pl-tab::after{transition:none;}}
.pl-pick-nojs{margin-top:8px;font-size:14px;color:var(--muted);}
.pl-app.is-live .pl-pick-nojs{display:none;}
.pl-plate h3{font-family:'Mont',sans-serif;}
.pl-app:not(.is-live) #plPdf,.pl-app:not(.is-live) .pl-updated::before{display:none;}