/* Pergole 1.2.0 — modele, akcesoria, nawigacja kotwic. Sekcje wspólne: ovi-kit.css + ovl.css. Ostre narożniki, Montserrat (motyw), waga 300. */
.ovi-pergole{--pg-ink:#161717;--pg-soft:#5a5a5a;--pg-line:#e6e6e6;color:var(--pg-ink);font-family:var(--ov-font,"Montserrat","Helvetica Neue",Arial,sans-serif);font-weight:300;background:#fff}
.ovi-pergole *{box-sizing:border-box}
.ovi-pergole section{scroll-margin-top:88px}
.ovi-pergole .pg-shell{width:min(1264px,calc(100% - 58px));margin-inline:auto}
.ovi-pergole a{text-decoration:none}
.ovi-pergole img{display:block;width:100%;height:100%;object-fit:cover}
.ovi-pergole .ovk__shot img{height:100%}
.ovi-pergole :focus-visible{outline:3px solid #8a6a2b;outline-offset:3px}
.ovi-pergole .pg-nav{position:sticky;top:var(--ov-header-h,78px);z-index:20;background:#fff;border-bottom:1px solid var(--pg-line)}
.ovi-pergole .pg-nav .pg-shell{display:flex;gap:28px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.ovi-pergole .pg-nav a{padding:16px 0;color:var(--pg-ink);font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid transparent;transition:border-color .25s cubic-bezier(.65,0,.35,1)}
.ovi-pergole .pg-nav a:hover,.ovi-pergole .pg-nav a:focus-visible{border-bottom-color:var(--pg-ink)}
/* modele */
.ovi-pergole .pg-product-list{display:grid;gap:clamp(40px,6vw,80px)}
.ovi-pergole .pg-product{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center}
.ovi-pergole .pg-product:nth-child(even) .pg-product-gallery{order:2}
.ovi-pergole .pg-product-gallery{display:grid;grid-template-columns:3fr 2fr;gap:2px;background:var(--pg-line)}
.ovi-pergole .pg-product-gallery>a,.ovi-pergole .pg-product-detail{display:block;background:#f5f5f5;aspect-ratio:4/5;overflow:hidden}
.ovi-pergole .pg-product-gallery img{transition:transform .5s cubic-bezier(.65,0,.35,1)}
.ovi-pergole .pg-product-gallery>a:hover img{transform:scale(1.04)}
.ovi-pergole .pg-kicker{margin:0 0 12px;color:var(--pg-soft);font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.ovi-pergole .pg-product h3{margin:0 0 14px;font-size:clamp(1.75rem,2.8vw,2.5rem);font-weight:300;letter-spacing:-.035em;line-height:1.15}
.ovi-pergole .pg-product-copy p{margin:0 0 14px;line-height:1.6;color:var(--pg-soft)}
.ovi-pergole .pg-spec{padding:12px 0;border-top:1px solid var(--pg-line);border-bottom:1px solid var(--pg-line);font-weight:500;color:var(--pg-ink)!important;font-size:.875rem}
.ovi-pergole .pg-product-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:20px}
.ovi-pergole .pg-btn-dark{background:#161717;color:#fff;border-color:#161717}
.ovi-pergole .pg-btn-dark:hover,.ovi-pergole .pg-btn-dark:focus-visible{background:#fff;color:#161717}
.ovi-pergole .pg-textlink{color:var(--pg-ink);font-size:.9375rem;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:3px}
/* akcesoria */
.ovi-pergole .pg-accessory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:2px;background:var(--pg-line);border:1px solid var(--pg-line)}
.ovi-pergole .pg-accessory{background:#fafafa}
.ovi-pergole .pg-accessory a{display:flex;flex-direction:column;height:100%;color:var(--pg-ink);transition:background-color .25s cubic-bezier(.65,0,.35,1)}
.ovi-pergole .pg-accessory a:hover,.ovi-pergole .pg-accessory a:focus-visible{background:#fff}
.ovi-pergole .pg-accessory-photo{aspect-ratio:4/3;overflow:hidden;background:#f5f5f5}
.ovi-pergole .pg-accessory-copy{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px;flex:1}
.ovi-pergole .pg-accessory h3{margin:0;font-size:1.125rem;font-weight:400;letter-spacing:-.02em}
.ovi-pergole .pg-accessory p{margin:0;font-size:.9375rem;color:var(--pg-soft);line-height:1.5}
.ovi-pergole .pg-accessory span{margin-top:auto;padding-top:8px;font-size:.875rem;font-weight:500}
@media(max-width:860px){.ovi-pergole .pg-product{grid-template-columns:1fr}.ovi-pergole .pg-product:nth-child(even) .pg-product-gallery{order:0}}
@media(max-width:560px){.ovi-pergole .pg-shell{width:calc(100% - 32px)}.ovi-pergole .pg-product-gallery{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.ovi-pergole *{transition:none!important}}