.elementor-7105 .elementor-element.elementor-element-aadd3a6{--display:flex;--min-height:707px;--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;--justify-content:center;}.elementor-7105 .elementor-element.elementor-element-993cf2e{text-align:center;}.elementor-7105 .elementor-element.elementor-element-993cf2e .elementor-heading-title{font-size:20px;font-weight:500;letter-spacing:1.8px;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-aef2872{text-align:center;}.elementor-7105 .elementor-element.elementor-element-aef2872 .elementor-heading-title{font-size:117px;font-weight:900;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-a04b807{text-align:center;font-size:20px;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-a65a84c{--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;--justify-content:center;}.elementor-7105 .elementor-element.elementor-element-1dc16e7 .elementor-button{background-color:#FFFFFF;font-weight:900;fill:#9E2727;color:#9E2727;border-radius:15px 15px 15px 15px;}.elementor-7105 .elementor-element.elementor-element-84f2028 .elementor-button{background-color:#FFFFFF;font-weight:900;fill:#9E2727;color:#9E2727;border-radius:15px 15px 15px 15px;}.elementor-7105 .elementor-element.elementor-element-77a2365{--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-7105 .elementor-element.elementor-element-1fdae0d .elementor-heading-title{font-weight:400;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-4f03c64 .elementor-heading-title{color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-0cce243{--display:flex;}.elementor-7105 .elementor-element.elementor-element-326ebd8 .elementor-button{background-color:#FFFEFE;font-weight:900;fill:#9E2727;color:#9E2727;}.elementor-7105 .elementor-element.elementor-element-16bea08 .elementor-button{background-color:#FFFFFF;font-weight:900;fill:#9E2727;color:#9E2727;}.elementor-7105 .elementor-element.elementor-element-3bee5bd{--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-7105 .elementor-element.elementor-element-27a19cf{text-align:center;}.elementor-7105 .elementor-element.elementor-element-0c0bd8a.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-7105 .elementor-element.elementor-element-0c0bd8a.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-0c0bd8a.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7105 .elementor-element.elementor-element-a1f2a08{--display:flex;--min-height:1028px;--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7105 .elementor-element.elementor-element-c6e9595{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-7105 .elementor-element.elementor-element-c6e9595 .elementor-heading-title{color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-40c9fbb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-7105 .elementor-element.elementor-element-40c9fbb .elementor-heading-title{font-size:73px;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-9deb14f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-7105 .elementor-element.elementor-element-9deb14f .elementor-heading-title{color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-4044d20{--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;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:100px;--margin-right:0px;}.elementor-7105 .elementor-element.elementor-element-ee74e79 .elementor-button{background-color:#FFFFFF;font-weight:900;fill:#000000;color:#000000;border-radius:15px 15px 15px 15px;}.elementor-7105 .elementor-element.elementor-element-171d0d4 .elementor-button{background-color:#FFFFFF;font-weight:900;fill:#000000;color:#000000;border-radius:15px 15px 15px 15px;}.elementor-7105 .elementor-element.elementor-element-31ced16{--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:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7105 .elementor-element.elementor-element-262c3aa{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7105 .elementor-element.elementor-element-262c3aa img{max-width:100%;}.elementor-7105 .elementor-element.elementor-element-49303f1{--display:flex;--min-height:700px;--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-7105 .elementor-element.elementor-element-40fdca9 .elementor-heading-title{font-weight:500;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-d2c00ea .elementor-heading-title{color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-9c0d546 .elementor-heading-title{font-weight:500;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-4d86424{--display:flex;}.elementor-7105 .elementor-element.elementor-element-7086cfc .elementor-button{background-color:#FFFFFF;font-weight:900;fill:#000000;color:#000000;}.elementor-7105 .elementor-element.elementor-element-00907c1 .elementor-button{background-color:#FFFFFF;font-weight:900;fill:#000000;color:#000000;}.elementor-7105 .elementor-element.elementor-element-b4f00e4{--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-7105 .elementor-element.elementor-element-961f2dd{--display:flex;--min-height:820px;--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;--justify-content:center;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7105 .elementor-element.elementor-element-961f2dd:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-961f2dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-90f85d3{--display:flex;}.elementor-7105 .elementor-element.elementor-element-a245e26.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-7105 .elementor-element.elementor-element-a245e26.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-a245e26.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7105 .elementor-element.elementor-element-11fa11a{--display:flex;}.elementor-7105 .elementor-element.elementor-element-85a075b.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-7105 .elementor-element.elementor-element-85a075b.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-85a075b.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7105 .elementor-element.elementor-element-ead872d{--display:flex;}.elementor-7105 .elementor-element.elementor-element-8385bec.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-7105 .elementor-element.elementor-element-8385bec.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-8385bec.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7105 .elementor-element.elementor-element-27a1e73{--display:flex;}.elementor-7105 .elementor-element.elementor-element-9d11497.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-7105 .elementor-element.elementor-element-9d11497.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-9d11497.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7105 .elementor-element.elementor-element-dbbec37{--display:flex;}.elementor-7105 .elementor-element.elementor-element-de64d23.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-7105 .elementor-element.elementor-element-de64d23.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-de64d23.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7105 .elementor-element.elementor-element-48b027c{--display:flex;}.elementor-7105 .elementor-element.elementor-element-ae69615.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-7105 .elementor-element.elementor-element-ae69615.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-ae69615.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7105 .elementor-element.elementor-element-2dabd53{--display:flex;}.elementor-7105 .elementor-element.elementor-element-7c5ebde.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-7105 .elementor-element.elementor-element-7c5ebde.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-7c5ebde.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7105 .elementor-element.elementor-element-46ed080{--display:flex;}.elementor-7105 .elementor-element.elementor-element-e6a0148.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-7105 .elementor-element.elementor-element-e6a0148.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-e6a0148.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7105 .elementor-element.elementor-element-5435234{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-7105 .elementor-element.elementor-element-93f5901{--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-7105 .elementor-element.elementor-element-456dde2.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-7105 .elementor-element.elementor-element-456dde2.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-456dde2.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7105 .elementor-element.elementor-element-f45afdf{--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-7105 .elementor-element.elementor-element-5756276{--display:flex;--min-height:960px;--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-7105 .elementor-element.elementor-element-39cc433{--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-7105 .elementor-element.elementor-element-dde6c5c{--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-7105 .elementor-element.elementor-element-5fce5ec{--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-7105 .elementor-element.elementor-element-8511060{--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-7105 .elementor-element.elementor-element-a948489{--display:flex;--min-height:550px;--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-7105 .elementor-element.elementor-element-d472efc{--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:-220px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7105 .elementor-element.elementor-element-c922505{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7105 .elementor-element.elementor-element-c922505 .elementor-heading-title{font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-8427541 .elementor-heading-title{font-size:50px;font-weight:900;letter-spacing:-1.8px;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-681c240.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;padding:0px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-681c240.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-681c240.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-7105 .elementor-element.elementor-element-681c240.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:0px;}.elementor-7105 .elementor-element.elementor-element-681c240.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:0px;}.elementor-7105 .elementor-element.elementor-element-681c240.elementor-wc-products ul.products li.product .star-rating{margin-bottom:0px;}.elementor-7105 .elementor-element.elementor-element-681c240.elementor-wc-products ul.products li.product .button{margin-top:0px;}.elementor-7105 .elementor-element.elementor-element-681c240.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7105 .elementor-element.elementor-element-248800f .elementor-button{background-color:transparent;font-weight:900;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #02010100 100%, #FFFFFF00 100%);border-style:solid;border-width:1px 1px 1px 1px;border-radius:25px 25px 25px 25px;}.elementor-7105 .elementor-element.elementor-element-d878504{--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-7105 .elementor-element.elementor-element-cf4cf5b{--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-7105 .elementor-element.elementor-element-a45e7d0 .elementor-heading-title{font-weight:500;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-f558949 .elementor-heading-title{font-weight:900;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-9fd1f54.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-7105 .elementor-element.elementor-element-9fd1f54.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-9fd1f54.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7105 .elementor-element.elementor-element-73e601f .elementor-button{background-color:#02010100;font-weight:900;fill:#000000;color:#000000;border-style:solid;}.elementor-7105 .elementor-element.elementor-element-71348e6{--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-7105 .elementor-element.elementor-element-ab0c06e .elementor-heading-title{font-size:18px;font-weight:100;}.elementor-7105 .elementor-element.elementor-element-e167cb8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-7105 .elementor-element.elementor-element-cd5ac9c{width:var( --container-widget-width, 31.438% );max-width:31.438%;--container-widget-width:31.438%;--container-widget-flex-grow:0;}.elementor-7105 .elementor-element.elementor-element-cd5ac9c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7105 .elementor-element.elementor-element-cd5ac9c .elementor-heading-title{font-size:60px;color:#83640A;}.elementor-7105 .elementor-element.elementor-element-f89ebe4 .elementor-button{background-color:#02010100;font-weight:900;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-7105 .elementor-element.elementor-element-496afb0{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-f0b8be9{--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-7105 .elementor-element.elementor-element-7d6eb81 .elementor-heading-title{font-weight:100;}.elementor-7105 .elementor-element.elementor-element-0cb14aa{--display:flex;}.elementor-7105 .elementor-element.elementor-element-cac03f4 .elementor-heading-title{font-weight:900;color:#83640A;}.elementor-7105 .elementor-element.elementor-element-e23c6d4{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-0e35468 .elementor-button{background-color:#02010100;fill:#000000;color:#000000;border-style:solid;}.elementor-7105 .elementor-element.elementor-element-485c44a{--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-7105 .elementor-element.elementor-element-af3b901{--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-7105 .elementor-element.elementor-element-3c02d9b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-7105 .elementor-element.elementor-element-3c02d9b .elementor-heading-title{font-size:18px;font-weight:100;}.elementor-7105 .elementor-element.elementor-element-540ef13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-7105 .elementor-element.elementor-element-540ef13 .elementor-heading-title{font-size:40px;}.elementor-7105 .elementor-element.elementor-element-6908e57{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-7105 .elementor-element.elementor-element-cabd7f1 .elementor-button{background-color:#181717;font-weight:900;border-radius:20px 20px 20px 20px;}.elementor-7105 .elementor-element.elementor-element-cabd7f1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-7105 .elementor-element.elementor-element-c38fd44{--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-7105 .elementor-element.elementor-element-fa123bb{--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-7105 .elementor-element.elementor-element-4ada457{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 025px;}.elementor-7105 .elementor-element.elementor-element-4ada457 .elementor-heading-title{font-size:16px;font-weight:100;}.elementor-7105 .elementor-element.elementor-element-ff17420{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 25px;}.elementor-7105 .elementor-element.elementor-element-ff17420 .elementor-heading-title{font-size:60px;font-weight:900;color:#83640A;}.elementor-7105 .elementor-element.elementor-element-ffc46c2{--display:flex;--min-height:0px;--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-7105 .elementor-element.elementor-element-0aea501{--display:flex;--min-height:238px;--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-7105 .elementor-element.elementor-element-ef0afc5{--display:flex;}.elementor-7105 .elementor-element.elementor-element-2ba7afb{--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-7105 .elementor-element.elementor-element-eb718a1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-c4a6f2b{--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;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7105 .elementor-element.elementor-element-b202ec4{--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-7105 .elementor-element.elementor-element-ed088a6{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-9c97e3d{--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-7105 .elementor-element.elementor-element-7175f89{--display:flex;}.elementor-7105 .elementor-element.elementor-element-c0c711a{--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;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7105 .elementor-element.elementor-element-73eb751{--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;--justify-content:flex-end;}.elementor-7105 .elementor-element.elementor-element-84f35d0{--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;--justify-content:space-evenly;}.elementor-7105 .elementor-element.elementor-element-2812573{--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-7105 .elementor-element.elementor-element-c5023a9{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-438bff2{--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;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7105 .elementor-element.elementor-element-b61b857{--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-7105 .elementor-element.elementor-element-1d6b51b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-cc48967{--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;}.elementor-7105 .elementor-element.elementor-element-1a1258d{--display:flex;}.elementor-7105 .elementor-element.elementor-element-198a8a9{--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-7105 .elementor-element.elementor-element-1232dea .elementor-heading-title{color:#83640A;}.elementor-7105 .elementor-element.elementor-element-ecdaf22 .elementor-heading-title{font-weight:900;}.elementor-7105 .elementor-element.elementor-element-8fcd54d{--display:flex;}.elementor-7105 .elementor-element.elementor-element-03202fe{--display:flex;}.elementor-7105 .elementor-element.elementor-element-028f2d1{--display:flex;}.elementor-7105 .elementor-element.elementor-element-0977876{--display:flex;}.elementor-7105 .elementor-element.elementor-element-7d4622e{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-7105 .elementor-element.elementor-element-66d0734 .elementor-button{background-color:#FFFFFF;font-weight:700;fill:#000000;color:#000000;border-style:solid;}.elementor-7105 .elementor-element.elementor-element-aeb981d{--display:flex;}.elementor-7105 .elementor-element.elementor-element-afcf418 .elementor-heading-title{font-weight:300;}.elementor-7105 .elementor-element.elementor-element-d0eb9a4 .elementor-heading-title{font-weight:900;color:#83640A;}.elementor-7105 .elementor-element.elementor-element-0139bd1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-c24fbc3{--display:flex;--min-height:800px;--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;--justify-content:flex-end;}.elementor-7105 .elementor-element.elementor-element-96a2b00{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 130px;}.elementor-7105 .elementor-element.elementor-element-96a2b00 .elementor-heading-title{font-size:18px;font-weight:200;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-897a620{width:var( --container-widget-width, 30.851% );max-width:30.851%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 130px;--container-widget-width:30.851%;--container-widget-flex-grow:0;}.elementor-7105 .elementor-element.elementor-element-897a620.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7105 .elementor-element.elementor-element-897a620 .elementor-heading-title{font-size:60px;line-height:70px;letter-spacing:1px;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-c87b8e6 .elementor-button{background-color:#FFFFFF;font-weight:900;fill:#000000;color:#000000;border-radius:20px 20px 20px 20px;}.elementor-7105 .elementor-element.elementor-element-c87b8e6{width:var( --container-widget-width, 8.454% );max-width:8.454%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 100px) 130px;--container-widget-width:8.454%;--container-widget-flex-grow:0;}.elementor-7105 .elementor-element.elementor-element-c87b8e6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7105 .elementor-element.elementor-element-2667d2f{--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-7105 .elementor-element.elementor-element-f6a532d .elementor-heading-title{font-weight:300;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-6c9c6ef .elementor-heading-title{font-weight:900;color:#FFFFFF;}.elementor-7105 .elementor-element.elementor-element-606304c .elementor-button{background-color:#FFFFFF;font-weight:900;fill:#000000;color:#000000;}@media(min-width:768px){.elementor-7105 .elementor-element.elementor-element-5756276{--width:50%;}.elementor-7105 .elementor-element.elementor-element-39cc433{--width:50%;}.elementor-7105 .elementor-element.elementor-element-5fce5ec{--width:50%;}.elementor-7105 .elementor-element.elementor-element-8511060{--width:50%;}.elementor-7105 .elementor-element.elementor-element-af3b901{--width:40%;}.elementor-7105 .elementor-element.elementor-element-c38fd44{--width:60%;}.elementor-7105 .elementor-element.elementor-element-0aea501{--width:35%;}.elementor-7105 .elementor-element.elementor-element-2ba7afb{--width:65%;}.elementor-7105 .elementor-element.elementor-element-b202ec4{--width:65%;}.elementor-7105 .elementor-element.elementor-element-9c97e3d{--width:35%;}.elementor-7105 .elementor-element.elementor-element-73eb751{--width:35%;}.elementor-7105 .elementor-element.elementor-element-2812573{--width:65%;}.elementor-7105 .elementor-element.elementor-element-b61b857{--width:65%;}.elementor-7105 .elementor-element.elementor-element-cc48967{--width:35%;}}@media(max-width:1024px){.elementor-7105 .elementor-element.elementor-element-0c0bd8a.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-a245e26.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-85a075b.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-8385bec.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-9d11497.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-de64d23.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-ae69615.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-7c5ebde.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-e6a0148.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-5435234{--e-n-carousel-swiper-slides-to-display:2;}.elementor-7105 .elementor-element.elementor-element-456dde2.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-681c240.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-9fd1f54.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-496afb0{--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-e23c6d4{--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-eb718a1{--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-ed088a6{--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-c5023a9{--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-1d6b51b{--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-7d4622e{--e-n-carousel-swiper-slides-to-display:2;}.elementor-7105 .elementor-element.elementor-element-0139bd1{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7105 .elementor-element.elementor-element-aadd3a6{--min-height:194px;}.elementor-7105 .elementor-element.elementor-element-77a2365{--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7105 .elementor-element.elementor-element-77a2365.e-con{--align-self:center;}.elementor-7105 .elementor-element.elementor-element-1fdae0d{text-align:center;}.elementor-7105 .elementor-element.elementor-element-4f03c64{text-align:center;}.elementor-7105 .elementor-element.elementor-element-4f03c64 .elementor-heading-title{font-size:70px;}.elementor-7105 .elementor-element.elementor-element-0cce243{--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;--justify-content:center;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7105 .elementor-element.elementor-element-326ebd8 .elementor-button{letter-spacing:-1.2px;border-radius:15px 15px 15px 15px;}.elementor-7105 .elementor-element.elementor-element-16bea08 .elementor-button{letter-spacing:-1.8px;border-radius:15px 15px 15px 15px;}.elementor-7105 .elementor-element.elementor-element-0c0bd8a.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-49303f1{--min-height:500px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7105 .elementor-element.elementor-element-40fdca9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-7105 .elementor-element.elementor-element-d2c00ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-7105 .elementor-element.elementor-element-d2c00ea .elementor-heading-title{font-size:35px;}.elementor-7105 .elementor-element.elementor-element-9c0d546{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-7105 .elementor-element.elementor-element-4d86424{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7105 .elementor-element.elementor-element-4d86424.e-con{--align-self:center;}.elementor-7105 .elementor-element.elementor-element-7086cfc .elementor-button{letter-spacing:-1.1px;border-radius:15px 15px 15px 15px;}.elementor-7105 .elementor-element.elementor-element-00907c1 .elementor-button{letter-spacing:-0.6px;border-radius:15px 15px 15px 15px;}.elementor-7105 .elementor-element.elementor-element-b4f00e4{--min-height:205px;}.elementor-7105 .elementor-element.elementor-element-a245e26.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-85a075b.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-8385bec.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-9d11497.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-de64d23.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-ae69615.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-7c5ebde.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-e6a0148.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-5435234{--e-n-carousel-swiper-slides-to-display:1;}.elementor-7105 .elementor-element.elementor-element-2f9b33d .elementor-heading-title{font-size:18px;}.elementor-7105 .elementor-element.elementor-element-456dde2.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-5fce5ec{--min-height:350px;}.elementor-7105 .elementor-element.elementor-element-8511060{--min-height:350px;}.elementor-7105 .elementor-element.elementor-element-681c240.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-d878504{--min-height:500px;}.elementor-7105 .elementor-element.elementor-element-cf4cf5b{--margin-top:-210px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7105 .elementor-element.elementor-element-a45e7d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-7105 .elementor-element.elementor-element-a45e7d0 .elementor-heading-title{font-size:18px;}.elementor-7105 .elementor-element.elementor-element-f558949{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-7105 .elementor-element.elementor-element-f558949 .elementor-heading-title{font-size:28px;}.elementor-7105 .elementor-element.elementor-element-9fd1f54.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7105 .elementor-element.elementor-element-73e601f{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7105 .elementor-element.elementor-element-73e601f .elementor-button{letter-spacing:-0.7px;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-7105 .elementor-element.elementor-element-496afb0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-7d6eb81 .elementor-heading-title{font-size:18px;}.elementor-7105 .elementor-element.elementor-element-cac03f4 .elementor-heading-title{font-size:37px;}.elementor-7105 .elementor-element.elementor-element-e23c6d4{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-0e35468{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7105 .elementor-element.elementor-element-0e35468 .elementor-button{border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-7105 .elementor-element.elementor-element-eb718a1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-ed088a6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-c5023a9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-1d6b51b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-1232dea{text-align:center;}.elementor-7105 .elementor-element.elementor-element-1232dea .elementor-heading-title{font-size:16px;}.elementor-7105 .elementor-element.elementor-element-ecdaf22{text-align:center;}.elementor-7105 .elementor-element.elementor-element-ecdaf22 .elementor-heading-title{font-size:32px;}.elementor-7105 .elementor-element.elementor-element-9c273ac{font-size:15px;}.elementor-7105 .elementor-element.elementor-element-7d4622e{--e-n-carousel-swiper-slides-to-display:1;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7105 .elementor-element.elementor-element-66d0734{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-7105 .elementor-element.elementor-element-66d0734 .elementor-button{border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-7105 .elementor-element.elementor-element-afcf418{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-7105 .elementor-element.elementor-element-afcf418 .elementor-heading-title{font-size:15px;}.elementor-7105 .elementor-element.elementor-element-d0eb9a4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-7105 .elementor-element.elementor-element-d0eb9a4 .elementor-heading-title{font-size:32px;letter-spacing:-1px;}.elementor-7105 .elementor-element.elementor-element-0139bd1{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(13, 1fr);--grid-auto-flow:row;}.elementor-7105 .elementor-element.elementor-element-2667d2f{--min-height:484px;--justify-content:flex-end;}.elementor-7105 .elementor-element.elementor-element-f6a532d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-7105 .elementor-element.elementor-element-f6a532d .elementor-heading-title{font-size:18px;}.elementor-7105 .elementor-element.elementor-element-6c9c6ef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-7105 .elementor-element.elementor-element-6c9c6ef .elementor-heading-title{font-size:30px;line-height:1.2em;letter-spacing:-1.5px;}.elementor-7105 .elementor-element.elementor-element-606304c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 20px;}.elementor-7105 .elementor-element.elementor-element-606304c .elementor-button{border-radius:20px 20px 20px 20px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-0c0bd8a *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-0c0bd8a' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-0c0bd8a li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-0c0bd8a li.product .price, .elementor-7105 .elementor-element.elementor-element-0c0bd8a li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-0c0bd8a li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-0c0bd8a li.product .button, .elementor-7105 .elementor-element.elementor-element-0c0bd8a li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-0c0bd8a li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a245e26 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-a245e26' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .price, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .button, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-85a075b *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-85a075b' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .price, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .button, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-8385bec *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-8385bec' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .price, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .button, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9d11497 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-9d11497' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .price, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .button, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-de64d23 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-de64d23' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .price, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .button, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ae69615 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-ae69615' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .price, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .button, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-7c5ebde *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-7c5ebde' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .price, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .button, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-e6a0148 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-e6a0148' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .price, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .button, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a245e26 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-a245e26' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .price, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .button, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-85a075b *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-85a075b' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .price, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .button, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-8385bec *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-8385bec' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .price, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .button, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9d11497 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-9d11497' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .price, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .button, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-de64d23 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-de64d23' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .price, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .button, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ae69615 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-ae69615' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .price, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .button, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-7c5ebde *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-7c5ebde' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .price, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .button, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-e6a0148 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-e6a0148' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .price, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .button, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a245e26 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-a245e26' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .price, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .button, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-85a075b *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-85a075b' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .price, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .button, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-8385bec *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-8385bec' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .price, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .button, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9d11497 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-9d11497' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .price, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .button, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-de64d23 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-de64d23' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .price, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .button, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ae69615 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-ae69615' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .price, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .button, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-7c5ebde *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-7c5ebde' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .price, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .button, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-e6a0148 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-e6a0148' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .price, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .button, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a245e26 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-a245e26' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .price, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .button, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-85a075b *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-85a075b' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .price, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .button, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-8385bec *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-8385bec' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .price, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .button, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9d11497 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-9d11497' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .price, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .button, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-de64d23 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-de64d23' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .price, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .button, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ae69615 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-ae69615' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .price, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .button, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-7c5ebde *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-7c5ebde' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .price, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .button, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-e6a0148 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-e6a0148' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .price, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .button, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a245e26 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-a245e26' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .price, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .button, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-85a075b *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-85a075b' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .price, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .button, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-8385bec *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-8385bec' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .price, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .button, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9d11497 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-9d11497' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .price, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .button, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-de64d23 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-de64d23' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .price, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .button, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ae69615 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-ae69615' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .price, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .button, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-7c5ebde *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-7c5ebde' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .price, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .button, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-e6a0148 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-e6a0148' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .price, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .button, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a245e26 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-a245e26' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .price, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .button, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-85a075b *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-85a075b' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .price, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .button, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-8385bec *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-8385bec' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .price, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .button, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9d11497 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-9d11497' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .price, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .button, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-de64d23 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-de64d23' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .price, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .button, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ae69615 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-ae69615' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .price, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .button, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-7c5ebde *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-7c5ebde' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .price, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .button, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-e6a0148 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-e6a0148' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .price, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .button, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a245e26 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-a245e26' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .price, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .button, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-85a075b *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-85a075b' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .price, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .button, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-8385bec *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-8385bec' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .price, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .button, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9d11497 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-9d11497' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .price, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .button, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-de64d23 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-de64d23' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .price, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .button, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ae69615 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-ae69615' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .price, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .button, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-7c5ebde *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-7c5ebde' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .price, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .button, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-e6a0148 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-e6a0148' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .price, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .button, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a245e26 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-a245e26' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .price, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .button, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-85a075b *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-85a075b' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .price, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .button, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-8385bec *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-8385bec' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .price, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .button, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9d11497 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-9d11497' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .price, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .button, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-de64d23 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-de64d23' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .price, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .button, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ae69615 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-ae69615' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .price, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .button, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-7c5ebde *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-7c5ebde' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .price, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .button, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-e6a0148 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-e6a0148' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .price, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .button, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a245e26 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-a245e26' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .price, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .button, .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-a245e26 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-85a075b *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-85a075b' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .price, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .button, .elementor-7105 .elementor-element.elementor-element-85a075b li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-85a075b li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-8385bec *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-8385bec' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .price, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .button, .elementor-7105 .elementor-element.elementor-element-8385bec li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-8385bec li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9d11497 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-9d11497' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .price, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .button, .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-9d11497 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-de64d23 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-de64d23' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .price, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .button, .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-de64d23 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ae69615 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-ae69615' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .price, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .button, .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-ae69615 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-7c5ebde *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-7c5ebde' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .price, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .button, .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-7c5ebde li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-e6a0148 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-e6a0148' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .price, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .button, .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-e6a0148 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-456dde2 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-456dde2' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-456dde2 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-456dde2 li.product .price, .elementor-7105 .elementor-element.elementor-element-456dde2 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-456dde2 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-456dde2 li.product .button, .elementor-7105 .elementor-element.elementor-element-456dde2 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-456dde2 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-681c240 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-681c240' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-681c240 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-681c240 li.product .price, .elementor-7105 .elementor-element.elementor-element-681c240 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-681c240 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-681c240 li.product .button, .elementor-7105 .elementor-element.elementor-element-681c240 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-681c240 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9fd1f54 *//* ---------------------------------------------------------------------- */ /* 强制产品卡片对齐 CSS 解决代码 */ /* ---------------------------------------------------------------------- */ /* 1. 针对每一个产品卡片容器，启用 Flexbox */ /* 使用 '.elementor-7105 .elementor-element.elementor-element-9fd1f54' 确保只影响当前您编辑的小部件 */ .elementor-7105 .elementor-element.elementor-element-9fd1f54 li.product { /* 启用 Flexbox */ display: flex; /* 垂直堆叠内容 */ flex-direction: column; /* 确保每个产品卡片占用完整高度 */ height: 100%; } /* 2. 将 '添加到购物车' 按钮推到卡片底部 */ /* 找到按钮上方的所有内容元素（例如：产品描述、价格等）的包装容器 */ .elementor-7105 .elementor-element.elementor-element-9fd1f54 li.product .price, .elementor-7105 .elementor-element.elementor-element-9fd1f54 li.product .woocommerce-loop-product__title, .elementor-7105 .elementor-element.elementor-element-9fd1f54 li.product .star-rating { /* 使用 margin-bottom: auto; 将自身上方的空间最大化，从而把后续元素推到底部 */ margin-bottom: auto !important; } /* 3. 如果上一步无效，直接针对按钮容器进行强制对齐 */ /* 这一步是将按钮推到卡片底部最关键的一步 */ .elementor-7105 .elementor-element.elementor-element-9fd1f54 li.product .button, .elementor-7105 .elementor-element.elementor-element-9fd1f54 li.product .add_to_cart_button { /* 确保按钮容器上方有足够的边距 */ margin-top: auto !important; /* 消除底部的额外边距 */ margin-bottom: 0 !important; } /* 4. （可选）如果按钮容器没有类名，尝试针对产品链接包装器 */ .elementor-7105 .elementor-element.elementor-element-9fd1f54 li.product .woocommerce-loop-product__link { margin-top: auto !important; }/* End custom CSS */