/* =============================================================
   314D — MICRO POLISH PASS
   Presentation only:
   - Gallery-style Community Spotlight lamp fixtures + soft light beams.
   - Cleaner, more intentional left advertising rail treatment.
   No functional/backend changes.
   ============================================================= */

/* --- Community Spotlight: turn the three oval bulbs into restrained
   gallery fixtures with warm falloff. Keep all light decorative and
   behind the real vendor artwork/content. --- */
body.home-300d .d300-shadowbox{
  isolation:isolate!important;
}
body.home-300d .d300-frame-lights{
  top:7px!important;
  left:25%!important;
  right:25%!important;
  z-index:1!important;
  overflow:visible!important;
}
body.home-300d .d300-frame-lights i{
  position:relative!important;
  width:29px!important;
  height:8px!important;
  border-radius:55% 55% 45% 45%!important;
  background:radial-gradient(ellipse at 50% 72%,#fff7e7 0 24%,#ead9bc 45%,#8d765c 74%,#3e342b 100%)!important;
  border:1px solid rgba(171,137,98,.68)!important;
  box-shadow:
    0 1px 2px rgba(0,0,0,.78),
    0 3px 9px rgba(255,228,184,.42),
    0 7px 18px rgba(255,218,158,.17)!important;
  overflow:visible!important;
  transform-origin:50% 0!important;
}
body.home-300d .d300-frame-lights i::before{
  content:"";
  position:absolute;
  left:50%;
  top:-5px;
  width:14px;
  height:5px;
  transform:translateX(-50%);
  border-radius:5px 5px 2px 2px;
  background:linear-gradient(90deg,#2b2521,#8d765e 48%,#b09470 55%,#332b25);
  box-shadow:0 -1px 0 rgba(255,255,255,.12),0 1px 2px rgba(0,0,0,.7);
}
body.home-300d .d300-frame-lights i::after{
  content:"";
  position:absolute;
  left:50%;
  top:7px;
  width:88px;
  height:102px;
  transform:translateX(-50%);
  transform-origin:50% 0;
  clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);
  background:linear-gradient(to bottom,
    rgba(255,244,218,.22) 0%,
    rgba(255,231,191,.12) 36%,
    rgba(255,221,168,.055) 67%,
    rgba(255,218,158,0) 100%);
  filter:blur(4px);
  opacity:.82;
  pointer-events:none;
}
body.home-300d .d300-frame-lights i:first-child::after{transform:translateX(-50%) rotate(5deg)}
body.home-300d .d300-frame-lights i:last-child::after{transform:translateX(-50%) rotate(-5deg)}
body.home-300d .d300-supporter-name,
body.home-300d .d300-supporter-art,
body.home-300d .d300-supporter-type,
body.home-300d .d300-spotlight-dots{
  position:relative!important;
  z-index:2!important;
}

/* --- Advertising rail: keep the existing narrow footprint but make it
   read like a deliberate premium sidebar placement rather than placeholder
   copy floating in a box. --- */
body.home-300d .d300-advertise-card{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(182,137,95,.72)!important;
  background:
    radial-gradient(circle at 12px 12px,rgba(213,171,121,.22) 0 2px,transparent 2.5px),
    radial-gradient(circle at calc(100% - 12px) 12px,rgba(213,171,121,.22) 0 2px,transparent 2.5px),
    linear-gradient(155deg,rgba(24,20,27,.985),rgba(18,18,22,.985) 52%,rgba(31,38,35,.94))!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 24px rgba(174,127,86,.055),
    0 10px 24px rgba(0,0,0,.26)!important;
}
body.home-300d .d300-advertise-card .eyebrow{
  color:#d5a673!important;
  text-shadow:0 0 10px rgba(199,145,91,.11);
}
body.home-300d .d300-advertise-card h2{
  color:#f3e8dc!important;
  text-wrap:balance;
}
body.home-300d .d300-advertise-card>p{
  color:#d5cbc1!important;
}
body.home-300d .d300-ad-slots{
  gap:6px!important;
  border-top:0!important;
}
body.home-300d .d300-ad-slots a{
  position:relative!important;
  padding:10px 9px!important;
  border:1px solid rgba(187,144,103,.2)!important;
  border-left:2px solid rgba(190,143,99,.62)!important;
  border-radius:7px!important;
  background:linear-gradient(90deg,rgba(157,109,74,.09),rgba(255,255,255,.015))!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
body.home-300d .d300-ad-slots a:first-child{
  opacity:.68;
  border-left-color:rgba(144,139,132,.42)!important;
  background:rgba(255,255,255,.025)!important;
}
body.home-300d .d300-ad-slots a:not(:first-child):hover,
body.home-300d .d300-ad-slots a:not(:first-child):focus-visible{
  transform:translateX(2px);
  border-color:rgba(210,164,116,.55)!important;
  background:linear-gradient(90deg,rgba(166,117,79,.18),rgba(255,255,255,.025))!important;
}
body.home-300d .d300-ad-slots strong{color:#efdfce!important}
body.home-300d .d300-ad-slots small{color:#bfb3aa!important}
body.home-300d .d300-text-link{
  display:block!important;
  margin-top:9px!important;
  padding-top:9px!important;
  border-top:1px solid rgba(184,140,101,.22)!important;
  color:#e2d3c4!important;
}
body.home-300d .d300-text-link u{
  color:#d8a775!important;
  text-decoration-color:rgba(216,167,117,.5)!important;
  text-underline-offset:3px!important;
}

/* Phone: preserve the established narrow rail while making each available
   slot legible as a discrete mini placement. Avoid adding height/gaps. */
@media(max-width:650px){
  body.home-300d .d300-frame-lights{top:5px!important;left:24%!important;right:24%!important}
  body.home-300d .d300-frame-lights i{width:18px!important;height:6px!important}
  body.home-300d .d300-frame-lights i::before{width:9px;height:3px;top:-3px}
  body.home-300d .d300-frame-lights i::after{width:52px;height:66px;top:5px;filter:blur(3px);opacity:.76}

  body.home-300d .d300-advertise-card{box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 5px 12px rgba(0,0,0,.18)!important}
  body.home-300d .d300-ad-slots{gap:3px!important;margin:5px 0!important}
  body.home-300d .d300-ad-slots a{padding:4px 2px!important;border-radius:4px!important;border-left-width:1px!important}
  body.home-300d .d300-text-link{margin-top:5px!important;padding-top:5px!important}
}