
/* VAIO Product Engagement Layer + Hero pagination separation */
.vaio-single-wishlist{
    display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(142,91,255,.38);
    background:linear-gradient(135deg,rgba(105,62,255,.18),rgba(0,213,255,.12));
    color:#fff;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 18px rgba(110,68,255,.16);
}
.vaio-single-wishlist svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.vaio-single-wishlist.is-active{background:linear-gradient(135deg,rgba(255,52,122,.34),rgba(139,92,246,.22));border-color:rgba(255,80,145,.65);color:#fff}
.vaio-single-wishlist.is-active svg{fill:currentColor;stroke:currentColor}
.vaio-product-engagement{margin:22px 0 18px;padding:22px;border-radius:28px;background:linear-gradient(135deg,rgba(12,18,38,.92),rgba(18,12,42,.88));border:1px solid rgba(42,219,255,.18)}
.vaio-engagement-header{text-align:center;margin-bottom:18px}
.vaio-engagement-header h2{font-size:clamp(24px,4vw,38px);margin:6px 0;color:#fff;text-shadow:0 0 18px rgba(139,92,246,.34)}
.vaio-engagement-header p{color:rgba(221,232,255,.72);margin:0 auto;max-width:720px}
.vaio-engagement-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vaio-engagement-card{border:1px solid rgba(42,219,255,.16);border-radius:24px;background:rgba(5,10,25,.58);padding:18px;box-shadow:inset 0 0 42px rgba(52,211,255,.04)}
.vaio-engagement-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.vaio-engagement-title span{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(120,70,255,.28),rgba(0,213,255,.18));border:1px solid rgba(255,255,255,.08)}
.vaio-engagement-title svg{width:18px;height:18px;fill:currentColor;color:#33e6ff}
.vaio-engagement-title h3{margin:0;color:#fff;font-size:19px}
.vaio-review-list,.vaio-question-list{display:grid;gap:10px;margin-bottom:14px}
.vaio-review-item,.vaio-question-item,.vaio-empty-engagement{border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(8,14,32,.72);padding:13px}
.vaio-review-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.vaio-verified-badge,.vaio-merchant-answer span,.vaio-qa-success{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;color:#80f7ff;background:rgba(0,213,255,.12);border:1px solid rgba(0,213,255,.18)}
.vaio-rating-stars{letter-spacing:2px;color:rgba(255,255,255,.18);line-height:1}
.vaio-rating-stars .is-on{color:#ffd166;text-shadow:0 0 12px rgba(255,209,102,.5)}
.vaio-review-item p,.vaio-question-item p,.vaio-empty-engagement span{color:rgba(229,236,255,.74);margin:8px 0 0}
.vaio-empty-engagement strong{display:block;color:#fff;margin-bottom:5px}
.vaio-review-form,.vaio-question-form{display:grid;gap:10px;margin-top:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:13px}
.vaio-review-form h4{margin:0;color:#fff}
.vaio-mini-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vaio-review-form input,.vaio-question-form input,.vaio-review-form textarea,.vaio-question-form textarea{
    width:100%;border-radius:16px;border:1px solid rgba(42,219,255,.16);background:rgba(2,7,20,.72);color:#fff;padding:12px 14px;outline:none
}
.vaio-review-form textarea,.vaio-question-form textarea{resize:vertical;min-height:92px}
.vaio-rating-input{direction:ltr;display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:3px}
.vaio-rating-input input{display:none}
.vaio-rating-input label{font-size:22px;color:rgba(255,255,255,.22);cursor:pointer;text-shadow:none}
.vaio-rating-input input:checked ~ label,.vaio-rating-input label:hover,.vaio-rating-input label:hover ~ label{color:#ffd166;text-shadow:0 0 14px rgba(255,209,102,.55)}
.vaio-merchant-answer{margin-top:10px;border-right:2px solid rgba(42,219,255,.35);padding:9px 11px;background:rgba(0,213,255,.06);border-radius:14px}
[dir="ltr"] .vaio-merchant-answer{border-right:0;border-left:2px solid rgba(42,219,255,.35)}
.vaio-qa-success{margin-bottom:12px}

/* Hero dots must never collide with CTA buttons. */
.vaio-hero-dots{
    bottom:clamp(58px, 8vw, 86px) !important;
    gap:8px !important;
    z-index:6 !important;
    pointer-events:auto;
}
.vaio-hero-dot{
    width:8px !important;height:8px !important;min-width:8px !important;border-radius:999px !important;
    opacity:.55;transform:none !important;margin:0 !important;
}
.vaio-hero-dot.is-active{width:22px !important;opacity:1;background:linear-gradient(90deg,#7c3cff,#27d8ff) !important}
.vaio-hero-cta{position:relative;z-index:7;margin-bottom:clamp(18px,4vw,34px)}
@media (max-width: 768px){
    .vaio-hero{padding-bottom:22px}
    .vaio-hero-dots{bottom:92px !important;left:50% !important;transform:translateX(-50%) !important}
    .vaio-hero-dot{width:6px !important;height:6px !important;min-width:6px !important}
    .vaio-hero-dot.is-active{width:18px !important}
    .vaio-hero-cta{margin-bottom:54px;gap:10px}
    .vaio-engagement-grid{grid-template-columns:1fr}
    .vaio-product-engagement{padding:16px;border-radius:22px;margin:18px 0}
    .vaio-mini-fields{grid-template-columns:1fr}
    .vaio-review-top{align-items:flex-start;flex-direction:column}
    .vaio-single-wishlist{padding:8px 11px}
}
@media (max-width: 480px){
    .vaio-hero-dots{bottom:102px !important}
    .vaio-hero-cta{margin-bottom:62px}
}
