:root{--cg-accent:#cb4d4d;--cg-text:#383838;--cg-muted:#6b6b6b}
.customisation-gallery{max-width:1440px;margin:0 auto;padding:0 29px 60px}
.customisation-gallery__header{max-width:900px;margin:0 auto 40px;text-align:center}
.customisation-gallery__title{color:var(--cg-text);font-size:35px;letter-spacing:1px;margin-bottom:20px}
.customisation-gallery__intro{color:var(--cg-text);font-size:14px;line-height:1.6}
.customisation-gallery__intro a{color:var(--cg-muted)}
.customisation-gallery__empty{text-align:center;color:var(--cg-muted);padding:40px 0}

.customisation-gallery__layout{display:flex;gap:40px;align-items:flex-start}

.customisation-gallery__filters-toggle{display:none;width:100%;align-items:center;justify-content:space-between;cursor:pointer;border:1px solid var(--cg-accent);background:none;color:var(--cg-accent);font-weight:600;font-size:14px;padding:16px;user-select:none}
.customisation-gallery__filters-toggle svg{transition:transform .2s ease;flex-shrink:0}
.customisation-gallery__filters-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}

.customisation-gallery__filters-list{display:flex;flex-direction:column;gap:8px}

.customisation-gallery__filter{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #e5e5e5;padding:8px 0;font-size:14px;color:var(--cg-muted);cursor:pointer}
.customisation-gallery__filter:last-of-type{border-bottom:0}
.customisation-gallery__filter.is-active{color:var(--cg-accent);font-weight:600}
.customisation-gallery__filter.is-hidden{display:none}
.customisation-gallery__filter-more{background:none;border:0;color:var(--cg-accent);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:8px 0;cursor:pointer}

.customisation-gallery__grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px 16px}
.customisation-gallery__card{display:block;text-align:left;background:none;border:0;padding:0 12px;cursor:pointer;width:100%}
.customisation-gallery__card.is-hidden,.customisation-gallery__card.is-filtered-out{display:none}
.customisation-gallery__card-image{display:block;width:100%;height:auto;aspect-ratio:368.8/241.5;object-fit:cover}
.customisation-gallery__card-title{display:block;margin-top:10px;color:var(--cg-text);font-size:14px}

.customisation-gallery__load-more{text-align:center;margin-top:40px}

.customisation-gallery__panel{width:90vw !important;max-width:1024px !important;max-height:90vh;overflow-x:hidden !important;overflow-y:auto;margin:0 auto}
.customisation-gallery__panel-image{display:block;width:100%;height:auto;max-height:60vh;margin:0 0 24px;box-shadow:0 4px 30px rgba(0,0,0,.15);object-fit:cover}
.customisation-gallery__panel-body{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px}
.customisation-gallery__panel-title{color:var(--cg-text);font-size:16px;font-weight:600;margin:0 0 12px;flex:1 1 100%}
.customisation-gallery__panel-specs{color:var(--cg-muted);font-size:13px;line-height:1.5;flex:0 1 auto;max-width:603px;min-width:0;overflow-wrap:break-word}
.customisation-gallery__panel-specs p{margin:0 0 6px}
.customisation-gallery__panel-label{color:var(--cg-accent);font-weight:600;text-transform:uppercase}.customisation-gallery__panel-features{list-style:disc;margin:0 0 6px;padding:0 0 0 18px}.customisation-gallery__panel-features li{margin:0 0 4px}.customisation-gallery__panel-features li:last-child{margin-bottom:0}
.customisation-gallery__panel-cta{position:relative;overflow:hidden;display:inline-block;background:var(--cg-accent);color:#f0f0f0;font-size:14px;font-weight:600;text-align:center;padding:10px 24px;text-decoration:none;flex-shrink:0}
.customisation-gallery__panel-cta:hover,.customisation-gallery__panel-cta:focus{color:#f0f0f0}
.customisation-gallery__panel-cta span{position:relative}
.customisation-gallery__panel-cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.2);clip-path:polygon(-1% 0,0 0,-25% 100%,-1% 100%);transition:clip-path .5s cubic-bezier(.165,.84,.44,1) 0s}
.customisation-gallery__panel-cta:hover:before{clip-path:polygon(0 0,101% 0,101% 101%,0 101%)}

.fancybox-container .fancybox-button{background:none;box-shadow:none;color:var(--cg-accent)}
.fancybox-container .fancybox-button:hover,.fancybox-container .fancybox-button:focus{background:none;color:var(--cg-accent)}
.fancybox-close-small,.fancybox-slide--html .fancybox-close-small{color:var(--cg-accent) !important;opacity:1;transform:scale(1.5)}
.fancybox-close-small:hover{color:var(--cg-accent) !important}

.fancybox-button--arrow_left svg,.fancybox-button--arrow_right svg{display:none !important}
.fancybox-button--arrow_left:before,.fancybox-button--arrow_right:before{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;border-top:3px solid var(--cg-accent);border-right:3px solid var(--cg-accent)}
.fancybox-button--arrow_left:before{transform:translate(-50%,-50%) rotate(-135deg)}
.fancybox-button--arrow_right:before{transform:translate(-50%,-50%) rotate(45deg)}

@media (min-width:990px){
  .customisation-gallery__filters{flex:0 0 176px}
}

@media (max-width:989px){
  .customisation-gallery{padding:0 17px 40px}
  .customisation-gallery__layout{flex-direction:column;gap:24px}
  .customisation-gallery__filters{width:100%}
  .customisation-gallery__filters-toggle{display:flex}
  .customisation-gallery__filters-list{display:none;padding-top:16px}
  .customisation-gallery__filters.is-open .customisation-gallery__filters-list{display:flex}
  .customisation-gallery__grid{grid-template-columns:repeat(2,1fr);gap:24px 8px}
}

@media (max-width:480px){
  .customisation-gallery__title{font-size:27px}
}