.elementor-kit-27{--e-global-color-primary:#F2EFE9;--e-global-color-secondary:#BFBBB4;--e-global-color-text:#164940;--e-global-color-accent:#21313D;--e-global-color-4c1b0d0:#FFFFFF;--e-global-color-2a7414e:#4A4A4A;--e-global-color-3054a18:#8C7C6D;--e-global-color-a94b1cc:#DFD0AE45;--e-global-color-a9afb97:#E4E0D7;--e-global-color-f995890:#FFFFFF;--e-global-color-30c6c21:#A3D8C5;--e-global-color-2902b7d:#21313D;--e-global-color-4301070:#164940;--e-global-typography-primary-font-family:"Suranna";--e-global-typography-primary-font-size:230px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-letter-spacing:10px;--e-global-typography-secondary-font-family:"Suranna";--e-global-typography-secondary-font-size:68px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-font-style:italic;--e-global-typography-secondary-letter-spacing:7px;--e-global-typography-text-font-family:"Karla";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:2em;--e-global-typography-text-letter-spacing:0.1px;--e-global-typography-accent-font-family:"Suranna";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-letter-spacing:3px;--e-global-typography-6684afc-font-family:"Suranna";--e-global-typography-6684afc-font-size:190px;--e-global-typography-6684afc-font-weight:500;--e-global-typography-6684afc-letter-spacing:-5px;--e-global-typography-c3626a6-font-family:"Suranna";--e-global-typography-c3626a6-font-size:143px;--e-global-typography-c3626a6-font-weight:500;--e-global-typography-c3626a6-font-style:italic;--e-global-typography-c3626a6-letter-spacing:0.4px;--e-global-typography-acdd51d-font-family:"Libre Caslon Text";--e-global-typography-acdd51d-font-size:68px;--e-global-typography-acdd51d-font-weight:400;--e-global-typography-acdd51d-line-height:1.2em;--e-global-typography-acdd51d-letter-spacing:-1.3px;--e-global-typography-7e63eea-font-family:"Suranna";--e-global-typography-7e63eea-font-size:40px;--e-global-typography-7e63eea-font-weight:400;--e-global-typography-7e63eea-font-style:italic;--e-global-typography-7e63eea-line-height:1.4em;--e-global-typography-7e63eea-letter-spacing:9.9px;--e-global-typography-9819d33-font-family:"Karla";--e-global-typography-9819d33-font-size:14px;--e-global-typography-9819d33-font-weight:400;--e-global-typography-9819d33-line-height:1.7em;--e-global-typography-9819d33-letter-spacing:-0.2px;--e-global-typography-32913d0-font-family:"Suranna";--e-global-typography-32913d0-font-size:56px;--e-global-typography-32913d0-font-weight:400;--e-global-typography-32913d0-font-style:normal;--e-global-typography-32913d0-letter-spacing:9px;--e-global-typography-dd049b0-font-family:"Suranna";--e-global-typography-dd049b0-font-size:70px;--e-global-typography-dd049b0-font-weight:400;--e-global-typography-dd049b0-text-transform:lowercase;--e-global-typography-dd049b0-letter-spacing:2px;--e-global-typography-247f179-font-family:"Libre Caslon Text";--e-global-typography-247f179-font-size:67px;--e-global-typography-247f179-font-weight:400;--e-global-typography-247f179-text-transform:lowercase;--e-global-typography-247f179-font-style:italic;--e-global-typography-247f179-letter-spacing:0.3px;--e-global-typography-bd7873c-font-family:"Suranna";--e-global-typography-bd7873c-font-size:24px;--e-global-typography-bd7873c-font-weight:400;--e-global-typography-bd7873c-letter-spacing:18px;--e-global-typography-8caf614-font-family:"Suranna";--e-global-typography-8caf614-font-size:32px;--e-global-typography-8caf614-font-weight:400;--e-global-typography-8caf614-letter-spacing:2px;--e-global-typography-0ae836f-font-family:"Suranna";--e-global-typography-0ae836f-font-size:34px;--e-global-typography-0ae836f-font-weight:500;--e-global-typography-0ae836f-text-transform:uppercase;--e-global-typography-0ae836f-font-style:normal;--e-global-typography-0ae836f-letter-spacing:3px;background-color:#FFFFFF;color:#191919;font-family:"Karla", Sans-serif;font-size:14px;font-weight:400;line-height:2em;letter-spacing:0.1px;}.elementor-kit-27 button,.elementor-kit-27 input[type="button"],.elementor-kit-27 input[type="submit"],.elementor-kit-27 .elementor-button{background-color:#191919;font-family:"Karla", Sans-serif;font-size:12px;font-weight:400;text-transform:lowercase;letter-spacing:10px;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:20px 55px 20px 55px;}.elementor-kit-27 button:hover,.elementor-kit-27 button:focus,.elementor-kit-27 input[type="button"]:hover,.elementor-kit-27 input[type="button"]:focus,.elementor-kit-27 input[type="submit"]:hover,.elementor-kit-27 input[type="submit"]:focus,.elementor-kit-27 .elementor-button:hover,.elementor-kit-27 .elementor-button:focus{background-color:#191919;color:#886D00;}.elementor-kit-27 e-page-transition{background-color:#FFBC7D;}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-kit-27 h1{color:var( --e-global-color-accent );font-family:"Times New Roman", Sans-serif;font-size:151px;font-weight:500;text-transform:uppercase;}.elementor-kit-27 h2{color:var( --e-global-color-accent );font-family:"Times New Roman", Sans-serif;font-size:21px;font-weight:400;text-transform:uppercase;letter-spacing:-0.2px;}.elementor-kit-27 h3{color:#191919;font-family:"Times New Roman", Sans-serif;font-size:39px;font-weight:400;text-transform:uppercase;font-style:italic;letter-spacing:7px;}.elementor-kit-27 h4{color:#191919;font-family:"Times New Roman", Sans-serif;font-size:20px;font-weight:400;letter-spacing:2px;}.elementor-kit-27 h6{font-family:"Times New Roman", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-27 h2{font-size:18px;}}@media(max-width:1024px){.elementor-kit-27{--e-global-typography-primary-font-size:180px;--e-global-typography-6684afc-font-size:145px;--e-global-typography-c3626a6-line-height:0.7em;--e-global-typography-acdd51d-line-height:0.9em;--e-global-typography-7e63eea-line-height:0.9em;--e-global-typography-32913d0-line-height:0.7em;--e-global-typography-dd049b0-line-height:0.7em;--e-global-typography-247f179-line-height:0.9em;--e-global-typography-bd7873c-letter-spacing:10px;--e-global-typography-0ae836f-line-height:0.9em;}.elementor-kit-27 h1{font-size:140px;}.elementor-kit-27 h3{line-height:0.7em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-27{--e-global-typography-primary-font-size:95px;--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-letter-spacing:1.5px;--e-global-typography-accent-font-size:14px;--e-global-typography-accent-letter-spacing:2.2px;--e-global-typography-6684afc-font-size:87px;--e-global-typography-c3626a6-font-size:75px;--e-global-typography-c3626a6-line-height:0.7em;--e-global-typography-acdd51d-font-size:50px;--e-global-typography-32913d0-font-size:44px;--e-global-typography-32913d0-letter-spacing:0.5px;--e-global-typography-247f179-font-size:60px;--e-global-typography-bd7873c-letter-spacing:7px;--e-global-typography-0ae836f-line-height:0.9em;}.elementor-kit-27 h1{font-size:96px;}.elementor-kit-27 h2{font-size:54px;}.elementor-kit-27 h3{line-height:0.8em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
 * ZJS — Automatic wooden frame around product paintings
 * ------------------------------------------------------
 * Upload only the raw scan as the product image; this draws the wooden
 * frame around it everywhere products appear.
 *
 * Method: the frame PNG is the wrapper's BACKGROUND and the painting
 * stays in normal document flow, inset by padding. The PNG's centre is
 * transparent, so the painting shows through the opening exactly.
 *
 * Padding is 12.75% per side, leaving 74.5% for the painting — matching
 * the measured opening in the PNG (596px within 800px).
 *
 * Keeping the image in flow (rather than absolutely positioned) matters:
 * the single-product gallery is a Swiper, which measures its own slides.
 * Absolute positioning collapses those slides to zero width.
 *
 * Only product FEATURED images are targeted. The 16 category tiles use
 * plain .elementor-widget-image and are deliberately left untouched.
 */

:root {
  --zjs-frame: url('https://zillajschoeman.com/wp-content/uploads/2026/07/zjs-frame-overlay-1.png');
  --zjs-inset: 12.75%;
}

/* ---- Shop archive, category archives, loop grids ---- */
.elementor-widget-theme-post-featured-image .elementor-widget-container > a,
.elementor-widget-theme-post-featured-image > a {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: var(--zjs-inset);
  background-image: var(--zjs-frame);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.elementor-widget-theme-post-featured-image .elementor-widget-container > a > img,
.elementor-widget-theme-post-featured-image > a > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin: 0;
}

/* ---- Single product image gallery ---- */
.image_slider__image {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: var(--zjs-inset);
  background-image: var(--zjs-frame);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.image_slider__image > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin: 0;
}/* End custom CSS */