.elementor-3180 .elementor-element.elementor-element-e4314fb:not(.elementor-motion-effects-element-type-background), .elementor-3180 .elementor-element.elementor-element-e4314fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-98efdb3 );background-image:url("https://crafthotelubud.com/wp-content/uploads/2026/02/collections-official-merch-craft.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-3180 .elementor-element.elementor-element-e4314fb > .elementor-background-overlay{background-color:var( --e-global-color-primary );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3180 .elementor-element.elementor-element-e4314fb > .elementor-container{max-width:900px;}.elementor-3180 .elementor-element.elementor-element-e4314fb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-95px;margin-bottom:0px;padding:8px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-3180 .elementor-element.elementor-element-65a47f7{text-align:center;}.elementor-3180 .elementor-element.elementor-element-65a47f7 .elementor-heading-title{font-size:60px;font-weight:800;text-transform:uppercase;letter-spacing:0.2px;color:var( --e-global-color-275fb7b );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3180 .elementor-element.elementor-element-b3f2ab8{text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-weight:400;color:var( --e-global-color-275fb7b );}.elementor-3180 .elementor-element.elementor-element-lp2619y > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3180 .elementor-element.elementor-element-lp2619y:not(.elementor-motion-effects-element-type-background), .elementor-3180 .elementor-element.elementor-element-lp2619y > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3180 .elementor-element.elementor-element-lp2619y{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-3180 .elementor-element.elementor-element-lp2619y > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3180 .elementor-element.elementor-element-8f2340d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3180 .elementor-element.elementor-element-c73836d{text-align:start;}.elementor-3180 .elementor-element.elementor-element-c73836d .elementor-heading-title{font-family:"CyGrotesk-KeyRegular", Sans-serif;text-transform:capitalize;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-2e5d159{margin-top:30px;margin-bottom:0px;}.elementor-3180 .elementor-element.elementor-element-31be6c7 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3180 .elementor-element.elementor-element-acf234a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3180 .elementor-element.elementor-element-f37bfd1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-3180 .elementor-element.elementor-element-5a768ea{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-3180 .elementor-element.elementor-element-3904f82 .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-fda49ad{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-98fccdb{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-3180 .elementor-element.elementor-element-b16c1f1 .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-2ae869b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-caa527f{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-3180 .elementor-element.elementor-element-bae6bd5 .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-c940b3a{--display:flex;}.elementor-3180 .elementor-element.elementor-element-d869d7a{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-60px;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:-50px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:-50px;--e-n-carousel-arrow-size:32px;--e-n-carousel-arrow-normal-color:var( --e-global-color-922ebf1 );--e-n-carousel-arrow-hover-color:var( --e-global-color-primary );}.elementor-3180 .elementor-element.elementor-element-f36a35a{--display:flex;}.elementor-3180 .elementor-element.elementor-element-937d1c6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-9d7a7b9{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-3180 .elementor-element.elementor-element-73d3bb8 .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-317d873{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-92b1fa1{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-3180 .elementor-element.elementor-element-99f7a00 .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-53c122e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-fc5e455{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-3180 .elementor-element.elementor-element-b54af88 .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-78b0414{--display:flex;}.elementor-3180 .elementor-element.elementor-element-1bf96d0{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-60px;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:-50px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:-50px;--e-n-carousel-arrow-size:32px;--e-n-carousel-arrow-normal-color:var( --e-global-color-922ebf1 );--e-n-carousel-arrow-hover-color:var( --e-global-color-98efdb3 );}.elementor-3180 .elementor-element.elementor-element-2f811ba{--display:flex;}.elementor-3180 .elementor-element.elementor-element-5f893a2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-e3b8cf3{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-3180 .elementor-element.elementor-element-bdbdd90 .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-1c93892{--display:flex;}.elementor-3180 .elementor-element.elementor-element-5b83323{--display:flex;}.elementor-3180 .elementor-element.elementor-element-38edea5{--display:flex;}.elementor-3180 .elementor-element.elementor-element-1f02c73{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-60px;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:-50px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:-50px;--e-n-carousel-arrow-size:32px;--e-n-carousel-arrow-normal-color:var( --e-global-color-922ebf1 );--e-n-carousel-arrow-hover-color:var( --e-global-color-98efdb3 );}.elementor-3180 .elementor-element.elementor-element-2256c70{--display:flex;}.elementor-3180 .elementor-element.elementor-element-a5852ff{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-bc5dd86{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-3180 .elementor-element.elementor-element-d9c1e10 .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-88c21ae{--display:flex;}.elementor-3180 .elementor-element.elementor-element-038ccd7{--display:flex;}.elementor-3180 .elementor-element.elementor-element-9be8d3c{--display:flex;}.elementor-3180 .elementor-element.elementor-element-032bc0a{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-60px;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:-50px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:-50px;--e-n-carousel-arrow-size:32px;--e-n-carousel-arrow-normal-color:var( --e-global-color-922ebf1 );--e-n-carousel-arrow-hover-color:var( --e-global-color-98efdb3 );}.elementor-3180 .elementor-element.elementor-element-8fe2e8d{--display:flex;}.elementor-3180 .elementor-element.elementor-element-30d950c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-bb35f07{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-3180 .elementor-element.elementor-element-c27b98e .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-16a63a6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-c1101b2{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-3180 .elementor-element.elementor-element-31a6e03 .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-389babb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-555aeb7{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-3180 .elementor-element.elementor-element-2f26d79 .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-9a530e9{--display:flex;}.elementor-3180 .elementor-element.elementor-element-186938f{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-60px;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:-50px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:-50px;--e-n-carousel-arrow-size:32px;--e-n-carousel-arrow-normal-color:var( --e-global-color-922ebf1 );--e-n-carousel-arrow-hover-color:var( --e-global-color-primary );}.elementor-3180 .elementor-element.elementor-element-2636f99{--display:flex;}.elementor-3180 .elementor-element.elementor-element-2a9e35b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-7eb399e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-3180 .elementor-element.elementor-element-83be84c .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-3be4cd9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-a0e652a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"CyGrotesk-KeyRegular", Sans-serif;font-size:12px;font-weight:400;}.elementor-3180 .elementor-element.elementor-element-b3bfd3b .elementor-image-box-title{margin-bottom:0px;font-family:"CyGrotesk-KeyBold", Sans-serif;text-transform:none;letter-spacing:0.2px;}.elementor-3180 .elementor-element.elementor-element-6614e28{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3180 .elementor-element.elementor-element-d91cb0b{--display:flex;}.elementor-3180 .elementor-element.elementor-element-0c8e0ae{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-60px;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:-50px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:-50px;--e-n-carousel-arrow-size:32px;--e-n-carousel-arrow-normal-color:var( --e-global-color-922ebf1 );--e-n-carousel-arrow-hover-color:var( --e-global-color-primary );}.elementor-3180 .elementor-element.elementor-element-a6e7e2e{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:20px;--n-tabs-title-color:var( --e-global-color-accent );--n-tabs-title-color-active:var( --e-global-color-98efdb3 );}.elementor-3180 .elementor-element.elementor-element-a6e7e2e > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-275fb7b );}.elementor-3180 .elementor-element.elementor-element-a6e7e2e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-275fb7b );}.elementor-3180 .elementor-element.elementor-element-a6e7e2e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3180 .elementor-element.elementor-element-a6e7e2e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-275fb7b );}.elementor-3180 .elementor-element.elementor-element-a6e7e2e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"CyGrotesk-KeyBold", Sans-serif;font-weight:500;}.elementor-3180 .elementor-element.elementor-element-a6e7e2e [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-98efdb3 );}@media(max-width:1024px) and (min-width:768px){.elementor-3180 .elementor-element.elementor-element-31be6c7{width:100%;}}@media(min-width:1367px){.elementor-3180 .elementor-element.elementor-element-e4314fb:not(.elementor-motion-effects-element-type-background), .elementor-3180 .elementor-element.elementor-element-e4314fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-image-box .elementor-image-box-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-image-box .elementor-image-box-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1024px){.elementor-3180 .elementor-element.elementor-element-e4314fb{padding:120px 30px 120px 30px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-3180 .elementor-element.elementor-element-lp2619y{padding:90px 25px 90px 25px;}.elementor-3180 .elementor-element.elementor-element-31be6c7 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-widget-image-box .elementor-image-box-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-3180 .elementor-element.elementor-element-d869d7a{--e-n-carousel-swiper-slides-to-display:2;}.elementor-3180 .elementor-element.elementor-element-1bf96d0{--e-n-carousel-swiper-slides-to-display:2;}.elementor-3180 .elementor-element.elementor-element-1f02c73{--e-n-carousel-swiper-slides-to-display:2;}.elementor-3180 .elementor-element.elementor-element-032bc0a{--e-n-carousel-swiper-slides-to-display:2;}.elementor-3180 .elementor-element.elementor-element-186938f{--e-n-carousel-swiper-slides-to-display:2;}.elementor-3180 .elementor-element.elementor-element-0c8e0ae{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-3180 .elementor-element.elementor-element-e4314fb:not(.elementor-motion-effects-element-type-background), .elementor-3180 .elementor-element.elementor-element-e4314fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-3180 .elementor-element.elementor-element-e4314fb{padding:180px 20px 150px 20px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-3180 .elementor-element.elementor-element-65a47f7 .elementor-heading-title{font-size:38px;}.elementor-3180 .elementor-element.elementor-element-b3f2ab8{font-size:12px;}.elementor-3180 .elementor-element.elementor-element-lp2619y{padding:75px 20px 50px 20px;}.elementor-3180 .elementor-element.elementor-element-31be6c7 > .elementor-element-populated{padding:20px 0px 20px 0px;}.elementor-widget-image-box .elementor-image-box-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-3180 .elementor-element.elementor-element-d869d7a{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3180 .elementor-element.elementor-element-1bf96d0{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3180 .elementor-element.elementor-element-1f02c73{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3180 .elementor-element.elementor-element-032bc0a{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3180 .elementor-element.elementor-element-186938f{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3180 .elementor-element.elementor-element-0c8e0ae{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3180 .elementor-element.elementor-element-a6e7e2e{--n-tabs-title-justify-content:flex-start;--n-tabs-title-align-items:flex-start;--n-tabs-title-text-align:start;}}/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d230e5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7d230e5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7d230e5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7d230e5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-brown-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7d230e5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cefb39 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-7cefb39 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-7cefb39 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-7cefb39::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-7cefb39:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faac2a2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-faac2a2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-faac2a2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-faac2a2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/tshirt-white-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-faac2a2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68227e1 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-68227e1 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-68227e1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-68227e1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-68227e1:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6296c5 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-f6296c5 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-f6296c5 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-f6296c5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-evolution-blue-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-f6296c5:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8b2239 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-e8b2239 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-e8b2239 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-e8b2239::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/sweater-artificial-hotel-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-e8b2239:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad67b9e *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-ad67b9e {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-ad67b9e img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-ad67b9e::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-blue-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-ad67b9e:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6e29ec *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-b6e29ec {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-b6e29ec img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-b6e29ec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-cicak-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-b6e29ec:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85436d2 *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-85436d2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-85436d2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-85436d2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/03/bandana-craft-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-85436d2:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a257af *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-9a257af {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-9a257af img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-9a257af::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-9a257af:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf9d2bf *//* --- Efek Hover Fade Lembut Responsif --- */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elementor-3180 .elementor-element.elementor-element-cf9d2bf img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.6s ease-in-out;
}

/* Gambar kedua di atas gambar pertama */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://crafthotelubud.com/wp-content/uploads/2026/02/shop-blank-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Saat hover, gambar kedua fade in */
.elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
  opacity: 1;
}

/* Tambahan opsional: smooth touch untuk mobile */
@media (hover: none) {
  .elementor-3180 .elementor-element.elementor-element-cf9d2bf:hover::after {
    opacity: 0;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'CyGrotesk-KeyRegular';
	font-display: auto;
	src: url('https://crafthotelubud.com/wp-content/uploads/2026/01/CyGrotesk-KeyRegular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'CyGrotesk-KeyBold';
	font-display: auto;
	src: url('https://crafthotelubud.com/wp-content/uploads/2026/01/CyGrotesk-KeyBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */