/* Scoped pilot. Only categories assigned ke-collection-story use these rules. */
.ke-collection-story{--ke-purple:#5f367a;--ke-line:#e6deea;--ke-pale:#f7f3fa;width:100%;color:#29232e}
.ke-collection-story .breadcrumbs{margin:20px 0;text-align:left;font-size:12px}
.ke-category-hero{position:relative;overflow:hidden;min-height:330px;background:#eee}
.ke-category-hero>img{width:100%;height:440px;object-fit:cover;display:block}
.ke-category-hero-copy{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:5%;color:white;background:linear-gradient(90deg,#20142835,transparent 75%);text-shadow:0 2px 5px #0008}
.ke-category-hero-copy h1{font:500 clamp(34px,4vw,58px)/1.1 Georgia,serif;color:white;margin:10px 0}
.ke-category-hero-copy p{margin:5px 0;font-size:18px;color:white}
.ke-category-hero-copy p:first-child{font-size:11px;text-transform:uppercase;letter-spacing:2px}
.ke-category-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--ke-purple);color:white!important;padding:12px 24px;border-radius:30px;text-decoration:none;margin-top:18px;font-weight:600;text-shadow:none}
.ke-category-heading h1{font:500 40px/1.2 Georgia,serif;color:var(--ke-purple);margin:20px 0}
.ke-category-tools{padding-top:28px}
.ke-category-tools>h2{font-size:24px;margin:0 0 16px;text-transform:none}
.ke-category-refinements{width:100%;float:none;border-block:1px solid var(--ke-line);padding:12px 0}
.ke-category-refinements>nav{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
.ke-category-refinements .sidebarBlock{margin:0;min-width:180px;flex:1}
.ke-category-refinements .sidebarBlock-heading{font-size:14px;margin:8px 0;text-transform:none}
.ke-category-refinements>nav>.sidebarBlock>.navList{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.ke-category-refinements>nav>.sidebarBlock>.navList .navList-action{padding:7px 12px;background:var(--ke-pale);border-radius:20px;font-size:13px;min-height:40px;display:flex;align-items:center}
.ke-category-refinements #facetedSearch{flex:3;min-width:280px}
.ke-category-refinements .facetedSearch-toggle{display:none}
.ke-category-refinements .facetedSearch-navList{display:block!important}
.ke-category-refinements .accordion--navList{display:flex;flex-wrap:wrap;gap:12px;border:0;margin:0}
.ke-category-refinements .accordion-block{flex:1 1 170px;border:1px solid var(--ke-line);border-radius:5px;padding:0 12px;margin:0}
.ke-category-refinements .accordion-title{font-size:14px;text-transform:none}
.ke-category-refinements .accordion-content{max-height:280px;overflow:auto}
.ke-category-refinements .facetedSearch-refineFilters{margin-bottom:12px}
:is(.ke-category-products,.body.category #product-listing-container){width:100%;float:none;padding:0}
:is(.ke-category-products,.body.category #product-listing-container) .actionBar{display:flex;justify-content:flex-end;margin:16px 0}
:is(.ke-category-products,.body.category #product-listing-container) .productGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px;margin:0!important;width:100%!important}
:is(.ke-category-products,.body.category #product-listing-container) .productGrid:before,:is(.ke-category-products,.body.category #product-listing-container) .productGrid:after{display:none!important}
:is(.ke-category-products,.body.category #product-listing-container) .productGrid>.product{width:auto!important;max-width:none!important;float:none!important;padding:0!important;margin:0!important;min-width:0}
:is(.ke-category-products,.body.category #product-listing-container) .card{height:100%;margin:0;box-shadow:none}
:is(.ke-category-products,.body.category #product-listing-container) .card-figure{margin:0;background:#faf9fb}
:is(.ke-category-products,.body.category #product-listing-container) .card-img-container{aspect-ratio:1/1;max-width:none}
:is(.ke-category-products,.body.category #product-listing-container) .card-img-container:after{padding-bottom:100%}
:is(.ke-category-products,.body.category #product-listing-container) .card-image{object-fit:contain;max-height:100%}
:is(.ke-category-products,.body.category #product-listing-container) .card-title{font-size:15px;line-height:1.4;text-transform:none;min-height:0}
:is(.ke-category-products,.body.category #product-listing-container) .price-section{font-size:15px}
:is(.ke-category-products,.body.category #product-listing-container) .pagination{margin-top:30px}
.ke-category-description{margin:32px 0;border-top:1px solid var(--ke-line);padding-top:20px}
.ke-category-description>summary{font-size:18px;font-weight:600;cursor:pointer;color:var(--ke-purple)}
.ke-category-description>*:not(summary){max-width:100%}
.ke-category-tiles{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px}
.ke-category-tile{position:relative;display:block;aspect-ratio:2/1;overflow:hidden}
.ke-category-tile img{display:block;width:100%;height:100%;object-fit:cover}
.ke-category-tile span{position:absolute;bottom:22px;left:24px;color:white;font:500 28px/1.2 Georgia,serif;text-shadow:0 2px 5px #0009}
@media(max-width:760px){
.ke-category-hero{min-height:0}.ke-category-hero>img{height:300px;object-position:60% center}
.ke-category-hero-copy{padding:22px}.ke-category-hero-copy p{font-size:14px}.ke-category-hero-copy h1{font-size:34px}
:is(.ke-category-products,.body.category #product-listing-container) .productGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}
:is(.ke-category-products,.body.category #product-listing-container) .card-title{font-size:13px}:is(.ke-category-products,.body.category #product-listing-container) .price-section{font-size:14px}
.ke-category-refinements>nav{display:block}.ke-category-refinements #facetedSearch{min-width:0;margin-top:14px}
.ke-category-refinements .accordion-block{flex:1 1 calc(50% - 12px);min-width:0}
.ke-category-refinements .accordion-content{max-height:230px}
.ke-category-tile{aspect-ratio:1/1}.ke-category-tile span{font-size:19px;bottom:15px;left:12px}
:is(.ke-category-products,.body.category #product-listing-container) .actionBar{justify-content:stretch}:is(.ke-category-products,.body.category #product-listing-container) .actionBar-section{width:100%}
}

/* Compact native refinements; kept in document flow so open panels cannot cover cart/navigation. */
.ke-category-refinements .ke-subcategories{flex:0 1 220px;border:1px solid var(--ke-line);border-radius:5px}
.ke-subcategories>summary{padding:14px 16px;cursor:pointer;font-size:14px;font-weight:600;min-height:48px}
.ke-subcategories>.navList{max-height:280px;overflow:auto;padding:0 12px 12px}
.ke-subcategories .navList-action{min-height:44px;padding:10px 4px}
.ke-category-refinements .accordion-navigation{min-height:48px}
.ke-collection-story a:focus-visible,.ke-collection-story button:focus-visible,.ke-collection-story summary:focus-visible{outline:2px solid var(--ke-purple);outline-offset:3px}
#ke-category-shop{scroll-margin-top:24px}
@media(max-width:760px){.ke-category-refinements .ke-subcategories{width:100%}.ke-category-refinements .form-minMaxRow{flex-wrap:wrap}.ke-category-refinements .form-minMaxRow .form-field{min-width:0}}

/* Approved collection layout refinement, 2026-10-30. */
.ke-category-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.ke-category-tile{aspect-ratio:1/1}
.ke-category-tile img{object-fit:contain}
.ke-category-hero{min-height:0}
.ke-category-hero>img{height:auto;object-fit:contain}
.ke-category-refinements .accordion-block{min-width:0}
.ke-category-refinements .form-minMaxRow{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.ke-category-refinements .form-minMaxRow .form-field{flex:1 1 80px;width:auto;min-width:0;padding:0;margin:0}
.ke-category-refinements .form-minMaxRow .form-input{width:100%;min-width:0;box-sizing:border-box}
.ke-category-refinements .form-minMaxRow .button{max-width:100%;margin:0}
@media(max-width:760px){.ke-category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ke-category-hero-copy{padding:12px}.ke-category-hero-copy h1{font-size:26px;margin:4px 0}.ke-category-hero-copy p{font-size:12px;margin:3px 0}.ke-category-button{margin-top:8px;padding:8px 16px;min-height:40px}.ke-category-tile span{font-size:17px;left:10px;bottom:12px}}

/* Mobile QA cleanup: readable refinements and contained product titles. */
:is(.ke-category-products,.body.category #product-listing-container) .card-title,:is(.ke-category-products,.body.category #product-listing-container) .card-title a{overflow-wrap:anywhere;word-break:normal}
.ke-category-refinements .accordion--navList{align-items:flex-start}
.ke-category-refinements .ke-range-content{max-height:none;overflow:visible}
@media(max-width:760px){.ke-category-refinements .accordion--navList{display:block}.ke-category-refinements .accordion-block{width:100%;margin-bottom:10px}.ke-category-refinements .accordion-content{padding:12px 0}.ke-category-refinements .form-minMaxRow .form-field{flex:1 1 80px}}

/* Screenshot QA corrections, 2026-10-31. Scoped to the Cookware pilot. */
:is(.ke-category-products,.body.category #product-listing-container) .card{display:flex;flex-direction:column;height:100%}
:is(.ke-category-products,.body.category #product-listing-container) .card-body{display:flex;flex-direction:column;flex:1;position:static!important;height:auto!important;padding:12px 0 0!important}
:is(.ke-category-products,.body.category #product-listing-container) .card-title{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;margin:4px 0 10px!important;display:block!important}
:is(.ke-category-products,.body.category #product-listing-container) .card-title a{display:block;white-space:normal!important}
:is(.ke-category-products,.body.category #product-listing-container) .card-body>.card-text{position:static!important;margin:0 0 8px!important}
:is(.ke-category-products,.body.category #product-listing-container) .card-body>.card-figcaption-body{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-wrap:wrap;gap:8px;order:10;width:100%!important;height:auto!important;margin:12px 0 0!important;padding:0!important;opacity:1!important;visibility:visible!important}
:is(.ke-category-products,.body.category #product-listing-container) .card-body .card-figcaption-button{position:static!important;inset:auto!important;transform:none!important;float:none!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;height:auto!important;max-width:100%;width:auto;margin:0!important;padding:10px 16px!important;line-height:1.2!important;white-space:normal;font-weight:700;box-sizing:border-box}
:is(.ke-category-products,.body.category #product-listing-container) .price-section{display:inline-block;margin:0 8px 4px 0!important;vertical-align:baseline}
:is(.ke-category-products,.body.category #product-listing-container) .price-section .price{margin-right:6px}
/* Flatten structural wrappers so all three controls share one aligned row. */
.ke-category-refinements>nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.ke-category-refinements #facetedSearch,.ke-category-refinements .facetedSearch-navList,.ke-category-refinements .accordion--navList{display:contents!important}
.ke-category-refinements .ke-subcategories,.ke-category-refinements .accordion-block{width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box;align-self:start}
.ke-category-refinements .accordion-navigation{margin:0!important;padding:0!important;min-height:48px}
.ke-category-refinements .accordion-navigation .accordion-title{margin:0!important;padding:14px 4px!important;line-height:20px}
.ke-category-refinements .facetedSearch-refineFilters{grid-column:1/-1;order:10;margin:0!important;padding:0!important;border:0!important;min-width:0}
.ke-category-refinements .facetedSearch-refineFilters:not(:has(.facetLabel)){display:none!important}
.ke-category-refinements .facetedSearch-refineFilters .sidebarBlock-heading{margin-top:0}
/* Contained full images with readable, consistently aligned caption bands. */
.ke-category-tile{display:grid;grid-template-rows:auto auto;aspect-ratio:auto;background:#f7f3fa;text-decoration:none!important}
.ke-category-tile img{display:block;width:100%;height:auto;aspect-ratio:1/1;min-height:0;object-fit:cover;position:static}
.ke-category-tile span{position:static;display:flex;align-items:center;min-height:64px;padding:10px 14px;background:#5f367a;color:#fff;font:600 20px/1.2 Arial,sans-serif;text-shadow:none;box-sizing:border-box}
@media(max-width:760px){
.ke-collection-story{width:100%;max-width:none;margin:0}
.ke-category-refinements>nav{grid-template-columns:1fr;gap:10px}
:is(.ke-category-products,.body.category #product-listing-container) .card-title{font-size:13px;line-height:1.45}
:is(.ke-category-products,.body.category #product-listing-container) .card-body .card-figcaption-button{width:100%;padding:10px 6px!important;font-size:12px}
.ke-category-tile span{min-height:52px;padding:8px;font-size:14px}
.ke-category-hero-copy p:first-child{font-size:9px;letter-spacing:1px}
.ke-category-hero-copy h1{font-size:25px}
.ke-category-hero-copy p{font-size:11px}
.ke-category-button{font-size:12px;min-height:36px;padding:8px 12px}
}

/* Full bleed collection imagery and 4px micro dividers. */
.body>.container:has(>.ke-collection-story){width:100%!important;max-width:none!important;padding-inline:0!important;margin-inline:0!important}
.ke-collection-story{width:100%;max-width:none;margin-inline:0}
.ke-category-hero,.ke-category-tiles{width:100%;max-width:none;margin-inline:0;border:0;border-radius:0;padding:0}
.ke-category-hero>img{display:block;width:100%;max-width:none;height:auto;object-fit:cover}
.ke-category-tiles{gap:4px;margin-top:4px;align-items:stretch}
.ke-category-tile{min-width:0;padding:0;border:0;border-radius:0}
.ke-collection-story>.breadcrumbs,.ke-category-tools,.ke-collection-story>.ke-category-description{padding-inline:20px;box-sizing:border-box}
.ke-category-refinements :is(nav,#facetedSearch,.facetedSearch-navList,.accordion--navList)::before,.ke-category-refinements :is(nav,#facetedSearch,.facetedSearch-navList,.accordion--navList)::after{display:none!important;content:none!important}

/* Match the category disclosure to the 60px Brand and Price controls. */
.ke-category-refinements .ke-subcategories>summary{display:flex;align-items:center;box-sizing:border-box;min-height:48px;height:48px;padding:14px 16px;line-height:20px}

/* Align product cards with the shop heading and refinements; keep imagery full bleed. */
.ke-collection-story #product-listing-container:is(.ke-category-products,.body.category #product-listing-container){width:100%!important;max-width:100%;margin-inline:0!important;padding:20px 20px 0!important;box-sizing:border-box}

/* Knives hero: full bleed with enough space for readable mobile copy. */
.ke-knives-collection .ke-category-hero>img{aspect-ratio:2/1;height:auto;object-fit:cover}
.ke-knives-collection .ke-category-hero-copy{background:linear-gradient(90deg,rgba(20,15,21,.65),rgba(20,15,21,0) 80%)}
@media(max-width:760px){.ke-knives-collection .ke-category-hero>img{min-height:200px;object-position:62% center}.ke-knives-collection .ke-category-hero-copy{padding:20px}}

/* Fill the desktop width with three equal Dinnerware category tiles. */
@media(min-width:761px){
.ke-category-tiles[aria-label="Dinnerware categories"]{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Dinnerware mobile: taller hero and a fourth editorial tile using footer colours. */
.ke-dinnerware-note{display:none}
@media(max-width:760px){
.ke-collection-story:has(.ke-category-tiles[aria-label="Dinnerware categories"]) .ke-category-hero>img{height:280px;object-fit:cover;object-position:center}
.ke-collection-story:has(.ke-category-tiles[aria-label="Dinnerware categories"]) .ke-category-hero-copy{padding:20px}
.ke-collection-story:has(.ke-category-tiles[aria-label="Dinnerware categories"]) .ke-category-hero-copy h1{font-size:30px}
.ke-collection-story:has(.ke-category-tiles[aria-label="Dinnerware categories"]) .ke-category-hero-copy p{font-size:13px;line-height:1.45}
.ke-collection-story:has(.ke-category-tiles[aria-label="Dinnerware categories"]) .ke-category-hero-copy p:first-child{font-size:10px}
.ke-category-tiles>.ke-dinnerware-note.footer{display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;margin:0;padding:18px 14px;border:0;box-sizing:border-box}
.ke-dinnerware-note .footer-info-heading{font-size:20px;line-height:1.2;margin:0 0 12px}
.ke-dinnerware-note p{font-size:13px;line-height:1.5;margin:0}
}

/* Glassware: six categories in balanced rows. */
@media(min-width:761px){.ke-category-tiles[aria-label="Glassware categories"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
.ke-category-tiles[aria-label="Glassware categories"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.ke-collection-story:has(.ke-category-tiles[aria-label="Glassware categories"]) .ke-category-hero>img{height:280px;object-fit:cover;object-position:center}
.ke-collection-story:has(.ke-category-tiles[aria-label="Glassware categories"]) .ke-category-hero-copy{padding:20px}
}

/* Keep mobile editorial copy readable against the footer background. */
.ke-category-tiles .ke-dinnerware-note.footer,.ke-category-tiles .ke-dinnerware-note.footer .footer-info-heading,.ke-category-tiles .ke-dinnerware-note.footer p{color:#fff!important}

/* Shared category product layout: top refinements, four desktop / two mobile. */
.body.category{--ke-purple:#5f367a;--ke-line:#e6deea;--ke-pale:#f7f3fa}
.body.category .page:has(>#product-listing-container){display:flex;flex-direction:column;margin-inline:0}
.body.category .page>#faceted-search-container{order:0;width:100%!important;float:none!important;padding:0 20px 16px!important;box-sizing:border-box}
.body.category .page>#product-listing-container{order:1;width:100%!important;float:none!important;padding:20px!important;box-sizing:border-box}
.body.category #product-listing-container .productGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:0!important;width:100%!important}
.body.category #product-listing-container .productGrid::before,.body.category #product-listing-container .productGrid::after{display:none!important}
.body.category #product-listing-container .actionBar{display:none!important}
@media(max-width:760px){.body.category #product-listing-container .productGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Mobile width and aligned category purchase buttons, 2026-10-31. */
:is(.ke-category-products,.body.category #product-listing-container) .productGrid{align-items:stretch}
:is(.ke-category-products,.body.category #product-listing-container) .productGrid>.product{display:flex;flex-direction:column}
:is(.ke-category-products,.body.category #product-listing-container) .productGrid>.product>.card{flex:1;width:100%;height:auto}
:is(.ke-category-products,.body.category #product-listing-container) .card-body>.card-figcaption-body{margin-top:auto!important;padding-top:12px!important}
@media(max-width:760px){
.body.category>.container{width:100%!important;max-width:none!important;padding-inline:0!important;margin-inline:0!important}
.body.category .page.cate-gory{width:100%!important;margin-inline:0!important;padding-inline:0!important}
.body.category #product-listing-container,.ke-collection-story #product-listing-container:is(.ke-category-products,.body.category #product-listing-container){padding-inline:10px!important;box-sizing:border-box}
.body.category .page>#faceted-search-container,.ke-category-tools{padding-inline:10px!important}
:is(.ke-category-products,.body.category #product-listing-container) .productGrid{column-gap:10px!important}
:is(.ke-category-products,.body.category #product-listing-container) .card-body .card-figcaption-button{width:100%!important;min-width:0!important;min-height:44px;padding:11px 6px!important;font-size:12px;line-height:1.2!important;box-sizing:border-box}
}

/* Keep category refinements in normal flow on phones. */
@media(max-width:760px){
.body.category #faceted-search-container{display:block!important;visibility:visible!important;position:static!important;transform:none!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;opacity:1!important}
.body.category #faceted-search-container .ke-category-refinements{display:block!important;width:100%}
.body.category .ke-category-refinements>nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px}
.body.category .ke-category-refinements #facetedSearch,.body.category .ke-category-refinements .facetedSearch-navList,.body.category .ke-category-refinements .accordion--navList{display:contents!important;visibility:visible!important}
.body.category .ke-category-refinements .accordion-block{display:block!important;visibility:visible!important;width:100%!important}
}