.cb-carousel{--c-text:#111418;--c-text-2:#475467;--c-text-muted:#98A2B3;--c-bg:#FFFFFF;--c-bg-alt:#F9FAFB;--c-border:#E5E7EB;--c-border-strong:#D1D5DB;--c-warning:#EAB308;--c-radius:10px;--c-radius-lg:16px;--c-shadow-md:0 4px 12px rgba(17, 20, 24, 0.06);--c-font:'Sarabun', 'Noto Sans Thai', -apple-system, sans-serif;margin:32px 0;font-family:var(--c-font)}.cb-carousel__title{font-size:1.375rem;font-weight:700;color:var(--c-text);margin:0 0 16px;letter-spacing:-.01em}.cb-carousel__viewport{position:relative}.cb-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px;margin:-4px}.cb-carousel__track::-webkit-scrollbar{display:none}@media (min-width:600px){.cb-carousel__track{grid-auto-columns:minmax(210px,1fr);gap:14px}}@media (min-width:900px){.cb-carousel__track{grid-auto-columns:minmax(230px,1fr);gap:16px}}.cb-carousel-card{scroll-snap-align:start;scroll-snap-stop:always;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--c-radius);overflow:hidden;transition:border-color 0.15s,box-shadow 0.15s,transform 0.15s;min-width:0}.cb-carousel-card:hover{border-color:var(--c-border-strong);box-shadow:var(--c-shadow-md);transform:translateY(-2px)}.cb-carousel-card__link{display:block;color:var(--c-text);text-decoration:none}.cb-carousel-card__link:hover{text-decoration:none}.cb-carousel-card__image{aspect-ratio:1 / 1;background:var(--c-bg-alt);overflow:hidden}.cb-carousel-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease}.cb-carousel-card:hover .cb-carousel-card__image img{transform:scale(1.05)}.cb-carousel-card__body{padding:12px 14px 14px}.cb-carousel-card__title{font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--c-text);margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;letter-spacing:-.005em}.cb-carousel-card__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.75rem;color:var(--c-text-2);margin:0 0 6px}.cb-carousel-card__rating{color:var(--c-warning);font-weight:600}.cb-carousel-card__price{font-size:1.125rem;font-weight:800;color:var(--c-text);margin:4px 0 0;letter-spacing:-.01em}.cb-carousel__nav{position:absolute;top:38%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--c-border);background:rgb(255 255 255 / .95);color:var(--c-text);font-size:22px;font-weight:700;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:5;box-shadow:var(--c-shadow-md);transition:background 0.15s,color 0.15s}.cb-carousel__nav:hover{background:var(--c-text);color:#fff;border-color:var(--c-text)}.cb-carousel__nav--prev{left:-8px}.cb-carousel__nav--next{right:-8px}.cb-carousel__nav[hidden]{display:none}@media (max-width:600px){.cb-carousel__nav{width:32px;height:32px;font-size:18px}.cb-carousel__nav--prev{left:0}.cb-carousel__nav--next{right:0}}@media print{.cb-carousel__nav{display:none}.cb-carousel__track{overflow:visible;grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}}