/*
 * RoyalStone Large-format Porcelain Premium SEO Growth — 11.10.26 / R16.
 * Route-scoped to /materialy/keramogranit/. UA/RU/EN copy is injected
 * in final HTML while catalogue ownership, canonical, hreflang and redirects
 * remain untouched.
 */
body.rs-uvs-v10140.rs-uvs-route-porcelain{
  --rs-por-bg:#090908;
  --rs-por-bg2:#11100e;
  --rs-por-panel:#171512;
  --rs-por-panel2:#211d17;
  --rs-por-ivory:#f7f0e6;
  --rs-por-copy:#c8beb1;
  --rs-por-muted:#9f9485;
  --rs-por-gold:#d0a95a;
  --rs-por-gold2:#efd18b;
  --rs-por-line:rgba(226,190,119,.22);
  background:var(--rs-por-bg)!important;
  color:var(--rs-por-ivory);
}
body.rs-uvs-v10140.rs-uvs-route-porcelain .rs-material-landing-v8934{
  background:linear-gradient(180deg,#0c0b09,#11100e)!important;
}
body.rs-uvs-v10140.rs-uvs-route-porcelain .rs-ml-hero{border-bottom:1px solid var(--rs-por-line)}
body.rs-uvs-v10140.rs-uvs-route-porcelain .rs-ml-hero:after{
  background:
    radial-gradient(circle at 74% 30%,rgba(239,209,139,.16),transparent 31%),
    radial-gradient(circle at 33% 68%,rgba(112,98,83,.13),transparent 35%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.55))!important;
}
body.rs-uvs-v10140.rs-uvs-route-porcelain .rs-material-landing-v8934 h1{
  max-width:1160px!important;
  font-size:clamp(42px,5vw,70px)!important;
  line-height:1.01!important;
  letter-spacing:-.034em;
}
body.rs-uvs-v10140.rs-uvs-route-porcelain .rs-ml-filter{
  background:radial-gradient(circle at 85% 0,rgba(208,169,90,.10),transparent 30%),linear-gradient(180deg,#17140f,#0e0d0b)!important;
}
body.rs-uvs-v10140.rs-uvs-route-porcelain .rs-ml-card,
body.rs-uvs-v10140.rs-uvs-route-porcelain .rs-ml-product-card{
  border-color:rgba(226,190,119,.24)!important;
  background:linear-gradient(180deg,#1c1914,#11100d)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22);
}
body.rs-uvs-v10140.rs-uvs-route-porcelain .rs-ml-card:hover,
body.rs-uvs-v10140.rs-uvs-route-porcelain .rs-ml-product-card:hover{
  border-color:rgba(239,209,139,.54)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.36)!important;
}

.rs-porcelain-growth-r16{
  position:relative;isolation:isolate;overflow:hidden;
  padding:0 0 clamp(86px,8vw,126px);
  background:
    radial-gradient(circle at 91% 6%,rgba(208,169,90,.12),transparent 28%),
    radial-gradient(circle at 7% 46%,rgba(99,87,73,.07),transparent 28%),
    linear-gradient(180deg,#0e0d0b 0%,#080807 53%,#11100d 100%);
  color:var(--rs-por-ivory);
}
.rs-porcelain-growth-r16:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.20;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);
}
.rs-por-shell{width:min(1120px,calc(100% - 48px));margin:0 auto}
.rs-por-section,.rs-por-editorial{padding:clamp(66px,7vw,98px) 0;border-top:1px solid var(--rs-por-line)}
.rs-por-editorial:first-child{border-top-color:transparent}
.rs-por-editorial{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(42px,6vw,84px);align-items:start}
.rs-por-title>span,.rs-por-head>span,.rs-por-cta span{display:block;margin:0 0 16px;color:var(--rs-por-gold2);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.rs-por-title>span:before,.rs-por-head>span:before{content:"";display:block;width:42px;height:2px;margin:0 0 18px;background:linear-gradient(90deg,var(--rs-por-gold2),var(--rs-por-gold))}
.rs-por-title h2,.rs-por-head h2,.rs-por-cta h2{margin:0;color:var(--rs-por-ivory);font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.032em;line-height:1.01;text-wrap:balance}
.rs-por-title h2{font-size:clamp(40px,4.7vw,64px)}
.rs-por-head h2{font-size:clamp(38px,4.3vw,58px);max-width:930px}
.rs-por-copy{padding-top:7px}
.rs-por-copy p,.rs-por-head>p,.rs-por-cta p{margin:0;color:var(--rs-por-copy);font-size:clamp(17px,1.45vw,20px);line-height:1.82}
.rs-por-copy p+p{margin-top:18px}
.rs-por-head{max-width:950px;margin-bottom:34px}
.rs-por-head>p{margin-top:16px;max-width:830px}

.rs-por-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.rs-por-grid article,.rs-por-factor-grid article,.rs-por-process-grid article{
  position:relative;overflow:hidden;border:1px solid rgba(226,190,119,.19);border-radius:17px;padding:24px;
  background:linear-gradient(145deg,rgba(31,28,23,.97),rgba(17,16,13,.99));box-shadow:0 18px 48px rgba(0,0,0,.23)
}
.rs-por-grid article:after{content:"";position:absolute;right:-35px;top:-44px;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle,rgba(208,169,90,.13),transparent 68%)}
.rs-por-grid i,.rs-por-factor-grid i{display:block;width:28px;height:2px;margin-bottom:18px;background:linear-gradient(90deg,var(--rs-por-gold2),var(--rs-por-gold))}
.rs-por-grid h3,.rs-por-factor-grid h3,.rs-por-process-grid h3{margin:0 0 10px;color:var(--rs-por-ivory);font-size:clamp(18px,1.7vw,23px);line-height:1.15}
.rs-por-grid p,.rs-por-factor-grid p,.rs-por-process-grid p{margin:0;color:var(--rs-por-copy);font-size:14px;line-height:1.68}
.rs-por-limit-grid article{background:linear-gradient(145deg,rgba(24,22,19,.99),rgba(12,12,10,.99))}

