/* Shared neutral controls and focused storefront refinements. */
body.storefront .btn:not(.light):not(.lime){background:#181818;border-color:#181818;color:#fff}
body.storefront .btn:not(.light):not(.lime):hover{background:#303030;border-color:#303030;color:#fff;transform:none}
body.storefront .btn.light{background:#fff;border:1px solid #d7dce2;color:#181818;box-shadow:none}
body.storefront .btn.light:hover{background:#f2f3f5;border-color:#b9c1ca;color:#181818;transform:none}
body.storefront .btn:focus-visible,body.storefront .icon-btn:focus-visible{outline:2px solid #666;outline-offset:2px}
body.storefront .header-points,body.storefront .member-benefit .benefit-value,body.storefront .member-benefit .benefit-value small{color:#181818}
body.storefront .header-tools a:hover,body.storefront .header-tools a:focus-visible,body.storefront .header-tools button:hover,body.storefront .header-tools button:focus-visible{color:#181818;background:#f2f3f5;border-radius:8px}
body.storefront .icon-btn:hover,body.storefront .icon-btn:focus-visible{background:#f2f3f5;border-color:#b9c1ca;color:#181818}
body.storefront .detail-section-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}
body.storefront .detail-section-actions .btn{min-width:112px;min-height:40px;padding:9px 16px;font-size:14px;white-space:nowrap}
body.storefront .detail-section .section-title{align-items:center}
body.storefront .buy-actions{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr)}
body.storefront .buy-actions .icon-btn{width:48px;height:48px}
body.storefront .buy-actions .btn{order:1}
body.storefront .refund-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
body.storefront .refund-policy-card{padding:25px 27px;background:#fff;border:1px solid #e5e8ec;border-radius:12px;box-shadow:0 7px 22px #1823310a}
body.storefront .refund-policy-card h3{font-size:17px;font-weight:700;line-height:1.5;color:#111;margin:0 0 12px;letter-spacing:-.3px}
body.storefront .refund-policy-card p{font-size:14px;line-height:1.85;color:#30343a;margin:0}
body.storefront .refund-policy-card p+p{margin-top:10px}
body.storefront .refund-policy-card:last-child:nth-child(odd){grid-column:1/-1}
body.storefront .account-workspace .member-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}
body.storefront .account-refunds .table-wrap,body.storefront .account-inquiries .table-wrap{overflow-x:auto}
body.storefront .account-refunds table,body.storefront .account-inquiries table{min-width:900px}
body.storefront .account-refunds th,body.storefront .account-refunds td,body.storefront .account-inquiries th,body.storefront .account-inquiries td{font-size:14px;line-height:1.6;color:#181818;vertical-align:middle}
body.storefront .account-refunds td,body.storefront .account-inquiries td{white-space:nowrap}
body.storefront .board-table td .shop-badge,body.storefront .account-content td .shop-badge,body.storefront .account-content td .ui-state{font-size:inherit;font-weight:400;line-height:inherit;color:#181818;background:none;border:0;padding:0}
body.storefront .board-table .answer-row .post-title-cell>a,body.storefront .board-table .answer-row .post-title-cell>a:hover,body.storefront .post-card .shop-badge{color:#181818;font-size:inherit;font-weight:400}
body.storefront #dialog .repurchase-actions [data-schedule-yes]{background:#181818;border-color:#181818;color:#fff}
body.storefront #dialog .repurchase-actions [data-schedule-yes]:hover{background:#303030;border-color:#303030;color:#fff}
body.storefront #dialog .repurchase-actions [data-schedule-no]{background:#fff;border-color:#d7dce2;color:#181818}
body.storefront #dialog .repurchase-actions [data-schedule-no]:hover{background:#f2f3f5;border-color:#b9c1ca;color:#181818}
@media(max-width:760px){body.storefront .refund-policy-grid{grid-template-columns:1fr}body.storefront .refund-policy-card:last-child:nth-child(odd){grid-column:auto}body.storefront #reviews .section-title,body.storefront #qna .section-title{display:flex;flex-direction:column;align-items:flex-start;gap:12px}body.storefront .detail-section-actions{margin-left:0;width:100%;justify-content:flex-end}body.storefront .detail-section-actions .btn{flex:0 0 auto}body.storefront .account-workspace .member-benefits{grid-template-columns:1fr}}

/* Consistent neutral hover and table numbering. */
body.storefront .shop-header-nav .nav-links a:hover,body.storefront .shop-header-nav .nav-links a:focus-visible,body.storefront .shop-header-nav .nav-menu summary:hover,body.storefront .shop-header-nav .nav-menu summary:focus-visible{color:#181818!important}
body.storefront .pagination .page-control:not([aria-current=page]):not(:disabled):not([aria-disabled]):hover,body.storefront .pagination .page-control:not([aria-current=page]):not(:disabled):not([aria-disabled]):focus-visible{background:#f2f3f5;border-color:#d7dce2;color:#181818!important}
body.storefront .board-table .post-title-cell>a:hover,body.storefront .board-table .post-title-cell>a:focus-visible,body.storefront .review-table a:hover,body.storefront .review-table a:focus-visible{color:#181818!important;text-decoration:underline;text-decoration-color:#9da4ae;text-underline-offset:3px}
body.storefront .board-table th:first-child,body.storefront .board-table td:first-child,body.storefront .review-table th:first-child,body.storefront .review-table td:first-child,body.storefront .account-content .table-wrap th:first-child,body.storefront .account-content .table-wrap td:first-child{text-align:center}
body.storefront .buy-actions{display:grid;grid-template-columns:48px repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
body.storefront .buy-actions>.icon-btn{grid-column:1;grid-row:1;width:48px;height:48px;min-width:48px;order:0}
body.storefront .buy-actions>.btn[type=submit]{grid-column:2;grid-row:1;order:0}
body.storefront .buy-actions>#add-cart{grid-column:3;grid-row:1;order:0}
body.storefront .buy-actions>.btn{width:100%;min-width:0;min-height:48px;height:48px;padding:10px 8px;white-space:nowrap;word-break:keep-all}
body.storefront .refund-policy-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e1e5eb;border-radius:12px;box-shadow:0 7px 22px #1823310a;padding:25px 27px}
body.storefront .refund-policy-card::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:#353535}
body.storefront .refund-policy-card h3{font-size:17px;margin-bottom:12px}
body.storefront .refund-policy-card p{font-size:14px;line-height:1.85;color:#30343a}
body.storefront .detail-section-actions [data-write-review],body.storefront .detail-section-actions a[href*="/support/qna/write"]{background:#181818!important;border-color:#181818!important;color:#fff!important}
body.storefront .detail-section-actions [data-write-review]:hover,body.storefront .detail-section-actions a[href*="/support/qna/write"]:hover{background:#303030!important;border-color:#303030!important;color:#fff!important}
@media(max-width:500px){body.storefront .buy-actions{grid-template-columns:48px repeat(2,minmax(0,1fr));gap:7px}body.storefront .buy-actions>.btn{font-size:12px;padding:10px 2px}}
body.storefront .nav-links>a:hover,body.storefront .nav-links>a:focus-visible,body.storefront .nav-links .nav-menu summary:hover,body.storefront .nav-links .nav-menu summary:focus-visible{color:#181818!important}
body.storefront .pagination a.page-control:not([aria-current=page]):hover,body.storefront .pagination button.page-control:not([aria-current=page]):hover{background:#f2f3f5!important;border-color:#d7dce2!important;color:#181818!important}
body.storefront .dropdown a:hover,body.storefront .masthead-controls button:hover,body.storefront .filter-chip:hover,body.storefront table a:hover,body.storefront .footer-bottom a:hover,body.storefront .footer-new-nav a:hover,body.storefront .account-content td a[href^="/product/"]:hover{color:#181818!important}

/* Header controls and menus */
body.storefront #site-header .header-tools a{
  width:38px;height:38px;border:1px solid transparent;border-radius:10px;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body.storefront #site-header .header-tools a:hover,
body.storefront #site-header .header-tools a:focus-visible{
  background:#f2f3f5;border-color:#e1e4e8;color:#17191c;
  box-shadow:0 4px 12px #17191c13;transform:translateY(-2px);
}
body.storefront #site-header .account-links .header-points,
body.storefront #site-header .account-links #header-logout{
  padding:0;min-height:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;color:#181818;
  text-decoration-line:underline;text-decoration-color:transparent;text-underline-offset:4px;
  transition:text-decoration-color .16s ease;
}
body.storefront #site-header .account-links .header-points:hover,
body.storefront #site-header .account-links .header-points:focus-visible,
body.storefront #site-header .account-links #header-logout:hover,
body.storefront #site-header .account-links #header-logout:focus-visible{
  background:transparent;border:0;color:#181818;
  box-shadow:none;transform:none;text-decoration-color:currentColor;
}
body.storefront #site-header .nav-links>a,
body.storefront #site-header .nav-links .nav-menu>summary{
  border-radius:8px;padding:8px 10px;margin:-8px -10px;
  transition:background-color .18s ease,color .18s ease;
}
body.storefront #site-header .nav-links>a:hover,
body.storefront #site-header .nav-links>a:focus-visible,
body.storefront #site-header .nav-links .nav-menu>summary:hover,
body.storefront #site-header .nav-links .nav-menu>summary:focus-visible,
body.storefront #site-header .nav-links .nav-menu[open]>summary{
  background:#f1f2f4;color:#181818!important;
}
body.storefront #site-header .nav-menu .chevron{transition:transform .2s ease}
body.storefront #site-header .nav-menu[open] .chevron{transform:rotate(225deg);margin-top:3px}
body.storefront #site-header .nav-menu[open] .dropdown{
  transform-origin:top center;
  animation:storefront-menu-open .22s cubic-bezier(.2,.75,.25,1) both;
}
@keyframes storefront-menu-open{
  from{opacity:0;transform:translateY(-9px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
body.storefront #site-header .dropdown a{
  transition:background-color .16s ease,transform .16s ease,color .16s ease;
}
body.storefront #site-header .dropdown a:hover,
body.storefront #site-header .dropdown a:focus-visible{
  background:#f2f3f5;color:#181818!important;transform:translateX(2px);
}
/* Selected categories retain legible text on hover. */
body.storefront .filter-chip:not(.active):not([aria-pressed=true]):hover,
body.storefront .filter-chip:not(.active):not([aria-pressed=true]):focus-visible{
  color:#181818!important;background:#f1f2f4!important;border-color:#d6dbe0!important;
}
body.storefront .filter-chip.active,
body.storefront .filter-chip[aria-pressed=true]{
  color:#fff!important;background:#25282d!important;border-color:#25282d!important;
}
body.storefront .filter-chip.active:hover,
body.storefront .filter-chip.active:focus-visible,
body.storefront .filter-chip[aria-pressed=true]:hover,
body.storefront .filter-chip[aria-pressed=true]:focus-visible{
  color:#fff!important;background:#3a3e44!important;border-color:#3a3e44!important;
  box-shadow:0 4px 11px #25282d24;
}
@media(prefers-reduced-motion:reduce){
  body.storefront #site-header .nav-menu[open] .dropdown{animation:none}
  body.storefront #site-header .header-tools a,body.storefront #site-header .nav-links>a,body.storefront #site-header .nav-links .nav-menu>summary{transition:none}
}
@media(max-width:640px){
  body.storefront #site-header .account-links .header-points{display:none}
}
/* Account empty states use the same neutral palette as the rest of My Page. */
body.storefront .account-workspace .download-empty{
  background:#f7f7f8;border:1px solid #e5e5e7;
}
body.storefront .account-workspace .download-empty>.icon{color:#6b6b70}
body.storefront .account-workspace .download-empty strong{color:#181818}
body.storefront .account-workspace .download-empty p{color:#66666b}

/* Authentication navigation stays neutral in resting and hover states. */
body.storefront #site-header .account-links>a,
body.storefront #site-header .account-links>a.signup-link{
  color:#181818!important;background:transparent!important;
  border:0;box-shadow:none;text-decoration:none;
}
body.storefront #site-header .account-links>a:hover,
body.storefront #site-header .account-links>a:focus-visible,
body.storefront #site-header .account-links>a.signup-link:hover,
body.storefront #site-header .account-links>a.signup-link:focus-visible{
  color:#181818!important;background:transparent!important;
  text-decoration:underline;text-underline-offset:4px;
}
body.storefront .auth-bottom a{
  color:#181818!important;
  text-decoration:underline;text-decoration-color:#777;text-underline-offset:3px;
}
body.storefront .auth-bottom a:hover,
body.storefront .auth-bottom a:focus-visible{
  color:#181818!important;text-decoration-color:#181818;
  text-decoration-thickness:2px;
}

/* Product detail tables follow the account table treatment. */
body.storefront #reviews.detail-section,
body.storefront #qna.detail-section{
  background:#fff;border:1px solid #f0f0f1;border-radius:18px;
  box-shadow:0 10px 32px #17191c0a;
  padding:30px 28px 24px;margin:26px 0;
}
body.storefront #reviews .table-wrap,
body.storefront #qna .table-wrap{
  border:0;border-radius:12px 12px 0 0;overflow-x:auto;
}
body.storefront #reviews table,
body.storefront #qna table{
  border-collapse:separate;border-spacing:0;background:#fff;
}
body.storefront #reviews table thead th,
body.storefront #qna table thead th{
  background:#f6f6f7!important;color:#181818!important;
  font-size:14px;font-weight:600;line-height:1.6;
  height:54px;padding:16px 18px;
  border:0;border-bottom:1px solid #e5e5e7;
  text-align:center;vertical-align:middle;
}
body.storefront #reviews table thead th:first-child,
body.storefront #qna table thead th:first-child{border-top-left-radius:12px}
body.storefront #reviews table thead th:last-child,
body.storefront #qna table thead th:last-child{border-top-right-radius:12px}
body.storefront #reviews table thead th:nth-child(2),
body.storefront #qna table thead th:nth-child(2){text-align:left!important}
body.storefront #reviews table tbody td,
body.storefront #qna table tbody td{
  color:#181818;font-size:14px;line-height:1.65;
  border-bottom:1px solid #ececef;padding:18px;
  text-align:center;vertical-align:middle;
}
body.storefront #reviews table tbody tr:last-child td,
body.storefront #qna table tbody tr:last-child td{border-bottom:0}
body.storefront #reviews table tbody td:nth-child(2),
body.storefront #qna table tbody td:nth-child(2){text-align:left}
body.storefront #reviews table tbody td.table-empty,
body.storefront #qna table tbody td.table-empty{text-align:center}
body.storefront #reviews table tbody a,
body.storefront #qna table tbody a{color:#181818}
body.storefront #reviews table tbody a:hover,
body.storefront #qna table tbody a:hover{color:#181818;text-decoration:underline;text-decoration-color:#a5a5a8;text-underline-offset:3px}
@media(max-width:760px){
  body.storefront #reviews.detail-section,body.storefront #qna.detail-section{padding:23px 18px 18px}
}
