.elementor-164 .elementor-element.elementor-element-4e558c7a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-164 .elementor-element.elementor-element-161750da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-164 .elementor-element.elementor-element-161750da.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-product-gallery-slider.swiper-container-vertical{height:811px;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-swiper-gallery-thumbs.swiper-container-vertical{height:435px;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-gallery-swiper-thumb .swiper-slide{--columns:5;--space-between:3px;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-swiper-vertical .jet-gallery-swiper-thumb{max-width:115px;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-swiper-vertical .jet-gallery-swiper-slider{max-width:calc(100% - 115px);}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-swiper-gallery-thumbs{padding-left:0px;padding-right:10px;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-product-gallery-slider .jet-woo-product-gallery__image{text-align:center;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-product-gallery-slider .jet-swiper-nav{font-size:6px;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-product-gallery-slider .jet-swiper-nav.jet-swiper-button-prev{top:50%;bottom:auto;transform:translate(0,-50%);right:auto;left:-47px;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-product-gallery-slider .jet-swiper-nav.jet-swiper-button-next{top:50%;bottom:auto;transform:translate(0,-50%);left:auto;right:57px;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-swiper-gallery-thumbs .swiper-slide{opacity:0.67;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-swiper-gallery-thumbs .jet-swiper-nav{font-size:18px;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-swiper-gallery-thumbs .jet-swiper-nav.jet-swiper-button-prev{top:-25px;bottom:auto;transform:translate(-50%, 0);left:50%;right:auto;}.elementor-164 .elementor-element.elementor-element-602ac5ab .jet-woo-swiper-gallery-thumbs .jet-swiper-nav.jet-swiper-button-next{top:auto;bottom:340px;transform:translate(50%, 0);right:50%;left:auto;}.elementor-164 .elementor-element.elementor-element-77c31f24 .jet-woo-product-gallery-slider .jet-woo-product-gallery__image{text-align:center;}.elementor-164 .elementor-element.elementor-element-e7461d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-28644385 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;color:#221808;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-164 .elementor-element.elementor-element-70c20865{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.woocommerce .elementor-164 .elementor-element.elementor-element-70c20865 .price{color:#8B5D19;font-family:"Inter", Sans-serif;font-size:20px;font-weight:300;}.woocommerce .elementor-164 .elementor-element.elementor-element-70c20865 .price ins{color:#035739;font-family:"Inter", Sans-serif;font-weight:600;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-164 .elementor-element.elementor-element-286fd6ca .cart button, .elementor-164 .elementor-element.elementor-element-286fd6ca .cart .button{font-family:"Archivo", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;border-style:none;border-radius:10px 10px 10px 10px;padding:2% 40% 2% 40%;color:#F0E3CB;background-color:#050505;transition:all 0.2s;}.elementor-164 .elementor-element.elementor-element-286fd6ca .cart button:hover, .elementor-164 .elementor-element.elementor-element-286fd6ca .cart .button:hover{color:#000000;}.woocommerce .elementor-164 .elementor-element.elementor-element-286fd6ca form.cart .variations{width:100%;margin-bottom:20px;}.woocommerce .elementor-164 .elementor-element.elementor-element-286fd6ca form.cart table.variations tr th, .woocommerce .elementor-164 .elementor-element.elementor-element-286fd6ca form.cart table.variations tr td{padding-top:calc( 0px/2 );padding-bottom:calc( 0px/2 );}.woocommerce .elementor-164 .elementor-element.elementor-element-286fd6ca form.cart table.variations label{font-family:"Marcellus", Sans-serif;font-size:16px;font-weight:300;}.woocommerce .elementor-164 .elementor-element.elementor-element-286fd6ca form.cart table.variations td.value select, .woocommerce .elementor-164 .elementor-element.elementor-element-286fd6ca form.cart table.variations td.value:before{background-color:#B1575700;border-radius:48px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-4fc72828{text-align:center;}.elementor-164 .elementor-element.elementor-element-4fc72828 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-164 .elementor-element.elementor-element-2ead0cb9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-ab5178c .elementor-icon-wrapper{text-align:end;}.elementor-164 .elementor-element.elementor-element-ab5178c.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-164 .elementor-element.elementor-element-ab5178c.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-ab5178c.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-164 .elementor-element.elementor-element-ab5178c.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-ab5178c.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-164 .elementor-element.elementor-element-ab5178c .elementor-icon{font-size:29px;}.elementor-164 .elementor-element.elementor-element-ab5178c .elementor-icon svg{height:29px;}.elementor-164 .elementor-element.elementor-element-1f0960aa .elementor-icon-wrapper{text-align:start;}.elementor-164 .elementor-element.elementor-element-1f0960aa.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-164 .elementor-element.elementor-element-1f0960aa.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-1f0960aa.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-164 .elementor-element.elementor-element-1f0960aa.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-1f0960aa.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-164 .elementor-element.elementor-element-1f0960aa .elementor-icon{font-size:29px;}.elementor-164 .elementor-element.elementor-element-1f0960aa .elementor-icon svg{height:29px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-edc343f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;}.elementor-164 .elementor-element.elementor-element-edc343f .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-164 .elementor-element.elementor-element-edc343f .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-164 .elementor-element.elementor-element-2d60846e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-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-164 .elementor-element.elementor-element-34307542 .elementor-icon-box-wrapper{gap:0px;}.elementor-164 .elementor-element.elementor-element-34307542 .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-164 .elementor-element.elementor-element-34307542.elementor-view-stacked .elementor-icon{background-color:#AF7723;}.elementor-164 .elementor-element.elementor-element-34307542.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-34307542.elementor-view-default .elementor-icon{fill:#AF7723;color:#AF7723;border-color:#AF7723;}.elementor-164 .elementor-element.elementor-element-34307542 .elementor-icon{font-size:31px;}.elementor-164 .elementor-element.elementor-element-34307542 .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-34307542 .elementor-icon-box-title a{font-family:"Marcellus", Sans-serif;font-size:14px;font-weight:600;}.elementor-164 .elementor-element.elementor-element-377bbcb1 .elementor-icon-box-wrapper{gap:0px;}.elementor-164 .elementor-element.elementor-element-377bbcb1 .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-164 .elementor-element.elementor-element-377bbcb1.elementor-view-stacked .elementor-icon{background-color:#AF7723;}.elementor-164 .elementor-element.elementor-element-377bbcb1.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-377bbcb1.elementor-view-default .elementor-icon{fill:#AF7723;color:#AF7723;border-color:#AF7723;}.elementor-164 .elementor-element.elementor-element-377bbcb1 .elementor-icon{font-size:31px;}.elementor-164 .elementor-element.elementor-element-377bbcb1 .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-377bbcb1 .elementor-icon-box-title a{font-family:"Marcellus", Sans-serif;font-size:14px;font-weight:600;}.elementor-164 .elementor-element.elementor-element-62b3530d .elementor-icon-box-wrapper{gap:0px;}.elementor-164 .elementor-element.elementor-element-62b3530d .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-164 .elementor-element.elementor-element-62b3530d.elementor-view-stacked .elementor-icon{background-color:#AF7723;}.elementor-164 .elementor-element.elementor-element-62b3530d.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-62b3530d.elementor-view-default .elementor-icon{fill:#AF7723;color:#AF7723;border-color:#AF7723;}.elementor-164 .elementor-element.elementor-element-62b3530d .elementor-icon{font-size:31px;}.elementor-164 .elementor-element.elementor-element-62b3530d .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-62b3530d .elementor-icon-box-title a{font-family:"Marcellus", Sans-serif;font-size:14px;font-weight:600;}.elementor-164 .elementor-element.elementor-element-259ca502{--display:flex;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-164 .elementor-element.elementor-element-ba550fb{color:#7A7A7A;font-family:"Inter", Sans-serif;font-weight:300;}.elementor-164 .elementor-element.elementor-element-274317c8{--display:flex;}.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-164 .elementor-element.elementor-element-2029d713{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;}.elementor-164 .elementor-element.elementor-element-e4d652{--display:flex;}.elementor-164 .elementor-element.elementor-element-45e93e08{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;}.elementor-164 .elementor-element.elementor-element-b7c90ec{--n-accordion-title-font-size:22px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-164 .elementor-element.elementor-element-b7c90ec > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#000000;}.elementor-164 .elementor-element.elementor-element-b7c90ec > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#000000;}:where( .elementor-164 .elementor-element.elementor-element-b7c90ec > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Archivo", Sans-serif;text-transform:uppercase;}.elementor-164 .elementor-element.elementor-element-634582cb{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-164 .elementor-element.elementor-element-7c6dd7e8{text-align:center;}.elementor-164 .elementor-element.elementor-element-7c6dd7e8 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-weight:600;text-transform:uppercase;color:#070707;}.elementor-164 .elementor-element.elementor-element-a50da94{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-164 .elementor-element.elementor-element-a50da94 .swiper-slide > .elementor-element{height:100%;}.elementor-164 .elementor-element.elementor-element-1530040c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-164 .elementor-element.elementor-element-60c44c0d{text-align:center;}.elementor-164 .elementor-element.elementor-element-60c44c0d .elementor-heading-title{font-family:"Archivo", Sans-serif;font-weight:600;text-transform:uppercase;color:#070707;}.elementor-164 .elementor-element.elementor-element-11c7f544{--cgr-border:#000000;--cgr-text-muted:#000000;--cgr-radius:0px;--cgr-photo-max-w:280px;--cgr-photo-h:210px;--cgr-gallery-w:200px;--cgr-gallery-h:200px;}.elementor-164 .elementor-element.elementor-element-11c7f544 .cgr-reviews-list{gap:5px;}.elementor-164 .elementor-element.elementor-element-11c7f544 .cgr-reviewer-name{font-family:"Archivo", Sans-serif;font-weight:600;}.elementor-164 .elementor-element.elementor-element-11c7f544 .cgr-review-text{font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;color:#5F5D5D;}@media(max-width:1024px){.elementor-164 .elementor-element.elementor-element-2ead0cb9{--grid-auto-flow:row;}.elementor-164 .elementor-element.elementor-element-2d60846e{--grid-auto-flow:row;}.elementor-164 .elementor-element.elementor-element-a50da94{--swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-164 .elementor-element.elementor-element-4e558c7a{--content-width:1400px;}.elementor-164 .elementor-element.elementor-element-161750da{--width:50%;}.elementor-164 .elementor-element.elementor-element-e7461d{--width:50%;}.elementor-164 .elementor-element.elementor-element-634582cb{--content-width:1400px;}}@media(max-width:767px){.elementor-164 .elementor-element.elementor-element-4e558c7a{--content-width:100%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-164 .elementor-element.elementor-element-161750da{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-164 .elementor-element.elementor-element-77c31f24 > .elementor-widget-container{margin:0px 0px 035px 0px;}.elementor-164 .elementor-element.elementor-element-77c31f24 .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:9px 9px 9px 9px;margin:0px 7px 0px 7px;}.elementor-164 .elementor-element.elementor-element-77c31f24 .jet-woo-swiper-vertical .swiper-pagination.swiper-pagination-bullets-dynamic{width:8px;}.elementor-164 .elementor-element.elementor-element-77c31f24 .jet-woo-swiper-horizontal .swiper-pagination{bottom:-26px;top:auto;}.elementor-164 .elementor-element.elementor-element-e7461d{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-164 .elementor-element.elementor-element-28644385 .elementor-heading-title{font-size:30px;}.woocommerce .elementor-164 .elementor-element.elementor-element-70c20865 .price{font-size:14px;}.woocommerce .elementor-164 .elementor-element.elementor-element-70c20865 .price ins{font-size:18px;}body:not(.rtl) .elementor-164 .elementor-element.elementor-element-70c20865:not(.elementor-product-price-block-yes) del{margin-right:5px;}body.rtl .elementor-164 .elementor-element.elementor-element-70c20865:not(.elementor-product-price-block-yes) del{margin-left:5px;}.elementor-164 .elementor-element.elementor-element-70c20865.elementor-product-price-block-yes del{margin-bottom:5px;}.elementor-164 .elementor-element.elementor-element-286fd6ca .cart button, .elementor-164 .elementor-element.elementor-element-286fd6ca .cart .button{font-size:15px;}.elementor-164 .elementor-element.elementor-element-2ead0cb9{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-164 .elementor-element.elementor-element-2d60846e{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-164 .elementor-element.elementor-element-34307542{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-164 .elementor-element.elementor-element-34307542 .elementor-icon{font-size:25px;}.elementor-164 .elementor-element.elementor-element-34307542 .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-34307542 .elementor-icon-box-title a{font-size:12px;}.elementor-164 .elementor-element.elementor-element-377bbcb1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-164 .elementor-element.elementor-element-377bbcb1 .elementor-icon{font-size:25px;}.elementor-164 .elementor-element.elementor-element-377bbcb1 .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-377bbcb1 .elementor-icon-box-title a{font-size:12px;}.elementor-164 .elementor-element.elementor-element-62b3530d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-164 .elementor-element.elementor-element-62b3530d .elementor-icon{font-size:25px;}.elementor-164 .elementor-element.elementor-element-62b3530d .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-62b3530d .elementor-icon-box-title a{font-size:12px;}.elementor-164 .elementor-element.elementor-element-ba550fb{font-size:15px;}.elementor-164 .elementor-element.elementor-element-b7c90ec{--n-accordion-title-font-size:18px;}.elementor-164 .elementor-element.elementor-element-634582cb{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-164 .elementor-element.elementor-element-7c6dd7e8 .elementor-heading-title{font-size:20px;}.elementor-164 .elementor-element.elementor-element-a50da94{--swiper-slides-to-display:2;}.elementor-164 .elementor-element.elementor-element-1530040c{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-164 .elementor-element.elementor-element-60c44c0d .elementor-heading-title{font-size:20px;}.elementor-164 .elementor-element.elementor-element-11c7f544 .cgr-review-text{font-size:14px;}}/* Start custom CSS for jet-woo-product-gallery-slider, class: .elementor-element-77c31f24 */.mobile-galleri .jet-woo-product-gallery__image-item.swiper-slide:not(.swiper-slide-active) { transform: scale(0.) !important; opacity: 0.95 !important; transition: transform 0.3s ease, opacity 0.3s ease !important; transform-origin: top center !important; } .mobile-galleri .jet-woo-product-gallery__image-item.swiper-slide-active { transform: scale(1) !important; opacity: 1 !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } .mobile-galleri .jet-woo-product-gallery__image-item img { height: 500px !important; object-fit: cover !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-286fd6ca *//* ===== REMOVE BACKGROUND FROM THE WHOLE VARIATION AREA ===== */ .single-product .variations_form, .single-product .variations, .single-product .variations tbody, .single-product .variations tr, .single-product .variations td, .single-product .variations th, .single-product .value, .single-product .label, .single-product .variable-items-wrapper, .single-product .woo-variation-swatches, .single-product .wvs-single-product-wrapper, .single-product .wvs-pro-product-label, .single-product .elementor-widget-woocommerce-product-add-to-cart, .single-product .elementor-add-to-cart, .single-product .cart, .single-product form.cart { background: transparent !important; background-color: transparent !important; box-shadow: none !important; border: none !important; } /* ===== FIX LEFT ALIGNMENT ===== */ .single-product .variations td, .single-product .variations th, .single-product .variations .label, .single-product .variations .value { text-align: left !important; padding-left: 0 !important; margin-left: 0 !important; } /* ===== SPACE BETWEEN "RENK : KAHVE" AND THE SWATCHES ===== */ .single-product .variations .label, .single-product .wvs-pro-product-label, .single-product .woo-variation-swatches-stylesheet-enabled .variable-item-span-button, .single-product .selected-variation-name { margin-bottom: 12px !important; } /* ===== CLEAN SPACING FOR SWATCH ROW ===== */ .single-product .variable-items-wrapper { display: flex !important; gap: 12px !important; margin-top: 12px !important; padding: 0 !important; justify-content: flex-start !important; align-items: center !important; } /* ===== REMOVE EXTRA MARGINS ON EACH SWATCH ===== */ .single-product .variable-item { margin: 0 !important; } /* ===== HIDE CLEAR / RESET ===== */ .single-product .reset_variations { display: none !important; } /* Mobile only */ @media (max-width: 768px) { .single_add_to_cart_button { padding: 10px 120px !important; margin-top: 20px !important; /* adjust this */ } } .elementor-add-to-cart .pewc-product-extra-groups-wrap { text-align: left !important; } .elementor-add-to-cart form.cart button.single_add_to_cart_button { width: 100% !important; } /** * Grano — bundle row density + add-to-cart button fix * =================================================== * WPCodeBox snippet. Type: CSS. Run: Always / Everywhere. * * Add this as a NEW snippet and leave snippet 15 ("styling for bundles") * exactly as it is. This one only overrides the sizes and spacing set there. * Every .elementor-164 .elementor-element.elementor-element-286fd6ca below carries one extra `body` to outrank snippet 15 * regardless of which order the two snippets load in. * * If something here still does not win, paste this file at the BOTTOM of * snippet 15 instead of keeping it separate. */ /* ========================================================================== QUICK SETTINGS — these are the only numbers you should need to touch ========================================================================== */ body.woocommerce form.bundle_form, body.woocommerce-page form.bundle_form { --bundle-image-size: 68px; /* was 90px */ --bundle-item-gap: 14px; /* space between image and title */ --grano-row-gap: 6px; /* title → price → engraving field */ --grano-row-padding-top: 12px; --grano-row-padding-bottom: 12px; /* was 20px */ } @media (max-width: 680px) { body.woocommerce form.bundle_form, body.woocommerce-page form.bundle_form { --bundle-image-size: 56px; /* was 76px */ --bundle-item-gap: 12px; --grano-row-gap: 5px; --grano-row-padding-top: 10px; --grano-row-padding-bottom: 10px; } } /* ========================================================================== The row itself ========================================================================== */ body.woocommerce div.product form.bundle_form.layout_default .bundled_product_summary { row-gap: var(--grano-row-gap) !important; padding-top: var(--grano-row-padding-top) !important; padding-bottom: var(--grano-row-padding-bottom) !important; } /* The image is set in three places in snippet 15 — wrapper, figure and img — so all three have to shrink together or the box keeps its old height. */ body.woocommerce div.product form.bundle_form.layout_default .bundled_product_summary > .bundled_product_images, body.woocommerce div.product form.bundle_form.layout_default .bundled_product_summary > .bundled_product_images img { width: var(--bundle-image-size) !important; max-width: var(--bundle-image-size) !important; height: var(--bundle-image-size) !important; } /* A smaller image means the title no longer needs a tall line to sit next to. */ body.woocommerce div.product form.bundle_form.layout_default .bundled_product_title { font-size: 15px !important; line-height: 1.25 !important; } /* ========================================================================== Price — the gap under it was the biggest one ========================================================================== */ body.woocommerce div.product form.bundle_form.layout_default .bundled_item_cart_details > .price, body.woocommerce div.product form.bundle_form.layout_default .single_variation .price { font-size: 15px !important; line-height: 1.2 !important; } @media (max-width: 680px) { body.woocommerce div.product form.bundle_form.layout_default .bundled_item_cart_details > .price, body.woocommerce div.product form.bundle_form.layout_default .single_variation .price { margin: 0 0 4px !important; /* was 8px */ } } /* WooCommerce prints the old price as and the new one as . Neither should add its own leading or spacing. */ body.woocommerce div.product form.bundle_form.layout_default .price del, body.woocommerce div.product form.bundle_form.layout_default .price ins { margin: 0 !important; padding: 0 !important; line-height: inherit !important; } body.woocommerce div.product form.bundle_form.layout_default .price del { margin-right: 6px !important; opacity: 1 !important; } /* ========================================================================== The engraving / add-on field under the price ========================================================================== */ body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields { margin-top: 0 !important; /* was 4px */ } body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields .pewc-group-wrap, body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields .pewc-item-field-wrapper, body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields .pewc-item { margin-bottom: 0 !important; /* was 10px */ } body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields label.pewc-field-label { display: block !important; margin: 0 0 4px !important; font-size: 14px !important; /* was 16px */ line-height: 1.3 !important; } body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields input[type="text"], body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields input[type="number"], body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields input[type="email"], body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields textarea, body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields select { min-height: 42px !important; /* was 48px */ margin-top: 0 !important; /* was 7px */ padding: 8px 10px !important; } body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields .pewc-description, body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields .pewc-field-description { margin-top: 3px !important; /* was 6px */ font-size: 12px !important; /* was 14px */ line-height: 1.3 !important; } /* The engraving field carries its own class and its own overrides further down snippet 15. Same treatment, or it keeps the old spacing while its neighbours tighten up. */ body.woocommerce div.product form.bundle_form .wc-pb-pewc-fields .pewc-item.engraving-class { margin: 0 !important; padding: 0 !important; } /* ========================================================================== Add-to-cart button — the off-centre one ========================================================================== The cause is in your current CSS, not in the cart snippets (those are scoped to body.grano-reference-cart and cannot reach a product page): .single_add_to_cart_button { padding: 10px 120px !important; } .elementor-add-to-cart form.cart button { width: 100% !important; } With the theme's default box-sizing, 100% width and 120px of padding on each side make the button 240px wider than its container, so it overflows to the right and the label stops looking centred. Delete both of those rules and keep this instead. -------------------------------------------------------------------------- */ body.single-product .elementor-add-to-cart form.cart button.single_add_to_cart_button, body.single-product form.cart button.single_add_to_cart_button { display: block !important; box-sizing: border-box !important; /* padding now counts inside the width */ width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 14px 24px !important; text-align: center !important; } @media (max-width: 768px) { body.single-product .elementor-add-to-cart form.cart button.single_add_to_cart_button, body.single-product form.cart button.single_add_to_cart_button { margin-top: 20px !important; padding: 13px 20px !important; } } /* ========================================= GRANO — BELT SIZE SELECTOR ========================================= */ .grano-size-.elementor-164 .elementor-element.elementor-element-286fd6ca { width: 100% !important; margin: 0 0 8px 0 !important; padding: 0 !important; font-family: "Archivo", sans-serif !important; } /* Beden: 110 cm */ .grano-size-title { margin: 5px 0 5px 0 !important; padding: 0 !important; font-family: "Archivo", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #111 !important; } /* 110 / 120 wrapper */ .grano-size-options { display: flex !important; align-items: center !important; /* Around 30% narrower than before */ width: 70% !important; gap: 5px !important; margin: 0 auto 0 0 !important; padding: 0 !important; } /* Individual size button */ button.grano-size-option { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; height: 27px !important; min-height: 27px !important; max-height: 27px !important; margin: 0 !important; padding: 0 6px !important; background: transparent !important; color: #111 !important; -webkit-text-fill-color: #111 !important; border: 1px solid #111 !important; border-radius: 10px !important; box-shadow: none !important; outline: none !important; font-family: "Archivo", sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1 !important; text-transform: none !important; text-decoration: none !important; letter-spacing: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; -webkit-tap-highlight-color: transparent !important; } /* Selected */ button.grano-size-option.is-selected { background: #111 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: #111 !important; } /* Selected hover */ button.grano-size-option.is-selected:hover { background: #111 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; } /* Unselected remains transparent */ button.grano-size-option:not(.is-selected), button.grano-size-option:not(.is-selected):hover { background: transparent !important; color: #111 !important; -webkit-text-fill-color: #111 !important; } /* Remove Elementor/theme button effects */ button.grano-size-option::before, button.grano-size-option::after { display: none !important; } /* Safari / focus */ button.grano-size-option:focus, button.grano-size-option:active, button.grano-size-option:focus-visible { outline: none !important; box-shadow: none !important; } /* Hide WooCommerce's original Beden field */ .grano-original-beden-hidden { display: none !important; } /* Fallback */ select[name*="beden" i], select[id*="beden" i] { visibility: hidden !important; } /* ========================================= PRICE FIX ========================================= */ /* * IMPORTANT: * Do NOT globally hide .woocommerce-variation-price. * Bundle products need that price. */ /* Restore prices inside bundled products */ .bundled_product .woocommerce-variation-price, .bundled_item_cart_content .woocommerce-variation-price, .bundled_product .single_variation_wrap .woocommerce-variation-price { display: block !important; } /* Restore normal bundle item price */ .bundled_product .price, .bundled_item_cart_content .price { display: block !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .grano-size-.elementor-164 .elementor-element.elementor-element-286fd6ca { margin-bottom: 7px !important; } .grano-size-title { font-size: 12px !important; /* Keep the extra breathing room */ margin-top: 5px !important; margin-bottom: 4px !important; } .grano-size-options { width: 70% !important; gap: 5px !important; margin-left: 0 !important; margin-right: auto !important; } button.grano-size-option { height: 26px !important; min-height: 26px !important; max-height: 26px !important; padding: 0 5px !important; font-size: 11px !important; border-radius: 9px !important; } } /* Grano - hide the bold "harf baskı" group heading on the product page. Read-only inspection confirmed this is a separate element from the field's own label (already hidden by the previous rule). Purely visual - doesn't touch the group's underlying title data. */ .single-product .pewc-group-heading-wrapper h3.pewc-group-heading { display: none !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-f9205a7 *//* Product description links */ .elementor-widget-woocommerce-product-content a { color: #1f3557 !important; font-weight: 700 !important; font-style: italic !important; text-decoration: none !important; } /* Hover */ .elementor-widget-woocommerce-product-content a:hover { color: #14243d !important; text-decoration: underline !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-content, class: .elementor-element-ba550fb *//* Product description links */ .elementor-widget-woocommerce-product-content a { color: #1f3557 !important; font-weight: 700 !important; font-style: italic !important; text-decoration: none !important; } /* Hover */ .elementor-widget-woocommerce-product-content a:hover { color: #14243d !important; text-decoration: underline !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-f9205a7 *//* Product description links */ .elementor-widget-woocommerce-product-content a { color: #1f3557 !important; font-weight: 700 !important; font-style: italic !important; text-decoration: none !important; } /* Hover */ .elementor-widget-woocommerce-product-content a:hover { color: #14243d !important; text-decoration: underline !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-content, class: .elementor-element-ba550fb *//* Product description links */ .elementor-widget-woocommerce-product-content a { color: #1f3557 !important; font-weight: 700 !important; font-style: italic !important; text-decoration: none !important; } /* Hover */ .elementor-widget-woocommerce-product-content a:hover { color: #14243d !important; text-decoration: underline !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-f9205a7 *//* Product description links */ .elementor-widget-woocommerce-product-content a { color: #1f3557 !important; font-weight: 700 !important; font-style: italic !important; text-decoration: none !important; } /* Hover */ .elementor-widget-woocommerce-product-content a:hover { color: #14243d !important; text-decoration: underline !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-content, class: .elementor-element-ba550fb *//* Product description links */ .elementor-widget-woocommerce-product-content a { color: #1f3557 !important; font-weight: 700 !important; font-style: italic !important; text-decoration: none !important; } /* Hover */ .elementor-widget-woocommerce-product-content a:hover { color: #14243d !important; text-decoration: underline !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-f9205a7 *//* Product description links */ .elementor-widget-woocommerce-product-content a { color: #1f3557 !important; font-weight: 700 !important; font-style: italic !important; text-decoration: none !important; } /* Hover */ .elementor-widget-woocommerce-product-content a:hover { color: #14243d !important; text-decoration: underline !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-content, class: .elementor-element-ba550fb *//* Product description links */ .elementor-widget-woocommerce-product-content a { color: #1f3557 !important; font-weight: 700 !important; font-style: italic !important; text-decoration: none !important; } /* Hover */ .elementor-widget-woocommerce-product-content a:hover { color: #14243d !important; text-decoration: underline !important; }/* End custom CSS */ /* Start custom CSS for cgr_reviews, class: .elementor-element-11c7f544 *//* =============================================================== INVITE-ONLY PRODUCT REVIEWS — CLEAN CUSTOM CSS Replace the entire previous review-related Custom CSS with this file. Do not append this underneath the old stylesheet. =============================================================== */ /* =============================================================== 1. REVIEW CARDS Order: stars -> name -> date =============================================================== */ /* --------------------------------------------------------------- QUICK LAYOUT CONTROLS Change only these values when you want to adjust image spacing. --------------------------------------------------------------- */ .cgr-block { --cgr-top-gallery-gap-desktop: 8px; --cgr-top-gallery-gap-mobile: 2px; --cgr-review-photo-gap: 6px; } .cgr-review-card .cgr-review-header { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin-bottom: 10px; } .cgr-review-card .cgr-review-meta { display: contents; } .cgr-review-card .cgr-review-meta .cgr-stars { order: 1; font-size: 1.45rem; letter-spacing: 3px; } .cgr-review-card .cgr-review-identity { order: 2; } .cgr-review-card .cgr-review-date { order: 3; font-size: 0.9rem; opacity: 0.7; } .cgr-review-card .cgr-reviewer-name { font-size: 1.05rem; font-weight: 700; } .cgr-review-card { height: auto !important; min-height: 0 !important; justify-content: flex-start !important; align-content: flex-start !important; } .cgr-review-card .cgr-review-photos { margin-top: 14px !important; margin-bottom: 0 !important; padding: 0 !important; } /* =============================================================== 2. TOP CUSTOMER-PHOTO GALLERY — SHARED STYLING =============================================================== */ .cgr-gallery-shell { position: relative; } .cgr-gallery-shell .cgr-gallery { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch; margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; } .cgr-gallery-shell .cgr-gallery::-webkit-scrollbar { display: none !important; } .cgr-gallery-shell .cgr-gallery > .cgr-gallery-item { display: block !important; min-width: 0 !important; max-width: none !important; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 4px !important; overflow: hidden !important; aspect-ratio: 1 / 1 !important; scroll-snap-align: start !important; } .cgr-gallery-shell .cgr-gallery > .cgr-gallery-item > img { display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; object-position: center !important; } /* Divider between the gallery and the first review. */ .cgr-block > .cgr-gallery-shell { margin-bottom: 32px !important; padding-bottom: 32px !important; border-bottom: 2px solid #dedede !important; } /* =============================================================== 3. TOP GALLERY ARROWS =============================================================== */ .cgr-gallery-shell button.cgr-gallery-scroll { position: absolute; top: 50%; z-index: 4; display: grid !important; place-items: center; width: 32px !important; height: 42px !important; min-width: 32px !important; min-height: 42px !important; padding: 0 !important; border: 0 !important; border-radius: 3px !important; background: rgba(0, 0, 0, 0.78) !important; color: #fff !important; box-shadow: none !important; font: 400 25px/1 Arial, sans-serif !important; text-align: center !important; transform: translateY(-50%); cursor: pointer; } .cgr-gallery-shell button.cgr-gallery-scroll-prev { left: 5px; } .cgr-gallery-shell button.cgr-gallery-scroll-next { right: 5px; } .cgr-gallery-shell button.cgr-gallery-scroll:hover, .cgr-gallery-shell button.cgr-gallery-scroll:focus { background: #000 !important; color: #fff !important; } .cgr-gallery-shell button.cgr-gallery-scroll[disabled] { opacity: 0.2 !important; background: #000 !important; color: #fff !important; cursor: default; } /* =============================================================== 4. PHOTOS INSIDE INDIVIDUAL REVIEW CARDS — SHARED STYLING =============================================================== */ .cgr-review-card .cgr-review-photos { display: grid !important; grid-auto-flow: row !important; width: 100% !important; max-width: 100% !important; gap: var(--cgr-review-photo-gap, 6px) !important; align-items: stretch !important; justify-items: stretch !important; overflow: visible !important; scroll-snap-type: none !important; } .cgr-review-card .cgr-review-photos > .cgr-review-photo-block { display: block !important; grid-column: auto !important; grid-row: auto !important; place-self: stretch !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; flex: none !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; border-radius: 3px !important; aspect-ratio: 1 / 1 !important; overflow: hidden !important; } .cgr-review-card .cgr-review-photos > .cgr-review-photo-block > img { display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; border-radius: 3px !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; object-position: center !important; } /* =============================================================== 5. DESKTOP LAYOUT Top gallery: approximately 6.25 visible photos. Review cards: six equal photo columns. =============================================================== */ @media (min-width: 901px) { .cgr-gallery-shell .cgr-gallery:not(#cgr-desktop-gap-a#cgr-desktop-gap-b#cgr-desktop-gap-c) { gap: var(--cgr-top-gallery-gap-desktop, 8px) !important; } .cgr-gallery-shell .cgr-gallery:not(#cgr-desktop-gallery-a#cgr-desktop-gallery-b#cgr-desktop-gallery-c) > .cgr-gallery-item { /* Increase 6.25 for smaller tiles; decrease it for larger tiles. */ flex: 0 0 calc( (100% + var(--cgr-top-gallery-gap-desktop, 8px)) / 6.25 - var(--cgr-top-gallery-gap-desktop, 8px) ) !important; width: calc( (100% + var(--cgr-top-gallery-gap-desktop, 8px)) / 6.25 - var(--cgr-top-gallery-gap-desktop, 8px) ) !important; } /* The repeated ID raises specificity above all old plugin count rules. */ .cgr-review-card .cgr-review-photos:not(#cgr-desktop-six-a#cgr-desktop-six-b#cgr-desktop-six-c) { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .cgr-review-card .cgr-review-photos:not(#cgr-desktop-six-a#cgr-desktop-six-b#cgr-desktop-six-c) > .cgr-review-photo-block { width: 100% !important; min-width: 0 !important; max-width: none !important; } /* Desktop lightbox. */ .cgr-lightbox-dialog { width: 100% !important; max-width: 820px !important; height: auto !important; max-height: 560px !important; } .cgr-lightbox-media { min-height: 0 !important; max-height: 560px !important; } .cgr-lightbox-media img { width: 100% !important; height: 100% !important; max-height: 560px !important; object-fit: contain !important; } } /* =============================================================== 6. MOBILE LAYOUT Top gallery: approximately 2.2 visible photos. Review cards: three equal photo columns. =============================================================== */ @media (max-width: 900px) { .cgr-gallery-shell .cgr-gallery:not(#cgr-mobile-gap-a#cgr-mobile-gap-b#cgr-mobile-gap-c) { gap: var(--cgr-top-gallery-gap-mobile, 2px) !important; } .cgr-gallery-shell .cgr-gallery:not(#cgr-mobile-gallery-a#cgr-mobile-gallery-b#cgr-mobile-gallery-c) > .cgr-gallery-item { flex: 0 0 calc( (100% + var(--cgr-top-gallery-gap-mobile, 2px)) / 3.1 - var(--cgr-top-gallery-gap-mobile, 2px) ) !important; width: calc( (100% + var(--cgr-top-gallery-gap-mobile, 2px)) / 3.1 - var(--cgr-top-gallery-gap-mobile, 2px) ) !important; } .cgr-review-card .cgr-review-photos:not(#cgr-mobile-three-a#cgr-mobile-three-b#cgr-mobile-three-c) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .cgr-review-card .cgr-review-photos:not(#cgr-mobile-three-a#cgr-mobile-three-b#cgr-mobile-three-c) > .cgr-review-photo-block { width: 100% !important; min-width: 0 !important; max-width: none !important; } /* One photo occupies the first column rather than stretching full width. */ .cgr-review-card .cgr-review-photos:not(:has(> .cgr-review-photo-block:nth-child(2))) > .cgr-review-photo-block { grid-column: 1 !important; } } /* =============================================================== 7. CONTINUE-READING CONTROL A simple neutral text link, protected from theme button styling. =============================================================== */ .cgr-review-card button.cgr-review-see-more, .cgr-review-card .cgr-review-see-more { appearance: none !important; -webkit-appearance: none !important; display: inline-block !important; width: auto !important; min-width: 0 !important; max-width: max-content !important; height: auto !important; min-height: 0 !important; margin: 8px 0 2px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; color: #333 !important; box-shadow: none !important; font: inherit !important; font-size: 0.95rem !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: left !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; cursor: pointer !important; } .cgr-review-card button.cgr-review-see-more:hover, .cgr-review-card button.cgr-review-see-more:focus, .cgr-review-card .cgr-review-see-more:hover, .cgr-review-card .cgr-review-see-more:focus { border: 0 !important; background: transparent !important; color: #000 !important; box-shadow: none !important; } /* =============================================================== 8. LIGHTBOX PHOTO ARROWS, DOTS AND CLOSE BUTTON =============================================================== */ .cgr-lightbox button.cgr-lightbox-photo-nav { width: 32px !important; height: 40px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.82) !important; color: #111 !important; box-shadow: none !important; font: 400 1.65rem/1 Arial, sans-serif !important; } .cgr-lightbox-photo-dots { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 5px 8px !important; border: 0 !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.72) !important; box-shadow: none !important; } .cgr-lightbox button.cgr-lightbox-photo-dot { display: block !important; width: 7px !important; height: 7px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; border-radius: 999px !important; background: #fff !important; box-shadow: none !important; } .cgr-lightbox button.cgr-lightbox-photo-dot.is-active { width: 28px !important; background: #111 !important; } .cgr-lightbox button.cgr-lightbox-close { width: 32px !important; height: 32px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.88) !important; color: #111 !important; box-shadow: none !important; font: 400 1.25rem/1 Arial, sans-serif !important; } /* =============================================================== 9. MOBILE LIGHTBOX Adjust --cgr-mobile-image-height to change the image height. Adjust --cgr-popup-side-margin to change the side margins. =============================================================== */ @media (max-width: 900px) { .cgr-lightbox { --cgr-mobile-image-height: 350px; --cgr-popup-side-margin: 35px; padding: 8px var(--cgr-popup-side-margin) !important; align-items: center !important; justify-content: center !important; } .cgr-lightbox-side .cgr-lightbox-dialog, .cgr-lightbox-stacked .cgr-lightbox-dialog { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: var(--cgr-mobile-image-height) auto !important; align-content: start !important; width: calc(100vw - (var(--cgr-popup-side-margin) * 2)) !important; max-width: calc(100vw - (var(--cgr-popup-side-margin) * 2)) !important; height: auto !important; min-height: 0 !important; max-height: calc(100dvh - 16px) !important; margin-right: auto !important; margin-left: auto !important; overflow: hidden !important; } .cgr-lightbox-side .cgr-lightbox-media, .cgr-lightbox-stacked .cgr-lightbox-media { position: relative !important; width: 100% !important; height: var(--cgr-mobile-image-height) !important; min-height: var(--cgr-mobile-image-height) !important; max-height: var(--cgr-mobile-image-height) !important; overflow: hidden !important; background: #111 !important; } .cgr-lightbox-side .cgr-lightbox-media img, .cgr-lightbox-stacked .cgr-lightbox-media img { display: block !important; width: 100% !important; height: var(--cgr-mobile-image-height) !important; min-width: 100% !important; min-height: var(--cgr-mobile-image-height) !important; max-width: 100% !important; max-height: var(--cgr-mobile-image-height) !important; aspect-ratio: auto !important; object-fit: cover !important; object-position: center 50% !important; } .cgr-lightbox-panel { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: flex-start !important; align-content: flex-start !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: calc(100dvh - var(--cgr-mobile-image-height) - 32px) !important; margin: 0 !important; padding: 22px 28px 24px !important; gap: 3px !important; overflow-y: auto !important; } .cgr-lightbox-stars { margin: 0 0 8px !important; } .cgr-lightbox-name { margin: 0 !important; } .cgr-lightbox-date { margin: 5px 0 0 !important; } .cgr-lightbox-title { margin: 14px 0 0 !important; } .cgr-lightbox-text { margin: 12px 0 0 !important; } .cgr-lightbox-product { margin: 12px 0 0 !important; padding: 0 !important; } .cgr-lightbox button.cgr-lightbox-close { top: 9px !important; right: 9px !important; width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; font-size: 16px !important; line-height: 26px !important; } /* No image indicator when the review contains only one photo. */ .cgr-lightbox-photo-dots:empty, .cgr-lightbox-photo-dots:has(.cgr-lightbox-photo-dot:only-child) { display: none !important; } } /* =============================================================== 10. OPTIONAL EMPTY COMPACT-RATING WIDGET FIX Keeps the full reviews section message, but hides the small product-card "no reviews" summary. =============================================================== */ .cgr-rating-summary-empty { display: none !important; } .elementor-widget:has(.cgr-rating-summary-empty) { display: none !important; } ______ @media (max-width: 900px) { .cgr-gallery-shell .cgr-gallery > .cgr-gallery-item { /* Larger first number = shorter image */ aspect-ratio: 3 / 4 !important; height: auto !important; } .cgr-gallery-shell .cgr-gallery > .cgr-gallery-item > img { width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important; object-position: center !important; } } /* Empty-state message: "Henüz değerlendirme yok." */ .cgr-block .cgr-empty, .cgr-block .cgr-no-reviews, .cgr-block .cgr-reviews-empty, .cgr-block > p { color: #000 !important; }/* End custom CSS */ /* Start custom CSS *//* Hide PEWC's fake checkbox span */ .leather-balm-toggle .pewc-theme-element { display: none !important; } /* Hide the original checkbox */ .leather-balm-toggle input[type="checkbox"] { display: none !important; } /* Label layout: text left, toggle right */ .leather-balm-toggle .pewc-checkbox-wrapper label { position: relative; display: inline-flex; align-items: center; flex-direction: row; cursor: pointer; padding-left: 0; padding-right: 58px; min-height: 28px; gap: 12px; } /* Track — positioned on the RIGHT */ .leather-balm-toggle .pewc-checkbox-wrapper label::before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 48px; height: 28px; background-color: #ddd; border-radius: 14px; transition: background-color 0.3s ease; box-sizing: border-box; } /* Knob — starts on the LEFT side of track */ .leather-balm-toggle .pewc-checkbox-wrapper label::after { content: ''; position: absolute; right: 27px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background: white; border-radius: 50%; box-shadow: 0 1px 4px rgba(0,0,0,0.25); transition: right 0.3s ease; box-sizing: border-box; } /* Checked — track turns dark */ .leather-balm-toggle .pewc-checkbox-wrapper label:has(input:checked)::before { background-color: #2c2c2c; } /* Checked — knob slides to the right side of track */ .leather-balm-toggle .pewc-checkbox-wrapper label:has(input:checked)::after { right: 3px; } /* Hide desktop gallery on mobile */ body.is-real-mobile #desktop-gallery { display: none !important; } /* Hide mobile gallery on desktop */ body.is-real-desktop #mobile-galleri { display: none !important; } /* iPhone Safari: prevent auto-zoom on product form fields */ .single-product input, .single-product select, .single-product textarea, .single-product .qty, .single-product .input-text, .single-product .woocommerce div.product form.cart input, .single-product .woocommerce div.product form.cart select, .single-product .woocommerce div.product form.cart textarea { font-size: 16px !important; }/* End custom CSS */