.gs-spoil-wrapper{width:100%;background-color:transparent;padding:48px 0}.gs-spoil{max-width:1400px;margin:0 auto;padding:0 16px}.gs-spoil__header{margin-bottom:24px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.gs-spoil__title{font-family:Jost,sans-serif;font-size:1.875rem;font-weight:700;color:#262130;margin:0;line-height:1.2}.gs-spoil__subtitle{font-family:Jost,sans-serif;font-size:1rem;font-weight:400;color:#8c8a8c;margin:0}.gs-spoil__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:20px}.gs-spoil__item:nth-child(1),.gs-spoil__item:nth-child(3){grid-row:span 2}.gs-spoil__item{display:flex;flex-direction:column;background-color:#fa3e5a;border-radius:12px;overflow:hidden;text-decoration:none;cursor:pointer;box-shadow:0 4px 12px #0000000a;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease}.gs-spoil__item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #fa3e5a26}.gs-spoil__img-wrap{flex:1 1 auto;width:100%;overflow:hidden;background-color:#f4f4f4}.gs-spoil__img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.gs-spoil__item:hover .gs-spoil__img{transform:scale(1.05)}.placeholder-svg{width:100%;height:100%;fill:#d9cabb;padding:24px}.gs-spoil__label{flex:0 0 auto;background-color:#fa3e5a;color:#fff;font-family:Jost,sans-serif;font-size:.9375rem;font-weight:500;text-align:center;padding:12px 8px;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}@media screen and (max-width:990px){.gs-spoil__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;gap:16px}.gs-spoil__item:nth-child(1){grid-area:1 / 1 / 3 / 2}.gs-spoil__item:nth-child(2){grid-area:1 / 2 / 2 / 3}.gs-spoil__item:nth-child(5){grid-area:2 / 2 / 3 / 3}.gs-spoil__item:nth-child(3){grid-area:3 / 2 / 5 / 3}.gs-spoil__item:nth-child(4){grid-area:3 / 1 / 4 / 2}.gs-spoil__item:nth-child(6){grid-area:4 / 1 / 5 / 2}}@media screen and (max-width:768px){.gs-spoil-wrapper{padding:32px 0}.gs-spoil__title{font-size:1.5rem}.gs-spoil__label{font-size:.8125rem;padding:10px 4px}}@media screen and (max-width:480px){.gs-spoil__grid{grid-auto-rows:150px;gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-spoil-yourself.css.map */