/**/ html.to-category-intro--pending .to-model-clp__intro, html.to-category-intro--hide-title.to-category-intro--hide-description .to-model-clp__intro, html.to-category-intro--hide-title .to-model-clp__intro [data-to-category-title], html.to-category-intro--hide-description .to-model-clp__intro [data-to-category-description] { display: none !important; } html.to-category-intro--collapsed #bc .bc-item.last { font-weight: var(--font-weight-bold); } #snackys-tpl .to-category-intro-toggle { display: inline-flex; flex: 0 0 auto; align-items: center; gap: var(--spacing-2); margin: 0; padding: 0; border: 0; border-radius: var(--border-radius-xs); background: transparent; color: var(--color-primary-100); font-family: var(--font-family-base); font-size: var(--font-size-normal, 16px); font-weight: var(--font-weight-regular, 400); line-height: 1.25; text-decoration: none; white-space: nowrap; text-transform: none; cursor: pointer; transition: color var(--transition-fast); } #snackys-tpl .to-category-intro-toggle[hidden] { display: none; } #snackys-tpl .to-category-intro-toggle:hover, #snackys-tpl .to-category-intro-toggle:focus-visible { color: var(--color-primary-100); background: transparent; } #snackys-tpl .to-category-intro-toggle:focus-visible { outline: 2px solid var(--color-primary-50); outline-offset: var(--spacing-1); } #snackys-tpl .to-category-intro-toggle__track { position: relative; display: block; flex: 0 0 var(--spacing-8); width: var(--spacing-8); height: var(--spacing-4); border-radius: var(--spacing-8); background: var(--color-tertiary-75); transition: background-color var(--transition-fast); } #snackys-tpl .to-category-intro-toggle[aria-checked="true"] .to-category-intro-toggle__track { background: var(--color-primary-100); } #snackys-tpl .to-category-intro-toggle__thumb { position: absolute; top: calc(var(--spacing-1) / 2); left: calc(var(--spacing-1) / 2); width: var(--spacing-3); height: var(--spacing-3); border-radius: 50%; background: var(--color-white); box-shadow: var(--shadow-sm); transition: transform var(--transition-fast); } #snackys-tpl .to-category-intro-toggle[aria-checked="true"] .to-category-intro-toggle__thumb { transform: translateX(var(--spacing-4)); } @media (max-width: 767.98px) { #snackys-tpl .to-bc-bar.has-intro-toggle { flex-wrap: wrap; gap: var(--spacing-2); } #snackys-tpl .has-intro-toggle .to-category-intro-toggle { flex-direction: row-reverse; justify-content: space-between; width: 100%; margin-left: auto; padding: var(--spacing-1) var(--spacing-2); border: 1px solid var(--color-tertiary-75); border-radius: var(--border-radius-sm); font-size: var(--font-size-xs, 13.3px); } } #snackys-tpl .to-plp-view-controls { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); align-items: stretch; gap: var(--spacing-2); margin-left: auto; min-width: 0; } #snackys-tpl .to-plp-view-controls:not(:has(> :not([hidden]))) { display: none; } #snackys-tpl .to-plp-price-mode-card { display: flex; align-items: center; box-sizing: border-box; width: 100%; min-width: 0; padding: var(--spacing-1) var(--spacing-2); border: 1px solid var(--color-tertiary-75); border-radius: var(--border-radius-sm); background: var(--color-white); } #snackys-tpl .to-plp-price-mode-card[hidden] { display: none; } #snackys-tpl .to-plp-price-mode-card .to-price-mode__toggle { width: 100%; min-width: 0; flex-direction: row-reverse; justify-content: space-between; gap: var(--spacing-2); color: var(--color-primary-100); font-size: 16px; } #snackys-tpl .to-plp-price-mode-card .to-price-mode__label { min-width: 0; font-weight: normal; text-transform: none; white-space: nowrap; } #snackys-tpl .to-plp-view-controls:has(.to-plp-price-mode-card:not([hidden])) .to-category-intro-toggle { padding: var(--spacing-1) var(--spacing-2); border: 1px solid var(--color-tertiary-75); border-radius: var(--border-radius-sm); background: var(--color-white); } @media (max-width: 767.98px) { #snackys-tpl .to-bc-bar.has-plp-view-controls { flex-wrap: wrap; gap: var(--spacing-2); } #snackys-tpl .has-plp-view-controls .to-plp-view-controls, #snackys-tpl .has-intro-toggle .to-plp-view-controls { flex: 1 1 100%; width: 100%; } #snackys-tpl .to-plp-price-mode-card .to-price-mode__toggle { font-size: var(--font-size-xs, 13.3px); } #snackys-tpl .to-plp-price-mode-card .to-price-mode__track { width: var(--spacing-8); height: var(--spacing-4); } #snackys-tpl .to-plp-price-mode-card .to-price-mode__thumb { top: calc(var(--spacing-1) / 2); left: calc(var(--spacing-1) / 2); width: var(--spacing-3); height: var(--spacing-3); } #snackys-tpl .to-plp-view-controls:has(.to-plp-price-mode-card:not([hidden])) .to-category-intro-toggle { flex: 1 1 auto; width: 100%; min-width: 0; margin-left: 0; white-space: normal; } }