/* Review typography, with the existing navigation routes retained. */
.grado-jp .jp-site-header{gap:22px;min-height:82px}
.grado-jp .jp-site-nav{gap:18px}
.grado-jp .jp-site-nav>a,.grado-jp .jp-site-nav>details>summary{font-size:14px;font-weight:500;line-height:1.6;letter-spacing:.025em;white-space:nowrap;text-underline-offset:7px;text-decoration-thickness:1px}
.grado-jp .jp-site-nav>a:hover,.grado-jp .jp-site-nav>details>summary:hover,.grado-jp .jp-site-nav>[aria-current="page"],.grado-jp .jp-site-nav>details[open]>summary{text-decoration:underline}
.grado-jp .jp-site-nav>a:focus-visible,.grado-jp .jp-site-nav summary:focus-visible{outline:2px solid #596a59;outline-offset:5px}
.grado-jp .jp-site-nav>.jp-nav-utility{font-size:12px;font-weight:400;color:#5b6259;letter-spacing:0}
.grado-jp .jp-nav-search{flex:0 1 160px;min-width:125px;max-width:160px}
.grado-jp .jp-nav-search input{width:100%;font-size:12px}
.grado-jp .jp-nav-search button{flex-shrink:0;white-space:nowrap;font-size:12px}
.grado-jp .index-main .index-tit h6{font-family:inherit;font-size:26px;line-height:1.4;font-weight:400;letter-spacing:.025em}
.grado-jp .index-main .index-news-list .text .tit a{font-family:inherit;font-size:22px;line-height:1.5}
.grado-jp .index-main .index-news-list .text .tit span,.grado-jp .index-main .index-news-list .text .tips{font-size:14px;line-height:1.9}
.grado-jp .index-main .designer-page-text .text-p{font-size:14px;line-height:1.9}
.grado-jp .index-main .index-story-list .text .tit,.grado-jp .index-main .index-story-list .text h6{font-size:14px;line-height:1.7}
.grado-jp .index-main .index-gate .swiper-slide>a.tit{font-size:20px;line-height:1.5;font-family:inherit}
.grado-jp .index-main .index-stories .text>a.tit{font-size:14px;line-height:1.7;font-family:inherit}
.grado-jp .jp-footer .jp-footer-brand{font-size:26px!important}
.grado-jp .jp-footer p,.grado-jp .jp-footer nav a,.grado-jp .jp-footer address{font-size:12px;line-height:1.9}

/* A single neutral gallery surface. The image pixels and finish colours stay intact. */
.grado-jp #grado-product-gallery{background:#d9d4d0}
.grado-jp #grado-product-gallery .pdpt-flex{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:44px;align-items:start}
.grado-jp #grado-product-gallery .photo,.grado-jp #grado-product-gallery .text{width:auto;min-width:0}
.grado-jp #grado-product-gallery .text{position:static;height:auto;padding:12px 0 0;display:block}
.grado-jp #grado-product-gallery .text .tips{font-size:15px;line-height:1.9;margin:28px 0}
.grado-jp #grado-product-gallery .text .t p{font-size:18px;line-height:1.6}
.grado-jp #grado-product-gallery .text .t span,.grado-jp #grado-product-gallery .text .number{font-size:13px;line-height:1.7}
.grado-jp #grado-product-gallery .text .color .ct{font-size:14px;line-height:1.7}
.grado-jp #grado-product-gallery .photo .big .swiper-slide{padding:0}
.grado-jp #grado-product-gallery .photo .big .img-box{height:clamp(400px,60vh,600px);padding-bottom:0;overflow:hidden;background:transparent}
.grado-jp #grado-product-gallery .photo .big .swiper-slide img{width:100%;height:100%;object-fit:scale-down!important}
.grado-jp #grado-product-gallery .photo .small{padding:0 12px;margin-top:12px}
.grado-jp #grado-product-gallery .photo .small .img-box{background:transparent}
.grado-jp #grado-product-gallery .photo .img-box img.jp-alpha-fit{max-width:none!important;max-height:none!important;width:var(--jp-image-width)!important;height:var(--jp-image-height)!important;object-fit:fill!important;left:50%!important;top:50%!important;transform:translate(var(--jp-image-x),var(--jp-image-y))!important}
.grado-jp #grado-product-gallery .photo .big button.swiper-button-prev{left:4px;opacity:1}
.grado-jp #grado-product-gallery .photo .big button.swiper-button-next{right:4px;opacity:1}
.grado-jp #grado-product-gallery .photo .big button.swiper-button-prev,.grado-jp #grado-product-gallery .photo .big button.swiper-button-next{width:44px;height:44px;background:rgba(255,255,255,.62);border:0;border-radius:50%;padding:12px;box-sizing:border-box;margin-top:-22px}
.grado-jp #grado-product-gallery .photo .big button:focus-visible{outline:2px solid #596a59;outline-offset:3px}
.grado-jp .jp-admin-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 32px;border-bottom:1px solid #c9cdc4;padding-bottom:16px}
.grado-jp .jp-admin-tabs a{padding:8px 14px;font-size:14px}
.grado-jp .jp-admin-tabs [aria-current="page"]{background:#344c35;color:#fff}
.grado-jp .jp-admin-search{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:24px 0}
.grado-jp .jp-admin-search label{display:grid;gap:6px;font-size:14px}
.grado-jp .jp-admin-search input{font-size:16px;padding:10px;border:1px solid #aab2a3;max-width:100%}
.grado-jp .jp-admin-table-wrap{overflow:auto}
.grado-jp .jp-admin-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;line-height:1.7}
.grado-jp .jp-admin-table th,.grado-jp .jp-admin-table td{border-bottom:1px solid #c9cdc4;padding:14px 10px;vertical-align:top}
.grado-jp .jp-admin-table th{white-space:nowrap;font-weight:500}
.grado-jp .jp-admin-table details{min-width:180px;max-width:360px;overflow-wrap:anywhere}
.grado-jp .jp-admin-table summary{cursor:pointer}
.grado-jp .jp-admin-table dl{margin:12px 0}
.grado-jp .jp-admin-table dt{color:#5b6259;font-weight:500}
.grado-jp .jp-admin-table dd{margin:0 0 10px;white-space:pre-wrap}
@media(min-width:1001px) and (max-width:1440px){.grado-jp .jp-site-header{gap:18px;padding-left:28px;padding-right:28px}.grado-jp .jp-site-nav{justify-content:flex-end;flex-wrap:wrap;gap:10px 16px}.grado-jp .jp-products-menu{top:100%}.grado-jp .jp-logo{flex-shrink:0}}
@media(max-width:1000px){.grado-jp .jp-site-header{min-height:72px}.grado-jp .jp-site-nav{gap:0}.grado-jp .jp-site-nav>a,.grado-jp .jp-site-nav>details>summary{font-size:14px;padding-top:13px;padding-bottom:13px}.grado-jp .jp-site-nav>.jp-nav-utility{font-size:13px}.grado-jp .jp-nav-search{flex:auto;max-width:none;min-width:0}.grado-jp .jp-nav-search input{font-size:16px}.grado-jp #grado-product-gallery .pdpt-flex{grid-template-columns:1fr;gap:24px}.grado-jp #grado-product-gallery .photo .big .img-box{height:clamp(360px,55vh,560px)}.grado-jp #grado-product-gallery .text{padding:0}.grado-jp .index-main .index-tit h6{font-size:24px}}
@media(max-width:600px){.grado-jp #grado-product-gallery .photo .big .img-box{height:360px}.grado-jp #grado-product-gallery .photo .small{padding:0}.grado-jp .index-main .index-tit h6{font-size:22px}.grado-jp .index-main .index-news-list .text .tit a{font-size:20px}.grado-jp .jp-footer .jp-footer-brand{font-size:24px!important}}

/* Product information follows the same restrained heading and body hierarchy. */
.grado-jp .prodis-tit h6{font-family:inherit;font-size:26px;line-height:1.5;font-weight:400}
.grado-jp .product-dis-tab-con .newsadd-desgin .text h3,.grado-jp .prodis-features .yy-item h3{font-family:inherit;font-size:20px;line-height:1.6;font-weight:500}
.grado-jp .product-dis-tab-con .newsadd-desgin .text-p,.grado-jp .product-dis-tab-con .newsadd-desgin .text-p p,.grado-jp .prodis-features .yy-item,.grado-jp .prodis-features .yy-item p,.grado-jp .product-dis-tab-con .designer-dis-box .tips{font-family:inherit;font-size:15px;line-height:1.9}
@media(max-width:600px){.grado-jp .prodis-tit h6{font-size:24px}.grado-jp .product-dis-tab-con .newsadd-desgin .text h3,.grado-jp .prodis-features .yy-item h3{font-size:19px}}

/* Base text links use the site's muted green; component-specific colors take precedence. */
:where(.grado-jp) a{color:#344c35}
:where(.grado-jp) a:hover{color:#243b2e}
.grado-jp .location-list .text-info p a,
.grado-jp .jp-page p a:not(.jp-button):not(.button){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}