.nano-showcase{margin:24px 0 36px}.nano-showcase section{margin:0 0 40px;scroll-margin-top:100px}.nano-showcase p{line-height:1.6}.nano-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.nano-card{border:1px solid #e0e5eb;border-radius:14px;padding:20px;background:#fff;min-width:0;display:flex;flex-direction:column;gap:12px;color:#152c40}.nano-card h3,.nano-card p{margin:0}.nano-card h3{font-size:19px;line-height:1.35}.nano-card__img{height:128px;display:flex;align-items:center;justify-content:center}.nano-card__img img{max-width:100%;max-height:120px;width:auto;height:auto;object-fit:contain}.nano-links{display:flex;flex-direction:column;gap:10px;margin-top:auto}.nano-link{display:block;font-weight:600;padding:10px 0;min-height:44px;box-sizing:border-box}.nano-composition{border-top:1px solid #e0e5eb;padding-top:8px}.nano-composition summary{cursor:pointer;padding:12px 4px;font-weight:600;min-height:44px;box-sizing:border-box}.nano-composition ul{padding-left:22px;line-height:1.7;margin:8px 0}.nano-composition p,.nano-note{font-size:14px;color:#526170}.nano-composition a{overflow-wrap:anywhere}.nano-group-title{margin:28px 0 16px}.nano-card--small{gap:10px;text-decoration:none}.nano-card--small span:last-child{font-size:13px;color:#526170}.nano-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.nano-grid--compact .nano-card__img{height:95px}.nano-grid--compact img{max-height:90px}.nano-card a:focus-visible,.nano-card summary:focus-visible{outline:3px solid #bd1822;outline-offset:3px}@media(max-width:1000px){.nano-grid,.nano-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.nano-grid,.nano-grid--compact{grid-template-columns:minmax(0,1fr);gap:16px}.nano-card{padding:18px}.nano-card__img{height:110px}.nano-showcase section{margin-bottom:30px}}
.nano-link small{display:block;font-weight:400;font-size:13px;color:#526170;line-height:1.6;margin-top:4px}
@media(max-width:700px){.nano-products{min-width:0}.nano-products .pt tr{grid-template-columns:minmax(0,1fr) auto}.nano-products .pt td{min-width:0}.nano-products .pt td.s{white-space:normal;overflow-wrap:anywhere}.nano-products .pt__name,.nano-products .pt__fields{overflow-wrap:anywhere}.nano-products .lf{grid-template-columns:auto minmax(0,1fr)}.nano-products .lf__s{min-width:0;max-width:100%}.nano-products .lf__s select{width:100%;max-width:100%;padding-left:8px;font-size:13px}.nano-products .lf__tg{padding:0 10px;gap:5px}.nano-products .lf__q{min-width:0;box-sizing:border-box}}

/* Compact Nanosoft storefront: scoped overrides, 15.11.2026. */
.content .nano-showcase .nano-grid{gap:12px;align-items:start}
.content .nano-showcase .nano-card{padding:14px;gap:8px;height:auto;min-height:0}
.content .nano-showcase .nano-card h3{margin:0;font-size:16px;line-height:1.3}
.content .nano-showcase .nano-card p{margin:0;line-height:1.4;font-size:13px}
.content .nano-showcase .nano-card__img{height:80px;min-height:0}
.content .nano-showcase .nano-card__img img{max-height:76px}
.content .nano-showcase .nano-links{margin:0;gap:4px}
.content .nano-showcase .nano-link{padding:5px 0;min-height:44px;font-size:14px;line-height:1.3}
.content .nano-showcase .nano-link small{font-size:12px;line-height:1.35;margin-top:2px}
.content .nano-showcase .nano-composition{padding-top:0}
.content .nano-showcase .nano-composition summary{padding:10px 2px;min-height:44px;font-size:14px}
.content .nano-showcase .nano-composition ul{margin:4px 0 8px;padding-left:18px;line-height:1.5;font-size:13px}
.content .nano-showcase .nano-composition p{margin:6px 0}
.content #nano-configurations .nano-card>h3{min-height:42px}
.content #nano-configurations .nano-card>p{min-height:38px}
.content .nano-showcase .nano-grid--compact .nano-card__img{height:64px}
.content .nano-showcase .nano-grid--compact img{max-height:60px}
@media(min-width:1200px){.content #nano-configurations .nano-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.content #nano-kits .nano-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:900px) and (max-width:1199px){.content #nano-configurations .nano-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:599px){
 .content #nano-configurations .nano-grid{grid-template-columns:minmax(0,1fr)}
 .content #nano-configurations .nano-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px 12px;padding:12px}
 .content #nano-configurations .nano-card__img{grid-column:1;grid-row:1/3;height:64px;align-self:center}
 .content #nano-configurations .nano-card__img img{max-height:62px}
 .content #nano-configurations .nano-card>h3{grid-column:2;min-height:0;align-self:end}
 .content #nano-configurations .nano-card>p{grid-column:2;min-height:0}
 .content #nano-configurations .nano-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .content #nano-configurations .nano-composition{grid-column:1/-1}
 .content .nano-showcase .nano-card--small{display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 10px;padding:12px}
 .content .nano-showcase .nano-card--small .nano-card__img{grid-row:1/3;height:52px}
 .content .nano-showcase .nano-card--small img{max-height:50px}
 .content .nano-showcase .nano-card--small b{font-size:14px;line-height:1.35}
 .content .nano-showcase .nano-card--small span:last-child{grid-column:2;font-size:12px}
}

.content .nano-showcase .nano-price{white-space:nowrap}@media(max-width:599px){.content .nano-showcase .nano-price{display:block;font-size:14px;font-weight:600;line-height:1.5}}

/* Verified offer conditions; a compact entry point above configurations. */
.content .nano-showcase .nano-promo-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid #edc1c4;border-radius:12px;background:#fff7f7;margin-bottom:24px}.nano-promo-strip b{font-size:16px}.nano-promo-strip small{display:block;font-size:12px;color:#526170;margin-top:3px}.nano-promo-strip__links{display:flex;gap:8px;flex-wrap:wrap;flex:1}.content .nano-promo-strip__links a{display:inline-flex;align-items:center;min-height:44px;padding:4px 10px;border:1px solid #e7c8ca;border-radius:8px;background:white;font-size:13px}.nano-promo-strip__all{font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center}.nano-promotions-page{max-width:100%;overflow-wrap:anywhere}.nano-promotions-page section{padding:16px 0;border-bottom:1px solid #e0e5eb;scroll-margin-top:100px}.nano-promo-contact{padding:16px 0}@media(max-width:599px){.content .nano-showcase .nano-promo-strip{gap:8px;padding:12px}.nano-promo-strip__links{flex-basis:100%;gap:6px}.content .nano-promo-strip__links a{font-size:12px;padding:4px 8px}.nano-promo-strip__all{min-height:32px}.nano-promotions-page section{scroll-margin-top:70px}}

/* Two-column mobile vendor storefront, 15.11.2026; Nanosoft cards only. */
@media(max-width:599px){
 .content .nano-showcase .nano-grid,.content #nano-configurations .nano-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
 .content .nano-showcase .nano-card,.content #nano-configurations .nano-card,.content .nano-showcase .nano-card--small{display:flex;flex-direction:column;padding:10px;gap:6px;min-width:0}
 .content .nano-showcase .nano-card h3{font-size:14px;line-height:1.3;overflow-wrap:anywhere}
 .content .nano-showcase .nano-card p{font-size:12px;line-height:1.4}
 .content .nano-showcase .nano-card__img,.content #nano-configurations .nano-card__img,.content .nano-showcase .nano-card--small .nano-card__img{height:58px;width:100%;align-self:auto}
 .content .nano-showcase .nano-card__img img,.content #nano-configurations .nano-card__img img{max-height:56px;max-width:100%}
 .content #nano-configurations .nano-card>h3,.content #nano-configurations .nano-card>p{min-height:0}
 .content #nano-configurations .nano-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;min-width:0}
 .content .nano-showcase .nano-link{font-size:12px;line-height:1.35;min-height:44px}
 .content .nano-showcase .nano-link small{font-size:10.5px;line-height:1.4}
 .content .nano-showcase .nano-price{font-size:12px;line-height:1.5}
 .content .nano-showcase .nano-composition{width:100%;min-width:0}
 .content .nano-showcase .nano-composition summary{font-size:12px;min-height:44px;padding:11px 0}
 .content .nano-showcase .nano-composition ul{padding-left:15px;font-size:12px;overflow-wrap:anywhere}
 .content .nano-showcase .nano-composition p{font-size:12px;overflow-wrap:anywhere}
 .content .nano-showcase .nano-card--small b{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
 .content .nano-showcase .nano-card--small span:last-child{font-size:11px}
}
@media(max-width:359px){.content #nano-configurations .nano-links{grid-template-columns:minmax(0,1fr)}}

/* Enlarge illustration bounds about 40%; retain compact cards and mobile columns. */
.content .nano-showcase .nano-card__img{height:112px}
.content .nano-showcase .nano-card__img img{max-height:106px}
.content .nano-showcase .nano-grid--compact .nano-card__img{height:90px}
.content .nano-showcase .nano-grid--compact img{max-height:84px}
@media(max-width:599px){
 .content .nano-showcase .nano-card__img,.content #nano-configurations .nano-card__img,.content .nano-showcase .nano-card--small .nano-card__img{height:81px}
 .content .nano-showcase .nano-card__img img,.content #nano-configurations .nano-card__img img,.content .nano-showcase .nano-grid--compact img{max-height:78px}
}



/* Ordinary category treatment outside the unchanged Platform configuration block. */
.content .nano-showcase .nano-grid--compact,.content #nano-kits .nano-grid{align-items:stretch}
.content .nano-showcase a.nano-card--small{color:var(--ink);text-decoration:none;height:100%;box-sizing:border-box}
.content .nano-showcase .nano-card--small>b{color:var(--ink)}
.content .nano-showcase .nano-card--small>.nano-card__count{color:var(--mut);font-size:13px}
.content #nano-kits .nano-card>a:first-child{color:var(--ink);text-decoration:none}
.content .nano-showcase .category-card-footer{display:block;margin-top:auto;padding-top:12px}
.content .nano-showcase .category-card-footer .category-card-price{display:block;color:var(--ink);font-family:var(--f-head);font-size:17px;font-weight:700;line-height:1.35}
.content .nano-showcase .category-card-footer span.category-card-action,.content .nano-showcase .category-card-footer a.category-card-action{display:block;color:var(--red);font-size:13px;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:3px;margin-top:10px}
@media(max-width:599px){
 .content .nano-showcase .nano-card--small{grid-template-rows:auto auto 1fr}
 .content .nano-showcase .nano-card--small .nano-card__img{grid-row:1/4}
 .content .nano-showcase .nano-card--small>.category-card-footer{align-self:stretch;text-align:left}
 .content .nano-showcase .nano-card--small>.nano-card__count{grid-column:2;font-size:12px}
 .content .nano-showcase .category-card-footer .category-card-price{font-size:15px}
}

/* Use the kit heading typography for all Nanosoft product names. */
.content .nano-showcase .nano-card--small>b{font-family:var(--f-head);font-size:16px;font-weight:700;line-height:1.3}
@media(max-width:599px){.content .nano-showcase .nano-card--small>b{font-size:14px}}
/* Share header, description, composition and footer tracks within each kit row. */
@supports(grid-template-rows:subgrid){
 .content #nano-kits .nano-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:8px}
 .content #nano-kits .nano-card>a:first-child{grid-row:1}
 .content #nano-kits .nano-card>p{grid-row:2}
 .content #nano-kits .nano-card>details:first-of-type{grid-row:3}
 .content #nano-kits .nano-card>details:nth-of-type(2){grid-row:4}
 .content #nano-kits .nano-card>.category-card-footer{grid-row:5;align-self:end}
}

.content .nano-showcase a.nano-card--small:focus-visible{outline:3px solid var(--red);outline-offset:3px}
/* Platform cards share image/title/description/OS/composition tracks per row. */
.content #nano-configurations .nano-card>h3{text-align:left;font-family:var(--f-head);font-weight:700}
@supports(grid-template-rows:subgrid){
 .content #nano-configurations .nano-grid{align-items:stretch}
 .content #nano-configurations .nano-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 5;row-gap:8px;box-sizing:border-box}
 .content #nano-configurations .nano-card>.nano-card__img{grid-column:1;grid-row:1;align-self:center}
 .content #nano-configurations .nano-card>h3{grid-column:1;grid-row:2;min-height:0;align-self:start}
 .content #nano-configurations .nano-card>p{grid-column:1;grid-row:3;min-height:0}
 .content #nano-configurations .nano-card>.nano-links{grid-column:1;grid-row:4}
 .content #nano-configurations .nano-card>.nano-composition{grid-column:1;grid-row:5}
}

/* Use the ASCON card CSS hover mechanism; no separate touch handling. */
.content .nano-showcase .nano-card{transition:border-color .15s,box-shadow .15s}
.content .nano-showcase .nano-card:hover{border-color:#a5abb4;box-shadow:0 5px 16px rgba(23,25,29,.04)}

/* Share image, heading, count and price/action tracks in every industry row. */
@supports(grid-template-rows:subgrid){
 .content .nano-showcase .nano-grid--compact .nano-card--small{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 4;height:auto;row-gap:8px}
 .content .nano-showcase .nano-grid--compact .nano-card--small>*{grid-column:1}
 .content .nano-showcase .nano-grid--compact .nano-card--small>.nano-card__img{grid-row:1}
 .content .nano-showcase .nano-grid--compact .nano-card--small>b{grid-row:2;align-self:start}
 .content .nano-showcase .nano-grid--compact .nano-card--small>.nano-card__count{grid-row:3}
 .content .nano-showcase .nano-grid--compact .nano-card--small>.category-card-footer{grid-column:1;grid-row:4;align-self:stretch;text-align:left}
 @media(max-width:599px){.content .nano-showcase .nano-grid--compact .nano-card--small{row-gap:6px}}
}

/* Keep the vendor selection table legible; contain scrolling inside the table. */
@media(max-width:599px){
 .content .nano-showcase~.desc .art table{display:block;overflow-x:auto;width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .content .nano-showcase~.desc .art table th,.content .nano-showcase~.desc .art table td{min-width:160px;white-space:normal;word-break:normal;overflow-wrap:normal}
}

/* One OS choice for the complete vendor showcase. Native GET works without JavaScript. */
.content .nano-os-showcase [hidden]{display:none!important}
.content .nano-os-showcase .nano-os-switch{position:sticky;top:var(--stk,66px);z-index:24;display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:0 0 24px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.content .nano-os-showcase .nano-os-label{font-weight:600}
.content .nano-os-showcase .nano-os-buttons{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff}
.content .nano-os-showcase .nano-os-buttons button,.content .nano-os-showcase .nano-os-parent-link{display:block;min-width:126px;min-height:44px;padding:8px 20px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:600 15px/1.4 var(--f-text);cursor:pointer;text-decoration:none;text-align:center}
.content .nano-os-showcase .nano-os-buttons button[aria-pressed=true],.content .nano-os-showcase .nano-os-parent-link[aria-current=page]{background:var(--ink);color:#fff}
.content .nano-os-showcase .nano-os-buttons button:focus-visible,.content .nano-os-showcase .nano-os-parent-link:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.content .nano-os-showcase .nano-os-status{font-size:13px;color:var(--mut)}
.content .nano-os-showcase section{scroll-margin-top:calc(var(--stk,66px) + 110px)}
.content .nano-os-showcase #nano-configurations .nano-card,.content .nano-os-showcase #nano-kits .nano-card,.content .nano-os-showcase .nano-grid--compact .nano-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 6;gap:8px;height:auto;padding:14px;box-sizing:border-box;position:relative;min-width:0}
.content .nano-os-showcase .nano-os-link{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-column:1;grid-row:1/span 5;gap:8px;min-width:0;color:var(--ink);text-decoration:none}
.content .nano-os-showcase #nano-configurations .nano-card>.nano-os-link,.content .nano-os-showcase #nano-kits .nano-card>.nano-os-link{grid-column:1;grid-row:1/span 5}
.content .nano-os-showcase .nano-os-link::after{content:"";position:absolute;inset:0;border-radius:14px}
.content .nano-os-showcase .nano-os-link:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.content .nano-os-showcase .nano-os-link>.nano-card__img{grid-column:1;grid-row:1;height:112px;width:100%;align-self:center}
.content .nano-os-showcase #nano-configurations .nano-os-link>.nano-card__img{grid-column:1;grid-row:1}
.content .nano-os-showcase .nano-os-link>.nano-card__img img{max-height:106px;max-width:100%}
.content .nano-os-showcase .nano-os-link>h3{grid-column:1;grid-row:2;margin:0;text-align:left;font-family:var(--f-head);font-size:16px;font-weight:700;line-height:1.3;min-height:0;align-self:start;overflow-wrap:anywhere}
.content .nano-os-showcase .nano-os-caption{grid-column:1;grid-row:3;font-size:13px;line-height:1.4;color:var(--mut);overflow-wrap:anywhere}
.content .nano-os-showcase .nano-os-price{grid-column:1;grid-row:4;align-self:end;margin-top:8px;font:700 17px/1.35 var(--f-head);color:var(--ink)}
.content .nano-os-showcase .nano-os-action{grid-column:1;grid-row:5;align-self:end;font:600 13px/1.4 var(--f-text);color:var(--red);text-decoration:underline;text-underline-offset:3px}
.content .nano-os-showcase .nano-os-card>.nano-composition{grid-column:1;grid-row:6;position:relative;z-index:1;align-self:start;margin:0;width:100%;min-width:0}
.content .nano-os-showcase #nano-configurations .nano-os-card>.nano-composition,.content .nano-os-showcase #nano-kits .nano-os-card>.nano-composition{grid-column:1;grid-row:6}
.content .nano-os-showcase .nano-os-card>.nano-composition a{position:relative}
@media(max-width:599px){
 .content .nano-os-showcase .nano-os-switch{gap:8px;padding:10px 0}
 .content .nano-os-showcase .nano-os-label{flex-basis:100%;font-size:14px}
 .content .nano-os-showcase .nano-os-buttons{width:100%}
 .content .nano-os-showcase .nano-os-buttons button,.content .nano-os-showcase .nano-os-parent-link{flex:1;min-width:0;padding:8px}
 .content .nano-os-showcase .nano-os-status{flex-basis:100%;font-size:12px}
 .content .nano-os-showcase section{scroll-margin-top:calc(var(--stk,56px) + 145px)}
 .content .nano-os-showcase #nano-configurations .nano-card,.content .nano-os-showcase #nano-kits .nano-card,.content .nano-os-showcase .nano-grid--compact .nano-card{padding:10px;gap:6px}
 .content .nano-os-showcase .nano-os-link{gap:6px}
 .content .nano-os-showcase .nano-os-link>.nano-card__img{height:81px}
 .content .nano-os-showcase .nano-os-link>.nano-card__img img{max-height:78px}
 .content .nano-os-showcase .nano-os-link>h3{font-size:14px}
 .content .nano-os-showcase .nano-os-caption{font-size:12px}
 .content .nano-os-showcase .nano-os-price{font-size:15px}
}