
:root{
    --yp-ink:#111111;
    --yp-paper:#ffffff;
    --yp-card:#ffffff;
    --yp-line:rgba(17,17,17,.12);
    --yp-muted:rgba(17,17,17,.60);
    --yp-orange:#111111;
    --yp-pink:#111111;
    --yp-brand:linear-gradient(135deg,#111111 0%,#111111 100%);
    --yp-gutter:clamp(18px,3.5vw,58px);
    --yp-radius:28px;
}

body{
    background:var(--yp-paper);
    color:var(--yp-ink);
}

.yolo-product-page{
    position:relative;
    background:var(--yp-paper);
    color:var(--yp-ink);
    font-family:Inter,Arial,sans-serif;
    overflow:hidden;
}

.yolo-product-page *,
.yolo-product-page *::before,
.yolo-product-page *::after{
    box-sizing:border-box;
}

.yolo-product-page a{
    color:inherit;
    text-decoration:none;
}

.yolo-product-page button,
.yolo-product-page input,
.yolo-product-page textarea{
    font:inherit;
}

.yolo-product-page img{display:block}

/* =========================================================
   PRODUCT HERO
========================================================= */
.yolo-product-hero{
    width:min(1480px,calc(100% - 32px));
    margin:0 auto;
    padding:118px 0 64px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);
    gap:18px;
    min-height:100svh;
    align-items:stretch;
}

/* PRODUCT MEDIA CARD */
.yolo-product-gallery{
    position:relative;
    min-height:calc(100svh - 182px);
    border:1px solid var(--yp-line);
    border-radius:var(--yp-radius);
    overflow:hidden;
    background:
        radial-gradient(circle at 15% 18%,rgba(0,0,0,.13),transparent 28%),
        radial-gradient(circle at 84% 80%,rgba(0,0,0,.12),transparent 32%),
        #ededed;
    perspective:1500px;
}

.yolo-product-gallery::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(17,17,17,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(17,17,17,.035) 1px,transparent 1px);
    background-size:86px 86px;
    mask-image:linear-gradient(transparent,#000 22%,#000 82%,transparent);
    -webkit-mask-image:linear-gradient(transparent,#000 22%,#000 82%,transparent);
    pointer-events:none;
}

.yolo-product-gallery::after{
    content:'YOLO';
    position:absolute;
    left:50%;
    top:52%;
    transform:translate(-50%,-50%);
    font-size:clamp(130px,18vw,330px);
    font-weight:500;
    line-height:.7;
    letter-spacing:-.08em;
    color:rgba(17,17,17,.028);
    pointer-events:none;
}

.yolo-product-media-label{
    position:absolute;
    z-index:8;
    left:28px;
    top:26px;
    padding:9px 12px;
    border:1px solid rgba(17,17,17,.12);
    border-radius:999px;
    background:rgba(255,255,255,.55);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.yolo-product-image{
    position:absolute;
    inset:10% 8% 16%;
    z-index:4;
    display:grid;
    place-items:center;
    transform-style:preserve-3d;
    will-change:transform;
}

.yolo-product-image::before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:min(52%,420px);
    aspect-ratio:1;
    transform:translate(-50%,-50%) translateZ(-80px);
    border:1px solid rgba(17,17,17,.08);
    border-radius:50%;
    background:
        radial-gradient(circle at 28% 28%,rgba(0,0,0,.10),transparent 44%),
        radial-gradient(circle at 76% 76%,rgba(0,0,0,.09),transparent 46%);
}

.yolo-product-image::after{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:min(33%,280px);
    aspect-ratio:1;
    transform:translate(-50%,-50%) translateZ(-110px);
    border:1px solid rgba(17,17,17,.08);
    border-radius:50%;
}

#yoloMainProductImage{
    position:relative;
    z-index:3;
    width:100%;
    height:100%;
    max-width:74%;
    max-height:68vh;
    object-fit:contain;
    filter:drop-shadow(0 32px 28px rgba(17,17,17,.17));
    transform:translateZ(95px);
    transform-origin:center;
    transition:opacity .18s ease;
    will-change:transform;
    backface-visibility:hidden;
}

.yolo-product-yolo-6-in-1-speaker #yoloMainProductImage{max-width:68%}
.yolo-product-yolo-kids-camera #yoloMainProductImage{max-width:74%}
.yolo-product-yolo-retro-watch #yoloMainProductImage,
.yolo-product-retro-watch #yoloMainProductImage{max-width:43%}
.yolo-product-yolo-y-pro-stylus #yoloMainProductImage,
.yolo-product-y-pro-stylus #yoloMainProductImage,
.yolo-product-yolo-stylus #yoloMainProductImage{max-width:26%}
.yolo-product-yolo-kids-smart-watch #yoloMainProductImage,
.yolo-product-yolo-kids-watch #yoloMainProductImage{max-width:52%}

/* THUMBNAILS */
.yolo-gallery-thumbs{
    position:absolute;
    z-index:8;
    left:26px;
    right:26px;
    bottom:22px;
    display:flex;
    align-items:center;
    gap:8px;
}

.yolo-gallery-thumb{
    appearance:none;
    width:68px;
    height:68px;
    padding:7px;
    border:1px solid rgba(17,17,17,.12);
    border-radius:16px;
    background:rgba(255,255,255,.70);
    cursor:pointer;
    transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}

.yolo-gallery-thumb:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(17,17,17,.07);
}

.yolo-gallery-thumb.is-active{
    border-color:var(--yp-pink);
    box-shadow:0 0 0 1px rgba(0,0,0,.12);
}

.yolo-gallery-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    transform:none!important;
    filter:none!important;
}

.yolo-product-counter{
    margin-left:auto;
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(17,17,17,.52);
}

/* PURCHASE PANEL */
.yolo-product-info{
    position:relative;
    min-height:calc(100svh - 182px);
    padding:42px clamp(28px,4vw,58px);
    border:1px solid var(--yp-line);
    border-radius:var(--yp-radius);
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:var(--yp-card);
    box-shadow:0 24px 70px rgba(17,17,17,.035);
}

.yolo-product-info::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    border-radius:var(--yp-radius) var(--yp-radius) 0 0;
    background:var(--yp-brand);
}

.yolo-product-back{
    position:absolute;
    top:26px;
    left:clamp(28px,4vw,58px);
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:44px;
    padding:0 13px;
    border:1px solid var(--yp-line);
    border-radius:999px;
    font-size:9px;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
    transition:background .22s ease,color .22s ease;
}

.yolo-product-back:hover{
    background:#111;
    color:#fff;
}

.yolo-category{
    margin:35px 0 16px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    background:var(--yp-brand);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.yolo-category a{color:inherit}

.yolo-product-title{
    margin:0;
    max-width:9em;
    font-size:clamp(48px,5vw,82px);
    font-weight:500;
    line-height:.89;
    letter-spacing:-.06em;
}

.yolo-rating{
    margin-top:22px;
    display:flex;
    align-items:center;
    gap:11px;
    color:var(--yp-muted);
    font-size:11px;
    font-weight:600;
}

.yolo-stars{
    color:var(--yp-orange);
    letter-spacing:2px;
}

.yolo-price{
    margin-top:24px;
    font-size:clamp(28px,2.6vw,42px);
    font-weight:600;
    line-height:1;
    letter-spacing:-.035em;
}

.yolo-price del{
    margin-right:8px;
    opacity:.38;
    font-size:.62em;
}

.yolo-price ins{text-decoration:none}

.yolo-short{
    max-width:49ch;
    margin-top:24px;
    color:var(--yp-muted);
    font-size:13px;
    line-height:1.75;
}

.yolo-short p{margin:0}

.yolo-added-message{
    margin-top:22px;
    padding:13px 15px;
    border:1px solid rgba(17,17,17,.18);
    border-radius:14px;
    background:rgba(17,17,17,.05);
    color:#111111;
    font-size:11px;
    font-weight:600;
}

/* FORM */
.yolo-buy-form{
    margin-top:30px;
    width:100%;
    max-width:620px;
}

.yolo-form-row{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    gap:10px;
}

.yolo-field{
    padding:13px 15px;
    border:1px solid var(--yp-line);
    border-radius:16px;
    background:#f7f7f7;
}

.yolo-field label{
    display:block;
    margin-bottom:6px;
    font-size:8px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--yp-muted);
}

.yolo-qty,
.yolo-custom-name{
    width:100%;
    height:28px;
    padding:0;
    border:0;
    outline:none;
    background:transparent;
    color:var(--yp-ink);
}

.yolo-qty{text-align:left}

.yolo-purchase-buttons{
    margin-top:12px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.yolo-add-cart,
.yolo-buy-now,
.yolo-wholesale{
    min-height:55px;
    padding:0 22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    cursor:pointer;
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease;
}

.yolo-add-cart{
    border:0;
    background:var(--yp-brand);
    color:#fff;
    box-shadow:0 10px 28px rgba(0,0,0,.14);
}

.yolo-buy-now{
    border:1px solid #111;
    background:#111;
    color:#fff;
}

.yolo-wholesale{
    width:100%;
    min-height:46px;
    margin-top:9px;
    border:1px solid var(--yp-line);
    background:#fff;
    color:#111!important;
}

.yolo-add-cart:hover,
.yolo-buy-now:hover,
.yolo-wholesale:hover{
    transform:translateY(-2px);
}

.yolo-add-cart:hover{
    box-shadow:0 16px 34px rgba(0,0,0,.19);
}

.yolo-buy-now:hover{
    background:#fff;
    color:#111;
}

.yolo-wholesale:hover{
    border-color:#111;
}

/* =========================================================
   EDITORIAL BRAND STRIP
========================================================= */
.yolo-product-statement{
    width:min(1480px,calc(100% - 32px));
    min-height:52vh;
    margin:0 auto 18px;
    padding:90px var(--yp-gutter);
    position:relative;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:var(--yp-radius);
    background:
        radial-gradient(circle at 18% 24%,rgba(0,0,0,.18),transparent 28%),
        radial-gradient(circle at 82% 78%,rgba(0,0,0,.18),transparent 30%),
        #111;
    color:#fff;
}

.yolo-product-statement::before{
    content:attr(data-name);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    max-width:100%;
    font-size:clamp(100px,18vw,300px);
    font-weight:500;
    line-height:.72;
    letter-spacing:-.08em;
    white-space:nowrap;
    opacity:.035;
    pointer-events:none;
}

.yolo-product-statement-inner{
    position:relative;
    z-index:2;
    width:min(980px,100%);
    text-align:center;
}

.yolo-product-statement .yolo-statement-label{
    display:inline-block;
    padding:8px 12px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:999px;
    font-size:9px;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
    color:rgba(255,255,255,.72);
}

.yolo-product-statement h2{
    margin:24px auto 0;
    max-width:11em;
    font-size:clamp(48px,6.6vw,96px);
    font-weight:500;
    line-height:.91;
    letter-spacing:-.058em;
}

/* =========================================================
   DETAILS
========================================================= */
.yolo-details{
    width:min(1280px,calc(100% - 40px));
    margin:0 auto;
    padding:clamp(88px,10vw,135px) 0 24px;
}

.yolo-detail-item{
    margin-bottom:10px;
    border:1px solid var(--yp-line);
    border-radius:18px;
    background:#fff;
    overflow:hidden;
}

.yolo-detail-item:last-child{border-bottom:1px solid var(--yp-line)}

.yolo-detail-button{
    width:100%;
    min-height:92px;
    padding:22px 24px;
    border:0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:25px;
    background:transparent;
    color:#111;
    text-align:left;
    cursor:pointer;
}

.yolo-detail-button span:first-child{
    font-size:clamp(25px,2.7vw,40px);
    font-weight:500;
    line-height:1;
    letter-spacing:-.04em;
}

.yolo-detail-button span:last-child{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border:1px solid var(--yp-line);
    border-radius:50%;
    font-size:20px;
    transition:transform .3s ease,background .25s ease,color .25s ease;
}

.yolo-detail-item.open .yolo-detail-button span:last-child{
    transform:rotate(45deg);
    background:#111;
    color:#fff;
}

.yolo-detail-panel{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .42s cubic-bezier(.16,1,.3,1);
}

.yolo-detail-panel-inner{overflow:hidden}

.yolo-detail-panel-content{
    max-width:940px;
    padding:0 24px 30px;
    color:var(--yp-muted);
    font-size:14px;
    line-height:1.8;
}

.yolo-detail-item.open .yolo-detail-panel{grid-template-rows:1fr}
.yolo-detail-panel p{margin:0 0 14px}

.yolo-spec-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    border:0;
}

.yolo-spec-row{
    min-height:68px;
    padding:16px 18px;
    display:flex;
    justify-content:space-between;
    gap:24px;
    border:1px solid var(--yp-line);
    border-radius:14px;
    background:#f7f7f7;
}

.yolo-spec-label{
    color:#111;
    font-weight:700;
}

/* =========================================================
   REVIEWS
========================================================= */
.yolo-reviews{
    width:min(1280px,calc(100% - 40px));
    margin:0 auto;
    padding:clamp(80px,9vw,120px) 0 110px;
}

.yolo-reviews-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    margin-bottom:32px;
}

.yolo-reviews-title{
    margin:0;
    font-size:clamp(44px,5.2vw,72px);
    font-weight:500;
    line-height:.92;
    letter-spacing:-.055em;
}

.yolo-review-summary{
    margin-top:13px;
    color:var(--yp-muted);
    font-size:11px;
    font-weight:600;
}

