#MainContent:has(.products-grid-modal[data-state=open]){z-index:100}body:has(.products-grid-modal[data-state=open]){height:100%;max-height:100%;overflow-y:hidden}.products-grid{--columns-count: 2;gap:1rem;display:grid;padding-inline:5%;grid-auto-rows:1fr;grid-template-columns:repeat(var(--columns-count),1fr)}.products-grid__block{--products-controls-opacity: .75;cursor:pointer;overflow:hidden;aspect-ratio:1/1;position:relative;border-radius:1rem;transition:.35s ease-in;box-shadow:.5rem .5rem 2rem #00000013}.products-grid__item{width:100%;height:100%}.products-grid__frame{width:100%;height:100%;display:flex;overflow:hidden;position:relative;align-items:center;justify-content:center}.products-grid__image,.products-grid__video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center}.products-grid__frame>svg{top:50%;left:50%;width:5rem;height:5rem;position:absolute;transform:translate(-50%,-50%)}.products-grid__button{--button-border-color: transparent;top:0;right:0;bottom:0;left:0;gap:1rem;margin:0;opacity:0;width:100%;height:100%;border:none;display:flex;cursor:pointer;position:absolute;border-radius:1rem;align-items:center;flex-direction:column;justify-content:center;transition:.35s ease-in-out;background:#ffffffdf}.products-grid__button>svg{--fill-color: #005178;width:2rem;height:2rem}.products-grid__button:hover,.products-grid__button:focus-visible{opacity:1}.products-grid__button-text{margin:0;padding:0;color:#fff;font-size:1rem;cursor:pointer;font-weight:500;padding-block:.3rem;padding-inline:1rem;display:inline-block;text-transform:capitalize;border:2px solid #005178;background-color:#005178;transition:.35s ease-in-out}.products-grid__button-text:hover,.products-grid__button-text:focus-visible{color:#005178;border-color:#005178;background-color:#fff}@media screen and (max-width: 699px){.products-grid__frame>svg{width:3rem;height:3rem}}@media screen and (min-width: 700px){.products-grid{--columns-count: 3}}@media screen and (min-width: 990px){.products-grid{--columns-count: 4;gap:2rem}.products-grid__block{border-radius:2rem}}.products-grid-modal{top:0;left:0;width:100%;height:100%;display:none;z-index:1000;position:fixed;cursor:default;max-width:100%;max-height:100%;align-items:center;justify-content:center;background:#00000073}.products-grid-modal[data-state=open]{display:flex;animation:modal-fade-in .35s ease-in-out forwards}.products-grid-modal[data-state=closing]{display:flex;animation:modal-fade-out .35s ease-in-out forwards}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.products-grid-modal__container{width:60rem;height:50rem;display:grid;max-width:95%;cursor:default;overflow:hidden;background:#fff;position:relative;border-radius:30px;grid-template-rows:1fr;grid-template-columns:1fr .6fr;grid-template-areas:"image details"}.products-grid-modal__frame{display:flex;grid-area:image;overflow-y:hidden;align-items:center;justify-content:center}.products-grid-modal__image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center}.products-grid-modal__video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.products-grid-modal__button{--button-border-color: transparent;top:10px;padding:0;right:10px;width:3rem;height:3rem;display:flex;cursor:pointer;min-width:unset;border-radius:50%;position:absolute;align-items:center;justify-content:center;background:transparent;transition:.35s ease-in-out;border:2px solid transparent}.products-grid-modal__button:hover,.products-grid-modal__button:focus-visible{border-color:#000}.products-grid-modal__details{gap:2rem;grid-area:details;padding-block:4rem;padding-inline:2rem;scrollbar-width:none}.products-grid-modal__details::-webkit-scrollbar{width:.5rem;background:var(--header-background)}.products-grid-modal__details::-webkit-scrollbar-thumb{background:var(--header-text)}.products-grid-modal__link{gap:.5rem;display:flex;font-weight:400;font-size:1.4rem;text-align:center;align-items:center;text-decoration:none;justify-content:center;transition:.35s ease-in-out}.products-grid-modal__link>svg{--fill-color: #005178;width:1.8rem;height:1.8rem}.products-grid-modal__link:hover,.products-grid-modal__link:focus-visible{color:#000}.products-grid-modal__product{display:flex;margin-top:2rem;align-items:center;text-decoration:none;flex-direction:column}.products-grid-modal__product-frame{display:flex;overflow:hidden;align-items:center;border-radius:1rem;justify-content:center}.products-grid-modal__product-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center}.products-grid-modal__product-title{margin-top:1rem;font-size:1.25rem;text-align:center;transition:.35s ease-in-out;font-family:Delius,sans-serif}.products-grid-modal__product:hover>.products-grid-modal__product-title,.products-grid-modal__product:focus-visible>.products-grid-modal__product-title{color:#000}.products-grid-modal__product-form>.products-grid-modal__product-button{color:#fff;border:none;display:block;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;border-radius:0;margin-inline:auto;padding-block:.5rem;padding-inline:.75rem;transition:.35s ease-in;text-transform:uppercase;background-color:#005178;border:2px solid #005178}.products-grid-modal__product-form>.products-grid-modal__product-button:disabled{opacity:.5;cursor:not-allowed}.products-grid-modal__product-form>.products-grid-modal__product-button:hover,.products-grid-modal__product-form>.products-grid-modal__product-button:focus-visible{color:#005178;transform:none;box-shadow:none;background-color:#fff}.products-grid-modal__product-description{max-height:28rem;overflow-y:scroll;scrollbar-width:none;margin-block:.75rem 1.75rem}.products-grid-modal__product-description::-webkit-scrollbar{width:.5rem;background:var(--header-background)}.products-grid-modal__product-description::-webkit-scrollbar-thumb{background:var(--header-text)}.products-grid-modal__product-description>p{font-size:1rem;margin-block:0;font-weight:300;line-height:1.5;text-align:justify}.products-grid-modal__controls{top:50%;left:50%;width:100%;display:flex;max-width:70rem;position:absolute;align-items:center;pointer-events:none;justify-content:space-between;transform:translate(-50%,-50%)}.products-grid-modal__arrow{color:#fff;display:flex;padding:.5rem;cursor:pointer;font-weight:600;min-width:unset;border:2px solid;border-color:none;border-radius:100%;align-items:center;pointer-events:all;justify-content:center;transition:.35s ease-in;background-color:transparent}.products-grid-modal__arrow>svg{--fill-color: #fff;width:2.5rem;height:2.5rem;transition:.35s ease-in}.products-grid-modal__arrow:hover,.products-grid-modal__arrow:focus-visible{border-color:#fff;background-color:#fff}.products-grid-modal__arrow:hover>svg,.products-grid-modal__arrow:focus-visible>svg{--fill-color: #000}@media screen and (min-width: 700px){.products-grid-modal__details{overflow-y:scroll}}@media screen and (max-width: 900px){.products-grid-modal__arrow{border-color:#000;background-color:#fff}.products-grid-modal__arrow>svg{--fill-color: #000 }.products-grid-modal__arrow:hover,.products-grid-modal__arrow:focus-visible{border-color:#000;background-color:#000}.products-grid-modal__arrow:hover>svg,.products-grid-modal__arrow:focus-visible>svg{--fill-color: #fff }}@media screen and (max-width: 699px){.products-grid-modal__container{height:auto;max-width:100%;max-height:100%;overflow-y:scroll;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:"image" "details"}.products-grid-modal__frame{aspect-ratio:1 / 1}.products-grid-modal__product{max-width:55%;margin-inline:auto}.products-grid-modal__product-title{font-size:1.5rem}.products-grid-modal__product-description{max-width:80%;margin-inline:auto;margin-block:1rem 2rem}.products-grid-modal__product-button{margin-top:1rem}.products-grid-modal__button{background:#ffffff59}}@media screen and (max-width: 499px){.products-grid-modal{align-items:flex-start}.products-grid-modal__product{max-width:65%;margin-inline:auto}.products-grid-modal__product-title{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/134/assets/section-products-grid.css.map */