.free-sample{position:relative;width:100%}.free-sample__container{padding-left:64px;padding-right:64px}@media (max-width:767px){.free-sample__container{padding-left:16px;padding-right:16px}}.free-sample__media{position:relative;width:100%;height:450px}.free-sample__media-desktop{display:block;width:100%;height:100%}.free-sample__media-mobile{display:none}.free-sample__video,.free-sample__banner{width:100%;height:100%;object-fit:cover;display:block}.free-sample__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#3a4a5b59,#0003);z-index:1}.free-sample__content{position:absolute;z-index:2;padding:16px 24px;box-sizing:border-box}@media (max-width: 767px){.free-sample__content{top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}}.free-sample__content--center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.free-sample__content--top-left{top:16px;left:16px;text-align:left}.free-sample__content--top-center{top:16px;left:50%;transform:translate(-50%);text-align:center}.free-sample__content--top-right{top:16px;right:16px;text-align:right}.free-sample__content--center-left{top:50%;left:16px;transform:translateY(-50%);text-align:left}.free-sample__content--center-right{top:50%;right:16px;transform:translateY(-50%);text-align:right}.free-sample__content--bottom-left{bottom:16px;left:16px;text-align:left}.free-sample__content--bottom-center{bottom:16px;left:50%;transform:translate(-50%);text-align:center}.free-sample__content--bottom-right{bottom:16px;right:16px;text-align:right}.free-sample__content-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;max-width:600px}.free-sample__title{font-weight:500;font-size:45px;line-height:40px;color:#f2f2f2;margin:0}.free-sample__text{font-weight:500;font-size:16px;line-height:24px;letter-spacing:.25px;color:#f2f2f2;margin:8px 0 0;max-width:400px}.free-sample__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;background-color:#fff;color:#202020;border-radius:12px;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.1px;text-decoration:none;transition:all .2s ease;min-height:48px;box-sizing:border-box;width:fit-content}@media screen and (max-width: 767px){.free-sample__media{height:456px}.free-sample__media-desktop{display:none}.free-sample__media-mobile{display:block;width:100%;height:100%}.free-sample__content{padding:16px 24px}.free-sample__content--center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.free-sample__content--top-left,.free-sample__content--top-center,.free-sample__content--top-right,.free-sample__content--center-left,.free-sample__content--center-right,.free-sample__content--bottom-left,.free-sample__content--bottom-center,.free-sample__content--bottom-right{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);text-align:center}.free-sample__content-inner{max-width:343px;width:100%;gap:16px}.free-sample__title{font-size:32px;line-height:40px}.free-sample__text{font-size:14px;line-height:20px;max-width:100%;margin-top:0}.free-sample__button{width:100%}}.free-sample__menu{display:flex;gap:32px;padding-top:24px;padding-bottom:24px;position:sticky;top:60px;background-color:#fff;z-index:999;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.free-sample__menu::-webkit-scrollbar{display:none}.free-sample__menu a{color:#7d8490;font-size:16px;line-height:24px;font-weight:500;text-decoration:none;flex-shrink:0}.free-sample__menu a:hover{color:#202020}@media (max-width:767px){.free-sample__menu a{font-size:14px;line-height:20px}}.free-sample__menu a.active{position:relative;color:#202020;font-weight:600}.free-sample__menu a.active:before{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#202020}.free-sample__item{position:relative;display:flex;align-items:flex-start;padding-top:24px;padding-bottom:24px;gap:40px;scroll-padding-top:400px}@media (max-width:767px){.free-sample__item{flex-direction:column-reverse;gap:0}}.free-sample__item-anchor{position:absolute;top:-120px;left:0;width:100%;height:200px;pointer-events:none;z-index:-1}.free-sample__item-video{width:526px;height:526px;border-radius:4px;overflow:hidden;position:relative;flex-shrink:0}@media (min-width:768px) and (max-width:1179px){.free-sample__item-video{width:326px;height:326px}}@media (max-width:767px){.free-sample__item-video{width:100%;height:193px;margin-top:24px;margin-bottom:4px}}.free-sample__item-video:before{content:"";display:block;padding-bottom:100%}.free-sample__item-video .free-sample__item-video-content{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .3s ease}.free-sample__item:hover .free-sample__item-video-content{opacity:1}.free-sample__item-banner{width:526px;height:526px;border-radius:4px;overflow:hidden;position:relative;flex-shrink:0}@media (min-width:768px) and (max-width:1179px){.free-sample__item-banner{width:326px;height:326px}}@media (max-width:767px){.free-sample__item-banner{width:100%;height:193px}}.free-sample__item-banner:before{content:"";display:block;padding-bottom:100%}@media (max-width:767px){{padding-bottom:56%}}.free-sample__item-banner img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.free-sample__item-info{width:100%;display:flex;flex-direction:column;gap:32px}.free-sample__item-info-title{width:100%;display:flex;flex-direction:column;gap:16px}.free-sample__item-info-title-name{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.free-sample__item-info-title-name a{font-size:16px;line-height:24px;color:#202020;text-decoration:underline}@media (max-width:1179px){.free-sample__item-info-title-name a{font-size:14px;line-height:20px}}.free-sample__item-info-title-name-content{display:flex;align-items:center;gap:16px}.free-sample__item-info-title-name-content h2{font-size:32px;line-height:40px;font-weight:500;color:#202020;margin:0}@media (min-width:768px) and (max-width:1179px){.free-sample__item-info-title-name-content h2{font-size:20px;line-height:28px}}@media (max-width:767px){.free-sample__item-info-title-name-content h2{font-size:20px;line-height:28px}}.free-sample__item-info-title-name-tags{display:flex;align-items:center;gap:4px}.free-sample__item-info-title-name-tags span{padding:6px 12px;background-color:#92a3b633;border-radius:4px;font-size:14px;line-height:20px;color:#202020}@media (min-width:768px) and (max-width:1179px){.free-sample__item-info-title-name-tags span{font-size:12px;line-height:16px;padding:4px 8px}}@media (max-width:767px){.free-sample__item-info-title-name-tags span{font-size:12px;line-height:16px}}@media (max-width:767px){.free-sample__item-info-title-name-tags.desktop{display:none}}.free-sample__item-info-title-name-tags.mobile{margin-top:8px}@media (min-width:768px){.free-sample__item-info-title-name-tags.mobile{display:none}}.free-sample__item-desc p{font-size:16px;line-height:24px;color:#202020;margin:0}@media (max-width:767px){.free-sample__item-desc p{font-size:14px;line-height:20px}}.free-sample__item-info-kumaslar{display:flex;flex-wrap:wrap;gap:8px;width:100%}@media (max-width:767px){.free-sample__item-info-kumaslar{gap:4px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.free-sample__item-info-kumaslar::-webkit-scrollbar{display:none}}@media (max-width:767px){.free-sample__item-info-kumaslar.desktop{display:none}}@media (min-width:768px){.free-sample__item-info-kumaslar.mobile{display:none}}.free-sample__item-info-kumaslar-item{display:flex;flex-direction:column;gap:8px;width:142px;flex-shrink:0;cursor:pointer}@media (min-width:768px) and (max-width:1179px){.free-sample__item-info-kumaslar-item{width:80px}}@media (max-width:767px){.free-sample__item-info-kumaslar-item{width:102px}}.free-sample__item-info-kumaslar-item img{width:142px;height:142px;object-fit:cover;object-position:center;border-radius:4px}@media (min-width:768px) and (max-width:1179px){.free-sample__item-info-kumaslar-item img{width:80px;height:80px}}@media (max-width:767px){.free-sample__item-info-kumaslar-item img{width:102px;height:102px}}.free-sample__item-info-kumaslar-item h3{font-size:16px;line-height:24px;color:#202020;margin:0}@media (min-width:768px) and (max-width:1179px){.free-sample__item-info-kumaslar-item h3{font-size:14px;line-height:20px}}@media (max-width:767px){.free-sample__item-info-kumaslar-item h3{font-size:14px;line-height:20px}}.free-sample-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.free-sample-modal.active{opacity:1;visibility:visible}.free-sample-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.free-sample-modal__container{position:relative;width:95%;max-width:1200px;max-height:90vh;background:#fff;box-shadow:0 24px 48px #0000004d;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.free-sample-modal__header{position:absolute;top:16px;right:16px;z-index:10}.free-sample-modal__close{background-color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#202020;transition:all .2s ease}.free-sample-modal__close:hover{background:#fff;transform:scale(1.05)}.free-sample-modal__content{flex:1;overflow-y:auto;padding:0;width:100%}.free-sample-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;font-size:16px;color:#666;gap:16px}.free-sample-modal__loading svg{width:48px}.free-sample-modal__error{display:flex;align-items:center;justify-content:center;height:300px;font-size:16px;color:#e74c3c;text-align:center}body.modal-open{overflow:hidden!important;height:100vh;position:fixed;width:100%}.free-sample-modal__content{flex:1;overflow-y:auto;padding:0;width:100%;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.free-sample-modal__content::-webkit-scrollbar{width:8px}.free-sample-modal__content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.free-sample-modal__content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background .3s ease}.free-sample-modal__content::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.free-sample-modal__content::-webkit-scrollbar-thumb:active{background:#888}.free-sample-modal .free-sample-detail-info{padding:72px 40px;max-width:none}.free-sample-modal .free-sample-detail__accordion.active .free-sample-detail__accordion-header{font-weight:600}.free-sample-modal .free-sample-detail__accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0}.free-sample-modal .free-sample-detail__accordion.active .free-sample-detail__accordion-content{margin-top:12px;max-height:500px;padding:0 0 16px}@media (max-width: 768px){.free-sample-modal__container{width:98%;max-height:95vh}.free-sample-modal__header{top:32px;right:12px}.free-sample-modal__close{width:36px;height:36px}.free-sample-modal .free-sample-detail-info{padding:32px 0}.free-sample-modal__content::-webkit-scrollbar{width:6px}.free-sample-modal__content{-webkit-overflow-scrolling:touch}}.free-sample__sticky-mobile{position:fixed;bottom:0;left:0;z-index:999999999;width:100%;padding:16px 20px;background-color:#fff;border-top:1px solid #E1E1E1;transform:translateY(100%);transition:transform .3s ease-in-out}@media (min-width:768px){.free-sample__sticky-mobile{display:none}}.free-sample__sticky-mobile.show{transform:translateY(0)}@media screen and (min-width: 768px){.free-sample__sticky-mobile{position:sticky;transform:none;transition:none}.free-sample__sticky-mobile.show{transform:none}}.free-sample__sticky-btn{display:flex;align-items:center;justify-content:center;background-color:#3a4a5b;width:100%;height:48px;text-align:center;font-size:16px;line-height:24px;color:#f2f2f2;border-radius:12px}.fancybox__container{z-index:999999999!important}
/*# sourceMappingURL=/cdn/shop/t/250/assets/page-free-sample.css.map */