/* Approved V2 visual language; clearer navigation and full mobile reading width. */
:root{--renewal-blue:#0055c9;--renewal-ink:#15283f;--renewal-muted:#5d6d80;--renewal-line:#dfe7f0;--renewal-soft:#f0f5fb}
:focus-visible{outline:3px solid #0055c9;outline-offset:4px}
.home-access{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:27px 0;border-bottom:1px solid var(--renewal-line)}
.home-access a{display:flex;gap:12px;align-items:center;justify-content:center;min-height:44px;font-size:14px;font-weight:600;border-right:1px solid var(--renewal-line)}
.home-access a:first-child{justify-content:flex-start}.home-access a:last-child{border-right:0}.home-access svg{width:22px;height:22px;color:var(--renewal-blue);flex-shrink:0}
.home-access a:hover,.home-guide:hover h3{color:var(--renewal-blue)}
.home-catalog{padding-top:56px;padding-bottom:0}.home-catalog .section-head{margin-bottom:24px}.home-catalog .category-tabs{margin:0 0 25px}.home-catalog .brand-row{padding:35px 0;border-bottom:0}
.home-catalog .product-card{display:flex;flex-direction:column;min-width:0}.home-catalog .product-body{flex:1;display:flex;flex-direction:column}.home-catalog .product-body h3{min-height:2.65em}.home-catalog .product-body .price{margin-top:auto}.home-catalog .mini-spec{min-height:84px}.home-catalog .product-body .btn-row{margin-top:18px}
.home-guides{padding-top:55px;background:#f7f9fc;border-top:1px solid #e8edf4}.home-guides .section-head h2{font-size:32px}.home-guides .section-head p{font-size:14px}
.home-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.home-guide{display:flex;flex-direction:column;align-items:flex-start;gap:13px;border-top:2px solid #c5d7ed;padding:24px 0 0}.home-guide>svg{height:25px;width:25px;color:var(--renewal-blue)}.home-guide h3{font-size:21px;margin-top:4px}.home-guide p{font-size:14px;line-height:1.8;max-width:31em}.home-guide>span:last-child{display:inline-flex;align-items:center;gap:10px;color:var(--renewal-blue);font-size:13px;font-weight:650;margin-top:auto;padding-top:9px;min-height:44px}.home-guide>span:last-child svg{width:17px;height:17px}.home-guide-area{height:25px;display:flex;align-items:center;font-size:13px;font-weight:650;color:#0055c9}
.home-guides+.consult-section{border-top:1px solid #e2e9f2}.contact-grid{align-items:start}.contact-grid .quote-box{box-shadow:none}
.consult-section .form-note{color:#60758e}.footnote{line-height:1.8}.product-card a:focus-visible{outline-offset:-3px}
@media(min-width:1100px){.home-catalog .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-catalog .product-image{height:217px}.home-catalog .product-image img{height:175px}.home-catalog .product-body{padding:19px}.home-catalog .product-body h3{font-size:19px}.home-catalog .mini-spec{font-size:10px}.home-catalog .price strong{font-size:25px}.home-catalog .product-body .btn{font-size:12px;padding:9px 5px}.home-catalog .product-card:nth-child(4){display:flex}}
@media(min-width:701px) and (max-width:1099px){.home-catalog .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-guide-grid{gap:20px}.home-guide h3{font-size:19px}.home-access a{font-size:12px;gap:8px}.home-access svg{width:20px;height:20px}}
@media(max-width:700px){
html{scroll-padding-top:84px;scroll-padding-bottom:84px}body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
main .wrap,footer .wrap{width:calc(100% - 40px);margin-left:auto;margin-right:auto}main .wrap .wrap{width:100%;margin:0}
.hero h1{font-size:38px}.hero-art{margin-left:30px}.hero-copy .btn{min-height:44px;font-size:12px;padding:11px 13px}
.home-access{grid-template-columns:1fr 1fr;padding:14px 0;gap:0}.home-access a{font-size:12px;justify-content:flex-start;padding:11px 9px;gap:9px;min-height:48px}.home-access a:first-child{padding-left:9px}.home-access a:nth-child(2){border-right:0}.home-access a:nth-child(-n+2){border-bottom:1px solid #e8edf4}.home-access svg{width:19px;height:19px}
.home-catalog{padding-top:38px}.home-catalog .section-head{align-items:flex-start;gap:12px}.home-catalog h2{font-size:26px}.home-catalog .section-head p{font-size:13px;line-height:1.7}.home-catalog .section-head .link{min-height:44px}.home-catalog .product-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-catalog .product-image{height:170px}.home-catalog .product-image img{height:136px}.home-catalog .product-body{padding:15px 12px}.home-catalog .product-body h3{font-size:16px;min-height:2.7em;overflow-wrap:anywhere}.home-catalog .product-body .price{gap:3px}.home-catalog .price strong{font-size:23px}.home-catalog .price small{width:100%;margin:1px 0 0}.home-catalog .mini-spec{font-size:10px;min-height:112px}.home-catalog .product-body .btn{min-height:40px;font-size:12px}.home-catalog .product-body .btn-row{margin-top:15px}.home-catalog .product-body .spec{font-size:11px}.home-catalog .brand-row{gap:21px;padding:27px 0 32px}.home-catalog .brand-row span{font-size:17px}.home-catalog .footnote{font-size:11px}
.home-guides{padding:39px 0}.home-guides .section-head h2{font-size:26px}.home-guides .section-head p{font-size:13px}.home-guide-grid{grid-template-columns:1fr;gap:23px}.home-guide{display:grid;grid-template-columns:29px minmax(0,1fr);gap:9px 12px;padding-top:20px;border-top-width:1px}.home-guide>svg{grid-row:1;width:24px;height:24px;margin-top:1px}.home-guide h3{font-size:19px;grid-column:2;margin:0}.home-guide p{font-size:13px;grid-column:2}.home-guide>span:last-child{grid-column:2;padding-top:0;font-size:12px}.home-guide-area{grid-column:2;font-size:12px;height:auto}.home-guide-area+h3{grid-column:2}
.floating{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;transform:none;border-radius:0;border-width:1px 0 0;border-color:#cbd8e8;background:#fff;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 16px #173d6010;z-index:45}.floating a{min-height:65px;padding:9px 4px 8px;gap:4px;border:0;border-right:1px solid #e4ebf4;justify-content:center}.floating a:last-child{border:0}.floating small{font-size:11px;font-weight:650;line-height:1.4}.floating svg,.floating img{width:22px;height:22px}.floating .blue{margin:0;border-radius:0}.floating a:focus-visible{outline-offset:-4px}
.benefit b{font-size:13px}.benefit small{font-size:10px}.benefit-grid{gap:22px 8px}.footnote{font-size:11px}.form-note{font-size:11px}.consent{font-size:11px}.consent button{font-size:11px;min-height:32px}.address-line p{font-size:12px}.address-line a{font-size:11px}.quote-box{padding:25px 20px}.quote-box h3{font-size:24px}.optional summary{min-height:40px}.chip{min-height:40px;font-size:13px}.header-inner nav a{min-height:48px}.footer-info p{font-size:11px}.footer-bottom{font-size:10px}.catalog-layout .product-body h3{overflow-wrap:anywhere}.catalog-layout .product-body .btn{min-height:40px}.catalog-layout .filter-set button{min-height:36px}.catalog-layout .footnote{font-size:11px}
.sp-library-section .sp-brand-filter button{min-height:40px}.sp-library-tabs button{min-height:44px}.sp-resource-file .sp-resource-action{min-height:40px}.sp-resource-consult{min-height:36px;display:flex;align-items:center}.sp-library-directory .lib-btn{min-height:36px}.sp-library-directory .lib-brand>summary{min-height:56px}
}
@media(max-width:359px){main .wrap,footer .wrap{width:calc(100% - 32px)}.hero h1{font-size:34px}.hero-copy .btn-row{gap:7px}.hero-copy .btn{padding:10px;font-size:11px}.home-access a{font-size:11px}.home-catalog .product-body{padding:13px 9px}.home-catalog .price strong{font-size:21px}.home-catalog .product-image{height:155px}.home-catalog .product-image img{height:125px}}
@media(prefers-reduced-motion:reduce){.product-card:hover .product-image img{transform:none}}
/* Display the fourth recommendation at every breakpoint; the older three-card rule used an ID selector. */
#home-products .product-card:nth-child(4){display:flex}

/* V3 HWP feedback: preserve the compact V2 grid with clearer image and action hierarchy. */
.feedback-hero{position:relative;background:#f2f6fb;isolation:isolate}
.feedback-hero:after{content:"";position:absolute;inset:0 0 0 38%;z-index:-1;background:linear-gradient(90deg,#f2f6fb 0%,rgba(242,246,251,.74) 45%,rgba(242,246,251,.65) 100%),url("assets/service.webp") center/cover no-repeat;opacity:.8;pointer-events:none}
.feedback-hero .hero-grid{position:relative}.feedback-hero .hero-tag{color:#0754af;background:transparent;padding:0;border:0;font-size:13px;font-weight:650;letter-spacing:0}
.feedback-hero .hero-copy>p{max-width:470px;font-size:17px;color:#48617d;line-height:1.8}
.feedback-hero .hero-art:before{background:rgba(221,234,250,.65)}
.hero-detail-link{display:flex;align-items:center;gap:8px;color:#0055c9;font-size:13px;font-weight:650;margin-top:8px}.hero-detail-link svg{width:17px;height:17px}
.hero-security-art{width:320px;height:330px;position:relative;display:grid;place-items:center;margin-right:32px}
.security-sheet{width:170px;height:225px;background:#fff;border:1px solid #c9dbef;border-radius:10px;box-shadow:0 15px 38px #254a7312;transform:rotate(-7deg);padding:46px 25px}
.security-sheet span{display:block;height:8px;background:#d2e1f1;border-radius:4px;margin-bottom:21px}.security-sheet span:last-child{width:60%}
.hero-security-art>svg{width:160px;height:160px;position:absolute;right:8px;bottom:45px;color:#0055c9;fill:#eef5ff;stroke-width:1.2;filter:drop-shadow(0 10px 18px #153f6e12)}
.product-card .badge-best{background:#fff0c8;color:#754800}.product-card .badge-new,.product-card .badge-추천{background:#e5efff;color:#154a94}.product-card .badge-인기{background:#eee5ff;color:#674298}.product-card .badge-리퍼,.product-card .badge.refurb{background:#e2f1e8;color:#1e6542}
.product-image img[data-product-image]{object-fit:contain;object-position:center}
.brand-row .brand-logo{display:flex;align-items:center;justify-content:center;width:135px;height:44px}
.brand-row .brand-logo img{max-width:120px;max-height:29px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.page-intro{position:relative;isolation:isolate;overflow:hidden}.page-intro>.wrap{position:relative;z-index:1}
.page-intro:after{content:"";position:absolute;right:max(5%,calc((100% - 1180px)/2));top:8px;bottom:0;width:32%;background:url("assets/ricoh-im-c2010.png") center 37%/contain no-repeat;opacity:.15;pointer-events:none;z-index:0}
[data-page-route="company"] .page-intro:after,[data-page-route="rental"] .page-intro:after,[data-page-route="support"] .page-intro:after{background-image:url("assets/service.webp");background-size:cover;mask-image:linear-gradient(90deg,transparent,#000 35%);opacity:.21}
[data-page-route="security"] .page-intro:after{background-image:url("assets/sindoh-d470.png")}
[data-page-route="library"] .page-intro:after{background-image:url("assets/brother-mfc-l8900cdw.png")}
.page-intro h1,.page-intro p{position:relative;max-width:72%}
.quote-start-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.quote-start-actions .btn{min-height:48px}
.quote-call{border:1.5px solid #6c89ab;background:#fff;color:#183f6b;gap:10px}.quote-call svg{width:20px;height:20px}
#quick-box{scroll-margin-top:105px;min-width:0}#quick-box>h3{margin-bottom:10px;font-size:24px}
.quote-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;list-style:none;padding:0 0 22px;margin:0 0 25px;border-bottom:1px solid #d9e3ef}
.quote-steps li{display:flex;align-items:center;gap:7px;color:#61748c;font-size:12px;white-space:nowrap}
.quote-steps i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;flex:none;background:#eaf0f7;color:#61748c;border-radius:50%;font-size:12px}
.quote-steps .active{color:#0055c9;font-weight:700}.quote-steps .active i{color:#fff;background:#0055c9}
.quote-steps .complete{color:#1d6547}.quote-steps .complete i{color:#1d6547;background:#e4f2ea}.quote-steps i svg{width:16px;height:16px}
#quick-back{font-size:13px;margin-top:18px;min-height:40px}#quick-back svg{width:17px;height:17px}
.quote-complete{text-align:center;padding:16px 0}.quote-complete-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;color:#1c6e4d;background:#e6f3ec;margin:0 auto 22px}.quote-complete-icon svg{width:30px;height:30px}
.quote-complete h3{font-size:25px;margin-bottom:15px}.quote-complete p{font-size:14px;line-height:1.8;margin-bottom:25px}.quote-complete .link{font-size:13px;min-height:44px;margin-top:14px}
@media(min-width:701px){.page-intro{min-height:225px}.page-intro h1{max-width:74%;font-size:40px}.feedback-hero h1{font-size:56px;max-width:565px;line-height:1.18}.quote-page{max-width:1120px}.quote-page-grid{grid-template-columns:1fr 1.35fr;gap:58px}.quote-aside h2{font-size:31px}}
@media(max-width:1100px) and (min-width:701px){.feedback-hero h1{font-size:44px}.feedback-hero .hero-copy>p{font-size:14px}.quote-page-grid{gap:28px}.quote-steps li{font-size:11px;gap:4px}.quote-steps i{width:23px;height:23px}}
@media(max-width:700px){
.feedback-hero:after{inset:38% 0 0 0;background-position:center;opacity:.65}.feedback-hero .hero-tag{font-size:11px}.feedback-hero h1{font-size:38px;max-width:350px;line-height:1.17}.feedback-hero .hero-copy>p{font-size:14px;line-height:1.8}.feedback-hero .hero-art:before{background:rgba(221,234,250,.55)}
.hero-security-art{height:265px;width:225px;margin:0 15px 0 0}.security-sheet{width:125px;height:165px;padding:30px 20px}.security-sheet span{height:6px;margin-bottom:18px}.hero-security-art>svg{width:125px;height:125px;right:-12px;bottom:25px}.hero-detail-link{font-size:10px;margin-top:6px}
.brand-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.brand-row .brand-logo{width:100%;height:36px}.brand-row .brand-logo img{max-width:93px;max-height:22px}
.page-intro:after{right:-18px;top:7px;width:40%;opacity:.1}.page-intro h1,.page-intro p{max-width:100%}.page-intro h1{font-size:30px;line-height:1.35}.page-intro p{font-size:13px;padding-right:25px}
.quote-page-grid{gap:28px}.quote-start-actions{margin-top:20px;gap:10px}.quote-start-actions .btn{padding:11px 13px;font-size:12px}.quote-aside h2{font-size:26px}.quote-aside p{font-size:13px}
.quote-steps{padding-bottom:19px;margin-bottom:22px;gap:5px}.quote-steps li{font-size:11px;gap:5px}.quote-steps i{width:23px;height:23px;font-size:11px}
#quick-box>h3{font-size:22px}.quote-complete h3{font-size:22px}.quote-complete p{font-size:13px}
}
@media(max-width:370px){.quote-steps li{flex-direction:column;gap:5px}.feedback-hero h1{font-size:34px}}

/* Transparent manufacturer canvases use different margins; scale the object, never crop the source. */
img[data-product-image="sindoh-d321"]{--product-scale:1.606}
img[data-product-image="sindoh-n502"]{--product-scale:1.610}
img[data-product-image="refurb-sindoh-d410s"]{--product-scale:1.515}
.product-image img[data-product-image],.detail-photo img[data-product-image]{transform:scale(var(--product-scale,1))}
.product-card:hover .product-image img[data-product-image]{transform:scale(calc(var(--product-scale,1)*1.035))}
.detail-photo{overflow:hidden}.detail-photo img[data-product-image]{max-width:100%}
.product-image img[data-product-image="kyocera-mz3501ci"]{height:calc(100% - 2px);width:auto;max-width:none;flex:none;transform:translateX(1.8%)}
.detail-photo img[data-product-image="kyocera-mz3501ci"]{width:auto;max-width:none;height:400px;transform:translateX(1.8%)}
.product-card:hover .product-image img[data-product-image="kyocera-mz3501ci"]{transform:translateX(1.8%) scale(1.035)}
@media(max-width:700px){.detail-photo img[data-product-image="kyocera-mz3501ci"]{height:300px}}
@media(prefers-reduced-motion:reduce){.product-card:hover .product-image img[data-product-image]{transform:scale(var(--product-scale,1))}.product-card:hover .product-image img[data-product-image="kyocera-mz3501ci"]{transform:translateX(1.8%)}}

img[data-product-image="ref-d410s-82044"]{--product-scale:1.515}

/* Final visual review: soften the office illustration and keep product photos opaque. */
.feedback-hero:after{opacity:.19}
.feedback-hero .hero-art>img{mix-blend-mode:normal}
.product-note>small:last-child{display:block;margin-top:6px;font-size:10px;line-height:1.5}
.product-image img[data-product-image="kyocera-mz3501ci"]{position:absolute;top:50%;left:50%;height:180px;width:auto;max-width:none;transform:translate(-47.9%,-50%)}
.product-card:hover .product-image img[data-product-image="kyocera-mz3501ci"]{transform:translate(-47.9%,-50%) scale(1.035)}
.detail-photo img[data-product-image="kyocera-mz3501ci"]{position:absolute;top:50%;left:50%;height:400px;width:auto;max-width:none;transform:translate(-47.9%,-50%)}
@media(max-width:700px){.feedback-hero:after{opacity:.17}.product-note>small:last-child{font-size:9px}.product-image img[data-product-image="kyocera-mz3501ci"]{height:145px}.detail-photo img[data-product-image="kyocera-mz3501ci"]{height:285px}}
@media(prefers-reduced-motion:reduce){.product-card:hover .product-image img[data-product-image="kyocera-mz3501ci"]{transform:translate(-47.9%,-50%)}}

/* Keep office context at the far right so the product remains clear on a clean background. */
.feedback-hero:after{mask-image:linear-gradient(90deg,transparent 0%,transparent 40%,#000 85%)}
.feedback-hero .hero-art>img{mix-blend-mode:multiply}

/* Exact standard Kyocera body: manufacturer image has centered 2-tray unit and no lower PF option. */
.product-image img[data-product-image="kyocera-mz3501ci"]{height:270px;transform:translate(-50%,-50%)}
.product-card:hover .product-image img[data-product-image="kyocera-mz3501ci"]{transform:translate(-50%,-50%) scale(1.035)}
.detail-photo img[data-product-image="kyocera-mz3501ci"]{height:600px;transform:translate(-50%,-50%)}
@media(max-width:700px){.product-image img[data-product-image="kyocera-mz3501ci"]{height:220px}.detail-photo img[data-product-image="kyocera-mz3501ci"]{height:470px}}
@media(prefers-reduced-motion:reduce){.product-card:hover .product-image img[data-product-image="kyocera-mz3501ci"]{transform:translate(-50%,-50%)}}

/* Consistent contact typography and touch spacing across the V3 site. */
.header-call{min-height:44px;display:flex;flex-direction:column;justify-content:center}
.header-call b,.quote-call{font-variant-numeric:lining-nums tabular-nums}
.header-call b{font-weight:700;line-height:1.4}
.quote-start-actions,.hero-copy .btn-row{align-items:stretch}
.quote-start-actions .btn,.hero-copy .btn{line-height:1.5}
.home-catalog .product-body .btn,.catalog-layout .product-body .btn{min-height:44px}
@media(max-width:700px){
  .header-call{display:none}
  .quote-box input:not([type=checkbox]):not([type=radio]),.quote-box select,.quote-box textarea{font-size:16px}
  .quote-start-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
  .quote-start-actions .btn{padding:12px 16px;font-size:14px}
  .home-catalog .product-body .btn-row,.catalog-layout .product-body .btn-row{flex-wrap:wrap}
  .home-catalog .product-body .btn-row>.btn,.catalog-layout .product-body .btn-row>.btn{flex:1 1 90px}
}