.ctlg-container{margin-inline:auto}.ctlg{--ctlg-surface:color-mix(in srgb,var(--ant-color-bg-container) 20%,#ffffff);--ctlg-border:color-mix(in srgb,var(--ant-color-text) 8%,transparent);--ctlg-fill:color-mix(in srgb,var(--ant-color-text) 3%,transparent);--ctlg-media:color-mix(in srgb,var(--ant-color-primary) 5%,var(--ctlg-surface));--ctlg-text:var(--ant-color-text);--ctlg-muted:var(--ant-color-text-secondary);--ctlg-faint:var(--ant-color-text-description);--ctlg-accent:var(--ant-color-primary);--ctlg-radius:var(--radius-xl);--ctlg-radius-inner:max(0px,calc(var(--radius-xl) - 6px));--ctlg-gap:12px;padding:24px 0 0;color:var(--ctlg-text)}@media (min-width:768px){.ctlg{--ctlg-gap:20px;padding:40px 0 0}}@media (min-width:1200px){.ctlg{--ctlg-gap:24px}}.dark-theme .ctlg{--ctlg-accent:var(--ant-color-primary-text,var(--ant-color-primary));--ctlg-surface:color-mix(in srgb,var(--ant-color-bg-container) 40%,var(--theme-bg,var(--ant-color-bg-layout)));--ctlg-border:color-mix(in srgb,var(--ant-color-text) 14%,transparent);--ctlg-media:color-mix(in srgb,var(--ant-color-primary) 10%,var(--ctlg-surface));--ctlg-muted:rgba(255,255,255,0.86);--ctlg-faint:rgba(255,255,255,0.78)}.ctlg-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 20px;padding:0;list-style:none;font-size:var(--text-sm);color:var(--ctlg-muted)}.ctlg-crumbs a{color:inherit;text-decoration:none;border-radius:var(--radius-xs);transition:color var(--dur-micro) var(--ease-out)}.ctlg-crumbs a:hover{color:var(--ctlg-accent)}.ctlg-crumbs a:focus-visible{outline:2px solid var(--ctlg-accent);outline-offset:2px}.ctlg-crumbs [aria-current=page]{color:var(--ctlg-text);font-weight:500}.ctlg-crumbs__sep{color:var(--ctlg-faint);display:inline-flex}.ctlg-head{display:grid;gap:24px;margin-bottom:28px}.ctlg-head--with-media{align-items:center}@media (min-width:900px){.ctlg-head--with-media{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;margin-bottom:40px}}.ctlg-eyebrow{margin:0 0 12px;font-size:var(--eyebrow-size);font-weight:var(--eyebrow-weight);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--ctlg-accent)}.ctlg-title{margin:0;font-size:clamp(1.875rem,1.3rem + 2.4vw,3rem);line-height:1.08;letter-spacing:-.025em;font-weight:650;color:var(--ctlg-text);text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}.ctlg-lead{margin:16px 0 0;max-width:60ch;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--ctlg-muted);text-wrap:pretty}.ctlg-meta{margin-top:16px;font-size:var(--text-sm);color:var(--ctlg-faint);font-variant-numeric:tabular-nums}.ctlg-head__media{position:relative;aspect-ratio:4/3;border-radius:var(--radius-2xl);overflow:hidden;background:var(--ctlg-media);border:1px solid var(--ctlg-border)}.ctlg-head__media img{object-fit:cover}.ctlg-content{display:flex;flex-direction:column;min-width:0}.ctlg-content--before{margin-bottom:32px}.ctlg-content--after{margin-top:48px}.ctlg-content__html{max-width:75ch;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--ctlg-text);overflow-wrap:anywhere}.ctlg-content__html>:first-child{margin-top:0}.ctlg-content__html>:last-child{margin-bottom:0}.ctlg-content__html :where(p,ul,ol){margin:0 0 12px}.ctlg-content__html :where(ul,ol){padding-left:20px}.ctlg-content__html ul{list-style:disc}.ctlg-content__html ol{list-style:decimal}.ctlg-content__html li+li{margin-top:4px}.ctlg-content__html :where(h2,h3,h4){margin:24px 0 8px;line-height:var(--leading-tight);font-weight:650;color:var(--ctlg-text)}.ctlg-content__html h2{font-size:var(--text-xl)}.ctlg-content__html h3{font-size:var(--text-lg)}.ctlg-content__html h4{font-size:var(--text-md)}.ctlg-content__html a{text-decoration:underline;text-decoration-color:var(--ctlg-accent);text-underline-offset:3px}.ctlg-content__html a:hover{text-decoration-thickness:2px}.ctlg-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;margin:0 -2px 16px;scrollbar-width:none}.ctlg-chips::-webkit-scrollbar{display:none}.ctlg-chip{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--ctlg-border);background:var(--ctlg-surface);color:var(--ctlg-text);font-size:var(--text-sm);font-weight:500;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.ctlg-chip:hover{border-color:color-mix(in srgb,var(--ctlg-accent) 40%,transparent);color:var(--ctlg-text)}.ctlg-chip:active{transform:scale(.97)}.ctlg-chip:focus-visible{outline:2px solid var(--ctlg-accent);outline-offset:2px}.ctlg-chip[aria-current=true],.ctlg-chip[aria-pressed=true]{background:color-mix(in srgb,var(--ctlg-accent) 10%,var(--ctlg-surface));border-color:color-mix(in srgb,var(--ctlg-accent) 45%,transparent);color:color-mix(in srgb,var(--ctlg-accent) 75%,var(--ctlg-text))}.ctlg-chip__count{font-size:var(--text-xs);color:var(--ctlg-faint);font-variant-numeric:tabular-nums}.ctlg-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:center;margin-bottom:20px}@media (min-width:768px){.ctlg-toolbar{grid-template-columns:minmax(0,360px) 1fr auto}}.ctlg-toolbar__count{font-size:var(--text-sm);color:var(--ctlg-muted);font-variant-numeric:tabular-nums}@media (min-width:768px){.ctlg-toolbar__count{justify-self:start}}.ctlg-toolbar__sort{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--ctlg-muted)}.ctlg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ctlg-gap)}@media (min-width:900px){.ctlg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.ctlg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ctlg-grid--categories{grid-template-columns:minmax(0,1fr)}@media (min-width:900px){.ctlg-grid.ctlg-grid--cols-3,.ctlg-grid.ctlg-grid--cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}.ctlg-grid.ctlg-grid--cols-6{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.ctlg-grid.ctlg-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ctlg-grid.ctlg-grid--cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:900px){.ctlg-grid--cols-6 .product-card__body{padding:12px 12px 14px}.ctlg-grid--cols-6 .product-card__cta-label{display:none}}.ctlg.ctlg--embed{padding:0}.ctlg-grid--tiles{list-style:none;margin:0;padding:0}@media (min-width:768px){.ctlg-grid.ctlg-grid--tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.ctlg-grid.ctlg-grid--tiles{grid-template-columns:repeat(var(--items-per-row,4),minmax(0,1fr))}}.ctlg-cat__foot--end{justify-content:flex-end}.ctlg-grid--tiles .ctlg-cat__body{grid-template-rows:auto auto 1fr}.ctlg-grid--tiles .ctlg-cat__foot{align-self:end}@media (min-width:640px){.ctlg-grid--categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.ctlg-grid--categories{grid-template-columns:repeat(3,minmax(0,1fr))}}.ctlg-more{display:flex;justify-content:center;margin-top:32px}.ctlg-skel{border-radius:var(--ctlg-radius);border:1px solid var(--ctlg-border);background:var(--ctlg-surface);overflow:hidden}.ctlg-skel__media{aspect-ratio:4/3}.ctlg-skel__line{height:12px;margin:14px 16px 0;border-radius:var(--radius-pill)}.ctlg-skel__line--short{width:45%;margin-bottom:18px}.ctlg-skel__line,.ctlg-skel__media{background:linear-gradient(90deg,var(--ctlg-fill) 0,color-mix(in srgb,var(--ant-color-text) 7%,transparent) 50%,var(--ctlg-fill) 100%);background-size:200% 100%;animation:ctlg-shimmer 1.4s var(--ease-out-soft) infinite}@keyframes ctlg-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.ctlg-skel__line,.ctlg-skel__media{animation:none}}.ctlg-empty{display:grid;justify-items:center;gap:12px;padding:56px 24px;text-align:center;border-radius:var(--ctlg-radius);border:1px dashed var(--ctlg-border);background:var(--ctlg-surface)}.ctlg-empty__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--ctlg-accent) 10%,transparent);color:var(--ctlg-accent)}.ctlg-empty__title{margin:0;font-size:var(--text-lg);font-weight:600}.ctlg-empty__text{margin:0;max-width:42ch;color:var(--ctlg-muted);font-size:var(--text-sm);line-height:var(--leading-body)}.ctlg-cat{position:relative;display:flex;flex-direction:column;height:100%;border-radius:var(--ctlg-radius);border:1px solid var(--ctlg-border);background:var(--ctlg-surface);box-shadow:var(--elevation-1);overflow:hidden;transition:transform var(--dur-state) var(--ease-out-soft),box-shadow var(--dur-state) var(--ease-out-soft),border-color var(--dur-state) var(--ease-out-soft)}.ctlg-cat:hover{transform:translateY(-3px);box-shadow:var(--elevation-2);border-color:color-mix(in srgb,var(--ctlg-accent) 30%,transparent)}.ctlg-cat:has(a:focus-visible){outline:2px solid var(--ctlg-accent);outline-offset:3px}.ctlg-cat__media{position:relative;aspect-ratio:16/10;background:var(--ctlg-media);overflow:hidden}.ctlg-cat__media img{object-fit:cover;transition:transform .6s var(--ease-out-soft)}.ctlg-cat:hover .ctlg-cat__media img{transform:scale(1.03)}.ctlg-cat__body{display:grid;gap:8px;padding:20px 20px 22px;flex:1 1 auto;align-content:start}.ctlg-cat__name{margin:0;font-size:var(--text-xl);line-height:var(--leading-tight);letter-spacing:-.01em;font-weight:600;overflow-wrap:anywhere;hyphens:auto}.ctlg-cat__name a{color:inherit;text-decoration:none}.ctlg-cat__name a:after{content:"";position:absolute;inset:0;z-index:1}.ctlg-cat__name a:focus-visible{outline:none}.ctlg-cat__desc{margin:0;overflow-wrap:anywhere;hyphens:auto;font-size:var(--text-sm);line-height:var(--leading-body);color:var(--ctlg-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ctlg-cat__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding-top:14px;border-top:1px solid var(--ctlg-border);font-size:var(--text-sm)}.ctlg-cat__count{color:var(--ctlg-faint);font-variant-numeric:tabular-nums}.ctlg-cat__go{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ctlg-accent)}.ctlg-cat__go svg{transition:transform var(--dur-micro) var(--ease-out)}.ctlg-cat:hover .ctlg-cat__go svg{transform:translateX(3px)}@media (prefers-reduced-motion:reduce){.ctlg-cat,.ctlg-cat__go svg,.ctlg-cat__media img{transition:none}.ctlg-cat:hover,.ctlg-cat:hover .ctlg-cat__media img{transform:none}}.ctlg-section-title{margin:56px 0 16px;font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em}.ctlg-calc{margin-top:8px}@media (max-width:1024px){.ctlg-calc.pdp-grid{grid-template-areas:"calc" "gallery"}}.ctlg-calc__summary{display:grid;gap:8px}.ctlg-calc__name{margin:0;font-size:var(--text-xl);line-height:var(--leading-tight);color:var(--ctlg-text);text-wrap:balance}.ctlg-calc__lead{margin:0;max-width:60ch;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--ctlg-muted)}.ctlg-calc__more{display:inline-flex;align-items:center;gap:6px;justify-self:start;min-height:44px;font-size:var(--text-md);font-weight:600;color:var(--ctlg-accent);text-decoration:none;border-radius:var(--radius-xs)}.ctlg-calc__more svg{transition:transform var(--dur-micro) var(--ease-out)}.ctlg-calc__more:hover svg{transform:translateX(3px)}.ctlg-calc__more:focus-visible{outline:2px solid var(--ctlg-accent);outline-offset:2px}.ctlg-calc-picker__status:empty{display:none}.ctlg-calc-picker__status{margin:8px 0 0;font-size:var(--text-sm);color:var(--ctlg-muted)}.ctlg-calc-picker__error{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:8px;font-size:var(--text-sm);color:var(--ant-color-error-text,var(--ant-color-error))}.ctlg-calc--pending .pc-aside,.ctlg-calc--pending .pc-section:not(:has(.ctlg-calc-picker)),.ctlg-calc--pending .pdp-grid__left,.ctlg-calc--pending .pdp-top-actions{opacity:.45;pointer-events:none;transition:opacity var(--dur-state) var(--ease-out)}@media (prefers-reduced-motion:reduce){.ctlg-calc--pending .pc-aside,.ctlg-calc--pending .pc-section:not(:has(.ctlg-calc-picker)),.ctlg-calc--pending .pdp-grid__left,.ctlg-calc--pending .pdp-top-actions,.ctlg-calc__more svg{transition:none}}