/* C&K Shop — home page featured grid ([cak_featured]). Four across; more scroll sideways. */
.ck-featured { --ck-pink: #e7288b; --ck-pink-dark: #c01a72; --ck-light: #ebc2d8; max-width: var(--global-content-width, 1290px); margin: 0 auto; padding: 48px var(--global-content-edge-padding, 1.5rem) 32px; }
.ck-featured__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.ck-featured__title { margin: 0; font-size: clamp(1.8rem, 5vw, 3.5rem); line-height: 1.1; word-break: normal; overflow-wrap: normal; hyphens: manual; }
.ck-featured__nav { display: flex; gap: 8px; flex-shrink: 0; }
.ck-featured__btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--ck-pink); background: #fff; color: var(--ck-pink-dark); font-size: 26px; line-height: 1; cursor: pointer; padding: 0 0 3px; }
.ck-featured__btn:hover, .ck-featured__btn:focus-visible { background: var(--ck-pink); color: #fff; }
.ck-featured__btn[disabled] { opacity: .35; cursor: default; background: #fff; color: var(--ck-pink-dark); }
.ck-featured__track { list-style: none; margin: 0; padding: 4px 2px 10px; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 20px) / 4); gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: thin; }
.ck-featured__card { scroll-snap-align: start; display: flex; flex-direction: column; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,.1); }
.ck-featured__link { display: block; text-decoration: none; color: inherit; }
.ck-featured__img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.ck-featured__name { word-break: normal; overflow-wrap: normal; hyphens: manual; display: block; font-weight: 700; font-size: 1.05rem; padding: 10px 12px 2px; color: #282828; }
.ck-featured__link:hover .ck-featured__name, .ck-featured__link:focus-visible .ck-featured__name { color: var(--ck-pink-dark); text-decoration: underline; }
.ck-featured__price { margin: auto 12px 12px; font-weight: 700; color: var(--ck-pink-dark); }
.ck-featured__all { margin: 14px 0 0; text-align: right; }
.ck-featured__all a { color: var(--ck-pink-dark); font-weight: 600; }
@media (max-width: 900px) { .ck-featured__track { grid-auto-columns: calc((100% - 2 * 16px) / 3); gap: 16px; } }
@media (max-width: 600px) { .ck-featured { padding-top: 32px; } .ck-featured__track { grid-auto-columns: calc((100% - 12px) / 2.2); gap: 12px; } .ck-featured__name { font-size: .88rem; padding: 8px 10px 2px; } .ck-featured__price { margin: auto 10px 10px; } .ck-featured__btn { width: 40px; height: 40px; } }
@media (prefers-reduced-motion: reduce) { .ck-featured__track { scroll-behavior: auto; } }