body:has(.royal-collection),body:has(.royal-design-detail){background:#fff;color:#141518}
royal-header-behavior{display:none}
.royal-header-scrolled .header-wrap{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:50}
.royal-header-scrolled .brand-strip{display:none}
.royal-header-scrolled .header-row{height:80px}
@media(max-width:600px){.royal-header-scrolled .header-row{height:64px}}
.royal-shell{width:100%;max-width:1320px;padding:0 12px;margin-inline:auto;box-sizing:border-box}
body:has(.royal-collection) .header-wrap,body:has(.royal-design-detail) .header-wrap{width:calc(100% - 24px);max-width:1296px}
body:has(.royal-collection) .site-footer>.shell,body:has(.royal-design-detail) .site-footer>.shell{max-width:1296px}
.royal-hero{position:relative;aspect-ratio:1296/559;margin-top:16px;border-radius:24px;overflow:hidden;background:#84796b;color:#fff;box-shadow:0 2px 3px #0001}
.royal-hero>img{width:100%;height:100%;object-fit:cover;display:block}
.royal-hero:after{content:'';position:absolute;inset:0;background:#1a282965}
.royal-hero-copy{position:absolute;z-index:1;inset:0 auto 0 3%;max-width:600px;width:calc(100% - 32px);display:flex;flex-direction:column;justify-content:center}
.royal-hero h1{font:300 56px/1.2 var(--font-heading);letter-spacing:normal;margin:0 0 12px;text-wrap:initial;color:#fff}
.royal-hero-copy p{font:400 18px/1.5 var(--font-body);margin:0 0 28px}
.royal-grid{list-style:none;padding:0!important;margin:40px -8px 12px!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.royal-card{min-width:0;padding:12px;margin-bottom:12px}
.royal-card-media{display:block;position:relative;aspect-ratio:1;background:#f8f8f8;border-radius:16px;overflow:hidden;margin-bottom:12px;box-shadow:0 2px 3px #0002}
.royal-card-media img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s ease}
.royal-card-media:hover img{transform:scale(1.025)}
.royal-card-badge{position:absolute;left:8px;top:11px;padding:4px 8px;border-radius:40px;background:#cca38b;color:white;font:700 12px/1 var(--font-body);text-transform:uppercase}
.royal-card-bottom{display:grid;grid-template-columns:2fr 1fr;gap:8px;align-items:start}
.royal-card h2{font:500 16px/1.2 var(--font-heading);margin:0 0 4px;color:#141518}
.royal-card h2 a{text-decoration:none;color:inherit}
.royal-card-note{font:400 12px/24px var(--font-body);margin:0 0 4px;color:#626b6f}
.royal-card-price{font:400 16px/24px var(--font-body);margin:0 0 8px;white-space:normal}
.royal-card-price s{color:#6c757d;margin-right:3px}
.royal-card-price span{white-space:nowrap}
.royal-shop-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:40px;background:#cca38b;color:white;text-decoration:none;font:400 14px/21px var(--font-body);padding:4px 20px;min-height:31px;margin-top:4px;white-space:nowrap;box-sizing:border-box}
.royal-card-bottom>.royal-shop-button{width:100%}
.royal-shop-button:hover{background:#b98d75;color:white}
.royal-collection a:focus-visible{outline:2px solid #1a2829;outline-offset:4px}
.royal-view-all{text-align:center;margin:0 0 28px}.royal-view-all>a{font-size:16px;padding:8px 24px}
.royal-disclosure{font:400 12px/1.5 var(--font-body);text-align:center;color:#6c757d;margin:0 auto 36px;max-width:720px}
.royal-design-detail{padding-block:24px 64px;display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.royal-design-detail>img{display:block;width:100%;height:auto;border-radius:18px;background:#f8f8f8}
.royal-design-detail h1{font:500 48px/1.15 var(--font-heading);margin:0 0 24px}
.royal-design-detail .royal-card-price{font-size:24px;margin-bottom:24px}
.royal-design-detail p{font-size:16px;line-height:1.5}.royal-design-detail .royal-shop-button{margin-top:24px}
@media(min-width:576px) and (max-width:767px){.royal-shell{max-width:540px}body:has(.royal-collection) .header-wrap,body:has(.royal-design-detail) .header-wrap{max-width:516px}}
@media(min-width:768px) and (max-width:991px){.royal-shell{max-width:720px}body:has(.royal-collection) .header-wrap,body:has(.royal-design-detail) .header-wrap{max-width:696px}}
@media(min-width:992px) and (max-width:1199px){.royal-shell{max-width:960px}body:has(.royal-collection) .header-wrap,body:has(.royal-design-detail) .header-wrap{max-width:936px}}
@media(min-width:1200px) and (max-width:1399px){.royal-shell{max-width:1140px}body:has(.royal-collection) .header-wrap,body:has(.royal-design-detail) .header-wrap{max-width:1116px}}
@media(max-width:1199px){.royal-card-bottom{display:block}.royal-card-bottom>.royal-shop-button{width:auto}}
@media(max-width:991px){.royal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.royal-card{padding:8px}.royal-hero{aspect-ratio:366/259.4}.royal-hero-copy{left:16px;right:16px;max-width:none;text-align:center}.royal-hero h1{font-size:calc(1.475rem + 2.7vw)}.royal-design-detail{gap:32px}.royal-design-detail h1{font-size:36px}}
@media(max-width:575px){.royal-design-detail{grid-template-columns:1fr;padding-top:16px;gap:24px}.royal-design-detail h1{font-size:34px}.royal-card-note{font-size:11px}.royal-card-price{font-size:16px}.royal-card-media{border-radius:16px}.royal-hero h1{font-size:calc(1.475rem + 2.7vw)}.royal-hero-copy p{font-size:18px}.royal-card h2{min-height:38.4px}.royal-disclosure{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.royal-card-media img{transition:none}}