.rich-text{background:var(--color-bg, var(--bg-body, #fff));color:var(--color-text, var(--color-body))}.rich-text__inner{max-width:620px;margin:0 auto;padding:0 20px}.rich-text__inner h3{color:inherit}.rich-text__inner img,.rich-text__inner .thb-placeholder{margin-bottom:30px}.rich-text__inner .thb-placeholder{display:inline-block;width:120px;height:120px}.rich-text .rte{margin-bottom:35px}.rich-text .rte p:last-child{margin-bottom:0}.rich-text.text-position-left .rich-text__inner{margin-left:0}.rich-text.text-position-right .rich-text__inner{margin-right:0}.rich-text.text-width-small .rich-text__inner{max-width:400px}.rich-text.text-width-large .rich-text__inner{max-width:800px}.rich-text.text-width-xlarge .rich-text__inner{max-width:1000px}.rich-text.text-width-grid .rich-text__inner{max-width:1380px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/rich-text.css.map?v=2282571948540234681755289754 */
.image-with-text{display:flex;flex-wrap:wrap;align-items:center;background:var(--color-bg, #fff)}@media only screen and (min-width:768px){.image-with-text{flex-wrap:nowrap}}.image-with-text.text_first{flex-direction:row-reverse}.image-with-text__image{flex-grow:0;flex-shrink:0;width:100%}.image-with-text__image svg,.image-with-text__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-with-text__image svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent)}.image-with-text__image-media{position:relative;width:100%;overflow:hidden;padding-bottom:var(--ratio-percent)}.image-with-text__image-media.aspect-ratio--small{padding-bottom:75%}.image-with-text__image-media.aspect-ratio--large{padding-bottom:100%}.image-with-text__image-media iframe,.image-with-text__image-media video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.image-with-text__content{width:100%;flex-grow:1;padding:25px}@media only screen and (min-width:768px){.image-with-text__content{padding:45px}}@media only screen and (min-width:1068px){.image-with-text__content{padding:70px}}.image-with-text__content svg{width:100px;height:100px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent);margin-bottom:20px}.image-with-text__content--inner{max-width:600px;margin:0 auto}.image-with-text__content__image{margin-bottom:30px}.image-with-text__content p,.image-with-text__content h3,.image-with-text__content .text-button{color:var(--color-text, --color-body)}.image-with-text__content .text-button:before{background:rgba(var(--color-text-rgb),.4)}.image-with-text__content .text-button:after{background:var(--color-text, --color-body)}@media only screen and (min-width:1068px){.image-with-text__content .rte.description-size--small{font-size:.875rem}}@media only screen and (min-width:1068px){.image-with-text__content .rte.description-size--large{font-size:1.25rem}}.image-with-text__content .rte p{font-size:inherit}.image-with-text__content .accordion summary{color:var(--color-text, --color-body)}.image-with-text__content .accordion summary span:before,.image-with-text__content .accordion summary span:after{background:var(--color-text, --color-body)}@media only screen and (min-width:768px){.image-with-text.grid--image-small>.image-with-text__inner{width:40%}}@media only screen and (min-width:768px){.image-with-text.grid--image-medium>.image-with-text__inner{width:50%}}@media only screen and (min-width:768px){.image-with-text.grid--image-large>.image-with-text__inner{width:60%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/image-with-text.css.map?v=100550691234494051081755289753 */
/* See wholesale-orders.css for why this is forced explicitly. */
.image-with-text { width: 100%; }
.accordion summary span:before{transition:all .25s cubic-bezier(.104,.204,.492,1)}.accordion{display:block;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:25px}.accordion+.accordion{border-top:0;margin-top:-25px}.accordion-container .accordion{max-width:760px;margin-right:auto;margin-left:auto}.accordion-container .accordion:last-child{margin-bottom:0}.accordion details[open] summary span:before{transform:rotate(90deg)}.accordion summary{width:100%;list-style:none;position:relative;font-weight:var(--font-body-bold-weight, 600);font-size:1rem;letter-spacing:.02em;line-height:1;padding:18px 40px 18px 0;cursor:pointer}[dir=rtl] .accordion summary{padding:18px 0 18px 40px}.accordion summary span{position:absolute;top:calc(50% - 5.5px);right:18px;width:12px;height:12px;display:block}[dir=rtl] .accordion summary span{right:auto;left:18px}.accordion summary span:before,.accordion summary span:after{content:"";display:block;position:absolute;top:5.5px;left:0;background:var(--color-body)}.accordion summary span:before{width:1px;height:12px;top:0;left:5.5px;will-change:transform}.accordion summary span:after{width:12px;height:1px}.accordion summary::-webkit-details-marker{display:none}.accordion .accordion__content{padding:0 0 15px;font-size:.9375rem}.accordion .accordion__content>*:last-child{margin-bottom:0}.collapsible-content__inner{max-width:1060px;margin:0 auto}.collapsible-content.heading-uppercase-true .accordion summary{text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collapsible-content.css.map?v=12971051099921202631755289753 */

/* Form liên hệ tự viết (không có sẵn trong theme gốc) — .form-notification chỉ được ported scoped
   theo .news-Latter_form (popup newsletter, nền trắng), nhân bản lại 2 rule (success + error) cho
   .reqst_Form — nhưng .reqst_Form có nền olive đậm (#846e47, xem base-style.css) nên không dùng lại
   đúng màu chữ/nền của bản gốc (chữ #846e47 trên nền xanh nhạt gần như vô hình trên nền olive này). */
.reqst_Form .form-notification{display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:1.5;padding:16px;background:#ffffff26;color:#fff;border:1px solid #fff;font-weight:600}
.reqst_Form .form-notification.error{background:#f8d7da;color:#a94442;border-color:#a94442}