.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-405 .elementor-element.elementor-element-625acea5:not(.elementor-motion-effects-element-type-background), .elementor-405 .elementor-element.elementor-element-625acea5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gabrielladent.org.il/wp-content/uploads/2026/05/987H.jpg");background-position:center center;background-size:cover;}.elementor-405 .elementor-element.elementor-element-625acea5 > .elementor-background-overlay{background-color:#000000;opacity:0.2;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-405 .elementor-element.elementor-element-625acea5 > .elementor-container{min-height:700px;}.elementor-405 .elementor-element.elementor-element-625acea5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-405 .elementor-element.elementor-element-625acea5 > .elementor-shape-bottom svg{height:121px;}.elementor-405 .elementor-element.elementor-element-477b4417 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-405 .elementor-element.elementor-element-1bdc2f61 > .elementor-widget-container{background-color:#A8303000;padding:15px 15px 15px 15px;}.elementor-405 .elementor-element.elementor-element-1bdc2f61{text-align:start;}.elementor-405 .elementor-element.elementor-element-1bdc2f61 .elementor-heading-title{font-family:"Open Sans Hebrew", Sans-serif;font-size:66px;font-weight:600;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-405 .elementor-element.elementor-element-385ded08{--divider-border-style:solid;--divider-color:#FFE2B9;--divider-border-width:1px;}.elementor-405 .elementor-element.elementor-element-385ded08 .elementor-divider-separator{width:30%;margin:0 auto;margin-right:0;}.elementor-405 .elementor-element.elementor-element-385ded08 .elementor-divider{text-align:right;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-405 .elementor-element.elementor-element-1b074eb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-405 .elementor-element.elementor-element-8ac3477{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-405 .elementor-element.elementor-element-10f0510{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-405 .elementor-element.elementor-element-4f79bb7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-405 .elementor-element.elementor-element-b28ffb3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-405 .elementor-element.elementor-element-5376912{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-405 .elementor-element.elementor-element-5b85597{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-405 .elementor-element.elementor-element-6efe6fd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-405 .elementor-element.elementor-element-6f5e0cc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-405 .elementor-element.elementor-element-bff5107{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-405 .elementor-element.elementor-element-0aff680{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-405 .elementor-element.elementor-element-95a6a60{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-405 .elementor-element.elementor-element-e479302 > .elementor-container{max-width:1280px;}.elementor-405 .elementor-element.elementor-element-e479302{margin-top:20px;margin-bottom:47px;}.elementor-widget-eael-image-comparison .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-image-comparison .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-image-comparison .twentytwenty-before-label:before, .elementor-widget-eael-image-comparison .twentytwenty-after-label:before{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-3836347 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-3836347 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-3836347 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-3836347 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-f36879f .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-f36879f .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-f36879f .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-f36879f .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-7089fef .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-7089fef .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-7089fef .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-7089fef .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-a45c953 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-a45c953 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-a45c953 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-a45c953 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-df61afd > .elementor-container{max-width:1280px;}.elementor-405 .elementor-element.elementor-element-df61afd{margin-top:20px;margin-bottom:47px;}.elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-5612874 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-5612874 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-5612874 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-5612874 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-6cd4536 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-6cd4536 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-6cd4536 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-6cd4536 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-e6711a2 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-e6711a2 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-e6711a2 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-e6711a2 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-0f3afc5 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-0f3afc5 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-0f3afc5 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-0f3afc5 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-917440f > .elementor-container{max-width:1280px;}.elementor-405 .elementor-element.elementor-element-917440f{margin-top:20px;margin-bottom:47px;}.elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-d0aea50 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-d0aea50 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-d0aea50 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-d0aea50 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-30cbd67 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-30cbd67 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-30cbd67 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-30cbd67 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-06dd02a .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-06dd02a .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-06dd02a .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-06dd02a .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-53e3fb1 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-53e3fb1 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-53e3fb1 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-53e3fb1 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-1118526 > .elementor-container{max-width:1280px;}.elementor-405 .elementor-element.elementor-element-1118526{margin-top:20px;margin-bottom:47px;}.elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-d818720 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-d818720 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-d818720 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-d818720 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-90867b6 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-90867b6 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-90867b6 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-90867b6 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-f0d34a3 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-f0d34a3 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-f0d34a3 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-f0d34a3 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-e15345b .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-e15345b .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-e15345b .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-e15345b .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-75ea0da > .elementor-container{max-width:1280px;}.elementor-405 .elementor-element.elementor-element-75ea0da{margin-top:20px;margin-bottom:47px;}.elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-2ad9761 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-2ad9761 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-2ad9761 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-2ad9761 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-67b6ee2 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-67b6ee2 .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-67b6ee2 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-67b6ee2 .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-24e0e5b .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-24e0e5b .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-24e0e5b .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-24e0e5b .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-1aaabcc .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-1aaabcc .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-1aaabcc .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-1aaabcc .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-bb02592 > .elementor-container{max-width:1280px;}.elementor-405 .elementor-element.elementor-element-bb02592{margin-top:20px;margin-bottom:20px;}.elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-35ac12c .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-35ac12c .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-35ac12c .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-35ac12c .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-1c4980b .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-1c4980b .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-1c4980b .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-1c4980b .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-4a6356c .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-4a6356c .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-4a6356c .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-4a6356c .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-container{max-width:80%;}.elementor-405 .elementor-element.elementor-element-a1a03ad .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-a1a03ad .twentytwenty-horizontal .twentytwenty-handle:after{width:3px;margin-left:calc(-3px/2);}.elementor-405 .elementor-element.elementor-element-a1a03ad .twentytwenty-vertical .twentytwenty-handle:before, .elementor-405 .elementor-element.elementor-element-a1a03ad .twentytwenty-vertical .twentytwenty-handle:after{height:3px;margin-top:calc(-3px/2);}.elementor-widget-video .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-video .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-405 .elementor-element.elementor-element-7024d5dc .elementor-wrapper{--video-aspect-ratio:1;}.elementor-405 .elementor-element.elementor-element-4b8f264b .elementor-wrapper{--video-aspect-ratio:1;}.elementor-405 .elementor-element.elementor-element-5b0768ca .elementor-wrapper{--video-aspect-ratio:1;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-405 .elementor-element.elementor-element-c65480a{width:23%;}.elementor-405 .elementor-element.elementor-element-2bad618{width:23%;}.elementor-405 .elementor-element.elementor-element-112de38{width:8%;}.elementor-405 .elementor-element.elementor-element-018763f{width:23%;}.elementor-405 .elementor-element.elementor-element-3cb7486{width:23%;}.elementor-405 .elementor-element.elementor-element-9971a5e{width:23%;}.elementor-405 .elementor-element.elementor-element-7d26c28{width:23%;}.elementor-405 .elementor-element.elementor-element-0b881c3{width:8%;}.elementor-405 .elementor-element.elementor-element-02b80d2{width:23%;}.elementor-405 .elementor-element.elementor-element-e9cc420{width:23%;}.elementor-405 .elementor-element.elementor-element-e1e3310{width:23%;}.elementor-405 .elementor-element.elementor-element-474280d{width:23%;}.elementor-405 .elementor-element.elementor-element-2eeacb3{width:8%;}.elementor-405 .elementor-element.elementor-element-877ceda{width:23%;}.elementor-405 .elementor-element.elementor-element-a7b3314{width:23%;}.elementor-405 .elementor-element.elementor-element-d274483{width:23%;}.elementor-405 .elementor-element.elementor-element-f3223e8{width:23%;}.elementor-405 .elementor-element.elementor-element-e87aeb5{width:8%;}.elementor-405 .elementor-element.elementor-element-bf8511e{width:23%;}.elementor-405 .elementor-element.elementor-element-0b59f3d{width:23%;}.elementor-405 .elementor-element.elementor-element-d08051e{width:23%;}.elementor-405 .elementor-element.elementor-element-78fd4a3{width:23%;}.elementor-405 .elementor-element.elementor-element-9de0afa{width:8%;}.elementor-405 .elementor-element.elementor-element-f7d32ab{width:23%;}.elementor-405 .elementor-element.elementor-element-c9f3654{width:23%;}.elementor-405 .elementor-element.elementor-element-4d62eef{width:23%;}.elementor-405 .elementor-element.elementor-element-0e677ae{width:23%;}.elementor-405 .elementor-element.elementor-element-c1d8832{width:8%;}.elementor-405 .elementor-element.elementor-element-ae0fc9e{width:23%;}.elementor-405 .elementor-element.elementor-element-473ecad{width:23%;}}@media(max-width:1024px){.elementor-405 .elementor-element.elementor-element-625acea5 > .elementor-container{min-height:439px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-405 .elementor-element.elementor-element-1bdc2f61 .elementor-heading-title{font-size:51px;}}@media(max-width:767px){.elementor-405 .elementor-element.elementor-element-625acea5 > .elementor-container{min-height:420px;}.elementor-405 .elementor-element.elementor-element-625acea5 > .elementor-shape-bottom svg{height:56px;}.elementor-405 .elementor-element.elementor-element-477b4417 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-405 .elementor-element.elementor-element-1bdc2f61 .elementor-heading-title{font-size:31px;}.elementor-405 .elementor-element.elementor-element-385ded08 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-405 .elementor-element.elementor-element-1b074eb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-405 .elementor-element.elementor-element-b28ffb3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-405 .elementor-element.elementor-element-6f5e0cc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-405 .elementor-element.elementor-element-c65480a{width:50%;}.elementor-405 .elementor-element.elementor-element-c65480a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-2bad618{width:50%;}.elementor-405 .elementor-element.elementor-element-2bad618 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-018763f{width:50%;}.elementor-405 .elementor-element.elementor-element-3cb7486{width:50%;}.elementor-405 .elementor-element.elementor-element-9971a5e{width:50%;}.elementor-405 .elementor-element.elementor-element-9971a5e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-7d26c28{width:50%;}.elementor-405 .elementor-element.elementor-element-7d26c28 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-02b80d2{width:50%;}.elementor-405 .elementor-element.elementor-element-e9cc420{width:50%;}.elementor-405 .elementor-element.elementor-element-e1e3310{width:50%;}.elementor-405 .elementor-element.elementor-element-e1e3310 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-474280d{width:50%;}.elementor-405 .elementor-element.elementor-element-474280d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-877ceda{width:50%;}.elementor-405 .elementor-element.elementor-element-a7b3314{width:50%;}.elementor-405 .elementor-element.elementor-element-d274483{width:50%;}.elementor-405 .elementor-element.elementor-element-d274483 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-f3223e8{width:50%;}.elementor-405 .elementor-element.elementor-element-f3223e8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-bf8511e{width:50%;}.elementor-405 .elementor-element.elementor-element-0b59f3d{width:50%;}.elementor-405 .elementor-element.elementor-element-d08051e{width:50%;}.elementor-405 .elementor-element.elementor-element-d08051e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-78fd4a3{width:50%;}.elementor-405 .elementor-element.elementor-element-78fd4a3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-f7d32ab{width:50%;}.elementor-405 .elementor-element.elementor-element-c9f3654{width:50%;}.elementor-405 .elementor-element.elementor-element-4d62eef{width:50%;}.elementor-405 .elementor-element.elementor-element-4d62eef > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-0e677ae{width:50%;}.elementor-405 .elementor-element.elementor-element-0e677ae > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-ae0fc9e{width:50%;}.elementor-405 .elementor-element.elementor-element-473ecad{width:50%;}}@media(min-width:1025px){.elementor-405 .elementor-element.elementor-element-625acea5:not(.elementor-motion-effects-element-type-background), .elementor-405 .elementor-element.elementor-element-625acea5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for eael-image-comparison, class: .elementor-element-3836347 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-3836347 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-f36879f *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-f36879f .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-7089fef *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-7089fef .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-a45c953 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-a45c953 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-5612874 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-5612874 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-6cd4536 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-6cd4536 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-e6711a2 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-e6711a2 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-0f3afc5 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-0f3afc5 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-d0aea50 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-d0aea50 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-30cbd67 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-30cbd67 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-06dd02a *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-06dd02a .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-53e3fb1 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-53e3fb1 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-d818720 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-d818720 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-90867b6 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-90867b6 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-f0d34a3 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-f0d34a3 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-e15345b *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-e15345b .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-2ad9761 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-2ad9761 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-67b6ee2 *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-67b6ee2 .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-24e0e5b *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-24e0e5b .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-1aaabcc *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-1aaabcc .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-35ac12c *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-35ac12c .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-1c4980b *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-1c4980b .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-4a6356c *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-4a6356c .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for eael-image-comparison, class: .elementor-element-a1a03ad *//* ================================================== EA Image Comparison - GABRIELLA LUXURY PHONE (עדכון גוף המכשיר לצבע שמנת #FFE2B9) ================================================== */ /* 1. הגוף - שמנת בהירה ומסך מלא */ .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-container { height: 450px !important; width: 100% !important; /* המסגרת השחורה הדקיקה של המסך */ border: 3px solid #000000 !important; border-radius: 44px !important; /* מסגרת המכשיר בצבע השמנת החדש */ box-shadow: 0 0 0 1px #444, /* פס הפרדה דק */ 0 0 0 5px #FFE2B9, /* גוף המכשיר בצבע השמנת שביקשת */ 0 0 0 6px #D4A373, /* הצללה חיצונית בגוון TAN להעמקה */ 0 25px 70px rgba(212, 163, 115, 0.4) !important; /* ההילה בגוון TAN */ background: #000; overflow: hidden !important; position: relative !important; } /* 2. האי הדינמי + עדשת מצלמה */ .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; pointer-events: none; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); box-shadow: inset -5px 0 2px -3px rgba(255,255,255,0.3), inset 0 1px 3px rgba(255,255,255,0.15); } /* 3. כפתורי הווליום - התאמה לצבע השמנת */ .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-container::before { content: ''; position: absolute; left: -9px; top: 90px; width: 5px; height: 45px; background: #FFE2B9; /* צבע הכפתורים תואם למסגרת */ border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 55px 0 0 #FFE2B9, 0 55px 2px 0px rgba(0,0,0,0.2) inset; } /* 4. התאמת התמונות */ .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; } /* 5. הידית (Handle) */ .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; box-shadow: 0 5px 20px rgba(212, 163, 115, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 15; } /* 6. החצים */ .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-handle i, .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-handle svg { color: #D4A373 !important; fill: #D4A373 !important; font-size: 16px !important; } /* 7. קו מפריד זוהר */ .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-slider { border-right: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 0 10px rgba(212, 163, 115, 0.5); } /* 8. התוויות (לפני/אחרי) */ .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-label { background: rgba(20, 20, 20, 0.7) !important; color: #ffffff !important; border: 1px solid rgba(255, 226, 185, 0.3) !important; /* מסגרת תווית בגוון שמנת */ border-radius: 12px !important; padding: 4px 14px !important; font-size: 11px !important; font-weight: 600 !important; top: 50px !important; backdrop-filter: blur(8px); } /* ================================================== GABRIELLA LUXURY PHONE - FINAL PERFECT VERSION ================================================== */ /* --- 1. הגדרות מחשב (Desktop) - הגדלה עדינה ל-320px --- */ .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-container { height: 450px !important; width: 320px !important; /* הגדלנו מ-300 ל-320 */ min-width: 260px !important; /* מבטיח שהרוחב יישמר */ margin: 0 auto !important; border: 3px solid #000000 !important; border-radius: 40px !important; box-shadow: 0 0 0 1px #444, 0 0 0 5px #FFE2B9, 0 0 0 6px #D4A373, 0 25px 70px rgba(212, 163, 115, 0.4) !important; background: #000; overflow: hidden !important; position: relative !important; } /* --- 2. טאבלט (Tablet) - נשאר רחב ויציב --- */ @media (max-width: 1024px) { .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-container { height: 320px !important; width: 290px !important; min-width: 150px !important; flex-shrink: 0 !important; border-radius: 32px !important; } } /* --- 3. מובייל (Mobile) - מותאם ל-2 בשורה אחת --- */ @media (max-width: 767px) { .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-container { height: 240px !important; width: 165px !important; min-width: 152px !important; border-radius: 22px !important; border-width: 2px !important; } /* התאמת אלמנטים פנימיים למסך קטן */ .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-container::after { width: 45px !important; height: 12px !important; top: 5px !important; } .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-handle { width: 26px !important; height: 26px !important; } } /* --- 4. אלמנטים עיצוביים קבועים --- */ .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-container img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-container::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background-color: #000; border-radius: 20px; z-index: 20; background-image: radial-gradient(circle at 75% 50%, #2a2a2a 1px, #000 5px); } .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-container::before { content: ''; position: absolute; left: -8px; top: 70px; width: 4px; height: 35px; background: #FFE2B9; border-radius: 3px; z-index: 1; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 45px 0 0 #FFE2B9, 0 45px 2px 0px rgba(0,0,0,0.2) inset; } .elementor-405 .elementor-element.elementor-element-a1a03ad .eael-img-comp-handle { background: #ffffff !important; border: 1px solid #D4A373 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 15; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-5037e24e *//* עיצוב מסגרת הסרטון */ .elementor-405 .elementor-element.elementor-element-5037e24e video { border-radius: 20px; /* עיגול הפינות בדומה לאלמנטים העליונים */ box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.08); /* צללית עדינה מאוד */ border: 2px solid #D6B98D; /* צבע מסגרת זהב/בז' - מומלץ לדגום את הצבע המדויק מההדר שלך */ transition: all 0.3s ease; object-fit: cover; } /* אפקט הילה בעת מעבר עכבר */ .elementor-405 .elementor-element.elementor-element-5037e24e video:hover { box-shadow: 0px 15px 30px rgba(214, 185, 141, 0.35); transform: translateY(-2px); } /* ניסיון חלקי לעדן את הפאנל המובנה של כרום (עובד רק בחלק מהדפדפנים) */ .elementor-405 .elementor-element.elementor-element-5037e24e video::-webkit-media-controls-enclosure { border-radius: 0 0 18px 18px; }/* End custom CSS */