.elementor-8415 .elementor-element.elementor-element-7a20444{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8415 .elementor-element.elementor-element-57b58c2{--display:flex;--min-height:100vh;--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8415 .elementor-element.elementor-element-065e48d{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );}.elementor-8415 .elementor-element.elementor-element-9ef779a{width:var( --container-widget-width, 224px );max-width:224px;--container-widget-width:224px;--container-widget-flex-grow:0;text-align:center;}.elementor-8415 .elementor-element.elementor-element-7d0191e{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8415 .elementor-element.elementor-element-95998e8{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:6px;--margin-bottom:4px;--margin-left:0px;--margin-right:0px;}.elementor-8415 .elementor-element.elementor-element-d126e5a{text-align:center;}.elementor-8415 .elementor-element.elementor-element-790391b{--display:flex;}.elementor-widget-text-editor{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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );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-8415 .elementor-element.elementor-element-764f767{text-align:center;font-family:"Quicksand", Sans-serif;font-size:10.5px;font-weight:500;text-transform:uppercase;font-style:normal;line-height:1.3em;letter-spacing:3.15px;color:#8A7A66;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8415 .elementor-element.elementor-element-daf0638{text-align:center;}.elementor-8415 .elementor-element.elementor-element-daf0638 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:32px;font-weight:700;line-height:0.9em;letter-spacing:-0.38px;color:#2A2018;}.elementor-8415 .elementor-element.elementor-element-a428968{text-align:center;}.elementor-8415 .elementor-element.elementor-element-a428968 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:2.64px;color:#34A488;}.elementor-8415 .elementor-element.elementor-element-bf3d1ea{text-align:center;font-family:"Quicksand", Sans-serif;font-size:13px;font-weight:400;text-transform:none;font-style:normal;line-height:1.5em;letter-spacing:0px;color:#8A7A66;}.elementor-8415 .elementor-element.elementor-element-5b5101d{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-8415 .elementor-element.elementor-element-c360ce5{text-align:center;}.elementor-8415 .elementor-element.elementor-element-c360ce5 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:19px;font-weight:500;font-style:italic;line-height:1.3em;letter-spacing:0px;color:#C8602D;}.elementor-8415 .elementor-element.elementor-element-54d9f22{--display:flex;--min-height:100vh;--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;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8415 .elementor-element.elementor-element-9b791a9{--display:flex;--min-height:100vh;--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;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}@media(min-width:768px){.elementor-8415 .elementor-element.elementor-element-7a20444{--width:1280px;}.elementor-8415 .elementor-element.elementor-element-57b58c2{--content-width:44%;}.elementor-8415 .elementor-element.elementor-element-065e48d{--width:400px;}.elementor-8415 .elementor-element.elementor-element-54d9f22{--content-width:56%;}.elementor-8415 .elementor-element.elementor-element-9b791a9{--width:560px;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-8415 .elementor-element.elementor-element-9ef779a{--container-widget-width:250px;--container-widget-flex-grow:0;width:var( --container-widget-width, 250px );max-width:250px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-8415 .elementor-element.elementor-element-daf0638 .elementor-heading-title{font-size:38px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-8415 .elementor-element.elementor-element-9ef779a{--container-widget-width:290px;--container-widget-flex-grow:0;width:var( --container-widget-width, 290px );max-width:290px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for image, class: .elementor-element-9ef779a */.elementor-8415 .elementor-element.elementor-element-9ef779a {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-8415 .elementor-element.elementor-element-9ef779a .elementor-widget-container {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    margin: 0;
    padding: 0;
}

.elementor-8415 .elementor-element.elementor-element-9ef779a img {
    display: block;

    width: min(74vw, 290px) !important;
    max-width: 290px !important;
    height: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;

    filter: drop-shadow(
        0 6px 14px rgba(42, 32, 24, 0.14)
    );
}

@media (min-width: 960px) {
    .elementor-8415 .elementor-element.elementor-element-9ef779a img {
        width: min(58%, 224px) !important;
        max-width: 224px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95998e8 */.elementor-8415 .elementor-element.elementor-element-95998e8 {
    --dg-can-height: clamp(230px, 52vh, 320px);

    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;
    height: calc(var(--dg-can-height) + 70px) !important;
    min-height: calc(var(--dg-can-height) + 70px) !important;

    margin: 6px auto 4px !important;
    padding: 0 !important;

    gap: 0 !important;
    overflow: visible !important;
    isolation: isolate;
}

/*
 * Elementor sometimes places container content inside
 * an additional .e-con-inner wrapper.
 */
.elementor-8415 .elementor-element.elementor-element-95998e8 > .e-con-inner {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 0 !important;
}

/* Soft glow behind the can */
.elementor-8415 .elementor-element.elementor-element-95998e8::before {
    content: "";

    position: absolute;
    z-index: 0;
    top: 2%;
    left: 50%;

    width: 76%;
    height: 92%;

    border-radius: 50%;

    background: radial-gradient(
        56% 56% at 50% 46%,
        rgba(176, 90, 48, 0.05),
        transparent 70%
    );

    transform: translateX(-50%);
    pointer-events: none;
}

/* Floor shadow beneath the can */
.elementor-8415 .elementor-element.elementor-element-95998e8::after {
    content: "";

    position: absolute;
    z-index: 0;
    bottom: 8px;
    left: 50%;

    width: calc(var(--dg-can-height) * 0.5);
    height: 22px;

    background: radial-gradient(
        closest-side,
        rgba(42, 32, 24, 0.24),
        transparent 72%
    );

    filter: blur(3px);

    transform: translateX(-50%);

    animation:
        dg-floor-pulse 5.5s ease-in-out 0.85s infinite;

    pointer-events: none;
}

/*
 * Force the Elementor Image widget to cover the full stage.
 * This removes the narrow left-aligned widget area.
 */
.elementor-8415 .elementor-element.elementor-element-95998e8 .dg-can-photo {
    position: absolute !important;
    z-index: 1;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    align-self: stretch !important;
    flex: 0 0 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}

.elementor-8415 .elementor-element.elementor-element-95998e8 .dg-can-photo .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

/* The actual can image */
.elementor-8415 .elementor-element.elementor-element-95998e8 .dg-can-photo img {
    position: relative;
    z-index: 1;

    display: block !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--dg-can-height) !important;

    margin: 0 auto !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    filter: drop-shadow(
        0 24px 26px rgba(42, 32, 24, 0.26)
    );

    transform-origin: center center;

    animation:
        dg-can-rise 0.8s cubic-bezier(0.22, 1, 0.36, 1) both,
        dg-can-float 5.5s ease-in-out 0.85s infinite;
}

@keyframes dg-can-rise {
    from {
        opacity: 0;
        transform: translateY(16px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes dg-can-float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

@keyframes dg-floor-pulse {
    0%,
    100% {
        opacity: 0.9;
        transform: translateX(-50%) scale(1);
    }

    50% {
        opacity: 0.72;
        transform: translateX(-50%) scale(0.9);
    }
}

@media (min-width: 960px) {
    .elementor-8415 .elementor-element.elementor-element-95998e8 {
        --dg-can-height: clamp(258px, 42vh, 366px);
    }
}

@media (max-width: 767px) {
    .elementor-8415 .elementor-element.elementor-element-95998e8 {
        --dg-can-height: clamp(230px, 66vw, 290px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .elementor-8415 .elementor-element.elementor-element-95998e8::after,
    .elementor-8415 .elementor-element.elementor-element-95998e8 .dg-can-photo img {
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a20444 */.elementor-8415 .elementor-element.elementor-element-7a20444 {
    --dg-cream: #FBFAF6;
    --dg-paper: #FFFFFF;
    --dg-ink: #2A2018;
    --dg-line: rgba(42, 32, 24, 0.10);

    position: relative;

    display: grid !important;
    grid-template-columns: minmax(390px, 44%) minmax(0, 1fr) !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 1280px !important;
    min-height: 100dvh;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 0 !important;
    overflow: visible !important;

    background: var(--dg-cream);
}

/* ================================
   LEFT PRODUCT RAIL
   ================================ */

.elementor-8415 .elementor-element.elementor-element-7a20444 .dg-review-rail {
    position: sticky !important;
    top: 0 !important;
    z-index: 2;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 100dvh !important;

    margin: 0 !important;
    padding: 48px 44px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: linear-gradient(
        180deg,
        #FFFFFF 0%,
        #FBFAF6 100%
    ) !important;

    border: 0 !important;
    border-right: 1px solid var(--dg-line) !important;
}

/* Product content column */
.elementor-8415 .elementor-element.elementor-element-7a20444 .dg-review-rail-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 400px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

/* ================================
   RIGHT FORM PANEL
   ================================ */

.elementor-8415 .elementor-element.elementor-element-7a20444 .dg-review-main {
    position: relative;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 100dvh !important;

    margin: 0 !important;
    padding: 0 clamp(40px, 5vw, 84px) !important;

    background:
        radial-gradient(
            100% 45% at 50% -5%,
            rgba(176, 90, 48, 0.025),
            transparent 60%
        ),
        var(--dg-cream) !important;

    overflow: visible !important;
}

/* Empty form column for now */
.elementor-8415 .elementor-element.elementor-element-7a20444 .dg-review-form-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: 560px !important;
    min-height: 100dvh !important;

    margin: 0 auto !important;
    padding: 76px 0 64px !important;
}

/* ================================
   TABLET AND MOBILE
   ================================ */

@media (max-width: 959px) {
    .elementor-8415 .elementor-element.elementor-element-7a20444 {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 100dvh;
    }

    .elementor-8415 .elementor-element.elementor-element-7a20444 .dg-review-rail {
        position: relative !important;
        top: auto !important;

        width: 100% !important;
        min-height: 100dvh !important;

        padding: 26px 20px 30px !important;

        overflow: visible !important;

        border-right: 0 !important;
    }

    .elementor-8415 .elementor-element.elementor-element-7a20444 .dg-review-rail-inner {
        width: 100% !important;
        max-width: 440px !important;
    }

    /*
     * The uploaded template shows the product view first on mobile.
     * The form panel will be activated later when we build the form.
     */
    .elementor-8415 .elementor-element.elementor-element-7a20444 .dg-review-main {
        display: none !important;
    }
}

/* Prevent sticky-layout issues */
.elementor-8415 .elementor-element.elementor-element-7a20444,
.elementor-8415 .elementor-element.elementor-element-7a20444 .dg-review-rail,
.elementor-8415 .elementor-element.elementor-element-7a20444 .dg-review-main {
    box-sizing: border-box;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dullstroomgin.com/wp-content/uploads/2020/11/PlayfairDisplay-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */