/* ========================================================== GOCCE Ana Sayfa Temiz & Koleksiyon Motion Pro Safe visual override only. ========================================================== */ /* Exact hero block selected by JS. */ .gocce-sade-guc-removed{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } /* If the old premium UI inserted a decorative strip right after the removed block, JS marks it too. */ .gocce-sade-guc-orphan{ display:none!important; } /* ---------- COLLECTION: premium motion ---------- */ body #gocce-koleksiyonlar-vitrin-pro{ overflow:visible!important; } body #gocce-koleksiyonlar-vitrin-pro .gocce-koleksiyonlar-vitrin-pro__grid{ perspective:1400px!important; perspective-origin:50% 48%!important; overflow:visible!important; } /* Existing v1.2+ four-card layout */ body #gocce-koleksiyonlar-vitrin-pro .gocce-card{ --gocce-rx:0deg; --gocce-ry:0deg; --gocce-shine-x:50%; --gocce-shine-y:35%; transform-style:preserve-3d!important; backface-visibility:hidden!important; -webkit-backface-visibility:hidden!important; transition: transform .52s cubic-bezier(.16,1,.3,1), box-shadow .52s cubic-bezier(.16,1,.3,1), filter .42s ease, opacity .42s ease!important; box-shadow: 0 10px 30px rgba(22,13,8,.08), 0 2px 8px rgba(22,13,8,.04)!important; will-change:transform!important; } /* Soft moving reflection */ body #gocce-koleksiyonlar-vitrin-pro .gocce-card::before{ content:""!important; position:absolute!important; inset:0!important; z-index:2!important; pointer-events:none!important; border-radius:inherit!important; background: radial-gradient( circle at var(--gocce-shine-x) var(--gocce-shine-y), rgba(255,255,255,.24) 0, rgba(255,255,255,.10) 18%, rgba(255,255,255,0) 46% )!important; opacity:0!important; transition:opacity .34s ease!important; mix-blend-mode:soft-light!important; } /* Fine inner glass edge */ body #gocce-koleksiyonlar-vitrin-pro .gocce-card::after{ content:""!important; position:absolute!important; inset:0!important; z-index:3!important; pointer-events:none!important; border-radius:inherit!important; background: linear-gradient( 135deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.02) 28%, rgba(0,0,0,0) 62%, rgba(255,255,255,.06) 100% )!important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 -28px 40px rgba(0,0,0,.035)!important; opacity:.55!important; transition:opacity .34s ease!important; } /* Override the old simple hover with a softer premium lift. */ body #gocce-koleksiyonlar-vitrin-pro .gocce-card:hover, body #gocce-koleksiyonlar-vitrin-pro .gocce-card:focus-visible, body #gocce-koleksiyonlar-vitrin-pro .gocce-card.gocce-motion-active{ transform: perspective(1100px) translate3d(0,-14px,0) scale(1.043) rotateX(var(--gocce-rx)) rotateY(var(--gocce-ry))!important; box-shadow: 0 30px 72px rgba(22,13,8,.20), 0 10px 24px rgba(22,13,8,.10)!important; filter: saturate(1.045) contrast(1.015) brightness(1.012)!important; } body #gocce-koleksiyonlar-vitrin-pro .gocce-card:hover::before, body #gocce-koleksiyonlar-vitrin-pro .gocce-card:focus-visible::before, body #gocce-koleksiyonlar-vitrin-pro .gocce-card.gocce-motion-active::before{ opacity:.92!important; } body #gocce-koleksiyonlar-vitrin-pro .gocce-card:hover::after, body #gocce-koleksiyonlar-vitrin-pro .gocce-card:focus-visible::after, body #gocce-koleksiyonlar-vitrin-pro .gocce-card.gocce-motion-active::after{ opacity:.82!important; } /* Other cards move visually into the background very slightly. */ body #gocce-koleksiyonlar-vitrin-pro .gocce-koleksiyonlar-vitrin-pro__grid.gocce-grid-hovering .gocce-card:not(.gocce-motion-active){ transform:scale(.992)!important; filter:brightness(.975) saturate(.985)!important; opacity:.965!important; } body #gocce-koleksiyonlar-vitrin-pro .gocce-card:active{ transform: perspective(1100px) translate3d(0,-5px,0) scale(1.018)!important; transition-duration:.12s!important; } /* v1.1 single-image layout fallback: keep it elegant, no fake slicing. */ body #gocce-koleksiyonlar-vitrin-pro .gocce-koleksiyonlar-vitrin-pro__stage{ transition: transform .48s cubic-bezier(.16,1,.3,1), box-shadow .48s cubic-bezier(.16,1,.3,1), filter .38s ease!important; will-change:transform!important; } body #gocce-koleksiyonlar-vitrin-pro .gocce-koleksiyonlar-vitrin-pro__stage.gocce-stage-hover{ transform:translateY(-7px) scale(1.008)!important; box-shadow:0 26px 66px rgba(22,13,8,.16)!important; filter:saturate(1.025) contrast(1.01)!important; } /* Mobile: deliberately lighter and more stable. */ @media(max-width:800px), (hover:none), (pointer:coarse){ body #gocce-koleksiyonlar-vitrin-pro .gocce-koleksiyonlar-vitrin-pro__grid{ perspective:none!important; overflow-x:auto!important; overflow-y:hidden!important; } body #gocce-koleksiyonlar-vitrin-pro .gocce-card, body #gocce-koleksiyonlar-vitrin-pro .gocce-card:hover, body #gocce-koleksiyonlar-vitrin-pro .gocce-card:focus-visible, body #gocce-koleksiyonlar-vitrin-pro .gocce-card.gocce-motion-active{ transform:translateY(0) scale(1)!important; filter:none!important; box-shadow:0 9px 24px rgba(22,13,8,.09)!important; } body #gocce-koleksiyonlar-vitrin-pro .gocce-card:active{ transform:scale(.982)!important; transition-duration:.11s!important; } body #gocce-koleksiyonlar-vitrin-pro .gocce-card::before{ display:none!important; } body #gocce-koleksiyonlar-vitrin-pro .gocce-koleksiyonlar-vitrin-pro__grid.gocce-grid-hovering .gocce-card:not(.gocce-motion-active){ transform:none!important; filter:none!important; opacity:1!important; } body #gocce-koleksiyonlar-vitrin-pro .gocce-koleksiyonlar-vitrin-pro__stage.gocce-stage-hover{ transform:none!important; filter:none!important; } } @media(prefers-reduced-motion:reduce){ body #gocce-koleksiyonlar-vitrin-pro .gocce-card, body #gocce-koleksiyonlar-vitrin-pro .gocce-card::before, body #gocce-koleksiyonlar-vitrin-pro .gocce-card::after, body #gocce-koleksiyonlar-vitrin-pro .gocce-koleksiyonlar-vitrin-pro__stage{ transition:none!important; animation:none!important; } }