/* Customer feedback and discovery improvements. Parcel printing and admin themes stay independent. */
@media screen {
  #app:not(.admin-view):not(.support-view) .active-filter-chips { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 18px; }
  #app:not(.admin-view):not(.support-view) .active-filter-chip { display:inline-flex; align-items:center; gap:10px; border:1px solid #d7e4f7; background:#edf4ff; color:#2256a0; border-radius:999px; padding:7px 12px; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
  #app:not(.admin-view):not(.support-view) .active-filter-chip span { font-size:18px; line-height:1; }
  #app:not(.admin-view):not(.support-view) .active-filter-clear { color:#315c92; font-size:12px; padding:8px; text-decoration:underline; text-underline-offset:4px; }
  #app:not(.admin-view):not(.support-view) .review-jump { background:transparent; border:0; border-inline-start:1px solid #d7e4f7; color:#2256a0; padding:0 12px; cursor:pointer; font:inherit; min-height:28px; }
  #app:not(.admin-view):not(.support-view) .reviews-v18 { border:1px solid #e2eaf4; border-radius:22px; background:#fff; padding:30px; margin-top:26px; scroll-margin-top:145px; }
  #app:not(.admin-view):not(.support-view) .review-eyebrow { display:block; font-size:11px; color:#5f7188; margin-bottom:5px; }
  #app:not(.admin-view):not(.support-view) .reviews-layout { display:grid; grid-template-columns:minmax(255px,320px) minmax(0,1fr); gap:30px; align-items:start; }
  #app:not(.admin-view):not(.support-view) .review-compose { padding:23px; border:1px solid #dce7f8; border-radius:18px; background:#f5f8fe; min-width:0; }
  #app:not(.admin-view):not(.support-view) .review-compose-intro h3 { font-size:16px; margin:6px 0 9px; line-height:1.9; color:#142c49; }
  #app:not(.admin-view):not(.support-view) .review-compose p { font-size:12px; line-height:2; color:#526983; margin:8px 0 15px; }
  #app:not(.admin-view):not(.support-view) .review-score-mark { display:grid; place-items:center; width:42px; height:42px; font-size:25px; background:white; color:#2256a0; border:1px solid #e1eaf8; border-radius:13px; }
  #app:not(.admin-view):not(.support-view) .review-form { display:grid; gap:17px; margin-top:18px; }
  #app:not(.admin-view):not(.support-view) .review-form > label { display:grid; gap:8px; font-size:12.5px; color:#223e60; }
  #app:not(.admin-view):not(.support-view) .review-form :is(input:not([type=radio]),textarea) { display:block; width:100%; min-width:0; background:#fff; color:#142c49; border:1px solid #cbd9ed; border-radius:11px; padding:11px 12px; font:inherit; font-size:14px; line-height:1.9; }
  #app:not(.admin-view):not(.support-view) .review-form textarea { resize:vertical; min-height:130px; }
  #app:not(.admin-view):not(.support-view) .review-form :is(input,textarea):focus-visible { border-color:#2563eb; outline:3px solid #bfdbfe; outline-offset:2px; }
  #app:not(.admin-view):not(.support-view) .review-form small { color:#526983; line-height:1.9; font-size:11px; }
  #app:not(.admin-view):not(.support-view) .review-stars { border:0; padding:0; margin:0; min-width:0; }
  #app:not(.admin-view):not(.support-view) .review-stars legend { font-size:12.5px; color:#223e60; margin-bottom:9px; }
  #app:not(.admin-view):not(.support-view) .review-stars > div { display:flex; gap:7px; }
  #app:not(.admin-view):not(.support-view) .review-stars label { position:relative; flex:1; min-width:0; cursor:pointer; }
  #app:not(.admin-view):not(.support-view) .review-stars input { position:absolute; opacity:0; inset:0; width:100%; height:100%; cursor:pointer; }
  #app:not(.admin-view):not(.support-view) .review-stars input + span { display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 2px 5px; border:1px solid #d5e1f2; border-radius:9px; background:#fff; color:#526983; }
  #app:not(.admin-view):not(.support-view) .review-stars b { font-size:22px; font-weight:400; line-height:1.1; }
  #app:not(.admin-view):not(.support-view) .review-stars input:checked + span { background:#e1edff; border-color:#2563eb; color:#1e4ba3; box-shadow:0 0 0 1px #2563eb; }
  #app:not(.admin-view):not(.support-view) .review-stars input:focus-visible + span { outline:3px solid #93c5fd; outline-offset:3px; }
  #app:not(.admin-view):not(.support-view) .review-form .review-form-message { color:#a3273c; margin:0; overflow-wrap:anywhere; }
  #app:not(.admin-view):not(.support-view) .review-form .review-form-message:empty { display:none; }
  #app:not(.admin-view):not(.support-view) .review-form .review-form-message.is-success { color:#14603f; background:#e9f8ef; padding:10px; border-radius:9px; }
  #app:not(.admin-view):not(.support-view) .review-own-status { border-inline-start:3px solid #3b82f6; padding:9px 12px; background:#fff; border-radius:8px; }
  #app:not(.admin-view):not(.support-view) .review-overview { display:flex; gap:19px; align-items:center; background:#f8faff; border:1px solid #e7edf6; border-radius:14px; padding:18px 22px; margin-bottom:18px; }
  #app:not(.admin-view):not(.support-view) .review-overview > div { display:flex; align-items:baseline; gap:6px; color:#2256a0; white-space:nowrap; }
  #app:not(.admin-view):not(.support-view) .review-overview strong { font-size:38px; line-height:1.5; }
  #app:not(.admin-view):not(.support-view) .review-overview span { font-size:11px; color:#526983; }
  #app:not(.admin-view):not(.support-view) .review-overview p { font-size:12px; line-height:2; margin:0; color:#304d70; }
  #app:not(.admin-view):not(.support-view) .reviews-v18 .product-review { padding:22px 0; border:0; border-bottom:1px solid #e7edf5; border-radius:0; background:#fff; margin:0; }
  #app:not(.admin-view):not(.support-view) .reviews-v18 .product-review:last-child { border-bottom:0; }
  #app:not(.admin-view):not(.support-view) .reviews-v18 .product-review header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
  #app:not(.admin-view):not(.support-view) .review-author { display:flex; align-items:center; gap:11px; min-width:0; }
  #app:not(.admin-view):not(.support-view) .review-author strong { display:block; font-size:13px; overflow-wrap:anywhere; }
  #app:not(.admin-view):not(.support-view) .review-author small { display:block; color:#5f7188; font-size:10.5px; margin-top:3px; }
  #app:not(.admin-view):not(.support-view) .review-avatar { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; color:#315c92; background:#edf3fd; border-radius:50%; font-size:15px; }
  #app:not(.admin-view):not(.support-view) .reviews-v18 .product-review-rating { border-radius:8px; background:#edf4ff; color:#2256a0; font-size:11px; padding:5px 9px; white-space:nowrap; }
  #app:not(.admin-view):not(.support-view) .reviews-v18 .product-review p { color:#30465f; font-size:13px; line-height:2.1; white-space:pre-wrap; overflow-wrap:anywhere; margin:16px 0 0; }
  #app:not(.admin-view):not(.support-view) .review-purchase { display:inline-flex; border-radius:6px; background:#edf8f1; color:#216142; padding:4px 8px; margin-top:13px; font-size:10.5px; }
  #app:not(.admin-view):not(.support-view) .reviews-empty { display:grid; justify-items:center; text-align:center; padding:40px 20px; background:#fcfdff; border:1px dashed #dce6f4; border-radius:16px; }
  #app:not(.admin-view):not(.support-view) .reviews-empty > span { display:grid; place-items:center; width:58px; height:58px; border-radius:18px; background:#edf4ff; color:#315c92; font-size:33px; }
  #app:not(.admin-view):not(.support-view) .reviews-empty h3 { font-size:16px; margin:15px 0 6px; color:#142c49; }
  #app:not(.admin-view):not(.support-view) .reviews-empty p { font-size:12px; color:#5f7188; margin:0; }
  #app:not(.admin-view):not(.support-view) .hero-discovery > .button { box-shadow:0 6px 18px #2563eb24; }
  #app:not(.admin-view):not(.support-view) .category-card { border-color:#e0e9f6; }
  @media (max-width:900px) {
    #app:not(.admin-view):not(.support-view) .reviews-v18 { padding:23px; }
    #app:not(.admin-view):not(.support-view) .reviews-layout { grid-template-columns:minmax(230px,280px) minmax(0,1fr); gap:20px; }
  }
  @media (max-width:650px) {
    #app:not(.admin-view):not(.support-view) .reviews-v18 { padding:20px 15px; scroll-margin-top:120px; }
    #app:not(.admin-view):not(.support-view) .reviews-layout { display:flex; flex-direction:column; gap:20px; }
    #app:not(.admin-view):not(.support-view) :is(.review-compose,.reviews-content) { width:100%; }
    #app:not(.admin-view):not(.support-view) .review-compose { padding:18px; }
    #app:not(.admin-view):not(.support-view) .review-form :is(input:not([type=radio]),textarea) { font-size:16px; }
    #app:not(.admin-view):not(.support-view) .reviews-v18 .section-heading { align-items:start; gap:12px; flex-wrap:wrap; }
    #app:not(.admin-view):not(.support-view) .reviews-v18 .section-heading h2 { font-size:20px; }
    #app:not(.admin-view):not(.support-view) .review-overview strong { font-size:32px; }
    #app:not(.admin-view):not(.support-view) .review-jump { padding-inline:9px; }
  }
}
@media screen and (prefers-reduced-motion:no-preference) and (hover:hover) {
  #app:not(.admin-view):not(.support-view) :is(.product-card,.category-card) { transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
  #app:not(.admin-view):not(.support-view) .product-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px #1a416610; border-color:#b9cfef; }
  #app:not(.admin-view):not(.support-view) .category-card:hover { transform:translateY(-3px); box-shadow:0 7px 20px #1a41660c; }
  #app:not(.admin-view):not(.support-view) .review-stars input + span { transition:background .15s ease,border-color .15s ease,transform .15s ease; }
  #app:not(.admin-view):not(.support-view) .review-stars label:hover input + span { transform:translateY(-2px); border-color:#7aa3df; }
}