/* Solid Protect v2 — SPFR100 tooteleht (Sheet P-01) */
.p-hero{padding-top:56px;border-bottom:1px solid var(--ink);overflow:hidden}
.p-hero__text{display:flex;flex-direction:column;gap:26px;padding:12px 0 72px}
.p-h1{margin:0;display:flex;flex-direction:column;gap:10px}
.p-h1__name{font-family:var(--serif);font-weight:400;font-size:clamp(96px,15vw,220px);line-height:.82;letter-spacing:-.035em}
.p-h1__sub{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,44px);line-height:1.1}
.p-can{position:relative;display:flex;flex-direction:column;gap:16px}
.p-can svg{width:100%;max-width:520px;height:auto;overflow:visible;margin-left:auto}
.p-fill{animation:pFillOnce 3.4s cubic-bezier(.45,0,.25,1) .4s both}
.p-pour{opacity:0;animation:pPourOnce 3.6s linear .3s both}
.p-pour__flow{animation:pPourOnce 3.6s linear .3s both,pFlow .45s linear infinite}
.p-wave{animation:pWave 4.6s linear infinite;will-change:transform}
.p-bubble{animation:pBubble var(--t,4s) ease-in var(--d,2s) infinite;opacity:0}
.p-facts4{display:none;margin:0;grid-template-columns:1fr 1fr;border:1px solid var(--ink)}
.p-facts4 div{padding:10px 12px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.p-facts4 div:nth-child(2n){border-right:0}.p-facts4 div:nth-child(n+3){border-bottom:0}
.p-facts4 dt{font-family:var(--mono);font-size:10px;text-transform:uppercase;color:var(--muted)}
.p-facts4 dd{margin:0;font-size:14px}
.p-quote{margin:0;font-family:var(--serif);font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:-.01em}
.p-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);row-gap:56px;margin-top:36px}
.p-feat{display:flex;flex-direction:column;gap:14px}
.p-feat__top{display:flex;justify-content:space-between;align-items:flex-start}
.p-feat svg{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.p-feat:hover svg{transform:rotate(-12deg) scale(1.06)}
.p-feat__t{transition:color .3s}.p-feat:hover .p-feat__t{color:var(--orange-text)}
.p-note{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:18px;align-items:start;margin-top:56px;padding:24px 28px;border:1.5px solid var(--ink);background:var(--paper)}
.p-note .sp-text{margin-top:6px}
.p-coat{animation:pCoat 6s cubic-bezier(.3,.6,.2,1) var(--d,0s) infinite;opacity:0}
.p-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1.5px solid var(--ink)}
.p-step{position:relative;padding:22px 20px 0 0;display:flex;flex-direction:column;gap:8px}
.p-step__bar{position:absolute;left:0;top:-2px;height:3px;background:var(--green);animation:pStep 1s ease-out var(--d,0s) both}
.p-step__t{font-family:var(--serif);font-size:30px;line-height:1.1}
/* kalkulaator */
.p-calc{background:var(--forest);color:var(--cream);padding:48px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:28px}
.p-calc .sp-over{color:var(--forest-muted)}
.p-calc__in{grid-column:1 / span 6;display:flex;flex-direction:column;gap:22px}
.p-calc__group{display:flex;flex-direction:column;gap:10px}
.p-calc__lbl{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--forest-muted)}
.p-stepper{display:flex;align-items:center;gap:12px}
.p-round{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--forest-muted);background:transparent;color:var(--cream);font-size:24px;line-height:1}
.p-round:hover{background:rgba(254,246,233,.1)}
.p-area{display:flex;align-items:baseline;gap:8px}
.p-area input{width:170px;background:transparent;border:0;border-bottom:1.5px solid var(--forest-muted);color:var(--cream);font-family:var(--serif);font-size:52px;line-height:1;text-align:center;padding:0 0 4px;-moz-appearance:textfield}
.p-area input::-webkit-outer-spin-button,.p-area input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.p-area input:focus{outline:none;border-bottom-color:var(--green)}
.p-area span{font-family:var(--serif);font-size:22px}
.p-chips{display:flex;flex-wrap:wrap;gap:8px}
.p-chips button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--forest-muted);background:transparent;color:var(--cream);font-family:var(--mono);font-size:12.5px}
.p-chips button[aria-pressed="true"]{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.p-result{grid-column:8 / span 5;align-self:start;background:var(--cream);color:var(--ink);padding:32px;display:flex;flex-direction:column;gap:14px}
.p-result .sp-over{color:var(--muted)}
.p-result__l{font-family:var(--serif);line-height:.9}
.p-result__l b{font-weight:400;font-size:112px}
.p-result__l small{font-size:40px}
.p-result__base{font-family:var(--mono);font-size:13px;color:var(--ink-2)}
.p-result__pack{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:1px solid var(--ink)}
.p-result__pack b{font-size:19px;font-weight:600;line-height:1.35}
.p-calc__note{grid-column:1 / -1;margin:0;font-size:14px;line-height:1.6;color:var(--forest-muted)}
/* tehnilised andmed, kasutus, sertifikaadid, päring */
.p-tech{margin:0;border-top:1.5px solid var(--ink)}
.p-seal{margin-top:22px}
.p-tech__row{display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:20px;padding:14px 8px;border-bottom:1px solid var(--line-soft);transition:background-color .3s}
.p-tech__row:hover{background:var(--sand)}
.p-tech dt{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;color:var(--muted);padding-top:2px}
.p-tech dd{margin:0;font-size:16px;line-height:1.5}
.p-uses{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);border-top:1.5px solid var(--ink)}
.p-uses li{display:flex;align-items:center;gap:14px;min-height:64px;border-bottom:1px solid var(--line-soft);font-size:17px}
.p-uses b{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--forest);min-width:26px}
.p-certs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:28px}
.p-certc{display:flex;flex-direction:column;gap:12px;padding:24px;border:1.5px solid var(--ink);background:var(--paper);min-height:220px;transition:background-color .3s,transform .3s}
.p-certc:hover{background:var(--sand);color:var(--ink);transform:translateY(-2px)}
.p-certc__t{font-family:var(--serif);font-size:28px;line-height:1.1}
.p-talk{border:1.5px solid var(--ink);padding:56px 48px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:end}
.p-talk > div:first-child{display:flex;flex-direction:column;gap:14px}
.p-talk__cta{display:flex;flex-direction:column;gap:12px}
@keyframes pFillOnce{from{transform:translateY(330px)}to{transform:none}}
@keyframes pPourOnce{0%{opacity:0}6%,82%{opacity:1}100%{opacity:0}}
@keyframes pFlow{to{stroke-dashoffset:-28}}
@keyframes pWave{from{transform:translateX(0)}to{transform:translateX(-180px)}}
@keyframes pBubble{0%{transform:translateY(0);opacity:0}15%{opacity:.8}100%{transform:translateY(-190px);opacity:0}}
@keyframes pCoat{0%,8%{transform:translateY(-70px);opacity:0}28%,88%{transform:none;opacity:1}100%{transform:none;opacity:0}}
@keyframes pStep{from{width:0}to{width:100%}}
@media (max-width:1180px){.p-certs{grid-template-columns:repeat(2,minmax(0,1fr))}.p-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){
  .p-hero{padding-top:28px}
  .p-hero__text{padding:4px 0 8px;gap:18px}
  .p-can svg{max-width:360px;margin:0 auto}
  .p-facts4{display:grid}
  .p-feats{grid-template-columns:minmax(0,1fr);row-gap:32px}
  .p-steps{grid-template-columns:minmax(0,1fr)}
  .p-step{padding:16px 0}
  .p-calc{padding:28px 20px;grid-template-columns:minmax(0,1fr);margin-left:-20px;margin-right:-20px}
  .p-calc__in,.p-result{grid-column:1 / -1}
  .p-stepper{justify-content:space-between}
  .p-area input{width:140px;font-size:44px}
  .p-result{padding:22px}
  .p-result__l b{font-size:84px}
  .p-result .sp-btn{width:100%}
  .p-tech{grid-column:1 / -1 !important}
  .p-tech__row{grid-template-columns:minmax(0,1fr);row-gap:3px;padding:12px 0}
  .p-uses{grid-template-columns:minmax(0,1fr)}
  .p-certs{grid-template-columns:minmax(0,1fr)}
  .p-certc{min-height:0}
  .p-talk{grid-template-columns:minmax(0,1fr);row-gap:24px;padding:28px 20px}
  .p-talk__cta .sp-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.p-fill,.p-wave,.p-bubble,.p-coat,.p-step__bar,.p-pour{animation:none!important}.p-pour{opacity:0!important}.p-coat{opacity:1}.p-bubble{display:none}}
