/* Kanno v6.11.7 material catalog — brochure-inspired swatch system */
/* KANNO_HOME_RUNTIME_EXCLUDE_START: material catalog page-only shell */
.kmat-catalog-page{background:#fbf8f3}.kmat-catalog-hero{padding:34px 0 24px;background:#fbf8f3}.kmat-catalog-hero__shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);min-height:520px;overflow:hidden;border:1px solid #eadfd3;border-radius:32px;background:#f5f0e8;box-shadow:0 22px 54px rgba(37,25,15,.08)}.kmat-catalog-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:52px 48px 44px}.kmat-catalog-eyebrow{display:inline-flex;align-items:center;color:#9f6f2d;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.kmat-catalog-hero h1{margin:13px 0 15px;color:#211915;font-size:clamp(36px,4.1vw,58px);line-height:1.03;letter-spacing:-.045em}.kmat-catalog-hero__copy>p{max-width:680px;margin:0;color:#655a50;font-size:16px;line-height:1.7}.kmat-catalog-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:30px 0 0;border-top:1px solid #ded4c9;border-bottom:1px solid #ded4c9}.kmat-catalog-benefits>div{display:flex;align-items:center;gap:9px;min-width:0;padding:16px 12px;border-right:1px solid #ded4c9}.kmat-catalog-benefits>div:first-child{padding-left:0}.kmat-catalog-benefits>div:last-child{border-right:0}.kmat-catalog-benefits i{flex:0 0 30px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c8a66d;border-radius:50%;color:#a86e1f;font-size:13px}.kmat-catalog-benefits span{min-width:0}.kmat-catalog-benefits b,.kmat-catalog-benefits small{display:block}.kmat-catalog-benefits b{color:#342821;font-size:11px;line-height:1.25}.kmat-catalog-benefits small{margin-top:3px;color:#7a7067;font-size:9.5px;line-height:1.3}.kmat-catalog-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.kmat-catalog-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid #c9bba8;border-radius:999px;background:#fff;color:#31251e;font-size:13px;font-weight:750;text-decoration:none}.kmat-catalog-btn--primary{border-color:#a96f1e;background:#ac7427;color:#fff}.kmat-catalog-hero__visual{position:relative;min-height:520px;overflow:hidden;background:#ddd2c3}.kmat-catalog-hero__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,240,232,.18),transparent 32%),linear-gradient(180deg,transparent 70%,rgba(31,21,15,.16))}.kmat-catalog-hero__visual img{width:100%;height:100%;object-fit:cover}.kmat-catalog-hero__seal{position:absolute;z-index:2;right:28px;bottom:28px;width:126px;height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.68);border-radius:50%;background:rgba(122,80,36,.80);box-shadow:0 10px 30px rgba(39,26,15,.18);color:#fff;text-align:center;backdrop-filter:blur(5px)}.kmat-catalog-hero__seal strong{font-size:34px;line-height:1}.kmat-catalog-hero__seal span{margin-top:7px;font-size:9px;line-height:1.25;letter-spacing:.1em}.kmat-catalog-section{padding:34px 0 50px;background:#fbf8f3}.kmat-catalog-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:20px}.kmat-catalog-section-head>div{max-width:780px}.kmat-catalog-section-head h2{margin:7px 0 6px;color:#241b16;font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.035em}.kmat-catalog-section-head p{margin:0;color:#75695f;font-size:14px;line-height:1.6}
/* KANNO_HOME_RUNTIME_EXCLUDE_END */
.kmat-catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.kmat-swatch-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5ded5;border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(41,30,20,.055);color:#231b16;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.kmat-swatch-card:hover{transform:translateY(-2px);border-color:#d8c8b4;box-shadow:0 10px 22px rgba(41,30,20,.09)}.kmat-swatch-card.is-active{border-color:#b8863d;box-shadow:0 0 0 2px rgba(184,134,61,.14),0 10px 22px rgba(41,30,20,.08)}.kmat-swatch-card__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#eeece8}.kmat-swatch-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.kmat-swatch-card:hover .kmat-swatch-card__media img{transform:scale(1.025)}.kmat-swatch-card__media em{position:absolute;left:8px;top:8px;max-width:calc(100% - 16px);padding:4px 6px;border-radius:5px;background:rgba(245,245,245,.92);color:#4b4641;font-size:9px;font-weight:700;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kmat-swatch-card__info{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;min-height:76px;padding:10px 8px 11px;border-top:1px solid #eee8e1;background:#fff;text-align:center}.kmat-swatch-card__code{display:block;margin-bottom:3px;color:#23201d;font-size:13px;line-height:1.1;font-weight:800}.kmat-swatch-card__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#2f2823;font-size:12px;line-height:1.25;font-weight:700}.kmat-swatch-card__info small{display:block;margin-top:4px;color:#6b625a;font-size:9.5px;line-height:1.2}.kp-material-catalog-home{padding-top:72px;padding-bottom:74px;background:#f8f4ed}.kp-material-catalog-home .kmat-catalog-section-head{margin-bottom:22px}.kp-material-catalog-home .kmat-catalog-section-head h2{font-size:clamp(27px,2.7vw,38px)}.kp-material-catalog-home .kmat-swatch-card__media{aspect-ratio:4/5}.kp-material-catalog-home .kmat-swatch-card__info{min-height:72px}.kp-material-catalog-home .kp-btn-outline{flex:0 0 auto;border-color:#d5c3ab;background:#fff7ec;color:#6d4617}/* KANNO_HOME_RUNTIME_EXCLUDE_START: material page shop layout */
.kmat-catalog-page .kmat-shop-layout-section{padding-top:42px}.kmat-catalog-page .kmat-sidebar-card{position:sticky;top:118px}
/* KANNO_HOME_RUNTIME_EXCLUDE_END */
@media(max-width:1180px){.kmat-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
/* KANNO_HOME_RUNTIME_EXCLUDE_START: material page responsive shell */
.kmat-catalog-hero__shell{grid-template-columns:minmax(0,1fr) minmax(350px,.78fr)}.kmat-catalog-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.kmat-catalog-benefits>div:nth-child(2){border-right:0}.kmat-catalog-benefits>div:nth-child(-n+2){border-bottom:1px solid #ded4c9}.kmat-catalog-benefits>div:nth-child(3){padding-left:0}
/* KANNO_HOME_RUNTIME_EXCLUDE_END */
}
@media(max-width:900px){
/* KANNO_HOME_RUNTIME_EXCLUDE_START: material page responsive hero */
.kmat-catalog-hero__shell{grid-template-columns:1fr;min-height:0}.kmat-catalog-hero__copy{padding:38px 30px 32px}.kmat-catalog-hero__visual{min-height:390px}
/* KANNO_HOME_RUNTIME_EXCLUDE_END */
.kmat-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* KANNO_HOME_RUNTIME_EXCLUDE_START: material page responsive heading */
.kmat-catalog-section-head{align-items:flex-start;flex-direction:column}
/* KANNO_HOME_RUNTIME_EXCLUDE_END */
.kp-material-catalog-home{padding-top:58px;padding-bottom:60px}}
@media(max-width:640px){
/* KANNO_HOME_RUNTIME_EXCLUDE_START: material page mobile shell */
.kmat-catalog-hero{padding:16px 0}.kmat-catalog-hero__shell{border-radius:24px}.kmat-catalog-hero__copy{padding:28px 20px 24px}.kmat-catalog-hero h1{font-size:34px}.kmat-catalog-hero__copy>p{font-size:14px}.kmat-catalog-benefits{margin-top:22px}.kmat-catalog-benefits>div{padding:12px 8px;gap:7px}.kmat-catalog-benefits i{flex-basis:26px;width:26px;height:26px;font-size:11px}.kmat-catalog-benefits b{font-size:10px}.kmat-catalog-benefits small{font-size:8.5px}.kmat-catalog-hero__visual{min-height:280px}.kmat-catalog-hero__seal{right:18px;bottom:18px;width:98px;height:98px}.kmat-catalog-hero__seal strong{font-size:27px}.kmat-catalog-section{padding:26px 0 38px}
/* KANNO_HOME_RUNTIME_EXCLUDE_END */
.kmat-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kmat-swatch-card{border-radius:11px}.kmat-swatch-card__info{min-height:68px;padding:8px 6px 9px}.kmat-swatch-card__code{font-size:12px}.kmat-swatch-card__name{font-size:11px}.kmat-swatch-card__info small{font-size:8.5px}.kp-material-catalog-home{padding-top:46px;padding-bottom:48px}.kp-material-catalog-home .kmat-catalog-section-head{margin-bottom:16px}
.kmat-catalog-page .kmat-shop-layout{display:block}.kmat-catalog-page .kmat-sidebar{margin:0 0 14px}.kmat-catalog-page .kmat-sidebar-card{position:relative;top:auto;display:flex;align-items:center;gap:8px;margin:0;padding:4px 0 10px;overflow-x:auto;overflow-y:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kmat-catalog-page .kmat-sidebar-card::-webkit-scrollbar{display:none}.kmat-catalog-page .kmat-sidebar-card>h2{display:none}.kmat-catalog-page .kmat-sidebar-card .kmat-side-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid #e1d6c8;border-radius:999px;background:#fff;color:#5f4d3c;font-size:13px;font-weight:750;white-space:nowrap;scroll-snap-align:start;box-shadow:0 3px 10px rgba(41,30,20,.04)}.kmat-catalog-page .kmat-sidebar-card .kmat-side-link>em{display:none}.kmat-catalog-page .kmat-sidebar-card .kmat-side-link.is-active{border-color:#2b1b10;background:#2b1b10;color:#f2cf7b;box-shadow:0 5px 14px rgba(43,27,16,.16)}.kmat-catalog-page .kmat-sidebar-cta{display:none}.kmat-catalog-page .kmat-products-area{min-width:0}}

/* KANNO material mobile layout/order v6.12.26 */
@media(max-width:640px){
  .kmat-catalog-page .kmat-products-result>ul.products,
  .kmat-catalog-page .kmat-products-result ul.products,
  .kmat-catalog-page .kmat-products-result>.products,
  .kmat-catalog-page .kmat-products-result .products{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    width:100%;
    margin:0;
    padding:0;
  }
  .kmat-catalog-page .kmat-products-result ul.products>li.product,
  .kmat-catalog-page .kmat-products-result .products>li.product{
    float:none;
    clear:none;
    width:auto;
    min-width:0;
    max-width:none;
    margin:0;
  }
  .kmat-catalog-page .kmat-linked-section__head{
    display:block;
    margin:0 0 10px;
    padding:0;
    text-align:left;
  }
  .kmat-catalog-page .kmat-linked-section__head>div{
    display:block;
    width:100%;
    margin:0;
    padding:0;
  }
  .kmat-catalog-page .kmat-linked-section__head span{
    margin:0 0 4px;
    font-size:10px;
    line-height:1.2;
    letter-spacing:.12em;
    text-align:left;
  }
  .kmat-catalog-page .kmat-linked-section__head h3{
    margin:0;
    font-size:18px;
    line-height:1.28;
    text-align:left;
  }
  .kmat-catalog-page .kmat-linked-section{
    margin-top:14px;
    padding-top:16px;
  }
}

/* Material menu order by actual linked usage count (products + projects taxonomy count), high to low. */
.kmat-catalog-page .kmat-sidebar-card>a[data-material="all"]{order:0}
.kmat-catalog-page .kmat-sidebar-card>a[data-material="granite-den-an-do"]{order:1}
.kmat-catalog-page .kmat-sidebar-card>a[data-material="den-an-do-cao-cap"]{order:2}
.kmat-catalog-page .kmat-sidebar-card>a[data-material="trang-trung-quoc"]{order:3}
.kmat-catalog-page .kmat-sidebar-card>a[data-material="granite-xanh-an-do"]{order:4}
.kmat-catalog-page .kmat-sidebar-card>a[data-material="granite-den-binh-dinh"]{order:5}
.kmat-catalog-page .kmat-sidebar-card>a[data-material="granite-trang-binh-dinh"]{order:6}
.kmat-catalog-page .kmat-sidebar-card>a[data-material="xam-trung-quoc"]{order:7}
.kmat-catalog-page .kmat-sidebar-card>a[data-material="da-xanh-an-do-plus"]{order:8}
.kmat-catalog-page .kmat-sidebar-card>a[data-material="da-do-binh-dinh"]{order:9}
.kmat-catalog-page .kmat-sidebar-card>a[data-material="da-tim-phu-cat"]{order:10}
.kmat-catalog-page .kmat-sidebar-card>a[data-material="da-trang-suoi-lau"]{order:11}
.kmat-catalog-page .kmat-sidebar-card>a[data-material="da-vang-binh-dinh"]{order:12}