/* rc4: scoped WordPress presentation fixes; no product data changes. */
.mika-fluid-site #material-categories .category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;max-width:none}
.mika-fluid-site #surface-styles .category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;width:100%;max-width:none}
.mika-fluid-site :is(#material-categories,#surface-styles) .category-card{width:100%;min-width:0;height:auto;min-height:0;display:flex;flex-direction:column;overflow:visible}
.mika-fluid-site :is(#material-categories,#surface-styles) .category-card>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;flex-shrink:0;margin-inline:0}
.mika-fluid-site .mika-product-card{height:auto;min-height:0;display:flex;flex-direction:column;overflow:visible}
.mika-fluid-site .mika-product-card .catalog-product-copy{height:auto;min-height:0;overflow:visible;flex:1 0 auto;display:flex;flex-direction:column}
.mika-fluid-site .mika-product-card .catalog-product-copy>*{flex-shrink:0}
.mika-fluid-site .mika-product-card .mika-product-title{display:block;height:auto;min-height:0;max-height:none;overflow:visible;white-space:normal}
.mika-fluid-site .mika-product-card .mika-product-title h2{display:block;height:auto;max-height:none;min-height:4.2em;overflow:visible;white-space:normal;-webkit-line-clamp:unset;overflow-wrap:anywhere;line-height:1.4;margin:0}
.mika-fluid-site .mika-product-card .mika-product-specs{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-content:start}
.mika-fluid-site .mika-product-card .mika-product-specs>span{display:block;min-width:0;margin:0;padding:0;line-height:1.6}
.mika-fluid-site .mika-product-card .product-review-notice{margin-block:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.mika-fluid-site .mika-product-card footer.simplified{margin-top:auto;padding-top:16px}
/* SSD uses the full source canvas: do not enlarge only the first capacity variant. */
.mika-fluid-site .product-photo-frame:has(img[src*="/computer-components/ssd/"]){--photo-ratio:1!important}
.mika-fluid-site .product-photo-frame:has(img[src*="/computer-components/ssd/"]) .product-photo-viewport{width:100%;height:100%;overflow:visible}
.mika-fluid-site .product-photo-frame img[src*="/computer-components/ssd/"].product-photo-canvas{inset:0;left:0;top:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.mika-fluid-site .catalog-product-image:has(img[src*="/computer-components/"])>.product-photo{width:88%;height:88%;object-fit:contain;object-position:center;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);mix-blend-mode:normal}
.mika-fluid-site .catalog-product-image:has(img[src*="/computer-components/"]):hover>.product-photo{transform:translate(-50%,-50%) translateY(-4px)}
.mika-fluid-site .product-spec-table{width:100%;margin:0}
.mika-fluid-site .product-spec-table>div{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1fr);gap:12px 24px;align-items:start}
.mika-fluid-site .product-spec-table :is(dt,dd){min-width:0;margin:0;line-height:1.65;overflow-wrap:anywhere}
@media(max-width:1199px){.mika-fluid-site #surface-styles .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1023px){.mika-fluid-site #material-categories .category-grid,.mika-fluid-site #surface-styles .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mika-fluid-site #material-categories .category-card:last-child{grid-column:auto}}
@media(max-width:767px){.mika-fluid-site #material-categories .category-grid,.mika-fluid-site #surface-styles .category-grid{grid-template-columns:minmax(0,1fr)}.mika-fluid-site .mika-product-card .mika-product-title h2{min-height:0}.mika-fluid-site .product-spec-table>div{grid-template-columns:minmax(0,1fr);gap:6px}}
@media(prefers-reduced-motion:reduce){.mika-fluid-site .catalog-product-image:has(img[src*="/computer-components/"]):hover>.product-photo{transform:translate(-50%,-50%)}}
/* rc5: the image link must not calculate its own aspect-ratio height outside
   a featured-card wrapper with a conflicting fixed/clamped height. */
.mika-fluid-site .mika-product-card .catalog-product-visual{position:relative;display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:4/3;flex:0 0 auto;overflow:hidden}
.mika-fluid-site .mika-product-card .catalog-product-visual .catalog-product-image{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;margin:0}
.mika-fluid-site .mika-product-card .catalog-product-copy{position:relative;z-index:1}
.mika-fluid-site .mika-product-card .catalog-product-copy>.mika-product-category{display:block;flex:0 0 auto;height:auto;max-height:none;overflow:visible;white-space:normal;overflow-wrap:anywhere}
/* rc6: Arabic font ink can extend past a Latin-sized line box. */
html[lang="ar"] .mika-fluid-site .mika-product-card .mika-product-title h2{line-height:1.65;min-height:4.95em;padding-block-end:.35em}
@media(max-width:767px){html[lang="ar"] .mika-fluid-site .mika-product-card .mika-product-title h2{min-height:0}}
/* The repaired square canvas has more white padding than the 4:3 image.
   Match the visible width of the same model, cropping only empty canvas. */
.mika-fluid-site .mika-product-card .catalog-product-image>img.product-photo[src$="/PC-SSD-004.png"],.mika-fluid-site .mika-product-card .catalog-product-image>.product-photo-frame:has(img[src$="/PC-SSD-004.png"]){width:122.2%;height:122.2%}

/* Keep the repaired SSD canvas scale after WebP conversion. */
.mika-fluid-site .mika-product-card .catalog-product-image>img.product-photo[src$="/PC-SSD-004.webp"],.mika-fluid-site .mika-product-card .catalog-product-image>.product-photo-frame:has(img[src$="/PC-SSD-004.webp"]){width:122.2%;height:122.2%}

/* A single populated material category should not leave a three-column gap. */
.mika-fluid-site #material-categories .category-grid:has(>.category-card:only-child){grid-template-columns:minmax(0,1fr);max-width:460px}
/* Keep long product codes, labels and buyer fields within narrow viewports. */
.mika-fluid-site .mika-inquiry-dialog :is(input,textarea,select){min-width:0;max-width:100%;box-sizing:border-box}
.mika-fluid-site .mika-inquiry-dialog :is(strong,p,bdi){overflow-wrap:anywhere}
@media(max-width:767px){.mika-fluid-site .mika-inquiry-dialog{width:100%;max-width:100vw;max-height:100dvh}.mika-fluid-site #material-categories .category-grid:has(>.category-card:only-child){max-width:none}}

/* Header and hero controls share a single icon / label / count alignment. */
.mika-fluid-site :is(.inquiry-list-button,.stone-inquiry-list-button){display:inline-flex;align-items:center;justify-content:center;gap:10px;vertical-align:middle;line-height:1.3}
.mika-fluid-site :is(.inquiry-list-button,.stone-inquiry-list-button)>svg{display:block;flex:0 0 auto;margin:0}
.mika-fluid-site :is(.inquiry-list-button,.stone-inquiry-list-button)>span{line-height:1.3}
.mika-fluid-site :is(.inquiry-list-button,.stone-inquiry-list-button)>em{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;min-width:24px;height:24px;min-height:24px;margin:0;padding:0 6px!important;border-radius:999px;font-size:14px;font-style:normal;font-weight:650;font-variant-numeric:tabular-nums;line-height:1!important;text-align:center;transform:none}
.mika-fluid-site .hero :is(.inquiry-list-button,.stone-inquiry-list-button)>em{background:#eaf4ff;color:#0876c9}
/* The language label and the chevron occupy separate, reserved columns. */
.mika-fluid-site .language-select-shell{width:160px;flex:0 0 auto}
.mika-fluid-site .language-select-shell .mika-native-select{width:100%;height:48px;position:relative}
.mika-fluid-site .language-select-shell select.language-select{width:100%;height:48px;appearance:none;padding:0 36px 0 14px;color:transparent}
.mika-fluid-site .language-select-display{inset:0;justify-content:flex-start;align-items:center;gap:8px;padding:0 36px 0 14px;line-height:1.25}
.mika-fluid-site .language-select-display>span{min-width:0;white-space:nowrap}
.mika-fluid-site .language-select-shell [data-slot="native-select-icon"]{position:absolute;inset:auto 12px auto auto;top:50%;width:14px;height:14px;margin:0;padding:0;translate:none;transform:translateY(-50%);pointer-events:none}
.mika-fluid-site .language-select-globe{flex:0 0 16px;width:16px;height:16px;margin:0}
@media(max-width:767px){.mika-fluid-site .language-select-shell{width:120px}.mika-fluid-site .language-select-shell .mika-native-select,.mika-fluid-site .language-select-shell select.language-select{height:44px}}
@media(forced-colors:active){.mika-fluid-site .language-select-display{display:none}.mika-fluid-site .language-select-shell select.language-select{color:CanvasText}}
/* Reuse the original slab artwork as three clipped layers; pixels stay intact. */
.mika-fluid-site ._surfaces_19aq2_27 ._visual_19aq2_20{display:grid;grid-template:1fr/minmax(0,1fr);place-items:center;padding:24px;height:clamp(300px,19vw,360px)}
.mika-home-slabs{position:relative;display:block;aspect-ratio:3/2;width:100%;max-width:calc((clamp(300px,19vw,360px) - 48px)*1.5)}
.mika-home-slab{position:absolute;inset:0;display:block;animation:mika-home-float 5.6s ease-in-out infinite}
.mika-home-slab>.product-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mika-home-slab:nth-child(1){clip-path:polygon(0 0,53.5% 0,53.5% 100%,0 100%);animation-delay:-.8s}
.mika-home-slab:nth-child(2){clip-path:polygon(54.5% 0,100% 0,100% 58.5%,54.5% 53.5%);animation-duration:4.8s;animation-delay:-2.1s}
.mika-home-slab:nth-child(3){clip-path:polygon(53.8% 54.5%,100% 59.5%,100% 100%,53.8% 100%);animation-duration:6.3s;animation-delay:-3.4s}
.mika-fluid-site :is(._electronics_19aq2_21,._components_19aq2_21) ._productItem_19aq2_21{animation:mika-home-float 5.6s ease-in-out infinite}
.mika-fluid-site :is(._electronics_19aq2_21,._components_19aq2_21) ._productItem_19aq2_21:nth-child(2){animation-delay:-1.4s;animation-duration:4.8s}
.mika-fluid-site :is(._electronics_19aq2_21,._components_19aq2_21) ._productItem_19aq2_21:nth-child(3){animation-delay:-2.8s;animation-duration:6.3s}
.mika-fluid-site :is(._electronics_19aq2_21,._components_19aq2_21) ._productItem_19aq2_21:nth-child(4){animation-delay:-4.1s}
@keyframes mika-home-float{0%,100%{transform:translateY(3px)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.mika-home-slab,.mika-fluid-site :is(._electronics_19aq2_21,._components_19aq2_21) ._productItem_19aq2_21{animation:none;transform:none}}
