/* R.A.K. GROUP v2.13.7 — Premium service-only Elementor Gallery.
   These rules deliberately exclude the sitewide project gallery and editable contact section.
   No content or image assets are duplicated; all images remain native Elementor widgets. */
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] {
  --rak-gallery-copper: #ec7b34;
  --rak-gallery-ink: #0c0e11;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(46px,5vw,84px) clamp(18px,5vw,82px) !important;
  background:
    radial-gradient(ellipse 60% 65% at 98% 0%,rgba(213,86,25,.14),transparent 70%),
    repeating-linear-gradient(136deg,transparent 0 34px,rgba(255,255,255,.008) 34px 35px),
    linear-gradient(153deg,#1c1e22 0%,#101215 62%,#090b0d 100%) !important;
  border-top: 1px solid rgba(238,122,47,.45);
  border-bottom: 1px solid rgba(238,122,47,.22);
  gap: 15px !important;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"]::before {
  content:"";
  position:absolute;
  top:0; left:clamp(18px,5vw,82px);
  height:3px; width: min(165px,24vw);
  background:linear-gradient(90deg,#d4511f 0%,#ffad53 70%,transparent 100%);
  box-shadow:0 0 16px rgba(234,111,40,.35);
  pointer-events:none;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .rak-real-photos-kicker .elementor-heading-title {
  color: #ffa35b !important;
  letter-spacing: .21em !important;
  font-size: clamp(11px,1vw,13px) !important;
  font-weight: 800 !important;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .rak-real-photos-title .elementor-heading-title {
  color: #fcfaf6 !important;
  font-size: clamp(27px,3vw,43px) !important;
  line-height: 1.24 !important;
  text-wrap: balance;
  max-width: 920px;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .rak-real-photos-note,
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .rak-real-photos-note p {
  color: #c9c9c9 !important;
  font-size:clamp(14px,1.16vw,16px) !important;
  line-height:1.85 !important;
  max-width:950px;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .rak-real-photos-group {
  width:100%; min-width:0;
  margin-top:clamp(14px,1.8vw,24px);
  gap: clamp(16px,1.8vw,25px) !important;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .rak-real-photos-group-title .elementor-heading-title {
  border-left:3px solid #ed813b;
  padding:2px 0 2px 16px;
  color:#eeeae6!important;
  font-size:clamp(17px,1.55vw,22px)!important;
}
/* Native Elementor image-gallery: CSS owns the breakpoint, not the widget's four-column setting. */
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .elementor-image-gallery {
  display:block !important;
  width:100%!important;
  max-width:100%!important;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:clamp(12px,1.8vw,22px)!important;
  row-gap:clamp(12px,1.8vw,22px)!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery .gallery-item {
  width:100%!important;max-width:100%!important;min-width:0!important;
  padding:0!important;margin:0!important;float:none!important;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery .gallery-icon {
  position:relative;
  overflow:hidden;
  border-radius:15px;
  border:1px solid rgba(210,120,72,.5);
  background:#16191d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 26px rgba(0,0,0,.38);
  transition:border-color .28s ease,transform .28s ease,box-shadow .28s ease;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon a {
  position:relative;
  display:block;
  overflow:hidden;
  text-decoration:none!important;
  cursor:zoom-in;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon img {
  display:block!important;width:100%!important;max-width:100%!important;
  height:clamp(168px,18vw,272px)!important;
  aspect-ratio:4 / 3;
  object-fit:cover!important;object-position:center!important;
  filter:saturate(.97) contrast(1.025);
  border:0!important;
  transition:transform .45s cubic-bezier(.18,.63,.26,1),filter .36s ease;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon::after {
  content:'ดูภาพขนาดใหญ่ ↗';
  display:flex;align-items:flex-end;justify-content:flex-end;
  position:absolute;inset:0;
  padding:17px;
  font-family:'Noto Sans Thai',sans-serif;
  font-size:13px;font-weight:600;letter-spacing:.01em;
  color:#fff;
  background:linear-gradient(0deg,rgba(5,5,6,.82),transparent 44%);
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease;
}
body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon:focus-within {
  outline:3px solid #ffad55;
  outline-offset:3px;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon:hover {
    transform:translateY(-3px);
    border-color:rgba(255,163,90,.9);
    box-shadow:0 18px 30px rgba(0,0,0,.5),0 0 0 1px rgba(255,128,62,.12);
  }
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon:hover img {
    transform:scale(1.045);filter:saturate(1.08) contrast(1.04);
  }
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon:hover::after,
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon:focus-within::after {opacity:1;}
}
@media(max-width:1024px) {
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon img {
    height:clamp(178px,27vw,275px)!important;
  }
}
@media(max-width:767px) {
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] {
    padding:43px 18px 49px!important;
    gap:13px!important;
  }
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon {
    border-radius:11px;
  }
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon img {
    height:clamp(130px,34vw,202px)!important;
  }
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon::after {
    display:none;
  }
}
@media(max-width:360px) {
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] {
    padding-inline:14px!important;
  }
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery {
    gap:8px!important;
  }
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon img {
    height:clamp(118px,35vw,155px)!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon,
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon img,
  body.rak-v211-active .rak-real-photos-section[class*="rak-real-photos-service-"] .gallery-icon::after {
    transition:none!important;transform:none!important;
  }
}