/* tiheduse silt kanistrist vasakule välja (laual); mobiilis kanistri alla */
@media (max-width:760px){.p-can .p-dens{transform:translate(150px,82px)}.p-can .p-dens text{text-anchor:start}.p-can .p-dens__l{display:none}}
/* p-certc-fit: pikad liitsõnad (Klassifitseerimisaruanne, Emissionsklassifizierung) mahuvad kaardile kõigis 18 keeles */
.p-certc__t{font-size:21px;overflow-wrap:break-word;hyphens:auto}
@media (max-width:760px){.p-certc__t{font-size:24px}}
/* p-calc-ux: selge sisestusväli, vihje, tühi olek, klikitavad nupud */
.p-area input{width:200px;background:rgba(254,246,233,.08);border:1.5px solid var(--forest-muted);border-radius:12px;padding:6px 12px;cursor:text;caret-color:var(--green);transition:border-color .2s,box-shadow .2s}
.p-area input::placeholder{color:rgba(254,246,233,.35)}
.p-area input:hover{border-color:var(--cream)}
.p-area input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(119,199,52,.35)}
.p-calc__hint{font-size:13.5px;color:var(--forest-muted)}
.p-round,.p-chips button{cursor:pointer;transition:background .15s,border-color .15s}
.p-chips button:hover{border-color:var(--cream);background:rgba(254,246,233,.08)}
.p-chips button[aria-pressed="true"]:hover{background:var(--cream)}
.p-result__empty{display:none;font-size:15px;line-height:1.5;color:var(--ink-2)}
.p-calc.is-empty .p-result__empty{display:block}
.p-calc.is-empty .p-result__l b,.p-calc.is-empty .p-result__l small{color:#B9B2A4}
.p-calc.is-empty .p-result__base,.p-calc.is-empty .p-result__pack{display:none}
.p-result__more{font-size:14.5px;color:var(--forest);text-decoration:underline;text-underline-offset:4px;align-self:flex-start}.p-result__more:hover{color:var(--orange-text,#B04510)}
.p-result__price{font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;color:var(--ink-2)}
/* p-h1-fit: SPFR100 nimi ei murdu ja mahub alati veergu (nime laius ≈ 3,715 × font-size) */
.p-h1 .p-h1__name{white-space:nowrap;overflow-wrap:normal;hyphens:none;font-size:min(13.3vw,198px)}
@media (max-width:980px){.p-h1 .p-h1__name{font-size:min(22vw,176px)}}