.elementor-921 .elementor-element.elementor-element-22327ec8 .custom-breadcrumb{background-color:#130101B3;background-image:url("https://tropikal.co.ke/wp-content/uploads/2026/07/Tropikal-Palm-Tree-Background2.png");background-position:center center;background-repeat:repeat-x;background-size:contain;}.elementor-921 .elementor-element.elementor-element-22327ec8{width:100%;max-width:100%;}.elementor-921 .elementor-element.elementor-element-22327ec8 > .elementor-widget-container{margin:0px -8px 0px -8px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FF0F0F;}.elementor-921 .elementor-element.elementor-element-22327ec8 .custom-breadcrumb .breadcrumb-overlay{background-color:#5C9E81BA;}.elementor-921 .elementor-element.elementor-element-22327ec8 .custom-breadcrumb .breadcrumb-container-inner{padding-top:123px;padding-bottom:3px;}.elementor-921 .elementor-element.elementor-element-22327ec8 .custom-breadcrumb .heading-title{color:#DCFFF3;}.elementor-921 .elementor-element.elementor-element-32e7bccd > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-921 .elementor-element.elementor-element-4b38dbd5{padding:35px 0px 0px 0px;}.elementor-921 .elementor-element.elementor-element-759b55b6 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-921 .elementor-element.elementor-element-5d1eae80:not(.elementor-motion-effects-element-type-background), .elementor-921 .elementor-element.elementor-element-5d1eae80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tropikal.co.ke/wp-content/uploads/2026/07/tropikal-air-freshner-background.png");background-position:-202px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-921 .elementor-element.elementor-element-5d1eae80 > .elementor-background-overlay{background-color:#4E9878;opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-921 .elementor-element.elementor-element-5d1eae80, .elementor-921 .elementor-element.elementor-element-5d1eae80 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-921 .elementor-element.elementor-element-5d1eae80{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 36px 30px 36px;}.elementor-921 .elementor-element.elementor-element-32d12873 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:4px;}.elementor-921 .elementor-element.elementor-element-32d12873 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-921 .elementor-element.elementor-element-7dba4bd5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF33;}.elementor-921 .elementor-element.elementor-element-7dba4bd5 .elementor-icon-box-wrapper{gap:15px;}.elementor-921 .elementor-element.elementor-element-7dba4bd5 .elementor-icon-box-title{margin-block-end:2px;color:#FFFFFF;}.elementor-921 .elementor-element.elementor-element-7dba4bd5.elementor-view-stacked .elementor-icon{background-color:#08612B;fill:#FFFFFF;color:#FFFFFF;}.elementor-921 .elementor-element.elementor-element-7dba4bd5.elementor-view-framed .elementor-icon, .elementor-921 .elementor-element.elementor-element-7dba4bd5.elementor-view-default .elementor-icon{fill:#08612B;color:#08612B;border-color:#08612B;}.elementor-921 .elementor-element.elementor-element-7dba4bd5.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-921 .elementor-element.elementor-element-7dba4bd5 .elementor-icon{font-size:26px;padding:25px;}.elementor-921 .elementor-element.elementor-element-7dba4bd5 .elementor-icon-box-title, .elementor-921 .elementor-element.elementor-element-7dba4bd5 .elementor-icon-box-title a{font-size:20px;font-weight:700;}.elementor-921 .elementor-element.elementor-element-2db35a4d{text-align:center;font-size:24px;font-weight:700;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-921 .elementor-element.elementor-element-735ebedf{text-align:center;font-size:24px;font-weight:700;}.elementor-921 .elementor-element.elementor-element-2ba0b12e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-921 .elementor-element.elementor-element-2ba0b12e > .elementor-element-populated{padding:0px 50px 0px 15px;}.elementor-921 .elementor-element.elementor-element-54be1445{width:var( --container-widget-width, 118.975% );max-width:118.975%;--container-widget-width:118.975%;--container-widget-flex-grow:0;}.elementor-921 .elementor-element.elementor-element-54be1445 > .elementor-widget-container{margin:0px 1px 0px 0px;padding:0px 3px 0px 0px;}.elementor-921 .elementor-element.elementor-element-54be1445.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-921 .elementor-element.elementor-element-7ad6ca4d{width:var( --container-widget-width, 117.328% );max-width:117.328%;--container-widget-width:117.328%;--container-widget-flex-grow:0;}.elementor-921 .elementor-element.elementor-element-7ad6ca4d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-921 .elementor-element.elementor-element-21d69f27 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-921 .elementor-element.elementor-element-303b2d0f{width:var( --container-widget-width, 69% );max-width:69%;--container-widget-width:69%;--container-widget-flex-grow:0;}.elementor-921 .elementor-element.elementor-element-303b2d0f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-921 .elementor-element.elementor-element-296cfacf{width:var( --container-widget-width, 28% );max-width:28%;--container-widget-width:28%;--container-widget-flex-grow:0;border-style:dotted;border-width:0px 0px 0px 0px;border-color:#CACACA;}.elementor-921 .elementor-element.elementor-element-296cfacf.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-921 .elementor-element.elementor-element-3dc73564.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-921 .elementor-element.elementor-element-3dc73564 > .elementor-widget-container{border-style:dotted;border-width:1px 0px 0px 0px;border-color:#646464;}.elementor-921 .elementor-element.elementor-element-3dc73564 .cf-item-category .campaign-categories{background-color:#F70404;}.elementor-921 .elementor-element.elementor-element-3dc73564 .cf-item-category .campaign-categories a{font-size:1px;font-weight:bold;}.elementor-921 .elementor-element.elementor-element-7d8c4f26 > .elementor-widget-container{margin:3px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:dotted;border-width:1px 0px 1px 0px;border-color:#656C6F;}.elementor-921 .elementor-element.elementor-element-5581489c{margin:3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-921 .elementor-element.elementor-element-501fe4cb:not(.elementor-motion-effects-element-type-background), .elementor-921 .elementor-element.elementor-element-501fe4cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(186deg, #B2D1C3 28%, #FFFFFF 73%);}.elementor-921 .elementor-element.elementor-element-501fe4cb > .elementor-container{max-width:759px;}.elementor-921 .elementor-element.elementor-element-501fe4cb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:13px;margin-bottom:13px;padding:13px 0px 20px 0px;}.elementor-921 .elementor-element.elementor-element-501fe4cb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-921 .elementor-element.elementor-element-4b38dbd5{padding:80px 0px 0px 0px;}.elementor-921 .elementor-element.elementor-element-5d1eae80:not(.elementor-motion-effects-element-type-background), .elementor-921 .elementor-element.elementor-element-5d1eae80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-921 .elementor-element.elementor-element-5d1eae80{padding:40px 10px 40px 10px;}.elementor-921 .elementor-element.elementor-element-32d12873 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-921 .elementor-element.elementor-element-7dba4bd5 .elementor-icon-box-title, .elementor-921 .elementor-element.elementor-element-7dba4bd5 .elementor-icon-box-title a{font-size:24px;}.elementor-921 .elementor-element.elementor-element-2db35a4d{font-size:18px;}.elementor-921 .elementor-element.elementor-element-735ebedf{font-size:18px;}.elementor-921 .elementor-element.elementor-element-21d69f27 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-921 .elementor-element.elementor-element-501fe4cb{padding:70px 0px 50px 0px;}}@media(max-width:767px){.elementor-921 .elementor-element.elementor-element-5d1eae80:not(.elementor-motion-effects-element-type-background), .elementor-921 .elementor-element.elementor-element-5d1eae80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-921 .elementor-element.elementor-element-2ba0b12e > .elementor-element-populated{margin:0px 0px 40px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-921 .elementor-element.elementor-element-21d69f27.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}}@media(min-width:768px){.elementor-921 .elementor-element.elementor-element-759b55b6{width:24.945%;}.elementor-921 .elementor-element.elementor-element-2ba0b12e{width:29.878%;}.elementor-921 .elementor-element.elementor-element-21d69f27{width:44.841%;}}@media(min-width:1025px){.elementor-921 .elementor-element.elementor-element-22327ec8 .custom-breadcrumb{background-attachment:scroll;}}/* Start custom CSS for column, class: .elementor-element-2ba0b12e *//* 1. Constrain the image wrapper container instead of stripping img rules */
.woocommerce-product-gallery__image,
.product-item-media {
  max-height: 380px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;
  position: relative !important;
  cursor: zoom-in !important;
}

/* 2. Image sizing inside wrapper */
.woocommerce-product-gallery__image img,
.product-item-media img {
  max-height: 380px !important;
  width: auto !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
}

/* 3. Smooth hover magnification effect */
.woocommerce-product-gallery__image:hover img,
.product-item-media:hover img {
  transform: scale(1.3) !important;
}

/* 4. Keep barcode shortcode container visible below */
.woocommerce-product-gallery {
  max-height: none !important;
  overflow: visible !important;
}/* End custom CSS */