/* Laguna Pools — shared component styles */
/* Features Grid */
#allrecords .lp-features{display:grid;gap:16px}
#allrecords .lp-features--c3{grid-template-columns:repeat(3,1fr)}
#allrecords .lp-features--c4{grid-template-columns:repeat(4,1fr)}
#allrecords .lp-features__item{padding:28px 24px;border-radius:12px;transition:transform .2s}
#allrecords .lp-features__item:hover{transform:translateY(-3px)}
#allrecords .lp-features__icon{margin-bottom:14px}
#allrecords .lp-features__title{font-family:'Inter Tight',Arial,sans-serif;font-size:17px;font-weight:600;color:#0f141b;margin:0 0 8px}
#allrecords .lp-features__text{font-family:'OpenSans',Arial,sans-serif;font-size:13px;color:#858b8a;line-height:1.6;margin:0}
/* Gallery */
#allrecords .lp-gallery{display:grid;gap:12px}
#allrecords .lp-gallery--c3{grid-template-columns:repeat(3,1fr)}
#allrecords .lp-gallery--c2{grid-template-columns:1fr 1fr}
#allrecords .lp-gallery--masonry .lp-gallery__item:first-child{grid-row:span 2}
#allrecords .lp-gallery__item{aspect-ratio:4/3;overflow:hidden;border-radius:8px}
/* FAQ */
#allrecords .lp-faq{display:flex;flex-direction:column;gap:0}
#allrecords .lp-faq__item{border-bottom:1px solid rgba(0,0,0,.08);padding:0}
#allrecords .lp-faq__q{font-family:'Inter Tight',Arial,sans-serif;font-size:16px;font-weight:500;color:#0f141b;cursor:pointer;padding:18px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
#allrecords .lp-faq__q::-webkit-details-marker{display:none}
#allrecords .lp-faq__q::after{content:'+';font-size:22px;color:#006480;font-weight:300;transition:transform .2s}
#allrecords .lp-faq__item[open] .lp-faq__q::after{transform:rotate(45deg)}
#allrecords .lp-faq__a{font-family:'OpenSans',Arial,sans-serif;font-size:14px;color:#666a6a;line-height:1.7;padding:0 0 18px}
/* Two-Column (image + text) */
#allrecords .lp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
#allrecords .lp-two-col--reverse{direction:rtl}
#allrecords .lp-two-col--reverse>*{direction:ltr}
/* Specs Mini (key-value rows, used inside two-col) */
#allrecords .lp-specs-mini{display:flex;flex-direction:column;gap:0;margin-top:20px;background:#fff;border-radius:8px;overflow:hidden}
#allrecords .lp-specs-mini__item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06)}
#allrecords .lp-specs-mini__item:last-child{border-bottom:none}
#allrecords .lp-specs-mini__label{font-family:'OpenSans',Arial,sans-serif;font-size:13px;color:#858b8a}
#allrecords .lp-specs-mini__val{font-family:'Inter Tight',Arial,sans-serif;font-size:13px;font-weight:500;color:#0f141b}
/* Equipment Grid */
#allrecords .lp-equip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#allrecords .lp-equip__item{border-radius:12px;padding:20px;text-align:center;transition:transform .2s}
#allrecords .lp-equip__item:hover{transform:translateY(-3px)}
#allrecords .lp-equip__name{font-family:'Inter Tight',Arial,sans-serif;font-size:14px;font-weight:500;color:#0f141b;margin-top:12px}
/* Product Grid */
#allrecords .lp-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#allrecords .lp-pgrid--c2{grid-template-columns:repeat(2,1fr);gap:40px 30px}
#allrecords .lp-pgrid__item{background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .3s ease,border-color .3s ease}
#allrecords .lp-pgrid__item--link{text-decoration:none;color:#0f141b;cursor:pointer}
#allrecords .lp-pgrid__item:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);border-color:rgba(0,100,128,.15)}
#allrecords .lp-pgrid__img{position:relative;aspect-ratio:4/3;overflow:hidden}
#allrecords .lp-pgrid--c2 .lp-pgrid__img{aspect-ratio:auto;height:330px}
#allrecords .lp-pgrid__img img{display:block}
#allrecords .lp-pgrid__img--hover img{position:absolute;top:0;left:0;transition:opacity .3s}
#allrecords .lp-pgrid__img2{opacity:0}
#allrecords .lp-pgrid__item:hover .lp-pgrid__img1{opacity:0}
#allrecords .lp-pgrid__item:hover .lp-pgrid__img2{opacity:1}
#allrecords .lp-pgrid__badge{position:absolute;top:12px;left:12px;background:rgba(0,100,128,.85);color:#fff;font-family:'Inter Tight',Arial,sans-serif;font-size:11px;font-weight:500;padding:4px 12px;border-radius:4px;letter-spacing:.3px;backdrop-filter:blur(4px)}
#allrecords .lp-pgrid__info{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column}
#allrecords .lp-pgrid__name{font-family:'Inter Tight',Arial,sans-serif;font-size:17px;font-weight:600;color:#0f141b;margin:0 0 8px;line-height:1.35}
#allrecords .lp-pgrid__desc{font-family:'OpenSans',Arial,sans-serif;font-size:13px;color:#858b8a;line-height:1.55;margin:0 0 16px;flex:1}
#allrecords .lp-pgrid__specs{list-style:none;padding:0;margin:0 0 20px;flex:1}
#allrecords .lp-pgrid__specs li{font-family:'OpenSans',Arial,sans-serif;font-size:13px;color:#666a6a;line-height:1.8}
#allrecords .lp-pgrid__specs li span{color:#0f141b;font-weight:500}
#allrecords .lp-pgrid__price{font-family:'Inter Tight',Arial,sans-serif;font-size:20px;font-weight:700;color:#006480;margin:8px 0 0}
#allrecords .lp-pgrid__link-text{font-family:'Inter Tight',Arial,sans-serif;font-size:13px;font-weight:500;color:#006480;display:inline-block;padding:10px 20px;border:1px solid rgba(0,100,128,.3);border-radius:4px;transition:all .25s ease;margin-top:auto;text-align:center}
#allrecords .lp-pgrid__item:hover .lp-pgrid__link-text{background:#006480;color:#fff}
#allrecords .lp-pgrid__img-link{display:block;text-decoration:none}
#allrecords .lp-pgrid__watermark{position:absolute;bottom:10px;left:12px;width:90px;height:auto;opacity:.4;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:opacity .3s}
#allrecords .lp-pgrid__item:hover .lp-pgrid__watermark{opacity:.55}
#allrecords .lp-pgrid__actions{display:flex;gap:8px;margin-top:auto}
#allrecords .lp-pgrid__cta{display:inline-block;font-family:'Inter Tight',Arial,sans-serif;font-size:13px;font-weight:500;color:#006480;text-decoration:none;border:1px solid rgba(0,100,128,.3);padding:10px 16px;border-radius:4px;transition:all .25s ease;text-align:center;flex:1}
#allrecords .lp-pgrid__cta:hover{border-color:#006480;color:#006480;background:rgba(0,100,128,.04)}
#allrecords .lp-pgrid__cta--solid{background:#006480;color:#fff;border-color:#006480}
#allrecords .lp-pgrid__cta--solid:hover{background:#00516a;border-color:#00516a;color:#fff}
/* Custom Text (dealer/admin content, SEO blocks) */
#allrecords .lp-custom-text p{font-family:'OpenSans',Arial,sans-serif;font-size:16px;color:#3a3f47;line-height:1.75;margin:0 0 20px}
#allrecords .lp-custom-text p:last-child{margin-bottom:0}
#allrecords .lp-custom-text h2{font-family:'Inter Tight',Arial,sans-serif;font-size:28px;font-weight:600;color:#0f141b;margin:0 0 24px}
#allrecords .lp-custom-text h3{font-family:'Inter Tight',Arial,sans-serif;font-size:22px;font-weight:600;color:#0f141b;margin:0 0 16px}
#allrecords .lp-custom-text ul,#allrecords .lp-custom-text ol{font-family:'OpenSans',Arial,sans-serif;font-size:16px;color:#3a3f47;line-height:1.75;margin:0 0 20px;padding-left:24px}
#allrecords .lp-custom-text li{margin-bottom:8px}
/* Specs Table */
#allrecords .lp-specs-table{background:#fff;border-radius:12px;overflow:hidden}
#allrecords .lp-specs-table__row{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
#allrecords .lp-specs-table__row--alt{background:#f9fafb}
#allrecords .lp-specs-table__label{font-family:'OpenSans',Arial,sans-serif;font-size:14px;color:#858b8a}
#allrecords .lp-specs-table__value{font-family:'Inter Tight',Arial,sans-serif;font-size:14px;font-weight:600;color:#0f141b}
/* Documents (как на референсе: квадратные карточки #e2ecef) */
#allrecords .lp-docs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#allrecords .lp-docs__item{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1/1;padding:24px;background:#e2ecef;border-radius:0;text-decoration:none;transition:opacity .2s}
#allrecords .lp-docs__item:hover{opacity:.85}
#allrecords .lp-docs__top{display:flex;flex-direction:column;gap:4px}
#allrecords .lp-docs__title{font-family:'OpenSans',Arial,sans-serif;font-size:20px;font-weight:400;color:#0f141b;line-height:1.3}
#allrecords .lp-docs__format{font-family:'OpenSans',Arial,sans-serif;font-size:20px;font-weight:400;color:#0f141b;line-height:1.3}
#allrecords .lp-docs__btn{display:inline-block;align-self:flex-start;font-family:'OpenSans',Arial,sans-serif;font-size:14px;font-weight:400;color:#fff;background:#006480;border-radius:0;padding:10px 24px;text-transform:none;letter-spacing:0;transition:background .2s}
#allrecords .lp-docs__item:hover .lp-docs__btn{background:#004f66}
/* Image Slider — see _component_image_slider.php (inline styles) */
/* Color Swatches */
#allrecords .lp-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#allrecords .lp-colors__item{background:#fff;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}
#allrecords .lp-colors__item:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgba(0,0,0,.08)}
#allrecords .lp-colors__img{aspect-ratio:4/3;overflow:hidden}
#allrecords .lp-colors__img img{width:100%;height:100%;object-fit:cover;display:block}
#allrecords .lp-colors__name{font-family:'Inter Tight',Arial,sans-serif;font-size:15px;font-weight:600;color:#0f141b;padding:14px 16px 4px}
#allrecords .lp-colors__desc{font-family:'OpenSans',Arial,sans-serif;font-size:12px;color:#858b8a;line-height:1.5;padding:0 16px 14px}
/* Responsive */
@media(max-width:960px){
#allrecords .lp-features--c3,#allrecords .lp-features--c4{grid-template-columns:repeat(2,1fr)}
#allrecords .lp-gallery--c3{grid-template-columns:repeat(2,1fr)}
#allrecords .lp-gallery--c2{grid-template-columns:1fr}
#allrecords .lp-gallery--masonry .lp-gallery__item:first-child{grid-row:auto}
#allrecords .lp-two-col,#allrecords .lp-two-col--reverse{grid-template-columns:1fr;direction:ltr}
#allrecords .lp-equip{grid-template-columns:repeat(2,1fr)}
#allrecords .lp-pgrid{grid-template-columns:repeat(2,1fr)}
#allrecords .lp-docs{grid-template-columns:repeat(2,1fr)}
#allrecords .lp-docs__item{aspect-ratio:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 24px}
#allrecords .lp-docs__top{flex-direction:row;gap:0}
#allrecords .lp-docs__title,#allrecords .lp-docs__format{font-size:16px}
#allrecords .lp-colors{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
#allrecords .lp-features--c3,#allrecords .lp-features--c4{grid-template-columns:1fr}
#allrecords .lp-gallery--c3{grid-template-columns:1fr}
#allrecords .lp-equip{grid-template-columns:1fr}
#allrecords .lp-pgrid,#allrecords .lp-pgrid--c2{grid-template-columns:1fr}
#allrecords .lp-pgrid--c2 .lp-pgrid__img{height:250px}
#allrecords .lp-docs{grid-template-columns:1fr}
#allrecords .lp-docs__item{padding:16px 20px}
#allrecords .lp-colors{grid-template-columns:1fr}
}