/* YAHKI × VIRINA. All rules scoped for ShopServe / WordPress integration. */
#vr-yahki-lp{--vr-navy:#141d35;--vr-ink:#202532;--vr-muted:#565d6b;--vr-line:#dce0e5;--vr-paper:#f3f5f7;--vr-accent:#88cdcc;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:1.0625rem;line-height:1.95;color:var(--vr-ink);background:#fff;letter-spacing:.025em;overflow-wrap:anywhere;word-break:normal;line-break:strict;-webkit-text-size-adjust:100%;text-size-adjust:100%;isolation:isolate}
#vr-yahki-lp *,#vr-yahki-lp *::before,#vr-yahki-lp *::after{box-sizing:border-box}
#vr-yahki-lp :where(h1,h2,h3,p,figure,dl,dd,ul){margin:0;padding:0}
#vr-yahki-lp :where(section,article,div,figure){min-width:0}
#vr-yahki-lp a{color:inherit;text-decoration:none}
#vr-yahki-lp a:focus-visible,#vr-yahki-lp summary:focus-visible{outline:3px solid #308784;outline-offset:5px}
#vr-yahki-lp img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain;transform:none;border:0}
#vr-yahki-lp .vr-shell{width:min(1160px,calc(100% - 96px));margin-inline:auto}
#vr-yahki-lp .vr-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:1px solid var(--vr-line)}
#vr-yahki-lp .vr-logo{font-family:Georgia,"Times New Roman",serif;font-size:2rem;line-height:1;letter-spacing:.15em;color:var(--vr-navy)}
#vr-yahki-lp .vr-nav{display:flex;flex-wrap:wrap;gap:26px;font-size:.875rem;line-height:1.5}
#vr-yahki-lp .vr-nav a{padding-block:8px;border-bottom:1px solid transparent}
#vr-yahki-lp .vr-nav a:hover{border-color:var(--vr-navy)}
#vr-yahki-lp .vr-hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:60px;padding-block:64px 72px}
#vr-yahki-lp .vr-eyebrow{font-size:.875rem;font-weight:500;letter-spacing:.13em;line-height:1.6;margin-bottom:22px;color:var(--vr-muted)}
#vr-yahki-lp h1{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;color:var(--vr-navy);font-weight:500;font-size:clamp(2.1rem,3.8vw,3.25rem);line-height:1.65;letter-spacing:.045em;margin-bottom:24px}
#vr-yahki-lp .vr-line{display:block}
#vr-yahki-lp .vr-phrase{display:inline-block;max-width:100%;vertical-align:top}
#vr-yahki-lp :where(h1,h2,h3,.vr-hero-lead){text-wrap:pretty}
#vr-yahki-lp :where(p,dd,summary){text-wrap:pretty}
#vr-yahki-lp .vr-hero-lead{font-size:1.125rem;line-height:2}
#vr-yahki-lp .vr-hero-lead+.vr-hero-lead{margin-top:12px}
#vr-yahki-lp .vr-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
#vr-yahki-lp .vr-btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:12px 23px;border:1px solid var(--vr-navy);background:var(--vr-navy);color:#fff;font-size:1rem;line-height:1.55;text-align:center;transition:background .15s ease}
#vr-yahki-lp .vr-btn:hover{background:#2d3856}
#vr-yahki-lp .vr-btn-plain{color:var(--vr-navy);background:#fff}
#vr-yahki-lp .vr-btn-plain:hover{background:var(--vr-paper)}
#vr-yahki-lp .vr-hero-pictures{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
#vr-yahki-lp .vr-hero-pictures figcaption{font-size:.875rem;line-height:1.7;margin-top:12px;text-align:center}
#vr-yahki-lp .vr-section{padding-block:76px;scroll-margin-top:24px}
#vr-yahki-lp .vr-heading{margin-bottom:32px}
#vr-yahki-lp .vr-heading .vr-eyebrow{margin-bottom:10px}
#vr-yahki-lp h2{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:500;line-height:1.7;color:var(--vr-navy);letter-spacing:.04em;text-wrap:balance}
#vr-yahki-lp .vr-heading>p:last-child:not(.vr-eyebrow){margin-top:14px;max-width:44em;color:var(--vr-muted)}
#vr-yahki-lp .vr-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
#vr-yahki-lp .vr-scene-photo{width:100%;max-width:410px;aspect-ratio:640 / 1073;margin-inline:auto;display:grid;place-items:center}
#vr-yahki-lp .vr-scene-photo img{width:100%;height:100%;object-fit:contain}
#vr-yahki-lp .vr-scene-copy{padding-top:26px}
#vr-yahki-lp .vr-number{font-family:Georgia,"Times New Roman",serif;font-size:1.0625rem;color:var(--vr-muted);letter-spacing:.06em;line-height:1.5;margin-bottom:9px}
#vr-yahki-lp h3{font-size:1.4rem;font-weight:500;line-height:1.6;color:var(--vr-navy);text-wrap:balance}
#vr-yahki-lp .vr-scene-copy h3+p{font-size:.9375rem;color:var(--vr-muted);margin-top:6px;margin-bottom:15px}
#vr-yahki-lp .vr-scene-copy>p:last-child{margin-top:13px}
#vr-yahki-lp .vr-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;list-style:none}
#vr-yahki-lp .vr-tags li{font-size:.875rem;padding:5px 11px;border:1px solid var(--vr-line);line-height:1.6}
#vr-yahki-lp .vr-small{font-size:.875rem;line-height:1.9;color:var(--vr-muted)}
#vr-yahki-lp .vr-note{border-top:1px solid var(--vr-line);margin-top:32px;padding-top:18px}
#vr-yahki-lp .vr-story{background:var(--vr-navy);color:#fff;padding-block:64px}
#vr-yahki-lp .vr-story-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
#vr-yahki-lp .vr-story h2{color:#fff}
#vr-yahki-lp .vr-story .vr-eyebrow{color:#bfcddc;margin-bottom:14px}
#vr-yahki-lp .vr-story p+p{margin-top:14px}
#vr-yahki-lp .vr-story-credit{font-size:.875rem;color:#d4ddeb}
#vr-yahki-lp .vr-story-gallery{display:grid;grid-template-columns:16fr 9fr;gap:24px;align-items:start;margin-top:32px}
#vr-yahki-lp .vr-tinted{background:var(--vr-paper)}
#vr-yahki-lp .vr-callout{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;line-height:1.9;color:var(--vr-navy);text-align:center;border-top:1px solid var(--vr-line);margin-top:38px;padding-top:30px;text-wrap:balance}
#vr-yahki-lp .vr-school-life{border-top:1px solid var(--vr-line);margin-top:38px;padding-top:30px;text-align:center}
#vr-yahki-lp .vr-school-life .vr-callout{border-top:0;margin-top:0;padding-top:0}
#vr-yahki-lp .vr-life-copy{font-size:1.0625rem;line-height:1.95;max-width:44em;margin:18px auto 0}
#vr-yahki-lp .vr-life-promise{font-size:1.125rem;font-weight:500;line-height:1.9;color:var(--vr-navy);max-width:39em;margin:16px auto 0}
#vr-yahki-lp .vr-life-photo{width:100%;max-width:760px;margin:30px auto 0}
#vr-yahki-lp .vr-life-photo figcaption{font-size:.9375rem;line-height:1.8;margin-top:12px;color:var(--vr-muted)}
#vr-yahki-lp .vr-feature{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;border-top:1px solid var(--vr-line);padding-top:26px}
#vr-yahki-lp .vr-feature>img{width:100%;max-width:350px;margin-inline:auto}
#vr-yahki-lp .vr-feature h3{font-size:1.25rem;margin-bottom:12px}
#vr-yahki-lp .vr-feature p{font-size:1rem}
#vr-yahki-lp .vr-tote-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:min(724px,100%);margin:32px auto 0;align-items:start}
#vr-yahki-lp .vr-tote-gallery figure{aspect-ratio:640 / 1073;display:grid;place-items:center}
#vr-yahki-lp .vr-tote-gallery img{width:100%;height:100%;object-fit:contain}
#vr-yahki-lp .vr-shared{margin-top:32px;border-block:1px solid var(--vr-line);padding-block:22px}
#vr-yahki-lp .vr-shared strong{font-weight:500;display:block;margin-bottom:7px;color:var(--vr-navy)}
#vr-yahki-lp .vr-gift{padding-block:48px;border-top:1px solid var(--vr-line)}
#vr-yahki-lp .vr-gift-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}
#vr-yahki-lp .vr-gift p{max-width:45em}
#vr-yahki-lp .vr-gift h2{font-size:1.65rem}
#vr-yahki-lp .vr-shop .vr-grid{gap:48px}
#vr-yahki-lp .vr-product-picture{width:100%;max-width:410px;margin:0 auto 24px;aspect-ratio:640 / 1073;display:grid;place-items:center}
#vr-yahki-lp .vr-product-picture img{width:100%;height:100%;object-fit:contain}
#vr-yahki-lp .vr-product h3{margin-bottom:5px;font-size:1.3rem}
#vr-yahki-lp .vr-product>p{font-size:.9375rem;line-height:1.8;color:var(--vr-muted)}
#vr-yahki-lp .vr-specs{margin-block:20px 24px;font-size:.9375rem;line-height:1.9}
#vr-yahki-lp .vr-specs>div{display:grid;grid-template-columns:4.5em 1fr;gap:12px;border-bottom:1px solid var(--vr-line);padding-block:10px}
#vr-yahki-lp .vr-specs dt{color:var(--vr-muted)}
#vr-yahki-lp .vr-product .vr-btn{width:100%;margin-bottom:10px}
#vr-yahki-lp .vr-stock-note{margin-top:22px}
#vr-yahki-lp .vr-faq{max-width:860px;margin-inline:auto}
#vr-yahki-lp .vr-faq-layout{display:grid;grid-template-columns:1fr 2.25fr;gap:64px;align-items:center}
#vr-yahki-lp .vr-quiet-scene{max-width:280px;margin-inline:auto}
#vr-yahki-lp details{border-bottom:1px solid var(--vr-line);padding-block:20px}
#vr-yahki-lp details:first-of-type{border-top:1px solid var(--vr-line)}
#vr-yahki-lp summary{cursor:pointer;font-size:1.0625rem;font-weight:500;color:var(--vr-navy);line-height:1.8;list-style-position:outside;margin-left:22px;padding-left:5px;padding-right:15px}
#vr-yahki-lp details p{padding:15px 15px 0 27px}
#vr-yahki-lp .vr-bottom{border-top:1px solid var(--vr-line);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
#vr-yahki-lp .vr-bottom a{text-decoration:underline;text-underline-offset:5px;font-size:.9375rem}
#vr-yahki-lp .vr-bottom small{font-size:.875rem;color:var(--vr-muted)}
@media(max-width:900px){
 #vr-yahki-lp .vr-shell{width:calc(100% - 56px)}
 #vr-yahki-lp .vr-hero{grid-template-columns:1fr;gap:34px;padding-block:42px 52px}
 #vr-yahki-lp .vr-hero h1{font-size:2.1rem}
 #vr-yahki-lp .vr-hero-lead{font-size:1.0625rem}
 #vr-yahki-lp .vr-grid{gap:28px}
 #vr-yahki-lp .vr-story-inner,#vr-yahki-lp .vr-gift-inner{gap:30px}
 #vr-yahki-lp .vr-feature{gap:20px}
}
@media(max-width:640px){
 #vr-yahki-lp{font-size:1.0625rem;letter-spacing:.015em}
 #vr-yahki-lp .vr-shell{width:calc(100% - 40px)}
 #vr-yahki-lp .vr-top{padding-block:20px;gap:12px;align-items:center}
 #vr-yahki-lp .vr-logo{font-size:1.55rem}
 #vr-yahki-lp .vr-nav{gap:14px;font-size:.875rem}
 #vr-yahki-lp .vr-nav a:nth-child(2){display:none}
 #vr-yahki-lp .vr-hero{grid-template-columns:1fr;gap:34px;padding-block:34px 44px}
 #vr-yahki-lp .vr-eyebrow{margin-bottom:16px;font-size:.875rem}
 #vr-yahki-lp .vr-hero h1{font-size:clamp(1.8rem,8.8vw,2.5rem);line-height:1.6;letter-spacing:.025em;margin-bottom:20px}
 #vr-yahki-lp .vr-hero-lead{font-size:1.0625rem;line-height:1.9}
 #vr-yahki-lp .vr-actions{margin-top:24px;gap:10px}
 #vr-yahki-lp .vr-actions .vr-btn{padding-inline:16px;font-size:.9375rem}
 #vr-yahki-lp .vr-hero-pictures{gap:12px}
 #vr-yahki-lp .vr-hero-pictures figcaption{margin-top:9px;font-size:.875rem}
 #vr-yahki-lp .vr-section{padding-block:48px}
 #vr-yahki-lp h2{font-size:clamp(1.5rem,6.5vw,1.625rem);line-height:1.75;letter-spacing:.015em}
 #vr-yahki-lp .vr-heading{margin-bottom:26px}
 #vr-yahki-lp .vr-grid{grid-template-columns:1fr;gap:40px}
 #vr-yahki-lp .vr-scene-photo{max-width:350px}
 #vr-yahki-lp .vr-scene-copy{padding-top:20px}
 #vr-yahki-lp h3{font-size:1.35rem}
 #vr-yahki-lp .vr-story{padding-block:44px}
 #vr-yahki-lp .vr-story-gallery{grid-template-columns:1fr;gap:20px;margin-top:28px}
 #vr-yahki-lp .vr-story-gallery figure:nth-child(2){width:min(100%,360px);margin-inline:auto}
 #vr-yahki-lp .vr-story-inner,#vr-yahki-lp .vr-gift-inner{grid-template-columns:1fr;gap:24px}
 #vr-yahki-lp .vr-callout{line-height:1.9;margin-top:28px;padding-top:24px}
 #vr-yahki-lp .vr-school-life{margin-top:28px;padding-top:24px}
 #vr-yahki-lp .vr-life-photo{margin-top:24px}
 #vr-yahki-lp .vr-feature{grid-template-columns:1fr;gap:20px}
 #vr-yahki-lp .vr-feature h3{font-size:1.25rem}
 #vr-yahki-lp .vr-tote-gallery{gap:20px}
 #vr-yahki-lp .vr-product-picture{max-width:350px}
 #vr-yahki-lp .vr-feature p{font-size:1rem;line-height:1.9}
 #vr-yahki-lp .vr-faq-layout{grid-template-columns:1fr;gap:32px}
 #vr-yahki-lp .vr-quiet-scene{max-width:240px}
 #vr-yahki-lp .vr-shared{margin-top:28px}
 #vr-yahki-lp .vr-gift{padding-block:36px}
 #vr-yahki-lp .vr-gift h2{font-size:1.5rem}
 #vr-yahki-lp .vr-shop .vr-grid{gap:42px}
 #vr-yahki-lp .vr-stock-note{margin-top:16px}
 #vr-yahki-lp .vr-bottom{padding-block:24px;gap:14px}
}
@media(max-width:360px){
 #vr-yahki-lp .vr-shell{width:calc(100% - 32px)}
 #vr-yahki-lp .vr-top{flex-wrap:wrap}
 #vr-yahki-lp .vr-feature{grid-template-columns:1fr}
 #vr-yahki-lp .vr-actions .vr-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){#vr-yahki-lp .vr-btn{transition:none}}

/* B: only the two school-life photographs use this paired layout. */
#vr-yahki-lp .vr-life-pictures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
@media(max-width:640px){#vr-yahki-lp .vr-life-pictures{gap:12px}}

/* After-exam photos: knit dress first; supporting school outfit retained. */
#vr-yahki-lp #vr-after>.vr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#vr-yahki-lp .vr-after-handbag{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:start}
#vr-yahki-lp .vr-after-handbag-main{grid-column:1;grid-row:1}
#vr-yahki-lp .vr-after-handbag-school{grid-column:2;grid-row:1}
#vr-yahki-lp .vr-after-handbag>.vr-scene-copy{grid-column:1 / -1;grid-row:2}
@media(max-width:900px){
 #vr-yahki-lp #vr-after>.vr-grid{grid-template-columns:1fr;row-gap:88px}
 #vr-yahki-lp .vr-after-handbag{grid-column:auto;column-gap:28px}
}
@media(max-width:640px){
 #vr-yahki-lp .vr-after-handbag{display:block}
 #vr-yahki-lp .vr-after-handbag-school{margin-top:28px}
 #vr-yahki-lp #vr-exam .vr-grid{row-gap:28px}
 #vr-yahki-lp #vr-exam .vr-grid>article+article{border-top:1px solid #c8cfd8;padding-top:28px}
}

/* Tote introduction precedes the white-knit photograph on every screen. */
#vr-yahki-lp .vr-after-tote>.vr-scene-copy{padding-top:0;padding-bottom:24px}

/* Customer reviews: supplied text is preserved in full. */
#vr-yahki-lp .vr-reviews{--vr-review-blue:#88cdcc;background:#f3fafa}
#vr-yahki-lp .vr-review-group+ .vr-review-group{margin-top:64px}
#vr-yahki-lp .vr-review-group>h3{margin-bottom:24px}
#vr-yahki-lp .vr-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
#vr-yahki-lp .vr-review-card{background:#fff;border:1px solid var(--vr-review-blue);border-radius:16px;padding:32px;min-width:0}
#vr-yahki-lp .vr-review-product{font-size:.875rem;color:var(--vr-muted);margin-bottom:16px}
#vr-yahki-lp .vr-review-quote{margin:0;font-size:1.0625rem;line-height:1.95;overflow-wrap:anywhere}
#vr-yahki-lp .vr-review-stars{color:var(--vr-review-blue);font-family:Arial,sans-serif;font-size:1.65rem;letter-spacing:.12em;line-height:1.5;margin-top:24px}
#vr-yahki-lp .vr-review-author{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:1rem;font-weight:500}
#vr-yahki-lp .vr-review-person{display:block;width:26px;height:30px;flex:0 0 26px;fill:var(--vr-review-blue)}
@media(max-width:640px){
 #vr-yahki-lp .vr-review-grid{grid-template-columns:1fr;gap:20px}
 #vr-yahki-lp .vr-review-card{padding:24px 22px}
 #vr-yahki-lp .vr-review-group+.vr-review-group{margin-top:48px}
}

/* Separate product groups; the shared blue stars and people remain consistent. */
#vr-yahki-lp .vr-reviews{background:#fff}
#vr-yahki-lp .vr-review-group{padding:40px;border-radius:20px}
#vr-yahki-lp .vr-review-handbag{background:#e1f3f2}
#vr-yahki-lp .vr-review-tote{background:#f2efe9}
#vr-yahki-lp .vr-review-group-label{font-size:.875rem;font-weight:500;letter-spacing:.16em;color:var(--vr-navy);margin-bottom:8px}
#vr-yahki-lp .vr-review-group>h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.75rem;line-height:1.6;margin-bottom:28px}
@media(max-width:640px){
 #vr-yahki-lp .vr-review-group{padding:28px 14px;border-radius:16px}
 #vr-yahki-lp .vr-review-group>h3{font-size:1.4rem;margin-bottom:24px}
 #vr-yahki-lp .vr-review-card{padding:24px 18px}
}

/* Discreet product links after exam guidance and each review group. */
#vr-yahki-lp .vr-inline-cta{margin-top:28px}
#vr-yahki-lp .vr-review-group>.vr-inline-cta{text-align:center;margin-top:32px}
#vr-yahki-lp .vr-inline-cta .vr-btn{max-width:100%}
@media(max-width:640px){#vr-yahki-lp .vr-inline-cta .vr-btn{width:100%}}