/* Ревю на магазин (page-templates/page-store-review.php). Mobile first: базовите стилове са за телефон,
 * разширенията – в media заявката. Всичко е под .sr, за да не засяга останалия сайт.
 * Цветовете и шрифтовете са като на продуктовата страница v2 (css/fragrance-v2.css). */

.sr {
  --sr-ink: #141210;
  --sr-text: #3f3a34;
  --sr-muted: #57514a;
  --sr-soft: #8c8680;
  --sr-line: rgba(20, 18, 16, .1);
  --sr-line-soft: rgba(20, 18, 16, .08);
  --sr-track: #f0ede8;
  --sr-accent: #fd4f00;
  --sr-accent-dark: #e44700;
  --sr-green: #1f9d57;
  --sr-head-font: "Roboto Condensed", sans-serif;
  --bs-link-hover-color: var(--sr-accent-dark);
  color: var(--sr-text);
  background: #fff;
  padding: 0 0 48px;
}

.sr *,
.sr *::before,
.sr *::after {
  box-sizing: border-box;
}

.sr h1,
.sr h2,
.sr h3 {
  font-family: var(--sr-head-font);
  color: var(--sr-ink);
}

.sr p,
.sr ul,
.sr ol,
.sr dl,
.sr dd {
  margin: 0;
}

.sr ul,
.sr ol {
  padding: 0;
  list-style: none;
}

.sr a {
  color: var(--sr-accent);
  text-decoration: none;
}

/* На телефон отстъпът от ръба е 12px – като .container на останалия сайт (напр. /gender/…). */
.sr-wrap {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 12px;
}

.sr-card {
  background: #fff;
  border: 1px solid var(--sr-line);
  border-radius: 12px;
}

.sr-meta {
  font-size: 13px;
  font-weight: 600;
  color: var(--sr-soft);
}

.sr-eyebrow {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sr-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 18px;
}

.sr-label {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--sr-soft);
  margin: 0 0 10px !important;
}

.sr-label-green {
  color: var(--sr-green);
}

.sr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 28px;
  border: 0;
  border-radius: 999px;
  background: var(--sr-accent);
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s;
}

.sr-btn:hover {
  background: var(--sr-accent-dark);
}

/* app.css оцветява a:hover с var(--bs-link-hover-color) !important и много :not() (по-силен селектор),
 * затова за бутоните сменяме самата променлива – текстът им остава бял. */
.sr .sr-btn {
  --bs-link-hover-color: #fff;
}

.sr a.sr-btn:hover,
.sr a.sr-btn:focus,
.sr button.sr-btn:hover {
  color: #fff !important;
}

.sr-btn-ghost {
  background: transparent;
  border: 1.5px solid rgba(255, 255, 255, .3);
  padding: 0 22px;
  font-size: 14px;
}

.sr-btn-ghost:hover {
  background: transparent;
  border-color: #fff;
}

.sr-btn-sm {
  min-height: 44px;
  padding: 0 20px;
  font-size: 13.5px;
  flex: none;
}

/* Текст от редактора */
.sr-text {
  font-size: 15.5px;
  line-height: 1.75;
  color: var(--sr-text);
  margin: 0 0 22px;
}

.sr-text p + p,
.sr-text p + ul,
.sr-text ul + p {
  margin-top: 12px;
}

.sr-text ul {
  list-style: disc;
  padding-left: 20px;
}

.sr-text li + li {
  margin-top: 4px;
}

.sr-text strong {
  color: var(--sr-ink);
}

.sr-text h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 14px;
}

.sr-text h3 {
  font-size: 19px;
  font-weight: 600;
  line-height: 1.25;
  margin: 28px 0 10px;
}

.sr-text a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sr-text-soft {
  font-size: 14px;
  line-height: 1.6;
  color: var(--sr-soft);
}

.sr-after {
  margin: 22px 0 0;
}

/* Трохи – като на останалия сайт (Rank Math, без собствен шрифт), с еднакъв отстъп горе и долу. */
.sr-crumbs .sr-wrap {
  padding-top: 20px;
  padding-bottom: 20px;
}

.sr-crumbs,
.sr-crumbs a,
.sr-crumbs .last {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
}

.sr-crumbs p {
  margin: 0;
}

/* Начало – отстъпът над него идва от трохите. */
.sr-hero-wrap {
  padding-top: 0;
}

.sr-hero {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 24px 18px;
}

