.profile-button{font-size:12px;font-weight:600;border:1px solid var(--line);padding:8px 12px;border-radius:20px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.header{gap:35px}.social-product{background:linear-gradient(180deg,#e4e9e1 0,#faf9f5 360px);padding-top:25px}.social-product .detail-top{grid-template-columns:245px 1fr;gap:40px;align-items:start}.social-product .detail-art{box-shadow:0 10px 35px #25382f16;border:1px solid #cdd6c8}.social-product .detail-art .product-art{min-height:330px}.social-product .detail-info{position:relative;padding-right:245px;min-height:330px}.social-product .detail-info h1{font-size:36px;letter-spacing:-1px;line-height:1.15}.personal-panel{position:absolute;right:0;top:15px;width:215px;background:#284c3e;color:#f7f8ef;padding:22px 18px;border-radius:5px;text-align:center;box-shadow:0 10px 30px #284c3e20}.personal-panel .eyebrow{font-size:9px;justify-content:center;letter-spacing:1px;overflow-wrap:anywhere}.personal-panel p{font-size:12px;opacity:.8;margin:18px 0 4px}.personal-stars{font-size:29px;letter-spacing:4px;color:#d4dca8;margin-bottom:18px}.personal-panel .primary{background:#dce7cc;color:#284c3e;width:100%;font-weight:600}.personal-panel .text-button{margin-top:17px;font-size:10px;color:#dbe4d5}.social-product .reviews-layout{grid-template-columns:245px 1fr;gap:40px}.social-product .rating-summary{background:#f0f2eb;border:1px solid #dce2d5;padding:22px;border-radius:4px;align-self:start}.social-product .review-name{color:#3a6650;font-size:13px}.social-product .review-body{font-size:14px;line-height:1.85}.social-product .review-stars{color:#718c50}.social-product .review{padding:25px 0}.social-product .review .avatar{background:#dce5d3;font-family:var(--sans);font-size:11px;font-weight:700}.social-product .shelf-control{grid-template-columns:1fr}.social-product .shelf-control .primary{display:none}.social-product .detail-rating b{font-size:26px}.social-product .notice{font-size:10px;padding:12px}
@media(max-width:1100px){.social-product .detail-top{grid-template-columns:200px 1fr;gap:25px}.social-product .detail-info{padding-right:0}.personal-panel{position:static;width:100%;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.personal-panel .eyebrow{grid-column:1/-1}.personal-panel p{margin:0}.personal-stars{margin:0}.personal-panel .text-button{margin:0}.social-product .detail-art .vessel{transform:scale(1.3)}.social-product .reviews-layout{grid-template-columns:200px 1fr;gap:25px}}
@media(max-width:720px){.header{gap:18px}.profile-button{font-size:10px;padding:7px 9px;max-width:100px;margin-left:auto}.about-button{display:none}.header nav{gap:17px}.social-product .detail-top{grid-template-columns:1fr;gap:20px}.social-product .detail-art{width:160px;margin:0 auto}.social-product .detail-art .product-art{min-height:210px}.social-product .detail-art .vessel{transform:scale(1)}.social-product .detail-info h1{font-size:30px}.social-product .reviews-layout{grid-template-columns:1fr}.social-product .rating-summary{display:block}.social-product .summary-score{display:inline-block;margin-right:15px}.social-product .distribution{margin-top:15px}.personal-panel{padding:19px}.social-product .reviews-header{align-items:start}.social-product .reviews-header .section-title{font-size:23px}.social-product .review-name{font-size:12px}}
.read-reviews { color:var(--green); font-size:12px; text-decoration:underline; text-underline-offset:3px }
.review-options { margin:16px 0 6px; border-top:1px solid var(--line); padding-top:12px }
.review-options summary { cursor:pointer; color:var(--green); font-weight:600; font-size:12px }
.social-product .detail-info .tag-row { margin:15px 0 }
.social-product .personal-stars { margin:12px 0 }
@media(max-width:720px){
 .social-product .detail-top { display:grid; grid-template-columns:84px minmax(0,1fr); gap:5px 16px; align-items:center }
 .social-product .detail-art { grid-column:1; grid-row:1 / span 4; align-self:start; width:84px }
 .social-product .detail-art .product-art { height:122px; min-height:122px }
 .social-product .detail-art .vessel { transform:scale(.55); flex-shrink:0 }
 .social-product .detail-art .art-note { display:none }
 .social-product .detail-info { display:contents }
 .social-product .detail-info > .card-brand,.social-product .detail-info > h1,.social-product .detail-rating,.social-product .detail-info .tag-row { grid-column:2; margin:0 }
 .social-product .detail-info h1 { font-size:25px; overflow-wrap:anywhere }
 .social-product .detail-rating { flex-wrap:wrap; gap:5px }
 .social-product .detail-info .tag-row { margin:3px 0 }
 .social-product .shelf-control,.social-product .shelf-caption,.social-product .personal-panel { grid-column:1/-1 }
 .social-product .shelf-control { margin:12px 0 0 }
 .social-product .personal-panel { margin-top:8px; padding:13px; gap:5px 10px }
 .social-product .reviews-layout { display:flex; flex-direction:column; gap:16px; margin-top:22px; padding-top:20px }
 .social-product .rating-summary { order:1; width:100% }
 .social-product .review { padding:16px 0 }
 .social-product .reviews-header h2 { scroll-margin-top:14px }
}