.elementor-297 .elementor-element.elementor-element-92dd663{--display:flex;--padding-top:01%;--padding-bottom:01%;--padding-left:02%;--padding-right:02%;}.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-297 .elementor-element.elementor-element-b5af0ce .elementor-heading-title{font-family:var( --e-global-typography-1ef5185-font-family ), Sans-serif;font-size:var( --e-global-typography-1ef5185-font-size );font-weight:var( --e-global-typography-1ef5185-font-weight );line-height:var( --e-global-typography-1ef5185-line-height );letter-spacing:var( --e-global-typography-1ef5185-letter-spacing );}.elementor-297 .elementor-element.elementor-element-7b200af{--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:0% 1%;--row-gap:0%;--column-gap:1%;--flex-wrap:nowrap;--padding-top:01%;--padding-bottom:01%;--padding-left:02%;--padding-right:02%;}.elementor-297 .elementor-element.elementor-element-e466426{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-297 .elementor-element.elementor-element-35ad45a{--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;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:0%;}.elementor-297 .elementor-element.elementor-element-242bf44 .elementor-heading-title{font-family:var( --e-global-typography-1ef5185-font-family ), Sans-serif;font-size:var( --e-global-typography-1ef5185-font-size );font-weight:var( --e-global-typography-1ef5185-font-weight );line-height:var( --e-global-typography-1ef5185-line-height );letter-spacing:var( --e-global-typography-1ef5185-letter-spacing );}.elementor-297 .elementor-element.elementor-element-6d71886{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:6px 6px 6px 6px;}.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-widget-woocommerce-product-meta .product_meta .detail-container:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-297 .elementor-element.elementor-element-c2f9fd2{text-align:start;}.elementor-297 .elementor-element.elementor-element-a79f524{--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;--justify-content:space-around;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.woocommerce .elementor-widget-woocommerce-product-price .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-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-297 .elementor-element.elementor-element-c128892 .cart button, .elementor-297 .elementor-element.elementor-element-c128892 .cart .button{transition:all 0.2s;}.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-297 .elementor-element.elementor-element-b7d234c{--display:flex;--padding-top:01%;--padding-bottom:01%;--padding-left:02%;--padding-right:02%;}.elementor-widget-woocommerce-product-upsell.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-upsell.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-upsell.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 );}.elementor-widget-woocommerce-product-upsell.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-upsell.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.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-upsell.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-297 .elementor-element.elementor-element-0c41573.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-297 .elementor-element.elementor-element-0c41573.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-297 .elementor-element.elementor-element-f0d185b{--display:flex;--padding-top:01%;--padding-bottom:01%;--padding-left:02%;--padding-right:02%;}@media(min-width:768px){.elementor-297 .elementor-element.elementor-element-7b200af{--width:100vw;}.elementor-297 .elementor-element.elementor-element-e466426{--width:45%;}.elementor-297 .elementor-element.elementor-element-35ad45a{--width:54%;}.elementor-297 .elementor-element.elementor-element-6d71886{--width:65%;}}@media(min-width:2400px){.elementor-297 .elementor-element.elementor-element-b5af0ce .elementor-heading-title{font-size:var( --e-global-typography-1ef5185-font-size );line-height:var( --e-global-typography-1ef5185-line-height );letter-spacing:var( --e-global-typography-1ef5185-letter-spacing );}.elementor-297 .elementor-element.elementor-element-242bf44 .elementor-heading-title{font-size:var( --e-global-typography-1ef5185-font-size );line-height:var( --e-global-typography-1ef5185-line-height );letter-spacing:var( --e-global-typography-1ef5185-letter-spacing );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-product-content{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1366px){.elementor-297 .elementor-element.elementor-element-b5af0ce .elementor-heading-title{font-size:var( --e-global-typography-1ef5185-font-size );line-height:var( --e-global-typography-1ef5185-line-height );letter-spacing:var( --e-global-typography-1ef5185-letter-spacing );}.elementor-297 .elementor-element.elementor-element-242bf44 .elementor-heading-title{font-size:var( --e-global-typography-1ef5185-font-size );line-height:var( --e-global-typography-1ef5185-line-height );letter-spacing:var( --e-global-typography-1ef5185-letter-spacing );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-product-content{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1024px){.elementor-297 .elementor-element.elementor-element-92dd663{--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;--gap:01% 0%;--row-gap:01%;--column-gap:0%;}.elementor-297 .elementor-element.elementor-element-b5af0ce .elementor-heading-title{font-size:var( --e-global-typography-1ef5185-font-size );line-height:var( --e-global-typography-1ef5185-line-height );letter-spacing:var( --e-global-typography-1ef5185-letter-spacing );}.elementor-297 .elementor-element.elementor-element-242bf44 .elementor-heading-title{font-size:var( --e-global-typography-1ef5185-font-size );line-height:var( --e-global-typography-1ef5185-line-height );letter-spacing:var( --e-global-typography-1ef5185-letter-spacing );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-product-content{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-297 .elementor-element.elementor-element-0c41573.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-297 .elementor-element.elementor-element-92dd663{--padding-top:04%;--padding-bottom:1%;--padding-left:2%;--padding-right:2%;}.elementor-297 .elementor-element.elementor-element-b5af0ce .elementor-heading-title{font-size:var( --e-global-typography-1ef5185-font-size );line-height:var( --e-global-typography-1ef5185-line-height );letter-spacing:var( --e-global-typography-1ef5185-letter-spacing );}.elementor-297 .elementor-element.elementor-element-242bf44 .elementor-heading-title{font-size:var( --e-global-typography-1ef5185-font-size );line-height:var( --e-global-typography-1ef5185-line-height );letter-spacing:var( --e-global-typography-1ef5185-letter-spacing );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-product-content{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-297 .elementor-element.elementor-element-0c41573.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-6d71886 *//* =========================================================
   RKS TECHWARE — PRODUCT OVERVIEW CARD
   Compact / Premium / Responsive
   NO DOT BEFORE HEADING
   ========================================================= */


/* =========================================================
   1. CARD FOUNDATION
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886 {
    --poc-teal: #30c4b6;
    --poc-teal-light: #67d9cf;

    --poc-bg-top: #173746;
    --poc-bg-mid: #13313f;
    --poc-bg-bottom: #102b38;

    --poc-white: #ffffff;
    --poc-text: #d5e0e5;
    --poc-muted: #8da0aa;
    --poc-muted-dark: #708590;

    --poc-border: rgba(255,255,255,0.10);
    --poc-border-soft: rgba(255,255,255,0.07);

    position: relative;

    display: flex !important;
    flex-direction: column !important;

    gap: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 0 40px !important;

    padding:
        clamp(18px, 2vw, 24px) !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(48,196,182,0.08),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            var(--poc-bg-top) 0%,
            var(--poc-bg-mid) 52%,
            var(--poc-bg-bottom) 100%
        ) !important;

    border:
        1px solid rgba(48,196,182,0.14) !important;

    border-radius: 16px !important;

    box-shadow:
        0 12px 30px rgba(10,37,64,0.10);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* Keep all children contained */

.elementor-297 .elementor-element.elementor-element-6d71886 *,
.elementor-297 .elementor-element.elementor-element-6d71886 *::before,
.elementor-297 .elementor-element.elementor-element-6d71886 *::after {
    box-sizing: border-box;
}


.elementor-297 .elementor-element.elementor-element-6d71886 > * {
    min-width: 0 !important;
    max-width: 100% !important;
}


/* Minimal top accent line */

.elementor-297 .elementor-element.elementor-element-6d71886::before {
    content: "";

    position: absolute;

    top: 0;
    left: 22px;

    width: 46px;
    height: 2px;

    background: var(--poc-teal);

    border-radius: 0 0 4px 4px;
}


@media (hover: hover) {

    .elementor-297 .elementor-element.elementor-element-6d71886:hover {
        border-color:
            rgba(48,196,182,0.28) !important;

        box-shadow:
            0 15px 36px rgba(10,37,64,0.14);

        transform: translateY(-1px);
    }

}


/* =========================================================
   2. PRODUCT OVERVIEW HEADING
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
.elementor-element-d40ee15 {
    margin: 0 0 14px !important;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.elementor-element-d40ee15
.elementor-heading-title {
    display: block !important;

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

    font-family:
        var(--rks-font-secondary, "Archivo", sans-serif) !important;

    font-size:
        clamp(20px, 2vw, 24px) !important;

    font-weight: 600 !important;

    line-height: 1.15 !important;

    letter-spacing: -0.02em !important;

    color: #ffffff !important;
}


/* Remove heading dot / marker completely */

.elementor-297 .elementor-element.elementor-element-6d71886
.elementor-element-d40ee15
.elementor-heading-title::before,

.elementor-297 .elementor-element.elementor-element-6d71886
.elementor-element-d40ee15
.elementor-heading-title::after {
    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;

    box-shadow: none !important;

    background: none !important;
}


/* =========================================================
   3. PRODUCT META
   SKU / CATEGORY / BRAND
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
.elementor-element-0a99d02 {
    margin: 0 0 14px !important;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.product_meta {
    display: flex !important;

    flex-wrap: wrap;

    align-items: center;

    gap: 7px 18px;

    width: 100%;

    margin: 0 !important;

    padding:
        0
        0
        13px !important;

    border-bottom:
        1px solid var(--poc-border-soft);
}


/* Individual metadata */

.elementor-297 .elementor-element.elementor-element-6d71886
.product_meta > span {
    position: relative;

    display: flex !important;

    align-items: center;

    gap: 5px;

    min-width: 0;

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

    background: none !important;

    border: 0 !important;

    font-family:
        var(--rks-font-ui, "Outfit", sans-serif) !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    color: var(--poc-muted) !important;
}


/* Separators */

.elementor-297 .elementor-element.elementor-element-6d71886
.product_meta > span:not(:last-child)::after {
    content: "";

    position: absolute;

    right: -10px;

    width: 1px;
    height: 11px;

    background:
        rgba(255,255,255,0.12);
}


/* =========================================================
   4. META LABELS
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
.product_meta
.detail-label {
    font-family:
        var(--rks-font-ui, "Outfit", sans-serif) !important;

    font-size: 10px !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: 0.07em !important;

    text-transform: uppercase;

    color: var(--poc-muted-dark) !important;
}


/* SKU */

.elementor-297 .elementor-element.elementor-element-6d71886
.product_meta
.sku {
    font-family:
        var(--rks-font-body, "Manrope", sans-serif) !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    color: #ffffff !important;

    white-space: nowrap;
}


/* Meta links */

.elementor-297 .elementor-element.elementor-element-6d71886
.product_meta a {
    color: var(--poc-teal) !important;

    font-family:
        var(--rks-font-ui, "Outfit", sans-serif) !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    transition:
        color 0.2s ease;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.product_meta a:hover {
    color: var(--poc-teal-light) !important;
}


/* =========================================================
   5. SHORT DESCRIPTION
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
.elementor-element-c2f9fd2 {
    margin: 0 0 16px !important;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.woocommerce-product-details__short-description {
    margin: 0 !important;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.woocommerce-product-details__short-description ul {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap:
        6px
        16px;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   6. SPECIFICATION ITEMS
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
.woocommerce-product-details__short-description li {
    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 8px;

    min-width: 0;

    margin: 0 !important;

    padding: 2px 0 !important;

    background: none !important;

    border: 0 !important;

    font-family:
        var(--rks-font-body, "Manrope", sans-serif) !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;

    color: var(--poc-text) !important;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}


/* Small teal bullets */

.elementor-297 .elementor-element.elementor-element-6d71886
.woocommerce-product-details__short-description li::before {
    content: "";

    flex: 0 0 5px;

    width: 5px;
    height: 5px;

    margin-top: 7px;

    border-radius: 50%;

    background: var(--poc-teal);
}


@media (hover: hover) {

    .elementor-297 .elementor-element.elementor-element-6d71886
    .woocommerce-product-details__short-description li:hover {
        color: #ffffff !important;

        transform: translateX(2px);
    }

}


/* =========================================================
   7. PRICE + CART ROW
   Horizontal by default
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
.elementor-element-a79f524 {
    display: grid !important;

    grid-template-columns:
        minmax(115px, 0.72fr)
        minmax(200px, 1.28fr) !important;

    align-items: center !important;

    gap:
        clamp(12px, 2vw, 20px) !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    padding:
        15px
        0
        0 !important;

    border-top:
        1px solid var(--poc-border-soft);
}


/* =========================================================
   8. PRICE WIDGET
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
.elementor-element-203414f {
    width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.price {
    display: flex !important;

    flex-wrap: wrap;

    align-items: baseline;

    gap:
        3px
        7px;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;
}


/* Old price */

.elementor-297 .elementor-element.elementor-element-6d71886
.price del {
    order: 2;

    opacity: 1 !important;

    font-family:
        var(--rks-font-body, "Manrope", sans-serif) !important;

    font-size: 11px !important;

    font-weight: 500 !important;

    line-height: 1.3 !important;

    color: #8799a3 !important;

    text-decoration-thickness: 1px;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.price del * {
    color: inherit !important;
}


/* Current price */

.elementor-297 .elementor-element.elementor-element-6d71886
.price ins {
    order: 1;

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

    background: transparent !important;

    text-decoration: none !important;

    font-family:
        var(--rks-font-primary, "Plus Jakarta Sans", sans-serif) !important;

    font-size:
        clamp(24px, 2.5vw, 31px) !important;

    font-weight: 700 !important;

    line-height: 1.05 !important;

    letter-spacing: -0.035em !important;

    color: #ffffff !important;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.price ins * {
    color: #ffffff !important;
}


/* Product without sale */

.elementor-297 .elementor-element.elementor-element-6d71886
.price > .woocommerce-Price-amount {
    font-family:
        var(--rks-font-primary, "Plus Jakarta Sans", sans-serif) !important;

    font-size:
        clamp(24px, 2.5vw, 31px) !important;

    font-weight: 700 !important;

    line-height: 1.05 !important;

    letter-spacing: -0.035em !important;

    color: #ffffff !important;
}


/* Currency */

.elementor-297 .elementor-element.elementor-element-6d71886
.woocommerce-Price-currencySymbol {
    color: var(--poc-teal) !important;

    font-size: 0.74em;
}


/* =========================================================
   9. ADD TO CART AREA
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
.elementor-element-c128892 {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.elementor-add-to-cart {
    width: 100% !important;
}


/* =========================================================
   10. CART FORM
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
form.cart {
    display: grid !important;

    grid-template-columns:
        56px
        minmax(0,1fr) !important;

    align-items: center !important;

    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
}


/* =========================================================
   11. QUANTITY
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
form.cart .quantity {
    float: none !important;

    width: 56px !important;
    min-width: 56px !important;

    margin: 0 !important;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.quantity .qty {
    width: 100% !important;

    height: 44px !important;

    margin: 0 !important;

    padding:
        0
        6px !important;

    background:
        rgba(255,255,255,0.055) !important;

    border:
        1px solid rgba(255,255,255,0.12) !important;

    border-radius: 8px !important;

    outline: none !important;

    box-shadow: none !important;

    font-family:
        var(--rks-font-ui, "Outfit", sans-serif) !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    text-align: center;

    color: #ffffff !important;

    appearance: textfield;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.quantity .qty:hover {
    border-color:
        rgba(48,196,182,0.35) !important;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.quantity .qty:focus {
    border-color:
        var(--poc-teal) !important;

    background:
        rgba(48,196,182,0.07) !important;

    box-shadow:
        0 0 0 2px
        rgba(48,196,182,0.10) !important;
}


/* Browser number arrows */

.elementor-297 .elementor-element.elementor-element-6d71886
.quantity input::-webkit-inner-spin-button,

.elementor-297 .elementor-element.elementor-element-6d71886
.quantity input::-webkit-outer-spin-button {
    margin: 0;

    -webkit-appearance: none;
}


/* =========================================================
   12. ADD TO CART BUTTON
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
.single_add_to_cart_button {
    display: flex !important;

    align-items: center;
    justify-content: center;

    gap: 7px;

    width: 100% !important;
    min-width: 0 !important;

    min-height: 44px !important;

    margin: 0 !important;

    padding:
        10px
        16px !important;

    background:
        var(--poc-teal) !important;

    border:
        1px solid var(--poc-teal) !important;

    border-radius: 8px !important;

    box-shadow:
        0 6px 16px
        rgba(48,196,182,0.13);

    font-family:
        var(--rks-font-ui, "Outfit", sans-serif) !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: 0 !important;

    text-transform: none !important;

    white-space: nowrap;

    color: #07252b !important;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* Arrow */

.elementor-297 .elementor-element.elementor-element-6d71886
.single_add_to_cart_button::after {
    content: "→";

    display: inline-block;

    font-size: 15px;

    line-height: 1;

    transition:
        transform 0.2s ease;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.single_add_to_cart_button:hover {
    background:
        #67d9cf !important;

    border-color:
        #67d9cf !important;

    color:
        #062127 !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 8px 20px
        rgba(48,196,182,0.18);
}


.elementor-297 .elementor-element.elementor-element-6d71886
.single_add_to_cart_button:hover::after {
    transform:
        translateX(3px);
}


.elementor-297 .elementor-element.elementor-element-6d71886
.single_add_to_cart_button:active {
    transform:
        translateY(0)
        scale(0.99);
}


/* =========================================================
   13. ELEMENTOR CLEANUP
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
.elementor-widget-container {
    margin-top: 0;
    margin-bottom: 0;
}


.elementor-297 .elementor-element.elementor-element-6d71886
.elementor-element {
    --widgets-spacing: 0px;
}


/* =========================================================
   14. TABLET / SMALL LAPTOP
   Keep price + cart horizontal
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-297 .elementor-element.elementor-element-6d71886 {
        padding:
            18px !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .elementor-element-a79f524 {
        grid-template-columns:
            minmax(105px, 0.68fr)
            minmax(185px, 1.32fr) !important;

        gap:
            12px !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .woocommerce-product-details__short-description ul {
        grid-template-columns:
            1fr;
    }

}


/* =========================================================
   15. MOBILE
   Still horizontal
   ========================================================= */

@media (max-width: 767px) {

    .elementor-297 .elementor-element.elementor-element-6d71886 {
        padding:
            16px !important;

        border-radius:
            14px !important;

        margin-bottom:
            30px !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .elementor-element-d40ee15 {
        margin-bottom:
            12px !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .elementor-element-d40ee15
    .elementor-heading-title {
        font-size:
            20px !important;
    }


    /* Meta */

    .elementor-297 .elementor-element.elementor-element-6d71886
    .product_meta {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap:
            7px
            12px;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .product_meta > span {
        display: block !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .product_meta > span::after {
        display: none !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .product_meta
    .detail-label {
        display: block;

        margin-bottom:
            2px;
    }


    /* Specs */

    .elementor-297 .elementor-element.elementor-element-6d71886
    .woocommerce-product-details__short-description ul {
        grid-template-columns:
            1fr;

        gap:
            4px;
    }


    /* Price + cart */

    .elementor-297 .elementor-element.elementor-element-6d71886
    .elementor-element-a79f524 {
        grid-template-columns:
            minmax(100px, 0.7fr)
            minmax(175px, 1.3fr) !important;

        gap:
            9px !important;

        padding-top:
            13px !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    form.cart {
        grid-template-columns:
            50px
            minmax(0,1fr) !important;

        gap:
            6px !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    form.cart .quantity {
        width:
            50px !important;

        min-width:
            50px !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .single_add_to_cart_button {
        padding:
            10px
            10px !important;

        font-size:
            13px !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .price ins {
        font-size:
            clamp(22px, 5vw, 27px) !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .price del {
        font-size:
            10.5px !important;
    }

}


/* =========================================================
   16. SMALL MOBILE
   Price above cart controls
   ========================================================= */

@media (max-width: 480px) {

    .elementor-297 .elementor-element.elementor-element-6d71886
    .elementor-element-a79f524 {
        grid-template-columns:
            1fr !important;

        gap:
            10px !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .price {
        justify-content:
            flex-start;
    }


    /* Qty + button remain horizontal */

    .elementor-297 .elementor-element.elementor-element-6d71886
    form.cart {
        grid-template-columns:
            52px
            minmax(0,1fr) !important;

        gap:
            7px !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    form.cart .quantity {
        width:
            52px !important;

        min-width:
            52px !important;
    }

}


/* =========================================================
   17. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 360px) {

    .elementor-297 .elementor-element.elementor-element-6d71886 {
        padding:
            14px !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .product_meta {
        grid-template-columns:
            1fr;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    form.cart {
        grid-template-columns:
            1fr !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    form.cart .quantity {
        width:
            100% !important;

        min-width:
            0 !important;
    }


    .elementor-297 .elementor-element.elementor-element-6d71886
    .quantity .qty {
        width:
            100% !important;
    }

}


/* =========================================================
   18. ACCESSIBILITY
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-6d71886
a:focus-visible,

.elementor-297 .elementor-element.elementor-element-6d71886
button:focus-visible,

.elementor-297 .elementor-element.elementor-element-6d71886
input:focus-visible {
    outline:
        2px solid
        var(--poc-teal) !important;

    outline-offset:
        2px !important;
}


/* =========================================================
   19. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-297 .elementor-element.elementor-element-6d71886,
    .elementor-297 .elementor-element.elementor-element-6d71886 *,
    .elementor-297 .elementor-element.elementor-element-6d71886 *::before,
    .elementor-297 .elementor-element.elementor-element-6d71886 *::after {
        animation:
            none !important;

        transition:
            none !important;
    }

}


/* =========================================================
   END — RKS PRODUCT OVERVIEW CARD
   ========================================================= *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35ad45a *//* =========================================================
   RKS PRODUCT OVERVIEW
   PRICE + ADD TO CART — HORIZONTAL LAYOUT
   ========================================================= */


/* Price + purchase controls remain horizontal everywhere */

.elementor-297 .elementor-element.elementor-element-35ad45a
.product-overview-card
.elementor-element-a79f524 {

    display: grid !important;

    grid-template-columns:
        minmax(115px, 0.75fr)
        minmax(200px, 1.25fr) !important;

    align-items: center !important;

    gap: clamp(12px, 2vw, 20px) !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    padding: 15px 0 0 !important;

    border-top:
        1px solid rgba(255,255,255,0.08);
}


/* =========================================================
   PRICE
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-35ad45a
.product-overview-card
.elementor-element-203414f {

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
}


.elementor-297 .elementor-element.elementor-element-35ad45a
.product-overview-card
.price {

    display: flex !important;

    flex-wrap: wrap;

    align-items: baseline;

    gap: 3px 7px;

    margin: 0 !important;
}


/* =========================================================
   ADD TO CART SIDE
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-35ad45a
.product-overview-card
.elementor-element-c128892 {

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
}


.elementor-297 .elementor-element.elementor-element-35ad45a
.product-overview-card
.elementor-add-to-cart {

    width: 100% !important;
}


/* Quantity + button also stay horizontal */

.elementor-297 .elementor-element.elementor-element-35ad45a
.product-overview-card
form.cart {

    display: grid !important;

    grid-template-columns:
        56px minmax(0, 1fr) !important;

    align-items: center !important;

    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
}


/* Quantity */

.elementor-297 .elementor-element.elementor-element-35ad45a
.product-overview-card
form.cart .quantity {

    float: none !important;

    width: 56px !important;
    min-width: 56px !important;

    margin: 0 !important;
}


.elementor-297 .elementor-element.elementor-element-35ad45a
.product-overview-card
.quantity .qty {

    width: 100% !important;

    height: 44px !important;

    margin: 0 !important;
}


/* Add to cart */

.elementor-297 .elementor-element.elementor-element-35ad45a
.product-overview-card
.single_add_to_cart_button {

    width: 100% !important;
    min-width: 0 !important;

    min-height: 44px !important;

    margin: 0 !important;

    white-space: nowrap;
}


/* =========================================================
   TABLET
   Still horizontal
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    .elementor-element-a79f524 {

        grid-template-columns:
            minmax(110px, 0.7fr)
            minmax(190px, 1.3fr) !important;

        gap: 12px !important;
    }

}


/* =========================================================
   NORMAL MOBILE
   Still horizontal
   ========================================================= */

@media (max-width: 767px) {

    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    .elementor-element-a79f524 {

        grid-template-columns:
            minmax(105px, 0.72fr)
            minmax(180px, 1.28fr) !important;

        gap: 10px !important;

        padding-top: 13px !important;
    }


    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    form.cart {

        grid-template-columns:
            52px minmax(0, 1fr) !important;

        gap: 7px !important;
    }


    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    form.cart .quantity {

        width: 52px !important;
        min-width: 52px !important;
    }


    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    .single_add_to_cart_button {

        padding:
            10px
            12px !important;

        font-size: 13px !important;
    }


    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    .price ins {

        font-size:
            clamp(22px, 5vw, 27px) !important;
    }


    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    .price del {

        font-size: 11px !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE ONLY
   Stack price + cart
   ========================================================= */

@media (max-width: 480px) {

    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    .elementor-element-a79f524 {

        grid-template-columns: 1fr !important;

        gap: 11px !important;
    }


    /* Price remains compact */

    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    .price {

        justify-content: flex-start;
    }


    /*
     * Quantity + Add to Cart remain side-by-side
     * even after the price moves above them.
     */

    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    form.cart {

        grid-template-columns:
            54px minmax(0, 1fr) !important;

        gap: 7px !important;
    }


    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    form.cart .quantity {

        width: 54px !important;
        min-width: 54px !important;
    }

}


/* =========================================================
   EXTREMELY SMALL DEVICES
   Only here everything can stack
   ========================================================= */

@media (max-width: 340px) {

    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    form.cart {

        grid-template-columns: 1fr !important;
    }


    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    form.cart .quantity {

        width: 100% !important;
        min-width: 0 !important;
    }


    .elementor-297 .elementor-element.elementor-element-35ad45a
    .product-overview-card
    .quantity .qty {

        width: 100% !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b200af *//* =========================================================
   RKS TECHWARE — SINGLE PRODUCT PAGE
   MAIN PARENT CONTAINER CSS

   Paste inside:
   Parent Container → Advanced → Custom CSS

   IMPORTANT:
   Product Overview Card CSS is intentionally NOT included.
   ========================================================= */


/* =========================================================
   1. MAIN PRODUCT PAGE VARIABLES + LAYOUT
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af {
    --rks-teal: #30c4b6;
    --rks-navy: #0a2540;

    --rks-text: #344451;
    --rks-muted: #75838d;

    --rks-border: #e6ecef;
    --rks-border-soft: #eef2f4;

    --rks-soft-bg: #f7f9fa;

    --rks-sticky-top: 105px;

    display: grid !important;

    grid-template-columns:
        minmax(0, 44%)
        minmax(0, 56%);

    align-items: start !important;

    gap: clamp(32px, 4vw, 64px) !important;

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

    margin-left: auto !important;
    margin-right: auto !important;

    padding:
        clamp(24px, 3vw, 46px)
        clamp(20px, 3vw, 44px)
        clamp(60px, 7vw, 100px) !important;

    background: #ffffff;

    overflow: visible !important;
}


/* Prevent Elementor children from overflowing grid */

.elementor-297 .elementor-element.elementor-element-7b200af > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
}



/* =========================================================
   2. LEFT PRODUCT IMAGE COLUMN
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af > .elementor-element-e466426,
.elementor-297 .elementor-element.elementor-element-7b200af > .product-img-sticky {
    position: sticky !important;

    top: var(--rks-sticky-top) !important;

    align-self: start !important;

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

    height: fit-content !important;

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

    overflow: visible !important;

    z-index: 10;
}



/* =========================================================
   3. RIGHT PRODUCT CONTENT COLUMN
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af > .elementor-element-35ad45a {
    display: flex !important;

    flex-direction: column !important;
    align-items: stretch !important;

    gap: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

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

    background: transparent !important;

    overflow: visible !important;
}


.elementor-297 .elementor-element.elementor-element-7b200af > .elementor-element-35ad45a > .elementor-element {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}



/* =========================================================
   4. PRODUCT GALLERY WIDGET
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.elementor-widget-woocommerce-product-images {
    width: 100% !important;

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


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.woocommerce-product-gallery {
    position: relative;

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

    margin: 0 !important;

    padding: clamp(14px, 1.7vw, 22px) !important;

    background: #ffffff;

    border: 1px solid var(--rks-border);

    border-radius: 16px;

    box-shadow:
        0 8px 28px rgba(10, 37, 64, 0.045);

    overflow: hidden;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.woocommerce-product-gallery:hover {
    border-color: #d8e1e5;

    box-shadow:
        0 12px 34px rgba(10, 37, 64, 0.065);
}



/* =========================================================
   5. MAIN PRODUCT IMAGE
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.flex-viewport {
    width: 100% !important;

    background: #ffffff;

    border-radius: 10px;

    overflow: hidden !important;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.woocommerce-product-gallery__image {
    background: #ffffff;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.woocommerce-product-gallery__image a {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.woocommerce-product-gallery__image img {
    display: block;

    width: 100% !important;
    height: auto !important;

    max-height: 64vh;

    object-fit: contain;

    margin: auto;

    transition:
        transform 0.3s ease;
}


@media (hover: hover) {

    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .woocommerce-product-gallery__image:hover
    img.wp-post-image {
        transform: scale(1.012);
    }

}



/* =========================================================
   6. SALE BADGE
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.onsale {
    position: absolute !important;

    top: 15px !important;
    left: 15px !important;
    right: auto !important;

    z-index: 25;

    min-width: auto !important;
    min-height: auto !important;

    margin: 0 !important;

    padding: 7px 10px !important;

    background: var(--rks-navy) !important;

    border: 0 !important;
    border-radius: 6px !important;

    font-family:
        var(--rks-font-ui, "Outfit", sans-serif) !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: 0.06em;

    text-transform: uppercase;

    color: #ffffff !important;

    box-shadow:
        0 5px 14px rgba(10, 37, 64, 0.13);
}



/* =========================================================
   7. ZOOM BUTTON
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.woocommerce-product-gallery__trigger {
    position: absolute !important;

    top: 14px !important;
    right: 14px !important;

    z-index: 25;

    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 38px !important;
    height: 38px !important;

    padding: 0 !important;

    background: rgba(255,255,255,0.95) !important;

    border: 1px solid var(--rks-border) !important;

    border-radius: 50% !important;

    box-shadow:
        0 5px 14px rgba(10,37,64,0.06);

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.woocommerce-product-gallery__trigger:hover {
    background: var(--rks-navy) !important;

    border-color: var(--rks-navy) !important;

    transform: translateY(-1px);
}


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.woocommerce-product-gallery__trigger img {
    width: 15px !important;
    height: 15px !important;

    opacity: 0.65;

    transition:
        opacity 0.2s ease,
        filter 0.2s ease;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.woocommerce-product-gallery__trigger:hover img {
    filter: brightness(0) invert(1);

    opacity: 1;
}



/* =========================================================
   8. PRODUCT THUMBNAILS
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.flex-control-thumbs {
    display: flex !important;

    align-items: center;

    gap: 8px;

    width: 100%;

    margin: 12px 0 0 !important;

    padding: 0 !important;

    list-style: none !important;

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

    scrollbar-width: none;

    scroll-snap-type: x proximity;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.flex-control-thumbs::-webkit-scrollbar {
    display: none;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.flex-control-thumbs li {
    flex: 0 0 64px !important;

    width: 64px !important;

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

    scroll-snap-align: start;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.flex-control-thumbs img {
    display: block;

    width: 100% !important;

    aspect-ratio: 1 / 1;

    object-fit: cover;

    padding: 3px;

    background: #ffffff;

    border: 1px solid var(--rks-border);

    border-radius: 7px;

    opacity: 0.58;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.flex-control-thumbs img:hover {
    opacity: 0.88;

    border-color:
        rgba(48,196,182,0.55);

    transform: translateY(-1px);
}


.elementor-297 .elementor-element.elementor-element-7b200af
.product-img-sticky
.flex-control-thumbs
img.flex-active {
    opacity: 1;

    border-color: var(--rks-teal);

    box-shadow:
        0 0 0 1px var(--rks-teal);
}



/* =========================================================
   9. BREADCRUMB
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-element-7b7ff36 {
    margin: 0 0 12px !important;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.woocommerce-breadcrumb {
    margin: 0 !important;

    font-family:
        var(--rks-font-ui, "Outfit", sans-serif) !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.5 !important;

    letter-spacing: 0.015em !important;

    text-transform: none !important;

    color: #87959f !important;

    overflow-wrap: anywhere;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.woocommerce-breadcrumb a {
    color: #5f727e !important;

    text-decoration: none !important;

    transition:
        color 0.2s ease;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.woocommerce-breadcrumb a:hover {
    color: var(--rks-teal) !important;
}



/* =========================================================
   10. PRODUCT TITLE
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-element-242bf44 {
    margin: 0 0 22px !important;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-element-242bf44
.product_title,

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-element-242bf44
.elementor-heading-title {
    width: 100% !important;

    margin: 0 !important;

    font-family:
        var(--rks-font-primary, "Plus Jakarta Sans", sans-serif) !important;

    font-size:
        clamp(30px, 3vw, 44px) !important;

    font-weight: 600 !important;

    line-height: 1.12 !important;

    letter-spacing: -0.035em !important;

    color: var(--rks-navy) !important;

    text-wrap: balance;
}



/* =========================================================
   11. PRODUCT DESCRIPTION — BASIC LIGHT FOUNDATION
   Full redesign can be done later.
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    color: var(--rks-text) !important;

    overflow: visible;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
.elementor-widget-container {
    width: 100%;
    max-width: 100%;
}



/* =========================================================
   12. DESCRIPTION HEADINGS
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
h2 {
    margin:
        38px
        0
        13px !important;

    font-family:
        var(--rks-font-primary, "Plus Jakarta Sans", sans-serif) !important;

    font-size:
        clamp(22px, 2vw, 28px) !important;

    font-weight: 600 !important;

    line-height: 1.25 !important;

    letter-spacing: -0.025em !important;

    color: var(--rks-navy) !important;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
h2:first-child {
    margin-top: 0 !important;
}



/* =========================================================
   13. DESCRIPTION PARAGRAPHS
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
p {
    max-width: 78ch;

    margin:
        0
        0
        14px !important;

    font-family:
        var(--rks-font-body, "Manrope", sans-serif) !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    line-height: 1.75 !important;

    color: #445662 !important;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
strong {
    font-weight: 650 !important;

    color: var(--rks-navy);
}



/* =========================================================
   14. DESCRIPTION LINKS
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
a {
    color: #229d93 !important;

    text-decoration: underline;

    text-decoration-color:
        rgba(48,196,182,0.30);

    text-underline-offset: 3px;

    transition:
        color 0.2s ease,
        text-decoration-color 0.2s ease;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
a:hover {
    color: var(--rks-navy) !important;

    text-decoration-color:
        var(--rks-navy);
}



/* =========================================================
   15. DESCRIPTION LISTS
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
ul {
    display: grid;

    gap: 7px;

    margin:
        8px
        0
        20px !important;

    padding: 0 !important;

    list-style: none !important;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
li {
    position: relative;

    margin: 0 !important;

    padding-left: 18px;

    font-family:
        var(--rks-font-body, "Manrope", sans-serif) !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

    color: var(--rks-text);
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
li::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0.72em;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--rks-teal);
}



/* =========================================================
   16. PRODUCT CONTENT IMAGES
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
img {
    max-width: 100% !important;

    height: auto !important;
}



/* =========================================================
   17. PRODUCT DESCRIPTION TABLE
   Overrides inline width / height
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
table {
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    margin:
        20px
        0
        38px !important;

    border-spacing: 0 !important;
    border-collapse: separate !important;

    table-layout: auto;

    background: #ffffff;

    border:
        1px solid var(--rks-border) !important;

    border-radius: 10px;

    overflow: hidden;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
table th,

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
table td {
    height: auto !important;

    padding:
        11px
        14px !important;

    border: 0 !important;

    border-bottom:
        1px solid var(--rks-border-soft) !important;

    vertical-align: top;

    text-align: left;

    overflow-wrap: anywhere;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
table th {
    background: var(--rks-soft-bg);

    font-family:
        var(--rks-font-ui, "Outfit", sans-serif) !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.45;

    color: var(--rks-navy);
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
table td {
    font-family:
        var(--rks-font-body, "Manrope", sans-serif) !important;

    font-size: 13px !important;

    line-height: 1.55;

    color: var(--rks-text);
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-content
table tr:last-child td {
    border-bottom: 0 !important;
}


@media (hover: hover) {

    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .elementor-widget-woocommerce-product-content
    table tbody tr {
        transition:
            background 0.18s ease;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .elementor-widget-woocommerce-product-content
    table tbody tr:hover {
        background:
            rgba(48,196,182,0.035);
    }

}



/* =========================================================
   18. ADDITIONAL INFORMATION WIDGET
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-additional-information {
    width: 100% !important;
    max-width: 100% !important;

    margin:
        clamp(42px, 5vw, 64px)
        0
        0 !important;

    padding:
        clamp(24px, 3vw, 34px)
        0
        0 !important;

    background: transparent !important;

    border-top:
        1px solid var(--rks-border);

    overflow: hidden;
}



/* =========================================================
   19. ADDITIONAL INFORMATION HEADING
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-additional-information
h2 {
    margin:
        0
        0
        20px !important;

    padding: 0 !important;

    font-family:
        var(--rks-font-primary, "Plus Jakarta Sans", sans-serif) !important;

    font-size:
        clamp(22px, 2vw, 28px) !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: -0.025em !important;

    color: var(--rks-navy) !important;
}


/* Remove decorative dot / pseudo-elements */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-additional-information
h2::before,

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.elementor-widget-woocommerce-product-additional-information
h2::after {
    content: none !important;

    display: none !important;
}



/* =========================================================
   20. ADDITIONAL INFORMATION TABLE
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes {
    width: 100% !important;
    max-width: 100% !important;

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

    border:
        1px solid var(--rks-border) !important;

    border-spacing: 0 !important;
    border-collapse: separate !important;

    border-radius: 12px;

    background: #ffffff !important;

    overflow: hidden;
}



/* =========================================================
   21. ADDITIONAL INFORMATION ROWS
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes tr {
    background: #ffffff !important;

    transition:
        background 0.2s ease;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes
tr:not(:last-child) th,

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes
tr:not(:last-child) td {
    border-bottom:
        1px solid var(--rks-border-soft) !important;
}


@media (hover: hover) {

    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes
    tr:hover {
        background:
            rgba(48,196,182,0.035) !important;
    }

}



/* =========================================================
   22. ADDITIONAL INFORMATION LABEL
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes th {
    width: 34% !important;

    padding:
        13px
        16px !important;

    vertical-align: middle !important;

    text-align: left !important;

    background: var(--rks-soft-bg) !important;

    border: 0 !important;

    font-family:
        var(--rks-font-ui, "Outfit", sans-serif) !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: 0.025em !important;

    color: var(--rks-navy) !important;
}



/* =========================================================
   23. ADDITIONAL INFORMATION VALUE
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes td {
    width: 66% !important;

    padding:
        13px
        16px !important;

    vertical-align: middle !important;

    text-align: left !important;

    background: transparent !important;

    border: 0 !important;

    font-family:
        var(--rks-font-body, "Manrope", sans-serif) !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    line-height: 1.5 !important;

    color: #40515d !important;

    overflow-wrap: anywhere;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes td p {
    margin: 0 !important;
    padding: 0 !important;

    font-family:
        var(--rks-font-body, "Manrope", sans-serif) !important;

    font-size: inherit !important;
    font-weight: inherit !important;

    font-style: normal !important;

    line-height: inherit !important;

    color: inherit !important;
}



/* =========================================================
   24. ADDITIONAL INFORMATION LINKS
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes td a {
    color: #229d93 !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    transition:
        color 0.2s ease;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes td a:hover {
    color: var(--rks-navy) !important;
}



/* =========================================================
   25. ADDITIONAL INFORMATION CORNERS
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes
tr:first-child th {
    border-top-left-radius: 11px;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes
tr:first-child td {
    border-top-right-radius: 11px;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes
tr:last-child th {
    border-bottom-left-radius: 11px;
}


.elementor-297 .elementor-element.elementor-element-7b200af
.elementor-element-35ad45a
.shop_attributes
tr:last-child td {
    border-bottom-right-radius: 11px;
}



/* =========================================================
   26. MEDIUM DESKTOP / SMALL LAPTOP
   ========================================================= */

@media (max-width: 1280px) {

    .elementor-297 .elementor-element.elementor-element-7b200af {
        --rks-sticky-top: 90px;

        grid-template-columns:
            minmax(0, 42%)
            minmax(0, 58%);

        gap: 34px !important;

        padding-left: 24px !important;
        padding-right: 24px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .woocommerce-product-gallery__image img {
        max-height: 58vh;
    }

}



/* =========================================================
   27. TABLET LANDSCAPE
   ========================================================= */

@media
(min-width: 821px)
and (max-width: 1024px)
and (orientation: landscape)
and (min-height: 650px) {

    .elementor-297 .elementor-element.elementor-element-7b200af {
        --rks-sticky-top: 78px;

        grid-template-columns:
            minmax(0, 40%)
            minmax(0, 60%);

        gap: 26px !important;

        padding:
            22px
            20px
            52px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .woocommerce-product-gallery {
        padding: 12px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .woocommerce-product-gallery__image img {
        max-height: 50vh;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .product_title {
        font-size:
            clamp(27px, 3.5vw, 34px) !important;
    }

}



/* =========================================================
   28. TABLET PORTRAIT
   ========================================================= */

@media
(max-width: 820px)
and (orientation: portrait) {

    .elementor-297 .elementor-element.elementor-element-7b200af {
        display: grid !important;

        grid-template-columns:
            1fr !important;

        gap: 28px !important;

        padding:
            22px
            20px
            52px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af > .elementor-element-e466426,
    .elementor-297 .elementor-element.elementor-element-7b200af > .product-img-sticky {
        position: relative !important;

        top: auto !important;

        width: 100% !important;

        height: auto !important;

        z-index: auto;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .woocommerce-product-gallery__image img {
        max-height: 560px;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .product_title {
        font-size:
            clamp(28px, 5vw, 38px) !important;
    }

}



/* =========================================================
   29. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-297 .elementor-element.elementor-element-7b200af {
        display: grid !important;

        grid-template-columns:
            1fr !important;

        gap: 24px !important;

        width: 100% !important;

        padding:
            16px
            14px
            44px !important;
    }


    /* Disable sticky */

    .elementor-297 .elementor-element.elementor-element-7b200af > .elementor-element-e466426,
    .elementor-297 .elementor-element.elementor-element-7b200af > .product-img-sticky {
        position: relative !important;

        top: auto !important;

        height: auto !important;

        z-index: auto;
    }


    /* Gallery */

    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .woocommerce-product-gallery {
        padding: 10px !important;

        border-radius: 12px;

        box-shadow:
            0 5px 20px rgba(10,37,64,0.035);
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .woocommerce-product-gallery__image img {
        width: 100% !important;

        max-height: none;
    }


    /* Thumbnails */

    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .flex-control-thumbs {
        gap: 6px;

        margin-top: 9px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .flex-control-thumbs li {
        flex-basis: 54px !important;

        width: 54px !important;
    }


    /* Sale badge */

    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .onsale {
        top: 11px !important;
        left: 11px !important;

        padding:
            6px
            8px !important;

        font-size: 9px !important;
    }


    /* Zoom */

    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .woocommerce-product-gallery__trigger {
        top: 10px !important;
        right: 10px !important;

        width: 34px !important;
        height: 34px !important;
    }


    /* Breadcrumb */

    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .elementor-element-7b7ff36 {
        margin-bottom:
            9px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .woocommerce-breadcrumb {
        font-size:
            11px !important;
    }


    /* Product title */

    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .elementor-element-242bf44 {
        margin-bottom:
            18px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .product_title {
        font-size:
            clamp(25px, 7vw, 32px) !important;

        line-height:
            1.15 !important;
    }


    /* Product content */

    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .elementor-widget-woocommerce-product-content
    h2 {
        margin-top:
            32px !important;

        font-size:
            21px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .elementor-widget-woocommerce-product-content
    p,

    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .elementor-widget-woocommerce-product-content
    li {
        font-size:
            14px !important;
    }


    /* Additional information */

    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .elementor-widget-woocommerce-product-additional-information {
        margin-top:
            36px !important;

        padding-top:
            22px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .elementor-widget-woocommerce-product-additional-information
    h2 {
        margin-bottom:
            16px !important;

        font-size:
            21px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes th {
        width:
            38% !important;

        padding:
            11px
            12px !important;

        font-size:
            11.5px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes td {
        width:
            62% !important;

        padding:
            11px
            12px !important;

        font-size:
            12.5px !important;
    }

}



/* =========================================================
   30. MOBILE PRODUCT DESCRIPTION TABLE
   Prevent horizontal page overflow
   ========================================================= */

@media (max-width: 600px) {

    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .elementor-widget-woocommerce-product-content {
        overflow: hidden;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .elementor-widget-woocommerce-product-content
    table {
        display: block;

        width: 100% !important;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: thin;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .elementor-widget-woocommerce-product-content
    table tbody {
        display: table;

        width: 100%;

        min-width: 520px;
    }

}



/* =========================================================
   31. SMALL MOBILE — ADDITIONAL INFORMATION
   ========================================================= */

@media (max-width: 480px) {

    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes {
        display: block !important;

        border: 0 !important;

        border-radius: 0;

        background: transparent !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes tbody {
        display: grid;

        grid-template-columns:
            1fr;

        gap: 7px;

        width: 100%;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes tr {
        display: grid !important;

        grid-template-columns:
            minmax(105px, 0.8fr)
            minmax(0, 1.2fr);

        align-items: center;

        width: 100%;

        border:
            1px solid var(--rks-border) !important;

        border-radius: 9px;

        overflow: hidden;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes
    tr:not(:last-child) th,

    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes
    tr:not(:last-child) td {
        border-bottom:
            0 !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes th,

    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes td {
        display: block !important;

        width: 100% !important;

        height: 100%;

        padding:
            10px
            11px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes th {
        display: flex !important;

        align-items: center;

        border-radius: 0 !important;

        background:
            #f6f9f9 !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes td {
        display: flex !important;

        align-items: center;

        border-radius: 0 !important;

        background:
            #ffffff !important;
    }

}



/* =========================================================
   32. MOBILE LANDSCAPE
   Disable sticky intentionally
   ========================================================= */

@media
(max-width: 932px)
and (orientation: landscape) {

    .elementor-297 .elementor-element.elementor-element-7b200af {
        grid-template-columns:
            1fr !important;

        gap:
            24px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af > .elementor-element-e466426,
    .elementor-297 .elementor-element.elementor-element-7b200af > .product-img-sticky {
        position:
            relative !important;

        top:
            auto !important;

        height:
            auto !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .woocommerce-product-gallery__image img {
        max-height:
            78vh;
    }

}



/* =========================================================
   33. SHORT HEIGHT VIEWPORTS
   Prevent sticky trapping the user
   ========================================================= */

@media
(max-height: 649px)
and (max-width: 1180px) {

    .elementor-297 .elementor-element.elementor-element-7b200af > .elementor-element-e466426,
    .elementor-297 .elementor-element.elementor-element-7b200af > .product-img-sticky {
        position:
            relative !important;

        top:
            auto !important;

        height:
            auto !important;
    }

}



/* =========================================================
   34. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

    .elementor-297 .elementor-element.elementor-element-7b200af {
        padding-left:
            11px !important;

        padding-right:
            11px !important;

        gap:
            21px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .product-img-sticky
    .woocommerce-product-gallery {
        padding:
            8px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .product_title {
        font-size:
            24px !important;
    }

}



/* =========================================================
   35. EXTREMELY SMALL MOBILE
   Additional information stacks vertically
   ========================================================= */

@media (max-width: 360px) {

    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes tr {
        grid-template-columns:
            1fr !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes th {
        padding-bottom:
            6px !important;
    }


    .elementor-297 .elementor-element.elementor-element-7b200af
    .elementor-element-35ad45a
    .shop_attributes td {
        padding-top:
            7px !important;
    }

}



/* =========================================================
   36. ACCESSIBILITY
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-7b200af
a:focus-visible {
    outline:
        2px solid var(--rks-teal);

    outline-offset:
        3px;
}



/* =========================================================
   37. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-297 .elementor-element.elementor-element-7b200af *,
    .elementor-297 .elementor-element.elementor-element-7b200af *::before,
    .elementor-297 .elementor-element.elementor-element-7b200af *::after {
        transition:
            none !important;

        animation:
            none !important;
    }

}


/* =========================================================
   END — RKS PRODUCT PAGE MAIN CSS
   ========================================================= *//* End custom CSS */
/* Start custom CSS for woocommerce-product-upsell, class: .elementor-element-0c41573 *//* =========================================================
   RKS TECHWARE — WOOCOMMERCE UPSELL WIDGET
   Elementor Pro Custom CSS
   Light / Minimal / Premium / Responsive
   ========================================================= */


/* =========================================================
   1. WIDGET VARIABLES
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573 {
    --upsell-teal: var(--rks-teal, #30c4b6);
    --upsell-teal-dark: #229d93;

    --upsell-navy: var(--rks-navy, #0a2540);

    --upsell-text: #344451;
    --upsell-muted: #73838d;

    --upsell-bg: #ffffff;
    --upsell-soft-bg: #f7f9fa;

    --upsell-border: #e5ebee;
    --upsell-border-hover: rgba(48, 196, 182, 0.42);

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* Keep everything predictable */

.elementor-297 .elementor-element.elementor-element-0c41573 *,
.elementor-297 .elementor-element.elementor-element-0c41573 *::before,
.elementor-297 .elementor-element.elementor-element-0c41573 *::after {
    box-sizing: border-box;
}


/* =========================================================
   2. UPSELL SECTION
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells.upsells.products {
    width: 100%;

    margin: 0 !important;

    padding:
        clamp(34px, 5vw, 64px)
        0
        0 !important;

    background: transparent;
}


/* =========================================================
   3. SECTION HEADING
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells.upsells.products > h2 {
    position: relative;

    margin:
        0
        0
        clamp(20px, 3vw, 30px) !important;

    padding:
        0
        0
        13px !important;

    font-family:
        var(--rks-font-primary, "Plus Jakarta Sans", sans-serif) !important;

    font-size:
        clamp(24px, 2.5vw, 34px) !important;

    font-weight: 600 !important;

    line-height: 1.15 !important;

    letter-spacing: -0.03em !important;

    color: var(--upsell-navy) !important;

    border-bottom:
        1px solid var(--upsell-border);
}


/* Small understated brand line */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells.upsells.products > h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 48px;
    height: 2px;

    background: var(--upsell-teal);

    border-radius: 10px;
}


/* =========================================================
   4. PRODUCTS GRID
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
ul.products {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap:
        clamp(14px, 2vw, 22px) !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   5. PRODUCT CARD
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
ul.products
li.product {
    position: relative;

    display: flex !important;

    flex-direction: column !important;

    min-width: 0;

    margin: 0 !important;

    padding:
        10px !important;

    background:
        var(--upsell-bg) !important;

    border:
        1px solid var(--upsell-border) !important;

    border-radius:
        14px !important;

    box-shadow:
        0 7px 24px rgba(10, 37, 64, 0.035);

    overflow: hidden;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}


@media (hover: hover) {

    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    ul.products
    li.product:hover {
        transform:
            translateY(-4px);

        border-color:
            var(--upsell-border-hover) !important;

        box-shadow:
            0 14px 34px rgba(10, 37, 64, 0.08);
    }

}


/* =========================================================
   6. PRODUCT MAIN LINK
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
li.product
.woocommerce-LoopProduct-link {
    display: flex !important;

    flex-direction: column;

    flex-grow: 1;

    width: 100%;

    margin: 0 !important;

    color: inherit !important;

    text-decoration: none !important;
}


/* =========================================================
   7. PRODUCT IMAGE
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
li.product
.woocommerce-LoopProduct-link
img {
    display: block;

    width: 100% !important;

    aspect-ratio: 1 / 1;

    height: auto !important;

    margin:
        0
        0
        13px !important;

    padding:
        clamp(10px, 1.5vw, 18px);

    object-fit: contain;

    background:
        var(--upsell-soft-bg);

    border-radius:
        10px;

    transition:
        transform 0.3s ease,
        background 0.3s ease;
}


@media (hover: hover) {

    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    li.product:hover
    .woocommerce-LoopProduct-link
    img {
        transform:
            scale(1.025);

        background:
            #f3f8f8;
    }

}


/* =========================================================
   8. PRODUCT TITLE
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
.woocommerce-loop-product__title {
    display: -webkit-box;

    min-height:
        3em;

    margin:
        0
        0
        8px !important;

    padding: 0 !important;

    overflow: hidden;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    font-family:
        var(--rks-font-secondary, "Archivo", sans-serif) !important;

    font-size:
        clamp(14px, 1.2vw, 16px) !important;

    font-weight:
        600 !important;

    line-height:
        1.5 !important;

    letter-spacing:
        -0.012em !important;

    color:
        var(--upsell-navy) !important;

    transition:
        color 0.2s ease;
}


.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
li.product:hover
.woocommerce-loop-product__title {
    color:
        var(--upsell-teal-dark) !important;
}


/* =========================================================
   9. PRICE
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
li.product
.price {
    display: flex !important;

    flex-wrap: wrap;

    align-items: baseline;

    gap:
        4px
        7px;

    margin:
        auto
        0
        12px !important;

    padding: 0 !important;

    font-family:
        var(--rks-font-primary, "Plus Jakarta Sans", sans-serif) !important;

    font-size:
        clamp(16px, 1.5vw, 19px) !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        -0.025em !important;

    color:
        var(--upsell-navy) !important;
}


.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
.price
.woocommerce-Price-amount {
    color:
        var(--upsell-navy) !important;
}


.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
.price
.woocommerce-Price-currencySymbol {
    color:
        var(--upsell-teal-dark) !important;

    font-size:
        0.78em;
}


/* =========================================================
   10. SALE PRICE SUPPORT
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
.price del {
    order: 2;

    opacity:
        0.55 !important;

    font-size:
        0.72em !important;

    font-weight:
        500 !important;

    color:
        var(--upsell-muted) !important;
}


.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
.price del * {
    color:
        inherit !important;
}


.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
.price ins {
    order: 1;

    padding: 0 !important;

    background:
        transparent !important;

    text-decoration:
        none !important;

    color:
        var(--upsell-navy) !important;
}


.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
.price ins * {
    color:
        inherit !important;
}


/* =========================================================
   11. ADD TO CART BUTTON
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
li.product
.add_to_cart_button,
.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
li.product
.button {
    display: flex !important;

    align-items: center;
    justify-content: center;

    gap: 7px;

    width: 100% !important;

    min-height:
        42px;

    margin:
        0 !important;

    padding:
        10px
        14px !important;

    background:
        #ffffff !important;

    border:
        1px solid var(--upsell-teal) !important;

    border-radius:
        8px !important;

    box-shadow:
        none !important;

    font-family:
        var(--rks-font-ui, "Outfit", sans-serif) !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        0 !important;

    text-transform:
        none !important;

    color:
        var(--upsell-navy) !important;

    text-decoration:
        none !important;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* Arrow */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
li.product
.add_to_cart_button::after {
    content:
        "→";

    display:
        inline-block;

    font-size:
        14px;

    transition:
        transform 0.2s ease;
}


@media (hover: hover) {

    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    li.product
    .add_to_cart_button:hover,
    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    li.product
    .button:hover {
        background:
            var(--upsell-teal) !important;

        border-color:
            var(--upsell-teal) !important;

        color:
            #06252b !important;

        box-shadow:
            0 7px 18px rgba(48, 196, 182, 0.15);

        transform:
            translateY(-1px);
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    li.product
    .add_to_cart_button:hover::after {
        transform:
            translateX(3px);
    }

}


/* =========================================================
   12. BUTTON ACTIVE
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
li.product
.add_to_cart_button:active {
    transform:
        scale(0.985);
}


/* =========================================================
   13. AJAX ADD TO CART LOADING
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
.add_to_cart_button.loading {
    position:
        relative;

    pointer-events:
        none;

    opacity:
        0.65;
}


.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
.add_to_cart_button.loading::after {
    content:
        "";

    width:
        13px;

    height:
        13px;

    border:
        2px solid rgba(10,37,64,0.25);

    border-top-color:
        var(--upsell-navy);

    border-radius:
        50%;

    animation:
        rks-upsell-spin 0.65s linear infinite;
}


@keyframes rks-upsell-spin {

    to {
        transform:
            rotate(360deg);
    }

}


/* =========================================================
   14. ADDED TO CART STATE
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
.add_to_cart_button.added {
    background:
        var(--upsell-teal) !important;

    border-color:
        var(--upsell-teal) !important;

    color:
        #06252b !important;
}


.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
.added_to_cart {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;

    margin:
        7px
        0
        0;

    font-family:
        var(--rks-font-ui, "Outfit", sans-serif);

    font-size:
        12px;

    font-weight:
        600;

    color:
        var(--upsell-teal-dark);

    text-decoration:
        none;
}


/* =========================================================
   15. SALE BADGE SUPPORT
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
.up-sells
li.product
.onsale {
    position:
        absolute !important;

    top:
        18px !important;

    left:
        18px !important;

    right:
        auto !important;

    z-index:
        5;

    min-width:
        auto !important;

    min-height:
        auto !important;

    margin:
        0 !important;

    padding:
        6px
        9px !important;

    background:
        var(--upsell-navy) !important;

    border:
        0 !important;

    border-radius:
        6px !important;

    font-family:
        var(--rks-font-ui, "Outfit", sans-serif) !important;

    font-size:
        9px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        0.05em;

    text-transform:
        uppercase;

    color:
        #ffffff !important;

    box-shadow:
        0 5px 14px rgba(10,37,64,0.12);
}


/* =========================================================
   16. TABLET
   3 COLUMNS
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    ul.products {
        grid-template-columns:
            repeat(3, minmax(0,1fr)) !important;

        gap:
            16px !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    ul.products
    li.product {
        padding:
            9px !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    .woocommerce-loop-product__title {
        font-size:
            14px !important;
    }

}


/* =========================================================
   17. MOBILE
   2 COLUMNS
   ========================================================= */

@media (max-width: 767px) {

    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells.upsells.products {
        padding-top:
            36px !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells.upsells.products > h2 {
        margin-bottom:
            18px !important;

        padding-bottom:
            11px !important;

        font-size:
            clamp(22px, 6vw, 28px) !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    ul.products {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap:
            12px !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    ul.products
    li.product {
        padding:
            8px !important;

        border-radius:
            12px !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    li.product
    .woocommerce-LoopProduct-link
    img {
        margin-bottom:
            10px !important;

        padding:
            8px;

        border-radius:
            8px;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    .woocommerce-loop-product__title {
        min-height:
            2.9em;

        margin-bottom:
            7px !important;

        font-size:
            13px !important;

        line-height:
            1.45 !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    li.product
    .price {
        margin-bottom:
            10px !important;

        font-size:
            15px !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    li.product
    .add_to_cart_button,
    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    li.product
    .button {
        min-height:
            39px;

        padding:
            9px
            8px !important;

        font-size:
            12px !important;
    }

}


/* =========================================================
   18. SMALL MOBILE
   Keep 2 columns but compact
   ========================================================= */

@media (max-width: 480px) {

    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    ul.products {
        gap:
            9px !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    ul.products
    li.product {
        padding:
            7px !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    li.product
    .woocommerce-LoopProduct-link
    img {
        padding:
            6px;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    .woocommerce-loop-product__title {
        font-size:
            12.5px !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    li.product
    .price {
        font-size:
            14px !important;
    }

}


/* =========================================================
   19. VERY SMALL MOBILE
   1 COLUMN
   ========================================================= */

@media (max-width: 340px) {

    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    ul.products {
        grid-template-columns:
            1fr !important;

        gap:
            12px !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    .woocommerce-loop-product__title {
        font-size:
            14px !important;
    }


    .elementor-297 .elementor-element.elementor-element-0c41573
    .up-sells
    li.product
    .price {
        font-size:
            16px !important;
    }

}


/* =========================================================
   20. ACCESSIBILITY
   ========================================================= */

.elementor-297 .elementor-element.elementor-element-0c41573
a:focus-visible,
.elementor-297 .elementor-element.elementor-element-0c41573
button:focus-visible {
    outline:
        2px solid var(--upsell-teal) !important;

    outline-offset:
        3px !important;
}


/* =========================================================
   21. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-297 .elementor-element.elementor-element-0c41573 *,
    .elementor-297 .elementor-element.elementor-element-0c41573 *::before,
    .elementor-297 .elementor-element.elementor-element-0c41573 *::after {
        transition:
            none !important;

        animation:
            none !important;
    }

}


/* =========================================================
   END — RKS UPSELL WIDGET
   ========================================================= *//* End custom CSS */