.baac-mainpage-tab-recommend{background-color:#e8e7dd;border-bottom-right-radius:40px;border-bottom-left-radius:40px;overflow:hidden}.baac-mainpage-tab-recommend .container{padding-top:80px;padding-bottom:80px}@media (max-width:1023px){.baac-mainpage-tab-recommend .container{padding-bottom:64px}}@media (max-width:639px){.baac-mainpage-tab-recommend .container{padding-top:40px;padding-bottom:77px}}.baac-mainpage-tab-recommend .section-wrapper{flex-direction:column;align-items:center;gap:80px;display:flex}@media (max-width:1023px){.baac-mainpage-tab-recommend .section-wrapper{gap:64px}}@media (max-width:639px){.baac-mainpage-tab-recommend .section-wrapper{gap:40px}}.baac-mainpage-tab-recommend .body-wrapper{flex-direction:column;align-items:center;gap:32px;width:100%;display:flex}@media (max-width:1023px){.baac-mainpage-tab-recommend .body-wrapper{gap:24px}}.baac-mainpage-tab-recommend .body-wrapper .title{text-align:center;color:var(--color-primary);font-size:48px;font-weight:600;line-height:120%}@media (max-width:1023px){.baac-mainpage-tab-recommend .body-wrapper .title{font-size:40px}}@media (max-width:639px){.baac-mainpage-tab-recommend .body-wrapper .title{font-size:32px}}.baac-mainpage-tab-recommend .body-wrapper .baac-tab-switcher-pill{border-radius:999px}.baac-mainpage-tab-recommend .body-wrapper .recommend-cards-list-swiper-wrapper{width:100%;animation:.4s ease-out forwards fadeInSlideUp}.baac-mainpage-tab-recommend .body-wrapper .recommend-cards-list-swiper-wrapper .recommend-cards-list-swiper{width:100%;overflow:visible}.baac-mainpage-tab-recommend .body-wrapper .recommend-cards-list-swiper-wrapper .recommend-cards-slide{width:273px;height:auto;display:flex}@media (max-width:1023px){.baac-mainpage-tab-recommend .body-wrapper .recommend-cards-list-swiper-wrapper .recommend-cards-slide{width:242px}}@media (max-width:767px){.baac-mainpage-tab-recommend .body-wrapper .recommend-cards-list-swiper-wrapper .recommend-cards-slide{width:285px}}.baac-mainpage-tab-recommend .body-wrapper .recommend-cards-list-swiper-wrapper .baac-product-recommend-card{width:100%;height:100%;box-shadow:0 0 2px #0003}.baac-mainpage-tab-recommend .body-wrapper .recommend-cards-list-swiper-wrapper .baac-product-recommend-card .recommendation-card-image img{aspect-ratio:241/168;height:auto}.baac-mainpage-tab-recommend .body-wrapper .recommend-cards-list-swiper-wrapper .recommend-cards-list-pagination{background:#fff3;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:16px auto 0;padding:7px 12px;display:flex}@media (min-width:1024px){.baac-mainpage-tab-recommend .body-wrapper .recommend-cards-list-swiper-wrapper .recommend-cards-list-pagination{display:none}}.baac-mainpage-tab-recommend .body-wrapper .recommend-cards-list-swiper-wrapper .recommend-cards-list-pagination .swiper-pagination-bullet{opacity:1;background:#fff3;width:6px;height:6px;transition:all .3s;margin:0!important}.baac-mainpage-tab-recommend .body-wrapper .recommend-cards-list-swiper-wrapper .recommend-cards-list-pagination .swiper-pagination-bullet-active{background-color:#fff}.baac-mainpage-tab-recommend .footer-wrapper{width:100%;max-width:800px}@media (max-width:1023px){.baac-mainpage-tab-recommend .footer-wrapper{max-width:100%}}.baac-mainpage-tab-recommend .footer-wrapper .quick-links-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:767px){.baac-mainpage-tab-recommend .footer-wrapper .quick-links-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.baac-mainpage-tab-recommend .footer-wrapper .quick-links-wrapper .quick-link-item{color:var(--color-primary);background-color:#f1f0ea;border:1px solid #fdffe5;border-radius:12px;align-items:center;gap:12px;padding:15px 16px;font-size:15px;font-weight:600;line-height:120%;text-decoration:none;transition:all .3s;display:flex}@media (max-width:767px){.baac-mainpage-tab-recommend .footer-wrapper .quick-links-wrapper .quick-link-item{flex-direction:column;align-items:flex-start}}.baac-mainpage-tab-recommend .footer-wrapper .quick-links-wrapper .quick-link-item .icon-wrapper{aspect-ratio:1;flex-shrink:0;width:100%;max-width:40px;height:auto;position:relative;overflow:hidden}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
