.c-upselling-awnings{padding:40px 16px;background-color:var(--background, #fcfcfe)}@media screen and (min-width:1000px){.c-upselling-awnings{padding:60px var(--container-gutter, 40px);max-width:var(--container-max-width, 1400px);margin:0 auto}}.c-upselling-awnings__container{display:flex;flex-direction:column;gap:40px}@media screen and (min-width:1000px){.c-upselling-awnings__container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.c-upselling-awnings__media-content{grid-column:1 / -1}}.c-upselling-awnings__media{display:flex;flex-direction:column;gap:32px}.c-upselling-awnings__media-content{display:flex;flex-direction:column;gap:8px}.c-upselling-awnings__media-heading{font-family:"Inter",var(--heading-font-family),sans-serif;font-weight:700;line-height:1.2;color:#000;margin:0}@media screen and (min-width:1000px){.c-upselling-awnings__media-content{grid-column:1 / -1;align-items:center;text-align:center}.c-upselling-awnings__media{margin-top:24px}.c-upselling-awnings__media-subtitle{max-width:none}}.c-upselling-awnings__media-subtitle{font-weight:400;font-size:16px;line-height:1.4;color:#000;margin:0}.c-upselling-awnings__video-wrapper{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden}.c-upselling-awnings__video-wrapper video,.c-upselling-awnings__video-wrapper img,.c-upselling-awnings__media-image{width:100%;height:100%;object-fit:cover}.c-upselling-awnings__placeholder{width:100%;height:100%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center}.c-upselling-awnings__placeholder .placeholder-svg{width:100%;height:100%}.c-upselling-awnings__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background-color:#fffffff2;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;border:none;padding:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transition:transform .2s ease-in-out}.c-upselling-awnings__play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.c-upselling-awnings__play-button:focus{outline:2px solid #000000;outline-offset:2px}.c-upselling-awnings__play-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 24px);height:calc(100% + 24px);background:radial-gradient(50% 50% at 50% 50%,#fff0,#fffc);opacity:.5;border-radius:50%;animation:c-upselling-pulse 2s ease-in-out infinite alternate;z-index:-1}@keyframes c-upselling-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.c-upselling-awnings__play-icon{width:24px;height:24px;margin-left:4px}@media screen and (min-width:1000px){.c-upselling-awnings__play-button{width:64px;height:64px}.c-upselling-awnings__play-icon{width:28px;height:28px}}.c-upselling-awnings__video-wrapper[data-playing=true] .c-upselling-awnings__play-button{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.c-upselling-awnings__video-wrapper[data-playing=true]:hover .c-upselling-awnings__play-button{opacity:1;visibility:visible;pointer-events:auto}.c-upselling-awnings__video-wrapper[data-playing=true] .c-upselling-awnings__play-icon{display:none}.c-upselling-awnings__pause-icon{display:none;width:24px;height:24px}.c-upselling-awnings__video-wrapper[data-playing=true] .c-upselling-awnings__pause-icon{display:block}@media screen and (min-width:1000px){.c-upselling-awnings__pause-icon{width:28px;height:28px}}.c-upselling-awnings__products{display:flex;flex-direction:column;gap:40px}.c-upselling-awnings__products-content{display:flex;flex-direction:column;gap:8px}.c-upselling-awnings__products-heading{font-family:"Inter",var(--heading-font-family),sans-serif;font-weight:700;font-size:24px;line-height:1.2;color:var(--text-color, #000000);margin:0}@media screen and (min-width:1000px){.c-upselling-awnings__products-heading{font-size:28px}.c-upselling-awnings__products-content{display:none}}.c-upselling-awnings__products-subtitle{font-family:"Inter",var(--text-font-family),sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:var(--text-color, #000000);margin:0}.c-upselling-awnings__options{display:flex;flex-direction:column;gap:8px}.c-upselling-awnings__option{position:relative;display:flex;gap:16px;padding:12px;background-color:#fff;border:1px solid #d5d5d5;border-radius:8px;transition:border-color .2s ease,padding .2s ease,margin .2s ease;cursor:pointer}.c-upselling-awnings__option--recommended{cursor:default}.c-upselling-awnings__option-image{flex-shrink:0;width:64px;height:64px;border-radius:4px;overflow:hidden}.c-upselling-awnings__option-image img{width:100%;height:100%;object-fit:cover}.c-upselling-awnings__option-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.c-upselling-awnings__option-title{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.c-upselling-awnings__option-name{font-family:DM Sans,sans-serif;font-weight:700;font-size:16px;line-height:1.3;color:var(--text-color, #000000);margin:0}.c-upselling-awnings__option-price{font-family:DM Sans,sans-serif;font-weight:700;font-size:14px;line-height:1.4;color:var(--text-color, #000000);white-space:nowrap}.c-upselling-awnings__option-subtitle{font-family:DM Sans,sans-serif;font-weight:300;font-size:14px;line-height:1.4;color:var(--text-color, #000000);margin:0}.c-upselling-awnings__option-subtitle--extended{display:block}.c-upselling-awnings__option-buttons,.c-upselling-awnings__option-button,.c-upselling-awnings__recommendation-label{display:none}.c-upselling-awnings__option--recommended{border-color:var(--c-upselling-border-color, #000000);padding-top:12px}.c-upselling-awnings__option--recommended .c-upselling-awnings__option-image{width:130px;height:auto;align-self:stretch;min-height:100px}.c-upselling-awnings__option--recommended .c-upselling-awnings__option-info{gap:12px}.c-upselling-awnings__option--recommended .c-upselling-awnings__option-text{display:flex;flex-direction:column;gap:4px}.c-upselling-awnings__option--recommended .c-upselling-awnings__option-buttons{display:flex;flex-direction:column;gap:8px;margin-top:auto}.c-upselling-awnings__option--recommended .c-upselling-awnings__option-button{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;background-color:#fff;border:1px solid var(--c-upselling-border-color, #000000);border-radius:16px;font-family:DM Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.2;color:var(--c-upselling-border-color, #000000);text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.c-upselling-awnings__option--recommended .c-upselling-awnings__option-button:hover,.c-upselling-awnings__option--recommended .c-upselling-awnings__option-button--primary{background-color:var(--c-upselling-border-color, #000000);color:#fff}.c-upselling-awnings__option--recommended .c-upselling-awnings__option-button--primary:hover{background-color:var(--c-upselling-border-color, #000000);opacity:.8}.c-upselling-awnings__quick-add-form{width:100%}.c-upselling-awnings__option--is-recommendation .c-upselling-awnings__recommendation-label{display:flex;position:absolute;top:-25px;left:50%;transform:translate(-50%);padding:4px 8px;background-color:var(--c-upselling-border-color, #000000);border-radius:8px 8px 0 0;white-space:nowrap}.c-upselling-awnings__recommendation-label-text{font-family:Inter,sans-serif;font-weight:700;font-size:14px;line-height:1.2;color:#fff;text-transform:uppercase}.c-upselling-awnings[data-initialized=false] .c-upselling-awnings__option{border-color:#d5d5d5}.c-upselling-awnings[data-initialized=false] .c-upselling-awnings__recommendation-label{display:none}.c-upselling-awnings__option--is-recommendation{margin-top:24px}
/*# sourceMappingURL=/cdn/shop/t/96/assets/custom-upselling-awnings.css.map */