/* CONMAS category landing pages — isolated from the core theme refinement. */
.cm-category-page{--category-wash:#ece8df;background:#fff}
.cm-category-page--tumblers{--category-wash:#ebe8e1}
.cm-category-page--food-storage{--category-wash:#e8eee8}
.cm-category-page--kitchen-tools{--category-wash:#eee9e2}

.cm-category-hero{overflow:hidden;padding:56px 0 0;background:var(--category-wash)}
.cm-category-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);align-items:center;gap:clamp(48px,6vw,90px)}
.cm-category-intro{max-width:650px;padding:35px 0 58px}
.cm-category-breadcrumb{display:flex;align-items:center;gap:10px;margin:0 0 57px;color:#737d78;font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}
.cm-category-breadcrumb a{color:var(--ink)}
.cm-category-intro h1{max-width:650px;margin:0;color:var(--ink);font-size:clamp(48px,5.6vw,74px);font-weight:600;line-height:.98;letter-spacing:-.058em}
.cm-category-lead{max-width:625px;margin:28px 0 0;color:#56625c;font-size:16px;line-height:1.75}
.cm-category-actions{display:flex;align-items:center;gap:26px;margin-top:34px}
.cm-category-actions .cm-btn .cm-icon{width:16px;height:16px}

.cm-category-showcase{display:grid;height:600px;grid-template-columns:1.16fr .84fr;grid-template-rows:1fr 1fr;gap:12px;padding:12px 0 12px 12px}
.cm-category-showcase-item{display:block;position:relative;overflow:hidden;border:1px solid rgba(23,33,29,.1);background:#fff}
.cm-category-showcase-item--1{grid-row:1/3;border-radius:9px 0 0 9px}
.cm-category-showcase-item img{width:100%;height:100%;object-fit:contain;background:#fff;transition:transform .35s ease}
.cm-category-showcase-item:hover img{transform:scale(1.025)}
.cm-category-showcase-item span{position:absolute;right:13px;bottom:12px;padding:6px 8px;border:1px solid #dedfd9;border-radius:999px;background:rgba(255,255,255,.9);color:#66716c;font-size:8px;font-weight:700;letter-spacing:.08em}
.cm-category-signals{display:grid;grid-template-columns:repeat(3,1fr);margin-top:0;border-top:1px solid rgba(23,33,29,.16)}
.cm-category-signals span{padding:19px 0;color:#4f5b55;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.cm-category-signals span+span{padding-left:26px;border-left:1px solid rgba(23,33,29,.16)}

.cm-category-switcher{position:relative;z-index:4;border-bottom:1px solid var(--line);background:#fff}
.cm-category-switcher>.cm-wrap{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:30px}
.cm-category-switcher>.cm-wrap>span{color:#8a928e;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.cm-category-switcher div div{display:flex;align-items:center;gap:9px}
.cm-category-switcher a{display:inline-flex;min-height:38px;align-items:center;border:1px solid transparent;border-radius:999px;padding:8px 14px;color:#55615b;font-size:11px;font-weight:650}
.cm-category-switcher a:hover{border-color:var(--line)}
.cm-category-switcher a.is-active{border-color:var(--ink);background:var(--ink);color:#fff}

.cm-category-products{padding:var(--section) 0;background:#fbfaf7;scroll-margin-top:82px}
.cm-category-section-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:80px;margin-bottom:47px}
.cm-category-section-head h2,.cm-category-proof-head h2,.cm-category-fit h2,.cm-category-cta h2{margin:0;font-size:clamp(40px,4.5vw,60px);font-weight:600;line-height:1.01;letter-spacing:-.05em}
.cm-category-section-head>p{max-width:560px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.cm-category-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}
.cm-category-product-grid [hidden]{display:none!important}
.cm-category-product-grid .cm-card-copy span{min-height:14px}

.cm-category-proof{padding:var(--section) 0;background:var(--ink);color:#fff}
.cm-category-proof .cm-kicker{color:var(--accent-light)}
.cm-category-proof-head{display:grid;grid-template-columns:1.13fr .87fr;align-items:end;gap:80px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.17)}
.cm-category-proof-head h2{max-width:760px;color:#fff}
.cm-category-proof-head>p{max-width:540px;margin:0 0 4px;color:#bac4be;font-size:14px;line-height:1.75}
.cm-category-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.cm-category-proof-grid>a{position:relative;min-height:315px;padding:34px 27px 8px 0;transition:background-color .2s ease}
.cm-category-proof-grid>a+a{padding-left:27px;border-left:1px solid rgba(255,255,255,.15)}
.cm-category-proof-grid>a:hover{background:rgba(255,255,255,.025)}
.cm-category-proof-icon{display:flex;width:43px;height:43px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:var(--accent-light)}
.cm-category-proof-icon .cm-icon{width:18px;height:18px}
.cm-category-proof-grid>a>span{position:absolute;top:40px;right:25px;color:#718079;font-size:9px;font-weight:700;letter-spacing:.1em}
.cm-category-proof-grid h3{margin:73px 0 13px;color:#fff;font-size:17px;font-weight:600;line-height:1.3}
.cm-category-proof-grid p{margin:0;color:#abb6b0;font-size:12px;line-height:1.7}

.cm-category-fit{padding:86px 0;background:#fff}
.cm-category-fit-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:100px}
.cm-category-fit h2{max-width:620px;font-size:clamp(38px,4.1vw,54px)}
.cm-category-fit ul{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}
.cm-category-fit li{display:grid;grid-template-columns:46px 1fr;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:600}
.cm-category-fit li span{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.1em}

.cm-category-cta{padding:0 0 var(--section);background:#fff}
.cm-category-cta-card{display:grid;grid-template-columns:1.13fr .87fr;align-items:end;gap:90px;padding:clamp(42px,5vw,68px);border-radius:10px;background:var(--category-wash)}
.cm-category-cta h2{max-width:740px}
.cm-category-cta-copy>p{margin:0 0 26px;color:#59655f;font-size:14px;line-height:1.75}
.cm-category-cta-copy>div{display:flex;align-items:center;gap:22px}
.cm-category-catalog-link{display:inline-flex;align-items:center;gap:9px;color:#34413b;font-size:11px;font-weight:650;white-space:nowrap}
.cm-category-catalog-link .cm-icon{width:16px;height:16px}

@media(max-width:1060px){
  .cm-category-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);gap:38px}
  .cm-category-showcase{height:520px}
  .cm-category-switcher>.cm-wrap{align-items:flex-start;flex-direction:column;gap:12px;padding-top:18px;padding-bottom:18px}
  .cm-category-switcher div div{width:100%;overflow-x:auto;padding-bottom:2px}
  .cm-category-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cm-category-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cm-category-proof-grid>a:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.15);padding-left:0}
  .cm-category-proof-grid>a:nth-child(4){border-top:1px solid rgba(255,255,255,.15)}
}

@media(max-width:780px){
  .cm-category-hero{padding-top:0}
  .cm-category-hero-grid{display:flex;width:100%;max-width:none;flex-direction:column;gap:0}
  .cm-category-intro{width:min(calc(100% - 40px),var(--max));max-width:none;margin:0 auto;padding:42px 0 44px}
  .cm-category-breadcrumb{margin-bottom:36px}
  .cm-category-intro h1{font-size:clamp(47px,12vw,62px)}
  .cm-category-showcase{width:100%;height:auto;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;padding:8px;aspect-ratio:1.35/1}
  .cm-category-showcase-item--1{border-radius:7px 0 0 7px}
  .cm-category-signals{width:min(calc(100% - 40px),var(--max))}
  .cm-category-section-head,.cm-category-proof-head,.cm-category-fit-grid,.cm-category-cta-card{grid-template-columns:1fr;gap:30px}
  .cm-category-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cm-category-fit-grid{gap:42px}
  .cm-category-cta-card{align-items:start}
}

@media(max-width:560px){
  .cm-category-intro{width:calc(100% - 30px);padding:35px 0 39px}
  .cm-category-breadcrumb{margin-bottom:31px}
  .cm-category-intro h1{font-size:46px;line-height:1}
  .cm-category-lead{margin-top:23px;font-size:14px;line-height:1.72}
  .cm-category-actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:29px}
  .cm-category-actions .cm-btn{width:100%}
  .cm-category-showcase{grid-template-columns:1.1fr .9fr;aspect-ratio:1.16/1;gap:6px;padding:6px}
  .cm-category-showcase-item span{right:7px;bottom:7px;padding:4px 6px;font-size:7px}
  .cm-category-signals{width:calc(100% - 30px);grid-template-columns:1fr}
  .cm-category-signals span{padding:13px 0}
  .cm-category-signals span+span{padding-left:0;border-top:1px solid rgba(23,33,29,.13);border-left:0}
  .cm-category-switcher>.cm-wrap{gap:8px;padding-top:15px;padding-bottom:14px}
  .cm-category-switcher div div{margin-right:-15px}
  .cm-category-switcher a{min-height:34px;padding:7px 11px;font-size:10px;white-space:nowrap}
  .cm-category-products{padding:66px 0}
  .cm-category-section-head{gap:20px;margin-bottom:31px}
  .cm-category-section-head h2,.cm-category-proof-head h2,.cm-category-fit h2,.cm-category-cta h2{font-size:38px;line-height:1.03}
  .cm-category-section-head>p,.cm-category-proof-head>p{font-size:13px}
  .cm-category-product-grid{gap:12px 9px}
  .cm-category-product-grid .cm-card-copy span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .cm-category-proof{padding:66px 0}
  .cm-category-proof-head{gap:22px;padding-bottom:33px}
  .cm-category-proof-grid{grid-template-columns:1fr}
  .cm-category-proof-grid>a,.cm-category-proof-grid>a+a,.cm-category-proof-grid>a:nth-child(3){min-height:0;padding:27px 0 30px;border-top:1px solid rgba(255,255,255,.15);border-left:0}
  .cm-category-proof-grid>a:first-child{border-top:0}
  .cm-category-proof-grid>a>span{top:34px;right:0}
  .cm-category-proof-grid h3{margin:36px 0 10px;font-size:16px}
  .cm-category-fit{padding:65px 0}
  .cm-category-fit-grid{gap:36px}
  .cm-category-fit li{padding:15px 0}
  .cm-category-cta{padding-bottom:66px}
  .cm-category-cta-card{width:calc(100% - 30px);gap:27px;padding:34px 24px}
  .cm-category-cta-copy>div{align-items:flex-start;flex-direction:column;gap:17px}
  .cm-category-cta-copy .cm-btn{width:100%;padding-right:12px;padding-left:12px}
}