.sr-hero-top {
  display: flex;
  align-items: center;
  gap: 16px;
}

.sr-logo,
.sr-bar-logo,
.sr-compare-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  background: #fff;
  border: 1px solid var(--sr-line);
  border-radius: 10px;
  overflow: hidden;
}

.sr-logo {
  width: 72px;
  height: 72px;
  padding: 10px;
}

.sr-logo img,
.sr-bar-logo img,
.sr-compare-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.sr-hero-title {
  min-width: 0;
}

.sr-hero h1 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 4px;
}

.sr-summary {
  font-size: 16px;
  line-height: 1.6;
}

.sr-hero-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.sr-hero-cta .sr-meta {
  font-size: 12px;
}

/* Бутонът и промо кодът в началото – с радиус 8px като офертите. */
.sr-hero-cta .sr-btn,
.sr-hero-cta .sr-hero-code {
  border-radius: 8px;
}

.sr-hero-cta .sr-hero-code {
  width: auto;
  min-width: 200px;
  padding: 0 24px;
}

/* Оценка (по избор) */
.sr-rating {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  margin-top: 16px;
  padding: 22px 18px;
}

.sr-rating-score {
  text-align: center;
  flex: none;
}

.sr-rating-num {
  display: block;
  font: 700 44px/1 var(--sr-head-font);
  color: var(--sr-ink);
}

.sr-bars {
  flex: 1;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sr-bar {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sr-bar-label {
  width: 90px;
  flex: none;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--sr-muted);
}

.sr-bar-stars {
  width: 38px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.sr-bar-stars svg {
  width: 11px;
  height: 11px;
}

.sr-bar-track {
  flex: 1;
  height: 7px;
  border-radius: 4px;
  background: var(--sr-track);
  overflow: hidden;
}

.sr-bar-track span {
  display: block;
  height: 100%;
  border-radius: 4px;
  background: var(--sr-ink);
}

.sr-bar-value {
  width: 28px;
  text-align: right;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--sr-ink);
}

.sr-bar-pct {
  width: 36px;
  font-weight: 600;
  color: var(--sr-soft);
}

/* Блокове над съдържанието */
.sr-block {
  padding-top: 36px;
}

.sr-facts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 40px;
  padding: 6px 20px;
}

.sr-fact {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 15px 0;
  border-bottom: 1px solid var(--sr-line-soft);
  font-size: 14px;
}

.sr-fact:last-child {
  border-bottom: 0;
}

.sr-fact dt {
  flex: none;
  max-width: 45%;
  font-weight: 600;
  color: var(--sr-muted);
}

.sr-fact dd {
  font-weight: 700;
  color: var(--sr-ink);
  text-align: right;
}

/* Промо код */
.sr-promo {
  padding: 22px 18px;
  background: var(--sr-ink);
  border: 0;
  color: #fff;
}

.sr-promo .sr-eyebrow {
  color: rgba(255, 255, 255, .6);
  margin: 0 0 10px;
}

.sr-promo-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.sr-promo-code-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.sr-promo-code {
  font: 700 22px ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .04em;
}

.sr-promo-title {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, .7);
}

.sr-promo-terms {
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, .55);
  margin-top: 6px !important;
}

.sr-promo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sr-promo-actions .sr-btn:not(.sr-btn-ghost) {
  padding: 0 22px;
  font-size: 14px;
}


/* Съдържание + странична колона */
.sr-main {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  align-items: start;
  padding-top: 36px;
}

.sr-content {
  min-width: 0;
}

.sr-section {
  margin: 0 0 48px;
  scroll-margin-top: 90px;
}

.sr-last {
  margin-bottom: 0;
}

.sr-toc-mobile {
  padding: 16px 18px;
  margin: 0 0 36px;
}

.sr-toc-mobile summary,
.sr-faq summary,
.sr-sources summary {
  list-style: none;
  cursor: pointer;
}

.sr-toc-mobile summary::-webkit-details-marker,
.sr-faq summary::-webkit-details-marker,
.sr-sources summary::-webkit-details-marker {
  display: none;
}

.sr-toc-mobile summary {
  font: 700 15px var(--sr-head-font);
  color: var(--sr-ink);
}

.sr-toc-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sr-toc-mobile .sr-toc-links {
  margin-top: 14px;
}

.sr-toc-links a {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--sr-muted);
}

.sr-toc-links a:hover {
  color: var(--sr-accent);
}