.rs-por-cost{background:linear-gradient(90deg,transparent,rgba(208,169,90,.03),transparent)}
.rs-por-factor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rs-por-factor-grid article{min-height:154px}
.rs-por-factor-grid article:last-child:nth-child(odd){grid-column:1/-1;min-height:132px;display:grid;grid-template-columns:28px minmax(220px,.62fr) minmax(0,1.38fr);align-items:center;gap:clamp(18px,3vw,42px);padding-block:28px}
.rs-por-factor-grid article:last-child:nth-child(odd) i{margin:0;align-self:start;margin-top:4px}
.rs-por-factor-grid article:last-child:nth-child(odd) h3,.rs-por-factor-grid article:last-child:nth-child(odd) p{margin:0}

.rs-por-project-section{padding-bottom:clamp(72px,7vw,100px)}
.rs-por-project{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);overflow:hidden;border:1px solid rgba(226,190,119,.24);border-radius:22px;background:linear-gradient(180deg,#1a1713,#0f0e0c);box-shadow:0 28px 78px rgba(0,0,0,.31)}
.rs-por-project-media{display:grid;grid-template-columns:1.45fr .8fr;height:500px;min-height:500px;overflow:hidden;background:#0d0c0a}
.rs-por-project-media>img,.rs-por-project-media>div img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important;max-width:none!important}
.rs-por-project-media>div{display:grid;grid-template-rows:1fr 1fr;min-width:0;min-height:0;overflow:hidden}
.rs-por-project-body{padding:32px 30px;background:radial-gradient(circle at 100% 0,rgba(208,169,90,.14),transparent 35%),linear-gradient(180deg,#1a1713,#0e0d0b);border-left:1px solid rgba(226,190,119,.17)}
.rs-por-project-body>small{display:block;margin-bottom:12px;color:var(--rs-por-gold2);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.rs-por-project-body h3{margin:0 0 16px;color:var(--rs-por-ivory);font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,2.5vw,38px);font-weight:500;letter-spacing:-.022em;line-height:1.05}
.rs-por-project-body>p{margin:0 0 21px;color:var(--rs-por-copy);font-size:15px;line-height:1.68}
.rs-por-project dl{margin:0;display:grid;gap:0}
.rs-por-project dl div{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:11px 0;border-top:1px solid rgba(226,190,119,.14)}
.rs-por-project dt{color:var(--rs-por-muted);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.rs-por-project dd{margin:0;color:var(--rs-por-ivory);font-size:12px;line-height:1.5}

.rs-por-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.rs-por-process-grid article{min-height:195px}
.rs-por-process-grid b{display:flex;width:34px;height:34px;align-items:center;justify-content:center;margin-bottom:23px;border:1px solid rgba(239,209,139,.35);border-radius:50%;color:var(--rs-por-gold2);font-size:10px;letter-spacing:.06em;background:rgba(208,169,90,.06)}

.rs-por-faq{border-top:1px solid var(--rs-por-line)}
.rs-por-faq details{border-bottom:1px solid var(--rs-por-line)}
.rs-por-faq summary{position:relative;list-style:none;cursor:pointer;padding:20px 48px 20px 0;color:var(--rs-por-ivory);font-family:Georgia,"Times New Roman",serif;font-size:clamp(19px,1.8vw,24px);font-weight:500}
.rs-por-faq summary::-webkit-details-marker{display:none}
.rs-por-faq summary:after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--rs-por-gold);font:400 24px/1 Arial,sans-serif}
.rs-por-faq details[open] summary:after{content:"−"}
.rs-por-faq details>div{padding:0 42px 20px 0;color:var(--rs-por-copy);font-size:15px;line-height:1.72;max-width:950px}

.rs-por-related{padding-bottom:clamp(44px,5vw,64px)}
.rs-por-links{display:flex;flex-wrap:wrap;gap:9px}
.rs-por-links a{display:inline-flex;min-height:42px;align-items:center;padding:0 15px;border:1px solid rgba(226,190,119,.27);border-radius:999px;background:rgba(255,255,255,.024);color:var(--rs-por-ivory);text-decoration:none;font-size:12px;font-weight:850;transition:.2s}
.rs-por-links a:hover{border-color:var(--rs-por-gold);background:rgba(208,169,90,.10);color:var(--rs-por-gold2);transform:translateY(-1px)}

.rs-por-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.35fr);gap:34px;align-items:center;padding:clamp(32px,5vw,56px);border:1px solid rgba(239,209,139,.30);border-radius:22px;background:radial-gradient(circle at 88% 10%,rgba(208,169,90,.30),transparent 38%),radial-gradient(circle at 61% 72%,rgba(92,82,70,.11),transparent 34%),linear-gradient(135deg,#17140f,#29231a);box-shadow:0 30px 88px rgba(0,0,0,.34)}
.rs-por-cta h2{font-size:clamp(34px,4.2vw,58px)}
.rs-por-cta p{margin-top:15px;max-width:760px;font-size:16px}
.rs-por-actions{display:grid;gap:10px}
.rs-por-actions a{display:flex;min-height:50px;align-items:center;justify-content:center;padding:0 20px;border:1px solid rgba(239,209,139,.43);border-radius:10px;color:#fff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;transition:.2s}
.rs-por-actions a.is-primary{background:linear-gradient(135deg,var(--rs-por-gold2),var(--rs-por-gold));color:#17130d;border-color:var(--rs-por-gold)}
.rs-por-actions a:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.25)}

@media(max-width:1000px){
  .rs-por-editorial,.rs-por-cta,.rs-por-project{grid-template-columns:1fr}
  .rs-por-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rs-por-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rs-por-project-media{height:430px;min-height:430px}
  .rs-por-project-body{border-left:0;border-top:1px solid rgba(226,190,119,.17)}
}
@media(max-width:760px){
  .rs-por-shell{width:min(100% - 28px,1120px)}
  .rs-por-section,.rs-por-editorial{padding:52px 0}
  .rs-por-title h2,.rs-por-head h2{font-size:clamp(34px,10vw,46px)}
  .rs-por-copy p,.rs-por-head>p{font-size:16px;line-height:1.72}
  .rs-por-grid,.rs-por-factor-grid,.rs-por-process-grid{grid-template-columns:1fr}
  .rs-por-factor-grid article:last-child:nth-child(odd){grid-column:auto;display:block;min-height:154px;padding:24px}
  .rs-por-factor-grid article:last-child:nth-child(odd) i{margin:0 0 18px}
  .rs-por-factor-grid article:last-child:nth-child(odd) h3{margin:0 0 10px}
  .rs-por-project-media{height:340px;min-height:340px}
  .rs-por-project-body{padding:24px 22px}
  .rs-por-cta{padding:28px 22px}
  .rs-por-cta h2{font-size:clamp(32px,9.5vw,44px)}
}
@media(max-width:520px){
  body.rs-uvs-v10140.rs-uvs-route-porcelain .rs-material-landing-v8934 h1{font-size:39px!important}
  .rs-por-project-media{grid-template-columns:1.35fr .8fr;height:290px;min-height:290px}
  .rs-por-project dl div{grid-template-columns:1fr;gap:4px}
  .rs-por-faq details>div{padding-right:0}
}
@media(prefers-reduced-motion:reduce){
  .rs-por-links a,.rs-por-actions a,.rs-ml-card,.rs-ml-product-card{transition:none!important}
}