/*
 * Sisulehtede lisad (esileht.css on alus): lühem päis, eelised, galerii, KKK, võrdlus, kontaktid ja vorm.
 */

/* Päis: veidi madalam kui esilehel */
@media (min-width:900px) {
  .pais.pais-leht { min-height:640px; }
  .pais.pais-leht .sisu { padding-top:150px; padding-bottom:84px; }
  .pais.pais-leht h1 { font-size:72px; }
}
.pais.pais-leht .foto img { object-position:50% 50%; }

/* Plokkide vahe ja taust: valged ja mustad vahelduvad */
.eelised-plokk, .paketid-plokk, .galerii-plokk, .kkk-plokk, .kontakt-plokk, .margid-plokk, .vordlus-plokk, .tekst-plokk { position:relative; }
.must.eelised-plokk .miks-rida, .must .miks-rida { border-color:#26292C; }
.must .miks-rida p, .must .tekst { color:#A7ADB2; }
.must .miks-rida h3 { color:#fff; }
.miks-read.eelised-4 { }
@media (min-width:900px) {
  .miks-read.eelised-4 { grid-template-columns:repeat(4, 1fr); gap:40px; }
  .miks-read.eelised-5 { grid-template-columns:repeat(5, 1fr); gap:32px; }
  .miks-read.eelised-6 { grid-template-columns:repeat(3, 1fr); gap:56px 56px; }
}

/* Tekst ja pilt: valge variant */
.tekst-plokk:not(.must) { background:#fff; color:var(--must); }
.tekst-plokk:not(.must) .tekst { color:#4A5056; }
.tekst-plokk .tekst + .tekst { margin-top:14px; }
.tekst-plokk:not(.must) ul { border-color:var(--joon); }
.tekst-plokk:not(.must) li { border-color:var(--joon); }
.tekst-plokk:not(.must) .nupp-valge { background:var(--must); color:#fff; }
.tekst-plokk:not(.must) .nupp-joon { color:var(--must); box-shadow:inset 0 0 0 1px var(--joon); }
.tekst-plokk .pilt img { aspect-ratio:4/5; }

/* Paketid sisulehtedel */
.paketid-plokk .tekst { color:#4A5056; margin-top:16px; }
.pakett .hind small { font-size:13px; font-weight:500; font-style:normal; color:var(--hall); margin-right:4px; }
.pakett .sisu-read { display:block; margin-top:6px; font-size:13px; color:#8A9096; }

/* Sektorid: 5 tükki */
@media (min-width:900px) { .sektorid.sektorid-5 { grid-template-columns:repeat(5, 1fr); gap:28px; } .sektorid.sektorid-5 .sektor h3 { font-size:22px; } }

/* Galerii */
.galerii-plokk { background:var(--taust); }
.galerii { display:grid; grid-template-columns:repeat(2, 1fr); gap:8px; margin-top:44px; }
.galerii figure { margin:0; overflow:hidden; aspect-ratio:3/4; background:#ddd; }
.galerii img { width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
@media (hover:hover) { .galerii figure:hover img { transform:scale(1.04); } }
@media (min-width:900px) { .galerii { grid-template-columns:repeat(3, 1fr); gap:12px; margin-top:64px; } .galerii:has(figure:nth-child(4):last-child) { grid-template-columns:repeat(4, 1fr); } }

/* KKK */
.kkk { margin-top:44px; border-bottom:1px solid var(--joon); max-width:900px; }
.kkk details { border-top:1px solid var(--joon); }
.kkk summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 0; font-size:18px; font-weight:600; }
.kkk summary::-webkit-details-marker { display:none; }
.kkk summary::after { content:""; width:12px; height:12px; flex:none; border-right:2px solid var(--sinine-tume); border-bottom:2px solid var(--sinine-tume); transform:rotate(45deg) translateY(-4px); transition:transform .3s; }
.kkk details[open] summary::after { transform:rotate(-135deg) translateY(-2px); }
.kkk details p { margin:0 0 22px; color:var(--hall); font-size:16px; max-width:720px; }
@media (min-width:900px) { .kkk summary { font-size:20px; padding:26px 0; } }

/* Võrdlus: kaks veergu mustal */
.vordlus { display:grid; gap:20px; margin-top:44px; }
.vordlus > div { border:1px solid #26292C; padding:28px 24px; }
.vordlus h3 { margin:0 0 16px; font-size:24px; color:#fff; }
.vordlus ul { list-style:none; margin:0; padding:0; }
.vordlus li { padding:10px 0 10px 26px; border-top:1px solid #26292C; position:relative; color:#D5D9DC; }
.vordlus li::before { content:""; position:absolute; left:2px; top:17px; width:12px; height:6px; border-left:2px solid var(--sinine); border-bottom:2px solid var(--sinine); transform:rotate(-45deg); }
.vordlus p { margin:16px 0 0; color:#A7ADB2; font-size:15px; }
.vordlus-plokk .tekst { color:#A7ADB2; }
.vordlus-plokk .nupud { display:flex; gap:12px; margin-top:32px; }
@media (min-width:900px) { .vordlus { grid-template-columns:1fr 1fr; gap:24px; margin-top:64px; } .vordlus > div { padding:40px; } }

/* Kaubamärgid */
.margid-plokk .margid { margin-top:36px; font-size:20px; gap:14px 36px; }

/* Kontaktid ja vorm */
.kontakt-plokk .kontakt-all { display:grid; gap:40px; margin-top:64px; }
.kontakt-plokk h3 { font-size:24px; margin:0 0 12px; }
.kontakt-plokk .tekst { color:#4A5056; margin:0 0 10px; }
.kontakt-read { display:flex; flex-direction:column; gap:6px; margin-top:20px; font-size:17px; font-weight:600; }
.kontakt-read a { color:var(--must); border-bottom:1px solid var(--sinine); align-self:flex-start; padding-bottom:2px; }
@media (min-width:900px) { .kontakt-plokk .kontakt-all { grid-template-columns:1fr 1.3fr; gap:96px; } }
.vorm .wpcf7 p { margin:0 0 14px; font-size:13px; color:var(--hall); }
.vorm .wpcf7 input:not([type=submit]):not([type=checkbox]), .vorm .wpcf7 textarea {
  display:block; width:100%; margin-top:6px; padding:14px 16px; font:inherit; font-size:16px; color:var(--must);
  background:var(--taust); border:1px solid transparent; border-radius:0; outline:none; transition:border-color .2s; box-sizing:border-box; }
.vorm .wpcf7 input:focus, .vorm .wpcf7 textarea:focus { border-color:var(--must); background:#fff; }
.vorm .wpcf7 textarea { min-height:140px; resize:vertical; }
.vorm .wpcf7 input[type=submit] { appearance:none; border:0; cursor:pointer; height:54px; padding:0 44px 0 30px; background:var(--must); color:#fff; font:inherit; font-weight:600; font-size:15px;
  clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%); transition:background .2s; }
.vorm .wpcf7 input[type=submit]:hover { background:var(--sinine); color:var(--must); }
.vorm .wpcf7-response-output { margin:16px 0 0 !important; padding:12px 14px !important; border:1px solid var(--joon) !important; font-size:14px; }
.vorm .wpcf7-not-valid-tip { font-size:13px; color:#C93A21; margin-top:4px; }

/* Päise teine rida helesinisena (mitte kaldkirjas) */
.pais h1 em { font-style:normal; color:var(--sinine); }

/* Avanevad paketid (pakkumisega teenused) */
.pakett-avatav { border-bottom:1px solid var(--joon); }
.pakett-avatav > summary { list-style:none; cursor:pointer; border-bottom:0; }
.pakett-avatav > summary::-webkit-details-marker { display:none; }
.pakett .ava { display:inline-block; width:9px; height:9px; margin-left:14px; border-right:2px solid var(--sinine-tume); border-bottom:2px solid var(--sinine-tume); transform:rotate(45deg) translateY(-4px); transition:transform .3s; }
.pakett-avatav[open] .ava { transform:rotate(-135deg) translateY(-2px); }
.pakett-avatav[open] > summary h3 { color:var(--sinine-tume); }
.pakett-lisa { display:grid; gap:20px; padding:0 0 28px; }
.pakett-lisa img { width:100%; height:auto; background:var(--taust); }
.pakett-lisa .lisa-pk { margin:0 0 8px; font-size:12px; font-weight:600; color:var(--hall); }
.pakett-lisa ul { list-style:none; margin:0 0 18px; padding:0; columns:2; column-gap:24px; }
.pakett-lisa li { position:relative; padding:5px 0 5px 22px; font-size:15px; break-inside:avoid; }
.pakett-lisa li::before { content:""; position:absolute; left:2px; top:12px; width:10px; height:5px; border-left:2px solid var(--sinine-tume); border-bottom:2px solid var(--sinine-tume); transform:rotate(-45deg); }
.pakett-lisa .lisa-tekst { margin:0 0 18px; color:#4A5056; }
.pakett-lisa .nupud { display:flex; flex-wrap:wrap; gap:10px; }
.nupp-must { background:var(--must); color:#fff; clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%); padding-right:42px; }
.nupp-must:hover { background:var(--sinine); color:var(--must); }
.nupp-joon-must { color:var(--must); box-shadow:inset 0 0 0 1px var(--joon); }
.nupp-joon-must:hover { box-shadow:inset 0 0 0 1px var(--must); }
@media (min-width:900px) {
  .pakett-lisa { grid-template-columns:1.2fr 1fr; gap:32px; align-items:center; }
  .paketid .pakett-avatav[open] { grid-column:1 / -1; }
}

/* Kontaktivormi näidistekst nähtavaks */
.vorm .wpcf7 input::placeholder, .vorm .wpcf7 textarea::placeholder { color:#9AA0A6 !important; opacity:1 !important; -webkit-text-fill-color:#9AA0A6; }
.vorm .wpcf7 input:not([type=submit]), .vorm .wpcf7 textarea { color:var(--must) !important; -webkit-text-fill-color:var(--must); }

/* Pisipilt paketi rea ees (pesupaketid) */
.pakett.pisiga { grid-template-columns:76px 1fr auto; column-gap:16px; align-items:center; }
.pakett.pisiga .pisi { grid-column:1; grid-row:1 / span 2; width:76px; height:76px; object-fit:cover; background:var(--taust); align-self:center; }
.pakett.pisiga .nimi, .pakett.pisiga p { grid-column:2; }
.pakett.pisiga .hind { grid-column:3; }
.pakett.pisiga + .pakett-lisa { grid-template-columns:1fr; padding-left:92px; }
@media (min-width:900px) {
  .pakett.pisiga { grid-template-columns:112px 1fr auto; column-gap:24px; }
  .pakett.pisiga .pisi { width:112px; height:84px; }
  .pakett.pisiga + .pakett-lisa { padding-left:136px; }
}
@media (hover:hover) { .pakett.pisiga .pisi { transition:filter .4s; filter:saturate(.85); } .pakett.pisiga:hover .pisi { filter:none; } }
@media (max-width:420px) { .pakett.pisiga + .pakett-lisa { padding-left:0; } }
@media (max-width:520px) {
  .pakett.pisiga { grid-template-columns:60px 1fr auto; column-gap:14px; }
  .pakett.pisiga .pisi { width:60px; height:60px; grid-row:1; align-self:start; margin-top:4px; }
  .pakett.pisiga .hind { font-size:22px; }
  .pakett.pisiga + .pakett-lisa ul { columns:1; }
}
@media (min-width:900px) { .sektorid.sektorid-3 { grid-template-columns:repeat(3, 1fr); gap:48px; } }

/* Arvustused ja Google'i hinne */
.arvustused { background:var(--taust); }
@media (min-width:900px) { .arvustused .pealkiri-rida { align-items:flex-end; } }
.google-hinne { display:flex; align-items:center; gap:14px; color:var(--must); text-decoration:none; padding:14px 22px 14px 18px; background:#fff; box-shadow:inset 3px 0 0 var(--sinine); }
.google-hinne b { font-size:44px; line-height:1; font-style:italic; letter-spacing:-0.03em; }
.google-hinne span { display:flex; flex-direction:column; gap:4px; }
.google-hinne small { font-size:13px; color:var(--hall); }
a.google-hinne[href]:hover small { color:var(--must); }
.tahed { display:block; width:96px; height:16px; font-style:normal; background:linear-gradient(90deg, var(--sinine) var(--t), #D5D9DC var(--t));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 16'%3E%3Cg fill='%23000'%3E%3Cpath id='s' d='M8 .8l2.2 4.6 5 .7-3.6 3.5.9 5L8 12.2 3.5 14.6l.9-5L.8 6.1l5-.7z'/%3E%3Cuse href='%23s' x='20'/%3E%3Cuse href='%23s' x='40'/%3E%3Cuse href='%23s' x='60'/%3E%3Cuse href='%23s' x='80'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 16'%3E%3Cg fill='%23000'%3E%3Cpath id='s' d='M8 .8l2.2 4.6 5 .7-3.6 3.5.9 5L8 12.2 3.5 14.6l.9-5L.8 6.1l5-.7z'/%3E%3Cuse href='%23s' x='20'/%3E%3Cuse href='%23s' x='40'/%3E%3Cuse href='%23s' x='60'/%3E%3Cuse href='%23s' x='80'/%3E%3C/g%3E%3C/svg%3E") no-repeat; }
.arvustuste-read { display:grid; gap:12px; margin-top:40px; }
.arvustus { margin:0; padding:28px 26px; background:#fff; display:flex; flex-direction:column; justify-content:space-between; gap:22px; position:relative; }
.arvustus::before { content:""; position:absolute; left:0; top:28px; width:3px; height:28px; background:var(--sinine); transform:skewX(-12deg); }
.arvustus blockquote { margin:0; font-size:17px; line-height:1.55; color:var(--must); quotes:"„" "“"; }
.arvustus blockquote::before { content:open-quote; } .arvustus blockquote::after { content:close-quote; }
.arvustus figcaption { display:flex; justify-content:space-between; gap:12px; font-size:14px; }
.arvustus figcaption span { color:var(--hall); }
@media (min-width:900px) {
  .arvustuste-read { grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:56px; }
  .arvustuste-read:has(> :nth-child(2):last-child), .arvustuste-read:has(> :nth-child(4):last-child) { grid-template-columns:repeat(2, 1fr); }
}
/* Üks arvustus: suur tsitaat nagu varem */
.arvustused-yks .arvustuste-read { grid-template-columns:1fr; }
.arvustused-yks .arvustus { background:none; padding:0; }
.arvustused-yks .arvustus::before { display:none; }
.arvustused-yks .arvustus blockquote { font-size:clamp(24px, 4.2vw, 44px); line-height:1.25; letter-spacing:-0.02em; max-width:1040px; }
.arvustused-yks .arvustus figcaption { justify-content:flex-start; color:var(--hall); }
@media (max-width:899px) { .google-hinne { margin-top:24px; align-self:flex-start; } .google-hinne b { font-size:36px; } }