.elementor-721 .elementor-element.elementor-element-3058f75{--display:flex;--min-height:300px;--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;--justify-content:flex-end;--margin-top:-117px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-721 .elementor-element.elementor-element-3058f75:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-3058f75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1E1C5;background-image:url("https://diademacroatia.hr/wp-content/uploads/2026/03/SLIDE-proizvodi_4.webp");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-721 .elementor-element.elementor-element-375b83c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(18px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(18px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(18px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-18px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-18px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-5580df4{--e-icon-list-icon-size:21px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:-2px;}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-item > a{font-family:"Raleway", Sans-serif;font-size:15px;font-weight:500;}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-77edd09{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-721 .elementor-element.elementor-element-92d4848{--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-721 .elementor-element.elementor-element-92d4848.e-con{--flex-grow:0;--flex-shrink:0;}.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-721 .elementor-element.elementor-element-44f93505 .elementor-heading-title{font-size:37px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-44f93505 .elementor-heading-title a:hover, .elementor-721 .elementor-element.elementor-element-44f93505 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-44f93505 .elementor-heading-title a{transition-duration:0.8s;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-721 .elementor-element.elementor-element-686686e{--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;}.woocommerce .elementor-721 .elementor-element.elementor-element-5adf1f77 .flex-viewport:not(:last-child){margin-bottom:15px;}.woocommerce .elementor-721 .elementor-element.elementor-element-5adf1f77 .flex-control-thumbs li{padding-right:calc(15px / 2);padding-left:calc(15px / 2);padding-bottom:15px;}.woocommerce .elementor-721 .elementor-element.elementor-element-5adf1f77 .flex-control-thumbs{margin-right:calc(-15px / 2);margin-left:calc(-15px / 2);}.elementor-721 .elementor-element.elementor-element-7879e843{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:50px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-ad0d9a6{text-align:start;}.elementor-721 .elementor-element.elementor-element-ad0d9a6 .elementor-heading-title{font-size:37px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-ad0d9a6 .elementor-heading-title a:hover, .elementor-721 .elementor-element.elementor-element-ad0d9a6 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-ad0d9a6 .elementor-heading-title a{transition-duration:0.8s;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{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-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .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-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product{text-align:center;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products  ul.products{grid-column-gap:33px;grid-row-gap:140px;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:20px;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:16px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .price{color:#1C244B;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .price ins{color:#1C244B;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .price ins .amount{color:#1C244B;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .price del{color:#1C244B;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .price del .amount{color:#1C244B;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .price del {font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:line-through;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .button{color:#97886A;background-color:#02010100;font-size:13px;font-weight:500;text-transform:capitalize;line-height:1em;letter-spacing:0px;padding:0px 0px 0px 0px;margin-top:0px;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .button:hover{color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products .added_to_cart{color:#1C244B;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product span.onsale{display:block;color:#FFFFFF;background-color:#467FF7;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:30px;letter-spacing:0px;border-radius:0px;min-width:80px;min-height:30px;right:auto;left:0;margin:0px;}@media(min-width:768px){.elementor-721 .elementor-element.elementor-element-3058f75{--content-width:1280px;}.elementor-721 .elementor-element.elementor-element-92d4848{--width:45.201%;}.elementor-721 .elementor-element.elementor-element-686686e{--width:55%;}.elementor-721 .elementor-element.elementor-element-7879e843{--content-width:1280px;}}@media(max-width:1024px) and (min-width:768px){.elementor-721 .elementor-element.elementor-element-77edd09{--content-width:97%;}.elementor-721 .elementor-element.elementor-element-92d4848{--width:35%;}.elementor-721 .elementor-element.elementor-element-686686e{--width:50%;}}@media(max-width:1024px){.elementor-721 .elementor-element.elementor-element-3058f75:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-3058f75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-721 .elementor-element.elementor-element-3058f75{--padding-top:0px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-721 .elementor-element.elementor-element-375b83c{--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;--justify-content:center;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-721 .elementor-element.elementor-element-5580df4{--e-icon-list-icon-size:17px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);}.elementor-721 .elementor-element.elementor-element-44f93505 .elementor-heading-title{font-size:30px;line-height:1.4em;}.elementor-widget-woocommerce-product-content{font-size:var( --e-global-typography-text-font-size );}.elementor-721 .elementor-element.elementor-element-7879e843{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-721 .elementor-element.elementor-element-ad0d9a6 .elementor-heading-title{font-size:30px;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .price{font-size:14px;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .button{font-size:14px;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products .added_to_cart{font-size:14px;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product span.onsale{font-size:14px;line-height:2em;}}@media(max-width:767px){.elementor-721 .elementor-element.elementor-element-3058f75{--min-height:45vh;--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:-156px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-721 .elementor-element.elementor-element-3058f75:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-3058f75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-size:cover;}.elementor-721 .elementor-element.elementor-element-375b83c{--margin-top:24px;--margin-bottom:23px;--margin-left:0px;--margin-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(26px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(26px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(26px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-26px/2);}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-26px/2);}.elementor-721 .elementor-element.elementor-element-5580df4{--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:-2px;}.elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-721 .elementor-element.elementor-element-5580df4 .elementor-icon-list-item > a{line-height:2.3em;}.elementor-721 .elementor-element.elementor-element-77edd09{--content-width:96%;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-721 .elementor-element.elementor-element-92d4848{--margin-top:-36px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-721 .elementor-element.elementor-element-44f93505 .elementor-heading-title{font-size:26px;line-height:1.3em;}.elementor-widget-woocommerce-product-content{font-size:var( --e-global-typography-text-font-size );}.elementor-721 .elementor-element.elementor-element-686686e{--width:100%;}.elementor-721 .elementor-element.elementor-element-7879e843{--content-width:94%;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:40%;--padding-left:5%;--padding-right:5%;}.elementor-721 .elementor-element.elementor-element-ad0d9a6 .elementor-heading-title{font-size:26px;line-height:1em;}.elementor-721 .elementor-element.elementor-element-175e54ac{width:100%;max-width:100%;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-721 .elementor-element.elementor-element-175e54ac.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:18px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-5adf1f77 *//* Classes to use
woo-images-bottom
woo-images-right */


.woocommerce-product-gallery__trigger {display: none;}

/* CONTROL PANEL */
.woo-images-bottom,
.woo-images-right{
  --gap: 20px;
  --thumb-top-gap: 0px;
  --thumbs-side-gap: 20px;
  --border-radius: 0px;

  /* Desktop */
  --desktop-width: 500px;
  --desktop-height: 620px;
  --desktop-cols: 5;
  --desktop-side-cols: 2;
  --desktop-side-rows: 5;

  /* Tablet */
  --tablet-width: 400px;
  --tablet-height: 400px;
  --tablet-cols: 5;
  --tablet-side-cols: 2;
  --tablet-side-rows: 5;

  /* Mobile */
  --mobile-width: 280px;
  --mobile-height: 280px;
  --mobile-cols: 1;
  --mobile-side-cols: 1;
  --mobile-side-rows: 5;

  /* internal defaults (overridden by breakpoints) */
  --width: var(--desktop-width);
  --height: var(--desktop-height);
  --cols: var(--desktop-cols);

  --side-cols: var(--desktop-side-cols);
  --side-rows: var(--desktop-side-rows);
}

/* Stop slide animation (both modes) */
.woo-images-bottom .woocommerce-product-gallery .flex-viewport,
.woo-images-bottom .woocommerce-product-gallery .flex-viewport *,
.woo-images-right  .woocommerce-product-gallery .flex-viewport,
.woo-images-right  .woocommerce-product-gallery .flex-viewport *{
  transition-duration: 0s !important;
}

/* MAIN STAGE (ALL DEVICES) */
.woo-images-bottom .woocommerce-product-gallery .flex-viewport,
.woo-images-right  .woocommerce-product-gallery .flex-viewport{
  width: var(--width) !important;
  height: var(--height) !important;
  overflow: hidden !important;
  border-radius: var(--border-radius) !important;
  box-sizing: border-box !important;
}

.woo-images-bottom .woocommerce-product-gallery__image,
.woo-images-bottom .woocommerce-product-gallery__image > a,
.woo-images-right  .woocommerce-product-gallery__image,
.woo-images-right  .woocommerce-product-gallery__image > a{
  height: var(--height) !important;
  display: block !important;
}

.woo-images-bottom .woocommerce-product-gallery__image img,
.woo-images-right  .woocommerce-product-gallery__image img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Shared thumb image rules (both modes) */
.woo-images-bottom .woocommerce-product-gallery .flex-control-thumbs img,
.woo-images-right  .woocommerce-product-gallery .flex-control-thumbs img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  border-radius: inherit !important;
}

/* BOTTOM MODE (row-first) */
.woo-images-bottom .woocommerce-product-gallery .flex-control-thumbs{
  width: var(--width) !important;
  max-width: var(--width) !important;

  margin: var(--thumb-top-gap) 0 0 !important;
  padding: 0 !important;
  list-style: none !important;

  display: flex !important;
  flex-wrap: wrap !important;

  column-gap: var(--gap) !important;
  row-gap: var(--gap) !important;

  justify-content: flex-start !important;
  align-content: flex-start !important;

  box-sizing: border-box !important;
}

.woo-images-bottom .woocommerce-product-gallery .flex-control-thumbs > li{
  --cell: calc(
    (var(--width) - (var(--gap) * (var(--cols) - 1)))
    / var(--cols)
  );

  flex: 0 0 var(--cell) !important;
  max-width: var(--cell) !important;

  aspect-ratio: 1 / 1 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;
  float: none !important;

  overflow: hidden !important;
  border-radius: var(--border-radius) !important;

  min-width: 0 !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}

/* RIGHT MODE (column-first) */
.woo-images-right .woocommerce-product-gallery{
  /* thumb size derived from height/rows */
  --side-thumb: calc(
    (var(--height) - (var(--gap) * (var(--side-rows) - 1)))
    / var(--side-rows)
  );

  /* panel width derived from cols */
  --side-w: calc(
    (var(--side-cols) * var(--side-thumb)) +
    ((var(--side-cols) - 1) * var(--gap))
  );

  display: grid !important;
  grid-template-columns: var(--width) var(--side-w) !important;
  column-gap: var(--thumbs-side-gap) !important;
  align-items: start !important;

  max-width: 100% !important;
}

/* main left */
.woo-images-right .woocommerce-product-gallery .flex-viewport{
  grid-column: 1 !important;
  grid-row: 1 !important;
}

/* thumbs right */
.woo-images-right .woocommerce-product-gallery .flex-control-thumbs{
  grid-column: 2 !important;
  grid-row: 1 !important;

  width: var(--side-w) !important;
  max-width: none !important;

  height: var(--height) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;

  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  /* KEY: column-first fill */
  display: grid !important;
  grid-auto-flow: column !important;
  grid-template-rows: repeat(var(--side-rows), var(--side-thumb)) !important;
  grid-auto-columns: var(--side-thumb) !important;

  column-gap: var(--gap) !important;
  row-gap: var(--gap) !important;

  align-content: start !important;
  justify-content: start !important;

  box-sizing: border-box !important;
}

.woo-images-right .woocommerce-product-gallery .flex-control-thumbs > li{
  width: var(--side-thumb) !important;
  height: var(--side-thumb) !important;
  max-width: var(--side-thumb) !important;

  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  line-height: 0 !important;

  overflow: hidden !important;
  border-radius: var(--border-radius) !important;

  box-sizing: border-box !important;
}

/* BREAKPOINT MAPPING (vars only) */

/* Mobile */
@media (max-width: 767px){
  .woo-images-bottom,
  .woo-images-right{
    --width: var(--mobile-width);
    --height: var(--mobile-height);
    --cols: var(--mobile-cols);
    --side-cols: var(--mobile-side-cols);
    --side-rows: var(--mobile-side-rows);
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px){
  .woo-images-bottom,
  .woo-images-right{
    --width: var(--tablet-width);
    --height: var(--tablet-height);
    --cols: var(--tablet-cols);
    --side-cols: var(--tablet-side-cols);
    --side-rows: var(--tablet-side-rows);
  }
}

/* Desktop */
@media (min-width: 1024px){
  .woo-images-bottom,
  .woo-images-right{
    --width: var(--desktop-width);
    --height: var(--desktop-height);
    --cols: var(--desktop-cols);
    --side-cols: var(--desktop-side-cols);
    --side-rows: var(--desktop-side-rows);
  }
}/* End custom CSS */