/* Активен раздел в съдържанието (маркира се от store-review.js) */
.sr .sr-toc-links a {
  position: relative;
  transition: color .15s ease, padding-left .15s ease;
}

.sr .sr-toc-links a.is-active {
  padding-left: 14px;
  color: var(--sr-accent);
}

.sr .sr-toc-links a.is-active::before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}

.sr-toc-side {
  display: none;
  padding: 20px 18px;
}

.sr-toc-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--sr-soft);
  margin: 0 0 14px !important;
}

/* История */
.sr-timeline li {
  position: relative;
  padding: 0 0 22px 28px;
}

.sr-timeline li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--sr-ink);
}

.sr-timeline li::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 18px;
  bottom: 2px;
  width: 1.5px;
  background: rgba(20, 18, 16, .12);
}

.sr-timeline li:last-child {
  padding-bottom: 0;
}

.sr-timeline li:last-child::after {
  display: none;
}

.sr-timeline-year {
  font: 700 14px var(--sr-head-font);
  color: var(--sr-ink);
}

.sr-timeline p {
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--sr-muted);
  margin-top: 2px;
}

/* Марки */
.sr-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 22px !important;
}

.sr-chips:last-child {
  margin-bottom: 0 !important;
}

.sr-chips li {
  padding: 7px 14px;
  border-radius: 999px;
  background: var(--sr-track);
  font-size: 13px;
  font-weight: 600;
  color: var(--sr-ink);
}

.sr-chips-no li {
  background: transparent;
  border: 1px dashed rgba(20, 18, 16, .2);
  color: var(--sr-soft);
  text-decoration: line-through;
}

/* Цени */
.sr-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin: 0 0 16px;
  padding: 0 0 4px;
  scrollbar-width: thin;
}

.sr-tab {
  flex: none;
  padding: 9px 16px;
  border-radius: 999px;
  border: 1.5px solid rgba(20, 18, 16, .16);
  background: #fff;
  color: var(--sr-muted);
  font-size: 12.5px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}

.sr-tab[aria-selected="true"] {
  border-color: var(--sr-ink);
  background: var(--sr-ink);
  color: #fff;
}

.sr-price-panel {
  padding: 14px 16px 6px;
}

.sr-price-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 8px;
  color: inherit !important;
}

.sr-price-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 42px;
  flex: none;
}

.sr-price-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.sr-price-name {
  display: block;
  font: 700 14.5px var(--sr-head-font);
  color: var(--sr-ink);
}

.sr-price-size {
  display: block;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--sr-soft);
}

.sr-price-row a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 0;
  border-top: 1px solid rgba(20, 18, 16, .07);
  color: inherit !important;
}

.sr-price-row.is-current a {
  margin: 0 -10px;
  padding: 8px 10px;
  border-radius: 8px;
  border-top-color: transparent;
  background: var(--sr-track);
}

.sr-price-row.is-current + .sr-price-row a {
  border-top-color: transparent;
}

.sr-price-store {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--sr-muted);
}

.sr-price-row.is-current .sr-price-store {
  color: var(--sr-ink);
}

.sr-price-best {
  flex: none;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--sr-green);
}

.sr-price-stock {
  display: none;
  flex: none;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--sr-green);
}

.sr-price-value {
  flex: none;
  min-width: 72px;
  text-align: right;
  font: 700 15px var(--sr-head-font);
  color: var(--sr-ink);
}

/* Доставка */
.sr-delivery-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid var(--sr-line-soft);
}

.sr-delivery-row svg {
  width: 22px;
  height: 22px;
  flex: none;
  color: var(--sr-muted);
}

.sr-delivery-main {
  flex: 1;
  min-width: 0;
}

.sr-delivery-name {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--sr-ink);
}

.sr-delivery-note,
.sr-delivery-time {
  display: block;
  font-size: 12.5px;
  color: var(--sr-soft);
  margin-top: 2px;
}

.sr-delivery-side {
  flex: none;
  max-width: 45%;
  text-align: right;
}

.sr-delivery-price {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--sr-ink);
}

.sr-delivery-row.is-free .sr-delivery-price {
  color: var(--sr-green);
}

.sr-delivery-time {
  font-weight: 600;
}

/* Връщане */
.sr-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px;
  margin: 0 0 20px;
}

.sr-step {
  padding: 20px 16px;
}

.sr-step-num {
  display: block;
  font: 700 36px/1 var(--sr-head-font);
  color: var(--sr-ink);
  margin: 0 0 10px;
}

