.elementor-70 .elementor-element.elementor-element-0ff8da3{--display:flex;--min-height:313px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-0ff8da3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-70 .elementor-element.elementor-element-f249238 .elementor-repeater-item-b17d309 .swiper-slide-bg{background-color:#833ca3;background-image:url(http://creppy.store/wp-content/uploads/2025/12/Orange-and-Black-Spooky-Halloween-Mailing-Label-16.png);background-size:cover;}.elementor-70 .elementor-element.elementor-element-f249238 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-70 .elementor-element.elementor-element-f249238{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-70 .elementor-element.elementor-element-f249238.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-70 .elementor-element.elementor-element-f249238 .swiper-slide-contents{max-width:589px;}.elementor-70 .elementor-element.elementor-element-f249238 .swiper-slide-inner{padding:0px 0px 0px 0px;text-align:center;}.elementor-70 .elementor-element.elementor-element-878e7b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-70 .elementor-element.elementor-element-878e7b2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-70 .elementor-element.elementor-element-fa37b70 .elementor-repeater-item-9dd40bc .swiper-slide-bg{background-color:#833ca3;background-image:url(http://creppy.store/wp-content/uploads/2025/12/Thiep-Doc-Hoa-Mau-Nuoc-Thanh-Lich-Chuc-Mung-Ngay-Nha-Giao-Viet-Nam-5-scaled.png);background-size:cover;}.elementor-70 .elementor-element.elementor-element-fa37b70 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-70 .elementor-element.elementor-element-fa37b70 .swiper-slide-contents{max-width:66%;}.elementor-70 .elementor-element.elementor-element-fa37b70 .swiper-slide-inner{text-align:center;}.elementor-70 .elementor-element.elementor-element-7165758{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-70 .elementor-element.elementor-element-f3e220f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-70 .elementor-element.elementor-element-4cf2f37{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-70 .elementor-element.elementor-element-41c78dc{text-align:center;}.elementor-70 .elementor-element.elementor-element-41c78dc .elementor-heading-title{color:#457026;}.elementor-70 .elementor-element.elementor-element-c31e5f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-70 .elementor-element.elementor-element-0f9444a{text-align:center;}.elementor-70 .elementor-element.elementor-element-0077c33{--display:flex;}.elementor-70 .elementor-element.elementor-element-7a295a1{text-align:center;}.elementor-70 .elementor-element.elementor-element-7a295a1 .elementor-heading-title{color:#457026;}.elementor-70 .elementor-element.elementor-element-5f2cece{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-031c062{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-70 .elementor-element.elementor-element-91c378d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-70 .elementor-element.elementor-element-e118a99.elementor-element{--align-self:center;}.elementor-70 .elementor-element.elementor-element-e118a99 .elementor-heading-title{color:#457026;}.elementor-70 .elementor-element.elementor-element-8af6cb1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-70 .elementor-element.elementor-element-d57e564.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-70 .elementor-element.elementor-element-ffd2d90{width:var( --container-widget-width, 32.728% );max-width:32.728%;--container-widget-width:32.728%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-ffd2d90.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-70 .elementor-element.elementor-element-78e2c18.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-70 .elementor-element.elementor-element-0ca49fc{width:var( --container-widget-width, 4.791% );max-width:4.791%;--container-widget-width:4.791%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-0ca49fc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-70 .elementor-element.elementor-element-27811da{width:var( --container-widget-width, 0.833% );max-width:0.833%;--container-widget-width:0.833%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-27811da.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-70 .elementor-element.elementor-element-b7d7d00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-70 .elementor-element.elementor-element-483164b{--display:flex;}.elementor-70 .elementor-element.elementor-element-51328ba{text-align:center;}.elementor-70 .elementor-element.elementor-element-51328ba .elementor-heading-title{color:#257026;}.elementor-70 .elementor-element.elementor-element-35ab0fd{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-638a8de{text-align:center;}.elementor-70 .elementor-element.elementor-element-6b7e9fb{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-c758d4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-70 .elementor-element.elementor-element-401a8af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-70 .elementor-element.elementor-element-a0cb685{text-align:center;}.elementor-70 .elementor-element.elementor-element-a0cb685 .elementor-heading-title{color:#257026;}.elementor-70 .elementor-element.elementor-element-ea8da2a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-870a72e.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-70 .elementor-element.elementor-element-5f2cece{--grid-auto-flow:row;}.elementor-70 .elementor-element.elementor-element-031c062{--grid-auto-flow:row;}.elementor-70 .elementor-element.elementor-element-6b7e9fb{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-70 .elementor-element.elementor-element-0ff8da3{--width:100%;}.elementor-70 .elementor-element.elementor-element-6b7e9fb{--content-width:1140px;}}@media(max-width:767px){.elementor-70 .elementor-element.elementor-element-0ff8da3{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-70 .elementor-element.elementor-element-878e7b2{--width:500px;--min-height:452px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-fa37b70 .swiper-slide{height:555px;}.elementor-70 .elementor-element.elementor-element-0077c33{--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-5f2cece{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:9px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-031c062{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:61px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-dfec1a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-70 .elementor-element.elementor-element-d57e564{width:var( --container-widget-width, 230px );max-width:230px;--container-widget-width:230px;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-ffd2d90{width:var( --container-widget-width, 406px );max-width:406px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 7px;padding:40px 20px 40px 20px;--container-widget-width:406px;--container-widget-flex-grow:0;text-align:center;}.elementor-70 .elementor-element.elementor-element-ffd2d90 img{width:100%;max-width:100%;}.elementor-70 .elementor-element.elementor-element-78e2c18{width:var( --container-widget-width, 233px );max-width:233px;--container-widget-width:233px;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-6b7e9fb{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-8eac325 *//* Tràn viền 100% thực sự */
.slogan-full {
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    
    background: #457026;
    padding: 16px 0;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 999;
}

.slogan-track {
    display: inline-block;
    white-space: nowrap;
    animation: sloganScroll 20s linear infinite;
}

.slogan-track span {
    color: #EBF0D5;
    font-size: 26px;
    font-weight: 700;
    margin: 0 45px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

@keyframes sloganScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43a76ba */.buy-btn {
    display: inline-block;
    background-color: #457026; /* giữ nền cũ */
    color: #fff; /* màu chữ mặc định */
    padding: 12px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    width: 300px;
    transition: background 0.3s ease, color 0.3s ease; /* thêm color để chuyển màu chữ mượt */
}

.buy-btn:hover {
    background-color: #457026; /* giữ nền như cũ */
    color: #bbbfba ; /* màu chữ khi hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd425bf */.cocoon-slider-wrapper { position: relative; width: 100%; padding: 25px 0; overflow: hidden; } .cocoon-slider { display: flex; gap: 40px; transition: transform 0.4s ease; } .cocoon-item { min-width: 300px; text-align: left; font-family: Helvetica, sans-serif; position: relative; } .img-wrap { width: 100%; height: 360px; display: flex; justify-content: center; align-items: center; } .img-wrap img { width: 100%; height: 100%; object-fit: contain; } .product-name { font-size: 17px; font-weight: 600; margin: 10px 0 4px; } .product-price { font-size: 17px; font-weight: 600; margin-bottom: 12px; } /* Nút giỏ hàng mới */ .cart-btn { width: 50px; height: 50px; background: #457026; /* NỀN VUÔNG MÀU XANH */ color: #ffffff; /* MÀU TRẮNG */ display: flex; justify-content: center; align-items: center; border-radius: 10px; /* VUÔNG NẸP NHẸ */ font-size: 24px; text-decoration: none; transition: 0.3s; } .cart-btn:hover { transform: scale(1.1); background: #36591d; } /* Mũi tên điều hướng */ .cocoon-arrow { position: absolute; top: 45%; transform: translateY(-50%); background: #457026; /* NỀN VUÔNG */ color: #ebf0d5; /* MŨI TÊN MÀU NHẠT */ border: none; font-size: 28px; padding: 12px 16px; border-radius: 12px; /* VUÔNG NẸP */ cursor: pointer; z-index: 10; box-shadow: 0 3px 15px rgba(0,0,0,0.15); } .cocoon-arrow.left { left: 10px; } .cocoon-arrow.right { right: 10px; } .cocoon-arrow:hover { background: #36591d; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6140ac9 */.gift-wrapper {
    position: relative;
    width: 260px; 
    margin: 80px auto;
    pointer-events: auto;
}

.gift-box {
    width: 100%;
    display: block;
    position: relative;
    z-index: 2; 
}


.gift-lid {
    position: absolute;
    width: 100%;
    top: px;      
    left: 0;
    z-index: 5;

    transform-origin: left center;
    transition: transform 1s ease;
}


.discount-code {
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;

    background: #257026;
    color: #000;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;

    white-space: nowrap;
    z-index: 10; 
    transition: 0.8s ease;
}


.gift-wrapper:hover .gift-lid {
    transform: rotate(-90deg);
}


.gift-wrapper:hover .discount-code {
    opacity: 1;
    transform: translate(-50%, -160%) scale(1);
}/* End custom CSS */