/* Decorative catalogues: scoped editorial cards and compact filters. */
@font-face { font-family: "TT Norms"; src: url("/css/TTNorms-Regular.woff") format("woff"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "TT Norms"; src: url("/css/TTNorms-Bold.woff") format("woff"); font-style: normal; font-weight: 700; font-display: swap; }
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .32s; animation-timing-function: ease-in-out; }
.tag-catalog-surface { background: #fff8f0; padding: 26px 0 64px; }
.tag-catalog-breadcrumbs { width: min(1300px, calc(100% - 48px)); margin: 0 auto; color: #8a817c; font: 11px/1 Arial, Helvetica, sans-serif; }
.tag-catalog-breadcrumbs * { font-family: inherit; color: inherit; }
.tag-catalog-breadcrumbs ol { display: flex; align-items: center; overflow-x: auto; scrollbar-width: none; list-style: none; margin: 0; padding: 0; }
.tag-catalog-breadcrumbs li { display: flex; align-items: center; flex: 0 0 auto; white-space: nowrap; }
.tag-catalog-breadcrumbs li + li { margin-left: 9px; }
.tag-catalog-breadcrumbs li + li::before { content: ''; width: 14px; height: 14px; margin-right: 9px; background: url('/src/wp-v29-arrow-right.svg') center/contain no-repeat; filter: grayscale(1); opacity: .55; }
.tag-catalog-breadcrumbs li:last-child { color: #c41e50; font-weight: 700; }
.tag-catalog-breadcrumbs a { color: inherit; text-decoration: none; }
.tag-catalog-page { background: transparent; padding: 0; }
.tag-catalog { --tag-accent: #c41e50; --tag-sticky-top: 95px; box-sizing: border-box; width: min(1300px, calc(100% - 48px)); margin: 0 auto; color: #2b2a29; font: 14px/1.4 Arial, Helvetica, sans-serif; }
.tag-catalog *, .tag-catalog *::before, .tag-catalog *::after { box-sizing: border-box; }
.tag-catalog * { font-family: inherit; color: inherit; transition: none; }
.tag-catalog a { color: inherit; text-decoration: none; }
.tag-catalog :focus-visible { outline: 2px solid var(--tag-accent); outline-offset: 2px; }
.tag-catalog__sr-only, .tag-catalog__title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.tag-catalog [hidden] { display: none !important; }

/* Match the box category's 218px count panel and 160px hero. */
.tag-catalog__showcase { display: grid; grid-template-columns: 218px minmax(0, 1fr); min-height: 160px; margin: 16px 0 14px; }
.tag-catalog__language-panel { display: flex; min-width: 0; flex-direction: column; justify-content: space-between; border: 1px solid #eadfd7; border-right: 0; border-radius: 10px 0 0 10px; background: linear-gradient(145deg, #faecdf, #f1d5c4); padding: 16px; box-shadow: 0 7px 22px rgba(67,45,35,.04); }
.tag-catalog-page[data-tag-facets='none'] .tag-catalog__language-panel { justify-content: center; }
.tag-catalog__language-count { display: grid; place-content: center; color: #776d68; font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: .04em; text-align: center; text-transform: uppercase; }
.tag-catalog__language-count strong { display: block; color: var(--tag-accent); font: 700 57px/1 "TT Norms", Arial, sans-serif; }
.tag-catalog__language-switch { display: grid; min-height: 34px; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid #e5d7cf; border-radius: 9px; background: #fff; }
.tag-catalog__language-switch button { min-width: 0; border: 0; border-left: 1px solid #eee3dc; background: transparent; color: #6e6662; padding: 0 8px; font: 500 12px/1 Arial, Helvetica, sans-serif; cursor: pointer; }
.tag-catalog__language-switch button:first-child { border-left: 0; }
.tag-catalog__language-switch button:hover { color: var(--tag-accent); background: #fff0f4; }
.tag-catalog__language-switch button[aria-pressed='true'] { background: var(--tag-accent); color: #fff; }
.tag-catalog__language-switch button:disabled { opacity: .45; cursor: default; }
.tag-catalog__hero { position: relative; min-height: 160px; overflow: hidden; isolation: isolate; border: 1px solid #eadfd7; border-radius: 0 10px 10px 0; background: #e4c8b8; box-shadow: 0 10px 30px rgba(94,57,43,.055); }
.tag-catalog__hero-media { position: absolute; inset: 0; overflow: hidden; }
.tag-catalog__hero-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 55% 51%; }
.tag-catalog__hero-copy { position: absolute; z-index: 1; inset: 21px 32px auto; pointer-events: none; }
.tag-catalog .tag-catalog__hero h1 { width: max-content; max-width: 100%; margin: 0; border: 1px solid rgba(196,30,80,.15); border-radius: 8px; background: rgba(255,250,247,.86); color: var(--tag-accent); padding: 9px 14px 10px; font: 700 clamp(29px, 2.75vw, 35px)/1 "TT Norms", Arial, sans-serif; letter-spacing: -.035em; box-shadow: 0 7px 20px rgba(74,43,40,.1); backdrop-filter: blur(7px); }

/* One toolbar remains in the document flow while its popover floats over the grid. */
.tag-catalog__tools { position: sticky; z-index: 40; top: var(--tag-sticky-top); margin: 0 0 13px; padding: 6px 0; }
.tag-catalog-page[data-tag-facets='none'] .tag-catalog__tools { display: none; }
.tag-catalog__tools::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: #fff8f0; }
.tag-catalog__tools-scroll { display: flex; align-items: center; gap: 5px; min-width: 0; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.tag-catalog__tools-scroll::-webkit-scrollbar { display: none; }
.tag-catalog__quick, .tag-catalog__groups { display: flex; align-items: center; flex: 0 0 auto; gap: 5px; }
.tag-catalog__quick { padding-right: 5px; }
.tag-catalog__quick-button, .tag-catalog__group-button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 36px; flex: 0 0 auto; border: 1px solid #e7dfe1; border-radius: 8px; background: #fff; padding: 0 9px; color: #484146; font: 500 12px/1 Arial, Helvetica, sans-serif; white-space: nowrap; cursor: pointer; }
.tag-catalog__quick-button .tag-catalog__button-label, .tag-catalog__group-button .tag-catalog__button-label, .tag-catalog__quick-button .tag-catalog__button-icon { color: inherit; }
.tag-catalog__quick-button:hover, .tag-catalog__group-button:hover { border-color: #daa7b9; color: var(--tag-accent); }
.tag-catalog__quick-button--all { min-width: 112px; justify-content: center; }
.tag-catalog__button-icon { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; flex: 0 0 14px; font-size: 13px; line-height: 1; }
.tag-catalog__button-count { display: inline-flex; align-items: center; justify-content: center; position: relative; top: 1px; min-width: 18px; height: 18px; border-radius: 9px; background: #f5f0ef; padding: 0 4px; color: #746a70; font-size: 10px; font-weight: 700; }
.tag-catalog__quick-button[aria-pressed='true'] .tag-catalog__button-count { background: rgba(255,255,255,.22); color: #fff; }
.tag-catalog__quick-button[aria-pressed='true'] { border-color: var(--tag-accent); background: var(--tag-accent); color: #fff; }
.tag-catalog__quick-button:disabled, .tag-catalog__group-button:disabled { opacity: .48; cursor: default; }
.tag-catalog__group-button::after { content: ''; display: block; width: 6px; height: 6px; margin-left: 2px; border: solid currentColor; border-width: 0 1px 1px 0; transform: translateY(-2px) rotate(45deg); }
.tag-catalog__group-button[aria-expanded='true']::after { transform: translateY(2px) rotate(225deg); }
.tag-catalog__group-button[aria-expanded='true'] { border-color: #d792aa; background: #fff1f5; color: var(--tag-accent); }
.tag-catalog__group-button.is-selected { border-color: var(--tag-accent); background: var(--tag-accent); color: #fff; box-shadow: 0 4px 12px rgba(196,30,80,.2); }
.tag-catalog__group-button.is-selected .tag-catalog__button-count { background: rgba(255,255,255,.22); color: #fff; }
.tag-catalog__popover { position: absolute; z-index: 2; top: calc(100% + 6px); left: var(--tag-popover-left, 0px); width: min(520px, calc(100vw - 40px)); border: 1px solid #eadfe1; border-radius: 14px; background: #fff; padding: 18px 20px; box-shadow: 0 18px 38px rgba(48,30,36,.17); white-space: normal; }
.tag-catalog__popover-head { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; }
.tag-catalog__popover-title { margin: 0; font: 700 19px/1.2 Arial, Helvetica, sans-serif; }
.tag-catalog__popover-count { margin-left: auto; color: #77716e; font-size: 12px; white-space: nowrap; }
.tag-catalog__popover-close { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; border: 0; border-radius: 50%; background: #fff1f5; color: var(--tag-accent); font-size: 20px; cursor: pointer; }
.tag-catalog__popover-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.tag-catalog__popover-option { display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 39px; border: 1px solid #e7e2e6; border-radius: 9px; background: #fff; padding: 5px 9px; color: #4b4349; text-align: left; font: 12px/1.2 Arial, Helvetica, sans-serif; cursor: pointer; }
.tag-catalog__popover-option:hover, .tag-catalog__popover-option[aria-pressed='true'] { border-color: #d792aa; background: #fff3f6; color: var(--tag-accent); }
.tag-catalog__popover-option-icon { display: grid; place-items: center; width: 17px; height: 17px; flex: 0 0 17px; border: 1px solid #c8bfca; border-radius: 50%; color: #a59da4; font-size: 11px; }
.tag-catalog__popover-option[aria-pressed='true'] .tag-catalog__popover-option-icon { border-color: var(--tag-accent); background: var(--tag-accent); color: #fff; }
.tag-catalog__popover-option.has-swatch .tag-catalog__popover-option-icon { display: none; }
.tag-catalog__popover-swatch { width: 17px; height: 17px; flex: 0 0 auto; border: 1px solid #d2cbd0; border-radius: 50%; }
.tag-catalog__popover-option-label { min-width: 0; overflow: hidden; color: inherit; text-overflow: ellipsis; }
.tag-catalog__popover-option-count { margin-left: auto; color: #817982; }
.tag-catalog__native-filters { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.tag-catalog__native-filters > a, .tag-catalog__native-filters summary { display: block; border: 1px solid #eadfe1; border-radius: 8px; background: #fff; padding: 7px 10px; color: #493e43; cursor: pointer; }
.tag-catalog__native-filters details { position: relative; }
.tag-catalog__native-options { position: absolute; z-index: 5; top: 100%; left: 0; display: grid; min-width: 180px; border: 1px solid #eadfe1; border-radius: 8px; background: #fff; padding: 6px; box-shadow: 0 8px 20px #0002; }
.tag-catalog__native-options a { padding: 5px; }

/* Every accented two-row group is separated by a plain row of seven squares. */
.tag-catalog__grid-shell { position: relative; overflow-anchor: none; }
.tag-catalog__grid { --tag-gap: 10px; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--tag-gap); width: 100%; margin-inline: auto; }
.tag-catalog__match-divider { display: flex; grid-column: 1 / -1; align-items: center; gap: 14px; padding: 15px 0 9px; color: #9a5870; font: 700 13px/1.2 Arial, Helvetica, sans-serif; letter-spacing: .01em; }
.tag-catalog__match-divider::before, .tag-catalog__match-divider::after { content: ''; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, #dca5b5); }
.tag-catalog__match-divider::after { transform: rotate(180deg); }
.tag-catalog__group { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-rows: repeat(2, auto); grid-auto-flow: row dense; gap: var(--tag-gap); min-width: 0; }
.tag-catalog__group .is-accent { grid-row: 1 / span 2; grid-column: 1 / span 2; }
.tag-catalog__group[data-pattern='b'] .is-accent { grid-column: 6 / span 2; }
.tag-catalog__group[data-pattern='c'] .is-accent { grid-column: 3 / span 2; }
.tag-catalog__group[data-pattern='plain'] { grid-template-rows: auto; }
.tag-catalog__group[data-pattern='calm'] { display: flex; flex-wrap: wrap; justify-content: center; align-content: start; }
.tag-catalog__group[data-pattern='calm'] .tag-catalog__card { flex: 0 0 calc((100% - 6 * var(--tag-gap)) / 7); }
.tag-catalog__group.has-manual-accent[data-pattern='calm'] { display: grid; }
.tag-catalog__group.has-manual-accent[data-pattern='calm'] .tag-catalog__card { flex: initial; }
.tag-catalog__group .is-manual-accent { grid-column: 1 / span 2; grid-row: 1 / span 2; }
.tag-catalog__group[data-pattern='b'] .is-manual-accent { grid-column: 6 / span 2; }
.tag-catalog__group[data-pattern='c'] .is-manual-accent { grid-column: 3 / span 2; }
.tag-catalog__hidden-cards, .tag-catalog__card[hidden], .tag-catalog__client-empty[hidden] { display: none !important; }
.tag-catalog__card { position: relative; min-width: 0; min-height: 0; aspect-ratio: 1; overflow: hidden; border-radius: 8px; background: #e9e4df; isolation: isolate; }
.tag-catalog__card.is-expanding { z-index: 3; }
.tag-catalog__photo-wrap, .tag-catalog__photo { display: block; position: relative; width: 100%; height: 100%; min-height: 0; overflow: hidden; }
.tag-catalog__photo { background: #eee8e4; }
.tag-catalog__photo img { display: block; width: 100%; height: 100%; object-fit: cover; transform: translate(0,0) scale(1); transform-origin: center; transition: transform .52s cubic-bezier(.22,.61,.36,1); }
.tag-catalog__photo .tag-catalog__highres-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; pointer-events: none; transition: opacity .16s ease, transform .52s cubic-bezier(.22,.61,.36,1); }
.tag-catalog__photo.is-highres-ready .tag-catalog__highres-photo { opacity: 1; }
.tag-catalog__card:hover .tag-catalog__photo img, .tag-catalog__photo:focus-visible img { transform: translate(var(--tag-shift-x, 0%), var(--tag-shift-y, 0%)) scale(max(1.12, var(--tag-zoom, 1))); }
.tag-catalog-page:not(.tag-catalog-page--preview) .tag-catalog__card.is-accent:hover .tag-catalog__photo img,
.tag-catalog-page:not(.tag-catalog-page--preview) .tag-catalog__card.is-accent .tag-catalog__photo:focus-visible img { transform: translate(0,0) scale(1); }
.tag-catalog__price { position: absolute; z-index: 2; top: 9px; left: 9px; display: flex; flex-direction: column-reverse; gap: 1px; max-width: calc(100% - 54px); border: 1px solid rgba(255,255,255,.4); border-radius: 9px; background: rgba(255,255,255,.44); padding: 5px 9px; color: #342f31; white-space: nowrap; box-shadow: 0 4px 12px rgba(26,20,20,.04); }
.tag-catalog__price strong { display: flex; align-items: baseline; gap: 3px; font: 700 13px/1 Arial, Helvetica, sans-serif; }
.tag-catalog__price small { font-size: 10px; font-weight: 400; }
.tag-catalog__price del { font-size: 10px; color: #82777a; }
.tag-catalog__card-body { position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; padding: 8px 8px 10px; pointer-events: none; }
.tag-catalog__unavailable { display: table; margin: 0 auto 6px; border-radius: 4px; background: rgba(24,22,22,.72); padding: 3px 6px; color: #fff; font-size: 10px; }
.tag-catalog__actions { display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; opacity: 0; transform: translateY(7px); pointer-events: none; transition: opacity .22s ease, transform .22s ease; }
.tag-catalog__card:hover .tag-catalog__actions, .tag-catalog__card:focus-within .tag-catalog__actions, .tag-catalog__card.is-in-cart .tag-catalog__actions { opacity: 1; transform: none; pointer-events: auto; }
.tag-catalog__favorite { position: absolute; z-index: 2; top: 9px; right: 9px; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%; background: #fff; color: var(--tag-accent); padding: 0; opacity: 0; cursor: pointer; box-shadow: 0 4px 12px rgba(43,42,41,.09); transition: opacity .22s ease, background .22s ease; }
.tag-catalog__favorite svg { display: block; width: 17px; height: 17px; color: #c41e50; fill: #c41e50; }
.tag-catalog__favorite svg path { fill: #c41e50; }
.tag-catalog__card:hover .tag-catalog__favorite, .tag-catalog__card:focus-within .tag-catalog__favorite, .tag-catalog__favorite.active { opacity: 1; }
.tag-catalog__favorite.active { background: #fff0f4; }
.tag-catalog__add, .tag-catalog__similar { min-height: 34px; border: 1px solid #fff; border-radius: 7px; padding: 5px 10px; color: #fff; font: 700 12.5px/1 Arial, Helvetica, sans-serif; white-space: nowrap; cursor: pointer; }
.tag-catalog__add { border-color: var(--tag-accent); background: var(--tag-accent); box-shadow: 0 6px 16px rgba(196,30,80,.16); }
.tag-catalog__similar { border-color: #fff1e3; background: #fff1e3; color: #64263d; }
.tag-catalog__add:hover, .tag-catalog__add:focus-visible { background: #a91944; }
.tag-catalog__similar:hover, .tag-catalog__similar:focus-visible { border-color: #fde5d0; background: #fde5d0; }
.tag-catalog__add:disabled { opacity: 1; cursor: default; }
@media (hover: hover) and (pointer: fine) { .tag-catalog__card.is-in-cart:not(:hover):not(:focus-within) .tag-catalog__similar { display: none; } }
.tag-catalog__debug { position: absolute; z-index: 3; top: 0; right: 44px; left: 0; max-height: 35%; overflow: auto; background: rgba(255,241,244,.94); padding: 6px; color: #743048; font-size: 10px; overflow-wrap: anywhere; }
.tag-catalog__client-empty, .tag-catalog__empty { padding: 28px 18px; border-radius: 8px; background: #fff9fa; text-align: center; }
.tag-catalog__empty a { color: var(--tag-accent); text-decoration: underline; }
.tag-catalog__pagination { margin-top: 26px; }
.tag-catalog__pagination .pagination { width: 100%; }
.tag-catalog__description { margin-top: 38px; }

@media (max-width: 1180px) {
    .tag-catalog__tools-scroll { gap: 3px; }
    .tag-catalog__quick, .tag-catalog__groups { gap: 3px; }
    .tag-catalog__quick-button, .tag-catalog__group-button { padding-inline: 7px; font-size: 11px; }
    .tag-catalog__language-switch button { font-size: 11px; }
    .tag-catalog__quick-button--all { min-width: 105px; }
}
@media (max-width: 1024px) {
    .tag-catalog__tools-scroll { overflow-x: auto; scrollbar-width: none; }
    .tag-catalog__tools-scroll::-webkit-scrollbar { display: none; }
    .tag-catalog__group { grid-template-columns: repeat(4, minmax(0,1fr)); grid-template-rows: repeat(3, auto); }
    .tag-catalog__group[data-pattern='b'] .is-accent { grid-column: 3 / span 2; grid-row: 2 / span 2; }
    .tag-catalog__group[data-pattern='c'] .is-accent { grid-column: 2 / span 2; }
    .tag-catalog__group[data-pattern='plain'] { grid-template-rows: repeat(2, auto); }
    .tag-catalog__group[data-pattern='calm'] .tag-catalog__card { flex-basis: calc((100% - 3 * var(--tag-gap)) / 4); }
    .tag-catalog__group[data-pattern='b'] .is-manual-accent { grid-column: 3 / span 2; grid-row: 2 / span 2; }
    .tag-catalog__group[data-pattern='c'] .is-manual-accent { grid-column: 2 / span 2; grid-row: 1 / span 2; }
}
@media (max-width: 760px) {
    .tag-catalog-surface { padding: 14px 0 38px; }
    .tag-catalog-breadcrumbs { width: calc(100% - 24px); font-size: 9.5px; }
    .tag-catalog { width: calc(100% - 24px); --tag-sticky-top: 72px; }
    .tag-catalog__showcase { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'hero' 'language'; margin: 12px 0 12px; overflow: hidden; border-radius: 10px; }
    .tag-catalog__hero { grid-area: hero; min-height: 138px; border: 0; border-bottom: 1px solid rgba(207,138,113,.42); border-radius: 0; box-shadow: none; }
    .tag-catalog__hero-image { transform: scale(1.6); transform-origin: center; }
    .tag-catalog__hero-copy { inset: 16px 16px auto; }
    .tag-catalog .tag-catalog__hero h1 { border-radius: 9px; padding: 8px 13px 9px; font-size: 24px; }
    .tag-catalog__language-panel { grid-area: language; display: grid; min-height: 70px; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: center; gap: 0; border: 0; border-radius: 0; padding: 9px 13px; box-shadow: none; }
    .tag-catalog__language-count { grid-column: 2; grid-row: 1; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 0; font-size: 9px; line-height: 1.05; white-space: nowrap; }
    .tag-catalog__language-count strong { font-size: 41px; }
    .tag-catalog__language-switch { grid-column: 1; grid-row: 1; min-height: 37px; }
    .tag-catalog__tools { margin-bottom: 11px; padding: 5px 0; }
    .tag-catalog__popover { position: fixed; z-index: 45; inset: auto 12px 12px; width: auto; max-height: min(75dvh, 650px); overflow-y: auto; padding: 15px; border-radius: 14px; }
    .tag-catalog__popover-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .tag-catalog__grid { --tag-gap: 7px; grid-template-columns: repeat(3, minmax(0,1fr)); }
    .tag-catalog__group { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: none; }
    .tag-catalog__group .is-accent { grid-column: 1 / span 2; grid-row: 1 / span 2; }
    .tag-catalog__group[data-pattern='b'] .is-accent { grid-column: 2 / span 2; grid-row: 1 / span 2; }
    .tag-catalog__group[data-pattern='c'] .is-accent { grid-column: 1 / span 2; grid-row: 3 / span 2; }
    .tag-catalog__group[data-pattern='plain'] { grid-template-rows: none; }
    .tag-catalog__group[data-pattern='calm'] .tag-catalog__card { flex-basis: calc((100% - 2 * var(--tag-gap)) / 3); }
    .tag-catalog__group .is-manual-accent, .tag-catalog__group[data-pattern='b'] .is-manual-accent, .tag-catalog__group[data-pattern='c'] .is-manual-accent { grid-column: 1 / span 2; grid-row: 1 / span 2; }
    .tag-catalog__price { top: 6px; left: 6px; max-width: calc(100% - 42px); padding: 4px 6px; }
    .tag-catalog__price strong { font-size: 12px; }
    .tag-catalog__price small, .tag-catalog__price del { font-size: 9px; }
    .tag-catalog__favorite { top: 6px; right: 6px; width: 29px; height: 29px; }
    .tag-catalog__favorite svg { width: 17px; height: 17px; }
    .tag-catalog__card-body { padding: 5px 4px 7px; }
    .tag-catalog__actions { gap: 2px; }
    .tag-catalog__add, .tag-catalog__similar { box-sizing: border-box; width: clamp(60px, 19vw, 86px); min-height: 30px; padding: 3px 4px; font-size: clamp(8px, 2.45vw, 10px); }
    .tag-catalog__popover-option { font-size: 11px; }
}
@media (max-width: 360px) {
    .tag-catalog__add, .tag-catalog__similar { min-height: 28px; padding: 2px; font-size: 8px; }
}
@media (hover: none), (pointer: coarse) {
    .tag-catalog__favorite, .tag-catalog__actions { opacity: 1; transform: none; pointer-events: auto; }
    .tag-catalog__photo img { transition: none; }
    .tag-catalog__card:hover .tag-catalog__photo img, .tag-catalog__photo:focus-visible img { transform: translate(0,0) scale(1); }
}
@media (max-width: 640px) {
    .tag-catalog__card:not(.is-accent) .tag-catalog__actions,
    .tag-catalog__card.is-manual-accent.is-expansion-pending .tag-catalog__actions { display: none; }
    .tag-catalog__card:not(.is-accent).is-in-cart .tag-catalog__actions { display: flex; }
    .tag-catalog__card:not(.is-accent).is-in-cart .tag-catalog__similar { display: none; }
    .tag-catalog__card:not(.is-accent).is-in-cart .tag-catalog__add { width: 30px; min-height: 30px; padding: 0; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
    .tag-catalog__photo img, .tag-catalog__favorite, .tag-catalog__actions { transition: none; }
    ::view-transition-old(root), ::view-transition-new(root) { animation-duration: .01ms; }
}
.tag-catalog-page--preview .tag-catalog__showcase, .tag-catalog-page--preview .tag-catalog__tools, .tag-catalog-page--preview .tag-catalog__description { display: none !important; }
.tag-catalog-page--preview .tag-catalog__grid { grid-template-columns: minmax(0, 300px); justify-content: center; max-width: 300px; }
.tag-catalog-page--preview .tag-catalog__group { grid-template-columns: minmax(0, 300px) !important; grid-template-rows: 300px; }
.tag-catalog-page--preview .tag-catalog__group .is-accent { grid-column: 1 !important; grid-row: 1 !important; }
.tag-catalog-page--preview .tag-catalog__photo img, .tag-catalog-page--preview .tag-catalog__card:hover .tag-catalog__photo img, .tag-catalog-page--preview .tag-catalog__card:focus-within .tag-catalog__photo img { transform: translate(var(--tag-shift-x, 0%), var(--tag-shift-y, 0%)) scale(var(--tag-zoom, 1)); }