/* Riyadh Kitchens / Materials only / Glass 3D preview */
body.home #rk-identity-2026 #rk-kitchen-materials{
  position:relative;
  isolation:isolate;
  overflow:visible;
  border:1px solid #d7e5f3!important;
  border-radius:26px!important;
  background:
    radial-gradient(ellipse 68% 72% at 6% 16%,rgba(78,152,222,.12),transparent 72%),
    radial-gradient(ellipse 55% 60% at 94% 95%,rgba(128,177,224,.16),transparent 75%),
    linear-gradient(150deg,#f9fcff 0%,#eaf3fc 53%,#f9fbff 100%)!important;
  box-shadow:0 10px 33px rgba(8,49,99,.075),inset 0 1px rgba(255,255,255,.9)!important;
}
body.home #rk-identity-2026 #rk-kitchen-materials .rk-intro{position:relative;z-index:1;margin-bottom:22px}
body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.8vw,19px);
  align-items:stretch;
  perspective:1350px;
  perspective-origin:center;
  transform-style:preserve-3d;
  position:relative;
  z-index:1;
}
body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel{
  --rk-glass-rx:0deg;
  --rk-glass-ry:0deg;
  --rk-shine-x:50%;
  --rk-shine-y:0%;
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:198px;
  padding:26px 19px!important;
  overflow:hidden;
  border-radius:26px 28px 25px 29px!important;
  border:1px solid rgba(190,215,239,.96)!important;
  background:
    radial-gradient(ellipse at var(--rk-shine-x) var(--rk-shine-y),rgba(255,255,255,.89),transparent 64%),
    linear-gradient(139deg,rgba(255,255,255,.86),rgba(238,247,255,.56) 51%,rgba(222,238,252,.53))!important;
  box-shadow:
    0 11px 24px rgba(7,48,96,.085),
    0 3px 8px rgba(7,48,96,.04),
    inset 0 2px rgba(255,255,255,.98),
    inset 0 -2px rgba(120,163,208,.14)!important;
  -webkit-backdrop-filter:blur(14px) saturate(118%);
  backdrop-filter:blur(14px) saturate(118%);
  transform:perspective(900px) translate3d(0,0,0) rotateX(var(--rk-glass-rx)) rotateY(var(--rk-glass-ry));
  transform-style:preserve-3d;
  transition:transform .25s ease-out,box-shadow .3s ease,border-color .3s ease,background .3s ease;
  will-change:transform;
  cursor:default;
  text-align:center;
}
body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel::before{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:23px 25px 22px 26px;
  border:1px solid rgba(255,255,255,.8);
  background:linear-gradient(148deg,rgba(255,255,255,.56),rgba(255,255,255,0) 38%,rgba(9,95,181,.045) 100%);
  pointer-events:none;
  z-index:0;
}
body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel::after{
  content:"";
  position:absolute;
  width:50%;
  height:160%;
  top:-35%;
  left:-80%;
  transform:rotate(22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10) 28%,rgba(255,255,255,.48) 50%,rgba(255,255,255,.08) 76%,transparent);
  pointer-events:none;
  z-index:1;
  transition:left .7s cubic-bezier(.2,.65,.3,1);
}
body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel h3{
  position:relative;
  z-index:2;
  margin:0 0 12px!important;
  font:800 clamp(18px,1.7vw,23px)/1.5 Almarai,Tajawal,Arial,sans-serif!important;
  letter-spacing:0!important;
  color:#16466d!important;
  transform:translateZ(24px);
  text-shadow:0 1px rgba(255,255,255,.75);
}
body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel p{
  position:relative;
  z-index:2;
  margin:0!important;
  max-width:36ch;
  font:400 clamp(13px,1.06vw,15px)/1.95 Almarai,Tajawal,Arial,sans-serif!important;
  color:#40596d!important;
  transform:translateZ(12px);
}
@media(hover:hover) and (pointer:fine){
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel:hover,
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel.rk-glass-active{
    border-color:rgba(121,170,222,.94)!important;
    box-shadow:0 21px 38px rgba(12,67,123,.15),0 6px 18px rgba(8,69,141,.07),inset 0 2px rgba(255,255,255,1)!important;
  }
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel:hover::after,
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel.rk-glass-active::after{left:128%}
}
body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel:focus-within{
  outline:2px solid #0057b8;
  outline-offset:3px;
}
@media(max-width:900px){
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel{min-height:174px}
}
@media(max-width:650px){
  body.home #rk-identity-2026 #rk-kitchen-materials{border-radius:20px!important;padding:20px 13px!important}
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3{grid-template-columns:minmax(0,1fr);gap:15px}
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel{min-height:154px;padding:23px 16px!important;border-radius:24px 26px 23px 27px!important;will-change:auto}
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel h3{font-size:20px!important;line-height:1.5!important;margin-bottom:9px!important}
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel p{font-size:14px!important;line-height:1.95!important}
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel:active{transform:perspective(850px) translateY(-3px) scale(.99);border-color:#92badf!important;box-shadow:0 14px 27px rgba(7,49,98,.12)!important}
}
@media(prefers-reduced-motion:reduce){
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel,
  body.home #rk-identity-2026 #rk-kitchen-materials .rk-grid-3>.rk-panel::after{transition:none!important;transform:none!important}
}