.reference-home *,.reference-home :after,.reference-home :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.reference-home ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/.reference-home *,.reference-home :after,.reference-home :before{box-sizing:border-box;border:0 solid #e5e7eb}.reference-home :after,.reference-home :before{--tw-content:""}.reference-home,.reference-home{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.reference-home{margin:0;line-height:inherit}.reference-home hr{height:0;color:inherit;border-top-width:1px}.reference-home abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.reference-home h1,.reference-home h2,.reference-home h3,.reference-home h4,.reference-home h5,.reference-home h6{font-size:inherit;font-weight:inherit}.reference-home a{color:inherit;text-decoration:inherit}.reference-home b,.reference-home strong{font-weight:bolder}.reference-home code,.reference-home kbd,.reference-home pre,.reference-home samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}.reference-home small{font-size:80%}.reference-home sub,.reference-home sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.reference-home sub{bottom:-.25em}.reference-home sup{top:-.5em}.reference-home table{text-indent:0;border-color:inherit;border-collapse:collapse}.reference-home button,.reference-home input,.reference-home optgroup,.reference-home select,.reference-home textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.reference-home button,.reference-home select{text-transform:none}.reference-home button,.reference-home input:where([type=button]),.reference-home input:where([type=reset]),.reference-home input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.reference-home :-moz-focusring{outline:auto}.reference-home :-moz-ui-invalid{box-shadow:none}.reference-home progress{vertical-align:baseline}.reference-home ::-webkit-inner-spin-button,.reference-home ::-webkit-outer-spin-button{height:auto}.reference-home [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.reference-home ::-webkit-search-decoration{-webkit-appearance:none}.reference-home ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.reference-home summary{display:list-item}.reference-home blockquote,.reference-home dd,.reference-home dl,.reference-home figure,.reference-home h1,.reference-home h2,.reference-home h3,.reference-home h4,.reference-home h5,.reference-home h6,.reference-home hr,.reference-home p,.reference-home pre{margin:0}.reference-home fieldset{margin:0}.reference-home fieldset,.reference-home legend{padding:0}.reference-home menu,.reference-home ol,.reference-home ul{list-style:none;margin:0;padding:0}.reference-home dialog{padding:0}.reference-home textarea{resize:vertical}.reference-home input::-moz-placeholder,.reference-home textarea::-moz-placeholder{opacity:1;color:#9ca3af}.reference-home input::placeholder,.reference-home textarea::placeholder{opacity:1;color:#9ca3af}.reference-home [role=button],.reference-home button{cursor:pointer}.reference-home :disabled{cursor:default}.reference-home audio,.reference-home canvas,.reference-home embed,.reference-home iframe,.reference-home img,.reference-home object,.reference-home svg,.reference-home video{display:block;vertical-align:middle}.reference-home img,.reference-home video{max-width:100%;height:auto}.reference-home [hidden]:where(:not([hidden=until-found])){display:none}.reference-home .pointer-events-none{pointer-events:none}.reference-home .\!visible{visibility:visible!important}.reference-home .visible{visibility:visible}.reference-home .fixed{position:fixed}.reference-home .absolute{position:absolute}.reference-home .relative{position:relative}.reference-home .inset-0{inset:0}.reference-home .-bottom-20{bottom:-5rem}.reference-home .-bottom-6{bottom:-1.5rem}.reference-home .-left-20{left:-5rem}.reference-home .-right-20{right:-5rem}.reference-home .-right-6{right:-1.5rem}.reference-home .-top-20{top:-5rem}.reference-home .-top-4{top:-1rem}.reference-home .left-0{left:0}.reference-home .left-1\/2{left:50%}.reference-home .left-full{left:100%}.reference-home .right-0{right:0}.reference-home .top-0{top:0}.reference-home .top-10{top:2.5rem}.reference-home .z-0{z-index:0}.reference-home .z-10{z-index:10}.reference-home .z-20{z-index:20}.reference-home .z-\[100\]{z-index:100}.reference-home .mx-2{margin-left:.5rem;margin-right:.5rem}.reference-home .mx-auto{margin-left:auto;margin-right:auto}.reference-home .my-2{margin-top:.5rem;margin-bottom:.5rem}.reference-home .my-5{margin-top:1.25rem;margin-bottom:1.25rem}.reference-home .-mr-2{margin-right:-.5rem}.reference-home .-mr-32{margin-right:-8rem}.reference-home .-mt-32{margin-top:-8rem}.reference-home .mb-1{margin-bottom:.25rem}.reference-home .mb-10{margin-bottom:2.5rem}.reference-home .mb-14{margin-bottom:3.5rem}.reference-home .mb-16{margin-bottom:4rem}.reference-home .mb-2{margin-bottom:.5rem}.reference-home .mb-3{margin-bottom:.75rem}.reference-home .mb-4{margin-bottom:1rem}.reference-home .mb-5{margin-bottom:1.25rem}.reference-home .mb-6{margin-bottom:1.5rem}.reference-home .mb-7{margin-bottom:1.75rem}.reference-home .mb-8{margin-bottom:2rem}.reference-home .ml-0{margin-left:0}.reference-home .ml-0\.5{margin-left:.125rem}.reference-home .mt-0{margin-top:0}.reference-home .mt-0\.5{margin-top:.125rem}.reference-home .mt-1{margin-top:.25rem}.reference-home .mt-10{margin-top:2.5rem}.reference-home .mt-12{margin-top:3rem}.reference-home .mt-16{margin-top:4rem}.reference-home .mt-2{margin-top:.5rem}.reference-home .mt-20{margin-top:5rem}.reference-home .mt-3{margin-top:.75rem}.reference-home .mt-4{margin-top:1rem}.reference-home .mt-6{margin-top:1.5rem}.reference-home .block{display:block}.reference-home .inline-block{display:inline-block}.reference-home .flex{display:flex}.reference-home .inline-flex{display:inline-flex}.reference-home .grid{display:grid}.reference-home .hidden{display:none}.reference-home .aspect-\[9\/16\]{aspect-ratio:9/16}.reference-home .h-1\.5{height:.375rem}.reference-home .h-10{height:2.5rem}.reference-home .h-12{height:3rem}.reference-home .h-14{height:3.5rem}.reference-home .h-20{height:5rem}.reference-home .h-3{height:.75rem}.reference-home .h-32{height:8rem}.reference-home .h-4{height:1rem}.reference-home .h-64{height:16rem}.reference-home .h-8{height:2rem}.reference-home .h-80{height:20rem}.reference-home .h-9{height:2.25rem}.reference-home .h-96{height:24rem}.reference-home .h-full{height:100%}.reference-home .h-px{height:1px}.reference-home .min-h-screen{min-height:100vh}.reference-home .w-1\.5{width:.375rem}.reference-home .w-1\/2{width:50%}.reference-home .w-10{width:2.5rem}.reference-home .w-12{width:3rem}.reference-home .w-14{width:3.5rem}.reference-home .w-20{width:5rem}.reference-home .w-3\/4{width:75%}.reference-home .w-32{width:8rem}.reference-home .w-64{width:16rem}.reference-home .w-8{width:2rem}.reference-home .w-80{width:20rem}.reference-home .w-9{width:2.25rem}.reference-home .w-96{width:24rem}.reference-home .w-full{width:100%}.reference-home .max-w-2xl{max-width:42rem}.reference-home .max-w-3xl{max-width:48rem}.reference-home .max-w-4xl{max-width:56rem}.reference-home .max-w-5xl{max-width:64rem}.reference-home .max-w-6xl{max-width:72rem}.reference-home .max-w-7xl{max-width:80rem}.reference-home .max-w-lg{max-width:32rem}.reference-home .max-w-md{max-width:28rem}.reference-home .flex-1{flex:1 1 0%}.reference-home .shrink-0{flex-shrink:0}.reference-home .flex-grow{flex-grow:1}.reference-home .origin-left{transform-origin:left}.reference-home .-translate-x-1\/2{--tw-translate-x:-50%}.reference-home .-translate-x-1\/2,.reference-home .rotate-12{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reference-home .rotate-12{--tw-rotate:12deg}.reference-home .scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.reference-home .scale-105,.reference-home .scale-x-75{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reference-home .scale-x-75{--tw-scale-x:.75}.reference-home .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reference-home .cursor-pointer{cursor:pointer}.reference-home .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.reference-home .flex-col{flex-direction:column}.reference-home .flex-wrap{flex-wrap:wrap}.reference-home .items-start{align-items:flex-start}.reference-home .items-center{align-items:center}.reference-home .justify-center{justify-content:center}.reference-home .justify-between{justify-content:space-between}.reference-home .gap-1{gap:.25rem}.reference-home .gap-1\.5{gap:.375rem}.reference-home .gap-12{gap:3rem}.reference-home .gap-16{gap:4rem}.reference-home .gap-2{gap:.5rem}.reference-home .gap-2\.5{gap:.625rem}.reference-home .gap-3{gap:.75rem}.reference-home .gap-4{gap:1rem}.reference-home .gap-6{gap:1.5rem}.reference-home .gap-7{gap:1.75rem}.reference-home .gap-8{gap:2rem}.reference-home .space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.reference-home .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.reference-home .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.reference-home .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.reference-home .space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.reference-home .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.reference-home .overflow-hidden{overflow:hidden}.reference-home .rounded-2xl{border-radius:1rem}.reference-home .rounded-3xl{border-radius:1.5rem}.reference-home .rounded-\[2\.5rem\]{border-radius:2.5rem}.reference-home .rounded-\[2rem\]{border-radius:2rem}.reference-home .rounded-full{border-radius:9999px}.reference-home .rounded-lg{border-radius:.5rem}.reference-home .rounded-xl{border-radius:.75rem}.reference-home .border{border-width:1px}.reference-home .border-2{border-width:2px}.reference-home .border-b{border-bottom-width:1px}.reference-home .border-t{border-top-width:1px}.reference-home .border-t-2{border-top-width:2px}.reference-home .border-dashed{border-style:dashed}.reference-home .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.reference-home .border-gray-100\/50{border-color:rgba(243,244,246,.5)}.reference-home .border-gray-100\/80{border-color:rgba(243,244,246,.8)}.reference-home .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.reference-home .border-gray-50{--tw-border-opacity:1;border-color:rgb(249 250 251/var(--tw-border-opacity,1))}.reference-home .border-green-100{--tw-border-opacity:1;border-color:rgb(236 220 252/var(--tw-border-opacity,1))}.reference-home .border-green-200{--tw-border-opacity:1;border-color:rgb(217 187 247/var(--tw-border-opacity,1))}.reference-home .border-green-500{--tw-border-opacity:1;border-color:rgb(116 34 197/var(--tw-border-opacity,1))}.reference-home .border-green-700{--tw-border-opacity:1;border-color:rgb(75 21 128/var(--tw-border-opacity,1))}.reference-home .border-green-700\/40{border-color:rgba(75,21,128,.4)}.reference-home .border-green-800{--tw-border-opacity:1;border-color:rgb(61 22 101/var(--tw-border-opacity,1))}.reference-home .border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.reference-home .border-white\/10{border-color:hsla(0,0%,100%,.1)}.reference-home .bg-emerald-400\/20{background-color:rgba(132,52,211,.2)}.reference-home .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.reference-home .bg-gray-100\/70{background-color:rgba(243,244,246,.7)}.reference-home .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.reference-home .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.reference-home .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.reference-home .bg-green-100{--tw-bg-opacity:1;background-color:rgb(236 220 252/var(--tw-bg-opacity,1))}.reference-home .bg-green-200{--tw-bg-opacity:1;background-color:rgb(217 187 247/var(--tw-bg-opacity,1))}.reference-home .bg-green-400\/20{background-color:rgba(148,74,222,.2)}.reference-home .bg-green-50{--tw-bg-opacity:1;background-color:rgb(247 240 253/var(--tw-bg-opacity,1))}.reference-home .bg-green-50\/50{background-color:rgba(247,240,253,.5)}.reference-home .bg-green-500{--tw-bg-opacity:1;background-color:rgb(116 34 197/var(--tw-bg-opacity,1))}.reference-home .bg-green-600{--tw-bg-opacity:1;background-color:rgb(93 22 163/var(--tw-bg-opacity,1))}.reference-home .bg-green-600\/10{background-color:rgba(93,22,163,.1)}.reference-home .bg-green-800{--tw-bg-opacity:1;background-color:rgb(61 22 101/var(--tw-bg-opacity,1))}.reference-home .bg-green-800\/30{background-color:rgba(61,22,101,.3)}.reference-home .bg-green-900{--tw-bg-opacity:1;background-color:rgb(52 20 83/var(--tw-bg-opacity,1))}.reference-home .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.reference-home .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.reference-home .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.reference-home .bg-white\/10{background-color:hsla(0,0%,100%,.1)}.reference-home .bg-white\/15{background-color:hsla(0,0%,100%,.15)}.reference-home .bg-white\/20{background-color:hsla(0,0%,100%,.2)}.reference-home .bg-white\/50{background-color:hsla(0,0%,100%,.5)}.reference-home .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.reference-home .from-green-500{--tw-gradient-from:#7422c5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(116,34,197,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.reference-home .from-green-900{--tw-gradient-from:#341453 var(--tw-gradient-from-position);--tw-gradient-to:rgba(52,20,83,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.reference-home .from-green-950{--tw-gradient-from:#1a052e var(--tw-gradient-from-position);--tw-gradient-to:rgba(26,5,46,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.reference-home .via-green-900{--tw-gradient-to:rgba(52,20,83,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#341453 var(--tw-gradient-via-position),var(--tw-gradient-to)}.reference-home .to-emerald-950{--tw-gradient-to:#17022c var(--tw-gradient-to-position)}.reference-home .to-green-700{--tw-gradient-to:#4b1580 var(--tw-gradient-to-position)}.reference-home .p-10{padding:2.5rem}.reference-home .p-2{padding:.5rem}.reference-home .p-3{padding:.75rem}.reference-home .p-5{padding:1.25rem}.reference-home .p-6{padding:1.5rem}.reference-home .p-7{padding:1.75rem}.reference-home .p-8{padding:2rem}.reference-home .px-10{padding-left:2.5rem;padding-right:2.5rem}.reference-home .px-3{padding-left:.75rem;padding-right:.75rem}.reference-home .px-3\.5{padding-left:.875rem;padding-right:.875rem}.reference-home .px-4{padding-left:1rem;padding-right:1rem}.reference-home .px-5{padding-left:1.25rem;padding-right:1.25rem}.reference-home .px-6{padding-left:1.5rem;padding-right:1.5rem}.reference-home .px-8{padding-left:2rem;padding-right:2rem}.reference-home .py-1{padding-top:.25rem;padding-bottom:.25rem}.reference-home .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.reference-home .py-12{padding-top:3rem;padding-bottom:3rem}.reference-home .py-16{padding-top:4rem;padding-bottom:4rem}.reference-home .py-2{padding-top:.5rem;padding-bottom:.5rem}.reference-home .py-20{padding-top:5rem;padding-bottom:5rem}.reference-home .py-3{padding-top:.75rem;padding-bottom:.75rem}.reference-home .py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.reference-home .py-4{padding-top:1rem;padding-bottom:1rem}.reference-home .py-5{padding-top:1.25rem;padding-bottom:1.25rem}.reference-home .pb-14{padding-bottom:3.5rem}.reference-home .pb-16{padding-bottom:4rem}.reference-home .pb-20{padding-bottom:5rem}.reference-home .pb-6{padding-bottom:1.5rem}.reference-home .pr-4{padding-right:1rem}.reference-home .pt-24{padding-top:6rem}.reference-home .pt-4{padding-top:1rem}.reference-home .pt-6{padding-top:1.5rem}.reference-home .text-left{text-align:left}.reference-home .text-center{text-align:center}.reference-home .font-serif{font-family:Playfair Display,Georgia,serif}.reference-home .text-2xl{font-size:1.5rem;line-height:2rem}.reference-home .text-3xl{font-size:1.875rem;line-height:2.25rem}.reference-home .text-4xl{font-size:2.25rem;line-height:2.5rem}.reference-home .text-5xl{font-size:3rem;line-height:1}.reference-home .text-6xl{font-size:3.75rem;line-height:1}.reference-home .text-\[13px\]{font-size:13px}.reference-home .text-\[14px\]{font-size:14px}.reference-home .text-\[15px\]{font-size:15px}.reference-home .text-\[17px\]{font-size:17px}.reference-home .text-lg{font-size:1.125rem;line-height:1.75rem}.reference-home .text-sm{font-size:.875rem;line-height:1.25rem}.reference-home .text-xl{font-size:1.25rem;line-height:1.75rem}.reference-home .text-xs{font-size:.75rem;line-height:1rem}.reference-home .font-bold{font-weight:700}.reference-home .font-medium{font-weight:500}.reference-home .font-semibold{font-weight:600}.reference-home .uppercase{text-transform:uppercase}.reference-home .italic{font-style:italic}.reference-home .leading-none{line-height:1}.reference-home .leading-relaxed{line-height:1.625}.reference-home .leading-tight{line-height:1.25}.reference-home .tracking-\[0\.2em\]{letter-spacing:.2em}.reference-home .tracking-tight{letter-spacing:-.025em}.reference-home .tracking-wider{letter-spacing:.05em}.reference-home .tracking-widest{letter-spacing:.1em}.reference-home .text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.reference-home .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.reference-home .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.reference-home .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.reference-home .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.reference-home .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.reference-home .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.reference-home .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.reference-home .text-green-100{--tw-text-opacity:1;color:rgb(236 220 252/var(--tw-text-opacity,1))}.reference-home .text-green-200{--tw-text-opacity:1;color:rgb(217 187 247/var(--tw-text-opacity,1))}.reference-home .text-green-300{--tw-text-opacity:1;color:rgb(187 134 239/var(--tw-text-opacity,1))}.reference-home .text-green-300\/80{color:rgba(187,134,239,.8)}.reference-home .text-green-400{--tw-text-opacity:1;color:rgb(148 74 222/var(--tw-text-opacity,1))}.reference-home .text-green-50{--tw-text-opacity:1;color:rgb(247 240 253/var(--tw-text-opacity,1))}.reference-home .text-green-500{--tw-text-opacity:1;color:rgb(116 34 197/var(--tw-text-opacity,1))}.reference-home .text-green-600{--tw-text-opacity:1;color:rgb(93 22 163/var(--tw-text-opacity,1))}.reference-home .text-green-700{--tw-text-opacity:1;color:rgb(75 21 128/var(--tw-text-opacity,1))}.reference-home .text-green-800{--tw-text-opacity:1;color:rgb(61 22 101/var(--tw-text-opacity,1))}.reference-home .text-green-900{--tw-text-opacity:1;color:rgb(52 20 83/var(--tw-text-opacity,1))}.reference-home .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.reference-home .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.reference-home .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.reference-home .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.reference-home .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.reference-home .line-through{text-decoration-line:line-through}.reference-home .opacity-10{opacity:.1}.reference-home .opacity-\[0\.03\]{opacity:.03}.reference-home .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.reference-home .shadow-2xl,.reference-home .shadow-\[0_2px_10px_rgb\(34\2c 197\2c 94\2c 0\.3\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reference-home .shadow-\[0_2px_10px_rgb\(34\2c 197\2c 94\2c 0\.3\)\]{--tw-shadow:0 2px 10px rgb(116,34,197,0.3);--tw-shadow-colored:0 2px 10px var(--tw-shadow-color)}.reference-home .shadow-\[0_4px_12px_rgb\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 4px 12px rgb(0,0,0,0.1);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reference-home .shadow-\[0_4px_24px_rgb\(0\2c 0\2c 0\2c 0\.07\)\]{--tw-shadow:0 4px 24px rgb(0,0,0,0.07);--tw-shadow-colored:0 4px 24px var(--tw-shadow-color)}.reference-home .shadow-\[0_4px_24px_rgb\(0\2c 0\2c 0\2c 0\.07\)\],.reference-home .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reference-home .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.reference-home .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.reference-home .shadow-md,.reference-home .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reference-home .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.reference-home .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reference-home .shadow-green-100{--tw-shadow-color:#ecdcfc;--tw-shadow:var(--tw-shadow-colored)}.reference-home .shadow-green-900\/40{--tw-shadow-color:rgba(52,20,83,.4);--tw-shadow:var(--tw-shadow-colored)}.reference-home .blur-3xl{--tw-blur:blur(64px)}.reference-home .blur-3xl,.reference-home .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.reference-home .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.reference-home .backdrop-blur-sm,.reference-home .backdrop-blur-xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.reference-home .backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.reference-home .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.reference-home .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.reference-home .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.reference-home .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.reference-home .duration-200{transition-duration:.2s}.reference-home .duration-300{transition-duration:.3s}.reference-home .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reference-home .hover\:border-green-200:hover{--tw-border-opacity:1;border-color:rgb(217 187 247/var(--tw-border-opacity,1))}.reference-home .hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.reference-home .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.reference-home .hover\:bg-gray-50\/80:hover{background-color:rgba(249,250,251,.8)}.reference-home .hover\:bg-green-400:hover{--tw-bg-opacity:1;background-color:rgb(148 74 222/var(--tw-bg-opacity,1))}.reference-home .hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(247 240 253/var(--tw-bg-opacity,1))}.reference-home .hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:rgb(116 34 197/var(--tw-bg-opacity,1))}.reference-home .hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(93 22 163/var(--tw-bg-opacity,1))}.reference-home .hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(75 21 128/var(--tw-bg-opacity,1))}.reference-home .hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.reference-home .hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.reference-home .hover\:text-green-300:hover{--tw-text-opacity:1;color:rgb(187 134 239/var(--tw-text-opacity,1))}.reference-home .hover\:text-green-400:hover{--tw-text-opacity:1;color:rgb(148 74 222/var(--tw-text-opacity,1))}.reference-home .hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(75 21 128/var(--tw-text-opacity,1))}.reference-home .hover\:shadow-\[0_6px_16px_rgb\(0\2c 0\2c 0\2c 0\.15\)\]:hover{--tw-shadow:0 6px 16px rgb(0,0,0,0.15);--tw-shadow-colored:0 6px 16px var(--tw-shadow-color)}.reference-home .hover\:shadow-\[0_6px_16px_rgb\(0\2c 0\2c 0\2c 0\.15\)\]:hover,.reference-home .hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reference-home .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.reference-home .group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reference-home .group:hover .group-hover\:bg-green-600{--tw-bg-opacity:1;background-color:rgb(93 22 163/var(--tw-bg-opacity,1))}.reference-home .group:hover .group-hover\:text-green-700{--tw-text-opacity:1;color:rgb(75 21 128/var(--tw-text-opacity,1))}.reference-home .group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.reference-home .group:hover .group-hover\:shadow-\[0_4px_15px_rgb\(34\2c 197\2c 94\2c 0\.4\)\]{--tw-shadow:0 4px 15px rgb(116,34,197,0.4);--tw-shadow-colored:0 4px 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.reference-home .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-home .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-home .sm\:flex-row{flex-direction:row}}@media (min-width:768px){.reference-home .md\:col-span-2{grid-column:span 2/span 2}.reference-home .md\:ml-8{margin-left:2rem}.reference-home .md\:block{display:block}.reference-home .md\:flex{display:flex}.reference-home .md\:hidden{display:none}.reference-home .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-home .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-home .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-home .md\:flex-row{flex-direction:row}.reference-home .md\:p-12{padding:3rem}.reference-home .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.reference-home .md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.reference-home .md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1024px){.reference-home .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}

        .ref-page-pricing {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .ref-page-pricing * { scroll-behavior: smooth; }
        .ref-page-pricing, .ref-page-pricing { margin: 0; padding: 0; }
        .ref-page-pricing { font-family: 'Inter', sans-serif; }
        .ref-page-pricing .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .ref-page-pricing .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .ref-page-pricing .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .ref-page-pricing .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .ref-page-pricing .card-hover { transition: all 0.3s ease; }
        .ref-page-pricing .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .ref-page-pricing .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .ref-page-pricing .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .ref-page-pricing .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .ref-page-pricing .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .ref-page-pricing .nav-link { position: relative; transition: color 0.3s; }
        .ref-page-pricing .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .ref-page-pricing .nav-link:hover::after, .ref-page-pricing .nav-link.active::after { width:100%; }
        .ref-page-pricing .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .ref-page-pricing .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .ref-page-pricing .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-pricing ::-webkit-scrollbar { width:8px; height:8px; }
        .ref-page-pricing ::-webkit-scrollbar-track { background:#f7f0fd; }
        .ref-page-pricing ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .ref-page-pricing .dropdown { position:relative; }
        .ref-page-pricing .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .ref-page-pricing .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-pricing .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .ref-page-pricing .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .ref-page-pricing .hide-mobile{ display:none !important; }
            .ref-page-pricing .stack-mobile{ flex-direction:column !important; }
            .ref-page-pricing .full-mobile{ width:100% !important; }
            .ref-page-pricing .text-sm-mobile{ font-size:13px !important; }
            .ref-page-pricing h1{ font-size:clamp(22px,6vw,40px) !important; }
            .ref-page-pricing h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .ref-page-pricing .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .ref-page-pricing .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .ref-page-pricing button, .ref-page-pricing [role="button"], .ref-page-pricing .btn-primary, .ref-page-pricing .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .ref-page-pricing input, .ref-page-pricing select, .ref-page-pricing textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .ref-page-pricing input, .ref-page-pricing select, .ref-page-pricing textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .ref-page-pricing{ padding-bottom:env(safe-area-inset-bottom,0); }
    
        .ref-page-bayi {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .ref-page-bayi * { scroll-behavior: smooth; }
        .ref-page-bayi, .ref-page-bayi { margin: 0; padding: 0; }
        .ref-page-bayi { font-family: 'Inter', sans-serif; }
        .ref-page-bayi .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .ref-page-bayi .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .ref-page-bayi .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .ref-page-bayi .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .ref-page-bayi .card-hover { transition: all 0.3s ease; }
        .ref-page-bayi .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .ref-page-bayi .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .ref-page-bayi .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .ref-page-bayi .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .ref-page-bayi .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .ref-page-bayi .nav-link { position: relative; transition: color 0.3s; }
        .ref-page-bayi .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .ref-page-bayi .nav-link:hover::after, .ref-page-bayi .nav-link.active::after { width:100%; }
        .ref-page-bayi .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .ref-page-bayi .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .ref-page-bayi .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-bayi ::-webkit-scrollbar { width:8px; height:8px; }
        .ref-page-bayi ::-webkit-scrollbar-track { background:#f7f0fd; }
        .ref-page-bayi ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .ref-page-bayi .dropdown { position:relative; }
        .ref-page-bayi .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .ref-page-bayi .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-bayi .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .ref-page-bayi .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .ref-page-bayi .hide-mobile{ display:none !important; }
            .ref-page-bayi .stack-mobile{ flex-direction:column !important; }
            .ref-page-bayi .full-mobile{ width:100% !important; }
            .ref-page-bayi .text-sm-mobile{ font-size:13px !important; }
            .ref-page-bayi h1{ font-size:clamp(22px,6vw,40px) !important; }
            .ref-page-bayi h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .ref-page-bayi .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .ref-page-bayi .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .ref-page-bayi button, .ref-page-bayi [role="button"], .ref-page-bayi .btn-primary, .ref-page-bayi .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .ref-page-bayi input, .ref-page-bayi select, .ref-page-bayi textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .ref-page-bayi input, .ref-page-bayi select, .ref-page-bayi textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .ref-page-bayi{ padding-bottom:env(safe-area-inset-bottom,0); }
    
        .ref-page-blog {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .ref-page-blog * { scroll-behavior: smooth; }
        .ref-page-blog, .ref-page-blog { margin: 0; padding: 0; }
        .ref-page-blog { font-family: 'Inter', sans-serif; }
        .ref-page-blog .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .ref-page-blog .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .ref-page-blog .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .ref-page-blog .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .ref-page-blog .card-hover { transition: all 0.3s ease; }
        .ref-page-blog .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .ref-page-blog .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .ref-page-blog .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .ref-page-blog .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .ref-page-blog .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .ref-page-blog .nav-link { position: relative; transition: color 0.3s; }
        .ref-page-blog .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .ref-page-blog .nav-link:hover::after, .ref-page-blog .nav-link.active::after { width:100%; }
        .ref-page-blog .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .ref-page-blog .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .ref-page-blog .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-blog ::-webkit-scrollbar { width:8px; height:8px; }
        .ref-page-blog ::-webkit-scrollbar-track { background:#f7f0fd; }
        .ref-page-blog ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .ref-page-blog .dropdown { position:relative; }
        .ref-page-blog .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .ref-page-blog .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-blog .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .ref-page-blog .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .ref-page-blog .hide-mobile{ display:none !important; }
            .ref-page-blog .stack-mobile{ flex-direction:column !important; }
            .ref-page-blog .full-mobile{ width:100% !important; }
            .ref-page-blog .text-sm-mobile{ font-size:13px !important; }
            .ref-page-blog h1{ font-size:clamp(22px,6vw,40px) !important; }
            .ref-page-blog h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .ref-page-blog .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .ref-page-blog .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .ref-page-blog button, .ref-page-blog [role="button"], .ref-page-blog .btn-primary, .ref-page-blog .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .ref-page-blog input, .ref-page-blog select, .ref-page-blog textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .ref-page-blog input, .ref-page-blog select, .ref-page-blog textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .ref-page-blog{ padding-bottom:env(safe-area-inset-bottom,0); }
    
        .ref-page-contact {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .ref-page-contact * { scroll-behavior: smooth; }
        .ref-page-contact, .ref-page-contact { margin: 0; padding: 0; }
        .ref-page-contact { font-family: 'Inter', sans-serif; }
        .ref-page-contact .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .ref-page-contact .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .ref-page-contact .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .ref-page-contact .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .ref-page-contact .card-hover { transition: all 0.3s ease; }
        .ref-page-contact .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .ref-page-contact .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .ref-page-contact .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .ref-page-contact .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .ref-page-contact .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .ref-page-contact .nav-link { position: relative; transition: color 0.3s; }
        .ref-page-contact .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .ref-page-contact .nav-link:hover::after, .ref-page-contact .nav-link.active::after { width:100%; }
        .ref-page-contact .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .ref-page-contact .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .ref-page-contact .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-contact ::-webkit-scrollbar { width:8px; height:8px; }
        .ref-page-contact ::-webkit-scrollbar-track { background:#f7f0fd; }
        .ref-page-contact ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .ref-page-contact .dropdown { position:relative; }
        .ref-page-contact .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .ref-page-contact .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-contact .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .ref-page-contact .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .ref-page-contact .hide-mobile{ display:none !important; }
            .ref-page-contact .stack-mobile{ flex-direction:column !important; }
            .ref-page-contact .full-mobile{ width:100% !important; }
            .ref-page-contact .text-sm-mobile{ font-size:13px !important; }
            .ref-page-contact h1{ font-size:clamp(22px,6vw,40px) !important; }
            .ref-page-contact h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .ref-page-contact .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .ref-page-contact .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .ref-page-contact button, .ref-page-contact [role="button"], .ref-page-contact .btn-primary, .ref-page-contact .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .ref-page-contact input, .ref-page-contact select, .ref-page-contact textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .ref-page-contact input, .ref-page-contact select, .ref-page-contact textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .ref-page-contact{ padding-bottom:env(safe-area-inset-bottom,0); }
    
        .ref-page-about {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .ref-page-about * { scroll-behavior: smooth; }
        .ref-page-about, .ref-page-about { margin: 0; padding: 0; }
        .ref-page-about { font-family: 'Inter', sans-serif; }
        .ref-page-about .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .ref-page-about .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .ref-page-about .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .ref-page-about .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .ref-page-about .card-hover { transition: all 0.3s ease; }
        .ref-page-about .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .ref-page-about .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .ref-page-about .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .ref-page-about .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .ref-page-about .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .ref-page-about .nav-link { position: relative; transition: color 0.3s; }
        .ref-page-about .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .ref-page-about .nav-link:hover::after, .ref-page-about .nav-link.active::after { width:100%; }
        .ref-page-about .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .ref-page-about .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .ref-page-about .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-about ::-webkit-scrollbar { width:8px; height:8px; }
        .ref-page-about ::-webkit-scrollbar-track { background:#f7f0fd; }
        .ref-page-about ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .ref-page-about .dropdown { position:relative; }
        .ref-page-about .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .ref-page-about .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-about .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .ref-page-about .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .ref-page-about .hide-mobile{ display:none !important; }
            .ref-page-about .stack-mobile{ flex-direction:column !important; }
            .ref-page-about .full-mobile{ width:100% !important; }
            .ref-page-about .text-sm-mobile{ font-size:13px !important; }
            .ref-page-about h1{ font-size:clamp(22px,6vw,40px) !important; }
            .ref-page-about h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .ref-page-about .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .ref-page-about .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .ref-page-about button, .ref-page-about [role="button"], .ref-page-about .btn-primary, .ref-page-about .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .ref-page-about input, .ref-page-about select, .ref-page-about textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .ref-page-about input, .ref-page-about select, .ref-page-about textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .ref-page-about{ padding-bottom:env(safe-area-inset-bottom,0); }
    
        .ref-page-faq {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .ref-page-faq * { scroll-behavior: smooth; }
        .ref-page-faq, .ref-page-faq { margin: 0; padding: 0; }
        .ref-page-faq { font-family: 'Inter', sans-serif; }
        .ref-page-faq .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .ref-page-faq .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .ref-page-faq .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .ref-page-faq .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .ref-page-faq .card-hover { transition: all 0.3s ease; }
        .ref-page-faq .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .ref-page-faq .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .ref-page-faq .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .ref-page-faq .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .ref-page-faq .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .ref-page-faq .nav-link { position: relative; transition: color 0.3s; }
        .ref-page-faq .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .ref-page-faq .nav-link:hover::after, .ref-page-faq .nav-link.active::after { width:100%; }
        .ref-page-faq .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .ref-page-faq .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .ref-page-faq .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-faq ::-webkit-scrollbar { width:8px; height:8px; }
        .ref-page-faq ::-webkit-scrollbar-track { background:#f7f0fd; }
        .ref-page-faq ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .ref-page-faq .dropdown { position:relative; }
        .ref-page-faq .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .ref-page-faq .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-faq .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .ref-page-faq .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .ref-page-faq .hide-mobile{ display:none !important; }
            .ref-page-faq .stack-mobile{ flex-direction:column !important; }
            .ref-page-faq .full-mobile{ width:100% !important; }
            .ref-page-faq .text-sm-mobile{ font-size:13px !important; }
            .ref-page-faq h1{ font-size:clamp(22px,6vw,40px) !important; }
            .ref-page-faq h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .ref-page-faq .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .ref-page-faq .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .ref-page-faq button, .ref-page-faq [role="button"], .ref-page-faq .btn-primary, .ref-page-faq .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .ref-page-faq input, .ref-page-faq select, .ref-page-faq textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .ref-page-faq input, .ref-page-faq select, .ref-page-faq textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .ref-page-faq{ padding-bottom:env(safe-area-inset-bottom,0); }
    
        .ref-page-how-it-works {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .ref-page-how-it-works * { scroll-behavior: smooth; }
        .ref-page-how-it-works, .ref-page-how-it-works { margin: 0; padding: 0; }
        .ref-page-how-it-works { font-family: 'Inter', sans-serif; }
        .ref-page-how-it-works .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .ref-page-how-it-works .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .ref-page-how-it-works .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .ref-page-how-it-works .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .ref-page-how-it-works .card-hover { transition: all 0.3s ease; }
        .ref-page-how-it-works .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .ref-page-how-it-works .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .ref-page-how-it-works .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .ref-page-how-it-works .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .ref-page-how-it-works .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .ref-page-how-it-works .nav-link { position: relative; transition: color 0.3s; }
        .ref-page-how-it-works .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .ref-page-how-it-works .nav-link:hover::after, .ref-page-how-it-works .nav-link.active::after { width:100%; }
        .ref-page-how-it-works .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .ref-page-how-it-works .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .ref-page-how-it-works .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-how-it-works ::-webkit-scrollbar { width:8px; height:8px; }
        .ref-page-how-it-works ::-webkit-scrollbar-track { background:#f7f0fd; }
        .ref-page-how-it-works ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .ref-page-how-it-works .dropdown { position:relative; }
        .ref-page-how-it-works .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .ref-page-how-it-works .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-how-it-works .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .ref-page-how-it-works .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .ref-page-how-it-works .hide-mobile{ display:none !important; }
            .ref-page-how-it-works .stack-mobile{ flex-direction:column !important; }
            .ref-page-how-it-works .full-mobile{ width:100% !important; }
            .ref-page-how-it-works .text-sm-mobile{ font-size:13px !important; }
            .ref-page-how-it-works h1{ font-size:clamp(22px,6vw,40px) !important; }
            .ref-page-how-it-works h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .ref-page-how-it-works .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .ref-page-how-it-works .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .ref-page-how-it-works button, .ref-page-how-it-works [role="button"], .ref-page-how-it-works .btn-primary, .ref-page-how-it-works .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .ref-page-how-it-works input, .ref-page-how-it-works select, .ref-page-how-it-works textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .ref-page-how-it-works input, .ref-page-how-it-works select, .ref-page-how-it-works textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .ref-page-how-it-works{ padding-bottom:env(safe-area-inset-bottom,0); }
    
        .ref-page-post-dijital-davetiye-nedir {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .ref-page-post-dijital-davetiye-nedir * { scroll-behavior: smooth; }
        .ref-page-post-dijital-davetiye-nedir, .ref-page-post-dijital-davetiye-nedir { margin: 0; padding: 0; }
        .ref-page-post-dijital-davetiye-nedir { font-family: 'Inter', sans-serif; }
        .ref-page-post-dijital-davetiye-nedir .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .ref-page-post-dijital-davetiye-nedir .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .ref-page-post-dijital-davetiye-nedir .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .ref-page-post-dijital-davetiye-nedir .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .ref-page-post-dijital-davetiye-nedir .card-hover { transition: all 0.3s ease; }
        .ref-page-post-dijital-davetiye-nedir .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .ref-page-post-dijital-davetiye-nedir .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .ref-page-post-dijital-davetiye-nedir .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .ref-page-post-dijital-davetiye-nedir .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .ref-page-post-dijital-davetiye-nedir .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .ref-page-post-dijital-davetiye-nedir .nav-link { position: relative; transition: color 0.3s; }
        .ref-page-post-dijital-davetiye-nedir .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .ref-page-post-dijital-davetiye-nedir .nav-link:hover::after, .ref-page-post-dijital-davetiye-nedir .nav-link.active::after { width:100%; }
        .ref-page-post-dijital-davetiye-nedir .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .ref-page-post-dijital-davetiye-nedir .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .ref-page-post-dijital-davetiye-nedir .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-post-dijital-davetiye-nedir ::-webkit-scrollbar { width:8px; height:8px; }
        .ref-page-post-dijital-davetiye-nedir ::-webkit-scrollbar-track { background:#f7f0fd; }
        .ref-page-post-dijital-davetiye-nedir ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .ref-page-post-dijital-davetiye-nedir .dropdown { position:relative; }
        .ref-page-post-dijital-davetiye-nedir .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .ref-page-post-dijital-davetiye-nedir .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-post-dijital-davetiye-nedir .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .ref-page-post-dijital-davetiye-nedir .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .ref-page-post-dijital-davetiye-nedir .hide-mobile{ display:none !important; }
            .ref-page-post-dijital-davetiye-nedir .stack-mobile{ flex-direction:column !important; }
            .ref-page-post-dijital-davetiye-nedir .full-mobile{ width:100% !important; }
            .ref-page-post-dijital-davetiye-nedir .text-sm-mobile{ font-size:13px !important; }
            .ref-page-post-dijital-davetiye-nedir h1{ font-size:clamp(22px,6vw,40px) !important; }
            .ref-page-post-dijital-davetiye-nedir h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .ref-page-post-dijital-davetiye-nedir .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .ref-page-post-dijital-davetiye-nedir .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .ref-page-post-dijital-davetiye-nedir button, .ref-page-post-dijital-davetiye-nedir [role="button"], .ref-page-post-dijital-davetiye-nedir .btn-primary, .ref-page-post-dijital-davetiye-nedir .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .ref-page-post-dijital-davetiye-nedir input, .ref-page-post-dijital-davetiye-nedir select, .ref-page-post-dijital-davetiye-nedir textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .ref-page-post-dijital-davetiye-nedir input, .ref-page-post-dijital-davetiye-nedir select, .ref-page-post-dijital-davetiye-nedir textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .ref-page-post-dijital-davetiye-nedir{ padding-bottom:env(safe-area-inset-bottom,0); }
    
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler * { scroll-behavior: smooth; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler, .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler { margin: 0; padding: 0; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler { font-family: 'Inter', sans-serif; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .card-hover { transition: all 0.3s ease; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .nav-link { position: relative; transition: color 0.3s; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .nav-link:hover::after, .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .nav-link.active::after { width:100%; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler ::-webkit-scrollbar { width:8px; height:8px; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler ::-webkit-scrollbar-track { background:#f7f0fd; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .dropdown { position:relative; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .hide-mobile{ display:none !important; }
            .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .stack-mobile{ flex-direction:column !important; }
            .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .full-mobile{ width:100% !important; }
            .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .text-sm-mobile{ font-size:13px !important; }
            .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler h1{ font-size:clamp(22px,6vw,40px) !important; }
            .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler button, .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler [role="button"], .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .btn-primary, .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler input, .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler select, .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler input, .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler select, .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .ref-page-post-dugun-davetiyesi-hazirlarken-dikkat-edilecekler{ padding-bottom:env(safe-area-inset-bottom,0); }
    
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir * { scroll-behavior: smooth; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir, .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir { margin: 0; padding: 0; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir { font-family: 'Inter', sans-serif; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .card-hover { transition: all 0.3s ease; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .nav-link { position: relative; transition: color 0.3s; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .nav-link:hover::after, .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .nav-link.active::after { width:100%; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir ::-webkit-scrollbar { width:8px; height:8px; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir ::-webkit-scrollbar-track { background:#f7f0fd; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .dropdown { position:relative; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .hide-mobile{ display:none !important; }
            .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .stack-mobile{ flex-direction:column !important; }
            .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .full-mobile{ width:100% !important; }
            .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .text-sm-mobile{ font-size:13px !important; }
            .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir h1{ font-size:clamp(22px,6vw,40px) !important; }
            .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir button, .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir [role="button"], .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .btn-primary, .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir input, .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir select, .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir input, .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir select, .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .ref-page-post-rsvp-katilim-bildirimi-nasil-kullanilir{ padding-bottom:env(safe-area-inset-bottom,0); }
    
        .ref-page-post-whatsapp-ile-davetiye-gonderme {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .ref-page-post-whatsapp-ile-davetiye-gonderme * { scroll-behavior: smooth; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme, .ref-page-post-whatsapp-ile-davetiye-gonderme { margin: 0; padding: 0; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme { font-family: 'Inter', sans-serif; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .card-hover { transition: all 0.3s ease; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .nav-link { position: relative; transition: color 0.3s; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .nav-link:hover::after, .ref-page-post-whatsapp-ile-davetiye-gonderme .nav-link.active::after { width:100%; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-post-whatsapp-ile-davetiye-gonderme ::-webkit-scrollbar { width:8px; height:8px; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme ::-webkit-scrollbar-track { background:#f7f0fd; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .dropdown { position:relative; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .ref-page-post-whatsapp-ile-davetiye-gonderme .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .ref-page-post-whatsapp-ile-davetiye-gonderme .hide-mobile{ display:none !important; }
            .ref-page-post-whatsapp-ile-davetiye-gonderme .stack-mobile{ flex-direction:column !important; }
            .ref-page-post-whatsapp-ile-davetiye-gonderme .full-mobile{ width:100% !important; }
            .ref-page-post-whatsapp-ile-davetiye-gonderme .text-sm-mobile{ font-size:13px !important; }
            .ref-page-post-whatsapp-ile-davetiye-gonderme h1{ font-size:clamp(22px,6vw,40px) !important; }
            .ref-page-post-whatsapp-ile-davetiye-gonderme h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .ref-page-post-whatsapp-ile-davetiye-gonderme .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .ref-page-post-whatsapp-ile-davetiye-gonderme .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .ref-page-post-whatsapp-ile-davetiye-gonderme button, .ref-page-post-whatsapp-ile-davetiye-gonderme [role="button"], .ref-page-post-whatsapp-ile-davetiye-gonderme .btn-primary, .ref-page-post-whatsapp-ile-davetiye-gonderme .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .ref-page-post-whatsapp-ile-davetiye-gonderme input, .ref-page-post-whatsapp-ile-davetiye-gonderme select, .ref-page-post-whatsapp-ile-davetiye-gonderme textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .ref-page-post-whatsapp-ile-davetiye-gonderme input, .ref-page-post-whatsapp-ile-davetiye-gonderme select, .ref-page-post-whatsapp-ile-davetiye-gonderme textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .ref-page-post-whatsapp-ile-davetiye-gonderme{ padding-bottom:env(safe-area-inset-bottom,0); }
    
        .ref-gallery {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .ref-gallery * { scroll-behavior: smooth; }
        .ref-gallery, .ref-gallery { margin: 0; padding: 0; }
        .ref-gallery { font-family: 'Inter', sans-serif; }
        .ref-gallery .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .ref-gallery .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .ref-gallery .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .ref-gallery .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .ref-gallery .card-hover { transition: all 0.3s ease; }
        .ref-gallery .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .ref-gallery .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .ref-gallery .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .ref-gallery .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .ref-gallery .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .ref-gallery .nav-link { position: relative; transition: color 0.3s; }
        .ref-gallery .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .ref-gallery .nav-link:hover::after, .ref-gallery .nav-link.active::after { width:100%; }
        .ref-gallery .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .ref-gallery .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .ref-gallery .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .ref-gallery ::-webkit-scrollbar { width:8px; height:8px; }
        .ref-gallery ::-webkit-scrollbar-track { background:#f7f0fd; }
        .ref-gallery ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .ref-gallery .dropdown { position:relative; }
        .ref-gallery .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .ref-gallery .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .ref-gallery .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .ref-gallery .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .ref-gallery .hide-mobile{ display:none !important; }
            .ref-gallery .stack-mobile{ flex-direction:column !important; }
            .ref-gallery .full-mobile{ width:100% !important; }
            .ref-gallery .text-sm-mobile{ font-size:13px !important; }
            .ref-gallery h1{ font-size:clamp(22px,6vw,40px) !important; }
            .ref-gallery h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .ref-gallery .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .ref-gallery .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .ref-gallery button, .ref-gallery [role="button"], .ref-gallery .btn-primary, .ref-gallery .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .ref-gallery input, .ref-gallery select, .ref-gallery textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .ref-gallery input, .ref-gallery select, .ref-gallery textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .ref-gallery{ padding-bottom:env(safe-area-inset-bottom,0); }
    

/* ════════════════════════════════════
   GENEL
════════════════════════════════════ */
.ref-gallery .tpl-page {
    background: #f3f1f5;
    min-height: calc(100vh - 64px);
}

/* ════════════════════════════════════
   HERO
════════════════════════════════════ */
.ref-gallery .tpl-hero {
    background: #1a052e;
    position: relative;
    overflow: hidden;
    padding: 96px 24px 60px;
    text-align: center;
}
.ref-gallery .tpl-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none;
}
.ref-gallery .tpl-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.ref-gallery .tpl-glow-1 {
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(116,34,197,.12) 0%, transparent 65%);
    top: -200px; right: -150px;
}
.ref-gallery .tpl-glow-2 {
    width: 400px; height: 400px;
    background: radial-gradient(circle, rgba(93,22,163,.1) 0%, transparent 65%);
    bottom: -120px; left: -80px;
}
.ref-gallery .tpl-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(116,34,197,.12);
    border: 1px solid rgba(116,34,197,.25);
    border-radius: 40px;
    padding: 6px 16px 6px 10px;
    margin-bottom: 24px;
}
.ref-gallery .tpl-hero-tag-dot {
    width: 26px; height: 26px;
    background: linear-gradient(135deg, #5d16a3, #944ade);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px;
}
.ref-gallery .tpl-hero-h1 {
    font-size: clamp(30px, 5vw, 54px);
    font-weight: 800;
    color: #fff;
    font-family: 'Playfair Display', serif;
    line-height: 1.12;
    margin-bottom: 16px;
}
.ref-gallery .tpl-hero-h1 span {
    background: linear-gradient(135deg, #944ade, #7422c5, #bb86ef);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.ref-gallery .tpl-hero-sub {
    color: rgba(255,255,255,.5);
    font-size: 16px;
    max-width: 460px;
    margin: 0 auto 28px;
    line-height: 1.7;
}

/* Search */
.ref-gallery .tpl-search-wrap {
    max-width: 520px;
    margin: 0 auto;
    display: flex;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    overflow: hidden;
    backdrop-filter: blur(12px);
    transition: border-color .2s, box-shadow .2s;
}
.ref-gallery .tpl-search-wrap:focus-within {
    border-color: rgba(116,34,197,.4);
    box-shadow: 0 0 0 3px rgba(116,34,197,.15);
}
.ref-gallery .tpl-search-input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 14px 20px;
    color: #fff;
    font-size: 15px;
    outline: none;
}
.ref-gallery .tpl-search-input::placeholder { color: rgba(255,255,255,.35); }
.ref-gallery .tpl-search-btn {
    padding: 0 22px;
    background: linear-gradient(135deg, #5d16a3, #4b1580);
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background .2s;
}
.ref-gallery .tpl-search-btn:hover { background: linear-gradient(135deg, #4b1580, #341453); }

/* Hero badges */
.ref-gallery .tpl-hero-badges {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 28px;
    flex-wrap: wrap;
}
.ref-gallery .tpl-hero-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255,255,255,.45);
    font-size: 12px;
    font-weight: 600;
}
.ref-gallery .tpl-hero-badge .ico { color: #944ade; }

/* ════════════════════════════════════
   KATEGORİ BANDI
════════════════════════════════════ */
.ref-gallery .tpl-cats-section {
    background: #fff;
    border-bottom: 1px solid #f1f5f9;
    padding: 28px 24px;
}
.ref-gallery .tpl-cats-grid {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 12px;
}
.ref-gallery .tpl-cat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 18px 10px;
    background: #fff;
    border: 1.5px solid #f1f5f9;
    border-radius: 16px;
    text-decoration: none;
    transition: all .22s;
    cursor: pointer;
}
.ref-gallery .tpl-cat-card:hover {
    border-color: #d9bbf7;
    background: #f7f0fd;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(61,22,101,.08);
}
.ref-gallery .tpl-cat-card.active {
    border-color: #5d16a3;
    background: #f7f0fd;
    box-shadow: 0 0 0 3px rgba(93,22,163,.12);
}
.ref-gallery .tpl-cat-icon {
    width: 50px; height: 50px;
    border-radius: 14px;
    background: linear-gradient(135deg, #f7f0fd, #ecdcfc);
    display: flex; align-items: center; justify-content: center;
    font-size: 22px;
    transition: transform .2s;
}
.ref-gallery .tpl-cat-card:hover .tpl-cat-icon,
.ref-gallery .tpl-cat-card.active .tpl-cat-icon { transform: scale(1.08); }
.ref-gallery .tpl-cat-name {
    font-size: 12px;
    font-weight: 700;
    color: #374151;
    text-align: center;
    line-height: 1.3;
}
.ref-gallery .tpl-cat-count {
    font-size: 10px;
    color: #94a3b8;
    font-weight: 600;
}

/* ════════════════════════════════════
   STICKY FILTER BAR
════════════════════════════════════ */
.ref-gallery .tpl-filter-bar {
    position: sticky;
    top: 64px;
    z-index: 40;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 2px 16px rgba(0,0,0,.05);
}
.ref-gallery .tpl-filter-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.ref-gallery .tpl-filter-inner::-webkit-scrollbar { display: none; }
.ref-gallery .tpl-pills {
    display: flex;
    gap: 8px;
    padding: 12px 0;
    flex-shrink: 0;
}
.ref-gallery .tpl-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 15px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 700;
    border: 1.5px solid #e5e7eb;
    background: #fff;
    color: #374151;
    text-decoration: none;
    transition: all .18s;
    white-space: nowrap;
    flex-shrink: 0;
}
.ref-gallery .tpl-pill:hover { border-color: #5d16a3; color: #3d1665; background: #f7f0fd; }
.ref-gallery .tpl-pill.active {
    border-color: #5d16a3;
    background: #5d16a3;
    color: #fff;
    box-shadow: 0 4px 12px rgba(93,22,163,.3);
}
.ref-gallery .tpl-pill-cnt {
    font-size: 10px;
    font-weight: 800;
    background: rgba(0,0,0,.08);
    padding: 1px 6px;
    border-radius: 10px;
}
.ref-gallery .tpl-pill.active .tpl-pill-cnt { background: rgba(255,255,255,.25); }
.ref-gallery .tpl-filter-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    margin-left: auto;
    padding: 12px 0;
}
.ref-gallery .tpl-result-count {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 600;
    white-space: nowrap;
}
.ref-gallery .tpl-sort-select {
    padding: 7px 12px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #374151;
    background: #fff;
    cursor: pointer;
    outline: none;
    flex-shrink: 0;
}
.ref-gallery .tpl-sort-select:focus { border-color: #5d16a3; }

/* ════════════════════════════════════
   SECTION HEADER
════════════════════════════════════ */
.ref-gallery .section-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.ref-gallery .section-bar {
    width: 4px;
    height: 24px;
    background: linear-gradient(to bottom, #5d16a3, #944ade);
    border-radius: 2px;
    flex-shrink: 0;
}
.ref-gallery .section-title {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
}
.ref-gallery .section-badge {
    background: #f7f0fd;
    color: #5d16a3;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 20px;
}

/* ════════════════════════════════════
   ŞABLON KARTI
════════════════════════════════════ */
.ref-gallery .tpl-card {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    border: 2px solid transparent;
    box-shadow: 0 4px 20px rgba(0,0,0,.07);
    transition: all .3s cubic-bezier(.17,.67,.36,1.15);
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
}
.ref-gallery .tpl-card:hover {
    border-color: #bb86ef;
    box-shadow: 0 24px 60px rgba(61,22,101,.16);
    transform: translateY(-6px);
}

/* Önizleme alanı — tam alan flex düzeni */
.ref-gallery .tpl-card-thumb {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

/* ── Gerçek Davetiye Önizleme: Hero ── */
.ref-gallery .th-hero {
    flex: 1 1 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    overflow: hidden;
}
.ref-gallery .th-hero-inner {
    position: relative;
    z-index: 1;
    padding: 16px 14px;
    width: 100%;
}
.ref-gallery .th-label {
    font-family: Inter, sans-serif;
    font-size: 5.5px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    opacity: .78;
    margin-bottom: 8px;
}
.ref-gallery .th-name {
    font-size: 19px;
    font-weight: 650;
    line-height: 1.1;
    text-shadow: 0 2px 10px rgba(0,0,0,.4);
    margin: 0 0 2px;
}
.ref-gallery .th-sep {
    font-size: 10px;
    opacity: .65;
    display: block;
    margin: 3px 0;
    font-style: italic;
}
.ref-gallery .th-date {
    font-family: Inter, sans-serif;
    font-size: 6px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    opacity: .5;
    margin-top: 10px;
}
.ref-gallery .th-message {
    font-size: 8px;
    font-style: italic;
    line-height: 1.55;
    opacity: .94;
    max-width: 170px;
    margin: 10px auto 0;
    text-shadow: 0 1px 6px rgba(0,0,0,.42);
}
.ref-gallery .th-families {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin-top: 9px;
    font-family: Inter, sans-serif;
    text-shadow: 0 1px 6px rgba(0,0,0,.45);
}
.ref-gallery .th-family-name {
    display: block;
    font-size: 7px;
    font-weight: 800;
    line-height: 1.1;
}
.ref-gallery .th-family-label {
    display: block;
    font-size: 4.5px;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: .75;
    margin-top: 2px;
}
.ref-gallery .th-countdown {
    display: flex;
    justify-content: center;
    gap: 11px;
    margin-top: 10px;
    font-family: Inter, sans-serif;
    text-shadow: 0 1px 6px rgba(0,0,0,.45);
}
.ref-gallery .th-countdown b {
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #fff;
}
.ref-gallery .th-countdown small {
    display: block;
    font-size: 4.8px;
    letter-spacing: .9px;
    opacity: .82;
    margin-top: 2px;
}
.ref-gallery .th-calendar-row {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 9px;
    font-family: Inter, sans-serif;
}
.ref-gallery .th-calendar-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 4px 7px;
    font-size: 5.5px;
    font-weight: 900;
    box-shadow: 0 4px 14px rgba(0,0,0,.16);
}
.ref-gallery .th-hero-badge {
    position: absolute;
    top: 9px;
    left: 9px;
    z-index: 2;
    font-family: Inter, sans-serif;
    font-size: 6px;
    font-weight: 900;
    letter-spacing: .4px;
    border-radius: 999px;
    padding: 4px 8px;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.25);
    backdrop-filter: blur(8px);
}

/* ── Gerçek Davetiye Önizleme: Alt akış ── */
.ref-gallery .th-body {
    display: none;
}
.ref-gallery .th-section-flow {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.ref-gallery .th-map-row {
    display: flex;
    gap: 7px;
    align-items: center;
}
.ref-gallery .th-map-mini {
    width: 42px;
    height: 30px;
    border-radius: 6px;
    background: #e5e7eb;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
.ref-gallery .th-map-mini::before {
    content: '';
    position: absolute;
    inset: 5px;
    border-radius: 4px;
    background: #cbd5e1;
}
.ref-gallery .th-map-mini::after {
    content: '';
    position: absolute;
    left: 18px;
    top: 11px;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--th-accent);
}
.ref-gallery .th-lines {
    flex: 1;
}
.ref-gallery .th-line {
    height: 5px;
    border-radius: 999px;
    background: #e5e7eb;
    margin-bottom: 5px;
}
.ref-gallery .th-line.accent {
    width: 58%;
    background: color-mix(in srgb, var(--th-accent) 48%, #fff);
}
.ref-gallery .th-gallery-mini {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
}
.ref-gallery .th-gallery-mini span {
    height: 27px;
    border-radius: 5px;
    background: #e5e7eb;
}
.ref-gallery .th-gallery-mini span:nth-child(odd) {
    background: var(--th-light);
}
.ref-gallery .th-rsvp-bar {
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--th-dark), var(--th-primary));
}
.ref-gallery .th-quote {
    font-size: 8px;
    font-style: italic;
    color: #78716c;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 7px;
    padding: 0 4px;
}
.ref-gallery .th-venue {
    font-family: Inter, sans-serif;
    font-size: 6px;
    text-align: center;
    color: #94a3b8;
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: .5px;
}
.ref-gallery .th-rsvp-label {
    font-family: Inter, sans-serif;
    font-size: 5.5px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 6px;
}
.ref-gallery .th-btn-attend {
    display: block;
    width: 100%;
    padding: 6px 0;
    border-radius: 7px;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 7px;
    font-weight: 800;
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 4px;
}
.ref-gallery .th-btn-decline {
    display: block;
    width: 100%;
    padding: 5px 0;
    border-radius: 7px;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 6.5px;
    font-weight: 700;
    color: #9ca3af;
    border: 1px solid #e5e7eb;
    background: #fff;
    letter-spacing: .3px;
}
/* Hover overlay */
.ref-gallery .tpl-hover-overlay {
    position: absolute;
    inset: 0;
    z-index: 10;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: background .25s;
}
.ref-gallery .tpl-card:hover .tpl-hover-overlay { background: rgba(0,0,0,.42); }
.ref-gallery .tpl-overlay-btn {
    opacity: 0;
    transform: translateY(12px);
    transition: all .22s;
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    white-space: nowrap;
}
.ref-gallery .tpl-card:hover .tpl-overlay-btn { opacity: 1; transform: translateY(0); }
.ref-gallery .tpl-overlay-btn.ob-white { background: #fff; color: #341453; box-shadow: 0 4px 14px rgba(0,0,0,.2); }
.ref-gallery .tpl-overlay-btn.ob-ghost {
    background: rgba(255,255,255,.12);
    color: #fff;
    border: 1.5px solid rgba(255,255,255,.4);
    backdrop-filter: blur(4px);
}
.ref-gallery .tpl-overlay-btn.ob-white:hover { background: #f7f0fd; }
.ref-gallery .tpl-overlay-btn.ob-ghost:hover { background: rgba(255,255,255,.2); }

/* Badges */
.ref-gallery .tpl-badge {
    position: absolute;
    top: 12px;
    z-index: 5;
    font-size: 10px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 20px;
    letter-spacing: .2px;
    line-height: 1;
    backdrop-filter: blur(4px);
}
.ref-gallery .tpl-badge-left  { left: 12px; }
.ref-gallery .tpl-badge-right { right: 12px; }
.ref-gallery .tpl-badge-new   { background: linear-gradient(135deg,#3b82f6,#1d4ed8); color:#fff; box-shadow:0 2px 8px rgba(59,130,246,.4); }
.ref-gallery .tpl-badge-hot   { background: linear-gradient(135deg,#ef4444,#dc2626); color:#fff; box-shadow:0 2px 8px rgba(239,68,68,.4); }
.ref-gallery .tpl-badge-free  { background: rgba(93,22,163,.9); color:#fff; }

/* Card body */
.ref-gallery .tpl-card-body {
    padding: 16px 18px 18px;
    background: #fff;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid #f1f5f9;
}
.ref-gallery .tpl-card-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.ref-gallery .tpl-card-info { flex: 1; min-width: 0; }
.ref-gallery .tpl-card-title {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}
.ref-gallery .tpl-card-desc {
    font-size: 12px;
    color: #94a3b8;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ref-gallery .tpl-card-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    font-size: 11px;
    color: #94a3b8;
    font-weight: 600;
}
.ref-gallery .tpl-pal-swatch {
    display: flex;
    gap: 3px;
    align-items: center;
    margin-top: 2px;
}
.ref-gallery .tpl-pal-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1.5px solid #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.08);
    flex-shrink: 0;
}
.ref-gallery .tpl-card-actions {
    display: flex;
    gap: 8px;
    margin-top: 14px;
}
.ref-gallery .tpl-use-btn {
    flex: 1;
    background: linear-gradient(135deg, #3d1665, #5d16a3);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 11px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    transition: all .2s;
    letter-spacing: .2px;
}
.ref-gallery .tpl-use-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(61,22,101,.38);
    color: #fff;
}
.ref-gallery .tpl-prev-btn {
    width: 42px;
    height: 42px;
    border: 1.5px solid #e5e7eb;
    background: #fff;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    font-size: 15px;
    transition: all .2s;
    flex-shrink: 0;
}
.ref-gallery .tpl-prev-btn:hover { border-color: #5d16a3; color: #5d16a3; background: #f7f0fd; }
.ref-gallery .tpl-edit-btn {
    width: 42px;
    height: 42px;
    border: 1.5px solid #e0e7ff;
    background: #eef2ff;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4f46e5;
    font-size: 14px;
    transition: all .2s;
    flex-shrink: 0;
    text-decoration: none;
}
.ref-gallery .tpl-edit-btn:hover { border-color: #4f46e5; color: #fff; background: #4f46e5; }

/* ════════════════════════════════════
   FEATURED GRID (ilk 3 büyük)
════════════════════════════════════ */
.ref-gallery .tpl-featured-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 24px;
    margin-bottom: 48px;
}
.ref-gallery .tpl-featured-grid .tpl-card-thumb { height: 460px; }
.ref-gallery .tpl-featured-grid .tpl-card { border-radius: 28px; }
.ref-gallery .tpl-featured-grid .th-name { font-size: 20px; }
.ref-gallery .tpl-featured-grid .th-label { font-size: 6.5px; }
.ref-gallery .tpl-featured-grid .th-date { font-size: 7px; }
.ref-gallery .tpl-featured-grid .th-body { display: none; }
.ref-gallery .tpl-featured-grid .th-quote { font-size: 9px; }
.ref-gallery .tpl-featured-grid .th-venue { font-size: 7px; }
.ref-gallery .tpl-featured-grid .th-btn-attend { padding: 7px 0; font-size: 8px; }
.ref-gallery .tpl-featured-grid .th-btn-decline { padding: 6px 0; font-size: 7.5px; }

/* ════════════════════════════════════
   MAIN GRID
════════════════════════════════════ */
.ref-gallery .tpl-main-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 22px;
}
.ref-gallery .tpl-main-grid .tpl-card-thumb { height: 370px; }

/* ════════════════════════════════════
   BOŞ DURUM
════════════════════════════════════ */
.ref-gallery .tpl-empty {
    text-align: center;
    padding: 80px 16px;
}
.ref-gallery .tpl-empty-icon {
    width: 80px; height: 80px;
    background: #f7f0fd;
    border-radius: 24px;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 20px;
    font-size: 36px;
}

/* ════════════════════════════════════
   CTA SECTION
════════════════════════════════════ */
.ref-gallery .tpl-cta {
    background: #1a052e;
    border-radius: 28px;
    padding: 60px 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-top: 72px;
}
.ref-gallery .tpl-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 40px 40px;
}
.ref-gallery .tpl-cta-glow {
    position: absolute;
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(116,34,197,.13) 0%, transparent 70%);
    border-radius: 50%;
    top: -150px; right: -100px;
    pointer-events: none;
}

/* ════════════════════════════════════
   ÖNIZLEME MODALİ
════════════════════════════════════ */
.ref-gallery .prev-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgba(23,2,44,.78);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.ref-gallery .prev-modal.open { display: flex; }
.ref-gallery .prev-modal-box {
    background: #fff;
    border-radius: 28px;
    display: flex;
    max-width: 1060px;
    width: 100%;
    box-shadow: 0 40px 100px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.12);
    animation: pmIn .3s cubic-bezier(.23,1,.32,1);
    position: relative;
    max-height: 94vh;
    overflow: hidden;
}
@keyframes pmIn {
    from { opacity:0; transform:scale(.93) translateY(20px); }
    to   { opacity:1; transform:scale(1) translateY(0); }
}

/* Sol — yeşil panel + büyük telefon */
.ref-gallery .pm-left {
    width: 420px;
    flex-shrink: 0;
    background: linear-gradient(160deg, #1a052e 0%, #341453 55%, #3d1665 100%);
    border-radius: 28px 0 0 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 28px;
    position: relative;
    overflow: hidden;
}
.ref-gallery .pm-left::before {
    content: '';
    position: absolute;
    top: -80px; right: -80px;
    width: 260px; height: 260px;
    background: radial-gradient(circle, rgba(116,34,197,.22), transparent 70%);
    pointer-events: none;
}
.ref-gallery .pm-left::after {
    content: '';
    position: absolute;
    bottom: -60px; left: -60px;
    width: 220px; height: 220px;
    background: radial-gradient(circle, rgba(148,74,222,.13), transparent 70%);
    pointer-events: none;
}

/* Telefon çerçevesi */
.ref-gallery .pm-phone {
    width: 320px;
    height: 650px;
    background: #080808;
    border-radius: 50px;
    position: relative;
    box-shadow:
        0 0 0 1.5px #2a2a2a,
        0 0 0 3px #111,
        0 30px 80px rgba(0,0,0,.7),
        inset 0 0 0 1px rgba(255,255,255,.04);
    z-index: 1;
    flex-shrink: 0;
}
/* Dynamic Island */
.ref-gallery .pm-phone-island {
    position: absolute;
    top: 13px; left: 50%;
    transform: translateX(-50%);
    width: 100px; height: 30px;
    background: #000;
    border-radius: 20px;
    z-index: 30;
}
/* Ekran alanı */
.ref-gallery .pm-phone-screen {
    position: absolute;
    top: 8px; left: 8px; right: 8px; bottom: 8px;
    border-radius: 43px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f7f0fd;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.ref-gallery .pm-phone-screen::-webkit-scrollbar {
    width: 0;
    height: 0;
}
/* iframe gerçek genişlikte render edilir, scale ile küçültülür */
.ref-gallery .pm-phone-screen iframe {
    width: 390px;       /* iPhone genişliği */
    min-height: 844px;  /* içerik yüklenince JS gerçek davetiye yüksekliğine uzatır */
    border: none;
    display: block;
    transform-origin: top left;
    transform: scale(0.785);  /* 390→306, 844→663 — ekran alanına sığar */
    pointer-events: none;
}
/* Yan butonlar */
.ref-gallery .pm-phone-btn {
    position: absolute;
    background: #222;
    border-radius: 3px;
}
.ref-gallery .pm-phone-btn.vol-up   { width: 3.5px; height: 36px; top: 110px; left: -3px; }
.ref-gallery .pm-phone-btn.vol-down { width: 3.5px; height: 56px; top: 155px; left: -3px; }
.ref-gallery .pm-phone-btn.power    { width: 3.5px; height: 72px; top: 140px; right: -3px; }

/* Loading — pm-phone-screen içinde */
.ref-gallery .pm-loading {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f0fd;
    z-index: 20;
}
.ref-gallery .pm-spinner {
    width: 32px; height: 32px;
    border: 3px solid #ecdcfc;
    border-top-color: #5d16a3;
    border-radius: 50%;
    animation: spin .7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Sağ — bilgi paneli */
.ref-gallery .pm-right {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}
.ref-gallery .pm-right-head {
    padding: 32px 28px 20px;
    border-bottom: 1px solid #f3f4f6;
}
.ref-gallery .pm-right-body {
    padding: 20px 28px;
    flex: 1;
}
.ref-gallery .pm-right-foot {
    padding: 16px 28px 28px;
    border-top: 1px solid #f3f4f6;
}
.ref-gallery .pm-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 12px;
    letter-spacing: .3px;
}
.ref-gallery .pm-title {
    font-size: 24px;
    font-weight: 800;
    color: #111827;
    font-family: 'Playfair Display', serif;
    margin: 0 0 5px;
    line-height: 1.2;
}
.ref-gallery .pm-cat {
    color: #6b7280;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.ref-gallery .pm-feat-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 20px;
}
.ref-gallery .pm-feat-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-radius: 12px;
    background: #f9fafb;
    border: 1px solid #f3f4f6;
    transition: background .15s;
}
.ref-gallery .pm-feat-item:hover { background: #f7f0fd; border-color: #ecdcfc; }
.ref-gallery .pm-feat-icon {
    width: 32px; height: 32px;
    background: linear-gradient(135deg, #ecdcfc, #d9bbf7);
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #4b1580;
    font-size: 12px;
}
.ref-gallery .pm-feat-title { font-size: 13px; font-weight: 700; color: #111827; }
.ref-gallery .pm-feat-desc  { font-size: 11px; color: #9ca3af; line-height: 1.3; }
.ref-gallery .pm-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #5d16a3, #3d1665);
    color: #fff;
    padding: 15px 24px;
    border-radius: 14px;
    font-weight: 800;
    font-size: 15px;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(93,22,163,.3);
    transition: transform .15s, box-shadow .15s;
}
.ref-gallery .pm-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 28px rgba(93,22,163,.4);
    color: #fff;
}
.ref-gallery .pm-close {
    position: absolute;
    top: 14px; right: 14px;
    width: 36px; height: 36px;
    background: rgba(255,255,255,.12);
    border: none;
    border-radius: 10px;
    color: rgba(255,255,255,.7);
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: background .15s, color .15s;
}
.ref-gallery .pm-close:hover { background: rgba(239,68,68,.25); color: #fff; }

/* ════════════════════════════════════
   ANİMASYONLAR
════════════════════════════════════ */
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}
.ref-gallery .fade-up { animation: fadeUp .45s ease both; }

/* ════════════════════════════════════
   RESPONSİVE
════════════════════════════════════ */
@media (max-width: 768px) {
    .ref-gallery .tpl-featured-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 16px;
    }
    .ref-gallery .tpl-featured-grid .tpl-card-thumb { height: 360px; }
    .ref-gallery .tpl-main-grid {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 16px;
    }
    .ref-gallery .tpl-main-grid .tpl-card-thumb { height: 320px; }
}
@media (max-width: 640px) {
    .ref-gallery .tpl-hero { padding: 88px 16px 44px; }
    .ref-gallery .tpl-cta  { padding: 40px 20px; border-radius: 20px; }
    .ref-gallery .tpl-featured-grid,
    .ref-gallery .tpl-main-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .ref-gallery .tpl-featured-grid .tpl-card-thumb { height: 280px; }
    .ref-gallery .tpl-main-grid .tpl-card-thumb { height: 260px; }
    .ref-gallery .th-name { font-size: 13px !important; }
    .ref-gallery .tpl-card-body { padding: 12px 14px 14px; }
    .ref-gallery .tpl-card-title { font-size: 13px; }
}
@media (max-width: 420px) {
    .ref-gallery .tpl-featured-grid,
    .ref-gallery .tpl-main-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .ref-gallery .tpl-featured-grid .tpl-card-thumb { height: 240px; }
    .ref-gallery .tpl-main-grid .tpl-card-thumb { height: 220px; }
}

.ref-chrome-header{height:56px}.reference-subpage{padding-top:56px}
.ref-service-note{max-width:1100px;margin:20px auto;padding:14px 22px;border-radius:12px;background:#ecdcfc;color:#3d1665;font:14px/1.6 Inter,sans-serif}
.ref-form{display:flex;flex-direction:column;gap:18px;font-family:Inter,sans-serif}
.ref-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500}
.ref-form input,.ref-form textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#111827;font:14px/1.5 Inter,sans-serif}
.ref-form [data-slot=select-trigger]{width:100%;height:48px;background:white;border:2px solid #e5e7eb}
.ref-form .button{background:linear-gradient(135deg,#3d1665,#4b1580);color:white;justify-content:center;border-radius:12px;padding:15px}
.ref-form-success{padding:30px;border-radius:16px;background:#ecdcfc;color:#3d1665}
.ref-gallery-content{max-width:1280px;margin:auto;padding:45px 24px}
.ref-gallery-content section{margin-bottom:50px}.ref-gallery-content h2{font:700 27px Inter,sans-serif;margin-bottom:25px}
.ref-templates-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ref-template-image{height:370px;width:100%;position:relative}
.ref-template-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ref-template-copy{position:relative;height:100%;width:100%;padding:35px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#0003}
.ref-template-copy h3{font-family:inherit!important;font-size:35px!important;line-height:1.2;margin:18px 0!important;color:inherit!important}
.ref-template-copy h3 i{display:block;font-size:20px;color:inherit}
.ref-template-copy>small{font-size:9px;letter-spacing:2px}.ref-template-copy>p{font-size:12px;line-height:1.6;margin:12px 0}
.ref-mini-count{display:flex;gap:8px;width:100%}.ref-mini-count>span{flex:1;padding:8px 0;background:#ffffff35;border-radius:8px;font:700 18px Inter}.ref-mini-count small{display:block;font:8px Inter;margin-top:5px}
.ref-gallery .tpl-card-actions{margin-top:15px}.ref-gallery .tpl-hero-tag{color:#bb86ef}
.ref-gallery .tpl-filter-bar{top:56px}.ref-gallery .tpl-hero-h1{font-family:'Playfair Display',Georgia,serif}
.ref-gallery .tpl-search-input{color:#111827;background:white}.ref-gallery .tpl-hero-badge{gap:5px}
@media(max-width:1000px){.ref-templates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ref-templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-gallery .tpl-featured-grid{grid-template-columns:1fr}.ref-template-image{height:320px}.ref-template-copy h3{font-size:26px!important}.ref-gallery-content{padding:30px 14px}.ref-gallery .tpl-filter-inner{flex-wrap:wrap}.ref-chrome-header{height:56px}}
@media(max-width:430px){.ref-templates-grid{grid-template-columns:1fr}}

.ref-gallery .tpl-search-input{background:rgba(255,255,255,.08);color:white}.ref-gallery .tpl-search-input::placeholder{color:#c7bad4;opacity:1}.ref-gallery .tpl-search-wrap{position:relative}