.sr-step-title {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--sr-ink);
  margin: 0 0 4px !important;
}

.sr-step-text {
  font-size: 13px;
  line-height: 1.5;
  color: var(--sr-muted);
}

.sr-note {
  padding: 16px 18px;
  border-radius: 12px;
  background: var(--sr-track);
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--sr-muted);
}

.sr-note-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--sr-ink);
  margin: 0 0 4px !important;
}

/* Оригиналност */
.sr-source {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  font-size: 13px;
  font-weight: 600;
  color: var(--sr-muted);
}

.sr-source svg {
  width: 22px;
  height: 22px;
  flex: none;
  color: var(--sr-green);
}

/* Плащане */
.sr-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sr-pills li {
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 700;
  color: var(--sr-ink);
}

/* Приложение */
.sr-apps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
}

.sr-app {
  display: block;
  padding: 18px 20px;
  color: inherit !important;
}

.sr-app-name,
.sr-app-count {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--sr-soft);
}

.sr-app-score {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 6px 0 4px;
  font: 700 26px/1 var(--sr-head-font);
  color: var(--sr-ink);
}

.sr-app-score svg {
  width: 15px;
  height: 15px;
}

.sr-app-count {
  font-size: 12.5px;
  font-weight: 600;
}

/* Отзиви */
.sr-tp {
  padding: 22px 18px;
  margin: 0 0 20px;
}

.sr-tp-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 18px;
}

.sr-tp-score {
  font: 700 40px/1 var(--sr-head-font);
  color: var(--sr-ink);
}

.sr-tp-source {
  font-size: 14px;
  font-weight: 700;
  color: var(--sr-ink);
}

.sr-tp .sr-meta {
  font-size: 12.5px;
  margin-top: 2px;
}

.sr-two {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.sr-mini-cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sr-mini-cards li {
  padding: 12px 14px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--sr-ink);
}

/* Плюсове и минуси */
.sr-pc {
  padding: 20px 18px;
}

.sr-pc .sr-label {
  font-size: 13px;
  margin-bottom: 14px !important;
}

.sr-pc ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sr-pc li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.4;
}

.sr-chk,
.sr-xmk {
  width: 17px;
  height: 17px;
  flex: none;
  margin-top: 1px;
}

.sr-chk {
  color: var(--sr-green);
}

.sr-xmk {
  color: var(--sr-soft);
}

/* Въпроси */
.sr-faq {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sr-faq details {
  padding: 16px 18px;
}

.sr-faq summary {
  position: relative;
  padding-right: 28px;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--sr-ink);
}

.sr-faq summary::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 5px;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--sr-soft);
  border-bottom: 2px solid var(--sr-soft);
  transform: rotate(45deg);
  transition: transform .15s;
}

.sr-faq details[open] summary::after {
  transform: rotate(-135deg);
  top: 9px;
}

.sr-faq p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--sr-muted);
  margin-top: 10px;
}

/* Финален призив */
.sr-final {
  padding: 26px 22px;
  background: var(--sr-ink);
  border: 0;
  text-align: center;
}

.sr-final h2 {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 8px;
}

.sr-final p {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, .6);
  margin: 0 0 18px;
}

.sr-final h2 + .sr-btn {
  margin-top: 10px;
}

/* Други магазини */
.sr-compare {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.sr-compare-card {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 18px;
  color: inherit !important;
}

.sr-compare-logo {
  width: 100%;
  height: 44px;
  padding: 8px;
  margin: 0 0 10px;
  border: 0;
}

.sr-compare-name {
  font: 700 15px var(--sr-head-font);
  color: var(--sr-ink);
  margin: 0 0 6px;
}

.sr-compare-fact {
  font-size: 13px;
  color: var(--sr-muted);
}

.sr-more {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 700;
  color: var(--sr-accent);
}

/* Автор и източници */
.sr-author {
  padding: 20px 18px;
}

.sr-author-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
}

.sr-author-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: 50%;
  background: var(--sr-track);
  color: var(--sr-muted);
}

.sr-author-icon svg {
  width: 22px;
  height: 22px;
}

.sr-author-photo {
  width: 56px;
  height: 56px;
  flex: none;
  border-radius: 50%;
  object-fit: cover;
}

.sr-author-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--sr-soft);
}

.sr-author-name a {
  color: var(--sr-ink) !important;
}

