/* ==================================================
             * DESKTOP
             * ================================================== */
            @media (min-width: 769px) {
                .roco-mobile-bottom-wrap,
                .roco-bottom-search-overlay,
                .roco-share-overlay,
                #rocoYithWishlistBridge {
                    display: none !important;
                }
            }

            body.page-id-1008475 .roco-mobile-bottom-wrap,
            body.page-id-988460 .roco-mobile-bottom-wrap {
                display: none !important;
            }

            /* Hidden but available to YITH's own generated markup */
            #rocoYithWishlistBridge {
                position: fixed !important;
                left: -10000px !important;
                top: -10000px !important;
                width: 1px !important;
                height: 1px !important;
                overflow: hidden !important;
                opacity: 0 !important;
                pointer-events: none !important;
                z-index: -1 !important;
            }


            /* ==================================================
             * MOBILE NAV
             * ================================================== */
            @media (max-width: 768px) {

                body {
                    padding-bottom: 100px;
                }

                body.page-id-1008475,
                body.page-id-988460 {
                    padding-bottom: 0;
                }

                .roco-mobile-bottom-wrap {
                    position: fixed;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    width: 100%;
                    z-index: 99999;
                    padding: 10px 8px 14px;
                    pointer-events: none;
                    opacity: 0;
                    visibility: hidden;
                    transform: translateY(28px);
                    transition:
                        opacity .28s ease,
                        visibility .28s ease,
                        transform .28s ease,
                        padding .28s ease;
                }

                .roco-mobile-bottom-wrap.roco-nav-visible {
                    opacity: 1;
                    visibility: visible;
                    transform: translateY(0);
                }

                .roco-mobile-bottom-nav {
                    width: 100%;
                    max-width: 430px;
                    height: 66px;
                    margin: 0 auto;
                    padding: 0 20px;
                    border-radius: 999px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    position: relative;
                    pointer-events: auto;
                    background: rgba(239, 235, 224, .78);
                    border: 1px solid rgba(255, 255, 255, .72);
                    box-shadow: 0 14px 38px rgba(34, 28, 18, .20);
                    backdrop-filter: blur(18px) saturate(130%);
                    -webkit-backdrop-filter: blur(18px) saturate(130%);
                    transition: all .28s ease;
                }

                .roco-mobile-bottom-wrap.roco-nav-shrink {
                    padding-bottom: 6px;
                }

                .roco-mobile-bottom-wrap.roco-nav-shrink .roco-mobile-bottom-nav {
                    max-width: 345px;
                    height: 48px;
                    padding: 0 15px;
                    transform: scale(.90);
                    background: rgba(239, 235, 224, .66);
                    box-shadow: 0 10px 26px rgba(34, 28, 18, .16);
                }

                .roco-nav-item {
                    width: 42px;
                    height: 42px;
                    border: 0;
                    outline: 0;
                    padding: 0;
                    margin: 0;
                    border-radius: 50%;
                    background: transparent;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    color: rgba(25, 28, 24, .72);
                    text-decoration: none !important;
                    cursor: pointer;
                    transition:
                        color .2s ease,
                        background .2s ease,
                        transform .2s ease,
                        opacity .2s ease;
                    -webkit-tap-highlight-color: transparent;
                    box-shadow: none;
                    font: inherit;
                }

                .roco-nav-item svg {
                    width: 21px;
                    height: 21px;
                    display: block;
                    fill: currentColor;
                }

                .roco-nav-item:hover,
                .roco-nav-item:focus-visible {
                    color: #111;
                    background: rgba(255, 255, 255, .58);
                }

                .roco-mobile-bottom-wrap.roco-nav-shrink .roco-nav-item {
                    width: 35px;
                    height: 35px;
                }

                .roco-mobile-bottom-wrap.roco-nav-shrink .roco-nav-item svg {
                    width: 18px;
                    height: 18px;
                }


                /* SHARE NAV SVG */
                .roco-share-trigger svg {
                    fill: none !important;
                    stroke: currentColor !important;
                    stroke-width: 1.8;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                }


                /* ==================================================
                 * WISHLIST HEART
                 * ================================================== */
                .roco-product-wishlist-icon svg {
                    overflow: visible;
                }

                .roco-product-wishlist-icon svg path {
                    fill: transparent !important;
                    stroke: currentColor !important;
                    stroke-width: 1.7 !important;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                    transition:
                        fill .2s ease,
                        stroke .2s ease,
                        transform .2s ease;
                }

                .roco-product-wishlist-icon.is-wishlisted {
                    color: #e32636 !important;
                    background: rgba(227, 38, 54, .10) !important;
                }

                .roco-product-wishlist-icon.is-wishlisted svg path {
                    fill: #e32636 !important;
                    stroke: #e32636 !important;
                    animation: rocoHeartPop .38s ease;
                }

                .roco-product-wishlist-icon.is-loading {
                    pointer-events: none;
                    opacity: .65;
                }

                .roco-product-wishlist-icon.is-loading svg {
                    animation: rocoHeartPulse .7s ease-in-out infinite alternate;
                }

                @keyframes rocoHeartPop {
                    0%   { transform: scale(.82); }
                    55%  { transform: scale(1.22); }
                    100% { transform: scale(1); }
                }

                @keyframes rocoHeartPulse {
                    from { transform: scale(.90); }
                    to   { transform: scale(1.08); }
                }


                /* ==================================================
                 * WHATSAPP MAIN
                 * ================================================== */
                .roco-whatsapp-main {
                    width: 60px;
                    height: 60px;
                    position: relative;
                    top: -25px;
                    background: #25D366 !important;
                    color: #fff !important;
                    border: 4px solid #f5f0e6;
                    box-shadow: 0 10px 26px rgba(37, 211, 102, .42);
                    overflow: hidden;
                    border-radius: 50%;
                    isolation: isolate;
                }

                .roco-whatsapp-main::before {
                    content: "";
                    position: absolute;
                    top: -50%;
                    left: -80%;
                    width: 45%;
                    height: 200%;
                    background: linear-gradient(
                        120deg,
                        transparent,
                        rgba(255, 255, 255, .75),
                        transparent
                    );
                    transform: rotate(25deg);
                    animation: rocoWhatsappShine 2.8s infinite;
                    z-index: 1;
                    pointer-events: none;
                }

                .roco-whatsapp-main svg {
                    width: 31px;
                    height: 31px;
                    position: relative;
                    z-index: 2;
                }

                @keyframes rocoWhatsappShine {
                    0% { left: -80%; }
                    45%, 100% { left: 130%; }
                }

                .roco-mobile-bottom-wrap.roco-nav-shrink .roco-whatsapp-main {
                    width: 46px;
                    height: 46px;
                    top: -17px;
                    border-width: 3px;
                }

                .roco-mobile-bottom-wrap.roco-nav-shrink .roco-whatsapp-main svg {
                    width: 25px;
                    height: 25px;
                }


                /* ==================================================
                 * OVERLAYS
                 * ================================================== */
                .roco-bottom-search-overlay,
                .roco-share-overlay {
                    position: fixed;
                    inset: 0;
                    z-index: 1000000;
                    opacity: 0;
                    visibility: hidden;
                    transition: opacity .22s ease, visibility .22s ease;
                }

                .roco-bottom-search-overlay.is-open,
                .roco-share-overlay.is-open {
                    opacity: 1;
                    visibility: visible;
                }


                /* ==================================================
                 * SEARCH OVERLAY
                 * ================================================== */
                .roco-bottom-search-overlay {
                    padding: 22px;
                    display: flex;
                    align-items: flex-end;
                    justify-content: center;
                    background: rgba(245, 241, 234, .48);
                    backdrop-filter: blur(14px);
                    -webkit-backdrop-filter: blur(14px);
                }

                .roco-bottom-search-box {
                    width: 100%;
                    max-width: 430px;
                    background: rgba(245, 241, 234, .96);
                    border: 1px solid rgba(255, 255, 255, .72);
                    border-radius: 26px;
                    padding: 22px;
                    margin-bottom: 82px;
                    box-shadow: 0 20px 50px rgba(34, 28, 18, .24);
                    position: relative;
                }

                .roco-bottom-search-close,
                .roco-share-close {
                    position: absolute;
                    top: 12px;
                    right: 14px;
                    width: 36px;
                    height: 36px;
                    border: 0;
                    border-radius: 50%;
                    background: #f3f3f3;
                    color: #2b2a27;
                    font-size: 25px;
                    line-height: 1;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    box-shadow: none;
                    z-index: 3;
                }

                .roco-bottom-search-form {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    margin-top: 24px;
                }

                .roco-bottom-search-form input {
                    flex: 1;
                    min-width: 0;
                    height: 48px;
                    border-radius: 999px;
                    border: 1px solid rgba(43, 42, 39, .16);
                    background: rgba(255, 255, 255, .92);
                    padding: 0 16px;
                    font-size: 15px;
                    color: #2b2a27;
                    outline: none;
                    box-shadow: none;
                }

                .roco-bottom-search-submit {
                    width: 48px;
                    height: 48px;
                    border: 0;
                    border-radius: 50%;
                    background: #2b2a27;
                    color: #f5f1ea;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    padding: 0;
                    box-shadow: none;
                }

                .roco-bottom-search-submit svg {
                    width: 20px;
                    height: 20px;
                    fill: currentColor;
                }

                .roco-bottom-popular {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 9px 18px;
                    margin-top: 20px;
                    font-size: 11px;
                    letter-spacing: .12em;
                    text-transform: uppercase;
                    color: rgba(43, 42, 39, .58);
                }

                .roco-bottom-popular a,
                .roco-bottom-popular span {
                    color: inherit;
                    text-decoration: none !important;
                }


                /* ==================================================
                 * SHARE MODAL - REDESIGNED
                 * ================================================== */
                .roco-share-overlay {
                    display: flex;
                    align-items: flex-end;
                    justify-content: center;
                    background: rgba(17, 17, 17, .46);
                    backdrop-filter: blur(5px);
                    -webkit-backdrop-filter: blur(5px);
                }

                .roco-share-modal {
                    position: relative;
                    width: 100%;
                    max-width: 430px;
                    padding: 28px 20px calc(24px + env(safe-area-inset-bottom));
                    border-radius: 26px 26px 0 0;
                    background: #ffffff;
                    box-shadow: 0 -10px 45px rgba(0, 0, 0, .18);
                    transform: translateY(18px) scale(.99);
                    transition: transform .24s cubic-bezier(.2, .8, .2, 1);
                }

                .roco-share-overlay.is-open .roco-share-modal {
                    transform: translateY(0) scale(1);
                }

                .roco-share-heading-icon {
                    width: 42px;
                    height: 42px;
                    border-radius: 14px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #f5f3ee;
                    color: #4a453f;
                    margin-bottom: 12px;
                }

                .roco-share-heading-icon svg {
                    width: 20px;
                    height: 20px;
                    fill: none;
                    stroke: currentColor;
                    stroke-width: 1.8;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                }

                .roco-share-modal h3 {
                    margin: 0 48px 5px 0;
                    color: #211f1c;
                    font-size: 21px;
                    font-weight: 650;
                    letter-spacing: -.02em;
                    line-height: 1.25;
                }

                .roco-share-subtitle {
                    margin: 0 0 23px;
                    color: #7a756e;
                    font-size: 13px;
                    line-height: 1.45;
                }

                .roco-share-options {
                    display: grid;
                    grid-template-columns: repeat(4, minmax(0, 1fr));
                    gap: 10px;
                }

                .roco-share-option {
                    appearance: none;
                    -webkit-appearance: none;
                    border: 0;
                    background: transparent;
                    box-shadow: none;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: flex-start;
                    gap: 9px;
                    min-width: 0;
                    padding: 0;
                    color: #4f4b45;
                    font: inherit;
                    cursor: pointer;
                    -webkit-tap-highlight-color: transparent;
                }

                .roco-share-option:hover,
                .roco-share-option:focus-visible {
                    background: transparent;
                    outline: none;
                }

                .roco-share-icon {
                    width: 56px;
                    height: 56px;
                    border-radius: 18px;
                    background: #f5f5f4;
                    color: #35312d;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    border: 1px solid #efefed;
                    transition:
                        transform .18s ease,
                        background .18s ease,
                        color .18s ease,
                        border-color .18s ease,
                        box-shadow .18s ease;
                }

                .roco-share-option:active .roco-share-icon {
                    transform: scale(.94);
                }

                .roco-share-icon svg {
                    width: 24px;
                    height: 24px;
                    fill: none;
                    stroke: currentColor;
                    stroke-width: 1.8;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                }

                .roco-share-facebook svg path {
                    fill: currentColor;
                    stroke: none;
                }

                .roco-share-whatsapp {
                    color: #159447;
                    background: #eefaf2;
                    border-color: #e1f5e8;
                }

                .roco-share-facebook {
                    color: #1877f2;
                    background: #eef5ff;
                    border-color: #e1edff;
                }

                .roco-share-label {
                    display: block;
                    max-width: 100%;
                    color: #5f5b55;
                    font-size: 10.5px;
                    font-weight: 550;
                    line-height: 1.2;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }


                /* COPY SUCCESS STATE */
                .roco-copy-check-svg {
                    display: none;
                }

                .roco-copy-option.is-copied .roco-share-icon {
                    color: #14833b;
                    background: #eaf8ef;
                    border-color: #d5f0df;
                    box-shadow: 0 7px 18px rgba(20, 131, 59, .13);
                    transform: translateY(-2px);
                }

                .roco-copy-option.is-copied .roco-copy-svg {
                    display: none;
                }

                .roco-copy-option.is-copied .roco-copy-check-svg {
                    display: block;
                    animation: rocoCopyCheckPop .28s ease;
                }

                .roco-copy-option.is-copied .roco-copy-label {
                    color: #14833b;
                    font-weight: 650;
                }

                @keyframes rocoCopyCheckPop {
                    0%   { transform: scale(.6); opacity: 0; }
                    70%  { transform: scale(1.15); opacity: 1; }
                    100% { transform: scale(1); opacity: 1; }
                }


                /* COPY TOAST */
                .roco-share-toast {
                    width: fit-content;
                    max-width: 100%;
                    min-height: 42px;
                    margin: 19px auto 0;
                    padding: 9px 14px 9px 10px;
                    border-radius: 999px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 9px;
                    background: #edf8f0;
                    border: 1px solid #d9efdf;
                    color: #176d36;
                    box-shadow: 0 8px 24px rgba(23, 109, 54, .10);
                    opacity: 0;
                    visibility: hidden;
                    transform: translateY(6px) scale(.98);
                    transition:
                        opacity .2s ease,
                        visibility .2s ease,
                        transform .2s ease;
                }

                .roco-share-toast.is-visible {
                    opacity: 1;
                    visibility: visible;
                    transform: translateY(0) scale(1);
                }

                .roco-share-toast-icon {
                    width: 24px;
                    height: 24px;
                    flex: 0 0 24px;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #1f9d4e;
                    color: #fff;
                }

                .roco-share-toast-icon svg {
                    width: 14px;
                    height: 14px;
                    fill: none;
                    stroke: currentColor;
                    stroke-width: 2.4;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                }

                .roco-share-toast-text {
                    font-size: 12px;
                    font-weight: 650;
                    line-height: 1.25;
                }

            }