.elementor-1628 .elementor-element.elementor-element-5712f8b{--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-1628 .elementor-element.elementor-element-1ce95331{--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:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1628 .elementor-element.elementor-element-493dc7eb{--display:flex;}.elementor-1628 .elementor-element.elementor-element-e859c63{--display:flex;}.elementor-1628 .elementor-element.elementor-element-6abe268d{--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;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-1628 .elementor-element.elementor-element-3bf03fc7{--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:20px 10px;--row-gap:20px;--column-gap:10px;}.elementor-1628 .elementor-element.elementor-element-48daedf1{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1628 .elementor-element.elementor-element-7b6e0ce6 img{max-width:80px;}.elementor-1628 .elementor-element.elementor-element-29fab445{--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:center;}.elementor-1628 .elementor-element.elementor-element-41ae597d .price, .elementor-1628 .elementor-element.elementor-element-41ae597d .price del, .elementor-1628 .elementor-element.elementor-element-41ae597d .amount{font-size:22px;}.elementor-1628 .elementor-element.elementor-element-59bbfc7c{--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;}.elementor-1628 .elementor-element.elementor-element-56d0e832{--divider-border-style:solid;--divider-color:#1010101A;--divider-border-width:1px;}.elementor-1628 .elementor-element.elementor-element-56d0e832 .elementor-divider-separator{width:100%;}.elementor-1628 .elementor-element.elementor-element-56d0e832 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1628 .elementor-element.elementor-element-b2bc216{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1628 .elementor-element.elementor-element-361c877{--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-1628 .elementor-element.elementor-element-05439c6{--display:flex;--margin-top:18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:38px;--padding-bottom:38px;--padding-left:38px;--padding-right:38px;}.elementor-1628 .elementor-element.elementor-element-b0dc014{--display:flex;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1628 .elementor-element.elementor-element-8051345{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:59px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-1628 .elementor-element.elementor-element-8051345:not(.elementor-motion-effects-element-type-background), .elementor-1628 .elementor-element.elementor-element-8051345 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505;}.elementor-1628 .elementor-element.elementor-element-935a739 .elementor-repeater-item-af8814f{--wd-img-height:600px;}.elementor-1628 .elementor-element.elementor-element-935a739 .elementor-repeater-item-b57981c{--wd-img-height:600px;}.elementor-1628 .elementor-element.elementor-element-935a739 .elementor-repeater-item-040a82c{--wd-img-height:600px;}.elementor-1628 .elementor-element.elementor-element-935a739 .banner-subtitle{font-size:16px;}@media(min-width:769px){.elementor-1628 .elementor-element.elementor-element-493dc7eb{--width:50%;}.elementor-1628 .elementor-element.elementor-element-e859c63{--width:50%;}}@media(max-width:1024px){.elementor-1628 .elementor-element.elementor-element-1ce95331{--margin-top:-20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1628 .elementor-element.elementor-element-3bf03fc7{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1628 .elementor-element.elementor-element-48daedf1{width:100%;max-width:100%;}.elementor-1628 .elementor-element.elementor-element-7b6e0ce6 img{max-width:60px;}.elementor-1628 .elementor-element.elementor-element-41ae597d .price, .elementor-1628 .elementor-element.elementor-element-41ae597d .price del, .elementor-1628 .elementor-element.elementor-element-41ae597d .amount{font-size:18px;}.elementor-1628 .elementor-element.elementor-element-72c144ea{width:100%;max-width:100%;}.elementor-1628 .elementor-element.elementor-element-8051345{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-1628 .elementor-element.elementor-element-935a739 .elementor-repeater-item-af8814f{--wd-img-height:460px;}.elementor-1628 .elementor-element.elementor-element-935a739 .elementor-repeater-item-b57981c{--wd-img-height:460px;}.elementor-1628 .elementor-element.elementor-element-935a739 .elementor-repeater-item-040a82c{--wd-img-height:460px;}}@media(max-width:768px){.elementor-1628 .elementor-element.elementor-element-1ce95331{--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:-20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-1628 .elementor-element.elementor-element-48daedf1{width:100%;max-width:100%;}.elementor-1628 .elementor-element.elementor-element-29fab445{--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;}.elementor-1628 .elementor-element.elementor-element-8051345{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-75e1a32 *//* --- 1. Master Layout (Split Screen & Sticky) --- */
.notewrks-layout-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 50% left, 50% right */
    gap: 40px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
    align-items: start; /* Crucial for sticky to work */
}

.notewrks-left-column {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Space between images */
    width: 100%;
}

.notewrks-right-column {
    position: sticky;
    top: 100px; /* Adjust based on your header height */
    padding: 40px;
    height: fit-content;
}

/* Make it responsive for mobile */
@media (max-width: 900px) {
    .notewrks-layout-wrapper {
        grid-template-columns: 1fr; /* Stack on mobile */
    }
    .notewrks-right-column {
        position: relative;
        top: 0;
        padding: 20px 0;
    }
}

/* --- 2. Image Styling --- */
.notewrks-image-item {
    width: 100%;
    background: #f4f4f4;
}

.notewrks-image-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* --- 3. Typography & Right Column Info --- */
.notewrks-product-summary {
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    max-width: 450px;
    margin: 0 auto;
}

.nw-product-title {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 5px;
    letter-spacing: -0.5px;
    color: #000;
}

.nw-product-price {
    font-size: 1.4rem;
    color: #333;
    margin-bottom: 15px;
}

.nw-product-rating {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 30px;
}

.nw-review-link {
    color: #000;
    font-size: 0.9rem;
    text-decoration: none;
}

/* --- 4. WooCommerce Specific Overrides (Buttons & Swatches) --- */
/* Variation Swatches (WoodMart Pill Shape) */
.woodmart-swatch.text-only {
    border-radius: 50px !important;
    border: 1px solid #000 !important;
    padding: 12px 24px !important;
    background: transparent;
    color: #000;
    text-transform: uppercase;
    font-size: 0.85rem;
    font-weight: 500;
}

.woodmart-swatch.text-only.active-swatch,
.woodmart-swatch.text-only:hover {
    background: #000 !important;
    color: #fff !important;
}

/* Quantity Input Hiding (Since reference has no quantity .elementor-1628 .elementor-element.elementor-element-75e1a32) */
.nw-add-to-cart-wrapper .quantity {
    display: none !important;
}

/* Yellow Add to Cart Button */
.nw-add-to-cart-wrapper button.single_add_to_cart_button {
    background-color: #FFD700 !important; /* Yellow */
    color: #000 !important;
    border-radius: 50px !important; /* Pill shape */
    width: 100% !important;
    padding: 20px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-transform: lowercase;
    border: none;
    margin-top: 20px;
    transition: all 0.2s ease;
}

.nw-add-to-cart-wrapper button.single_add_to_cart_button:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4);
}

/* --- 5. Extras (Gift, Shipping, Shop Pay) --- */
.nw-gift-option {
    text-align: left;
    margin: 20px 0;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
}

.nw-product-extras {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
}

.nw-product-extras a {
    text-decoration: underline;
    color: #000;
}

.nw-shop-pay {
    margin-top: 25px;
    font-size: 0.7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}/* End custom CSS */