.sr-author-bio {
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--sr-muted);
  margin: 0 0 14px !important;
}

.sr-author-name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--sr-ink);
}

/* Иконка на LinkedIn до името на автора (цветът на марката). */
.sr .sr-author-social {
  --bs-link-hover-color: #004182;
  display: inline-flex;
  color: #0a66c2 !important;
  line-height: 0;
  transition: color .15s ease;
}

.sr .sr-author-social:hover {
  color: #004182 !important;
}

.sr-author .sr-meta {
  font-size: 12px;
  margin-top: 2px;
}

.sr-sources summary {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--sr-ink);
}

.sr-sources ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 12px;
}

.sr-sources li {
  font-size: 13px;
  line-height: 1.5;
  color: var(--sr-muted);
}

.sr-sources a {
  color: var(--sr-muted);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Долна лента (мобилно) */
.sr-bottom-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1030;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  background: #fff;
  border-top: 1px solid rgba(20, 18, 16, .12);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, .08);
  transform: translateY(110%);
  visibility: hidden;
  transition: transform .25s, visibility .25s;
}

.sr-bottom-bar.is-visible {
  transform: none;
  visibility: visible;
}

.sr-bar-logo {
  width: 36px;
  height: 36px;
  padding: 4px;
  border-radius: 50%;
}

.sr-bar-code {
  flex: 1;
  min-width: 0;
  font: 700 12.5px ui-monospace, Menlo, Consolas, monospace;
  color: var(--sr-ink);
}

/* Хъб „Магазини“ */
.sr-hub-head {
  padding-top: 20px;
}

.sr-hub-head h1 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 8px;
}

/* Трохите под заглавието. */
.sr-hub-crumbs {
  margin-bottom: 16px;
}

.sr-hub-intro {
  font-size: 15px;
  line-height: 1.65;
  color: var(--sr-muted);
}

.sr-hub-disclosure {
  font-size: 12px;
  margin-top: 8px !important;
}

.sr-hub-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 28px;
  margin-top: 28px;
}

/* Ред на магазин: на телефон – лого и име горе, бутонът долу; на десктоп – три колони. */
.sr-store-row {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  grid-template-areas: "side body" "actions actions" "review review";
  gap: 14px 16px;
  padding: 18px 16px;
  transition: border-color .15s, box-shadow .15s;
}

.sr-store-row:hover {
  border-color: rgba(20, 18, 16, .25);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
}

/* На телефон логото е до името, а „Прочетете ревюто“ е под бутона (display: contents пуска двата
 * елемента директно в решетката); на десктоп са в колона вляво. */
.sr-store-side {
  display: contents;
}

.sr-store-side > .sr-store-logo {
  grid-area: side;
}

.sr-store-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  padding: 8px;
  border: 1px solid var(--sr-line);
  border-radius: 10px;
  background: #fff;
}

.sr-store-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.sr-store-review {
  grid-area: review;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.sr-store-body {
  grid-area: body;
  min-width: 0;
  align-self: center;
}

.sr-store-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
}

.sr-store-title a {
  color: var(--sr-ink) !important;
}

.sr-store-rating {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font: 700 14px var(--sr-head-font);
  color: var(--sr-ink);
}

.sr-store-rating svg {
  width: 14px;
  height: 14px;
  color: var(--sr-soft);
}

.sr-store-rating span {
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--sr-soft);
}

.sr-store-headline {
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--sr-ink);
  margin: 0 0 6px !important;
}

.sr-store-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 18px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--sr-muted);
}

/* Промо кодът е над бутона; на телефон и двете са на цялата ширина. */
.sr-store-actions {
  grid-area: actions;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 6px;
}

.sr-store-go {
  width: 100%;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 8px;
  font-size: 15px;
}

.sr-store-code {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(20, 18, 16, .3);
  border-radius: 8px;
  background: #fff;
  color: var(--sr-ink);
  cursor: pointer;
  transition: border-color .15s;
}

.sr-store-code:hover {
  border-color: var(--sr-ink);
}

.sr-store-code-label {
  position: absolute;
  top: -8px;
  left: 10px;
  padding: 0 4px;
  background: #fff;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--sr-muted);
}

.sr-store-code-value {
  font: 700 16px var(--sr-head-font);
  letter-spacing: .03em;
}

.sr-store-code svg {
  width: 16px;
  height: 16px;
  flex: none;
  color: var(--sr-accent);
}

