.c-skincare-guide__item{display:flex;padding:var(--spacing-80);margin-bottom:20px;align-items:start}.c-skincare-guide__subtitle{font-size:var(--fs-15);letter-spacing:var(--ls-2);font-weight:var(--fw-medium);line-height:1.6}.c-skincare-guide__media{width:50%;position:relative}.c-skincare-guide__media:not(.is-autoplay){cursor:pointer}.c-skincare-guide__thumbnail{width:100%;height:100%;object-fit:cover}.c-skincare-guide__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:56px;background:transparent!important;border:none;display:flex;padding:var(--spacing-0);align-items:center;justify-content:center;transition:opacity .3s ease}.c-skincare-guide__play svg{width:100%;height:100%}.c-skincare-guide__media:hover .c-skincare-guide__play{opacity:.8}.c-skincare-guide__content{width:50%;padding-left:var(--spacing-64);margin:auto 0}.c-skincare-guide__product-image{width:120px;height:120px;object-fit:contain;margin-bottom:var(--spacing-24);border-radius:50%}.c-skincare-guide__title{margin-bottom:var(--spacing-24);display:flex;font-size:var(--fs-32);letter-spacing:var(--ls-2);font-weight:var(--fw-medium);line-height:1.3;gap:var(--spacing-8)}.c-skincare-guide__number{font-size:var(--fs-32);letter-spacing:var(--ls-2);font-weight:var(--fw-medium);line-height:1.3;font-family:"Noto Serif TC"}.c-skincare-guide__text{font-size:var(--fs-16);line-height:1.9;letter-spacing:var(--ls-2);margin-bottom:var(--spacing-24);font-weight:var(--fw-medium)}.c-skincare-guide__button{display:inline-block;padding:12px 24px;text-decoration:none;border-radius:4px;font-size:14px;transition:opacity .3s ease}.c-skincare-guide__button:hover{opacity:.8}.c-skincare-guide__modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;align-items:center;justify-content:center}.c-skincare-guide__modal.is-active{display:flex}.c-skincare-guide__modal-content{position:relative;width:90%;max-width:800px;aspect-ratio:16/9}.c-skincare-guide__modal-close{position:absolute;top:-40px;right:0;width:30px;height:30px;background:none;border:none;cursor:pointer;color:#fff}.c-skincare-guide__item .custom-button{font-size:var(--fs-16);padding:var(--spacing-12) var(--spacing-47)}@media screen and (min-width: 767px){.c-skincare-guide__item .custom-button{min-width:205px}}@media screen and (max-width: 767px){.c-skincare-guide__item{flex-direction:column;padding:var(--spacing-20)}.c-skincare-guide__media,.c-skincare-guide__content{width:100%}.c-skincare-guide__product-image{width:80px;height:80px;margin-bottom:var(--spacing-12)}.c-skincare-guide__content{padding-left:0;padding-top:var(--spacing-16);display:flex;flex-direction:column;align-items:center}.c-skincare-guide__title{margin-bottom:var(--spacing-16);font-size:var(--fs-20);gap:var(--spacing-8);align-items:center;justify-content:center}.c-skincare-guide__number{font-size:var(--fs-20)}.c-skincare-guide__text{font-size:var(--fs-15);margin-bottom:var(--spacing-16);text-align:center}.c-skincare-guide__item .custom-button{width:100%;font-size:var(--fs-16);padding:var(--spacing-11) var(--spacing-24)}.c-skincare-guide__product{display:flex;flex-direction:column;align-items:center}.c-skincare-guide__play{width:64px;height:45.18px}.c-skincare-guide__subtitle{font-size:var(--fs-12)}}.c-skincare-guide__accordion-body{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.c-skincare-guide__accordion-item{padding:var(--spacing-20);background:#e1eaf2}.c-skincare-guide-accordion__title{font-size:var(--fs-21);letter-spacing:var(--ls-2);font-weight:var(--fw-medium);line-height:1.3;margin-bottom:var(--spacing-8)}.c-skincare-guide-accordion__text{font-size:var(--fs-16);letter-spacing:var(--ls-2);font-weight:var(--fw-medium);line-height:1.9}.c-skincare-guide__accordion-body.is-open{margin-top:var(--spacing-24);display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-24)}.custom-button .button-text-open{display:block}.custom-button .button-text-close,.custom-button.is-open .button-text-open{display:none}.custom-button.is-open .button-text-close{display:block}@media screen and (max-width: 767px){.c-skincare-guide__accordion-body.is-open{margin-top:var(--spacing-0);margin-bottom:var(--spacing-16)}.c-skincare-guide__accordion-item{padding:var(--spacing-16)}.c-skincare-guide-accordion__title{font-size:var(--fs-18);margin-bottom:var(--spacing-4)}.c-skincare-guide-accordion__text{font-size:var(--fs-15)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/c-skincare-guide.css.map */