.elementor-2855 .elementor-element.elementor-element-73cd166e{--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:center;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:1%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-2855 .elementor-element.elementor-element-39f90df0{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2855 .elementor-element.elementor-element-4bb22648 > .elementor-widget-container{margin:0vw 0vw -0.5vw 0vw;}.elementor-2855 .elementor-element.elementor-element-4bb22648 .elementor-heading-title{color:var( --e-global-color-18a853e6 );}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2855 .elementor-element.elementor-element-45f4d24c > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-2855 .elementor-element.elementor-element-45f4d24c.elementor-element{--align-self:flex-start;}.elementor-2855 .elementor-element.elementor-element-45f4d24c{text-align:start;}.woocommerce .elementor-2855 .elementor-element.elementor-element-45f4d24c .price{color:var( --e-global-color-32e1350 );}.woocommerce .elementor-2855 .elementor-element.elementor-element-45f4d24c .price ins{color:var( --e-global-color-a8a77ea );}body:not(.rtl) .elementor-2855 .elementor-element.elementor-element-45f4d24c:not(.elementor-product-price-block-yes) del{margin-right:10px;}body.rtl .elementor-2855 .elementor-element.elementor-element-45f4d24c:not(.elementor-product-price-block-yes) del{margin-left:10px;}.elementor-2855 .elementor-element.elementor-element-45f4d24c.elementor-product-price-block-yes del{margin-bottom:10px;}.elementor-2855 .elementor-element.elementor-element-0783c87 > .elementor-widget-container{margin:0vw 0vw -1vw 0vw;}.elementor-2855 .elementor-element.elementor-element-0783c87.elementor-element{--order:-99999 /* order start hack */;}.elementor-2855 .elementor-element.elementor-element-0783c87 .woocommerce-breadcrumb{color:var( --e-global-color-3d80cd5 );font-family:"Assistant", Sans-serif;font-size:1.2vw;font-weight:300;text-align:start;}.elementor-2855 .elementor-element.elementor-element-0783c87 .woocommerce-breadcrumb > a{color:var( --e-global-color-18a853e6 );}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2855 .elementor-element.elementor-element-554fc49a > .elementor-widget-container{margin:0px 0px 0px 70px;}.elementor-2855 .elementor-element.elementor-element-554fc49a{color:var( --e-global-color-18a853e6 );font-family:"Assistant", Sans-serif;font-weight:400;line-height:20px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2855 .elementor-element.elementor-element-41da884 > .elementor-widget-container{background-color:#FFFFFF00;margin:0vw 0vw 0vw 5vw;}.elementor-2855 .elementor-element.elementor-element-41da884 .cart button, .elementor-2855 .elementor-element.elementor-element-41da884 .cart .button{font-family:"Assistant", Sans-serif;font-size:1vw;font-weight:600;line-height:1.8em;border-radius:50px 50px 50px 50px;padding:10px 0px 010px 0px;background-color:var( --e-global-color-32e1350 );transition:all 0.4s;}.elementor-2855 .elementor-element.elementor-element-41da884 .cart button:hover, .elementor-2855 .elementor-element.elementor-element-41da884 .cart .button:hover{color:var( --e-global-color-32e1350 );background-color:var( --e-global-color-3788ed89 );border-color:var( --e-global-color-32e1350 );}.elementor-2855 .elementor-element.elementor-element-41da884 .quantity .qty{border-radius:20px 20px 20px 20px;padding:1vw 0vw 1vw 0vw;color:var( --e-global-color-32e1350 );transition:all 0.2s;}.woocommerce .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .variations{width:100%;}.woocommerce .elementor-2855 .elementor-element.elementor-element-41da884 form.cart table.variations td.value select, .woocommerce .elementor-2855 .elementor-element.elementor-element-41da884 form.cart table.variations td.value:before{border-radius:53px;}.elementor-2855 .elementor-element.elementor-element-5a192d97{--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;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:1;}.elementor-2855 .elementor-element.elementor-element-37a70c77{width:100%;max-width:100%;}.elementor-2855 .elementor-element.elementor-element-37a70c77 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.woocommerce .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper, .woocommerce .elementor-2855 .elementor-element.elementor-element-37a70c77 .flex-viewport{border-radius:18px 18px 18px 18px;}.woocommerce .elementor-2855 .elementor-element.elementor-element-37a70c77 .flex-control-thumbs img{border-style:solid;border-width:15px 1px 1px 1px;border-color:var( --e-global-color-3788ed89 );border-radius:18px 18px 18px 18px;}.woocommerce .elementor-2855 .elementor-element.elementor-element-37a70c77 .flex-control-thumbs li{padding-right:calc(15px / 2);padding-left:calc(15px / 2);padding-bottom:15px;}.woocommerce .elementor-2855 .elementor-element.elementor-element-37a70c77 .flex-control-thumbs{margin-right:calc(-15px / 2);margin-left:calc(-15px / 2);}.elementor-2855 .elementor-element.elementor-element-86b8969 > .elementor-widget-container{margin:0vw 0vw -1vw 0vw;}.elementor-2855 .elementor-element.elementor-element-86b8969.elementor-element{--order:-99999 /* order start hack */;}.elementor-2855 .elementor-element.elementor-element-86b8969 .woocommerce-breadcrumb{color:var( --e-global-color-3d80cd5 );font-family:"Assistant", Sans-serif;font-size:1.2vw;font-weight:300;text-align:start;}.elementor-2855 .elementor-element.elementor-element-86b8969 .woocommerce-breadcrumb > a{color:var( --e-global-color-18a853e6 );}.elementor-2855 .elementor-element.elementor-element-9c42a0f{--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-2855 .elementor-element.elementor-element-ec9a150{width:100%;max-width:100%;}.elementor-2855 .elementor-element.elementor-element-ec9a150 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2855 .elementor-element.elementor-element-ec9a150.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-2855 .elementor-element.elementor-element-0d4dd1c > .elementor-widget-container{margin:78px 0px 0px 0px;}.elementor-2855 .elementor-element.elementor-element-0d4dd1c.elementor-element{--order:99999 /* order end hack */;}.elementor-2855 .elementor-element.elementor-element-04a103d > .elementor-widget-container{margin:078px 0px 0px 0px;}.elementor-2855 .elementor-element.elementor-element-04a103d.elementor-element{--order:99999 /* order end hack */;}.elementor-2855 .elementor-element.elementor-element-4f5faa5 > .elementor-widget-container{margin:078px 0px 0px 0px;}.elementor-2855 .elementor-element.elementor-element-4f5faa5.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-2855 .elementor-element.elementor-element-7d65f69{--display:flex;--min-height:0vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-2855 .elementor-element.elementor-element-75953c4 > .elementor-widget-container{margin:0px 35px 20px 0px;}.elementor-2855 .elementor-element.elementor-element-75953c4{text-align:start;}.elementor-2855 .elementor-element.elementor-element-75953c4 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#000000;}.elementor-2855 .elementor-element.elementor-element-d2ccbd6{--display:flex;}.elementor-2855 .elementor-element.elementor-element-63edb33{--swiper-slides-to-display:4;--swiper-offset-size:80px;--swiper-slides-gap:20px;width:var( --container-widget-width, 105% );max-width:105%;--container-widget-width:105%;--container-widget-flex-grow:0;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:5vw;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:-42vh;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:85vw;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:-42vh;--arrow-size:15px;--arrow-normal-color:var( --e-global-color-18a853e6 );--arrow-hover-color:var( --e-global-color-secondary );--swiper-pagination-size:7px;--dots-normal-color:var( --e-global-color-18a853e6 );--dots-hover-color:var( --e-global-color-18a853e6 );--dots-horizontal-position:50%;--dots-horizontal-transform:-50%;--dots-horizontal-offset:0px;--dots-vertical-position:100%;--dots-vertical-transform:-100%;--dots-vertical-offset:0px;--swiper-pagination-spacing:34px;}.elementor-2855 .elementor-element.elementor-element-63edb33 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:#FFFFFF00;}.elementor-2855 .elementor-element.elementor-element-63edb33 > .elementor-widget-container{margin:0px 20px 0px 0px;padding:0vw 0vw 0vw 0vw;}.elementor-2855 .elementor-element.elementor-element-63edb33.elementor-element{--align-self:center;}.elementor-2855 .elementor-element.elementor-element-63edb33 .swiper-slide > .elementor-element{height:100%;}@media(min-width:768px){.elementor-2855 .elementor-element.elementor-element-39f90df0{--width:50%;}.elementor-2855 .elementor-element.elementor-element-5a192d97{--width:50%;}}@media(max-width:1024px){.elementor-2855 .elementor-element.elementor-element-73cd166e{--min-height:700px;--padding-top:12%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-2855 .elementor-element.elementor-element-39f90df0{--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2855 .elementor-element.elementor-element-45f4d24c > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-2855 .elementor-element.elementor-element-6f5399a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2855 .elementor-element.elementor-element-63edb33{--swiper-slides-to-display:2;--swiper-slides-gap:18px;}}@media(max-width:767px){.elementor-2855 .elementor-element.elementor-element-73cd166e{--min-height:0px;--justify-content:flex-start;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:3%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-2855 .elementor-element.elementor-element-39f90df0{--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-2855 .elementor-element.elementor-element-39f90df0.e-con{--order:2;}.elementor-2855 .elementor-element.elementor-element-4bb22648 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2855 .elementor-element.elementor-element-4bb22648.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-2855 .elementor-element.elementor-element-4bb22648{text-align:justify;}.elementor-2855 .elementor-element.elementor-element-45f4d24c > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2855 .elementor-element.elementor-element-45f4d24c.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-2855 .elementor-element.elementor-element-45f4d24c{text-align:center;}.elementor-2855 .elementor-element.elementor-element-0783c87{width:100%;max-width:100%;}.elementor-2855 .elementor-element.elementor-element-0783c87 > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2855 .elementor-element.elementor-element-0783c87.elementor-element{--align-self:flex-start;--order:1;}.elementor-2855 .elementor-element.elementor-element-0783c87 .woocommerce-breadcrumb{font-size:3.6vw;letter-spacing:0.06em;text-align:start;}.elementor-2855 .elementor-element.elementor-element-554fc49a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2855 .elementor-element.elementor-element-554fc49a{font-size:14px;}.elementor-2855 .elementor-element.elementor-element-41da884 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2855 .elementor-element.elementor-element-41da884.elementor-element{--order:3;}.elementor-2855 .elementor-element.elementor-element-41da884 .cart button, .elementor-2855 .elementor-element.elementor-element-41da884 .cart .button{font-size:4.2vw;}.elementor-2855 .elementor-element.elementor-element-41da884{--button-spacing:10px;}.elementor-2855 .elementor-element.elementor-element-6f5399a.elementor-element{--order:99999 /* order end hack */;}.elementor-2855 .elementor-element.elementor-element-5a192d97{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2855 .elementor-element.elementor-element-5a192d97.e-con{--order:1;}.elementor-2855 .elementor-element.elementor-element-37a70c77 > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2855 .elementor-element.elementor-element-37a70c77.elementor-element{--order:1;}.elementor-2855 .elementor-element.elementor-element-86b8969{width:100%;max-width:100%;}.elementor-2855 .elementor-element.elementor-element-86b8969 > .elementor-widget-container{margin:1vw 0vw -2vw 0vw;padding:1vw 0vw -1vw 0vw;}.elementor-2855 .elementor-element.elementor-element-86b8969.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-2855 .elementor-element.elementor-element-86b8969 .woocommerce-breadcrumb{font-size:3.6vw;letter-spacing:0.06em;text-align:start;}.elementor-2855 .elementor-element.elementor-element-9c42a0f{--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2855 .elementor-element.elementor-element-7d65f69{--min-height:75vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:58px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2855 .elementor-element.elementor-element-75953c4 > .elementor-widget-container{margin:10vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2855 .elementor-element.elementor-element-75953c4{text-align:center;}.elementor-2855 .elementor-element.elementor-element-63edb33{--swiper-slides-to-display:1;--swiper-slides-gap:16px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--arrow-prev-left-position:3vw;--arrow-prev-top-position:-33vh;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:28vw;--arrow-next-top-position:23.5vh;--arrow-size:15px;--swiper-pagination-size:9px;--swiper-pagination-spacing:20px;}.elementor-2855 .elementor-element.elementor-element-63edb33 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2855 .elementor-element.elementor-element-63edb33 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {padding:20vw 0vw 0vw 10vw;}}/* Start custom CSS for heading, class: .elementor-element-4bb22648 */.elementor-2855 .elementor-element.elementor-element-4bb22648 .elementor-heading-title, .elementor-2855 .elementor-element.elementor-element-4bb22648 .product_title, .elementor-2855 .elementor-element.elementor-element-4bb22648 h1 { margin: 0 !important; padding: 0 !important; color: #1E2D50 !important; font-family: inherit !important; font-size: clamp(36px, 3vw, 42px) !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; text-align: right !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-2855 .elementor-element.elementor-element-4bb22648 .elementor-heading-title, .elementor-2855 .elementor-element.elementor-element-4bb22648 .product_title, .elementor-2855 .elementor-element.elementor-element-4bb22648 h1 { font-size: 34px !important; } } @media (max-width: 767px) { .elementor-2855 .elementor-element.elementor-element-4bb22648 .elementor-heading-title, .elementor-2855 .elementor-element.elementor-element-4bb22648 .product_title, .elementor-2855 .elementor-element.elementor-element-4bb22648 h1 { font-size: 26px !important; line-height: 1.25 !important; letter-spacing: -0.015em !important; } } @media (max-width: 380px) { .elementor-2855 .elementor-element.elementor-element-4bb22648 .elementor-heading-title, .elementor-2855 .elementor-element.elementor-element-4bb22648 .product_title, .elementor-2855 .elementor-element.elementor-element-4bb22648 h1 { font-size: 24px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-price, class: .elementor-element-45f4d24c */.elementor-2855 .elementor-element.elementor-element-45f4d24c { direction: rtl; } .elementor-2855 .elementor-element.elementor-element-45f4d24c .price { margin: 0 !important; color: #1E2D50 !important; font-family: inherit !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; text-align: right !important; } .elementor-2855 .elementor-element.elementor-element-45f4d24c .price .woocommerce-Price-amount, .elementor-2855 .elementor-element.elementor-element-45f4d24c .price bdi, .elementor-2855 .elementor-element.elementor-element-45f4d24c .price .woocommerce-Price-currencySymbol { color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; } .elementor-2855 .elementor-element.elementor-element-45f4d24c .price del { font-size: 0.72em !important; opacity: 0.65; } .elementor-2855 .elementor-element.elementor-element-45f4d24c .price ins { background: none !important; text-decoration: none !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-2855 .elementor-element.elementor-element-45f4d24c .price { font-size: 27px !important; } } @media (max-width: 767px) { .elementor-2855 .elementor-element.elementor-element-45f4d24c .price { font-size: 25px !important; text-align: center !important; } } @media (max-width: 380px) { .elementor-2855 .elementor-element.elementor-element-45f4d24c .price { font-size: 24px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-content, class: .elementor-element-554fc49a */.elementor-2855 .elementor-element.elementor-element-554fc49a { direction: rtl; text-align: right; } .elementor-2855 .elementor-element.elementor-element-554fc49a .woocommerce-product-details__short-description, .elementor-2855 .elementor-element.elementor-element-554fc49a .woocommerce-product-details__short-description p, .elementor-2855 .elementor-element.elementor-element-554fc49a .elementor-widget-container > p { color: #3F4652 !important; font-family: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.78 !important; text-align: right !important; overflow-wrap: break-word; } .elementor-2855 .elementor-element.elementor-element-554fc49a .woocommerce-product-details__short-description p, .elementor-2855 .elementor-element.elementor-element-554fc49a .elementor-widget-container > p { margin: 0 0 14px !important; } .elementor-2855 .elementor-element.elementor-element-554fc49a .woocommerce-product-details__short-description p:last-child, .elementor-2855 .elementor-element.elementor-element-554fc49a .elementor-widget-container > p:last-child { margin-bottom: 0 !important; } .elementor-2855 .elementor-element.elementor-element-554fc49a strong, .elementor-2855 .elementor-element.elementor-element-554fc49a b { color: #252A33 !important; font-weight: 600 !important; } @media (max-width: 767px) { .elementor-2855 .elementor-element.elementor-element-554fc49a .woocommerce-product-details__short-description, .elementor-2855 .elementor-element.elementor-element-554fc49a .woocommerce-product-details__short-description p, .elementor-2855 .elementor-element.elementor-element-554fc49a .elementor-widget-container > p { font-size: 15px !important; line-height: 1.72 !important; } .elementor-2855 .elementor-element.elementor-element-554fc49a .woocommerce-product-details__short-description p, .elementor-2855 .elementor-element.elementor-element-554fc49a .elementor-widget-container > p { margin-bottom: 12px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-41da884 *//* ========================================================== COZY CLOUD – PRODUCT BUY BOX CONTROLS Clean Premium / Responsive / Fail-safe Paste into the Custom CSS field of the WooCommerce Add To Cart widget carrying the class: cc-product-buybox ========================================================== */ .elementor-2855 .elementor-element.elementor-element-41da884 { --cc-navy: #1E2D50; --cc-navy-hover: #172440; --cc-border: rgba(30, 45, 80, 0.54); --cc-focus: rgba(30, 45, 80, 0.10); --cc-muted: #71798A; --cc-control-height: 44px; --cc-control-inner-height: 42px; --cc-qty-width: 96px; --cc-qty-input-width: 36px; --cc-action-gap: 8px; width: 100%; } .elementor-2855 .elementor-element.elementor-element-41da884, .elementor-2855 .elementor-element.elementor-element-41da884 * { box-sizing: border-box; } .elementor-2855 .elementor-element.elementor-element-41da884, .elementor-2855 .elementor-element.elementor-element-41da884 .elementor-widget-container, .elementor-2855 .elementor-element.elementor-element-41da884 form.cart, .elementor-2855 .elementor-element.elementor-element-41da884 form.variations_form, .elementor-2855 .elementor-element.elementor-element-41da884 .single_variation_wrap { width: 100% !important; max-width: 100% !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart, .elementor-2855 .elementor-element.elementor-element-41da884 form.variations_form, .elementor-2855 .elementor-element.elementor-element-41da884 .single_variation_wrap { margin: 0 !important; padding: 0 !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; background: transparent !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.variations_form { display: block !important; } /* ========================================================== וריאציות ========================================================== */ .elementor-2855 .elementor-element.elementor-element-41da884 table.variations, .elementor-2855 .elementor-element.elementor-element-41da884 table.variations tbody, .elementor-2855 .elementor-element.elementor-element-41da884 table.variations tr { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .elementor-2855 .elementor-element.elementor-element-41da884 table.variations { margin-bottom: 10px !important; border-collapse: collapse !important; } .elementor-2855 .elementor-element.elementor-element-41da884 table.variations th.label { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 3px 6px !important; border: 0 !important; background: transparent !important; text-align: right !important; } .elementor-2855 .elementor-element.elementor-element-41da884 table.variations th.label label { margin: 0 !important; color: var(--cc-navy) !important; font-family: inherit !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; } .elementor-2855 .elementor-element.elementor-element-41da884 table.variations td.value { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .elementor-2855 .elementor-element.elementor-element-41da884 table.variations td.value select { display: block !important; width: 100% !important; max-width: 100% !important; height: var(--cc-control-height) !important; min-height: var(--cc-control-height) !important; max-height: var(--cc-control-height) !important; margin: 0 !important; padding: 0 17px 0 42px !important; direction: rtl !important; text-align: right !important; color: var(--cc-navy) !important; background-color: #FFFFFF !important; border: 1px solid var(--cc-border) !important; border-radius: 999px !important; outline: none !important; box-shadow: none !important; font-family: inherit !important; font-size: 15px !important; font-weight: 400 !important; line-height: normal !important; cursor: pointer !important; transition: border-color 160ms ease, box-shadow 160ms ease !important; } .elementor-2855 .elementor-element.elementor-element-41da884 table.variations td.value select:focus, .elementor-2855 .elementor-element.elementor-element-41da884 table.variations td.value select:focus-visible { border-color: var(--cc-navy) !important; outline: none !important; box-shadow: 0 0 0 3px var(--cc-focus) !important; } .elementor-2855 .elementor-element.elementor-element-41da884 table.variations .reset_variations { display: inline-block !important; width: max-content !important; margin: 6px 3px 0 !important; color: var(--cc-muted) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.35 !important; } /* ========================================================== מחיר הווריאציה המקורי מוסתר. המחיר המדויק מוצג בווידג'ט cc-main-price שמעל התיאור. ========================================================== */ .elementor-2855 .elementor-element.elementor-element-41da884 .woocommerce-variation-price { display: none !important; } .elementor-2855 .elementor-element.elementor-element-41da884 .woocommerce-variation.single_variation { width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } .elementor-2855 .elementor-element.elementor-element-41da884 .woocommerce-variation-description, .elementor-2855 .elementor-element.elementor-element-41da884 .woocommerce-variation-availability { margin: 0 0 10px !important; padding: 0 !important; color: var(--cc-muted) !important; font-family: inherit !important; font-size: 13px !important; line-height: 1.5 !important; text-align: right !important; } .elementor-2855 .elementor-element.elementor-element-41da884 .woocommerce-variation-description:empty, .elementor-2855 .elementor-element.elementor-element-41da884 .woocommerce-variation-availability:empty { display: none !important; } .elementor-2855 .elementor-element.elementor-element-41da884 .woocommerce-variation-availability p { margin: 0 !important; } /* ========================================================== שורת הפעולה ========================================================== */ .elementor-2855 .elementor-element.elementor-element-41da884 .woocommerce-variation-add-to-cart, .elementor-2855 .elementor-element.elementor-element-41da884 form.cart:not(.variations_form) { display: grid !important; grid-template-columns: minmax(0, 1fr) var(--cc-qty-width) !important; grid-template-rows: var(--cc-control-height) !important; gap: var(--cc-action-gap) !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; clear: both !important; direction: ltr !important; } /* ========================================================== כמות ========================================================== */ .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity { grid-column: 2 !important; grid-row: 1 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) var(--cc-qty-input-width) minmax(0, 1fr) !important; grid-template-rows: var(--cc-control-inner-height) !important; align-items: center !important; float: none !important; width: var(--cc-qty-width) !important; min-width: var(--cc-qty-width) !important; max-width: var(--cc-qty-width) !important; height: var(--cc-control-height) !important; min-height: var(--cc-control-height) !important; max-height: var(--cc-control-height) !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; direction: ltr !important; background: #FFFFFF !important; border: 1px solid var(--cc-border) !important; border-radius: 999px !important; box-shadow: none !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity input.qty { grid-row: 1 !important; display: block !important; height: var(--cc-control-inner-height) !important; min-height: var(--cc-control-inner-height) !important; max-height: var(--cc-control-inner-height) !important; margin: 0 !important; padding: 0 !important; color: var(--cc-navy) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; font-family: inherit !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1 !important; text-align: center !important; } /* Fail-safe: ללא JS שדה הכמות המקורי נשאר שמיש. */ .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity:not(.cc-qty-enhanced) input.qty { grid-column: 1 / -1 !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; appearance: auto !important; -moz-appearance: auto !important; } /* מצב משודרג לאחר יצירת כפתורי הפלוס והמינוס. */ .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity.cc-qty-enhanced input.qty { grid-column: 2 !important; width: var(--cc-qty-input-width) !important; min-width: var(--cc-qty-input-width) !important; max-width: var(--cc-qty-input-width) !important; appearance: textfield !important; -moz-appearance: textfield !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity.cc-qty-enhanced input.qty::-webkit-inner-spin-button, .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity.cc-qty-enhanced input.qty::-webkit-outer-spin-button { display: none !important; margin: 0 !important; appearance: none !important; -webkit-appearance: none !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity .cc-qty-button { display: none !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity.cc-qty-enhanced .cc-qty-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: var(--cc-control-inner-height) !important; min-height: var(--cc-control-inner-height) !important; max-height: var(--cc-control-inner-height) !important; margin: 0 !important; padding: 0 !important; color: var(--cc-navy) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; font-family: Arial, sans-serif !important; font-size: 19px !important; font-weight: 300 !important; line-height: 1 !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; transition: background-color 150ms ease, opacity 150ms ease !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity.cc-qty-enhanced .cc-qty-minus { grid-column: 1 !important; grid-row: 1 !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity.cc-qty-enhanced .cc-qty-plus { grid-column: 3 !important; grid-row: 1 !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity.cc-qty-enhanced .cc-qty-button:focus-visible { background: rgba(30, 45, 80, 0.06) !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity.cc-qty-enhanced .cc-qty-button:disabled { opacity: 0.28 !important; cursor: not-allowed !important; } /* ========================================================== כפתור הוספה לסל ========================================================== */ .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .single_add_to_cart_button { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: var(--cc-control-height) !important; min-height: var(--cc-control-height) !important; max-height: var(--cc-control-height) !important; margin: 0 !important; padding: 0 16px !important; direction: rtl !important; color: #FFFFFF !important; background: var(--cc-navy) !important; border: 1px solid var(--cc-navy) !important; border-radius: 999px !important; box-shadow: 0 3px 8px rgba(30, 45, 80, 0.10) !important; font-family: inherit !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1 !important; text-align: center !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .single_add_to_cart_button::before, .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .single_add_to_cart_button::after { content: none !important; display: none !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .single_add_to_cart_button:focus-visible { color: #FFFFFF !important; background: var(--cc-navy-hover) !important; outline: none !important; box-shadow: 0 0 0 3px var(--cc-focus), 0 4px 10px rgba(30, 45, 80, 0.14) !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .single_add_to_cart_button:disabled, .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .single_add_to_cart_button.disabled { opacity: 0.55 !important; cursor: not-allowed !important; transform: none !important; } /* ========================================================== Hover רק במכשיר שתומך בו ========================================================== */ @media (hover: hover) and (pointer: fine) { .elementor-2855 .elementor-element.elementor-element-41da884 table.variations td.value select:hover { border-color: rgba(30, 45, 80, 0.78) !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity.cc-qty-enhanced .cc-qty-button:hover { background: rgba(30, 45, 80, 0.05) !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .single_add_to_cart_button:hover { color: #FFFFFF !important; background: var(--cc-navy-hover) !important; box-shadow: 0 4px 10px rgba(30, 45, 80, 0.14) !important; transform: translateY(-1px) !important; } } /* ========================================================== טאבלט – 768 עד 1024 ========================================================== */ @media (min-width: 768px) { .elementor-2855 .elementor-element.elementor-element-41da884 { --cc-control-height: 46px; --cc-control-inner-height: 44px; --cc-qty-width: 104px; --cc-qty-input-width: 40px; --cc-action-gap: 10px; } .elementor-2855 .elementor-element.elementor-element-41da884 table.variations { margin-bottom: 11px !important; } .elementor-2855 .elementor-element.elementor-element-41da884 table.variations td.value select { padding-right: 18px !important; padding-left: 43px !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity.cc-qty-enhanced .cc-qty-button { font-size: 20px !important; } } /* ========================================================== דסקטופ – 1025 ומעלה ========================================================== */ @media (min-width: 1025px) { .elementor-2855 .elementor-element.elementor-element-41da884 { --cc-control-height: 48px; --cc-control-inner-height: 46px; --cc-qty-width: 112px; --cc-qty-input-width: 44px; --cc-action-gap: 10px; } .elementor-2855 .elementor-element.elementor-element-41da884 table.variations { margin-bottom: 12px !important; } .elementor-2855 .elementor-element.elementor-element-41da884 table.variations td.value select { padding-right: 18px !important; padding-left: 44px !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .single_add_to_cart_button { padding-inline: 18px !important; font-size: 15.5px !important; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .quantity.cc-qty-enhanced .cc-qty-button { font-size: 20px !important; } } /* ========================================================== מובייל צר – שמירת מקום לכפתור ========================================================== */ @media (max-width: 359px) { .elementor-2855 .elementor-element.elementor-element-41da884 { --cc-qty-width: 92px; --cc-qty-input-width: 34px; --cc-action-gap: 7px; } .elementor-2855 .elementor-element.elementor-element-41da884 form.cart .single_add_to_cart_button { padding-inline: 12px !important; font-size: 14.5px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6f5399a *//* Cozy Cloud — Bed Delivery */ /* רוחב הווידג׳ט — תואם לרכיב הרכישה */ .elementor-2855 .elementor-element.elementor-element-6f5399a { box-sizing: border-box; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; flex-grow: 0 !important; align-self: stretch !important; justify-self: stretch !important; } .elementor-2855 .elementor-element.elementor-element-6f5399a .elementor-widget-container, .elementor-2855 .elementor-element.elementor-element-6f5399a .elementor-shortcode { box-sizing: border-box; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery, .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery * { box-sizing: border-box; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery { --cc-delivery-navy: #1e2d50; --cc-delivery-muted: #68748a; --cc-delivery-line: #e1e5ec; --cc-delivery-soft: #f4f2f8; --cc-delivery-red: #c7554d; width: 100%; min-width: 0; max-width: 100%; margin-right: 0; margin-left: 0; color: var(--cc-delivery-navy); font-family: inherit; direction: rtl; } /* הכרטיס בעמוד המוצר */ .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__trigger { display: grid; grid-template-columns: 42px minmax(0, 1fr) 24px; align-items: center; column-gap: 12px; width: 100%; min-width: 0 !important; max-width: 100%; height: auto !important; min-height: 88px; max-height: none !important; margin: 0; padding: 15px 17px; appearance: none; -webkit-appearance: none; background: #fff; border: 1px solid var(--cc-delivery-line); border-radius: 13px; box-shadow: 0 7px 22px rgba(30, 45, 80, .045); color: var(--cc-delivery-navy); font-family: inherit; direction: rtl; text-align: right; text-transform: none; white-space: normal !important; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: border-color .2s ease, box-shadow .2s ease; } @media (hover: hover) and (pointer: fine) { .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__trigger:hover { background: #fff; border-color: #c1b9da; box-shadow: 0 9px 26px rgba(30, 45, 80, .08); color: var(--cc-delivery-navy); } } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__trigger:focus-visible, .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__close:focus-visible { outline: 2px solid var(--cc-delivery-navy); outline-offset: 3px; } /* משאית CC — זהה לאייקון בסקשן האמון */ .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__trigger::before { content: ""; grid-column: 1; grid-row: 1; display: block; width: 42px; height: 42px; background-color: var(--cc-delivery-soft); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 48 48' fill='none' stroke='%231e2d50' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath vector-effect='non-scaling-stroke' d='M9.7 34H5.8V14h23.7v20H16.7M29.5 34h2.8M39.3 34h2.9v-6.5l-6.5-7h-6.2'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M35.7 20.5V27h6.1'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='13.2' cy='35' r='3.5'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='35.8' cy='35' r='3.5'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M15.3 19.8C14.6 19 13.7 18.6 12.8 18.6C11 18.6 9.9 20.3 9.9 22.8C9.9 25.3 11 27 12.8 27C13.7 27 14.6 26.6 15.3 25.8'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M25.4 19.8C24.7 19 23.8 18.6 22.9 18.6C21.1 18.6 20 20.3 20 22.8C20 25.3 21.1 27 22.9 27C23.8 27 24.7 26.6 25.4 25.8'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 26px 26px; border-radius: 11px; } /* טקסט — נשאר בתוך העמודה בכל רוחב */ .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__copy { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; width: 100%; min-width: 0 !important; max-width: 100%; text-align: right; white-space: normal !important; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__heading, .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__copy small { display: block; width: 100%; min-width: 0; max-width: 100%; margin: 0; font-family: inherit; white-space: normal !important; overflow-wrap: break-word; word-break: normal !important; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__heading { color: var(--cc-delivery-navy); font-size: 15.5px; font-weight: 600; line-height: 1.35; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__copy small { color: var(--cc-delivery-muted); font-size: 11.5px; font-weight: 400; line-height: 1.55; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__chevron { grid-column: 3; grid-row: 1; display: grid; place-items: center; align-self: center; width: 24px; height: 32px; color: var(--cc-delivery-navy); font-family: inherit; font-size: 27px; font-weight: 300; line-height: 1; } /* חלונית הפירוט */ .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__dialog { position: fixed; inset: 0; width: min(520px, calc(100vw - 28px)); max-width: none; max-height: calc(100dvh - 28px); margin: auto; padding: 27px 30px 25px; overflow: auto; background: #fff; border: 1px solid var(--cc-delivery-line); border-radius: 19px; box-shadow: 0 25px 70px rgba(20, 32, 56, .2); color: var(--cc-delivery-navy); font-family: inherit; text-align: right; direction: rtl; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__dialog::backdrop { background: rgba(21, 31, 52, .52); } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__close { position: absolute; top: 19px; left: 19px; display: grid; place-items: center; width: 34px; height: 34px; margin: 0; padding: 0; background: #f7f8fa; border: 0; border-radius: 9px; color: var(--cc-delivery-navy); font-family: inherit; font-size: 25px; font-weight: 300; line-height: 1; cursor: pointer; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__close:hover { background: var(--cc-delivery-soft); color: var(--cc-delivery-navy); } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__dialog h2 { margin: 4px 37px 21px !important; padding: 0 !important; color: var(--cc-delivery-navy) !important; font-family: inherit; font-size: 22px; font-weight: 600; line-height: 1.3; text-align: center; } /* מחיר וזמן אספקה */ .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 18px 0; border-top: 1px solid var(--cc-delivery-line); border-bottom: 1px solid var(--cc-delivery-line); } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__summary > div { display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; gap: 5px; text-align: center; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__summary > div + div { border-right: 1px solid var(--cc-delivery-line); } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__summary span { color: var(--cc-delivery-muted); font-size: 12px; line-height: 1.4; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__summary strong { color: var(--cc-delivery-navy); font-size: 17px; font-weight: 600; line-height: 1.35; } /* הבהרת התשלום למוביל */ .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__payment { position: relative; margin: 16px 0 2px; padding: 11px 42px 11px 13px; background: var(--cc-delivery-soft); border-radius: 10px; color: var(--cc-delivery-navy); font-size: 12.5px; line-height: 1.6; text-align: right; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__payment::before { content: "i"; position: absolute; top: 50%; right: 14px; display: grid; place-items: center; width: 17px; height: 17px; border: 1.5px solid var(--cc-delivery-navy); border-radius: 50%; color: var(--cc-delivery-navy); font-family: Arial, sans-serif; font-size: 12px; font-weight: 600; line-height: 1; transform: translateY(-50%); } /* אזורי שירות */ .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__details section { display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 11px; align-items: start; padding: 17px 0; border-bottom: 1px solid var(--cc-delivery-line); } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__details section::before { content: ""; grid-column: 1; grid-row: 1 / 3; display: block; width: 21px; height: 21px; margin-top: 1px; background-repeat: no-repeat; background-position: center; background-size: contain; } /* מיקום */ .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__details section:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e2d50' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); } /* אזורים ללא שירות */ .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__details section:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c7554d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.6 5.6 18.4 18.4'/%3E%3C/svg%3E"); } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__details h3 { grid-column: 2; margin: 0 0 4px !important; padding: 0 !important; color: var(--cc-delivery-navy) !important; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.4; text-align: right; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__details section:nth-child(2) h3 { color: var(--cc-delivery-red) !important; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__details p { grid-column: 2; margin: 0; padding: 0; color: var(--cc-delivery-muted); font-size: 12.5px; line-height: 1.65; text-align: right; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__note { margin: 17px 0 0; padding: 0; color: var(--cc-delivery-muted); font-size: 12px; line-height: 1.65; text-align: center; } /* טאבלט — יותר מקום לטקסט, אייקון וריווחים מצומצמים */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__trigger { grid-template-columns: 38px minmax(0, 1fr) 18px; column-gap: 8px; min-height: 82px; padding: 13px 14px; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__trigger::before { width: 38px; height: 38px; background-size: 24px 24px; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__heading { font-size: 14px; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__copy small { font-size: 11.5px; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__chevron { width: 18px; font-size: 23px; } } /* מובייל */ @media (max-width: 767.98px) { .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__trigger { grid-template-columns: 38px minmax(0, 1fr) 18px; column-gap: 10px; min-height: 82px; padding: 13px 14px; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__trigger::before { width: 38px; height: 38px; background-size: 24px 24px; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__heading { font-size: 14px; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__copy small { font-size: 11px; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__chevron { width: 18px; font-size: 23px; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__dialog { padding: 25px 19px 22px; border-radius: 16px; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__dialog h2 { margin-right: 26px !important; margin-left: 26px !important; font-size: 19px; } .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__summary strong { font-size: 15px; } } /* מובייל צר — צמצום ריווח בלבד */ @media (max-width: 359px) { .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__trigger { column-gap: 8px; padding-right: 12px; padding-left: 12px; } } /* הפחתת תנועה */ @media (prefers-reduced-motion: reduce) { .elementor-2855 .elementor-element.elementor-element-6f5399a .cc-bed-delivery__trigger { transition: none; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-images, class: .elementor-element-37a70c77 *//* ================================================== COZY CLOUD – RESPONSIVE PRODUCT GALLERY MOBILE + DESKTOP THUMBNAIL CAROUSEL ================================================== */ .elementor-2855 .elementor-element.elementor-element-37a70c77 { --cc-gallery-navy: #1e2d50; --cc-gallery-line: rgba(30, 45, 80, 0.08); --cc-gallery-counter-bg: rgba(255, 255, 255, 0.94); width: 100%; } .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery { position: relative !important; } /* רכיבי הממשק מוסתרים כברירת מחדל */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .cc-gallery-mobile-ui { display: none !important; } /* ================================================== TABLET + DESKTOP 768px ומעלה ================================================== */ @media (min-width: 768px) { /* * פינות מעוגלות לתמונה הראשית */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery__wrapper, .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery__image, .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery__image > a, .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery__image img { border-radius: 18px !important; } .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery__wrapper, .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery__image { overflow: hidden !important; } .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery__image > a, .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery__image img { display: block !important; } /* * זכוכית מגדלת בצד שמאל */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery__trigger { top: 16px !important; left: 16px !important; right: auto !important; z-index: 20 !important; } /* * מונה תמונות בצד ימין */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .cc-gallery-counter { position: absolute !important; top: 16px !important; right: 16px !important; left: auto !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 58px !important; height: 38px !important; padding: 0 13px !important; margin: 0 !important; direction: ltr !important; color: var(--cc-gallery-navy) !important; background: var(--cc-gallery-counter-bg) !important; border: 1px solid var(--cc-gallery-line) !important; border-radius: 999px !important; box-shadow: 0 5px 16px rgba(30, 45, 80, 0.11) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; pointer-events: none !important; } /* * פס המקטעים אינו נחוץ כאשר הממוזערות מוצגות */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .cc-gallery-progress { display: none !important; } /* * קרוסלת ממוזערות אופקית מתחת לתמונה הראשית */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; margin: 14px 0 0 !important; padding: 5px 1px 10px !important; direction: rtl !important; overflow-x: auto !important; overflow-y: hidden !important; list-style: none !important; scroll-snap-type: x proximity; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; } /* * הסתרת פס הגלילה */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } /* * מעטפת כל ממוזערת */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs li { display: block !important; flex: 0 0 72px !important; float: none !important; width: 72px !important; min-width: 72px !important; max-width: 72px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; overflow: visible !important; scroll-snap-align: start; } /* * הסרת עיצוב שמגיע מהתבנית */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs li::before, .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs li::after { display: none !important; content: none !important; } /* * תמונה ממוזערת רגילה */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs img { display: block !important; width: 72px !important; height: 72px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 12px !important; outline: none !important; box-shadow: none !important; opacity: 0.78 !important; cursor: pointer !important; transform: translateY(0) !important; transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease !important; } /* * מצב מעבר עכבר */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1 !important; transform: translateY(-1px) !important; } /* * התמונה הפעילה */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs img.flex-active { opacity: 1 !important; border: 1px solid var(--cc-gallery-navy) !important; border-radius: 12px !important; box-shadow: none !important; transform: translateY(0) !important; } /* * סימון נגיש בניווט באמצעות מקלדת */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs img:focus-visible { outline: 2px solid var(--cc-gallery-navy) !important; outline-offset: 3px !important; } } /* ================================================== TABLET 768px עד 1024px ================================================== */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs { gap: 8px !important; margin-top: 12px !important; } .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs li { flex-basis: 64px !important; width: 64px !important; min-width: 64px !important; max-width: 64px !important; } .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs img { width: 64px !important; height: 64px !important; border-radius: 11px !important; } .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs img.flex-active { border-radius: 11px !important; } } /* ================================================== MOBILE עד 767px ================================================== */ @media (max-width: 767px) { /* * זכוכית מגדלת בצד שמאל */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery__trigger { top: 14px !important; left: 14px !important; right: auto !important; z-index: 20 !important; } /* * מונה תמונות בצד ימין */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .cc-gallery-counter { position: absolute !important; top: 14px !important; right: 14px !important; left: auto !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 54px !important; height: 36px !important; padding: 0 12px !important; margin: 0 !important; direction: ltr !important; color: var(--cc-gallery-navy) !important; background: var(--cc-gallery-counter-bg) !important; border: 1px solid var(--cc-gallery-line) !important; border-radius: 999px !important; box-shadow: 0 4px 14px rgba(30, 45, 80, 0.12) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; pointer-events: none !important; } /* * הממוזערות מחליפות את פס המקטעים */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .cc-gallery-progress { display: none !important; } /* * קרוסלת הממוזערות */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; width: 100% !important; margin: 10px 0 0 !important; padding: 5px 3px 9px !important; direction: rtl !important; overflow-x: auto !important; overflow-y: hidden !important; list-style: none !important; scroll-snap-type: x proximity; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; } /* * הסתרת פס הגלילה */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } /* * מעטפת כל ממוזערת */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs li { display: block !important; flex: 0 0 52px !important; float: none !important; width: 52px !important; min-width: 52px !important; max-width: 52px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; overflow: visible !important; scroll-snap-align: start; } /* * הסרת אלמנטים עיצוביים שמגיעים מהתבנית */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs li::before, .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs li::after { display: none !important; content: none !important; } /* * תמונה ממוזערת רגילה: * ללא מסגרת וללא רווח פנימי */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs img { display: block !important; width: 52px !important; height: 52px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 10px !important; outline: none !important; box-shadow: none !important; opacity: 0.78 !important; cursor: pointer !important; transform: translateY(0) !important; transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease !important; } /* * התמונה הפעילה: * מסגרת נייבי צמודה ללא רווח פנימי */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs img.flex-active { opacity: 1 !important; border: 1px solid var(--cc-gallery-navy) !important; border-radius: 10px !important; box-shadow: none !important; transform: translateY(0) !important; } /* * סימון נגיש בניווט באמצעות מקלדת */ .elementor-2855 .elementor-element.elementor-element-37a70c77 .woocommerce-product-gallery .flex-control-thumbs img:focus-visible { outline: 2px solid var(--cc-gallery-navy) !important; outline-offset: 2px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ec9a150 *//* ========================================= COZY CLOUD – SLEEP FEEL / FIRMNESS METER Scoped only to this Elementor widget ========================================= */ .elementor-2855 .elementor-element.elementor-element-ec9a150 { --cc-sleep-navy: #1e2d50; --cc-sleep-lilac: #c1b9da; --cc-sleep-brown: #b98f70; --cc-sleep-blush: #eed3c7; --cc-sleep-eyebrow: #22252b; --cc-sleep-muted: #667084; --cc-sleep-surface: #ffffff; --cc-sleep-line: rgba(30, 45, 80, 0.10); --cc-sleep-inactive: rgba(193, 185, 218, 0.30); --cc-sleep-score-bg: rgba(193, 185, 218, 0.14); --cc-sleep-score-border: rgba(193, 185, 218, 0.60); width: 100%; margin: 0; padding: 0; } /* איפוס מקומי */ .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel, .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel * { box-sizing: border-box; } /* הסקשן */ .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel { width: 100%; max-width: 760px; margin: 0 auto; padding: 0; direction: rtl; color: var(--cc-sleep-navy); font-family: inherit; } /* כותרת הסקשן */ .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel__eyebrow { display: flex; align-items: center; justify-content: center; width: 100%; gap: 10px; margin: 0 0 9px; padding: 0; color: var(--cc-sleep-eyebrow); font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1.3; text-align: center; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel__eyebrow-line { display: block; flex: 0 0 32px; width: 32px; height: 1px; border-radius: 999px; background: var(--cc-sleep-lilac); } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel__heading { width: 100%; margin: 0 0 18px !important; padding: 0 !important; color: var(--cc-sleep-navy) !important; font-family: inherit !important; font-size: 24px !important; font-weight: 600 !important; line-height: 1.22 !important; letter-spacing: -0.015em; text-align: center !important; } /* כרטיס המד */ .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card { width: 100%; max-width: 700px; margin: 0 auto; padding: 20px 20px 18px; background: var(--cc-sleep-surface); border: 1px solid var(--cc-sleep-line); border-radius: 18px; box-shadow: none; } /* החלק העליון בכרטיס */ .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__top { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 16px; margin: 0; padding: 0; direction: rtl; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__copy { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; align-items: stretch; gap: 4px; text-align: right; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__label { display: block; margin: 0; padding: 0; color: var(--cc-sleep-muted); font-family: inherit; font-size: 13px; font-weight: 400; line-height: 1.35; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__title { display: block; margin: 0; padding: 0; color: var(--cc-sleep-navy); font-family: inherit; font-size: 18px; font-weight: 600; line-height: 1.28; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__score { display: inline-flex; align-items: center; justify-content: center; min-width: 60px; height: 32px; flex: 0 0 auto; margin: 0; padding: 0 9px; color: var(--cc-sleep-navy); background: var(--cc-sleep-score-bg); border: 1px solid var(--cc-sleep-score-border); border-radius: 999px; font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1; direction: ltr; unicode-bidi: isolate; } /* מד הקשיחות */ .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__meter { width: 100%; padding: 54px 26px 0; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__segments { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); width: 100%; gap: 4px; direction: ltr; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__segment { position: relative; display: block; width: 100%; height: 6px; background: var(--cc-sleep-inactive); border: 0; border-radius: 999px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__segment.is-active { background: var(--cc-sleep-navy); } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__segment.is-selected .cc-firmness-card__score { position: absolute; bottom: calc(100% + 18px); left: 50%; transform: translateX(-50%); z-index: 1; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__segment.is-selected::before { content: ""; position: absolute; bottom: calc(100% + 4px); left: 50%; width: 1px; height: 10px; transform: translateX(-50%); background: var(--cc-sleep-navy); } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__scale-labels { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 8px 0 0; padding: 0; direction: ltr; color: var(--cc-sleep-muted); font-family: inherit; font-size: 12.5px; font-weight: 400; line-height: 1.3; } /* תיאור */ .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__divider { width: 100%; height: 1px; margin: 16px 0 14px; background: var(--cc-sleep-line); } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__description-row { display: flex; align-items: flex-start; width: 100%; gap: 10px; margin: 0; padding: 0; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__check { display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 23px; flex: 0 0 23px; margin: 1px 0 0; border: 1px solid var(--cc-sleep-lilac); border-radius: 50%; color: var(--cc-sleep-navy); font-size: 13px; font-weight: 700; line-height: 1; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__description { flex: 1 1 auto; margin: 0; padding: 0; color: var(--cc-sleep-muted); font-family: inherit; font-size: 15px; font-weight: 400; line-height: 1.6; text-align: right; } /* טאבלט ודסקטופ */ @media (min-width: 768px) { .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel__eyebrow { margin-bottom: 10px; font-size: 14px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel__heading { margin-bottom: 24px !important; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card { padding: 28px 30px 26px; border-radius: 18px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__top { gap: 24px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__copy { gap: 5px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__label { font-size: 13.5px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__score { min-width: 68px; height: 35px; padding-inline: 11px; font-size: 17px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__segments { gap: 5px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__segment { height: 7px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__scale-labels { margin-top: 9px; font-size: 13.5px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__divider { margin: 19px 0 16px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__description-row { gap: 11px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__check { width: 24px; height: 24px; flex-basis: 24px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__description { font-size: 15.5px; line-height: 1.6; } } /* טאבלט */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel { padding-inline: 22px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel__heading { font-size: 30px !important; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card { padding: 26px 28px 24px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__title { font-size: 20px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__score { font-size: 17px; } } /* דסקטופ */ @media (min-width: 1025px) { .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel__heading { font-size: clamp(34px, 3vw, 36px) !important; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__title { font-size: 22px; } } /* מובייל */ @media (max-width: 767px) { .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel { padding-inline: 24px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__segments { gap: 3px; } } /* מסכים קטנים במיוחד */ @media (max-width: 380px) { .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel { padding-inline: 18px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-sleep-feel__heading { font-size: 22px !important; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card { padding-inline: 16px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__top { gap: 12px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__title { font-size: 17px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__score { min-width: 58px; height: 31px; padding-inline: 8px; font-size: 15.5px; } .elementor-2855 .elementor-element.elementor-element-ec9a150 .cc-firmness-card__segment { height: 6px; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0d4dd1c *//* Cozy Cloud — Product Details Tabs */ .elementor-2855 .elementor-element.elementor-element-0d4dd1c { --cc-details-navy: #1E2D50; --cc-details-text: #3F4652; --cc-details-tab: #596170; --cc-details-muted: #737B88; --cc-details-strong: #252A33; --cc-details-lilac: #C1B9DA; --cc-details-blush: #EED3C7; --cc-details-line: rgba(30, 45, 80, 0.08); width: 100% !important; margin: 0 !important; padding: 0 !important; direction: rtl !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .elementor-widget-container, .elementor-2855 .elementor-element.elementor-element-0d4dd1c .elementor-shortcode { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details, .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details * { box-sizing: border-box; } /* הסקשן */ .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details { width: 100%; max-width: 1440px; margin: 0 auto; padding: 64px clamp(28px, 4vw, 48px) 70px; direction: rtl; color: var(--cc-details-text); background: #ffffff; font-family: inherit; } /* כותרת הסקשן */ .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__header { width: 100%; max-width: 760px; margin: 0 0 34px auto; padding: 0; direction: rtl; text-align: right; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; padding: 0; color: var(--cc-details-text); font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.35; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__eyebrow-line { display: block; flex: 0 0 32px; width: 32px; height: 1px; border-radius: 999px; background: var(--cc-details-lilac); } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__heading { width: 100%; margin: 0 !important; padding: 0 !important; color: var(--cc-details-navy) !important; font-family: inherit !important; font-size: clamp(34px, 3vw, 36px) !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; text-align: right !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__intro { margin: 9px 0 0 !important; padding: 0 !important; color: var(--cc-details-muted) !important; font-family: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.6 !important; text-align: right !important; } /* מבנה כללי */ .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__layout, .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tabs { width: 100%; min-width: 0; margin: 0; padding: 0; direction: rtl; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__layout--without-image { display: block; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__layout--with-image { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 32px; } /* תמונה */ .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__media { display: block; width: 100%; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__image { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; margin: 0; padding: 0; border: 0; border-radius: 18px; background: transparent; box-shadow: none; } /* דסקטופ: שתי עמודות שוות */ @media (min-width: 1025px) { .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details:has( > .cc-product-details__layout--with-image ) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto 1fr; grid-template-areas: "media header" "media tabs"; column-gap: clamp(56px, 5vw, 80px); row-gap: 26px; align-items: start; direction: ltr; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details > .cc-product-details__layout--with-image { display: contents; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details:has( > .cc-product-details__layout--with-image ) > .cc-product-details__header { grid-area: header; width: 100%; min-width: 0; max-width: none; margin: 0; direction: rtl; text-align: right; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__layout--with-image > .cc-product-details__media { grid-area: media; align-self: start; width: 100%; min-width: 0; margin: 0; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__layout--with-image > .cc-product-details__tabs { grid-area: tabs; width: 100%; min-width: 0; margin: 0; direction: rtl; } } /* סרגל הלשוניות */ .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tablist { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 8px; width: 100%; min-width: 0; margin: 0; padding: 5px 5px 18px; direction: rtl; overflow-x: auto; scrollbar-width: none; border: 0; border-bottom: 1px solid var(--cc-details-line); background: transparent; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tablist::-webkit-scrollbar { display: none; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tab { appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 0; min-height: 44px; margin: 0; padding: 10px 20px; color: var(--cc-details-tab) !important; background: transparent !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; font-family: inherit !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.35 !important; text-align: center; white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; transition: color 160ms ease, background-color 160ms ease; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c a.cc-product-details__tab { text-decoration: none !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tab[aria-selected="true"] { color: var(--cc-details-navy) !important; background: var(--cc-details-blush) !important; font-weight: 600 !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tab:focus { outline: none; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tab:focus-visible, .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tabpanel:focus-visible { outline: 2px solid var(--cc-details-navy); outline-offset: 2px; } @media (hover: hover) and (pointer: fine) { .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tab:not([aria-selected="true"]):hover { color: var(--cc-details-navy) !important; } } /* תוכן הלשוניות */ .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__panels { width: 100%; min-width: 0; margin: 0; padding: 42px 0 0; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tabpanel { width: 100%; min-width: 0; margin: 0; padding: 0; direction: rtl; text-align: right; animation: cc-details-tab-fade 180ms ease both; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tabpanel[hidden] { display: none !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tabs:not([data-cc-tabs-ready]) .cc-product-details__tabpanel + .cc-product-details__tabpanel { margin-top: 28px; } @keyframes cc-details-tab-fade { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__title { display: block; width: 100%; margin: 0 0 18px !important; padding: 0 !important; color: var(--cc-details-navy) !important; font-family: inherit !important; font-size: clamp(23px, 2.2vw, 27px) !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: -0.01em !important; text-align: right !important; } /* תוכן ACF */ .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content { width: 100%; min-width: 0; margin: 0; padding: 0; overflow-wrap: break-word; color: var(--cc-details-text) !important; font-family: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.78 !important; text-align: right !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content p { margin: 0 0 14px !important; padding: 0 !important; color: inherit !important; font: inherit !important; line-height: inherit !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content p:last-child { margin-bottom: 0 !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content h4, .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content h5, .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content h6 { margin: 22px 0 8px !important; padding: 0 !important; color: var(--cc-details-navy) !important; font-family: inherit !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: right !important; } /* רשימות */ .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content ul, .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content ol { margin: 14px 0 0 !important; padding: 0 1.3em 0 0 !important; color: inherit !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content li { margin: 0 0 10px !important; padding: 0 4px 0 0 !important; color: inherit !important; font: inherit !important; line-height: inherit !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content li:last-child { margin-bottom: 0 !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content li::marker { color: #E4C8BB; } /* הדגשות וקישורים */ .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content strong, .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content b { color: var(--cc-details-strong) !important; font-weight: 600 !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content a { color: var(--cc-details-navy) !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } /* טבלאות */ .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content table { width: 100%; margin: 18px 0 0; border: 0; border-collapse: collapse; color: inherit; font: inherit; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content th, .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content td { padding: 11px 0; border: 0; border-bottom: 1px solid var(--cc-details-line); text-align: right; vertical-align: top; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content th { color: var(--cc-details-strong); font-weight: 600; } /* טאבלט */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details { padding: 54px 22px 60px; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__header { max-width: 760px; margin: 0 auto 36px; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__heading { font-size: 30px !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__layout--with-image { gap: 32px; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__media { max-width: 760px; margin: 0 auto; } } /* מובייל */ @media (max-width: 767px) { .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details { padding: 40px 16px 46px; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__header { max-width: none; margin: 0 0 28px; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__eyebrow { gap: 8px; margin-bottom: 8px; font-size: 13px; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__eyebrow-line { flex-basis: 27px; width: 27px; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__heading { font-size: 24px !important; line-height: 1.22 !important; letter-spacing: -0.015em !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__intro { margin-top: 7px !important; font-size: 15px !important; line-height: 1.55 !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__layout--with-image { gap: 25px; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__image { border-radius: 14px; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tablist { gap: 6px; padding-bottom: 13px; overscroll-behavior-inline: contain; scroll-snap-type: inline proximity; -webkit-overflow-scrolling: touch; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tab { min-height: 44px; padding: 9px 15px; font-size: 14px !important; scroll-snap-align: start; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__panels { padding-top: 30px; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__title { margin-bottom: 14px !important; font-size: 22px !important; line-height: 1.35 !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content { font-size: 15px !important; line-height: 1.72 !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content p { margin-bottom: 12px !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content li { margin-bottom: 8px !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__content table { display: block; overflow-x: auto; white-space: nowrap; } } /* מסכים קטנים במיוחד */ @media (max-width: 380px) { .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details { padding-right: 14px; padding-left: 14px; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__heading { font-size: 22px !important; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tab { padding-right: 13px; padding-left: 13px; } } /* הפחתת תנועה */ @media (prefers-reduced-motion: reduce) { .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tab { transition: none; } .elementor-2855 .elementor-element.elementor-element-0d4dd1c .cc-product-details__tabpanel { animation: none; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-04a103d *//* Cozy Cloud — Mattress Layers Accordion */ .elementor-2855 .elementor-element.elementor-element-04a103d { --cc-layers-navy: #1E2D50; --cc-layers-text: #3F4652; --cc-layers-muted: #737B88; --cc-layers-line: rgba(30, 45, 80, 0.13); --cc-layers-soft: #F5F6F9; --cc-layers-accent: #D9D0EC; --cc-layers-lilac: #C1B9DA; width: 100% !important; margin: 0 !important; padding: 0 !important; direction: rtl !important; } .elementor-2855 .elementor-element.elementor-element-04a103d .elementor-widget-container, .elementor-2855 .elementor-element.elementor-element-04a103d .elementor-shortcode { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers, .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers * { box-sizing: border-box; } /* הסקשן */ .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers { width: 100%; max-width: 1440px; margin: 0 auto; padding: 64px clamp(28px, 4vw, 48px) 70px; direction: rtl; color: var(--cc-layers-text); background: #ffffff; font-family: inherit; } /* כותרת הסקשן */ .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__header { width: 100%; max-width: 760px; margin: 0 0 34px auto; padding: 0; direction: rtl; text-align: right; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__eyebrow { display: flex; align-items: center; justify-content: flex-start; gap: 10px; margin: 0 0 10px; padding: 0; color: var(--cc-layers-text); font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.35; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__eyebrow-line { display: block; flex: 0 0 32px; width: 32px; height: 1px; border-radius: 999px; background: var(--cc-layers-lilac); } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__heading { width: 100%; margin: 0 !important; padding: 0 !important; color: var(--cc-layers-navy) !important; font-family: inherit !important; font-size: clamp(34px, 3vw, 36px) !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; text-align: right !important; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__intro { max-width: none; margin: 9px 0 0 !important; padding: 0 !important; color: var(--cc-layers-muted) !important; font-family: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.6 !important; text-align: right !important; } /* מבנה */ .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "details visual"; align-items: start; gap: clamp(56px, 5vw, 80px); width: 100%; min-width: 0; margin: 0; padding: 0; direction: ltr; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__layout--without-image { display: block; max-width: 760px; margin: 0 auto; direction: rtl; } /* תמונה */ .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__figure { grid-area: visual; display: block; width: 100%; min-width: 0; margin: 0; padding: 0; direction: rtl; justify-self: stretch; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__image { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; object-position: center; margin: 0; padding: 0; border: 0; border-radius: 18px; background: transparent; box-shadow: none; filter: none; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__caption { margin: 11px 0 0; padding: 0; color: var(--cc-layers-muted); font-family: inherit; font-size: 13.5px; font-weight: 400; line-height: 1.45; text-align: center; } /* רשימת השכבות */ .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__list { grid-area: details; width: 100%; min-width: 0; max-width: none; margin: 0; padding: 0; direction: rtl; list-style: none; border-top: 1px solid var(--cc-layers-line); justify-self: stretch; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__item { width: 100%; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--cc-layers-line); } /* אקורדיון */ .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__accordion { width: 100%; margin: 0; padding: 0; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__summary, .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__static { display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; align-items: center; gap: 15px; width: 100%; min-height: 72px; margin: 0; padding: 13px 4px; color: var(--cc-layers-navy); background: transparent; border: 0; border-radius: 10px; list-style: none; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__summary { grid-template-areas: "number title toggle"; cursor: pointer; transition: background-color 160ms ease; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__static { grid-template-areas: "number title empty"; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__summary::-webkit-details-marker { display: none; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__summary::marker { display: none; content: ""; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__summary:focus { outline: none; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__summary:focus-visible { outline: 2px solid var(--cc-layers-navy); outline-offset: 3px; } /* מספר שכבה */ .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__number { grid-area: number; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--cc-layers-navy); background: var(--cc-layers-soft); border: 1px solid rgba(30, 45, 80, 0.035); border-radius: 50%; font-family: inherit; font-size: 12.5px; font-weight: 600; line-height: 1; direction: ltr; unicode-bidi: isolate; transition: background-color 160ms ease; } /* כותרת שכבה — תואמת לכותרת התוכן בסקשן הייחוס */ .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__item-title { grid-area: title; display: block; min-width: 0; margin: 0 !important; padding: 0 !important; color: var(--cc-layers-navy) !important; font-family: inherit !important; font-size: clamp(20px, 1.8vw, 22px) !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: -0.01em !important; text-align: right !important; } /* חץ */ .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__toggle { grid-area: toggle; display: block; width: 9px; height: 9px; justify-self: center; align-self: center; border-right: 1.5px solid var(--cc-layers-navy); border-bottom: 1.5px solid var(--cc-layers-navy); transform: rotate(45deg) translateY(-2px); transform-origin: center; transition: transform 180ms ease; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__accordion[open] .cc-mattress-layers__toggle { transform: rotate(225deg) translate(-2px, -2px); } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__accordion[open] .cc-mattress-layers__number { background: var(--cc-layers-accent); } /* תוכן שכבה — תואם לטקסט הגוף בסקשן הייחוס */ .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__panel { width: 100%; margin: 0; padding: 0 55px 19px; animation: cc-layers-panel-in 180ms ease both; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__item-description { margin: 0 !important; padding: 0 !important; color: var(--cc-layers-text) !important; font-family: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.78 !important; text-align: right !important; overflow-wrap: break-word; } @keyframes cc-layers-panel-in { from { opacity: 0; transform: translateY(-2px); } to { opacity: 1; transform: translateY(0); } } @media (hover: hover) and (pointer: fine) { .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__summary:hover { background: rgba(30, 45, 80, 0.025); } } /* דסקטופ: תמונה מימין, תוכן משמאל */ @media (min-width: 1025px) { .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers:has(.cc-mattress-layers__figure) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto 1fr; grid-template-areas: "header visual" "details visual"; column-gap: clamp(56px, 5vw, 80px); row-gap: 26px; align-items: start; direction: ltr; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers:has(.cc-mattress-layers__figure) > .cc-mattress-layers__header { grid-area: header; width: 100%; min-width: 0; max-width: none; margin: 0; direction: rtl; text-align: right; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers:has(.cc-mattress-layers__figure) > .cc-mattress-layers__layout { display: contents; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers:has(.cc-mattress-layers__figure) .cc-mattress-layers__figure { grid-area: visual; align-self: start; margin: 0; direction: rtl; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers:has(.cc-mattress-layers__figure) .cc-mattress-layers__list { grid-area: details; align-self: start; direction: rtl; } } /* טאבלט: תמונה מעל האקורדיון, כמו סקשן הייחוס */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers { padding: 54px 22px 60px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__header { max-width: 760px; margin: 0 auto 36px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__heading { font-size: 30px !important; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__item-title { font-size: 20px !important; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__layout:not( .cc-mattress-layers__layout--without-image ) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "visual" "details"; gap: 32px; direction: rtl; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__figure { max-width: 760px; margin: 0 auto; } } /* מובייל */ @media (max-width: 767px) { .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers { padding: 40px 16px 46px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__header { max-width: none; margin: 0 0 28px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__eyebrow { gap: 8px; margin-bottom: 8px; font-size: 13px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__eyebrow-line { flex-basis: 27px; width: 27px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__heading { font-size: 24px !important; line-height: 1.22 !important; letter-spacing: -0.015em !important; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__intro { margin-top: 7px !important; font-size: 15px !important; line-height: 1.55 !important; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__layout:not( .cc-mattress-layers__layout--without-image ) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "visual" "details"; gap: 25px; direction: rtl; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__image { border-radius: 14px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__caption { margin-top: 8px; font-size: 12.5px; line-height: 1.4; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__summary, .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__static { grid-template-columns: 36px minmax(0, 1fr) 36px; min-height: 60px; gap: 12px; padding: 11px 2px; border-radius: 9px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__number { width: 36px; height: 36px; font-size: 11.5px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__item-title { font-size: 18px !important; line-height: 1.35 !important; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__toggle { width: 8px; height: 8px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__panel { padding: 1px 48px 16px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__item-description { font-size: 15px !important; line-height: 1.72 !important; } } /* מסכים קטנים במיוחד */ @media (max-width: 380px) { .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers { padding-right: 14px; padding-left: 14px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__heading { font-size: 22px !important; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__item-title { font-size: 17px !important; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__summary, .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__static { grid-template-columns: 34px minmax(0, 1fr) 34px; gap: 10px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__number { width: 34px; height: 34px; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__panel { padding-right: 44px; padding-left: 44px; } } /* הפחתת תנועה */ @media (prefers-reduced-motion: reduce) { .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__panel { animation: none; } .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__summary, .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__number, .elementor-2855 .elementor-element.elementor-element-04a103d .cc-mattress-layers__toggle { transition: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9c42a0f *//* ========================================================== COZY CLOUD – GLOBAL SECTION SPACING (VERTICAL RHYTHM) ========================================================== */ .elementor-2855 .elementor-element.elementor-element-9c42a0f { display: flex; flex-direction: column; /* מרווח אחיד בין כל הסקשנים בדסקטופ */ gap: 80px !important; } @media (max-width: 1024px) { .elementor-2855 .elementor-element.elementor-element-9c42a0f { /* מרווח אחיד בטאבלט */ gap: 60px !important; } } @media (max-width: 767px) { .elementor-2855 .elementor-element.elementor-element-9c42a0f { /* מרווח אחיד במובייל */ gap: 48px !important; } }/* End custom CSS */