.pergola-types{margin:0 0 48px;max-width:100%}
.pergola-type-photo img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.pergola-types .car-type-placeholder{background:transparent;min-width:0}
.pergola-size-table{table-layout:fixed}
.pergola-size-table th:first-child,.pergola-size-table td:first-child{width:24%;white-space:nowrap}
.pergola-size-table th:nth-child(2),.pergola-size-table td:nth-child(2){width:45%;overflow-wrap:break-word}
.pergola-size-table th:last-child,.pergola-size-table td:last-child{width:31%;white-space:nowrap}
.pergola-size-table td{vertical-align:top}
.pergola-glass-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:12px 0;border-bottom:1px solid #444;color:#fff;text-decoration:none;font:500 14px/1.45 Switzer,Arial,sans-serif}
.pergola-glass-link svg{width:20px;height:20px;flex:none}
.pergola-glass-link:focus-visible{outline:1px solid #fff;outline-offset:5px}
.factory-gallery{position:relative;width:100%;min-width:0}
.factory-gallery-track{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.factory-gallery-track::-webkit-scrollbar{display:none}
.factory-gallery-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.factory-gallery-slide img{border-radius:5px;display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.factory-gallery-dots{display:flex;align-items:center;justify-content:center;gap:0;margin:0;height:18px}
.factory-gallery-dots button{display:grid;place-items:center;min-width:22px;height:18px;padding:0 5px;border:0;background:transparent;cursor:pointer}
.factory-gallery-dots button span{display:block;width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.5);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:width .2s,background .2s}
.factory-gallery-dots button[aria-current="true"] span{width:22px;background:#fff}
.factory-gallery+.car-type-details summary{padding-top:8px;min-height:0}
@media(prefers-reduced-motion:reduce){.factory-gallery-dots button span{transition:none}}
.factory-gallery button:focus-visible,.factory-gallery-track:focus-visible{outline:1px solid #fff;outline-offset:3px}

.factory-gallery-overlay{position:absolute;z-index:2;bottom:5px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:1px 5px;max-width:calc(100% - 16px);border:1px solid rgba(255,255,255,.38);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.03)),rgba(20,24,25,.42);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.08),0 3px 12px rgba(0,0,0,.18)}
.factory-gallery-arrow{display:grid;place-items:center;flex:none;width:34px;height:18px;padding:1px 7px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.factory-gallery-arrow svg{width:14px;height:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.factory-gallery-arrow[data-factory-step="-1"] svg{transform:rotate(180deg)}
.factory-gallery-arrow:disabled{opacity:.35;cursor:default}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.factory-gallery-overlay{background:rgba(30,34,35,.8)}}

/* Compact controls for the expanded factory gallery on phones. */
@media(max-width:480px){.factory-gallery-dots button{min-width:15px;padding-inline:3px}.factory-gallery-dots button[aria-current="true"]{min-width:27px}.factory-gallery-arrow{width:25px;padding-inline:4px}.factory-gallery-overlay{padding-inline:3px}}

.car-type-body .pergola-modification-note{font:400 12px/1.45 var(--p360-font,Switzer,Arial,sans-serif)!important;letter-spacing:0!important;margin:12px 0 16px;color:#aaa!important}

.fixed-louvre-gallery .factory-gallery-slide{aspect-ratio:2/1;overflow:hidden;border-radius:5px}
.fixed-louvre-gallery .factory-gallery-slide img{height:100%;object-fit:contain}

.car-type-body .ready-kit-price-scope{font:400 var(--p360-meta,13px)/1.5 var(--p360-font,Switzer,Arial,sans-serif)!important;letter-spacing:0!important;color:#bbb!important;margin:12px 0 16px}