/* Clan Digital E-commerce 3.6.0 — photographic product showcase.
   Restore the approved AURA photography, not CSS 3D boxes. Existing 3.0
   content, navigation, functional forms and premium cards remain untouched. */
.hero .hero-stage.clan-photo-36{
 position:relative;
 isolation:isolate;
 overflow:visible;
 border:0;
 background:transparent;
 box-shadow:none;
 min-height:590px;
}
.hero .hero-stage.clan-photo-36::before{
 content:"";
 position:absolute;
 inset:8% 9% 5%;
 z-index:-1;
 border-radius:50%;
 background:radial-gradient(ellipse at 50% 50%,rgba(145,184,113,.2),rgba(35,69,42,.12) 43%,transparent 72%);
 filter:blur(26px);
 animation:photo36Ambient 7s ease-in-out infinite alternate;
 pointer-events:none;
}
.hero .hero-stage.clan-photo-36 .hero-product{
 display:block!important;
 width:min(72%,460px);
 max-width:unset;
 top:-12px;
 z-index:4;
 filter:drop-shadow(0 37px 38px rgba(0,0,0,.57));
 animation:photo36Lift 8s ease-in-out infinite;
}
.hero .hero-stage.clan-photo-36 .stage-orbit{
 border-color:rgba(211,229,184,.24);
 filter:drop-shadow(0 0 8px rgba(180,213,132,.07));
}
.hero .hero-stage.clan-photo-36 .stage-glow{
 background:radial-gradient(ellipse at center,rgba(150,178,101,.22),rgba(74,131,86,.07) 56%,transparent 78%);
}
.hero .hero-stage.clan-photo-36 .clan-photo-36__light{
 position:absolute;z-index:0;inset:2% 18% 17%;border-radius:50%;
 background:radial-gradient(ellipse at 55% 51%,rgba(255,239,193,.13),rgba(158,204,143,.045) 56%,transparent 74%);
 animation:photo36Ambient 5.6s ease-in-out infinite alternate;
 pointer-events:none;
}
.hero .hero-stage.clan-photo-36 .clan-photo-36__beam{
 position:absolute;inset:-15% -50%;
 transform:translateX(-35%) rotate(12deg);
 background:linear-gradient(96deg,transparent 44%,rgba(216,243,202,.022) 48%,rgba(252,242,213,.09) 50%,transparent 54%);
 z-index:2;
 pointer-events:none;
 animation:photo36Beam 11s ease-in-out infinite;
 mask-image:linear-gradient(to bottom,transparent,#000 23%,#000 75%,transparent);
}
.hero .hero-stage.clan-photo-36 .stage-card{
 display:flex!important;
 position:absolute;
 z-index:8;
 background:linear-gradient(115deg,rgba(13,22,17,.91),rgba(13,18,15,.77));
 border:1px solid rgba(218,240,204,.32);
 box-shadow:0 12px 38px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);
 backdrop-filter:blur(11px);
 -webkit-backdrop-filter:blur(11px);
 transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease;
}
.hero .hero-stage.clan-photo-36 .stage-card:hover{
 transform:translateY(-3px);
 border-color:rgba(230,238,198,.63);
 box-shadow:0 17px 40px #0008,0 0 22px rgba(148,188,123,.16);
}
.hero .hero-stage.clan-photo-36 .stage-card .stage-node{
 box-shadow:0 0 12px #cbf5b9;
}
.hero .hero-stage.clan-photo-36 .stage-concept{
 font-size:8px;letter-spacing:.12em;color:rgba(227,228,211,.58);
 text-shadow:0 2px 16px rgba(0,0,0,.8);
}
.hero .hero-stage.clan-photo-36 .stage-left-caption,
.hero .hero-stage.clan-photo-36 .stage-right-caption{opacity:.8}
@keyframes photo36Lift{
 0%,100%{transform:translateX(-50%) translateY(0) rotate(-.55deg)}
 50%{transform:translateX(-50%) translateY(-15px) rotate(.55deg)}
}
@keyframes photo36Ambient{
 0%{opacity:.56;transform:scale(.95)}
 100%{opacity:1;transform:scale(1.045)}
}
@keyframes photo36Beam{
 0%,100%{transform:translateX(-45%) rotate(12deg);opacity:0}
 25%{opacity:.65}67%{opacity:.8}
 90%{transform:translateX(43%) rotate(12deg);opacity:0}
}
@media(min-width:1021px){
 .hero .hero-stage.clan-photo-36{min-height:618px;height:618px}
 .hero .hero-stage.clan-photo-36 .hero-product{width:min(74%,470px)}
}
@media(max-width:1020px){
 .hero .hero-stage.clan-photo-36{height:620px;min-height:0}
 .hero .hero-stage.clan-photo-36 .hero-product{width:61%;top:0}
}
@media(max-width:760px){
 .hero .hero-stage.clan-photo-36{height:540px;max-width:720px}
 .hero .hero-stage.clan-photo-36 .hero-product{width:69%}
}
@media(max-width:470px){
 .hero .hero-stage.clan-photo-36{height:470px;width:100%;overflow:visible}
 .hero .hero-stage.clan-photo-36 .hero-product{width:85%;top:0}
 .hero .hero-stage.clan-photo-36 .stage-card{max-width:43%;min-width:0;gap:5px;padding:8px 7px}
 .hero .hero-stage.clan-photo-36 .stage-card strong{font-size:8px}
 .hero .hero-stage.clan-photo-36 .stage-card small{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
 .hero .hero-stage.clan-photo-36 *,
 .hero .hero-stage.clan-photo-36::before{animation:none!important;transition:none!important}
 .hero .hero-stage.clan-photo-36 .hero-product{transform:translateX(-50%)!important}
}