/*
Theme Name: Steel Catalog
Theme URI: https://example.com/
Author: Site owner
Description: Clean, image-first WordPress theme for a stainless-steel display fixture catalog.
Version: 1.0.6
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: steel-catalog
*/
:root{--sc-ink:#153456;--sc-muted:#64748b;--sc-line:#e3ebf5;--sc-green:#2463eb;--sc-width:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--sc-ink);font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.sc-wrap{width:min(var(--sc-width),calc(100% - 64px));margin-inline:auto}.sc-header{height:76px;border-bottom:1px solid var(--sc-line);display:flex;align-items:center}.sc-head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.sc-brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:14px}.sc-brand-mark{display:grid;place-items:center;width:31px;height:31px;background:#2463eb;color:white;font-size:15px;font-weight:500}.sc-brand small{display:block;margin-top:3px;color:#858a84;font-weight:400;font-size:9px;letter-spacing:.13em}.sc-nav{display:flex;gap:28px;align-items:center;font-size:12px}.sc-nav a:hover{color:var(--sc-green)}.sc-nav .sc-quote{padding:12px 16px;background:#2463eb;color:white}.sc-main{min-height:60vh}.sc-page{padding-top:28px}.sc-crumb{font-size:11px;color:#64748b;margin:0 0 8px}.sc-footer{border-top:1px solid var(--sc-line);padding:24px 0;color:var(--sc-muted);font-size:10px}.sc-footer-inner{display:flex;justify-content:space-between;gap:16px}.sc-menu-toggle{display:none;border:0;background:transparent;font-size:23px}@media(max-width:720px){.sc-wrap{width:calc(100% - 32px)}.sc-header{height:66px}.sc-nav{gap:12px}.sc-nav a:not(.sc-quote){display:none}.sc-menu-toggle{display:block}.sc-footer-inner{flex-direction:column;gap:8px}}
.sc-home{--sc-paper:#fff;--sc-dark:#153456}.sc-kicker{display:inline-block;color:#2463eb;font-size:10px;letter-spacing:.18em;font-weight:600}.sc-kicker-dark{color:#2463eb}.sc-hero{min-height:min(720px,78vw);height:calc(100svh - 76px);max-height:850px;position:relative;isolation:isolate;background:#2463eb var(--sc-hero) center 52%/cover no-repeat;color:#fff;display:flex;align-items:center}.sc-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,56,117,.52),rgba(24,83,180,.2) 62%,rgba(15,77,180,.04)),linear-gradient(0deg,rgba(17,56,117,.2),transparent 28%)}.sc-hero-copy{padding-top:30px}.sc-hero-copy h1{font-size:clamp(58px,9.5vw,132px);line-height:.91;letter-spacing:-.075em;font-weight:500;margin:25px 0 20px;max-width:900px}.sc-hero-copy h1 em{font-family:Georgia,serif;font-weight:400}.sc-hero-copy p{font-size:15px;letter-spacing:.03em;margin:0 0 31px;color:#f4f4f1}.sc-pill{display:inline-flex;align-items:center;gap:30px;background:#2463eb;color:#fff;padding:16px 19px;font-size:11px;letter-spacing:.02em}.sc-pill span{font-size:16px}.sc-pill:hover{background:#174fc7}.sc-hero-index,.sc-hero-note{position:absolute;bottom:28px;font-size:9px;letter-spacing:.15em}.sc-hero-index{left:32px}.sc-hero-note{right:32px}.sc-collections{padding-top:112px;padding-bottom:120px}.sc-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:35px}.sc-section-head h2{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.06em;font-weight:500;margin:17px 0 0}.sc-section-head>p{font-size:12px;line-height:1.8;color:var(--sc-muted);margin:0 0 5px}.sc-collection-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:290px 290px;gap:14px}.sc-collection{position:relative;isolation:isolate;display:flex;align-items:end;padding:19px;color:#fff;background:#2463eb var(--sc-card) center/cover no-repeat;overflow:hidden}.sc-collection:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(17,56,117,.5),transparent 62%);transition:background .25s}.sc-collection:hover:before{background:linear-gradient(0deg,rgba(17,56,117,.65),rgba(36,99,235,.08))}.sc-collection span{position:absolute;top:18px;left:19px;font-size:10px;letter-spacing:.12em}.sc-collection strong{font-weight:500;font-size:20px;letter-spacing:-.03em}.sc-collection b{margin-left:auto;font-weight:400;font-size:19px}.sc-collection-tall{grid-row:span 2}.sc-collection-wide{grid-column:2/span 2}.sc-catalog-section{background:#f5f9ff;padding:93px 0 28px}.sc-section-head-line{padding-bottom:25px;border-bottom:1px solid #dbe7f7;margin-bottom:0}.sc-catalog-section .sdc{padding-top:0}.sc-catalog-empty{text-align:center;padding:70px 15px;color:#47617f;font-size:16px}.sc-catalog-empty small{display:inline-block;margin-top:10px;font-size:12px}.sc-contact-band{background:#2463eb;color:#fff;padding:62px 0}.sc-contact-inner{display:grid;grid-template-columns:1fr 1.5fr auto;gap:30px;align-items:center}.sc-contact-inner>div h2{font-size:clamp(28px,4vw,48px);font-weight:500;letter-spacing:-.05em;margin:0 0 9px}.sc-contact-inner>div p{color:#e6efff;font-size:12px;margin:0}.sc-pill-light{background:#fff;color:#174fc7;white-space:nowrap}
@media(max-width:720px){.sc-hero{height:76svh;min-height:540px;max-height:720px;background-position:60% center}.sc-hero-copy h1{font-size:clamp(56px,14vw,86px)}.sc-hero-copy p{font-size:13px;max-width:260px;line-height:1.6}.sc-hero-index{left:16px;bottom:18px}.sc-hero-note{right:16px;bottom:18px;font-size:8px}.sc-collections{padding-top:74px;padding-bottom:78px}.sc-section-head{align-items:start;flex-direction:column;gap:15px}.sc-section-head h2{font-size:48px}.sc-collection-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 190px 190px;gap:9px}.sc-collection-tall{grid-row:span 2}.sc-collection-wide{grid-column:1/span 2}.sc-collection strong{font-size:16px}.sc-catalog-section{padding-top:65px}.sc-contact-band{padding:43px 0}.sc-contact-inner{grid-template-columns:1fr;gap:17px}.sc-contact-inner>div h2{font-size:38px}.sc-contact-inner>.sc-pill{justify-self:start}.sc-nav{position:relative}.sc-nav .sc-quote{padding:10px 12px}}

/* YouShu Props red-white-black Japanese minimal redesign */
:root{--sc-ink:#111;--sc-muted:#707070;--sc-line:#e9e9e9;--sc-red:#c91520;--sc-paper:#fff;--sc-width:1380px}
body{background:#fff;color:#111;font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif}
.sc-header{border-bottom:1px solid #111;background:#fff}.sc-brand-mark,.sc-nav .sc-quote{background:var(--sc-red)}.sc-nav a:hover{color:var(--sc-red)}
.sc-kicker,.sc-kicker-dark{color:var(--sc-red)}.sc-hero{background-color:#111}.sc-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 70%),linear-gradient(0deg,rgba(0,0,0,.32),transparent 35%)}.sc-pill{background:var(--sc-red);border:1px solid var(--sc-red)}.sc-pill:hover{background:#a80f18}.sc-text-link{display:inline-flex;gap:10px;align-items:center;color:#fff;margin-left:22px;font-size:11px;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:7px}.sc-text-link span{font-size:16px}.sc-hero-copy p{max-width:560px;line-height:1.8}.sc-hero-index,.sc-hero-note{color:#fff}
.sc-intro{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-top:120px;padding-bottom:100px}.sc-intro-label{display:flex;align-items:start;gap:18px}.sc-red-dot{width:9px;height:9px;border-radius:50%;background:var(--sc-red);margin-top:3px}.sc-intro-copy{max-width:820px}.sc-intro-copy h2,.sc-section-head h2{font-weight:500;color:#111}.sc-intro-copy p{max-width:620px;color:#666;line-height:1.9;font-size:14px;margin-top:22px}
.sc-services{padding-bottom:120px}.sc-service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #111}.sc-service-grid article{padding:28px 30px 16px 0;border-bottom:1px solid #111}.sc-service-grid article+article{border-left:1px solid #ddd;padding-left:30px}.sc-service-grid article>span{color:var(--sc-red);font-size:11px}.sc-service-grid h3{font-size:22px;font-weight:500;margin:50px 0 15px}.sc-service-grid p{color:#666;line-height:1.8;font-size:13px;max-width:300px}
.sc-collections{padding-bottom:120px}.sc-collection{background-color:#111}.sc-collection:before{background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 65%)}.sc-collection:hover:before{background:linear-gradient(0deg,rgba(201,21,32,.78),rgba(0,0,0,.08))}
.sc-catalog-section{background:#fafafa}.sc-section-head-line{border-color:#111}.sc-video-section{background:#f3f3f1;padding:105px 0}.sc-video-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.sc-video-layout h2{font-size:clamp(40px,5vw,68px);line-height:.98;font-weight:500;letter-spacing:-.06em;margin:17px 0}.sc-video-layout p{max-width:420px;line-height:1.8;color:#666;font-size:13px}.sc-outline-button{display:inline-flex;gap:28px;border:1px solid #111;padding:15px 18px;font-size:11px;margin-top:20px}.sc-outline-button:hover{background:#111;color:#fff}.sc-video-placeholder{min-height:350px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;gap:16px;position:relative;background-image:linear-gradient(135deg,rgba(201,21,32,.4),transparent 55%)}.sc-play{width:58px;height:58px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:14px;padding-left:3px}.sc-video-placeholder strong,.sc-video-placeholder small{display:block}.sc-video-placeholder strong{font-size:12px;letter-spacing:.14em}.sc-video-placeholder small{color:#bbb;font-size:11px;margin-top:8px}
.sc-contact-band{background:#111}.sc-contact-inner .sc-kicker{color:#fff}.sc-pill-light{color:var(--sc-red);background:#fff;border-color:#fff}.sc-contact-channels{display:flex;align-items:center;gap:22px;border-top:1px solid #333;margin-top:50px;padding-top:22px;color:#fff;font-size:12px}.sc-contact-channels a{color:#fff;border-bottom:1px solid var(--sc-red)}.sc-channel-note{color:#888;margin-left:auto}
@media(max-width:720px){.sc-text-link{margin:18px 0 0;display:flex}.sc-hero-actions{display:flex;flex-direction:column;align-items:flex-start}.sc-intro{display:block;padding-top:75px;padding-bottom:70px}.sc-intro-copy{margin-top:35px}.sc-service-grid{grid-template-columns:1fr}.sc-service-grid article+article{border-left:0;padding-left:0}.sc-video-layout{grid-template-columns:1fr;gap:35px}.sc-video-placeholder{min-height:260px}.sc-contact-channels{flex-direction:column;align-items:flex-start;gap:12px}.sc-channel-note{margin-left:0}.sc-collections{padding-bottom:78px}}

/* Header logo */
.sc-logo-link{display:flex;align-items:center;min-width:190px}.sc-logo-image{display:block;width:190px;height:auto;max-height:58px;object-fit:contain;object-position:left center}.sc-logo-link:hover{opacity:.82}.sc-header{min-height:76px;height:auto;padding:9px 0}.sc-nav{flex:1;justify-content:flex-end}.sc-brand-mark{display:none}
@media(max-width:720px){.sc-logo-link{min-width:145px}.sc-logo-image{width:145px;max-height:48px}.sc-header{padding:7px 0}.sc-nav{flex:0 0 auto}}

/* Larger header logo */
.sc-logo-link{min-width:380px}.sc-logo-image{width:380px;max-height:116px}.sc-header{min-height:132px;padding:14px 0}.sc-head-inner{min-height:104px}.sc-nav{gap:22px}
@media(max-width:720px){.sc-logo-link{min-width:260px}.sc-logo-image{width:260px;max-height:80px}.sc-header{min-height:96px;padding:8px 0}.sc-head-inner{min-height:78px}.sc-nav{gap:8px}}

/* Keep original header height; enlarge logo by cropping vertical whitespace */
.sc-header{height:76px;min-height:0;padding:0}.sc-head-inner{min-height:0;height:76px}.sc-logo-link{width:380px;min-width:380px;height:76px;overflow:hidden;display:flex;align-items:center}.sc-logo-image{width:380px;height:76px;max-height:none;object-fit:cover;object-position:center center;display:block}
@media(max-width:720px){.sc-header{height:66px;min-height:0;padding:0}.sc-head-inner{height:66px;min-height:0}.sc-logo-link{width:260px;min-width:260px;height:66px}.sc-logo-image{width:260px;height:66px}}

/* Final logo scale within original header height */
.sc-logo-link{width:330px;min-width:330px}.sc-logo-image{width:330px;height:76px}
@media(max-width:720px){.sc-logo-link{width:230px;min-width:230px}.sc-logo-image{width:230px;height:66px}}

/* Logo at 90% of the previous size; header height unchanged */
.sc-logo-link{width:297px;min-width:297px}.sc-logo-image{width:297px;height:76px}
@media(max-width:720px){.sc-logo-link{width:207px;min-width:207px}.sc-logo-image{width:207px;height:66px}}


/* High-resolution transparent brand mark */
.sc-header .sc-logo-link{display:flex;align-items:center;overflow:visible;}
.sc-header .sc-logo-image{width:153px!important;height:auto!important;max-width:none!important;display:block;object-fit:contain;}
@media (max-width:767px){.sc-header .sc-logo-image{width:112px!important;max-width:calc(100vw - 150px)!important;}}


/* Subtle hero typography scale */
@media (min-width:768px){
  .sc-hero-copy .sc-kicker{font-size:8px;}
  .sc-hero-copy h1{font-size:78px;line-height:.91;}
  .sc-hero-copy p{font-size:11.5px;line-height:1.8;}
  .sc-hero-copy .sc-pill,.sc-hero-copy .sc-text-link{font-size:10px;}
}


/* Navigation hover cleanup: keep the five primary items text-only. */
.sc-header .sc-nav > a:not(.sc-quote),
.sc-header .sc-nav-parent:not(.sc-quote),
.sc-header .sc-nav > a:not(.sc-quote):hover,
.sc-header .sc-nav-parent:not(.sc-quote):hover,
.sc-header .sc-nav > a:not(.sc-quote):focus,
.sc-header .sc-nav-parent:not(.sc-quote):focus,
.sc-header .sc-nav > a:not(.sc-quote):focus-visible,
.sc-header .sc-nav-parent:not(.sc-quote):focus-visible,
.sc-header .sc-nav > a:not(.sc-quote):active,
.sc-header .sc-nav-parent:not(.sc-quote):active {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
.sc-header .sc-nav > a:not(.sc-quote):hover,
.sc-header .sc-nav-parent:not(.sc-quote):hover,
.sc-header .sc-nav > a:not(.sc-quote):focus-visible,
.sc-header .sc-nav-parent:not(.sc-quote):focus-visible {
  color: #f06a78 !important;
  text-shadow: 0 0 14px rgba(240,106,120,.75) !important;
}


/* Final navigation hover cleanup: text effect only, no pink frame */
body header.sc-header nav.sc-nav > a:not(.sc-quote):hover,
body header.sc-header nav.sc-nav > .sc-nav-dropdown > .sc-nav-parent:hover,
body header.sc-header nav.sc-nav > a:not(.sc-quote):focus,
body header.sc-header nav.sc-nav > .sc-nav-dropdown > .sc-nav-parent:focus,
body header.sc-header nav.sc-nav > a:not(.sc-quote):focus-visible,
body header.sc-header nav.sc-nav > .sc-nav-dropdown > .sc-nav-parent:focus-visible {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
  color: #f06a78 !important;
  text-shadow: 0 0 14px rgba(240,106,120,.75) !important;
}


/* Display Rack dropdown disabled */
.sc-nav-dropdown .sc-nav-submenu, .sc-nav-dropdown:hover .sc-nav-submenu, .sc-nav-dropdown:focus-within .sc-nav-submenu, .sc-nav-dropdown.is-open .sc-nav-submenu { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; height:0 !important; overflow:hidden !important; }
.sc-nav-dropdown { position:relative; }