.sr-hub-main {
  padding-top: 40px;
}


.sr-picks {
  display: flex;
  flex-direction: column;
}

.sr-pick {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 14px 0;
  border-bottom: 1px solid var(--sr-line-soft);
}

.sr-pick:first-child {
  padding-top: 0;
}

.sr-pick-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--sr-soft);
}

.sr-pick-stores {
  font: 700 16px var(--sr-head-font);
  color: var(--sr-ink);
}

.sr-pick-text {
  font-size: 14px;
  line-height: 1.5;
  color: var(--sr-muted);
}

@media (min-width: 576px) {
  .sr-price-stock {
    display: inline;
  }
}

@media (min-width: 768px) {
  .sr-store-row {
    grid-template-columns: 120px minmax(0, 1fr) auto;
    grid-template-areas: "side body actions";
    gap: 0 28px;
    align-items: center;
    padding: 22px 24px;
  }

  .sr-store-logo {
    width: 76px;
    height: 76px;
  }

  .sr-store-side {
    grid-area: side;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .sr-store-review {
    font-size: 12.5px;
  }

  .sr-store-title {
    font-size: 24px;
  }

  .sr-store-actions {
    width: 200px;
    padding-top: 0;
  }
}

@media (min-width: 900px) {
  .sr-wrap {
    padding: 0 20px;
  }

  .sr-hero {
    padding: 44px 40px;
  }

  .sr-hero h1 {
    font-size: 30px;
  }

  .sr-block,
  .sr-main {
    padding-top: 40px;
  }

  .sr-title {
    font-size: 26px;
  }

  .sr-facts {
    grid-template-columns: 1fr 1fr;
    padding: 8px 24px;
  }

  .sr-fact:nth-last-child(2):nth-child(odd) {
    border-bottom: 0;
  }

  .sr-promo {
    padding: 24px 28px;
  }

  .sr-main {
    grid-template-columns: minmax(0, 1fr) 280px;
  }

  .sr-toc-mobile {
    display: none;
  }

  .sr-toc-side {
    display: block;
    position: sticky;
    top: 20px;
  }

  .sr-two {
    grid-template-columns: 1fr 1fr;
  }

  .sr-compare {
    grid-template-columns: repeat(3, 1fr);
  }

  .sr-hub-head h1 {
    font-size: 36px;
  }

  .sr-hub-main {
    padding-top: 48px;
  }

  .sr-bottom-bar {
    display: none;
  }
}

/* Ред под заглавието: „Последна проверка: … · Автор: …“ (авторът води към кутията #avtor в дъното). */
.sr-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 0;
}

.sr-hero-meta span + span::before {
  content: "·";
  margin: 0 8px;
}

.sr .sr-hero-meta a {
  color: var(--sr-ink);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Трохите на телефон – като в блога (app.css, max-width 768px): 12px и хоризонтален скрол. */
@media (max-width: 768px) {
  .sr-crumbs,
  .sr-crumbs a,
  .sr-crumbs .last {
    font-size: 12px;
  }

  .sr-crumbs .rank-math-breadcrumb {
    width: 100%;
    overflow-x: auto;
  }

  /* Ревю на телефон: лого + заглавие на един ред, „Последна проверка · Автор“ – на цялата ширина под тях, за да не се чупи на 2 реда. */
  .sr-hero-top {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "logo title" "meta meta";
    align-items: center;
    gap: 14px 16px;
  }

  .sr-hero-top .sr-logo {
    grid-area: logo;
  }

  .sr-hero-title {
    display: contents;
  }

  .sr-hero h1 {
    grid-area: title;
    margin: 0;
  }

  /* Всяка част остава цяла; ако екранът е твърде тесен, „Автор“ минава на нов ред, вместо да излиза от картата. */
  .sr-hero-meta {
    grid-area: meta;
    margin: 0;
    font-size: 12px;
  }

  .sr-hero-meta span {
    white-space: nowrap;
  }

  .sr-hero-meta span + span::before {
    margin: 0 6px;
  }

  /* Бутонът и промо кодът – на един ред, по половин ширина; без код бутонът е на цялата ширина. */
  .sr-hero-cta {
    flex-wrap: nowrap;
  }

  .sr-hero-cta .sr-btn,
  .sr-hero-cta .sr-hero-code {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 10px;
  }

  .sr-hero-cta .sr-btn {
    text-align: center;
    line-height: 1.2;
    font-size: 14px;
  }
}