.yolo-write-review{
    min-height:48px;
    padding:0 20px;
    border:1px solid #111;
    border-radius:999px;
    background:#111;
    color:#fff;
    cursor:pointer;
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.yolo-review-form{
    display:none;
    margin-bottom:26px;
    padding:26px;
    border:1px solid var(--yp-line);
    border-radius:20px;
    background:#fff;
}

.yolo-review-form.open{display:block}

.yolo-review-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.yolo-review-field{margin-bottom:16px}

.yolo-review-field label{
    display:block;
    margin-bottom:8px;
    font-size:9px;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.yolo-review-field input,
.yolo-review-field textarea{
    width:100%;
    padding:14px;
    border:1px solid var(--yp-line);
    border-radius:14px;
    background:#f7f7f7;
    outline:none;
}

.yolo-review-field textarea{
    min-height:130px;
    resize:vertical;
}

.yolo-rating-options{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.yolo-rating-options label{
    margin:0;
    cursor:pointer;
}

.yolo-rating-options input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.yolo-rating-chip{
    min-width:54px;
    min-height:44px;
    padding:0 10px;
    border:1px solid var(--yp-line);
    border-radius:999px;
    display:grid;
    place-items:center;
    background:#fff;
}

.yolo-rating-options input:checked + .yolo-rating-chip{
    background:var(--yp-brand);
    color:#fff;
    border-color:transparent;
}

.yolo-rating-options input:focus-visible + .yolo-rating-chip{
    outline:2px solid currentColor;
    outline-offset:3px;
}

.yolo-review-submit{
    min-height:48px;
    padding:0 22px;
    border:0;
    border-radius:999px;
    background:var(--yp-brand);
    color:#fff;
    cursor:pointer;
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.yolo-review-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    border:0;
}

.yolo-review-card{
    padding:22px;
    border:1px solid var(--yp-line);
    border-radius:18px;
    background:#fff;
}

.yolo-review-top{
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-bottom:12px;
}

.yolo-review-author{
    font-size:12px;
    font-weight:700;
}

.yolo-review-text{
    max-width:820px;
    margin:0 0 10px;
    color:var(--yp-muted);
    font-size:13px;
    line-height:1.7;
}

.yolo-review-date{
    font-size:10px;
    color:rgba(17,17,17,.42);
}

/* Native WooCommerce purchase fallback for variable, grouped and external products. */
.yolo-native-purchase{
    width:100%;
    max-width:620px;
    margin-top:30px;
    padding-top:22px;
    border-top:1px solid var(--yp-line);
}
.yolo-native-purchase form.cart{margin:0}
.yolo-native-purchase .variations{width:100%;margin:0 0 16px;border-collapse:collapse}
.yolo-native-purchase .variations th,
.yolo-native-purchase .variations td{padding:8px 0;text-align:left;vertical-align:middle}
.yolo-native-purchase select,
.yolo-native-purchase input.qty{min-height:44px;border:1px solid var(--yp-line);background:#fff;color:var(--yp-ink)}
.yolo-native-purchase .single_add_to_cart_button{
    min-height:55px;
    padding:0 22px;
    border:1px solid #111;
    border-radius:999px;
    background:#111;
    color:#fff;
    font:700 9px/1 Inter,Arial,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    cursor:pointer;
}
.yolo-native-purchase .single_add_to_cart_button:hover{background:#fff;color:#111}
.yolo-native-purchase .reset_variations{display:inline-flex;align-items:center;min-height:44px;margin-left:10px;text-decoration:underline;text-underline-offset:4px}

/* =========================================================
   RESPONSIVE
========================================================= */
@media(max-width:1080px){
    .yolo-product-hero{
        grid-template-columns:1fr;
        padding-top:98px;
    }

    .yolo-product-gallery{
        min-height:66svh;
    }

    .yolo-product-info{
        min-height:auto;
        padding-top:86px;
        padding-bottom:54px;
    }

    .yolo-product-back{
        top:24px;
    }

    .yolo-product-title{
        max-width:10em;
    }
}

@media(max-width:640px){
    .yolo-product-hero{
        width:calc(100% - 20px);
        padding-top:80px;
        gap:10px;
    }

    .yolo-product-gallery,
    .yolo-product-info,
    .yolo-product-statement{
        border-radius:20px;
    }

    .yolo-product-gallery{
        min-height:57svh;
    }

    .yolo-product-media-label{
        left:14px;
        top:14px;
    }

    .yolo-product-image{
        inset:12% 3% 18%;
    }

    #yoloMainProductImage{
        max-width:82%;
        max-height:43vh;
    }

    .yolo-product-yolo-retro-watch #yoloMainProductImage,
    .yolo-product-retro-watch #yoloMainProductImage{
        max-width:50%;
    }

    .yolo-product-yolo-y-pro-stylus #yoloMainProductImage,
    .yolo-product-y-pro-stylus #yoloMainProductImage,
    .yolo-product-yolo-stylus #yoloMainProductImage{
        max-width:31%;
    }

    .yolo-gallery-thumbs{
        left:14px;
        right:14px;
        bottom:14px;
        overflow-x:auto;
    }

    .yolo-gallery-thumb{
        width:58px;
        min-width:58px;
        height:58px;
        border-radius:12px;
    }

    .yolo-product-counter{display:none}

    .yolo-product-info{
        padding:78px 18px 38px;
    }

    .yolo-product-back{
        left:18px;
        top:18px;
    }

    .yolo-category{
        margin-top:14px;
    }

    .yolo-product-title{
        font-size:48px;
    }

    .yolo-form-row,
    .yolo-purchase-buttons{
        grid-template-columns:1fr;
    }

    .yolo-product-statement{
        width:calc(100% - 20px);
        min-height:47vh;
        margin-top:0;
        padding:65px 20px;
    }

    .yolo-details,
    .yolo-reviews{
        width:calc(100% - 24px);
    }

    .yolo-detail-button{
        min-height:78px;
        padding:18px;
    }

    .yolo-detail-button span:first-child{
        font-size:28px;
    }

    .yolo-detail-panel-content{
        padding:0 18px 24px;
    }

    .yolo-spec-grid,
    .yolo-review-grid,
    .yolo-review-list{
        grid-template-columns:1fr;
    }

    .yolo-reviews-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .yolo-write-review{
        width:100%;
    }
}

/* Previous-design portrait rectangle proportions */
@media(min-width:901px){
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-card{
        aspect-ratio:4 / 5.4;
    }
}

@media(prefers-reduced-motion:reduce){
    .yolo-product-image,
    #yoloMainProductImage{
        transform:none!important;
    }
}


/* =========================================================
   FILMBOT-INSPIRED FINAL VISUAL SYSTEM
   Off-white / near-black / coral. Visual overrides only.
========================================================= */
:root{
    --yp-ink:var(--yolo-ink);
    --yp-paper:#FFFFFF;
    --yp-card:#FFFFFF;
    --yp-line:rgba(16,20,16,.16);
    --yp-muted:rgba(16,20,16,.60);
    --yp-orange:var(--yolo-accent);
    --yp-pink:var(--yolo-accent);
    --yp-brand:var(--yolo-accent);
    --yp-radius:0px;
}

body,
.yolo-product-page{
    background:var(--yp-paper)!important;
    color:var(--yp-ink)!important;
}

.yolo-product-hero{
    width:min(1380px,calc(100% - clamp(36px,7vw,120px)));
    padding:126px 0 72px;
    gap:0;
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
    min-height:calc(100svh - 10px);
}

.yolo-product-gallery,
.yolo-product-info{
    border-radius:0!important;
    box-shadow:none!important;
}

.yolo-product-gallery{
    border-right:0;
    background:
        radial-gradient(circle at 18% 20%,rgba(255,79,139,.10),transparent 27%),
        radial-gradient(circle at 82% 82%,rgba(16,20,16,.08),transparent 32%),
        #ffffff;
}

.yolo-product-gallery::before{
    background-image:
        linear-gradient(rgba(16,20,16,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(16,20,16,.035) 1px,transparent 1px);
    background-size:96px 96px;
}

.yolo-product-gallery::after{
    color:rgba(16,20,16,.026);
    font-size:clamp(150px,18vw,320px);
}

.yolo-product-media-label{
    left:24px;
    top:22px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    color:var(--yp-ink);
    font-size:9px;
    font-weight:800;
    letter-spacing:.10em;
}

.yolo-product-media-label::before{
    content:'';
    display:inline-block;
    width:7px;
    height:7px;
    margin-right:9px;
    background:var(--yp-brand);
    vertical-align:1px;
}

.yolo-gallery-thumbs{
    left:22px;
    right:22px;
    bottom:20px;
    gap:0;
}

.yolo-gallery-thumb{
    width:70px;
    height:70px;
    padding:8px;
    border-radius:0;
    border-right:0;
    background:rgba(255,255,255,.92);
    box-shadow:none!important;
}
.yolo-gallery-thumb:last-of-type{border-right:1px solid var(--yp-line)}
.yolo-gallery-thumb:hover{transform:none;background:#fff}
.yolo-gallery-thumb.is-active{
    border-color:var(--yp-line);
    box-shadow:inset 0 -3px 0 var(--yp-brand)!important;
}

.yolo-product-info{
    min-height:calc(100svh - 198px);
    padding:52px clamp(32px,4.2vw,64px);
    border-left:1px solid var(--yp-line);
    background:var(--yp-paper);
}

.yolo-product-info::before{
    height:3px;
    border-radius:0;
    background:var(--yp-brand);
}

.yolo-product-back{
    top:24px;
    left:clamp(32px,4.2vw,64px);
    min-height:auto;
    padding:0 0 5px;
    border:0;
    border-bottom:1px solid currentColor;
    border-radius:0;
    font-size:9px;
    background:transparent;
}
.yolo-product-back:hover{background:transparent;color:var(--yp-brand)}

.yolo-category{
    margin:48px 0 18px;
    background:none;
    -webkit-background-clip:initial;
    background-clip:initial;
    color:var(--yp-brand);
    font-weight:800;
}

.yolo-product-title{
    max-width:8.6em;
    font-size:clamp(54px,5.4vw,88px);
    line-height:.86;
    font-weight:550;
    letter-spacing:-.065em;
}

.yolo-stars{color:var(--yp-brand)}

.yolo-price{
    margin-top:26px;
    font-size:clamp(28px,2.8vw,44px);
    font-weight:650;
}

.yolo-short{
    max-width:54ch;
    margin-top:24px;
    font-size:13px;
    line-height:1.8;
}

.yolo-added-message{
    border-radius:0;
    border-left:4px solid var(--yp-brand);
    background:transparent;
}

.yolo-buy-form{margin-top:32px}
.yolo-form-row{
    grid-template-columns:118px minmax(0,1fr);
    gap:18px;
}

.yolo-field{
    padding:11px 0 9px;
    border:0;
    border-bottom:1px solid var(--yp-line);
    border-radius:0;
    background:transparent;
}
.yolo-field:focus-within{border-bottom-color:var(--yp-brand)}
.yolo-field label{margin-bottom:7px}

.yolo-purchase-buttons{margin-top:20px;gap:0}
.yolo-add-cart,
.yolo-buy-now,
.yolo-wholesale{
    border-radius:0!important;
    box-shadow:none!important;
    min-height:56px;
    font-weight:800;
}

.yolo-add-cart{
    border:1px solid var(--yp-brand);
    background:var(--yp-brand);
    color:var(--yolo-ink);
}
.yolo-add-cart:hover{background:var(--yolo-ink);color:#fff;border-color:var(--yolo-ink)}

.yolo-buy-now{
    border:1px solid var(--yolo-ink);
    background:var(--yolo-ink);
    color:#fff;
}
.yolo-buy-now:hover{background:transparent;color:var(--yolo-ink)}

.yolo-wholesale{
    margin-top:0;
    border:1px solid var(--yp-line);
    border-top:0;
    background:transparent;
    color:var(--yolo-ink)!important;
}
.yolo-wholesale:hover{border-color:var(--yp-brand);color:var(--yp-brand)!important}

.yolo-product-statement{
    width:min(1380px,calc(100% - clamp(36px,7vw,120px)));
    min-height:48vh;
    margin:0 auto;
    padding:88px clamp(28px,5vw,72px);
    border-radius:0;
    background:var(--yolo-ink);
}
.yolo-product-statement::before{opacity:.025}
.yolo-product-statement .yolo-statement-label{
    padding:0;
    border:0;
    border-radius:0;
    color:var(--yolo-accent);
    font-weight:800;
}
.yolo-product-statement h2{
    max-width:10em;
    font-size:clamp(54px,6.8vw,100px);
    line-height:.88;
    font-weight:550;
}

.yolo-details,
.yolo-reviews{
    width:min(1180px,calc(100% - clamp(36px,7vw,120px)));
}

.yolo-detail-item{
    margin:0;
    border:0;
    border-top:1px solid var(--yp-line);
    border-radius:0;
    background:transparent;
}
.yolo-detail-item:last-child{border-bottom:1px solid var(--yp-line)}
.yolo-detail-button{padding:26px 0;min-height:94px}
.yolo-detail-button span:last-child{
    width:34px;
    height:34px;
    border-radius:0;
}
.yolo-detail-item.open .yolo-detail-button span:last-child{
    background:var(--yp-brand);
    color:var(--yolo-ink);
    border-color:var(--yp-brand);
}
.yolo-detail-panel-content{padding:0 0 34px}

.yolo-spec-grid{gap:0;border-top:1px solid var(--yp-line);border-left:1px solid var(--yp-line)}
.yolo-spec-row{
    min-height:72px;
    padding:18px;
    border-radius:0;
    border:0;
    border-right:1px solid var(--yp-line);
    border-bottom:1px solid var(--yp-line);
    background:transparent;
}


/* =========================================================
   APPLE-INSPIRED TECH SPECS
   Quiet typography, generous whitespace, hairline dividers.
========================================================= */
.yolo-specs-section{
    width:min(1120px,calc(100% - clamp(40px,8vw,144px)));
    margin:0 auto;
    padding:clamp(104px,11vw,154px) 0 clamp(100px,10vw,144px);
}
.yolo-specs-kicker{display:none}
.yolo-specs-head{
    display:block;
    padding:0 0 clamp(54px,6vw,76px);
    border-bottom:1px solid rgba(16,20,16,.18);
}
.yolo-specs-title{
    margin:0;
    max-width:none;
    color:var(--yp-ink);
    font-size:clamp(54px,6.6vw,86px);
    line-height:.95;
    font-weight:600;
    letter-spacing:-.055em;
}
.yolo-specs-product-name{
    margin:18px 0 0;
    color:var(--yp-ink);
    font-size:clamp(19px,1.8vw,24px);
    line-height:1.25;
    font-weight:600;
    letter-spacing:-.025em;
}
.yolo-specs-intro{
    max-width:58ch;
    margin:14px 0 0;
    color:var(--yp-muted);
    font-size:15px;
    line-height:1.6;
}
.yolo-specs-grid{
    display:block;
    border:0;
}
.yolo-specs-row{
    min-height:110px;
    padding:30px 0;
    display:grid;
    grid-template-columns:minmax(180px,260px) minmax(0,1fr);
    gap:clamp(28px,6vw,96px);
    align-items:start;
    border:0;
    border-bottom:1px solid rgba(16,20,16,.14);
    background:transparent;
}
.yolo-specs-label{
    color:var(--yp-ink);
    font-size:17px;
    line-height:1.45;
    font-weight:600;
    letter-spacing:-.02em;
    text-transform:none;
}
.yolo-specs-value{
    min-width:0;
    max-width:660px;
    color:var(--yp-ink);
    font-size:17px;
    line-height:1.55;
    font-weight:400;
    letter-spacing:-.012em;
    overflow-wrap:anywhere;
}
.yolo-specs-value strong{font-weight:600}
.yolo-specs-empty{
    margin:0;
    padding:30px 0;
    color:var(--yp-muted);
    border-bottom:1px solid rgba(16,20,16,.14);
    font-size:15px;
    line-height:1.7;
}

.yolo-write-review,
.yolo-review-submit{
    border-radius:0;
    background:var(--yp-brand);
    border:1px solid var(--yp-brand);
    color:var(--yolo-ink);
    font-weight:800;
}
.yolo-write-review:hover,
.yolo-review-submit:hover{background:var(--yolo-ink);color:#fff;border-color:var(--yolo-ink)}

.yolo-review-form,
.yolo-review-card{
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.yolo-review-form{padding:26px 0;border-left:0;border-right:0}
.yolo-review-list{gap:0;border-top:1px solid var(--yp-line);border-left:1px solid var(--yp-line)}
.yolo-review-card{border:0;border-right:1px solid var(--yp-line);border-bottom:1px solid var(--yp-line)}

.yolo-review-field input,
.yolo-review-field textarea{
    border-radius:0;
    background:transparent;
}
.yolo-rating-chip{border-radius:0;background:transparent}
.yolo-rating-options input:checked + .yolo-rating-chip{
    background:var(--yp-brand);
    color:var(--yolo-ink);
    border-color:var(--yp-brand);
}

.yolo-native-purchase select,
.yolo-native-purchase input.qty{background:transparent}
.yolo-native-purchase .single_add_to_cart_button{
    border-radius:0;
    background:var(--yp-brand);
    border-color:var(--yp-brand);
    color:var(--yolo-ink);
}
.yolo-native-purchase .single_add_to_cart_button:hover{background:var(--yolo-ink);color:#fff;border-color:var(--yolo-ink)}

@media(max-width:1080px){
    .yolo-product-hero{
        width:calc(100% - 48px);
        padding-top:104px;
        grid-template-columns:1fr;
    }
    .yolo-product-gallery{border-right:1px solid var(--yp-line)}
    .yolo-product-info{border-left:1px solid var(--yp-line);padding-top:92px}
    .yolo-product-statement{width:calc(100% - 48px)}
}

@media(max-width:640px){
    .yolo-product-hero,
    .yolo-product-statement{
        width:calc(100% - 24px);
    }
    .yolo-product-hero{padding-top:84px}
    .yolo-product-gallery,
    .yolo-product-info,
    .yolo-product-statement{border-radius:0!important}
    .yolo-product-title{font-size:46px}
    .yolo-form-row{grid-template-columns:1fr;gap:12px}
    .yolo-purchase-buttons{grid-template-columns:1fr}
    .yolo-wholesale{border-top:1px solid var(--yp-line)}
    .yolo-details,
    .yolo-reviews,
    .yolo-specs-section{width:calc(100% - 36px);padding:72px 0 78px}
    .yolo-specs-head{padding-bottom:36px}
    .yolo-specs-title{font-size:48px}
    .yolo-specs-product-name{margin-top:14px;font-size:19px}
    .yolo-specs-intro{margin-top:10px;font-size:14px}
    .yolo-specs-row{min-height:0;padding:24px 0;grid-template-columns:1fr;gap:8px}
    .yolo-specs-label{font-size:15px}
    .yolo-specs-value{font-size:15px;line-height:1.55}
    .yolo-review-list{grid-template-columns:1fr}
}

/* =========================================================
   PRODUCT STORY SYSTEM
   Inspired by the pacing of Apple's product pages: local nav,
   highlights, closer look, and feature chapters.
========================================================= */
.yolo-product-page{--story-tint:#ECEDEA}
.yolo-product-localnav{
    position:sticky;
    top:68px;
    z-index:35;
    width:100%;
    min-height:54px;
    padding:0 clamp(18px,4vw,58px);
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:24px;
    border-bottom:1px solid rgba(16,20,16,.12);
    background:rgba(255,255,255,.94);
    backdrop-filter:saturate(180%) blur(18px);
    -webkit-backdrop-filter:saturate(180%) blur(18px);
}
.yolo-product-localnav-name{
    overflow:hidden;
    color:var(--yolo-ink);
    font-size:15px;
    line-height:1.2;
    font-weight:650;
    letter-spacing:-.025em;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.yolo-product-localnav-links{display:flex;align-items:center;gap:22px}
.yolo-product-localnav-links a{color:rgba(16,20,16,.74);font-size:11px;line-height:1;font-weight:600}
.yolo-product-localnav-links a:hover{color:var(--yolo-ink)}
.yolo-product-localnav-buy{
    min-height:30px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;
    border-radius:999px;background:var(--yolo-ink);color:#fff!important;font-size:11px;font-weight:700;
}
.yolo-product-hero,.yolo-product-info{scroll-margin-top:130px}
#yoloMainProductImage,.yolo-product-image{transform:none!important;will-change:auto!important}

.yolo-story-highlights,.yolo-story-closer,.yolo-story-chapters{
    width:min(1380px,calc(100% - clamp(36px,7vw,120px)));margin:0 auto;
}
.yolo-story-highlights{padding:clamp(92px,10vw,142px) 0 clamp(96px,10vw,138px)}
.yolo-story-section-label{margin:0 0 20px;color:var(--yolo-ink);font-size:clamp(28px,3.2vw,42px);line-height:1;font-weight:650;letter-spacing:-.045em}
.yolo-story-heading{margin:0;max-width:11ch;color:var(--yolo-ink);font-size:clamp(54px,7.8vw,116px);line-height:.88;font-weight:650;letter-spacing:-.07em}
.yolo-story-intro{max-width:58ch;margin:26px 0 0;color:rgba(16,20,16,.66);font-size:clamp(17px,1.7vw,23px);line-height:1.48;font-weight:500;letter-spacing:-.02em}
.yolo-highlight-rail{
    margin-top:clamp(48px,6vw,78px);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(350px,34vw);gap:18px;
    overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;padding-bottom:4px;
}
.yolo-highlight-rail::-webkit-scrollbar{display:none}
.yolo-highlight-card{
    position:relative;min-width:0;min-height:clamp(600px,66vw,760px);padding:clamp(28px,3vw,42px);display:flex;flex-direction:column;overflow:hidden;
    scroll-snap-align:start;border-radius:32px;background:var(--story-tint,#ECEDEA);color:var(--yolo-ink);
}
.yolo-highlight-card:nth-child(2n){background:var(--yolo-ink);color:#fff}
.yolo-highlight-card:nth-child(3n){background:#fff}
.yolo-highlight-index{font-size:12px;font-weight:700;letter-spacing:.08em;opacity:.5}
.yolo-highlight-title{margin:22px 0 0;width:100%;max-width:100%;font-size:clamp(32px,3.35vw,56px);line-height:.96;font-weight:650;letter-spacing:-.052em;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
.yolo-highlight-copy{max-width:34ch;margin:18px 0 0;font-size:15px;line-height:1.55;font-weight:500;opacity:.72}
.yolo-highlight-media{min-height:0;flex:1;display:grid;place-items:center;padding:34px 4px 4px}
.yolo-highlight-media img{width:100%;height:100%;max-width:82%;max-height:330px;object-fit:contain;filter:drop-shadow(0 26px 24px rgba(16,20,16,.16))}

.yolo-product-statement{min-height:68vh;padding-top:120px;padding-bottom:120px}
.yolo-product-statement h2{max-width:9ch}
.yolo-product-statement .yolo-story-statement-copy{max-width:52ch;margin:28px auto 0;color:rgba(255,255,255,.64);font-size:18px;line-height:1.6}

.yolo-story-closer{padding:clamp(100px,11vw,154px) 0}
.yolo-closer-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:52px}
.yolo-closer-head h2{margin:0;color:var(--yolo-ink);font-size:clamp(48px,6.2vw,88px);line-height:.93;font-weight:650;letter-spacing:-.06em}
.yolo-closer-head p{max-width:40ch;margin:0;color:rgba(16,20,16,.62);font-size:15px;line-height:1.6}
.yolo-closer-stage{
    min-height:clamp(560px,70vw,850px);padding:clamp(28px,5vw,70px);display:grid;place-items:center;overflow:hidden;border-radius:34px;background:var(--story-tint,#ECEDEA);
}
.yolo-closer-stage img{width:100%;height:100%;max-width:74%;max-height:650px;object-fit:contain;filter:drop-shadow(0 36px 34px rgba(16,20,16,.18))}
.yolo-closer-thumbs{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.yolo-closer-thumb{min-height:170px;padding:18px;display:grid;place-items:center;border-radius:22px;background:#fff}
.yolo-closer-thumb img{width:100%;height:130px;object-fit:contain}

.yolo-story-chapters{padding:0 0 clamp(110px,12vw,168px)}
.yolo-story-chapter-head{padding:clamp(84px,9vw,124px) clamp(28px,5vw,72px);border-radius:34px;background:var(--yolo-ink);color:#fff}
.yolo-story-chapter-kicker{margin:0 0 24px;color:var(--yolo-accent);font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.yolo-story-chapter-title{margin:0;max-width:9ch;font-size:clamp(58px,8vw,118px);line-height:.88;font-weight:650;letter-spacing:-.07em}
.yolo-story-chapter-copy{max-width:58ch;margin:34px 0 0;color:rgba(255,255,255,.66);font-size:clamp(17px,1.7vw,23px);line-height:1.55}
.yolo-story-feature-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.yolo-story-feature{min-height:390px;padding:30px;display:flex;flex-direction:column;border-radius:28px;background:#fff}
.yolo-story-feature-number{color:rgba(16,20,16,.36);font-size:11px;font-weight:800;letter-spacing:.08em}
.yolo-story-feature h3{margin:auto 0 16px;font-size:clamp(36px,4vw,58px);line-height:.94;font-weight:650;letter-spacing:-.055em}
.yolo-story-feature p{margin:0;color:rgba(16,20,16,.62);font-size:15px;line-height:1.6}

.yolo-story-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.yolo-story-reveal.is-visible{opacity:1;transform:none}

@media(max-width:900px){
    .yolo-product-localnav{top:64px;grid-template-columns:minmax(0,1fr) auto;gap:14px}
    .yolo-product-localnav-links{display:none}
    .yolo-highlight-rail{grid-auto-columns:minmax(300px,68vw)}
    .yolo-closer-head{align-items:flex-start;flex-direction:column}
    .yolo-story-feature-grid{grid-template-columns:1fr}
    .yolo-story-feature{min-height:290px}
}
@media(max-width:640px){
    .yolo-product-localnav{top:62px;padding:0 14px;min-height:50px}
    .yolo-product-localnav-name{font-size:13px}
    .yolo-product-localnav-buy{min-height:28px;padding:0 12px;font-size:10px}
    .yolo-story-highlights,.yolo-story-closer,.yolo-story-chapters{width:calc(100% - 24px)}
    .yolo-story-highlights{padding-top:84px}
    .yolo-story-heading{font-size:clamp(48px,14vw,70px)}
    .yolo-story-intro{font-size:17px}
    .yolo-highlight-rail{grid-auto-columns:82vw;gap:12px;margin-right:-12px}
    .yolo-highlight-card{min-height:590px;padding:26px;border-radius:24px}
    .yolo-highlight-title{font-size:clamp(34px,10.5vw,48px);line-height:.94;letter-spacing:-.048em}
    .yolo-highlight-copy{max-width:100%;font-size:14px;line-height:1.5}
    .yolo-highlight-media img{max-width:86%;max-height:250px}
    .yolo-product-statement{min-height:60vh;padding:84px 24px}
    .yolo-product-statement .yolo-story-statement-copy{font-size:16px}
    .yolo-story-closer{padding:86px 0}
    .yolo-closer-stage{min-height:480px;padding:24px;border-radius:24px}
    .yolo-closer-stage img{max-width:88%;max-height:410px}
    .yolo-closer-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
    .yolo-closer-thumb{min-height:135px;padding:12px;border-radius:18px}
    .yolo-closer-thumb img{height:105px}
    .yolo-story-chapter-head{padding:72px 24px;border-radius:24px}
    .yolo-story-chapter-title{font-size:clamp(50px,14vw,72px)}
    .yolo-story-chapter-copy{font-size:17px}
    .yolo-story-feature-grid{gap:12px}
    .yolo-story-feature{min-height:270px;padding:24px;border-radius:22px}
}
@media(prefers-reduced-motion:reduce){.yolo-story-reveal{opacity:1;transform:none;transition:none}}

/* Tighten the handoff from feature cards to Description.
   Earlier both sections added large vertical padding, which stacked into a blank gap. */
.yolo-story-chapters{padding-bottom:clamp(42px,4.5vw,68px)!important}
.yolo-story-chapters + .yolo-details{padding-top:clamp(34px,3.8vw,54px)!important}
@media(max-width:640px){
    .yolo-story-chapters{padding-bottom:30px!important}
    .yolo-story-chapters + .yolo-details{padding-top:28px!important}
}

/* =========================================================
   VISUAL TECH SPECS — product-specific media + clean alignment
========================================================= */
.yolo-specs-section{
    width:min(1240px,calc(100% - clamp(36px,7vw,120px)));
    margin:0 auto;
    padding:clamp(104px,11vw,156px) 0 clamp(110px,12vw,170px);
    color:var(--yolo-ink);
    text-align:left;
}
.yolo-specs-head{
    width:min(760px,100%);
    margin:0;
    padding:0 0 clamp(42px,5vw,66px);
    text-align:left;
}
.yolo-specs-kicker{
    margin:0 0 14px;
    color:var(--yolo-accent);
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.yolo-specs-title{
    margin:0;
    color:var(--yolo-ink);
    font-size:clamp(58px,7.4vw,104px);
    line-height:.88;
    font-weight:650;
    letter-spacing:-.068em;
    text-align:left;
}
.yolo-specs-product-name{
    margin:22px 0 0;
    color:var(--yolo-ink);
    font-size:clamp(20px,2vw,28px);
    line-height:1.18;
    font-weight:650;
    letter-spacing:-.035em;
    text-align:left;
}
.yolo-specs-intro{
    max-width:52ch;
    margin:16px 0 0;
    color:rgba(16,20,16,.60);
    font-size:16px;
    line-height:1.65;
    text-align:left;
}
.yolo-specs-layout{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);
    gap:clamp(44px,6vw,92px);
    align-items:start;
    border-top:1px solid rgba(16,20,16,.18);
    padding-top:clamp(34px,4.4vw,58px);
}
.yolo-specs-visual{margin:0;min-width:0;position:sticky;top:130px}
.yolo-specs-visual-frame{
    position:relative;
    aspect-ratio:4/3;
    overflow:hidden;
    background:var(--spec-visual-tint,#ECEDEA);
}
.yolo-specs-visual-frame img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transform:none!important;
    filter:none!important;
}
.yolo-specs-visual figcaption{
    margin:14px 0 0;
    color:rgba(16,20,16,.52);
    font-size:11px;
    line-height:1.45;
    font-weight:650;
    letter-spacing:.025em;
    text-align:left;
}
.yolo-specs-list{min-width:0;border-top:1px solid rgba(16,20,16,.18)}
.yolo-specs-row{
    min-height:86px;
    display:grid;
    grid-template-columns:minmax(150px,210px) minmax(0,1fr);
    gap:clamp(24px,3vw,48px);
    align-items:start;
    padding:27px 0 29px;
    border-bottom:1px solid rgba(16,20,16,.18);
    text-align:left;
}
.yolo-specs-label{
    color:var(--yolo-ink);
    font-size:15px;
    line-height:1.45;
    font-weight:650;
    letter-spacing:-.012em;
    text-align:left;
}
.yolo-specs-value{
    min-width:0;
    color:rgba(16,20,16,.68);
    font-size:15px;
    line-height:1.58;
    font-weight:500;
    overflow-wrap:anywhere;
    text-align:left;
}
.yolo-specs-empty{margin:24px 0 0;color:rgba(16,20,16,.58);font-size:15px;line-height:1.6}

@media(max-width:900px){
    .yolo-specs-layout{grid-template-columns:1fr;gap:44px}
    .yolo-specs-visual{position:relative;top:auto}
    .yolo-specs-visual-frame{aspect-ratio:16/10}
}
@media(max-width:640px){
    .yolo-specs-section{width:calc(100% - 28px);padding:86px 0 108px}
    .yolo-specs-head{padding-bottom:38px}
    .yolo-specs-title{font-size:clamp(52px,15vw,70px)}
    .yolo-specs-product-name{margin-top:18px;font-size:21px}
    .yolo-specs-intro{font-size:15px;line-height:1.6}
    .yolo-specs-layout{padding-top:24px;gap:30px}
    .yolo-specs-visual-frame{aspect-ratio:4/3}
    .yolo-specs-row{grid-template-columns:1fr;gap:7px;padding:22px 0 24px}
    .yolo-specs-label{font-size:14px}
    .yolo-specs-value{font-size:15px;line-height:1.55}
}

/* =========================================================
   APPLE-LIKE SCROLL PARALLAX
   Subtle depth on story imagery only. Purchase UI stays fixed.
========================================================= */
.yolo-highlight-media,
.yolo-closer-stage,
.yolo-specs-visual-frame{
    overflow:hidden;
}
.yolo-highlight-media img,
.yolo-closer-stage img{
    --yolo-parallax-y:0px;
    transform:translate3d(0,var(--yolo-parallax-y),0)!important;
    transition:transform .06s linear;
    will-change:transform;
}
.yolo-specs-visual-frame img{
    --yolo-parallax-y:0px;
    width:100%;
    height:112%;
    margin-top:-6%;
    transform:translate3d(0,var(--yolo-parallax-y),0) scale(1.035)!important;
    transform-origin:center;
    transition:transform .06s linear;
    will-change:transform;
}
@media(max-width:640px){
    .yolo-specs-visual-frame img{height:108%;margin-top:-4%;transform:translate3d(0,var(--yolo-parallax-y),0) scale(1.02)!important}
}
@media(prefers-reduced-motion:reduce){
    .yolo-highlight-media img,
    .yolo-closer-stage img,
    .yolo-specs-visual-frame img{
        --yolo-parallax-y:0px!important;
        transform:none!important;
        transition:none!important;
    }
    .yolo-specs-visual-frame img{height:100%;margin-top:0}
}


/* Compact dimensions row. Keeps Tech Specs removed while preserving physical size info. */
.yolo-dimension-row{
    display:grid;
    grid-template-columns:minmax(150px,.38fr) minmax(0,1fr);
    gap:28px;
    align-items:baseline;
    padding:22px 0 4px;
    border-top:1px solid var(--yp-line);
    color:var(--yp-ink);
}
.yolo-dimension-label{
    color:var(--yp-muted);
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.yolo-dimension-row strong{
    font-size:clamp(18px,2vw,26px);
    line-height:1.25;
    font-weight:550;
    letter-spacing:-.025em;
}
@media(max-width:640px){
    .yolo-dimension-row{grid-template-columns:1fr;gap:8px;padding-top:18px}
    .yolo-dimension-row strong{font-size:20px}
}

/* =========================================================
   STABLE FRONT-PAGE STYLE SCROLL HIGHLIGHTS
   Built on the last stable product page. Sticky is enabled only
   after JS has measured the rail, so a JS failure never creates a
   giant blank section. overflow:clip keeps sticky working.
========================================================= */
.yolo-product-page{
    overflow:clip!important;
}

/* Wrapper fallback: with JS off/reduced motion the original horizontal rail remains. */
.yolo-highlight-sticky,
.yolo-highlight-shell,
.yolo-highlight-viewport{
    display:contents;
}
.yolo-highlight-head{display:contents}

.yolo-scroll-story-stage.is-scroll-stage-ready{
    --yolo-story-top:122px;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    transform:none!important;
    background:var(--yp-paper);
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-sticky{
    display:block;
    position:sticky;
    top:var(--yolo-story-top);
    height:var(--yolo-story-height,calc(100svh - var(--yolo-story-top)));
    min-height:0;
    overflow:hidden;
    background:var(--yp-paper);
    z-index:6;
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-shell{
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    width:min(1380px,calc(100% - clamp(36px,7vw,120px)));
    height:100%;
    margin:0 auto;
    padding:clamp(24px,3vw,42px) 0 clamp(18px,2.4vw,32px);
    overflow:hidden;
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-head{
    display:grid;
    grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);
    grid-template-areas:
        "label title"
        "intro title";
    column-gap:clamp(28px,4.5vw,74px);
    row-gap:10px;
    align-items:end;
    padding-bottom:clamp(20px,2.6vw,34px);
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-story-section-label{
    grid-area:label;
    margin:0;
    font-size:clamp(20px,2vw,30px);
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-story-heading{
    grid-area:title;
    max-width:10ch;
    margin:0;
    font-size:clamp(46px,5.8vw,86px);
    line-height:.88;
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-story-intro{
    grid-area:intro;
    max-width:43ch;
    margin:0;
    font-size:clamp(13px,1.15vw,17px);
    line-height:1.48;
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-viewport{
    display:block;
    position:relative;
    min-height:0;
    overflow:hidden;
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-rail{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:max-content;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center;
    gap:clamp(12px,1.25vw,18px);
    overflow:visible!important;
    scroll-snap-type:none!important;
    transform:translate3d(0,0,0);
    will-change:transform;
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-card{
    flex:0 0 clamp(360px,32vw,470px);
    width:clamp(360px,32vw,470px);
    height:min(100%,650px);
    min-height:min(100%,560px)!important;
    max-height:650px;
    padding:clamp(22px,2.4vw,36px);
    border-radius:clamp(22px,2vw,30px);
    transform-origin:center;
    will-change:transform,opacity;
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-title{
    margin-top:18px;
    font-size:clamp(30px,3vw,49px);
    line-height:.95;
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-copy{
    margin-top:14px;
    font-size:14px;
    line-height:1.48;
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media{
    padding:clamp(16px,2vw,28px) 2px 2px;
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
    max-width:84%;
    max-height:min(34vh,340px);
}
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-card.is-scroll-focus{
    box-shadow:0 26px 70px rgba(16,20,16,.12);
}

@media(max-width:900px){
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-head{
        grid-template-columns:1fr;
        grid-template-areas:"label" "title" "intro";
        gap:7px;
        align-items:start;
        padding-bottom:18px;
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-story-heading{
        max-width:11ch;
        font-size:clamp(42px,8.2vw,68px);
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-story-intro{
        max-width:48ch;
        margin-top:2px;
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-card{
        flex-basis:min(58vw,460px);
        width:min(58vw,460px);
        height:min(100%,610px);
    }
}
@media(max-width:640px){
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-shell{
        width:calc(100% - 24px);
        padding:16px 0 12px;
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-head{padding-bottom:14px}
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-story-section-label{font-size:17px}
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-story-heading{
        font-size:clamp(35px,10.7vw,50px);
        line-height:.9;
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-story-intro{
        font-size:12.5px;
        line-height:1.4;
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-card{
        flex-basis:82vw;
        width:82vw;
        height:min(100%,560px);
        padding:20px;
        border-radius:22px;
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-title{
        font-size:clamp(29px,8.7vw,40px);
        line-height:.94;
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-copy{font-size:12.5px;line-height:1.44}
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media{padding-top:12px}
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{max-width:80%;max-height:min(27vh,220px)}
}
@media(max-width:640px) and (max-height:680px){
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-story-intro{display:none}
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-head{padding-bottom:10px}
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-story-heading{font-size:36px}
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-card{padding:17px}
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{max-height:165px}
}
@media(prefers-reduced-motion:reduce){
    .yolo-scroll-story-stage{height:auto!important}
    .yolo-highlight-sticky,.yolo-highlight-shell,.yolo-highlight-viewport,.yolo-highlight-head{display:contents!important}
    .yolo-scroll-story-stage .yolo-highlight-rail{transform:none!important}
    .yolo-scroll-story-stage .yolo-highlight-card{transform:none!important;opacity:1!important}
}



/* =========================================================
   PORTRAIT HIGHLIGHT CARDS + IMAGE-PICKER SAFE LAYOUT
   Keeps per-card WooCommerce image selection while restoring
   the taller previous card proportion.
========================================================= */
@media(min-width:901px){
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-card{
        flex-basis:clamp(350px,30vw,430px);
        width:clamp(350px,30vw,430px);
        height:min(100%,700px);
        min-height:min(100%,620px)!important;
        max-height:700px;
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media{
        align-items:end;
        padding-top:clamp(18px,2.2vw,30px);
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
        max-width:88%;
        max-height:min(39vh,390px);
        object-fit:contain;
        object-position:center bottom;
    }
}
@media(max-width:900px) and (min-width:641px){
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-card{
        flex-basis:min(56vw,440px);
        width:min(56vw,440px);
        height:min(100%,660px);
        max-height:660px;
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
        max-width:88%;
        max-height:min(36vh,340px);
        object-position:center bottom;
    }
}
@media(max-width:640px){
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-card{
        flex-basis:84vw;
        width:84vw;
        height:min(100%,610px);
        max-height:610px;
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media{
        align-items:end;
    }
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
        max-width:86%;
        max-height:min(31vh,260px);
        object-fit:contain;
        object-position:center bottom;
    }
}


/* =========================================================
   YOLO FINAL PRODUCT PAGE ALIGNMENT + WHITE/PINK PALETTE
   Header desktop height is effectively ~94px after the larger logo.
========================================================= */
body.single-product{
    background:#ffffff!important;
}

body.single-product .yolo-product-page{
    padding-top:94px!important;
    background:#ffffff!important;
    color:var(--yolo-ink)!important;
}

body.single-product .yolo-product-localnav{
    top:94px!important;
    background:rgba(255,255,255,.94)!important;
}

body.single-product .yolo-product-hero{
    padding-top:72px!important;
}

body.single-product .yolo-product-info{
    background:#ffffff!important;
}

body.single-product .yolo-product-gallery{
    background:
        radial-gradient(circle at 18% 20%,rgba(255,79,139,.10),transparent 27%),
        radial-gradient(circle at 82% 82%,rgba(16,20,16,.05),transparent 32%),
        #ffffff!important;
}

body.single-product .yolo-gallery-thumb{
    background:rgba(255,255,255,.94)!important;
}

body.single-product .yolo-add-cart{
    background:var(--yolo-accent)!important;
    border-color:var(--yolo-accent)!important;
    color:var(--yolo-ink)!important;
}

body.single-product .yolo-buy-now{
    background:var(--yolo-ink)!important;
    border-color:var(--yolo-ink)!important;
    color:#ffffff!important;
}

body.single-product .yolo-category,
body.single-product .yolo-story-chapter-kicker,
body.single-product .yolo-specs-kicker{
    color:var(--yolo-accent)!important;
}

@media(max-width:900px){
    body.single-product .yolo-product-page{
        padding-top:68px!important;
    }

    body.single-product .yolo-product-localnav{
        top:68px!important;
    }

    body.single-product .yolo-product-hero{
        padding-top:56px!important;
    }
}

@media(max-width:640px){
    body.single-product .yolo-product-page{
        padding-top:68px!important;
    }

    body.single-product .yolo-product-localnav{
        top:68px!important;
    }

    body.single-product .yolo-product-hero{
        padding-top:42px!important;
    }
}


/* =========================================================
   YOLO HIGHLIGHT CARDS - PRODUCT IMAGE SIZE CORRECTION
   Keeps every watch image fully visible and consistently scaled.
========================================================= */
.yolo-highlight-card .yolo-highlight-media{
    min-height:0!important;
    padding:22px 18px 26px!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    overflow:hidden!important;
}

.yolo-highlight-card .yolo-highlight-media img,
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
    width:auto!important;
    height:auto!important;
    max-width:76%!important;
    max-height:285px!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    margin:0 auto!important;
}

/* Slightly smaller image on dark cards so the product has breathing room */
.yolo-highlight-card:nth-child(2n) .yolo-highlight-media img{
    max-width:72%!important;
    max-height:270px!important;
}

/* White card can carry a touch more product scale */
.yolo-highlight-card:nth-child(3n) .yolo-highlight-media img{
    max-width:78%!important;
    max-height:292px!important;
}

@media(min-width:1400px){
    .yolo-highlight-card .yolo-highlight-media img,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
        max-height:305px!important;
    }
    .yolo-highlight-card:nth-child(2n) .yolo-highlight-media img{
        max-height:288px!important;
    }
    .yolo-highlight-card:nth-child(3n) .yolo-highlight-media img{
        max-height:312px!important;
    }
}

@media(max-width:900px){
    .yolo-highlight-card .yolo-highlight-media{
        padding:18px 14px 22px!important;
    }
    .yolo-highlight-card .yolo-highlight-media img,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
        max-width:74%!important;
        max-height:250px!important;
    }
}

@media(max-width:640px){
    .yolo-highlight-card .yolo-highlight-media{
        padding:14px 10px 18px!important;
    }
    .yolo-highlight-card .yolo-highlight-media img,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
        max-width:76%!important;
        max-height:220px!important;
    }
}


/* =========================================================
   YOLO HIGHLIGHT CARDS - FINAL IMAGE PLACEMENT FIX
   Reserve a clean text zone and keep product imagery lower.
========================================================= */
.yolo-highlight-card{
    display:flex!important;
    flex-direction:column!important;
}

.yolo-highlight-card .yolo-highlight-media,
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media{
    flex:0 0 280px!important;
    min-height:280px!important;
    max-height:280px!important;
    margin-top:auto!important;
    padding:34px 22px 18px!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    overflow:hidden!important;
}

.yolo-highlight-card .yolo-highlight-media img,
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
    width:auto!important;
    height:auto!important;
    max-width:68%!important;
    max-height:232px!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    margin:0 auto!important;
    transform:none!important;
}

/* Dark cards need a little more breathing room */
.yolo-highlight-card:nth-child(2n) .yolo-highlight-media img{
    max-width:64%!important;
    max-height:220px!important;
}

/* White cards can be slightly larger */
.yolo-highlight-card:nth-child(3n) .yolo-highlight-media img{
    max-width:72%!important;
    max-height:240px!important;
}

@media(min-width:1400px){
    .yolo-highlight-card .yolo-highlight-media,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media{
        flex-basis:300px!important;
        min-height:300px!important;
        max-height:300px!important;
        padding-top:38px!important;
    }

    .yolo-highlight-card .yolo-highlight-media img,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
        max-height:248px!important;
    }

    .yolo-highlight-card:nth-child(2n) .yolo-highlight-media img{
        max-height:234px!important;
    }

    .yolo-highlight-card:nth-child(3n) .yolo-highlight-media img{
        max-height:258px!important;
    }
}

@media(max-width:900px){
    .yolo-highlight-card .yolo-highlight-media,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media{
        flex-basis:250px!important;
        min-height:250px!important;
        max-height:250px!important;
        padding:28px 16px 16px!important;
    }

    .yolo-highlight-card .yolo-highlight-media img,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
        max-width:68%!important;
        max-height:205px!important;
    }
}

@media(max-width:640px){
    .yolo-highlight-card .yolo-highlight-media,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media{
        flex-basis:220px!important;
        min-height:220px!important;
        max-height:220px!important;
        padding:24px 12px 14px!important;
    }

    .yolo-highlight-card .yolo-highlight-media img,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
        max-width:70%!important;
        max-height:178px!important;
    }
}


/* =========================================================
   YOLO HIGHLIGHT CARDS - SAFE FULL IMAGE VISIBILITY
   Prevent bottom crop and keep equal visual spacing.
========================================================= */
.yolo-highlight-card .yolo-highlight-media,
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media{
    flex:0 0 260px!important;
    min-height:260px!important;
    max-height:260px!important;
    margin-top:auto!important;
    padding:22px 20px 34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
}

.yolo-highlight-card .yolo-highlight-media img,
.yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:66%!important;
    max-height:220px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0 auto!important;
    transform:none!important;
}

/* Dark cards: slightly smaller for more breathing room */
.yolo-highlight-card:nth-child(2n) .yolo-highlight-media img{
    max-width:62%!important;
    max-height:208px!important;
}

/* White cards: a touch larger, still fully visible */
.yolo-highlight-card:nth-child(3n) .yolo-highlight-media img{
    max-width:69%!important;
    max-height:228px!important;
}

/* Keep image safely away from the rounded card edge */
.yolo-highlight-card{
    padding-bottom:24px!important;
}

@media(min-width:1400px){
    .yolo-highlight-card .yolo-highlight-media,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media{
        flex-basis:276px!important;
        min-height:276px!important;
        max-height:276px!important;
        padding-bottom:38px!important;
    }

    .yolo-highlight-card .yolo-highlight-media img,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
        max-height:232px!important;
    }

    .yolo-highlight-card:nth-child(2n) .yolo-highlight-media img{
        max-height:220px!important;
    }

    .yolo-highlight-card:nth-child(3n) .yolo-highlight-media img{
        max-height:240px!important;
    }
}

@media(max-width:900px){
    .yolo-highlight-card .yolo-highlight-media,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media{
        flex-basis:236px!important;
        min-height:236px!important;
        max-height:236px!important;
        padding:18px 16px 30px!important;
    }

    .yolo-highlight-card .yolo-highlight-media img,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
        max-width:66%!important;
        max-height:194px!important;
    }
}

@media(max-width:640px){
    .yolo-highlight-card{
        padding-bottom:18px!important;
    }

    .yolo-highlight-card .yolo-highlight-media,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media{
        flex-basis:205px!important;
        min-height:205px!important;
        max-height:205px!important;
        padding:16px 12px 26px!important;
    }

    .yolo-highlight-card .yolo-highlight-media img,
    .yolo-scroll-story-stage.is-scroll-stage-ready .yolo-highlight-media img{
        max-width:68%!important;
        max-height:164px!important;
    }
}

/* YOLO product refinement: scoped presentation; purchase and review PHP retained. */
.yolo-product-page{--yp-ink:var(--yolo-ink);--yp-paper:#fff;--yp-card:var(--yolo-surface);--yp-line:rgba(24,26,29,.14);--yp-muted:var(--yolo-muted);--yp-pink:var(--yolo-accent);--yp-orange:var(--yolo-accent);--yp-brand:var(--yolo-accent);--yp-radius:14px;--yp-header-bottom:var(--yolo-header-h,88px);background:#fff!important;overflow:visible!important}
.yolo-product-page :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--yolo-accent-hover)!important;outline-offset:4px!important}
.yolo-product-page .yolo-product-localnav{top:var(--yp-header-bottom)!important;min-height:48px!important;padding:8px clamp(22px,5vw,64px)!important;gap:20px!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid var(--yp-line)!important;z-index:10010}
.yolo-product-page .yolo-product-localnav-name{font-size:13px!important;line-height:1.4!important}
.yolo-product-page .yolo-product-localnav-buy{min-height:34px!important;padding:8px 18px!important;border-radius:8px!important;background:var(--yolo-accent)!important;color:#fff!important;font-size:12px!important;line-height:1.4!important}
.yolo-product-page .yolo-product-hero{width:min(1280px,calc(100% - 2 * clamp(22px,5vw,64px)))!important;min-height:0!important;padding:calc(var(--yp-header-bottom) + 80px) 0 56px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:40px!important;align-items:start!important}
.yolo-product-page .yolo-product-gallery{height:540px!important;min-height:0!important;border:1px solid var(--yp-line)!important;border-radius:14px!important;background:var(--yolo-surface)!important;perspective:none!important}
.yolo-product-page .yolo-product-gallery::before,.yolo-product-page .yolo-product-gallery::after,.yolo-product-page .yolo-product-image::before,.yolo-product-page .yolo-product-image::after{display:none!important}
.yolo-product-page .yolo-product-media-label{display:none!important}
.yolo-product-page .yolo-product-gallery .yolo-product-image{position:absolute!important;inset:32px 32px 100px!important;display:block!important;transform:none!important}
.yolo-product-page .yolo-product-gallery .yolo-product-image #yoloMainProductImage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center!important;margin:auto!important;transform:none!important;filter:drop-shadow(0 12px 16px rgba(24,26,29,.10))!important}
.yolo-product-page .yolo-gallery-thumbs{left:24px!important;right:24px!important;bottom:20px!important;gap:10px!important;overflow-x:auto!important;max-width:calc(100% - 48px)!important;padding:4px!important}
.yolo-product-page .yolo-gallery-thumb{flex:0 0 58px!important;width:58px!important;height:58px!important;border-radius:8px!important;background:#fff!important;border:1px solid var(--yp-line)!important;padding:6px!important}
.yolo-product-page .yolo-gallery-thumb.is-active{border:2px solid var(--yolo-accent)!important}
.yolo-product-page .yolo-gallery-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}
.yolo-product-page .yolo-product-info{min-height:0!important;padding:8px 0!important;background:#fff!important;border:0!important;border-radius:0!important}
.yolo-product-page .yolo-product-back{position:static!important;display:inline-flex!important;min-height:32px!important;padding:0!important;font-size:12px!important;line-height:1.5!important;color:var(--yp-muted)!important}
.yolo-product-page .yolo-category{margin-top:14px!important;font-size:12px!important;color:var(--yolo-accent-hover)!important;letter-spacing:0!important}
.yolo-product-page .yolo-product-title{margin:16px 0 0!important;max-width:19ch!important;font-size:clamp(32px,3.4vw,48px)!important;line-height:1.08!important;font-weight:600!important;letter-spacing:-.045em!important;overflow-wrap:anywhere}
.yolo-product-page .yolo-rating{margin-top:16px!important;font-size:13px!important;line-height:1.5!important}
.yolo-product-page .yolo-price{margin-top:20px!important;font-size:28px!important;line-height:1.4!important}
.yolo-product-page .yolo-price del{font-size:18px!important;color:var(--yp-muted)!important;opacity:1!important}
.yolo-product-page .yolo-short{margin-top:18px!important;font-size:15px!important;line-height:1.75!important;color:var(--yp-muted)!important}
.yolo-product-page .yolo-buy-form{max-width:none!important;margin-top:24px!important}
.yolo-product-page .yolo-form-row{grid-template-columns:100px minmax(0,1fr)!important;gap:14px!important}
.yolo-product-page .yolo-field{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
.yolo-product-page .yolo-field label{margin-bottom:8px!important;font-size:12px!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;color:var(--yp-ink)!important}
.yolo-product-page .yolo-field :is(input,select){min-height:48px!important;height:48px!important;padding:12px!important;border:1px solid #aeb4bc!important;border-radius:8px!important;background:#fff!important;font-size:16px!important;line-height:1.5!important;color:var(--yp-ink)!important}
.yolo-product-page .yolo-purchase-buttons{margin-top:16px!important;gap:12px!important}
.yolo-product-page :is(.yolo-add-cart,.yolo-buy-now,.yolo-wholesale){min-height:48px!important;padding:12px 18px!important;border-radius:8px!important;font-size:14px!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;transform:none!important}
.yolo-product-page .yolo-add-cart{background:var(--yolo-accent)!important;color:#fff!important;border:1px solid var(--yolo-accent)!important}
.yolo-product-page .yolo-add-cart:hover{background:var(--yolo-accent-hover)!important;border-color:var(--yolo-accent-hover)!important}
.yolo-product-page .yolo-buy-now{background:var(--yolo-ink)!important;color:#fff!important;border:1px solid var(--yolo-ink)!important}
.yolo-product-page .yolo-buy-now:hover{background:#30343a!important;color:#fff!important}
.yolo-product-page .yolo-wholesale{margin-top:12px!important;background:#fff!important;border:1px solid var(--yp-line)!important;color:var(--yp-ink)!important}
.yolo-product-page .yolo-added-message{padding:12px 14px!important;border-radius:8px!important;font-size:13px!important;line-height:1.6!important;color:#1d603e!important;background:#edf5ef!important}
.yolo-product-page .yolo-native-purchase select{min-height:48px!important;padding:10px 12px!important;border:1px solid #aeb4bc!important;border-radius:8px!important;font-size:16px!important;background:#fff!important;color:var(--yolo-ink)!important;max-width:100%}
.yolo-product-page .yolo-native-purchase .single_add_to_cart_button{min-height:48px!important;border-radius:8px!important;background:var(--yolo-accent)!important;color:#fff!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important}
.yolo-product-page :is(.yolo-product-statement,.yolo-story-closer,.yolo-story-chapters,.yolo-details,.yolo-reviews){width:min(1280px,calc(100% - 2 * clamp(22px,5vw,64px)))!important}
.yolo-product-page .yolo-product-statement{min-height:0!important;margin:24px auto 0!important;padding:48px 32px!important;border-radius:14px!important;background:var(--yolo-surface)!important;color:var(--yolo-ink)!important}
.yolo-product-page .yolo-product-statement::before{display:none!important}
.yolo-product-page .yolo-product-statement .yolo-statement-label{display:none!important}
.yolo-product-page .yolo-product-statement h2{margin:0!important;font-size:clamp(32px,3.5vw,48px)!important;line-height:1.1!important;color:var(--yolo-ink)!important}
.yolo-product-page .yolo-story-statement-copy{color:var(--yolo-muted)!important;font-size:16px!important;line-height:1.8!important}
.yolo-product-page .yolo-story-closer,.yolo-product-page .yolo-story-chapters{padding-block:56px!important}
.yolo-product-page .yolo-closer-head h2,.yolo-product-page .yolo-story-chapter-title,.yolo-product-page .yolo-reviews-title,.yolo-product-page .yolo-specs-title{font-size:clamp(30px,3.3vw,46px)!important;line-height:1.12!important;letter-spacing:-.035em!important}
.yolo-product-page .yolo-closer-stage{position:relative!important;height:420px!important;min-height:0!important;border-radius:14px!important;background:var(--yolo-surface)!important;overflow:hidden!important}
.yolo-product-page .yolo-closer-stage img{position:absolute!important;inset:0!important;width:calc(100% - 64px)!important;height:calc(100% - 48px)!important;max-width:calc(100% - 64px)!important;max-height:calc(100% - 48px)!important;object-fit:contain!important;margin:auto!important;transform:none!important}
.yolo-product-page .yolo-story-reveal{opacity:1!important;transform:none!important}
.yolo-product-page .yolo-scroll-story-stage .yolo-highlight-head{display:block!important;grid-template-columns:1fr!important;padding-bottom:24px!important}
.yolo-product-page .yolo-story-heading{max-width:28ch!important;font-size:clamp(30px,3.3vw,46px)!important;line-height:1.12!important}
.yolo-product-page .yolo-story-intro{max-width:65ch!important;font-size:15px!important;line-height:1.7!important}
.yolo-product-page .yolo-scroll-story-stage .yolo-story-section-label{font-size:12px!important;color:var(--yolo-accent-hover)!important}
.yolo-product-page .yolo-scroll-story-stage .yolo-highlight-card{border-radius:14px!important;min-height:0!important;padding:24px!important;transform:none!important;box-shadow:none!important}
.yolo-product-page .yolo-highlight-title{font-size:26px!important;line-height:1.2!important}
.yolo-product-page .yolo-highlight-copy{font-size:14px!important;line-height:1.7!important}
.yolo-product-page .yolo-highlight-index{display:none!important}
.yolo-product-page .yolo-highlight-card .yolo-highlight-media{position:relative!important;min-width:0!important;min-height:120px!important;height:260px!important;margin-top:20px!important;overflow:hidden!important}
.yolo-product-page .yolo-highlight-card .yolo-highlight-media img{position:absolute!important;inset:0!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;max-height:calc(100% - 24px)!important;object-fit:contain!important;margin:auto!important;transform:none!important}
.yolo-product-page .yolo-details{padding:32px 0!important}
.yolo-product-page .yolo-detail-item{border:1px solid var(--yp-line)!important;border-radius:12px!important;margin-bottom:12px!important}
.yolo-product-page .yolo-detail-button{min-height:64px!important;padding:16px 20px!important}
.yolo-product-page .yolo-detail-button span:first-child{font-size:21px!important;line-height:1.3!important}
.yolo-product-page .yolo-detail-panel-content{padding:0 20px 24px!important;font-size:15px!important;line-height:1.8!important}
.yolo-product-page .yolo-reviews{padding:48px 0 72px!important}
.yolo-product-page :is(.yolo-write-review,.yolo-review-submit){min-height:46px!important;padding:12px 20px!important;border-radius:8px!important;background:var(--yolo-ink)!important;color:#fff!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;line-height:1.4!important}
.yolo-product-page .yolo-review-form{border-radius:12px!important;background:var(--yolo-surface)!important}
.yolo-product-page .yolo-review-field label{font-size:13px!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important}
.yolo-product-page .yolo-review-field :is(input:not([type=radio]),textarea){min-height:48px!important;border:1px solid #aeb4bc!important;border-radius:8px!important;background:#fff!important;font-size:16px!important;color:var(--yolo-ink)!important}
.yolo-product-page .yolo-rating-options input:focus-visible + .yolo-rating-chip{outline:3px solid var(--yolo-accent-hover);outline-offset:4px}
.yolo-product-page .yolo-rating-chip{border-radius:8px!important}
@media(max-width:900px){.yolo-product-page .yolo-product-hero{grid-template-columns:1fr!important;gap:28px!important}.yolo-product-page .yolo-product-gallery{height:440px!important}.yolo-product-page .yolo-product-info{padding:0!important}.yolo-product-page .yolo-product-title{max-width:none!important}}
@media(max-width:640px){
 .yolo-product-page .yolo-product-localnav-name{max-width:calc(100vw - 140px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .yolo-product-page .yolo-product-hero{padding-top:calc(var(--yp-header-bottom) + 70px)!important;padding-bottom:40px!important}
 .yolo-product-page .yolo-product-gallery{height:340px!important}
 .yolo-product-page .yolo-product-gallery .yolo-product-image{inset:20px 20px 88px!important}
 .yolo-product-page .yolo-product-title{font-size:32px!important}
 .yolo-product-page .yolo-price{font-size:26px!important}
 .yolo-product-page .yolo-gallery-thumbs{left:14px!important;right:14px!important;max-width:calc(100% - 28px)!important;bottom:14px!important}
 .yolo-product-page .yolo-gallery-thumb{width:52px!important;height:52px!important;flex-basis:52px!important}
 .yolo-product-page .yolo-form-row{grid-template-columns:88px minmax(0,1fr)!important}
 .yolo-product-page .yolo-purchase-buttons{grid-template-columns:1fr!important}
 .yolo-product-page .yolo-closer-stage{height:300px!important}
 .yolo-product-page .yolo-story-closer,.yolo-product-page .yolo-story-chapters{padding-block:40px!important}
 .yolo-product-page .yolo-product-statement{padding:32px 24px!important}
 .yolo-product-page .yolo-highlight-card .yolo-highlight-media{height:180px!important;margin-top:12px!important}
 .yolo-product-page .yolo-highlight-title{font-size:23px!important}
 .yolo-product-page .yolo-reviews-head{align-items:flex-start!important;gap:20px!important;flex-wrap:wrap!important}
 .yolo-product-page .yolo-review-grid{grid-template-columns:1fr!important}
 .yolo-product-page .yolo-reviews{padding-bottom:48px!important}
}
@media(prefers-reduced-motion:reduce){.yolo-product-page *, .yolo-product-page *::before,.yolo-product-page *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

