.custom-retreat-product{width:100%;overflow-x:hidden}.retreat-product-grid{display:grid;grid-template-columns:minmax(400px,auto) 1fr;gap:60px;align-items:flex-start;max-width:100%}.retreat-image-column,.retreat-content-column{min-width:0;overflow:hidden}.retreat-gallery{margin-top:20px;width:100%;max-width:100%;overflow:hidden}.gallery-main{position:relative;border-radius:12px;overflow:hidden;margin-bottom:15px;width:100%;max-width:100%}.gallery-image-wrapper{display:none;width:100%;height:auto}.gallery-image-wrapper.active{display:block}.gallery-main-image{width:100%;height:auto;display:block;border-radius:12px}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;font-size:24px;padding:10px 15px;cursor:pointer;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.gallery-nav:hover{background:#000000b3}.gallery-prev{left:15px}.gallery-next{right:15px}.gallery-thumbnails{display:flex;gap:8px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.gallery-thumbnails::-webkit-scrollbar{height:6px}.gallery-thumbnails::-webkit-scrollbar-track{background:transparent}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:#999}.gallery-thumb{cursor:pointer;border-radius:6px;overflow:hidden;border:2px solid transparent;transition:border-color .3s ease;opacity:.7;flex-shrink:0;width:80px;height:auto}.gallery-thumb.active{border-color:#333;opacity:1}.gallery-thumb:hover{opacity:1}.gallery-thumb img{width:100%;height:auto;display:block;object-fit:cover}.retreat-image-placeholder{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background-color:#f3f3f3;border-radius:12px}.retreat-image-placeholder svg{width:100%;height:100%}.retreat-content-column{display:flex;flex-direction:column;gap:25px;width:100%;max-width:100%}.cta-block{width:100%;max-width:100%;box-sizing:border-box}.retreat-heading{font-family:Barlow,sans-serif;font-size:48px;color:#333;font-weight:700;line-height:1.2;letter-spacing:0px;margin-bottom:40px;margin-top:0;text-align:left}.cta-block{background-color:#f8f8f8;border-radius:12px;padding:30px;margin-bottom:25px;transition:transform .3s ease,box-shadow .3s ease}.cta-block:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.cta-heading{font-family:Barlow,sans-serif;font-size:24px;color:#333;font-weight:600;margin-bottom:10px;margin-top:0}.cta-description{font-family:Roboto,sans-serif;font-size:16px;color:#666;font-weight:400;margin-bottom:20px;margin-top:0;line-height:1.5}.custom-retreat-product .cta-button{font-family:Barlow,sans-serif;font-size:16px;font-weight:600;padding:15px 30px;border-radius:8px;text-transform:uppercase;letter-spacing:1px;width:100%;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.custom-retreat-product .cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.custom-retreat-product .cta-button-1{background-color:#90ee90;color:#fff}.custom-retreat-product .cta-button-1:hover{background-color:#7ed321}.custom-retreat-product .cta-button-2{background-color:#9b59b6;color:#fff}.custom-retreat-product .cta-button-2:hover{background-color:#8e44ad}@media screen and (max-width: 749px){.retreat-product-grid{grid-template-columns:1fr;gap:30px}.retreat-content-column{order:2}.retreat-image-column{order:1}.retreat-heading{font-size:36px;margin-bottom:30px}.cta-block{padding:25px}.cta-heading{font-size:20px}.cta-description{font-size:14px}.custom-retreat-product .cta-button{font-size:14px;padding:12px 25px}.gallery-nav{width:40px;height:40px;font-size:18px}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-thumbnails{gap:6px}.gallery-thumb{width:60px}}@media screen and (min-width: 750px) and (max-width: 989px){.retreat-product-grid{gap:40px}.retreat-heading{font-size:42px}.cta-block{padding:28px}}@media screen and (min-width: 1200px){.retreat-product-grid{gap:80px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-custom-retreat-product.css.map */