/* /Components/Account/Pages/AccessDenied.razor.rz.scp.css */ .access-page[b-qvgfldlqw2]{width:min(100% - 28px,760px);min-height:68vh;display:grid;place-items:center;margin:0 auto;padding:50px 0 80px;font-family:Arial,Helvetica,sans-serif}.access-card[b-qvgfldlqw2]{width:100%;padding:38px;border:1px solid #dfe7e1;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(6,60,41,.09);text-align:center}.access-icon[b-qvgfldlqw2]{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:#fff1e7;color:#a85b23;font-size:30px;font-weight:900}.access-card>span[b-qvgfldlqw2]{color:#063c29;font-size: 13px;font-weight:900;letter-spacing:.1em}.access-card h1[b-qvgfldlqw2]{margin:8px 0 12px;color:#243027;font-size:29px}.access-card p[b-qvgfldlqw2]{max-width:580px;margin:0 auto;color:#68746b;font-size:14px;line-height:1.7}.access-actions[b-qvgfldlqw2]{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:25px}.access-actions form[b-qvgfldlqw2]{margin:0}.access-actions a[b-qvgfldlqw2],.access-actions button[b-qvgfldlqw2]{min-height:43px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid #cfdacf;border-radius:9px;background:#fff;color:#344139;font:inherit;font-size: 13px;font-weight:900;text-decoration:none;cursor:pointer}.access-actions button[b-qvgfldlqw2],.access-actions .primary-link[b-qvgfldlqw2]{border-color:#063c29;background:#063c29;color:#fff}@media(max-width:560px){.access-card[b-qvgfldlqw2]{padding:28px 18px}.access-card h1[b-qvgfldlqw2]{font-size:24px}.access-actions[b-qvgfldlqw2]{flex-direction:column}.access-actions a[b-qvgfldlqw2],.access-actions button[b-qvgfldlqw2]{width:100%}} /* /Components/Account/Pages/ForgotPassword.razor.rz.scp.css */ .flora-auth-simple[b-8qv4yviscl] { width: min(100% - 28px, 620px); min-height: 76vh; margin: 0 auto; padding: 54px 0 80px; display: grid; align-items: start; } .flora-auth-simple-card[b-8qv4yviscl] { padding: 34px; border: 1px solid #dfe7e1; border-radius: 18px; background: #fff; box-shadow: 0 18px 55px rgba(6,60,41,.09); } .flora-auth-kicker[b-8qv4yviscl] { color: #063c29; font-size: 13px; font-weight: 900; letter-spacing: .1em; } .flora-auth-simple-card h1[b-8qv4yviscl] { margin: 9px 0 9px; color: #063c29; font-size: 30px; } .flora-auth-simple-card > p[b-8qv4yviscl] { margin: 0 0 24px; color: #667269; font-size: 15px; line-height: 1.65; } .flora-auth-simple-card form[b-8qv4yviscl] { display: grid; gap: 12px; } .flora-auth-simple-card .form-control[b-8qv4yviscl] { min-height: 48px; font-size: 14px; } .flora-auth-simple-card .form-label[b-8qv4yviscl] { font-size: 13px; font-weight: 800; } .flora-auth-simple-card .btn-primary[b-8qv4yviscl] { min-height: 48px; border-color: #063c29; background: #063c29; font-size: 14px; font-weight: 900; } .flora-auth-back[b-8qv4yviscl] { display: inline-flex; align-items: center; min-height: 44px; margin-top: 16px; color: #063c29; font-size: 13px; font-weight: 800; text-decoration: none; } @media(max-width:620px) { .flora-auth-simple[b-8qv4yviscl] { padding-top: 24px; } .flora-auth-simple-card[b-8qv4yviscl] { padding: 26px 20px; } .flora-auth-simple-card h1[b-8qv4yviscl] { font-size: 26px; } } /* /Components/Account/Pages/Login.razor.rz.scp.css */ /* ============================================================ FLORA_V48_2_LOGIN_EXACT_SELECTED_DESIGN REFERANS: Secilen login karti. Desktop kart: ~474px x 858px Ic form: ~357px ============================================================ */ .flora-auth-page[b-4qf1uir9za]{ position:fixed!important; inset:0!important; z-index:2147483000!important; width:100vw!important; max-width:none!important; height:100vh!important; height:100dvh!important; min-width:0!important; min-height:100vh!important; margin:0!important; padding: 38px 16px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow-x:hidden!important; overflow-y:auto!important; box-sizing:border-box!important; background: url('/images/auth/flora-auth-background.webp') center center / cover no-repeat!important; font-family: Arial, Helvetica, sans-serif!important; } .flora-auth-page *[b-4qf1uir9za], .flora-auth-page *[b-4qf1uir9za]::before, .flora-auth-page *[b-4qf1uir9za]::after{ box-sizing:border-box!important; } .flora-auth-card[b-4qf1uir9za]{ position:relative!important; flex: 0 0 auto!important; width:474px!important; max-width: calc(100vw - 32px)!important; min-width:0!important; min-height:858px!important; margin:auto!important; padding: 36px 57px 32px!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; border: 1px solid rgba(224,216,202,.74)!important; border-radius: 30px!important; background: rgba(255,252,247,.965)!important; box-shadow: 0 20px 55px rgba(62,48,29,.105)!important; overflow:hidden!important; } /* ============================================================ LOGO ============================================================ */ .flora-auth-brand[b-4qf1uir9za]{ width:100%!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; margin: 0 auto 34px!important; padding:0!important; color:#244a30!important; text-decoration:none!important; } .flora-auth-leaf[b-4qf1uir9za]{ width:42px!important; height:55px!important; margin: 0 0 8px!important; overflow:visible!important; fill:none!important; stroke:#5d7637!important; stroke-width:1.35!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .flora-auth-brand-small[b-4qf1uir9za]{ display:block!important; color:#36583a!important; font-family: Georgia, "Times New Roman", serif!important; font-size:12px!important; font-weight:400!important; line-height:1!important; letter-spacing:.21em!important; text-align:center!important; white-space:nowrap!important; } .flora-auth-brand strong[b-4qf1uir9za]{ display:block!important; margin-top:7px!important; color:#274d31!important; font-family: Georgia, "Times New Roman", serif!important; font-size:43px!important; font-weight:400!important; line-height:.93!important; letter-spacing:.095em!important; text-align:center!important; } /* ============================================================ BASLIK ============================================================ */ .flora-auth-heading[b-4qf1uir9za]{ width:100%!important; margin: 0 0 32px!important; padding:0!important; text-align:center!important; } .flora-auth-heading h1[b-4qf1uir9za]{ margin:0!important; color:#183d29!important; font-family: Georgia, "Times New Roman", serif!important; font-size:30px!important; font-weight:500!important; line-height:1.1!important; letter-spacing:-.018em!important; } .flora-auth-heading p[b-4qf1uir9za]{ margin: 9px 0 0!important; color:#56675d!important; font-family: Arial, Helvetica, sans-serif!important; font-size:12px!important; font-weight:400!important; line-height:1.35!important; } /* ============================================================ FORM ============================================================ */ .flora-auth-form[b-4qf1uir9za]{ width:100%!important; min-width:0!important; margin:0!important; padding:0!important; display:flex!important; flex-direction:column!important; gap:10px!important; } .flora-auth-field[b-4qf1uir9za]{ width:100%!important; margin:0!important; padding:0!important; } .flora-auth-input[b-4qf1uir9za]{ position:relative!important; width:100%!important; height:55px!important; margin:0!important; } .flora-auth-input>svg[b-4qf1uir9za]{ position:absolute!important; left:15px!important; top:50%!important; z-index:2!important; width:19px!important; height:19px!important; transform: translateY(-50%)!important; fill:none!important; stroke:#315941!important; stroke-width:1.45!important; stroke-linecap:round!important; stroke-linejoin:round!important; pointer-events:none!important; } .flora-auth-input input[b-4qf1uir9za]{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; height:55px!important; min-height:55px!important; max-height:55px!important; margin:0!important; padding: 0 46px 0 45px!important; border: 1px solid #d8d2c7!important; border-radius: 7px!important; outline:none!important; background: rgba(255,253,249,.95)!important; color:#33433a!important; font-family: Arial, Helvetica, sans-serif!important; font-size:13px!important; font-weight:400!important; line-height:55px!important; box-shadow:none!important; appearance:none!important; } .flora-auth-input input[b-4qf1uir9za]::placeholder{ color:#858d88!important; opacity:1!important; } .flora-auth-input input:focus[b-4qf1uir9za]{ border-color:#557863!important; outline:none!important; box-shadow: 0 0 0 3px rgba(31,91,56,.075)!important; } .flora-eye[b-4qf1uir9za]{ position:absolute!important; right:15px!important; top:50%!important; z-index:3!important; width:19px!important; height:19px!important; transform: translateY(-50%)!important; display:grid!important; place-items:center!important; color:#878a84!important; pointer-events:none!important; } .flora-eye svg[b-4qf1uir9za]{ width:18px!important; height:18px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.35!important; stroke-linecap:round!important; stroke-linejoin:round!important; } /* ============================================================ BENI HATIRLA / SIFRE ============================================================ */ .flora-auth-options[b-4qf1uir9za]{ width:100%!important; height:46px!important; min-height:46px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; } .flora-auth-remember[b-4qf1uir9za]{ position:relative!important; display:flex!important; align-items:center!important; gap:9px!important; margin:0!important; padding:0!important; color:#48584f!important; font-family: Arial, Helvetica, sans-serif!important; font-size:11px!important; font-weight:400!important; line-height:1!important; cursor:pointer!important; } .flora-auth-remember input[b-4qf1uir9za]{ position:static!important; flex:0 0 17px!important; width:17px!important; height:17px!important; min-width:17px!important; min-height:17px!important; margin:0!important; opacity:1!important; accent-color:#155b38!important; } .flora-auth-options>a[b-4qf1uir9za]{ color:#286244!important; font-family: Arial, Helvetica, sans-serif!important; font-size:11px!important; font-weight:400!important; line-height:1!important; text-decoration:none!important; } /* ============================================================ ANA BUTON ============================================================ */ .flora-auth-primary[b-4qf1uir9za]{ width:100%!important; height:50px!important; min-height:50px!important; max-height:50px!important; margin: 3px 0 0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; border: 0!important; border-radius: 6px!important; background: linear-gradient( 90deg, #0e4d30, #145b35 )!important; color:#ffffff!important; font-family: Arial, Helvetica, sans-serif!important; font-size:12px!important; font-weight:500!important; line-height:1!important; cursor:pointer!important; box-shadow:none!important; } .flora-auth-primary:hover[b-4qf1uir9za]{ background:#0e5031!important; } /* ============================================================ VEYA ============================================================ */ .flora-auth-divider[b-4qf1uir9za]{ width:100%!important; height:48px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:13px!important; color:#68716c!important; font-family: Arial, Helvetica, sans-serif!important; font-size:11px!important; } .flora-auth-divider[b-4qf1uir9za]::before, .flora-auth-divider[b-4qf1uir9za]::after{ content:""!important; flex:1 1 auto!important; height:1px!important; background:#dfd9cf!important; } /* ============================================================ GOOGLE / APPLE ============================================================ */ .flora-social-button[b-4qf1uir9za]{ width:100%!important; height:48px!important; min-height:48px!important; max-height:48px!important; margin:0!important; padding: 0 15px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:13px!important; border: 1px solid #ddd7cd!important; border-radius: 7px!important; background: rgba(255,253,249,.97)!important; color:#29372f!important; font-family: Arial, Helvetica, sans-serif!important; font-size:12px!important; font-weight:400!important; line-height:1!important; cursor:pointer!important; box-shadow:none!important; } .flora-social-button:hover[b-4qf1uir9za]{ border-color:#bcc8bf!important; background:#ffffff!important; } .flora-google-logo[b-4qf1uir9za]{ flex:0 0 18px!important; width:18px!important; height:18px!important; } .flora-apple-logo[b-4qf1uir9za]{ flex:0 0 19px!important; width:19px!important; height:19px!important; color:#050505!important; } /* ============================================================ ALT KAYIT ============================================================ */ .flora-auth-switch[b-4qf1uir9za]{ width:100%!important; margin: 42px 0 0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; color:#506058!important; font-family: Arial, Helvetica, sans-serif!important; font-size:11px!important; line-height:1!important; } .flora-auth-switch a[b-4qf1uir9za]{ color:#195c3a!important; font-size:11px!important; font-weight:700!important; text-decoration:none!important; } /* ============================================================ VALIDATION ============================================================ */ .flora-auth-validation[b-4qf1uir9za]{ margin: 0 0 4px!important; padding: 7px 10px!important; border-radius:6px!important; color:#9b3f3f!important; font-size:10px!important; } .flora-auth-validation:empty[b-4qf1uir9za]{ display:none!important; } .flora-auth-field .validation-message[b-4qf1uir9za]{ display:block!important; margin: 5px 0 0!important; color:#9b3f3f!important; font-size:9px!important; } .flora-sr-only[b-4qf1uir9za]{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } /* ============================================================ MOBILE ============================================================ */ @media(max-width:560px){ .flora-auth-page[b-4qf1uir9za]{ padding: 14px 10px!important; align-items:flex-start!important; } .flora-auth-card[b-4qf1uir9za]{ width:100%!important; max-width:430px!important; min-height:0!important; margin:auto!important; padding: 27px 25px 28px!important; border-radius:22px!important; } .flora-auth-brand[b-4qf1uir9za]{ margin-bottom:26px!important; } .flora-auth-leaf[b-4qf1uir9za]{ width:34px!important; height:45px!important; } .flora-auth-brand-small[b-4qf1uir9za]{ font-size:9px!important; } .flora-auth-brand strong[b-4qf1uir9za]{ font-size:35px!important; } .flora-auth-heading[b-4qf1uir9za]{ margin-bottom:25px!important; } .flora-auth-heading h1[b-4qf1uir9za]{ font-size:27px!important; } .flora-auth-switch[b-4qf1uir9za]{ margin-top:28px!important; } } /* FLORA_V48_2_LOGIN_EXACT_SELECTED_DESIGN_END */ /* ============================================================ FLORA_V48_3_LOGIN_HEADING_EMAIL_FIX Giris yap arka planini kaldirir E-posta kutusunu sifre kutusuyla ayni yapar ============================================================ */ .flora-auth-page .flora-auth-heading[b-4qf1uir9za], .flora-auth-page .flora-auth-heading h1[b-4qf1uir9za], .flora-auth-page .flora-auth-heading p[b-4qf1uir9za], .flora-auth-page header.flora-auth-heading[b-4qf1uir9za]{ background: transparent !important; box-shadow: none !important; border: 0 !important; } .flora-auth-page .flora-auth-heading[b-4qf1uir9za]{ display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 0 28px 0 !important; text-align: center !important; } .flora-auth-page .flora-auth-heading h1[b-4qf1uir9za]{ display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #183d29 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 30px !important; font-weight: 500 !important; line-height: 1.1 !important; } .flora-auth-page .flora-auth-heading p[b-4qf1uir9za]{ margin: 8px 0 0 0 !important; padding: 0 !important; color: #56675d !important; font-size: 12px !important; line-height: 1.35 !important; } .flora-auth-page .flora-auth-form[b-4qf1uir9za]{ width: 100% !important; } .flora-auth-page .flora-auth-field[b-4qf1uir9za]{ width: 100% !important; max-width: 100% !important; margin: 0 0 10px 0 !important; padding: 0 !important; } .flora-auth-page .flora-auth-input[b-4qf1uir9za]{ position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 55px !important; margin: 0 !important; } .flora-auth-page .flora-auth-input input[b-4qf1uir9za], .flora-auth-page .flora-auth-input input[type="text"][b-4qf1uir9za], .flora-auth-page .flora-auth-input input[type="email"][b-4qf1uir9za], .flora-auth-page .flora-auth-input input[type="password"][b-4qf1uir9za]{ display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 55px !important; min-height: 55px !important; margin: 0 !important; padding: 0 46px 0 45px !important; border: 1px solid #d8d2c7 !important; border-radius: 7px !important; background: rgba(255,253,249,.95) !important; color: #33433a !important; font-size: 13px !important; line-height: normal !important; box-sizing: border-box !important; outline: none !important; box-shadow: none !important; appearance: none !important; } .flora-auth-page .flora-auth-input input:focus[b-4qf1uir9za], .flora-auth-page .flora-auth-input input[type="text"]:focus[b-4qf1uir9za], .flora-auth-page .flora-auth-input input[type="email"]:focus[b-4qf1uir9za], .flora-auth-page .flora-auth-input input[type="password"]:focus[b-4qf1uir9za]{ border-color: #557863 !important; box-shadow: 0 0 0 3px rgba(31,91,56,.075) !important; } .flora-auth-page .flora-auth-input > svg[b-4qf1uir9za]{ position: absolute !important; left: 15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 18px !important; height: 18px !important; z-index: 2 !important; pointer-events: none !important; } .flora-auth-page .flora-password-input .flora-eye[b-4qf1uir9za]{ position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 2 !important; } @media (max-width: 560px){ .flora-auth-page .flora-auth-heading[b-4qf1uir9za]{ margin-bottom: 24px !important; } .flora-auth-page .flora-auth-heading h1[b-4qf1uir9za]{ font-size: 27px !important; } .flora-auth-page .flora-auth-input[b-4qf1uir9za], .flora-auth-page .flora-auth-input input[b-4qf1uir9za], .flora-auth-page .flora-auth-input input[type="text"][b-4qf1uir9za], .flora-auth-page .flora-auth-input input[type="email"][b-4qf1uir9za], .flora-auth-page .flora-auth-input input[type="password"][b-4qf1uir9za]{ height: 52px !important; min-height: 52px !important; } } /* FLORA_V48_3_LOGIN_HEADING_EMAIL_FIX_END */ /* ============================================================ FLORA_V48_3B_LOGIN_INPUT_GAP_FIX - E-posta = sifre ile ayni genislik - Iki input arasindaki gereksiz bosluk kaldirilir - Validation bosken yer kaplamaz ============================================================ */ .flora-auth-page .flora-auth-form[b-4qf1uir9za]{ display:flex !important; flex-direction:column !important; width:100% !important; gap:12px !important; } /* FIELD'LAR EKSTRA DIKEY BOSLUK OLUSTURMASIN */ .flora-auth-page .flora-auth-field[b-4qf1uir9za]{ display:block !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; } /* INPUT WRAPPER */ .flora-auth-page .flora-auth-input[b-4qf1uir9za]{ position:relative !important; display:block !important; width:100% !important; max-width:100% !important; height:55px !important; min-height:55px !important; margin:0 !important; padding:0 !important; } /* Blazor InputText child component oldugu icin ::deep ile gercek input'a ulasiyoruz. */ .flora-auth-page[b-4qf1uir9za] .flora-auth-input input, .flora-auth-page[b-4qf1uir9za] .flora-auth-input input[type="text"], .flora-auth-page[b-4qf1uir9za] .flora-auth-input input[type="email"], .flora-auth-page[b-4qf1uir9za] .flora-auth-input input[type="password"]{ display:block !important; width:100% !important; max-width:100% !important; min-width:100% !important; height:55px !important; min-height:55px !important; max-height:55px !important; margin:0 !important; padding: 0 46px 0 45px !important; border: 1px solid #d8d2c7 !important; border-radius: 7px !important; background: rgba(255,253,249,.96) !important; color:#33433a !important; font-size:13px !important; line-height:normal !important; box-sizing:border-box !important; box-shadow:none !important; outline:none !important; appearance:none !important; } /* E-POSTA VE SIFRE ARASINDA SADECE 12PX */ .flora-auth-page .flora-auth-field + .flora-auth-field[b-4qf1uir9za]{ margin-top:0 !important; } /* BOS VALIDATION SATIRI HIC YER KAPLAMASIN */ .flora-auth-page[b-4qf1uir9za] .validation-message:empty{ display:none !important; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; } /* VALIDATION VARSA SADECE KISA BOSLUK */ .flora-auth-page[b-4qf1uir9za] .validation-message:not(:empty){ display:block !important; margin: 4px 0 0 !important; padding:0 !important; font-size:9px !important; line-height:1.2 !important; } /* EMAIL / LOCK IKONLARI INPUT ICINDE */ .flora-auth-page .flora-auth-input > svg[b-4qf1uir9za]{ position:absolute !important; left:15px !important; top:50% !important; transform: translateY(-50%) !important; z-index:5 !important; width:18px !important; height:18px !important; margin:0 !important; pointer-events:none !important; } /* SIFRE GOZU */ .flora-auth-page .flora-eye[b-4qf1uir9za]{ position:absolute !important; right:15px !important; top:50% !important; transform: translateY(-50%) !important; z-index:5 !important; margin:0 !important; } @media(max-width:560px){ .flora-auth-page .flora-auth-form[b-4qf1uir9za]{ gap:10px !important; } .flora-auth-page .flora-auth-input[b-4qf1uir9za]{ height:52px !important; min-height:52px !important; } .flora-auth-page[b-4qf1uir9za] .flora-auth-input input, .flora-auth-page[b-4qf1uir9za] .flora-auth-input input[type="text"], .flora-auth-page[b-4qf1uir9za] .flora-auth-input input[type="email"], .flora-auth-page[b-4qf1uir9za] .flora-auth-input input[type="password"]{ height:52px !important; min-height:52px !important; max-height:52px !important; } } /* FLORA_V48_3B_LOGIN_INPUT_GAP_FIX_END */ /* ============================================================ FLORA_V48_3C_LOGIN_INPUT_SPACING Sadece email ile sifre kutusu arasina bosluk verir ============================================================ */ .flora-auth-page .flora-auth-form > .flora-auth-field + .flora-auth-field[b-4qf1uir9za]{ margin-top: 8px !important; } @media (max-width: 560px){ .flora-auth-page .flora-auth-form > .flora-auth-field + .flora-auth-field[b-4qf1uir9za]{ margin-top: 6px !important; } } /* FLORA_V48_3C_LOGIN_INPUT_SPACING_END */ /* /Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */ .auth-store-link[b-o3wltbfiau] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding: 0 5px; vertical-align: middle; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; } /* /Components/Account/Pages/Register.razor.rz.scp.css */ /* ============================================================ FLORA_V48_2_LOGIN_EXACT_SELECTED_DESIGN REFERANS: Secilen login karti. Desktop kart: ~474px x 858px Ic form: ~357px ============================================================ */ .flora-auth-page[b-8unvo39ti6]{ position:fixed!important; inset:0!important; z-index:2147483000!important; width:100vw!important; max-width:none!important; height:100vh!important; height:100dvh!important; min-width:0!important; min-height:100vh!important; margin:0!important; padding: 38px 16px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow-x:hidden!important; overflow-y:auto!important; box-sizing:border-box!important; background: url('/images/auth/flora-auth-background.webp') center center / cover no-repeat!important; font-family: Arial, Helvetica, sans-serif!important; } .flora-auth-page *[b-8unvo39ti6], .flora-auth-page *[b-8unvo39ti6]::before, .flora-auth-page *[b-8unvo39ti6]::after{ box-sizing:border-box!important; } .flora-auth-card[b-8unvo39ti6]{ position:relative!important; flex: 0 0 auto!important; width:474px!important; max-width: calc(100vw - 32px)!important; min-width:0!important; min-height:858px!important; margin:auto!important; padding: 36px 57px 32px!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; border: 1px solid rgba(224,216,202,.74)!important; border-radius: 30px!important; background: rgba(255,252,247,.965)!important; box-shadow: 0 20px 55px rgba(62,48,29,.105)!important; overflow:hidden!important; } /* ============================================================ LOGO ============================================================ */ .flora-auth-brand[b-8unvo39ti6]{ width:100%!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; margin: 0 auto 34px!important; padding:0!important; color:#244a30!important; text-decoration:none!important; } .flora-auth-leaf[b-8unvo39ti6]{ width:42px!important; height:55px!important; margin: 0 0 8px!important; overflow:visible!important; fill:none!important; stroke:#5d7637!important; stroke-width:1.35!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .flora-auth-brand-small[b-8unvo39ti6]{ display:block!important; color:#36583a!important; font-family: Georgia, "Times New Roman", serif!important; font-size:12px!important; font-weight:400!important; line-height:1!important; letter-spacing:.21em!important; text-align:center!important; white-space:nowrap!important; } .flora-auth-brand strong[b-8unvo39ti6]{ display:block!important; margin-top:7px!important; color:#274d31!important; font-family: Georgia, "Times New Roman", serif!important; font-size:43px!important; font-weight:400!important; line-height:.93!important; letter-spacing:.095em!important; text-align:center!important; } /* ============================================================ BASLIK ============================================================ */ .flora-auth-heading[b-8unvo39ti6]{ width:100%!important; margin: 0 0 32px!important; padding:0!important; text-align:center!important; } .flora-auth-heading h1[b-8unvo39ti6]{ margin:0!important; color:#183d29!important; font-family: Georgia, "Times New Roman", serif!important; font-size:30px!important; font-weight:500!important; line-height:1.1!important; letter-spacing:-.018em!important; } .flora-auth-heading p[b-8unvo39ti6]{ margin: 9px 0 0!important; color:#56675d!important; font-family: Arial, Helvetica, sans-serif!important; font-size:12px!important; font-weight:400!important; line-height:1.35!important; } /* ============================================================ FORM ============================================================ */ .flora-auth-form[b-8unvo39ti6]{ width:100%!important; min-width:0!important; margin:0!important; padding:0!important; display:flex!important; flex-direction:column!important; gap:10px!important; } .flora-auth-field[b-8unvo39ti6]{ width:100%!important; margin:0!important; padding:0!important; } .flora-auth-input[b-8unvo39ti6]{ position:relative!important; width:100%!important; height:55px!important; margin:0!important; } .flora-auth-input>svg[b-8unvo39ti6]{ position:absolute!important; left:15px!important; top:50%!important; z-index:2!important; width:19px!important; height:19px!important; transform: translateY(-50%)!important; fill:none!important; stroke:#315941!important; stroke-width:1.45!important; stroke-linecap:round!important; stroke-linejoin:round!important; pointer-events:none!important; } .flora-auth-input input[b-8unvo39ti6]{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; height:55px!important; min-height:55px!important; max-height:55px!important; margin:0!important; padding: 0 46px 0 45px!important; border: 1px solid #d8d2c7!important; border-radius: 7px!important; outline:none!important; background: rgba(255,253,249,.95)!important; color:#33433a!important; font-family: Arial, Helvetica, sans-serif!important; font-size:13px!important; font-weight:400!important; line-height:55px!important; box-shadow:none!important; appearance:none!important; } .flora-auth-input input[b-8unvo39ti6]::placeholder{ color:#858d88!important; opacity:1!important; } .flora-auth-input input:focus[b-8unvo39ti6]{ border-color:#557863!important; outline:none!important; box-shadow: 0 0 0 3px rgba(31,91,56,.075)!important; } .flora-eye[b-8unvo39ti6]{ position:absolute!important; right:15px!important; top:50%!important; z-index:3!important; width:19px!important; height:19px!important; transform: translateY(-50%)!important; display:grid!important; place-items:center!important; color:#878a84!important; pointer-events:none!important; } .flora-eye svg[b-8unvo39ti6]{ width:18px!important; height:18px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.35!important; stroke-linecap:round!important; stroke-linejoin:round!important; } /* ============================================================ BENI HATIRLA / SIFRE ============================================================ */ .flora-auth-options[b-8unvo39ti6]{ width:100%!important; height:46px!important; min-height:46px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; } .flora-auth-remember[b-8unvo39ti6]{ position:relative!important; display:flex!important; align-items:center!important; gap:9px!important; margin:0!important; padding:0!important; color:#48584f!important; font-family: Arial, Helvetica, sans-serif!important; font-size:11px!important; font-weight:400!important; line-height:1!important; cursor:pointer!important; } .flora-auth-remember input[b-8unvo39ti6]{ position:static!important; flex:0 0 17px!important; width:17px!important; height:17px!important; min-width:17px!important; min-height:17px!important; margin:0!important; opacity:1!important; accent-color:#155b38!important; } .flora-auth-options>a[b-8unvo39ti6]{ color:#286244!important; font-family: Arial, Helvetica, sans-serif!important; font-size:11px!important; font-weight:400!important; line-height:1!important; text-decoration:none!important; } /* ============================================================ ANA BUTON ============================================================ */ .flora-auth-primary[b-8unvo39ti6]{ width:100%!important; height:50px!important; min-height:50px!important; max-height:50px!important; margin: 3px 0 0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; border: 0!important; border-radius: 6px!important; background: linear-gradient( 90deg, #0e4d30, #145b35 )!important; color:#ffffff!important; font-family: Arial, Helvetica, sans-serif!important; font-size:12px!important; font-weight:500!important; line-height:1!important; cursor:pointer!important; box-shadow:none!important; } .flora-auth-primary:hover[b-8unvo39ti6]{ background:#0e5031!important; } /* ============================================================ VEYA ============================================================ */ .flora-auth-divider[b-8unvo39ti6]{ width:100%!important; height:48px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:13px!important; color:#68716c!important; font-family: Arial, Helvetica, sans-serif!important; font-size:11px!important; } .flora-auth-divider[b-8unvo39ti6]::before, .flora-auth-divider[b-8unvo39ti6]::after{ content:""!important; flex:1 1 auto!important; height:1px!important; background:#dfd9cf!important; } /* ============================================================ GOOGLE / APPLE ============================================================ */ .flora-social-button[b-8unvo39ti6]{ width:100%!important; height:48px!important; min-height:48px!important; max-height:48px!important; margin:0!important; padding: 0 15px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:13px!important; border: 1px solid #ddd7cd!important; border-radius: 7px!important; background: rgba(255,253,249,.97)!important; color:#29372f!important; font-family: Arial, Helvetica, sans-serif!important; font-size:12px!important; font-weight:400!important; line-height:1!important; cursor:pointer!important; box-shadow:none!important; } .flora-social-button:hover[b-8unvo39ti6]{ border-color:#bcc8bf!important; background:#ffffff!important; } .flora-google-logo[b-8unvo39ti6]{ flex:0 0 18px!important; width:18px!important; height:18px!important; } .flora-apple-logo[b-8unvo39ti6]{ flex:0 0 19px!important; width:19px!important; height:19px!important; color:#050505!important; } /* ============================================================ ALT KAYIT ============================================================ */ .flora-auth-switch[b-8unvo39ti6]{ width:100%!important; margin: 42px 0 0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; color:#506058!important; font-family: Arial, Helvetica, sans-serif!important; font-size:11px!important; line-height:1!important; } .flora-auth-switch a[b-8unvo39ti6]{ color:#195c3a!important; font-size:11px!important; font-weight:700!important; text-decoration:none!important; } /* ============================================================ VALIDATION ============================================================ */ .flora-auth-validation[b-8unvo39ti6]{ margin: 0 0 4px!important; padding: 7px 10px!important; border-radius:6px!important; color:#9b3f3f!important; font-size:10px!important; } .flora-auth-validation:empty[b-8unvo39ti6]{ display:none!important; } .flora-auth-field .validation-message[b-8unvo39ti6]{ display:block!important; margin: 5px 0 0!important; color:#9b3f3f!important; font-size:9px!important; } .flora-sr-only[b-8unvo39ti6]{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } /* ============================================================ MOBILE ============================================================ */ @media(max-width:560px){ .flora-auth-page[b-8unvo39ti6]{ padding: 14px 10px!important; align-items:flex-start!important; } .flora-auth-card[b-8unvo39ti6]{ width:100%!important; max-width:430px!important; min-height:0!important; margin:auto!important; padding: 27px 25px 28px!important; border-radius:22px!important; } .flora-auth-brand[b-8unvo39ti6]{ margin-bottom:26px!important; } .flora-auth-leaf[b-8unvo39ti6]{ width:34px!important; height:45px!important; } .flora-auth-brand-small[b-8unvo39ti6]{ font-size:9px!important; } .flora-auth-brand strong[b-8unvo39ti6]{ font-size:35px!important; } .flora-auth-heading[b-8unvo39ti6]{ margin-bottom:25px!important; } .flora-auth-heading h1[b-8unvo39ti6]{ font-size:27px!important; } .flora-auth-switch[b-8unvo39ti6]{ margin-top:28px!important; } } /* FLORA_V48_2_LOGIN_EXACT_SELECTED_DESIGN_END */ /* ============================================================ FLORA_V48_3_LOGIN_HEADING_EMAIL_FIX Giris yap arka planini kaldirir E-posta kutusunu sifre kutusuyla ayni yapar ============================================================ */ .flora-auth-page .flora-auth-heading[b-8unvo39ti6], .flora-auth-page .flora-auth-heading h1[b-8unvo39ti6], .flora-auth-page .flora-auth-heading p[b-8unvo39ti6], .flora-auth-page header.flora-auth-heading[b-8unvo39ti6]{ background: transparent !important; box-shadow: none !important; border: 0 !important; } .flora-auth-page .flora-auth-heading[b-8unvo39ti6]{ display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 0 28px 0 !important; text-align: center !important; } .flora-auth-page .flora-auth-heading h1[b-8unvo39ti6]{ display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #183d29 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 30px !important; font-weight: 500 !important; line-height: 1.1 !important; } .flora-auth-page .flora-auth-heading p[b-8unvo39ti6]{ margin: 8px 0 0 0 !important; padding: 0 !important; color: #56675d !important; font-size: 12px !important; line-height: 1.35 !important; } .flora-auth-page .flora-auth-form[b-8unvo39ti6]{ width: 100% !important; } .flora-auth-page .flora-auth-field[b-8unvo39ti6]{ width: 100% !important; max-width: 100% !important; margin: 0 0 10px 0 !important; padding: 0 !important; } .flora-auth-page .flora-auth-input[b-8unvo39ti6]{ position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 55px !important; margin: 0 !important; } .flora-auth-page .flora-auth-input input[b-8unvo39ti6], .flora-auth-page .flora-auth-input input[type="text"][b-8unvo39ti6], .flora-auth-page .flora-auth-input input[type="email"][b-8unvo39ti6], .flora-auth-page .flora-auth-input input[type="password"][b-8unvo39ti6]{ display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 55px !important; min-height: 55px !important; margin: 0 !important; padding: 0 46px 0 45px !important; border: 1px solid #d8d2c7 !important; border-radius: 7px !important; background: rgba(255,253,249,.95) !important; color: #33433a !important; font-size: 13px !important; line-height: normal !important; box-sizing: border-box !important; outline: none !important; box-shadow: none !important; appearance: none !important; } .flora-auth-page .flora-auth-input input:focus[b-8unvo39ti6], .flora-auth-page .flora-auth-input input[type="text"]:focus[b-8unvo39ti6], .flora-auth-page .flora-auth-input input[type="email"]:focus[b-8unvo39ti6], .flora-auth-page .flora-auth-input input[type="password"]:focus[b-8unvo39ti6]{ border-color: #557863 !important; box-shadow: 0 0 0 3px rgba(31,91,56,.075) !important; } .flora-auth-page .flora-auth-input > svg[b-8unvo39ti6]{ position: absolute !important; left: 15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 18px !important; height: 18px !important; z-index: 2 !important; pointer-events: none !important; } .flora-auth-page .flora-password-input .flora-eye[b-8unvo39ti6]{ position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 2 !important; } @media (max-width: 560px){ .flora-auth-page .flora-auth-heading[b-8unvo39ti6]{ margin-bottom: 24px !important; } .flora-auth-page .flora-auth-heading h1[b-8unvo39ti6]{ font-size: 27px !important; } .flora-auth-page .flora-auth-input[b-8unvo39ti6], .flora-auth-page .flora-auth-input input[b-8unvo39ti6], .flora-auth-page .flora-auth-input input[type="text"][b-8unvo39ti6], .flora-auth-page .flora-auth-input input[type="email"][b-8unvo39ti6], .flora-auth-page .flora-auth-input input[type="password"][b-8unvo39ti6]{ height: 52px !important; min-height: 52px !important; } } /* FLORA_V48_3_LOGIN_HEADING_EMAIL_FIX_END */ /* ============================================================ FLORA_V48_3B_LOGIN_INPUT_GAP_FIX - E-posta = sifre ile ayni genislik - Iki input arasindaki gereksiz bosluk kaldirilir - Validation bosken yer kaplamaz ============================================================ */ .flora-auth-page .flora-auth-form[b-8unvo39ti6]{ display:flex !important; flex-direction:column !important; width:100% !important; gap:12px !important; } /* FIELD'LAR EKSTRA DIKEY BOSLUK OLUSTURMASIN */ .flora-auth-page .flora-auth-field[b-8unvo39ti6]{ display:block !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; } /* INPUT WRAPPER */ .flora-auth-page .flora-auth-input[b-8unvo39ti6]{ position:relative !important; display:block !important; width:100% !important; max-width:100% !important; height:55px !important; min-height:55px !important; margin:0 !important; padding:0 !important; } /* Blazor InputText child component oldugu icin ::deep ile gercek input'a ulasiyoruz. */ .flora-auth-page[b-8unvo39ti6] .flora-auth-input input, .flora-auth-page[b-8unvo39ti6] .flora-auth-input input[type="text"], .flora-auth-page[b-8unvo39ti6] .flora-auth-input input[type="email"], .flora-auth-page[b-8unvo39ti6] .flora-auth-input input[type="password"]{ display:block !important; width:100% !important; max-width:100% !important; min-width:100% !important; height:55px !important; min-height:55px !important; max-height:55px !important; margin:0 !important; padding: 0 46px 0 45px !important; border: 1px solid #d8d2c7 !important; border-radius: 7px !important; background: rgba(255,253,249,.96) !important; color:#33433a !important; font-size:13px !important; line-height:normal !important; box-sizing:border-box !important; box-shadow:none !important; outline:none !important; appearance:none !important; } /* E-POSTA VE SIFRE ARASINDA SADECE 12PX */ .flora-auth-page .flora-auth-field + .flora-auth-field[b-8unvo39ti6]{ margin-top:0 !important; } /* BOS VALIDATION SATIRI HIC YER KAPLAMASIN */ .flora-auth-page[b-8unvo39ti6] .validation-message:empty{ display:none !important; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; } /* VALIDATION VARSA SADECE KISA BOSLUK */ .flora-auth-page[b-8unvo39ti6] .validation-message:not(:empty){ display:block !important; margin: 4px 0 0 !important; padding:0 !important; font-size:9px !important; line-height:1.2 !important; } /* EMAIL / LOCK IKONLARI INPUT ICINDE */ .flora-auth-page .flora-auth-input > svg[b-8unvo39ti6]{ position:absolute !important; left:15px !important; top:50% !important; transform: translateY(-50%) !important; z-index:5 !important; width:18px !important; height:18px !important; margin:0 !important; pointer-events:none !important; } /* SIFRE GOZU */ .flora-auth-page .flora-eye[b-8unvo39ti6]{ position:absolute !important; right:15px !important; top:50% !important; transform: translateY(-50%) !important; z-index:5 !important; margin:0 !important; } @media(max-width:560px){ .flora-auth-page .flora-auth-form[b-8unvo39ti6]{ gap:10px !important; } .flora-auth-page .flora-auth-input[b-8unvo39ti6]{ height:52px !important; min-height:52px !important; } .flora-auth-page[b-8unvo39ti6] .flora-auth-input input, .flora-auth-page[b-8unvo39ti6] .flora-auth-input input[type="text"], .flora-auth-page[b-8unvo39ti6] .flora-auth-input input[type="email"], .flora-auth-page[b-8unvo39ti6] .flora-auth-input input[type="password"]{ height:52px !important; min-height:52px !important; max-height:52px !important; } } /* FLORA_V48_3B_LOGIN_INPUT_GAP_FIX_END */ /* ============================================================ FLORA_V48_3C_LOGIN_INPUT_SPACING Sadece email ile sifre kutusu arasina bosluk verir ============================================================ */ .flora-auth-page .flora-auth-form > .flora-auth-field + .flora-auth-field[b-8unvo39ti6]{ margin-top: 8px !important; } @media (max-width: 560px){ .flora-auth-page .flora-auth-form > .flora-auth-field + .flora-auth-field[b-8unvo39ti6]{ margin-top: 6px !important; } } /* FLORA_V48_3C_LOGIN_INPUT_SPACING_END */ /* ============================================================ FLORA_V48_4_REGISTER_EQUALS_LOGIN Ana tasarım direkt güncel Login.razor.css'ten gelir. Burada yalnız kayıt sayfasına gereken küçük farklar vardır. ============================================================ */ .flora-register-card[b-8unvo39ti6]{ width:474px !important; max-width: calc(100vw - 32px) !important; min-height:858px !important; } .flora-register-form[b-8unvo39ti6]{ gap:12px !important; } /* 3 gerçek kayıt inputu: email / parola / parola tekrar Login ile aynı görünüm. */ .flora-register-form .flora-auth-field[b-8unvo39ti6]{ margin:0 !important; } .flora-register-form .flora-auth-field + .flora-auth-field[b-8unvo39ti6]{ margin-top:8px !important; } /* Blazor InputText'e scoped CSS kesin ulaşsın. */ .flora-auth-page[b-8unvo39ti6] .flora-register-form .flora-auth-input input, .flora-auth-page[b-8unvo39ti6] .flora-register-form .flora-auth-input input[type="text"], .flora-auth-page[b-8unvo39ti6] .flora-register-form .flora-auth-input input[type="email"], .flora-auth-page[b-8unvo39ti6] .flora-register-form .flora-auth-input input[type="password"]{ display:block !important; width:100% !important; min-width:100% !important; max-width:100% !important; height:55px !important; min-height:55px !important; max-height:55px !important; margin:0 !important; padding: 0 46px 0 45px !important; border: 1px solid #d8d2c7 !important; border-radius: 7px !important; background: rgba(255,253,249,.96) !important; box-sizing: border-box !important; font-size: 13px !important; line-height: normal !important; box-shadow: none !important; } /* Kayıt başlığının arkasında kutu olmasın. */ .flora-register-card .flora-auth-heading[b-8unvo39ti6], .flora-register-card .flora-auth-heading h1[b-8unvo39ti6], .flora-register-card .flora-auth-heading p[b-8unvo39ti6]{ background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Validation boşken tasarımı aşağı itmesin. */ .flora-register-form[b-8unvo39ti6] .validation-message:empty{ display:none !important; height:0 !important; margin:0 !important; padding:0 !important; } .flora-register-form[b-8unvo39ti6] .validation-message:not(:empty){ display:block !important; margin: 4px 0 0 !important; padding:0 !important; font-size: 9px !important; line-height: 1.2 !important; } @media(max-width:560px){ .flora-register-card[b-8unvo39ti6]{ width:100% !important; max-width:430px !important; min-height:0 !important; } .flora-register-form[b-8unvo39ti6]{ gap:10px !important; } .flora-register-form .flora-auth-field + .flora-auth-field[b-8unvo39ti6]{ margin-top:6px !important; } .flora-auth-page[b-8unvo39ti6] .flora-register-form .flora-auth-input input, .flora-auth-page[b-8unvo39ti6] .flora-register-form .flora-auth-input input[type="text"], .flora-auth-page[b-8unvo39ti6] .flora-register-form .flora-auth-input input[type="email"], .flora-auth-page[b-8unvo39ti6] .flora-register-form .flora-auth-input input[type="password"]{ height:52px !important; min-height:52px !important; max-height:52px !important; } } /* FLORA_V48_4_REGISTER_EQUALS_LOGIN_END */ /* /Components/Account/Shared/FloraIdentityLayout.razor.rz.scp.css */ .flora-identity-layout[b-wh4c2eawad]{min-height:72vh;padding:24px 0 70px;background:linear-gradient(180deg,#fbfdfb,#f5f9f5);font-family:Arial,Helvetica,sans-serif;color:#243027} .flora-identity-layout[b-wh4c2eawad] > h1,.flora-identity-layout[b-wh4c2eawad] > header,.flora-identity-layout[b-wh4c2eawad] > .row,.flora-identity-layout[b-wh4c2eawad] > section,.flora-identity-layout[b-wh4c2eawad] > div:not(.identity-page):not(.access-page){width:min(100% - 28px,760px);margin-left:auto;margin-right:auto} .flora-identity-layout[b-wh4c2eawad] h1,.flora-identity-layout[b-wh4c2eawad] h2,.flora-identity-layout[b-wh4c2eawad] h3{color:#243027}.flora-identity-layout[b-wh4c2eawad] h1{font-size:30px}.flora-identity-layout[b-wh4c2eawad] h2{font-size:20px}.flora-identity-layout[b-wh4c2eawad] h3{font-size:18px} .flora-identity-layout[b-wh4c2eawad] .row{display:block}.flora-identity-layout[b-wh4c2eawad] [class*="col-"]{width:100%;max-width:620px;margin:0 auto}.flora-identity-layout[b-wh4c2eawad] section{padding:24px;border:1px solid #dfe7e1;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(6,60,41,.05)} .flora-identity-layout[b-wh4c2eawad] .form-floating,.flora-identity-layout[b-wh4c2eawad] .mb-3{margin-bottom:13px}.flora-identity-layout[b-wh4c2eawad] .form-control,.flora-identity-layout[b-wh4c2eawad] input[type=text],.flora-identity-layout[b-wh4c2eawad] input[type=email],.flora-identity-layout[b-wh4c2eawad] input[type=password],.flora-identity-layout[b-wh4c2eawad] input[type=tel],.flora-identity-layout[b-wh4c2eawad] input[type=number]{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d4ded6;border-radius:9px;background:#fff;color:#263229;font:inherit;font-size:13px;box-sizing:border-box}.flora-identity-layout[b-wh4c2eawad] label{color:#59645c;font-size: 13px;font-weight:800}.flora-identity-layout[b-wh4c2eawad] .btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid #063c29;border-radius:9px;background:#063c29;color:#fff;font:inherit;font-size: 13px;font-weight:900;text-decoration:none;cursor:pointer}.flora-identity-layout[b-wh4c2eawad] .btn-link{background:#fff;color:#063c29}.flora-identity-layout[b-wh4c2eawad] a{color:#063c29}.flora-identity-layout[b-wh4c2eawad] hr{border:0;border-top:1px solid #e5ebe6;margin:18px 0}.flora-identity-layout[b-wh4c2eawad] .text-danger,.flora-identity-layout[b-wh4c2eawad] .validation-message{color:#a53b3b} /* FLORA_V39_NAV_SPACING */ nav ul[b-wh4c2eawad], .navbar-nav[b-wh4c2eawad], .site-nav[b-wh4c2eawad], .main-nav[b-wh4c2eawad]{ display:flex !important; align-items:center !important; gap:26px !important; flex-wrap:wrap !important; } nav ul li a[b-wh4c2eawad], .navbar-nav a[b-wh4c2eawad], .site-nav a[b-wh4c2eawad], .main-nav a[b-wh4c2eawad]{ display:inline-flex !important; align-items:center !important; min-height:44px !important; padding:0 2px !important; letter-spacing:.02em !important; white-space:nowrap !important; } @media(max-width:1100px){ nav ul[b-wh4c2eawad], .navbar-nav[b-wh4c2eawad], .site-nav[b-wh4c2eawad], .main-nav[b-wh4c2eawad]{ gap:16px !important; } } /* ============================================================ FLORA_V48_2_LOGIN_LAYOUT_ISOLATION Eski Identity genel section/input kurallari yeni Login kartini ezmesin. ============================================================ */ .flora-identity-layout:has(.flora-auth-page)[b-wh4c2eawad]{ min-height:100vh!important; margin:0!important; padding:0!important; background:transparent!important; overflow:visible!important; } .flora-identity-layout[b-wh4c2eawad] .flora-auth-page{ width:100vw!important; max-width:none!important; margin:0!important; } .flora-identity-layout[b-wh4c2eawad] .flora-auth-card{ width:474px!important; max-width:calc(100vw - 32px)!important; min-height:858px!important; margin:auto!important; padding: 36px 57px 32px!important; border: 1px solid rgba(224,216,202,.74)!important; border-radius:30px!important; background: rgba(255,252,247,.965)!important; box-shadow: 0 20px 55px rgba(62,48,29,.105)!important; } .flora-identity-layout[b-wh4c2eawad] .flora-auth-card label{ width:auto!important; margin:0!important; color:inherit!important; font-size:inherit!important; font-weight:inherit!important; } .flora-identity-layout[b-wh4c2eawad] .flora-auth-input input[type=text], .flora-identity-layout[b-wh4c2eawad] .flora-auth-input input[type=email], .flora-identity-layout[b-wh4c2eawad] .flora-auth-input input[type=password]{ width:100%!important; height:55px!important; min-height:55px!important; padding: 0 46px 0 45px!important; border: 1px solid #d8d2c7!important; border-radius:7px!important; background: rgba(255,253,249,.95)!important; font-size:13px!important; } @media(max-width:560px){ .flora-identity-layout[b-wh4c2eawad] .flora-auth-card{ width:100%!important; max-width:430px!important; min-height:0!important; padding: 27px 25px 28px!important; border-radius:22px!important; } } /* FLORA_V48_2_LOGIN_LAYOUT_ISOLATION_END */ /* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */ .flora-manage-shell[b-4itf5l0aly] { width: min(100% - 40px, 1180px); margin: 0 auto; padding: 34px 0 78px; font-family: var(--flora-font-family); color: #243027; } .manage-hero[b-4itf5l0aly] { position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; padding: 30px 32px; border-radius: 17px; background: linear-gradient(135deg,#063c29,#063c29) !important; color: #fff; box-shadow: 0 16px 38px rgba(6,60,41,.14); } .manage-hero[b-4itf5l0aly]::after { content: ""; position: absolute; right: -60px; bottom: -100px; width: 250px; height: 250px; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; pointer-events: none; } .manage-hero > div[b-4itf5l0aly], .manage-hero > a[b-4itf5l0aly] { position: relative; z-index: 1; } .manage-hero span[b-4itf5l0aly] { font-size: 13px; font-weight: 900; letter-spacing: .11em; } .manage-hero h1[b-4itf5l0aly] { margin: 7px 0 7px; font-size: 32px; line-height: 1.18; } .manage-hero p[b-4itf5l0aly] { max-width: 700px; margin: 0; color: #d9e7dc; font-size: 14px; line-height: 1.65; } .manage-hero a[b-4itf5l0aly] { flex: 0 0 auto; padding: 11px 14px; border: 1px solid rgba(255,255,255,.35); border-radius: 9px; color: #fff; font-size: 13px; font-weight: 900; text-decoration: none; white-space: nowrap; } .manage-grid[b-4itf5l0aly] { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 20px; margin-top: 20px; align-items: start; } .manage-nav-card[b-4itf5l0aly], .manage-content-card[b-4itf5l0aly] { min-width: 0; border: 1px solid #dfe7e1; border-radius: 15px; background: #fff; box-shadow: 0 9px 27px rgba(6,60,41,.05); } .manage-nav-card[b-4itf5l0aly] { padding: 13px; position: sticky; top: 18px; } .manage-content-card[b-4itf5l0aly] { padding: 28px; } .manage-content-card[b-4itf5l0aly] h1, .manage-content-card[b-4itf5l0aly] h2, .manage-content-card[b-4itf5l0aly] h3 { color: #063c29; } .manage-content-card[b-4itf5l0aly] h3 { margin: 0 0 17px; font-size: 22px; } .manage-content-card[b-4itf5l0aly] p, .manage-content-card[b-4itf5l0aly] li { font-size: 14px; line-height: 1.65; } .manage-content-card[b-4itf5l0aly] .row { display: block; } .manage-content-card[b-4itf5l0aly] [class*="col-"] { width: 100%; max-width: 720px; } .manage-content-card[b-4itf5l0aly] .form-floating { display: flex; flex-direction: column-reverse; gap: 7px; margin: 0 0 14px; } .manage-content-card[b-4itf5l0aly] .form-control, .manage-content-card[b-4itf5l0aly] input[type=text], .manage-content-card[b-4itf5l0aly] input[type=email], .manage-content-card[b-4itf5l0aly] input[type=password], .manage-content-card[b-4itf5l0aly] input[type=tel], .manage-content-card[b-4itf5l0aly] input[type=number] { width: 100%; min-height: 47px; padding: 11px 13px; border: 1px solid #d5dfd7; border-radius: 9px; background: #fff; color: #243027; font: inherit; font-size: 14px; box-sizing: border-box; } .manage-content-card[b-4itf5l0aly] label { color: #536158; font-size: 13px; font-weight: 800; } .manage-content-card[b-4itf5l0aly] .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border: 1px solid #063c29; border-radius: 9px; background: #063c29; color: #fff; font: inherit; font-size: 13px; font-weight: 900; text-decoration: none; cursor: pointer; } .manage-content-card[b-4itf5l0aly] .btn-danger { border-color: #a53b3b; background: #a53b3b; } .manage-content-card[b-4itf5l0aly] .text-danger, .manage-content-card[b-4itf5l0aly] .validation-message { color: #a53b3b; } .manage-content-card[b-4itf5l0aly] a { color: #063c29; } .manage-content-card[b-4itf5l0aly] hr { border: 0; border-top: 1px solid #e5ebe6; margin: 19px 0; } @media(max-width:760px) { .flora-manage-shell[b-4itf5l0aly] { width: min(100% - 22px,1180px); padding-top: 20px; } .manage-hero[b-4itf5l0aly] { align-items: flex-start; flex-direction: column; padding: 24px 22px; } .manage-hero h1[b-4itf5l0aly] { font-size: 27px; } .manage-grid[b-4itf5l0aly] { grid-template-columns: 1fr; gap: 12px; } .manage-nav-card[b-4itf5l0aly] { position: static; padding: 9px; } .manage-content-card[b-4itf5l0aly] { padding: 20px; } } /* FLORA_V39_ACCOUNT_WHITE_HEADINGS */ h1[b-4itf5l0aly], h2[b-4itf5l0aly]{ text-shadow:none; } .account-hero h1[b-4itf5l0aly], .account-hero h2[b-4itf5l0aly], .profile-hero h1[b-4itf5l0aly], .profile-hero h2[b-4itf5l0aly], .hero h1[b-4itf5l0aly], .hero h2[b-4itf5l0aly]{ color:#ffffff !important; } .account-hero p[b-4itf5l0aly], .profile-hero p[b-4itf5l0aly], .hero p[b-4itf5l0aly]{ color:rgba(255,255,255,.92) !important; } /* FLORA_V39_MANAGE_HERO_WHITE_FINAL */ .manage-hero[b-4itf5l0aly], .manage-hero h1[b-4itf5l0aly], .manage-hero h2[b-4itf5l0aly], .manage-hero strong[b-4itf5l0aly], .manage-hero span[b-4itf5l0aly]{ color:#ffffff!important; } .manage-hero p[b-4itf5l0aly]{ color:rgba(255,255,255,.88)!important; } /* FLORA_V40_16_ACCOUNT_PREMIUM */ .account-dashboard[b-4itf5l0aly]{gap:30px!important}.account-hero[b-4itf5l0aly]{min-height:230px!important;padding:38px!important;border-radius:24px!important;background:linear-gradient(125deg,#063c29,#063c29 60%,#063c29)!important}.account-hero h1[b-4itf5l0aly]{font-family:"Iowan Old Style",Georgia,serif!important;font-size:40px!important;font-weight:500!important}.dashboard-grid[b-4itf5l0aly]{gap:20px!important}.dashboard-card[b-4itf5l0aly]{border-radius:20px!important;background:#fffdf9!important;box-shadow:0 10px 28px rgba(6,60,41,.045)!important}.account-help[b-4itf5l0aly]{border-radius:20px!important;background:#fffdf9!important} /* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */ .flora-security-nav[b-8szuvo9apq] { display: grid; gap: 8px; } .flora-security-nav[b-8szuvo9apq] .security-nav-link { display: flex; align-items: center; min-height: 46px; padding: 0 14px; border: 1px solid transparent; border-radius: 10px; color: #405047; font-size: 14px; font-weight: 800; line-height: 1.3; text-decoration: none; transition: .18s ease; } .flora-security-nav[b-8szuvo9apq] .security-nav-link:hover { border-color: #d8e5da; background: #f4f8f4; color: #063c29; } .flora-security-nav[b-8szuvo9apq] .security-nav-link.active { border-color: #063c29; background: #063c29; color: #fff; box-shadow: 0 7px 18px rgba(6,60,41,.14); } @media (max-width: 760px) { .flora-security-nav[b-8szuvo9apq] { display: flex; gap: 8px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 2px 2px 6px; scrollbar-width: thin; scroll-snap-type: x proximity; } .flora-security-nav[b-8szuvo9apq] .security-nav-link { flex: 0 0 auto; min-height: 44px; padding: 0 14px; border-color: #dfe7e1; border-radius: 999px; background: #fff; font-size: 13px; white-space: nowrap; scroll-snap-align: start; } } /* /Components/FloraAccountShell.razor.rz.scp.css */ .flora-account-shell[b-iyp6b7new2] { width: min(100% - 40px, 1240px); margin: 0 auto; padding: 34px 0 78px; display: grid; grid-template-columns: 272px minmax(0, 1fr); gap: 28px; align-items: start; } .account-sidebar[b-iyp6b7new2] { position: sticky; top: 20px; max-height: calc(100vh - 40px); overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; overscroll-behavior: contain; border: 1px solid #dfe7e0; border-radius: 16px; background: #fff; box-shadow: 0 12px 34px rgba(6,60,41,.06); } .account-brand[b-iyp6b7new2] { display: flex; gap: 12px; align-items: center; padding: 20px; border-bottom: 1px solid #edf1ed; } .account-brand-mark[b-iyp6b7new2] { width: 43px; height: 43px; border-radius: 50%; display: grid; place-items: center; background: #063c29; color: #fff; font-size: 22px; font-weight: 800; font-family: Georgia, serif; } .account-brand span[b-iyp6b7new2], .account-brand strong[b-iyp6b7new2] { display: block; } .account-brand span[b-iyp6b7new2] { color: #788078; font-size: 13px; font-weight: 800; letter-spacing: .12em; } .account-brand strong[b-iyp6b7new2] { margin-top: 2px; color: #063c29; font-size: 18px; letter-spacing: .08em; } .account-user[b-iyp6b7new2] { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: center; margin: 16px; padding: 14px; border-radius: 11px; background: #f4f8f4; } .user-avatar[b-iyp6b7new2] { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: #dcecdf; color: #063c29; font-size: 17px; font-weight: 900; } .account-user small[b-iyp6b7new2], .account-user strong[b-iyp6b7new2], .account-user span[b-iyp6b7new2] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .account-user small[b-iyp6b7new2] { color: #7a847c; font-size: 13px; } .account-user strong[b-iyp6b7new2] { margin: 2px 0; color: #1d281f; font-size: 14px; } .account-user span[b-iyp6b7new2] { color: #7a847c; font-size: 13px; } .account-nav[b-iyp6b7new2] { padding: 3px 10px 12px; } .account-nav-link[b-iyp6b7new2], .security-link[b-iyp6b7new2] { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 10px; align-items: center; padding: 11px 10px; border-radius: 9px; color: #38433a; text-decoration: none; transition: .18s ease; } .account-nav-link:hover[b-iyp6b7new2], .security-link:hover[b-iyp6b7new2] { background: #f3f7f3; color: #063c29; } .account-nav-link.active[b-iyp6b7new2] { background: #063c29; color: #fff; } .nav-icon[b-iyp6b7new2] { width: 35px; height: 35px; border-radius: 8px; display: grid; place-items: center; background: rgba(6, 60, 41, .08); font-size: 17px; font-weight: 800; } .account-nav-link.active .nav-icon[b-iyp6b7new2] { background: rgba(255, 255, 255, .14); } .account-nav-link strong[b-iyp6b7new2], .account-nav-link small[b-iyp6b7new2], .security-link strong[b-iyp6b7new2], .security-link small[b-iyp6b7new2] { display: block; } .account-nav-link strong[b-iyp6b7new2], .security-link strong[b-iyp6b7new2] { font-size: 13px; line-height: 1.3; } .account-nav-link small[b-iyp6b7new2], .security-link small[b-iyp6b7new2] { margin-top: 2px; color: #89908a; font-size: 13px; line-height: 1.35; } .account-nav-link.active small[b-iyp6b7new2] { color: rgba(255, 255, 255, .72); } .account-sidebar-bottom[b-iyp6b7new2] { padding: 12px 10px 16px; border-top: 1px solid #edf1ed; } .security-link[b-iyp6b7new2] { margin-bottom: 8px; } .store-link[b-iyp6b7new2] { display: block; padding: 9px 11px; color: #063c29; font-size: 13px; font-weight: 800; text-decoration: none; } .account-main[b-iyp6b7new2] { min-width: 0; } .mobile-account-nav[b-iyp6b7new2] { display: none; } .logout-form[b-iyp6b7new2] { margin: 0 0 8px; } .logout-link[b-iyp6b7new2] { width: 100%; display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 10px; align-items: center; padding: 11px 10px; border: 0; border-radius: 9px; background: transparent; color: #8b2f2f; font-family: inherit; text-align: left; cursor: pointer; transition: .18s ease; } .logout-link:hover[b-iyp6b7new2] { background: #fff3f3; color: #a12828; } .logout-link > span:first-child[b-iyp6b7new2] { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 8px; background: rgba(161, 40, 40, .08); font-size: 17px; font-weight: 800; } .logout-link strong[b-iyp6b7new2], .logout-link small[b-iyp6b7new2] { display: block; } .logout-link strong[b-iyp6b7new2] { font-size: 13px; line-height: 1.3; } .logout-link small[b-iyp6b7new2] { margin-top: 2px; color: #9b7777; font-size: 13px; line-height: 1.35; } .mobile-logout-form[b-iyp6b7new2] { flex: 0 0 auto; margin: 0; } .mobile-logout-button[b-iyp6b7new2] { min-height: 38px; padding: 9px 12px; border: 1px solid #ead6d6; border-radius: 30px; background: #fff; color: #9c3030; font-family: inherit; font-size: 13px; font-weight: 800; cursor: pointer; } @media (max-width: 920px) { .flora-account-shell[b-iyp6b7new2] { grid-template-columns: 220px minmax(0, 1fr); gap: 18px; } } @media (max-width: 760px) { .flora-account-shell[b-iyp6b7new2] { width: min(100% - 24px, 1240px); grid-template-columns: 1fr; padding-top: 22px; } .account-sidebar[b-iyp6b7new2] { display: none; } .mobile-account-nav[b-iyp6b7new2] { display: flex; gap: 8px; overflow-x: auto; padding: 0 0 14px; scrollbar-width: none; } .mobile-account-nav[b-iyp6b7new2]::-webkit-scrollbar { display: none; } .mobile-account-nav a[b-iyp6b7new2] { flex: 0 0 auto; padding: 9px 12px; border: 1px solid #dfe7e0; border-radius: 30px; background: #fff; color: #2f3a31; font-size: 13px; font-weight: 800; text-decoration: none; } } /* FLORA_ACCOUNT_HOME_BACK_V1_START */ .account-home-back[b-iyp6b7new2] { width: fit-content; min-height: 42px; margin: 0 0 14px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #d7e4da; border-radius: 999px; background: #ffffff; color: #063c29; box-shadow: 0 7px 20px rgba(6,60,41,.06); font-size: 12px; font-weight: 800; letter-spacing: .035em; text-decoration: none; transition: background .18s ease, border-color .18s ease, transform .18s ease; box-sizing: border-box; } .account-home-back:hover[b-iyp6b7new2] { background: #f1f7f2; border-color: #bcd2c1; color: #063c29; transform: translateY(-1px); } .account-home-back > span[b-iyp6b7new2] { font-size: 18px; line-height: 1; } .account-home-back > strong[b-iyp6b7new2] { font: inherit; } @media (max-width: 760px) { .account-home-back[b-iyp6b7new2] { width: 100%; max-width: 100%; min-height: 44px; margin: 0 0 12px; padding: 0 14px; justify-content: flex-start; border-radius: 12px; font-size: 12px; } } /* FLORA_ACCOUNT_HOME_BACK_V1_END */ /* /Components/FloraDynamicHomeStorefront.razor.rz.scp.css */ .flora-dynamic-storefront[b-ex9npvqi9h]{width:min(calc(100% - 40px),1280px);margin:52px auto;color:#173525}.storefront-intro[b-ex9npvqi9h],.section-heading[b-ex9npvqi9h]{min-width:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.storefront-intro>div[b-ex9npvqi9h],.section-heading>div[b-ex9npvqi9h]{min-width:0}.storefront-intro>div>span[b-ex9npvqi9h],.section-heading>div>span[b-ex9npvqi9h],.campaign-copy>span[b-ex9npvqi9h]{color:#17673c;font-size:10px;font-weight:950;letter-spacing:.15em}.storefront-intro h2[b-ex9npvqi9h]{margin:7px 0 0;font-size:clamp(27px,3vw,38px);line-height:1.1;letter-spacing:-.035em;color:#173525}.storefront-intro>a[b-ex9npvqi9h]{flex:0 0 auto;color:#17673c;font-size:10px;font-weight:950;text-decoration:none;letter-spacing:.05em}.storefront-tabs[b-ex9npvqi9h]{display:flex;gap:7px;margin-top:20px;padding:5px;overflow-x:auto;border:1px solid #e0e8e2;border-radius:15px;background:#f7faf8;scrollbar-width:none}.storefront-tabs[b-ex9npvqi9h]::-webkit-scrollbar{display:none}.storefront-tabs button[b-ex9npvqi9h]{flex:0 0 auto;min-height:38px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#6b7b70;font:850 11px/1 var(--flora-font-family,"Segoe UI",sans-serif);cursor:pointer}.storefront-tabs button.active[b-ex9npvqi9h]{background:#17653a;color:#fff;box-shadow:0 7px 17px rgba(23,101,58,.16)}.section-heading[b-ex9npvqi9h]{margin-top:24px}.section-heading h3[b-ex9npvqi9h]{margin:5px 0 0;font-size:22px;line-height:1.15;letter-spacing:-.025em}.section-heading>p[b-ex9npvqi9h]{max-width:520px;margin:0;color:#76847b;font-size:11px;line-height:1.55;text-align:right} .dynamic-product-grid[b-ex9npvqi9h]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px}.dynamic-product-card[b-ex9npvqi9h]{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e0e8e2;border-radius:21px;background:#fff;box-shadow:0 8px 25px rgba(18,61,35,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dynamic-product-card:hover[b-ex9npvqi9h]{transform:translateY(-4px);border-color:#c7dbcd;box-shadow:0 20px 44px rgba(17,70,39,.10)}.dynamic-product-media[b-ex9npvqi9h]{position:relative;height:270px;overflow:hidden;background:linear-gradient(180deg,#f7faf7,#f2f6f3)}.dynamic-product-media>a[b-ex9npvqi9h]{display:block;width:100%;height:100%}.dynamic-product-media img[b-ex9npvqi9h]{width:100%;height:100%;padding:16px;object-fit:contain;transition:transform .3s ease}.dynamic-product-card:hover .dynamic-product-media img[b-ex9npvqi9h]{transform:scale(1.035)}.image-placeholder[b-ex9npvqi9h]{width:100%;height:100%;display:grid;place-items:center;color:#8fa296;font-size:11px;font-weight:950;letter-spacing:.16em}.favorite-area[b-ex9npvqi9h]{position:absolute;z-index:5;top:12px;right:12px}.discount-badge[b-ex9npvqi9h],.stock-badge[b-ex9npvqi9h]{position:absolute;z-index:4;left:12px;padding:7px 9px;border-radius:9px;color:#fff;font-size:10px;font-weight:950;box-shadow:0 6px 14px rgba(0,0,0,.12)}.discount-badge[b-ex9npvqi9h]{top:12px;background:#063c29}.stock-badge[b-ex9npvqi9h]{bottom:12px;background:#59655d}.dynamic-product-content[b-ex9npvqi9h]{min-width:0;display:flex;flex:1;flex-direction:column;padding:17px 17px 16px}.dynamic-category[b-ex9npvqi9h]{width:fit-content;max-width:100%;margin-bottom:8px;padding:5px 8px;border-radius:999px;background:#eef6f0;color:#277348;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dynamic-product-name[b-ex9npvqi9h]{display:-webkit-box;min-height:44px;color:#1b3022;font-size:14px;font-weight:850;line-height:1.42;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.dynamic-product-bottom[b-ex9npvqi9h]{margin-top:auto;padding-top:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;border-top:1px solid #eef2ef}.dynamic-price[b-ex9npvqi9h]{min-width:0}.dynamic-price strong[b-ex9npvqi9h],.dynamic-price del[b-ex9npvqi9h]{display:block}.dynamic-price strong[b-ex9npvqi9h]{color:#155e36;font-size:16px;font-weight:950;white-space:nowrap}.dynamic-price del[b-ex9npvqi9h]{margin-top:3px;color:#9aa49d;font-size:10px}.inspect-link[b-ex9npvqi9h]{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border-radius:10px;background:#f1f6f2;color:#063c29;font-size:9px;font-weight:950;text-decoration:none;white-space:nowrap}.inspect-link b[b-ex9npvqi9h]{font-size:13px}.empty-products[b-ex9npvqi9h]{margin-top:18px;padding:32px;border:1px dashed #d3ded6;border-radius:18px;background:#fafcfb;text-align:center}.campaign-strip[b-ex9npvqi9h]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);min-height:240px;margin-top:28px;overflow:hidden;border-radius:24px;background:#123f27;color:#fff;box-shadow:0 18px 45px rgba(16,60,34,.13)}.campaign-copy[b-ex9npvqi9h]{display:flex;flex-direction:column;justify-content:center;padding:34px}.campaign-copy>span[b-ex9npvqi9h]{color:#b9d8c3}.campaign-copy h3[b-ex9npvqi9h]{margin:8px 0 8px;font-size:clamp(24px,3vw,34px);letter-spacing:-.025em}.campaign-copy p[b-ex9npvqi9h]{max-width:620px;margin:0;color:#d3e2d7;font-size:11px;line-height:1.65}.campaign-copy a[b-ex9npvqi9h]{align-self:flex-start;margin-top:18px;min-height:42px;display:inline-flex;align-items:center;padding:0 14px;border-radius:11px;background:#fff;color:#063c29;font-size:9px;font-weight:950;text-decoration:none}.campaign-media[b-ex9npvqi9h]{position:relative;min-height:240px;overflow:hidden;background:#edf5ef}.campaign-media img[b-ex9npvqi9h]{width:100%;height:100%;padding:20px;object-fit:contain}.campaign-media>strong[b-ex9npvqi9h]{position:absolute;top:16px;right:16px;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#063c29;font-size:17px;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.12)}.campaign-media>strong small[b-ex9npvqi9h]{font-size:8px;letter-spacing:.08em}@media(max-width:1020px){.dynamic-product-grid[b-ex9npvqi9h]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.flora-dynamic-storefront[b-ex9npvqi9h]{width:min(calc(100% - 20px),1280px)}.storefront-intro[b-ex9npvqi9h],.section-heading[b-ex9npvqi9h]{align-items:flex-start;flex-direction:column;gap:8px}.section-heading>p[b-ex9npvqi9h]{text-align:left}.dynamic-product-grid[b-ex9npvqi9h]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dynamic-product-media[b-ex9npvqi9h]{height:220px}.campaign-strip[b-ex9npvqi9h]{grid-template-columns:1fr}.campaign-media[b-ex9npvqi9h]{min-height:210px}}@media(max-width:480px){.dynamic-product-grid[b-ex9npvqi9h]{grid-template-columns:1fr}.dynamic-product-media[b-ex9npvqi9h]{height:300px}.dynamic-product-card[b-ex9npvqi9h]{border-radius:19px}} /* FLORA_V39_FEATURED_AUTO_CAROUSEL */ .dynamic-product-viewport[b-ex9npvqi9h]{ min-width:0; margin-top:18px; } .dynamic-product-viewport .dynamic-product-grid[b-ex9npvqi9h]{ margin-top:0; } .dynamic-product-viewport.carousel-active[b-ex9npvqi9h]{ overflow:hidden; padding:4px 0 12px; mask-image:linear-gradient( 90deg, transparent 0, #000 2.5%, #000 97.5%, transparent 100%); -webkit-mask-image:linear-gradient( 90deg, transparent 0, #000 2.5%, #000 97.5%, transparent 100%); } .dynamic-product-viewport.carousel-active .featured-auto-track[b-ex9npvqi9h]{ display:flex; grid-template-columns:none; width:max-content; gap:18px; animation:flora-featured-products-marquee-b-ex9npvqi9h 34s linear infinite; will-change:transform; } .dynamic-product-viewport.carousel-active .dynamic-product-card[b-ex9npvqi9h]{ flex:0 0 clamp(270px,22vw,305px); width:clamp(270px,22vw,305px); } .dynamic-product-viewport.carousel-active:hover .featured-auto-track[b-ex9npvqi9h]{ animation-play-state:paused; } @keyframes flora-featured-products-marquee-b-ex9npvqi9h{ from{ transform:translateX(0); } to{ transform:translateX(calc(-50% - 9px)); } } @media(max-width:760px){ .dynamic-product-viewport.carousel-active .dynamic-product-card[b-ex9npvqi9h]{ flex-basis:260px; width:260px; } .dynamic-product-viewport.carousel-active .featured-auto-track[b-ex9npvqi9h]{ gap:12px; animation-duration:29s; } @keyframes flora-featured-products-marquee-b-ex9npvqi9h{ from{ transform:translateX(0); } to{ transform:translateX(calc(-50% - 6px)); } } } @media(prefers-reduced-motion:reduce){ .dynamic-product-viewport.carousel-active[b-ex9npvqi9h]{ overflow-x:auto; mask-image:none; -webkit-mask-image:none; scrollbar-width:none; } .dynamic-product-viewport.carousel-active .featured-auto-track[b-ex9npvqi9h]{ animation:none; } } /* FLORA_V39_REAL_FINAL_HOME_CARDS */ .dynamic-product-card[b-ex9npvqi9h]{ border-radius:20px!important; border-color:#dce7df!important; box-shadow:0 10px 30px rgba(15,63,34,.055)!important; } .dynamic-product-media[b-ex9npvqi9h]{ height:260px!important; background:linear-gradient(180deg,#f8fbf8,#f1f6f2)!important; } .dynamic-product-media img[b-ex9npvqi9h]{ padding:20px!important; object-fit:contain!important; } .dynamic-product-content[b-ex9npvqi9h]{ padding:17px 17px 18px!important; } .dynamic-product-name[b-ex9npvqi9h]{ font-size:16px!important; font-weight:800!important; } .dynamic-price strong[b-ex9npvqi9h]{ font-size:20px!important; } .inspect-link[b-ex9npvqi9h]{ min-height:42px!important; padding:0 13px!important; border-radius:11px!important; } /* FLORA_V39_LAST_HOME_CARD_FIX */ .dynamic-product-card[b-ex9npvqi9h], .dynamic-product-card *[b-ex9npvqi9h]{ box-sizing:border-box!important; } .dynamic-product-card[b-ex9npvqi9h]{ overflow:hidden!important; } .dynamic-product-content[b-ex9npvqi9h]{ padding:20px 18px 18px!important; } .dynamic-product-name[b-ex9npvqi9h]{ line-height:1.42!important; word-break:break-word!important; } /* ========================================================== FLORA V40 BOTANICAL LIVING - PREMIUM STOREFRONT ========================================================== */ .flora-dynamic-storefront[b-ex9npvqi9h]{ width:min(calc(100% - 56px),1320px)!important; margin:42px auto 0!important; color:#172a20!important; font-family:Inter,"Segoe UI",Arial,sans-serif!important; } .storefront-intro[b-ex9npvqi9h]{align-items:flex-end!important} .storefront-intro>div>span[b-ex9npvqi9h]{color:#315e43!important;font-size:8px!important;letter-spacing:.18em!important} .storefront-intro h2[b-ex9npvqi9h]{ margin:6px 0 0!important; color:#0a3323!important; font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important; font-size:36px!important; font-weight:400!important; letter-spacing:-.04em!important; } .storefront-intro>a[b-ex9npvqi9h]{color:#0e4931!important;font-size:8px!important;letter-spacing:.08em!important;text-decoration:underline!important;text-underline-offset:5px!important} .storefront-tabs[b-ex9npvqi9h]{margin-top:14px!important;padding:0!important;gap:4px!important;border:0!important;border-radius:0!important;background:transparent!important} .storefront-tabs button[b-ex9npvqi9h]{min-height:30px!important;padding:0 10px!important;border:1px solid rgba(20,61,40,.11)!important;border-radius:999px!important;background:#f8f4eb!important;color:#65746b!important;font-size:8px!important;font-weight:800!important} .storefront-tabs button.active[b-ex9npvqi9h]{background:#0e4931!important;color:#fff!important;border-color:#0e4931!important;box-shadow:none!important} .section-heading[b-ex9npvqi9h]{margin-top:17px!important}.section-heading h3[b-ex9npvqi9h]{font-family:"Iowan Old Style",Georgia,serif!important;font-size:20px!important;font-weight:400!important;color:#294034!important}.section-heading>p[b-ex9npvqi9h]{font-size:9px!important;color:#7b857e!important} .tab-featured .section-heading[b-ex9npvqi9h]{display:none!important} .dynamic-product-viewport[b-ex9npvqi9h]{margin-top:16px!important} .dynamic-product-viewport.carousel-active[b-ex9npvqi9h]{padding:2px 0 10px!important;mask-image:linear-gradient(90deg,transparent 0,#000 1.5%,#000 98.5%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.5%,#000 98.5%,transparent 100%)!important} .dynamic-product-viewport.carousel-active .featured-auto-track[b-ex9npvqi9h]{gap:10px!important;animation-duration:40s!important} .dynamic-product-viewport.carousel-active .dynamic-product-card[b-ex9npvqi9h]{flex:0 0 clamp(190px,16.2vw,218px)!important;width:clamp(190px,16.2vw,218px)!important} .dynamic-product-grid[b-ex9npvqi9h]{gap:12px!important} .dynamic-product-card[b-ex9npvqi9h]{ border:1px solid rgba(20,61,40,.12)!important; border-radius:8px!important; background:#fbfaf6!important; box-shadow:0 6px 18px rgba(17,55,35,.035)!important; } .dynamic-product-card:hover[b-ex9npvqi9h]{transform:translateY(-3px)!important;border-color:#b8cbbb!important;box-shadow:0 14px 30px rgba(17,55,35,.08)!important} .dynamic-product-media[b-ex9npvqi9h]{height:205px!important;background:#f4f2eb!important} .dynamic-product-media img[b-ex9npvqi9h]{padding:10px!important;object-fit:contain!important} .favorite-area[b-ex9npvqi9h]{top:8px!important;right:8px!important}.discount-badge[b-ex9npvqi9h],.stock-badge[b-ex9npvqi9h]{left:8px!important;padding:5px 7px!important;border-radius:999px!important;font-size:7px!important} .discount-badge[b-ex9npvqi9h]{top:8px!important;background:#a76d3c!important}.stock-badge[b-ex9npvqi9h]{bottom:8px!important} .dynamic-product-content[b-ex9npvqi9h]{padding:10px 10px 11px!important} .dynamic-category[b-ex9npvqi9h]{margin-bottom:6px!important;padding:4px 6px!important;border-radius:3px!important;background:#f0eee7!important;color:#53665a!important;font-size:6.5px!important;letter-spacing:.05em!important} .dynamic-product-name[b-ex9npvqi9h]{min-height:35px!important;color:#25382d!important;font-size:10px!important;font-weight:700!important;line-height:1.35!important} .dynamic-product-bottom[b-ex9npvqi9h]{padding-top:8px!important;border-top:0!important;grid-template-columns:minmax(0,1fr) 32px!important;align-items:center!important} .dynamic-price strong[b-ex9npvqi9h]{color:#102f21!important;font-size:11px!important;font-weight:850!important}.dynamic-price del[b-ex9npvqi9h]{font-size:7px!important} .inspect-link[b-ex9npvqi9h]{width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;background:#0c412c!important;color:#fff!important} .inspect-link span[b-ex9npvqi9h]{display:none!important}.inspect-link b[b-ex9npvqi9h]{font-size:12px!important} .flora-premium-collection[b-ex9npvqi9h]{margin-top:28px!important;overflow:hidden!important;border-radius:8px!important} .flora-premium-rare[b-ex9npvqi9h]{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:18px!important;padding:18px!important;background:linear-gradient(115deg,#082f20,#0d432d 62%,#123d2b)!important;color:#fff!important} .flora-premium-collection-copy[b-ex9npvqi9h]{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:10px!important} .flora-premium-collection-copy>span[b-ex9npvqi9h]{color:#a9c5b3!important;font-size:7px!important;font-weight:900!important;letter-spacing:.18em!important} .flora-premium-collection-copy h3[b-ex9npvqi9h]{margin:7px 0 8px!important;font-family:"Iowan Old Style",Georgia,serif!important;font-size:28px!important;font-weight:400!important;line-height:1!important;letter-spacing:-.035em!important} .flora-premium-collection-copy p[b-ex9npvqi9h]{margin:0!important;color:rgba(255,255,255,.67)!important;font-size:9px!important;line-height:1.55!important} .flora-premium-collection-copy>a[b-ex9npvqi9h]{margin-top:15px!important;display:inline-flex!important;align-items:center!important;gap:14px!important;min-height:34px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:5px!important;color:#fff!important;font-size:7px!important;font-weight:900!important;text-decoration:none!important} .flora-premium-mini-products[b-ex9npvqi9h]{min-width:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important} .flora-premium-mini-card[b-ex9npvqi9h]{min-width:0!important;display:flex!important;flex-direction:column!important;padding:7px!important;border-radius:6px!important;background:rgba(2,25,15,.34)!important;color:#fff!important;text-decoration:none!important} .flora-premium-mini-media[b-ex9npvqi9h]{height:118px!important;overflow:hidden!important;border-radius:4px!important;background:#1b4430!important} .flora-premium-mini-media img[b-ex9npvqi9h]{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .3s ease!important}.flora-premium-mini-card:hover img[b-ex9npvqi9h]{transform:scale(1.045)!important} .flora-premium-mini-card strong[b-ex9npvqi9h]{margin-top:7px!important;display:-webkit-box!important;min-height:28px!important;color:#f7f0e4!important;font-family:"Iowan Old Style",Georgia,serif!important;font-size:11px!important;font-weight:400!important;line-height:1.2!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important} .flora-premium-mini-card span[b-ex9npvqi9h]{margin-top:3px!important;color:#d7c4a3!important;font-size:8px!important;font-weight:800!important} .flora-premium-care[b-ex9npvqi9h]{display:grid!important;grid-template-columns:245px minmax(0,1fr)!important;gap:15px!important;padding:17px!important;border:1px solid rgba(20,61,40,.10)!important;background:#f2eee5!important} .flora-premium-care .flora-premium-collection-copy>span[b-ex9npvqi9h]{color:#567061!important}.flora-premium-care .flora-premium-collection-copy h3[b-ex9npvqi9h]{color:#294034!important}.flora-premium-care .flora-premium-collection-copy p[b-ex9npvqi9h]{color:#747e77!important}.flora-premium-care .flora-premium-collection-copy>a[b-ex9npvqi9h]{border-color:#b9c9bc!important;color:#23432f!important} .flora-premium-care-products[b-ex9npvqi9h]{min-width:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important} .flora-premium-care-card[b-ex9npvqi9h]{min-width:0!important;display:flex!important;flex-direction:column!important;padding:8px!important;border-left:1px solid rgba(20,61,40,.10)!important;color:#293b31!important;text-decoration:none!important} .flora-premium-care-media[b-ex9npvqi9h]{height:88px!important;display:grid!important;place-items:center!important}.flora-premium-care-media img[b-ex9npvqi9h]{max-width:100%!important;width:100%!important;height:100%!important;object-fit:contain!important} .flora-premium-care-card small[b-ex9npvqi9h]{margin-top:4px!important;color:#687a6e!important;font-size:6px!important;font-weight:850!important;text-transform:uppercase!important}.flora-premium-care-card strong[b-ex9npvqi9h]{margin-top:4px!important;display:-webkit-box!important;min-height:28px!important;font-size:9px!important;line-height:1.25!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.flora-premium-care-card span[b-ex9npvqi9h]{margin-top:auto!important;padding-top:4px!important;color:#173b28!important;font-size:8px!important;font-weight:900!important} .campaign-strip[b-ex9npvqi9h]{margin-top:24px!important;min-height:180px!important;border-radius:8px!important;background:#b08a5c!important;box-shadow:none!important}.campaign-copy[b-ex9npvqi9h]{padding:25px!important}.campaign-copy>span[b-ex9npvqi9h]{color:#fff2dc!important}.campaign-copy h3[b-ex9npvqi9h]{font-family:"Iowan Old Style",Georgia,serif!important;font-weight:400!important}.campaign-media[b-ex9npvqi9h]{min-height:180px!important;background:#f4eee2!important}.campaign-media img[b-ex9npvqi9h]{padding:10px!important} @media(max-width:980px){ .flora-premium-rare[b-ex9npvqi9h],.flora-premium-care[b-ex9npvqi9h]{grid-template-columns:1fr!important} .flora-premium-mini-products[b-ex9npvqi9h]{grid-template-columns:repeat(4,minmax(150px,1fr))!important;overflow-x:auto!important} .flora-premium-care-products[b-ex9npvqi9h]{grid-template-columns:repeat(5,minmax(130px,1fr))!important;overflow-x:auto!important} } @media(max-width:700px){ .flora-dynamic-storefront[b-ex9npvqi9h]{width:min(calc(100% - 20px),1320px)!important} .storefront-intro h2[b-ex9npvqi9h]{font-size:30px!important} .dynamic-product-viewport.carousel-active .dynamic-product-card[b-ex9npvqi9h]{flex-basis:175px!important;width:175px!important}.dynamic-product-media[b-ex9npvqi9h]{height:170px!important} .section-heading[b-ex9npvqi9h]{display:none!important} .flora-premium-rare[b-ex9npvqi9h],.flora-premium-care[b-ex9npvqi9h]{padding:14px!important} .flora-premium-mini-products[b-ex9npvqi9h]{grid-template-columns:repeat(4,155px)!important}.flora-premium-care-products[b-ex9npvqi9h]{grid-template-columns:repeat(5,125px)!important} } /* ========================================================== FLORA_V40_16_STOREFRONT_PREMIUM_FINAL ========================================================== */ .flora-dynamic-storefront[b-ex9npvqi9h]{width:min(calc(100% - 64px),1320px)!important;max-width:1320px!important;margin:42px auto!important;padding:0!important} .storefront-intro[b-ex9npvqi9h]{margin-bottom:16px!important}.storefront-intro>div>span[b-ex9npvqi9h]{font-size:9px!important;font-weight:900!important;letter-spacing:.18em!important;color:#2e6849!important}.storefront-intro h2[b-ex9npvqi9h]{margin-top:7px!important;color:#173a2a!important;font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif!important;font-size:38px!important;font-weight:500!important;line-height:1.05!important}.storefront-intro>a[b-ex9npvqi9h]{font-size:10px!important;font-weight:900!important;color:#174b34!important} .storefront-tabs[b-ex9npvqi9h]{gap:8px!important;margin-top:18px!important}.storefront-tabs button[b-ex9npvqi9h]{min-height:34px!important;padding:0 13px!important;font-size:9px!important;border-radius:999px!important}.section-heading h3[b-ex9npvqi9h]{font-size:23px!important}.section-heading>p[b-ex9npvqi9h]{font-size:10px!important} .dynamic-product-viewport.carousel-active[b-ex9npvqi9h]{width:100%!important;overflow:hidden!important;margin-top:20px!important;padding:6px 3px 16px!important;mask-image:none!important;-webkit-mask-image:none!important}.dynamic-product-viewport.carousel-active .featured-auto-track[b-ex9npvqi9h]{display:flex!important;width:max-content!important;gap:18px!important;animation:floraV4016ProductFlow-b-ex9npvqi9h 62s linear infinite!important;will-change:transform!important}.dynamic-product-viewport.carousel-active .dynamic-product-card[b-ex9npvqi9h]{flex:0 0 226px!important;width:226px!important} @keyframes floraV4016ProductFlow-b-ex9npvqi9h{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}} .dynamic-product-grid[b-ex9npvqi9h]{gap:18px!important}.dynamic-product-card[b-ex9npvqi9h]{overflow:hidden!important;border:1px solid rgba(20,61,40,.12)!important;border-radius:18px!important;background:#fffdf9!important;box-shadow:0 10px 28px rgba(13,55,31,.055)!important}.dynamic-product-card:hover[b-ex9npvqi9h]{transform:translateY(-5px)!important;box-shadow:0 20px 42px rgba(13,55,31,.11)!important}.dynamic-product-media[b-ex9npvqi9h]{height:255px!important;background:#f0f3ed!important;overflow:hidden!important}.dynamic-product-media>a[b-ex9npvqi9h]{display:block!important;width:100%!important;height:100%!important}.dynamic-product-media img[b-ex9npvqi9h]{width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;transition:transform .35s ease!important}.dynamic-product-card:hover .dynamic-product-media img[b-ex9npvqi9h]{transform:scale(1.035)!important} .dynamic-product-content[b-ex9npvqi9h]{padding:15px 15px 16px!important}.dynamic-category[b-ex9npvqi9h]{margin-bottom:9px!important;padding:5px 8px!important;border-radius:999px!important;background:#edf3eb!important;color:#356249!important;font-size:8px!important;font-weight:900!important;letter-spacing:.055em!important}.dynamic-product-name[b-ex9npvqi9h]{min-height:42px!important;color:#203a2b!important;font-size:13.5px!important;font-weight:800!important;line-height:1.42!important}.dynamic-product-bottom[b-ex9npvqi9h]{margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(20,61,40,.08)!important}.dynamic-price strong[b-ex9npvqi9h]{font-size:15px!important;color:#0d4a31!important}.dynamic-price del[b-ex9npvqi9h]{font-size:9px!important}.inspect-link[b-ex9npvqi9h]{width:36px!important;height:36px!important;min-height:36px!important;border-radius:50%!important} .favorite-area[b-ex9npvqi9h]{top:10px!important;right:10px!important} /* NADIR & OZEL TURLER */ .flora-premium-rare[b-ex9npvqi9h]{grid-template-columns:300px minmax(0,1fr)!important;gap:24px!important;padding:27px!important;border-radius:20px!important}.flora-premium-rare .flora-premium-collection-copy[b-ex9npvqi9h]{justify-content:flex-start!important;padding:38px 12px 12px!important}.flora-premium-rare .flora-premium-collection-copy>span[b-ex9npvqi9h]{font-size:9px!important}.flora-premium-rare .flora-premium-collection-copy h3[b-ex9npvqi9h]{margin-top:10px!important;font-size:34px!important}.flora-premium-rare .flora-premium-collection-copy p[b-ex9npvqi9h]{font-size:11px!important;line-height:1.65!important}.flora-premium-rare .flora-premium-collection-copy>a[b-ex9npvqi9h]{min-height:40px!important;padding:0 15px!important;font-size:8px!important}.flora-premium-mini-products[b-ex9npvqi9h]{gap:14px!important}.flora-premium-mini-card[b-ex9npvqi9h]{padding:9px!important;border-radius:13px!important}.flora-premium-mini-media[b-ex9npvqi9h]{height:178px!important;border-radius:10px!important}.flora-premium-mini-card strong[b-ex9npvqi9h]{min-height:34px!important;margin-top:9px!important;font-size:13px!important}.flora-premium-mini-card span[b-ex9npvqi9h]{font-size:10px!important} /* BITKI BAKIMI */ .flora-premium-care[b-ex9npvqi9h]{grid-template-columns:285px minmax(0,1fr)!important;gap:22px!important;padding:25px!important;border-radius:20px!important;background:#f3efe6!important}.flora-premium-care .flora-premium-collection-copy[b-ex9npvqi9h]{padding:28px 12px 12px!important}.flora-premium-care .flora-premium-collection-copy>span[b-ex9npvqi9h]{font-size:9px!important}.flora-premium-care .flora-premium-collection-copy h3[b-ex9npvqi9h]{font-size:31px!important;line-height:1.05!important}.flora-premium-care .flora-premium-collection-copy p[b-ex9npvqi9h]{font-size:11px!important;line-height:1.65!important}.flora-premium-care-products[b-ex9npvqi9h]{gap:12px!important}.flora-premium-care-card[b-ex9npvqi9h]{padding:11px!important;border:1px solid rgba(20,61,40,.09)!important;border-radius:14px!important;background:#fffaf2!important}.flora-premium-care-media[b-ex9npvqi9h]{height:135px!important;overflow:hidden!important;border-radius:10px!important;background:#f5f2eb!important}.flora-premium-care-media img[b-ex9npvqi9h]{width:100%!important;height:100%!important;object-fit:cover!important}.flora-premium-care-card small[b-ex9npvqi9h]{margin-top:8px!important;font-size:7.5px!important}.flora-premium-care-card strong[b-ex9npvqi9h]{min-height:34px!important;margin-top:5px!important;font-size:11px!important;line-height:1.35!important}.flora-premium-care-card span[b-ex9npvqi9h]{padding-top:7px!important;font-size:10px!important} @media(max-width:980px){.flora-premium-rare[b-ex9npvqi9h],.flora-premium-care[b-ex9npvqi9h]{grid-template-columns:1fr!important}.flora-premium-rare .flora-premium-collection-copy[b-ex9npvqi9h],.flora-premium-care .flora-premium-collection-copy[b-ex9npvqi9h]{padding-top:12px!important}.flora-premium-mini-products[b-ex9npvqi9h],.flora-premium-care-products[b-ex9npvqi9h]{overflow-x:auto!important}} @media(max-width:700px){.flora-dynamic-storefront[b-ex9npvqi9h]{width:min(calc(100% - 24px),1320px)!important}.storefront-intro h2[b-ex9npvqi9h]{font-size:31px!important}.dynamic-product-viewport.carousel-active .dynamic-product-card[b-ex9npvqi9h]{flex-basis:190px!important;width:190px!important}.dynamic-product-media[b-ex9npvqi9h]{height:210px!important}.flora-premium-mini-media[b-ex9npvqi9h]{height:145px!important}.flora-premium-care-media[b-ex9npvqi9h]{height:115px!important}} /* FLORA_V40_21_PRODUCT_SHOWCASE_START SADECE .flora-dynamic-storefront ANA HERO / SLIDER SELECTORU YOKTUR. */ .flora-dynamic-storefront[b-ex9npvqi9h] { --v4021-deep: #083d2a; --v4021-green: #0d5538; --v4021-gold: #c1943e; --v4021-gold-soft: #d7b56f; --v4021-cream: #fbf7ee; --v4021-ivory: #fffdf8; width: min(calc(100% - 70px), 1500px) !important; max-width: 1500px !important; margin: 58px auto 70px !important; padding: 0 !important; color: var(--v4021-deep) !important; position: relative !important; } /* ========================================================= UST BASLIK ========================================================= */ .flora-dynamic-storefront .storefront-intro[b-ex9npvqi9h] { position: relative !important; display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 30px !important; margin: 0 0 28px !important; padding: 0 0 28px !important; } /* FLORA SECKISI */ .flora-dynamic-storefront .storefront-intro > div > span[b-ex9npvqi9h] { display: block !important; margin-bottom: 9px !important; color: #9d762f !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .16em !important; text-transform: uppercase !important; } /* ANA BASLIK */ .flora-dynamic-storefront .storefront-intro h2[b-ex9npvqi9h] { position: relative !important; margin: 0 !important; padding: 0 0 25px !important; color: var(--v4021-deep) !important; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif !important; font-size: clamp(38px, 3.35vw, 53px) !important; font-weight: 500 !important; line-height: 1.02 !important; letter-spacing: -1.4px !important; } /* ALTIN CIZGI + YAPRAK */ .flora-dynamic-storefront .storefront-intro h2[b-ex9npvqi9h]::after { content: "❦" !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 410px !important; max-width: 70vw !important; height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--v4021-gold) !important; font-family: Georgia, serif !important; font-size: 24px !important; background: linear-gradient( 90deg, var(--v4021-gold-soft) 0 44%, transparent 44% 56%, var(--v4021-gold-soft) 56% 100% ) center / 100% 1px no-repeat !important; } /* TUM URUNLER */ .flora-dynamic-storefront .storefront-intro > a[b-ex9npvqi9h] { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; min-height: 46px !important; margin-bottom: 19px !important; padding: 0 3px 9px !important; color: var(--v4021-deep) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .025em !important; text-decoration: none !important; border-bottom: 1.5px solid var(--v4021-gold) !important; transition: transform .25s ease, color .25s ease, border-color .25s ease !important; } .flora-dynamic-storefront .storefront-intro > a:hover[b-ex9npvqi9h] { color: #167048 !important; border-color: #167048 !important; transform: translateX(4px) !important; } /* ========================================================= SEKME BUTONLARI ========================================================= */ .flora-dynamic-storefront .storefront-tabs[b-ex9npvqi9h] { display: flex !important; align-items: center !important; gap: 11px !important; margin: 0 0 28px !important; padding: 0 !important; overflow-x: auto !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; scrollbar-width: none !important; } .flora-dynamic-storefront .storefront-tabs[b-ex9npvqi9h]::-webkit-scrollbar { display: none !important; } .flora-dynamic-storefront .storefront-tabs button[b-ex9npvqi9h] { position: relative !important; flex: 0 0 auto !important; min-height: 48px !important; padding: 0 24px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border: 1px solid rgba(193,148,62,.55) !important; border-radius: 999px !important; background: rgba(255,253,248,.72) !important; color: #173f2d !important; font-family: var(--flora-font-family, "Segoe UI", sans-serif) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .035em !important; cursor: pointer !important; box-shadow: none !important; transition: background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease !important; } /* KUCUK ALTIN YAPRAK */ .flora-dynamic-storefront .storefront-tabs button[b-ex9npvqi9h]::before { content: "❧" !important; color: var(--v4021-gold) !important; font-family: Georgia, serif !important; font-size: 17px !important; } .flora-dynamic-storefront .storefront-tabs button:hover[b-ex9npvqi9h] { transform: translateY(-2px) !important; border-color: var(--v4021-gold) !important; background: #fffdf8 !important; } .flora-dynamic-storefront .storefront-tabs button.active[b-ex9npvqi9h] { border-color: var(--v4021-deep) !important; background: linear-gradient( 180deg, #0d5638 0%, #073e2a 100% ) !important; color: #fffdf7 !important; box-shadow: 0 9px 20px rgba(8,61,42,.13) !important; } .flora-dynamic-storefront .storefront-tabs button.active[b-ex9npvqi9h]::before { color: #e0b553 !important; } /* GORSELDEKI GIBI IKINCI ARA BASLIGI GIZLE. TAB MANTIGI CALISMAYA DEVAM EDER. */ .flora-dynamic-storefront .section-heading[b-ex9npvqi9h] { display: none !important; } /* ========================================================= PRODUCT ALANI ========================================================= */ .flora-dynamic-storefront .dynamic-product-grid[b-ex9npvqi9h] { gap: 16px !important; margin-top: 0 !important; align-items: stretch !important; } /* V40.16 AUTO CAROUSEL MEVCUTSA AYNI SISTEM DEVAM EDER. */ .flora-dynamic-storefront .dynamic-product-viewport.carousel-active[b-ex9npvqi9h] { width: 100% !important; margin-top: 0 !important; padding: 5px 3px 25px !important; overflow: hidden !important; mask-image: none !important; -webkit-mask-image: none !important; } .flora-dynamic-storefront .dynamic-product-viewport.carousel-active .featured-auto-track[b-ex9npvqi9h] { display: flex !important; width: max-content !important; gap: 16px !important; /* mevcut animasyon korunur */ } .flora-dynamic-storefront .dynamic-product-viewport.carousel-active .dynamic-product-card[b-ex9npvqi9h] { flex: 0 0 232px !important; width: 232px !important; } /* NORMAL GRID VARSA */ .flora-dynamic-storefront .dynamic-product-grid:not(.featured-auto-track)[b-ex9npvqi9h] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } /* ========================================================= PREMIUM URUN KARTI ========================================================= */ .flora-dynamic-storefront .dynamic-product-card[b-ex9npvqi9h] { position: relative !important; min-width: 0 !important; overflow: hidden !important; border: 1px solid rgba(193,148,62,.45) !important; border-radius: 20px !important; background: linear-gradient( 180deg, #fffdf9 0%, #fbf7ed 100% ) !important; box-shadow: 0 12px 30px rgba(27,54,38,.08) !important; transition: transform .30s ease, box-shadow .30s ease, border-color .30s ease !important; } .flora-dynamic-storefront .dynamic-product-card:hover[b-ex9npvqi9h] { transform: translateY(-6px) !important; border-color: rgba(193,148,62,.78) !important; box-shadow: 0 22px 42px rgba(27,54,38,.14) !important; } /* ========================================================= URUN RESMI EN-BOY ORANI BOZULMAZ. KART DISINA TASMAZ. ========================================================= */ .flora-dynamic-storefront .dynamic-product-media[b-ex9npvqi9h] { position: relative !important; height: 320px !important; overflow: hidden !important; border-radius: 19px 19px 0 0 !important; background: #fbf9f3 !important; } .flora-dynamic-storefront .dynamic-product-media > a[b-ex9npvqi9h] { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } .flora-dynamic-storefront .dynamic-product-media img[b-ex9npvqi9h] { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; /* KRITIK: GORSEL ORANI KESINLIKLE BOZULMAZ. */ object-fit: contain !important; object-position: center center !important; padding: 0 !important; transform: scale(1) !important; filter: none !important; transition: transform .35s ease !important; } /* Hover da oran bozulmaz. */ .flora-dynamic-storefront .dynamic-product-card:hover .dynamic-product-media img[b-ex9npvqi9h] { transform: scale(1.025) !important; } /* ========================================================= FAVORI ========================================================= */ .flora-dynamic-storefront .favorite-area[b-ex9npvqi9h] { position: absolute !important; z-index: 10 !important; top: 13px !important; right: 13px !important; } .flora-dynamic-storefront .favorite-area .flora-favorite-icon[b-ex9npvqi9h] { width: 47px !important; height: 47px !important; min-width: 47px !important; padding: 0 !important; border: 1px solid rgba(12,71,47,.45) !important; border-radius: 50% !important; background: rgba(255,253,247,.96) !important; color: #164c35 !important; box-shadow: 0 5px 14px rgba(12,55,35,.09) !important; } .flora-dynamic-storefront .favorite-area .flora-favorite-icon svg[b-ex9npvqi9h] { width: 22px !important; height: 22px !important; } /* ========================================================= URUN BILGI ALANI ========================================================= */ .flora-dynamic-storefront .dynamic-product-content[b-ex9npvqi9h] { position: relative !important; min-height: 290px !important; padding: 18px 17px 17px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; background: linear-gradient( 180deg, #fffdf9 0%, #fbf6ea 100% ) !important; } /* KATEGORI */ .flora-dynamic-storefront .dynamic-category[b-ex9npvqi9h] { width: fit-content !important; max-width: 92% !important; margin: 0 auto 13px !important; padding: 5px 12px !important; border: 1px solid rgba(193,148,62,.66) !important; border-radius: 999px !important; background: #fffaf0 !important; color: #174631 !important; font-size: 9px !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: .045em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* URUN ADI */ .flora-dynamic-storefront .dynamic-product-name[b-ex9npvqi9h] { display: -webkit-box !important; width: 100% !important; min-height: 73px !important; margin: 0 !important; color: #123b29 !important; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.22 !important; letter-spacing: -.25px !important; text-align: center !important; text-decoration: none !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; } /* ========================================================= FIYAT + DEKOR + BUTON ========================================================= */ .flora-dynamic-storefront .dynamic-product-bottom[b-ex9npvqi9h] { position: relative !important; width: 100% !important; margin-top: auto !important; padding-top: 34px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 13px !important; border: 0 !important; } /* ALTIN CIZGI + YAPRAK */ .flora-dynamic-storefront .dynamic-product-bottom[b-ex9npvqi9h]::before { content: "❦" !important; position: absolute !important; top: 7px !important; left: 50% !important; transform: translateX(-50%) !important; width: 124px !important; height: 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--v4021-gold) !important; font-family: Georgia, serif !important; font-size: 17px !important; background: linear-gradient( 90deg, var(--v4021-gold-soft) 0 39%, transparent 39% 61%, var(--v4021-gold-soft) 61% 100% ) center / 100% 1px no-repeat !important; } /* FIYAT */ .flora-dynamic-storefront .dynamic-price[b-ex9npvqi9h] { width: 100% !important; text-align: center !important; } .flora-dynamic-storefront .dynamic-price strong[b-ex9npvqi9h] { color: #0a4931 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important; } .flora-dynamic-storefront .dynamic-price del[b-ex9npvqi9h] { margin-top: 5px !important; color: #9d988c !important; font-size: 11px !important; text-align: center !important; } /* URUNU INCELE */ .flora-dynamic-storefront .inspect-link[b-ex9npvqi9h] { width: auto !important; min-width: 158px !important; height: 42px !important; min-height: 42px !important; padding: 0 18px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; border: 0 !important; border-radius: 13px !important; background: linear-gradient( 180deg, #0c5a3a 0%, #073e2a 100% ) !important; color: #fffdf7 !important; font-size: 11px !important; font-weight: 800 !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: 0 8px 16px rgba(8,61,42,.13) !important; transition: transform .25s ease, box-shadow .25s ease !important; } .flora-dynamic-storefront .inspect-link span[b-ex9npvqi9h] { display: inline !important; } .flora-dynamic-storefront .inspect-link b[b-ex9npvqi9h] { font-size: 15px !important; font-weight: 500 !important; } .flora-dynamic-storefront .inspect-link:hover[b-ex9npvqi9h] { transform: translateY(-2px) !important; box-shadow: 0 12px 22px rgba(8,61,42,.20) !important; } /* ========================================================= INDIRIM / STOK ROZETLERI ========================================================= */ .flora-dynamic-storefront .discount-badge[b-ex9npvqi9h], .flora-dynamic-storefront .stock-badge[b-ex9npvqi9h] { left: 13px !important; padding: 7px 10px !important; border-radius: 999px !important; font-size: 9px !important; box-shadow: 0 5px 12px rgba(0,0,0,.10) !important; } .flora-dynamic-storefront .discount-badge[b-ex9npvqi9h] { top: 13px !important; background: #0c5839 !important; } .flora-dynamic-storefront .stock-badge[b-ex9npvqi9h] { bottom: 13px !important; background: #75614a !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1250px) { .flora-dynamic-storefront .dynamic-product-grid:not(.featured-auto-track)[b-ex9npvqi9h] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } @media (max-width: 900px) { .flora-dynamic-storefront[b-ex9npvqi9h] { width: calc(100% - 32px) !important; margin-top: 42px !important; } .flora-dynamic-storefront .storefront-intro[b-ex9npvqi9h] { align-items: flex-start !important; } .flora-dynamic-storefront .storefront-intro h2[b-ex9npvqi9h] { font-size: 38px !important; } .flora-dynamic-storefront .storefront-intro > a[b-ex9npvqi9h] { font-size: 16px !important; } .flora-dynamic-storefront .dynamic-product-grid:not(.featured-auto-track)[b-ex9npvqi9h] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .flora-dynamic-storefront .dynamic-product-media[b-ex9npvqi9h] { height: 290px !important; } } /* ========================================================= MOBIL ========================================================= */ @media (max-width: 650px) { .flora-dynamic-storefront[b-ex9npvqi9h] { width: calc(100% - 22px) !important; margin: 34px auto 50px !important; } .flora-dynamic-storefront .storefront-intro[b-ex9npvqi9h] { display: block !important; padding-bottom: 14px !important; } .flora-dynamic-storefront .storefront-intro h2[b-ex9npvqi9h] { font-size: 34px !important; letter-spacing: -.7px !important; } .flora-dynamic-storefront .storefront-intro h2[b-ex9npvqi9h]::after { width: 260px !important; } .flora-dynamic-storefront .storefront-intro > a[b-ex9npvqi9h] { margin-top: 16px !important; margin-bottom: 0 !important; font-size: 15px !important; } .flora-dynamic-storefront .storefront-tabs[b-ex9npvqi9h] { gap: 8px !important; margin-top: 17px !important; } .flora-dynamic-storefront .storefront-tabs button[b-ex9npvqi9h] { min-height: 43px !important; padding: 0 17px !important; font-size: 10px !important; } .flora-dynamic-storefront .dynamic-product-grid:not(.featured-auto-track)[b-ex9npvqi9h] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .flora-dynamic-storefront .dynamic-product-viewport.carousel-active .dynamic-product-card[b-ex9npvqi9h] { flex-basis: 205px !important; width: 205px !important; } .flora-dynamic-storefront .dynamic-product-media[b-ex9npvqi9h] { height: 260px !important; } .flora-dynamic-storefront .dynamic-product-content[b-ex9npvqi9h] { min-height: 260px !important; padding: 15px 12px !important; } .flora-dynamic-storefront .dynamic-product-name[b-ex9npvqi9h] { min-height: 64px !important; font-size: 16px !important; } .flora-dynamic-storefront .dynamic-price strong[b-ex9npvqi9h] { font-size: 19px !important; } .flora-dynamic-storefront .inspect-link[b-ex9npvqi9h] { min-width: 142px !important; height: 40px !important; min-height: 40px !important; padding: 0 14px !important; font-size: 10px !important; } } @media (max-width: 430px) { .flora-dynamic-storefront .dynamic-product-grid:not(.featured-auto-track)[b-ex9npvqi9h] { grid-template-columns: 1fr !important; } .flora-dynamic-storefront .dynamic-product-media[b-ex9npvqi9h] { height: 340px !important; } } /* FLORA_V40_21_PRODUCT_SHOWCASE_END */ /* FLORA_V40_21_1_PRODUCT_CARD_FIX_START SADECE FLORA DYNAMIC PRODUCT KARTLARI */ /* ========================================================== KART ========================================================== */ .flora-dynamic-storefront .dynamic-product-card[b-ex9npvqi9h] { position: relative !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; border-radius: 20px !important; background: #fffdf8 !important; border: 1px solid rgba(193, 148, 62, .42) !important; box-shadow: 0 10px 26px rgba(25, 52, 36, .08) !important; } /* ========================================================== RESIM ALANI ========================================================== */ .flora-dynamic-storefront .dynamic-product-media[b-ex9npvqi9h] { position: relative !important; width: 100% !important; /* Resim alani daha dengeli. Kartin ustundaki bosluk kalkar. */ height: 305px !important; min-height: 305px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #f3f0e7 !important; border-radius: 19px 19px 0 0 !important; } .flora-dynamic-storefront .dynamic-product-media > a[b-ex9npvqi9h] { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* KRITIK: - En-boy orani BOZULMAZ. - Resim kutunun TAMAMINI doldurur. - Fazlalik varsa kenarlardan cok az kirpilir. - Kart disina cikmaz. */ .flora-dynamic-storefront .dynamic-product-media img[b-ex9npvqi9h] { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; transform: scale(1) !important; border: 0 !important; transition: transform .35s ease !important; } .flora-dynamic-storefront .dynamic-product-card:hover .dynamic-product-media img[b-ex9npvqi9h] { transform: scale(1.025) !important; } /* ========================================================== FAVORI ========================================================== */ .flora-dynamic-storefront .favorite-area[b-ex9npvqi9h] { position: absolute !important; top: 13px !important; right: 13px !important; z-index: 20 !important; } .flora-dynamic-storefront .favorite-area .flora-favorite-icon[b-ex9npvqi9h] { width: 44px !important; height: 44px !important; min-width: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border-radius: 50% !important; background: rgba(255, 253, 247, .96) !important; border: 1px solid rgba(12, 71, 47, .25) !important; } /* ========================================================== ALT BILGI ALANI ========================================================== */ .flora-dynamic-storefront .dynamic-product-content[b-ex9npvqi9h] { position: relative !important; flex: 1 1 auto !important; min-height: 278px !important; margin: 0 !important; padding: 18px 16px 16px !important; display: flex !important; flex-direction: column !important; align-items: center !important; background: linear-gradient( 180deg, #fffdf9 0%, #fbf7ed 100% ) !important; text-align: center !important; } /* ========================================================== KATEGORI ========================================================== */ .flora-dynamic-storefront .dynamic-category[b-ex9npvqi9h] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; max-width: 90% !important; min-height: 25px !important; margin: 0 auto 12px !important; padding: 5px 12px !important; color: #174631 !important; background: #fffaf0 !important; border: 1px solid rgba(193, 148, 62, .60) !important; border-radius: 999px !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .035em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* ========================================================== URUN ISMI ========================================================== */ .flora-dynamic-storefront .dynamic-product-name[b-ex9npvqi9h] { display: -webkit-box !important; width: 100% !important; /* 3 satira kadar duzgun goster. Eski yarim yazilar / tasma kalkar. */ min-height: 72px !important; max-height: 72px !important; margin: 0 auto 10px !important; padding: 0 3px !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; color: #123b29 !important; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.38 !important; letter-spacing: -.15px !important; text-align: center !important; text-decoration: none !important; word-break: normal !important; overflow-wrap: break-word !important; } /* ========================================================== ALT BOLUM ========================================================== */ .flora-dynamic-storefront .dynamic-product-bottom[b-ex9npvqi9h] { position: relative !important; width: 100% !important; margin-top: auto !important; padding-top: 31px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; border: 0 !important; } /* Altin dekor */ .flora-dynamic-storefront .dynamic-product-bottom[b-ex9npvqi9h]::before { content: "❦" !important; position: absolute !important; top: 6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 125px !important; height: 17px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #bd9039 !important; font-family: Georgia, serif !important; font-size: 16px !important; background: linear-gradient( 90deg, #d1aa5b 0 39%, transparent 39% 61%, #d1aa5b 61% 100% ) center / 100% 1px no-repeat !important; } /* ========================================================== FIYAT ========================================================== */ .flora-dynamic-storefront .dynamic-price[b-ex9npvqi9h] { width: 100% !important; margin: 0 !important; text-align: center !important; } .flora-dynamic-storefront .dynamic-price strong[b-ex9npvqi9h] { display: block !important; color: #0b4b32 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.1 !important; white-space: nowrap !important; } .flora-dynamic-storefront .dynamic-price del[b-ex9npvqi9h] { display: block !important; margin-top: 4px !important; color: #938d81 !important; font-size: 11px !important; } /* ========================================================== URUNU INCELE ========================================================== */ .flora-dynamic-storefront .inspect-link[b-ex9npvqi9h] { width: calc(100% - 20px) !important; max-width: 180px !important; min-height: 43px !important; margin: 0 auto !important; padding: 0 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; color: #fffdf7 !important; background: linear-gradient( 180deg, #0d5c3b 0%, #07422d 100% ) !important; border: 0 !important; border-radius: 13px !important; font-size: 11px !important; font-weight: 800 !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: 0 7px 15px rgba(8, 61, 42, .13) !important; } /* Kullaniciya sadece okunur metin */ .flora-dynamic-storefront .inspect-link span[b-ex9npvqi9h] { display: inline !important; } /* ========================================================== CAROUSEL KART GENISLIGI ========================================================== */ .flora-dynamic-storefront .dynamic-product-viewport.carousel-active .dynamic-product-card[b-ex9npvqi9h] { flex: 0 0 238px !important; width: 238px !important; } .flora-dynamic-storefront .dynamic-product-viewport.carousel-active .featured-auto-track[b-ex9npvqi9h] { gap: 16px !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 900px) { .flora-dynamic-storefront .dynamic-product-media[b-ex9npvqi9h] { height: 285px !important; min-height: 285px !important; } .flora-dynamic-storefront .dynamic-product-viewport.carousel-active .dynamic-product-card[b-ex9npvqi9h] { flex-basis: 220px !important; width: 220px !important; } .flora-dynamic-storefront .dynamic-product-name[b-ex9npvqi9h] { font-size: 16px !important; } } /* ========================================================== MOBIL ========================================================== */ @media (max-width: 650px) { .flora-dynamic-storefront .dynamic-product-viewport.carousel-active .dynamic-product-card[b-ex9npvqi9h] { flex-basis: 205px !important; width: 205px !important; } .flora-dynamic-storefront .dynamic-product-media[b-ex9npvqi9h] { height: 255px !important; min-height: 255px !important; } .flora-dynamic-storefront .dynamic-product-content[b-ex9npvqi9h] { min-height: 260px !important; padding: 15px 12px !important; } .flora-dynamic-storefront .dynamic-product-name[b-ex9npvqi9h] { min-height: 66px !important; max-height: 66px !important; font-size: 15px !important; line-height: 1.42 !important; } .flora-dynamic-storefront .dynamic-price strong[b-ex9npvqi9h] { font-size: 19px !important; } } /* FLORA_V40_21_1_PRODUCT_CARD_FIX_END */ /* FLORA_V40_22_OZEL_NADIR_TUR_START SADECE NADIR / OZEL TUR BOLUMU */ /* ========================================================== ANA NADIR TUR PANELI ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare[b-ex9npvqi9h] { position: relative !important; display: grid !important; grid-template-columns: 330px minmax(0, 1fr) !important; align-items: stretch !important; gap: 34px !important; width: 100% !important; margin-top: 54px !important; padding: 42px !important; overflow: hidden !important; border: 1px solid rgba(198, 153, 69, .78) !important; border-radius: 28px !important; color: #fff !important; background: radial-gradient( circle at 16% 105%, rgba(24, 113, 72, .24), transparent 33% ), radial-gradient( circle at 87% -20%, rgba(88, 145, 102, .15), transparent 34% ), linear-gradient( 118deg, #062f21 0%, #073c29 42%, #09452f 100% ) !important; box-shadow: 0 22px 50px rgba(8, 49, 32, .13) !important; } /* cok hafif botanik dekor */ .flora-dynamic-storefront .flora-v4022-rare[b-ex9npvqi9h]::before { content: "❧" !important; position: absolute !important; left: 28px !important; bottom: -45px !important; color: rgba(199, 156, 70, .20) !important; font-family: Georgia, serif !important; font-size: 190px !important; line-height: 1 !important; transform: rotate(-20deg) !important; pointer-events: none !important; } /* ========================================================== SOL METIN ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-copy[b-ex9npvqi9h] { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; padding: 24px 8px 24px 10px !important; } /* BOTANIK BAHCESI FLORA */ .flora-dynamic-storefront .flora-v4022-rare-eyebrow[b-ex9npvqi9h] { margin: 0 0 26px !important; color: #d2a650 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .20em !important; text-transform: uppercase !important; } /* OZEL NADIR TUR */ .flora-dynamic-storefront .flora-v4022-rare-copy h3[b-ex9npvqi9h] { margin: 0 !important; color: #fffaf0 !important; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif !important; font-size: clamp(44px, 3.6vw, 61px) !important; font-weight: 400 !important; line-height: .98 !important; letter-spacing: -1.8px !important; } /* ALTIN CIZGI */ .flora-dynamic-storefront .flora-v4022-title-line[b-ex9npvqi9h] { width: 190px !important; margin: 27px 0 27px !important; display: flex !important; align-items: center !important; gap: 10px !important; color: #c99b43 !important; } .flora-dynamic-storefront .flora-v4022-title-line span[b-ex9npvqi9h] { display: block !important; height: 1px !important; flex: 1 !important; background: #c99b43 !important; } .flora-dynamic-storefront .flora-v4022-title-line b[b-ex9npvqi9h] { font-family: Georgia, serif !important; font-size: 18px !important; font-weight: 400 !important; } /* ACIKLAMA */ .flora-dynamic-storefront .flora-v4022-rare-copy p[b-ex9npvqi9h] { max-width: 295px !important; margin: 0 !important; color: rgba(255, 250, 240, .80) !important; font-size: 14px !important; line-height: 1.75 !important; font-weight: 400 !important; } /* CTA */ .flora-dynamic-storefront .flora-v4022-rare-cta[b-ex9npvqi9h] { min-height: 56px !important; margin-top: 33px !important; padding: 0 25px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 22px !important; color: #fff8e9 !important; border: 1px solid rgba(206, 161, 73, .90) !important; border-radius: 10px !important; background: rgba(4, 44, 29, .26) !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .08em !important; text-decoration: none !important; transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease !important; } .flora-dynamic-storefront .flora-v4022-rare-cta b[b-ex9npvqi9h] { font-size: 19px !important; font-weight: 400 !important; } .flora-dynamic-storefront .flora-v4022-rare-cta:hover[b-ex9npvqi9h] { color: #063a27 !important; background: #f7edda !important; transform: translateY(-2px) !important; box-shadow: 0 11px 24px rgba(0, 0, 0, .15) !important; } /* ========================================================== SAG 4 URUN ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-products[b-ex9npvqi9h] { position: relative !important; z-index: 2 !important; min-width: 0 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 20px !important; align-items: stretch !important; } /* ========================================================== NADIR URUN KARTI ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-card[b-ex9npvqi9h] { position: relative !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; color: #fff !important; text-decoration: none !important; border: 1px solid rgba(202, 155, 66, .72) !important; border-radius: 20px !important; background: linear-gradient( 180deg, rgba(10, 65, 43, .98), rgba(5, 48, 32, .98) ) !important; box-shadow: 0 13px 27px rgba(0, 0, 0, .12) !important; transform: translateY(0) !important; transition: transform .30s ease, border-color .30s ease, box-shadow .30s ease !important; } .flora-dynamic-storefront .flora-v4022-rare-card:hover[b-ex9npvqi9h] { transform: translateY(-7px) !important; border-color: #d3a64f !important; box-shadow: 0 22px 38px rgba(0, 0, 0, .20) !important; } /* ========================================================== URUN RESMI ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-media[b-ex9npvqi9h] { position: relative !important; width: 100% !important; height: 275px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 19px 19px 0 0 !important; background: #153d2c !important; } .flora-dynamic-storefront .flora-v4022-rare-media img[b-ex9npvqi9h] { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; transform: scale(1) !important; transition: transform .45s ease !important; } .flora-dynamic-storefront .flora-v4022-rare-card:hover .flora-v4022-rare-media img[b-ex9npvqi9h] { transform: scale(1.035) !important; } /* ========================================================== ALT KART GOVDESI ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-card-body[b-ex9npvqi9h] { position: relative !important; flex: 1 !important; min-height: 150px !important; padding: 29px 16px 19px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } /* ALTIN BOTANIK MADALYON */ .flora-dynamic-storefront .flora-v4022-rare-emblem[b-ex9npvqi9h] { position: absolute !important; top: -23px !important; left: 50% !important; transform: translateX(-50%) !important; width: 46px !important; height: 46px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; color: #d0a148 !important; background: #073c29 !important; border: 1px solid #c79742 !important; font-family: Georgia, serif !important; font-size: 22px !important; box-shadow: 0 5px 14px rgba(0, 0, 0, .20) !important; } /* URUN ADI */ .flora-dynamic-storefront .flora-v4022-rare-card-body strong[b-ex9npvqi9h] { display: -webkit-box !important; width: 100% !important; min-height: 49px !important; margin: 0 !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; color: #fff8e9 !important; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 500 !important; line-height: 1.30 !important; letter-spacing: -.2px !important; } /* KATEGORI */ .flora-dynamic-storefront .flora-v4022-rare-card-body small[b-ex9npvqi9h] { display: block !important; width: 100% !important; margin: 8px 0 0 !important; color: rgba(242, 225, 191, .75) !important; font-size: 11px !important; line-height: 1.3 !important; text-transform: none !important; } /* FIYAT */ .flora-dynamic-storefront .flora-v4022-rare-price[b-ex9npvqi9h] { display: block !important; width: 100% !important; margin: auto 0 0 !important; padding-top: 12px !important; color: #d7aa51 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 23px !important; font-weight: 500 !important; line-height: 1 !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1180px) { .flora-dynamic-storefront .flora-v4022-rare[b-ex9npvqi9h] { grid-template-columns: 280px minmax(0,1fr) !important; gap: 24px !important; padding: 32px !important; } .flora-dynamic-storefront .flora-v4022-rare-products[b-ex9npvqi9h] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } .flora-dynamic-storefront .flora-v4022-rare-media[b-ex9npvqi9h] { height: 260px !important; } } /* ========================================================== MOBIL / KUCUK TABLET ========================================================== */ @media (max-width: 820px) { .flora-dynamic-storefront .flora-v4022-rare[b-ex9npvqi9h] { grid-template-columns: 1fr !important; padding: 26px 20px !important; border-radius: 22px !important; } .flora-dynamic-storefront .flora-v4022-rare-copy[b-ex9npvqi9h] { padding: 18px 4px 12px !important; } .flora-dynamic-storefront .flora-v4022-rare-copy h3[b-ex9npvqi9h] { font-size: 43px !important; } .flora-dynamic-storefront .flora-v4022-rare-copy p[b-ex9npvqi9h] { max-width: 520px !important; } .flora-dynamic-storefront .flora-v4022-rare-products[b-ex9npvqi9h] { grid-template-columns: repeat(4, 230px) !important; overflow-x: auto !important; padding: 4px 2px 15px !important; scrollbar-width: thin !important; } } /* ========================================================== TELEFON ========================================================== */ @media (max-width: 520px) { .flora-dynamic-storefront .flora-v4022-rare[b-ex9npvqi9h] { margin-top: 40px !important; padding: 22px 15px !important; } .flora-dynamic-storefront .flora-v4022-rare-eyebrow[b-ex9npvqi9h] { font-size: 10px !important; } .flora-dynamic-storefront .flora-v4022-rare-copy h3[b-ex9npvqi9h] { font-size: 37px !important; } .flora-dynamic-storefront .flora-v4022-rare-copy p[b-ex9npvqi9h] { font-size: 13px !important; } .flora-dynamic-storefront .flora-v4022-rare-cta[b-ex9npvqi9h] { width: 100% !important; justify-content: space-between !important; } .flora-dynamic-storefront .flora-v4022-rare-products[b-ex9npvqi9h] { grid-template-columns: repeat(4, 205px) !important; gap: 14px !important; } .flora-dynamic-storefront .flora-v4022-rare-media[b-ex9npvqi9h] { height: 235px !important; } .flora-dynamic-storefront .flora-v4022-rare-card-body strong[b-ex9npvqi9h] { font-size: 16px !important; } } /* FLORA_V40_22_OZEL_NADIR_TUR_END */ /* FLORA_V40_22_1_EXACT_RARE_START REFERANS: BOTANIK BAHCESI FLORA / OZEL NADIR TUR RESIMLER MEVCUT SITE KATALOGUNDAN GELMEYE DEVAM EDER. */ /* ========================================================== ANA PANEL ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare[b-ex9npvqi9h] { position: relative !important; width: 100% !important; max-width: none !important; min-height: 630px !important; margin: 58px auto 0 !important; padding: 48px 44px !important; display: grid !important; grid-template-columns: 365px minmax(0, 1fr) !important; gap: 38px !important; align-items: center !important; overflow: hidden !important; border: 1px solid rgba(198, 151, 66, .92) !important; border-radius: 32px !important; background: radial-gradient( circle at 8% 88%, rgba(22, 103, 68, .26), transparent 28% ), radial-gradient( circle at 95% 3%, rgba(22, 91, 61, .16), transparent 31% ), linear-gradient( 115deg, #062f21 0%, #073b29 48%, #08432e 100% ) !important; box-shadow: 0 20px 44px rgba(17, 51, 34, .13) !important; transform: none !important; } /* Referanstaki sol-alt ince botanik dekor */ .flora-dynamic-storefront .flora-v4022-rare[b-ex9npvqi9h]::before { content: "" !important; position: absolute !important; left: -8px !important; bottom: -8px !important; width: 235px !important; height: 190px !important; opacity: .22 !important; background-repeat: no-repeat !important; background-position: left bottom !important; background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 240 190' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23c79a45' stroke-width='2'%3E%3Cpath d='M10 185C42 137 71 103 111 63C138 36 163 19 194 7'/%3E%3Cpath d='M50 137C35 113 29 96 33 73C56 80 71 94 76 113'/%3E%3Cpath d='M82 105C69 76 70 54 81 34C103 47 113 64 109 85'/%3E%3Cpath d='M116 68C114 41 123 23 140 10C155 30 154 48 143 63'/%3E%3Cpath d='M62 128C88 128 105 139 117 157C91 164 70 154 62 128'/%3E%3Cpath d='M96 91C123 87 143 94 158 111C136 124 111 117 96 91'/%3E%3Cpath d='M137 51C161 43 181 47 197 60C178 75 153 72 137 51'/%3E%3C/g%3E%3C/svg%3E") !important; pointer-events: none !important; } /* Ust soldaki cok hafif yaprak cizgisi */ .flora-dynamic-storefront .flora-v4022-rare[b-ex9npvqi9h]::after { content: "" !important; position: absolute !important; left: -40px !important; top: -45px !important; width: 265px !important; height: 205px !important; opacity: .07 !important; border-radius: 50% !important; background: radial-gradient( ellipse at center, rgba(214, 174, 92, .40), transparent 67% ) !important; pointer-events: none !important; } /* ========================================================== SOL ALAN ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-copy[b-ex9npvqi9h] { position: relative !important; z-index: 3 !important; width: 100% !important; padding: 4px 0 10px 6px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; text-align: left !important; } /* BOTANIK BAHCESI FLORA */ .flora-dynamic-storefront .flora-v4022-rare-eyebrow[b-ex9npvqi9h] { position: relative !important; display: inline-flex !important; align-items: center !important; gap: 12px !important; margin: 0 0 29px !important; color: #d0a24c !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .20em !important; white-space: nowrap !important; text-transform: uppercase !important; } /* Eyebrow yaprak sembolu */ .flora-dynamic-storefront .flora-v4022-rare-eyebrow[b-ex9npvqi9h]::before { content: "❧" !important; color: #d0a24c !important; font-family: Georgia, serif !important; font-size: 24px !important; font-weight: 400 !important; letter-spacing: 0 !important; } /* ========================================================== OZEL NADIR TUR - REFERANS GIBI TEK SATIR ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-copy h3[b-ex9npvqi9h] { width: max-content !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: #fffaf0 !important; font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif !important; font-size: 55px !important; font-weight: 400 !important; line-height: .98 !important; letter-spacing: -2px !important; white-space: nowrap !important; } /* ========================================================== REFERANSTAKI KISA ALTIN CIZGI ========================================================== */ .flora-dynamic-storefront .flora-v4022-title-line[b-ex9npvqi9h] { width: 48px !important; height: 1px !important; margin: 37px 0 29px !important; display: block !important; background: #cf9e43 !important; } .flora-dynamic-storefront .flora-v4022-title-line span[b-ex9npvqi9h], .flora-dynamic-storefront .flora-v4022-title-line b[b-ex9npvqi9h] { display: none !important; } /* ========================================================== ACIKLAMA ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-copy p[b-ex9npvqi9h] { width: 100% !important; max-width: 330px !important; margin: 0 !important; color: rgba(255, 249, 237, .83) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.72 !important; letter-spacing: 0 !important; } /* ========================================================== KOLEKSIYONU KESFET ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-cta[b-ex9npvqi9h] { width: 300px !important; max-width: 100% !important; height: 67px !important; min-height: 67px !important; margin: 41px 0 0 !important; padding: 0 25px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; color: #fff9ec !important; background: rgba(5, 45, 30, .12) !important; border: 1px solid #cc9c43 !important; border-radius: 11px !important; box-shadow: none !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .09em !important; text-decoration: none !important; transition: background .25s ease, color .25s ease, transform .25s ease !important; } .flora-dynamic-storefront .flora-v4022-rare-cta[b-ex9npvqi9h]::before { content: "♧" !important; color: #ce9e45 !important; font-family: Georgia, serif !important; font-size: 23px !important; font-weight: 400 !important; } .flora-dynamic-storefront .flora-v4022-rare-cta span[b-ex9npvqi9h] { flex: 1 !important; } .flora-dynamic-storefront .flora-v4022-rare-cta b[b-ex9npvqi9h] { font-size: 20px !important; font-weight: 300 !important; } .flora-dynamic-storefront .flora-v4022-rare-cta:hover[b-ex9npvqi9h] { color: #083b29 !important; background: #faf3e5 !important; transform: translateY(-2px) !important; } /* ========================================================== SAG URUN ALANI ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-products[b-ex9npvqi9h] { position: relative !important; z-index: 3 !important; min-width: 0 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; align-items: center !important; overflow: visible !important; } /* ========================================================== KART ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-card[b-ex9npvqi9h] { position: relative !important; width: 100% !important; height: 500px !important; min-height: 500px !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; color: #fffaf0 !important; text-decoration: none !important; background: linear-gradient( 180deg, #073d2a 0%, #073927 100% ) !important; border: 1px solid rgba(205, 158, 70, .82) !important; border-radius: 18px !important; box-shadow: 0 12px 24px rgba(0, 0, 0, .10) !important; transform: none !important; transition: transform .30s ease, box-shadow .30s ease, border-color .30s ease !important; } .flora-dynamic-storefront .flora-v4022-rare-card:hover[b-ex9npvqi9h] { transform: translateY(-5px) !important; border-color: #d2a34d !important; box-shadow: 0 19px 31px rgba(0, 0, 0, .17) !important; } /* ========================================================== URUN GORSELI SADECE BURASI SITEDEN GELIYOR ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-media[b-ex9npvqi9h] { position: relative !important; width: 100% !important; height: 365px !important; min-height: 365px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #173d2c !important; border-radius: 17px 17px 0 0 !important; } .flora-dynamic-storefront .flora-v4022-rare-media img[b-ex9npvqi9h] { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border: 0 !important; transform: scale(1) !important; transition: transform .40s ease !important; } .flora-dynamic-storefront .flora-v4022-rare-card:hover .flora-v4022-rare-media img[b-ex9npvqi9h] { transform: scale(1.025) !important; } /* ========================================================== ALT KART ALANI ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-card-body[b-ex9npvqi9h] { position: relative !important; flex: 1 !important; width: 100% !important; min-height: 135px !important; padding: 28px 13px 16px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-align: center !important; background: linear-gradient( 180deg, #073d2a, #073927 ) !important; } /* ========================================================== ALTIN YAPRAK MADALYONU ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-emblem[b-ex9npvqi9h] { position: absolute !important; top: -24px !important; left: 50% !important; transform: translateX(-50%) !important; width: 46px !important; height: 46px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; border: 1px solid #c99840 !important; border-radius: 50% !important; background: #073d2a !important; color: transparent !important; font-size: 0 !important; box-shadow: 0 5px 13px rgba(0, 0, 0, .16) !important; } /* Gercek line-art botanik ikon */ .flora-dynamic-storefront .flora-v4022-rare-emblem[b-ex9npvqi9h]::before { content: "" !important; width: 27px !important; height: 27px !important; display: block !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d1a145' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 26V9'/%3E%3Cpath d='M16 14C12 9 8 9 5 10c1 5 5 7 11 6'/%3E%3Cpath d='M16 11c3-5 7-6 11-5-1 5-4 8-11 8'/%3E%3Cpath d='M16 21c-4-4-8-4-11-2 2 4 6 5 11 4'/%3E%3Cpath d='M16 19c4-4 8-4 11-2-2 4-6 5-11 4'/%3E%3C/g%3E%3C/svg%3E") !important; } /* ========================================================== URUN ADI ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-card-body strong[b-ex9npvqi9h] { display: -webkit-box !important; width: 100% !important; min-height: 45px !important; max-height: 45px !important; margin: 0 !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; color: #fff9ed !important; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.36 !important; letter-spacing: -.2px !important; text-align: center !important; } /* ========================================================== KATEGORI ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-card-body small[b-ex9npvqi9h] { display: block !important; width: 100% !important; margin: 6px 0 0 !important; color: rgba(232, 213, 174, .76) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 11px !important; line-height: 1.2 !important; text-align: center !important; } /* ========================================================== FIYAT ========================================================== */ .flora-dynamic-storefront .flora-v4022-rare-price[b-ex9npvqi9h] { display: block !important; width: 100% !important; margin: auto 0 0 !important; padding-top: 7px !important; color: #d3a34c !important; font-family: "Iowan Old Style", Georgia, "Times New Roman", serif !important; font-size: 23px !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; } /* ========================================================== 1200PX ========================================================== */ @media (max-width: 1200px) { .flora-dynamic-storefront .flora-v4022-rare[b-ex9npvqi9h] { grid-template-columns: 310px minmax(0,1fr) !important; gap: 25px !important; padding: 38px 30px !important; } .flora-dynamic-storefront .flora-v4022-rare-copy h3[b-ex9npvqi9h] { font-size: 46px !important; } .flora-dynamic-storefront .flora-v4022-rare-card[b-ex9npvqi9h] { height: 455px !important; min-height: 455px !important; } .flora-dynamic-storefront .flora-v4022-rare-media[b-ex9npvqi9h] { height: 325px !important; min-height: 325px !important; } .flora-dynamic-storefront .flora-v4022-rare-card-body strong[b-ex9npvqi9h] { font-size: 14px !important; } } /* ========================================================== TABLET ========================================================== */ @media (max-width: 920px) { .flora-dynamic-storefront .flora-v4022-rare[b-ex9npvqi9h] { grid-template-columns: 1fr !important; min-height: 0 !important; gap: 32px !important; } .flora-dynamic-storefront .flora-v4022-rare-copy h3[b-ex9npvqi9h] { font-size: 48px !important; } .flora-dynamic-storefront .flora-v4022-rare-products[b-ex9npvqi9h] { grid-template-columns: repeat(4, 225px) !important; overflow-x: auto !important; padding-bottom: 13px !important; } .flora-dynamic-storefront .flora-v4022-rare-card[b-ex9npvqi9h] { height: 455px !important; min-height: 455px !important; } .flora-dynamic-storefront .flora-v4022-rare-media[b-ex9npvqi9h] { height: 325px !important; min-height: 325px !important; } } /* ========================================================== MOBIL ========================================================== */ @media (max-width: 560px) { .flora-dynamic-storefront .flora-v4022-rare[b-ex9npvqi9h] { padding: 30px 18px !important; border-radius: 24px !important; } .flora-dynamic-storefront .flora-v4022-rare-eyebrow[b-ex9npvqi9h] { font-size: 9px !important; letter-spacing: .13em !important; } .flora-dynamic-storefront .flora-v4022-rare-copy h3[b-ex9npvqi9h] { width: 100% !important; font-size: 38px !important; white-space: normal !important; } .flora-dynamic-storefront .flora-v4022-rare-copy p[b-ex9npvqi9h] { font-size: 13px !important; } .flora-dynamic-storefront .flora-v4022-rare-cta[b-ex9npvqi9h] { width: 100% !important; } .flora-dynamic-storefront .flora-v4022-rare-products[b-ex9npvqi9h] { grid-template-columns: repeat(4, 205px) !important; } .flora-dynamic-storefront .flora-v4022-rare-card[b-ex9npvqi9h] { height: 420px !important; min-height: 420px !important; } .flora-dynamic-storefront .flora-v4022-rare-media[b-ex9npvqi9h] { height: 292px !important; min-height: 292px !important; } } /* FLORA_V40_22_1_EXACT_RARE_END */ /* FLORA_V40_23_1_REMOVE_SECKI_START */ /* Sadece "FLORA SECKISI" ust yazisini gizle */ .flora-dynamic-storefront .storefront-intro > div > span[b-ex9npvqi9h] { display: none !important; } /* Ust yazi kalkinca baslik bosluk birakmasin */ .flora-dynamic-storefront .storefront-intro h2[b-ex9npvqi9h] { margin-top: 0 !important; } /* FLORA_V40_23_1_REMOVE_SECKI_END */ /* FLORA_V40_23_HEADER_TRANSPARENT_START */ /* FLORA SECKISI BASLIK ALANI Beyaz kutu / panel gorunumu kaldirildi. */ .flora-dynamic-storefront .storefront-intro[b-ex9npvqi9h] { background: transparent !important; border: none !important; outline: none !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Ic kapsayicida arka plan varsa onu da kaldir */ .flora-dynamic-storefront .storefront-intro > div[b-ex9npvqi9h] { background: transparent !important; border: none !important; box-shadow: none !important; } /* Pseudo elementlerden beyaz panel gelmesini engelle */ .flora-dynamic-storefront .storefront-intro[b-ex9npvqi9h]::before, .flora-dynamic-storefront .storefront-intro[b-ex9npvqi9h]::after { background: transparent !important; box-shadow: none !important; border: none !important; } /* Ana storefront'un kendisine beyaz kart verilmis ise baslik bolgesinin arkasinda kutu olusmasin. */ .flora-dynamic-storefront[b-ex9npvqi9h] { background: transparent !important; border: none !important; box-shadow: none !important; } /* FLORA_V40_23_HEADER_TRANSPARENT_END */ /* FLORA_V40_24_EXACT_CARE_START REFERANS TASARIMIN BITKI BAKIMI BOLUMU */ /* ========================================================== ANA PANEL ========================================================== */ .flora-dynamic-storefront .flora-v4024-care[b-ex9npvqi9h] { position: relative !important; width: 100% !important; min-height: 600px !important; margin: 58px auto 0 !important; padding: 48px 28px 48px 44px !important; display: grid !important; grid-template-columns: 360px minmax(0, 1fr) !important; gap: 38px !important; align-items: center !important; overflow: hidden !important; border: 1px solid rgba(192, 157, 88, .32) !important; border-radius: 28px !important; background: linear-gradient( 110deg, #faf6ec 0%, #fdfaf3 52%, #faf6ec 100% ) !important; box-shadow: 0 16px 40px rgba(45, 55, 38, .07) !important; } /* ========================================================== SOL BOTANIK DEKOR ========================================================== */ .flora-dynamic-storefront .flora-v4024-care[b-ex9npvqi9h]::before { content: "" !important; position: absolute !important; left: 0 !important; top: 37px !important; width: 125px !important; height: 220px !important; opacity: .47 !important; pointer-events: none !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: left top !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 130 230' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23c8a35a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 224C29 164 46 122 73 78C87 54 99 37 118 17'/%3E%3Cpath d='M39 158C20 140 15 121 18 98C43 104 55 119 57 141'/%3E%3Cpath d='M57 122C43 97 45 74 55 56C75 67 83 84 78 104'/%3E%3Cpath d='M74 82C72 59 82 40 98 28C109 47 107 64 94 76'/%3E%3Cpath d='M44 153C68 151 83 161 95 178C70 184 51 174 44 153'/%3E%3Cpath d='M62 113C87 107 105 114 118 129C96 139 76 133 62 113'/%3E%3C/g%3E%3C/svg%3E") !important; } /* ========================================================== SOL METIN ========================================================== */ .flora-dynamic-storefront .flora-v4024-care-copy[b-ex9npvqi9h] { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 30px 8px 20px !important; } /* ust yaprak */ .flora-dynamic-storefront .flora-v4024-care-copy[b-ex9npvqi9h]::before { content: "❦" !important; display: block !important; margin-bottom: 22px !important; color: #bd9344 !important; font-family: Georgia, serif !important; font-size: 27px !important; } /* TOPRAK BESIN BAKIM */ .flora-dynamic-storefront .flora-v4024-care-eyebrow[b-ex9npvqi9h] { display: block !important; margin: 0 0 28px !important; color: #bc8d36 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .15em !important; white-space: nowrap !important; } /* ========================================================== ANA BASLIK ========================================================== */ .flora-dynamic-storefront .flora-v4024-care-copy h3[b-ex9npvqi9h] { margin: 0 !important; color: #123e2d !important; font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif !important; font-size: 49px !important; font-weight: 400 !important; line-height: 1.08 !important; letter-spacing: -1.5px !important; text-align: center !important; } /* ========================================================== ALTIN CIZGI + YAPRAK ========================================================== */ .flora-dynamic-storefront .flora-v4024-care-divider[b-ex9npvqi9h] { width: 235px !important; margin: 31px auto 25px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; color: #bd9344 !important; } .flora-dynamic-storefront .flora-v4024-care-divider span[b-ex9npvqi9h] { flex: 1 !important; display: block !important; height: 1px !important; background: rgba(189,147,68,.74) !important; } .flora-dynamic-storefront .flora-v4024-care-divider b[b-ex9npvqi9h] { font-family: Georgia, serif !important; font-size: 18px !important; font-weight: 400 !important; } /* ========================================================== ACIKLAMA ========================================================== */ .flora-dynamic-storefront .flora-v4024-care-copy p[b-ex9npvqi9h] { max-width: 315px !important; margin: 0 auto !important; color: #727368 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.72 !important; text-align: center !important; } /* ========================================================== TUM BAKIM URUNLERI ========================================================== */ .flora-dynamic-storefront .flora-v4024-care-cta[b-ex9npvqi9h] { position: relative !important; width: 290px !important; max-width: 100% !important; height: 61px !important; min-height: 61px !important; margin: 36px auto 0 !important; padding: 0 26px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; color: #fff7e7 !important; background: linear-gradient( 180deg, #124934 0%, #073c2b 100% ) !important; border: 1px solid #b98c38 !important; border-radius: 10px !important; box-shadow: 0 0 0 3px #f2e7ce, 0 7px 14px rgba(27,62,44,.13) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; transition: transform .25s ease, box-shadow .25s ease !important; } .flora-dynamic-storefront .flora-v4024-care-cta[b-ex9npvqi9h]::after { content: "" !important; position: absolute !important; right: -30px !important; bottom: -24px !important; width: 82px !important; height: 82px !important; opacity: .58 !important; pointer-events: none !important; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 90 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23829b69' stroke-width='1.5'%3E%3Cpath d='M9 83C29 53 49 29 78 7'/%3E%3Cpath d='M32 53C18 48 12 39 12 28c13 1 23 8 27 19'/%3E%3Cpath d='M49 34C42 22 44 13 51 5c10 8 12 17 7 27'/%3E%3Cpath d='M31 56c15-1 25 5 31 16-15 4-26-2-31-16'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat !important; } .flora-dynamic-storefront .flora-v4024-care-cta:hover[b-ex9npvqi9h] { transform: translateY(-2px) !important; box-shadow: 0 0 0 3px #f2e7ce, 0 12px 24px rgba(27,62,44,.18) !important; } .flora-dynamic-storefront .flora-v4024-care-cta b[b-ex9npvqi9h] { font-size: 24px !important; font-weight: 300 !important; } /* ========================================================== 5 KART ========================================================== */ .flora-dynamic-storefront .flora-v4024-care-products[b-ex9npvqi9h] { position: relative !important; z-index: 2 !important; display: grid !important; grid-template-columns: repeat(5, minmax(0,1fr)) !important; gap: 14px !important; min-width: 0 !important; align-items: stretch !important; } /* ========================================================== KART ========================================================== */ .flora-dynamic-storefront .flora-v4024-care-card[b-ex9npvqi9h] { position: relative !important; min-width: 0 !important; height: 520px !important; min-height: 520px !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; text-decoration: none !important; background: linear-gradient( 180deg, #fffdf8 0%, #fbf6eb 100% ) !important; border: 1px solid rgba(190,153,82,.25) !important; border-radius: 15px !important; box-shadow: 0 9px 22px rgba(35,48,35,.075) !important; transition: transform .28s ease, box-shadow .28s ease !important; } .flora-dynamic-storefront .flora-v4024-care-card:hover[b-ex9npvqi9h] { transform: translateY(-5px) !important; box-shadow: 0 17px 32px rgba(35,48,35,.12) !important; } /* ========================================================== RESIMLER GERCEK VERITABANI RESIMLERI ========================================================== */ .flora-dynamic-storefront .flora-v4024-care-media[b-ex9npvqi9h] { width: 100% !important; height: 328px !important; min-height: 328px !important; margin: 0 !important; padding: 12px 12px 0 !important; overflow: hidden !important; background: transparent !important; } .flora-dynamic-storefront .flora-v4024-care-media img[b-ex9npvqi9h] { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border-radius: 10px !important; transform: scale(1) !important; transition: transform .35s ease !important; } .flora-dynamic-storefront .flora-v4024-care-card:hover .flora-v4024-care-media img[b-ex9npvqi9h] { transform: scale(1.025) !important; } /* ========================================================== KART ALT ALANI ========================================================== */ .flora-dynamic-storefront .flora-v4024-care-body[b-ex9npvqi9h] { flex: 1 !important; padding: 17px 13px 18px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-height: 190px !important; } /* KATEGORI */ .flora-dynamic-storefront .flora-v4024-care-body small[b-ex9npvqi9h] { display: block !important; margin: 0 0 13px !important; color: #b1883e !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 9px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .075em !important; white-space: nowrap !important; } /* URUN ADI */ .flora-dynamic-storefront .flora-v4024-care-body strong[b-ex9npvqi9h] { display: -webkit-box !important; width: 100% !important; margin: 0 !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 4 !important; color: #183a2c !important; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.48 !important; letter-spacing: -.18px !important; } /* ========================================================== KART ALTIN CIZGI ========================================================== */ .flora-dynamic-storefront .flora-v4024-care-card-line[b-ex9npvqi9h] { width: 100% !important; margin-top: auto !important; padding-top: 14px !important; display: flex !important; align-items: center !important; gap: 11px !important; color: #b88d3e !important; } .flora-dynamic-storefront .flora-v4024-care-card-line span[b-ex9npvqi9h] { display: block !important; flex: 1 !important; height: 1px !important; background: rgba(184,141,62,.58) !important; } .flora-dynamic-storefront .flora-v4024-care-card-line b[b-ex9npvqi9h] { font-family: Georgia, serif !important; font-size: 19px !important; font-weight: 400 !important; } /* ========================================================== RESPONSIVE 1200 ========================================================== */ @media(max-width:1200px) { .flora-dynamic-storefront .flora-v4024-care[b-ex9npvqi9h] { grid-template-columns: 310px minmax(0,1fr) !important; gap: 25px !important; padding: 36px 24px 36px 30px !important; } .flora-dynamic-storefront .flora-v4024-care-copy h3[b-ex9npvqi9h] { font-size: 42px !important; } .flora-dynamic-storefront .flora-v4024-care-products[b-ex9npvqi9h] { grid-template-columns: repeat(5, 205px) !important; overflow-x: auto !important; padding-bottom: 12px !important; } } /* ========================================================== TABLET ========================================================== */ @media(max-width:850px) { .flora-dynamic-storefront .flora-v4024-care[b-ex9npvqi9h] { grid-template-columns: 1fr !important; gap: 30px !important; } .flora-dynamic-storefront .flora-v4024-care-copy[b-ex9npvqi9h] { padding-top: 10px !important; } .flora-dynamic-storefront .flora-v4024-care-copy p[b-ex9npvqi9h] { max-width: 480px !important; } } /* ========================================================== MOBIL ========================================================== */ @media(max-width:560px) { .flora-dynamic-storefront .flora-v4024-care[b-ex9npvqi9h] { padding: 26px 15px !important; border-radius: 21px !important; } .flora-dynamic-storefront .flora-v4024-care-copy h3[b-ex9npvqi9h] { font-size: 36px !important; } .flora-dynamic-storefront .flora-v4024-care-eyebrow[b-ex9npvqi9h] { font-size: 10px !important; } .flora-dynamic-storefront .flora-v4024-care-copy p[b-ex9npvqi9h] { font-size: 13px !important; } .flora-dynamic-storefront .flora-v4024-care-cta[b-ex9npvqi9h] { width: 100% !important; } .flora-dynamic-storefront .flora-v4024-care-products[b-ex9npvqi9h] { grid-template-columns: repeat(5, 205px) !important; } .flora-dynamic-storefront .flora-v4024-care-card[b-ex9npvqi9h] { height: 470px !important; min-height: 470px !important; } .flora-dynamic-storefront .flora-v4024-care-media[b-ex9npvqi9h] { height: 290px !important; min-height: 290px !important; } } /* FLORA_V40_24_EXACT_CARE_END */ /* FLORA_V40_31_1_HOVER_PAUSE_START */ /* ============================================================ ONE CIKAN URUNLER Mouse urun carousel alanindayken animasyonu kesin durdur. ============================================================ */ .flora-dynamic-storefront .dynamic-product-viewport.carousel-active:hover .featured-auto-track[b-ex9npvqi9h] { animation-play-state: paused !important; } /* Kartin kendisi hover durumundayken de kesin pause. :has destekleyen modern Chrome/Edge icin ikinci guvence. */ .flora-dynamic-storefront .dynamic-product-viewport.carousel-active:has(.dynamic-product-card:hover) .featured-auto-track[b-ex9npvqi9h] { animation-play-state: paused !important; } /* Mouse ayrilinca tekrar devam et. */ .flora-dynamic-storefront .dynamic-product-viewport.carousel-active .featured-auto-track[b-ex9npvqi9h] { animation-play-state: running; } /* Hover kurali daha spesifik + !important oldugu icin mouse alanindayken paused kazanir. */ /* FLORA_V40_31_1_HOVER_PAUSE_END */ /* ============================================================ FLORA_V47_1_MOBILE_PRODUCT_CAROUSEL_ONLY SADECE TELEFON: max-width:700px PC / DESKTOP CAROUSEL AYNEN KALIR. ============================================================ */ @media (max-width:700px) { .flora-dynamic-storefront[b-ex9npvqi9h] { width:calc(100% - 20px) !important; max-width:none !important; margin-left:auto !important; margin-right:auto !important; overflow:hidden !important; box-sizing:border-box !important; } /* ======================================================== MOBIL URUN SEKMELERI ======================================================== */ .flora-dynamic-storefront .storefront-tabs[b-ex9npvqi9h] { width:100% !important; max-width:100% !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:7px !important; margin:0 0 20px !important; padding:2px 0 4px !important; overflow-x:auto !important; overflow-y:hidden !important; scrollbar-width:none !important; scroll-snap-type:x proximity !important; -webkit-overflow-scrolling:touch !important; box-sizing:border-box !important; } .flora-dynamic-storefront .storefront-tabs[b-ex9npvqi9h]::-webkit-scrollbar { display:none !important; } .flora-dynamic-storefront .storefront-tabs button[b-ex9npvqi9h] { flex:0 0 auto !important; width:auto !important; min-height:42px !important; padding:0 16px !important; font-size:9px !important; white-space:nowrap !important; scroll-snap-align:start !important; } /* ======================================================== MOBIL PRODUCT VIEWPORT ======================================================== */ .flora-dynamic-storefront .dynamic-product-viewport.carousel-active[b-ex9npvqi9h] { width:100% !important; max-width:100% !important; overflow:hidden !important; margin-top:14px !important; padding:5px 0 14px !important; mask-image:none !important; -webkit-mask-image:none !important; box-sizing:border-box !important; } /* ======================================================== MOBIL SLIDER HIZI Desktop sürelerine dokunulmaz. Mobilde 22 saniye. ======================================================== */ .flora-dynamic-storefront .dynamic-product-viewport.carousel-active .featured-auto-track[b-ex9npvqi9h] { display:flex !important; width:max-content !important; gap:12px !important; animation-duration:14s !important; animation-timing-function:linear !important; animation-iteration-count:infinite !important; animation-play-state:running !important; will-change:transform !important; } /* ======================================================== TELEFONDA HOVER / TOUCH SLIDERI DURDURMASIN ======================================================== */ .flora-dynamic-storefront .dynamic-product-viewport.carousel-active:hover .featured-auto-track[b-ex9npvqi9h] { animation-play-state:running !important; } .flora-dynamic-storefront .dynamic-product-viewport.carousel-active:has(.dynamic-product-card:hover) .featured-auto-track[b-ex9npvqi9h] { animation-play-state:running !important; } /* ======================================================== MOBIL KART GENISLIGI Ana kart rahat gorunsun, yan karttan biraz gorunsun. ======================================================== */ .flora-dynamic-storefront .dynamic-product-viewport.carousel-active .dynamic-product-card[b-ex9npvqi9h] { flex: 0 0 min(72vw,300px) !important; width:min(72vw,300px) !important; max-width:300px !important; min-width:260px !important; box-sizing:border-box !important; } .flora-dynamic-storefront .dynamic-product-viewport.carousel-active .dynamic-product-media[b-ex9npvqi9h] { height:300px !important; } /* mobilde hover karti ziplatmasin */ .flora-dynamic-storefront .dynamic-product-card:hover[b-ex9npvqi9h] { transform:none !important; } } /* FLORA_V47_1_MOBILE_PRODUCT_CAROUSEL_ONLY_END */ /* FLORA_V48_7_MOBILE_STOREFRONT_CARD_FIX */ @media (max-width: 700px) { .dynamic-product-viewport.carousel-active[b-ex9npvqi9h] { overflow: hidden !important; padding-inline: 16px !important; } .featured-auto-track[b-ex9npvqi9h] { gap: 14px !important; align-items: stretch !important; } .dynamic-product-card[b-ex9npvqi9h] { flex: 0 0 84vw !important; min-width: 84vw !important; max-width: 84vw !important; width: 84vw !important; overflow: hidden !important; box-sizing: border-box !important; } .dynamic-product-card .product-photo[b-ex9npvqi9h], .dynamic-product-card .product-media[b-ex9npvqi9h] { width: 100% !important; aspect-ratio: 4 / 5 !important; overflow: hidden !important; } .dynamic-product-card .product-photo img[b-ex9npvqi9h], .dynamic-product-card .product-media img[b-ex9npvqi9h] { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } .dynamic-product-card .product-body[b-ex9npvqi9h], .dynamic-product-card .product-content[b-ex9npvqi9h] { padding: 16px !important; min-width: 0 !important; } .dynamic-product-card .product-name[b-ex9npvqi9h], .dynamic-product-card .title[b-ex9npvqi9h] { font-size: 16px !important; line-height: 1.3 !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; word-break: break-word !important; } .dynamic-product-card .product-footer[b-ex9npvqi9h] { display: flex !important; flex-direction: column !important; gap: 12px !important; align-items: stretch !important; } .dynamic-product-card .cart-button[b-ex9npvqi9h], .dynamic-product-card .detail-button[b-ex9npvqi9h] { width: 100% !important; justify-content: center !important; } } /* FLORA_V48_8_MOBILE_RARE_COLLECTION_EXACT */ @media (max-width:700px) { .flora-dynamic-storefront .flora-v4022-rare[b-ex9npvqi9h] { width:100% !important; max-width:100% !important; min-width:0 !important; min-height:0 !important; grid-template-columns:1fr !important; gap:18px !important; padding:20px 14px !important; overflow:hidden !important; box-sizing:border-box !important; } .flora-dynamic-storefront .flora-v4022-rare-copy[b-ex9npvqi9h] { width:100% !important; min-width:0 !important; padding:10px 4px 4px !important; } .flora-dynamic-storefront .flora-v4022-rare-copy h3[b-ex9npvqi9h] { max-width:100% !important; font-size:34px !important; line-height:1.04 !important; overflow-wrap:anywhere !important; } .flora-dynamic-storefront .flora-v4022-rare-products[b-ex9npvqi9h] { display:grid !important; grid-auto-flow:column !important; grid-auto-columns:min(76vw,280px) !important; grid-template-columns:none !important; gap:12px !important; width:100% !important; min-width:0 !important; padding:8px 1px 12px !important; overflow-x:auto !important; overflow-y:hidden !important; scroll-snap-type:x proximity !important; overscroll-behavior-inline:contain !important; scrollbar-width:none !important; } .flora-dynamic-storefront .flora-v4022-rare-products[b-ex9npvqi9h]::-webkit-scrollbar { display:none !important; } .flora-dynamic-storefront .flora-v4022-rare-card[b-ex9npvqi9h] { display:flex !important; flex-direction:column !important; width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; overflow:hidden !important; scroll-snap-align:start !important; box-sizing:border-box !important; } .flora-dynamic-storefront .flora-v4022-rare-media[b-ex9npvqi9h] { position:relative !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:1 / 1.08 !important; overflow:hidden !important; } .flora-dynamic-storefront .flora-v4022-rare-media img[b-ex9npvqi9h] { display:block !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center center !important; } .flora-dynamic-storefront .flora-v4022-rare-card-body[b-ex9npvqi9h] { display:flex !important; flex-direction:column !important; width:100% !important; min-width:0 !important; height:auto !important; min-height:112px !important; padding:16px 12px 13px !important; box-sizing:border-box !important; } .flora-dynamic-storefront .flora-v4022-rare-card-body strong[b-ex9npvqi9h] { display:-webkit-box !important; width:100% !important; min-height:40px !important; max-height:40px !important; margin:0 !important; overflow:hidden !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; font-size:15px !important; line-height:1.32 !important; text-align:center !important; overflow-wrap:anywhere !important; } .flora-dynamic-storefront .flora-v4022-rare-card-body small[b-ex9npvqi9h] { width:100% !important; margin:6px 0 0 !important; font-size:10px !important; line-height:1.2 !important; text-align:center !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .flora-dynamic-storefront .flora-v4022-rare-price[b-ex9npvqi9h] { margin:auto 0 0 !important; padding-top:8px !important; font-size:18px !important; line-height:1 !important; text-align:center !important; } .flora-dynamic-storefront .flora-v4022-rare-emblem[b-ex9npvqi9h] { width:42px !important; height:42px !important; top:-21px !important; } } /* FLORA_V48_8_MOBILE_RARE_COLLECTION_EXACT_END */ /* FLORA_V48_14_TRUE_INFINITE_LOOP_START */ /* ==================================================================== FLORA V48.14 MOBIL URUN CAROUSEL MOTORU - Eski CSS animation mobilde tamamen kapali. - Transform'i V48.14 JS yonetir. - Dikey sayfa kaydirma korunur. - Yatay parmak hareketi carousel'i yonetir. - Desktop'a dokunulmaz. ==================================================================== */ @media (max-width:700px) { #urunler.flora-dynamic-storefront .dynamic-product-viewport.carousel-active[b-ex9npvqi9h] { overflow: hidden !important; touch-action: pan-y pinch-zoom !important; overscroll-behavior-x: contain; -webkit-tap-highlight-color: transparent; cursor: grab; } #urunler.flora-dynamic-storefront .dynamic-product-viewport.carousel-active .featured-auto-track[b-ex9npvqi9h] { animation: none !important; animation-name: none !important; will-change: transform !important; } #urunler.flora-dynamic-storefront .dynamic-product-viewport.carousel-active.flora-v48-loop-dragging[b-ex9npvqi9h] { cursor: grabbing; user-select: none !important; -webkit-user-select: none !important; } } /* FLORA_V48_14_TRUE_INFINITE_LOOP_END */ /* /Components/FloraGiftWheel.razor.rz.scp.css */ .flora-wheel-fixed[b-i48jyd73z3]{ position:relative; z-index:10020; font-family:var(--flora-font-family,"Segoe UI",sans-serif) } .flora-wheel-tab[b-i48jyd73z3]{ position:fixed; right:0; top:50%; z-index:10025; width:54px; min-height:178px; transform:translateY(-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; padding:13px 8px; border:1px solid rgba(255,255,255,.18); border-right:0; border-radius:18px 0 0 18px; background:#063c29; color:#fff; box-shadow:-10px 18px 36px rgba(6,60,41,.24); cursor:pointer } .flora-wheel-tab span[b-i48jyd73z3]{ writing-mode:vertical-rl; transform:rotate(180deg); font-size:11px; font-weight:950; letter-spacing:.06em; white-space:nowrap } .flora-wheel-tab svg[b-i48jyd73z3]{ width:20px; height:20px } .flora-wheel-backdrop[b-i48jyd73z3]{ position:fixed; inset:0; z-index:10100; display:grid; place-items:center; padding:24px; background:rgba(6,60,41,.56); backdrop-filter:blur(8px) } .flora-wheel-modal[b-i48jyd73z3]{ position:relative; width:min(1120px,calc(100vw - 48px)); max-height:calc(100vh - 48px); overflow:auto; display:grid; grid-template-columns:minmax(250px,.78fr) minmax(640px,1.22fr); gap:36px; align-items:center; padding:40px; border:1px solid #dfe8e1; border-radius:30px; background: radial-gradient( circle at 84% 15%, rgba(221,241,226,.82), transparent 27%), #ffffff; box-shadow:0 36px 110px rgba(6,60,41,.30) } .flora-wheel-close[b-i48jyd73z3]{ position:absolute; right:16px; top:16px; z-index:30; width:40px; height:40px; display:grid; place-items:center; padding:0; border:1px solid #dce7df; border-radius:50%; background:#fff; color:#063c29; font-size:27px; line-height:1; cursor:pointer } .flora-wheel-intro>span[b-i48jyd73z3]{ color:#063c29; font-size:10px; font-weight:950; letter-spacing:.17em } .flora-wheel-intro h2[b-i48jyd73z3]{ max-width:440px; margin:12px 0 14px; color:#063c29; font-size:clamp(34px,4vw,50px); font-weight:900; line-height:1.02; letter-spacing:-.045em } .flora-wheel-intro p[b-i48jyd73z3]{ max-width:420px; margin:0; color:#68766d; font-size:14px; line-height:1.7 } .flora-wheel-main[b-i48jyd73z3]{ min-width:0; display:grid; grid-template-columns:minmax(390px,440px) minmax(220px,1fr); gap:24px; align-items:center } .flora-wheel-holder[b-i48jyd73z3]{ position:relative; width:min(100%,430px); aspect-ratio:1; margin:auto; padding:9px; border-radius:50%; background:#fff; box-shadow: 0 22px 52px rgba(6,60,41,.14) } /* OK: ÜSTTE DURUR. RENKLİ ÜÇGENİN UCU AŞAĞI / MERKEZE BAKAR. */ .flora-wheel-pointer[b-i48jyd73z3]{ position:absolute; left:50%; top:-1px; z-index:40; width:0; height:0; transform:translateX(-50%); border-left:16px solid transparent; border-right:16px solid transparent; border-top:28px solid #063c29; border-bottom:0; filter:drop-shadow(0 3px 3px rgba(0,0,0,.14)) } .flora-wheel-disc[b-i48jyd73z3]{ position:relative; width:100%; height:100%; overflow:hidden; border:4px solid #1d1d1d; border-radius:50%; background: conic-gradient( from -22.5deg, #f8f8f3 0deg 45deg, #063c29 45deg 90deg, #f8f8f3 90deg 135deg, #063c29 135deg 180deg, #f8f8f3 180deg 225deg, #063c29 225deg 270deg, #f8f8f3 270deg 315deg, #063c29 315deg 360deg ); transition: transform var(--flora-wheel-duration,9.9s) cubic-bezier(.08,.58,.07,1); will-change:transform } /* ============================================================== YAZILAR REFERANS GÖRSELDEKİ DÜZEN: SLOT 0 | SLOT 7 SLOT 1 SLOT 6 SLOT 2 SLOT 5 SLOT 3 | SLOT 4 - Her dilimde sadece 1 yazı. - Yazı tamamen dilimin içinde. - Dışa taşma yok. - Ters okuma yok. ============================================================== */ .flora-wheel-label[b-i48jyd73z3]{ position:absolute; z-index:10; display:block; width:122px; margin:0; padding:0; font-size:12px; font-weight:900; line-height:1; text-align:center; white-space:nowrap; transform-origin:center; pointer-events:none } /* BEYAZ DİLİM */ .flora-wheel-label.light[b-i48jyd73z3]{ color:#063c29; text-shadow:none } /* YEŞİL DİLİM */ .flora-wheel-label.dark[b-i48jyd73z3]{ color:#ffffff; text-shadow: 0 1px 2px rgba(0,0,0,.28) } /* ÜST - referanstaki Kaktüs gibi */ .flora-wheel-label.slot-0[b-i48jyd73z3]{ left:50%; top:19%; transform: translate(-50%,-50%) rotate(90deg) } /* ÜST-SAĞ - referanstaki Tekrar Dene gibi */ .flora-wheel-label.slot-1[b-i48jyd73z3]{ left:72%; top:29%; transform: translate(-50%,-50%) rotate(-45deg) } /* SAĞ - referanstaki Sukulent gibi */ .flora-wheel-label.slot-2[b-i48jyd73z3]{ left:80%; top:50%; transform: translate(-50%,-50%) rotate(0deg) } /* ALT-SAĞ */ .flora-wheel-label.slot-3[b-i48jyd73z3]{ left:71%; top:72%; transform: translate(-50%,-50%) rotate(45deg) } /* ALT - referanstaki 100 TL gibi */ .flora-wheel-label.slot-4[b-i48jyd73z3]{ left:50%; top:81%; transform: translate(-50%,-50%) rotate(90deg) } /* ALT-SOL */ .flora-wheel-label.slot-5[b-i48jyd73z3]{ left:29%; top:72%; transform: translate(-50%,-50%) rotate(-45deg) } /* SOL - referanstaki Mis Lavanta gibi */ .flora-wheel-label.slot-6[b-i48jyd73z3]{ left:20%; top:50%; transform: translate(-50%,-50%) rotate(0deg) } /* ÜST-SOL */ .flora-wheel-label.slot-7[b-i48jyd73z3]{ left:29%; top:29%; transform: translate(-50%,-50%) rotate(45deg) } .flora-wheel-label.winner[b-i48jyd73z3]{ font-size:13px; filter: drop-shadow( 0 0 3px rgba(255,255,255,.55)) } .flora-wheel-center[b-i48jyd73z3]{ position:absolute; left:50%; top:50%; z-index:20; width:86px; height:86px; transform:translate(-50%,-50%); display:grid; place-items:center; align-content:center; gap:3px; border:8px solid #fff; border-radius:50%; background:#f7f8f5; color:#063c29; box-shadow: 0 10px 24px rgba(6,60,41,.16) } .flora-wheel-center>span[b-i48jyd73z3]{ width:36px; height:36px; display:grid; place-items:center; border-radius:17px; background:#063c29; color:#fff } .flora-wheel-center svg[b-i48jyd73z3]{ width:23px; height:23px } .flora-wheel-center strong[b-i48jyd73z3]{ color:#063c29; font-size:9px; font-weight:950; letter-spacing:.14em } .flora-wheel-side[b-i48jyd73z3]{ min-width:0; display:grid; gap:12px; align-content:center } .flora-wheel-spin[b-i48jyd73z3]{ min-height:54px; padding:0 18px; border:0; border-radius:16px; background:#063c29; color:#fff; font: 900 12px/1 var(--flora-font-family,"Segoe UI",sans-serif); letter-spacing:.04em; cursor:pointer; box-shadow: 0 14px 30px rgba(6,60,41,.20) } .flora-wheel-spin:disabled[b-i48jyd73z3]{ opacity:.72; cursor:wait } .flora-wheel-prizes[b-i48jyd73z3]{ display:grid; gap:8px } .flora-wheel-prizes article[b-i48jyd73z3]{ display:grid; gap:4px; padding:11px 12px; border:1px solid #e0e8e2; border-radius:14px; background:#fff; box-shadow: 0 8px 18px rgba(6,60,41,.04) } .flora-wheel-prizes strong[b-i48jyd73z3]{ color:#063c29; font-size:12px; line-height:1.25 } .flora-wheel-prizes small[b-i48jyd73z3]{ color:#768279; font-size:10px; line-height:1.4 } .flora-wheel-spinning[b-i48jyd73z3]{ display:flex; align-items:center; gap:9px; color:#6c796f; font-size:11px } .flora-wheel-spinning i[b-i48jyd73z3]{ width:8px; height:8px; border-radius:50%; background:#d9ad45; box-shadow: 0 0 0 5px rgba(217,173,69,.15) } .flora-wheel-result[b-i48jyd73z3]{ display:grid; gap:7px; padding:15px; border-radius:16px } .flora-wheel-result.reward[b-i48jyd73z3]{ border:1px solid #ead08a; background:#fff8e5; color:#4b3a16 } .flora-wheel-result.retry[b-i48jyd73z3]{ border:1px solid #dce6df; background:#f5faf6; color:#063c29 } .flora-wheel-result>span[b-i48jyd73z3]{ font-size:9px; font-weight:950; letter-spacing:.14em } .flora-wheel-result strong[b-i48jyd73z3]{ font-size:15px } .flora-wheel-result code[b-i48jyd73z3]{ width:fit-content; padding:6px 9px; border-radius:8px; background:#063c29; color:#fff } .flora-wheel-result small[b-i48jyd73z3]{ font-size:10px; line-height:1.45 } @media(max-width:1000px){ .flora-wheel-modal[b-i48jyd73z3]{ grid-template-columns:1fr; width:min( 760px, calc(100vw - 32px)); gap:24px } .flora-wheel-intro[b-i48jyd73z3]{ text-align:center } .flora-wheel-intro h2[b-i48jyd73z3], .flora-wheel-intro p[b-i48jyd73z3]{ margin-left:auto; margin-right:auto } .flora-wheel-main[b-i48jyd73z3]{ grid-template-columns:1fr } } @media(max-width:600px){ .flora-wheel-tab[b-i48jyd73z3]{ width:47px; min-height:154px } .flora-wheel-backdrop[b-i48jyd73z3]{ padding:10px } .flora-wheel-modal[b-i48jyd73z3]{ width:100%; max-height:calc(100vh - 20px); padding:45px 15px 20px; border-radius:22px } .flora-wheel-holder[b-i48jyd73z3]{ width:min(100%,335px) } .flora-wheel-label[b-i48jyd73z3]{ width:94px; font-size:9px } .flora-wheel-center[b-i48jyd73z3]{ width:72px; height:72px; border-width:7px } .flora-wheel-center>span[b-i48jyd73z3]{ width:30px; height:30px } .flora-wheel-center svg[b-i48jyd73z3]{ width:19px; height:19px } .flora-wheel-pointer[b-i48jyd73z3]{ border-left-width:13px; border-right-width:13px; border-top-width:23px } } @media(prefers-reduced-motion:reduce){ .flora-wheel-disc[b-i48jyd73z3]{ transition-duration:.01ms } } /* FLORA_WHEEL_WEEKLY_LIMIT */ .flora-wheel-weekly-lock[b-i48jyd73z3]{ display:grid; gap:4px; padding:12px 13px; border:1px solid #dfe8e1; border-radius:14px; background:#f7faf8; color:#063c29 } .flora-wheel-weekly-lock strong[b-i48jyd73z3]{ font-size:11px; font-weight:900 } .flora-wheel-weekly-lock span[b-i48jyd73z3]{ color:#758178; font-size:10px; line-height:1.4 } .flora-wheel-spin:disabled[b-i48jyd73z3]{ box-shadow:none } /* FLORA_V39_WHEEL_REWARD_CONDITION */ .flora-wheel-reward-condition[b-i48jyd73z3]{ display:block; margin-top:6px; padding-top:8px; border-top:1px solid rgba(6,60,41,.16); color:#063c29!important; font-size:10px!important; font-weight:800!important; line-height:1.45!important; } /* FLORA_V40_PREMIUM_WHEEL_TAB_POSITION */ .flora-wheel-tab[b-i48jyd73z3]{ left:0!important; right:auto!important; width:42px!important; min-height:148px!important; border-left:0!important; border-right:1px solid rgba(255,255,255,.18)!important; border-radius:0 12px 12px 0!important; background:#063c29!important; box-shadow:10px 14px 28px rgba(6,60,41,.20)!important; } .flora-wheel-tab span[b-i48jyd73z3]{font-size:9px!important;letter-spacing:.08em!important} .flora-wheel-tab svg[b-i48jyd73z3]{width:17px!important;height:17px!important} @media(max-width:640px){.flora-wheel-tab[b-i48jyd73z3]{width:38px!important;min-height:128px!important}} /* /Components/FloraHomeProductReviews.razor.rz.scp.css */ /* FLORA V37D.18 - HOME REAL PRODUCT REVIEWS */ .flora-home-review-list[b-9rrj2gxoxy] { display: grid; gap: 10px; } .flora-home-review-card[b-9rrj2gxoxy] { display: grid; grid-template-columns: 66px minmax(0, 1fr); gap: 12px; align-items: stretch; min-width: 0; padding: 10px; border: 1px solid #e0e8e2; border-radius: 12px; background: #ffffff; color: #243027; text-decoration: none; box-shadow: 0 4px 14px rgba(6,60,41,.035); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background-color .16s ease; } .flora-home-review-card:hover[b-9rrj2gxoxy] { transform: translateY(-1px); border-color: #a9c8b0; background: #fbfefb; box-shadow: 0 8px 22px rgba(6,60,41,.09); } .flora-home-review-card:focus-visible[b-9rrj2gxoxy] { outline: none; border-color: #063c29; box-shadow: 0 0 0 3px rgba(6, 60, 41, .12), 0 8px 22px rgba(6,60,41,.09); } .flora-home-review-product[b-9rrj2gxoxy] { width: 66px; min-width: 66px; height: 66px; overflow: hidden; display: grid; place-items: center; border: 1px solid #e0e9e2; border-radius: 10px; background: #eef6f0; color: #063c29; font-size: 22px; font-weight: 900; } .flora-home-review-product img[b-9rrj2gxoxy] { display: block; width: 100%; height: 100%; object-fit: cover; } .flora-home-review-content[b-9rrj2gxoxy] { min-width: 0; } .flora-home-review-head[b-9rrj2gxoxy] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .flora-home-review-customer[b-9rrj2gxoxy] { min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 7px; } .flora-home-review-customer > strong[b-9rrj2gxoxy] { color: #063c29; font-size: 14px; font-weight: 900; line-height: 1.3; } .flora-home-review-stars[b-9rrj2gxoxy] { color: #f2a500; font-size: 13px; font-weight: 900; letter-spacing: .03em; line-height: 1.2; } .flora-home-review-arrow[b-9rrj2gxoxy] { flex: 0 0 auto; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 999px; background: #eef6f0; color: #063c29; font-size: 16px; font-weight: 900; } .flora-home-review-content > p[b-9rrj2gxoxy] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 6px 0 8px; color: #56645b; font-size: 12px; line-height: 1.5; } .flora-home-review-product-meta[b-9rrj2gxoxy] { min-width: 0; padding-top: 7px; display: grid; gap: 2px; border-top: 1px solid #eef2ef; } .flora-home-review-product-meta > span[b-9rrj2gxoxy] { color: #839087; font-size: 10px; font-weight: 700; line-height: 1.2; } .flora-home-review-product-meta > strong[b-9rrj2gxoxy] { overflow: hidden; color: #063c29; font-size: 11px; font-weight: 900; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; } .flora-home-review-state[b-9rrj2gxoxy], .flora-home-review-empty[b-9rrj2gxoxy] { min-height: 118px; display: flex; align-items: center; justify-content: center; padding: 18px; border: 1px dashed #cfdcd2; border-radius: 12px; background: #fbfdfb; color: #68766d; font-size: 12px; text-align: center; } .flora-home-review-empty[b-9rrj2gxoxy] { justify-content: flex-start; gap: 12px; text-align: left; } .flora-home-review-empty-icon[b-9rrj2gxoxy] { flex: 0 0 auto; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 999px; background: #eef6f0; color: #063c29; font-size: 18px; } .flora-home-review-empty > div:last-child[b-9rrj2gxoxy] { display: grid; gap: 4px; } .flora-home-review-empty strong[b-9rrj2gxoxy] { color: #263229; font-size: 13px; font-weight: 900; } .flora-home-review-empty span[b-9rrj2gxoxy] { color: #718078; font-size: 11px; line-height: 1.45; } @media (max-width: 620px) { .flora-home-review-card[b-9rrj2gxoxy] { grid-template-columns: 56px minmax(0, 1fr); gap: 10px; padding: 9px; } .flora-home-review-product[b-9rrj2gxoxy] { width: 56px; min-width: 56px; height: 56px; } .flora-home-review-product-meta > strong[b-9rrj2gxoxy] { white-space: normal; } } /* /Components/FloraProductNativeGallery.razor.rz.scp.css */ /* FLORA_V37D99_DETAIL_LEFT_THUMBS */ .flora-native-gallery[b-n7v0n3svz8] { width: 100%; min-width: 0; } .flora-native-gallery__shell[b-n7v0n3svz8] { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 14px; align-items: start; width: 100%; } .flora-native-gallery__thumbs-rail[b-n7v0n3svz8] { display: flex; flex-direction: column; gap: 10px; max-height: 560px; overflow-y: auto; overflow-x: hidden; padding: 0; scrollbar-width: thin; } .flora-native-gallery__thumb[b-n7v0n3svz8] { flex: 0 0 74px; width: 74px; height: 74px; padding: 4px; overflow: hidden; border: 2px solid #063c29; border-radius: 8px; background: #fff; cursor: pointer; } .flora-native-gallery__thumb > img[b-n7v0n3svz8] { display: block; width: 100%; height: 100%; border-radius: 4px; object-fit: cover; } .flora-native-gallery__thumb.active[b-n7v0n3svz8] { box-shadow: 0 0 0 2px rgba(6, 60, 41, 0.14); } .flora-native-gallery__viewport[b-n7v0n3svz8] { position: relative; width: 100%; min-height: 360px; display: grid; place-items: center; overflow: hidden; border-radius: 14px; background: #f7f8f6; } .flora-native-gallery__viewport > img[b-n7v0n3svz8] { display: block; width: 100%; height: auto; max-height: 620px; object-fit: contain; } .flora-native-gallery__placeholder[b-n7v0n3svz8] { min-height: 360px; display: grid; place-items: center; color: #647067; font-weight: 800; letter-spacing: 0.12em; } .flora-native-gallery__arrow[b-n7v0n3svz8] { position: absolute; top: 50%; z-index: 4; width: 44px; height: 44px; display: grid; place-items: center; transform: translateY(-50%); border: 1px solid rgba(6, 60, 41, 0.16); border-radius: 999px; background: rgba(255, 255, 255, 0.94); color: #063c29; box-shadow: 0 8px 24px rgba(24, 45, 30, 0.14); cursor: pointer; font-size: 29px; line-height: 1; } .flora-native-gallery__arrow--prev[b-n7v0n3svz8] { left: 12px; } .flora-native-gallery__arrow--next[b-n7v0n3svz8] { right: 12px; } .flora-native-gallery__counter[b-n7v0n3svz8] { position: absolute; right: 12px; bottom: 12px; z-index: 4; padding: 6px 10px; border-radius: 999px; background: rgba(20, 31, 23, 0.76); color: #fff; font-size: 13px; font-weight: 700; } @media (max-width: 700px) { .flora-native-gallery__shell[b-n7v0n3svz8] { grid-template-columns: 62px minmax(0, 1fr); gap: 10px; } .flora-native-gallery__thumbs-rail[b-n7v0n3svz8] { max-height: 360px; gap: 8px; } .flora-native-gallery__thumb[b-n7v0n3svz8] { flex-basis: 56px; width: 56px; height: 56px; padding: 3px; } .flora-native-gallery__viewport[b-n7v0n3svz8] { min-height: 285px; } .flora-native-gallery__viewport > img[b-n7v0n3svz8] { max-height: 500px; } .flora-native-gallery__arrow[b-n7v0n3svz8] { width: 39px; height: 39px; font-size: 26px; } } /* /Components/FloraStoreFollowButton.razor.rz.scp.css */ .flora-follow-box[b-e0q8sootmg] { margin-top: 14px; display: grid; gap: 7px; } .flora-follow-button[b-e0q8sootmg] { width: fit-content; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 16px; border: 1px solid #063c29; border-radius: 999px; background: #ffffff; color: #063c29; font: inherit; font-size: 12px; font-weight: 800; letter-spacing: .035em; cursor: pointer; transition: .18s ease; } .flora-follow-button:hover[b-e0q8sootmg], .flora-follow-button.active[b-e0q8sootmg] { background: #063c29; color: #fff; } .flora-follow-button:disabled[b-e0q8sootmg] { opacity: .65; cursor: wait; } .follow-icon[b-e0q8sootmg] { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #e8f4ec; color: #063c29; font-size: 14px; line-height: 1; } .flora-follow-button.active .follow-icon[b-e0q8sootmg], .flora-follow-button:hover .follow-icon[b-e0q8sootmg] { background: rgba(255,255,255,.16); color: #fff; } .flora-follow-meta[b-e0q8sootmg] { display: flex; flex-wrap: wrap; gap: 5px 12px; color: #6f7d74; font-size: 11px; } .flora-follow-message[b-e0q8sootmg] { display: block; max-width: 560px; color: #557064; line-height: 1.45; } @media (max-width: 640px) { .flora-follow-button[b-e0q8sootmg] { width: 100%; } } /* /Components/Layout/FloraCustomerToast.razor.rz.scp.css */ .flora-v39-customer-toast[b-u2svrm6ari]{position:fixed;z-index:11050;top:22px;right:22px;width:min(380px,calc(100vw - 28px));display:grid;grid-template-columns:42px minmax(0,1fr) 30px;gap:11px;align-items:center;padding:12px 12px 12px 13px;border:1px solid #d9e7dd;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 22px 60px rgba(6,60,41,.18);color:#063c29;animation:floraV39ToastIn-b-u2svrm6ari .24s ease both;backdrop-filter:blur(12px)} .flora-v39-toast-mark[b-u2svrm6ari]{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e8f5ec;color:#063c29;font-size:19px;font-weight:950}.flora-v39-customer-toast.favorite .flora-v39-toast-mark[b-u2svrm6ari]{background:#fff0f3;color:#ad3e59}.flora-v39-toast-copy[b-u2svrm6ari]{min-width:0;display:grid;gap:2px}.flora-v39-toast-copy strong[b-u2svrm6ari]{font-size:13px;font-weight:900;line-height:1.25}.flora-v39-toast-copy small[b-u2svrm6ari]{min-width:0;color:#68786e;font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flora-v39-customer-toast>button[b-u2svrm6ari]{width:30px;height:30px;border:0;border-radius:50%;background:#f3f6f4;color:#5f7165;font:700 20px/1 system-ui;cursor:pointer}@keyframes floraV39ToastIn-b-u2svrm6ari{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:640px){.flora-v39-customer-toast[b-u2svrm6ari]{top:12px;right:14px;left:14px;width:auto}} /* /Components/Layout/FloraSocialSupport.razor.rz.scp.css */ .flora-v39-social-support[b-k6g30om4wv]{ position:fixed; right:max(18px,env(safe-area-inset-right)); bottom:max(20px,env(safe-area-inset-bottom)); z-index:10040; display:grid; justify-items:end; gap:10px; font-family:var(--flora-font-family,"Segoe UI",sans-serif) } .flora-v39-social-trigger[b-k6g30om4wv]{ width:52px; height:52px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:#063c29; color:#f1c45d; box-shadow:0 18px 42px rgba(6,60,41,.28); cursor:pointer; transition:transform .18s ease, box-shadow .18s ease } .flora-v39-social-trigger:hover[b-k6g30om4wv]{ transform:translateY(-2px); box-shadow:0 22px 50px rgba(6,60,41,.34) } .flora-v39-social-trigger svg[b-k6g30om4wv]{ width:21px; height:21px; display:block } .flora-v39-social-menu[b-k6g30om4wv]{ display:grid; grid-auto-flow:row; justify-items:end; gap:10px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; animation:floraV39SocialIn-b-k6g30om4wv .2s ease both } .flora-v39-social-icon[b-k6g30om4wv]{ width:54px; height:54px; display:grid; place-items:center; border-radius:50%; text-decoration:none; background:#f7faf8; border:1px solid #e0e9e3; color:#063c29; transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease } .flora-v39-social-icon:hover[b-k6g30om4wv]{ transform:translateY(-2px); background:#fff; border-color:#bfd4c4; box-shadow:0 12px 26px rgba(6,60,41,.10) } .flora-v39-social-icon svg[b-k6g30om4wv]{ width:21px; height:21px; display:block } .flora-v39-social-icon.whatsapp[b-k6g30om4wv]{color:#063c29;background:#e7f8ed} .flora-v39-social-icon.instagram[b-k6g30om4wv]{color:#a23c76;background:#faedf5} .flora-v39-social-icon.facebook[b-k6g30om4wv]{color:#2d62a8;background:#edf3fb} .flora-v39-social-icon.tiktok[b-k6g30om4wv]{color:#262a28;background:#f1f2f2} @keyframes floraV39SocialIn-b-k6g30om4wv{ from{opacity:0;transform:translateY(8px) scale(.98)} to{opacity:1;transform:none} } @media(max-width:560px){ .flora-v39-social-support[b-k6g30om4wv]{ right:12px; bottom:14px } .flora-v39-social-trigger[b-k6g30om4wv]{ width:50px; height:50px } .flora-v39-social-menu[b-k6g30om4wv]{ gap:8px } .flora-v39-social-icon[b-k6g30om4wv]{ width:50px; height:50px } .flora-v39-social-icon svg[b-k6g30om4wv]{ width:22px; height:22px } } /* FLORA_V40_PREMIUM_SOCIAL_SUPPORT */ .flora-v39-social-support[b-k6g30om4wv]{right:max(16px,env(safe-area-inset-right))!important;bottom:max(18px,env(safe-area-inset-bottom))!important;gap:8px!important} .flora-v39-social-trigger[b-k6g30om4wv]{width:50px!important;height:50px!important;background:#063c29!important;color:#f5efe3!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 15px 35px rgba(6,60,41,.24)!important} .flora-v39-social-trigger svg[b-k6g30om4wv]{width:19px!important;height:19px!important} .flora-v39-social-icon[b-k6g30om4wv]{width:43px!important;height:43px!important;border:1px solid rgba(6,60,41,.12)!important;box-shadow:0 7px 18px rgba(6,60,41,.07)!important} .flora-v39-social-icon svg[b-k6g30om4wv]{width:18px!important;height:18px!important} /* /Components/Layout/MainLayout.razor.rz.scp.css */ #blazor-error-ui[b-hz3kzance4] { color-scheme: light only; background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); box-sizing: border-box; display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; } #blazor-error-ui .dismiss[b-hz3kzance4] { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; } /* /Components/Layout/ReconnectModal.razor.rz.scp.css */ .components-reconnect-first-attempt-visible[b-xzgwl1w2s9], .components-reconnect-repeated-attempt-visible[b-xzgwl1w2s9], .components-reconnect-failed-visible[b-xzgwl1w2s9], .components-pause-visible[b-xzgwl1w2s9], .components-resume-failed-visible[b-xzgwl1w2s9], .components-rejoining-animation[b-xzgwl1w2s9] { display: none; } #components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-xzgwl1w2s9], #components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-xzgwl1w2s9], #components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-xzgwl1w2s9], #components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-xzgwl1w2s9], #components-reconnect-modal.components-reconnect-retrying[b-xzgwl1w2s9], #components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-xzgwl1w2s9], #components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-xzgwl1w2s9], #components-reconnect-modal.components-reconnect-failed[b-xzgwl1w2s9], #components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-xzgwl1w2s9] { display: block; } #components-reconnect-modal[b-xzgwl1w2s9] { background-color: white; width: 20rem; margin: 20vh auto; padding: 2rem; border: 0; border-radius: 0.5rem; box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3); opacity: 0; transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete; animation: components-reconnect-modal-fadeOutOpacity-b-xzgwl1w2s9 0.5s both; &[open] { animation: components-reconnect-modal-slideUp-b-xzgwl1w2s9 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-xzgwl1w2s9 0.5s ease-in-out 0.3s; animation-fill-mode: both; } } #components-reconnect-modal[b-xzgwl1w2s9]::backdrop { background-color: rgba(0, 0, 0, 0.4); animation: components-reconnect-modal-fadeInOpacity-b-xzgwl1w2s9 0.5s ease-in-out; opacity: 1; } @keyframes components-reconnect-modal-slideUp-b-xzgwl1w2s9 { 0% { transform: translateY(30px) scale(0.95); } 100% { transform: translateY(0); } } @keyframes components-reconnect-modal-fadeInOpacity-b-xzgwl1w2s9 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes components-reconnect-modal-fadeOutOpacity-b-xzgwl1w2s9 { 0% { opacity: 1; } 100% { opacity: 0; } } .components-reconnect-container[b-xzgwl1w2s9] { display: flex; flex-direction: column; align-items: center; gap: 1rem; } #components-reconnect-modal p[b-xzgwl1w2s9] { margin: 0; text-align: center; } #components-reconnect-modal button[b-xzgwl1w2s9] { border: 0; background-color: #6b9ed2; color: white; padding: 4px 24px; border-radius: 4px; } #components-reconnect-modal button:hover[b-xzgwl1w2s9] { background-color: #3b6ea2; } #components-reconnect-modal button:active[b-xzgwl1w2s9] { background-color: #6b9ed2; } .components-rejoining-animation[b-xzgwl1w2s9] { position: relative; width: 80px; height: 80px; } .components-rejoining-animation div[b-xzgwl1w2s9] { position: absolute; border: 3px solid #0087ff; opacity: 1; border-radius: 50%; animation: components-rejoining-animation-b-xzgwl1w2s9 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .components-rejoining-animation div:nth-child(2)[b-xzgwl1w2s9] { animation-delay: -0.5s; } @keyframes components-rejoining-animation-b-xzgwl1w2s9 { 0% { top: 40px; left: 40px; width: 0; height: 0; opacity: 0; } 4.9% { top: 40px; left: 40px; width: 0; height: 0; opacity: 0; } 5% { top: 40px; left: 40px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 80px; height: 80px; opacity: 0; } } /* /Components/Pages/AdminBlogYonetimi.razor.rz.scp.css */ .admin-suite-page[b-jfruwcb3xq]{width:min(100% - 32px,1220px);margin:0 auto;padding:0 0 70px;color:#243027}.suite-head[b-jfruwcb3xq]{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:12px 0 22px;padding:28px;border-radius:16px;background:linear-gradient(135deg,#063c29,#063c29);color:#fff}.suite-head span[b-jfruwcb3xq]{font-size: 13px;font-weight:900;letter-spacing:.11em}.suite-head h1[b-jfruwcb3xq]{margin:6px 0 6px;font-size:30px}.suite-head p[b-jfruwcb3xq]{max-width:750px;margin:0;color:#d9e7dc;line-height:1.6}.suite-head>a[b-jfruwcb3xq]{padding:10px 14px;border:1px solid rgba(255,255,255,.35);border-radius:8px;color:#fff;font-size: 13px;font-weight:900;text-decoration:none;white-space:nowrap}.suite-message[b-jfruwcb3xq]{margin:0 0 15px;padding:12px 15px;border:1px solid #bdd7c2;border-radius:9px;background:#eff8f1;color:#063c29;font-size:13px}.suite-panel[b-jfruwcb3xq]{margin:0 0 18px;padding:22px;border:1px solid #dfe7e1;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(6,60,41,.04)}.suite-panel h2[b-jfruwcb3xq]{margin:0 0 14px;font-size:20px}.suite-panel h3[b-jfruwcb3xq]{margin:0 0 12px;font-size:16px}.suite-panel p[b-jfruwcb3xq]{color:#68746b}.form-grid[b-jfruwcb3xq]{display:grid;gap:12px;margin-bottom:14px}.form-grid.two[b-jfruwcb3xq]{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three[b-jfruwcb3xq]{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.compact[b-jfruwcb3xq]{margin:0}.span-2[b-jfruwcb3xq]{grid-column:span 2}.suite-panel label[b-jfruwcb3xq],.editor-form label[b-jfruwcb3xq]{display:flex;flex-direction:column;gap:6px}.suite-panel label>span[b-jfruwcb3xq],.editor-form label>span[b-jfruwcb3xq]{color:#59655c;font-size: 13px;font-weight:800}.suite-panel input[b-jfruwcb3xq],.suite-panel textarea[b-jfruwcb3xq],.suite-panel select[b-jfruwcb3xq],.editor-form input[b-jfruwcb3xq],.editor-form textarea[b-jfruwcb3xq],.editor-form select[b-jfruwcb3xq],.search-box[b-jfruwcb3xq]{width:100%;min-height:42px;padding:9px 11px;border:1px solid #d6dfd8;border-radius:8px;background:#fff;color:#263229;font:inherit;font-size:13px}.suite-panel textarea[b-jfruwcb3xq],.editor-form textarea[b-jfruwcb3xq]{min-height:86px;resize:vertical}.content-textarea[b-jfruwcb3xq]{min-height:270px!important}.toggle-label[b-jfruwcb3xq]{justify-content:flex-end}.toggle-label input[b-jfruwcb3xq]{width:20px!important;min-height:20px!important}.primary[b-jfruwcb3xq],.suite-panel button[b-jfruwcb3xq],.editor-form button[b-jfruwcb3xq],.row-actions button[b-jfruwcb3xq],.report-actions a[b-jfruwcb3xq]{min-height:38px;padding:0 13px;border:1px solid #ccd8ce;border-radius:8px;background:#fff;color:#334137;font-size: 13px;font-weight:900;cursor:pointer;text-decoration:none}.primary[b-jfruwcb3xq]{border-color:#063c29!important;background:#063c29!important;color:#fff!important}.danger[b-jfruwcb3xq]{border-color:#efcdcd!important;color:#a63e3e!important;background:#fff8f8!important}.button-row[b-jfruwcb3xq]{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.panel-title-row[b-jfruwcb3xq]{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.panel-title-row h2[b-jfruwcb3xq],.panel-title-row p[b-jfruwcb3xq]{margin:0}.panel-title-row select[b-jfruwcb3xq],.panel-title-row input[b-jfruwcb3xq]{max-width:340px}.content-editor[b-jfruwcb3xq],.blog-admin-grid[b-jfruwcb3xq]{display:grid;grid-template-columns:390px 1fr;gap:20px}.editor-form[b-jfruwcb3xq]{padding:16px;border:1px solid #e1e7e2;border-radius:11px;background:#f8fbf8}.content-list[b-jfruwcb3xq]{display:flex;flex-direction:column;gap:8px}.content-row[b-jfruwcb3xq]{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid #e1e8e2;border-radius:10px}.content-row>img[b-jfruwcb3xq]{width:74px;height:58px;object-fit:cover;border-radius:7px}.content-row>div:nth-child(1):not(.row-actions)[b-jfruwcb3xq],.content-row>div:nth-child(2)[b-jfruwcb3xq]{min-width:0}.content-row strong[b-jfruwcb3xq],.content-row span[b-jfruwcb3xq],.content-row small[b-jfruwcb3xq]{display:block}.content-row span[b-jfruwcb3xq]{margin-top:3px;color:#6b766e;font-size: 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-row small[b-jfruwcb3xq]{margin-top:4px;color:#909991;font-size: 13px}.row-actions[b-jfruwcb3xq]{display:flex;gap:5px}.security-note[b-jfruwcb3xq]{padding:10px 12px;border-radius:8px;background:#fff8e8;color:#745d25!important;font-size: 13px}.status-line[b-jfruwcb3xq]{display:flex;gap:8px 18px;align-items:center;margin:10px 0 16px;font-size: 13px}.status-line .ok[b-jfruwcb3xq]{color:#063c29}.status-line .warn[b-jfruwcb3xq]{color:#a06a16}.table-wrap[b-jfruwcb3xq]{overflow:auto;margin-top:16px}.table-wrap table[b-jfruwcb3xq]{width:100%;border-collapse:collapse;font-size: 13px}.table-wrap th[b-jfruwcb3xq],.table-wrap td[b-jfruwcb3xq]{padding:10px;border-bottom:1px solid #e7ece8;text-align:left;vertical-align:top;white-space:nowrap}.table-wrap th[b-jfruwcb3xq]{background:#f6f9f6;color:#657068;font-size: 13px;letter-spacing:.04em}.table-wrap td button[b-jfruwcb3xq]{margin:0 2px}.cell-sub[b-jfruwcb3xq]{display:block;margin-top:3px;color:#939b95;font-size: 13px}.search-box[b-jfruwcb3xq]{max-width:340px}.metric-grid[b-jfruwcb3xq]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.metric-grid article[b-jfruwcb3xq]{padding:16px;border:1px solid #e0e7e1;border-radius:10px;background:#f8fbf8}.metric-grid span[b-jfruwcb3xq],.metric-grid strong[b-jfruwcb3xq]{display:block}.metric-grid span[b-jfruwcb3xq]{color:#718077;font-size: 13px}.metric-grid strong[b-jfruwcb3xq]{margin-top:6px;font-size:19px}.report-actions[b-jfruwcb3xq]{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.report-actions a[b-jfruwcb3xq]{display:inline-flex;align-items:center}.empty[b-jfruwcb3xq]{padding:30px;text-align:center;color:#7c877f;border:1px dashed #d4ded6;border-radius:10px}@media(max-width:900px){.form-grid.three[b-jfruwcb3xq]{grid-template-columns:repeat(2,minmax(0,1fr))}.content-editor[b-jfruwcb3xq],.blog-admin-grid[b-jfruwcb3xq]{grid-template-columns:1fr}.metric-grid[b-jfruwcb3xq]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.suite-head[b-jfruwcb3xq]{align-items:flex-start;flex-direction:column}.form-grid.two[b-jfruwcb3xq],.form-grid.three[b-jfruwcb3xq]{grid-template-columns:1fr}.span-2[b-jfruwcb3xq]{grid-column:auto}.content-row[b-jfruwcb3xq]{grid-template-columns:58px 1fr}.content-row>img[b-jfruwcb3xq]{width:58px;height:50px}.row-actions[b-jfruwcb3xq]{grid-column:1/-1}.metric-grid[b-jfruwcb3xq]{grid-template-columns:1fr 1fr}} .image-admin-field[b-jfruwcb3xq]{display:flex;flex-direction:column;gap:7px} .image-admin-label[b-jfruwcb3xq]{color:#59655c;font-size: 13px;font-weight:800} .image-upload-card[b-jfruwcb3xq]{display:grid;grid-template-columns:120px minmax(0,1fr);gap:13px;align-items:center;padding:12px;border:1px dashed #bfcfc2;border-radius:11px;background:#f8fbf8} .image-upload-card img[b-jfruwcb3xq]{width:120px;height:86px;border-radius:9px;object-fit:cover;background:#eef4ef;border:1px solid #dfe8e1} .image-upload-card strong[b-jfruwcb3xq],.image-upload-card small[b-jfruwcb3xq]{display:block}.image-upload-card strong[b-jfruwcb3xq]{font-size: 13px;color:#253329}.image-upload-card small[b-jfruwcb3xq]{margin:4px 0 8px;color:#78827b;font-size: 13px;line-height:1.45} .image-upload-card input[type=file][b-jfruwcb3xq]{width:100%;padding:7px;border:1px solid #d6dfd8;border-radius:8px;background:#fff;font-size: 13px} .ghost-danger[b-jfruwcb3xq]{margin-top:8px;padding:8px 10px;border:1px solid #efd1d1;border-radius:7px;background:#fff7f7;color:#9c3737;font-size: 13px;font-weight:800;cursor:pointer} @media(max-width:620px){.image-upload-card[b-jfruwcb3xq]{grid-template-columns:1fr}.image-upload-card img[b-jfruwcb3xq]{width:100%;height:170px}} /* ============================================================ FLORA_V37D18_BLOG_EDITOR_LAYOUT_TOGGLE_FIX_V1 - Blog hero gereksiz bosluk yapmaz. - Yeni Yazi form alanlari karttan tasmaz. - Okuma Suresi / Yayin Tarihi birbirine yapismaz. - Yayinda checkbox Flora toggle switch olur. ============================================================ */ .admin-suite-page[b-jfruwcb3xq] { box-sizing: border-box !important; } .admin-suite-page *[b-jfruwcb3xq], .admin-suite-page *[b-jfruwcb3xq]::before, .admin-suite-page *[b-jfruwcb3xq]::after { box-sizing: border-box !important; } /* ---------- UST HERO / BOSLUK ---------- */ .admin-suite-page .suite-head[b-jfruwcb3xq] { min-height: 0 !important; height: auto !important; margin: 14px 0 18px !important; padding: 20px 22px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 15px !important; background: linear-gradient(135deg,#063c29,#063c29) !important; box-shadow: 0 12px 30px rgba(6,60,41,.14) !important; overflow: hidden !important; } .admin-suite-page .suite-head > div[b-jfruwcb3xq] { min-width: 0 !important; } .admin-suite-page .suite-head span[b-jfruwcb3xq] { display: block !important; margin: 0 0 4px !important; color: #bfe2c8 !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: .12em !important; } .admin-suite-page .suite-head h1[b-jfruwcb3xq] { margin: 0 0 6px !important; color: #fff !important; font-size: clamp(23px,2.3vw,29px) !important; line-height: 1.12 !important; } .admin-suite-page .suite-head p[b-jfruwcb3xq] { max-width: 720px !important; margin: 0 !important; color: #d9e7dc !important; font-size: 13px !important; line-height: 1.5 !important; } .admin-suite-page .suite-head > a[b-jfruwcb3xq] { flex: 0 0 auto !important; } /* ---------- ANA BLOG PANEL ---------- */ .admin-suite-page .suite-panel.blog-admin-grid[b-jfruwcb3xq] { align-items: start !important; gap: 22px !important; padding: 20px !important; } .admin-suite-page .blog-admin-grid[b-jfruwcb3xq] { grid-template-columns: minmax(360px, 420px) minmax(0, 1fr) !important; } /* ---------- YENI YAZI KARTI ---------- */ .admin-suite-page .editor-form[b-jfruwcb3xq] { min-width: 0 !important; width: 100% !important; padding: 18px !important; border: 1px solid #dce5de !important; border-radius: 12px !important; background: #f8fbf8 !important; } .admin-suite-page .editor-form h2[b-jfruwcb3xq] { margin: 0 0 16px !important; color: #253229 !important; font-size: 18px !important; line-height: 1.25 !important; } .admin-suite-page .editor-form > label[b-jfruwcb3xq] { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 0 11px !important; } .admin-suite-page .editor-form label > span[b-jfruwcb3xq] { display: block !important; min-height: 16px !important; margin: 0 !important; line-height: 1.35 !important; } /* Eski kurallarda width:100% + padding nedeniyle tasma olabiliyor. Burada tum form kontrolleri gercek kart genisligine kilitlenir. */ .admin-suite-page .editor-form input:not([type="checkbox"])[b-jfruwcb3xq], .admin-suite-page .editor-form textarea[b-jfruwcb3xq], .admin-suite-page .editor-form select[b-jfruwcb3xq] { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; border: 1px solid #d6dfd8 !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; box-sizing: border-box !important; } .admin-suite-page .editor-form input:not([type="checkbox"])[b-jfruwcb3xq] { min-height: 42px !important; } .admin-suite-page .editor-form textarea[b-jfruwcb3xq] { resize: vertical !important; } .admin-suite-page .editor-form .content-textarea[b-jfruwcb3xq] { min-height: 260px !important; } /* ---------- OKUMA SURESI + YAYIN TARIHI ---------- */ .admin-suite-page .editor-form .form-grid.two.compact[b-jfruwcb3xq] { display: grid !important; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr) !important; column-gap: 16px !important; row-gap: 13px !important; width: 100% !important; min-width: 0 !important; margin: 4px 0 0 !important; } .admin-suite-page .editor-form .form-grid.two.compact > label[b-jfruwcb3xq] { width: 100% !important; min-width: 0 !important; margin: 0 !important; } .admin-suite-page .editor-form input[type="datetime-local"][b-jfruwcb3xq] { min-width: 0 !important; padding-left: 10px !important; padding-right: 10px !important; } /* ---------- YAYINDA FLORA TOGGLE ---------- */ .admin-suite-page .editor-form .toggle-label[b-jfruwcb3xq] { grid-column: 1 / -1 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; width: 100% !important; min-width: 0 !important; min-height: 48px !important; margin: 0 !important; padding: 9px 12px !important; border: 1px solid #d6dfd8 !important; border-radius: 9px !important; background: #fff !important; } .admin-suite-page .editor-form .toggle-label > span[b-jfruwcb3xq] { min-height: auto !important; color: #59655c !important; font-size: 12px !important; font-weight: 800 !important; } .admin-suite-page .editor-form .toggle-label input[type="checkbox"][b-jfruwcb3xq] { -webkit-appearance: none !important; appearance: none !important; position: relative !important; flex: 0 0 48px !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #c9d5cc !important; border-radius: 999px !important; background: #dfe6e1 !important; outline: none !important; cursor: pointer !important; box-shadow: none !important; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important; } .admin-suite-page .editor-form .toggle-label input[type="checkbox"][b-jfruwcb3xq]::before { content: "" !important; position: absolute !important; top: 3px !important; left: 3px !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: #fff !important; box-shadow: 0 1px 4px rgba(6,60,41,.22), 0 0 0 1px rgba(6,60,41,.04) !important; transform: translateX(0) !important; transition: transform .18s ease !important; } .admin-suite-page .editor-form .toggle-label input[type="checkbox"]:checked[b-jfruwcb3xq] { border-color: #063c29 !important; background: #063c29 !important; } .admin-suite-page .editor-form .toggle-label input[type="checkbox"]:checked[b-jfruwcb3xq]::before { transform: translateX(20px) !important; } .admin-suite-page .editor-form .toggle-label input[type="checkbox"]:focus-visible[b-jfruwcb3xq] { box-shadow: 0 0 0 3px rgba(6,60,41,.13) !important; } /* ---------- BUTONLAR ---------- */ .admin-suite-page .editor-form .button-row[b-jfruwcb3xq] { margin-top: 14px !important; } /* ---------- RESPONSIVE ---------- */ @media (max-width: 900px) { .admin-suite-page .blog-admin-grid[b-jfruwcb3xq] { grid-template-columns: minmax(0,1fr) !important; } .admin-suite-page .editor-form[b-jfruwcb3xq] { max-width: 620px !important; } } @media (max-width: 620px) { .admin-suite-page .suite-head[b-jfruwcb3xq] { align-items: flex-start !important; flex-direction: column !important; padding: 18px !important; } .admin-suite-page .suite-panel.blog-admin-grid[b-jfruwcb3xq] { padding: 14px !important; } .admin-suite-page .editor-form[b-jfruwcb3xq] { padding: 14px !important; } .admin-suite-page .editor-form .form-grid.two.compact[b-jfruwcb3xq] { grid-template-columns: minmax(0,1fr) !important; row-gap: 12px !important; } .admin-suite-page .editor-form .toggle-label[b-jfruwcb3xq] { grid-column: auto !important; } } /* ============================================================ FLORA_V37D18_BLOG_COVER_FILE_PICKER_UI_FIX_V1 - Blog kapak gorseli native file input tasarima uyar. - \"Dosya secilmedi\" yazisi gosterilmez. - Dosya Sec butonu Flora yesil buton sistemine gecer. ============================================================ */ .admin-suite-page .editor-form input[type="file"][b-jfruwcb3xq] { display: inline-block !important; vertical-align: middle !important; width: 170px !important; min-width: 170px !important; max-width: 170px !important; min-height: 44px !important; margin: 4px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; white-space: nowrap !important; } .admin-suite-page .editor-form input[type="file"][b-jfruwcb3xq]::file-selector-button { width: 170px !important; min-width: 170px !important; max-width: 170px !important; height: 44px !important; margin: 0 !important; padding: 0 18px !important; border: 1px solid #063c29 !important; border-radius: 10px !important; background: #063c29 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .01em !important; cursor: pointer !important; box-shadow: 0 6px 16px rgba(6,60,41,.14) !important; transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important; } .admin-suite-page .editor-form input[type="file"][b-jfruwcb3xq]::-webkit-file-upload-button { width: 170px !important; min-width: 170px !important; max-width: 170px !important; height: 44px !important; margin: 0 !important; padding: 0 18px !important; border: 1px solid #063c29 !important; border-radius: 10px !important; background: #063c29 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .01em !important; cursor: pointer !important; box-shadow: 0 6px 16px rgba(6,60,41,.14) !important; transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important; } .admin-suite-page .editor-form input[type="file"]:hover[b-jfruwcb3xq]::file-selector-button, .admin-suite-page .editor-form input[type="file"]:hover[b-jfruwcb3xq]::-webkit-file-upload-button { background: #063c29 !important; border-color: #063c29 !important; box-shadow: 0 8px 20px rgba(6,60,41,.19) !important; } .admin-suite-page .editor-form input[type="file"]:active[b-jfruwcb3xq]::file-selector-button, .admin-suite-page .editor-form input[type="file"]:active[b-jfruwcb3xq]::-webkit-file-upload-button { transform: translateY(1px) !important; } .admin-suite-page .editor-form input[type="file"]:focus-visible[b-jfruwcb3xq]::file-selector-button, .admin-suite-page .editor-form input[type="file"]:focus-visible[b-jfruwcb3xq]::-webkit-file-upload-button { box-shadow: 0 0 0 3px rgba(6,60,41,.12), 0 8px 20px rgba(6,60,41,.19) !important; } /* ============================================================ FLORA_V37D18_BLOG_COVER_CUSTOM_PICKER_UI_V2 Blog kapak kartinin dis tasarimina dokunmaz. Blazor InputFile native UI ::deep ile gizlenir. Sadece custom GORSEL SEC butonu gorunur. ============================================================ */ /* Blazor InputFile child component: scoped CSS icin ::deep gerekli. */ .admin-suite-page .editor-form[b-jfruwcb3xq] input.blog-cover-file-input[type="file"], .admin-suite-page[b-jfruwcb3xq] input.blog-cover-file-input[type="file"] { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 1px !important; min-height: 1px !important; max-width: 1px !important; max-height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; border: 0 !important; opacity: 0 !important; white-space: nowrap !important; pointer-events: none !important; } /* Onceden eklenen native input selectorleri olsa bile bu class daha sonra geldigi icin InputFile tekrar gorunmez. */ .admin-suite-page .editor-form input.blog-cover-file-input[type="file"][b-jfruwcb3xq] { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 1px !important; min-height: 1px !important; max-width: 1px !important; max-height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; overflow: hidden !important; } .admin-suite-page .editor-form .blog-cover-file-button[b-jfruwcb3xq] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 150px !important; min-height: 42px !important; margin: 4px 0 0 !important; padding: 0 18px !important; border: 1px solid #063c29 !important; border-radius: 9px !important; background: #063c29 !important; color: #fff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .01em !important; text-align: center !important; text-decoration: none !important; cursor: pointer !important; user-select: none !important; box-shadow: 0 6px 16px rgba(6,60,41,.14) !important; transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important; } .admin-suite-page .editor-form .blog-cover-file-button:hover[b-jfruwcb3xq] { background: #063c29 !important; border-color: #063c29 !important; box-shadow: 0 8px 20px rgba(6,60,41,.19) !important; } .admin-suite-page .editor-form .blog-cover-file-button:active[b-jfruwcb3xq] { transform: translateY(1px) !important; } @media (max-width: 620px) { .admin-suite-page .editor-form .blog-cover-file-button[b-jfruwcb3xq] { min-width: 145px !important; } } /* /Components/Pages/AdminCarkYonetimi.razor.rz.scp.css */ .flora-wheel-admin[b-ud37rqwl6a]{ width:min(1280px, calc(100% - 32px)); margin:28px auto 64px; display:grid; gap:22px; color:#063c29; } .wheel-admin-hero[b-ud37rqwl6a]{ position:relative; overflow:hidden; min-height:220px; display:flex; flex-direction:column; justify-content:flex-end; padding:34px 36px; border:1px solid rgba(255,255,255,.12); border-radius:30px; background: radial-gradient(circle at 88% 12%, rgba(120,198,144,.18), transparent 24%), radial-gradient(circle at 82% 90%, rgba(255,255,255,.08), transparent 24%), linear-gradient(135deg,#063c29 0%, #063c29 52%, #063c29 100%); color:#fff; box-shadow:0 24px 56px rgba(6,60,41,.18); } .wheel-admin-hero[b-ud37rqwl6a]::after{ content:""; position:absolute; right:-40px; top:-50px; width:230px; height:230px; border-radius:50%; background:rgba(255,255,255,.06); } .wheel-admin-hero>span[b-ud37rqwl6a]{ position:relative; z-index:1; display:inline-flex; align-self:flex-start; padding:8px 14px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(255,255,255,.08); color:#dff3e6; font-size:11px; font-weight:900; letter-spacing:.16em; } .wheel-admin-hero h1[b-ud37rqwl6a]{ position:relative; z-index:1; max-width:760px; margin:14px 0 10px; color:#fff; font-size:clamp(36px,4vw,52px); line-height:1; letter-spacing:-.04em; } .wheel-admin-hero p[b-ud37rqwl6a]{ position:relative; z-index:1; max-width:780px; margin:0; color:#edf7f0; font-size:14px; line-height:1.7; } .wheel-admin-message[b-ud37rqwl6a]{ padding:16px 18px; border:1px solid #cfe4d6; border-radius:18px; background:linear-gradient(180deg,#f5fbf6,#eef8f1); color:#063c29; font-size:13px; font-weight:850; box-shadow:0 10px 24px rgba(6,60,41,.06); } .wheel-admin-panel[b-ud37rqwl6a]{ padding:28px; border:1px solid #dfe8e1; border-radius:26px; background:linear-gradient(180deg,#ffffff 0%,#fbfdfb 100%); box-shadow:0 16px 38px rgba(6,60,41,.06); } .wheel-admin-title[b-ud37rqwl6a]{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:22px; } .wheel-admin-title>div[b-ud37rqwl6a]{ min-width:0; } .wheel-admin-title span[b-ud37rqwl6a]{ display:inline-block; margin-bottom:6px; color:#063c29; font-size:11px; font-weight:950; letter-spacing:.16em; } .wheel-admin-title h2[b-ud37rqwl6a]{ margin:0; color:#063c29; font-size:30px; line-height:1.08; letter-spacing:-.03em; } .wheel-admin-title p[b-ud37rqwl6a]{ max-width:700px; margin:10px 0 0; color:#68766d; font-size:13px; line-height:1.65; } .wheel-admin-form[b-ud37rqwl6a]{ display:grid; gap:18px; } .wheel-admin-form.two[b-ud37rqwl6a]{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 20px; } .wheel-admin-form .wide[b-ud37rqwl6a]{ grid-column:1/-1; } .wheel-admin label[b-ud37rqwl6a]{ display:grid; gap:8px; } .wheel-admin label>span[b-ud37rqwl6a]{ color:#063c29; font-size:12px; font-weight:850; letter-spacing:.01em; } .wheel-admin input[b-ud37rqwl6a], .wheel-admin textarea[b-ud37rqwl6a]{ width:100%; min-height:50px; padding:13px 15px; border:1px solid #d7e3da; border-radius:16px; background:#fcfefc; color:#063c29; font:inherit; line-height:1.45; outline:none; transition:border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease; } .wheel-admin input:hover[b-ud37rqwl6a], .wheel-admin textarea:hover[b-ud37rqwl6a]{ border-color:#c7d9cc; background:#ffffff; } .wheel-admin input:focus[b-ud37rqwl6a], .wheel-admin textarea:focus[b-ud37rqwl6a]{ border-color:#063c29; background:#fff; box-shadow:0 0 0 4px rgba(6,60,41,.10); } .wheel-admin textarea[b-ud37rqwl6a]{ min-height:110px; resize:vertical; } .wheel-admin input[type="number"][b-ud37rqwl6a]{ max-width:140px; } .wheel-admin-grid[b-ud37rqwl6a]{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .wheel-admin-card[b-ud37rqwl6a]{ position:relative; min-width:0; display:grid; gap:14px; padding:22px 18px 18px; border:1px solid #dfe8e1; border-radius:22px; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,252,249,1) 100%); box-shadow:0 12px 28px rgba(6,60,41,.05); } .wheel-admin-card[b-ud37rqwl6a]::before{ content:""; position:absolute; inset:0 0 auto 0; height:5px; border-radius:22px 22px 0 0; background:linear-gradient(90deg,#063c29,#063c29,#063c29); } .wheel-admin-card-number[b-ud37rqwl6a]{ width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(180deg,#063c29,#063c29); color:#fff; font-size:12px; font-weight:950; box-shadow:0 10px 20px rgba(6,60,41,.18); } .wheel-admin-actions[b-ud37rqwl6a]{ display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; } .wheel-admin-actions button[b-ud37rqwl6a]{ min-height:48px; padding:0 20px; border:1px solid #d8e3db; border-radius:16px; background:#fff; color:#063c29; font-size:11px; font-weight:900; letter-spacing:.04em; cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease; } .wheel-admin-actions button:hover[b-ud37rqwl6a]{ transform:translateY(-1px); border-color:#bfd4c5; box-shadow:0 10px 22px rgba(6,60,41,.08); } .wheel-admin-actions .primary[b-ud37rqwl6a]{ border-color:#063c29; background:linear-gradient(180deg,#063c29,#063c29); color:#fff; box-shadow:0 14px 28px rgba(6,60,41,.18); } .wheel-admin-actions .primary:hover[b-ud37rqwl6a]{ box-shadow:0 16px 30px rgba(6,60,41,.24); } @media (max-width:1100px){ .wheel-admin-grid[b-ud37rqwl6a]{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:700px){ .flora-wheel-admin[b-ud37rqwl6a]{ width:min(100% - 18px, 1280px); margin:14px auto 44px; gap:16px; } .wheel-admin-hero[b-ud37rqwl6a]{ min-height:0; padding:26px 20px; border-radius:24px; } .wheel-admin-hero h1[b-ud37rqwl6a]{ margin-top:12px; font-size:32px; } .wheel-admin-panel[b-ud37rqwl6a]{ padding:18px; border-radius:20px; } .wheel-admin-title[b-ud37rqwl6a]{ display:block; margin-bottom:18px; } .wheel-admin-title h2[b-ud37rqwl6a]{ font-size:24px; } .wheel-admin-form.two[b-ud37rqwl6a], .wheel-admin-grid[b-ud37rqwl6a]{ grid-template-columns:1fr; } .wheel-admin-form .wide[b-ud37rqwl6a]{ grid-column:auto; } } /* ================================ FLORA V39 - ADMIN CARK INPUT FIX ================================ */ .flora-wheel-admin input[b-ud37rqwl6a], .flora-wheel-admin textarea[b-ud37rqwl6a], .flora-wheel-admin select[b-ud37rqwl6a]{ appearance:none; -webkit-appearance:none; width:100% !important; min-height:52px !important; padding:14px 16px !important; border:1px solid #d6e3d9 !important; border-radius:16px !important; background:#fcfffc !important; color:#063c29 !important; font-size:14px !important; font-weight:600 !important; line-height:1.45 !important; box-sizing:border-box !important; box-shadow:0 1px 2px rgba(6,60,41,.03) inset !important; outline:none !important; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease !important; } .flora-wheel-admin textarea[b-ud37rqwl6a]{ min-height:112px !important; resize:vertical !important; padding-top:14px !important; } .flora-wheel-admin input[type="number"][b-ud37rqwl6a]{ max-width:140px !important; min-width:110px !important; text-align:center !important; } .flora-wheel-admin input:hover[b-ud37rqwl6a], .flora-wheel-admin textarea:hover[b-ud37rqwl6a], .flora-wheel-admin select:hover[b-ud37rqwl6a]{ border-color:#bfd4c6 !important; background:#ffffff !important; } .flora-wheel-admin input:focus[b-ud37rqwl6a], .flora-wheel-admin textarea:focus[b-ud37rqwl6a], .flora-wheel-admin select:focus[b-ud37rqwl6a]{ border-color:#063c29 !important; background:#ffffff !important; box-shadow:0 0 0 4px rgba(6,60,41,.12) !important; } .flora-wheel-admin label[b-ud37rqwl6a]{ display:block !important; margin:0 !important; color:#063c29 !important; font-size:13px !important; font-weight:800 !important; } .flora-wheel-admin .wheel-admin-form[b-ud37rqwl6a]{ display:grid !important; gap:18px !important; } .flora-wheel-admin .wheel-admin-form.two[b-ud37rqwl6a]{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:18px 22px !important; align-items:start !important; } .flora-wheel-admin .wheel-admin-form.two > *[b-ud37rqwl6a]{ min-width:0 !important; } .flora-wheel-admin .wheel-admin-form .wide[b-ud37rqwl6a]{ grid-column:1 / -1 !important; } .flora-wheel-admin .wheel-admin-card[b-ud37rqwl6a]{ gap:16px !important; } .flora-wheel-admin .wheel-admin-card label[b-ud37rqwl6a], .flora-wheel-admin .wheel-admin-panel label[b-ud37rqwl6a]{ display:grid !important; gap:8px !important; align-items:start !important; } .flora-wheel-admin .wheel-admin-card label > span[b-ud37rqwl6a], .flora-wheel-admin .wheel-admin-panel label > span[b-ud37rqwl6a]{ display:block !important; margin:0 !important; color:#063c29 !important; font-size:12px !important; font-weight:850 !important; line-height:1.35 !important; } .flora-wheel-admin .wheel-admin-card input[b-ud37rqwl6a], .flora-wheel-admin .wheel-admin-card textarea[b-ud37rqwl6a], .flora-wheel-admin .wheel-admin-panel input[b-ud37rqwl6a], .flora-wheel-admin .wheel-admin-panel textarea[b-ud37rqwl6a]{ margin:0 !important; } .flora-wheel-admin .wheel-admin-panel[b-ud37rqwl6a]{ overflow:hidden !important; } .flora-wheel-admin .wheel-admin-card[b-ud37rqwl6a]{ overflow:hidden !important; } @media (max-width:700px){ .flora-wheel-admin .wheel-admin-form.two[b-ud37rqwl6a]{ grid-template-columns:1fr !important; } .flora-wheel-admin input[type="number"][b-ud37rqwl6a]{ max-width:100% !important; } } /* /Components/Pages/AdminDashboard.razor.rz.scp.css */ .admin-dashboard[b-nad3e137yo] { width: min(100% - 32px, 1220px); margin: 0 auto; padding: 4px 0 70px; } .dashboard-hero[b-nad3e137yo] { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 28px; border: 1px solid #dce5de; border-radius: 15px; background: linear-gradient(135deg, #f5faf6, #fff); } .dashboard-hero span[b-nad3e137yo], .panel header span[b-nad3e137yo], .quick-actions span[b-nad3e137yo], .metric-grid article > span[b-nad3e137yo] { color: #063c29; font-size: 13px; font-weight: 900; letter-spacing: .1em; } .dashboard-hero h1[b-nad3e137yo] { margin: 5px 0; color: #1f2b22; font-size: 31px; } .dashboard-hero p[b-nad3e137yo] { margin: 0; color: #6d786f; font-size: 13px; } .dashboard-hero button[b-nad3e137yo] { padding: 10px 13px; border: 0; border-radius: 7px; background: #063c29; color: #fff; font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; } .admin-alert[b-nad3e137yo], .dashboard-loading[b-nad3e137yo] { margin-top: 14px; padding: 13px; border-radius: 8px; font-size: 13px; } .admin-alert.error[b-nad3e137yo] { background: #fff0f0; color: #9a3434; } .dashboard-loading[b-nad3e137yo] { background: #f6f8f6; color: #667169; } .metric-grid[b-nad3e137yo] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 17px; } .metric-grid article[b-nad3e137yo] { min-height: 138px; display: flex; flex-direction: column; padding: 17px; border: 1px solid #dfe6e0; border-radius: 11px; background: #fff; } .metric-grid article.attention[b-nad3e137yo] { border-color: #e8cfaa; background: #fffaf2; } .metric-grid strong[b-nad3e137yo] { margin-top: 8px; color: #263229; font-size: 25px; line-height: 1.1; } .metric-grid a[b-nad3e137yo], .metric-grid small[b-nad3e137yo] { margin-top: auto; padding-top: 12px; color: #7a857d; font-size: 13px; text-decoration: none; } .metric-grid a[b-nad3e137yo] { color: #063c29; font-weight: 900; } .dashboard-grid[b-nad3e137yo] { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 17px; } .panel[b-nad3e137yo] { padding: 19px; border: 1px solid #dfe6e0; border-radius: 11px; background: #fff; } .panel header[b-nad3e137yo] { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 12px; } .panel h2[b-nad3e137yo] { margin: 4px 0 0; font-size: 19px; } .panel header > a[b-nad3e137yo] { color: #063c29; font-size: 13px; font-weight: 900; text-decoration: none; } .stock-list[b-nad3e137yo], .order-list[b-nad3e137yo] { display: grid; gap: 7px; } .stock-list a[b-nad3e137yo], .order-list > div[b-nad3e137yo] { display: grid; align-items: center; gap: 10px; padding: 10px; border: 1px solid #edf1ed; border-radius: 7px; color: #4f5c53; font-size: 13px; text-decoration: none; } .stock-list a[b-nad3e137yo] { grid-template-columns: minmax(0, 1fr) auto; } .stock-list strong[b-nad3e137yo] { color: #a2632d; } .order-list > div[b-nad3e137yo] { grid-template-columns: minmax(0, 1fr) auto auto auto; } .order-number[b-nad3e137yo] { color: #263229; font-weight: 900; } .order-list strong[b-nad3e137yo] { color: #063c29; } .order-list small[b-nad3e137yo] { color: #8a938c; } .panel-empty[b-nad3e137yo] { padding: 28px 12px; border-radius: 7px; background: #f8faf8; color: #78837b; font-size: 13px; text-align: center; } .quick-actions[b-nad3e137yo] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 17px; } .quick-actions > a[b-nad3e137yo] { display: flex; flex-direction: column; min-height: 130px; padding: 16px; border-radius: 10px; background: #063c29; color: #fff; text-decoration: none; } .quick-actions span[b-nad3e137yo] { color: #b8d7c0; } .quick-actions strong[b-nad3e137yo] { margin-top: 8px; font-size: 14px; } .quick-actions small[b-nad3e137yo] { margin-top: auto; color: #d4e2d7; font-size: 13px; } @media (max-width: 1000px) { .metric-grid[b-nad3e137yo], .quick-actions[b-nad3e137yo] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { .dashboard-hero[b-nad3e137yo] { align-items: flex-start; flex-direction: column; } .dashboard-grid[b-nad3e137yo] { grid-template-columns: 1fr; } .order-list > div[b-nad3e137yo] { grid-template-columns: 1fr 1fr; } } @media (max-width: 520px) { .admin-dashboard[b-nad3e137yo] { width: min(100% - 22px, 1220px); } .metric-grid[b-nad3e137yo], .quick-actions[b-nad3e137yo] { grid-template-columns: 1fr; } } /* ========================================================== FLORA_V37D18_ADMIN_ORDERS_TAP_44PX_FINAL Mobile accessibility: only "TÜM SİPARİŞLER →" ========================================================== */ @media (max-width: 760px) { .panel header > a[href="/admin/siparisler"][b-nad3e137yo] { display: inline-flex; align-items: center; min-height: 44px; padding-left: 6px; padding-right: 6px; box-sizing: border-box; } } /* FLORA_V37D18_ADMIN_DASHBOARD_HERO_PREMIUM_V1_START */ /* ============================================================ FLORA ADMIN DASHBOARD - PREMIUM HERO ============================================================ */ .admin-dashboard[b-nad3e137yo] { padding-top: 18px !important; } .admin-dashboard > .dashboard-hero[b-nad3e137yo] { position: relative !important; isolation: isolate !important; min-height: 188px !important; margin: 0 0 17px !important; padding: 30px 32px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; overflow: hidden !important; border: 0 !important; border-radius: 18px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 55%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 18px 42px rgba(6,60,41,.15) !important; } .admin-dashboard > .dashboard-hero[b-nad3e137yo]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 300px !important; height: 300px !important; right: -88px !important; top: -158px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .admin-dashboard > .dashboard-hero[b-nad3e137yo]::after { content: "" !important; position: absolute !important; z-index: -1 !important; width: 150px !important; height: 150px !important; right: 175px !important; bottom: -106px !important; border: 24px solid rgba(255,255,255,.035) !important; border-radius: 50% !important; } .admin-dashboard > .dashboard-hero > div[b-nad3e137yo] { position: relative !important; z-index: 2 !important; min-width: 0 !important; } .admin-dashboard > .dashboard-hero span[b-nad3e137yo] { display: inline-flex !important; align-items: center !important; min-height: 28px !important; margin: 0 0 10px !important; padding: 0 11px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; background: rgba(255,255,255,.09) !important; color: #dcefe2 !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .13em !important; } .admin-dashboard > .dashboard-hero h1[b-nad3e137yo] { margin: 0 0 9px !important; color: #ffffff !important; font-size: clamp(30px, 3.7vw, 44px) !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: -.025em !important; } .admin-dashboard > .dashboard-hero p[b-nad3e137yo] { max-width: 760px !important; margin: 0 !important; color: #dce9df !important; font-size: 13px !important; line-height: 1.7 !important; } .admin-dashboard > .dashboard-hero > button[b-nad3e137yo] { position: relative !important; z-index: 2 !important; min-width: 154px !important; min-height: 46px !important; padding: 0 17px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255,255,255,.25) !important; border-radius: 10px !important; background: rgba(255,255,255,.11) !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; white-space: nowrap !important; box-shadow: none !important; transition: transform .16s ease, background .16s ease !important; } .admin-dashboard > .dashboard-hero > button:hover:not(:disabled)[b-nad3e137yo] { transform: translateY(-1px) !important; background: rgba(255,255,255,.18) !important; } .admin-dashboard > .dashboard-hero > button:disabled[b-nad3e137yo] { opacity: .68 !important; cursor: wait !important; } /* Hero ile metrik kartlar arasindaki dikey ritim */ .admin-dashboard > .metric-grid[b-nad3e137yo] { margin-top: 0 !important; } @media (max-width: 760px) { .admin-dashboard[b-nad3e137yo] { width: min(100% - 20px, 1220px) !important; padding-top: 10px !important; } .admin-dashboard > .dashboard-hero[b-nad3e137yo] { min-height: 0 !important; padding: 24px 20px !important; flex-direction: column !important; align-items: flex-start !important; border-radius: 15px !important; } .admin-dashboard > .dashboard-hero h1[b-nad3e137yo] { font-size: 31px !important; } .admin-dashboard > .dashboard-hero p[b-nad3e137yo] { font-size: 12px !important; line-height: 1.65 !important; } .admin-dashboard > .dashboard-hero > button[b-nad3e137yo] { width: 100% !important; min-width: 0 !important; } } @media (max-width: 430px) { .admin-dashboard > .dashboard-hero[b-nad3e137yo] { padding: 22px 17px !important; border-radius: 13px !important; } .admin-dashboard > .dashboard-hero h1[b-nad3e137yo] { font-size: 28px !important; } } /* FLORA_V37D18_ADMIN_DASHBOARD_HERO_PREMIUM_V1_END */ /* /Components/Pages/AdminIcerikYonetimi.razor.rz.scp.css */ /* ============================================================ FLORA_V37D18_REAL_CONTENT_CONTACT_PAGE_UI_FIX_V1 Ekranda gorunen GERCEK "Icerik ve Iletisim Yonetimi" componenti. Dosya adi tahmin edilmeden, exact basliktan bulunarak uygulanmistir. ============================================================ */ main[b-4k1n4nouhe], main *[b-4k1n4nouhe], main *[b-4k1n4nouhe]::before, main *[b-4k1n4nouhe]::after { box-sizing: border-box !important; } /* SAYFA GENEL GENISLIK */ main[b-4k1n4nouhe] { width: min(100% - 32px, 1220px) !important; margin: 0 auto !important; padding: 0 0 72px !important; color: #253129 !important; } /* UST BASLIK / HERO */ main > header[b-4k1n4nouhe] { min-height: 0 !important; height: auto !important; margin: 16px 0 22px !important; padding: 24px 26px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 16px !important; background: linear-gradient(135deg,#063c29 0%,#063c29 55%,#063c29 100%) !important; color: #ffffff !important; box-shadow: 0 14px 34px rgba(6,60,41,.16) !important; overflow: hidden !important; } main > header > div[b-4k1n4nouhe] { min-width: 0 !important; } main > header span[b-4k1n4nouhe] { display: block !important; margin: 0 0 5px !important; color: #bfe4c9 !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: .12em !important; } main > header h1[b-4k1n4nouhe] { margin: 0 0 7px !important; color: #fff !important; font-size: clamp(25px,2.5vw,32px) !important; font-weight: 900 !important; line-height: 1.12 !important; } main > header p[b-4k1n4nouhe] { max-width: 780px !important; margin: 0 !important; color: #dcece0 !important; font-size: 13px !important; line-height: 1.55 !important; } /* SAYFADAKI ANA BOLUMLERI KART HALINE GETIR. Bu selector class isimlerine bagimli degildir. */ main > section[b-4k1n4nouhe] { width: 100% !important; min-width: 0 !important; margin: 0 0 20px !important; padding: 22px !important; border: 1px solid #dce5de !important; border-radius: 15px !important; background: #ffffff !important; box-shadow: 0 8px 24px rgba(6,60,41,.055) !important; } /* BOLUM BASLIKLARI */ main > section > h2[b-4k1n4nouhe], main > section > h3[b-4k1n4nouhe] { margin: 0 0 18px !important; padding: 0 0 12px !important; border-bottom: 1px solid #e8efea !important; color: #243027 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.25 !important; } /* FORM GRIDLERI */ main .form-grid[b-4k1n4nouhe] { display: grid !important; width: 100% !important; min-width: 0 !important; gap: 16px 18px !important; margin: 0 0 18px !important; } main .form-grid.two[b-4k1n4nouhe] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } main .form-grid.three[b-4k1n4nouhe] { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } /* Eger bu component form-grid classi kullanmiyorsa bile section icindeki direkt label gruplari duzgun kalir. */ main section label[b-4k1n4nouhe] { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 7px !important; } main section label > span[b-4k1n4nouhe] { color: #526057 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.3 !important; } /* INPUT / TEXTAREA / SELECT */ main section input:not([type="checkbox"])[b-4k1n4nouhe], main section textarea[b-4k1n4nouhe], main section select[b-4k1n4nouhe] { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; border: 1px solid #d4ded6 !important; border-radius: 9px !important; background: #ffffff !important; color: #29362d !important; font-size: 13px !important; font-family: inherit !important; box-shadow: none !important; } main section input:not([type="checkbox"])[b-4k1n4nouhe], main section select[b-4k1n4nouhe] { min-height: 44px !important; padding: 9px 11px !important; } main section textarea[b-4k1n4nouhe] { min-height: 126px !important; padding: 11px !important; line-height: 1.5 !important; resize: vertical !important; } main section input:focus[b-4k1n4nouhe], main section textarea:focus[b-4k1n4nouhe], main section select:focus[b-4k1n4nouhe] { outline: none !important; border-color: #063c29 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } /* IC BASLIKLAR BIRBIRINE YAPISMASIN */ main section h2 + *[b-4k1n4nouhe], main section h3 + *[b-4k1n4nouhe] { margin-top: 0 !important; } main section h2:not(:first-child)[b-4k1n4nouhe], main section h3:not(:first-child)[b-4k1n4nouhe] { margin-top: 24px !important; } /* BUTTON SISTEMI */ main section button[b-4k1n4nouhe] { min-height: 42px !important; padding: 0 16px !important; border: 1px solid #ccd8ce !important; border-radius: 9px !important; background: #ffffff !important; color: #334137 !important; font-size: 11px !important; font-weight: 900 !important; cursor: pointer !important; } main section button.primary[b-4k1n4nouhe], main section .primary[b-4k1n4nouhe] { border-color: #063c29 !important; background: #063c29 !important; color: #ffffff !important; } /* GENIS MASAUSTU FORM BLOKLARI ICIN */ main section > div[b-4k1n4nouhe] { min-width: 0 !important; } /* RESPONSIVE */ @media (max-width: 900px) { main .form-grid.three[b-4k1n4nouhe] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } @media (max-width: 650px) { main[b-4k1n4nouhe] { width: min(100% - 18px,1220px) !important; } main > header[b-4k1n4nouhe] { margin-top: 10px !important; padding: 20px 18px !important; border-radius: 14px !important; } main > section[b-4k1n4nouhe] { padding: 15px !important; border-radius: 12px !important; } main .form-grid.two[b-4k1n4nouhe], main .form-grid.three[b-4k1n4nouhe] { grid-template-columns: minmax(0,1fr) !important; gap: 13px !important; } main .span-2[b-4k1n4nouhe] { grid-column: auto !important; } } /* ============================================================ FLORA_V37D18_ICON_SAVE_BUTTON_UI_FIX_V1 Akilli Urun Bulucu Ikonlari sayfasindaki ana kaydet butonunu Flora tasarimina uygun hale getirir. ============================================================ */ main[b-4k1n4nouhe], main *[b-4k1n4nouhe], main *[b-4k1n4nouhe]::before, main *[b-4k1n4nouhe]::after { box-sizing: border-box !important; } /* Alt aksiyon alanini duzenle */ main form > div:last-child[b-4k1n4nouhe], main .page-actions[b-4k1n4nouhe], main .form-actions[b-4k1n4nouhe], main .actions-row[b-4k1n4nouhe], main .save-actions[b-4k1n4nouhe] { display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 12px !important; margin-top: 20px !important; flex-wrap: wrap !important; } /* Kaydet butonu */ main button[type="submit"][b-4k1n4nouhe], main input[type="submit"][b-4k1n4nouhe], main .btn-primary[b-4k1n4nouhe], main .primary[b-4k1n4nouhe], main .save-button[b-4k1n4nouhe], main .save-btn[b-4k1n4nouhe] { appearance: none !important; -webkit-appearance: none !important; min-height: 46px !important; padding: 0 22px !important; border: 1px solid #063c29 !important; border-radius: 12px !important; background: linear-gradient(135deg,#063c29 0%,#063c29 100%) !important; color: #ffffff !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .01em !important; text-transform: uppercase !important; white-space: nowrap !important; box-shadow: 0 10px 24px rgba(6,60,41,.16) !important; cursor: pointer !important; transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important; } /* Hover / focus */ main button[type="submit"]:hover[b-4k1n4nouhe], main input[type="submit"]:hover[b-4k1n4nouhe], main .btn-primary:hover[b-4k1n4nouhe], main .primary:hover[b-4k1n4nouhe], main .save-button:hover[b-4k1n4nouhe], main .save-btn:hover[b-4k1n4nouhe] { background: linear-gradient(135deg,#063c29 0%,#063c29 100%) !important; box-shadow: 0 14px 28px rgba(6,60,41,.22) !important; transform: translateY(-1px) !important; } main button[type="submit"]:focus-visible[b-4k1n4nouhe], main input[type="submit"]:focus-visible[b-4k1n4nouhe], main .btn-primary:focus-visible[b-4k1n4nouhe], main .primary:focus-visible[b-4k1n4nouhe], main .save-button:focus-visible[b-4k1n4nouhe], main .save-btn:focus-visible[b-4k1n4nouhe] { outline: none !important; box-shadow: 0 0 0 4px rgba(6,60,41,.14), 0 10px 24px rgba(6,60,41,.16) !important; } /* Devre disi gorunum */ main button[type="submit"]:disabled[b-4k1n4nouhe], main input[type="submit"]:disabled[b-4k1n4nouhe], main .btn-primary:disabled[b-4k1n4nouhe], main .primary:disabled[b-4k1n4nouhe], main .save-button:disabled[b-4k1n4nouhe], main .save-btn:disabled[b-4k1n4nouhe] { opacity: .65 !important; cursor: not-allowed !important; transform: none !important; box-shadow: none !important; } /* Mobil */ @media (max-width: 640px) { main form > div:last-child[b-4k1n4nouhe], main .page-actions[b-4k1n4nouhe], main .form-actions[b-4k1n4nouhe], main .actions-row[b-4k1n4nouhe], main .save-actions[b-4k1n4nouhe] { justify-content: stretch !important; } main button[type="submit"][b-4k1n4nouhe], main input[type="submit"][b-4k1n4nouhe], main .btn-primary[b-4k1n4nouhe], main .primary[b-4k1n4nouhe], main .save-button[b-4k1n4nouhe], main .save-btn[b-4k1n4nouhe] { width: 100% !important; justify-content: center !important; } } /* ============================================================ FLORA_V37D18_ICON_PAGE_BUTTON_AND_ICONSET_FIX_V1 Akilli Urun Bulucu Ikonlari sayfasi kaydet butonu ============================================================ */ .flora-icon-save-btn[b-4k1n4nouhe] { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 46px !important; padding: 0 22px !important; border: 1px solid #063c29 !important; border-radius: 12px !important; background: linear-gradient(135deg, #063c29 0%, #063c29 100%) !important; color: #ffffff !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .01em !important; text-transform: uppercase !important; white-space: nowrap !important; box-shadow: 0 10px 24px rgba(6,60,41,.16) !important; cursor: pointer !important; transition: all .18s ease !important; margin-top: 18px !important; margin-left: auto !important; } .[b-4k1n4nouhe] { background: linear-gradient(135deg, #063c29 0%, #063c29 100%) !important; box-shadow: 0 14px 28px rgba(6,60,41,.22) !important; transform: translateY(-1px) !important; } .-visible[b-4k1n4nouhe] { outline: none !important; box-shadow: 0 0 0 4px rgba(6,60,41,.14), 0 10px 24px rgba(6,60,41,.16) !important; } @media (max-width: 640px) { .flora-icon-save-btn[b-4k1n4nouhe] { width: 100% !important; margin-left: 0 !important; } } /* ============================================================ FLORA_V37D18_SMART_FINDER_ICON_PICKER_UI_V1_2 FinderIcons foreach loopunda her ikon: - mevcut manuel input - altinda hazir emoji secici ============================================================ */ .smart-icon-preset[b-4k1n4nouhe] { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 40px !important; margin: 7px 0 0 !important; padding: 7px 10px !important; border: 1px solid #d4ded6 !important; border-radius: 8px !important; background: #f8fbf8 !important; color: #28352c !important; font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important; font-size: 13px !important; line-height: 1.2 !important; cursor: pointer !important; box-shadow: none !important; box-sizing: border-box !important; } .smart-icon-preset:hover[b-4k1n4nouhe] { border-color: #a9c5af !important; background: #ffffff !important; } .smart-icon-preset:focus[b-4k1n4nouhe] { outline: none !important; border-color: #063c29 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } /* Emoji text inputlarinda color emoji fontunu tercih et. */ main input[b-4k1n4nouhe], .suite-panel input[b-4k1n4nouhe] { font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", inherit !important; } /* ============================================================ FLORA_V37D18_CONTENT_SAVE_TOAST_CARD_V1 Icerik Yonetimi "kaydedildi" mesaji: urun/kategori ekranlarinda kullandigimiz Flora floating toast. ============================================================ */ .admin-suite-page .suite-message[b-4k1n4nouhe] { position: fixed !important; top: 82px !important; right: 24px !important; left: auto !important; width: min(420px, calc(100vw - 32px)) !important; min-height: 62px !important; margin: 0 !important; padding: 14px 22px 14px 52px !important; display: flex !important; align-items: center !important; border: 1px solid #b9d9c0 !important; border-radius: 14px !important; background: #ffffff !important; color: #063c29 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.45 !important; text-align: left !important; box-shadow: 0 18px 44px rgba(6,60,41,.16), 0 3px 10px rgba(6,60,41,.08) !important; z-index: 26000 !important; overflow: hidden !important; box-sizing: border-box !important; } .admin-suite-page .suite-message[b-4k1n4nouhe]::before { content: "✓" !important; position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; width: 28px !important; height: 28px !important; display: grid !important; place-items: center !important; border-radius: 50% !important; background: #063c29 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; } .admin-suite-page .suite-message[b-4k1n4nouhe]::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 5px !important; height: 100% !important; background: #063c29 !important; } @media (max-width: 650px) { .admin-suite-page .suite-message[b-4k1n4nouhe] { top: 72px !important; right: 10px !important; left: 10px !important; width: auto !important; min-height: 58px !important; padding: 12px 16px 12px 48px !important; border-radius: 12px !important; font-size: 12px !important; } .admin-suite-page .suite-message[b-4k1n4nouhe]::before { left: 12px !important; width: 26px !important; height: 26px !important; font-size: 15px !important; } } /* /Components/Pages/AdminIndirimler.razor.rz.scp.css */ .admin-suite-page[b-h861soar7v]{width:min(100% - 32px,1220px);margin:0 auto;padding:0 0 70px;color:#243027}.suite-head[b-h861soar7v]{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:12px 0 22px;padding:28px;border-radius:16px;background:linear-gradient(135deg,#063c29,#063c29);color:#fff}.suite-head span[b-h861soar7v]{font-size: 13px;font-weight:900;letter-spacing:.11em}.suite-head h1[b-h861soar7v]{margin:6px 0 6px;font-size:30px}.suite-head p[b-h861soar7v]{max-width:750px;margin:0;color:#d9e7dc;line-height:1.6}.suite-head>a[b-h861soar7v]{padding:10px 14px;border:1px solid rgba(255,255,255,.35);border-radius:8px;color:#fff;font-size: 13px;font-weight:900;text-decoration:none;white-space:nowrap}.suite-message[b-h861soar7v]{margin:0 0 15px;padding:12px 15px;border:1px solid #bdd7c2;border-radius:9px;background:#eff8f1;color:#063c29;font-size:13px}.suite-panel[b-h861soar7v]{margin:0 0 18px;padding:22px;border:1px solid #dfe7e1;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(6,60,41,.04)}.suite-panel h2[b-h861soar7v]{margin:0 0 14px;font-size:20px}.suite-panel h3[b-h861soar7v]{margin:0 0 12px;font-size:16px}.suite-panel p[b-h861soar7v]{color:#68746b}.form-grid[b-h861soar7v]{display:grid;gap:12px;margin-bottom:14px}.form-grid.two[b-h861soar7v]{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three[b-h861soar7v]{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.compact[b-h861soar7v]{margin:0}.span-2[b-h861soar7v]{grid-column:span 2}.suite-panel label[b-h861soar7v],.editor-form label[b-h861soar7v]{display:flex;flex-direction:column;gap:6px}.suite-panel label>span[b-h861soar7v],.editor-form label>span[b-h861soar7v]{color:#59655c;font-size: 13px;font-weight:800}.suite-panel input[b-h861soar7v],.suite-panel textarea[b-h861soar7v],.suite-panel select[b-h861soar7v],.editor-form input[b-h861soar7v],.editor-form textarea[b-h861soar7v],.editor-form select[b-h861soar7v],.search-box[b-h861soar7v]{width:100%;min-height:42px;padding:9px 11px;border:1px solid #d6dfd8;border-radius:8px;background:#fff;color:#263229;font:inherit;font-size:13px}.suite-panel textarea[b-h861soar7v],.editor-form textarea[b-h861soar7v]{min-height:86px;resize:vertical}.content-textarea[b-h861soar7v]{min-height:270px!important}.toggle-label[b-h861soar7v]{justify-content:flex-end}.toggle-label input[b-h861soar7v]{width:20px!important;min-height:20px!important}.primary[b-h861soar7v],.suite-panel button[b-h861soar7v],.editor-form button[b-h861soar7v],.row-actions button[b-h861soar7v],.report-actions a[b-h861soar7v]{min-height:38px;padding:0 13px;border:1px solid #ccd8ce;border-radius:8px;background:#fff;color:#334137;font-size: 13px;font-weight:900;cursor:pointer;text-decoration:none}.primary[b-h861soar7v]{border-color:#063c29!important;background:#063c29!important;color:#fff!important}.danger[b-h861soar7v]{border-color:#efcdcd!important;color:#a63e3e!important;background:#fff8f8!important}.button-row[b-h861soar7v]{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.panel-title-row[b-h861soar7v]{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.panel-title-row h2[b-h861soar7v],.panel-title-row p[b-h861soar7v]{margin:0}.panel-title-row select[b-h861soar7v],.panel-title-row input[b-h861soar7v]{max-width:340px}.content-editor[b-h861soar7v],.blog-admin-grid[b-h861soar7v]{display:grid;grid-template-columns:390px 1fr;gap:20px}.editor-form[b-h861soar7v]{padding:16px;border:1px solid #e1e7e2;border-radius:11px;background:#f8fbf8}.content-list[b-h861soar7v]{display:flex;flex-direction:column;gap:8px}.content-row[b-h861soar7v]{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid #e1e8e2;border-radius:10px}.content-row>img[b-h861soar7v]{width:74px;height:58px;object-fit:cover;border-radius:7px}.content-row>div:nth-child(1):not(.row-actions)[b-h861soar7v],.content-row>div:nth-child(2)[b-h861soar7v]{min-width:0}.content-row strong[b-h861soar7v],.content-row span[b-h861soar7v],.content-row small[b-h861soar7v]{display:block}.content-row span[b-h861soar7v]{margin-top:3px;color:#6b766e;font-size: 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-row small[b-h861soar7v]{margin-top:4px;color:#909991;font-size: 13px}.row-actions[b-h861soar7v]{display:flex;gap:5px}.security-note[b-h861soar7v]{padding:10px 12px;border-radius:8px;background:#fff8e8;color:#745d25!important;font-size: 13px}.status-line[b-h861soar7v]{display:flex;gap:8px 18px;align-items:center;margin:10px 0 16px;font-size: 13px}.status-line .ok[b-h861soar7v]{color:#063c29}.status-line .warn[b-h861soar7v]{color:#a06a16}.table-wrap[b-h861soar7v]{overflow:auto;margin-top:16px}.table-wrap table[b-h861soar7v]{width:100%;border-collapse:collapse;font-size: 13px}.table-wrap th[b-h861soar7v],.table-wrap td[b-h861soar7v]{padding:10px;border-bottom:1px solid #e7ece8;text-align:left;vertical-align:top;white-space:nowrap}.table-wrap th[b-h861soar7v]{background:#f6f9f6;color:#657068;font-size: 13px;letter-spacing:.04em}.table-wrap td button[b-h861soar7v]{margin:0 2px}.cell-sub[b-h861soar7v]{display:block;margin-top:3px;color:#939b95;font-size: 13px}.search-box[b-h861soar7v]{max-width:340px}.metric-grid[b-h861soar7v]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.metric-grid article[b-h861soar7v]{padding:16px;border:1px solid #e0e7e1;border-radius:10px;background:#f8fbf8}.metric-grid span[b-h861soar7v],.metric-grid strong[b-h861soar7v]{display:block}.metric-grid span[b-h861soar7v]{color:#718077;font-size: 13px}.metric-grid strong[b-h861soar7v]{margin-top:6px;font-size:19px}.report-actions[b-h861soar7v]{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.report-actions a[b-h861soar7v]{display:inline-flex;align-items:center}.empty[b-h861soar7v]{padding:30px;text-align:center;color:#7c877f;border:1px dashed #d4ded6;border-radius:10px}@media(max-width:900px){.form-grid.three[b-h861soar7v]{grid-template-columns:repeat(2,minmax(0,1fr))}.content-editor[b-h861soar7v],.blog-admin-grid[b-h861soar7v]{grid-template-columns:1fr}.metric-grid[b-h861soar7v]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.suite-head[b-h861soar7v]{align-items:flex-start;flex-direction:column}.form-grid.two[b-h861soar7v],.form-grid.three[b-h861soar7v]{grid-template-columns:1fr}.span-2[b-h861soar7v]{grid-column:auto}.content-row[b-h861soar7v]{grid-template-columns:58px 1fr}.content-row>img[b-h861soar7v]{width:58px;height:50px}.row-actions[b-h861soar7v]{grid-column:1/-1}.metric-grid[b-h861soar7v]{grid-template-columns:1fr 1fr}} /* ============================================================ FLORA_V37D18_ADMIN_INDIRIMLER_LAYOUT_FIX_V1 - Admin hero global CSS etkilerine karsi sabitlenir. - Grid item/input overflow: border-box + min-width:0. - Desktop 3 / tablet 2 / mobile 1 kolon. ============================================================ */ .admin-suite-page[b-h861soar7v] { box-sizing: border-box; } .admin-suite-page *[b-h861soar7v], .admin-suite-page *[b-h861soar7v]::before, .admin-suite-page *[b-h861soar7v]::after { box-sizing: border-box; } .admin-suite-page .suite-head[b-h861soar7v] { min-height: 0 !important; height: auto !important; margin: 14px 0 22px !important; padding: 22px 24px !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 16px !important; background: linear-gradient(135deg,#063c29,#063c29) !important; color: #fff !important; box-shadow: 0 14px 34px rgba(6,60,41,.16) !important; overflow: hidden !important; } .admin-suite-page .suite-head > div[b-h861soar7v] { min-width: 0; } .admin-suite-page .suite-head span[b-h861soar7v] { display: block; margin: 0 0 5px !important; color: #bfe2c8 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: .12em !important; } .admin-suite-page .suite-head h1[b-h861soar7v] { margin: 0 0 7px !important; color: #fff !important; font-size: clamp(24px,2.3vw,30px) !important; font-weight: 800 !important; line-height: 1.12 !important; } .admin-suite-page .suite-head p[b-h861soar7v] { max-width: 760px !important; margin: 0 !important; color: #d9e7dc !important; font-size: 14px !important; line-height: 1.55 !important; } .admin-suite-page .suite-panel[b-h861soar7v] { overflow: hidden; padding: 24px !important; } .admin-suite-page .suite-panel h2[b-h861soar7v] { margin-bottom: 18px !important; } .admin-suite-page .form-grid[b-h861soar7v] { width: 100%; column-gap: 18px !important; row-gap: 14px !important; align-items: start; } .admin-suite-page .form-grid.two[b-h861soar7v] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .admin-suite-page .form-grid.three[b-h861soar7v] { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } .admin-suite-page .form-grid > label[b-h861soar7v] { width: 100%; min-width: 0; max-width: 100%; margin: 0; } .admin-suite-page .form-grid > label > span[b-h861soar7v] { display: block; min-height: 18px; line-height: 1.35; } .admin-suite-page .form-grid input:not([type="checkbox"])[b-h861soar7v], .admin-suite-page .form-grid select[b-h861soar7v], .admin-suite-page .form-grid textarea[b-h861soar7v] { display: block; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto; min-height: 44px !important; margin: 0 !important; padding: 10px 12px !important; border: 1px solid #d6dfd8 !important; border-radius: 9px !important; background: #fff !important; box-shadow: none !important; } .admin-suite-page .form-grid input:not([type="checkbox"]):focus[b-h861soar7v], .admin-suite-page .form-grid select:focus[b-h861soar7v], .admin-suite-page .form-grid textarea:focus[b-h861soar7v] { outline: none; border-color: #063c29 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.10) !important; } .admin-suite-page .toggle-label[b-h861soar7v] { min-width: 0; min-height: 70px; justify-content: flex-start !important; align-items: flex-start; padding: 9px 11px; border: 1px solid #e1e8e2; border-radius: 9px; background: #f8fbf8; } .admin-suite-page .toggle-label > span[b-h861soar7v] { min-height: auto !important; } .admin-suite-page .toggle-label input[type="checkbox"][b-h861soar7v] { flex: 0 0 auto; width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; margin: 1px 0 0 !important; padding: 0 !important; } .admin-suite-page .button-row[b-h861soar7v] { margin-top: 16px !important; } @media (max-width: 900px) { .admin-suite-page .form-grid.three[b-h861soar7v] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } @media (max-width: 620px) { .admin-suite-page[b-h861soar7v] { width: min(100% - 20px,1220px); } .admin-suite-page .suite-head[b-h861soar7v] { margin-top: 10px !important; padding: 20px !important; } .admin-suite-page .suite-panel[b-h861soar7v] { padding: 18px !important; } .admin-suite-page .form-grid.two[b-h861soar7v], .admin-suite-page .form-grid.three[b-h861soar7v] { grid-template-columns: minmax(0,1fr) !important; } .admin-suite-page .toggle-label[b-h861soar7v] { min-height: 62px; } } /* ============================================================ FLORA_V37D18_ADMIN_INDIRIMLER_TOGGLE_COMPACT_V1 Aktif / Ucretsiz Kargo alanlarini normal form alanlariyla ayni ritme getirir. Metin ve checkbox davranisi degismez. ============================================================ */ .admin-suite-page .toggle-label[b-h861soar7v] { min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; gap: 6px !important; justify-content: flex-start !important; align-items: flex-start !important; } .admin-suite-page .toggle-label > span[b-h861soar7v] { min-height: 18px !important; margin: 0 !important; line-height: 1.35 !important; } .admin-suite-page .toggle-label input[type="checkbox"][b-h861soar7v] { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; margin: 3px 0 0 !important; padding: 0 !important; } /* ================================================================ FLORA_V37D18_ADMIN_INDIRIMLER_TOGGLE_MATCH_INPUTS_V2 Aktif / Ücretsiz Kargo alanlarini input kutulari ile ayni cerceve, yukseklik ve ic bosluk duzenine getirir. Razor / DB / islev degismez. ================================================================ */ /* Checkbox alanini tekrar cerceveli ve input boyutunda yap */ label:has(input[type="checkbox"])[b-h861soar7v], .form-group:has(input[type="checkbox"])[b-h861soar7v], .form-field:has(input[type="checkbox"])[b-h861soar7v], .field:has(input[type="checkbox"])[b-h861soar7v], .toggle-field:has(input[type="checkbox"])[b-h861soar7v], .checkbox-field:has(input[type="checkbox"])[b-h861soar7v], .boolean-field:has(input[type="checkbox"])[b-h861soar7v], .switch-field:has(input[type="checkbox"])[b-h861soar7v] { min-height: 52px !important; padding: 12px 14px !important; border: 1px solid #d9e4d9 !important; border-radius: 10px !important; background: #fff !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; gap: 10px !important; } /* Checkbox kendisi dogal kalsin ama hizalansin */ label:has(input[type="checkbox"]) input[type="checkbox"][b-h861soar7v], .form-group:has(input[type="checkbox"]) input[type="checkbox"][b-h861soar7v], .form-field:has(input[type="checkbox"]) input[type="checkbox"][b-h861soar7v], .field:has(input[type="checkbox"]) input[type="checkbox"][b-h861soar7v], .toggle-field:has(input[type="checkbox"]) input[type="checkbox"][b-h861soar7v], .checkbox-field:has(input[type="checkbox"]) input[type="checkbox"][b-h861soar7v], .boolean-field:has(input[type="checkbox"]) input[type="checkbox"][b-h861soar7v], .switch-field:has(input[type="checkbox"]) input[type="checkbox"][b-h861soar7v] { margin: 0 !important; width: 18px !important; height: 18px !important; flex: 0 0 auto !important; } /* Metin tasmasin, input ritmine uysun */ label:has(input[type="checkbox"]) strong[b-h861soar7v], label:has(input[type="checkbox"]) span[b-h861soar7v], .form-group:has(input[type="checkbox"]) strong[b-h861soar7v], .form-group:has(input[type="checkbox"]) span[b-h861soar7v], .form-field:has(input[type="checkbox"]) strong[b-h861soar7v], .form-field:has(input[type="checkbox"]) span[b-h861soar7v], .field:has(input[type="checkbox"]) strong[b-h861soar7v], .field:has(input[type="checkbox"]) span[b-h861soar7v], .toggle-field:has(input[type="checkbox"]) strong[b-h861soar7v], .toggle-field:has(input[type="checkbox"]) span[b-h861soar7v], .checkbox-field:has(input[type="checkbox"]) strong[b-h861soar7v], .checkbox-field:has(input[type="checkbox"]) span[b-h861soar7v], .boolean-field:has(input[type="checkbox"]) strong[b-h861soar7v], .boolean-field:has(input[type="checkbox"]) span[b-h861soar7v], .switch-field:has(input[type="checkbox"]) strong[b-h861soar7v], .switch-field:has(input[type="checkbox"]) span[b-h861soar7v] { line-height: 1.2 !important; } /* ============================================================ FLORA_V37D18_ADMIN_INDIRIMLER_TOGGLE_INPUT_FIELD_V3 "Aktif" / "Ucretsiz Kargo" yazisi DIGER LABEL'LAR GIBI ustte kalir. Altinda 44px yuksekliginde normal input ile ayni cerceve bulunur. Checkbox bu cercevenin icinde kalir. ============================================================ */ .admin-suite-page .form-grid > .toggle-label[b-h861soar7v] { position: relative !important; display: grid !important; grid-template-columns: minmax(0,1fr) !important; grid-template-rows: 18px 44px !important; gap: 6px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 68px !important; height: 68px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; align-items: stretch !important; justify-content: stretch !important; } .admin-suite-page .form-grid > .toggle-label > span[b-h861soar7v] { grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; min-height: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; line-height: 1.35 !important; z-index: 2; } .admin-suite-page .form-grid > .toggle-label[b-h861soar7v]::after { content: "" !important; grid-column: 1 !important; grid-row: 2 !important; display: block !important; width: 100% !important; min-width: 0 !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #d6dfd8 !important; border-radius: 9px !important; background: #fff !important; box-shadow: none !important; box-sizing: border-box !important; z-index: 0; } .admin-suite-page .form-grid > .toggle-label:focus-within[b-h861soar7v]::after { border-color: #063c29 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.10) !important; } .admin-suite-page .form-grid > .toggle-label > input[type="checkbox"][b-h861soar7v] { grid-column: 1 !important; grid-row: 2 !important; align-self: center !important; justify-self: start !important; width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; max-width: 20px !important; max-height: 20px !important; margin: 0 0 0 12px !important; padding: 0 !important; z-index: 1 !important; } /* ============================================================ FLORA_V37D18_ADMIN_INDIRIMLER_TOGGLE_SWITCH_DESIGN_V4 Mockup 4: - "Aktif" / "Ucretsiz Kargo" yazisi normal label gibi ustte. - Alt alan diger inputlarla ayni 44px yukseklikte. - Icinde modern yesil/gri toggle switch. - Checkbox bind/Blazor davranisi aynen korunur. ============================================================ */ .admin-suite-page .form-grid > .toggle-label[b-h861soar7v] { position: relative !important; display: grid !important; grid-template-columns: minmax(0,1fr) !important; grid-template-rows: 18px 44px !important; gap: 6px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 68px !important; height: 68px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; align-items: stretch !important; justify-content: stretch !important; overflow: visible !important; } .admin-suite-page .form-grid > .toggle-label > span[b-h861soar7v] { grid-column: 1 !important; grid-row: 1 !important; display: block !important; align-self: start !important; min-height: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; color: #59655c !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.35 !important; z-index: 3 !important; } /* Diger form inputlariyla ayni dis alan */ .admin-suite-page .form-grid > .toggle-label[b-h861soar7v]::after { content: "" !important; grid-column: 1 !important; grid-row: 2 !important; display: block !important; width: 100% !important; min-width: 0 !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #d6dfd8 !important; border-radius: 9px !important; background: #fff !important; box-shadow: none !important; box-sizing: border-box !important; z-index: 0 !important; } /* Native checkbox artik switch track olur */ .admin-suite-page .form-grid > .toggle-label > input[type="checkbox"][b-h861soar7v] { -webkit-appearance: none !important; appearance: none !important; grid-column: 1 !important; grid-row: 2 !important; align-self: center !important; justify-self: center !important; position: relative !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: #c7cbc8 !important; box-shadow: inset 0 0 0 1px rgba(45,60,49,.08), 0 1px 2px rgba(6,60,41,.06) !important; cursor: pointer !important; outline: none !important; transition: background-color .18s ease, box-shadow .18s ease !important; z-index: 2 !important; } /* Beyaz yuvarlak topuz */ .admin-suite-page .form-grid > .toggle-label > input[type="checkbox"][b-h861soar7v]::before { content: "" !important; position: absolute !important; top: 3px !important; left: 3px !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; background: #fff !important; box-shadow: 0 1px 3px rgba(6,60,41,.22), 0 0 0 1px rgba(6,60,41,.06) !important; transform: translateX(0) !important; transition: transform .18s ease !important; } /* Aktif durum */ .admin-suite-page .form-grid > .toggle-label > input[type="checkbox"]:checked[b-h861soar7v] { background: #063c29 !important; box-shadow: inset 0 0 0 1px rgba(6,60,41,.08), 0 2px 7px rgba(6,60,41,.18) !important; } .admin-suite-page .form-grid > .toggle-label > input[type="checkbox"]:checked[b-h861soar7v]::before { transform: translateX(28px) !important; } /* Klavye/focus premium vurgusu */ .admin-suite-page .form-grid > .toggle-label:focus-within[b-h861soar7v]::after { border-color: #063c29 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.10) !important; } .admin-suite-page .form-grid > .toggle-label > input[type="checkbox"]:focus-visible[b-h861soar7v] { box-shadow: 0 0 0 3px rgba(6,60,41,.16), inset 0 0 0 1px rgba(6,60,41,.08) !important; } /* Disabled olursa da okunakli */ .admin-suite-page .form-grid > .toggle-label > input[type="checkbox"]:disabled[b-h861soar7v] { opacity: .55 !important; cursor: not-allowed !important; } /* FLORA V39 ADMIN ACTION TOAST */ .admin-suite-page .suite-message[b-h861soar7v]{position:fixed!important;z-index:12000!important;top:18px!important;right:18px!important;left:auto!important;width:min(390px,calc(100vw - 28px))!important;min-height:54px!important;display:flex!important;align-items:center!important;margin:0!important;padding:13px 16px 13px 46px!important;border:1px solid #cee4d4!important;border-radius:16px!important;background:#fff!important;color:#063c29!important;box-shadow:0 20px 55px rgba(6,60,41,.18)!important;font-size:12px!important;font-weight:800!important;line-height:1.45!important;animation:floraV39AdminToast-b-h861soar7v .22s ease both!important}.admin-suite-page .suite-message[b-h861soar7v]::before{content:"✓"!important;position:absolute!important;left:14px!important;top:50%!important;width:24px!important;height:24px!important;display:grid!important;place-items:center!important;transform:translateY(-50%)!important;border-radius:8px!important;background:#e4f4e8!important;color:#063c29!important;font-size:12px!important;font-weight:950!important}@keyframes floraV39AdminToast-b-h861soar7v{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media(max-width:600px){.admin-suite-page .suite-message[b-h861soar7v]{top:10px!important;right:10px!important;left:10px!important;width:auto!important}} /* /Components/Pages/AdminKampanyalar.razor.rz.scp.css */ .admin-campaign-page[b-fiphuxbbca] { width: min(100% - 32px, 1220px); margin: 0 auto; padding-bottom: 70px; } .campaign-hero[b-fiphuxbbca], .campaign-list-card > header[b-fiphuxbbca] { display: flex; align-items: end; justify-content: space-between; gap: 20px; } .campaign-hero[b-fiphuxbbca] { padding: 24px; border: 1px solid #dce5de; border-radius: 14px; background: #f7faf7; } .campaign-hero span[b-fiphuxbbca], .campaign-form-card > span[b-fiphuxbbca], .campaign-list-card header span[b-fiphuxbbca] { color: #063c29; font-size: 13px; font-weight: 900; letter-spacing: .1em; } .campaign-hero h1[b-fiphuxbbca] { margin: 5px 0; font-size: 28px; } .campaign-hero p[b-fiphuxbbca] { margin: 0; color: #707c73; font-size: 13px; } .campaign-hero > a[b-fiphuxbbca] { padding: 9px 12px; border-radius: 7px; background: #063c29; color: #fff; font-size: 13px; font-weight: 900; text-decoration: none; } .campaign-note[b-fiphuxbbca], .campaign-message[b-fiphuxbbca] { margin-top: 13px; padding: 12px; border-radius: 7px; font-size: 13px; line-height: 1.55; } .campaign-note[b-fiphuxbbca] { border: 1px solid #e6dfc7; background: #fffaf0; color: #786942; } .campaign-message.success[b-fiphuxbbca] { background: #eaf5ec; color: #063c29; } .campaign-message.error[b-fiphuxbbca] { background: #fff0f0; color: #9a3434; } .campaign-layout[b-fiphuxbbca] { display: grid; grid-template-columns: 350px minmax(0, 1fr); gap: 15px; margin-top: 15px; } .campaign-form-card[b-fiphuxbbca], .campaign-list-card[b-fiphuxbbca] { padding: 18px; border: 1px solid #dfe6e0; border-radius: 11px; background: #fff; } .campaign-form-card h2[b-fiphuxbbca], .campaign-list-card h2[b-fiphuxbbca] { margin: 5px 0 14px; font-size: 19px; } .campaign-form-card label[b-fiphuxbbca] { display: grid; gap: 5px; margin-top: 11px; } .campaign-form-card label > span[b-fiphuxbbca] { color: #5d6a61; font-size: 13px; font-weight: 800; } .campaign-form-card input[b-fiphuxbbca], .campaign-form-card select[b-fiphuxbbca] { width: 100%; padding: 11px; border: 1px solid #dbe3dd; border-radius: 7px; background: #fff; outline: 0; font: inherit; font-size: 13px; } .selected-product-box[b-fiphuxbbca] { display: grid; gap: 3px; margin-top: 12px; padding: 12px; border-radius: 8px; background: #f4f8f5; } .selected-product-box > span[b-fiphuxbbca] { color: #738078; font-size: 13px; font-weight: 900; } .selected-product-box strong[b-fiphuxbbca] { color: #063c29; font-size: 18px; } .selected-product-box small[b-fiphuxbbca] { color: #77837a; font-size: 13px; } .start-campaign[b-fiphuxbbca], .campaign-list-card header button[b-fiphuxbbca], .campaign-actions button[b-fiphuxbbca] { border: 0; border-radius: 7px; font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; } .start-campaign[b-fiphuxbbca] { width: 100%; margin-top: 16px; padding: 11px; background: #063c29; color: #fff; } .campaign-list-card header button[b-fiphuxbbca] { padding: 8px 10px; background: #063c29; color: #fff; } .campaign-list[b-fiphuxbbca] { display: grid; gap: 7px; } .campaign-row[b-fiphuxbbca] { display: grid; grid-template-columns: minmax(0, 1.2fr) 150px 150px 130px; align-items: center; gap: 12px; padding: 12px; border: 1px solid #edf1ed; border-radius: 8px; } .campaign-main strong[b-fiphuxbbca], .campaign-main small[b-fiphuxbbca], .price-change strong[b-fiphuxbbca], .price-change del[b-fiphuxbbca], .price-change span[b-fiphuxbbca], .campaign-date span[b-fiphuxbbca], .campaign-date small[b-fiphuxbbca] { display: block; } .campaign-main strong[b-fiphuxbbca] { margin-top: 5px; color: #263229; font-size: 13px; } .campaign-main small[b-fiphuxbbca], .campaign-date span[b-fiphuxbbca], .campaign-date small[b-fiphuxbbca] { margin-top: 3px; color: #818c84; font-size: 13px; } .campaign-status[b-fiphuxbbca] { display: inline-block; padding: 4px 6px; border-radius: 20px; font-size: 13px; font-weight: 900; } .campaign-status.active[b-fiphuxbbca] { background: #e4f3e7; color: #063c29; } .campaign-status.ended[b-fiphuxbbca] { background: #f0f0f0; color: #7d8580; } .price-change del[b-fiphuxbbca] { color: #9a9f9b; font-size: 13px; } .price-change strong[b-fiphuxbbca] { color: #063c29; font-size: 14px; } .price-change span[b-fiphuxbbca] { margin-top: 2px; color: #b06336; font-size: 13px; font-weight: 900; } .campaign-actions[b-fiphuxbbca] { display: grid; gap: 5px; } .campaign-actions a[b-fiphuxbbca], .campaign-actions button[b-fiphuxbbca] { padding: 7px 8px; border-radius: 6px; text-align: center; text-decoration: none; } .campaign-actions a[b-fiphuxbbca] { border: 1px solid #dce3de; color: #063c29; font-size: 13px; font-weight: 900; } .campaign-actions button[b-fiphuxbbca] { background: #fff0f0; color: #983b3b; } .campaign-state[b-fiphuxbbca] { padding: 35px 12px; color: #77827a; font-size: 13px; text-align: center; } @media (max-width: 960px) { .campaign-layout[b-fiphuxbbca] { grid-template-columns: 1fr; } .campaign-row[b-fiphuxbbca] { grid-template-columns: 1fr 1fr; } } @media (max-width: 560px) { .admin-campaign-page[b-fiphuxbbca] { width: min(100% - 22px, 1220px); } .campaign-hero[b-fiphuxbbca] { align-items: flex-start; flex-direction: column; } .campaign-row[b-fiphuxbbca] { grid-template-columns: 1fr; } } /* ============================================================ FLORA_V37D18_CAMPAIGN_PRODUCT_PICKER_SEARCH_IMAGE_UI_V1 Kampanya urun secimi: gorsel + isim + fiyat + stok + canli arama. ============================================================ */ .campaign-product-picker-field[b-fiphuxbbca] { position: relative; display: grid; gap: 5px; margin-top: 11px; min-width: 0; } .campaign-field-label[b-fiphuxbbca] { color: #5d6a61; font-size: 13px; font-weight: 800; } .campaign-product-picker-trigger[b-fiphuxbbca] { width: 100%; min-width: 0; min-height: 58px; padding: 7px 10px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid #dbe3dd; border-radius: 9px; background: #fff; color: #263229; font: inherit; text-align: left; cursor: pointer; box-sizing: border-box; transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease; } .campaign-product-picker-trigger.has-product[b-fiphuxbbca] { grid-template-columns: 48px minmax(0,1fr) auto; } .campaign-product-picker-trigger:hover[b-fiphuxbbca], .campaign-product-picker-trigger[aria-expanded="true"][b-fiphuxbbca] { border-color: #8db99a; background: #fbfdfb; box-shadow: 0 0 0 3px rgba(6,60,41,.07); } .campaign-product-picker-trigger > img[b-fiphuxbbca] { width: 48px; height: 48px; display: block; border: 1px solid #dce6de; border-radius: 8px; background: #f4f8f4; object-fit: cover; } .campaign-picked-product-copy[b-fiphuxbbca] { min-width: 0; display: grid; gap: 3px; } .campaign-picked-product-copy strong[b-fiphuxbbca] { min-width: 0; color: #263229; font-size: 13px; font-weight: 900; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .campaign-picked-product-copy small[b-fiphuxbbca] { color: #718077; font-size: 12px; line-height: 1.35; } .campaign-picked-product-copy.empty strong[b-fiphuxbbca] { color: #405047; } .campaign-picker-chevron[b-fiphuxbbca] { color: #063c29; font-size: 11px; font-weight: 900; } .campaign-product-picker-panel[b-fiphuxbbca] { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 3500; overflow: hidden; border: 1px solid #d8e3da; border-radius: 12px; background: #fff; box-shadow: 0 20px 50px rgba(6,60,41,.16), 0 4px 12px rgba(6,60,41,.08); } .campaign-product-search[b-fiphuxbbca] { position: sticky; top: 0; z-index: 2; padding: 10px; border-bottom: 1px solid #edf1ee; background: #f8fbf8; } .campaign-product-search input[b-fiphuxbbca] { width: 100% !important; min-height: 44px; margin: 0 !important; padding: 10px 12px !important; border: 1px solid #cfdcd2 !important; border-radius: 8px !important; background: #fff !important; box-sizing: border-box; } .campaign-product-search input:focus[b-fiphuxbbca] { border-color: #063c29 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.09) !important; } .campaign-product-picker-list[b-fiphuxbbca] { max-height: 410px; overflow-y: auto; overscroll-behavior: contain; padding: 6px; } .campaign-product-option[b-fiphuxbbca] { position: relative; width: 100%; min-width: 0; display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 8px; border: 1px solid transparent; border-radius: 9px; background: #fff; color: #263229; font: inherit; text-align: left; cursor: pointer; transition: border-color .14s ease, background-color .14s ease, transform .14s ease; } .campaign-product-option + .campaign-product-option[b-fiphuxbbca] { margin-top: 3px; } .campaign-product-option:hover[b-fiphuxbbca] { border-color: #d4e4d8; background: #f6faf7; } .campaign-product-option.selected[b-fiphuxbbca] { border-color: #9bc4a5; background: #eef7f0; } .campaign-product-option > img[b-fiphuxbbca] { width: 58px; height: 58px; display: block; border: 1px solid #e0e8e1; border-radius: 8px; background: #f3f7f4; object-fit: cover; } .campaign-product-option-copy[b-fiphuxbbca] { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 8px; align-items: center; } .campaign-product-option-copy strong[b-fiphuxbbca] { grid-column: 1 / -1; min-width: 0; color: #263229; font-size: 13px; font-weight: 800; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .campaign-product-option-copy > span[b-fiphuxbbca] { color: #063c29; font-size: 13px; font-weight: 900; } .campaign-product-option-copy small[b-fiphuxbbca] { justify-self: end; color: #78847b; font-size: 11px; } .campaign-product-selected-mark[b-fiphuxbbca] { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: #063c29; color: #fff; font-size: 13px; font-weight: 900; } .campaign-product-picker-empty[b-fiphuxbbca] { padding: 30px 14px; color: #77827a; font-size: 13px; text-align: center; } @media (max-width: 560px) { .campaign-product-picker-panel[b-fiphuxbbca] { position: fixed; top: 86px; right: 10px; bottom: 10px; left: 10px; display: grid; grid-template-rows: auto minmax(0,1fr); } .campaign-product-picker-list[b-fiphuxbbca] { max-height: none; } .campaign-product-option[b-fiphuxbbca] { grid-template-columns: 52px minmax(0,1fr) auto; } .campaign-product-option > img[b-fiphuxbbca] { width: 52px; height: 52px; } .campaign-picked-product-copy strong[b-fiphuxbbca], .campaign-product-option-copy strong[b-fiphuxbbca] { white-space: normal; overflow-wrap: anywhere; } } /* FLORA_V37D18_SEARCH_UI_ADMINKAMPANYALAR_MASTER_START */ /* FLORA_V37D18_SEARCH_UI_ADMIN_CAMPAIGNS_V1_START */ .campaign-product-search[b-fiphuxbbca] { border-bottom: 0 !important; background: transparent !important; } .campaign-product-search input[type="search"][b-fiphuxbbca] { padding-right: 46px !important; background-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%231d2a20%27 stroke-width=%271.8%27 stroke-linecap=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27M20 20L16.4 16.4%27/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 19px 19px !important; box-shadow: none !important; } .campaign-product-search input[type="search"]:focus[b-fiphuxbbca] { border-color: #063c29 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } /* FLORA_V37D18_SEARCH_UI_ADMIN_CAMPAIGNS_V1_END */ /* FLORA_V37D18_SEARCH_UI_ADMINKAMPANYALAR_MASTER_END */ /* FLORA_V37D18_ADMIN_CAMPAIGNS_TOP_PREMIUM_V1_START */ /* ============================================================ FLORA ADMIN KAMPANYALAR - PREMIUM UST ALAN Sadece CSS. Kampanya/urun/fiyat mantigi aynen korunur. ============================================================ */ .admin-campaign-page[b-fiphuxbbca] { width: min(100% - 32px, 1220px) !important; margin: 0 auto !important; padding: 18px 0 70px !important; } /* HERO */ .admin-campaign-page > .campaign-hero[b-fiphuxbbca] { position: relative !important; isolation: isolate !important; min-height: 188px !important; margin: 0 0 14px !important; padding: 30px 32px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; overflow: hidden !important; border: 0 !important; border-radius: 18px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 55%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 18px 42px rgba(6,60,41,.15) !important; } .admin-campaign-page > .campaign-hero[b-fiphuxbbca]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 300px !important; height: 300px !important; top: -155px !important; right: -86px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .admin-campaign-page > .campaign-hero[b-fiphuxbbca]::after { content: "" !important; position: absolute !important; z-index: -1 !important; width: 150px !important; height: 150px !important; right: 165px !important; bottom: -106px !important; border: 24px solid rgba(255,255,255,.035) !important; border-radius: 50% !important; } .admin-campaign-page > .campaign-hero > div[b-fiphuxbbca] { position: relative !important; z-index: 2 !important; min-width: 0 !important; } .admin-campaign-page > .campaign-hero span[b-fiphuxbbca] { display: inline-flex !important; align-items: center !important; min-height: 28px !important; margin: 0 0 10px !important; padding: 0 11px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; background: rgba(255,255,255,.09) !important; color: #dcefe2 !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .13em !important; } .admin-campaign-page > .campaign-hero h1[b-fiphuxbbca] { margin: 0 0 9px !important; color: #ffffff !important; font-size: clamp(30px, 3.7vw, 44px) !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: -.025em !important; } .admin-campaign-page > .campaign-hero p[b-fiphuxbbca] { max-width: 760px !important; margin: 0 !important; color: #dce9df !important; font-size: 13px !important; line-height: 1.7 !important; } .admin-campaign-page > .campaign-hero > a[b-fiphuxbbca] { position: relative !important; z-index: 2 !important; min-height: 44px !important; padding: 0 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255,255,255,.25) !important; border-radius: 10px !important; background: rgba(255,255,255,.11) !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; } .admin-campaign-page > .campaign-hero > a:hover[b-fiphuxbbca] { background: rgba(255,255,255,.18) !important; } /* BILGI SERIDI */ .admin-campaign-page > .campaign-note[b-fiphuxbbca] { position: relative !important; margin: 0 0 15px !important; padding: 13px 16px 13px 44px !important; border: 1px solid #e5dec4 !important; border-radius: 11px !important; background: linear-gradient( 90deg, #fffbef, #fffdf7 ) !important; color: #725f31 !important; font-size: 12px !important; line-height: 1.65 !important; box-shadow: 0 6px 18px rgba(92,72,20,.035) !important; } .admin-campaign-page > .campaign-note[b-fiphuxbbca]::before { content: "i" !important; position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; width: 20px !important; height: 20px !important; display: grid !important; place-items: center !important; border: 1px solid #d5c588 !important; border-radius: 50% !important; background: #ffffff !important; color: #796327 !important; font-size: 11px !important; font-weight: 900 !important; font-style: normal !important; } /* KARTLAR */ .admin-campaign-page .campaign-layout[b-fiphuxbbca] { gap: 15px !important; margin-top: 15px !important; } .admin-campaign-page .campaign-form-card[b-fiphuxbbca], .admin-campaign-page .campaign-list-card[b-fiphuxbbca] { border: 1px solid #dfe7e1 !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: 0 8px 26px rgba(6,60,41,.045) !important; } /* Sol kart biraz daha premium */ .admin-campaign-page .campaign-form-card[b-fiphuxbbca] { padding: 20px !important; } .admin-campaign-page .campaign-form-card > span[b-fiphuxbbca], .admin-campaign-page .campaign-list-card > header span[b-fiphuxbbca] { color: #063c29 !important; font-size: 11px !important; font-weight: 900 !important; letter-spacing: .11em !important; } .admin-campaign-page .campaign-form-card h2[b-fiphuxbbca], .admin-campaign-page .campaign-list-card h2[b-fiphuxbbca] { color: #063c29 !important; font-weight: 900 !important; } /* ============================================================ KAMPANYA GECMISI: Yenile butonu artik kart cercevesinin ICINDE. ============================================================ */ .admin-campaign-page .campaign-list-card[b-fiphuxbbca] { padding: 0 !important; overflow: hidden !important; } .admin-campaign-page .campaign-list-card > header[b-fiphuxbbca] { width: 100% !important; min-height: 88px !important; margin: 0 !important; padding: 17px 18px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; border: 0 !important; border-bottom: 1px solid #e5ebe6 !important; background: linear-gradient( 180deg, #fbfdfb, #f7faf7 ) !important; box-sizing: border-box !important; } .admin-campaign-page .campaign-list-card > header > div[b-fiphuxbbca] { min-width: 0 !important; } .admin-campaign-page .campaign-list-card > header h2[b-fiphuxbbca] { margin: 5px 0 0 !important; font-size: 19px !important; line-height: 1.2 !important; } .admin-campaign-page .campaign-list-card > header button[b-fiphuxbbca] { position: static !important; flex: 0 0 auto !important; min-width: 84px !important; min-height: 40px !important; margin: 0 !important; padding: 0 14px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 9px !important; background: #063c29 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; box-shadow: 0 6px 16px rgba(6,60,41,.15) !important; } .admin-campaign-page .campaign-list-card > header button:hover[b-fiphuxbbca] { background: #063c29 !important; } /* header disindaki card body ic bosluk */ .admin-campaign-page .campaign-list-card > .campaign-state[b-fiphuxbbca] { min-height: 150px !important; margin: 0 !important; padding: 34px 22px !important; display: grid !important; place-items: start center !important; color: #77827a !important; text-align: center !important; } .admin-campaign-page .campaign-list-card > .campaign-list[b-fiphuxbbca] { padding: 14px 16px 18px !important; } /* RESPONSIVE */ @media (max-width: 760px) { .admin-campaign-page[b-fiphuxbbca] { width: min(100% - 20px, 1220px) !important; padding-top: 10px !important; } .admin-campaign-page > .campaign-hero[b-fiphuxbbca] { min-height: 0 !important; padding: 24px 20px !important; flex-direction: column !important; align-items: flex-start !important; border-radius: 15px !important; } .admin-campaign-page > .campaign-hero h1[b-fiphuxbbca] { font-size: 31px !important; } .admin-campaign-page > .campaign-hero p[b-fiphuxbbca] { font-size: 12px !important; } .admin-campaign-page > .campaign-hero > a[b-fiphuxbbca] { width: 100% !important; } .admin-campaign-page > .campaign-note[b-fiphuxbbca] { padding: 12px 13px 12px 40px !important; font-size: 11px !important; } .admin-campaign-page .campaign-list-card > header[b-fiphuxbbca] { min-height: 80px !important; padding: 15px !important; } .admin-campaign-page .campaign-list-card > header button[b-fiphuxbbca] { min-width: 78px !important; min-height: 38px !important; } } @media (max-width: 430px) { .admin-campaign-page > .campaign-hero[b-fiphuxbbca] { padding: 22px 17px !important; border-radius: 13px !important; } .admin-campaign-page > .campaign-hero h1[b-fiphuxbbca] { font-size: 28px !important; } .admin-campaign-page .campaign-list-card > header[b-fiphuxbbca] { align-items: center !important; gap: 10px !important; } .admin-campaign-page .campaign-list-card > header h2[b-fiphuxbbca] { font-size: 17px !important; } } /* FLORA_V37D18_ADMIN_CAMPAIGNS_TOP_PREMIUM_V1_END */ /* FLORA_V37D18_MOBILE_CAMPAIGN_FORM_FRAME_OVERFLOW_FIX_V1_1_START */ /* ============================================================ V1.1 Yalnizca mobilde kampanya form kartinin sagindan tasan input/select/picker kontrollerini kart cercevesine sigdirir. ============================================================ */ @media (max-width: 760px) { .admin-campaign-page[b-fiphuxbbca], .admin-campaign-page .campaign-layout[b-fiphuxbbca], .admin-campaign-page .campaign-form-card[b-fiphuxbbca] { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } .admin-campaign-page .campaign-layout[b-fiphuxbbca] { width: 100% !important; grid-template-columns: minmax(0, 1fr) !important; } .admin-campaign-page .campaign-form-card[b-fiphuxbbca] { width: 100% !important; overflow: hidden !important; } .admin-campaign-page .campaign-form-card label[b-fiphuxbbca] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .admin-campaign-page .campaign-form-card input[b-fiphuxbbca], .admin-campaign-page .campaign-form-card select[b-fiphuxbbca], .admin-campaign-page .campaign-form-card textarea[b-fiphuxbbca], .admin-campaign-page .campaign-product-picker-field[b-fiphuxbbca], .admin-campaign-page .campaign-product-picker-trigger[b-fiphuxbbca] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .admin-campaign-page .campaign-form-card input[b-fiphuxbbca], .admin-campaign-page .campaign-form-card select[b-fiphuxbbca], .admin-campaign-page .campaign-form-card textarea[b-fiphuxbbca] { margin-left: 0 !important; margin-right: 0 !important; } .admin-campaign-page .campaign-product-picker-panel[b-fiphuxbbca] { left: 0 !important; right: 0 !important; width: auto !important; max-width: 100% !important; box-sizing: border-box !important; } } /* FLORA_V37D18_MOBILE_CAMPAIGN_FORM_FRAME_OVERFLOW_FIX_V1_1_END */ /* FLORA_V37D18_MOBILE_CAMPAIGN_FRAME_OVERFLOW_FIX_V1_2_START */ /* ============================================================ KAMPANYALAR MOBIL ROOT-CAUSE FIX input width:100% + padding content-box tasmasini kapatir. ============================================================ */ @media (max-width: 760px) { .admin-campaign-page[b-fiphuxbbca] { width: calc(100% - 20px) !important; max-width: calc(100vw - 20px) !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; overflow-x: clip !important; box-sizing: border-box !important; } .admin-campaign-page > .campaign-hero[b-fiphuxbbca], .admin-campaign-page > .campaign-note[b-fiphuxbbca], .admin-campaign-page > .campaign-message[b-fiphuxbbca], .admin-campaign-page > .campaign-layout[b-fiphuxbbca] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } .admin-campaign-page .campaign-layout[b-fiphuxbbca] { grid-template-columns: minmax(0, 1fr) !important; } .admin-campaign-page .campaign-form-card[b-fiphuxbbca], .admin-campaign-page .campaign-list-card[b-fiphuxbbca] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .admin-campaign-page .campaign-form-card *[b-fiphuxbbca], .admin-campaign-page .campaign-form-card *[b-fiphuxbbca]::before, .admin-campaign-page .campaign-form-card *[b-fiphuxbbca]::after { box-sizing: border-box !important; } .admin-campaign-page .campaign-form-card label[b-fiphuxbbca], .admin-campaign-page .campaign-form-card input[b-fiphuxbbca], .admin-campaign-page .campaign-form-card select[b-fiphuxbbca], .admin-campaign-page .campaign-form-card textarea[b-fiphuxbbca], .admin-campaign-page .campaign-product-picker-field[b-fiphuxbbca], .admin-campaign-page .campaign-product-picker-trigger[b-fiphuxbbca], .admin-campaign-page .selected-product-box[b-fiphuxbbca], .admin-campaign-page .start-campaign[b-fiphuxbbca] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .admin-campaign-page .campaign-form-card input[b-fiphuxbbca], .admin-campaign-page .campaign-form-card select[b-fiphuxbbca], .admin-campaign-page .campaign-form-card textarea[b-fiphuxbbca] { margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } .admin-campaign-page .campaign-product-picker-panel[b-fiphuxbbca] { left: 0 !important; right: 0 !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .admin-campaign-page .campaign-product-search[b-fiphuxbbca], .admin-campaign-page .campaign-product-search input[b-fiphuxbbca] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } } @media (max-width: 430px) { .admin-campaign-page[b-fiphuxbbca] { width: calc(100% - 16px) !important; max-width: calc(100vw - 16px) !important; } .admin-campaign-page .campaign-form-card[b-fiphuxbbca] { padding-left: 16px !important; padding-right: 16px !important; } } /* FLORA_V37D18_MOBILE_CAMPAIGN_FRAME_OVERFLOW_FIX_V1_2_END */ /* /Components/Pages/AdminKategoriler.razor.rz.scp.css */ /* FLORA_V37D822_CATEGORY_MODAL_STYLE */ .admin-category-page[b-sja1bwxmle] { width: min(100% - 32px, 1220px); margin: 0 auto; padding-bottom: 72px; } .category-hero[b-sja1bwxmle], .category-list-card > header[b-sja1bwxmle] { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .category-hero[b-sja1bwxmle] { padding: 24px; border: 1px solid #dce5de; border-radius: 16px; background: linear-gradient(135deg, #f7faf7 0%, #eef6f0 100%); } .category-hero span[b-sja1bwxmle], .category-list-card header span[b-sja1bwxmle], .flora-modal-head span[b-sja1bwxmle], .delete-copy > span[b-sja1bwxmle] { color: #063c29; font-size: 13px; font-weight: 900; letter-spacing: .11em; } .category-hero h1[b-sja1bwxmle] { margin: 5px 0; color: #263229; font-size: 29px; } .category-hero p[b-sja1bwxmle] { max-width: 680px; margin: 0; color: #707c73; font-size: 13px; line-height: 1.6; } .hero-add-button[b-sja1bwxmle], .refresh-button[b-sja1bwxmle] { padding: 10px 14px; border: 0; border-radius: 8px; background: #063c29; color: #fff; font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; } .hero-add-button:disabled[b-sja1bwxmle], .refresh-button:disabled[b-sja1bwxmle], .row-actions button:disabled[b-sja1bwxmle], .flora-modal-actions button:disabled[b-sja1bwxmle], .modal-close:disabled[b-sja1bwxmle] { opacity: .5; cursor: not-allowed; } .admin-message[b-sja1bwxmle] { width: min(100%, 620px); margin: 14px auto 0; padding: 12px 16px; border: 1px solid transparent; border-radius: 10px; text-align: center; font-size: 13px; font-weight: 800; } .admin-message.success[b-sja1bwxmle] { border-color: #cfe5d4; background: #eaf5ec; color: #063c29; } .admin-message.error[b-sja1bwxmle] { border-color: #f0cece; background: #fff0f0; color: #9a3434; } .category-list-card[b-sja1bwxmle] { margin-top: 16px; padding: 20px; border: 1px solid #dfe6e0; border-radius: 14px; background: #fff; } .category-list-card h2[b-sja1bwxmle] { margin: 5px 0 0; color: #263229; font-size: 19px; } .category-table[b-sja1bwxmle] { display: grid; gap: 7px; margin-top: 15px; } .category-row[b-sja1bwxmle] { display: grid; grid-template-columns: minmax(0, 1fr) 92px 82px 72px auto; align-items: center; gap: 10px; padding: 12px; border: 1px solid #edf1ed; border-radius: 9px; color: #667169; font-size: 13px; transition: border-color .16s ease, box-shadow .16s ease; } .category-row:hover[b-sja1bwxmle] { border-color: #d5e4d8; box-shadow: 0 5px 18px rgba(6,60,41,.06); } .category-main strong[b-sja1bwxmle], .category-main small[b-sja1bwxmle] { display: block; } .category-main strong[b-sja1bwxmle] { color: #263229; font-size: 13px; } .category-main small[b-sja1bwxmle] { margin-top: 3px; color: #909a92; } .product-count[b-sja1bwxmle], .sort-order[b-sja1bwxmle] { white-space: nowrap; } .status[b-sja1bwxmle] { padding: 5px 7px; border-radius: 999px; text-align: center; font-size: 13px; font-weight: 900; } .status.active[b-sja1bwxmle] { background: #e5f3e8; color: #063c29; } .status.passive[b-sja1bwxmle] { background: #f1f1f1; color: #7e8580; } .row-actions[b-sja1bwxmle] { display: flex; justify-content: flex-end; gap: 6px; } .row-actions button[b-sja1bwxmle] { padding: 8px 10px; border: 1px solid #dce3de; border-radius: 7px; background: #fff; color: #556158; font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; } .row-actions .edit-button:hover[b-sja1bwxmle] { border-color: #063c29; color: #063c29; } .row-actions button.danger[b-sja1bwxmle] { border-color: #efd7d7; color: #a33f3f; } .row-actions button.danger:hover[b-sja1bwxmle] { border-color: #cf7777; background: #fff4f4; } .list-state[b-sja1bwxmle] { padding: 42px 12px; color: #77827a; font-size: 13px; text-align: center; } .flora-admin-modal-backdrop[b-sja1bwxmle] { position: fixed; z-index: 25000; inset: 0; display: grid; place-items: center; padding: 22px; background: rgba(6,60,41,.58); backdrop-filter: blur(5px); } .flora-admin-modal[b-sja1bwxmle] { width: min(100%, 520px); max-height: min(88vh, 760px); overflow: auto; border: 1px solid #dce6de; border-radius: 18px; background: #fff; box-shadow: 0 28px 80px rgba(6,60,41,.28); } .flora-modal-head[b-sja1bwxmle] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px 22px 16px; border-bottom: 1px solid #edf1ed; } .flora-modal-head h2[b-sja1bwxmle], .delete-copy h2[b-sja1bwxmle] { margin: 5px 0 0; color: #263229; font-size: 21px; line-height: 1.25; } .modal-close[b-sja1bwxmle] { width: 36px; height: 36px; flex: 0 0 36px; border: 1px solid #e0e6e1; border-radius: 9px; background: #f8faf8; color: #617066; font-size: 22px; line-height: 1; cursor: pointer; } .flora-modal-body[b-sja1bwxmle] { display: grid; gap: 15px; padding: 22px; } .flora-modal-body label[b-sja1bwxmle] { display: grid; gap: 7px; } .flora-modal-body label > span[b-sja1bwxmle] { color: #556158; font-size: 13px; font-weight: 900; } .flora-modal-body input[type="text"][b-sja1bwxmle], .flora-modal-body input[type="number"][b-sja1bwxmle], .flora-modal-body input:not([type])[b-sja1bwxmle] { width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid #d9e2db; border-radius: 9px; outline: 0; background: #fff; color: #263229; font: inherit; font-size: 13px; } .flora-modal-body input:focus[b-sja1bwxmle] { border-color: #063c29; box-shadow: 0 0 0 3px rgba(6, 60, 41, .09); } .switch-line[b-sja1bwxmle] { display: flex !important; align-items: center; gap: 9px !important; padding: 12px; border: 1px solid #e6ece7; border-radius: 9px; background: #f8faf8; } .switch-line input[b-sja1bwxmle] { width: 17px; height: 17px; } .flora-modal-actions[b-sja1bwxmle] { display: flex; justify-content: flex-end; gap: 9px; padding: 16px 22px 22px; } .flora-modal-actions button[b-sja1bwxmle] { min-width: 104px; padding: 11px 15px; border-radius: 9px; font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; } .flora-modal-actions .secondary[b-sja1bwxmle] { border: 1px solid #dbe3dd; background: #fff; color: #58645b; } .flora-modal-actions .primary[b-sja1bwxmle] { border: 1px solid #063c29; background: #063c29; color: #fff; } .delete-modal[b-sja1bwxmle] { width: min(100%, 480px); padding-top: 24px; text-align: center; } .delete-icon[b-sja1bwxmle] { display: grid; place-items: center; width: 54px; height: 54px; margin: 0 auto 14px; border-radius: 50%; background: #fff0f0; color: #ac3e3e; font-size: 24px; font-weight: 950; } .delete-copy[b-sja1bwxmle] { padding: 0 24px; } .delete-copy p[b-sja1bwxmle] { margin: 12px 0 0; color: #67726a; font-size: 13px; line-height: 1.65; } .delete-note[b-sja1bwxmle] { margin-top: 15px; padding: 12px 14px; border: 1px solid #eed8c1; border-radius: 10px; background: #fff8ef; color: #765331; font-size: 13px; line-height: 1.6; } .flora-modal-actions .delete-confirm[b-sja1bwxmle] { border: 1px solid #a83c3c; background: #a83c3c; color: #fff; } @media (max-width: 900px) { .category-row[b-sja1bwxmle] { grid-template-columns: minmax(0, 1fr) 80px 75px; } .sort-order[b-sja1bwxmle] { display: none; } .row-actions[b-sja1bwxmle] { grid-column: 1 / -1; justify-content: flex-start; } } @media (max-width: 560px) { .admin-category-page[b-sja1bwxmle] { width: min(100% - 22px, 1220px); } .category-hero[b-sja1bwxmle] { align-items: flex-start; flex-direction: column; } .category-row[b-sja1bwxmle] { grid-template-columns: 1fr 1fr; } .category-main[b-sja1bwxmle] { grid-column: 1 / -1; } .row-actions[b-sja1bwxmle] { grid-column: 1 / -1; } .flora-admin-modal-backdrop[b-sja1bwxmle] { padding: 12px; } .flora-admin-modal[b-sja1bwxmle] { border-radius: 15px; } .flora-modal-head[b-sja1bwxmle], .flora-modal-body[b-sja1bwxmle] { padding-left: 17px; padding-right: 17px; } .flora-modal-actions[b-sja1bwxmle] { padding: 14px 17px 18px; } .flora-modal-actions button[b-sja1bwxmle] { flex: 1; min-width: 0; } } /* FLORA_V37D11_CATEGORY_IMAGE_ADMIN */ .category-row[b-sja1bwxmle] { grid-template-columns: 68px minmax(180px, 1fr) auto auto auto auto; } .category-image-cell[b-sja1bwxmle] { width: 56px; height: 56px; overflow: hidden; border: 1px solid #dce6de; border-radius: 10px; background: #f4f8f4; } .category-image-cell img[b-sja1bwxmle] { width: 100%; height: 100%; display: block; object-fit: cover; } .category-image-editor[b-sja1bwxmle] { display: grid; gap: 8px; } .category-image-editor > span[b-sja1bwxmle] { color: #455149; font-size: 13px; font-weight: 800; } .category-image-upload[b-sja1bwxmle] { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px; border: 1px dashed #bdd0c1; border-radius: 12px; background: #f8fbf8; } .category-image-upload > img[b-sja1bwxmle] { width: 108px; height: 82px; object-fit: cover; border-radius: 9px; border: 1px solid #dce6de; } .category-image-upload strong[b-sja1bwxmle], .category-image-upload small[b-sja1bwxmle] { display: block; } .category-image-upload strong[b-sja1bwxmle] { margin-bottom: 5px; font-size: 13px; } .category-image-upload small[b-sja1bwxmle] { margin-bottom: 9px; color: #718077; font-size: 13px; } .category-image-remove[b-sja1bwxmle] { margin-top: 8px; padding: 7px 10px; border: 1px solid #e7caca; border-radius: 8px; background: #fff; color: #a33737; font-size: 13px; font-weight: 900; } @media (max-width: 900px) { .category-row[b-sja1bwxmle] { grid-template-columns: 58px minmax(0, 1fr); } .category-image-upload[b-sja1bwxmle] { grid-template-columns: 1fr; } } /* ============================================================ FLORA_V37D18_ADMIN_CATEGORY_MODAL_UPLOAD_SWITCH_UI_V1 Kategori modalinda dosya sec tasarimi + aktif toggle iyilestirme ============================================================ */ .category-image-upload[b-sja1bwxmle] { grid-template-columns: 96px minmax(0, 1fr) !important; gap: 16px !important; align-items: center !important; padding: 14px !important; border: 1px dashed #bfd2c3 !important; border-radius: 14px !important; background: linear-gradient(135deg, #fbfdfb 0%, #f4faf5 100%) !important; box-sizing: border-box !important; } .category-image-upload > img[b-sja1bwxmle] { width: 96px !important; height: 96px !important; border-radius: 12px !important; border: 1px solid #dce6de !important; background: #ffffff !important; object-fit: cover !important; display: block !important; } .category-image-upload > div[b-sja1bwxmle] { display: grid !important; gap: 6px !important; min-width: 0 !important; } .category-image-upload strong[b-sja1bwxmle] { margin: 0 !important; color: #263229 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.4 !important; } .category-image-upload small[b-sja1bwxmle] { margin: 0 0 4px 0 !important; color: #718077 !important; font-size: 13px !important; line-height: 1.5 !important; } .category-image-upload input[type="file"][b-sja1bwxmle] { width: 100% !important; max-width: 210px !important; margin: 2px 0 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } .category-image-upload input[type="file"][b-sja1bwxmle]::file-selector-button { appearance: none !important; -webkit-appearance: none !important; margin: 0 !important; padding: 10px 14px !important; border: 1px solid #063c29 !important; border-radius: 10px !important; background: #063c29 !important; color: #ffffff !important; cursor: pointer !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; box-shadow: 0 8px 20px rgba(6, 60, 41, .14) !important; transition: background .18s ease, border-color .18s ease, transform .18s ease !important; } .category-image-upload input[type="file"][b-sja1bwxmle]::-webkit-file-upload-button { appearance: none !important; -webkit-appearance: none !important; margin: 0 !important; padding: 10px 14px !important; border: 1px solid #063c29 !important; border-radius: 10px !important; background: #063c29 !important; color: #ffffff !important; cursor: pointer !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; box-shadow: 0 8px 20px rgba(6, 60, 41, .14) !important; transition: background .18s ease, border-color .18s ease, transform .18s ease !important; } .category-image-upload input[type="file"]:hover[b-sja1bwxmle]::file-selector-button, .category-image-upload input[type="file"]:hover[b-sja1bwxmle]::-webkit-file-upload-button { background: #063c29 !important; border-color: #063c29 !important; } .category-image-upload input[type="file"]:active[b-sja1bwxmle]::file-selector-button, .category-image-upload input[type="file"]:active[b-sja1bwxmle]::-webkit-file-upload-button { transform: translateY(1px) !important; } .category-image-remove[b-sja1bwxmle] { margin-top: 4px !important; width: fit-content !important; padding: 8px 11px !important; border: 1px solid #e7caca !important; border-radius: 9px !important; background: #fff !important; color: #a33737 !important; font-size: 12px !important; font-weight: 900 !important; cursor: pointer !important; } .switch-line[b-sja1bwxmle] { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; min-height: 50px !important; padding: 12px 14px !important; border: 1px solid #d9e2db !important; border-radius: 10px !important; background: #ffffff !important; box-sizing: border-box !important; } .switch-line > span[b-sja1bwxmle] { color: #556158 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; } .switch-line input[type="checkbox"][b-sja1bwxmle] { appearance: none !important; -webkit-appearance: none !important; position: relative !important; width: 46px !important; height: 28px !important; flex: 0 0 46px !important; margin: 0 !important; border: 1px solid #cbd8ce !important; border-radius: 999px !important; background: #e8efea !important; cursor: pointer !important; outline: none !important; transition: background .18s ease, border-color .18s ease !important; } .switch-line input[type="checkbox"][b-sja1bwxmle]::before { content: "" !important; position: absolute !important; top: 3px !important; left: 3px !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: #ffffff !important; box-shadow: 0 2px 7px rgba(6,60,41,.18) !important; transition: transform .18s ease !important; } .switch-line input[type="checkbox"]:checked[b-sja1bwxmle] { background: #063c29 !important; border-color: #063c29 !important; } .switch-line input[type="checkbox"]:checked[b-sja1bwxmle]::before { transform: translateX(18px) !important; } .switch-line input[type="checkbox"]:focus[b-sja1bwxmle] { box-shadow: 0 0 0 3px rgba(6, 60, 41, .12) !important; } @media (max-width: 640px) { .category-image-upload[b-sja1bwxmle] { grid-template-columns: 1fr !important; align-items: flex-start !important; } .category-image-upload > img[b-sja1bwxmle] { width: 88px !important; height: 88px !important; } .category-image-upload input[type="file"][b-sja1bwxmle] { max-width: 100% !important; } } /* ============================================================ FLORA_V37D18_ADMIN_CATEGORY_FILE_PICKER_TOAST_UI_V2 1) Blazor InputFile native UI gizlenir. 2) Flora yesili GORSEL SEC butonu kullanilir. 3) Kategori success/error mesajlari urun kayit toast kartiyla ayni floating tasarim sistemine alinmistir. ============================================================ */ /* ---------- KATEGORI GORSEL SECICI ---------- */ .category-image-upload > div[b-sja1bwxmle] { min-width: 0 !important; } .category-file-picker[b-sja1bwxmle] { display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; min-width: 0 !important; margin-top: 3px !important; } /* InputFile Blazor child component oldugu icin ::deep gerekli. Böylece tarayicinin "Dosya Sec / Dosya secilmedi" UI'si kesin olarak ekrandan kaldirilir. */ [b-sja1bwxmle] .category-file-input, [b-sja1bwxmle] input.category-file-input[type="file"] { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 1px !important; min-height: 1px !important; max-width: 1px !important; max-height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; border: 0 !important; opacity: 0 !important; white-space: nowrap !important; pointer-events: none !important; } .category-file-button[b-sja1bwxmle] { min-height: 42px !important; padding: 0 15px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; border: 1px solid #063c29 !important; border-radius: 9px !important; background: #063c29 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .01em !important; cursor: pointer !important; user-select: none !important; box-shadow: 0 6px 16px rgba(6,60,41,.14) !important; transition: background-color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease !important; } .category-file-button:hover[b-sja1bwxmle] { background: #063c29 !important; border-color: #063c29 !important; box-shadow: 0 8px 20px rgba(6,60,41,.19) !important; } .category-file-button:active[b-sja1bwxmle] { transform: translateY(1px) !important; } .category-file-button > span[b-sja1bwxmle] { font-size: 18px !important; font-weight: 700 !important; line-height: 1 !important; } /* ---------- KATEGORI SAVE / ERROR TOAST ---------- */ .admin-category-page .admin-message[b-sja1bwxmle] { position: fixed !important; top: 82px !important; right: 24px !important; left: auto !important; width: min(420px, calc(100vw - 32px)) !important; min-height: 62px !important; margin: 0 !important; padding: 14px 44px 14px 52px !important; display: flex !important; align-items: center !important; border-radius: 14px !important; background: #ffffff !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.45 !important; text-align: left !important; box-shadow: 0 18px 44px rgba(6,60,41,.16), 0 3px 10px rgba(6,60,41,.08) !important; z-index: 26000 !important; overflow: hidden !important; box-sizing: border-box !important; } .admin-category-page .admin-message[b-sja1bwxmle]::before { position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; width: 28px !important; height: 28px !important; display: grid !important; place-items: center !important; border-radius: 50% !important; color: #fff !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; } .admin-category-page .admin-message[b-sja1bwxmle]::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 5px !important; height: 100% !important; } .admin-category-page .admin-message.success[b-sja1bwxmle] { border: 1px solid #b9d9c0 !important; color: #063c29 !important; } .admin-category-page .admin-message.success[b-sja1bwxmle]::before { content: "✓" !important; background: #063c29 !important; } .admin-category-page .admin-message.success[b-sja1bwxmle]::after { background: #063c29 !important; } .admin-category-page .admin-message.error[b-sja1bwxmle] { border: 1px solid #e7bcbc !important; color: #8f241d !important; } .admin-category-page .admin-message.error[b-sja1bwxmle]::before { content: "!" !important; background: #b42318 !important; } .admin-category-page .admin-message.error[b-sja1bwxmle]::after { background: #b42318 !important; } @media (max-width: 650px) { .category-file-button[b-sja1bwxmle] { width: 100% !important; } .admin-category-page .admin-message[b-sja1bwxmle] { top: 72px !important; right: 10px !important; left: 10px !important; width: auto !important; min-height: 58px !important; padding: 12px 38px 12px 48px !important; border-radius: 12px !important; font-size: 12px !important; } .admin-category-page .admin-message[b-sja1bwxmle]::before { left: 12px !important; width: 26px !important; height: 26px !important; font-size: 15px !important; } } /* ============================================================ FLORA_V37D18_ADMIN_CATEGORY_FILE_PICKER_CENTER_V1 Sadece GORSEL SEC butonunu alanin ortasina getirir. ============================================================ */ .category-file-picker[b-sja1bwxmle] { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin-top: 8px !important; } .category-file-button[b-sja1bwxmle] { width: auto !important; min-width: 150px !important; margin: 0 auto !important; } /* ============================================================ FLORA_V37D18_CATEGORY_FILE_PICKER_BUTTON_TEXT_CENTER_V2 Kutu yerlesimi eski halinde kalir. Sadece buton yazisi ortalanir, ikon/simge kaldirilir. ============================================================ */ .category-file-picker[b-sja1bwxmle] { display: block !important; width: auto !important; margin-top: 0 !important; text-align: left !important; } .category-file-button[b-sja1bwxmle] { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 0 !important; min-width: 160px !important; padding: 0 18px !important; } .category-file-button[b-sja1bwxmle]::before, .category-file-button svg[b-sja1bwxmle], .category-file-button i[b-sja1bwxmle], .category-file-button .icon[b-sja1bwxmle], .category-file-button .fa[b-sja1bwxmle], .category-file-button .bi[b-sja1bwxmle] { display: none !important; content: none !important; } .category-file-button span[b-sja1bwxmle], .category-file-button strong[b-sja1bwxmle], .category-file-button small[b-sja1bwxmle] { margin: 0 !important; text-align: center !important; } /* ============================================================ FLORA_V37D18_CATEGORY_FILE_BUTTON_TEXT_CENTER_FINAL_V3 Kutuya dokunmaz. Buton icindeki yazi yatayda ortalanir. Sol ve sag bosluk esitlenir. Plus / ikon tamamen kaldirilir. ============================================================ */ .category-file-button[b-sja1bwxmle] { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 0 !important; padding-left: 24px !important; padding-right: 24px !important; } .category-file-button[b-sja1bwxmle]::before, .category-file-button svg[b-sja1bwxmle], .category-file-button i[b-sja1bwxmle], .category-file-button .icon[b-sja1bwxmle], .category-file-button .fa[b-sja1bwxmle], .category-file-button .bi[b-sja1bwxmle] { display: none !important; content: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; } .category-file-button span[b-sja1bwxmle], .category-file-button strong[b-sja1bwxmle], .category-file-button small[b-sja1bwxmle] { display: inline-block !important; width: auto !important; margin: 0 auto !important; text-align: center !important; } /* ============================================================ FLORA_V37D18_CATEGORY_FILE_BUTTON_TEXT_CENTER_FINAL_V4 KUTUNUN BOYUTUNA / GENISLIGINE / PADDINGINE DOKUNMAZ. SADECE GORSEL SEC METNINI MEVCUT BUTONUN TAM ORTASINA ALIR. ============================================================ */ .category-file-button[b-sja1bwxmle] { justify-content: center !important; text-align: center !important; gap: 0 !important; } /* FLORA_V37D18_ADMIN_CATEGORY_HERO_PREMIUM_V1_START */ /* ============================================================ FLORA ADMIN KATEGORI YONETIMI - PREMIUM HERO ============================================================ */ .admin-category-page[b-sja1bwxmle] { padding-top: 18px !important; } .admin-category-page > .category-hero[b-sja1bwxmle] { position: relative !important; isolation: isolate !important; min-height: 188px !important; margin: 0 0 16px !important; padding: 30px 32px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; overflow: hidden !important; border: 0 !important; border-radius: 18px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 55%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 18px 42px rgba(6,60,41,.15) !important; } .admin-category-page > .category-hero[b-sja1bwxmle]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 300px !important; height: 300px !important; right: -88px !important; top: -158px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .admin-category-page > .category-hero[b-sja1bwxmle]::after { content: "" !important; position: absolute !important; z-index: -1 !important; width: 150px !important; height: 150px !important; right: 170px !important; bottom: -106px !important; border: 24px solid rgba(255,255,255,.035) !important; border-radius: 50% !important; } .admin-category-page > .category-hero > div[b-sja1bwxmle] { position: relative !important; z-index: 2 !important; min-width: 0 !important; } .admin-category-page > .category-hero span[b-sja1bwxmle] { display: inline-flex !important; align-items: center !important; min-height: 28px !important; margin: 0 0 10px !important; padding: 0 11px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; background: rgba(255,255,255,.09) !important; color: #dcefe2 !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .13em !important; } .admin-category-page > .category-hero h1[b-sja1bwxmle] { margin: 0 0 9px !important; color: #ffffff !important; font-size: clamp(30px, 3.7vw, 44px) !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: -.025em !important; } .admin-category-page > .category-hero p[b-sja1bwxmle] { max-width: 720px !important; margin: 0 !important; color: #dce9df !important; font-size: 13px !important; line-height: 1.7 !important; } .admin-category-page > .category-hero .hero-add-button[b-sja1bwxmle] { position: relative !important; z-index: 2 !important; min-width: 164px !important; min-height: 46px !important; padding: 0 17px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255,255,255,.25) !important; border-radius: 10px !important; background: rgba(255,255,255,.11) !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; white-space: nowrap !important; box-shadow: none !important; transition: transform .16s ease, background .16s ease !important; } .admin-category-page > .category-hero .hero-add-button:hover:not(:disabled)[b-sja1bwxmle] { transform: translateY(-1px) !important; background: rgba(255,255,255,.18) !important; } @media (max-width: 760px) { .admin-category-page[b-sja1bwxmle] { width: min(100% - 20px, 1220px) !important; padding-top: 10px !important; } .admin-category-page > .category-hero[b-sja1bwxmle] { min-height: 0 !important; padding: 24px 20px !important; flex-direction: column !important; align-items: flex-start !important; border-radius: 15px !important; } .admin-category-page > .category-hero h1[b-sja1bwxmle] { font-size: 31px !important; } .admin-category-page > .category-hero p[b-sja1bwxmle] { font-size: 12px !important; } .admin-category-page > .category-hero .hero-add-button[b-sja1bwxmle] { width: 100% !important; min-width: 0 !important; } } @media (max-width: 430px) { .admin-category-page > .category-hero[b-sja1bwxmle] { padding: 22px 17px !important; border-radius: 13px !important; } .admin-category-page > .category-hero h1[b-sja1bwxmle] { font-size: 28px !important; } } /* FLORA_V37D18_ADMIN_CATEGORY_HERO_PREMIUM_V1_END */ /* /Components/Pages/AdminMusteriler.razor.rz.scp.css */ .admin-suite-page[b-d1263rzvfr]{width:min(100% - 32px,1220px);margin:0 auto;padding:0 0 70px;color:#243027}.suite-head[b-d1263rzvfr]{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:12px 0 22px;padding:28px;border-radius:16px;background:linear-gradient(135deg,#063c29,#063c29);color:#fff}.suite-head span[b-d1263rzvfr]{font-size: 13px;font-weight:900;letter-spacing:.11em}.suite-head h1[b-d1263rzvfr]{margin:6px 0 6px;font-size:30px}.suite-head p[b-d1263rzvfr]{max-width:750px;margin:0;color:#d9e7dc;line-height:1.6}.suite-head>a[b-d1263rzvfr]{padding:10px 14px;border:1px solid rgba(255,255,255,.35);border-radius:8px;color:#fff;font-size: 13px;font-weight:900;text-decoration:none;white-space:nowrap}.suite-message[b-d1263rzvfr]{margin:0 0 15px;padding:12px 15px;border:1px solid #bdd7c2;border-radius:9px;background:#eff8f1;color:#063c29;font-size:13px}.suite-panel[b-d1263rzvfr]{margin:0 0 18px;padding:22px;border:1px solid #dfe7e1;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(6,60,41,.04)}.suite-panel h2[b-d1263rzvfr]{margin:0 0 14px;font-size:20px}.suite-panel h3[b-d1263rzvfr]{margin:0 0 12px;font-size:16px}.suite-panel p[b-d1263rzvfr]{color:#68746b}.form-grid[b-d1263rzvfr]{display:grid;gap:12px;margin-bottom:14px}.form-grid.two[b-d1263rzvfr]{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three[b-d1263rzvfr]{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.compact[b-d1263rzvfr]{margin:0}.span-2[b-d1263rzvfr]{grid-column:span 2}.suite-panel label[b-d1263rzvfr],.editor-form label[b-d1263rzvfr]{display:flex;flex-direction:column;gap:6px}.suite-panel label>span[b-d1263rzvfr],.editor-form label>span[b-d1263rzvfr]{color:#59655c;font-size: 13px;font-weight:800}.suite-panel input[b-d1263rzvfr],.suite-panel textarea[b-d1263rzvfr],.suite-panel select[b-d1263rzvfr],.editor-form input[b-d1263rzvfr],.editor-form textarea[b-d1263rzvfr],.editor-form select[b-d1263rzvfr],.search-box[b-d1263rzvfr]{width:100%;min-height:42px;padding:9px 11px;border:1px solid #d6dfd8;border-radius:8px;background:#fff;color:#263229;font:inherit;font-size:13px}.suite-panel textarea[b-d1263rzvfr],.editor-form textarea[b-d1263rzvfr]{min-height:86px;resize:vertical}.content-textarea[b-d1263rzvfr]{min-height:270px!important}.toggle-label[b-d1263rzvfr]{justify-content:flex-end}.toggle-label input[b-d1263rzvfr]{width:20px!important;min-height:20px!important}.primary[b-d1263rzvfr],.suite-panel button[b-d1263rzvfr],.editor-form button[b-d1263rzvfr],.row-actions button[b-d1263rzvfr],.report-actions a[b-d1263rzvfr]{min-height:38px;padding:0 13px;border:1px solid #ccd8ce;border-radius:8px;background:#fff;color:#334137;font-size: 13px;font-weight:900;cursor:pointer;text-decoration:none}.primary[b-d1263rzvfr]{border-color:#063c29!important;background:#063c29!important;color:#fff!important}.danger[b-d1263rzvfr]{border-color:#efcdcd!important;color:#a63e3e!important;background:#fff8f8!important}.button-row[b-d1263rzvfr]{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.panel-title-row[b-d1263rzvfr]{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.panel-title-row h2[b-d1263rzvfr],.panel-title-row p[b-d1263rzvfr]{margin:0}.panel-title-row select[b-d1263rzvfr],.panel-title-row input[b-d1263rzvfr]{max-width:340px}.content-editor[b-d1263rzvfr],.blog-admin-grid[b-d1263rzvfr]{display:grid;grid-template-columns:390px 1fr;gap:20px}.editor-form[b-d1263rzvfr]{padding:16px;border:1px solid #e1e7e2;border-radius:11px;background:#f8fbf8}.content-list[b-d1263rzvfr]{display:flex;flex-direction:column;gap:8px}.content-row[b-d1263rzvfr]{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid #e1e8e2;border-radius:10px}.content-row>img[b-d1263rzvfr]{width:74px;height:58px;object-fit:cover;border-radius:7px}.content-row>div:nth-child(1):not(.row-actions)[b-d1263rzvfr],.content-row>div:nth-child(2)[b-d1263rzvfr]{min-width:0}.content-row strong[b-d1263rzvfr],.content-row span[b-d1263rzvfr],.content-row small[b-d1263rzvfr]{display:block}.content-row span[b-d1263rzvfr]{margin-top:3px;color:#6b766e;font-size: 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-row small[b-d1263rzvfr]{margin-top:4px;color:#909991;font-size: 13px}.row-actions[b-d1263rzvfr]{display:flex;gap:5px}.security-note[b-d1263rzvfr]{padding:10px 12px;border-radius:8px;background:#fff8e8;color:#745d25!important;font-size: 13px}.status-line[b-d1263rzvfr]{display:flex;gap:8px 18px;align-items:center;margin:10px 0 16px;font-size: 13px}.status-line .ok[b-d1263rzvfr]{color:#063c29}.status-line .warn[b-d1263rzvfr]{color:#a06a16}.table-wrap[b-d1263rzvfr]{overflow:auto;margin-top:16px}.table-wrap table[b-d1263rzvfr]{width:100%;border-collapse:collapse;font-size: 13px}.table-wrap th[b-d1263rzvfr],.table-wrap td[b-d1263rzvfr]{padding:10px;border-bottom:1px solid #e7ece8;text-align:left;vertical-align:top;white-space:nowrap}.table-wrap th[b-d1263rzvfr]{background:#f6f9f6;color:#657068;font-size: 13px;letter-spacing:.04em}.table-wrap td button[b-d1263rzvfr]{margin:0 2px}.cell-sub[b-d1263rzvfr]{display:block;margin-top:3px;color:#939b95;font-size: 13px}.search-box[b-d1263rzvfr]{max-width:340px}.metric-grid[b-d1263rzvfr]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.metric-grid article[b-d1263rzvfr]{padding:16px;border:1px solid #e0e7e1;border-radius:10px;background:#f8fbf8}.metric-grid span[b-d1263rzvfr],.metric-grid strong[b-d1263rzvfr]{display:block}.metric-grid span[b-d1263rzvfr]{color:#718077;font-size: 13px}.metric-grid strong[b-d1263rzvfr]{margin-top:6px;font-size:19px}.report-actions[b-d1263rzvfr]{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.report-actions a[b-d1263rzvfr]{display:inline-flex;align-items:center}.empty[b-d1263rzvfr]{padding:30px;text-align:center;color:#7c877f;border:1px dashed #d4ded6;border-radius:10px}@media(max-width:900px){.form-grid.three[b-d1263rzvfr]{grid-template-columns:repeat(2,minmax(0,1fr))}.content-editor[b-d1263rzvfr],.blog-admin-grid[b-d1263rzvfr]{grid-template-columns:1fr}.metric-grid[b-d1263rzvfr]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.suite-head[b-d1263rzvfr]{align-items:flex-start;flex-direction:column}.form-grid.two[b-d1263rzvfr],.form-grid.three[b-d1263rzvfr]{grid-template-columns:1fr}.span-2[b-d1263rzvfr]{grid-column:auto}.content-row[b-d1263rzvfr]{grid-template-columns:58px 1fr}.content-row>img[b-d1263rzvfr]{width:58px;height:50px}.row-actions[b-d1263rzvfr]{grid-column:1/-1}.metric-grid[b-d1263rzvfr]{grid-template-columns:1fr 1fr}} .role-chip[b-d1263rzvfr] { min-height: 28px; padding: 5px 9px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d8e2da; border-radius: 999px; background: #f6f9f6; color: #536158; font-size: 13px; font-weight: 900; } .role-chip.admin[b-d1263rzvfr] { border-color: #b9d5c0; background: #eaf5ed; color: #063c29; } .role-chip.moderator[b-d1263rzvfr] { border-color: #c9d7ee; background: #f0f5fc; color: #315b92; } .role-action.grant[b-d1263rzvfr] { border-color: #b9d5c0 !important; background: #eef8f0 !important; color: #063c29 !important; } .role-action.revoke[b-d1263rzvfr] { border-color: #d6dce8 !important; background: #f7f8fb !important; color: #4f5e79 !important; } .role-action[b-d1263rzvfr] { min-height: 44px !important; } /* ============================================================ FLORA_V37D18_CUSTOMERS_HERO_TOAST_UI_FIX_V1 Admin Musteriler: - Ust alan Flora premium hero - Islem mesajlari bizim floating bildirim karti - Alt panelle hero arasinda duzenli bosluk ============================================================ */ .admin-suite-page[b-d1263rzvfr], .admin-suite-page *[b-d1263rzvfr], .admin-suite-page *[b-d1263rzvfr]::before, .admin-suite-page *[b-d1263rzvfr]::after { box-sizing: border-box !important; } /* ---------- UST HERO ---------- */ .admin-suite-page > .suite-head[b-d1263rzvfr] { min-height: 0 !important; height: auto !important; margin: 16px 0 22px !important; padding: 24px 26px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 16px !important; background: linear-gradient(135deg,#063c29 0%,#063c29 55%,#063c29 100%) !important; color: #ffffff !important; box-shadow: 0 14px 34px rgba(6,60,41,.16) !important; overflow: hidden !important; } .admin-suite-page > .suite-head > div[b-d1263rzvfr] { min-width: 0 !important; } .admin-suite-page > .suite-head span[b-d1263rzvfr] { display: block !important; margin: 0 0 5px !important; color: #bfe4c9 !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: .12em !important; } .admin-suite-page > .suite-head h1[b-d1263rzvfr] { margin: 0 0 7px !important; color: #ffffff !important; font-size: clamp(25px,2.5vw,32px) !important; font-weight: 900 !important; line-height: 1.12 !important; } .admin-suite-page > .suite-head p[b-d1263rzvfr] { max-width: 820px !important; margin: 0 !important; color: #dcece0 !important; font-size: 13px !important; line-height: 1.55 !important; } /* Hero altinda panel nefes alsin */ .admin-suite-page > .suite-panel[b-d1263rzvfr] { margin-top: 0 !important; } /* ---------- BIZIM BILDIRIM KARTI ---------- */ .admin-suite-page > .suite-message[b-d1263rzvfr] { position: fixed !important; top: 82px !important; right: 24px !important; left: auto !important; width: min(440px, calc(100vw - 32px)) !important; min-height: 64px !important; margin: 0 !important; padding: 14px 22px 14px 54px !important; display: flex !important; align-items: center !important; border: 1px solid #b9d9c0 !important; border-radius: 14px !important; background: #ffffff !important; color: #063c29 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.45 !important; text-align: left !important; box-shadow: 0 18px 44px rgba(6,60,41,.16), 0 3px 10px rgba(6,60,41,.08) !important; z-index: 26000 !important; overflow: hidden !important; } .admin-suite-page > .suite-message[b-d1263rzvfr]::before { content: "✓" !important; position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; width: 28px !important; height: 28px !important; display: grid !important; place-items: center !important; border-radius: 50% !important; background: #063c29 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; } .admin-suite-page > .suite-message[b-d1263rzvfr]::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 5px !important; height: 100% !important; background: #063c29 !important; } /* ---------- MOBILE ---------- */ @media (max-width: 650px) { .admin-suite-page > .suite-head[b-d1263rzvfr] { margin-top: 10px !important; padding: 20px 18px !important; border-radius: 14px !important; } .admin-suite-page > .suite-message[b-d1263rzvfr] { top: 72px !important; right: 10px !important; left: 10px !important; width: auto !important; min-height: 58px !important; padding: 12px 16px 12px 48px !important; border-radius: 12px !important; font-size: 12px !important; } .admin-suite-page > .suite-message[b-d1263rzvfr]::before { left: 12px !important; width: 26px !important; height: 26px !important; font-size: 15px !important; } } /* FLORA_V37D18_SEARCH_UI_ADMINMUSTERILER_MASTER_START */ /* FLORA_V37D18_SEARCH_UI_ADMIN_CUSTOMERS_V1_START */ .admin-suite-page input.search-box[b-d1263rzvfr] { padding-right: 46px !important; background-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%231d2a20%27 stroke-width=%271.8%27 stroke-linecap=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27M20 20L16.4 16.4%27/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 19px 19px !important; box-shadow: none !important; } .admin-suite-page input.search-box:focus[b-d1263rzvfr] { border-color: #063c29 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } /* FLORA_V37D18_SEARCH_UI_ADMIN_CUSTOMERS_V1_END */ /* FLORA_V37D18_SEARCH_UI_ADMINMUSTERILER_MASTER_END */ /* /Components/Pages/AdminRaporlar.razor.rz.scp.css */ .admin-suite-page[b-ey95sh6d4k]{width:min(100% - 32px,1220px);margin:0 auto;padding:0 0 70px;color:#243027}.suite-head[b-ey95sh6d4k]{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:12px 0 22px;padding:28px;border-radius:16px;background:linear-gradient(135deg,#063c29,#063c29);color:#fff}.suite-head span[b-ey95sh6d4k]{font-size: 13px;font-weight:900;letter-spacing:.11em}.suite-head h1[b-ey95sh6d4k]{margin:6px 0 6px;font-size:30px}.suite-head p[b-ey95sh6d4k]{max-width:750px;margin:0;color:#d9e7dc;line-height:1.6}.suite-head>a[b-ey95sh6d4k]{padding:10px 14px;border:1px solid rgba(255,255,255,.35);border-radius:8px;color:#fff;font-size: 13px;font-weight:900;text-decoration:none;white-space:nowrap}.suite-message[b-ey95sh6d4k]{margin:0 0 15px;padding:12px 15px;border:1px solid #bdd7c2;border-radius:9px;background:#eff8f1;color:#063c29;font-size:13px}.suite-panel[b-ey95sh6d4k]{margin:0 0 18px;padding:22px;border:1px solid #dfe7e1;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(6,60,41,.04)}.suite-panel h2[b-ey95sh6d4k]{margin:0 0 14px;font-size:20px}.suite-panel h3[b-ey95sh6d4k]{margin:0 0 12px;font-size:16px}.suite-panel p[b-ey95sh6d4k]{color:#68746b}.form-grid[b-ey95sh6d4k]{display:grid;gap:12px;margin-bottom:14px}.form-grid.two[b-ey95sh6d4k]{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three[b-ey95sh6d4k]{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.compact[b-ey95sh6d4k]{margin:0}.span-2[b-ey95sh6d4k]{grid-column:span 2}.suite-panel label[b-ey95sh6d4k],.editor-form label[b-ey95sh6d4k]{display:flex;flex-direction:column;gap:6px}.suite-panel label>span[b-ey95sh6d4k],.editor-form label>span[b-ey95sh6d4k]{color:#59655c;font-size: 13px;font-weight:800}.suite-panel input[b-ey95sh6d4k],.suite-panel textarea[b-ey95sh6d4k],.suite-panel select[b-ey95sh6d4k],.editor-form input[b-ey95sh6d4k],.editor-form textarea[b-ey95sh6d4k],.editor-form select[b-ey95sh6d4k],.search-box[b-ey95sh6d4k]{width:100%;min-height:42px;padding:9px 11px;border:1px solid #d6dfd8;border-radius:8px;background:#fff;color:#263229;font:inherit;font-size:13px}.suite-panel textarea[b-ey95sh6d4k],.editor-form textarea[b-ey95sh6d4k]{min-height:86px;resize:vertical}.content-textarea[b-ey95sh6d4k]{min-height:270px!important}.toggle-label[b-ey95sh6d4k]{justify-content:flex-end}.toggle-label input[b-ey95sh6d4k]{width:20px!important;min-height:20px!important}.primary[b-ey95sh6d4k],.suite-panel button[b-ey95sh6d4k],.editor-form button[b-ey95sh6d4k],.row-actions button[b-ey95sh6d4k],.report-actions a[b-ey95sh6d4k]{min-height:38px;padding:0 13px;border:1px solid #ccd8ce;border-radius:8px;background:#fff;color:#334137;font-size: 13px;font-weight:900;cursor:pointer;text-decoration:none}.primary[b-ey95sh6d4k]{border-color:#063c29!important;background:#063c29!important;color:#fff!important}.danger[b-ey95sh6d4k]{border-color:#efcdcd!important;color:#a63e3e!important;background:#fff8f8!important}.button-row[b-ey95sh6d4k]{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.panel-title-row[b-ey95sh6d4k]{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.panel-title-row h2[b-ey95sh6d4k],.panel-title-row p[b-ey95sh6d4k]{margin:0}.panel-title-row select[b-ey95sh6d4k],.panel-title-row input[b-ey95sh6d4k]{max-width:340px}.content-editor[b-ey95sh6d4k],.blog-admin-grid[b-ey95sh6d4k]{display:grid;grid-template-columns:390px 1fr;gap:20px}.editor-form[b-ey95sh6d4k]{padding:16px;border:1px solid #e1e7e2;border-radius:11px;background:#f8fbf8}.content-list[b-ey95sh6d4k]{display:flex;flex-direction:column;gap:8px}.content-row[b-ey95sh6d4k]{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid #e1e8e2;border-radius:10px}.content-row>img[b-ey95sh6d4k]{width:74px;height:58px;object-fit:cover;border-radius:7px}.content-row>div:nth-child(1):not(.row-actions)[b-ey95sh6d4k],.content-row>div:nth-child(2)[b-ey95sh6d4k]{min-width:0}.content-row strong[b-ey95sh6d4k],.content-row span[b-ey95sh6d4k],.content-row small[b-ey95sh6d4k]{display:block}.content-row span[b-ey95sh6d4k]{margin-top:3px;color:#6b766e;font-size: 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-row small[b-ey95sh6d4k]{margin-top:4px;color:#909991;font-size: 13px}.row-actions[b-ey95sh6d4k]{display:flex;gap:5px}.security-note[b-ey95sh6d4k]{padding:10px 12px;border-radius:8px;background:#fff8e8;color:#745d25!important;font-size: 13px}.status-line[b-ey95sh6d4k]{display:flex;gap:8px 18px;align-items:center;margin:10px 0 16px;font-size: 13px}.status-line .ok[b-ey95sh6d4k]{color:#063c29}.status-line .warn[b-ey95sh6d4k]{color:#a06a16}.table-wrap[b-ey95sh6d4k]{overflow:auto;margin-top:16px}.table-wrap table[b-ey95sh6d4k]{width:100%;border-collapse:collapse;font-size: 13px}.table-wrap th[b-ey95sh6d4k],.table-wrap td[b-ey95sh6d4k]{padding:10px;border-bottom:1px solid #e7ece8;text-align:left;vertical-align:top;white-space:nowrap}.table-wrap th[b-ey95sh6d4k]{background:#f6f9f6;color:#657068;font-size: 13px;letter-spacing:.04em}.table-wrap td button[b-ey95sh6d4k]{margin:0 2px}.cell-sub[b-ey95sh6d4k]{display:block;margin-top:3px;color:#939b95;font-size: 13px}.search-box[b-ey95sh6d4k]{max-width:340px}.metric-grid[b-ey95sh6d4k]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.metric-grid article[b-ey95sh6d4k]{padding:16px;border:1px solid #e0e7e1;border-radius:10px;background:#f8fbf8}.metric-grid span[b-ey95sh6d4k],.metric-grid strong[b-ey95sh6d4k]{display:block}.metric-grid span[b-ey95sh6d4k]{color:#718077;font-size: 13px}.metric-grid strong[b-ey95sh6d4k]{margin-top:6px;font-size:19px}.report-actions[b-ey95sh6d4k]{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.report-actions a[b-ey95sh6d4k]{display:inline-flex;align-items:center}.empty[b-ey95sh6d4k]{padding:30px;text-align:center;color:#7c877f;border:1px dashed #d4ded6;border-radius:10px}@media(max-width:900px){.form-grid.three[b-ey95sh6d4k]{grid-template-columns:repeat(2,minmax(0,1fr))}.content-editor[b-ey95sh6d4k],.blog-admin-grid[b-ey95sh6d4k]{grid-template-columns:1fr}.metric-grid[b-ey95sh6d4k]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.suite-head[b-ey95sh6d4k]{align-items:flex-start;flex-direction:column}.form-grid.two[b-ey95sh6d4k],.form-grid.three[b-ey95sh6d4k]{grid-template-columns:1fr}.span-2[b-ey95sh6d4k]{grid-column:auto}.content-row[b-ey95sh6d4k]{grid-template-columns:58px 1fr}.content-row>img[b-ey95sh6d4k]{width:58px;height:50px}.row-actions[b-ey95sh6d4k]{grid-column:1/-1}.metric-grid[b-ey95sh6d4k]{grid-template-columns:1fr 1fr}} /* ============================================================ FLORA_V37D18_ADMIN_REPORTS_HERO_FORM_LAYOUT_FIX_V1 - Ust hero Flora admin tasarimina zorlanir. - Ilk rapor panelinde tarih kutulari ve butonlar birbirinden ayrilir. - Butonlar ust uste binmez / tasmaz. - Metrik kartlari tarih alanindan nefes alir. ============================================================ */ .admin-suite-page[b-ey95sh6d4k], .admin-suite-page *[b-ey95sh6d4k], .admin-suite-page *[b-ey95sh6d4k]::before, .admin-suite-page *[b-ey95sh6d4k]::after { box-sizing: border-box !important; } /* ---------- UST HERO ---------- */ .admin-suite-page > .suite-head[b-ey95sh6d4k] { min-height: 0 !important; height: auto !important; margin: 16px 0 22px !important; padding: 24px 26px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 16px !important; background: linear-gradient(135deg,#063c29 0%,#063c29 55%,#063c29 100%) !important; color: #fff !important; box-shadow: 0 14px 34px rgba(6,60,41,.16) !important; overflow: hidden !important; } .admin-suite-page > .suite-head > div[b-ey95sh6d4k] { min-width: 0 !important; } .admin-suite-page > .suite-head span[b-ey95sh6d4k] { display: block !important; margin: 0 0 5px !important; color: #bfe4c9 !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: .12em !important; } .admin-suite-page > .suite-head h1[b-ey95sh6d4k] { margin: 0 0 7px !important; color: #fff !important; font-size: clamp(24px,2.5vw,31px) !important; font-weight: 900 !important; line-height: 1.12 !important; } .admin-suite-page > .suite-head p[b-ey95sh6d4k] { max-width: 780px !important; margin: 0 !important; color: #dcece0 !important; font-size: 13px !important; line-height: 1.55 !important; } /* ---------- ILK RAPOR FILTRE PANELI ---------- */ .admin-suite-page > .suite-panel:first-of-type[b-ey95sh6d4k] { padding: 22px !important; border: 1px solid #dce5de !important; border-radius: 15px !important; background: #fff !important; box-shadow: 0 8px 24px rgba(6,60,41,.05) !important; } /* Eski 3 kolon duzeni butonlari tarih kutularina sikistiriyordu. Tarihler yan yana, aksiyonlar ayri tam satir. */ .admin-suite-page > .suite-panel:first-of-type > .form-grid.three[b-ey95sh6d4k] { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; column-gap: 18px !important; row-gap: 14px !important; width: 100% !important; min-width: 0 !important; margin: 0 0 4px !important; } .admin-suite-page > .suite-panel:first-of-type > .form-grid.three > label[b-ey95sh6d4k] { width: 100% !important; min-width: 0 !important; margin: 0 !important; } .admin-suite-page > .suite-panel:first-of-type > .form-grid.three > label > span[b-ey95sh6d4k] { display: block !important; margin: 0 0 7px !important; color: #526057 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.3 !important; } .admin-suite-page > .suite-panel:first-of-type input[type="date"][b-ey95sh6d4k] { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 46px !important; margin: 0 !important; padding: 9px 12px !important; border: 1px solid #d5dfd7 !important; border-radius: 9px !important; background: #fff !important; color: #28352c !important; font-size: 13px !important; box-shadow: none !important; } /* ---------- RAPOR BUTONLARI ---------- */ .admin-suite-page > .suite-panel:first-of-type .report-actions[b-ey95sh6d4k] { grid-column: 1 / -1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; margin: 2px 0 0 !important; padding-top: 14px !important; border-top: 1px solid #edf1ee !important; } .admin-suite-page > .suite-panel:first-of-type .report-actions button[b-ey95sh6d4k], .admin-suite-page > .suite-panel:first-of-type .report-actions a[b-ey95sh6d4k] { flex: 0 0 auto !important; min-width: 128px !important; min-height: 44px !important; margin: 0 !important; padding: 0 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 9px !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; text-decoration: none !important; } .admin-suite-page > .suite-panel:first-of-type .report-actions .primary[b-ey95sh6d4k] { border: 1px solid #063c29 !important; background: #063c29 !important; color: #fff !important; box-shadow: 0 6px 16px rgba(6,60,41,.13) !important; } .admin-suite-page > .suite-panel:first-of-type .report-actions a[b-ey95sh6d4k] { border: 1px solid #cedbd1 !important; background: #fff !important; color: #334137 !important; } .admin-suite-page > .suite-panel:first-of-type .report-actions a:hover[b-ey95sh6d4k] { border-color: #9fbea7 !important; background: #f5faf6 !important; color: #063c29 !important; } /* ---------- OZET KARTLARI ---------- */ .admin-suite-page > .suite-panel:first-of-type > .metric-grid[b-ey95sh6d4k] { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 14px !important; width: 100% !important; min-width: 0 !important; margin: 24px 0 0 !important; } .admin-suite-page > .suite-panel:first-of-type > .metric-grid > article[b-ey95sh6d4k] { min-width: 0 !important; min-height: 92px !important; padding: 16px !important; border: 1px solid #dce5de !important; border-radius: 11px !important; background: #f8fbf8 !important; } /* ---------- RESPONSIVE ---------- */ @media (max-width: 900px) { .admin-suite-page > .suite-panel:first-of-type > .metric-grid[b-ey95sh6d4k] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } @media (max-width: 650px) { .admin-suite-page > .suite-head[b-ey95sh6d4k] { margin-top: 12px !important; padding: 20px 18px !important; border-radius: 14px !important; } .admin-suite-page > .suite-panel:first-of-type[b-ey95sh6d4k] { padding: 15px !important; } .admin-suite-page > .suite-panel:first-of-type > .form-grid.three[b-ey95sh6d4k] { grid-template-columns: minmax(0,1fr) !important; row-gap: 13px !important; } .admin-suite-page > .suite-panel:first-of-type .report-actions[b-ey95sh6d4k] { grid-column: auto !important; gap: 8px !important; } .admin-suite-page > .suite-panel:first-of-type .report-actions button[b-ey95sh6d4k], .admin-suite-page > .suite-panel:first-of-type .report-actions a[b-ey95sh6d4k] { flex: 1 1 100% !important; width: 100% !important; min-width: 0 !important; } .admin-suite-page > .suite-panel:first-of-type > .metric-grid[b-ey95sh6d4k] { grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; } } /* /Components/Pages/AdminSiparisler.razor.rz.scp.css */ .admin-page[b-gghs76deo4] { --green: #063c29; --dark-green: #063c29; --sidebar: #063c29; --border: #e1e6e2; --muted: #69706a; --danger: #c64040; min-height: 100vh; display: grid; grid-template-columns: 230px 1fr; background: #f5f7f5; font-family: var(--flora-font-family); color: #1b201c; } /* SIDEBAR */ .admin-sidebar[b-gghs76deo4] { min-height: 100vh; position: sticky; top: 0; padding: 22px 15px; display: flex; flex-direction: column; background: var(--sidebar); color: white; } .admin-brand[b-gghs76deo4] { padding: 0 10px 24px; display: flex; align-items: center; gap: 10px; color: white; text-decoration: none; } .brand-icon[b-gghs76deo4] { font-size: 30px; } .admin-brand > div:last-child[b-gghs76deo4] { display: flex; flex-direction: column; } .admin-brand strong[b-gghs76deo4] { font-size: 20px; } .admin-brand span[b-gghs76deo4] { margin-top: 3px; color: #9eb0a3; font-size: var(--flora-text-sm); } .admin-menu[b-gghs76deo4] { display: flex; flex-direction: column; gap: 4px; } .admin-menu a[b-gghs76deo4] { min-height: 43px; padding: 0 12px; display: flex; align-items: center; gap: 11px; border-radius: 5px; color: #bec9c1; font-size: var(--flora-text-base); text-decoration: none; } .admin-menu a > span[b-gghs76deo4] { width: 20px; font-size: 16px; text-align: center; } .admin-menu a:hover[b-gghs76deo4] { background: rgba(255,255,255,.06); color: white; } .admin-menu a.active[b-gghs76deo4] { background: #063c29; color: white; } .sidebar-bottom[b-gghs76deo4] { margin-top: auto; padding: 15px 10px 0; border-top: 1px solid rgba(255,255,255,.1); } .sidebar-bottom a[b-gghs76deo4] { color: #b8c6bb; font-size: var(--flora-text-md); text-decoration: none; } /* CONTENT */ .admin-content[b-gghs76deo4] { min-width: 0; padding: 30px; } /* HEADER */ .admin-header[b-gghs76deo4] { margin-bottom: 25px; display: flex; align-items: center; justify-content: space-between; gap: 25px; } .eyebrow[b-gghs76deo4] { display: block; margin-bottom: 6px; color: var(--green); font-size: var(--flora-label-text); font-weight: 800; letter-spacing: 1.3px; } .admin-header h1[b-gghs76deo4] { margin: 0 0 7px; font-size: var(--flora-h1); } .admin-header p[b-gghs76deo4] { margin: 0; color: var(--muted); font-size: var(--flora-text-base); } .admin-user[b-gghs76deo4] { padding: 8px 12px; display: flex; align-items: center; gap: 10px; border: 1px solid var(--border); border-radius: 6px; background: white; } .admin-avatar[b-gghs76deo4] { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: var(--green); color: white; font-size: var(--flora-text-base); font-weight: 700; } .admin-user > div:last-child[b-gghs76deo4] { display: flex; flex-direction: column; } .admin-user strong[b-gghs76deo4] { font-size: var(--flora-text-md); } .admin-user span[b-gghs76deo4] { margin-top: 2px; color: var(--muted); font-size: var(--flora-text-sm); } /* STATS */ .stats-grid[b-gghs76deo4] { margin-bottom: 20px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; } .stat-card[b-gghs76deo4] { min-height: 110px; padding: 17px; display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 7px; background: white; } .stat-card > span[b-gghs76deo4] { color: var(--muted); font-size: var(--flora-text-sm); } .stat-card > strong[b-gghs76deo4] { margin: 7px 0 5px; font-size: 24px; } .stat-card small[b-gghs76deo4] { margin-top: auto; color: #8a918b; font-size: var(--flora-text-xs); } .stat-card.revenue strong[b-gghs76deo4] { color: var(--green); font-size: 20px; } /* TOOLBAR */ .toolbar[b-gghs76deo4] { margin-bottom: 14px; padding: 12px; display: grid; grid-template-columns: 1fr 210px; gap: 10px; border: 1px solid var(--border); border-radius: 6px; background: white; } .search-box[b-gghs76deo4] { height: 42px; padding: 0 12px; display: flex; align-items: center; gap: 9px; border: 1px solid #d7dcd8; border-radius: 4px; } .search-box svg[b-gghs76deo4] { width: 18px; height: 18px; color: #777e78; } .search-box input[b-gghs76deo4] { flex: 1; border: 0; outline: 0; font-size: var(--flora-text-base); } .toolbar select[b-gghs76deo4] { padding: 0 10px; border: 1px solid #d7dcd8; border-radius: 4px; background: white; font-size: var(--flora-text-md); } /* TABLE */ .orders-table[b-gghs76deo4] { overflow: hidden; border: 1px solid var(--border); border-radius: 7px; background: white; } .table-head[b-gghs76deo4], .table-row[b-gghs76deo4] { display: grid; grid-template-columns: 1.25fr 1.4fr 1.2fr .8fr 1fr 80px; gap: 15px; align-items: center; } .table-head[b-gghs76deo4] { min-height: 46px; padding: 0 17px; background: #f7f9f7; border-bottom: 1px solid var(--border); color: #687069; font-size: var(--flora-text-sm); font-weight: 700; } .table-row[b-gghs76deo4] { min-height: 90px; padding: 14px 17px; border-bottom: 1px solid var(--border); } .order-cell[b-gghs76deo4], .customer-cell[b-gghs76deo4], .payment-cell[b-gghs76deo4] { min-width: 0; display: flex; flex-direction: column; } .order-cell strong[b-gghs76deo4] { color: var(--green); font-size: var(--flora-text-base); } .order-cell span[b-gghs76deo4], .customer-cell span[b-gghs76deo4], .payment-cell > span[b-gghs76deo4] { margin-top: 4px; color: var(--muted); font-size: var(--flora-text-sm); } .order-cell small[b-gghs76deo4] { margin-top: 4px; color: #8c938d; font-size: var(--flora-text-xs); } .customer-cell strong[b-gghs76deo4] { font-size: var(--flora-text-base); } .amount-cell strong[b-gghs76deo4] { font-size: var(--flora-text-base); } /* PAYMENT */ .payment-status[b-gghs76deo4] { width: fit-content; margin-top: 6px; padding: 4px 7px; border-radius: 4px; font-size: var(--flora-text-xs); } .payment-status.waiting[b-gghs76deo4] { background: #fff5e2; color: #926316; } .payment-status.success[b-gghs76deo4] { background: #edf7ef; color: var(--green); } .payment-status.cancelled[b-gghs76deo4] { background: #fff0f0; color: var(--danger); } /* STATUS */ .order-status[b-gghs76deo4] { display: inline-flex; width: fit-content; padding: 7px 10px; border-radius: 20px; background: #eef6ef; color: var(--green); font-size: var(--flora-text-sm); font-weight: 700; } .order-status.new[b-gghs76deo4] { background: #fff5e4; color: #906219; } .order-status.approved[b-gghs76deo4] { background: #edf5ff; color: #356e9d; } .order-status.preparing[b-gghs76deo4], .order-status.packed[b-gghs76deo4] { background: #f2effc; color: #7254a3; } .order-status.shipped[b-gghs76deo4] { background: #eaf5fb; color: #287699; } .order-status.delivered[b-gghs76deo4] { background: #eaf7ed; color: var(--green); } .order-status.cancelled[b-gghs76deo4] { background: #fff0f0; color: var(--danger); } /* MANAGE */ .manage-cell button[b-gghs76deo4] { width: 70px; height: 32px; border: 1px solid var(--green); border-radius: 4px; background: white; color: var(--green); font-size: var(--flora-button-text); font-weight: 700; cursor: pointer; } /* MANAGER */ .order-manager[b-gghs76deo4] { padding: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; border-bottom: 1px solid var(--border); background: #fafcfa; } .manager-section[b-gghs76deo4] { padding: 18px; border: 1px solid var(--border); border-radius: 6px; background: white; } .manager-section:first-child[b-gghs76deo4], .manager-section:nth-child(2)[b-gghs76deo4], .manager-section:last-child[b-gghs76deo4] { grid-column: 1 / -1; } .manager-section h3[b-gghs76deo4] { margin: 0 0 15px; font-size: var(--flora-h4); } /* PRODUCTS */ .manager-product[b-gghs76deo4] { min-height: 75px; padding: 9px 0; display: grid; grid-template-columns: 60px 1fr auto; gap: 11px; align-items: center; border-bottom: 1px solid #edf0ed; } .manager-product:last-child[b-gghs76deo4] { border-bottom: 0; } .manager-image[b-gghs76deo4] { width: 60px; height: 60px; padding: 5px; display: grid; place-items: center; border: 1px solid #e8ece8; border-radius: 5px; background: #f7f8f6; } .manager-image img[b-gghs76deo4] { width: 100%; height: 100%; object-fit: contain; } .manager-product > div:nth-child(2)[b-gghs76deo4] { display: flex; flex-direction: column; gap: 3px; } .manager-product strong[b-gghs76deo4] { font-size: var(--flora-text-md); } .manager-product span[b-gghs76deo4] { color: var(--muted); font-size: var(--flora-text-sm); } .manager-total[b-gghs76deo4] { color: var(--green); } /* STATUS TIMELINE */ .status-timeline[b-gghs76deo4] { display: grid; grid-template-columns: repeat(6, 1fr); gap: 7px; } .status-stage[b-gghs76deo4] { min-height: 70px; padding: 9px 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; border: 1px solid #dce1dd; border-radius: 5px; background: white; color: #788078; font-size: var(--flora-text-sm); cursor: pointer; } .status-stage > span[b-gghs76deo4] { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid #ccd2cd; border-radius: 50%; font-size: var(--flora-text-xs); } .status-stage.active[b-gghs76deo4] { border-color: var(--green); background: #f1f8f2; color: var(--green); font-weight: 700; } .status-stage.active > span[b-gghs76deo4] { border-color: var(--green); background: var(--green); color: white; } .status-stage.completed[b-gghs76deo4] { border-color: #b6d4bc; color: var(--green); } .status-stage.completed > span[b-gghs76deo4] { border-color: var(--green); background: var(--green); color: white; } .advance-button[b-gghs76deo4] { min-height: 40px; margin-top: 15px; padding: 0 17px; border: 0; border-radius: 4px; background: var(--green); color: white; font-size: var(--flora-button-text); font-weight: 700; cursor: pointer; } .completed-message[b-gghs76deo4], .cancelled-message[b-gghs76deo4] { margin-top: 15px; padding: 11px; border-radius: 4px; font-size: var(--flora-text-md); } .completed-message[b-gghs76deo4] { background: #edf8ef; color: var(--green); } .cancelled-message[b-gghs76deo4] { background: #fff0f0; color: var(--danger); } /* FORM */ .manager-form[b-gghs76deo4] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .manager-form > div[b-gghs76deo4] { display: flex; flex-direction: column; } .manager-form label[b-gghs76deo4] { margin-bottom: 6px; font-size: var(--flora-label-text); font-weight: 600; } .manager-form input[b-gghs76deo4], .admin-note[b-gghs76deo4] { border: 1px solid #d7dcd8; border-radius: 4px; outline: none; font-family: inherit; font-size: var(--flora-text-base); } .manager-form input[b-gghs76deo4] { height: 41px; padding: 0 11px; } .admin-note[b-gghs76deo4] { width: 100%; padding: 11px; resize: vertical; } .save-button[b-gghs76deo4], .save-note[b-gghs76deo4] { height: 36px; margin-top: 11px; padding: 0 14px; border: 1px solid var(--green); border-radius: 4px; background: white; color: var(--green); font-size: var(--flora-button-text); font-weight: 700; cursor: pointer; } /* DETAILS */ .manager-section.two-column[b-gghs76deo4] { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; } .detail-list[b-gghs76deo4] { display: flex; flex-direction: column; gap: 11px; } .detail-list > div[b-gghs76deo4] { display: flex; flex-direction: column; } .detail-list span[b-gghs76deo4] { margin-bottom: 3px; color: var(--muted); font-size: var(--flora-text-sm); } .detail-list strong[b-gghs76deo4] { font-size: var(--flora-text-md); } .address-box strong[b-gghs76deo4] { font-size: var(--flora-text-md); } .address-box p[b-gghs76deo4] { margin: 7px 0 0; color: var(--muted); font-size: var(--flora-text-md); line-height: 1.6; } /* BOTTOM */ .manager-bottom[b-gghs76deo4] { display: flex; justify-content: space-between; gap: 15px; } .cancel-button[b-gghs76deo4] { height: 36px; margin-top: 11px; padding: 0 14px; border: 1px solid #e2b7b7; border-radius: 4px; background: white; color: var(--danger); font-size: var(--flora-button-text); font-weight: 700; cursor: pointer; } /* EMPTY */ .empty-admin[b-gghs76deo4] { min-height: 380px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 7px; background: white; text-align: center; } .empty-admin > div[b-gghs76deo4] { font-size: 42px; } .empty-admin h2[b-gghs76deo4] { margin: 12px 0 8px; font-size: var(--flora-h2); } .empty-admin p[b-gghs76deo4] { max-width: 430px; margin: 0; color: var(--muted); font-size: var(--flora-text-base); } /* TABLET */ @media (max-width: 1150px) { .admin-page[b-gghs76deo4] { grid-template-columns: 190px 1fr; } .stats-grid[b-gghs76deo4] { grid-template-columns: repeat(3, 1fr); } .table-head[b-gghs76deo4], .table-row[b-gghs76deo4] { grid-template-columns: 1.2fr 1.3fr 1fr .8fr 1fr 70px; } } /* MOBILE */ @media (max-width: 800px) { .admin-page[b-gghs76deo4] { grid-template-columns: 1fr; } .admin-sidebar[b-gghs76deo4] { min-height: auto; position: static; } .admin-menu[b-gghs76deo4] { display: grid; grid-template-columns: repeat(2, 1fr); } .sidebar-bottom[b-gghs76deo4] { margin-top: 15px; } .admin-content[b-gghs76deo4] { padding: 18px 12px; } .stats-grid[b-gghs76deo4] { grid-template-columns: repeat(2, 1fr); } .toolbar[b-gghs76deo4] { grid-template-columns: 1fr; } .table-head[b-gghs76deo4] { display: none; } .table-row[b-gghs76deo4] { grid-template-columns: 1fr 1fr; gap: 17px; } .order-cell[b-gghs76deo4], .customer-cell[b-gghs76deo4] { grid-column: span 1; } .order-manager[b-gghs76deo4] { grid-template-columns: 1fr; } .manager-section[b-gghs76deo4], .manager-section:first-child[b-gghs76deo4], .manager-section:nth-child(2)[b-gghs76deo4], .manager-section:last-child[b-gghs76deo4] { grid-column: auto; } .status-timeline[b-gghs76deo4] { grid-template-columns: repeat(3, 1fr); } } /* SMALL MOBILE */ @media (max-width: 480px) { .admin-header[b-gghs76deo4] { align-items: flex-start; flex-direction: column; } .admin-header h1[b-gghs76deo4] { font-size: 29px; } .stats-grid[b-gghs76deo4] { grid-template-columns: 1fr 1fr; } .table-row[b-gghs76deo4] { grid-template-columns: 1fr; } .status-timeline[b-gghs76deo4] { grid-template-columns: repeat(2, 1fr); } .manager-form[b-gghs76deo4], .manager-section.two-column[b-gghs76deo4] { grid-template-columns: 1fr; } } /* FLORA_V37D11_ADMIN_SINGLE_NAV */ .admin-page[b-gghs76deo4] { width: min(100% - 32px, 1280px); min-height: auto; margin: 0 auto 70px; display: block; background: transparent; } .admin-page > .admin-content[b-gghs76deo4] { width: 100%; padding: 10px 0 30px; } .admin-page > .admin-sidebar[b-gghs76deo4] { display: none !important; } /* FLORA_V37D18_SEARCH_UI_ADMINSIPARISLER_MASTER_START */ /* FLORA_V37D18_SEARCH_UI_ADMIN_ORDERS_V1_START */ .admin-orders-page .toolbar .search-box[b-gghs76deo4], .toolbar .search-box[b-gghs76deo4] { position: relative !important; height: auto !important; min-height: 42px !important; padding: 0 !important; gap: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .admin-orders-page .toolbar .search-box svg[b-gghs76deo4], .toolbar .search-box svg[b-gghs76deo4] { position: absolute !important; top: 50% !important; right: 13px !important; left: auto !important; transform: translateY(-50%) !important; width: 19px !important; height: 19px !important; color: #344238 !important; pointer-events: none !important; z-index: 2 !important; } .admin-orders-page .toolbar .search-box input[type="search"][b-gghs76deo4], .toolbar .search-box input[type="search"][b-gghs76deo4] { width: 100% !important; min-height: 42px !important; padding: 0 46px 0 13px !important; border: 1px solid #d7dcd8 !important; border-radius: 8px !important; background: #ffffff !important; box-shadow: none !important; } .admin-orders-page .toolbar .search-box input[type="search"]:focus[b-gghs76deo4], .toolbar .search-box input[type="search"]:focus[b-gghs76deo4] { border-color: #063c29 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } /* FLORA_V37D18_SEARCH_UI_ADMIN_ORDERS_V1_END */ /* FLORA_V37D18_SEARCH_UI_ADMINSIPARISLER_MASTER_END */ /* FLORA_V37D18_ADMIN_ORDERS_TOP_PREMIUM_V1_START */ /* ============================================================ FLORA ADMIN - SIPARIS YONETIMI PREMIUM UST ALAN Sadece görsel katman. ============================================================ */ .admin-page[b-gghs76deo4] { background: linear-gradient( 180deg, #f7faf7 0, #f4f7f4 360px, #f5f7f5 100% ) !important; } .admin-content[b-gghs76deo4] { width: min(100%, 1340px) !important; margin: 0 auto !important; padding: 28px 30px 54px !important; } /* PREMIUM HERO */ .admin-content > .admin-header[b-gghs76deo4] { position: relative !important; isolation: isolate !important; min-height: 184px !important; margin: 0 0 18px !important; padding: 30px 32px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; overflow: hidden !important; border: 0 !important; border-radius: 18px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 54%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 18px 42px rgba(6,60,41,.15) !important; } .admin-content > .admin-header[b-gghs76deo4]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 300px !important; height: 300px !important; right: -88px !important; top: -158px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .admin-content > .admin-header[b-gghs76deo4]::after { content: "" !important; position: absolute !important; z-index: -1 !important; width: 150px !important; height: 150px !important; right: 160px !important; bottom: -105px !important; border: 24px solid rgba(255,255,255,.035) !important; border-radius: 50% !important; } .admin-content > .admin-header > div:first-child[b-gghs76deo4] { position: relative !important; z-index: 2 !important; min-width: 0 !important; } .admin-content > .admin-header .eyebrow[b-gghs76deo4] { display: inline-flex !important; align-items: center !important; min-height: 28px !important; margin: 0 0 10px !important; padding: 0 11px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; background: rgba(255,255,255,.09) !important; color: #dcefe2 !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .13em !important; } .admin-content > .admin-header h1[b-gghs76deo4] { margin: 0 0 8px !important; color: #ffffff !important; font-size: clamp(30px, 3.6vw, 44px) !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: -.025em !important; } .admin-content > .admin-header p[b-gghs76deo4] { max-width: 690px !important; margin: 0 !important; color: #dce9df !important; font-size: 13px !important; line-height: 1.7 !important; } /* ADMIN USER CARD HERO ICINDE */ .admin-content > .admin-header .admin-user[b-gghs76deo4] { position: relative !important; z-index: 2 !important; min-width: 156px !important; padding: 10px 13px !important; border: 1px solid rgba(255,255,255,.20) !important; border-radius: 13px !important; background: rgba(255,255,255,.10) !important; backdrop-filter: blur(10px) !important; color: #ffffff !important; box-shadow: none !important; } .admin-content > .admin-header .admin-avatar[b-gghs76deo4] { width: 38px !important; height: 38px !important; background: #ffffff !important; color: #063c29 !important; box-shadow: 0 5px 16px rgba(0,0,0,.10) !important; } .admin-content > .admin-header .admin-user strong[b-gghs76deo4] { color: #ffffff !important; font-size: 12px !important; } .admin-content > .admin-header .admin-user span[b-gghs76deo4] { color: #dce9df !important; font-size: 11px !important; } /* METRIC CARDS */ .admin-content > .stats-grid[b-gghs76deo4] { margin: 0 0 16px !important; grid-template-columns: repeat(5, minmax(0,1fr)) !important; gap: 12px !important; } .admin-content > .stats-grid .stat-card[b-gghs76deo4] { position: relative !important; min-width: 0 !important; min-height: 122px !important; padding: 18px !important; overflow: hidden !important; border: 1px solid #dfe7e1 !important; border-radius: 14px !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 8px 24px rgba(6,60,41,.055) !important; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease !important; } .admin-content > .stats-grid .stat-card:hover[b-gghs76deo4] { transform: translateY(-2px) !important; border-color: #c9dccd !important; box-shadow: 0 13px 30px rgba(6,60,41,.085) !important; } .admin-content > .stats-grid .stat-card[b-gghs76deo4]::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 4px !important; background: linear-gradient( 90deg, #063c29, #063c29 ) !important; } .admin-content > .stats-grid .stat-card > span[b-gghs76deo4] { color: #66736a !important; font-size: 11px !important; font-weight: 700 !important; } .admin-content > .stats-grid .stat-card > strong[b-gghs76deo4] { margin: 9px 0 5px !important; color: #063c29 !important; font-size: 26px !important; font-weight: 900 !important; line-height: 1 !important; } .admin-content > .stats-grid .stat-card small[b-gghs76deo4] { color: #879188 !important; font-size: 10px !important; font-weight: 600 !important; } .admin-content > .stats-grid .stat-card.revenue[b-gghs76deo4] { background: linear-gradient( 145deg, #f8fcf8, #eff8f1 ) !important; border-color: #cfe2d3 !important; } .admin-content > .stats-grid .stat-card.revenue > strong[b-gghs76deo4] { color: #063c29 !important; font-size: 22px !important; } /* SEARCH + FILTER BAR */ .admin-content > .toolbar[b-gghs76deo4] { margin: 0 0 18px !important; padding: 10px !important; grid-template-columns: minmax(0,1fr) 220px !important; gap: 10px !important; border: 1px solid #dfe7e1 !important; border-radius: 13px !important; background: rgba(255,255,255,.98) !important; box-shadow: 0 8px 24px rgba(6,60,41,.045) !important; } .admin-content > .toolbar .search-box[b-gghs76deo4] { min-width: 0 !important; } .admin-content > .toolbar select[b-gghs76deo4] { min-height: 42px !important; border: 1px solid #d7dcd8 !important; border-radius: 9px !important; background-color: #ffffff !important; color: #253229 !important; font-size: 12px !important; font-weight: 700 !important; outline: none !important; } .admin-content > .toolbar select:focus[b-gghs76deo4] { border-color: #78a685 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } /* RESPONSIVE */ @media (max-width: 1080px) { .admin-content > .stats-grid[b-gghs76deo4] { grid-template-columns: repeat(3, minmax(0,1fr)) !important; } } @media (max-width: 760px) { .admin-content[b-gghs76deo4] { padding: 18px 12px 44px !important; } .admin-content > .admin-header[b-gghs76deo4] { min-height: 0 !important; padding: 24px 20px !important; flex-direction: column !important; align-items: flex-start !important; border-radius: 15px !important; } .admin-content > .admin-header h1[b-gghs76deo4] { font-size: 31px !important; } .admin-content > .admin-header p[b-gghs76deo4] { font-size: 12px !important; } .admin-content > .admin-header .admin-user[b-gghs76deo4] { width: 100% !important; min-width: 0 !important; } .admin-content > .stats-grid[b-gghs76deo4] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; } .admin-content > .stats-grid .stat-card[b-gghs76deo4] { min-height: 112px !important; padding: 15px !important; } .admin-content > .toolbar[b-gghs76deo4] { grid-template-columns: 1fr !important; } .admin-content > .toolbar select[b-gghs76deo4] { width: 100% !important; } } @media (max-width: 420px) { .admin-content > .admin-header[b-gghs76deo4] { padding: 22px 17px !important; border-radius: 13px !important; } .admin-content > .admin-header h1[b-gghs76deo4] { font-size: 28px !important; } .admin-content > .stats-grid[b-gghs76deo4] { grid-template-columns: 1fr 1fr !important; } .admin-content > .stats-grid .stat-card[b-gghs76deo4] { min-height: 108px !important; padding: 14px !important; } .admin-content > .stats-grid .stat-card > strong[b-gghs76deo4] { font-size: 23px !important; } .admin-content > .stats-grid .stat-card.revenue[b-gghs76deo4] { grid-column: 1 / -1 !important; } } /* FLORA_V37D18_ADMIN_ORDERS_TOP_PREMIUM_V1_END */ /* FLORA_V37D18_MOBILE_ORDERS_FRAME_OVERFLOW_FIX_V1_2_START */ /* ============================================================ SIPARISLER MOBIL ROOT-CAUSE FIX width:100% + padding content-box tasmasini kapatir. ============================================================ */ @media (max-width: 800px) { .admin-page[b-gghs76deo4] { width: calc(100% - 20px) !important; max-width: calc(100vw - 20px) !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; overflow-x: clip !important; box-sizing: border-box !important; } .admin-page > .admin-content[b-gghs76deo4] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; overflow-x: clip !important; box-sizing: border-box !important; } .admin-page > .admin-content > .admin-header[b-gghs76deo4], .admin-page > .admin-content > .stats-grid[b-gghs76deo4], .admin-page > .admin-content > .toolbar[b-gghs76deo4], .admin-page > .admin-content > .empty-admin[b-gghs76deo4], .admin-page > .admin-content > .orders-table[b-gghs76deo4], .admin-page > .admin-content > .orders-list[b-gghs76deo4] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } .admin-page .stats-grid[b-gghs76deo4] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .admin-page .stats-grid > *[b-gghs76deo4], .admin-page .toolbar > *[b-gghs76deo4], .admin-page .table-row > *[b-gghs76deo4], .admin-page .order-manager > *[b-gghs76deo4] { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } .admin-page .toolbar[b-gghs76deo4] { grid-template-columns: minmax(0, 1fr) !important; } .admin-page .toolbar .search-box[b-gghs76deo4], .admin-page .toolbar .search-box input[type="search"][b-gghs76deo4], .admin-page .toolbar select[b-gghs76deo4] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .admin-page .admin-header[b-gghs76deo4], .admin-page .admin-header > *[b-gghs76deo4], .admin-page .stat-card[b-gghs76deo4] { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } } @media (max-width: 480px) { .admin-page[b-gghs76deo4] { width: calc(100% - 16px) !important; max-width: calc(100vw - 16px) !important; } } /* FLORA_V37D18_MOBILE_ORDERS_FRAME_OVERFLOW_FIX_V1_2_END */ /* FLORA_V38_ADMIN_FULFILLMENT */ .flora-v38-admin-fulfillment[b-gghs76deo4]{display:block;margin-top:9px;padding:8px 10px;border:1px solid #dbe8df;border-radius:8px;background:#f6faf7;color:#063c29;font-size:11px;font-weight:750;line-height:1.5} /* /Components/Pages/AdminSiteYonetimi.razor.rz.scp.css */ .admin-suite-page[b-ga3qqprzgk]{width:min(100% - 32px,1220px);margin:0 auto;padding:0 0 70px;color:#243027}.suite-head[b-ga3qqprzgk]{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:12px 0 22px;padding:28px;border-radius:16px;background:linear-gradient(135deg,#063c29,#063c29);color:#fff}.suite-head span[b-ga3qqprzgk]{font-size: 13px;font-weight:900;letter-spacing:.11em}.suite-head h1[b-ga3qqprzgk]{margin:6px 0 6px;font-size:30px}.suite-head p[b-ga3qqprzgk]{max-width:750px;margin:0;color:#d9e7dc;line-height:1.6}.suite-head>a[b-ga3qqprzgk]{padding:10px 14px;border:1px solid rgba(255,255,255,.35);border-radius:8px;color:#fff;font-size: 13px;font-weight:900;text-decoration:none;white-space:nowrap}.suite-message[b-ga3qqprzgk]{margin:0 0 15px;padding:12px 15px;border:1px solid #bdd7c2;border-radius:9px;background:#eff8f1;color:#063c29;font-size:13px}.suite-panel[b-ga3qqprzgk]{margin:0 0 18px;padding:22px;border:1px solid #dfe7e1;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(6,60,41,.04)}.suite-panel h2[b-ga3qqprzgk]{margin:0 0 14px;font-size:20px}.suite-panel h3[b-ga3qqprzgk]{margin:0 0 12px;font-size:16px}.suite-panel p[b-ga3qqprzgk]{color:#68746b}.form-grid[b-ga3qqprzgk]{display:grid;gap:12px;margin-bottom:14px}.form-grid.two[b-ga3qqprzgk]{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three[b-ga3qqprzgk]{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.compact[b-ga3qqprzgk]{margin:0}.span-2[b-ga3qqprzgk]{grid-column:span 2}.suite-panel label[b-ga3qqprzgk],.editor-form label[b-ga3qqprzgk]{display:flex;flex-direction:column;gap:6px}.suite-panel label>span[b-ga3qqprzgk],.editor-form label>span[b-ga3qqprzgk]{color:#59655c;font-size: 13px;font-weight:800}.suite-panel input[b-ga3qqprzgk],.suite-panel textarea[b-ga3qqprzgk],.suite-panel select[b-ga3qqprzgk],.editor-form input[b-ga3qqprzgk],.editor-form textarea[b-ga3qqprzgk],.editor-form select[b-ga3qqprzgk],.search-box[b-ga3qqprzgk]{width:100%;min-height:42px;padding:9px 11px;border:1px solid #d6dfd8;border-radius:8px;background:#fff;color:#263229;font:inherit;font-size:13px}.suite-panel textarea[b-ga3qqprzgk],.editor-form textarea[b-ga3qqprzgk]{min-height:86px;resize:vertical}.content-textarea[b-ga3qqprzgk]{min-height:270px!important}.toggle-label[b-ga3qqprzgk]{justify-content:flex-end}.toggle-label input[b-ga3qqprzgk]{width:20px!important;min-height:20px!important}.primary[b-ga3qqprzgk],.suite-panel button[b-ga3qqprzgk],.editor-form button[b-ga3qqprzgk],.row-actions button[b-ga3qqprzgk],.report-actions a[b-ga3qqprzgk]{min-height:38px;padding:0 13px;border:1px solid #ccd8ce;border-radius:8px;background:#fff;color:#334137;font-size: 13px;font-weight:900;cursor:pointer;text-decoration:none}.primary[b-ga3qqprzgk]{border-color:#063c29!important;background:#063c29!important;color:#fff!important}.danger[b-ga3qqprzgk]{border-color:#efcdcd!important;color:#a63e3e!important;background:#fff8f8!important}.button-row[b-ga3qqprzgk]{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.panel-title-row[b-ga3qqprzgk]{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.panel-title-row h2[b-ga3qqprzgk],.panel-title-row p[b-ga3qqprzgk]{margin:0}.panel-title-row select[b-ga3qqprzgk],.panel-title-row input[b-ga3qqprzgk]{max-width:340px}.content-editor[b-ga3qqprzgk],.blog-admin-grid[b-ga3qqprzgk]{display:grid;grid-template-columns:390px 1fr;gap:20px}.editor-form[b-ga3qqprzgk]{padding:16px;border:1px solid #e1e7e2;border-radius:11px;background:#f8fbf8}.content-list[b-ga3qqprzgk]{display:flex;flex-direction:column;gap:8px}.content-row[b-ga3qqprzgk]{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid #e1e8e2;border-radius:10px}.content-row>img[b-ga3qqprzgk]{width:74px;height:58px;object-fit:cover;border-radius:7px}.content-row>div:nth-child(1):not(.row-actions)[b-ga3qqprzgk],.content-row>div:nth-child(2)[b-ga3qqprzgk]{min-width:0}.content-row strong[b-ga3qqprzgk],.content-row span[b-ga3qqprzgk],.content-row small[b-ga3qqprzgk]{display:block}.content-row span[b-ga3qqprzgk]{margin-top:3px;color:#6b766e;font-size: 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-row small[b-ga3qqprzgk]{margin-top:4px;color:#909991;font-size: 13px}.row-actions[b-ga3qqprzgk]{display:flex;gap:5px}.security-note[b-ga3qqprzgk]{padding:10px 12px;border-radius:8px;background:#fff8e8;color:#745d25!important;font-size: 13px}.status-line[b-ga3qqprzgk]{display:flex;gap:8px 18px;align-items:center;margin:10px 0 16px;font-size: 13px}.status-line .ok[b-ga3qqprzgk]{color:#063c29}.status-line .warn[b-ga3qqprzgk]{color:#a06a16}.table-wrap[b-ga3qqprzgk]{overflow:auto;margin-top:16px}.table-wrap table[b-ga3qqprzgk]{width:100%;border-collapse:collapse;font-size: 13px}.table-wrap th[b-ga3qqprzgk],.table-wrap td[b-ga3qqprzgk]{padding:10px;border-bottom:1px solid #e7ece8;text-align:left;vertical-align:top;white-space:nowrap}.table-wrap th[b-ga3qqprzgk]{background:#f6f9f6;color:#657068;font-size: 13px;letter-spacing:.04em}.table-wrap td button[b-ga3qqprzgk]{margin:0 2px}.cell-sub[b-ga3qqprzgk]{display:block;margin-top:3px;color:#939b95;font-size: 13px}.search-box[b-ga3qqprzgk]{max-width:340px}.metric-grid[b-ga3qqprzgk]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.metric-grid article[b-ga3qqprzgk]{padding:16px;border:1px solid #e0e7e1;border-radius:10px;background:#f8fbf8}.metric-grid span[b-ga3qqprzgk],.metric-grid strong[b-ga3qqprzgk]{display:block}.metric-grid span[b-ga3qqprzgk]{color:#718077;font-size: 13px}.metric-grid strong[b-ga3qqprzgk]{margin-top:6px;font-size:19px}.report-actions[b-ga3qqprzgk]{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.report-actions a[b-ga3qqprzgk]{display:inline-flex;align-items:center}.empty[b-ga3qqprzgk]{padding:30px;text-align:center;color:#7c877f;border:1px dashed #d4ded6;border-radius:10px}@media(max-width:900px){.form-grid.three[b-ga3qqprzgk]{grid-template-columns:repeat(2,minmax(0,1fr))}.content-editor[b-ga3qqprzgk],.blog-admin-grid[b-ga3qqprzgk]{grid-template-columns:1fr}.metric-grid[b-ga3qqprzgk]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.suite-head[b-ga3qqprzgk]{align-items:flex-start;flex-direction:column}.form-grid.two[b-ga3qqprzgk],.form-grid.three[b-ga3qqprzgk]{grid-template-columns:1fr}.span-2[b-ga3qqprzgk]{grid-column:auto}.content-row[b-ga3qqprzgk]{grid-template-columns:58px 1fr}.content-row>img[b-ga3qqprzgk]{width:58px;height:50px}.row-actions[b-ga3qqprzgk]{grid-column:1/-1}.metric-grid[b-ga3qqprzgk]{grid-template-columns:1fr 1fr}} .image-admin-field[b-ga3qqprzgk]{display:flex;flex-direction:column;gap:7px} .image-admin-label[b-ga3qqprzgk]{color:#59655c;font-size: 13px;font-weight:800} .image-upload-card[b-ga3qqprzgk]{display:grid;grid-template-columns:110px minmax(0,1fr);gap:13px;align-items:center;padding:12px;border:1px dashed #bfcfc2;border-radius:11px;background:#f8fbf8} .image-upload-card.compact[b-ga3qqprzgk]{grid-template-columns:78px minmax(0,1fr)} .image-upload-card img[b-ga3qqprzgk]{width:110px;height:84px;border-radius:9px;object-fit:cover;background:#eef4ef;border:1px solid #dfe8e1} .image-upload-card.compact img[b-ga3qqprzgk]{width:78px;height:64px;object-fit:contain} .image-upload-card strong[b-ga3qqprzgk],.image-upload-card small[b-ga3qqprzgk]{display:block} .image-upload-card strong[b-ga3qqprzgk]{color:#253329;font-size: 13px} .image-upload-card small[b-ga3qqprzgk]{margin:4px 0 8px;color:#78827b;font-size: 13px;line-height:1.45} .image-upload-card input[type=file][b-ga3qqprzgk]{min-height:auto!important;padding:7px!important;background:#fff} .ghost-danger[b-ga3qqprzgk]{margin-top:8px!important;color:#9c3737!important;border-color:#efd1d1!important;background:#fff7f7!important} @media(max-width:620px){.image-upload-card[b-ga3qqprzgk],.image-upload-card.compact[b-ga3qqprzgk]{grid-template-columns:1fr}.image-upload-card img[b-ga3qqprzgk],.image-upload-card.compact img[b-ga3qqprzgk]{width:100%;height:160px}} /* ============================================================ FLORA_V37D18_SITE_CONTENT_CONTACT_UI_FIX_V1 Site Icerigi / Iletisim Yonetimi - Premium Flora hero - Beyaz bolum kartlari - Duzenli iki kolon form grid - Tasmasiz input/textarea - Responsive mobil duzen ============================================================ */ .admin-suite-page[b-ga3qqprzgk], .admin-suite-page *[b-ga3qqprzgk], .admin-suite-page *[b-ga3qqprzgk]::before, .admin-suite-page *[b-ga3qqprzgk]::after { box-sizing: border-box !important; } .admin-suite-page[b-ga3qqprzgk] { width: min(100% - 32px, 1220px) !important; margin: 0 auto !important; padding: 0 0 72px !important; color: #263229 !important; } /* ---------- UST HERO ---------- */ .admin-suite-page > .suite-head[b-ga3qqprzgk] { min-height: 0 !important; height: auto !important; margin: 16px 0 22px !important; padding: 24px 26px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 16px !important; background: linear-gradient(135deg,#063c29 0%,#063c29 55%,#063c29 100%) !important; color: #fff !important; box-shadow: 0 14px 34px rgba(6,60,41,.16) !important; overflow: hidden !important; } .admin-suite-page > .suite-head > div[b-ga3qqprzgk] { min-width: 0 !important; } .admin-suite-page > .suite-head span[b-ga3qqprzgk] { display: block !important; margin: 0 0 5px !important; color: #bfe4c9 !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: .12em !important; } .admin-suite-page > .suite-head h1[b-ga3qqprzgk] { margin: 0 0 7px !important; color: #fff !important; font-size: clamp(25px,2.5vw,32px) !important; font-weight: 900 !important; line-height: 1.12 !important; } .admin-suite-page > .suite-head p[b-ga3qqprzgk] { max-width: 780px !important; margin: 0 !important; color: #dcece0 !important; font-size: 13px !important; line-height: 1.55 !important; } .admin-suite-page > .suite-head > a[b-ga3qqprzgk] { flex: 0 0 auto !important; min-height: 42px !important; padding: 0 15px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255,255,255,.35) !important; border-radius: 9px !important; background: rgba(255,255,255,.08) !important; color: #fff !important; font-size: 11px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } /* ---------- BILDIRIM ---------- */ .admin-suite-page > .suite-message[b-ga3qqprzgk] { margin: 0 0 18px !important; padding: 13px 15px !important; border: 1px solid #bdd7c2 !important; border-radius: 10px !important; background: #eff8f1 !important; color: #063c29 !important; font-size: 13px !important; font-weight: 700 !important; } /* ---------- ANA BOLUM KARTLARI ---------- */ .admin-suite-page > .suite-panel[b-ga3qqprzgk] { width: 100% !important; min-width: 0 !important; margin: 0 0 20px !important; padding: 22px !important; border: 1px solid #dce5de !important; border-radius: 15px !important; background: #fff !important; box-shadow: 0 8px 24px rgba(6,60,41,.05) !important; } .admin-suite-page > .suite-panel > h2[b-ga3qqprzgk], .admin-suite-page > .suite-panel .panel-title-row h2[b-ga3qqprzgk] { margin: 0 !important; color: #243027 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.25 !important; } .admin-suite-page > .suite-panel > h2[b-ga3qqprzgk] { margin-bottom: 18px !important; padding-bottom: 12px !important; border-bottom: 1px solid #e9efea !important; } .admin-suite-page > .suite-panel .panel-title-row[b-ga3qqprzgk] { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 18px !important; padding: 0 0 12px !important; border-bottom: 1px solid #e9efea !important; } .admin-suite-page > .suite-panel .panel-title-row p[b-ga3qqprzgk] { margin: 5px 0 0 !important; color: #748078 !important; font-size: 12px !important; line-height: 1.5 !important; } /* ---------- FORM GRID ---------- */ .admin-suite-page .form-grid[b-ga3qqprzgk] { width: 100% !important; min-width: 0 !important; display: grid !important; gap: 16px 18px !important; margin: 0 0 18px !important; } .admin-suite-page .form-grid.two[b-ga3qqprzgk] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .admin-suite-page .form-grid.three[b-ga3qqprzgk] { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } .admin-suite-page .form-grid > label[b-ga3qqprzgk], .admin-suite-page .suite-panel > label[b-ga3qqprzgk], .admin-suite-page .editor-form > label[b-ga3qqprzgk] { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; } .admin-suite-page .suite-panel label > span[b-ga3qqprzgk], .admin-suite-page .editor-form label > span[b-ga3qqprzgk] { display: block !important; margin: 0 0 7px !important; color: #536058 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.3 !important; } .admin-suite-page .suite-panel input:not([type="checkbox"])[b-ga3qqprzgk], .admin-suite-page .suite-panel textarea[b-ga3qqprzgk], .admin-suite-page .suite-panel select[b-ga3qqprzgk], .admin-suite-page .editor-form input:not([type="checkbox"])[b-ga3qqprzgk], .admin-suite-page .editor-form textarea[b-ga3qqprzgk], .admin-suite-page .editor-form select[b-ga3qqprzgk] { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; border: 1px solid #d4ded6 !important; border-radius: 9px !important; background: #fff !important; color: #29362d !important; font-size: 13px !important; box-shadow: none !important; } .admin-suite-page .suite-panel input:not([type="checkbox"])[b-ga3qqprzgk], .admin-suite-page .suite-panel select[b-ga3qqprzgk], .admin-suite-page .editor-form input:not([type="checkbox"])[b-ga3qqprzgk], .admin-suite-page .editor-form select[b-ga3qqprzgk] { min-height: 44px !important; padding: 9px 11px !important; } .admin-suite-page .suite-panel textarea[b-ga3qqprzgk], .admin-suite-page .editor-form textarea[b-ga3qqprzgk] { min-height: 118px !important; padding: 11px !important; resize: vertical !important; line-height: 1.5 !important; } .admin-suite-page .suite-panel input:focus[b-ga3qqprzgk], .admin-suite-page .suite-panel textarea:focus[b-ga3qqprzgk], .admin-suite-page .suite-panel select:focus[b-ga3qqprzgk], .admin-suite-page .editor-form input:focus[b-ga3qqprzgk], .admin-suite-page .editor-form textarea:focus[b-ga3qqprzgk], .admin-suite-page .editor-form select:focus[b-ga3qqprzgk] { outline: none !important; border-color: #063c29 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } /* ---------- BOLUM BUTONLARI ---------- */ .admin-suite-page .suite-panel .primary[b-ga3qqprzgk], .admin-suite-page .editor-form .primary[b-ga3qqprzgk] { min-height: 42px !important; padding: 0 16px !important; border: 1px solid #063c29 !important; border-radius: 9px !important; background: #063c29 !important; color: #fff !important; font-size: 11px !important; font-weight: 900 !important; box-shadow: 0 5px 14px rgba(6,60,41,.12) !important; } /* ---------- ICERIK EDITOR KARTI ---------- */ .admin-suite-page .content-editor[b-ga3qqprzgk] { display: grid !important; grid-template-columns: minmax(320px,390px) minmax(0,1fr) !important; gap: 22px !important; width: 100% !important; min-width: 0 !important; } .admin-suite-page .editor-form[b-ga3qqprzgk] { min-width: 0 !important; padding: 17px !important; border: 1px solid #e0e8e2 !important; border-radius: 11px !important; background: #f8fbf8 !important; } /* ---------- RESPONSIVE ---------- */ @media (max-width: 900px) { .admin-suite-page .form-grid.three[b-ga3qqprzgk] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .admin-suite-page .content-editor[b-ga3qqprzgk] { grid-template-columns: minmax(0,1fr) !important; } } @media (max-width: 650px) { .admin-suite-page[b-ga3qqprzgk] { width: min(100% - 18px,1220px) !important; } .admin-suite-page > .suite-head[b-ga3qqprzgk] { align-items: flex-start !important; flex-direction: column !important; margin-top: 10px !important; padding: 20px 18px !important; border-radius: 14px !important; } .admin-suite-page > .suite-panel[b-ga3qqprzgk] { padding: 15px !important; border-radius: 12px !important; } .admin-suite-page .form-grid.two[b-ga3qqprzgk], .admin-suite-page .form-grid.three[b-ga3qqprzgk] { grid-template-columns: minmax(0,1fr) !important; gap: 13px !important; } .admin-suite-page .span-2[b-ga3qqprzgk] { grid-column: auto !important; } .admin-suite-page > .suite-panel .panel-title-row[b-ga3qqprzgk] { align-items: flex-start !important; flex-direction: column !important; } } /* ============================================================ FLORA_V37D18_GENERAL_SITE_GRID_LOGO_PICKER_UI_V1_2 Genel Site Bilgileri exact scoped UI: - 3 esit kolon - bu section icinde tum alanlar tek kolon genisliginde - input/select/textarea 44px - logo karti ayni kolon genisliginde - native file picker tamamen gizli - Flora GORSEL EKLE butonu ============================================================ */ .flora-general-site-grid[b-ga3qqprzgk] { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 16px 18px !important; align-items: start !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } /* Bu section icinde tum alanlar esit bir grid hucresidir. */ .flora-general-site-grid > label[b-ga3qqprzgk], .flora-general-site-grid > .image-admin-field[b-ga3qqprzgk], .flora-general-site-grid > .span-2[b-ga3qqprzgk] { grid-column: auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } .flora-general-site-grid > label[b-ga3qqprzgk] { display: flex !important; flex-direction: column !important; gap: 7px !important; } .flora-general-site-grid > label > span[b-ga3qqprzgk], .flora-general-site-grid > .image-admin-field > .image-admin-label[b-ga3qqprzgk] { display: block !important; margin: 0 0 7px !important; color: #526057 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.3 !important; } /* Standart metin kutulari tamamen ayni olcu. */ .flora-general-site-grid input:not([type="file"])[b-ga3qqprzgk], .flora-general-site-grid select[b-ga3qqprzgk], .flora-general-site-grid textarea[b-ga3qqprzgk] { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 !important; padding: 9px 11px !important; border: 1px solid #d4ded6 !important; border-radius: 9px !important; background: #ffffff !important; color: #29362d !important; font-family: inherit !important; font-size: 13px !important; line-height: 1.3 !important; box-shadow: none !important; box-sizing: border-box !important; } .flora-general-site-grid textarea[b-ga3qqprzgk] { resize: none !important; overflow: hidden !important; } .flora-general-site-grid input:not([type="file"]):focus[b-ga3qqprzgk], .flora-general-site-grid select:focus[b-ga3qqprzgk], .flora-general-site-grid textarea:focus[b-ga3qqprzgk] { outline: none !important; border-color: #063c29 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } /* Site Logosu da diger kutularla ayni kolon genisliginde. */ .flora-general-site-grid > .flora-site-logo-field[b-ga3qqprzgk] { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } .flora-general-site-grid .flora-site-logo-field .image-upload-card.compact[b-ga3qqprzgk] { width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 108px !important; margin: 0 !important; padding: 12px !important; display: grid !important; grid-template-columns: 76px minmax(0,1fr) !important; align-items: center !important; gap: 12px !important; border: 1px dashed #b9d2bf !important; border-radius: 11px !important; background: #f8fcf8 !important; box-sizing: border-box !important; } .flora-general-site-grid .flora-site-logo-field .image-upload-card.compact > img[b-ga3qqprzgk] { width: 76px !important; height: 76px !important; object-fit: contain !important; border-radius: 9px !important; background: #eaf4eb !important; } .flora-general-site-grid .flora-site-logo-field .image-upload-card.compact > div[b-ga3qqprzgk] { min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; } .flora-general-site-grid .flora-site-logo-field .image-upload-card.compact strong[b-ga3qqprzgk] { margin: 0 0 4px !important; color: #263229 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; } .flora-general-site-grid .flora-site-logo-field .image-upload-card.compact small[b-ga3qqprzgk] { margin: 0 0 8px !important; color: #718078 !important; font-size: 11px !important; line-height: 1.35 !important; } /* Native "Dosya Sec / Dosya secilmedi" UI tamamen gizli. */ .flora-general-site-grid .flora-site-logo-field[b-ga3qqprzgk] input.flora-site-logo-native-input[type="file"], [b-ga3qqprzgk] input.flora-site-logo-native-input[type="file"], input.flora-site-logo-native-input[type="file"][b-ga3qqprzgk] { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 1px !important; min-height: 1px !important; max-width: 1px !important; max-height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; border: 0 !important; opacity: 0 !important; white-space: nowrap !important; pointer-events: none !important; } /* Bizim Flora GORSEL EKLE butonu. */ .flora-site-logo-button[b-ga3qqprzgk] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 144px !important; max-width: 100% !important; height: 40px !important; min-height: 40px !important; margin: 2px 0 0 !important; padding: 0 16px !important; border: 1px solid #063c29 !important; border-radius: 9px !important; background: #063c29 !important; color: #ffffff !important; font-family: inherit !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .01em !important; text-align: center !important; text-decoration: none !important; cursor: pointer !important; user-select: none !important; box-shadow: 0 6px 16px rgba(6,60,41,.14) !important; box-sizing: border-box !important; transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important; } .flora-site-logo-button:hover[b-ga3qqprzgk] { border-color: #063c29 !important; background: #063c29 !important; box-shadow: 0 8px 20px rgba(6,60,41,.19) !important; } .flora-site-logo-button:active[b-ga3qqprzgk] { transform: translateY(1px) !important; } /* Mevcut LOGOYU KALDIR butonu varsa aralikli dursun. */ .flora-general-site-grid .flora-site-logo-field .ghost-danger[b-ga3qqprzgk] { margin-top: 7px !important; } /* Tablet */ @media (max-width: 900px) { .flora-general-site-grid[b-ga3qqprzgk] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } /* Mobil */ @media (max-width: 620px) { .flora-general-site-grid[b-ga3qqprzgk] { grid-template-columns: minmax(0,1fr) !important; gap: 13px !important; } .flora-site-logo-button[b-ga3qqprzgk] { width: 100% !important; } } /* FLORA_V37D18_ADMIN_SITE_FLOATING_TOAST_V1_1_START */ .admin-suite-page .suite-message[b-ga3qqprzgk] { position: fixed !important; top: 82px !important; right: 24px !important; left: auto !important; width: min(420px, calc(100vw - 32px)) !important; min-height: 62px !important; margin: 0 !important; padding: 14px 22px 14px 52px !important; display: flex !important; align-items: center !important; border: 1px solid #b9d9c0 !important; border-radius: 14px !important; background: #ffffff !important; color: #063c29 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.45 !important; text-align: left !important; box-shadow: 0 18px 44px rgba(6,60,41,.16), 0 3px 10px rgba(6,60,41,.08) !important; z-index: 26000 !important; overflow: hidden !important; box-sizing: border-box !important; } .admin-suite-page .suite-message[b-ga3qqprzgk]::before { content: "✓" !important; position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; width: 28px !important; height: 28px !important; display: grid !important; place-items: center !important; border-radius: 50% !important; background: #063c29 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; } .admin-suite-page .suite-message[b-ga3qqprzgk]::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 5px !important; height: 100% !important; background: #063c29 !important; } @media (max-width: 650px) { .admin-suite-page .suite-message[b-ga3qqprzgk] { top: 72px !important; right: 10px !important; left: 10px !important; width: auto !important; min-height: 58px !important; padding: 12px 16px 12px 48px !important; border-radius: 12px !important; font-size: 12px !important; } .admin-suite-page .suite-message[b-ga3qqprzgk]::before { left: 12px !important; width: 26px !important; height: 26px !important; font-size: 15px !important; } } /* FLORA_V37D18_ADMIN_SITE_FLOATING_TOAST_V1_1_END */ /* FLORA_V38_FINAL_ADMIN_SITE */ .suite-panel[b-ga3qqprzgk] { border-radius: 22px; box-shadow: 0 10px 30px rgba(6,60,41,.05); } .flora-wheel-admin-guide[b-ga3qqprzgk] { border-color: #d8e7dc; background: linear-gradient(135deg,#f6fbf7,#fffaf0); } .suite-kicker[b-ga3qqprzgk] { display: block; margin-bottom: 5px; color: #063c29; font-size: 10px; font-weight: 900; letter-spacing: .15em; } .suite-inline-link[b-ga3qqprzgk] { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 9px 12px; border: 1px solid #cfe0d4; border-radius: 11px; background: #fff; color: #063c29; font-size: 11px; font-weight: 900; text-decoration: none; } .form-grid > *[b-ga3qqprzgk], .content-editor > *[b-ga3qqprzgk], .content-row > *[b-ga3qqprzgk] { min-width: 0; } /* FLORA V39 ADMIN SITE SETTINGS POLISH */ .admin-site-page[b-ga3qqprzgk],.admin-site-management[b-ga3qqprzgk],.admin-suite-page[b-ga3qqprzgk]{min-width:0}.admin-site-page .form-grid[b-ga3qqprzgk],.admin-site-management .form-grid[b-ga3qqprzgk]{gap:14px!important}.admin-site-page label[b-ga3qqprzgk],.admin-site-management label[b-ga3qqprzgk]{min-width:0!important}.admin-site-page input[b-ga3qqprzgk],.admin-site-page select[b-ga3qqprzgk],.admin-site-page textarea[b-ga3qqprzgk],.admin-site-management input[b-ga3qqprzgk],.admin-site-management select[b-ga3qqprzgk],.admin-site-management textarea[b-ga3qqprzgk]{width:100%!important;max-width:100%!important;min-width:0!important;border-radius:10px!important}.admin-site-page section[b-ga3qqprzgk],.admin-site-management section[b-ga3qqprzgk]{min-width:0!important;border-radius:18px!important} /* ============================================================ FLORA_V48_20_ADMIN_MAINTENANCE_CSS_START Admin maintenance control center ============================================================ */ .flora-maintenance-admin[b-ga3qqprzgk] { position: relative; overflow: hidden; border: 1px solid rgba(11, 75, 52, .15); background: linear-gradient( 135deg, rgba(250, 247, 237, .98), rgba(255, 255, 255, .98) ); } .flora-maintenance-admin[b-ga3qqprzgk]::before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: #0b4b34; } .flora-maintenance-admin.is-maintenance[b-ga3qqprzgk]::before { background: #b77b22; } .flora-maintenance-admin-head[b-ga3qqprzgk] { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; } .flora-maintenance-admin-head h2[b-ga3qqprzgk] { margin: 5px 0 8px; } .flora-maintenance-admin-head p[b-ga3qqprzgk] { max-width: 680px; margin: 0; color: #68736b; line-height: 1.6; } .flora-maintenance-state[b-ga3qqprzgk] { min-width: 210px; display: flex; align-items: center; gap: 11px; padding: 13px 16px; border: 1px solid rgba(11, 75, 52, .16); border-radius: 14px; background: rgba(11, 75, 52, .055); } .flora-maintenance-state.maintenance[b-ga3qqprzgk] { border-color: rgba(183, 123, 34, .28); background: rgba(183, 123, 34, .08); } .flora-maintenance-state-dot[b-ga3qqprzgk] { width: 11px; height: 11px; flex: 0 0 11px; border-radius: 50%; background: #168357; box-shadow: 0 0 0 5px rgba(22, 131, 87, .10); } .flora-maintenance-state.maintenance .flora-maintenance-state-dot[b-ga3qqprzgk] { background: #c48727; box-shadow: 0 0 0 5px rgba(196, 135, 39, .11); } .flora-maintenance-state small[b-ga3qqprzgk], .flora-maintenance-state strong[b-ga3qqprzgk] { display: block; } .flora-maintenance-state small[b-ga3qqprzgk] { margin-bottom: 3px; color: #7a817c; font-size: 10px; font-weight: 800; letter-spacing: .09em; } .flora-maintenance-state strong[b-ga3qqprzgk] { color: #123c2d; font-size: 13px; } .flora-maintenance-state.maintenance strong[b-ga3qqprzgk] { color: #8b5a12; } .flora-maintenance-admin-grid[b-ga3qqprzgk] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 24px; } .flora-maintenance-admin-grid article[b-ga3qqprzgk] { min-width: 0; padding: 16px; border: 1px solid #e5e7e1; border-radius: 14px; background: rgba(255, 255, 255, .78); } .flora-maintenance-admin-grid span[b-ga3qqprzgk], .flora-maintenance-admin-grid strong[b-ga3qqprzgk], .flora-maintenance-admin-grid small[b-ga3qqprzgk] { display: block; } .flora-maintenance-admin-grid span[b-ga3qqprzgk] { margin-bottom: 6px; color: #9a8354; font-size: 10px; font-weight: 850; letter-spacing: .08em; } .flora-maintenance-admin-grid strong[b-ga3qqprzgk] { color: #173e2f; font-size: 14px; line-height: 1.35; } .flora-maintenance-admin-grid small[b-ga3qqprzgk] { margin-top: 5px; color: #80877f; font-size: 11px; line-height: 1.4; } .flora-maintenance-actions[b-ga3qqprzgk] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 20px; } .flora-maintenance-button[b-ga3qqprzgk], .flora-maintenance-refresh[b-ga3qqprzgk], .flora-maintenance-confirm-main[b-ga3qqprzgk], .flora-maintenance-cancel[b-ga3qqprzgk] { min-height: 44px; padding: 0 18px; border-radius: 11px; font: inherit; font-size: 12px; font-weight: 850; letter-spacing: .035em; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease; } .flora-maintenance-button.turn-on[b-ga3qqprzgk] { border: 1px solid #a96a1b; background: #a96a1b; color: #fff; } .flora-maintenance-button.turn-off[b-ga3qqprzgk] { border: 1px solid #0b5138; background: #0b5138; color: #fff; } .flora-maintenance-refresh[b-ga3qqprzgk], .flora-maintenance-cancel[b-ga3qqprzgk] { border: 1px solid #d7ddd8; background: #fff; color: #345245; } .flora-maintenance-button:hover[b-ga3qqprzgk], .flora-maintenance-refresh:hover[b-ga3qqprzgk], .flora-maintenance-confirm-main:hover[b-ga3qqprzgk], .flora-maintenance-cancel:hover[b-ga3qqprzgk] { transform: translateY(-1px); } .flora-maintenance-button:disabled[b-ga3qqprzgk], .flora-maintenance-refresh:disabled[b-ga3qqprzgk], .flora-maintenance-confirm-main:disabled[b-ga3qqprzgk], .flora-maintenance-cancel:disabled[b-ga3qqprzgk] { opacity: .55; cursor: wait; transform: none; } .flora-maintenance-confirm[b-ga3qqprzgk] { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 20px; padding: 18px; border: 1px solid rgba(183, 123, 34, .24); border-radius: 14px; background: rgba(255, 249, 235, .92); } .flora-maintenance-confirm strong[b-ga3qqprzgk] { display: block; color: #67440f; font-size: 14px; } .flora-maintenance-confirm p[b-ga3qqprzgk] { max-width: 650px; margin: 5px 0 0; color: #786a54; font-size: 12px; line-height: 1.5; } .flora-maintenance-confirm-actions[b-ga3qqprzgk] { display: flex; flex: 0 0 auto; gap: 8px; } .flora-maintenance-confirm-main[b-ga3qqprzgk] { border: 1px solid #a96a1b; background: #a96a1b; color: #fff; } .flora-maintenance-security-note[b-ga3qqprzgk] { margin: 18px 0 0; padding-top: 15px; border-top: 1px solid #ecece6; color: #767e77; font-size: 11px; line-height: 1.55; } .flora-maintenance-security-note code[b-ga3qqprzgk] { padding: 2px 6px; border-radius: 5px; background: #eef3ef; color: #174d37; font-size: 11px; } @media (max-width: 900px) { .flora-maintenance-admin-head[b-ga3qqprzgk] { flex-direction: column; } .flora-maintenance-state[b-ga3qqprzgk] { width: 100%; min-width: 0; } .flora-maintenance-admin-grid[b-ga3qqprzgk] { grid-template-columns: 1fr; } .flora-maintenance-confirm[b-ga3qqprzgk] { align-items: stretch; flex-direction: column; } .flora-maintenance-confirm-actions[b-ga3qqprzgk] { width: 100%; flex-wrap: wrap; } } @media (max-width: 520px) { .flora-maintenance-admin[b-ga3qqprzgk] { padding-left: 18px; padding-right: 18px; } .flora-maintenance-actions[b-ga3qqprzgk], .flora-maintenance-confirm-actions[b-ga3qqprzgk] { display: grid; grid-template-columns: 1fr; } .flora-maintenance-button[b-ga3qqprzgk], .flora-maintenance-refresh[b-ga3qqprzgk], .flora-maintenance-confirm-main[b-ga3qqprzgk], .flora-maintenance-cancel[b-ga3qqprzgk] { width: 100%; } } /* FLORA_V48_20_ADMIN_MAINTENANCE_CSS_END */ /* /Components/Pages/AdminTopluBildirim.razor.rz.scp.css */ /* ========================================================== FLORA V39 - BILDIRIM MERKEZI / PREMIUM FINAL ========================================================== */ .automation-page[b-65vunm9vvn]{ width:min(1280px,calc(100% - 32px)); margin:28px auto 70px; display:grid; gap:20px; color:#063c29; } .automation-page[b-65vunm9vvn], .automation-page *[b-65vunm9vvn]{ box-sizing:border-box; } /* ========================================================== HERO ========================================================== */ .automation-hero[b-65vunm9vvn]{ position:relative; min-height:220px; display:flex; align-items:flex-end; justify-content:space-between; gap:28px; overflow:hidden; padding:34px 36px; border:1px solid rgba(255,255,255,.12); border-radius:30px; background: radial-gradient( circle at 88% 12%, rgba(121,199,145,.18), transparent 24%), radial-gradient( circle at 82% 92%, rgba(255,255,255,.08), transparent 25%), linear-gradient( 135deg, #063c29 0%, #063c29 54%, #063c29 100%) !important; color:#fff !important; box-shadow: 0 24px 56px rgba(6,60,41,.18); } .automation-hero[b-65vunm9vvn]::after{ content:""; position:absolute; right:-55px; top:-65px; width:250px; height:250px; border-radius:50%; background: rgba(255,255,255,.055); } .automation-hero>div:first-child[b-65vunm9vvn]{ position:relative; z-index:1; min-width:0; } .automation-hero span[b-65vunm9vvn]{ color:#d9efe1 !important; font-size:11px; font-weight:950; letter-spacing:.16em; } .automation-hero h1[b-65vunm9vvn]{ margin:12px 0 10px; color:#fff !important; font-size:clamp(36px,4vw,52px); line-height:1; letter-spacing:-.04em; } .automation-hero p[b-65vunm9vvn]{ max-width:790px; margin:0; color:rgba(255,255,255,.88) !important; font-size:14px; line-height:1.7; } .automation-live[b-65vunm9vvn]{ position:relative; z-index:1; flex:0 0 auto; display:flex; align-items:center; gap:10px; min-height:44px; padding:0 16px; border: 1px solid rgba(255,255,255,.22); border-radius:999px; background: rgba(255,255,255,.10); color:#fff; font-size:10px; font-weight:900; letter-spacing:.06em; backdrop-filter:blur(8px); } .automation-live i[b-65vunm9vvn]{ width:9px; height:9px; border-radius:50%; background:#79f9a6; box-shadow: 0 0 0 5px rgba(121,249,166,.12); } /* ========================================================== ISTATISTIKLER ========================================================== */ .automation-stats[b-65vunm9vvn]{ display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:14px; } .automation-stats article[b-65vunm9vvn]{ position:relative; min-width:0; min-height:118px; padding:20px; overflow:hidden; border:1px solid #dfe8e1; border-radius:20px; background: linear-gradient( 180deg, #ffffff, #fbfdfb); box-shadow: 0 12px 30px rgba(6,60,41,.045); } .automation-stats article[b-65vunm9vvn]::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background: linear-gradient( 180deg, #063c29, #063c29); } .automation-stats span[b-65vunm9vvn]{ display:block; color:#718078; font-size:10px; font-weight:850; letter-spacing:.03em; } .automation-stats strong[b-65vunm9vvn]{ display:block; margin:10px 0 6px; color:#063c29; font-size:28px; font-weight:950; line-height:1; } .automation-stats small[b-65vunm9vvn]{ display:block; color:#7b887f; font-size:10px; line-height:1.45; } /* ========================================================== OTOMASYON KURALLARI ========================================================== */ .automation-rules[b-65vunm9vvn]{ display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:10px; padding:14px; border:1px solid #dfe8e1; border-radius:22px; background:#f6faf7; } .automation-rules>div[b-65vunm9vvn]{ min-width:0; display:grid; grid-template-columns: 34px minmax(0,1fr); grid-template-rows:auto auto; column-gap:11px; row-gap:3px; padding:13px; border:1px solid #edf2ee; border-radius:15px; background:#fff; } .automation-rules b[b-65vunm9vvn]{ grid-row:1 / 3; width:34px; height:34px; display:grid; place-items:center; border-radius:11px; background:#e9f5ec; color:#063c29; font-size:12px; font-weight:950; } .automation-rules span[b-65vunm9vvn]{ align-self:end; color:#063c29; font-size:11px; font-weight:900; } .automation-rules small[b-65vunm9vvn]{ color:#7a877f; font-size:9px; line-height:1.4; } /* ========================================================== BILDIRIM AKISI PANELI ========================================================== */ .automation-log[b-65vunm9vvn]{ min-width:0; padding:26px; border:1px solid #dfe8e1; border-radius:26px; background: linear-gradient( 180deg, #ffffff 0%, #fbfdfb 100%); box-shadow: 0 16px 38px rgba(6,60,41,.055); } .automation-log>header[b-65vunm9vvn]{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; padding-bottom:16px; border-bottom: 1px solid #e8eeea; } .automation-log>header span[b-65vunm9vvn]{ display:block; color:#063c29; font-size:10px; font-weight:950; letter-spacing:.16em; } .automation-log h2[b-65vunm9vvn]{ margin:6px 0 0; color:#063c29; font-size:28px; line-height:1.1; letter-spacing:-.03em; } .automation-log>header button[b-65vunm9vvn]{ flex:0 0 auto; min-height:44px; padding:0 17px; border:1px solid #cad8ce; border-radius:14px; background:#fff; color:#063c29; font:900 10px/1 var( --flora-font-family, "Segoe UI", sans-serif); letter-spacing:.05em; cursor:pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .automation-log>header button:hover:not(:disabled)[b-65vunm9vvn]{ transform:translateY(-1px); border-color:#a9c8b3; box-shadow: 0 10px 22px rgba(6,60,41,.08); } .automation-log>header button:disabled[b-65vunm9vvn]{ opacity:.6; cursor:default; } /* ========================================================== BILDIRIM KARTLARI ========================================================== */ .automation-event-list[b-65vunm9vvn]{ display:grid; gap:12px; } .automation-event-list article[b-65vunm9vvn]{ position:relative; min-width:0; display:grid; grid-template-columns: 110px minmax(0,1fr); gap:17px; padding:18px; overflow:hidden; border:1px solid #e0e8e2; border-radius:18px; background:#fff; box-shadow: 0 7px 20px rgba(6,60,41,.025); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .automation-event-list article[b-65vunm9vvn]::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#b7cbbd; } .automation-event-list article:hover[b-65vunm9vvn]{ transform:translateY(-2px); border-color:#cbdcd0; box-shadow: 0 14px 28px rgba(6,60,41,.06); } .automation-event-list article.customer-activity[b-65vunm9vvn]{ border-color:#d2e5d8; background: linear-gradient( 90deg, #f8fcf9 0%, #ffffff 24%); } .automation-event-list article.customer-activity[b-65vunm9vvn]::before{ background: linear-gradient( 180deg, #063c29, #063c29); } /* DURUM */ .event-status[b-65vunm9vvn]{ align-self:start; min-width:0; padding:8px 9px; border-radius:999px; background:#edf2ee; color:#526459; text-align:center; font-size:9px; font-weight:950; letter-spacing:.05em; } .event-status.completed[b-65vunm9vvn]{ background:#e1f4e7; color:#063c29; } .event-status.partial[b-65vunm9vvn]{ background:#fff2cf; color:#8a6000; } .event-status.failed[b-65vunm9vvn]{ background:#fde8e8; color:#a02a2a; } .event-status.processing[b-65vunm9vvn], .event-status.pending[b-65vunm9vvn]{ background:#e8f0fb; color:#315e92; } /* METIN ALANI */ .event-copy[b-65vunm9vvn]{ min-width:0; } .event-meta[b-65vunm9vvn]{ min-width:0; display:flex; align-items:center; justify-content:space-between; gap:12px; color:#7a877f; font-size:9px; font-weight:800; } .event-meta time[b-65vunm9vvn]{ flex:0 0 auto; color:#67756c; font-size:9px; font-weight:800; } .event-type[b-65vunm9vvn]{ display:inline-flex; align-items:center; width:fit-content; padding:5px 9px; border-radius:999px; background:#eef4f0; color:#063c29; font-size:9px; font-weight:900; } .event-type.favorite[b-65vunm9vvn]{ background:#fff0f3; color:#a23e58; } .event-type.cart[b-65vunm9vvn]{ background:#e8f6ec; color:#063c29; } .event-copy h3[b-65vunm9vvn]{ margin:9px 0 5px; color:#063c29; font-size:15px; font-weight:900; line-height:1.35; } .event-copy p[b-65vunm9vvn]{ margin:0; color:#68766d; font-size:11px; line-height:1.6; overflow-wrap:anywhere; } /* ALT BILGILER */ .event-counts[b-65vunm9vvn]{ display:flex; flex-wrap:wrap; gap:8px; margin-top:11px; color:#718078; font-size:9px; } .event-counts>span[b-65vunm9vvn]{ padding:6px 9px; border:1px solid #e6ece8; border-radius:999px; background:#f9fbf9; } .event-counts strong[b-65vunm9vvn]{ color:#063c29; } .event-counts.customer span[b-65vunm9vvn]{ border-color:#deebe2; background:#eff7f1; color:#063c29; font-weight:850; } /* BOS DURUM */ .automation-empty[b-65vunm9vvn]{ padding:38px 20px; border:1px dashed #cbd8cf; border-radius:18px; background:#fafcfa; text-align:center; color:#78857c; font-size:12px; } /* ========================================================== RESPONSIVE ========================================================== */ @media(max-width:1000px){ .automation-stats[b-65vunm9vvn]{ grid-template-columns: repeat(2,minmax(0,1fr)); } .automation-rules[b-65vunm9vvn]{ grid-template-columns: repeat(2,minmax(0,1fr)); } } @media(max-width:700px){ .automation-page[b-65vunm9vvn]{ width:min(100% - 18px,1280px); margin:14px auto 48px; gap:15px; } .automation-hero[b-65vunm9vvn]{ min-height:0; align-items:flex-start; flex-direction:column; padding:26px 20px; border-radius:24px; } .automation-hero h1[b-65vunm9vvn]{ font-size:32px; } .automation-live[b-65vunm9vvn]{ min-height:40px; } .automation-stats[b-65vunm9vvn]{ grid-template-columns: repeat(2,minmax(0,1fr)); gap:9px; } .automation-stats article[b-65vunm9vvn]{ min-height:105px; padding:16px; } .automation-rules[b-65vunm9vvn]{ grid-template-columns:1fr; } .automation-log[b-65vunm9vvn]{ padding:18px; border-radius:21px; } .automation-log>header[b-65vunm9vvn]{ align-items:flex-start; flex-direction:column; } .automation-log h2[b-65vunm9vvn]{ font-size:23px; } .automation-event-list article[b-65vunm9vvn]{ grid-template-columns:1fr; gap:11px; padding:15px; } .event-status[b-65vunm9vvn]{ width:fit-content; } .event-meta[b-65vunm9vvn]{ align-items:flex-start; flex-direction:column; gap:6px; } } @media(max-width:430px){ .automation-stats[b-65vunm9vvn]{ grid-template-columns:1fr; } } /* ========================================================== FLORA V39 - BILDIRIM AKISI HEADER FINAL ========================================================== */ .automation-log[b-65vunm9vvn]{ overflow:hidden !important; } /* PANEL IC BASLIGI */ .automation-log > header[b-65vunm9vvn]{ position:relative !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:24px !important; margin:-2px -2px 20px !important; padding:22px 22px 20px !important; border:1px solid #e1eae4 !important; border-radius:18px !important; background: radial-gradient( circle at 90% 10%, rgba(6,60,41,.10), transparent 24% ), linear-gradient( 135deg, #f8fcf9 0%, #ffffff 65% ) !important; box-shadow: 0 8px 22px rgba(6,60,41,.035) !important; } /* SOL METIN GRUBU */ .automation-log > header > div[b-65vunm9vvn]{ min-width:0 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; } /* SON HAREKETLER */ .automation-log > header span[b-65vunm9vvn]{ display:inline-flex !important; align-items:center !important; width:fit-content !important; margin:0 0 8px !important; padding:6px 10px !important; border-radius:999px !important; background:#eaf5ed !important; color:#063c29 !important; font-size:10px !important; font-weight:950 !important; line-height:1 !important; letter-spacing:.14em !important; } /* MAGAZA BILDIRIM AKISI */ .automation-log > header h2[b-65vunm9vvn]{ margin:0 !important; color:#063c29 !important; font-size:clamp(24px,2.2vw,31px) !important; font-weight:900 !important; line-height:1.1 !important; letter-spacing:-.035em !important; overflow-wrap:anywhere !important; } /* YENILE */ .automation-log > header button[b-65vunm9vvn]{ flex:0 0 auto !important; min-width:92px !important; min-height:46px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:0 18px !important; border:1px solid #c6d9cc !important; border-radius:14px !important; background:#ffffff !important; color:#063c29 !important; font-size:10px !important; font-weight:950 !important; line-height:1 !important; letter-spacing:.06em !important; box-shadow: 0 8px 18px rgba(6,60,41,.05) !important; cursor:pointer !important; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important; } .automation-log > header button:hover:not(:disabled)[b-65vunm9vvn]{ transform:translateY(-2px) !important; border-color:#83b293 !important; background:#f4faf6 !important; box-shadow: 0 12px 24px rgba(6,60,41,.10) !important; } .automation-log > header button:disabled[b-65vunm9vvn]{ opacity:.55 !important; cursor:default !important; } /* TABLET */ @media(max-width:700px){ .automation-log > header[b-65vunm9vvn]{ align-items:flex-start !important; margin:0 0 18px !important; padding:18px !important; gap:16px !important; } .automation-log > header h2[b-65vunm9vvn]{ font-size:24px !important; } .automation-log > header button[b-65vunm9vvn]{ min-width:82px !important; min-height:42px !important; padding:0 14px !important; } } /* TELEFON */ @media(max-width:480px){ .automation-log > header[b-65vunm9vvn]{ flex-direction:column !important; } .automation-log > header button[b-65vunm9vvn]{ width:100% !important; } } /* /Components/Pages/AdminUrunler.razor.rz.scp.css */ .admin-products-page[b-nzvhuf6dcb] { --green: #063c29; --dark-green: #063c29; --sidebar: #063c29; --border: #e1e6e2; --muted: #69706a; --danger: #c64040; min-height: 100vh; display: grid; grid-template-columns: 230px 1fr; background: #f5f7f5; color: #1b201c; font-family: var(--flora-font-family); } /* SIDEBAR */ .admin-sidebar[b-nzvhuf6dcb] { min-height: 100vh; position: sticky; top: 0; padding: 22px 15px; display: flex; flex-direction: column; background: var(--sidebar); } .admin-brand[b-nzvhuf6dcb] { padding: 0 10px 24px; display: flex; align-items: center; gap: 10px; color: white; text-decoration: none; } .logo-mark[b-nzvhuf6dcb] { font-size: 30px; } .admin-brand div[b-nzvhuf6dcb] { display: flex; flex-direction: column; } .admin-brand strong[b-nzvhuf6dcb] { font-size: 20px; } .admin-brand small[b-nzvhuf6dcb] { margin-top: 3px; color: #9eb0a3; font-size: var(--flora-text-sm); } .admin-menu[b-nzvhuf6dcb] { display: flex; flex-direction: column; gap: 4px; } .admin-menu a[b-nzvhuf6dcb] { min-height: 43px; padding: 0 12px; display: flex; align-items: center; border-radius: 5px; color: #bec9c1; font-size: var(--flora-text-base); text-decoration: none; } .admin-menu a:hover[b-nzvhuf6dcb] { background: rgba(255,255,255,.06); color: white; } .admin-menu a.active[b-nzvhuf6dcb] { background: #063c29; color: white; } .sidebar-bottom[b-nzvhuf6dcb] { margin-top: auto; padding: 15px 10px 0; border-top: 1px solid rgba(255,255,255,.1); } .sidebar-bottom a[b-nzvhuf6dcb] { color: #b8c6bb; font-size: var(--flora-text-md); text-decoration: none; } /* CONTENT */ .admin-content[b-nzvhuf6dcb] { min-width: 0; padding: 30px; } /* HEADER */ .admin-header[b-nzvhuf6dcb] { margin-bottom: 25px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .eyebrow[b-nzvhuf6dcb] { display: block; margin-bottom: 6px; color: var(--green); font-size: var(--flora-label-text); font-weight: 800; letter-spacing: 1.3px; } .admin-header h1[b-nzvhuf6dcb] { margin: 0 0 7px; font-size: var(--flora-h1); } .admin-header p[b-nzvhuf6dcb] { margin: 0; color: var(--muted); font-size: var(--flora-text-base); } .new-product-button[b-nzvhuf6dcb] { height: 42px; padding: 0 18px; border: 0; border-radius: 4px; background: var(--green); color: white; font-size: var(--flora-button-text); font-weight: 800; cursor: pointer; } /* STATS */ .stats-grid[b-nzvhuf6dcb] { margin-bottom: 20px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; } .stat-card[b-nzvhuf6dcb] { min-height: 110px; padding: 17px; display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 7px; background: white; } .stat-card span[b-nzvhuf6dcb] { color: var(--muted); font-size: var(--flora-text-sm); } .stat-card strong[b-nzvhuf6dcb] { margin: 7px 0; font-size: 25px; } .stat-card small[b-nzvhuf6dcb] { margin-top: auto; color: #8a918b; font-size: var(--flora-text-xs); } .stat-card.warning strong[b-nzvhuf6dcb] { color: #a06b13; } .stat-card.danger strong[b-nzvhuf6dcb] { color: var(--danger); } /* TOOLBAR */ .toolbar[b-nzvhuf6dcb] { margin-bottom: 14px; padding: 12px; display: grid; grid-template-columns: 1fr 200px 180px; gap: 10px; border: 1px solid var(--border); border-radius: 6px; background: white; } .search-box[b-nzvhuf6dcb] { height: 42px; padding: 0 12px; display: flex; align-items: center; gap: 9px; border: 1px solid #d7dcd8; border-radius: 4px; } .search-box svg[b-nzvhuf6dcb] { width: 18px; height: 18px; } .search-box input[b-nzvhuf6dcb] { flex: 1; border: 0; outline: 0; font-size: var(--flora-text-base); } .toolbar select[b-nzvhuf6dcb] { padding: 0 10px; border: 1px solid #d7dcd8; border-radius: 4px; background: white; font-size: var(--flora-text-md); } /* TABLE */ .products-table[b-nzvhuf6dcb] { overflow: hidden; border: 1px solid var(--border); border-radius: 7px; background: white; } .table-head[b-nzvhuf6dcb], .table-row[b-nzvhuf6dcb] { display: grid; grid-template-columns: 1.7fr 1fr .65fr .8fr .65fr .65fr 75px; gap: 15px; align-items: center; } .table-head[b-nzvhuf6dcb] { min-height: 47px; padding: 0 17px; border-bottom: 1px solid var(--border); background: #f7f9f7; color: #687069; font-size: var(--flora-text-sm); font-weight: 700; } .table-row[b-nzvhuf6dcb] { min-height: 95px; padding: 14px 17px; border-bottom: 1px solid var(--border); } /* PRODUCT */ .product-cell[b-nzvhuf6dcb] { min-width: 0; display: flex; align-items: center; gap: 12px; } .product-image[b-nzvhuf6dcb] { width: 67px; height: 67px; flex: 0 0 67px; padding: 5px; display: grid; place-items: center; border: 1px solid #e8ece8; border-radius: 5px; background: #f7f8f6; } .product-image img[b-nzvhuf6dcb] { width: 100%; height: 100%; object-fit: contain; } .product-cell > div:last-child[b-nzvhuf6dcb] { min-width: 0; display: flex; flex-direction: column; } .product-cell strong[b-nzvhuf6dcb] { font-size: var(--flora-text-base); } .product-cell span[b-nzvhuf6dcb], .product-cell small[b-nzvhuf6dcb] { margin-top: 3px; color: var(--muted); font-size: var(--flora-text-sm); } .category-cell[b-nzvhuf6dcb] { font-size: var(--flora-text-md); } .variant-count[b-nzvhuf6dcb], .price-cell[b-nzvhuf6dcb], .stock-cell[b-nzvhuf6dcb] { display: flex; flex-direction: column; } .variant-count strong[b-nzvhuf6dcb], .price-cell strong[b-nzvhuf6dcb] { font-size: var(--flora-text-base); } .variant-count span[b-nzvhuf6dcb], .price-cell span[b-nzvhuf6dcb], .stock-cell span[b-nzvhuf6dcb] { margin-top: 3px; color: var(--muted); font-size: var(--flora-text-sm); } /* STOCK */ .stock-value[b-nzvhuf6dcb] { color: var(--green); font-size: var(--flora-text-base); } .stock-value.low[b-nzvhuf6dcb] { color: #a36b10; } .stock-value.empty[b-nzvhuf6dcb] { color: var(--danger); } /* STATUS */ .active-button[b-nzvhuf6dcb] { min-width: 65px; padding: 7px 9px; border: 1px solid #e2c2c2; border-radius: 20px; background: #fff4f4; color: var(--danger); font-size: var(--flora-text-sm); font-weight: 700; cursor: pointer; } .active-button.active[b-nzvhuf6dcb] { border-color: #c9dfcd; background: #edf7ef; color: var(--green); } .manage-cell button[b-nzvhuf6dcb] { width: 70px; height: 32px; border: 1px solid var(--green); border-radius: 4px; background: white; color: var(--green); font-size: var(--flora-button-text); font-weight: 700; cursor: pointer; } /* MANAGER */ .product-manager[b-nzvhuf6dcb] { padding: 20px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 15px; border-bottom: 1px solid var(--border); background: #fafcfa; } .manager-card[b-nzvhuf6dcb] { padding: 19px; border: 1px solid var(--border); border-radius: 6px; background: white; } .manager-heading[b-nzvhuf6dcb] { margin-bottom: 18px; display: flex; justify-content: space-between; gap: 10px; } .manager-heading span[b-nzvhuf6dcb] { color: var(--green); font-size: var(--flora-text-xs); font-weight: 800; letter-spacing: 1.1px; } .manager-heading h2[b-nzvhuf6dcb] { margin: 4px 0 0; font-size: var(--flora-h3); } .close-manager[b-nzvhuf6dcb] { width: 30px; height: 30px; border: 0; border-radius: 4px; background: #f3f5f3; font-size: 20px; cursor: pointer; } /* FORMS */ .form-grid[b-nzvhuf6dcb] { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; } .form-group[b-nzvhuf6dcb] { display: flex; flex-direction: column; } .form-group.full[b-nzvhuf6dcb] { grid-column: 1 / -1; } .form-group label[b-nzvhuf6dcb] { margin-bottom: 6px; font-size: var(--flora-label-text); font-weight: 600; } .form-group input[b-nzvhuf6dcb], .form-group select[b-nzvhuf6dcb] { height: 41px; padding: 0 10px; border: 1px solid #d7dcd8; border-radius: 4px; background: white; font-size: var(--flora-text-base); outline: none; } .checkbox-group[b-nzvhuf6dcb] { justify-content: flex-end; } .checkbox-group label[b-nzvhuf6dcb] { min-height: 41px; margin: 0; display: flex; align-items: center; gap: 8px; } .checkbox-group input[b-nzvhuf6dcb] { width: 16px; height: 16px; accent-color: var(--green); } .form-actions[b-nzvhuf6dcb] { margin-top: 17px; display: flex; justify-content: space-between; gap: 10px; } .save-main[b-nzvhuf6dcb], .delete-main[b-nzvhuf6dcb] { height: 37px; padding: 0 14px; border-radius: 4px; font-size: var(--flora-button-text); font-weight: 700; cursor: pointer; } .save-main[b-nzvhuf6dcb] { border: 0; background: var(--green); color: white; } .delete-main[b-nzvhuf6dcb] { border: 1px solid #e4bcbc; background: white; color: var(--danger); } /* VARIANT TABLE */ .variant-table[b-nzvhuf6dcb] { overflow-x: auto; } .variant-head[b-nzvhuf6dcb], .variant-row[b-nzvhuf6dcb] { min-width: 660px; display: grid; grid-template-columns: 1.1fr .9fr .9fr 140px 115px; gap: 8px; align-items: center; } .variant-head[b-nzvhuf6dcb] { min-height: 35px; padding: 0 7px; background: #f6f8f6; color: var(--muted); font-size: var(--flora-text-sm); font-weight: 700; } .variant-row[b-nzvhuf6dcb] { min-height: 58px; padding: 8px 7px; border-bottom: 1px solid #edf0ed; } .variant-row input[b-nzvhuf6dcb] { width: 100%; height: 36px; padding: 0 8px; border: 1px solid #d9ded9; border-radius: 4px; font-size: var(--flora-text-md); } .money-input[b-nzvhuf6dcb] { position: relative; } .money-input input[b-nzvhuf6dcb] { padding-right: 27px; } .money-input span[b-nzvhuf6dcb] { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); color: var(--muted); font-size: var(--flora-text-sm); } .stock-control[b-nzvhuf6dcb] { height: 36px; display: grid; grid-template-columns: 32px 1fr 32px; border: 1px solid #d9ded9; border-radius: 4px; overflow: hidden; } .stock-control button[b-nzvhuf6dcb] { border: 0; background: #f3f5f3; cursor: pointer; } .stock-control strong[b-nzvhuf6dcb] { display: grid; place-items: center; } .variant-actions[b-nzvhuf6dcb] { display: flex; gap: 5px; } .save-variant[b-nzvhuf6dcb] { height: 32px; padding: 0 8px; border: 1px solid var(--green); border-radius: 4px; background: white; color: var(--green); font-size: var(--flora-text-xs); font-weight: 700; cursor: pointer; } .delete-variant[b-nzvhuf6dcb] { width: 32px; height: 32px; border: 1px solid #e2bcbc; border-radius: 4px; background: white; color: var(--danger); cursor: pointer; } /* NEW VARIANT */ .new-variant[b-nzvhuf6dcb] { margin-top: 18px; padding-top: 17px; border-top: 1px solid var(--border); } .new-variant h3[b-nzvhuf6dcb] { margin: 0 0 11px; font-size: var(--flora-h4); } .new-variant-grid[b-nzvhuf6dcb] { display: grid; grid-template-columns: 1fr 120px 120px 90px 75px; gap: 7px; } .new-variant-grid input[b-nzvhuf6dcb] { min-width: 0; height: 37px; padding: 0 8px; border: 1px solid #d9ded9; border-radius: 4px; font-size: var(--flora-text-md); } .new-variant-grid button[b-nzvhuf6dcb] { border: 0; border-radius: 4px; background: var(--green); color: white; font-size: var(--flora-button-text); font-weight: 700; cursor: pointer; } /* MODAL */ .modal-backdrop[b-nzvhuf6dcb] { position: fixed; inset: 0; z-index: 1000; padding: 20px; display: grid; place-items: center; background: rgba(6,60,41,.55); } .new-product-modal[b-nzvhuf6dcb] { width: min(680px, 100%); max-height: calc(100vh - 40px); padding: 25px; overflow-y: auto; border-radius: 8px; background: white; box-shadow: 0 20px 55px rgba(0,0,0,.18); } .modal-heading[b-nzvhuf6dcb] { margin-bottom: 22px; display: flex; justify-content: space-between; gap: 15px; } .modal-heading span[b-nzvhuf6dcb] { color: var(--green); font-size: var(--flora-text-xs); font-weight: 800; letter-spacing: 1.1px; } .modal-heading h2[b-nzvhuf6dcb] { margin: 5px 0 0; font-size: var(--flora-h2); } .modal-heading button[b-nzvhuf6dcb] { width: 34px; height: 34px; border: 0; border-radius: 4px; background: #f2f4f2; font-size: 22px; cursor: pointer; } .modal-actions[b-nzvhuf6dcb] { margin-top: 22px; display: flex; justify-content: flex-end; gap: 8px; } .modal-actions button[b-nzvhuf6dcb] { height: 39px; padding: 0 17px; border-radius: 4px; font-size: var(--flora-button-text); font-weight: 700; cursor: pointer; } .modal-cancel[b-nzvhuf6dcb] { border: 1px solid #d7dcd8; background: white; } .modal-save[b-nzvhuf6dcb] { border: 0; background: var(--green); color: white; } .modal-save:disabled[b-nzvhuf6dcb] { background: #cbd2cc; cursor: not-allowed; } /* TABLET */ @media (max-width: 1150px) { .admin-products-page[b-nzvhuf6dcb] { grid-template-columns: 190px 1fr; } .stats-grid[b-nzvhuf6dcb] { grid-template-columns: repeat(3, 1fr); } .product-manager[b-nzvhuf6dcb] { grid-template-columns: 1fr; } } /* MOBILE */ @media (max-width: 800px) { .admin-products-page[b-nzvhuf6dcb] { grid-template-columns: 1fr; } .admin-sidebar[b-nzvhuf6dcb] { min-height: auto; position: static; } .admin-menu[b-nzvhuf6dcb] { display: grid; grid-template-columns: repeat(2, 1fr); } .admin-content[b-nzvhuf6dcb] { padding: 18px 12px; } .admin-header[b-nzvhuf6dcb] { align-items: flex-start; flex-direction: column; } .stats-grid[b-nzvhuf6dcb] { grid-template-columns: repeat(2, 1fr); } .toolbar[b-nzvhuf6dcb] { grid-template-columns: 1fr; } .table-head[b-nzvhuf6dcb] { display: none; } .table-row[b-nzvhuf6dcb] { grid-template-columns: 1fr 1fr; gap: 16px; } .product-cell[b-nzvhuf6dcb] { grid-column: 1 / -1; } .form-grid[b-nzvhuf6dcb] { grid-template-columns: 1fr; } .form-group.full[b-nzvhuf6dcb] { grid-column: auto; } .new-variant-grid[b-nzvhuf6dcb] { grid-template-columns: 1fr 1fr; } .new-variant-grid button[b-nzvhuf6dcb] { height: 37px; } } /* PHONE */ @media (max-width: 450px) { .admin-header h1[b-nzvhuf6dcb] { font-size: 29px; } .table-row[b-nzvhuf6dcb] { grid-template-columns: 1fr; } .stats-grid[b-nzvhuf6dcb] { grid-template-columns: 1fr 1fr; } .new-variant-grid[b-nzvhuf6dcb] { grid-template-columns: 1fr; } } .admin-image-message[b-nzvhuf6dcb]{width:min(100% - 32px,1220px);margin:10px auto;padding:11px 14px;border:1px solid #bdd7c2;border-radius:9px;background:#eff8f1;color:#063c29;font-size: 13px;font-weight:700} .product-image-uploader[b-nzvhuf6dcb]{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;padding:13px;border:1px dashed #bfd0c2;border-radius:12px;background:#f8fbf8} .product-image-uploader>img[b-nzvhuf6dcb]{width:150px;height:120px;border-radius:10px;object-fit:contain;background:#eef4ef;border:1px solid #dfe8e1} .product-image-uploader strong[b-nzvhuf6dcb],.product-image-uploader small[b-nzvhuf6dcb]{display:block}.product-image-uploader strong[b-nzvhuf6dcb]{color:#253329;font-size: 13px}.product-image-uploader small[b-nzvhuf6dcb]{margin:5px 0 9px;color:#768078;font-size: 13px;line-height:1.45} .product-image-uploader input[type=file][b-nzvhuf6dcb]{width:100%;padding:8px;border:1px solid #d6dfd8;border-radius:8px;background:#fff;color:#374239;font-size: 13px} .remove-image-button[b-nzvhuf6dcb]{margin-top:8px!important;border-color:#efd1d1!important;background:#fff7f7!important;color:#9c3737!important} @media(max-width:650px){.product-image-uploader[b-nzvhuf6dcb]{grid-template-columns:1fr}.product-image-uploader>img[b-nzvhuf6dcb]{width:100%;height:220px}} /* FLORA_V37D11_ADMIN_SINGLE_NAV */ .admin-products-page[b-nzvhuf6dcb] { width: min(100% - 32px, 1280px); min-height: auto; margin: 0 auto 70px; display: block; background: transparent; } .admin-products-page > .admin-content[b-nzvhuf6dcb] { width: 100%; padding: 10px 0 30px; } .admin-products-page > .admin-sidebar[b-nzvhuf6dcb] { display: none !important; } /* FLORA_V37D11_PRODUCT_GALLERY_ADMIN */ .product-gallery-admin[b-nzvhuf6dcb] { display: grid; gap: 13px; padding: 14px; border: 1px solid #dce6de; border-radius: 13px; background: #fbfdfb; } .gallery-admin-head[b-nzvhuf6dcb] { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .gallery-admin-head strong[b-nzvhuf6dcb], .gallery-admin-head small[b-nzvhuf6dcb] { display: block; } .gallery-admin-head strong[b-nzvhuf6dcb] { color: #063c29; font-size: 14px; } .gallery-admin-head small[b-nzvhuf6dcb] { margin-top: 3px; color: #718077; font-size: 13px; } .gallery-admin-head > span[b-nzvhuf6dcb] { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; background: #eaf4ec; color: #063c29; font-size: 13px; font-weight: 900; } .gallery-admin-grid[b-nzvhuf6dcb] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; } .gallery-admin-item[b-nzvhuf6dcb] { overflow: hidden; border: 1px solid #dce5de; border-radius: 10px; background: #fff; } .gallery-admin-item.main[b-nzvhuf6dcb] { border: 2px solid #063c29; box-shadow: 0 0 0 2px rgba(6,60,41,.08); } .gallery-admin-item > img[b-nzvhuf6dcb] { width: 100%; aspect-ratio: 1 / 1; display: block; object-fit: cover; background: #f2f5f2; } .gallery-admin-item > div[b-nzvhuf6dcb] { display: grid; grid-template-columns: 1fr auto; gap: 5px; padding: 7px; } .gallery-main-button[b-nzvhuf6dcb], .gallery-remove-button[b-nzvhuf6dcb] { min-height: 30px; padding: 5px 7px; border-radius: 6px; font-family: inherit; font-size: 13px; font-weight: 900; cursor: pointer; } .gallery-main-button[b-nzvhuf6dcb] { border: 1px solid #cfe0d2; background: #eef6ef; color: #063c29; } .gallery-main-button:disabled[b-nzvhuf6dcb] { opacity: 1; cursor: default; background: #063c29; color: #fff; } .gallery-remove-button[b-nzvhuf6dcb] { border: 1px solid #edd1d1; background: #fff; color: #a63a3a; } .product-image-uploader.multi[b-nzvhuf6dcb] { margin-top: 2px; } @media (max-width: 960px) { .gallery-admin-grid[b-nzvhuf6dcb] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 600px) { .gallery-admin-grid[b-nzvhuf6dcb] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* FLORA_V37D13_AUDIT_PAGINATION */ .admin-pagination[b-nzvhuf6dcb] { margin-top: 16px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid #dce5de; border-radius: 12px; background: #fff; } .admin-pagination > div:first-child[b-nzvhuf6dcb] { display: flex; align-items: baseline; gap: 7px; color: #657168; font-size: 13px; } .admin-pagination > div:first-child strong[b-nzvhuf6dcb] { color: #063c29; font-size: 15px; } .admin-pagination-actions[b-nzvhuf6dcb] { display: flex; align-items: center; gap: 9px; } .admin-pagination-actions button[b-nzvhuf6dcb] { min-height: 44px; padding: 0 14px; border: 1px solid #cfdad1; border-radius: 9px; background: #fff; color: #063c29; font-size: 13px; font-weight: 900; cursor: pointer; } .admin-pagination-actions button:hover:not(:disabled)[b-nzvhuf6dcb] { border-color: #063c29; background: #eff7f1; } .admin-pagination-actions button:disabled[b-nzvhuf6dcb] { cursor: default; opacity: .42; } .admin-pagination-actions > span[b-nzvhuf6dcb] { min-width: 60px; text-align: center; color: #526057; font-size: 13px; font-weight: 800; } .product-image-uploader strong[b-nzvhuf6dcb] { font-size: 13px; } .product-image-uploader small[b-nzvhuf6dcb] { font-size: 13px; } .product-image-uploader input[type=file][b-nzvhuf6dcb] { min-height: 44px; font-size: 13px; } .gallery-admin-head small[b-nzvhuf6dcb], .gallery-admin-head > span[b-nzvhuf6dcb] { font-size: 13px; } .gallery-main-button[b-nzvhuf6dcb], .gallery-remove-button[b-nzvhuf6dcb] { min-height: 40px; font-size: 13px; } @media (max-width: 650px) { .admin-pagination[b-nzvhuf6dcb] { align-items: stretch; flex-direction: column; } .admin-pagination-actions[b-nzvhuf6dcb] { justify-content: space-between; } .admin-pagination-actions button[b-nzvhuf6dcb] { flex: 1 1 0; } } /* ============================================================ FLORA_V37D18_ADMIN_PRODUCT_EDIT_MODAL_FILE_PICKER_V1 1) Secilen urunun manager alani ekranda modal kutu olarak acilir. 2) Native browser "Dosya Sec / Dosya secilmedi" UI gizlenir. 3) Edit + Yeni Urun olmak uzere iki InputFile ortak Flora picker kullanir. ============================================================ */ /* ----- URUN DUZENLEME: EKRANDA MODAL KUTU ----- */ .admin-products-page .product-manager[b-nzvhuf6dcb] { position: fixed !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%) !important; width: min(1180px, calc(100vw - 36px)) !important; max-width: 1180px !important; max-height: calc(100vh - 36px) !important; margin: 0 !important; padding: 14px !important; display: grid !important; grid-template-columns: minmax(0, .85fr) minmax(0, 1.55fr) !important; gap: 14px !important; overflow: auto !important; overscroll-behavior: contain; border: 1px solid #d5e1d7 !important; border-radius: 18px !important; background: #f7faf7 !important; box-shadow: 0 0 0 100vmax rgba(6,60,41,.42), 0 28px 80px rgba(6,60,41,.24) !important; z-index: 1400 !important; } /* Modal icindeki iki ana kart birbirine yapisik görünmesin */ .admin-products-page .product-manager > .manager-card[b-nzvhuf6dcb] { min-width: 0 !important; margin: 0 !important; border: 1px solid #dce5de !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 5px 18px rgba(6,60,41,.05) !important; } /* X kapatma butonu modal hissini guclendirsin */ .admin-products-page .product-manager .manager-heading button[b-nzvhuf6dcb] { min-width: 36px !important; min-height: 36px !important; border-radius: 9px !important; } /* ----- GORSEL UPLOAD KUTUSU ----- */ .admin-products-page .product-image-uploader.multi[b-nzvhuf6dcb] { border: 1px solid #d7e3d9 !important; border-radius: 14px !important; background: #f8fbf8 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.6) !important; } .admin-products-page .product-image-uploader.multi > div[b-nzvhuf6dcb] { min-width: 0 !important; } /* Native dosya input ekranda görünmez; label onu acmaya devam eder. */ .admin-products-page .flora-file-input[b-nzvhuf6dcb] { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 1px !important; min-height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; opacity: 0 !important; } .admin-products-page .flora-file-picker[b-nzvhuf6dcb] { width: 100%; min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; margin-top: 10px; padding: 7px; border: 1px solid #d8e2da; border-radius: 10px; background: #fff; } .admin-products-page .flora-file-button[b-nzvhuf6dcb] { min-height: 44px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid #063c29; border-radius: 8px; background: #063c29; color: #fff !important; font-family: inherit; font-size: 13px; font-weight: 900; line-height: 1; letter-spacing: .01em; cursor: pointer; user-select: none; box-shadow: 0 4px 11px rgba(6,60,41,.13); transition: background-color .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease; } .admin-products-page .flora-file-button:hover[b-nzvhuf6dcb] { background: #063c29; border-color: #063c29; box-shadow: 0 6px 15px rgba(6,60,41,.18); } .admin-products-page .flora-file-button:active[b-nzvhuf6dcb] { transform: translateY(1px); } .admin-products-page .flora-file-button > span[b-nzvhuf6dcb] { font-size: 18px; line-height: 1; font-weight: 700; } .admin-products-page .flora-file-status[b-nzvhuf6dcb] { min-width: 0; min-height: 44px; padding: 0 12px; display: flex; align-items: center; overflow: hidden; border: 1px solid #e0e7e1; border-radius: 8px; background: #f9fbf9; color: #5e6b61; font-size: 13px; font-weight: 700; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; } /* Eski native file CSS yeni custom inputu geri gorunur yapamasin */ .admin-products-page .product-image-uploader input[type=file].flora-file-input[b-nzvhuf6dcb] { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 1px !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; } /* Tablet: modal tek kolon ama ekran icinde kalir */ @media (max-width: 900px) { .admin-products-page .product-manager[b-nzvhuf6dcb] { width: min(760px, calc(100vw - 24px)) !important; max-height: calc(100vh - 24px) !important; grid-template-columns: minmax(0, 1fr) !important; padding: 10px !important; gap: 10px !important; border-radius: 15px !important; } } /* Mobil: file picker alt alta, dokunma alanlari 44px */ @media (max-width: 650px) { .admin-products-page .product-manager[b-nzvhuf6dcb] { width: calc(100vw - 16px) !important; max-height: calc(100vh - 16px) !important; padding: 8px !important; border-radius: 13px !important; } .admin-products-page .flora-file-picker[b-nzvhuf6dcb] { grid-template-columns: minmax(0, 1fr); gap: 7px; } .admin-products-page .flora-file-button[b-nzvhuf6dcb] { width: 100%; } .admin-products-page .flora-file-status[b-nzvhuf6dcb] { justify-content: center; text-align: center; } } /* ============================================================ FLORA_V37D18_ADMIN_MEDIA_VIDEO_UI_V2 Blazor InputFile child component oldugu icin ::deep ile native "Dosya Sec / Dosya secilmedi" kontrolu kesin gizlenir. Upload kutusu dar manager kartinda tasma yapmayacak sekilde tek kolon. ============================================================ */ .admin-products-page[b-nzvhuf6dcb] input.flora-file-input[type="file"], .admin-products-page[b-nzvhuf6dcb] .flora-file-input { position: absolute !important; inline-size: 1px !important; block-size: 1px !important; width: 1px !important; height: 1px !important; min-width: 1px !important; min-height: 1px !important; max-width: 1px !important; max-height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; opacity: 0 !important; pointer-events: none !important; } .admin-products-page .product-manager .product-image-uploader.multi[b-nzvhuf6dcb] { grid-template-columns: minmax(0,1fr) !important; align-items: stretch !important; gap: 11px !important; padding: 12px !important; overflow: hidden !important; } .admin-products-page .product-manager .product-image-uploader.multi > img[b-nzvhuf6dcb], .admin-products-page .product-manager .product-image-uploader.multi > .product-media-upload-preview[b-nzvhuf6dcb] { display: block !important; width: 100% !important; max-width: 100% !important; height: 170px !important; max-height: 170px !important; margin: 0 !important; border: 1px solid #dfe8e1 !important; border-radius: 11px !important; background: #eef4ef !important; object-fit: contain !important; } .admin-products-page .product-manager .product-image-uploader.multi > div[b-nzvhuf6dcb] { width: 100% !important; min-width: 0 !important; } .admin-products-page .flora-file-picker[b-nzvhuf6dcb] { grid-template-columns: minmax(0,1fr) !important; width: 100% !important; min-width: 0 !important; gap: 7px !important; padding: 7px !important; overflow: hidden !important; } .admin-products-page .flora-file-button[b-nzvhuf6dcb] { width: 100% !important; min-width: 0 !important; min-height: 44px !important; text-align: center !important; } .admin-products-page .flora-file-status[b-nzvhuf6dcb] { width: 100% !important; min-width: 0 !important; min-height: 42px !important; padding: 8px 10px !important; justify-content: center !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere !important; } .admin-products-page .gallery-admin-video[b-nzvhuf6dcb] { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: #eef4ef; } .admin-products-page .gallery-admin-video > video[b-nzvhuf6dcb] { display: block; width: 100%; height: 100%; object-fit: cover; } .admin-products-page .gallery-admin-video > span[b-nzvhuf6dcb] { position: absolute; right: 6px; bottom: 6px; padding: 4px 7px; border-radius: 999px; background: rgba(6,60,41,.88); color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .04em; } @media (max-width: 650px) { .admin-products-page .product-manager .product-image-uploader.multi > img[b-nzvhuf6dcb], .admin-products-page .product-manager .product-image-uploader.multi > .product-media-upload-preview[b-nzvhuf6dcb] { height: 190px !important; } } /* ============================================================ FLORA_V37D18_ADMIN_MEDIA_CARD_DELETE_UI_V1 Galeri kartlari daralmaz; buton yazilari cerceve icinde kalir. SİL butonu foto/video her medya kartinda gorunur. ============================================================ */ .admin-products-page .gallery-admin-grid[b-nzvhuf6dcb] { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; } .admin-products-page .gallery-admin-item[b-nzvhuf6dcb] { min-width: 0 !important; width: 100% !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; align-self: start !important; border-radius: 11px !important; background: #fff !important; } .admin-products-page .gallery-admin-item > img[b-nzvhuf6dcb], .admin-products-page .gallery-admin-item > .gallery-admin-video[b-nzvhuf6dcb] { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; flex: 0 0 auto !important; } .admin-products-page .gallery-admin-actions[b-nzvhuf6dcb] { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; width: 100% !important; min-width: 0 !important; padding: 7px !important; margin: 0 !important; box-sizing: border-box !important; } .admin-products-page .gallery-main-button[b-nzvhuf6dcb], .admin-products-page .gallery-remove-button[b-nzvhuf6dcb], .admin-products-page .gallery-media-action-label[b-nzvhuf6dcb] { width: 100% !important; min-width: 0 !important; min-height: 36px !important; height: auto !important; margin: 0 !important; padding: 7px 6px !important; box-sizing: border-box !important; border-radius: 7px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.18 !important; letter-spacing: 0 !important; } .admin-products-page .gallery-main-button[b-nzvhuf6dcb] { border: 1px solid #bdd9c4 !important; background: #f2f9f3 !important; color: #063c29 !important; } .admin-products-page .gallery-main-button:disabled[b-nzvhuf6dcb] { opacity: 1 !important; border-color: #063c29 !important; background: #063c29 !important; color: #fff !important; cursor: default !important; } .admin-products-page .gallery-remove-button[b-nzvhuf6dcb] { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; border: 1px solid #e7bcbc !important; background: #fff4f4 !important; color: #b42318 !important; cursor: pointer !important; } .admin-products-page .gallery-remove-button:hover[b-nzvhuf6dcb] { border-color: #d99a9a !important; background: #ffe9e9 !important; color: #8f1d14 !important; } .admin-products-page .gallery-media-action-label[b-nzvhuf6dcb] { border: 1px solid #d8e5db !important; background: #eef6f0 !important; color: #063c29 !important; } .admin-products-page .gallery-admin-item.main:has(.gallery-admin-video)[b-nzvhuf6dcb] { border-color: #d9e2db !important; box-shadow: none !important; } @media (max-width: 650px) { .admin-products-page .gallery-admin-grid[b-nzvhuf6dcb] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .admin-products-page .gallery-main-button[b-nzvhuf6dcb], .admin-products-page .gallery-remove-button[b-nzvhuf6dcb], .admin-products-page .gallery-media-action-label[b-nzvhuf6dcb] { min-height: 40px !important; font-size: 12px !important; } } /* ============================================================ FLORA_V37D18_ADMIN_PRODUCT_SAVE_TOAST_CARD_V1 Urun kayit sonucu ustte ince bar degil, premium floating kart. ============================================================ */ .admin-image-message[b-nzvhuf6dcb] { position: fixed !important; top: 82px !important; right: 24px !important; left: auto !important; width: min(420px, calc(100vw - 32px)) !important; min-height: 62px !important; margin: 0 !important; padding: 14px 44px 14px 52px !important; display: flex !important; align-items: center !important; border: 1px solid #b9d9c0 !important; border-radius: 14px !important; background: #ffffff !important; color: #063c29 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.45 !important; box-shadow: 0 18px 44px rgba(6,60,41,.16), 0 3px 10px rgba(6,60,41,.08) !important; z-index: 2200 !important; overflow: hidden !important; box-sizing: border-box !important; } .admin-image-message[b-nzvhuf6dcb]::before { content: "✓" !important; position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; width: 28px !important; height: 28px !important; display: grid !important; place-items: center !important; border-radius: 50% !important; background: #063c29 !important; color: #fff !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; } .admin-image-message[b-nzvhuf6dcb]::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 5px !important; height: 100% !important; background: #063c29 !important; } @media (max-width: 650px) { .admin-image-message[b-nzvhuf6dcb] { top: 72px !important; right: 10px !important; left: 10px !important; width: auto !important; min-height: 58px !important; padding: 12px 38px 12px 48px !important; border-radius: 12px !important; font-size: 12px !important; } .admin-image-message[b-nzvhuf6dcb]::before { left: 12px !important; width: 26px !important; height: 26px !important; font-size: 15px !important; } } /* FLORA_V37D18_SEARCH_UI_ADMINURUNLER_MASTER_START */ /* FLORA_V37D18_SEARCH_UI_ADMIN_PRODUCTS_V1_START */ .admin-products-page .toolbar .search-box[b-nzvhuf6dcb], .toolbar .search-box[b-nzvhuf6dcb] { position: relative !important; height: auto !important; min-height: 42px !important; padding: 0 !important; gap: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .admin-products-page .toolbar .search-box svg[b-nzvhuf6dcb], .toolbar .search-box svg[b-nzvhuf6dcb] { position: absolute !important; top: 50% !important; right: 13px !important; left: auto !important; transform: translateY(-50%) !important; width: 19px !important; height: 19px !important; color: #344238 !important; pointer-events: none !important; z-index: 2 !important; } .admin-products-page .toolbar .search-box input[type="search"][b-nzvhuf6dcb], .toolbar .search-box input[type="search"][b-nzvhuf6dcb] { width: 100% !important; min-height: 42px !important; padding: 0 46px 0 13px !important; border: 1px solid #d7dcd8 !important; border-radius: 8px !important; background: #ffffff !important; box-shadow: none !important; } .admin-products-page .toolbar .search-box input[type="search"]:focus[b-nzvhuf6dcb], .toolbar .search-box input[type="search"]:focus[b-nzvhuf6dcb] { border-color: #063c29 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } /* FLORA_V37D18_SEARCH_UI_ADMIN_PRODUCTS_V1_END */ /* FLORA_V37D18_SEARCH_UI_ADMINURUNLER_MASTER_END */ /* FLORA_V37D18_ADMIN_PRODUCTS_TOP_PREMIUM_V1_START */ /* ============================================================ FLORA ADMIN URUN YONETIMI - PREMIUM UST ALAN Sadece CSS. Urun/stok/varyant/arama mantigi aynen korunur. ============================================================ */ .admin-products-page[b-nzvhuf6dcb] { width: min(100% - 32px, 1280px) !important; margin: 0 auto 70px !important; background: linear-gradient( 180deg, #f8fbf8 0, #f5f8f5 360px, transparent 720px ) !important; } .admin-products-page > .admin-content[b-nzvhuf6dcb] { width: 100% !important; padding: 18px 0 34px !important; } /* PREMIUM HERO */ .admin-products-page .admin-content > .admin-header[b-nzvhuf6dcb] { position: relative !important; isolation: isolate !important; min-height: 188px !important; margin: 0 0 18px !important; padding: 30px 32px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; overflow: hidden !important; border: 0 !important; border-radius: 18px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 55%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 18px 42px rgba(6,60,41,.15) !important; } .admin-products-page .admin-content > .admin-header[b-nzvhuf6dcb]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 300px !important; height: 300px !important; right: -88px !important; top: -158px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .admin-products-page .admin-content > .admin-header[b-nzvhuf6dcb]::after { content: "" !important; position: absolute !important; z-index: -1 !important; width: 150px !important; height: 150px !important; right: 170px !important; bottom: -106px !important; border: 24px solid rgba(255,255,255,.035) !important; border-radius: 50% !important; } .admin-products-page .admin-content > .admin-header > div[b-nzvhuf6dcb] { position: relative !important; z-index: 2 !important; min-width: 0 !important; } .admin-products-page .admin-content > .admin-header .eyebrow[b-nzvhuf6dcb] { display: inline-flex !important; align-items: center !important; min-height: 28px !important; margin: 0 0 10px !important; padding: 0 11px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; background: rgba(255,255,255,.09) !important; color: #dcefe2 !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .13em !important; } .admin-products-page .admin-content > .admin-header h1[b-nzvhuf6dcb] { margin: 0 0 9px !important; color: #ffffff !important; font-size: clamp(30px, 3.7vw, 44px) !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: -.025em !important; } .admin-products-page .admin-content > .admin-header p[b-nzvhuf6dcb] { max-width: 720px !important; margin: 0 !important; color: #dce9df !important; font-size: 13px !important; line-height: 1.7 !important; } /* + YENI URUN */ .admin-products-page .admin-content > .admin-header .new-product-button[b-nzvhuf6dcb] { position: relative !important; z-index: 2 !important; min-width: 148px !important; min-height: 46px !important; height: auto !important; padding: 0 17px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255,255,255,.25) !important; border-radius: 10px !important; background: rgba(255,255,255,.11) !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; white-space: nowrap !important; box-shadow: none !important; transition: transform .16s ease, background .16s ease !important; } .admin-products-page .admin-content > .admin-header .new-product-button:hover[b-nzvhuf6dcb] { transform: translateY(-1px) !important; background: rgba(255,255,255,.18) !important; } /* 5 ISTATISTIK KARTI */ .admin-products-page .admin-content > .stats-grid[b-nzvhuf6dcb] { margin: 0 0 16px !important; display: grid !important; grid-template-columns: repeat(5, minmax(0,1fr)) !important; gap: 12px !important; } .admin-products-page .admin-content > .stats-grid .stat-card[b-nzvhuf6dcb] { position: relative !important; min-width: 0 !important; min-height: 122px !important; padding: 18px !important; overflow: hidden !important; border: 1px solid #dfe7e1 !important; border-radius: 14px !important; background: rgba(255,255,255,.98) !important; box-shadow: 0 8px 24px rgba(6,60,41,.055) !important; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease !important; } .admin-products-page .admin-content > .stats-grid .stat-card:hover[b-nzvhuf6dcb] { transform: translateY(-2px) !important; border-color: #c9dccd !important; box-shadow: 0 13px 30px rgba(6,60,41,.085) !important; } .admin-products-page .admin-content > .stats-grid .stat-card[b-nzvhuf6dcb]::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 4px !important; background: linear-gradient( 90deg, #063c29, #063c29 ) !important; } .admin-products-page .admin-content > .stats-grid .stat-card.warning[b-nzvhuf6dcb]::before { background: linear-gradient( 90deg, #b97a17, #dfa733 ) !important; } .admin-products-page .admin-content > .stats-grid .stat-card.danger[b-nzvhuf6dcb]::before { background: linear-gradient( 90deg, #b84949, #d66b6b ) !important; } .admin-products-page .admin-content > .stats-grid .stat-card > span[b-nzvhuf6dcb] { color: #66736a !important; font-size: 11px !important; font-weight: 700 !important; } .admin-products-page .admin-content > .stats-grid .stat-card > strong[b-nzvhuf6dcb] { margin: 9px 0 5px !important; color: #063c29 !important; font-size: 26px !important; font-weight: 900 !important; line-height: 1 !important; } .admin-products-page .admin-content > .stats-grid .stat-card.warning > strong[b-nzvhuf6dcb] { color: #9b6712 !important; } .admin-products-page .admin-content > .stats-grid .stat-card.danger > strong[b-nzvhuf6dcb] { color: #b13c3c !important; } .admin-products-page .admin-content > .stats-grid .stat-card small[b-nzvhuf6dcb] { margin-top: auto !important; color: #879188 !important; font-size: 10px !important; font-weight: 600 !important; } /* SEARCH + FILTER TOOLBAR */ .admin-products-page .admin-content > .toolbar[b-nzvhuf6dcb] { margin: 0 0 18px !important; padding: 10px !important; display: grid !important; grid-template-columns: minmax(0,1fr) 210px 190px !important; gap: 10px !important; border: 1px solid #dfe7e1 !important; border-radius: 13px !important; background: rgba(255,255,255,.98) !important; box-shadow: 0 8px 24px rgba(6,60,41,.045) !important; } /* Onceki inner-search ikon fixini koru */ .admin-products-page .admin-content > .toolbar .search-box[b-nzvhuf6dcb] { position: relative !important; min-width: 0 !important; height: auto !important; min-height: 42px !important; padding: 0 !important; gap: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .admin-products-page .admin-content > .toolbar .search-box svg[b-nzvhuf6dcb] { position: absolute !important; top: 50% !important; right: 13px !important; left: auto !important; transform: translateY(-50%) !important; width: 19px !important; height: 19px !important; color: #344238 !important; pointer-events: none !important; z-index: 2 !important; } .admin-products-page .admin-content > .toolbar .search-box input[type="search"][b-nzvhuf6dcb] { width: 100% !important; min-height: 42px !important; padding: 0 46px 0 13px !important; border: 1px solid #d7dcd8 !important; border-radius: 9px !important; background: #ffffff !important; color: #273229 !important; box-shadow: none !important; } .admin-products-page .admin-content > .toolbar .search-box input[type="search"]:focus[b-nzvhuf6dcb] { border-color: #78a685 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } .admin-products-page .admin-content > .toolbar select[b-nzvhuf6dcb] { min-height: 42px !important; padding: 0 36px 0 12px !important; border: 1px solid #d7dcd8 !important; border-radius: 9px !important; background-color: #ffffff !important; color: #253229 !important; font-size: 12px !important; font-weight: 700 !important; outline: none !important; } .admin-products-page .admin-content > .toolbar select:focus[b-nzvhuf6dcb] { border-color: #78a685 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } /* RESPONSIVE */ @media (max-width: 1080px) { .admin-products-page .admin-content > .stats-grid[b-nzvhuf6dcb] { grid-template-columns: repeat(3, minmax(0,1fr)) !important; } .admin-products-page .admin-content > .toolbar[b-nzvhuf6dcb] { grid-template-columns: minmax(0,1fr) 190px 170px !important; } } @media (max-width: 800px) { .admin-products-page[b-nzvhuf6dcb] { width: min(100% - 20px, 1280px) !important; } .admin-products-page > .admin-content[b-nzvhuf6dcb] { padding: 10px 0 34px !important; } .admin-products-page .admin-content > .admin-header[b-nzvhuf6dcb] { min-height: 0 !important; padding: 24px 20px !important; flex-direction: column !important; align-items: flex-start !important; border-radius: 15px !important; } .admin-products-page .admin-content > .admin-header h1[b-nzvhuf6dcb] { font-size: 31px !important; } .admin-products-page .admin-content > .admin-header p[b-nzvhuf6dcb] { font-size: 12px !important; } .admin-products-page .admin-content > .admin-header .new-product-button[b-nzvhuf6dcb] { width: 100% !important; min-width: 0 !important; } .admin-products-page .admin-content > .stats-grid[b-nzvhuf6dcb] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; } .admin-products-page .admin-content > .stats-grid .stat-card[b-nzvhuf6dcb] { min-height: 112px !important; padding: 15px !important; } .admin-products-page .admin-content > .toolbar[b-nzvhuf6dcb] { grid-template-columns: 1fr !important; } .admin-products-page .admin-content > .toolbar select[b-nzvhuf6dcb] { width: 100% !important; } } @media (max-width: 450px) { .admin-products-page .admin-content > .admin-header[b-nzvhuf6dcb] { padding: 22px 17px !important; border-radius: 13px !important; } .admin-products-page .admin-content > .admin-header h1[b-nzvhuf6dcb] { font-size: 28px !important; } .admin-products-page .admin-content > .stats-grid[b-nzvhuf6dcb] { grid-template-columns: 1fr 1fr !important; } .admin-products-page .admin-content > .stats-grid .stat-card[b-nzvhuf6dcb] { min-height: 108px !important; padding: 14px !important; } .admin-products-page .admin-content > .stats-grid .stat-card > strong[b-nzvhuf6dcb] { font-size: 23px !important; } .admin-products-page .admin-content > .stats-grid .stat-card:last-child[b-nzvhuf6dcb] { grid-column: 1 / -1 !important; } } /* FLORA_V37D18_ADMIN_PRODUCTS_TOP_PREMIUM_V1_END */ /* /Components/Pages/AdminYorumlar.razor.rz.scp.css */ .admin-review-page[b-ss4t1d5phs] { width: min(100% - 32px, 1220px); margin: 0 auto; padding: 0 0 70px; color: #243027; } .review-admin-head[b-ss4t1d5phs] { margin: 12px 0 18px; padding: 28px; border-radius: 16px; background: linear-gradient(135deg,#063c29,#063c29); color: #fff; box-shadow: 0 14px 34px rgba(6,60,41,.12); } .review-admin-head span[b-ss4t1d5phs] { font-size: 13px; font-weight: 900; letter-spacing: .11em; } .review-admin-head h1[b-ss4t1d5phs] { margin: 6px 0; font-size: 30px; line-height: 1.2; } .review-admin-head p[b-ss4t1d5phs] { max-width: 760px; margin: 0; color: #d9e7dc; font-size: 14px; line-height: 1.6; } .review-admin-message[b-ss4t1d5phs] { margin: 0 0 15px; padding: 12px 15px; border: 1px solid #bdd7c2; border-radius: 9px; background: #eff8f1; color: #063c29; font-size: 13px; font-weight: 700; } .review-metrics[b-ss4t1d5phs] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 0 0 18px; } .review-metrics article[b-ss4t1d5phs] { padding: 16px; border: 1px solid #e0e7e1; border-radius: 11px; background: #fff; } .review-metrics span[b-ss4t1d5phs], .review-metrics strong[b-ss4t1d5phs] { display: block; } .review-metrics span[b-ss4t1d5phs] { color: #718077; font-size: 13px; } .review-metrics strong[b-ss4t1d5phs] { margin-top: 6px; color: #063c29; font-size: 22px; } .review-admin-panel[b-ss4t1d5phs] { padding: 22px; border: 1px solid #dfe7e1; border-radius: 14px; background: #fff; box-shadow: 0 8px 26px rgba(6,60,41,.04); } .review-toolbar[b-ss4t1d5phs] { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 16px; } .review-toolbar h2[b-ss4t1d5phs], .review-toolbar p[b-ss4t1d5phs] { margin: 0; } .review-toolbar h2[b-ss4t1d5phs] { font-size: 20px; } .review-toolbar p[b-ss4t1d5phs] { margin-top: 4px; color: #68746b; font-size: 13px; } .review-search[b-ss4t1d5phs] { width: min(100%, 360px); min-height: 44px; padding: 9px 12px; border: 1px solid #d6dfd8; border-radius: 9px; background: #fff; color: #263229; font: inherit; font-size: 13px; } .review-search:focus[b-ss4t1d5phs] { border-color: #063c29; outline: none; box-shadow: 0 0 0 3px rgba(6,60,41,.10); } .review-table-wrap[b-ss4t1d5phs] { overflow-x: auto; } .review-table-wrap table[b-ss4t1d5phs] { width: 100%; min-width: 980px; border-collapse: collapse; font-size: 13px; } .review-table-wrap th[b-ss4t1d5phs], .review-table-wrap td[b-ss4t1d5phs] { padding: 12px 10px; border-bottom: 1px solid #e7ece8; text-align: left; vertical-align: top; } .review-table-wrap th[b-ss4t1d5phs] { background: #f6f9f6; color: #657068; font-size: 12px; letter-spacing: .04em; white-space: nowrap; } .product-cell[b-ss4t1d5phs] { min-width: 180px; } .product-cell strong[b-ss4t1d5phs] { display: block; margin-bottom: 5px; } .product-cell a[b-ss4t1d5phs] { display: inline-block; color: #063c29; font-size: 11px; font-weight: 900; text-decoration: none; } .comment-cell[b-ss4t1d5phs] { width: 38%; min-width: 260px; max-width: 520px; color: #435048; line-height: 1.55; white-space: normal; overflow-wrap: anywhere; } .rating-stars[b-ss4t1d5phs] { display: block; color: #b47a00; font-size: 17px; letter-spacing: 1px; white-space: nowrap; } .rating-stars + small[b-ss4t1d5phs] { display: block; margin-top: 3px; color: #818c84; } .action-cell[b-ss4t1d5phs] { min-width: 165px; } .delete-review[b-ss4t1d5phs], .confirm-delete[b-ss4t1d5phs], .cancel-delete[b-ss4t1d5phs] { min-height: 40px; padding: 0 12px; border-radius: 8px; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; } .delete-review[b-ss4t1d5phs] { border: 1px solid #efcdcd; background: #fff8f8; color: #a63e3e; } .delete-review:hover[b-ss4t1d5phs] { background: #fff0f0; } .delete-confirm[b-ss4t1d5phs] { display: grid; gap: 7px; } .delete-confirm strong[b-ss4t1d5phs] { color: #8f3333; font-size: 12px; } .confirm-delete[b-ss4t1d5phs] { border: 1px solid #a63e3e; background: #a63e3e; color: #fff; } .cancel-delete[b-ss4t1d5phs] { border: 1px solid #d5ddd7; background: #fff; color: #4e5b52; } .delete-review:disabled[b-ss4t1d5phs], .confirm-delete:disabled[b-ss4t1d5phs], .cancel-delete:disabled[b-ss4t1d5phs] { opacity: .55; cursor: default; } .review-empty-admin[b-ss4t1d5phs] { display: grid; gap: 5px; padding: 34px 20px; border: 1px dashed #d4ded6; border-radius: 10px; color: #7c877f; text-align: center; } .review-empty-admin strong[b-ss4t1d5phs] { color: #455248; } @media (max-width: 900px) { .review-metrics[b-ss4t1d5phs] { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 620px) { .admin-review-page[b-ss4t1d5phs] { width: min(100% - 20px,1220px); } .review-admin-head[b-ss4t1d5phs] { padding: 22px 18px; } .review-admin-head h1[b-ss4t1d5phs] { font-size: 25px; } .review-metrics[b-ss4t1d5phs] { grid-template-columns: 1fr 1fr; } .review-admin-panel[b-ss4t1d5phs] { padding: 16px; } .review-toolbar[b-ss4t1d5phs] { align-items: stretch; flex-direction: column; } .review-search[b-ss4t1d5phs] { width: 100%; max-width: none; } } /* ============================================================ FLORA_V37D18_ADMIN_REVIEWS_HERO_TOAST_UI_FIX_V1 Admin Yorumlar: - Ust alan Flora premium hero - Metrik kartlari Flora sistemine uyumlu - Mevcut Message altyapisi sag ust floating bildirim karti ============================================================ */ .admin-suite-page[b-ss4t1d5phs], .admin-suite-page *[b-ss4t1d5phs], .admin-suite-page *[b-ss4t1d5phs]::before, .admin-suite-page *[b-ss4t1d5phs]::after { box-sizing: border-box !important; } /* ---------- UST HERO ---------- */ .admin-suite-page > .suite-head[b-ss4t1d5phs], .admin-reviews-page > .suite-head[b-ss4t1d5phs], main.admin-reviews-page > header[b-ss4t1d5phs], main.admin-suite-page > header[b-ss4t1d5phs] { min-height: 0 !important; height: auto !important; margin: 16px 0 22px !important; padding: 24px 26px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 16px !important; background: linear-gradient(135deg,#063c29 0%,#063c29 55%,#063c29 100%) !important; color: #ffffff !important; box-shadow: 0 14px 34px rgba(6,60,41,.16) !important; overflow: hidden !important; } .admin-suite-page > .suite-head > div[b-ss4t1d5phs], .admin-reviews-page > .suite-head > div[b-ss4t1d5phs], main.admin-reviews-page > header > div[b-ss4t1d5phs], main.admin-suite-page > header > div[b-ss4t1d5phs] { min-width: 0 !important; } .admin-suite-page > .suite-head span[b-ss4t1d5phs], .admin-reviews-page > .suite-head span[b-ss4t1d5phs], main.admin-reviews-page > header span[b-ss4t1d5phs], main.admin-suite-page > header span[b-ss4t1d5phs] { display: block !important; margin: 0 0 5px !important; color: #bfe4c9 !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: .12em !important; } .admin-suite-page > .suite-head h1[b-ss4t1d5phs], .admin-reviews-page > .suite-head h1[b-ss4t1d5phs], main.admin-reviews-page > header h1[b-ss4t1d5phs], main.admin-suite-page > header h1[b-ss4t1d5phs] { margin: 0 0 7px !important; color: #ffffff !important; font-size: clamp(25px,2.5vw,32px) !important; font-weight: 900 !important; line-height: 1.12 !important; } .admin-suite-page > .suite-head p[b-ss4t1d5phs], .admin-reviews-page > .suite-head p[b-ss4t1d5phs], main.admin-reviews-page > header p[b-ss4t1d5phs], main.admin-suite-page > header p[b-ss4t1d5phs] { max-width: 820px !important; margin: 0 !important; color: #dcece0 !important; font-size: 13px !important; line-height: 1.55 !important; } /* ---------- METRIK KARTLARI ---------- */ .admin-suite-page .metric-grid[b-ss4t1d5phs], .admin-reviews-page .metric-grid[b-ss4t1d5phs] { gap: 12px !important; margin: 0 0 18px !important; } .admin-suite-page .metric-grid > article[b-ss4t1d5phs], .admin-reviews-page .metric-grid > article[b-ss4t1d5phs] { min-height: 94px !important; padding: 16px !important; border: 1px solid #dce5de !important; border-radius: 11px !important; background: linear-gradient(180deg,#ffffff 0%,#f8fbf8 100%) !important; box-shadow: 0 5px 15px rgba(6,60,41,.035) !important; } .admin-suite-page .metric-grid > article span[b-ss4t1d5phs], .admin-reviews-page .metric-grid > article span[b-ss4t1d5phs] { color: #68766d !important; font-size: 12px !important; } .admin-suite-page .metric-grid > article strong[b-ss4t1d5phs], .admin-reviews-page .metric-grid > article strong[b-ss4t1d5phs] { margin-top: 7px !important; color: #063c29 !important; font-size: 21px !important; font-weight: 900 !important; } /* ---------- LISTE PANELI ---------- */ .admin-suite-page .suite-panel[b-ss4t1d5phs], .admin-reviews-page .suite-panel[b-ss4t1d5phs], .admin-reviews-page .reviews-panel[b-ss4t1d5phs] { border: 1px solid #dce5de !important; border-radius: 15px !important; background: #ffffff !important; box-shadow: 0 8px 24px rgba(6,60,41,.05) !important; } .admin-suite-page input.review-search[b-ss4t1d5phs], .admin-reviews-page input.review-search[b-ss4t1d5phs] { min-height: 44px !important; padding: 9px 12px !important; border: 1px solid #d4ded6 !important; border-radius: 9px !important; background: #ffffff !important; box-shadow: none !important; } .admin-suite-page input.review-search:focus[b-ss4t1d5phs], .admin-reviews-page input.review-search:focus[b-ss4t1d5phs] { outline: none !important; border-color: #063c29 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } /* ---------- BIZIM FLOATING BILDIRIM SISTEMI ---------- */ .admin-suite-page .suite-message[b-ss4t1d5phs], .admin-reviews-page .suite-message[b-ss4t1d5phs], .admin-suite-page .admin-message[b-ss4t1d5phs], .admin-reviews-page .admin-message[b-ss4t1d5phs], .admin-suite-page .review-message[b-ss4t1d5phs], .admin-reviews-page .review-message[b-ss4t1d5phs] { position: fixed !important; top: 82px !important; right: 24px !important; left: auto !important; width: min(440px, calc(100vw - 32px)) !important; min-height: 64px !important; margin: 0 !important; padding: 14px 22px 14px 54px !important; display: flex !important; align-items: center !important; border: 1px solid #b9d9c0 !important; border-radius: 14px !important; background: #ffffff !important; color: #063c29 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.45 !important; text-align: left !important; box-shadow: 0 18px 44px rgba(6,60,41,.16), 0 3px 10px rgba(6,60,41,.08) !important; z-index: 26000 !important; overflow: hidden !important; } .admin-suite-page .suite-message[b-ss4t1d5phs]::before, .admin-reviews-page .suite-message[b-ss4t1d5phs]::before, .admin-suite-page .admin-message[b-ss4t1d5phs]::before, .admin-reviews-page .admin-message[b-ss4t1d5phs]::before, .admin-suite-page .review-message[b-ss4t1d5phs]::before, .admin-reviews-page .review-message[b-ss4t1d5phs]::before { content: "✓" !important; position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; width: 28px !important; height: 28px !important; display: grid !important; place-items: center !important; border-radius: 50% !important; background: #063c29 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; } .admin-suite-page .suite-message[b-ss4t1d5phs]::after, .admin-reviews-page .suite-message[b-ss4t1d5phs]::after, .admin-suite-page .admin-message[b-ss4t1d5phs]::after, .admin-reviews-page .admin-message[b-ss4t1d5phs]::after, .admin-suite-page .review-message[b-ss4t1d5phs]::after, .admin-reviews-page .review-message[b-ss4t1d5phs]::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 5px !important; height: 100% !important; background: #063c29 !important; } /* Hata mesaji icin mevcut error class kullaniliyorsa kirmizi varyant. */ .admin-suite-page .admin-message.error[b-ss4t1d5phs], .admin-reviews-page .admin-message.error[b-ss4t1d5phs], .admin-suite-page .suite-message.error[b-ss4t1d5phs], .admin-reviews-page .suite-message.error[b-ss4t1d5phs], .admin-suite-page .review-message.error[b-ss4t1d5phs], .admin-reviews-page .review-message.error[b-ss4t1d5phs] { border-color: #efcaca !important; color: #8d2929 !important; } .admin-suite-page .admin-message.error[b-ss4t1d5phs]::before, .admin-reviews-page .admin-message.error[b-ss4t1d5phs]::before, .admin-suite-page .suite-message.error[b-ss4t1d5phs]::before, .admin-reviews-page .suite-message.error[b-ss4t1d5phs]::before, .admin-suite-page .review-message.error[b-ss4t1d5phs]::before, .admin-reviews-page .review-message.error[b-ss4t1d5phs]::before, .admin-suite-page .admin-message.error[b-ss4t1d5phs]::after, .admin-reviews-page .admin-message.error[b-ss4t1d5phs]::after, .admin-suite-page .suite-message.error[b-ss4t1d5phs]::after, .admin-reviews-page .suite-message.error[b-ss4t1d5phs]::after, .admin-suite-page .review-message.error[b-ss4t1d5phs]::after, .admin-reviews-page .review-message.error[b-ss4t1d5phs]::after { background: #c43d3d !important; } /* ---------- MOBILE ---------- */ @media (max-width: 650px) { .admin-suite-page > .suite-head[b-ss4t1d5phs], .admin-reviews-page > .suite-head[b-ss4t1d5phs], main.admin-reviews-page > header[b-ss4t1d5phs], main.admin-suite-page > header[b-ss4t1d5phs] { margin-top: 10px !important; padding: 20px 18px !important; border-radius: 14px !important; } .admin-suite-page .suite-message[b-ss4t1d5phs], .admin-reviews-page .suite-message[b-ss4t1d5phs], .admin-suite-page .admin-message[b-ss4t1d5phs], .admin-reviews-page .admin-message[b-ss4t1d5phs], .admin-suite-page .review-message[b-ss4t1d5phs], .admin-reviews-page .review-message[b-ss4t1d5phs] { top: 72px !important; right: 10px !important; left: 10px !important; width: auto !important; min-height: 58px !important; padding: 12px 16px 12px 48px !important; border-radius: 12px !important; font-size: 12px !important; } } /* ============================================================ FLORA_V37D18_ADMIN_REVIEWS_REAL_TARGET_UI_V2 Admin Yorumlar - gerçek Razor DOM classları üzerinden kesin hedef. ============================================================ */ .flora-reviews-hero-fixed[b-ss4t1d5phs] { min-height: 0 !important; height: auto !important; margin: 16px 0 22px !important; padding: 26px 28px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 16px !important; background: linear-gradient(135deg,#063c29 0%,#063c29 55%,#063c29 100%) !important; color: #ffffff !important; box-shadow: 0 14px 34px rgba(6,60,41,.16) !important; overflow: hidden !important; } .flora-reviews-hero-fixed > div[b-ss4t1d5phs] { min-width: 0 !important; } .flora-reviews-hero-fixed span[b-ss4t1d5phs] { display: block !important; margin: 0 0 6px !important; color: #bfe4c9 !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: .12em !important; } .flora-reviews-hero-fixed h1[b-ss4t1d5phs] { margin: 0 0 8px !important; color: #ffffff !important; font-size: clamp(26px,2.5vw,32px) !important; font-weight: 900 !important; line-height: 1.12 !important; } .flora-reviews-hero-fixed p[b-ss4t1d5phs] { max-width: 820px !important; margin: 0 !important; color: #dcece0 !important; font-size: 13px !important; line-height: 1.55 !important; } /* Mevcut mesaj sistemi -> bizim sağ üst bildirim kartı */ .flora-reviews-toast-fixed[b-ss4t1d5phs] { position: fixed !important; top: 82px !important; right: 24px !important; left: auto !important; width: min(440px, calc(100vw - 32px)) !important; min-height: 64px !important; margin: 0 !important; padding: 14px 22px 14px 54px !important; display: flex !important; align-items: center !important; border: 1px solid #b9d9c0 !important; border-radius: 14px !important; background: #ffffff !important; color: #063c29 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.45 !important; text-align: left !important; box-shadow: 0 18px 44px rgba(6,60,41,.16), 0 3px 10px rgba(6,60,41,.08) !important; z-index: 26000 !important; overflow: hidden !important; box-sizing: border-box !important; } .flora-reviews-toast-fixed[b-ss4t1d5phs]::before { content: "✓" !important; position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; width: 28px !important; height: 28px !important; display: grid !important; place-items: center !important; border-radius: 50% !important; background: #063c29 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; } .flora-reviews-toast-fixed[b-ss4t1d5phs]::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 5px !important; height: 100% !important; background: #063c29 !important; } /* Kart/panel harmonisi */ .metric-grid[b-ss4t1d5phs] { gap: 12px !important; margin-bottom: 18px !important; } .metric-grid > article[b-ss4t1d5phs] { min-height: 94px !important; padding: 16px !important; border: 1px solid #dce5de !important; border-radius: 11px !important; background: linear-gradient(180deg,#ffffff 0%,#f8fbf8 100%) !important; box-shadow: 0 5px 15px rgba(6,60,41,.035) !important; } input.review-search[b-ss4t1d5phs] { min-height: 44px !important; padding: 9px 12px !important; border: 1px solid #d4ded6 !important; border-radius: 9px !important; background: #ffffff !important; } input.review-search:focus[b-ss4t1d5phs] { outline: none !important; border-color: #063c29 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } @media (max-width: 650px) { .flora-reviews-hero-fixed[b-ss4t1d5phs] { margin-top: 10px !important; padding: 20px 18px !important; border-radius: 14px !important; } .flora-reviews-toast-fixed[b-ss4t1d5phs] { top: 72px !important; right: 10px !important; left: 10px !important; width: auto !important; min-height: 58px !important; padding: 12px 16px 12px 48px !important; border-radius: 12px !important; font-size: 12px !important; } } /* FLORA_V37D18_SEARCH_UI_ADMINYORUMLAR_MASTER_START */ /* FLORA_V37D18_SEARCH_UI_ADMIN_REVIEWS_V1_START */ .admin-suite-page input.review-search[b-ss4t1d5phs], .admin-reviews-page input.review-search[b-ss4t1d5phs], input.review-search[b-ss4t1d5phs] { padding-right: 46px !important; background-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%231d2a20%27 stroke-width=%271.8%27 stroke-linecap=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27M20 20L16.4 16.4%27/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 19px 19px !important; box-shadow: none !important; } .admin-suite-page input.review-search:focus[b-ss4t1d5phs], .admin-reviews-page input.review-search:focus[b-ss4t1d5phs], input.review-search:focus[b-ss4t1d5phs] { border-color: #063c29 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } /* FLORA_V37D18_SEARCH_UI_ADMIN_REVIEWS_V1_END */ /* FLORA_V37D18_SEARCH_UI_ADMINYORUMLAR_MASTER_END */ /* /Components/Pages/Adreslerim.razor.rz.scp.css */ .addresses-page[b-0m6nf1v94y] { display: grid; gap: 22px; } .page-heading > span[b-0m6nf1v94y], .form-card-head span[b-0m6nf1v94y], .saved-heading span[b-0m6nf1v94y], .address-title > div > span[b-0m6nf1v94y] { color: #063c29; font-size: 13px; font-weight: 900; letter-spacing: .12em; } .page-heading h1[b-0m6nf1v94y] { margin: 6px 0 7px; font-size: 31px; } .page-heading p[b-0m6nf1v94y] { max-width: 690px; margin: 0; color: #6d766f; font-size: 14px; line-height: 1.65; } .addresses-layout[b-0m6nf1v94y] { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 18px; align-items: start; } .address-form-card[b-0m6nf1v94y], .saved-addresses[b-0m6nf1v94y] { border: 1px solid #dfe7e0; border-radius: 14px; background: #fff; box-shadow: 0 12px 32px rgba(6,60,41,.04); } .address-form-card[b-0m6nf1v94y] { overflow: hidden; } .form-card-head[b-0m6nf1v94y], .saved-heading[b-0m6nf1v94y] { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding: 19px 21px; border-bottom: 1px solid #edf1ed; background: #fafcfa; } .form-card-head h2[b-0m6nf1v94y], .saved-heading h2[b-0m6nf1v94y] { margin: 4px 0 0; font-size: 18px; } .address-icon[b-0m6nf1v94y] { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; background: #eaf4ec; color: #063c29; font-size: 20px; } .saved-heading > strong[b-0m6nf1v94y] { min-width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #063c29; color: #fff; font-size: 13px; } .form-grid[b-0m6nf1v94y] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 20px 21px; } .form-grid label[b-0m6nf1v94y] { display: grid; gap: 6px; } .form-grid label > span[b-0m6nf1v94y] { color: #354038; font-size: 13px; font-weight: 800; } .form-grid .wide[b-0m6nf1v94y] { grid-column: 1 / -1; } .form-grid input[b-0m6nf1v94y], .form-grid textarea[b-0m6nf1v94y] { width: 100%; padding: 11px 12px; border: 1px solid #d7dfd8; border-radius: 6px; background: #fff; color: #243027; font: inherit; font-size: 13px; } .form-grid input:focus[b-0m6nf1v94y], .form-grid textarea:focus[b-0m6nf1v94y] { border-color: #063c29; outline: 0; box-shadow: 0 0 0 3px rgba(6,60,41,.07); } .default-check[b-0m6nf1v94y] { display: flex !important; gap: 8px !important; align-items: center; grid-column: 1 / -1; } .default-check input[b-0m6nf1v94y] { width: auto; } .address-message[b-0m6nf1v94y] { margin: 0 21px 17px; padding: 11px 13px; border-radius: 7px; background: #eef7f0; color: #063c29; font-size: 13px; font-weight: 700; } .form-actions[b-0m6nf1v94y] { display: flex; gap: 8px; padding: 0 21px 21px; } .form-actions button[b-0m6nf1v94y], .address-actions button[b-0m6nf1v94y] { border: 0; border-radius: 6px; font-size: 13px; font-weight: 900; cursor: pointer; } .form-actions button[b-0m6nf1v94y] { padding: 11px 14px; background: #063c29; color: #fff; } .form-actions .secondary[b-0m6nf1v94y] { background: #eef1ee; color: #4f5b51; } .saved-addresses[b-0m6nf1v94y] { overflow: hidden; padding-bottom: 12px; } .address-card[b-0m6nf1v94y] { margin: 12px 12px 0; padding: 17px; border: 1px solid #e2e8e3; border-radius: 10px; background: #fff; } .address-card.default[b-0m6nf1v94y] { border-color: #a9c8b1; background: #f7fbf8; } .address-title[b-0m6nf1v94y] { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin-bottom: 9px; } .address-title h3[b-0m6nf1v94y] { margin: 3px 0 0; font-size: 16px; } .default-badge[b-0m6nf1v94y] { padding: 5px 8px; border-radius: 20px; background: #dfeee2; color: #063c29; font-size: 13px; font-weight: 900; } .address-name[b-0m6nf1v94y] { font-size: 13px; } .address-card p[b-0m6nf1v94y] { margin: 6px 0 13px; color: #6b756d; font-size: 13px; line-height: 1.7; } .address-actions[b-0m6nf1v94y] { display: flex; flex-wrap: wrap; gap: 7px; } .address-actions button[b-0m6nf1v94y] { padding: 8px 10px; background: #edf4ef; color: #063c29; } .address-actions .danger[b-0m6nf1v94y] { background: #fff1f1; color: #a13b3b; } .empty-address[b-0m6nf1v94y] { margin: 12px; padding: 44px 22px; border: 1px dashed #cfdbd1; border-radius: 10px; text-align: center; } .empty-address > div[b-0m6nf1v94y] { color: #063c29; font-size: 34px; } .empty-address h3[b-0m6nf1v94y] { margin: 8px 0 5px; font-size: 17px; } .empty-address p[b-0m6nf1v94y] { margin: 0; color: #748076; font-size: 13px; } @media (max-width: 980px) { .addresses-layout[b-0m6nf1v94y] { grid-template-columns: 1fr; } } @media (max-width: 620px) { .page-heading h1[b-0m6nf1v94y] { font-size: 28px; } .form-grid[b-0m6nf1v94y] { grid-template-columns: 1fr; } .form-grid .wide[b-0m6nf1v94y], .default-check[b-0m6nf1v94y] { grid-column: auto; } } /* FLORA_V37D14_AUDIT_CLOSE */ @media(max-width:760px){ .default-check[b-0m6nf1v94y]{ position:relative; min-height:44px; padding-left:44px; } .default-check input[type="checkbox"][b-0m6nf1v94y]{ position:absolute; left:0; top:0; z-index:2; width:44px!important; height:44px!important; margin:0; opacity:0; cursor:pointer; } .default-check[b-0m6nf1v94y]::before{ content:""; position:absolute; left:12px; top:50%; width:20px; height:20px; transform:translateY(-50%); border:1.5px solid #b8c7bb; border-radius:5px; background:#fff; box-sizing:border-box; pointer-events:none; } .default-check:has(input[type="checkbox"]:checked)[b-0m6nf1v94y]::before{ border-color:#063c29; background:#063c29; } .default-check:has(input[type="checkbox"]:checked)[b-0m6nf1v94y]::after{ content:"✓"; position:absolute; left:17px; top:50%; transform:translateY(-53%); color:#fff; font-size:13px; font-weight:900; line-height:1; pointer-events:none; } } /* ============================================================ FLORA_V37D18_ADDRESS_FORM_SPACING_OVERFLOW_FIX_V1 SADECE /hesabim/adreslerim FORM TASARIMI: - Kutular arasinda net bosluk - Input / textarea kart disina TASMAZ - 2 kolon desktop, 1 kolon dar ekranda - Checkbox kendi boyutunda kalir - Mevcut Flora yesil tasarim dili korunur ============================================================ */ .addresses-page[b-0m6nf1v94y], .addresses-page *[b-0m6nf1v94y], .addresses-page *[b-0m6nf1v94y]::before, .addresses-page *[b-0m6nf1v94y]::after { box-sizing: border-box !important; } .addresses-page[b-0m6nf1v94y] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* Ana iki kolonun cocuklari kendi kolonu disina tasmasin */ .addresses-page .addresses-layout[b-0m6nf1v94y] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; gap: 22px !important; align-items: start !important; } .addresses-page .address-form-card[b-0m6nf1v94y] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; border: 1px solid #dce6de !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(6,60,41,.05) !important; } /* Başlık alanı */ .addresses-page .form-card-head[b-0m6nf1v94y] { width: 100% !important; min-width: 0 !important; padding: 21px 22px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; border-bottom: 1px solid #edf1ed !important; background: #fafcfa !important; } .addresses-page .form-card-head > div:first-child[b-0m6nf1v94y] { min-width: 0 !important; } .addresses-page .form-card-head h2[b-0m6nf1v94y] { margin-bottom: 0 !important; } .addresses-page .address-icon[b-0m6nf1v94y] { flex: 0 0 auto !important; } /* ============================================================ FORM GRID ============================================================ */ .addresses-page .form-grid[b-0m6nf1v94y] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 22px !important; row-gap: 20px !important; padding: 24px !important; } .addresses-page .form-grid > label[b-0m6nf1v94y] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; } .addresses-page .form-grid > label.wide[b-0m6nf1v94y] { grid-column: 1 / -1 !important; } .addresses-page .form-grid > label > span[b-0m6nf1v94y] { display: block !important; margin: 0 !important; line-height: 1.3 !important; } /* INPUT / TEXTAREA: Width + padding artik border-box icinde hesaplanir. */ .addresses-page .form-grid input:not([type="checkbox"])[b-0m6nf1v94y], .addresses-page .form-grid select[b-0m6nf1v94y], .addresses-page .form-grid textarea[b-0m6nf1v94y] { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 13px 14px !important; box-sizing: border-box !important; border: 1px solid #d5dfd7 !important; border-radius: 8px !important; background: #ffffff !important; color: #243027 !important; font: inherit !important; font-size: 14px !important; outline: 0 !important; box-shadow: none !important; } .addresses-page .form-grid input:not([type="checkbox"])[b-0m6nf1v94y], .addresses-page .form-grid select[b-0m6nf1v94y] { min-height: 45px !important; } .addresses-page .form-grid textarea[b-0m6nf1v94y] { min-height: 110px !important; resize: vertical !important; line-height: 1.55 !important; } .addresses-page .form-grid input:not([type="checkbox"]):focus[b-0m6nf1v94y], .addresses-page .form-grid select:focus[b-0m6nf1v94y], .addresses-page .form-grid textarea:focus[b-0m6nf1v94y] { border-color: #063c29 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.09) !important; } /* ============================================================ DEFAULT CHECKBOX ============================================================ */ .addresses-page .form-grid .default-check[b-0m6nf1v94y] { grid-column: 1 / -1 !important; width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; padding: 2px 2px 0 !important; } .addresses-page .form-grid .default-check input[type="checkbox"][b-0m6nf1v94y] { flex: 0 0 auto !important; width: 16px !important; height: 16px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; accent-color: #063c29 !important; } .addresses-page .form-grid .default-check span[b-0m6nf1v94y] { min-width: 0 !important; font-size: 13px !important; line-height: 1.4 !important; } /* ============================================================ SAVE ACTIONS ============================================================ */ .addresses-page .form-actions[b-0m6nf1v94y] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; padding: 0 24px 24px !important; } .addresses-page .form-actions button[b-0m6nf1v94y] { max-width: 100% !important; min-height: 42px !important; padding: 0 16px !important; box-sizing: border-box !important; border-radius: 7px !important; } /* Mesaj kartın içinde kalsın */ .addresses-page .address-message[b-0m6nf1v94y] { max-width: calc(100% - 48px) !important; margin: 0 24px 18px !important; box-sizing: border-box !important; } /* ============================================================ TABLET ============================================================ */ @media (max-width: 900px) { .addresses-page .addresses-layout[b-0m6nf1v94y] { grid-template-columns: minmax(0, 1fr) !important; } .addresses-page .address-form-card[b-0m6nf1v94y], .addresses-page .saved-addresses[b-0m6nf1v94y] { min-width: 0 !important; max-width: 100% !important; } } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 620px) { .addresses-page .form-card-head[b-0m6nf1v94y] { padding: 18px !important; } .addresses-page .form-grid[b-0m6nf1v94y] { grid-template-columns: minmax(0, 1fr) !important; column-gap: 0 !important; row-gap: 16px !important; padding: 18px !important; } .addresses-page .form-grid > label.wide[b-0m6nf1v94y], .addresses-page .form-grid .default-check[b-0m6nf1v94y] { grid-column: auto !important; } .addresses-page .form-actions[b-0m6nf1v94y] { align-items: stretch !important; flex-direction: column !important; padding: 0 18px 18px !important; } .addresses-page .form-actions button[b-0m6nf1v94y] { width: 100% !important; } .addresses-page .address-message[b-0m6nf1v94y] { max-width: calc(100% - 36px) !important; margin: 0 18px 16px !important; } } /* ============================================================ FLORA_V37D18_ADDRESSES_PAGE_HEADING_PREMIUM_V1 SADECE: .addresses-page .page-heading Form, kayitli adres kartlari ve hesap mantigi degismez. ============================================================ */ .addresses-page .page-heading[b-0m6nf1v94y] { position: relative !important; isolation: isolate !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 170px !important; margin: 0 !important; padding: 28px 32px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; overflow: hidden !important; border: 0 !important; border-radius: 16px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 52%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 14px 34px rgba(6,60,41,.14) !important; box-sizing: border-box !important; } .addresses-page .page-heading[b-0m6nf1v94y]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 260px !important; height: 260px !important; right: -78px !important; top: -128px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .addresses-page .page-heading[b-0m6nf1v94y]::after { content: "" !important; position: absolute !important; z-index: -1 !important; width: 120px !important; height: 120px !important; right: 115px !important; bottom: -88px !important; border: 22px solid rgba(255,255,255,.035) !important; border-radius: 50% !important; } /* TESLIMAT ADRESLERI etiketi */ .addresses-page .page-heading > span[b-0m6nf1v94y] { display: inline-flex !important; align-items: center !important; min-height: 27px !important; margin: 0 0 10px !important; padding: 0 10px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; background: rgba(255,255,255,.09) !important; color: #d7ecdc !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .12em !important; } /* KAYITLI ADRESLERIM */ .addresses-page .page-heading > h1[b-0m6nf1v94y] { max-width: 760px !important; margin: 0 0 10px !important; color: #ffffff !important; font-size: clamp(30px, 4vw, 42px) !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: -.02em !important; } /* Açıklama */ .addresses-page .page-heading > p[b-0m6nf1v94y] { max-width: 760px !important; margin: 0 !important; color: #dcece0 !important; font-size: 13px !important; line-height: 1.68 !important; } /* Başlık ile alt adres formu arasında net boşluk */ .addresses-page .page-heading + .addresses-layout[b-0m6nf1v94y] { margin-top: 22px !important; } /* Tablet */ @media (max-width: 760px) { .addresses-page .page-heading[b-0m6nf1v94y] { min-height: 155px !important; padding: 25px 24px !important; border-radius: 14px !important; } .addresses-page .page-heading > h1[b-0m6nf1v94y] { font-size: 32px !important; } } /* Mobil */ @media (max-width: 520px) { .addresses-page .page-heading[b-0m6nf1v94y] { min-height: 145px !important; padding: 22px 18px !important; border-radius: 13px !important; } .addresses-page .page-heading > span[b-0m6nf1v94y] { min-height: 25px !important; font-size: 9px !important; } .addresses-page .page-heading > h1[b-0m6nf1v94y] { margin-bottom: 8px !important; font-size: 28px !important; } .addresses-page .page-heading > p[b-0m6nf1v94y] { font-size: 12px !important; line-height: 1.6 !important; } .addresses-page .page-heading + .addresses-layout[b-0m6nf1v94y] { margin-top: 16px !important; } } /* FLORA_V37D18_MOBILE_DEFAULT_CHECKBOX_OVERLAP_FIX_V1_START */ /* ============================================================ SADECE MOBIL CHECKBOX/YAZI CAKISMASI. Eski 44px invisible touch overlay + pseudo checkbox devre disi. Native checkbox flex satirinda kendi yerini alir. ============================================================ */ @media (max-width: 760px) { .addresses-page .form-grid .default-check[b-0m6nf1v94y] { position: static !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 44px !important; padding: 4px 0 !important; margin: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 12px !important; } .addresses-page .form-grid .default-check[b-0m6nf1v94y]::before, .addresses-page .form-grid .default-check[b-0m6nf1v94y]::after { content: none !important; display: none !important; } .addresses-page .form-grid .default-check input[type="checkbox"][b-0m6nf1v94y] { position: static !important; left: auto !important; top: auto !important; flex: 0 0 22px !important; width: 22px !important; height: 22px !important; min-width: 22px !important; max-width: 22px !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; appearance: auto !important; -webkit-appearance: checkbox !important; accent-color: #063c29 !important; cursor: pointer !important; } .addresses-page .form-grid .default-check > span[b-0m6nf1v94y] { position: static !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.4 !important; white-space: normal !important; overflow-wrap: break-word !important; } } /* FLORA_V37D18_MOBILE_DEFAULT_CHECKBOX_OVERLAP_FIX_V1_END */ /* /Components/Pages/AkilliUrunBulucu.razor.rz.scp.css */ .finder-page[b-wzrg13eub0] { --green: #063c29; --dark-green: #063c29; --light-green: #eef6ef; --border: #e1e6e2; --text: #1b201c; --muted: #69706a; --yellow: #f2ad00; width: min(100% - 40px, 1250px); margin: 0 auto; padding-bottom: 70px; color: var(--text); font-family: var(--flora-font-family); } .breadcrumb[b-wzrg13eub0] { min-height: 55px; display: flex; align-items: center; gap: 8px; color: #737a74; font-size: 13px; } .breadcrumb a[b-wzrg13eub0] { color: #737a74; text-decoration: none; } .breadcrumb strong[b-wzrg13eub0] { color: #242924; } .finder-header[b-wzrg13eub0] { max-width: 720px; margin: 20px auto 30px; text-align: center; } .finder-label[b-wzrg13eub0] { color: var(--green); font-size: 13px; font-weight: 800; letter-spacing: 1.4px; } .finder-header h1[b-wzrg13eub0] { margin: 8px 0 12px; font-size: 35px; line-height: 1.08; } .finder-header p[b-wzrg13eub0] { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; } .steps[b-wzrg13eub0] { max-width: 850px; margin: 0 auto 25px; display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: start; } .step[b-wzrg13eub0] { width: 110px; display: flex; flex-direction: column; align-items: center; color: #989f99; text-align: center; } .step > span[b-wzrg13eub0] { width: 34px; height: 34px; margin-bottom: 7px; display: grid; place-items: center; border: 1px solid #ccd2cd; border-radius: 50%; background: white; font-size: 13px; font-weight: 700; } .step strong[b-wzrg13eub0] { font-size: 13px; line-height: 1.35; } .step.active[b-wzrg13eub0], .step.completed[b-wzrg13eub0] { color: var(--green); } .step.active > span[b-wzrg13eub0], .step.completed > span[b-wzrg13eub0] { border-color: var(--green); background: var(--green); color: white; } .step-line[b-wzrg13eub0] { height: 2px; margin: 16px -13px 0; background: #dfe4e0; } .step-line.active[b-wzrg13eub0] { background: var(--green); } .finder-card[b-wzrg13eub0] { min-height: 450px; padding: 30px; border: 1px solid var(--border); border-radius: 8px; background: white; } .question-section[b-wzrg13eub0] { max-width: 1000px; margin: 0 auto; } .question-number[b-wzrg13eub0] { display: block; margin-bottom: 8px; color: var(--green); font-size: 13px; font-weight: 800; letter-spacing: 1.2px; } .question-section h2[b-wzrg13eub0] { margin: 0 0 7px; font-size: 25px; } .question-section > p[b-wzrg13eub0] { margin: 0 0 24px; color: var(--muted); font-size: 13px; line-height: 1.6; } .choice-grid[b-wzrg13eub0] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } .choice-card[b-wzrg13eub0] { min-height: 150px; padding: 18px 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; border: 1px solid #dce1dd; border-radius: 7px; background: white; color: #252a26; text-align: center; cursor: pointer; } .choice-card:hover[b-wzrg13eub0] { border-color: #a6c3ad; } .choice-card.active[b-wzrg13eub0] { border: 2px solid var(--green); background: #f2f8f3; color: var(--green); } .choice-icon[b-wzrg13eub0] { font-size: 28px; } .choice-card strong[b-wzrg13eub0] { font-size: 13px; } .choice-card > span:last-child[b-wzrg13eub0] { color: var(--muted); font-size: 13px; line-height: 1.5; } .conditions-grid[b-wzrg13eub0] { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; } .mini-question[b-wzrg13eub0] { padding: 20px; border: 1px solid var(--border); border-radius: 7px; } .mini-question h3[b-wzrg13eub0] { margin: 0 0 13px; font-size: 15px; } .mini-choice-grid[b-wzrg13eub0] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } .mini-choice[b-wzrg13eub0] { min-height: 85px; padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border: 1px solid #dce1dd; border-radius: 6px; background: white; cursor: pointer; } .mini-choice span[b-wzrg13eub0] { font-size: 22px; } .mini-choice strong[b-wzrg13eub0] { font-size: 13px; } .mini-choice.active[b-wzrg13eub0] { border-color: var(--green); background: var(--light-green); color: var(--green); } .navigation-buttons[b-wzrg13eub0] { margin-top: 28px; display: flex; justify-content: space-between; gap: 10px; } .navigation-buttons button[b-wzrg13eub0] { min-width: 110px; height: 40px; padding: 0 16px; border-radius: 4px; font-size: 13px; font-weight: 700; cursor: pointer; } .back-button[b-wzrg13eub0] { border: 1px solid #d6dbd7; background: white; color: #555d56; } .next-button[b-wzrg13eub0] { border: 0; background: var(--green); color: white; } .navigation-buttons button:disabled[b-wzrg13eub0] { opacity: .45; cursor: not-allowed; } .result-heading[b-wzrg13eub0] { text-align: center; } .result-heading > span[b-wzrg13eub0] { color: var(--green); font-size: 13px; font-weight: 800; letter-spacing: 1.3px; } .result-heading h2[b-wzrg13eub0] { margin: 6px 0 8px; font-size: 24px; } .result-heading p[b-wzrg13eub0] { max-width: 620px; margin: 0 auto; color: var(--muted); font-size: 13px; line-height: 1.6; } .selection-summary[b-wzrg13eub0] { margin: 22px 0; padding: 13px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; border-radius: 6px; background: #f6f8f6; } .selection-summary > div[b-wzrg13eub0] { display: flex; flex-direction: column; text-align: center; } .selection-summary span[b-wzrg13eub0] { margin-bottom: 4px; color: var(--muted); font-size: 13px; } .selection-summary strong[b-wzrg13eub0] { font-size: 13px; } .result-grid[b-wzrg13eub0] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; } .result-product[b-wzrg13eub0] { position: relative; overflow: hidden; display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 7px; background: white; } .recommend-badge[b-wzrg13eub0] { position: absolute; top: 10px; left: 10px; z-index: 2; padding: 5px 8px; border-radius: 30px; background: var(--green); color: white; font-size: 13px; font-weight: 700; } .result-image[b-wzrg13eub0] { height: 190px; padding: 12px; display: grid; place-items: center; background: #f7f8f6; } .result-image img[b-wzrg13eub0] { width: 100%; height: 100%; object-fit: contain; } .result-body[b-wzrg13eub0] { padding: 13px; flex: 1; display: flex; flex-direction: column; } .result-category[b-wzrg13eub0] { color: var(--green); font-size: 13px; font-weight: 700; } .result-body h3[b-wzrg13eub0] { min-height: 36px; margin: 6px 0; font-size: 13px; line-height: 1.4; } .result-stars[b-wzrg13eub0] { color: var(--yellow); font-size: 13px; } .match-points[b-wzrg13eub0] { min-height: 72px; margin: 10px 0; display: flex; flex-direction: column; gap: 5px; } .match-points span[b-wzrg13eub0] { color: #5f675f; font-size: 13px; } .result-price[b-wzrg13eub0] { margin-top: auto; font-size: 14px; } .result-stock[b-wzrg13eub0] { display: block; margin: 4px 0 9px; color: #063c29; font-size: var(--flora-text-sm); } .view-product[b-wzrg13eub0] { min-height: 34px; display: grid; place-items: center; border-radius: 4px; background: var(--green); color: white; font-size: 13px; font-weight: 700; text-decoration: none; } .restart-button[b-wzrg13eub0] { margin: 22px auto 0; min-height: 38px; padding: 0 16px; display: block; border: 1px solid var(--green); border-radius: 4px; background: white; color: var(--green); font-size: 13px; font-weight: 700; cursor: pointer; } .no-results[b-wzrg13eub0] { padding: 55px 20px; text-align: center; } .no-results h3[b-wzrg13eub0] { margin: 0 0 8px; font-size: 18px; } .no-results p[b-wzrg13eub0] { margin: 0; color: var(--muted); font-size: 13px; } .finder-info[b-wzrg13eub0] { margin-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--border); border-radius: 7px; background: white; } .finder-info > div[b-wzrg13eub0] { padding: 18px; } .finder-info strong[b-wzrg13eub0] { font-size: 13px; } .finder-info p[b-wzrg13eub0] { margin: 5px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; } @media (max-width: 900px) { .choice-grid[b-wzrg13eub0] { grid-template-columns: repeat(3, 1fr); } .result-grid[b-wzrg13eub0] { grid-template-columns: repeat(2, 1fr); } .conditions-grid[b-wzrg13eub0] { grid-template-columns: 1fr; } } @media (max-width: 700px) { .finder-page[b-wzrg13eub0] { width: calc(100% - 24px); } .finder-header h1[b-wzrg13eub0] { font-size: 29px; } .finder-header p[b-wzrg13eub0] { font-size: 13px; } .steps[b-wzrg13eub0] { grid-template-columns: repeat(4, 1fr); } .step-line[b-wzrg13eub0] { display: none; } .step[b-wzrg13eub0] { width: auto; } .step strong[b-wzrg13eub0] { font-size: 13px; } .finder-card[b-wzrg13eub0] { padding: 20px 14px; } .question-section h2[b-wzrg13eub0] { font-size: 22px; } .choice-grid[b-wzrg13eub0] { grid-template-columns: repeat(2, 1fr); } .choice-card strong[b-wzrg13eub0] { font-size: 13px; } .selection-summary[b-wzrg13eub0] { grid-template-columns: repeat(2, 1fr); } .finder-info[b-wzrg13eub0] { grid-template-columns: 1fr; } } @media (max-width: 430px) { .choice-grid[b-wzrg13eub0], .result-grid[b-wzrg13eub0], .mini-choice-grid[b-wzrg13eub0] { grid-template-columns: 1fr; } .selection-summary[b-wzrg13eub0] { grid-template-columns: 1fr 1fr; } .navigation-buttons[b-wzrg13eub0] { flex-direction: column; } .navigation-buttons button[b-wzrg13eub0] { width: 100%; } } /* ===== FLORA V37D18.2 SMART FINDER LAYOUT FIX START ===== */ /* Exact fix for AkilliUrunBulucu result cards. The previous patch did not target result-product/result-image/result-body, which are the real classes. */ .result-grid[b-wzrg13eub0] { grid-auto-rows: 1fr; align-items: stretch; } .result-product[b-wzrg13eub0] { min-width: 0; height: 100%; overflow: hidden !important; isolation: isolate; } .result-image[b-wzrg13eub0] { position: relative; flex: 0 0 240px; width: 100%; height: 240px !important; min-height: 240px !important; max-height: 240px !important; padding: 12px; overflow: hidden !important; box-sizing: border-box; background: #f7f8f6; } .result-image img[b-wzrg13eub0] { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; object-fit: contain !important; object-position: center !important; } .result-body[b-wzrg13eub0] { position: relative; z-index: 2; min-width: 0; width: 100%; padding: 14px; overflow: hidden; box-sizing: border-box; background: #fff; } .result-category[b-wzrg13eub0] { display: block; min-width: 0; max-width: 100%; min-height: 18px; line-height: 1.35; overflow-wrap: anywhere; word-break: break-word; } .result-body h3[b-wzrg13eub0] { display: -webkit-box; min-width: 0; min-height: 57px; max-height: 57px; margin: 7px 0 8px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; color: #1d221e; font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; word-break: break-word; } .result-stars[b-wzrg13eub0], .match-points[b-wzrg13eub0], .result-price[b-wzrg13eub0], .result-stock[b-wzrg13eub0], .view-product[b-wzrg13eub0] { min-width: 0; max-width: 100%; } .match-points span[b-wzrg13eub0] { display: block; max-width: 100%; line-height: 1.45; overflow-wrap: anywhere; word-break: break-word; } .view-product[b-wzrg13eub0] { min-height: 44px; padding: 8px 10px; white-space: normal; text-align: center; overflow-wrap: anywhere; } @media (max-width: 900px) { .result-image[b-wzrg13eub0] { flex-basis: 230px; height: 230px !important; min-height: 230px !important; max-height: 230px !important; } } @media (max-width: 430px) { .result-image[b-wzrg13eub0] { flex-basis: 280px; height: 280px !important; min-height: 280px !important; max-height: 280px !important; } .result-body h3[b-wzrg13eub0] { min-height: auto; max-height: none; -webkit-line-clamp: 4; line-clamp: 4; } } /* ===== FLORA V37D18.2 SMART FINDER LAYOUT FIX END ===== */ /* ============================================================ FLORA_V37D18_SMART_FINDER_HERO_PREMIUM_V1_1 AUTO-DISCOVERED HERO: finder-header SADECE UST SMART FINDER HERO. ============================================================ */ .finder-header[b-wzrg13eub0], .finder-header *[b-wzrg13eub0], .finder-header *[b-wzrg13eub0]::before, .finder-header *[b-wzrg13eub0]::after { box-sizing: border-box !important; } .finder-header[b-wzrg13eub0] { position: relative !important; isolation: isolate !important; width: min(100% - 32px, 1180px) !important; max-width: 1180px !important; min-width: 0 !important; min-height: 190px !important; margin: 18px auto 24px !important; padding: 34px 34px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; gap: 10px !important; overflow: hidden !important; border: 0 !important; border-radius: 18px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 54%, #063c29 100% ) !important; color: #ffffff !important; text-align: center !important; box-shadow: 0 16px 38px rgba(6,60,41,.16) !important; } .finder-header[b-wzrg13eub0]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 280px !important; height: 280px !important; right: -80px !important; top: -135px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .finder-header[b-wzrg13eub0]::after { content: "" !important; position: absolute !important; z-index: -1 !important; width: 140px !important; height: 140px !important; right: 110px !important; bottom: -96px !important; border: 22px solid rgba(255,255,255,.04) !important; border-radius: 50% !important; } .finder-header > span:first-child[b-wzrg13eub0], .finder-header > small:first-child[b-wzrg13eub0], .finder-header > div:first-child > span:first-child[b-wzrg13eub0], .finder-header > div:first-child > small:first-child[b-wzrg13eub0] { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 28px !important; margin: 0 0 1px !important; padding: 0 12px !important; border: 1px solid rgba(255,255,255,.17) !important; border-radius: 999px !important; background: rgba(255,255,255,.09) !important; color: #dcefe2 !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .12em !important; } .finder-header h1[b-wzrg13eub0] { max-width: 880px !important; margin: 0 !important; color: #ffffff !important; font-size: clamp(32px,4.2vw,50px) !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: -.02em !important; } .finder-header p[b-wzrg13eub0] { max-width: 790px !important; margin: 0 !important; color: #dbeadf !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.72 !important; } @media (max-width:760px) { .finder-header[b-wzrg13eub0] { width: min(100% - 24px,1180px) !important; min-height: 170px !important; margin-top: 14px !important; margin-bottom: 18px !important; padding: 28px 24px !important; border-radius: 15px !important; } .finder-header h1[b-wzrg13eub0] { font-size: 34px !important; } .finder-header p[b-wzrg13eub0] { font-size: 13px !important; } } @media (max-width:520px) { .finder-header[b-wzrg13eub0] { width: min(100% - 18px,1180px) !important; min-height: 154px !important; padding: 24px 18px !important; border-radius: 13px !important; } .finder-header h1[b-wzrg13eub0] { font-size: 28px !important; } .finder-header p[b-wzrg13eub0] { font-size: 12px !important; line-height: 1.6 !important; } } /* /Components/Pages/Arama.razor.rz.scp.css */ .flora-search-page[b-1egv0dchp3] { width: min(100% - 40px, 1180px); margin: 0 auto; padding: 34px 0 76px; } .search-hero[b-1egv0dchp3] { padding: 34px; border: 1px solid #dfe8e1; border-radius: 18px; background: radial-gradient(circle at 95% 15%, rgba(6,60,41,.10), transparent 30%), linear-gradient(135deg, #f8fbf8, #ffffff); } .search-kicker[b-1egv0dchp3], .results-head span[b-1egv0dchp3], .search-empty-state > span[b-1egv0dchp3] { color: #063c29; font-size: 13px; font-weight: 900; letter-spacing: .12em; } .search-hero h1[b-1egv0dchp3] { max-width: 680px; margin: 7px 0 9px; color: #1d281f; font-size: 34px; line-height: 1.15; } .search-hero > p[b-1egv0dchp3] { max-width: 720px; margin: 0; color: #687269; font-size: 14px; line-height: 1.65; } .search-form[b-1egv0dchp3] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; max-width: 840px; margin-top: 24px; padding: 6px; border: 1px solid #d6e0d8; border-radius: 10px; background: #fff; box-shadow: 0 10px 30px rgba(6,60,41,.07); } .search-icon[b-1egv0dchp3] { padding-left: 10px; color: #063c29; font-size: 24px; line-height: 1; } .search-form input[b-1egv0dchp3] { width: 100%; min-width: 0; padding: 12px 4px; border: 0; outline: 0; background: transparent; color: #1f2a21; font: inherit; font-size: 14px; } .search-form button[b-1egv0dchp3] { min-height: 42px; padding: 0 22px; border: 0; border-radius: 7px; background: #063c29; color: #fff; font-size: 13px; font-weight: 900; cursor: pointer; } .quick-searches[b-1egv0dchp3] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 14px; color: #7b857d; font-size: 13px; } .quick-searches a[b-1egv0dchp3] { padding: 6px 9px; border: 1px solid #dfe6e0; border-radius: 20px; background: #fff; color: #063c29; font-weight: 700; text-decoration: none; } .results-section[b-1egv0dchp3] { margin-top: 28px; } .results-head[b-1egv0dchp3] { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 16px; } .results-head h2[b-1egv0dchp3] { margin: 5px 0 0; color: #202b22; font-size: 25px; } .results-head > strong[b-1egv0dchp3] { color: #687269; font-size: 13px; } .results-grid[b-1egv0dchp3] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .search-product-card[b-1egv0dchp3] { min-width: 0; overflow: hidden; border: 1px solid #dfe6e0; border-radius: 11px; background: #fff; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .search-product-card:hover[b-1egv0dchp3] { transform: translateY(-2px); border-color: #bfd1c3; box-shadow: 0 12px 30px rgba(6,60,41,.07); } .product-media[b-1egv0dchp3] { position: relative; height: 235px; overflow: hidden; background: #f7f9f7; } .product-image-link[b-1egv0dchp3] { display: block; width: 100%; height: 100%; } .product-image-link img[b-1egv0dchp3] { width: 100%; height: 100%; padding: 14px; object-fit: contain; transition: transform .25s ease; } .search-product-card:hover .product-image-link img[b-1egv0dchp3] { transform: scale(1.025); } .image-placeholder[b-1egv0dchp3] { width: 100%; height: 100%; display: grid; place-items: center; color: #8ca091; font-size: 14px; font-weight: 900; letter-spacing: .14em; } .favorite-slot[b-1egv0dchp3] { position: absolute; top: 11px; right: 11px; z-index: 2; } .stock-badge[b-1egv0dchp3] { position: absolute; left: 11px; bottom: 11px; padding: 6px 8px; border-radius: 5px; background: rgba(85, 91, 86, .92); color: #fff; font-size: 13px; font-weight: 900; } .product-content[b-1egv0dchp3] { padding: 15px; } .product-category[b-1egv0dchp3] { display: block; min-height: 16px; margin-bottom: 5px; color: #6e8c75; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; } .product-name[b-1egv0dchp3] { display: block; min-height: 42px; color: #202a22; font-size: 16px; font-weight: 800; line-height: 1.35; text-decoration: none; } .product-description[b-1egv0dchp3] { min-height: 48px; margin: 7px 0 12px; color: #758078; font-size: 13px; line-height: 1.5; } .product-bottom[b-1egv0dchp3] { display: flex; justify-content: space-between; gap: 10px; align-items: end; padding-top: 12px; border-top: 1px solid #edf0ed; } .price-box strong[b-1egv0dchp3], .price-box del[b-1egv0dchp3] { display: block; } .price-box strong[b-1egv0dchp3] { color: #063c29; font-size: 16px; } .price-box del[b-1egv0dchp3] { margin-top: 2px; color: #969f98; font-size: 13px; } .detail-button[b-1egv0dchp3] { color: #063c29; font-size: 13px; font-weight: 900; text-decoration: none; } .search-empty-state[b-1egv0dchp3], .search-loading[b-1egv0dchp3] { margin-top: 28px; padding: 58px 22px; border: 1px solid #e0e6e1; border-radius: 14px; background: #fff; text-align: center; } .empty-icon[b-1egv0dchp3] { width: 54px; height: 54px; display: grid; place-items: center; margin: 0 auto 12px; border-radius: 50%; background: #eaf3ec; color: #063c29; font-size: 27px; } .search-empty-state h2[b-1egv0dchp3] { margin: 7px 0 7px; color: #263128; font-size: 21px; } .search-empty-state p[b-1egv0dchp3], .search-loading[b-1egv0dchp3] { color: #737e75; font-size: 13px; line-height: 1.6; } .search-empty-state a[b-1egv0dchp3] { display: inline-block; margin-top: 12px; padding: 11px 15px; border-radius: 6px; background: #063c29; color: #fff; font-size: 13px; font-weight: 900; text-decoration: none; } .search-empty-state.error .empty-icon[b-1egv0dchp3] { background: #f7ecec; color: #9b3838; } @media (max-width: 1000px) { .results-grid[b-1egv0dchp3] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .flora-search-page[b-1egv0dchp3] { width: min(100% - 24px, 1180px); padding-top: 22px; } .search-hero[b-1egv0dchp3] { padding: 24px 18px; } .search-hero h1[b-1egv0dchp3] { font-size: 28px; } .results-grid[b-1egv0dchp3] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 520px) { .search-form[b-1egv0dchp3] { grid-template-columns: auto minmax(0, 1fr); } .search-form button[b-1egv0dchp3] { grid-column: 1 / -1; width: 100%; } .results-head[b-1egv0dchp3] { align-items: flex-start; flex-direction: column; gap: 5px; } .results-grid[b-1egv0dchp3] { grid-template-columns: 1fr; } .product-media[b-1egv0dchp3] { height: 260px; } } /* FLORA_V37D18_SEARCH_UI_ARAMA_MASTER_START */ /* FLORA_V37D18_SEARCH_UI_SEARCH_PAGE_V1_START */ .flora-search-page .search-form[b-1egv0dchp3] { position: relative !important; display: block !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .flora-search-page .search-form .search-icon[b-1egv0dchp3] { display: none !important; } .flora-search-page .search-form input[type="search"][b-1egv0dchp3] { width: 100% !important; min-height: 52px !important; padding: 0 56px 0 16px !important; border: 1px solid #d6e0d8 !important; border-radius: 12px !important; background: #ffffff !important; box-shadow: none !important; } .flora-search-page .search-form input[type="search"]:focus[b-1egv0dchp3] { border-color: #063c29 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } .flora-search-page .search-form button[type="submit"][b-1egv0dchp3] { position: absolute !important; top: 50% !important; right: 6px !important; transform: translateY(-50%) !important; width: 40px !important; height: 40px !important; min-height: 40px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background-color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%231d2a20%27 stroke-width=%271.8%27 stroke-linecap=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27M20 20L16.4 16.4%27/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 20px 20px !important; color: transparent !important; font-size: 0 !important; box-shadow: none !important; } .flora-search-page .search-form button[type="submit"]:hover[b-1egv0dchp3] { background-color: rgba(6,60,41,.07) !important; } /* FLORA_V37D18_SEARCH_UI_SEARCH_PAGE_V1_END */ /* FLORA_V37D18_SEARCH_UI_ARAMA_MASTER_END */ /* FLORA V39 SEARCH CARD CONSISTENCY */ .flora-search-page .results-grid[b-1egv0dchp3]{gap:18px!important}.flora-search-page .search-product-card[b-1egv0dchp3]{min-width:0!important;overflow:hidden!important;border:1px solid #e0e8e2!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 24px rgba(6,60,41,.045)!important;transition:transform .2s ease,box-shadow .2s ease!important}.flora-search-page .search-product-card:hover[b-1egv0dchp3]{transform:translateY(-4px)!important;box-shadow:0 19px 42px rgba(6,60,41,.10)!important}.flora-search-page .product-media[b-1egv0dchp3]{height:255px!important;background:linear-gradient(180deg,#f8faf8,#f2f6f3)!important}.flora-search-page .product-media img[b-1egv0dchp3]{width:100%!important;height:100%!important;padding:15px!important;object-fit:contain!important}.flora-search-page .product-content[b-1egv0dchp3]{min-width:0!important;padding:16px!important}.flora-search-page .product-category[b-1egv0dchp3]{width:fit-content!important;max-width:100%!important;padding:5px 8px!important;border-radius:999px!important;background:#eef6f0!important;color:#063c29!important;font-size:9px!important;font-weight:900!important}.flora-search-page .product-name[b-1egv0dchp3]{display:-webkit-box!important;min-height:43px!important;font-size:14px!important;font-weight:850!important;line-height:1.42!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.flora-search-page .detail-button[b-1egv0dchp3]{min-height:39px!important;border-radius:10px!important;background:#063c29!important;color:#fff!important;font-size:9px!important;font-weight:950!important} /* FLORA_V39_REAL_FINAL_SEARCH_CARDS */ .results-grid[b-1egv0dchp3]{ gap:22px!important; } .search-product-card[b-1egv0dchp3]{ border-radius:20px!important; border-color:#dce7df!important; box-shadow:0 10px 30px rgba(6,60,41,.055)!important; } .product-media[b-1egv0dchp3]{ height:250px!important; background:linear-gradient(180deg,#f8fbf8,#f1f6f2)!important; } .product-image-link img[b-1egv0dchp3]{ padding:18px!important; object-fit:contain!important; } .product-content[b-1egv0dchp3]{ padding:17px!important; } .product-name[b-1egv0dchp3]{ font-size:16px!important; font-weight:800!important; } /* FLORA_V39_LAST_SEARCH_ROW_FIX */ .search-product-card[b-1egv0dchp3], .search-product-card *[b-1egv0dchp3]{ box-sizing:border-box!important; } .search-product-card[b-1egv0dchp3]{ overflow:hidden!important; } .product-content[b-1egv0dchp3]{ padding:22px 18px 18px!important; } .product-name[b-1egv0dchp3]{ line-height:1.42!important; word-break:break-word!important; } /* FLORA_V40_16_CATALOG_PAGE_PREMIUM */ .flora-category-page[b-1egv0dchp3],.flora-search-page[b-1egv0dchp3]{--v4016-deep:#063c29;--v4016-cream:#fbf8f1;--v4016-line:rgba(6,60,41,.12);color:#063c29!important} .products-toolbar[b-1egv0dchp3],.results-head[b-1egv0dchp3],.search-hero[b-1egv0dchp3]{border-radius:20px!important;border-color:var(--v4016-line)!important;background:#fffdf8!important;box-shadow:0 12px 30px rgba(6,60,41,.045)!important} .products-grid[b-1egv0dchp3],.results-grid[b-1egv0dchp3]{gap:20px!important}.product-card[b-1egv0dchp3],.search-product-card[b-1egv0dchp3]{overflow:hidden!important;border:1px solid var(--v4016-line)!important;border-radius:20px!important;background:#fffdf9!important;box-shadow:0 10px 27px rgba(6,60,41,.05)!important}.product-card:hover[b-1egv0dchp3],.search-product-card:hover[b-1egv0dchp3]{transform:translateY(-4px)!important;box-shadow:0 19px 40px rgba(6,60,41,.10)!important}.product-media[b-1egv0dchp3]{background:#f2f4ef!important;overflow:hidden!important}.product-image-link img[b-1egv0dchp3],.product-media img[b-1egv0dchp3]{padding:0!important;object-fit:cover!important}.product-content[b-1egv0dchp3],.product-body[b-1egv0dchp3]{padding:17px!important}.product-category[b-1egv0dchp3],.dynamic-category[b-1egv0dchp3]{font-size:8px!important}.product-name[b-1egv0dchp3]{font-size:14.5px!important;line-height:1.4!important}.price-box strong[b-1egv0dchp3],.product-price strong[b-1egv0dchp3]{font-size:17px!important}.detail-button[b-1egv0dchp3],.product-button[b-1egv0dchp3]{border-radius:12px!important} /* ============================================================ FLORA_V47_6_SEARCH_CATEGORY_CARD_DESKTOP ARAMA SONUCLARI = KATEGORI URUN KARTI GORSEL SISTEMI SADECE PC: min-width:1001px MOBILE ETKILENMEZ. KATEGORI CSS ETKILENMEZ. ============================================================ */ @media (min-width:1001px) { /* ======================================================== GRID ======================================================== */ .flora-search-page .results-grid[b-1egv0dchp3] { display:grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap:22px !important; align-items:stretch !important; } /* ======================================================== KART Kategori product-card yapisi ======================================================== */ .flora-search-page .search-product-card[b-1egv0dchp3] { min-width:0 !important; height:100% !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; border: 1px solid #dce7df !important; border-radius:20px !important; background:#ffffff !important; box-shadow: 0 10px 30px rgba(15,63,34,.055) !important; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important; } .flora-search-page .search-product-card:hover[b-1egv0dchp3] { transform: translateY(-5px) !important; border-color: #c8ddce !important; box-shadow: 0 22px 46px rgba(15,63,34,.11) !important; } /* ======================================================== GORSEL Kategori kartindaki 260px urun alani ======================================================== */ .flora-search-page .search-product-card .product-media[b-1egv0dchp3] { position:relative !important; flex:0 0 260px !important; width:100% !important; height:260px !important; min-height:260px !important; overflow:hidden !important; background: linear-gradient( 180deg, #f8fbf8, #f1f6f2 ) !important; } .flora-search-page .search-product-card .product-image-link[b-1egv0dchp3] { width:100% !important; height:100% !important; display:block !important; padding:20px !important; box-sizing:border-box !important; } .flora-search-page .search-product-card .product-image-link img[b-1egv0dchp3] { width:100% !important; height:100% !important; padding:0 !important; object-fit:contain !important; object-position:center center !important; transition: transform .28s ease !important; } .flora-search-page .search-product-card:hover .product-image-link img[b-1egv0dchp3] { transform: scale(1.04) !important; } /* ======================================================== FAVORI Mevcut FloraFavoriteButton aynen korunur. ======================================================== */ .flora-search-page .search-product-card .favorite-slot[b-1egv0dchp3] { position:absolute !important; top:12px !important; right:12px !important; z-index:5 !important; } /* ======================================================== BODY ======================================================== */ .flora-search-page .search-product-card .product-content[b-1egv0dchp3] { min-width:0 !important; flex:1 1 auto !important; display:flex !important; flex-direction:column !important; padding: 22px 18px 18px !important; box-sizing:border-box !important; } /* ======================================================== KATEGORI / TYPE ROZETI ======================================================== */ .flora-search-page .search-product-card .product-category[b-1egv0dchp3] { display:inline-flex !important; align-items:center !important; width:fit-content !important; max-width:100% !important; min-height:0 !important; margin: 2px 0 10px !important; padding: 5px 9px !important; border-radius: 999px !important; background: #edf6ef !important; color: #17683a !important; font-size: 11px !important; font-weight: 850 !important; line-height: 1.1 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* ======================================================== URUN ADI Kategori kartiyla ayni dikey alan ======================================================== */ .flora-search-page .search-product-card .product-name[b-1egv0dchp3] { display:-webkit-box !important; min-height:58px !important; margin: 0 0 10px !important; color: #162f20 !important; font-size: 14.5px !important; font-weight: 800 !important; line-height: 1.42 !important; text-decoration: none !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; word-break: break-word !important; } /* ======================================================== ARAMA ACIKLAMASI Kategori kartinda bu satir yok. PC'de kart yapisini birebir tutmak icin gizlenir. Arama motoru / veri degismez. ======================================================== */ .flora-search-page .search-product-card .product-description[b-1egv0dchp3] { display:none !important; } /* ======================================================== ALT ALAN Eski: fiyat solda + minicik INCELE sagda Yeni: kategori karti gibi fiyat ustte, tam genislik buton altta. ======================================================== */ .flora-search-page .search-product-card .product-bottom[b-1egv0dchp3] { width:100% !important; margin-top:auto !important; display:block !important; padding-top: 13px !important; border-top: 1px solid #edf1ed !important; box-sizing: border-box !important; } /* ======================================================== FIYAT ======================================================== */ .flora-search-page .search-product-card .price-box[b-1egv0dchp3] { min-height: 40px !important; display:flex !important; flex-direction: column !important; justify-content: flex-start !important; } .flora-search-page .search-product-card .price-box strong[b-1egv0dchp3] { display:block !important; color: #126138 !important; font-size: 20px !important; font-weight: 950 !important; line-height: 1.15 !important; } .flora-search-page .search-product-card .price-box del[b-1egv0dchp3] { display:block !important; margin-top: 3px !important; color: #909590 !important; font-size: 11px !important; } /* ======================================================== URUNU INCELE BUTONU Kategori cart-button ile ayni form. ======================================================== */ .flora-search-page .search-product-card .detail-button[b-1egv0dchp3] { width:100% !important; height:44px !important; min-height:44px !important; margin-top: 10px !important; padding: 0 14px !important; display:flex !important; align-items:center !important; justify-content:center !important; border: 0 !important; border-radius: 11px !important; background: #176b3c !important; color: #ffffff !important; font-size: 11px !important; font-weight: 950 !important; line-height: 1 !important; letter-spacing: .02em !important; text-decoration: none !important; box-sizing: border-box !important; transition: background .18s ease, transform .18s ease !important; } .flora-search-page .search-product-card .detail-button:hover[b-1egv0dchp3] { background: #105a31 !important; color: #ffffff !important; } /* ======================================================== STOKTA YOK ROZETI ======================================================== */ .flora-search-page .search-product-card .stock-badge[b-1egv0dchp3] { left:12px !important; bottom:12px !important; padding: 6px 9px !important; border-radius: 8px !important; background: rgba(18,47,31,.90) !important; color: #ffffff !important; font-size: 10px !important; font-weight: 900 !important; } } /* FLORA_V47_6_SEARCH_CATEGORY_CARD_DESKTOP_END */ /* ============================================================ FLORA_V47_6B_SEARCH_EXACT_CATEGORY_MATCH HEDEF: ARAMA KARTLARI = KATEGORI KARTLARI GIBI GORUNSUN SADECE PC MOBILE ETKILENMEZ ============================================================ */ @media (min-width:1001px) { /* -------------------------------------------------------- GRID Buyuk ekranda kategori gibi 5 kolon -------------------------------------------------------- */ .flora-search-page .results-grid[b-1egv0dchp3] { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:24px !important; align-items:stretch !important; } @media (min-width:1001px) and (max-width:1399px) { .flora-search-page .results-grid[b-1egv0dchp3] { grid-template-columns:repeat(4,minmax(0,1fr)) !important; } } /* -------------------------------------------------------- KART DIS YAPI -------------------------------------------------------- */ .flora-search-page .search-product-card[b-1egv0dchp3] { position:relative !important; min-width:0 !important; width:100% !important; height:100% !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; border:1px solid #d9e6de !important; border-radius:24px !important; background:#ffffff !important; box-shadow:0 8px 24px rgba(16,56,32,.05) !important; transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease !important; } .flora-search-page .search-product-card:hover[b-1egv0dchp3] { transform:translateY(-4px) !important; border-color:#c9ddd0 !important; box-shadow:0 16px 36px rgba(16,56,32,.10) !important; } /* -------------------------------------------------------- GORSEL ALANI Kategori kartindaki gibi tam alan, padding yok -------------------------------------------------------- */ .flora-search-page .search-product-card .product-media[b-1egv0dchp3] { position:relative !important; width:100% !important; height:280px !important; min-height:280px !important; max-height:280px !important; flex:0 0 280px !important; overflow:hidden !important; background:#f7faf7 !important; border-radius:24px 24px 0 0 !important; } .flora-search-page .search-product-card .product-image-link[b-1egv0dchp3] { display:block !important; width:100% !important; height:100% !important; padding:0 !important; margin:0 !important; } .flora-search-page .search-product-card .product-image-link img[b-1egv0dchp3] { display:block !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center center !important; border-radius:0 !important; transition:transform .24s ease !important; } .flora-search-page .search-product-card:hover .product-image-link img[b-1egv0dchp3] { transform:scale(1.03) !important; } /* -------------------------------------------------------- FAVORI IKONU -------------------------------------------------------- */ .flora-search-page .search-product-card .favorite-slot[b-1egv0dchp3] { position:absolute !important; top:12px !important; right:12px !important; z-index:10 !important; } /* -------------------------------------------------------- IC GOVDE -------------------------------------------------------- */ .flora-search-page .search-product-card .product-content[b-1egv0dchp3] { flex:1 1 auto !important; display:flex !important; flex-direction:column !important; min-width:0 !important; padding:16px 16px 10px !important; box-sizing:border-box !important; } /* -------------------------------------------------------- KATEGORI ROZETI -------------------------------------------------------- */ .flora-search-page .search-product-card .product-category[b-1egv0dchp3] { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:fit-content !important; max-width:100% !important; margin:0 0 12px !important; padding:6px 10px !important; border-radius:999px !important; background:#edf6ef !important; color:#17683a !important; font-size:11px !important; font-weight:800 !important; line-height:1 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } /* -------------------------------------------------------- URUN ADI -------------------------------------------------------- */ .flora-search-page .search-product-card .product-name[b-1egv0dchp3] { display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; overflow:hidden !important; min-height:62px !important; margin:0 0 10px !important; color:#133522 !important; font-size:14px !important; font-weight:800 !important; line-height:1.42 !important; text-decoration:none !important; word-break:break-word !important; } /* -------------------------------------------------------- ACIKLAMA Kategori kart gibi sade dursun -------------------------------------------------------- */ .flora-search-page .search-product-card .product-description[b-1egv0dchp3] { display:none !important; } /* -------------------------------------------------------- PUAN / STOK / FIYAT / BUTON BLOK AKISI -------------------------------------------------------- */ .flora-search-page .search-product-card .product-bottom[b-1egv0dchp3] { margin-top:auto !important; display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; padding-top:8px !important; border-top:1px solid #edf1ed !important; } .flora-search-page .search-product-card .price-box[b-1egv0dchp3] { display:flex !important; flex-direction:column !important; justify-content:flex-start !important; width:100% !important; min-height:58px !important; margin:6px 0 0 !important; } .flora-search-page .search-product-card .price-box strong[b-1egv0dchp3] { display:block !important; margin:0 !important; color:#0f5a33 !important; font-size:18px !important; font-weight:900 !important; line-height:1.15 !important; } .flora-search-page .search-product-card .price-box del[b-1egv0dchp3] { display:block !important; margin:4px 0 0 !important; color:#8c918c !important; font-size:11px !important; line-height:1.2 !important; } /* -------------------------------------------------------- INCELE BUTONU -------------------------------------------------------- */ .flora-search-page .search-product-card .detail-button[b-1egv0dchp3] { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:44px !important; min-height:44px !important; margin-top:10px !important; padding:0 14px !important; border:0 !important; border-radius:10px !important; background:#04522f !important; color:#ffffff !important; font-size:11px !important; font-weight:900 !important; line-height:1 !important; text-decoration:none !important; text-transform:uppercase !important; letter-spacing:.02em !important; box-sizing:border-box !important; transition: background .18s ease, transform .18s ease !important; } .flora-search-page .search-product-card .detail-button:hover[b-1egv0dchp3] { background:#034726 !important; color:#ffffff !important; } /* -------------------------------------------------------- EGER SEARCH MARKUP ICINDE RATING / STOK VARSA kategoriye yakin görünüm kazansin -------------------------------------------------------- */ .flora-search-page .search-product-card .rating[b-1egv0dchp3], .flora-search-page .search-product-card .product-rating[b-1egv0dchp3], .flora-search-page .search-product-card .rating-row[b-1egv0dchp3] { margin:0 0 8px !important; font-size:12px !important; line-height:1.2 !important; } .flora-search-page .search-product-card .stock-info[b-1egv0dchp3], .flora-search-page .search-product-card .stock-row[b-1egv0dchp3], .flora-search-page .search-product-card .product-stock[b-1egv0dchp3] { margin:0 0 10px !important; padding-top:8px !important; border-top:1px solid #edf1ed !important; color:#133522 !important; font-size:12px !important; font-weight:600 !important; line-height:1.3 !important; } /* -------------------------------------------------------- STOKTA YOK ETIKETI -------------------------------------------------------- */ .flora-search-page .search-product-card .stock-badge[b-1egv0dchp3] { position:absolute !important; left:12px !important; bottom:12px !important; z-index:10 !important; padding:6px 9px !important; border-radius:8px !important; background:rgba(18,47,31,.90) !important; color:#ffffff !important; font-size:10px !important; font-weight:900 !important; line-height:1 !important; } } /* FLORA_V47_6B_SEARCH_EXACT_CATEGORY_MATCH_END */ /* ============================================================ FLORA_V47_7B_SEARCH_SUGGESTION_OVERFLOW_FIX Problem: Canli arama onerileri search hero sinirinda kesiliyordu. Cozum: Hero + form clipping kapatilir. Oneri paneli sonuc kartlarinin ustune serbestce acar. SADECE /ARAMA SAYFASI ============================================================ */ .flora-search-page[b-1egv0dchp3] { overflow:visible !important; } .flora-search-page .search-hero[b-1egv0dchp3] { position:relative !important; overflow:visible !important; isolation:auto !important; z-index:100 !important; } .flora-search-page .search-form[b-1egv0dchp3] { position:relative !important; overflow:visible !important; z-index:1000 !important; } /* JS ile sonradan uretilen element CSS-isolation attribute'u tasimadigi icin ::deep kullaniliyor. */ .flora-search-page[b-1egv0dchp3] .flora-v34-search-suggestions { position:absolute !important; top:calc(100% + 8px) !important; left:0 !important; right:0 !important; width:100% !important; max-height:390px !important; overflow-x:hidden !important; overflow-y:auto !important; z-index:99999 !important; border-radius:12px !important; box-shadow: 0 18px 42px rgba(8,43,25,.20) !important; } /* Sonuc bolumu panelin arkasinda kalir. Panel kapaninca normal akisa devam eder. */ .flora-search-page .results-section[b-1egv0dchp3] { position:relative !important; z-index:1 !important; } /* Tablet / mobilde de ayni clipping problemi olmasin. */ @media (max-width:760px) { .flora-search-page[b-1egv0dchp3] .flora-v34-search-suggestions { max-height:330px !important; } } /* FLORA_V47_7B_SEARCH_SUGGESTION_OVERFLOW_FIX_END */ /* FLORA_V48_8_MOBILE_SEARCH_CARD_EXACT */ @media (max-width:700px) { .flora-search-page[b-1egv0dchp3] { width:calc(100% - 20px) !important; max-width:100% !important; padding-top:18px !important; overflow-x:hidden !important; } .flora-search-page .results-section[b-1egv0dchp3] { width:100% !important; min-width:0 !important; } .flora-search-page .results-grid[b-1egv0dchp3] { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; width:100% !important; min-width:0 !important; } .flora-search-page .search-product-card[b-1egv0dchp3] { display:flex !important; flex-direction:column !important; width:100% !important; min-width:0 !important; max-width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; overflow:hidden !important; border-radius:16px !important; box-sizing:border-box !important; transform:none !important; } .flora-search-page .search-product-card:hover[b-1egv0dchp3] { transform:none !important; } .flora-search-page .search-product-card .product-media[b-1egv0dchp3] { position:relative !important; width:100% !important; height:auto !important; min-height:0 !important; aspect-ratio:1 / 1 !important; overflow:hidden !important; border-radius:0 !important; background:#f2f4ef !important; } .flora-search-page .search-product-card .product-image-link[b-1egv0dchp3] { display:block !important; width:100% !important; height:100% !important; overflow:hidden !important; } .flora-search-page .search-product-card .product-image-link img[b-1egv0dchp3] { display:block !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center center !important; transform:none !important; } .flora-search-page .search-product-card:hover .product-image-link img[b-1egv0dchp3] { transform:none !important; } .flora-search-page .search-product-card .favorite-slot[b-1egv0dchp3] { position:absolute !important; top:8px !important; right:8px !important; left:auto !important; bottom:auto !important; z-index:15 !important; margin:0 !important; } .flora-search-page .search-product-card .product-content[b-1egv0dchp3] { display:flex !important; flex-direction:column !important; flex:1 1 auto !important; width:100% !important; min-width:0 !important; padding:11px 10px 11px !important; box-sizing:border-box !important; } .flora-search-page .search-product-card .product-category[b-1egv0dchp3] { width:fit-content !important; max-width:100% !important; margin:0 0 7px !important; padding:4px 7px !important; border-radius:999px !important; font-size:7.5px !important; line-height:1.15 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .flora-search-page .search-product-card .product-name[b-1egv0dchp3] { display:-webkit-box !important; width:100% !important; min-height:34px !important; max-height:34px !important; margin:0 !important; overflow:hidden !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; color:#123c2b !important; font-size:12.5px !important; font-weight:800 !important; line-height:1.35 !important; overflow-wrap:anywhere !important; word-break:normal !important; } .flora-search-page .search-product-card .product-description[b-1egv0dchp3] { display:none !important; } .flora-search-page .search-product-card .product-bottom[b-1egv0dchp3] { display:grid !important; grid-template-columns:1fr !important; gap:7px !important; width:100% !important; min-width:0 !important; margin:auto 0 0 !important; padding:9px 0 0 !important; border-top:1px solid rgba(20,61,40,.08) !important; } .flora-search-page .search-product-card .price-box[b-1egv0dchp3] { width:100% !important; min-width:0 !important; margin:0 !important; } .flora-search-page .search-product-card .price-box strong[b-1egv0dchp3] { font-size:15px !important; line-height:1.1 !important; } .flora-search-page .search-product-card .price-box del[b-1egv0dchp3] { margin-top:2px !important; font-size:9px !important; } .flora-search-page .search-product-card .detail-button[b-1egv0dchp3] { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:38px !important; min-height:38px !important; margin:0 !important; padding:0 8px !important; border-radius:9px !important; font-size:9px !important; font-weight:900 !important; line-height:1 !important; } .flora-search-page .search-product-card .stock-badge[b-1egv0dchp3] { left:8px !important; bottom:8px !important; padding:5px 7px !important; font-size:8px !important; } } @media (max-width:340px) { .flora-search-page .results-grid[b-1egv0dchp3] { grid-template-columns:1fr !important; } .flora-search-page .search-product-card .product-media[b-1egv0dchp3] { aspect-ratio:4 / 3 !important; } } /* FLORA_V48_8_MOBILE_SEARCH_CARD_EXACT_END */ /* /Components/Pages/Bildirimlerim.razor.rz.scp.css */ .notifications-page[b-y8z6k251hx] { width: 100%; max-width: 1040px; margin: 0 auto; padding: 8px 0 40px; } .notifications-head[b-y8z6k251hx] { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; padding: 28px; border-radius: 22px; background: linear-gradient(135deg,#063c29,#063c29); color: #fff; } .notifications-head span[b-y8z6k251hx] { font-size: 12px; font-weight: 800; letter-spacing: .14em; } .notifications-head h1[b-y8z6k251hx] { margin: 8px 0; font-size: clamp(30px,4vw,48px); } .notifications-head p[b-y8z6k251hx] { margin: 0; max-width: 650px; line-height: 1.55; opacity: .86; } .notifications-head button[b-y8z6k251hx] { flex: 0 0 auto; min-height: 42px; padding: 0 16px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; background: rgba(255,255,255,.12); color: #fff; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; } .notifications-summary[b-y8z6k251hx] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 18px 0; } .notifications-summary > div[b-y8z6k251hx] { padding: 18px 20px; border: 1px solid #dfe8e1; border-radius: 16px; background: #fff; } .notifications-summary span[b-y8z6k251hx] { display:block;color:#758078;font-size:12px;font-weight:700; } .notifications-summary strong[b-y8z6k251hx] { display:block;margin-top:5px;font-size:28px;color:#063c29; } .notification-list[b-y8z6k251hx] { display:grid;gap:12px; } .notification-card[b-y8z6k251hx] { display:grid; grid-template-columns: 10px minmax(0,1fr); gap:14px; padding:20px; border:1px solid #e1e8e3; border-radius:18px; background:#fff; } .notification-card.unread[b-y8z6k251hx] { border-color:#8bc09d;background:#f7fcf8;box-shadow:0 10px 28px rgba(6,60,41,.08); } .notification-dot[b-y8z6k251hx] { width:9px;height:9px;margin-top:7px;border-radius:50%;background:#c8d2cb; } .notification-card.unread .notification-dot[b-y8z6k251hx] { background:#063c29;box-shadow:0 0 0 5px #e4f4e9; } .notification-copy[b-y8z6k251hx] { min-width:0; } .notification-meta[b-y8z6k251hx] { display:flex;justify-content:space-between;gap:12px;color:#77837b;font-size:11px;font-weight:700; } .notification-copy h2[b-y8z6k251hx] { margin:8px 0 5px;color:#063c29;font-size:18px; } .notification-copy p[b-y8z6k251hx] { margin:0;color:#647168;line-height:1.5; } .notification-actions[b-y8z6k251hx] { display:flex;align-items:center;gap:14px;margin-top:14px; } .notification-actions a[b-y8z6k251hx] { color:#063c29;font-size:12px;font-weight:800;text-decoration:none; } .notification-actions button[b-y8z6k251hx] { border:0;background:transparent;color:#77837b;font:inherit;font-size:12px;cursor:pointer; } .notification-empty[b-y8z6k251hx] { display:grid;gap:6px;padding:34px;border:1px dashed #cdd8d0;border-radius:18px;text-align:center;color:#708078; } .notification-empty strong[b-y8z6k251hx] { color:#063c29;font-size:18px; } @media (max-width: 720px) { .notifications-head[b-y8z6k251hx] { align-items:stretch;flex-direction:column;padding:22px; } .notifications-head button[b-y8z6k251hx] { width:100%; } .notifications-summary[b-y8z6k251hx] { grid-template-columns:repeat(2,minmax(0,1fr)); } .notification-card[b-y8z6k251hx] { padding:16px; } .notification-meta[b-y8z6k251hx] { flex-direction:column;gap:3px; } } /* FLORA_V37D18_NOTIFICATION_PREMIUM_VISIBLE_FIX_V1_1_START */ .flora-account-shell .account-main .notifications-page[b-y8z6k251hx] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 0 40px !important; box-sizing: border-box !important; } .flora-account-shell .account-main .notifications-page .notifications-head[b-y8z6k251hx] { position: relative !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 210px !important; height: auto !important; display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 24px !important; margin: 0 0 18px !important; padding: 34px !important; border: 0 !important; border-radius: 16px !important; background: radial-gradient(circle at 93% 8%, rgba(255,255,255,.08) 0 105px, transparent 106px), linear-gradient(125deg, #063c29 0%, #063c29 58%, #063c29 100%) !important; color: #fff !important; box-shadow: 0 18px 44px rgba(6,60,41,.14) !important; box-sizing: border-box !important; } .flora-account-shell .account-main .notifications-page .notifications-head > div[b-y8z6k251hx] { position: relative !important; z-index: 2 !important; min-width: 0 !important; } .flora-account-shell .account-main .notifications-page .notifications-head span[b-y8z6k251hx] { display: block !important; margin: 0 0 9px !important; color: #cfe6d4 !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: .12em !important; } .flora-account-shell .account-main .notifications-page .notifications-head h1[b-y8z6k251hx] { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 0 11px !important; color: #fff !important; font-size: 35px !important; font-weight: 800 !important; line-height: 1.15 !important; } .flora-account-shell .account-main .notifications-page .notifications-head p[b-y8z6k251hx] { display: block !important; visibility: visible !important; opacity: 1 !important; max-width: 650px !important; margin: 0 !important; color: rgba(255,255,255,.84) !important; font-size: 14px !important; line-height: 1.75 !important; } .flora-account-shell .account-main .notifications-page .notifications-head button[b-y8z6k251hx] { position: relative !important; z-index: 2 !important; flex: 0 0 auto !important; min-height: 44px !important; padding: 0 16px !important; border: 1px solid rgba(255,255,255,.35) !important; border-radius: 999px !important; background: rgba(255,255,255,.12) !important; color: #fff !important; font-size: 12px !important; font-weight: 800 !important; } .flora-account-shell .account-main .notifications-page .notifications-summary[b-y8z6k251hx] { width: 100% !important; max-width: 100% !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px !important; margin: 0 0 18px !important; } .flora-account-shell .account-main .notifications-page .notifications-summary > div[b-y8z6k251hx] { min-width: 0 !important; padding: 18px 20px !important; border: 1px solid #dfe8e1 !important; border-radius: 16px !important; background: #fff !important; box-sizing: border-box !important; } .flora-account-shell .account-main .notifications-page .notification-empty[b-y8z6k251hx] { width: 100% !important; min-height: 128px !important; box-sizing: border-box !important; } @media (max-width: 720px) { .flora-account-shell .account-main .notifications-page .notifications-head[b-y8z6k251hx] { min-height: 0 !important; align-items: stretch !important; flex-direction: column !important; padding: 24px !important; } .flora-account-shell .account-main .notifications-page .notifications-head h1[b-y8z6k251hx] { font-size: 30px !important; } .flora-account-shell .account-main .notifications-page .notifications-head button[b-y8z6k251hx] { width: 100% !important; } } /* FLORA_V37D18_NOTIFICATION_PREMIUM_VISIBLE_FIX_V1_1_END */ /* /Components/Pages/Bilgi.razor.rz.scp.css */ .info-page[b-wvl5bc8dsp] { width: min(100% - 32px, 1120px); margin: 0 auto; padding: 28px 0 70px; color: #29352d; } .info-breadcrumb[b-wvl5bc8dsp] { display:flex; gap:10px; align-items:center; margin-bottom:24px; font-size:13px; color:#718077; } .info-breadcrumb a[b-wvl5bc8dsp] { color:#063c29; text-decoration:none; } .info-hero[b-wvl5bc8dsp] { padding:44px; border-radius:18px; background:#f1f6f2; border:1px solid #e0e9e2; } .info-hero > span[b-wvl5bc8dsp] { font-size: 13px; font-weight:800; letter-spacing:.1em; color:#063c29; } .info-hero h1[b-wvl5bc8dsp] { margin:8px 0 12px; font-size:34px; line-height:1.15; } .info-hero p[b-wvl5bc8dsp] { max-width:760px; margin:0; font-size:15px; line-height:1.75; color:#617067; } .info-content[b-wvl5bc8dsp] { display:grid; gap:18px; margin-top:24px; } .info-content article[b-wvl5bc8dsp] { padding:28px 30px; background:#fff; border:1px solid #e3e9e4; border-radius:14px; } .info-content h2[b-wvl5bc8dsp] { margin:0 0 9px; font-size:21px; } .info-content p[b-wvl5bc8dsp] { margin:0; font-size:15px; line-height:1.75; color:#657169; } @media (max-width: 700px) { .info-hero[b-wvl5bc8dsp] { padding:28px 22px; } .info-hero h1[b-wvl5bc8dsp] { font-size:28px; } .info-content article[b-wvl5bc8dsp] { padding:22px; } } /* ============================================================ FLORA_V37D18_FOOTER_KURUMSAL_PAGES_DESIGN_CSS_V1_1 Footer Kurumsal bilgi sayfalari ortak Flora tasarimi. Hakkimizda / Iletisim / SSS / Kargo-Teslimat ============================================================ */ .flora-footer-info-page-v11[b-wvl5bc8dsp], .flora-footer-info-page-v11 *[b-wvl5bc8dsp], .flora-footer-info-page-v11 *[b-wvl5bc8dsp]::before, .flora-footer-info-page-v11 *[b-wvl5bc8dsp]::after { box-sizing: border-box; } .flora-footer-info-page-v11[b-wvl5bc8dsp] { --flora-green: #063c29; --flora-green-dark: #063c29; --flora-green-soft: #edf6ef; --flora-border: #dce7df; --flora-text: #263229; --flora-muted: #68766d; width: min(100% - 36px, 1180px); margin: 0 auto; padding: 24px 0 72px; color: var(--flora-text); } /* Breadcrumb varsa */ .flora-footer-info-page-v11 .info-breadcrumb[b-wvl5bc8dsp] { min-height: 42px; margin: 0 0 14px; padding: 8px 14px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; border: 1px solid var(--flora-border); border-radius: 10px; background: #ffffff; color: var(--flora-muted); font-size: 12px; } .flora-footer-info-page-v11 .info-breadcrumb a[b-wvl5bc8dsp] { color: var(--flora-green); font-weight: 800; text-decoration: none; } .flora-footer-info-page-v11 .info-breadcrumb a:hover[b-wvl5bc8dsp] { text-decoration: underline; } /* Mevcut info-hero varsa premium Flora hero */ .flora-footer-info-page-v11 .info-hero[b-wvl5bc8dsp] { position: relative; isolation: isolate; min-height: 210px; margin: 0 0 22px; padding: 36px 40px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; overflow: hidden; border-radius: 18px; background: linear-gradient( 135deg, #063c29 0%, #063c29 50%, #063c29 100% ); color: #ffffff; box-shadow: 0 18px 40px rgba(6,60,41,.15); } .flora-footer-info-page-v11 .info-hero[b-wvl5bc8dsp]::after { content: ""; position: absolute; z-index: -1; width: 310px; height: 310px; right: -95px; top: -145px; border-radius: 50%; background: rgba(255,255,255,.055); } .flora-footer-info-page-v11 .info-hero > span[b-wvl5bc8dsp] { margin: 0 0 11px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.08); color: #d4ebd9; font-size: 10px; font-weight: 900; letter-spacing: .09em; } .flora-footer-info-page-v11 .info-hero h1[b-wvl5bc8dsp] { margin: 0 0 10px; color: #ffffff; font-size: clamp(30px,4vw,45px); font-weight: 900; line-height: 1.07; } .flora-footer-info-page-v11 .info-hero p[b-wvl5bc8dsp] { max-width: 760px; margin: 0; color: #dcece0; font-size: 14px; line-height: 1.68; } /* Ayrı basit sayfalarda hero wrapper yoksa üst başlık alanı */ .flora-footer-info-page-v11 > span:first-child[b-wvl5bc8dsp] { display: inline-flex; align-items: center; min-height: 28px; margin: 0 0 10px; padding: 0 11px; border-radius: 999px; background: var(--flora-green-soft); color: var(--flora-green); font-size: 10px; font-weight: 900; letter-spacing: .09em; } .flora-footer-info-page-v11 > h1[b-wvl5bc8dsp] { margin: 0 0 10px; color: var(--flora-green-dark); font-size: clamp(30px,4vw,44px); font-weight: 900; line-height: 1.08; letter-spacing: -.02em; } .flora-footer-info-page-v11 > p[b-wvl5bc8dsp] { max-width: 800px; margin: 0 0 24px; color: var(--flora-muted); font-size: 14px; line-height: 1.72; } /* Ortak içerik grid */ .flora-footer-info-page-v11 .info-content[b-wvl5bc8dsp] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; } /* Bilgi kartları */ .flora-footer-info-page-v11 .info-content > article[b-wvl5bc8dsp], .flora-footer-info-page-v11 > article[b-wvl5bc8dsp] { position: relative; min-width: 0; padding: 23px 24px; overflow: hidden; border: 1px solid var(--flora-border); border-radius: 14px; background: linear-gradient( 180deg, #ffffff 0%, #fbfdfb 100% ); box-shadow: 0 7px 24px rgba(6,60,41,.055); } .flora-footer-info-page-v11 .info-content > article[b-wvl5bc8dsp]::before, .flora-footer-info-page-v11 > article[b-wvl5bc8dsp]::before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient( 180deg, var(--flora-green) 0%, #063c29 100% ); } .flora-footer-info-page-v11 article h2[b-wvl5bc8dsp], .flora-footer-info-page-v11 section h2[b-wvl5bc8dsp] { margin: 0 0 9px; color: var(--flora-green-dark); font-size: 18px; font-weight: 900; line-height: 1.28; } .flora-footer-info-page-v11 article p[b-wvl5bc8dsp], .flora-footer-info-page-v11 section p[b-wvl5bc8dsp] { color: #59675e; font-size: 13px; line-height: 1.7; white-space: pre-line; overflow-wrap: anywhere; } /* İletişim sayfasındaki mevcut iletişim grid yapıları */ .flora-footer-info-page-v11 .flora-v35-contact-grid[b-wvl5bc8dsp], .flora-footer-info-page-v11 .contact-grid[b-wvl5bc8dsp], .flora-footer-info-page-v11 .contact-cards[b-wvl5bc8dsp] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 22px; } .flora-footer-info-page-v11 .flora-v35-contact-grid > article[b-wvl5bc8dsp], .flora-footer-info-page-v11 .contact-grid > article[b-wvl5bc8dsp], .flora-footer-info-page-v11 .contact-cards > article[b-wvl5bc8dsp], .flora-footer-info-page-v11 .flora-v35-contact-grid > div[b-wvl5bc8dsp], .flora-footer-info-page-v11 .contact-grid > div[b-wvl5bc8dsp], .flora-footer-info-page-v11 .contact-cards > div[b-wvl5bc8dsp] { min-width: 0; padding: 18px 19px; display: grid; gap: 6px; border: 1px solid var(--flora-border); border-radius: 12px; background: #ffffff; box-shadow: 0 5px 18px rgba(6,60,41,.05); } .flora-footer-info-page-v11 .flora-v35-contact-grid strong[b-wvl5bc8dsp], .flora-footer-info-page-v11 .contact-grid strong[b-wvl5bc8dsp], .flora-footer-info-page-v11 .contact-cards strong[b-wvl5bc8dsp] { color: var(--flora-green); font-size: 12px; font-weight: 900; } .flora-footer-info-page-v11 .flora-v35-contact-grid span[b-wvl5bc8dsp], .flora-footer-info-page-v11 .contact-grid span[b-wvl5bc8dsp], .flora-footer-info-page-v11 .contact-cards span[b-wvl5bc8dsp] { color: #4e5d53; font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; } /* SSS için details kullanılıyorsa */ .flora-footer-info-page-v11 details[b-wvl5bc8dsp] { margin: 0 0 10px; border: 1px solid var(--flora-border); border-radius: 12px; background: #ffffff; overflow: hidden; } .flora-footer-info-page-v11 details > summary[b-wvl5bc8dsp] { min-height: 50px; padding: 14px 17px; display: flex; align-items: center; color: var(--flora-green-dark); font-size: 13px; font-weight: 900; cursor: pointer; } .flora-footer-info-page-v11 details[open] > summary[b-wvl5bc8dsp] { background: var(--flora-green-soft); } .flora-footer-info-page-v11 details > p[b-wvl5bc8dsp], .flora-footer-info-page-v11 details > div[b-wvl5bc8dsp] { margin: 0; padding: 0 17px 16px; color: #59675e; font-size: 13px; line-height: 1.65; } /* Linkler */ .flora-footer-info-page-v11 a[b-wvl5bc8dsp] { color: var(--flora-green); } .flora-footer-info-page-v11 a:focus-visible[b-wvl5bc8dsp] { outline: 3px solid rgba(6,60,41,.16); outline-offset: 3px; border-radius: 6px; } /* Tablet */ @media (max-width: 820px) { .flora-footer-info-page-v11[b-wvl5bc8dsp] { width: min(100% - 24px,1180px); padding-top: 16px; padding-bottom: 54px; } .flora-footer-info-page-v11 .info-hero[b-wvl5bc8dsp] { min-height: 185px; padding: 29px 27px; border-radius: 16px; } .flora-footer-info-page-v11 .info-content[b-wvl5bc8dsp], .flora-footer-info-page-v11 .flora-v35-contact-grid[b-wvl5bc8dsp], .flora-footer-info-page-v11 .contact-grid[b-wvl5bc8dsp], .flora-footer-info-page-v11 .contact-cards[b-wvl5bc8dsp] { grid-template-columns: minmax(0,1fr); } } /* Mobil */ @media (max-width: 520px) { .flora-footer-info-page-v11[b-wvl5bc8dsp] { width: min(100% - 18px,1180px); padding-top: 10px; padding-bottom: 40px; } .flora-footer-info-page-v11 .info-breadcrumb[b-wvl5bc8dsp] { min-height: 40px; margin-bottom: 10px; padding: 8px 11px; font-size: 11px; } .flora-footer-info-page-v11 .info-hero[b-wvl5bc8dsp] { min-height: 165px; margin-bottom: 14px; padding: 23px 19px; border-radius: 14px; } .flora-footer-info-page-v11 .info-hero h1[b-wvl5bc8dsp], .flora-footer-info-page-v11 > h1[b-wvl5bc8dsp] { font-size: 28px; } .flora-footer-info-page-v11 .info-hero p[b-wvl5bc8dsp], .flora-footer-info-page-v11 > p[b-wvl5bc8dsp] { font-size: 12px; line-height: 1.62; } .flora-footer-info-page-v11 .info-content[b-wvl5bc8dsp] { gap: 10px; } .flora-footer-info-page-v11 .info-content > article[b-wvl5bc8dsp], .flora-footer-info-page-v11 > article[b-wvl5bc8dsp] { padding: 18px 17px 18px 20px; border-radius: 12px; } .flora-footer-info-page-v11 article h2[b-wvl5bc8dsp], .flora-footer-info-page-v11 section h2[b-wvl5bc8dsp] { font-size: 16px; } .flora-footer-info-page-v11 article p[b-wvl5bc8dsp], .flora-footer-info-page-v11 section p[b-wvl5bc8dsp] { font-size: 12px; line-height: 1.65; } } /* ============================================================ FLORA_V37D18_INFO_REAL_CLASSES_PREMIUM_V2 GERCEK CURRENT SINIFLAR: .flora-v35-info-page .flora-v35-contact-grid Bu blok /iletisim sayfasini dogrudan current markup uzerinden tasarlar. ============================================================ */ .flora-v35-info-page[b-wvl5bc8dsp] { width: min(100% - 36px, 1180px) !important; max-width: 1180px !important; margin: 0 auto !important; padding: 34px 0 72px !important; color: #263229 !important; box-sizing: border-box !important; } .flora-v35-info-page *[b-wvl5bc8dsp], .flora-v35-info-page *[b-wvl5bc8dsp]::before, .flora-v35-info-page *[b-wvl5bc8dsp]::after { box-sizing: border-box !important; } /* Üst küçük etiket */ .flora-v35-info-page > span:first-child[b-wvl5bc8dsp] { display: inline-flex !important; align-items: center !important; min-height: 28px !important; margin: 0 0 12px !important; padding: 0 11px !important; border: 1px solid #cfe1d3 !important; border-radius: 999px !important; background: #edf6ef !important; color: #063c29 !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .09em !important; } /* Ana başlık */ .flora-v35-info-page > h1[b-wvl5bc8dsp] { max-width: 820px !important; margin: 0 0 12px !important; color: #063c29 !important; font-size: clamp(32px,4vw,48px) !important; font-weight: 900 !important; line-height: 1.05 !important; letter-spacing: -.025em !important; } /* Açıklama */ .flora-v35-info-page > p[b-wvl5bc8dsp] { max-width: 780px !important; margin: 0 0 28px !important; color: #647269 !important; font-size: 14px !important; line-height: 1.72 !important; } /* İletişim kartları */ .flora-v35-info-page .flora-v35-contact-grid[b-wvl5bc8dsp] { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .flora-v35-info-page .flora-v35-contact-grid > article[b-wvl5bc8dsp], .flora-v35-info-page .flora-v35-contact-grid > div[b-wvl5bc8dsp] { position: relative !important; min-width: 0 !important; min-height: 112px !important; margin: 0 !important; padding: 20px 21px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 7px !important; overflow: hidden !important; border: 1px solid #dce7df !important; border-radius: 13px !important; background: linear-gradient( 180deg, #ffffff 0%, #f9fcfa 100% ) !important; box-shadow: 0 7px 22px rgba(6,60,41,.055) !important; } .flora-v35-info-page .flora-v35-contact-grid > article[b-wvl5bc8dsp]::before, .flora-v35-info-page .flora-v35-contact-grid > div[b-wvl5bc8dsp]::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 4px !important; height: 100% !important; background: #063c29 !important; } .flora-v35-info-page .flora-v35-contact-grid strong[b-wvl5bc8dsp] { color: #063c29 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.2 !important; } .flora-v35-info-page .flora-v35-contact-grid span[b-wvl5bc8dsp], .flora-v35-info-page .flora-v35-contact-grid a[b-wvl5bc8dsp] { color: #4e5d53 !important; font-size: 13px !important; line-height: 1.55 !important; overflow-wrap: anywhere !important; } .flora-v35-info-page .flora-v35-contact-grid a[b-wvl5bc8dsp] { color: #063c29 !important; font-weight: 800 !important; text-decoration: none !important; } @media (max-width: 820px) { .flora-v35-info-page[b-wvl5bc8dsp] { width: min(100% - 24px,1180px) !important; padding: 24px 0 54px !important; } .flora-v35-info-page .flora-v35-contact-grid[b-wvl5bc8dsp] { grid-template-columns: minmax(0,1fr) !important; } } @media (max-width: 520px) { .flora-v35-info-page[b-wvl5bc8dsp] { width: min(100% - 18px,1180px) !important; padding: 20px 0 40px !important; } .flora-v35-info-page > h1[b-wvl5bc8dsp] { font-size: 30px !important; } .flora-v35-info-page > p[b-wvl5bc8dsp] { font-size: 12px !important; line-height: 1.62 !important; } .flora-v35-info-page .flora-v35-contact-grid > article[b-wvl5bc8dsp], .flora-v35-info-page .flora-v35-contact-grid > div[b-wvl5bc8dsp] { min-height: 98px !important; padding: 17px 18px !important; } } /* FLORA_V40_30_1_CONTACT_CENTER_GREEN_START */ /* ============================================================ FLORA V40.30.1 ILETISIM EXACT HOME GREEN PRIMARY GREEN = #063c29 ============================================================ */ .flora-v35-info-page.flora-footer-info-page-v11[b-wvl5bc8dsp] { width: min(calc(100% - 48px), 1180px) !important; max-width: 1180px !important; min-height: 500px !important; margin: 32px auto 78px !important; padding: 48px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; position: relative !important; overflow: hidden !important; border: 1px solid rgba(193, 148, 62, .34) !important; border-radius: 28px !important; background: #063c29 !important; color: #ffffff !important; box-shadow: 0 20px 48px rgba(6, 60, 41, .16) !important; } /* Altin botanik dekor */ .flora-v35-info-page.flora-footer-info-page-v11[b-wvl5bc8dsp]::after { content: "❦" !important; position: absolute !important; right: 34px !important; top: 24px !important; color: rgba(193, 148, 62, .26) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 108px !important; line-height: 1 !important; pointer-events: none !important; } /* FLORA ILETISIM etiketi */ .flora-v35-info-page.flora-footer-info-page-v11 > span:first-child[b-wvl5bc8dsp] { position: relative !important; z-index: 1 !important; width: fit-content !important; min-height: 30px !important; margin: 0 0 14px !important; padding: 0 12px !important; display: inline-flex !important; align-items: center !important; border: 1px solid #fffaf2 !important; border-radius: 999px !important; background: #fffaf2 !important; color: #063c29 !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .10em !important; } /* ANA BASLIK */ .flora-v35-info-page.flora-footer-info-page-v11 > h1[b-wvl5bc8dsp] { position: relative !important; z-index: 1 !important; max-width: 820px !important; margin: 0 0 13px !important; color: #ffffff !important; font-family: Georgia, "Iowan Old Style", Palatino, "Times New Roman", serif !important; font-size: clamp(42px, 4.5vw, 58px) !important; font-weight: 500 !important; line-height: 1.02 !important; letter-spacing: -.035em !important; } /* ACIKLAMA */ .flora-v35-info-page.flora-footer-info-page-v11 > p[b-wvl5bc8dsp] { position: relative !important; z-index: 1 !important; max-width: 760px !important; margin: 0 0 30px !important; color: rgba(255, 255, 255, .78) !important; font-size: 14px !important; line-height: 1.72 !important; } /* ============================================================ ILETISIM KARTLARI ============================================================ */ .flora-v35-info-page.flora-footer-info-page-v11 .flora-v35-contact-grid[b-wvl5bc8dsp] { position: relative !important; z-index: 1 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } .flora-v35-info-page.flora-footer-info-page-v11 .flora-v35-contact-grid > article[b-wvl5bc8dsp] { position: relative !important; overflow: hidden !important; min-width: 0 !important; min-height: 112px !important; margin: 0 !important; padding: 22px 22px 22px 24px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 8px !important; border: 1px solid rgba(193, 148, 62, .28) !important; border-radius: 16px !important; background: #fffdf9 !important; box-shadow: 0 10px 26px rgba(6,60,41,.12) !important; } /* Eski acik yesil sol serit KALDIRILDI. Ana sayfa dili: mat altin. */ .flora-v35-info-page.flora-footer-info-page-v11 .flora-v35-contact-grid > article[b-wvl5bc8dsp]::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 4px !important; height: 100% !important; background: #c1943e !important; } /* Kart basliklarinda acik yesil YOK */ .flora-v35-info-page.flora-footer-info-page-v11 .flora-v35-contact-grid strong[b-wvl5bc8dsp] { color: #063c29 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.2 !important; } /* Kart metni */ .flora-v35-info-page.flora-footer-info-page-v11 .flora-v35-contact-grid span[b-wvl5bc8dsp] { color: #43564b !important; font-size: 13px !important; line-height: 1.55 !important; overflow-wrap: anywhere !important; } /* Link varsa ayni Flora yesili */ .flora-v35-info-page.flora-footer-info-page-v11 .flora-v35-contact-grid a[b-wvl5bc8dsp] { color: #063c29 !important; font-weight: 800 !important; text-decoration: none !important; } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 820px) { .flora-v35-info-page.flora-footer-info-page-v11[b-wvl5bc8dsp] { width: min(calc(100% - 24px), 1180px) !important; min-height: auto !important; margin: 20px auto 54px !important; padding: 34px 26px !important; } .flora-v35-info-page.flora-footer-info-page-v11 .flora-v35-contact-grid[b-wvl5bc8dsp] { grid-template-columns: minmax(0, 1fr) !important; } } @media (max-width: 520px) { .flora-v35-info-page.flora-footer-info-page-v11[b-wvl5bc8dsp] { width: min(calc(100% - 18px), 1180px) !important; padding: 28px 20px !important; border-radius: 22px !important; } .flora-v35-info-page.flora-footer-info-page-v11 > h1[b-wvl5bc8dsp] { font-size: 36px !important; } .flora-v35-info-page.flora-footer-info-page-v11[b-wvl5bc8dsp]::after { display: none !important; } } /* FLORA_V40_30_1_CONTACT_CENTER_GREEN_END */ /* /Components/Pages/Blog.razor.rz.scp.css */ .flora-blog-page[b-s6coczi9gd]{width:min(100% - 32px,1220px);margin:0 auto;padding:34px 0 70px;color:#253129}.blog-hero[b-s6coczi9gd]{padding:38px;border-radius:18px;background:linear-gradient(135deg,#063c29,#063c29);color:#fff}.blog-hero span[b-s6coczi9gd]{font-size: 13px;font-weight:900;letter-spacing:.12em}.blog-hero h1[b-s6coczi9gd]{margin:9px 0 8px;font-size:34px}.blog-hero p[b-s6coczi9gd]{max-width:680px;margin:0;color:#dbe9de;line-height:1.7}.blog-toolbar[b-s6coczi9gd]{display:flex;gap:10px;margin:24px 0}.blog-toolbar input[b-s6coczi9gd],.blog-toolbar select[b-s6coczi9gd]{min-height:44px;padding:0 13px;border:1px solid #d9e2db;border-radius:9px;background:#fff;font:inherit}.blog-toolbar input[b-s6coczi9gd]{flex:1}.blog-grid[b-s6coczi9gd]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card[b-s6coczi9gd]{overflow:hidden;border:1px solid #e0e7e1;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(6,60,41,.05)}.blog-media[b-s6coczi9gd]{height:220px;display:block;background:#edf4ee}.blog-media img[b-s6coczi9gd]{width:100%;height:100%;object-fit:cover}.blog-placeholder[b-s6coczi9gd]{height:100%;display:grid;place-items:center;color:#063c29;font-weight:900;font-size:24px}.blog-card-body[b-s6coczi9gd]{padding:18px}.blog-meta[b-s6coczi9gd]{display:flex;justify-content:space-between;gap:10px;color:#748077;font-size: 13px;font-weight:700}.blog-title[b-s6coczi9gd]{display:block;margin:10px 0 8px;color:#063c29;font-size:19px;font-weight:900;text-decoration:none}.blog-card-body p[b-s6coczi9gd]{min-height:64px;margin:0;color:#657068;font-size:13px;line-height:1.65}.blog-read[b-s6coczi9gd]{display:inline-block;margin-top:16px;color:#063c29;font-size: 13px;font-weight:900;text-decoration:none}.blog-empty[b-s6coczi9gd]{padding:48px;text-align:center;border:1px dashed #cbd8cd;border-radius:14px}.blog-empty strong[b-s6coczi9gd],.blog-empty span[b-s6coczi9gd]{display:block}.blog-empty span[b-s6coczi9gd]{margin-top:6px;color:#758078}@media(max-width:900px){.blog-grid[b-s6coczi9gd]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.blog-grid[b-s6coczi9gd]{grid-template-columns:1fr}.blog-toolbar[b-s6coczi9gd]{flex-direction:column}.blog-hero[b-s6coczi9gd]{padding:28px 22px}.blog-hero h1[b-s6coczi9gd]{font-size:28px}} .blog-read[b-s6coczi9gd]{min-height:44px;display:inline-flex;align-items:center;font-size:13px}.blog-meta[b-s6coczi9gd],.blog-hero span[b-s6coczi9gd]{font-size:13px} /* ============================================================ FLORA_V37D18_BLOG_TOP_PREMIUM_DESIGN_V1_1 SADECE /blog UST ALAN: - .blog-hero - .blog-toolbar Kartlara ve blog mantigina dokunmaz. ============================================================ */ .flora-blog-page[b-s6coczi9gd] { --flora-blog-green: #063c29; --flora-blog-dark: #063c29; --flora-blog-mid: #063c29; --flora-blog-light: #eef6ef; --flora-blog-border: #d7e3d9; padding-top: 28px !important; } /* HERO */ .flora-blog-page .blog-hero[b-s6coczi9gd] { position: relative !important; isolation: isolate !important; width: 100% !important; min-height: 225px !important; margin: 0 !important; padding: 40px 44px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; overflow: hidden !important; border: 0 !important; border-radius: 18px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 46%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 18px 44px rgba(6,60,41,.16) !important; } .flora-blog-page .blog-hero[b-s6coczi9gd]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 360px !important; height: 360px !important; right: -110px !important; top: -180px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .flora-blog-page .blog-hero[b-s6coczi9gd]::after { content: "" !important; position: absolute !important; z-index: -1 !important; width: 190px !important; height: 190px !important; right: 130px !important; bottom: -135px !important; border: 30px solid rgba(255,255,255,.035) !important; border-radius: 50% !important; } .flora-blog-page .blog-hero > span[b-s6coczi9gd] { display: inline-flex !important; align-items: center !important; min-height: 29px !important; margin: 0 0 12px !important; padding: 0 11px !important; border: 1px solid rgba(255,255,255,.17) !important; border-radius: 999px !important; background: rgba(255,255,255,.09) !important; color: #d9efde !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .11em !important; opacity: 1 !important; visibility: visible !important; } .flora-blog-page .blog-hero > h1[b-s6coczi9gd] { max-width: 820px !important; margin: 0 0 11px !important; color: #ffffff !important; font-size: clamp(31px,4vw,46px) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -.025em !important; opacity: 1 !important; visibility: visible !important; } .flora-blog-page .blog-hero > p[b-s6coczi9gd] { max-width: 720px !important; margin: 0 !important; color: #dbeade !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.7 !important; opacity: 1 !important; visibility: visible !important; } /* TOOLBAR */ .flora-blog-page .blog-toolbar[b-s6coczi9gd] { width: 100% !important; margin: 18px 0 22px !important; padding: 10px !important; display: grid !important; grid-template-columns: minmax(0,1fr) 190px !important; gap: 10px !important; align-items: center !important; border: 1px solid #dce7df !important; border-radius: 13px !important; background: #ffffff !important; box-shadow: 0 7px 24px rgba(6,60,41,.055) !important; } .flora-blog-page .blog-toolbar input[type="search"][b-s6coczi9gd], .flora-blog-page .blog-toolbar select[b-s6coczi9gd] { width: 100% !important; min-width: 0 !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid #d7e3d9 !important; border-radius: 9px !important; outline: none !important; background: #fbfdfb !important; color: #273329 !important; font-family: inherit !important; font-size: 13px !important; line-height: 1 !important; box-shadow: none !important; transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important; } .flora-blog-page .blog-toolbar input[type="search"][b-s6coczi9gd]::placeholder { color: #7c887f !important; opacity: 1 !important; } .flora-blog-page .blog-toolbar input[type="search"]:focus[b-s6coczi9gd], .flora-blog-page .blog-toolbar select:focus[b-s6coczi9gd] { border-color: #063c29 !important; background: #ffffff !important; box-shadow: 0 0 0 3px rgba(6,60,41,.10) !important; } .flora-blog-page .blog-toolbar select[b-s6coczi9gd] { cursor: pointer !important; color: #063c29 !important; font-weight: 800 !important; } @media (max-width: 760px) { .flora-blog-page[b-s6coczi9gd] { padding-top: 18px !important; } .flora-blog-page .blog-hero[b-s6coczi9gd] { min-height: 195px !important; padding: 31px 28px !important; border-radius: 16px !important; } .flora-blog-page .blog-toolbar[b-s6coczi9gd] { grid-template-columns: minmax(0,1fr) !important; margin-top: 14px !important; } } @media (max-width: 520px) { .flora-blog-page .blog-hero[b-s6coczi9gd] { min-height: 175px !important; padding: 25px 20px !important; border-radius: 14px !important; } .flora-blog-page .blog-hero > span[b-s6coczi9gd] { min-height: 27px !important; margin-bottom: 10px !important; font-size: 9px !important; } .flora-blog-page .blog-hero > h1[b-s6coczi9gd] { margin-bottom: 9px !important; font-size: 28px !important; } .flora-blog-page .blog-hero > p[b-s6coczi9gd] { font-size: 12px !important; line-height: 1.6 !important; } .flora-blog-page .blog-toolbar[b-s6coczi9gd] { padding: 8px !important; border-radius: 11px !important; } .flora-blog-page .blog-toolbar input[type="search"][b-s6coczi9gd], .flora-blog-page .blog-toolbar select[b-s6coczi9gd] { height: 44px !important; min-height: 44px !important; font-size: 12px !important; } } /* FLORA_V37D18_SEARCH_UI_BLOG_MASTER_START */ /* FLORA_V37D18_SEARCH_UI_BLOG_V1_START */ .flora-blog-page .blog-toolbar[b-s6coczi9gd] { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .flora-blog-page .blog-toolbar input[type="search"][b-s6coczi9gd] { padding-right: 48px !important; background-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%231d2a20%27 stroke-width=%271.8%27 stroke-linecap=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27M20 20L16.4 16.4%27/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 20px 20px !important; } /* FLORA_V37D18_SEARCH_UI_BLOG_V1_END */ /* FLORA_V37D18_SEARCH_UI_BLOG_MASTER_END */ /* /Components/Pages/BlogDetay.razor.rz.scp.css */ .guide-detail-page[b-ptkamue6t8]{width:min(100% - 32px,940px);margin:0 auto;padding:38px 0 80px;color:#253129}.guide-article[b-ptkamue6t8]{padding:0 0 40px}.back-link[b-ptkamue6t8]{min-height:44px;display:inline-flex;align-items:center;padding:4px 0;color:#063c29;font-size:13px;font-weight:800;text-decoration:none}.guide-article header[b-ptkamue6t8]{padding:30px 0 24px}.guide-article header>span[b-ptkamue6t8]{color:#063c29;font-size: 13px;font-weight:900;letter-spacing:.1em}.guide-article h1[b-ptkamue6t8]{max-width:820px;margin:8px 0 12px;font-size:38px;line-height:1.15}.guide-article header p[b-ptkamue6t8]{max-width:760px;color:#647068;font-size:15px;line-height:1.75}.guide-meta[b-ptkamue6t8]{margin-top:13px;color:#89918b;font-size: 13px}.guide-cover[b-ptkamue6t8]{width:100%;max-height:500px;object-fit:cover;border-radius:16px}.guide-content[b-ptkamue6t8]{max-width:760px;margin:32px auto 0}.guide-content p[b-ptkamue6t8]{margin:0 0 18px;color:#465248;font-size:15px;line-height:1.85;white-space:pre-line}.guide-bullet[b-ptkamue6t8]{margin:8px 0;padding-left:14px;border-left:3px solid #94b79c;color:#4d5a50;line-height:1.65}.guide-not-found[b-ptkamue6t8]{padding:60px 25px;text-align:center}.guide-not-found a[b-ptkamue6t8]{display:inline-block;margin-top:15px;color:#063c29;font-weight:900;text-decoration:none}@media(max-width:650px){.guide-article h1[b-ptkamue6t8]{font-size:30px}} /* /Components/Pages/Favorilerim.razor.rz.scp.css */ .favorites-page[b-rpdbaxbosj] { display: grid; gap: 22px; } .page-heading > span[b-rpdbaxbosj], .favorites-toolbar span[b-rpdbaxbosj], .favorite-content > span[b-rpdbaxbosj], .favorites-empty > span[b-rpdbaxbosj] { color: #063c29; font-size: 13px; font-weight: 900; letter-spacing: .12em; } .page-heading h1[b-rpdbaxbosj] { margin: 6px 0 7px; font-size: 31px; } .page-heading p[b-rpdbaxbosj] { max-width: 690px; margin: 0; color: #6d766f; font-size: 14px; line-height: 1.65; } .favorites-toolbar[b-rpdbaxbosj] { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 15px 17px; border: 1px solid #dfe7e0; border-radius: 10px; background: #fafcfa; } .favorites-toolbar span[b-rpdbaxbosj], .favorites-toolbar strong[b-rpdbaxbosj] { display: block; } .favorites-toolbar strong[b-rpdbaxbosj] { margin-top: 3px; font-size: 14px; } .favorites-toolbar > a[b-rpdbaxbosj] { color: #063c29; font-size: 13px; font-weight: 900; text-decoration: none; } .favorites-grid[b-rpdbaxbosj] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; } .favorite-card[b-rpdbaxbosj] { overflow: hidden; border: 1px solid #dfe7e0; border-radius: 12px; background: #fff; transition: .2s ease; } .favorite-card:hover[b-rpdbaxbosj] { transform: translateY(-2px); box-shadow: 0 13px 30px rgba(6,60,41,.07); } .favorite-image[b-rpdbaxbosj] { display: block; height: 235px; padding: 17px; background: #f7faf7; } .favorite-image img[b-rpdbaxbosj], .image-placeholder[b-rpdbaxbosj] { width: 100%; height: 100%; } .favorite-image img[b-rpdbaxbosj] { object-fit: contain; } .image-placeholder[b-rpdbaxbosj] { display: grid; place-items: center; color: #063c29; font-size: 20px; font-weight: 900; letter-spacing: .1em; } .favorite-content[b-rpdbaxbosj] { padding: 17px; } .favorite-content a[b-rpdbaxbosj] { color: inherit; text-decoration: none; } .favorite-content h2[b-rpdbaxbosj] { min-height: 44px; margin: 6px 0 10px; font-size: 16px; line-height: 1.38; } .favorite-content > strong[b-rpdbaxbosj] { display: block; margin-bottom: 15px; color: #063c29; font-size: 17px; } .favorite-actions[b-rpdbaxbosj] { display: grid; grid-template-columns: 1fr 42px; gap: 8px; } .favorite-actions a[b-rpdbaxbosj], .favorite-actions button[b-rpdbaxbosj] { min-height: 41px; border-radius: 6px; display: grid; place-items: center; font-size: 13px; font-weight: 900; } .favorite-actions a[b-rpdbaxbosj] { background: #063c29; color: #fff; } .favorite-actions button[b-rpdbaxbosj] { border: 1px solid #d7dfd8; background: #fff; color: #063c29; cursor: pointer; font-size: 20px; } .favorites-empty[b-rpdbaxbosj] { padding: 65px 25px; border: 1px solid #dfe7e0; border-radius: 14px; background: #fff; text-align: center; } .empty-heart[b-rpdbaxbosj] { margin-bottom: 12px; color: #063c29; font-size: 52px; line-height: 1; } .favorites-empty h2[b-rpdbaxbosj] { margin: 7px 0; font-size: 23px; } .favorites-empty p[b-rpdbaxbosj] { max-width: 500px; margin: 0 auto; color: #6e786f; font-size: 13px; line-height: 1.65; } .favorites-empty a[b-rpdbaxbosj] { display: inline-block; margin-top: 17px; padding: 12px 17px; border-radius: 6px; background: #063c29; color: #fff; font-size: 13px; font-weight: 900; text-decoration: none; } @media (max-width: 1050px) { .favorites-grid[b-rpdbaxbosj] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { .page-heading h1[b-rpdbaxbosj] { font-size: 28px; } .favorites-grid[b-rpdbaxbosj] { grid-template-columns: 1fr; } .favorites-toolbar[b-rpdbaxbosj] { align-items: flex-start; flex-direction: column; } } /* ============================================================ FLORA_V37D18_FAVORITES_PREMIUM_PAGE_V1 FAVORILERIM - FLORA ACCOUNT PREMIUM ============================================================ */ .favorites-page[b-rpdbaxbosj], .favorites-page *[b-rpdbaxbosj], .favorites-page *[b-rpdbaxbosj]::before, .favorites-page *[b-rpdbaxbosj]::after { box-sizing: border-box !important; } .favorites-page[b-rpdbaxbosj] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; gap: 22px !important; } /* HERO */ .favorites-page .page-heading[b-rpdbaxbosj] { position: relative !important; isolation: isolate !important; min-height: 170px !important; margin: 0 !important; padding: 28px 32px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; overflow: hidden !important; border-radius: 16px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 52%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 14px 34px rgba(6,60,41,.14) !important; } .favorites-page .page-heading[b-rpdbaxbosj]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 260px !important; height: 260px !important; right: -78px !important; top: -128px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .favorites-page .page-heading > span[b-rpdbaxbosj] { display: inline-flex !important; align-items: center !important; min-height: 27px !important; margin: 0 0 10px !important; padding: 0 10px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; background: rgba(255,255,255,.09) !important; color: #d7ecdc !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .12em !important; } .favorites-page .page-heading > h1[b-rpdbaxbosj] { margin: 0 0 10px !important; color: #ffffff !important; font-size: clamp(30px,4vw,42px) !important; font-weight: 900 !important; line-height: 1.08 !important; } .favorites-page .page-heading > p[b-rpdbaxbosj] { max-width: 760px !important; margin: 0 !important; color: #dcece0 !important; font-size: 13px !important; line-height: 1.68 !important; } /* TOOLBAR */ .favorites-page .favorites-toolbar[b-rpdbaxbosj] { width: 100% !important; min-width: 0 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 16px !important; padding: 16px 18px !important; border: 1px solid #dce6de !important; border-radius: 12px !important; background: #fafcfa !important; box-shadow: 0 6px 20px rgba(6,60,41,.04) !important; } .favorites-page .favorites-toolbar > *[b-rpdbaxbosj] { min-width: 0 !important; } .favorites-page .favorites-toolbar > a[b-rpdbaxbosj] { flex: 0 0 auto !important; color: #063c29 !important; font-size: 11px !important; font-weight: 900 !important; text-decoration: none !important; } /* GRID */ .favorites-page .favorites-grid[b-rpdbaxbosj] { width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 16px !important; } .favorites-page .favorite-card[b-rpdbaxbosj] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; border: 1px solid #dce6de !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: 0 7px 24px rgba(6,60,41,.045) !important; } .favorites-page .favorite-image[b-rpdbaxbosj] { display: block !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; background: #f7faf7 !important; } .favorites-page .favorite-image img[b-rpdbaxbosj] { display: block !important; width: 100% !important; max-width: 100% !important; object-fit: cover !important; } .favorites-page .favorite-content[b-rpdbaxbosj] { min-width: 0 !important; padding: 18px !important; } .favorites-page .favorite-content h2[b-rpdbaxbosj] { overflow-wrap: anywhere !important; color: #263229 !important; } .favorites-page .favorite-content > strong[b-rpdbaxbosj] { color: #063c29 !important; font-weight: 900 !important; } /* EMPTY */ .favorites-page .favorites-empty[b-rpdbaxbosj] { width: 100% !important; padding: 54px 24px !important; border: 1px solid #dce6de !important; border-radius: 14px !important; background: #ffffff !important; text-align: center !important; box-shadow: 0 8px 26px rgba(6,60,41,.045) !important; } .favorites-page .favorites-empty h2[b-rpdbaxbosj] { color: #063c29 !important; } .favorites-page .favorites-empty p[b-rpdbaxbosj] { color: #6a756d !important; } .favorites-page .favorites-empty a[b-rpdbaxbosj] { border-radius: 7px !important; background: #063c29 !important; color: #ffffff !important; } @media (max-width:1050px) { .favorites-page .favorites-grid[b-rpdbaxbosj] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } @media (max-width:600px) { .favorites-page .page-heading[b-rpdbaxbosj] { min-height: 145px !important; padding: 22px 18px !important; border-radius: 13px !important; } .favorites-page .page-heading > h1[b-rpdbaxbosj] { font-size: 28px !important; } .favorites-page .favorites-toolbar[b-rpdbaxbosj] { align-items: flex-start !important; flex-direction: column !important; } .favorites-page .favorites-grid[b-rpdbaxbosj] { grid-template-columns: minmax(0,1fr) !important; } } /* /Components/Pages/FloraAdminNav.razor.rz.scp.css */ .flora-admin-nav[b-sd22kapqox] { width: min(100% - 16px, 1440px); margin: 18px auto 20px; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid #dce5de; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(6,60,41,.05); overflow: visible; } .admin-brand[b-sd22kapqox] { flex: 0 0 auto; display: flex; align-items: baseline; gap: 8px; padding: 0 8px 0 3px; white-space: nowrap; } .admin-brand span[b-sd22kapqox] { color: #063c29; font-size: 15px; font-weight: 1000; letter-spacing: .1em; } .admin-brand strong[b-sd22kapqox] { color: #253229; font-size: 13px; } .admin-links[b-sd22kapqox] { min-width: 0; flex: 1 1 auto; display: flex; flex-wrap: nowrap; align-items: center; gap: 3px; overflow-x: auto; overflow-y: hidden; padding: 3px 8px 7px 0; scrollbar-width: thin; scrollbar-color: #b9c9bc #f4f7f4; scroll-padding-inline: 10px; } .admin-links a[b-sd22kapqox] { flex: 0 0 auto; min-height: 42px; display: inline-flex; align-items: center; padding: 0 8px; border-radius: 7px; color: #4e5e52; font-size: 13px; line-height: 1.2; font-weight: 800; text-decoration: none; white-space: nowrap; } .admin-links a:hover[b-sd22kapqox] { background: #eef5ef; color: #063c29; } @media (max-width: 760px) { .flora-admin-nav[b-sd22kapqox] { width: min(100% - 20px, 1360px); gap: 8px; padding: 8px 10px; } .admin-brand strong[b-sd22kapqox] { display: none; } .admin-links[b-sd22kapqox] { scroll-snap-type: x proximity; } .admin-links a[b-sd22kapqox] { min-height: 44px; padding: 0 11px; font-size: 13px; scroll-snap-align: start; } } /* FLORA_V37D18_MOBILE_ADMIN_NAV_FRAME_OVERFLOW_FIX_V1_START */ /* ============================================================ SADECE MOBIL ADMIN NAV CERCEVE TASMASI. Tasarim degismez; link satiri cerceve icinde yatay kayar. ============================================================ */ @media (max-width: 760px) { .flora-admin-nav[b-sd22kapqox] { width: calc(100% - 20px) !important; max-width: calc(100vw - 20px) !important; min-width: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } .flora-admin-nav .admin-brand[b-sd22kapqox] { flex: 0 0 auto !important; min-width: 0 !important; padding-right: 3px !important; } .flora-admin-nav .admin-links[b-sd22kapqox] { flex: 1 1 0% !important; width: 0 !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; overflow-x: auto !important; overflow-y: hidden !important; padding-left: 0 !important; padding-right: 12px !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; } .flora-admin-nav .admin-links a[b-sd22kapqox] { flex: 0 0 auto !important; max-width: none !important; padding-left: 9px !important; padding-right: 9px !important; white-space: nowrap !important; } } /* FLORA_V37D18_MOBILE_ADMIN_NAV_FRAME_OVERFLOW_FIX_V1_END */ /* FLORA_V37D18_MOBILE_ADMIN_NAV_FRAME_OVERFLOW_FIX_V1_1_START */ /* ============================================================ V1.1 Ekrandaki gercek sorun: FLORA + ilk admin sekmeleri mobil dis cerceve icinde kalacak. Sonraki linklere yatay kaydirma devam eder. ============================================================ */ @media (max-width: 760px) { .flora-admin-nav[b-sd22kapqox] { width: calc(100% - 16px) !important; max-width: calc(100vw - 16px) !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding: 8px !important; display: grid !important; grid-template-columns: max-content minmax(0, 1fr) !important; align-items: center !important; gap: 5px !important; overflow: hidden !important; box-sizing: border-box !important; } .flora-admin-nav .admin-brand[b-sd22kapqox] { min-width: 0 !important; padding: 0 3px 0 1px !important; gap: 0 !important; } .flora-admin-nav .admin-brand span[b-sd22kapqox] { font-size: 12px !important; letter-spacing: .07em !important; } .flora-admin-nav .admin-brand strong[b-sd22kapqox] { display: none !important; } .flora-admin-nav .admin-links[b-sd22kapqox] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 3px 5px 6px 0 !important; gap: 3px !important; overflow-x: auto !important; overflow-y: hidden !important; box-sizing: border-box !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; } .flora-admin-nav .admin-links[b-sd22kapqox]::-webkit-scrollbar { display: none !important; } .flora-admin-nav .admin-links a[b-sd22kapqox] { flex: 0 0 auto !important; min-width: 0 !important; max-width: none !important; min-height: 42px !important; padding-left: 8px !important; padding-right: 8px !important; font-size: 11px !important; line-height: 1.15 !important; white-space: nowrap !important; box-sizing: border-box !important; } } @media (max-width: 430px) { .flora-admin-nav[b-sd22kapqox] { gap: 3px !important; padding-left: 7px !important; padding-right: 7px !important; } .flora-admin-nav .admin-brand span[b-sd22kapqox] { font-size: 11px !important; } .flora-admin-nav .admin-links[b-sd22kapqox] { gap: 2px !important; padding-right: 3px !important; } .flora-admin-nav .admin-links a[b-sd22kapqox] { padding-left: 7px !important; padding-right: 7px !important; font-size: 10.5px !important; } } /* FLORA_V37D18_MOBILE_ADMIN_NAV_FRAME_OVERFLOW_FIX_V1_1_END */ /* FLORA_V37D18_MOBILE_ADMIN_NAV_VIEWPORT_FIX_V1_2_START */ /* ============================================================ ORTAK ADMIN NAV: Dis beyaz cercevenin kendisi viewport disina cikmayacak. Linkler cerceve icinde yatay kaymaya devam eder. ============================================================ */ @media (max-width: 760px) { .flora-admin-nav[b-sd22kapqox] { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding-left: 9px !important; padding-right: 9px !important; display: flex !important; overflow: hidden !important; box-sizing: border-box !important; } .flora-admin-nav .admin-brand[b-sd22kapqox] { flex: 0 0 auto !important; min-width: 0 !important; } .flora-admin-nav .admin-links[b-sd22kapqox] { flex: 1 1 0% !important; width: 0 !important; max-width: 100% !important; min-width: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; padding-right: 10px !important; box-sizing: border-box !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; } .flora-admin-nav .admin-links[b-sd22kapqox]::-webkit-scrollbar { display: none !important; } .flora-admin-nav .admin-links a[b-sd22kapqox] { flex: 0 0 auto !important; max-width: none !important; white-space: nowrap !important; } } @media (max-width: 430px) { .flora-admin-nav[b-sd22kapqox] { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; } } /* FLORA_V37D18_MOBILE_ADMIN_NAV_VIEWPORT_FIX_V1_2_END */ /* /Components/Pages/FloraCheckoutAddressSelector.razor.rz.scp.css */ .checkout-address-selector[b-ffta7ie7v4] { margin: 0 auto 24px; padding: 22px; border: 1px solid #dfe7e0; border-radius: 14px; background: #fff; box-shadow: 0 10px 28px rgba(6,60,41,.05); } .selector-head[b-ffta7ie7v4] { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 17px; } .selector-head > div > span[b-ffta7ie7v4] { display: block; margin-bottom: 5px; color: #063c29; font-size: 13px; font-weight: 900; letter-spacing: .06em; } .selector-head h2[b-ffta7ie7v4] { margin: 0 0 6px; color: #1d281f; font-size: 22px; line-height: 1.25; } .selector-head p[b-ffta7ie7v4] { margin: 0; max-width: 620px; color: #69736b; font-size: 13px; line-height: 1.6; } .selector-head > a[b-ffta7ie7v4] { flex: 0 0 auto; padding: 9px 11px; color: #063c29; font-size: 13px; font-weight: 900; text-decoration: none; } .selector-grid[b-ffta7ie7v4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .saved-address-card[b-ffta7ie7v4] { width: 100%; padding: 16px; border: 1px solid #dde5de; border-radius: 10px; background: #fff; color: #263229; font-family: inherit; text-align: left; cursor: pointer; transition: .18s ease; } .saved-address-card:hover[b-ffta7ie7v4] { border-color: #8fb69a; transform: translateY(-1px); } .saved-address-card.selected[b-ffta7ie7v4] { border-color: #063c29; background: #f3f8f4; box-shadow: inset 0 0 0 1px #063c29; } .saved-address-top[b-ffta7ie7v4], .saved-address-bottom[b-ffta7ie7v4] { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .saved-address-top > div > span[b-ffta7ie7v4] { display: block; margin-bottom: 2px; color: #829087; font-size: 13px; font-weight: 900; letter-spacing: .08em; } .saved-address-top > div > strong[b-ffta7ie7v4] { font-size: 15px; } .default-badge[b-ffta7ie7v4] { padding: 5px 8px; border-radius: 20px; background: #deefe2; color: #063c29; font-size: 13px; font-weight: 900; } .saved-name[b-ffta7ie7v4] { margin: 12px 0 4px; font-size: 13px; font-weight: 800; } .saved-address-text[b-ffta7ie7v4] { min-height: 43px; margin: 0 0 13px; color: #68736a; font-size: 13px; line-height: 1.55; } .saved-address-bottom[b-ffta7ie7v4] { padding-top: 10px; border-top: 1px solid #e9eeea; } .saved-address-bottom span[b-ffta7ie7v4] { color: #6f7a71; font-size: 13px; } .saved-address-bottom strong[b-ffta7ie7v4] { color: #063c29; font-size: 13px; font-weight: 900; } .selector-state[b-ffta7ie7v4], .selector-empty[b-ffta7ie7v4] { padding: 18px; border-radius: 9px; background: #f6f8f6; color: #657068; font-size: 13px; } .selector-empty[b-ffta7ie7v4] { display: flex; gap: 13px; align-items: center; } .empty-icon[b-ffta7ie7v4] { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 50%; background: #e5f0e7; color: #063c29; font-size: 20px; } .selector-empty strong[b-ffta7ie7v4] { display: block; margin-bottom: 3px; color: #263229; font-size: 13px; } .selector-empty p[b-ffta7ie7v4] { margin: 0; color: #6f7a71; font-size: 13px; line-height: 1.5; } .selector-note[b-ffta7ie7v4] { margin-top: 12px; color: #7a847c; font-size: 13px; } @media (max-width: 720px) { .checkout-address-selector[b-ffta7ie7v4] { padding: 16px; } .selector-head[b-ffta7ie7v4] { flex-direction: column; gap: 8px; } .selector-head h2[b-ffta7ie7v4] { font-size: 20px; } .selector-grid[b-ffta7ie7v4] { grid-template-columns: 1fr; } .selector-head > a[b-ffta7ie7v4] { padding-left: 0; } } /* /Components/Pages/FloraFavoriteButton.razor.rz.scp.css */ .flora-favorite-icon[b-71d723tb0i], .flora-favorite-text[b-71d723tb0i] { font-family: inherit; cursor: pointer; transition: .18s ease; } .flora-favorite-icon[b-71d723tb0i] { display: inline-grid; place-items: center; position: absolute; top: 12px; right: 12px; z-index: 3; width: 44px; height: 44px; padding: 0; border: 1px solid #dce4dd; border-radius: 50%; background: rgba(255,255,255,.95); color: #324338; } .flora-favorite-icon svg[b-71d723tb0i] { width: 19px; height: 19px; fill: transparent; stroke: currentColor; stroke-width: 1.8; } .flora-favorite-icon:hover[b-71d723tb0i], .flora-favorite-icon.active[b-71d723tb0i] { border-color: #063c29; color: #063c29; transform: translateY(-1px); } .flora-favorite-icon.active svg[b-71d723tb0i] { fill: currentColor; } .flora-favorite-text[b-71d723tb0i] { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 10px 15px; border: 1px solid #d7dfd8; border-radius: 5px; background: #fff; color: #063c29; font-size: 13px; font-weight: 700; } .flora-favorite-text:hover[b-71d723tb0i], .flora-favorite-text.active[b-71d723tb0i] { border-color: #063c29; color: #063c29; } .favorite-text-icon[b-71d723tb0i] { font-size: 18px; line-height: 1; } .flora-favorite-icon:disabled[b-71d723tb0i], .flora-favorite-text:disabled[b-71d723tb0i] { cursor: wait; opacity: .65; } /* FLORA_V40_16_FAVORITE_ICON_FINAL */ .flora-favorite-icon[b-71d723tb0i]{position:relative!important;top:auto!important;right:auto!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid rgba(6,60,41,.16)!important;border-radius:50%!important;background:rgba(255,253,248,.94)!important;color:#063c29!important;box-shadow:0 7px 18px rgba(6,60,41,.07)!important}.flora-favorite-icon svg[b-71d723tb0i]{width:18px!important;height:18px!important}.flora-favorite-icon:hover[b-71d723tb0i],.flora-favorite-icon.active[b-71d723tb0i]{background:#fff!important;border-color:#063c29!important;color:#063c29!important;transform:translateY(-1px)!important} /* /Components/Pages/Hesabim.razor.rz.scp.css */ .account-dashboard[b-zuuc4dmjau] { display: grid; gap: 26px; } .account-hero[b-zuuc4dmjau] { position: relative; overflow: hidden; display: flex; justify-content: space-between; gap: 28px; min-height: 210px; padding: 34px; border-radius: 16px; background: linear-gradient(125deg, #063c29 0%, #063c29 58%, #063c29 100%); color: #fff; box-shadow: 0 18px 44px rgba(6,60,41,.14); } .account-hero[b-zuuc4dmjau]::after { content: ""; position: absolute; right: -60px; bottom: -100px; width: 260px; height: 260px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; } .eyebrow[b-zuuc4dmjau], .section-heading span[b-zuuc4dmjau], .dashboard-card > span[b-zuuc4dmjau], .account-help span[b-zuuc4dmjau] { display: block; font-size: 13px; font-weight: 900; letter-spacing: .12em; } .eyebrow[b-zuuc4dmjau] { margin-bottom: 9px; color: #cfe6d4; } .account-hero h1[b-zuuc4dmjau] { max-width: 590px; margin: 0 0 11px; font-size: 35px; line-height: 1.15; } .account-hero p[b-zuuc4dmjau] { max-width: 650px; margin: 0; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.75; } .hero-leaf[b-zuuc4dmjau] { position: relative; z-index: 1; align-self: center; color: rgba(255,255,255,.18); font-size: 100px; line-height: 1; } .section-heading[b-zuuc4dmjau] { display: flex; justify-content: space-between; align-items: end; padding-top: 4px; } .section-heading span[b-zuuc4dmjau] { color: #063c29; } .section-heading h2[b-zuuc4dmjau] { margin: 5px 0 0; font-size: 24px; } .dashboard-grid[b-zuuc4dmjau] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .dashboard-card[b-zuuc4dmjau] { min-height: 235px; padding: 23px; border: 1px solid #dfe7e0; border-radius: 14px; background: #fff; color: #1c261e; text-decoration: none; transition: .2s ease; } .dashboard-card:hover[b-zuuc4dmjau] { transform: translateY(-3px); border-color: #a9c8b1; box-shadow: 0 14px 32px rgba(6,60,41,.08); } .dashboard-card.featured[b-zuuc4dmjau] { background: #f2f8f3; border-color: #cfe0d2; } .card-icon[b-zuuc4dmjau] { width: 44px; height: 44px; margin-bottom: 18px; border-radius: 11px; display: grid; place-items: center; background: #eaf4ec; color: #063c29; font-size: 22px; font-weight: 800; } .dashboard-card > span[b-zuuc4dmjau] { color: #063c29; } .dashboard-card h3[b-zuuc4dmjau] { margin: 7px 0 8px; font-size: 19px; } .dashboard-card p[b-zuuc4dmjau] { min-height: 66px; margin: 0 0 16px; color: #6c756e; font-size: 13px; line-height: 1.65; } .dashboard-card strong[b-zuuc4dmjau] { color: #063c29; font-size: 13px; } .account-help[b-zuuc4dmjau] { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 26px 28px; border: 1px solid #dfe7e0; border-radius: 14px; background: #fbfcfb; } .account-help span[b-zuuc4dmjau] { color: #063c29; } .account-help h2[b-zuuc4dmjau] { margin: 5px 0 7px; font-size: 20px; } .account-help p[b-zuuc4dmjau] { max-width: 620px; margin: 0; color: #6c756e; font-size: 13px; line-height: 1.65; } .account-help a[b-zuuc4dmjau] { flex: 0 0 auto; padding: 12px 16px; border-radius: 6px; background: #063c29; color: #fff; font-size: 13px; font-weight: 800; text-decoration: none; } @media (max-width: 720px) { .account-hero[b-zuuc4dmjau] { min-height: 0; padding: 25px 22px; } .account-hero h1[b-zuuc4dmjau] { font-size: 29px; } .hero-leaf[b-zuuc4dmjau] { display: none; } .dashboard-grid[b-zuuc4dmjau] { grid-template-columns: 1fr; } .account-help[b-zuuc4dmjau] { align-items: flex-start; flex-direction: column; } } /* FLORA_V39_ACCOUNT_WHITE_HEADINGS */ h1[b-zuuc4dmjau], h2[b-zuuc4dmjau]{ text-shadow:none; } .account-hero h1[b-zuuc4dmjau], .account-hero h2[b-zuuc4dmjau], .profile-hero h1[b-zuuc4dmjau], .profile-hero h2[b-zuuc4dmjau], .hero h1[b-zuuc4dmjau], .hero h2[b-zuuc4dmjau]{ color:#ffffff !important; } .account-hero p[b-zuuc4dmjau], .profile-hero p[b-zuuc4dmjau], .hero p[b-zuuc4dmjau]{ color:rgba(255,255,255,.92) !important; } /* FLORA_V39_ACCOUNT_HERO_WHITE_FINAL */ .account-hero[b-zuuc4dmjau], .account-hero h1[b-zuuc4dmjau], .account-hero h2[b-zuuc4dmjau], .account-hero strong[b-zuuc4dmjau]{ color:#ffffff!important; } .account-hero p[b-zuuc4dmjau]{ color:rgba(255,255,255,.88)!important; } /* FLORA_V40_16_ACCOUNT_PREMIUM */ .account-dashboard[b-zuuc4dmjau]{gap:30px!important}.account-hero[b-zuuc4dmjau]{min-height:230px!important;padding:38px!important;border-radius:24px!important;background:linear-gradient(125deg,#063c29,#063c29 60%,#063c29)!important}.account-hero h1[b-zuuc4dmjau]{font-family:"Iowan Old Style",Georgia,serif!important;font-size:40px!important;font-weight:500!important}.dashboard-grid[b-zuuc4dmjau]{gap:20px!important}.dashboard-card[b-zuuc4dmjau]{border-radius:20px!important;background:#fffdf9!important;box-shadow:0 10px 28px rgba(6,60,41,.045)!important}.account-help[b-zuuc4dmjau]{border-radius:20px!important;background:#fffdf9!important} /* /Components/Pages/Home.razor.rz.scp.css */ *[b-gca7g4oex1] { box-sizing: border-box; } .flora-page[b-gca7g4oex1] { --green: #063c29; --dark-green: #104923; --deep-green: #0b3519; --light-green: #eef6ef; --border: #e1e6e2; --text: #1b201c; --muted: #69706a; --yellow: #f4b400; width: 100%; min-height: 100vh; background: #fff; color: var(--text); font-family: var(--flora-font-family, Arial, Helvetica, sans-serif); } /* ========================================================= HEADER ========================================================= */ .flora-header[b-gca7g4oex1] { background: white; } .header-main[b-gca7g4oex1] { width: min(100% - 40px, 1420px); min-height: 88px; margin: 0 auto; display: flex; align-items: center; gap: 36px; } /* LOGO */ .brand[b-gca7g4oex1] { min-width: 230px; display: flex; align-items: center; gap: 10px; color: var(--green); text-decoration: none; } .brand-logo[b-gca7g4oex1] { width: 44px; height: 44px; flex: 0 0 44px; object-fit: contain; } .brand-text[b-gca7g4oex1] { display: flex; flex-direction: column; } .brand-text strong[b-gca7g4oex1] { color: #1b211c; font-size: 30px; font-weight: 800; line-height: .95; letter-spacing: -.7px; } .brand-text span[b-gca7g4oex1] { margin-top: 6px; color: #555d56; font-size: 13px; } /* SEARCH */ .search-area[b-gca7g4oex1] { height: 47px; flex: 1; max-width: 640px; display: flex; border: 1px solid #d5dad6; border-radius: 6px; background: white; transition: border-color .15s, box-shadow .15s; } .search-area:focus-within[b-gca7g4oex1] { border-color: #83a88c; box-shadow: 0 0 0 3px rgba(6,60,41,.08); } .search-area input[b-gca7g4oex1] { flex: 1; min-width: 0; padding: 0 16px; border: 0; outline: 0; background: transparent; font-size: var(--flora-text-base, 13px); } .search-area input[b-gca7g4oex1]::placeholder { color: #929893; } .search-area button[b-gca7g4oex1] { width: 50px; display: grid; place-items: center; border: 0; background: transparent; cursor: pointer; } .search-area button svg[b-gca7g4oex1] { width: 20px; height: 20px; } /* ACTIONS */ .header-actions[b-gca7g4oex1] { margin-left: auto; display: flex; align-items: center; gap: 28px; } .header-action[b-gca7g4oex1] { position: relative; display: flex; align-items: center; gap: 7px; color: #1d221e; font-size: var(--flora-text-md, 12px); font-weight: 600; text-decoration: none; white-space: nowrap; } .header-action:hover[b-gca7g4oex1] { color: var(--green); } .header-action > svg[b-gca7g4oex1] { width: 21px; height: 21px; } .cart-icon-wrap[b-gca7g4oex1] { position: relative; width: 24px; height: 24px; } .cart-icon-wrap svg[b-gca7g4oex1] { width: 24px; height: 24px; } .cart-count[b-gca7g4oex1] { position: absolute; top: -11px; right: -12px; min-width: 18px; height: 18px; padding: 0 4px; display: grid; place-items: center; border-radius: 50px; background: #ec3e48; color: white; font-size: 13px; font-weight: 700; } /* ========================================================= NAV ========================================================= */ .main-nav[b-gca7g4oex1] { width: min(100% - 40px, 1420px); height: 50px; margin: 0 auto; display: flex; align-items: center; gap: 36px; border-top: 1px solid #eef1ee; overflow-x: auto; scrollbar-width: none; } .main-nav[b-gca7g4oex1]::-webkit-scrollbar { display: none; } .main-nav a[b-gca7g4oex1] { position: relative; height: 50px; display: flex; align-items: center; gap: 4px; color: #202521; font-size: var(--flora-menu-text, 12px); font-weight: 700; text-decoration: none; white-space: nowrap; } .main-nav a:hover[b-gca7g4oex1], .main-nav a.active[b-gca7g4oex1] { color: var(--green); } .main-nav a.active[b-gca7g4oex1]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--green); } .nav-arrow[b-gca7g4oex1] { width: 12px; height: 12px; } /* ========================================================= HERO ========================================================= */ .hero-section[b-gca7g4oex1] { width: min(100% - 40px, 1420px); height: 430px; position: relative; margin: 0 auto; overflow: hidden; background-image: linear-gradient( 90deg, rgba(5,53,21,.96) 0%, rgba(8,68,27,.82) 31%, rgba(8,70,27,.47) 54%, rgba(0,0,0,.08) 76% ), url("/images/hero-bahce.jpg"); background-size: cover; background-position: center; } .hero-content[b-gca7g4oex1] { position: relative; z-index: 2; width: 540px; height: 100%; padding-left: 31px; display: flex; flex-direction: column; justify-content: center; color: white; } .hero-label[b-gca7g4oex1] { margin-bottom: 13px; color: #dcecdf; font-size: var(--flora-label-text, 11px); font-weight: 800; letter-spacing: 1.6px; } .hero-content h1[b-gca7g4oex1] { margin: 0; color: white; font-size: 58px; line-height: .95; font-weight: 800; letter-spacing: -1.8px; } .hero-content p[b-gca7g4oex1] { width: 400px; margin: 22px 0 27px; color: #f4f7f5; font-size: var(--flora-text-lg, 15px); line-height: 1.6; } .primary-button[b-gca7g4oex1] { width: fit-content; padding: 14px 21px; border-radius: 4px; background: #1d7b39; color: white; font-size: var(--flora-button-text, 11px); font-weight: 800; text-decoration: none; transition: .15s; } .primary-button:hover[b-gca7g4oex1] { background: #258c45; color: white; transform: translateY(-1px); } /* ========================================================= BENEFITS ========================================================= */ .benefits[b-gca7g4oex1] { width: min(100% - 40px, 1420px); min-height: 84px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); border-left: 1px solid var(--border); background: white; } .benefit-item[b-gca7g4oex1] { padding: 16px 24px; display: flex; align-items: center; justify-content: center; gap: 13px; } .benefit-icon[b-gca7g4oex1] { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; } .benefit-icon svg[b-gca7g4oex1] { width: 30px; height: 30px; } .benefit-item > div:last-child[b-gca7g4oex1] { display: flex; flex-direction: column; } .benefit-item strong[b-gca7g4oex1] { margin-bottom: 4px; font-size: var(--flora-text-base, 13px); } .benefit-item span[b-gca7g4oex1] { color: var(--muted); font-size: var(--flora-text-sm, 11px); } /* ========================================================= CONTENT ========================================================= */ .content-section[b-gca7g4oex1], .two-column-section[b-gca7g4oex1] { width: min(100% - 40px, 1420px); margin: 0 auto; padding-top: 39px; } .section-title[b-gca7g4oex1] { margin-bottom: 19px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .section-title h2[b-gca7g4oex1] { margin: 0; font-size: 21px; font-weight: 700; } .section-title a[b-gca7g4oex1] { color: var(--green); font-size: var(--flora-text-sm, 11px); font-weight: 700; text-decoration: none; } /* ========================================================= CATEGORIES ========================================================= */ .category-grid[b-gca7g4oex1] { display: grid; grid-template-columns: repeat(6, 1fr); gap: 13px; } .category-card[b-gca7g4oex1] { height: 170px; position: relative; overflow: hidden; border-radius: 6px; background: #eee; text-decoration: none; } .category-card img[b-gca7g4oex1] { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; } .category-card:hover img[b-gca7g4oex1] { transform: scale(1.05); } .category-overlay[b-gca7g4oex1] { position: absolute; left: 0; right: 0; bottom: 0; min-height: 65px; padding: 30px 11px 12px; display: flex; align-items: flex-end; background: linear-gradient( transparent, rgba(0,0,0,.82) ); color: white; } .category-overlay strong[b-gca7g4oex1] { font-size: var(--flora-text-base, 13px); } /* ========================================================= PRODUCTS ========================================================= */ .products-section[b-gca7g4oex1] { padding-top: 41px; } .product-grid[b-gca7g4oex1] { display: grid; grid-template-columns: repeat(6, 1fr); gap: 13px; } .product-card[b-gca7g4oex1] { position: relative; overflow: hidden; display: flex; flex-direction: column; border: 1px solid #dfe4df; border-radius: 6px; background: white; transition: transform .2s, box-shadow .2s; } .product-card:hover[b-gca7g4oex1] { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(0,0,0,.08); } .product-badge[b-gca7g4oex1] { position: absolute; top: 10px; left: 10px; z-index: 3; padding: 5px 8px; border-radius: 30px; background: #e94f3c; color: white; font-size: var(--flora-text-xs, 10px); font-weight: 800; } .product-image[b-gca7g4oex1] { height: 220px; padding: 13px; display: grid; place-items: center; overflow: hidden; background: #f7f8f6; border-bottom: 1px solid #eef1ee; } .product-image img[b-gca7g4oex1] { width: 100%; height: 100%; object-fit: contain; } .product-info[b-gca7g4oex1] { padding: 13px; flex: 1; display: flex; flex-direction: column; } .product-category[b-gca7g4oex1] { color: var(--green); font-size: var(--flora-text-xs, 10px); font-weight: 700; } .product-info h3[b-gca7g4oex1] { min-height: 36px; margin: 7px 0; font-size: var(--flora-text-base, 13px); line-height: 1.4; } .rating[b-gca7g4oex1] { color: var(--yellow); font-size: var(--flora-text-sm, 11px); letter-spacing: .8px; } .rating span[b-gca7g4oex1] { margin-left: 4px; color: #888; letter-spacing: 0; } .stock-label[b-gca7g4oex1] { margin-top: 8px; color: var(--green); font-size: var(--flora-text-sm, 11px); } .stock-label.out[b-gca7g4oex1] { color: #c64040; } .price-area[b-gca7g4oex1] { min-height: 43px; margin-top: 8px; display: flex; flex-direction: column; } .price-area strong[b-gca7g4oex1] { font-size: var(--flora-price-text, 14px); } .price-area del[b-gca7g4oex1] { margin-top: 3px; color: #8b918c; font-size: var(--flora-text-sm, 11px); } .add-cart-button[b-gca7g4oex1] { width: 100%; min-height: 34px; margin-top: auto; display: grid; place-items: center; border: 0; border-radius: 3px; background: var(--green); color: white; font-size: var(--flora-button-text, 11px); font-weight: 700; text-decoration: none; cursor: pointer; } .add-cart-button:hover[b-gca7g4oex1] { background: var(--dark-green); color: white; } .add-cart-button:disabled[b-gca7g4oex1] { background: #bdc5be; cursor: not-allowed; } /* EMPTY */ .empty-products[b-gca7g4oex1] { min-height: 150px; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--border); border-radius: 6px; background: #fafbfa; text-align: center; } .empty-products strong[b-gca7g4oex1] { font-size: var(--flora-text-lg, 15px); } .empty-products span[b-gca7g4oex1] { color: var(--muted); font-size: var(--flora-text-base, 13px); } /* ========================================================= FINDER ========================================================= */ .finder-banner[b-gca7g4oex1] { width: min(100% - 40px, 1360px); min-height: 170px; margin: 42px auto 0; padding: 28px 35px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-radius: 8px; background: linear-gradient( 120deg, #103f20, #21763b ); color: white; } .finder-banner > div[b-gca7g4oex1] { max-width: 700px; } .finder-banner > div > span[b-gca7g4oex1] { color: #cbe0cf; font-size: var(--flora-label-text, 11px); font-weight: 800; letter-spacing: 1.4px; } .finder-banner h2[b-gca7g4oex1] { margin: 7px 0 8px; font-size: 25px; } .finder-banner p[b-gca7g4oex1] { margin: 0; color: #e2ece4; font-size: var(--flora-text-base, 13px); line-height: 1.6; } .finder-banner > a[b-gca7g4oex1] { min-width: 190px; padding: 13px 17px; border-radius: 4px; background: white; color: var(--green); font-size: var(--flora-button-text, 11px); font-weight: 800; text-align: center; text-decoration: none; } /* ========================================================= GUIDE & REVIEWS ========================================================= */ .two-column-section[b-gca7g4oex1] { display: grid; grid-template-columns: 1fr 1.15fr; gap: 15px; } .guide-box[b-gca7g4oex1], .reviews-box[b-gca7g4oex1] { padding: 18px; border: 1px solid var(--border); border-radius: 6px; background: white; } .section-title.compact[b-gca7g4oex1] { margin-bottom: 8px; } .section-title.compact h2[b-gca7g4oex1] { font-size: 18px; } .guide-item[b-gca7g4oex1] { min-height: 92px; padding: 10px 0; display: flex; align-items: center; gap: 13px; border-top: 1px solid #ecefec; color: inherit; text-decoration: none; } .guide-item img[b-gca7g4oex1] { width: 90px; height: 68px; flex: 0 0 90px; border-radius: 4px; object-fit: cover; } .guide-item h3[b-gca7g4oex1] { margin: 0 0 5px; font-size: var(--flora-text-base, 13px); } .guide-item p[b-gca7g4oex1] { margin: 0; color: var(--muted); font-size: var(--flora-text-sm, 11px); line-height: 1.5; } /* REVIEW */ .review-item[b-gca7g4oex1] { padding: 13px 0; display: flex; gap: 12px; border-top: 1px solid #ecefec; } .review-item.second[b-gca7g4oex1] { border-top: 0; } .review-avatar[b-gca7g4oex1] { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border-radius: 50%; background: #2d4b38; color: white; font-size: var(--flora-text-base, 13px); font-weight: 700; } .review-body[b-gca7g4oex1] { flex: 1; } .review-head[b-gca7g4oex1] { margin-bottom: 6px; display: flex; align-items: center; gap: 10px; } .review-head strong[b-gca7g4oex1] { font-size: var(--flora-text-base, 13px); } .review-head span[b-gca7g4oex1] { color: var(--yellow); font-size: var(--flora-text-sm, 11px); } .review-body p[b-gca7g4oex1] { margin: 0; color: var(--muted); font-size: var(--flora-text-sm, 11px); line-height: 1.55; } .review-photo-row[b-gca7g4oex1] { padding: 5px 0 9px 52px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; } .review-photo-row img[b-gca7g4oex1] { width: 100%; height: 65px; border-radius: 4px; object-fit: cover; } /* ========================================================= NEWSLETTER ========================================================= */ .newsletter[b-gca7g4oex1] { width: min(100% - 40px, 1420px); margin: 38px auto 20px; padding: 22px 25px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border-radius: 6px; background: #f3f5f3; } .newsletter h2[b-gca7g4oex1] { margin: 0 0 5px; font-size: 19px; } .newsletter p[b-gca7g4oex1] { margin: 0; color: var(--muted); font-size: var(--flora-text-sm, 11px); } .newsletter-actions[b-gca7g4oex1] { width: min(100%, 520px); } .newsletter-form[b-gca7g4oex1] { width: 100%; display: flex; gap: 8px; } .newsletter-form input[b-gca7g4oex1] { flex: 1; min-height: 44px; padding: 0 13px; border: 1px solid #d5dad6; border-radius: 4px; background: white; font-size: var(--flora-text-md, 12px); outline: none; } .newsletter-form button[b-gca7g4oex1] { min-height: 44px; padding: 0 21px; border: 0; border-radius: 4px; background: var(--green); color: white; font-size: var(--flora-button-text, 14px); font-weight: 700; cursor: pointer; white-space: nowrap; } .newsletter-form button:disabled[b-gca7g4oex1] { opacity: .58; cursor: not-allowed; } .newsletter-consent[b-gca7g4oex1] { margin-top: 9px; display: flex; align-items: flex-start; gap: 8px; color: #526259; font-size: 13px; line-height: 1.45; cursor: pointer; } .newsletter-check[b-gca7g4oex1] { position: relative; width: 44px; height: 44px; margin-top: -11px; margin-bottom: -11px; flex: 0 0 44px; } .newsletter-check input[b-gca7g4oex1] { position: absolute; inset: 0; width: 44px; height: 44px; margin: 0; opacity: 0; cursor: pointer; z-index: 2; } .newsletter-check-visual[b-gca7g4oex1] { position: absolute; left: 13px; top: 13px; width: 18px; height: 18px; border: 1.5px solid #9eaaa2; border-radius: 4px; background: #fff; pointer-events: none; } .newsletter-check input:checked + .newsletter-check-visual[b-gca7g4oex1] { border-color: var(--green); background: var(--green); box-shadow: inset 0 0 0 4px #fff; } .newsletter-check input:focus-visible + .newsletter-check-visual[b-gca7g4oex1] { outline: 3px solid rgba(22, 101, 46, .2); outline-offset: 3px; } .newsletter-consent a[b-gca7g4oex1] { color: var(--green); font-weight: 700; } .newsletter-message[b-gca7g4oex1] { margin-top: 8px; padding: 9px 11px; border-radius: 5px; font-size: 13px; font-weight: 600; line-height: 1.4; } .newsletter-message.success[b-gca7g4oex1] { color: #145a32; background: #eaf7ef; border: 1px solid #b8dec7; } .newsletter-message.error[b-gca7g4oex1] { color: #8a2d20; background: #fff1ef; border: 1px solid #efc6bf; } /* ========================================================= BOTTOM BENEFITS ========================================================= */ .bottom-benefits[b-gca7g4oex1] { width: min(100% - 40px, 1420px); min-height: 72px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--border); background: white; } .bottom-benefits > div[b-gca7g4oex1] { padding: 16px 25px; display: flex; flex-direction: column; justify-content: center; } .bottom-benefits strong[b-gca7g4oex1] { margin-bottom: 4px; font-size: var(--flora-text-base, 13px); } .bottom-benefits span[b-gca7g4oex1] { color: var(--muted); font-size: var(--flora-text-sm, 11px); } /* ========================================================= FOOTER ========================================================= */ .flora-footer[b-gca7g4oex1] { margin-top: 40px; background: #102d1a; color: #eaf1eb; } .footer-grid[b-gca7g4oex1] { width: min(100% - 40px, 1420px); margin: 0 auto; padding: 45px 0; display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 55px; } .footer-brand-image[b-gca7g4oex1] { width: 58px; height: 58px; object-fit: contain; margin-bottom: 10px; filter: none; border-radius: 12px; background: #fff; } .footer-logo[b-gca7g4oex1] { color: white; font-size: 27px; font-weight: 800; } .footer-logo-sub[b-gca7g4oex1] { display: block; margin-top: 3px; color: #b8cabd; font-size: var(--flora-text-sm, 11px); } .footer-brand p[b-gca7g4oex1] { max-width: 290px; margin-top: 15px; color: #aec0b2; font-size: var(--flora-text-sm, 11px); line-height: 1.65; } .footer-grid h3[b-gca7g4oex1] { margin: 0 0 15px; color: white; font-size: var(--flora-text-base, 13px); } .footer-grid > div:not(.footer-brand)[b-gca7g4oex1] { display: flex; flex-direction: column; } .footer-grid a[b-gca7g4oex1] { margin-bottom: 10px; color: #aec0b2; font-size: var(--flora-text-sm, 11px); text-decoration: none; } .footer-grid a:hover[b-gca7g4oex1] { color: white; } .footer-bottom[b-gca7g4oex1] { width: min(100% - 40px, 1420px); margin: 0 auto; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.1); color: #91a697; font-size: var(--flora-text-sm, 11px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1100px) { .header-main[b-gca7g4oex1] { flex-wrap: wrap; padding: 14px 0; } .brand[b-gca7g4oex1] { min-width: auto; } .search-area[b-gca7g4oex1] { order: 3; max-width: none; flex-basis: 100%; } .category-grid[b-gca7g4oex1], .product-grid[b-gca7g4oex1] { grid-template-columns: repeat(3, 1fr); } .benefits[b-gca7g4oex1] { grid-template-columns: repeat(2, 1fr); } .finder-banner[b-gca7g4oex1] { width: calc(100% - 40px); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 700px) { .header-main[b-gca7g4oex1], .main-nav[b-gca7g4oex1], .hero-section[b-gca7g4oex1], .benefits[b-gca7g4oex1], .content-section[b-gca7g4oex1], .two-column-section[b-gca7g4oex1], .newsletter[b-gca7g4oex1], .bottom-benefits[b-gca7g4oex1], .footer-grid[b-gca7g4oex1], .footer-bottom[b-gca7g4oex1] { width: calc(100% - 24px); } .header-main[b-gca7g4oex1] { gap: 12px; } .brand-logo[b-gca7g4oex1] { width: 37px; height: 37px; } .brand-text strong[b-gca7g4oex1] { font-size: 24px; } .brand-text span[b-gca7g4oex1] { font-size: 13px; } .header-actions[b-gca7g4oex1] { gap: 15px; } .header-action > span:last-child[b-gca7g4oex1] { display: none; } .main-nav[b-gca7g4oex1] { gap: 25px; } .hero-section[b-gca7g4oex1] { height: 390px; background-position: 60% center; } .hero-content[b-gca7g4oex1] { width: 100%; padding-left: 22px; } .hero-content h1[b-gca7g4oex1] { font-size: 42px; } .hero-content p[b-gca7g4oex1] { width: 290px; font-size: 13px; } .benefits[b-gca7g4oex1] { grid-template-columns: 1fr 1fr; } .benefit-item[b-gca7g4oex1] { justify-content: flex-start; padding: 14px 11px; } .benefit-item span[b-gca7g4oex1] { display: none; } .category-grid[b-gca7g4oex1], .product-grid[b-gca7g4oex1] { grid-template-columns: repeat(2, 1fr); gap: 9px; } .category-card[b-gca7g4oex1] { height: 150px; } .product-image[b-gca7g4oex1] { height: 185px; } .finder-banner[b-gca7g4oex1] { width: calc(100% - 24px); margin-top: 35px; padding: 25px 20px; flex-direction: column; align-items: flex-start; } .two-column-section[b-gca7g4oex1] { grid-template-columns: 1fr; } .newsletter[b-gca7g4oex1] { flex-direction: column; align-items: stretch; } .newsletter-form[b-gca7g4oex1] { width: 100%; } .bottom-benefits[b-gca7g4oex1] { grid-template-columns: 1fr 1fr; } .footer-grid[b-gca7g4oex1] { grid-template-columns: 1fr 1fr; gap: 32px; padding: 36px 0; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 430px) { .hero-section[b-gca7g4oex1] { height: 365px; } .hero-content h1[b-gca7g4oex1] { font-size: 36px; } .hero-content p[b-gca7g4oex1] { width: 260px; } .product-image[b-gca7g4oex1] { height: 155px; } .product-info[b-gca7g4oex1] { padding: 10px; } .newsletter-form[b-gca7g4oex1] { flex-direction: column; } .newsletter-form button[b-gca7g4oex1] { width: 100%; } .footer-grid[b-gca7g4oex1] { grid-template-columns: 1fr; } } /* ========================================================= ADMIN-DYNAMIC HOME ADDITIONS ========================================================= */ .hero-section[b-gca7g4oex1] { transition: background-image .25s ease; } .hero-content h1[b-gca7g4oex1] { white-space: pre-line; } .hero-slider-controls[b-gca7g4oex1] { position: absolute; right: 22px; bottom: 18px; z-index: 5; display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 999px; background: rgba(5, 44, 17, .72); color: #fff; } .hero-slider-controls button[b-gca7g4oex1] { width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: transparent; color: #fff; cursor: pointer; font-size: 20px; } .hero-slider-controls span[b-gca7g4oex1] { min-width: 48px; text-align: center; font-size: 13px; font-weight: 800; } .admin-icon-text[b-gca7g4oex1] { display: grid; place-items: center; font-size: 22px; } .footer-brand > a[b-gca7g4oex1], .footer-brand > span[b-gca7g4oex1] { display: block; margin-top: 7px; color: #bac6bc; font-size: 13px; text-decoration: none; } .footer-brand > a:hover[b-gca7g4oex1] { color: #fff; } /* FLORA_V37D11_LOGO_PROFILE_PREVIEW */ .brand-logo-previewable[b-gca7g4oex1], .footer-logo-previewable[b-gca7g4oex1] { cursor: zoom-in; } .flora-logo-preview-backdrop[b-gca7g4oex1] { position: fixed; inset: 0; z-index: 10060; display: grid; place-items: center; padding: 24px; background: rgba(8,18,11,.76); backdrop-filter: blur(7px); } .flora-logo-preview[b-gca7g4oex1] { position: relative; width: min(88vw, 420px); display: grid; justify-items: center; gap: 8px; padding: 32px 28px 27px; border: 1px solid rgba(255,255,255,.35); border-radius: 22px; background: #fff; box-shadow: 0 25px 80px rgba(0,0,0,.34); text-align: center; } .flora-logo-preview img[b-gca7g4oex1] { width: min(62vw, 260px); height: min(62vw, 260px); max-width: 260px; max-height: 260px; display: block; object-fit: cover; border: 6px solid #edf5ef; border-radius: 50%; background: #f5f8f5; box-shadow: 0 12px 38px rgba(19,71,32,.15); } .flora-logo-preview strong[b-gca7g4oex1] { margin-top: 7px; color: #153f24; font-size: 24px; } .flora-logo-preview span[b-gca7g4oex1] { color: #647269; font-size: 14px; } .flora-logo-preview-close[b-gca7g4oex1] { position: absolute; top: 12px; right: 12px; width: 38px; height: 38px; border: 1px solid #dce5de; border-radius: 50%; background: #fff; color: #415047; font-size: 23px; cursor: pointer; } /* FLORA_V37D13_AUDIT_READABILITY */ .main-nav a[b-gca7g4oex1] { min-height: 44px; display: inline-flex; align-items: center; font-size: 13px; } .header-action[b-gca7g4oex1] { min-width: 44px; min-height: 44px; justify-content: center; } .primary-button[b-gca7g4oex1], .section-link[b-gca7g4oex1], .category-link[b-gca7g4oex1], .product-more[b-gca7g4oex1], .storefront-more[b-gca7g4oex1], .newsletter button[b-gca7g4oex1] { min-height: 44px; } @media(max-width:700px) { .brand-text span[b-gca7g4oex1], .main-nav a[b-gca7g4oex1] { font-size: 13px; } } /* FLORA_V37D18_MOBILE_NAV_OVERFLOW_FIX_V1_1_START */ @media (max-width: 700px) { .flora-page .main-nav[b-gca7g4oex1] { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: max-content !important; justify-content: flex-start !important; align-items: center !important; gap: 18px !important; width: calc(100% - 24px) !important; height: auto !important; min-height: 52px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 4px 4px !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; } .flora-page .main-nav[b-gca7g4oex1]::-webkit-scrollbar { display: none !important; } .flora-page .main-nav a[b-gca7g4oex1] { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: max-content !important; min-height: 44px !important; height: auto !important; margin: 0 !important; padding: 0 0 8px !important; font-size: 13px !important; line-height: 1.2 !important; letter-spacing: 0 !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; } } /* FLORA_V37D18_MOBILE_NAV_OVERFLOW_FIX_V1_1_END */ /* FLORA_V37D18_SEARCH_UI_HOME_MASTER_START */ /* FLORA_V37D18_SEARCH_UI_HOME_V1_START */ .flora-page .search-area[b-gca7g4oex1] { position: relative !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } .flora-page .search-area:focus-within[b-gca7g4oex1] { border: 0 !important; box-shadow: none !important; } .flora-page .search-area input[type="search"][b-gca7g4oex1] { width: 100% !important; height: 47px !important; min-width: 0 !important; padding: 0 54px 0 16px !important; border: 1px solid #d5dad6 !important; border-radius: 10px !important; background: #ffffff !important; box-shadow: none !important; } .flora-page .search-area input[type="search"]:focus[b-gca7g4oex1] { border-color: #83a88c !important; outline: none !important; box-shadow: 0 0 0 3px rgba(6,60,41,.08) !important; } .flora-page .search-area button[type="submit"][b-gca7g4oex1] { position: absolute !important; top: 50% !important; right: 5px !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; z-index: 2 !important; } .flora-page .search-area button[type="submit"]:hover[b-gca7g4oex1] { background: rgba(6,60,41,.07) !important; } /* FLORA_V37D18_SEARCH_UI_HOME_V1_END */ /* FLORA_V37D18_SEARCH_UI_HOME_MASTER_END */ /* FLORA_REMOVE_FINDER_BLOG_V1_1_START */ .two-column-section.flora-reviews-only[b-gca7g4oex1] { grid-template-columns: minmax(0, 1fr) !important; } .two-column-section.flora-reviews-only .reviews-box[b-gca7g4oex1] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } /* FLORA_REMOVE_FINDER_BLOG_V1_1_END */ /* FLORA_V38_HOME_CAMPAIGN_AUTO_SLIDER_CATEGORY_CAROUSEL */ .flora-v38-top-campaign[b-gca7g4oex1] { width: 100%; padding: 9px 16px; text-align: center; background: #0d5c37; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .35px; } .flora-v38-category-marquee[b-gca7g4oex1] { width: 100%; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); } .flora-v38-category-track[b-gca7g4oex1] { width: max-content; display: flex; gap: 16px; padding: 4px 0 10px; animation: floraV38CategoryFlow-b-gca7g4oex1 38s linear infinite; } .flora-v38-category-marquee:hover .flora-v38-category-track[b-gca7g4oex1] { animation-play-state: paused; } .flora-v38-category-track .category-card[b-gca7g4oex1] { width: 220px; min-width: 220px; height: 180px; position: relative; overflow: hidden; border-radius: 18px; background: #f2f5f1; box-shadow: 0 10px 28px rgba(28, 64, 43, .08); } .flora-v38-category-track .category-overlay[b-gca7g4oex1] { display: grid; gap: 2px; } .flora-v38-category-track .category-overlay span[b-gca7g4oex1] { color: rgba(255, 255, 255, .82); font-size: 10px; } @keyframes floraV38CategoryFlow-b-gca7g4oex1 { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 8px)); } } @media (max-width: 640px) { .flora-v38-category-track .category-card[b-gca7g4oex1] { width: 168px; min-width: 168px; height: 150px; } } @media (prefers-reduced-motion: reduce) { .flora-v38-category-track[b-gca7g4oex1] { animation: none; } .flora-v38-category-marquee[b-gca7g4oex1] { overflow-x: auto; } } /* ========================================================= FLORA V38 FINAL VISUAL SYSTEM ========================================================= */ .flora-v38-top-campaign[b-gca7g4oex1] { position: relative; width: 100%; overflow: hidden; padding: 0; background: #123f28; color: #fff; white-space: nowrap; } .flora-v38-top-campaign[b-gca7g4oex1]::before, .flora-v38-top-campaign[b-gca7g4oex1]::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; width: 52px; pointer-events: none; } .flora-v38-top-campaign[b-gca7g4oex1]::before { left: 0; background: linear-gradient(90deg,#123f28,transparent); } .flora-v38-top-campaign[b-gca7g4oex1]::after { right: 0; background: linear-gradient(-90deg,#123f28,transparent); } .flora-v38-top-campaign-track[b-gca7g4oex1] { width: max-content; min-height: 38px; display: flex; align-items: center; gap: 30px; padding-inline: 20px; animation: floraV38TopCampaignFlow-b-gca7g4oex1 24s linear infinite; } .flora-v38-top-campaign-track span[b-gca7g4oex1] { font-size: 12px; font-weight: 800; letter-spacing: .035em; } .flora-v38-top-campaign-track b[b-gca7g4oex1] { color: #f0bd56; font-size: 10px; } @keyframes floraV38TopCampaignFlow-b-gca7g4oex1 { from { transform: translateX(0); } to { transform: translateX(-25%); } } .hero-section.flora-v38-hero-slide[b-gca7g4oex1] { isolation: isolate; overflow: hidden; border-radius: 0 0 24px 24px; box-shadow: 0 18px 50px rgba(13,50,27,.12); animation: floraV38HeroReveal-b-gca7g4oex1 .48s ease both; } @keyframes floraV38HeroReveal-b-gca7g4oex1 { from { opacity: .72; transform: scale(1.006); } to { opacity: 1; transform: scale(1); } } .hero-slider-controls[b-gca7g4oex1] { right: 20px; bottom: 18px; min-height: 46px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.23); background: rgba(9,45,25,.78); backdrop-filter: blur(10px); } .hero-slider-controls > button[b-gca7g4oex1] { flex: 0 0 34px; } .hero-slider-dots[b-gca7g4oex1] { display: flex; align-items: center; gap: 5px; } .hero-slider-dots button[b-gca7g4oex1] { width: 8px; height: 8px; min-width: 8px; min-height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.4); cursor: pointer; transition: width .2s ease, background .2s ease; } .hero-slider-dots button.active[b-gca7g4oex1] { width: 24px; background: #fff; } .benefits[b-gca7g4oex1] { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; } .benefit-item[b-gca7g4oex1] { min-width: 0; } .flora-v38-category-track .category-card img[b-gca7g4oex1] { width: 100%; height: 100%; padding: 0; object-fit: cover; transition: transform .35s ease; } .flora-v38-category-track .category-card:hover img[b-gca7g4oex1] { transform: scale(1.045); } .flora-v38-category-track .category-card[b-gca7g4oex1]::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(6,36,20,.76)); pointer-events: none; } .flora-v38-category-track .category-overlay[b-gca7g4oex1] { position: absolute; z-index: 2; left: 16px; right: 16px; bottom: 14px; color: #fff; } @media (prefers-reduced-motion: reduce) { .flora-v38-top-campaign-track[b-gca7g4oex1], .flora-v38-hero-slide[b-gca7g4oex1] { animation: none !important; } } /* ================================================================ FLORA V39 FINAL HOMEPAGE DESIGN SYSTEM ================================================================ */ .flora-page[b-gca7g4oex1]{--flora-max:1280px;--flora-green:#135f36;--flora-deep:#0d3f25;--flora-mint:#eef7f1;--flora-line:#dfe9e2;--flora-ink:#163222;--flora-muted:#6d7c72;max-width:none!important;overflow-x:clip!important;background:#fff!important;color:var(--flora-ink)!important} .flora-v38-top-campaign[b-gca7g4oex1]{width:100%!important;max-width:none!important;height:38px!important;border:0!important;border-radius:0!important;background:#0f4e2d!important;color:#fff!important;overflow:hidden!important}.flora-v38-top-campaign-track[b-gca7g4oex1]{height:38px!important;display:flex!important;align-items:center!important;gap:36px!important;white-space:nowrap!important;animation-duration:22s!important}.flora-v38-top-campaign-track span[b-gca7g4oex1]{font-size:11px!important;font-weight:850!important;letter-spacing:.06em!important}.flora-v38-top-campaign-track b[b-gca7g4oex1]{color:#f0c45b!important} .flora-header[b-gca7g4oex1],.hero-section[b-gca7g4oex1],.benefits[b-gca7g4oex1],.content-section[b-gca7g4oex1],.two-column-section[b-gca7g4oex1],.newsletter[b-gca7g4oex1],.footer-main[b-gca7g4oex1],.footer-bottom[b-gca7g4oex1],.bottom-benefits[b-gca7g4oex1]{width:min(calc(100% - 40px),var(--flora-max))!important;margin-left:auto!important;margin-right:auto!important}.flora-header[b-gca7g4oex1]{padding-top:4px!important;border-bottom:0!important}.header-main[b-gca7g4oex1]{min-height:82px!important;display:grid!important;grid-template-columns:minmax(220px,310px) minmax(280px,1fr) auto!important;gap:24px!important;align-items:center!important}.brand[b-gca7g4oex1]{min-width:0!important}.brand-logo[b-gca7g4oex1]{width:46px!important;height:46px!important}.brand-text strong[b-gca7g4oex1]{font-size:24px!important;line-height:1.05!important;letter-spacing:-.03em!important}.brand-text span[b-gca7g4oex1]{margin-top:4px!important;color:#718077!important;font-size:10px!important;letter-spacing:.12em!important}.search-area[b-gca7g4oex1]{min-width:0!important;height:48px!important;border:1px solid #d7e0da!important;border-radius:15px!important;background:#fafcfb!important;box-shadow:none!important}.search-area:focus-within[b-gca7g4oex1]{border-color:#6eaa84!important;box-shadow:0 0 0 4px rgba(19,95,54,.08)!important}.search-area input[b-gca7g4oex1]{min-width:0!important;font-size:13px!important}.header-actions[b-gca7g4oex1]{gap:18px!important}.header-action[b-gca7g4oex1]{min-width:0!important;white-space:nowrap!important;font-size:12px!important}.main-nav[b-gca7g4oex1]{min-width:0!important;display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important;border-top:1px solid #eef2ef!important}.main-nav[b-gca7g4oex1]::-webkit-scrollbar{display:none}.main-nav a[b-gca7g4oex1]{flex:0 0 auto!important;padding:14px 13px 13px!important;font-size:11px!important;font-weight:850!important;letter-spacing:.025em!important} .hero-section[b-gca7g4oex1]{position:relative!important;min-height:430px!important;margin-top:0!important;border-radius:0 0 28px 28px!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;box-shadow:0 22px 58px rgba(18,62,36,.12)!important}.flora-v38-hero-slide[b-gca7g4oex1]{animation:floraV39HeroIn-b-gca7g4oex1 .5s cubic-bezier(.22,.68,.22,1) both!important}.hero-content[b-gca7g4oex1]{max-width:640px!important;padding:64px 48px!important}.hero-label[b-gca7g4oex1]{font-size:11px!important;letter-spacing:.14em!important}.hero-content h1[b-gca7g4oex1]{max-width:620px!important;margin:12px 0 14px!important;font-size:clamp(38px,5vw,64px)!important;line-height:.98!important;letter-spacing:-.045em!important}.hero-content p[b-gca7g4oex1]{max-width:560px!important;margin:0!important;font-size:14px!important;line-height:1.7!important;color:rgba(255,255,255,.84)!important}.primary-button[b-gca7g4oex1]{margin-top:26px!important;min-height:48px!important;display:inline-flex!important;align-items:center!important;padding:0 20px!important;border-radius:13px!important;background:#f1c45d!important;color:#153d27!important;font-size:11px!important;font-weight:950!important;letter-spacing:.04em!important}.hero-slider-controls[b-gca7g4oex1]{display:none!important}@keyframes floraV39HeroIn-b-gca7g4oex1{from{opacity:.55;transform:translateX(22px);filter:saturate(.86)}to{opacity:1;transform:none;filter:none}} .benefits[b-gca7g4oex1]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin-top:0!important;border:1px solid var(--flora-line)!important;border-top:0!important;border-radius:0 0 22px 22px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 16px 45px rgba(20,57,35,.05)!important}.benefit-item[b-gca7g4oex1]{min-width:0!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:20px 22px!important;border:0!important;border-right:1px solid #edf1ee!important;background:#fff!important}.benefit-item:last-child[b-gca7g4oex1]{border-right:0!important}.benefit-icon[b-gca7g4oex1]{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:#eff7f1!important;color:#063c29!important;font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important}.benefit-item>div:last-child[b-gca7g4oex1]{min-width:0!important;display:grid!important;gap:4px!important}.benefit-item strong[b-gca7g4oex1]{font-size:12px!important;line-height:1.25!important}.benefit-item span[b-gca7g4oex1]{min-width:0!important;color:#728077!important;font-size:10px!important;line-height:1.45!important;overflow-wrap:anywhere!important} .content-section[b-gca7g4oex1]{margin-top:48px!important}.section-title[b-gca7g4oex1]{align-items:flex-end!important;gap:18px!important}.section-title h2[b-gca7g4oex1]{font-size:clamp(26px,3vw,36px)!important;letter-spacing:-.035em!important}.section-title a[b-gca7g4oex1]{font-size:11px!important;font-weight:900!important;color:#063c29!important}.flora-v38-category-marquee[b-gca7g4oex1]{margin-top:18px!important;border-radius:22px!important}.flora-v38-category-track[b-gca7g4oex1]{gap:14px!important}.flora-v38-category-track .category-card[b-gca7g4oex1]{width:230px!important;height:180px!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(16,62,34,.08)!important}.flora-v38-category-track .category-overlay[b-gca7g4oex1]{left:17px!important;right:17px!important;bottom:16px!important}.flora-v38-category-track .category-overlay strong[b-gca7g4oex1]{font-size:15px!important}.flora-v38-category-track .category-overlay span[b-gca7g4oex1]{font-size:10px!important;color:rgba(255,255,255,.82)!important} .two-column-section.flora-reviews-only[b-gca7g4oex1]{display:block!important;margin-top:48px!important}.reviews-box[b-gca7g4oex1]{width:100%!important;min-width:0!important;padding:28px!important;border:1px solid var(--flora-line)!important;border-radius:24px!important;background:#fbfdfb!important}.newsletter[b-gca7g4oex1]{margin-top:48px!important;margin-bottom:48px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)!important;gap:32px!important;align-items:center!important;padding:36px!important;border-radius:28px!important;background:linear-gradient(135deg,#0f4b2b,#176a3b)!important;color:#fff!important;overflow:hidden!important}.newsletter-copy[b-gca7g4oex1],.newsletter-actions[b-gca7g4oex1]{min-width:0!important}.newsletter h2[b-gca7g4oex1]{font-size:clamp(28px,3vw,40px)!important;letter-spacing:-.035em!important}.newsletter p[b-gca7g4oex1]{color:rgba(255,255,255,.78)!important;line-height:1.65!important}.newsletter-form[b-gca7g4oex1]{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:7px!important;border-radius:16px!important;background:#fff!important}.newsletter-form input[b-gca7g4oex1]{min-width:0!important;border:0!important}.newsletter-form button[b-gca7g4oex1]{border-radius:11px!important} @media(max-width:980px){.header-main[b-gca7g4oex1]{grid-template-columns:minmax(210px,1fr) auto!important}.search-area[b-gca7g4oex1]{grid-column:1/-1!important;grid-row:2!important}.benefits[b-gca7g4oex1]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.benefit-item:nth-child(2)[b-gca7g4oex1]{border-right:0!important}.benefit-item:nth-child(-n+2)[b-gca7g4oex1]{border-bottom:1px solid #edf1ee!important}.newsletter[b-gca7g4oex1]{grid-template-columns:1fr!important}} @media(max-width:680px){.flora-header[b-gca7g4oex1],.hero-section[b-gca7g4oex1],.benefits[b-gca7g4oex1],.content-section[b-gca7g4oex1],.two-column-section[b-gca7g4oex1],.newsletter[b-gca7g4oex1],.footer-main[b-gca7g4oex1],.footer-bottom[b-gca7g4oex1],.bottom-benefits[b-gca7g4oex1]{width:min(calc(100% - 20px),var(--flora-max))!important}.header-main[b-gca7g4oex1]{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}.brand-text strong[b-gca7g4oex1]{font-size:19px!important}.brand-text span[b-gca7g4oex1]{font-size:8px!important}.header-actions[b-gca7g4oex1]{gap:7px!important}.header-action>span:last-child[b-gca7g4oex1]{display:none!important}.hero-section[b-gca7g4oex1]{min-height:390px!important;border-radius:0 0 22px 22px!important;background-position:62% center!important}.hero-content[b-gca7g4oex1]{padding:48px 24px!important}.hero-content h1[b-gca7g4oex1]{font-size:clamp(34px,11vw,48px)!important}.benefits[b-gca7g4oex1]{grid-template-columns:1fr!important}.benefit-item[b-gca7g4oex1]{border-right:0!important;border-bottom:1px solid #edf1ee!important;padding:16px 18px!important}.benefit-item:last-child[b-gca7g4oex1]{border-bottom:0!important}.flora-v38-category-track .category-card[b-gca7g4oex1]{width:190px!important;height:155px!important}.newsletter[b-gca7g4oex1]{width:min(calc(100% - 20px),var(--flora-max))!important;padding:26px 20px!important;border-radius:22px!important}.newsletter-form[b-gca7g4oex1]{grid-template-columns:1fr!important}.newsletter-form button[b-gca7g4oex1]{min-height:44px!important}} @media(prefers-reduced-motion:reduce){.flora-v38-hero-slide[b-gca7g4oex1],.flora-v38-top-campaign-track[b-gca7g4oex1]{animation:none!important}} /* FLORA_V39_SLIDER_LINE_INDICATORS */ .flora-v39-hero-indicators[b-gca7g4oex1]{ position:absolute !important; left:50% !important; bottom:18px !important; z-index:6 !important; display:flex !important; align-items:center !important; gap:8px !important; transform:translateX(-50%) !important; padding:8px 12px !important; border-radius:999px !important; background:rgba(10,43,22,.22) !important; backdrop-filter:blur(5px) !important } .flora-v39-hero-indicators button[b-gca7g4oex1]{ width:24px !important; height:6px !important; padding:0 !important; border:0 !important; border-radius:999px !important; background:rgba(255,255,255,.42) !important; cursor:pointer !important; transition:width .18s ease, background .18s ease, opacity .18s ease !important; opacity:1 !important } .flora-v39-hero-indicators button.active[b-gca7g4oex1]{ width:34px !important; background:#ffffff !important } @media(max-width:700px){ .flora-v39-hero-indicators[b-gca7g4oex1]{ bottom:14px !important; gap:6px !important; padding:7px 10px !important } .flora-v39-hero-indicators button[b-gca7g4oex1]{ width:20px !important; height:5px !important } .flora-v39-hero-indicators button.active[b-gca7g4oex1]{ width:30px !important } } /* FLORA_V39_CATEGORY_CARD_POLISH */ .flora-v38-category-track .category-card[b-gca7g4oex1]{ width:232px !important; min-width:232px !important; height:184px !important; border-radius:22px !important; background:#eef3ef !important; box-shadow:0 14px 32px rgba(16,62,34,.08) !important; isolation:isolate !important } .flora-v38-category-track .category-card img[b-gca7g4oex1]{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center !important; transform:scale(1.08) !important; filter:saturate(1.03) contrast(1.02) !important; transition:transform .42s ease, filter .42s ease !important } .flora-v38-category-track .category-card:hover img[b-gca7g4oex1]{ transform:scale(1.13) !important; filter:saturate(1.06) contrast(1.04) !important } .flora-v38-category-track .category-card[b-gca7g4oex1]::after{ content:"" !important; position:absolute !important; inset:0 !important; background: linear-gradient(180deg, rgba(6,26,14,.02) 0%, rgba(6,26,14,.05) 34%, rgba(6,26,14,.20) 58%, rgba(6,26,14,.66) 100%) !important; pointer-events:none !important; z-index:1 !important } .flora-v38-category-track .category-overlay[b-gca7g4oex1]{ position:absolute !important; z-index:2 !important; left:14px !important; right:auto !important; bottom:14px !important; display:grid !important; gap:6px !important; width:auto !important; max-width:calc(100% - 28px) !important; padding:11px 13px !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:16px !important; background:linear-gradient(180deg, rgba(12,40,23,.44), rgba(12,40,23,.72)) !important; backdrop-filter:blur(10px) !important; box-shadow:0 10px 24px rgba(4,18,10,.16) !important; color:#fff !important } .flora-v38-category-track .category-overlay strong[b-gca7g4oex1]{ margin:0 !important; font-size:15px !important; font-weight:900 !important; line-height:1.12 !important; letter-spacing:-.02em !important; color:#fff !important; text-shadow:0 1px 8px rgba(0,0,0,.16) !important } .flora-v38-category-track .category-overlay span[b-gca7g4oex1]{ width:max-content !important; max-width:100% !important; padding:4px 8px !important; border-radius:999px !important; background:rgba(255,255,255,.14) !important; color:rgba(255,255,255,.92) !important; font-size:10px !important; font-weight:800 !important; line-height:1 !important; letter-spacing:.02em !important } @media (max-width:680px){ .flora-v38-category-track .category-card[b-gca7g4oex1]{ width:196px !important; min-width:196px !important; height:156px !important; border-radius:18px !important } .flora-v38-category-track .category-overlay[b-gca7g4oex1]{ left:10px !important; bottom:10px !important; max-width:calc(100% - 20px) !important; padding:10px 11px !important; border-radius:14px !important } .flora-v38-category-track .category-overlay strong[b-gca7g4oex1]{ font-size:13px !important } .flora-v38-category-track .category-overlay span[b-gca7g4oex1]{ font-size:9px !important } } /* FLORA_V39_CATEGORY_TITLE_ONLY */ .flora-v38-category-track .category-overlay[b-gca7g4oex1]{ left:16px !important; right:auto !important; bottom:16px !important; width:auto !important; max-width:calc(100% - 32px) !important; display:block !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; backdrop-filter:none !important; box-shadow:none !important } .flora-v38-category-track .category-overlay strong[b-gca7g4oex1]{ display:inline-block !important; margin:0 !important; padding:0 !important; background:transparent !important; color:#ffffff !important; font-size:17px !important; font-weight:900 !important; line-height:1.08 !important; letter-spacing:-.025em !important; text-shadow:0 2px 12px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.45) !important } .flora-v38-category-track .category-overlay span[b-gca7g4oex1]{ display:none !important } @media (max-width:680px){ .flora-v38-category-track .category-overlay[b-gca7g4oex1]{ left:12px !important; bottom:12px !important; max-width:calc(100% - 24px) !important } .flora-v38-category-track .category-overlay strong[b-gca7g4oex1]{ font-size:15px !important } } /* FLORA_V39_PREMIUM_CATEGORY_FINAL */ .content-section[b-gca7g4oex1]{ padding-top:52px !important } .content-section .section-title[b-gca7g4oex1]{ margin-bottom:22px !important; align-items:flex-end !important } .content-section .section-title h2[b-gca7g4oex1]{ margin:0 !important; color:#153c27 !important; font-size:clamp(28px,3vw,38px) !important; font-weight:850 !important; line-height:1 !important; letter-spacing:-.04em !important } .content-section .section-title a[b-gca7g4oex1]{ position:relative !important; padding-bottom:3px !important; color:#063c29 !important; font-size:11px !important; font-weight:850 !important; letter-spacing:.015em !important; text-decoration:none !important } .content-section .section-title a[b-gca7g4oex1]::after{ content:"" !important; position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; height:1px !important; background:#063c29 !important; transform:scaleX(.35) !important; transform-origin:right center !important; opacity:.45 !important; transition:transform .2s ease,opacity .2s ease !important } .content-section .section-title a:hover[b-gca7g4oex1]::after{ transform:scaleX(1) !important; opacity:1 !important } /* Carousel */ .flora-v38-category-marquee[b-gca7g4oex1]{ margin-top:0 !important; padding:4px 0 18px !important; border-radius:0 !important; mask-image:linear-gradient( 90deg, transparent 0, #000 2.2%, #000 97.8%, transparent 100% ) !important } .flora-v38-category-track[b-gca7g4oex1]{ gap:16px !important; padding:4px 2px 10px !important } /* Premium card */ .flora-v38-category-track .category-card[b-gca7g4oex1]{ width:242px !important; min-width:242px !important; height:188px !important; position:relative !important; overflow:hidden !important; border:1px solid rgba(20,68,40,.10) !important; border-radius:24px !important; background:#eef3ef !important; box-shadow: 0 4px 12px rgba(13,53,31,.04), 0 16px 34px rgba(13,53,31,.08) !important; transform:translateZ(0) !important; transition: transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease, border-color .28s ease !important } .flora-v38-category-track .category-card:hover[b-gca7g4oex1]{ transform:translateY(-4px) !important; border-color:rgba(23,107,67,.22) !important; box-shadow: 0 8px 18px rgba(13,53,31,.06), 0 24px 44px rgba(13,53,31,.13) !important } /* Photo */ .flora-v38-category-track .category-card img[b-gca7g4oex1]{ width:100% !important; height:100% !important; display:block !important; padding:0 !important; object-fit:cover !important; object-position:center !important; transform:scale(1.035) !important; filter: saturate(.96) contrast(1.02) brightness(.98) !important; transition: transform .5s cubic-bezier(.2,.7,.2,1), filter .35s ease !important } .flora-v38-category-track .category-card:hover img[b-gca7g4oex1]{ transform:scale(1.075) !important; filter: saturate(1.03) contrast(1.03) brightness(1) !important } /* Sadece altta hafif premium gradient */ .flora-v38-category-track .category-card[b-gca7g4oex1]::after{ content:"" !important; position:absolute !important; z-index:1 !important; inset:0 !important; background: linear-gradient( 180deg, rgba(5,25,14,0) 42%, rgba(5,25,14,.06) 57%, rgba(5,25,14,.24) 74%, rgba(5,25,14,.62) 100% ) !important; pointer-events:none !important } /* Title */ .flora-v38-category-track .category-overlay[b-gca7g4oex1]{ position:absolute !important; z-index:2 !important; left:18px !important; right:18px !important; bottom:17px !important; width:auto !important; max-width:none !important; display:grid !important; gap:8px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; backdrop-filter:none !important; box-shadow:none !important } /* İnce altın vurgu */ .flora-v38-category-track .category-overlay[b-gca7g4oex1]::before{ content:"" !important; width:28px !important; height:2px !important; border-radius:999px !important; background:#e3b650 !important; box-shadow:0 1px 6px rgba(0,0,0,.12) !important } .flora-v38-category-track .category-overlay strong[b-gca7g4oex1]{ display:block !important; margin:0 !important; padding:0 !important; color:#fff !important; background:transparent !important; font-size:16px !important; font-weight:850 !important; line-height:1.12 !important; letter-spacing:-.025em !important; text-shadow: 0 1px 2px rgba(0,0,0,.26), 0 5px 18px rgba(0,0,0,.22) !important } /* Ürün adedi kesin kapalı */ .flora-v38-category-track .category-overlay span[b-gca7g4oex1]{ display:none !important } /* Mobile */ @media(max-width:680px){ .content-section[b-gca7g4oex1]{ padding-top:40px !important } .content-section .section-title h2[b-gca7g4oex1]{ font-size:27px !important } .flora-v38-category-track[b-gca7g4oex1]{ gap:12px !important } .flora-v38-category-track .category-card[b-gca7g4oex1]{ width:202px !important; min-width:202px !important; height:162px !important; border-radius:20px !important } .flora-v38-category-track .category-overlay[b-gca7g4oex1]{ left:14px !important; right:14px !important; bottom:14px !important; gap:6px !important } .flora-v38-category-track .category-overlay[b-gca7g4oex1]::before{ width:23px !important } .flora-v38-category-track .category-overlay strong[b-gca7g4oex1]{ font-size:14px !important } } /* FLORA_V39_CATEGORY_TEXT_REFINEMENT */ .flora-v38-category-track .category-overlay[b-gca7g4oex1]{ left:18px !important; right:18px !important; bottom:16px !important; gap:0 !important } .flora-v38-category-track .category-overlay[b-gca7g4oex1]::before{ display:none !important; content:none !important } .flora-v38-category-track .category-overlay strong[b-gca7g4oex1]{ display:inline-block !important; width:auto !important; max-width:100% !important; margin:0 !important; padding:0 !important; color:#ffffff !important; background:transparent !important; font-size:17px !important; font-weight:800 !important; line-height:1.08 !important; letter-spacing:-.03em !important; text-shadow: 0 1px 2px rgba(0,0,0,.30), 0 6px 20px rgba(0,0,0,.22) !important } @media(max-width:680px){ .flora-v38-category-track .category-overlay[b-gca7g4oex1]{ left:14px !important; right:14px !important; bottom:13px !important } .flora-v38-category-track .category-overlay strong[b-gca7g4oex1]{ font-size:14px !important; letter-spacing:-.02em !important } } /* FLORA_V39_REAL_FINAL_HOME_UI */ .newsletter h2[b-gca7g4oex1]{ color:#ffffff!important; } .newsletter p[b-gca7g4oex1]{ color:rgba(255,255,255,.88)!important; } .main-nav[b-gca7g4oex1]{ gap:24px!important; } .main-nav a[b-gca7g4oex1]{ padding:15px 8px 14px!important; } @media(max-width:900px){ .main-nav[b-gca7g4oex1]{ gap:14px!important; } } /* ========================================================== FLORA V40 BOTANICAL LIVING - PREMIUM HOME Mevcut fonksiyonlara dokunmaz, sadece anasayfa tasarimini yonetir. ========================================================== */ .flora-page[b-gca7g4oex1]{ --v40-deep:#0a3323; --v40-green:#0f4e34; --v40-green-2:#176746; --v40-sage:#dfe9dd; --v40-ivory:#f7f3ea; --v40-cream:#fbf8f1; --v40-gold:#b89562; --v40-ink:#172a20; --v40-muted:#6d786f; --v40-line:rgba(20,61,40,.13); --v40-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif; --v40-sans:Inter,"Segoe UI",Arial,sans-serif; max-width:none!important; background:var(--v40-cream)!important; color:var(--v40-ink)!important; font-family:var(--v40-sans)!important; } .flora-v38-top-campaign[b-gca7g4oex1]{ width:100%!important; max-width:none!important; height:32px!important; border-radius:0!important; background:#082f20!important; border:0!important; color:#f7f1e7!important; } .flora-v38-top-campaign-track[b-gca7g4oex1]{height:32px!important;gap:28px!important;animation-duration:26s!important} .flora-v38-top-campaign-track span[b-gca7g4oex1]{font-size:9px!important;font-weight:750!important;letter-spacing:.08em!important} .flora-v38-top-campaign-track b[b-gca7g4oex1]{color:#b89562!important;font-size:8px!important} .flora-header[b-gca7g4oex1]{ width:100%!important; max-width:none!important; margin:0!important; padding:0!important; background:rgba(251,248,241,.98)!important; border:0!important; box-shadow:none!important; } .header-main[b-gca7g4oex1]{ width:min(calc(100% - 48px),1320px)!important; min-height:94px!important; margin:0 auto!important; display:grid!important; grid-template-columns:minmax(250px,320px) minmax(360px,1fr) auto!important; align-items:center!important; gap:32px!important; } .brand[b-gca7g4oex1]{gap:13px!important;color:var(--v40-deep)!important} .brand-logo[b-gca7g4oex1]{width:54px!important;height:54px!important;color:var(--v40-deep)!important} .brand-text[b-gca7g4oex1]{gap:1px!important} .brand-text strong[b-gca7g4oex1]{ color:var(--v40-deep)!important; font-family:var(--v40-serif)!important; font-size:27px!important; font-weight:500!important; line-height:.98!important; letter-spacing:.04em!important; text-transform:uppercase!important; } .brand-text span[b-gca7g4oex1]{margin-top:5px!important;color:#64756a!important;font-size:9px!important;font-weight:800!important;letter-spacing:.2em!important;text-transform:uppercase!important} .search-area[b-gca7g4oex1]{ height:48px!important; border:1px solid rgba(20,61,40,.18)!important; border-radius:8px!important; background:#fcfaf5!important; box-shadow:0 5px 16px rgba(15,54,35,.025)!important; } .search-area:focus-within[b-gca7g4oex1]{border-color:#60856f!important;box-shadow:0 0 0 3px rgba(15,78,52,.07)!important} .search-area input[b-gca7g4oex1]{font-size:11px!important;color:#24372c!important;padding-left:17px!important} .search-area button[b-gca7g4oex1]{width:50px!important;color:#173c2a!important} .header-actions[b-gca7g4oex1]{gap:23px!important} .header-action[b-gca7g4oex1]{ min-width:52px!important; display:grid!important; justify-items:center!important; gap:5px!important; color:#263a2e!important; font-size:9px!important; font-weight:650!important; text-decoration:none!important; } .header-action>svg[b-gca7g4oex1],.cart-icon-wrap svg[b-gca7g4oex1]{width:25px!important;height:25px!important;stroke-width:1.45!important} .cart-count[b-gca7g4oex1]{right:-7px!important;top:-7px!important;background:var(--v40-deep)!important;border:2px solid var(--v40-cream)!important;color:#fff!important} .main-nav[b-gca7g4oex1]{ width:100%!important; max-width:none!important; min-height:42px!important; margin:0!important; padding:0 max(24px,calc((100vw - 1320px)/2))!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:0!important; border:0!important; background:linear-gradient(90deg,#082f20,#0c412c,#082f20)!important; overflow-x:auto!important; } .main-nav a[b-gca7g4oex1]{ flex:0 0 auto!important; padding:14px 24px!important; color:rgba(255,255,255,.88)!important; font-size:9px!important; font-weight:800!important; letter-spacing:.06em!important; text-transform:uppercase!important; } .main-nav a:hover[b-gca7g4oex1],.main-nav a.active[b-gca7g4oex1]{color:#fff!important;background:rgba(255,255,255,.055)!important} .main-nav a.active[b-gca7g4oex1]::after{display:none!important} .hero-section[b-gca7g4oex1]{ width:100%!important; max-width:none!important; min-height:520px!important; margin:0!important; border-radius:0!important; background-position:center!important; background-size:cover!important; box-shadow:none!important; } .hero-section[b-gca7g4oex1]::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(3,20,12,.02),rgba(3,20,12,.10)); } .hero-content[b-gca7g4oex1]{ position:relative!important; z-index:2!important; max-width:1320px!important; width:100%!important; min-height:520px!important; margin:0 auto!important; padding:72px 48px 50px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; } .hero-label[b-gca7g4oex1]{color:#d8e5db!important;font-size:9px!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase!important} .hero-content h1[b-gca7g4oex1]{ max-width:600px!important; margin:12px 0 18px!important; color:#fffaf1!important; font-family:var(--v40-serif)!important; font-size:clamp(54px,6.2vw,86px)!important; font-weight:400!important; line-height:.94!important; letter-spacing:-.055em!important; text-shadow:0 3px 22px rgba(0,0,0,.15)!important; } .hero-content p[b-gca7g4oex1]{max-width:460px!important;color:rgba(255,255,255,.88)!important;font-size:13px!important;line-height:1.65!important} .flora-premium-hero-actions[b-gca7g4oex1]{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px!important} .primary-button[b-gca7g4oex1],.flora-premium-secondary-button[b-gca7g4oex1]{ min-height:46px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:18px!important; margin:0!important; padding:0 20px!important; border-radius:7px!important; font-size:9px!important; font-weight:900!important; letter-spacing:.06em!important; text-decoration:none!important; } .primary-button[b-gca7g4oex1]{border:1px solid rgba(255,255,255,.45)!important;background:rgba(10,51,35,.86)!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,0,0,.13)!important} .flora-premium-secondary-button[b-gca7g4oex1]{border:1px solid #fff!important;background:#fffaf2!important;color:#173c2a!important} .primary-button:hover[b-gca7g4oex1],.flora-premium-secondary-button:hover[b-gca7g4oex1]{transform:translateY(-2px)!important} .flora-premium-hero-dots[b-gca7g4oex1]{ position:absolute!important; z-index:5!important; left:50%!important; bottom:18px!important; transform:translateX(-50%)!important; display:flex!important; gap:7px!important; } .flora-premium-hero-dots button[b-gca7g4oex1]{ width:24px!important; height:3px!important; padding:0!important; border:0!important; border-radius:999px!important; background:rgba(255,255,255,.38)!important; cursor:pointer!important; } .flora-premium-hero-dots button.active[b-gca7g4oex1]{width:46px!important;background:#fff!important} .hero-slider-controls[b-gca7g4oex1]{display:none!important} .benefits[b-gca7g4oex1]{ width:100%!important; max-width:none!important; margin:0!important; padding:0 max(28px,calc((100vw - 1320px)/2))!important; display:grid!important; grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important; border:0!important; border-bottom:1px solid var(--v40-line)!important; border-radius:0!important; background:#fbf8f1!important; box-shadow:none!important; } .benefit-item[b-gca7g4oex1]{ min-width:0!important; grid-template-columns:38px minmax(0,1fr)!important; gap:12px!important; padding:17px 18px!important; border:0!important; border-right:1px solid rgba(20,61,40,.09)!important; background:transparent!important; } .benefit-item:last-child[b-gca7g4oex1]{border-right:0!important} .benefit-icon[b-gca7g4oex1]{width:34px!important;height:34px!important;border-radius:50%!important;background:transparent!important;border:1px solid rgba(15,78,52,.22)!important;color:var(--v40-green)!important;font-size:0!important} .benefit-icon[b-gca7g4oex1]::before{font-family:Georgia,serif;font-size:17px!important} .benefit-item:nth-child(1) .benefit-icon[b-gca7g4oex1]::before{content:"❧"} .benefit-item:nth-child(2) .benefit-icon[b-gca7g4oex1]::before{content:"⇢"} .benefit-item:nth-child(3) .benefit-icon[b-gca7g4oex1]::before{content:"✓"} .benefit-item:nth-child(4) .benefit-icon[b-gca7g4oex1]::before{content:"♻"} .benefit-item:nth-child(5) .benefit-icon[b-gca7g4oex1]::before{content:"◇"} .benefit-item strong[b-gca7g4oex1]{color:#31453a!important;font-size:10px!important;font-weight:800!important} .benefit-item span[b-gca7g4oex1]{margin-top:2px!important;color:#7b857e!important;font-size:8px!important;line-height:1.45!important} .content-section[b-gca7g4oex1]{ width:min(calc(100% - 56px),1320px)!important; margin:38px auto 0!important; } .section-title h2[b-gca7g4oex1]{ color:var(--v40-deep)!important; font-family:var(--v40-serif)!important; font-size:34px!important; font-weight:400!important; letter-spacing:-.035em!important; } .section-title a[b-gca7g4oex1]{color:var(--v40-deep)!important;font-size:9px!important;font-weight:850!important;letter-spacing:.05em!important} .flora-v38-category-marquee[b-gca7g4oex1]{margin-top:17px!important;overflow:hidden!important;border-radius:0!important} .flora-v38-category-track[b-gca7g4oex1]{gap:12px!important;animation-duration:44s!important} .flora-v38-category-track .category-card[b-gca7g4oex1]{ width:205px!important; height:190px!important; border:0!important; border-radius:8px!important; overflow:hidden!important; background:#dfe7dc!important; box-shadow:0 8px 18px rgba(18,55,35,.07)!important; } .flora-v38-category-track .category-card img[b-gca7g4oex1]{filter:saturate(.90) contrast(1.02)!important} .flora-v38-category-track .category-card[b-gca7g4oex1]::after{background:linear-gradient(180deg,transparent 30%,rgba(4,28,17,.72) 100%)!important} .flora-v38-category-track .category-overlay[b-gca7g4oex1]{left:14px!important;right:14px!important;bottom:13px!important;display:flex!important;align-items:end!important;justify-content:space-between!important} .flora-v38-category-track .category-overlay strong[b-gca7g4oex1]{max-width:135px!important;color:#fff!important;font-family:var(--v40-serif)!important;font-size:18px!important;font-weight:500!important;line-height:1.05!important;text-transform:uppercase!important} .flora-v38-category-track .category-overlay span[b-gca7g4oex1]{font-size:0!important;width:25px!important;height:25px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#f9f5eb!important;color:#123d29!important} .flora-v38-category-track .category-overlay span[b-gca7g4oex1]::before{content:"→";font-size:12px!important} .two-column-section.flora-reviews-only[b-gca7g4oex1]{ width:min(calc(100% - 56px),1320px)!important; margin:42px auto 0!important; } .reviews-box[b-gca7g4oex1]{padding:30px!important;border:1px solid rgba(20,61,40,.10)!important;border-radius:10px!important;background:#f5f0e6!important;box-shadow:none!important} .two-column-section .section-title.compact h2[b-gca7g4oex1]{font-family:var(--v40-serif)!important;font-size:31px!important;font-weight:400!important;color:var(--v40-deep)!important} .newsletter[b-gca7g4oex1]{ width:100%!important; max-width:none!important; margin:48px 0 0!important; padding:38px max(30px,calc((100vw - 1320px)/2))!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)!important; gap:44px!important; border-radius:0!important; border-top:1px solid rgba(255,255,255,.08)!important; background:#0b3a28!important; color:#fff!important; } .newsletter h2[b-gca7g4oex1]{margin:0!important;color:#fff7ec!important;font-family:var(--v40-serif)!important;font-size:37px!important;font-weight:400!important;letter-spacing:-.035em!important} .newsletter p[b-gca7g4oex1]{max-width:560px!important;color:rgba(255,255,255,.70)!important;font-size:11px!important} .newsletter-form[b-gca7g4oex1]{padding:5px!important;border-radius:7px!important;background:#fffaf2!important} .newsletter-form button[b-gca7g4oex1]{border-radius:5px!important;background:#123f2c!important;color:#fff!important} .newsletter-consent[b-gca7g4oex1]{color:rgba(255,255,255,.62)!important;font-size:9px!important} .newsletter-consent a[b-gca7g4oex1]{color:#fff!important} .bottom-benefits[b-gca7g4oex1]{ width:min(calc(100% - 56px),1320px)!important; margin:26px auto!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; padding:0!important; background:transparent!important; } .bottom-benefits>div[b-gca7g4oex1]{ min-height:92px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; padding:18px 22px 18px 76px!important; position:relative!important; border:1px solid rgba(20,61,40,.12)!important; border-radius:8px!important; background:#f8f4eb!important; } .bottom-benefits>div[b-gca7g4oex1]::before{ content:"✦"; position:absolute; left:20px; top:50%; width:42px; height:42px; transform:translateY(-50%); display:grid; place-items:center; border-radius:50%; border:1px solid #c9d8ca; color:#315c43; font-size:17px; } .bottom-benefits>div:nth-child(1)[b-gca7g4oex1]::before{content:"⇢"} .bottom-benefits>div:nth-child(2)[b-gca7g4oex1]::before{content:"♢"} .bottom-benefits>div:nth-child(3)[b-gca7g4oex1]::before{content:"✺"} .bottom-benefits strong[b-gca7g4oex1]{font-family:var(--v40-serif)!important;color:#284235!important;font-size:17px!important;font-weight:500!important} .bottom-benefits span[b-gca7g4oex1]{margin-top:4px!important;color:#758078!important;font-size:9px!important;line-height:1.5!important} .flora-footer[b-gca7g4oex1]{ width:100%!important; margin:0!important; padding:42px max(28px,calc((100vw - 1320px)/2)) 0!important; border-radius:0!important; background:#072f21!important; color:#e9efe9!important; } .footer-grid[b-gca7g4oex1]{ width:100%!important; max-width:1320px!important; margin:0 auto!important; grid-template-columns:1.35fr repeat(3,1fr)!important; gap:38px!important; } .footer-brand-image[b-gca7g4oex1]{max-width:130px!important;filter:brightness(0) invert(1);opacity:.92!important} .footer-logo[b-gca7g4oex1]{font-family:var(--v40-serif)!important;color:#fffaf1!important;font-size:24px!important;font-weight:500!important;letter-spacing:.04em!important} .footer-logo-sub[b-gca7g4oex1]{color:#b7c9bc!important;font-size:9px!important;letter-spacing:.16em!important} .footer-brand p[b-gca7g4oex1],.footer-grid a[b-gca7g4oex1],.footer-brand>span[b-gca7g4oex1]{color:#b9c8be!important;font-size:9px!important;line-height:1.7!important} .footer-grid h3[b-gca7g4oex1]{color:#f3eee4!important;font-size:9px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important} .footer-bottom[b-gca7g4oex1]{width:100%!important;max-width:1320px!important;margin:28px auto 0!important;padding:18px 0 22px!important;border-top:1px solid rgba(255,255,255,.10)!important;color:#8fa397!important;font-size:8px!important;text-align:center!important} @media(max-width:980px){ .header-main[b-gca7g4oex1]{grid-template-columns:minmax(220px,1fr) auto!important;gap:16px!important} .search-area[b-gca7g4oex1]{grid-column:1/-1!important;grid-row:2!important;width:100%!important;margin-bottom:14px!important} .main-nav[b-gca7g4oex1]{justify-content:flex-start!important} .hero-content[b-gca7g4oex1]{padding-inline:34px!important} .newsletter[b-gca7g4oex1]{grid-template-columns:1fr!important} } @media(max-width:700px){ .header-main[b-gca7g4oex1]{width:min(calc(100% - 24px),1320px)!important;min-height:80px!important;grid-template-columns:minmax(0,1fr) auto!important} .brand-logo[b-gca7g4oex1]{width:42px!important;height:42px!important} .brand-text strong[b-gca7g4oex1]{font-size:20px!important} .brand-text span[b-gca7g4oex1]{display:none!important} .header-actions[b-gca7g4oex1]{gap:10px!important}.header-action[b-gca7g4oex1]{min-width:35px!important}.header-action>span:last-child[b-gca7g4oex1]{display:none!important} .main-nav[b-gca7g4oex1]{padding-inline:10px!important}.main-nav a[b-gca7g4oex1]{padding:13px 14px!important;font-size:8px!important} .hero-section[b-gca7g4oex1],.hero-content[b-gca7g4oex1]{min-height:455px!important} .hero-content[b-gca7g4oex1]{padding:48px 22px 42px!important;justify-content:flex-end!important} .hero-content h1[b-gca7g4oex1]{font-size:clamp(45px,14vw,62px)!important;max-width:430px!important} .flora-premium-hero-actions[b-gca7g4oex1]{gap:7px!important}.primary-button[b-gca7g4oex1],.flora-premium-secondary-button[b-gca7g4oex1]{min-height:43px!important;padding:0 14px!important;font-size:8px!important} .benefits[b-gca7g4oex1]{padding-inline:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.benefit-item[b-gca7g4oex1]{border-bottom:1px solid rgba(20,61,40,.08)!important} .content-section[b-gca7g4oex1],.two-column-section.flora-reviews-only[b-gca7g4oex1],.bottom-benefits[b-gca7g4oex1]{width:min(calc(100% - 20px),1320px)!important} .flora-v38-category-track .category-card[b-gca7g4oex1]{width:168px!important;height:158px!important} .newsletter[b-gca7g4oex1]{padding:30px 18px!important}.newsletter-form[b-gca7g4oex1]{grid-template-columns:1fr!important} .bottom-benefits[b-gca7g4oex1]{grid-template-columns:1fr!important} .footer-grid[b-gca7g4oex1]{grid-template-columns:1fr 1fr!important} } @media(max-width:430px){ .benefits[b-gca7g4oex1]{grid-template-columns:1fr!important} .footer-grid[b-gca7g4oex1]{grid-template-columns:1fr!important} } /* ========================================================== FLORA V40.1 PREMIUM SLIDER FINAL Referans tasarim: logo + header + hero + slider typography ========================================================== */ .flora-page[b-gca7g4oex1]{ --v401-deep:#062d1f; --v401-ivory:#faf7ef; --v401-line:rgba(10,47,32,.13); } .header-main[b-gca7g4oex1]{ width:min(calc(100% - 64px),1400px)!important; min-height:104px!important; grid-template-columns:minmax(290px,360px) minmax(380px,1fr) auto!important; gap:38px!important; } .brand[b-gca7g4oex1]{ min-width:290px!important; gap:16px!important; align-items:center!important; } .brand-logo[b-gca7g4oex1]{ width:68px!important; height:68px!important; flex:0 0 68px!important; object-fit:contain!important; } .brand-text strong[b-gca7g4oex1]{ max-width:210px!important; color:#123727!important; font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important; font-size:25px!important; font-weight:500!important; line-height:.92!important; letter-spacing:.075em!important; text-transform:uppercase!important; } .brand-text span[b-gca7g4oex1]{ margin-top:7px!important; color:#123727!important; font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important; font-size:13px!important; font-weight:650!important; line-height:1!important; letter-spacing:.30em!important; text-transform:uppercase!important; } .search-area[b-gca7g4oex1]{ max-width:640px!important; height:50px!important; border-radius:7px!important; background:#fffdf8!important; } .search-area input[b-gca7g4oex1]{font-size:12px!important} .header-actions[b-gca7g4oex1]{gap:30px!important} .header-action[b-gca7g4oex1]{font-size:10px!important;gap:6px!important} .header-action>svg[b-gca7g4oex1],.cart-icon-wrap svg[b-gca7g4oex1]{width:28px!important;height:28px!important} .main-nav[b-gca7g4oex1]{ min-height:48px!important; padding-inline:max(28px,calc((100vw - 1400px)/2))!important; background:#052f21!important; } .main-nav a[b-gca7g4oex1]{ min-height:48px!important; padding:0 27px!important; font-size:10px!important; letter-spacing:.065em!important; } .hero-section[b-gca7g4oex1]{ min-height:570px!important; background-size:cover!important; background-repeat:no-repeat!important; background-position:center center!important; } .hero-section[b-gca7g4oex1]::after{ background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.07))!important; } .hero-content[b-gca7g4oex1]{ width:min(calc(100% - 64px),1400px)!important; max-width:1400px!important; min-height:570px!important; margin:0 auto!important; padding:74px 0 58px!important; } .hero-label[b-gca7g4oex1]{ color:#dfe9e0!important; font-size:10px!important; font-weight:850!important; letter-spacing:.18em!important; } .hero-content h1[b-gca7g4oex1]{ max-width:650px!important; margin:15px 0 19px!important; color:#fffaf0!important; font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important; font-size:clamp(58px,6.1vw,94px)!important; font-weight:400!important; line-height:.91!important; letter-spacing:-.055em!important; text-wrap:balance!important; } .hero-content p[b-gca7g4oex1]{ max-width:500px!important; color:rgba(255,255,255,.88)!important; font-size:14px!important; line-height:1.68!important; } .flora-premium-hero-actions[b-gca7g4oex1]{ gap:12px!important; margin-top:29px!important; } .primary-button[b-gca7g4oex1],.flora-premium-secondary-button[b-gca7g4oex1]{ min-height:49px!important; padding:0 22px!important; border-radius:6px!important; font-size:10px!important; letter-spacing:.07em!important; } .primary-button[b-gca7g4oex1]{ border-color:rgba(255,255,255,.40)!important; background:rgba(5,47,32,.84)!important; backdrop-filter:blur(4px)!important; } .flora-premium-secondary-button[b-gca7g4oex1]{ background:#fffaf0!important; color:#143a28!important; } .flora-premium-hero-dots[b-gca7g4oex1]{ bottom:20px!important; gap:8px!important; } .flora-premium-hero-dots button[b-gca7g4oex1]{ width:30px!important; height:4px!important; background:rgba(255,255,255,.38)!important; } .flora-premium-hero-dots button.active[b-gca7g4oex1]{ width:58px!important; background:#fffaf0!important; } @media(max-width:980px){ .header-main[b-gca7g4oex1]{ width:min(calc(100% - 32px),1400px)!important; grid-template-columns:minmax(230px,1fr) auto!important; min-height:88px!important; } .brand-logo[b-gca7g4oex1]{width:58px!important;height:58px!important;flex-basis:58px!important} .brand-text strong[b-gca7g4oex1]{font-size:21px!important} .brand-text span[b-gca7g4oex1]{font-size:11px!important} .search-area[b-gca7g4oex1]{grid-column:1/-1!important;max-width:none!important} .hero-content[b-gca7g4oex1]{width:min(calc(100% - 48px),1400px)!important} } @media(max-width:700px){ .header-main[b-gca7g4oex1]{width:min(calc(100% - 22px),1400px)!important} .brand[b-gca7g4oex1]{min-width:0!important} .brand-logo[b-gca7g4oex1]{width:50px!important;height:50px!important;flex-basis:50px!important} .brand-text strong[b-gca7g4oex1]{max-width:155px!important;font-size:17px!important} .brand-text span[b-gca7g4oex1]{font-size:9px!important} .hero-section[b-gca7g4oex1]{min-height:470px!important;background-position:61% center!important} .hero-content[b-gca7g4oex1]{width:min(calc(100% - 40px),1400px)!important;min-height:470px!important;padding:58px 0 44px!important} .hero-content h1[b-gca7g4oex1]{max-width:390px!important;font-size:clamp(42px,12.4vw,61px)!important} .hero-content p[b-gca7g4oex1]{max-width:350px!important;font-size:12px!important} } /* ========================================================== FLORA_V40_2_HERO_VISIBILITY_FIX Tam fotograf / yesil sis yok / tek slider indicator ========================================================== */ .hero-section[b-gca7g4oex1]{ position:relative !important; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; filter:none !important; opacity:1 !important; } /* V40 ana tasarimdan kalabilecek fotograf ustu renk/sis katmanlari. */ .hero-section[b-gca7g4oex1]::before, .hero-section[b-gca7g4oex1]::after{ content:none !important; display:none !important; background:none !important; opacity:0 !important; box-shadow:none !important; } /* Resim artik kendi orijinal renkleriyle gorunur. */ .hero-section > *[b-gca7g4oex1]{ filter:none !important; } /* Yazi okunurlugu fotografi boyamadan saglanir. */ .hero-content h1[b-gca7g4oex1]{ color:#fffaf0 !important; text-shadow: 0 3px 18px rgba(0,0,0,.38), 0 1px 3px rgba(0,0,0,.35) !important; } .hero-content p[b-gca7g4oex1], .hero-label[b-gca7g4oex1]{ text-shadow: 0 2px 10px rgba(0,0,0,.45) !important; } /* ========================================================== ESKI / USTTEKI SLIDER CUBUKLARINI KAPAT ========================================================== */ .hero-section .slider-indicators[b-gca7g4oex1], .hero-section .hero-dots[b-gca7g4oex1], .hero-section .hero-indicators[b-gca7g4oex1], .hero-section .carousel-indicators[b-gca7g4oex1], .hero-section .hero-progress[b-gca7g4oex1], .hero-section .slider-progress[b-gca7g4oex1], .hero-section .hero-pagination[b-gca7g4oex1], .hero-section .swiper-pagination[b-gca7g4oex1], .hero-section .splide__pagination[b-gca7g4oex1], .hero-section .slider-pagination[b-gca7g4oex1], .hero-section .banner-indicators[b-gca7g4oex1]{ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* Hero content icinde eski indicator varsa o da kalksin. */ .hero-content > .slider-indicators[b-gca7g4oex1], .hero-content > .hero-dots[b-gca7g4oex1], .hero-content > .hero-indicators[b-gca7g4oex1], .hero-content > .carousel-indicators[b-gca7g4oex1], .hero-content > .hero-progress[b-gca7g4oex1], .hero-content > .slider-progress[b-gca7g4oex1], .hero-content > .hero-pagination[b-gca7g4oex1]{ display:none !important; } /* ========================================================== SADECE V40 PREMIUM ALT CUBUKLAR ========================================================== */ .flora-premium-hero-dots[b-gca7g4oex1]{ position:absolute !important; left:50% !important; bottom:17px !important; transform:translateX(-50%) !important; z-index:20 !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; } .flora-premium-hero-dots button[b-gca7g4oex1]{ display:block !important; width:32px !important; height:4px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:999px !important; background:rgba(255,255,255,.42) !important; box-shadow:none !important; opacity:1 !important; } .flora-premium-hero-dots button.active[b-gca7g4oex1]{ width:58px !important; background:#fff !important; } /* ========================================================== MASAUSTU RESIM KADRAJI ========================================================== */ @media(min-width:701px){ .hero-section[b-gca7g4oex1]{ background-position:center center !important; } } /* ========================================================== MOBIL ========================================================== */ @media(max-width:700px){ .hero-section[b-gca7g4oex1]{ background-position:66% center !important; } .flora-premium-hero-dots[b-gca7g4oex1]{ bottom:13px !important; } .flora-premium-hero-dots button[b-gca7g4oex1]{ width:23px !important; height:3px !important; } .flora-premium-hero-dots button.active[b-gca7g4oex1]{ width:42px !important; } } /* ========================================================== FLORA V40.3 - UST SLIDER CUBUKLARI KALDIR Alt indicator/dekorasyon korunur. ========================================================== */ .flora-premium-hero-dots[b-gca7g4oex1]{ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* ========================================================== FLORA_V40_4_PACKAGING_SLIDE_FINAL 3. slayt kendi metnini gorsel icinde tasir. Bu nedenle mevcut dinamik hero metni/butonlari sadece 3. slaytta gizlenir. Alt slider kontrolu korunur. ========================================================== */ .flora-v40-packaging-slide[b-gca7g4oex1]{ background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; background-color:#f3eadf !important; } .flora-v40-packaging-slide .hero-content[b-gca7g4oex1]{ visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* Eski ana slider kontrolu altta gorunmeye devam eder. */ .flora-v40-packaging-slide .hero-slider-controls[b-gca7g4oex1]{ visibility:visible !important; opacity:1 !important; pointer-events:auto !important; } @media(max-width:700px){ .flora-v40-packaging-slide[b-gca7g4oex1]{ background-position:center center !important; } } /* ========================================================== FLORA_V40_7_EXACT_SPECIAL_SLIDE_FINAL 2. slayt istenen exact tasarim gorselini kendi metin/CTA'lariyla tasir. Site header, Sansini Dene ve sosyal ikonlar gorselde tekrar etmesin diye payload gorseli bunlar kirpilmis halde kurulur. ========================================================== */ .flora-v40-exact-special-slide[b-gca7g4oex1]{ background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; background-color:#071f15 !important; } /* Exact gorselde baslik, rozetler ve CTA zaten var. Dinamik overlay sadece 2. slaytta gizlenir. */ .flora-v40-exact-special-slide .hero-content[b-gca7g4oex1]{ visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* Sitenin tek alt slider gostergesi gorunmeye devam etsin. */ .flora-v40-exact-special-slide .hero-slider-controls[b-gca7g4oex1], .flora-v40-exact-special-slide .flora-premium-hero-dots[b-gca7g4oex1]{ visibility:visible !important; opacity:1 !important; pointer-events:auto !important; } @media(max-width:700px){ .flora-v40-exact-special-slide[b-gca7g4oex1]{ background-position:center center !important; } } /* ========================================================== FLORA_V40_8_EXACT_BUTTON_HOTSPOTS_CSS Exact gorseldeki: 1) Ozel Turleri Kesfet 2) Tum Bitkileri Gor butonlarinin uzerinde gercek tiklanabilir HTML linkleri. GORSELDE HICBIR DEGISIKLIK YAPMAZ. ========================================================== */ .flora-v40-exact-special-slide[b-gca7g4oex1]{ position:relative !important; } /* Görseldeki butonlarla hotspot koordinatlarının birebir kalması için exact slaytta resmi esnetmeden section ölçüsüne tam oturtuyoruz. */ .flora-v40-exact-special-slide[b-gca7g4oex1]{ background-size:100% 100% !important; background-position:center center !important; background-repeat:no-repeat !important; } .flora-v40-exact-special-hotspots[b-gca7g4oex1]{ position:absolute !important; inset:0 !important; z-index:30 !important; pointer-events:none !important; } /* Gercek fakat gorunmez link */ .flora-v40-exact-hotspot[b-gca7g4oex1]{ position:absolute !important; display:block !important; background:transparent !important; border:0 !important; border-radius:12px !important; text-decoration:none !important; cursor:pointer !important; pointer-events:auto !important; -webkit-tap-highlight-color:transparent !important; } /* EXACT IMAGE = 2008 x 630 Buton 1: x 93 -> 374 y 514 -> 581 */ .flora-v40-exact-hotspot-special[b-gca7g4oex1]{ left:4.63% !important; top:81.58% !important; width:14.00% !important; height:10.64% !important; } /* Buton 2: x 390 -> 608 y 514 -> 581 */ .flora-v40-exact-hotspot-all[b-gca7g4oex1]{ left:19.42% !important; top:81.58% !important; width:10.86% !important; height:10.64% !important; } /* Mouse butonun üstüne gelince hafif premium geri bildirim */ .flora-v40-exact-hotspot:hover[b-gca7g4oex1]{ background:rgba(255,255,255,.035) !important; box-shadow: 0 0 0 2px rgba(255,255,255,.10) inset !important; } /* Klavye erişilebilirliği */ .flora-v40-exact-hotspot:focus-visible[b-gca7g4oex1]{ outline:3px solid rgba(255,250,230,.90) !important; outline-offset:2px !important; } /* ========================================================== TABLET / MOBIL ========================================================== */ @media(max-width:900px){ /* Exact görsel mobilde de hotspot hizasını korusun. Bu slaytta background-cover kullanmıyoruz. */ .flora-v40-exact-special-slide[b-gca7g4oex1]{ background-size:100% 100% !important; background-position:center center !important; } } /* ========================================================== FLORA_V40_12_EXACT_BRAND_AND_SHIPPING Referans botanik logo + kesintisiz kargo marquee ========================================================== */ /* ========================================================== LOGO ========================================================== */ .flora-v4012-brand[b-gca7g4oex1]{ display:flex !important; align-items:center !important; gap:12px !important; min-width:210px !important; color:#143929 !important; text-decoration:none !important; } .flora-v4012-brand-mark[b-gca7g4oex1]{ width:54px !important; height:66px !important; flex:0 0 54px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#456552 !important; } .flora-v4012-brand-mark svg[b-gca7g4oex1]{ width:100% !important; height:100% !important; display:block !important; } .flora-v4012-brand-copy[b-gca7g4oex1]{ display:flex !important; flex-direction:column !important; justify-content:center !important; gap:5px !important; padding-top:1px !important; } .flora-v4012-brand-copy strong[b-gca7g4oex1]{ display:flex !important; flex-direction:column !important; gap:0 !important; margin:0 !important; color:#263b30 !important; font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif !important; font-size:19px !important; font-weight:500 !important; line-height:.88 !important; letter-spacing:.055em !important; } .flora-v4012-brand-copy strong span[b-gca7g4oex1]{ display:block !important; } .flora-v4012-brand-copy small[b-gca7g4oex1]{ display:block !important; margin-top:3px !important; color:#263b30 !important; font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif !important; font-size:10px !important; font-weight:650 !important; line-height:1 !important; letter-spacing:.28em !important; } /* ========================================================== SHIPPING MARQUEE ========================================================== */ .flora-v4012-shipping[b-gca7g4oex1]{ position:relative !important; width:100% !important; max-width:none !important; height:34px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border:0 !important; border-radius:0 !important; background: linear-gradient( 90deg, #062f24 0%, #0a3a2b 50%, #062f24 100% ) !important; color:#f5efe3 !important; white-space:nowrap !important; } .flora-v4012-shipping[b-gca7g4oex1]::before, .flora-v4012-shipping[b-gca7g4oex1]::after{ display:none !important; content:none !important; } /* İki eşit set yan yana. Track -50% hareket ettiğinde ikinci set birincinin yerine tam oturur. */ .flora-v4012-shipping-track[b-gca7g4oex1]{ width:max-content !important; min-width:200vw !important; height:34px !important; min-height:34px !important; display:flex !important; align-items:center !important; gap:0 !important; margin:0 !important; padding:0 !important; animation: floraV4012ShippingMarquee-b-gca7g4oex1 30s linear infinite !important; will-change:transform !important; } .flora-v4012-shipping-set[b-gca7g4oex1]{ width:100vw !important; min-width:100vw !important; height:34px !important; flex:0 0 100vw !important; display:flex !important; align-items:center !important; justify-content:space-around !important; gap:22px !important; padding:0 24px !important; box-sizing:border-box !important; } .flora-v4012-shipping-set span[b-gca7g4oex1]{ flex:0 0 auto !important; color:#f7f2e9 !important; font-size:10px !important; font-weight:700 !important; line-height:1 !important; letter-spacing:.035em !important; } .flora-v4012-shipping-set b[b-gca7g4oex1]{ flex:0 0 auto !important; color:#b7c4b4 !important; font-size:8px !important; font-weight:400 !important; } .flora-v4012-shipping-leaf[b-gca7g4oex1]{ color:#a6b69f !important; font-family: Georgia, serif !important; font-size:15px !important; transform:rotate(-18deg) !important; opacity:.90 !important; } @keyframes floraV4012ShippingMarquee-b-gca7g4oex1{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-50%,0,0); } } /* Kullanıcı mouse ile üzerine gelince durmasın */ .flora-v4012-shipping:hover .flora-v4012-shipping-track[b-gca7g4oex1]{ animation-play-state:running !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:900px){ .flora-v4012-brand[b-gca7g4oex1]{ min-width:175px !important; gap:9px !important; } .flora-v4012-brand-mark[b-gca7g4oex1]{ width:44px !important; height:56px !important; flex-basis:44px !important; } .flora-v4012-brand-copy strong[b-gca7g4oex1]{ font-size:16px !important; } .flora-v4012-brand-copy small[b-gca7g4oex1]{ font-size:8px !important; } .flora-v4012-shipping-track[b-gca7g4oex1]{ animation-duration:24s !important; } .flora-v4012-shipping-set[b-gca7g4oex1]{ gap:16px !important; padding:0 14px !important; } .flora-v4012-shipping-set span[b-gca7g4oex1]{ font-size:9px !important; } } /* ========================================================== MOBIL ========================================================== */ @media(max-width:600px){ .flora-v4012-brand[b-gca7g4oex1]{ min-width:150px !important; } .flora-v4012-brand-mark[b-gca7g4oex1]{ width:38px !important; height:48px !important; flex-basis:38px !important; } .flora-v4012-brand-copy strong[b-gca7g4oex1]{ font-size:14px !important; } .flora-v4012-brand-copy small[b-gca7g4oex1]{ font-size:7px !important; letter-spacing:.20em !important; } .flora-v4012-shipping[b-gca7g4oex1]{ height:31px !important; } .flora-v4012-shipping-track[b-gca7g4oex1], .flora-v4012-shipping-set[b-gca7g4oex1]{ height:31px !important; min-height:31px !important; } .flora-v4012-shipping-track[b-gca7g4oex1]{ animation-duration:20s !important; } .flora-v4012-shipping-set[b-gca7g4oex1]{ /* Mobilde her set yine ekranın tamamı kadar. Yazi aralari daha dar. */ gap:12px !important; padding:0 10px !important; } .flora-v4012-shipping-set span[b-gca7g4oex1]{ font-size:8px !important; } } /* ========================================================== FLORA_V40_13_EXACT_REFERENCE_BRAND Referanstaki ince botanik amblem + BOTANIK BAHCESI / FLORA ========================================================== */ .flora-v4013-brand[b-gca7g4oex1]{ display:flex !important; align-items:center !important; gap:12px !important; min-width:205px !important; text-decoration:none !important; color:#3f5147 !important; background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; margin:0 !important; } .flora-v4013-brand:hover[b-gca7g4oex1]{ color:#3f5147 !important; text-decoration:none !important; } .flora-v4013-brand-mark[b-gca7g4oex1]{ display:flex !important; align-items:center !important; justify-content:center !important; width:44px !important; height:58px !important; min-width:44px !important; color:#5a6d62 !important; background:transparent !important; border-radius:0 !important; box-shadow:none !important; overflow:visible !important; } .flora-v4013-brand-svg[b-gca7g4oex1]{ width:44px !important; height:58px !important; display:block !important; } .flora-v4013-brand-copy[b-gca7g4oex1]{ display:flex !important; flex-direction:column !important; justify-content:center !important; gap:2px !important; padding-top:2px !important; } .flora-v4013-brand-title[b-gca7g4oex1]{ display:flex !important; flex-direction:column !important; gap:0 !important; margin:0 !important; padding:0 !important; color:#38493f !important; font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif !important; font-size:18px !important; font-weight:500 !important; line-height:.92 !important; letter-spacing:.070em !important; text-transform:uppercase !important; } .flora-v4013-brand-title span[b-gca7g4oex1]{ display:block !important; margin:0 !important; padding:0 !important; } .flora-v4013-brand-subtitle[b-gca7g4oex1]{ display:block !important; margin:2px 0 0 1px !important; padding:0 !important; color:#38493f !important; font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif !important; font-size:9.5px !important; font-weight:650 !important; line-height:1 !important; letter-spacing:.26em !important; text-transform:uppercase !important; } /* Eski patchlerden kalan kutu / img stilleri etkisiz olsun */ .flora-v4013-brand img[b-gca7g4oex1], .flora-v4013-brand .brand-logo[b-gca7g4oex1], .flora-v4013-brand .brand-icon[b-gca7g4oex1], .flora-v4013-brand .brand-image[b-gca7g4oex1]{ display:none !important; } @media (max-width: 900px){ .flora-v4013-brand[b-gca7g4oex1]{ min-width:180px !important; gap:10px !important; } .flora-v4013-brand-mark[b-gca7g4oex1]{ width:38px !important; height:50px !important; min-width:38px !important; } .flora-v4013-brand-svg[b-gca7g4oex1]{ width:38px !important; height:50px !important; } .flora-v4013-brand-title[b-gca7g4oex1]{ font-size:15.5px !important; } .flora-v4013-brand-subtitle[b-gca7g4oex1]{ font-size:8px !important; letter-spacing:.22em !important; } } @media (max-width: 600px){ .flora-v4013-brand[b-gca7g4oex1]{ min-width:155px !important; gap:8px !important; } .flora-v4013-brand-mark[b-gca7g4oex1]{ width:34px !important; height:44px !important; min-width:34px !important; } .flora-v4013-brand-svg[b-gca7g4oex1]{ width:34px !important; height:44px !important; } .flora-v4013-brand-title[b-gca7g4oex1]{ font-size:13.5px !important; letter-spacing:.06em !important; } .flora-v4013-brand-subtitle[b-gca7g4oex1]{ font-size:7px !important; letter-spacing:.18em !important; } } /* ========================================================== FLORA_V40_14_EXACT_BOTANICAL_BRAND_CSS Referans: ince cizgili botanik dal + BOTANIK / BAHCESI / FLORA ========================================================== */ .flora-v4014-brand[b-gca7g4oex1]{ display:flex !important; align-items:center !important; gap:11px !important; min-width:202px !important; padding:0 !important; margin:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; text-decoration:none !important; color:#344b40 !important; } .flora-v4014-brand-mark[b-gca7g4oex1]{ width:47px !important; height:60px !important; min-width:47px !important; flex:0 0 47px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:visible !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } .flora-v4014-brand-mark-image[b-gca7g4oex1]{ width:47px !important; height:60px !important; max-width:none !important; display:block !important; object-fit:contain !important; object-position:center !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } .flora-v4014-brand-copy[b-gca7g4oex1]{ display:flex !important; flex-direction:column !important; justify-content:center !important; gap:2px !important; min-width:0 !important; padding:1px 0 0 !important; } .flora-v4014-brand-title[b-gca7g4oex1]{ display:flex !important; flex-direction:column !important; gap:0 !important; margin:0 !important; padding:0 !important; color:#364a40 !important; font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif !important; font-size:18px !important; font-weight:500 !important; line-height:.89 !important; letter-spacing:.060em !important; text-transform:uppercase !important; } .flora-v4014-brand-title span[b-gca7g4oex1]{ display:block !important; margin:0 !important; padding:0 !important; } .flora-v4014-brand-subtitle[b-gca7g4oex1]{ display:block !important; margin:3px 0 0 1px !important; padding:0 !important; color:#364a40 !important; font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif !important; font-size:9px !important; font-weight:650 !important; line-height:1 !important; letter-spacing:.27em !important; text-transform:uppercase !important; } @media(max-width:900px){ .flora-v4014-brand[b-gca7g4oex1]{min-width:174px !important;gap:9px !important} .flora-v4014-brand-mark[b-gca7g4oex1], .flora-v4014-brand-mark-image[b-gca7g4oex1]{width:40px !important;height:52px !important;min-width:40px !important} .flora-v4014-brand-mark[b-gca7g4oex1]{flex-basis:40px !important} .flora-v4014-brand-title[b-gca7g4oex1]{font-size:15px !important} .flora-v4014-brand-subtitle[b-gca7g4oex1]{font-size:7.5px !important;letter-spacing:.22em !important} } @media(max-width:600px){ .flora-v4014-brand[b-gca7g4oex1]{min-width:150px !important;gap:8px !important} .flora-v4014-brand-mark[b-gca7g4oex1], .flora-v4014-brand-mark-image[b-gca7g4oex1]{width:35px !important;height:46px !important;min-width:35px !important} .flora-v4014-brand-mark[b-gca7g4oex1]{flex-basis:35px !important} .flora-v4014-brand-title[b-gca7g4oex1]{font-size:13px !important} .flora-v4014-brand-subtitle[b-gca7g4oex1]{font-size:6.5px !important;letter-spacing:.18em !important} } /* ========================================================== FLORA_V40_15_EXACT_LOGO_FINAL_CSS Exact botanical mark + reference wordmark proportions ========================================================== */ .flora-v4015-brand[b-gca7g4oex1]{ display:flex !important; align-items:center !important; gap:10px !important; min-width:190px !important; padding:0 !important; margin:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; text-decoration:none !important; color:#33483d !important; } .flora-v4015-brand-mark[b-gca7g4oex1]{ width:48px !important; height:60px !important; min-width:48px !important; flex:0 0 48px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:visible !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } .flora-v4015-brand-image[b-gca7g4oex1]{ width:48px !important; height:60px !important; max-width:none !important; display:block !important; object-fit:contain !important; object-position:center !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } .flora-v4015-brand-copy[b-gca7g4oex1]{ display:flex !important; flex-direction:column !important; justify-content:center !important; gap:1px !important; min-width:0 !important; padding-top:1px !important; } .flora-v4015-brand-title[b-gca7g4oex1]{ display:flex !important; flex-direction:column !important; gap:0 !important; margin:0 !important; padding:0 !important; color:#33483d !important; font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif !important; font-size:18px !important; font-weight:500 !important; line-height:.90 !important; letter-spacing:.045em !important; text-transform:uppercase !important; white-space:nowrap !important; } .flora-v4015-brand-title span[b-gca7g4oex1]{ display:block !important; margin:0 !important; padding:0 !important; } .flora-v4015-brand-subtitle[b-gca7g4oex1]{ display:block !important; margin:4px 0 0 1px !important; padding:0 !important; color:#33483d !important; font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif !important; font-size:8.5px !important; font-weight:650 !important; line-height:1 !important; letter-spacing:.28em !important; text-transform:uppercase !important; white-space:nowrap !important; } /* Neutralize earlier brand patch elements if they remain elsewhere. */ .flora-v4015-brand .brand-logo[b-gca7g4oex1], .flora-v4015-brand .brand-text[b-gca7g4oex1], .flora-v4015-brand .flora-v4012-brand-mark[b-gca7g4oex1], .flora-v4015-brand .flora-v4013-brand-mark[b-gca7g4oex1], .flora-v4015-brand .flora-v4014-brand-mark[b-gca7g4oex1]{ display:none !important; } @media(max-width:900px){ .flora-v4015-brand[b-gca7g4oex1]{min-width:165px !important;gap:8px !important} .flora-v4015-brand-mark[b-gca7g4oex1], .flora-v4015-brand-image[b-gca7g4oex1]{width:40px !important;height:50px !important;min-width:40px !important} .flora-v4015-brand-mark[b-gca7g4oex1]{flex-basis:40px !important} .flora-v4015-brand-title[b-gca7g4oex1]{font-size:15px !important} .flora-v4015-brand-subtitle[b-gca7g4oex1]{font-size:7px !important;letter-spacing:.22em !important} } @media(max-width:600px){ .flora-v4015-brand[b-gca7g4oex1]{min-width:145px !important;gap:7px !important} .flora-v4015-brand-mark[b-gca7g4oex1], .flora-v4015-brand-image[b-gca7g4oex1]{width:35px !important;height:44px !important;min-width:35px !important} .flora-v4015-brand-mark[b-gca7g4oex1]{flex-basis:35px !important} .flora-v4015-brand-title[b-gca7g4oex1]{font-size:13px !important} .flora-v4015-brand-subtitle[b-gca7g4oex1]{font-size:6.3px !important;letter-spacing:.18em !important} } /* ========================================================== FLORA_V40_16_HOME_PREMIUM_FINAL ========================================================== */ .flora-page[b-gca7g4oex1]{background:#fbf8f1!important;color:#173226!important} /* KARGO: tum alan dolu, sabit kargo kolonu daha genis */ .flora-v4016-shipping[b-gca7g4oex1]{width:100%!important;max-width:none!important;height:36px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#072f23!important;color:#f7f1e7!important} .flora-v4016-shipping-track[b-gca7g4oex1]{display:flex!important;width:max-content!important;min-width:200vw!important;height:36px!important;align-items:center!important;animation:floraV4016Shipping-b-gca7g4oex1 28s linear infinite!important;will-change:transform!important} .flora-v4016-shipping-set[b-gca7g4oex1]{width:100vw!important;min-width:100vw!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:space-around!important;gap:24px!important;padding:0 28px!important;box-sizing:border-box!important} .flora-v4016-shipping-set span[b-gca7g4oex1]{flex:0 0 auto!important;color:#f7f1e7!important;font-size:10px!important;font-weight:750!important;letter-spacing:.055em!important;white-space:nowrap!important} .flora-v4016-shipping-set .free[b-gca7g4oex1]{min-width:190px!important;text-align:center!important}.flora-v4016-shipping-set .fixed[b-gca7g4oex1]{min-width:150px!important;text-align:center!important;color:#fff9ed!important;font-weight:850!important} .flora-v4016-shipping-set b[b-gca7g4oex1]{color:#b89562!important;font-size:9px!important} @keyframes floraV4016Shipping-b-gca7g4oex1{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}} /* HERO tam, kesilmeyen ve belirgin */ .hero-section[b-gca7g4oex1]{width:100%!important;max-width:none!important;min-height:590px!important;margin:0!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;overflow:hidden!important} .hero-content[b-gca7g4oex1]{min-height:590px!important;padding-top:78px!important;padding-bottom:66px!important} .hero-content h1[b-gca7g4oex1]{text-shadow:0 4px 24px rgba(0,0,0,.34)!important}.hero-content p[b-gca7g4oex1],.hero-label[b-gca7g4oex1]{text-shadow:0 2px 14px rgba(0,0,0,.32)!important} .flora-v40-exact-special-slide[b-gca7g4oex1],.flora-v40-packaging-slide[b-gca7g4oex1]{min-height:590px!important;background-size:cover!important;background-position:center center!important} /* SLAYT ALTI AVANTAJ KUTULARI */ .benefits[b-gca7g4oex1]{width:min(calc(100% - 64px),1240px)!important;max-width:1240px!important;margin:28px auto 42px!important;padding:0!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))!important;gap:20px!important;background:transparent!important;border:0!important} .benefit-item[b-gca7g4oex1]{min-height:100px!important;padding:20px 21px!important;display:flex!important;align-items:center!important;gap:15px!important;border:1px solid rgba(20,61,40,.13)!important;border-radius:18px!important;background:#fffdf8!important;box-shadow:0 12px 30px rgba(12,55,32,.055)!important} .benefit-icon[b-gca7g4oex1]{width:44px!important;height:44px!important;min-width:44px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#e8f0e7!important;color:#174d35!important;font-size:11px!important;font-weight:900!important} .benefit-item strong[b-gca7g4oex1]{display:block!important;color:#1e3b2c!important;font-size:12px!important;font-weight:900!important;line-height:1.25!important}.benefit-item span[b-gca7g4oex1]{display:block!important;margin-top:5px!important;color:#6a786f!important;font-size:10px!important;line-height:1.5!important} /* BOLUM BASLIKLARI DAHA BELIRGIN */ .content-section[b-gca7g4oex1],.two-column-section.flora-reviews-only[b-gca7g4oex1],.bottom-benefits[b-gca7g4oex1]{width:min(calc(100% - 64px),1320px)!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important} .section-title h2[b-gca7g4oex1]{color:#173a2a!important;font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif!important;font-size:32px!important;font-weight:500!important;letter-spacing:-.025em!important}.section-title>a[b-gca7g4oex1]{font-size:10px!important;font-weight:850!important;color:#184d36!important} /* POPULER KATEGORILER */ .flora-v38-category-marquee[b-gca7g4oex1]{margin-top:20px!important;overflow:hidden!important;padding:6px 0 15px!important}.flora-v38-category-track[b-gca7g4oex1]{gap:18px!important;animation-duration:50s!important}.flora-v38-category-track .category-card[b-gca7g4oex1]{width:218px!important;height:210px!important;flex:0 0 218px!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 13px 30px rgba(10,48,27,.09)!important}.flora-v38-category-track .category-card img[b-gca7g4oex1]{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.95) contrast(1.03)!important}.flora-v38-category-track .category-overlay[b-gca7g4oex1]{left:16px!important;right:16px!important;bottom:15px!important}.flora-v38-category-track .category-overlay strong[b-gca7g4oex1]{max-width:160px!important;color:#fff!important;font-size:18px!important;line-height:1.08!important;text-shadow:0 2px 12px rgba(0,0,0,.35)!important} .newsletter[b-gca7g4oex1]{border-radius:22px!important;box-shadow:0 14px 36px rgba(13,55,31,.06)!important}.bottom-benefits>div[b-gca7g4oex1]{border-radius:16px!important} @media(max-width:800px){.hero-section[b-gca7g4oex1],.hero-content[b-gca7g4oex1],.flora-v40-exact-special-slide[b-gca7g4oex1],.flora-v40-packaging-slide[b-gca7g4oex1]{min-height:500px!important}.benefits[b-gca7g4oex1]{width:min(calc(100% - 24px),1240px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.content-section[b-gca7g4oex1],.two-column-section.flora-reviews-only[b-gca7g4oex1],.bottom-benefits[b-gca7g4oex1]{width:min(calc(100% - 24px),1320px)!important}.flora-v38-category-track .category-card[b-gca7g4oex1]{width:185px!important;height:180px!important;flex-basis:185px!important}} @media(max-width:520px){.benefits[b-gca7g4oex1]{grid-template-columns:1fr!important}.flora-v4016-shipping-set[b-gca7g4oex1]{gap:13px!important;padding:0 12px!important}.flora-v4016-shipping-set span[b-gca7g4oex1]{font-size:8px!important}.flora-v4016-shipping-set .free[b-gca7g4oex1]{min-width:155px!important}.flora-v4016-shipping-set .fixed[b-gca7g4oex1]{min-width:128px!important}.hero-section[b-gca7g4oex1],.hero-content[b-gca7g4oex1]{min-height:455px!important}} /* FLORA_V40_17_BENEFITS_CENTER_START */ /* Slider altindaki 4 avantaj kutusunu biraz asagi al ve tam ortala */ .benefits[b-gca7g4oex1] { width: min(calc(100% - 80px), 1240px) !important; max-width: 1240px !important; margin-top: 48px !important; margin-right: auto !important; margin-bottom: 48px !important; margin-left: auto !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 22px !important; align-items: stretch !important; justify-content: center !important; } /* Kutularin kendi icini de dikey olarak ortala */ .benefit-item[b-gca7g4oex1] { min-height: 104px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; } /* Mobil uyum */ @media (max-width: 1000px) { .benefits[b-gca7g4oex1] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: min(calc(100% - 40px), 900px) !important; } } @media (max-width: 600px) { .benefits[b-gca7g4oex1] { grid-template-columns: 1fr !important; width: calc(100% - 28px) !important; margin-top: 32px !important; gap: 14px !important; } } /* FLORA_V40_17_BENEFITS_CENTER_END */ /* FLORA_V40_17_SLIDER_BENEFITS_FIX_START */ /* ========================================================= HERO / SLIDER DENGELEME ========================================================= */ /* slider kapsayici */ .flora-v40-home .flora-v40-hero[b-gca7g4oex1], .flora-v40-home .home-hero[b-gca7g4oex1], .flora-v40-home .hero-slider[b-gca7g4oex1], .flora-v40-home .hero-shell[b-gca7g4oex1], .home-page .flora-v40-hero[b-gca7g4oex1], .home-page .hero-slider[b-gca7g4oex1], .home-page .hero-shell[b-gca7g4oex1] { width: 100% !important; max-width: 100% !important; min-height: clamp(560px, 72vh, 760px) !important; height: clamp(560px, 72vh, 760px) !important; overflow: hidden !important; position: relative !important; } /* slider ic track / alan */ .flora-v40-home .flora-v40-hero .swiper[b-gca7g4oex1], .flora-v40-home .hero-slider .swiper[b-gca7g4oex1], .flora-v40-home .hero-shell .swiper[b-gca7g4oex1], .home-page .flora-v40-hero .swiper[b-gca7g4oex1], .home-page .hero-slider .swiper[b-gca7g4oex1], .home-page .hero-shell .swiper[b-gca7g4oex1], .flora-v40-home .flora-v40-hero .swiper-wrapper[b-gca7g4oex1], .flora-v40-home .hero-slider .swiper-wrapper[b-gca7g4oex1], .flora-v40-home .hero-shell .swiper-wrapper[b-gca7g4oex1], .home-page .flora-v40-hero .swiper-wrapper[b-gca7g4oex1], .home-page .hero-slider .swiper-wrapper[b-gca7g4oex1], .home-page .hero-shell .swiper-wrapper[b-gca7g4oex1] { height: 100% !important; } /* tek slide */ .flora-v40-home .flora-v40-hero .swiper-slide[b-gca7g4oex1], .flora-v40-home .hero-slider .swiper-slide[b-gca7g4oex1], .flora-v40-home .hero-shell .swiper-slide[b-gca7g4oex1], .home-page .flora-v40-hero .swiper-slide[b-gca7g4oex1], .home-page .hero-slider .swiper-slide[b-gca7g4oex1], .home-page .hero-shell .swiper-slide[b-gca7g4oex1] { height: 100% !important; display: flex !important; align-items: stretch !important; justify-content: stretch !important; overflow: hidden !important; } /* slide gorseli net gorunsun */ .flora-v40-home .flora-v40-hero img[b-gca7g4oex1], .flora-v40-home .hero-slider img[b-gca7g4oex1], .flora-v40-home .hero-shell img[b-gca7g4oex1], .home-page .flora-v40-hero img[b-gca7g4oex1], .home-page .hero-slider img[b-gca7g4oex1], .home-page .hero-shell img[b-gca7g4oex1] { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; filter: none !important; transform: none !important; } /* icerik solda kalsin ama tasmasin */ .flora-v40-home .flora-v40-hero-content[b-gca7g4oex1], .flora-v40-home .hero-content[b-gca7g4oex1], .home-page .flora-v40-hero-content[b-gca7g4oex1], .home-page .hero-content[b-gca7g4oex1] { max-width: 720px !important; padding-left: clamp(28px, 5vw, 96px) !important; padding-right: 24px !important; padding-top: clamp(64px, 10vh, 120px) !important; padding-bottom: 120px !important; z-index: 3 !important; } /* alt slider cizgileri kalsin ve altta dursun */ .flora-v40-home .swiper-pagination[b-gca7g4oex1], .flora-v40-home .hero-pagination[b-gca7g4oex1], .home-page .swiper-pagination[b-gca7g4oex1], .home-page .hero-pagination[b-gca7g4oex1] { bottom: 20px !important; z-index: 5 !important; } /* ustte fazladan olusmus cubuk / ikinci indicator tipleri gizlenir */ .flora-v40-home .hero-top-indicators[b-gca7g4oex1], .flora-v40-home .hero-progress-top[b-gca7g4oex1], .flora-v40-home .slider-progress-top[b-gca7g4oex1], .home-page .hero-top-indicators[b-gca7g4oex1], .home-page .hero-progress-top[b-gca7g4oex1], .home-page .slider-progress-top[b-gca7g4oex1] { display: none !important; } /* ========================================================= SLIDER ALTI 4 AVANTAJ KUTUSU ========================================================= */ .benefits[b-gca7g4oex1] { width: min(calc(100% - 120px), 1240px) !important; max-width: 1240px !important; margin-top: 72px !important; margin-right: auto !important; margin-bottom: 88px !important; margin-left: auto !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 24px !important; align-items: stretch !important; justify-content: center !important; position: relative !important; z-index: 4 !important; } .benefit-item[b-gca7g4oex1] { min-height: 116px !important; padding: 22px 24px !important; border-radius: 22px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 18px !important; } /* kutu icinde sayi varsa gizle */ .benefit-item .benefit-number[b-gca7g4oex1], .benefit-item .benefit-step[b-gca7g4oex1], .benefit-item .benefit-order[b-gca7g4oex1], .benefit-item .step-number[b-gca7g4oex1], .benefit-item .item-number[b-gca7g4oex1], .benefit-item .badge-number[b-gca7g4oex1], .benefit-item .icon-order[b-gca7g4oex1], .benefit-item .count[b-gca7g4oex1], .benefit-item [class*="number"][b-gca7g4oex1], .benefit-item [class*="step"][b-gca7g4oex1], .benefit-item [class*="order"][b-gca7g4oex1] { display: none !important; } /* ikon alani */ .benefit-item .benefit-icon[b-gca7g4oex1], .benefit-item .benefit-badge[b-gca7g4oex1], .benefit-item .benefit-symbol[b-gca7g4oex1], .benefit-item .icon-wrap[b-gca7g4oex1], .benefit-item .icon-box[b-gca7g4oex1] { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* ikon boyutu */ .benefit-item svg[b-gca7g4oex1], .benefit-item i[b-gca7g4oex1] { width: 22px !important; height: 22px !important; font-size: 22px !important; } /* yazi alani */ .benefit-item .benefit-text[b-gca7g4oex1], .benefit-item .benefit-copy[b-gca7g4oex1], .benefit-item .content[b-gca7g4oex1], .benefit-item .text[b-gca7g4oex1] { display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 4px !important; } /* baslik-aciklama */ .benefit-item h3[b-gca7g4oex1], .benefit-item .title[b-gca7g4oex1], .benefit-item strong[b-gca7g4oex1] { font-size: 20px !important; line-height: 1.2 !important; } .benefit-item p[b-gca7g4oex1], .benefit-item .subtitle[b-gca7g4oex1], .benefit-item small[b-gca7g4oex1], .benefit-item span[b-gca7g4oex1] { line-height: 1.45 !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1100px) { .benefits[b-gca7g4oex1] { width: min(calc(100% - 48px), 980px) !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; margin-top: 56px !important; margin-bottom: 72px !important; } } @media (max-width: 700px) { .benefits[b-gca7g4oex1] { width: calc(100% - 24px) !important; grid-template-columns: 1fr !important; gap: 14px !important; margin-top: 32px !important; margin-bottom: 48px !important; } .benefit-item[b-gca7g4oex1] { min-height: 96px !important; padding: 18px !important; } .benefit-item h3[b-gca7g4oex1], .benefit-item .title[b-gca7g4oex1], .benefit-item strong[b-gca7g4oex1] { font-size: 17px !important; } } /* FLORA_V40_17_SLIDER_BENEFITS_FIX_END */ /* FLORA_V40_18_BENEFIT_ICONS_START */ /* Avantaj ikonlari */ .benefit-item .benefit-icon[b-gca7g4oex1] { width: 58px !important; height: 58px !important; min-width: 58px !important; flex: 0 0 58px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(12, 83, 52, .16) !important; border-radius: 50% !important; background: #eef5ef !important; color: #07533a !important; box-shadow: 0 7px 18px rgba(16, 60, 43, .06) !important; } /* Gercek SVG ikon */ .benefit-item .benefit-icon svg[b-gca7g4oex1] { display: block !important; width: 27px !important; height: 27px !important; min-width: 27px !important; min-height: 27px !important; color: #07533a !important; overflow: visible !important; } /* Avantaj kartlari */ .benefit-item[b-gca7g4oex1] { gap: 18px !important; } /* Baslik biraz daha okunur */ .benefit-item strong[b-gca7g4oex1] { display: block !important; margin-bottom: 7px !important; color: #073d2b !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.25 !important; } /* Aciklama */ .benefit-item > div:last-child > span[b-gca7g4oex1] { display: block !important; color: #68746d !important; font-size: 12px !important; line-height: 1.45 !important; } /* Sayilara ait eski pseudo content varsa kesin kapat */ .benefit-icon[b-gca7g4oex1]::before, .benefit-icon[b-gca7g4oex1]::after { content: none !important; display: none !important; } /* FLORA_V40_18_BENEFIT_ICONS_END */ /* FLORA_V40_19_EXACT_SLIDER_START Exact Nadir / Ozel Turler gorseli = 2008x630 Cover kullanilmaz. Gorselin tamami gorunur. */ /* ========================================================== 2. SLAYT - GERCEK GORSEL ORANI ========================================================== */ .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1] { position: relative !important; width: 100% !important; max-width: none !important; /* 2008 / 630 = 3.1873 Tarayici genisligine gore yukseklik otomatik hesaplanir. */ aspect-ratio: 2008 / 630 !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; overflow: hidden !important; border-radius: 0 !important; } /* Daha onceki 72vh / 560px zorlamasini tamamen iptal et */ .flora-v40-exact-special-slide.flora-v38-hero-slide[b-gca7g4oex1] { height: auto !important; min-height: 0 !important; max-height: none !important; } /* Görselin kendisinde yazilar ve butonlar var. Dinamik hero-content alanini layout'tan da cikar. */ .flora-v40-exact-special-slide .hero-content[b-gca7g4oex1] { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* Görselin uzerine ikinci bir koyu katman bindirme */ .flora-v40-exact-special-slide[b-gca7g4oex1]::after, .flora-v40-exact-special-slide[b-gca7g4oex1]::before { display: none !important; content: none !important; } /* ========================================================== SLIDER GOSTERGESI ========================================================== */ .flora-v40-exact-special-slide .flora-premium-hero-dots[b-gca7g4oex1] { position: absolute !important; left: 50% !important; right: auto !important; bottom: 16px !important; transform: translateX(-50%) !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } /* Eski ikinci kontrol sistemi kesinlikle gorunmesin */ .flora-v40-exact-special-slide .hero-slider-controls[b-gca7g4oex1] { display: none !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1000px) { .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1] { aspect-ratio: 2008 / 630 !important; height: auto !important; min-height: 0 !important; background-size: 100% 100% !important; background-position: center center !important; } } /* ========================================================== MOBIL Mobilde de kesmek yerine gorselin tamami korunur. ========================================================== */ @media (max-width: 700px) { .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1] { aspect-ratio: 2008 / 630 !important; width: 100% !important; height: auto !important; min-height: 0 !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; } .flora-v40-exact-special-slide .flora-premium-hero-dots[b-gca7g4oex1] { bottom: 8px !important; } } /* FLORA_V40_19_EXACT_SLIDER_END */ /* FLORA_V40_20_2_PREMIUM_CATEGORIES_START */ /* SADECE POPULER KATEGORILER. HERO / SLIDER / BENEFITS / HEADER SELECTORU YOKTUR. */ /* ========================================================= BOLUM ========================================================= */ .content-section:has(.flora-v38-category-marquee)[b-gca7g4oex1] { width: min(calc(100% - 70px), 1500px) !important; max-width: 1500px !important; margin-left: auto !important; margin-right: auto !important; padding-top: 58px !important; padding-bottom: 68px !important; } /* ========================================================= BASLIK SATIRI ========================================================= */ .content-section:has(.flora-v38-category-marquee) > .section-title[b-gca7g4oex1] { position: relative !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; min-height: 108px !important; margin: 0 0 24px !important; padding: 0 !important; gap: 32px !important; } /* POPULER KATEGORILER */ .content-section:has(.flora-v38-category-marquee) > .section-title h2[b-gca7g4oex1] { position: relative !important; margin: 0 !important; padding: 0 0 29px !important; color: #063c29 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(41px, 3.25vw, 55px) !important; font-weight: 500 !important; line-height: 1.02 !important; letter-spacing: -1.5px !important; text-shadow: none !important; } /* ALTIN CIZGI + BOTANIK ISARET */ .content-section:has(.flora-v38-category-marquee) > .section-title h2[b-gca7g4oex1]::after { content: "❦" !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 180px !important; height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #bd9342 !important; font-family: Georgia, serif !important; font-size: 21px !important; line-height: 1 !important; background: linear-gradient( 90deg, #c49b4b 0 37%, transparent 37% 63%, #c49b4b 63% 100% ) center / 100% 1px no-repeat !important; } /* ========================================================= TUM KATEGORILER ========================================================= */ .content-section:has(.flora-v38-category-marquee) > .section-title a[b-gca7g4oex1] { display: inline-flex !important; align-items: center !important; min-height: 48px !important; margin-top: 14px !important; padding: 0 4px 9px !important; color: #073d2b !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 21px !important; font-weight: 600 !important; line-height: 1.1 !important; letter-spacing: -.25px !important; text-decoration: none !important; border-bottom: 1.5px solid #bd9342 !important; transition: color .25s ease, transform .25s ease, border-color .25s ease !important; } .content-section:has(.flora-v38-category-marquee) > .section-title a:hover[b-gca7g4oex1] { color: #176143 !important; border-bottom-color: #176143 !important; transform: translateX(4px) !important; } /* ========================================================= MEVCUT KATEGORI HAREKETI KORUNUR ========================================================= */ .content-section:has(.flora-v38-category-marquee) .flora-v38-category-marquee[b-gca7g4oex1] { width: 100% !important; padding: 6px 0 18px !important; overflow: hidden !important; mask-image: linear-gradient( 90deg, transparent, #000 1.7%, #000 98.3%, transparent ) !important; } .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track[b-gca7g4oex1] { gap: 22px !important; padding-top: 8px !important; padding-bottom: 24px !important; } /* ========================================================= KATEGORI KARTI ========================================================= */ .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-card[b-gca7g4oex1] { position: relative !important; width: 242px !important; min-width: 242px !important; height: 335px !important; overflow: hidden !important; border-radius: 22px !important; border: 1px solid rgba(177,139,62,.24) !important; background: #edf1e9 !important; text-decoration: none !important; box-shadow: 0 14px 30px rgba(20,48,33,.10), 0 2px 6px rgba(20,48,33,.05) !important; transform: translateY(0) !important; transition: transform .30s ease, box-shadow .30s ease, border-color .30s ease !important; } .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-card:hover[b-gca7g4oex1] { transform: translateY(-7px) !important; border-color: rgba(190,149,68,.52) !important; box-shadow: 0 22px 44px rgba(20,48,33,.16), 0 5px 12px rgba(20,48,33,.07) !important; } /* ========================================================= RESIM ========================================================= */ .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-card img[b-gca7g4oex1] { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; padding: 0 !important; display: block !important; object-fit: cover !important; object-position: center center !important; filter: none !important; transform: scale(1) !important; transition: transform .55s cubic-bezier(.2,.7,.2,1) !important; } .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-card:hover img[b-gca7g4oex1] { transform: scale(1.045) !important; } /* ESKI KARARTMA KALKSIN */ .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-card[b-gca7g4oex1]::after { content: none !important; display: none !important; } /* ========================================================= PREMIUM KREM / ALTIN ETIKET ========================================================= */ .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-overlay[b-gca7g4oex1] { position: absolute !important; z-index: 5 !important; left: 13px !important; right: 13px !important; bottom: 13px !important; min-height: 92px !important; margin: 0 !important; padding: 31px 15px 15px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0 !important; text-align: center !important; color: #123b29 !important; background: linear-gradient( 180deg, rgba(255,253,248,.99) 0%, rgba(250,243,229,.99) 100% ) !important; border: 1px solid #c29a4b !important; border-radius: 16px !important; box-shadow: inset 0 0 0 3px #fffaf0, inset 0 0 0 4px rgba(194,154,75,.26), 0 8px 20px rgba(15,43,29,.13) !important; } /* ========================================================= KREM ETIKET USTUNDE BOTANIK MADALYON ========================================================= */ .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-overlay[b-gca7g4oex1]::before { content: "❦" !important; position: absolute !important; top: -21px !important; left: 50% !important; transform: translateX(-50%) !important; width: 47px !important; height: 47px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; color: #b58a35 !important; font-family: Georgia, serif !important; font-size: 25px !important; background: #fffaf0 !important; border: 1px solid #c29a4b !important; box-shadow: 0 4px 12px rgba(21,47,33,.13), inset 0 0 0 3px #fffdf8 !important; } /* ========================================================= KATEGORI ADI ========================================================= */ .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-overlay strong[b-gca7g4oex1] { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #123b29 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1.04 !important; letter-spacing: -.55px !important; white-space: normal !important; text-align: center !important; text-shadow: none !important; } /* URUN SAYISI GIZLI */ .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-overlay span[b-gca7g4oex1] { display: none !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1000px) { .content-section:has(.flora-v38-category-marquee)[b-gca7g4oex1] { width: calc(100% - 36px) !important; padding-top: 46px !important; } .content-section:has(.flora-v38-category-marquee) > .section-title h2[b-gca7g4oex1] { font-size: 39px !important; } .content-section:has(.flora-v38-category-marquee) > .section-title a[b-gca7g4oex1] { font-size: 18px !important; } .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-card[b-gca7g4oex1] { width: 220px !important; min-width: 220px !important; height: 305px !important; } .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-overlay strong[b-gca7g4oex1] { font-size: 21px !important; } } /* ========================================================= MOBIL ========================================================= */ @media (max-width: 640px) { .content-section:has(.flora-v38-category-marquee)[b-gca7g4oex1] { width: calc(100% - 22px) !important; padding-top: 36px !important; padding-bottom: 46px !important; } .content-section:has(.flora-v38-category-marquee) > .section-title[b-gca7g4oex1] { min-height: 125px !important; display: block !important; } .content-section:has(.flora-v38-category-marquee) > .section-title h2[b-gca7g4oex1] { font-size: 34px !important; letter-spacing: -.8px !important; } .content-section:has(.flora-v38-category-marquee) > .section-title a[b-gca7g4oex1] { position: absolute !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; font-size: 16px !important; } .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track[b-gca7g4oex1] { gap: 15px !important; } .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-card[b-gca7g4oex1] { width: 194px !important; min-width: 194px !important; height: 270px !important; border-radius: 18px !important; } .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-overlay[b-gca7g4oex1] { left: 10px !important; right: 10px !important; bottom: 10px !important; min-height: 77px !important; padding: 27px 10px 11px !important; } .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-overlay[b-gca7g4oex1]::before { top: -18px !important; width: 40px !important; height: 40px !important; font-size: 21px !important; } .content-section:has(.flora-v38-category-marquee) .flora-v38-category-track .category-overlay strong[b-gca7g4oex1] { font-size: 19px !important; } } /* FLORA_V40_20_2_PREMIUM_CATEGORIES_END */ /* FLORA_V40_25_BOTTOM_BENEFITS_START SADECE ALT AVANTAJ KUTULARI */ /* ========================================================= ANA ALAN ========================================================= */ .bottom-benefits[b-gca7g4oex1] { width: min(calc(100% - 70px), 1320px) !important; max-width: 1320px !important; min-height: 0 !important; margin: 44px auto 54px !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } /* ========================================================= TEK KUTU ========================================================= */ .bottom-benefits > div[b-gca7g4oex1] { position: relative !important; min-width: 0 !important; min-height: 104px !important; padding: 20px 20px 20px 82px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; border: 1px solid rgba(20, 82, 54, .14) !important; border-radius: 20px !important; background: linear-gradient( 180deg, #fffdf8 0%, #fbf8f0 100% ) !important; box-shadow: 0 8px 22px rgba(23, 57, 39, .055) !important; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important; } .bottom-benefits > div:hover[b-gca7g4oex1] { transform: translateY(-3px) !important; border-color: rgba(180, 143, 67, .38) !important; box-shadow: 0 14px 30px rgba(23, 57, 39, .09) !important; } /* ========================================================= ORTAK IKON DAIRE ========================================================= */ .bottom-benefits > div[b-gca7g4oex1]::before { content: "" !important; position: absolute !important; left: 20px !important; top: 50% !important; transform: translateY(-50%) !important; width: 48px !important; height: 48px !important; display: block !important; border: 1px solid rgba(20, 93, 61, .18) !important; border-radius: 50% !important; background-color: #f2f7f2 !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 25px 25px !important; box-shadow: inset 0 0 0 3px rgba(255,255,255,.65) !important; } /* ========================================================= 1 - GUVENLI ODEME KALKAN + TIK ========================================================= */ .bottom-benefits > div:nth-child(1)[b-gca7g4oex1]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b573a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3L19 6V11C19 15.5 16.2 19 12 21C7.8 19 5 15.5 5 11V6L12 3Z'/%3E%3Cpath d='M8.8 11.8L10.8 13.8L15.4 9.2'/%3E%3C/g%3E%3C/svg%3E") !important; } /* ========================================================= 2 - HIZLI TESLIMAT KAMYON ========================================================= */ .bottom-benefits > div:nth-child(2)[b-gca7g4oex1]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b573a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6H14V17H3V6Z'/%3E%3Cpath d='M14 10H18L21 13V17H14V10Z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/g%3E%3C/svg%3E") !important; } /* ========================================================= 3 - KOLAY IADE DONUS OKU ========================================================= */ .bottom-benefits > div:nth-child(3)[b-gca7g4oex1]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b573a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7H16C18.8 7 21 9.2 21 12C21 14.8 18.8 17 16 17H7'/%3E%3Cpath d='M10 4L7 7L10 10'/%3E%3Cpath d='M7 17L10 14'/%3E%3C/g%3E%3C/svg%3E") !important; } /* ========================================================= 4 - MUSTERI MEMNUNIYETI KALP + TIK ========================================================= */ .bottom-benefits > div:nth-child(4)[b-gca7g4oex1]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b573a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 8.5C20.5 13.7 12 19 12 19S3.5 13.7 3.5 8.5C3.5 5.8 5.5 4 8 4C9.7 4 11.1 4.9 12 6.1C12.9 4.9 14.3 4 16 4C18.5 4 20.5 5.8 20.5 8.5Z'/%3E%3Cpath d='M8.5 11.5L10.6 13.6L15.4 8.9'/%3E%3C/g%3E%3C/svg%3E") !important; } /* ========================================================= BASLIK ========================================================= */ .bottom-benefits strong[b-gca7g4oex1] { display: block !important; margin: 0 0 7px !important; color: #123d2b !important; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.15 !important; letter-spacing: -.15px !important; } /* ========================================================= ALT YAZI ========================================================= */ .bottom-benefits span[b-gca7g4oex1] { display: block !important; margin: 0 !important; color: #6f7971 !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.45 !important; } /* ========================================================= TABLET ========================================================= */ @media(max-width: 980px) { .bottom-benefits[b-gca7g4oex1] { width: calc(100% - 36px) !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; } } /* ========================================================= MOBIL ========================================================= */ @media(max-width: 600px) { .bottom-benefits[b-gca7g4oex1] { width: calc(100% - 22px) !important; grid-template-columns: 1fr !important; gap: 12px !important; margin-top: 30px !important; margin-bottom: 38px !important; } .bottom-benefits > div[b-gca7g4oex1] { min-height: 92px !important; padding: 17px 17px 17px 75px !important; } .bottom-benefits > div[b-gca7g4oex1]::before { left: 16px !important; width: 44px !important; height: 44px !important; background-size: 23px 23px !important; } .bottom-benefits strong[b-gca7g4oex1] { font-size: 16px !important; } } /* FLORA_V40_25_BOTTOM_BENEFITS_END */ /* FLORA_V40_26_EXACT_FOOTER_START SELECTED REFERENCE FOOTER */ /* ========================================================== ONCEKI AYRI ALT BENEFITLERI FOOTER ICINE ALDIK ========================================================== */ .bottom-benefits[b-gca7g4oex1] { display: none !important; } /* ========================================================== FOOTER ROOT ========================================================== */ .flora-v4026-footer[b-gca7g4oex1] { --footer-green-1: #063d2c; --footer-green-2: #043525; --footer-green-3: #022d20; --footer-gold: #d2a44d; --footer-gold-soft: rgba(210,164,77,.47); --footer-cream: #fff9ed; position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 58px 70px 0 !important; overflow: hidden !important; color: var(--footer-cream) !important; border: 0 !important; border-radius: 28px 28px 0 0 !important; background: radial-gradient( circle at 18% 0%, rgba(24,105,73,.18), transparent 28% ), radial-gradient( circle at 85% 5%, rgba(19,95,66,.16), transparent 31% ), linear-gradient( 118deg, var(--footer-green-1) 0%, var(--footer-green-2) 52%, var(--footer-green-3) 100% ) !important; box-shadow: 0 -12px 40px rgba(13,48,34,.09) !important; } /* SOL BOTANIK DEKOR */ .flora-v4026-footer[b-gca7g4oex1]::before { content: "" !important; position: absolute !important; left: -12px !important; top: 115px !important; width: 175px !important; height: 330px !important; opacity: .22 !important; pointer-events: none !important; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 340' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d1a34b' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M6 329C42 260 65 195 102 127C123 87 146 51 173 19'/%3E%3Cpath d='M47 250C18 236 8 211 13 181C47 190 65 210 68 236'/%3E%3Cpath d='M69 203C46 176 45 149 57 126C83 141 94 166 89 191'/%3E%3Cpath d='M97 151C89 117 102 91 125 74C141 101 136 128 117 144'/%3E%3Cpath d='M39 265C73 259 99 270 116 295C80 304 55 293 39 265'/%3E%3Cpath d='M69 212C102 202 128 210 147 235C117 250 88 241 69 212'/%3E%3Cpath d='M104 159C137 145 160 151 177 171C151 190 122 182 104 159'/%3E%3C/g%3E%3C/svg%3E") left center / contain no-repeat !important; } /* SAG BOTANIK DEKOR */ .flora-v4026-footer[b-gca7g4oex1]::after { content: "" !important; position: absolute !important; right: -14px !important; top: 100px !important; width: 220px !important; height: 380px !important; opacity: .19 !important; transform: scaleX(-1) !important; pointer-events: none !important; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 340' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d1a34b' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M6 329C42 260 65 195 102 127C123 87 146 51 173 19'/%3E%3Cpath d='M47 250C18 236 8 211 13 181C47 190 65 210 68 236'/%3E%3Cpath d='M69 203C46 176 45 149 57 126C83 141 94 166 89 191'/%3E%3Cpath d='M97 151C89 117 102 91 125 74C141 101 136 128 117 144'/%3E%3Cpath d='M39 265C73 259 99 270 116 295C80 304 55 293 39 265'/%3E%3Cpath d='M69 212C102 202 128 210 147 235C117 250 88 241 69 212'/%3E%3Cpath d='M104 159C137 145 160 151 177 171C151 190 122 182 104 159'/%3E%3C/g%3E%3C/svg%3E") right center / contain no-repeat !important; } /* ========================================================== ANA GRID ========================================================== */ .flora-v4026-footer-main[b-gca7g4oex1] { position: relative !important; z-index: 3 !important; width: min(100%, 1750px) !important; margin: 0 auto !important; display: grid !important; grid-template-columns: minmax(330px, 1.35fr) minmax(190px, .8fr) minmax(190px, .8fr) minmax(220px, .9fr) !important; gap: 54px !important; align-items: start !important; padding-bottom: 42px !important; } /* ========================================================== LOGO / MARKA ========================================================== */ .flora-v4026-footer-brand[b-gca7g4oex1] { display: flex !important; flex-direction: column !important; align-items: flex-start !important; max-width: 410px !important; } .flora-v4026-footer-logo-frame[b-gca7g4oex1] { width: 82px !important; height: 112px !important; margin: 0 0 22px 115px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; border: 2px solid var(--footer-gold) !important; border-radius: 42px 42px 22px 22px !important; box-shadow: inset 0 0 0 3px rgba(210,164,77,.10) !important; } .flora-v4026-footer-logo-image[b-gca7g4oex1] { width: 100% !important; height: 100% !important; object-fit: contain !important; /* Header'daki botanik dal logosunu footer'da referanstaki altin tona cevir. */ filter: brightness(0) saturate(100%) invert(77%) sepia(54%) saturate(661%) hue-rotate(358deg) brightness(88%) contrast(90%) !important; } .flora-v4026-footer-brand-name[b-gca7g4oex1] { margin: 0 !important; color: #fff9ed !important; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif !important; font-size: 31px !important; font-weight: 400 !important; line-height: 1.1 !important; letter-spacing: -.5px !important; white-space: nowrap !important; } .flora-v4026-footer-flora-line[b-gca7g4oex1] { width: 365px !important; max-width: 100% !important; margin: 20px 0 22px !important; display: flex !important; align-items: center !important; gap: 18px !important; color: var(--footer-gold) !important; } .flora-v4026-footer-flora-line span[b-gca7g4oex1] { flex: 1 !important; height: 1px !important; background: var(--footer-gold) !important; } .flora-v4026-footer-flora-line b[b-gca7g4oex1] { font-family: Georgia, "Times New Roman", serif !important; font-size: 17px !important; font-weight: 600 !important; letter-spacing: .25em !important; } .flora-v4026-footer-description[b-gca7g4oex1] { max-width: 335px !important; margin: 0 0 22px !important; color: rgba(255,249,237,.87) !important; font-size: 15px !important; line-height: 1.72 !important; } /* CONTACT */ .flora-v4026-footer-contact[b-gca7g4oex1] { display: inline-flex !important; align-items: center !important; gap: 13px !important; margin: 0 0 14px !important; color: rgba(255,249,237,.94) !important; font-size: 15px !important; line-height: 1.2 !important; text-decoration: none !important; } .flora-v4026-footer-contact svg[b-gca7g4oex1] { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; fill: none !important; stroke: var(--footer-gold) !important; stroke-width: 1.7 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } .flora-v4026-footer-contact:hover[b-gca7g4oex1] { color: #e1b867 !important; } /* ========================================================== LINK KOLONLARI ========================================================== */ .flora-v4026-footer-column[b-gca7g4oex1] { min-height: 300px !important; padding-top: 24px !important; } .flora-v4026-footer-column-border[b-gca7g4oex1] { padding-left: 54px !important; border-left: 1px solid rgba(210,164,77,.22) !important; } .flora-v4026-footer-column h3[b-gca7g4oex1] { margin: 0 !important; color: #e0ad51 !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .13em !important; text-transform: uppercase !important; } .flora-v4026-title-line[b-gca7g4oex1] { display: block !important; width: 47px !important; height: 2px !important; margin: 27px 0 34px !important; background: var(--footer-gold) !important; } .flora-v4026-footer-column a[b-gca7g4oex1] { display: block !important; width: fit-content !important; margin: 0 0 22px !important; color: rgba(255,249,237,.90) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.25 !important; text-decoration: none !important; transition: color .2s ease, transform .2s ease !important; } .flora-v4026-footer-column a:hover[b-gca7g4oex1] { color: #e0ad51 !important; transform: translateX(4px) !important; } /* ========================================================== ORTA HIZMET SATIRI ========================================================== */ .flora-v4026-footer-services[b-gca7g4oex1] { position: relative !important; z-index: 3 !important; width: min(100%, 1750px) !important; margin: 0 auto !important; min-height: 105px !important; padding: 22px 0 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) auto !important; gap: 0 !important; align-items: center !important; border-top: 1px solid rgba(210,164,77,.58) !important; border-bottom: 1px solid rgba(210,164,77,.58) !important; } .flora-v4026-service[b-gca7g4oex1] { min-height: 62px !important; padding: 0 28px !important; display: flex !important; align-items: center !important; gap: 17px !important; border-right: 1px solid rgba(210,164,77,.22) !important; } .flora-v4026-service:first-child[b-gca7g4oex1] { padding-left: 0 !important; } .flora-v4026-service svg[b-gca7g4oex1] { width: 43px !important; height: 43px !important; flex: 0 0 43px !important; fill: none !important; stroke: var(--footer-gold) !important; stroke-width: 1.65 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } .flora-v4026-service div[b-gca7g4oex1] { display: flex !important; flex-direction: column !important; gap: 5px !important; } .flora-v4026-service strong[b-gca7g4oex1] { color: rgba(255,249,237,.95) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 15px !important; font-weight: 500 !important; } .flora-v4026-service span[b-gca7g4oex1] { color: rgba(255,249,237,.76) !important; font-size: 12px !important; } /* ========================================================== SOSYAL IKONLAR ========================================================== */ .flora-v4026-footer-socials[b-gca7g4oex1] { display: flex !important; align-items: center !important; gap: 14px !important; padding-left: 30px !important; } .flora-v4026-footer-socials a[b-gca7g4oex1] { width: 46px !important; height: 46px !important; flex: 0 0 46px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1.5px solid var(--footer-gold) !important; border-radius: 50% !important; color: var(--footer-gold) !important; text-decoration: none !important; transition: background .22s ease, transform .22s ease, color .22s ease !important; } .flora-v4026-footer-socials a:hover[b-gca7g4oex1] { color: #073b2a !important; background: var(--footer-gold) !important; transform: translateY(-3px) !important; } .flora-v4026-footer-socials svg[b-gca7g4oex1] { width: 21px !important; height: 21px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.7 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } .flora-v4026-footer-socials a[aria-label="Facebook"] svg[b-gca7g4oex1], .flora-v4026-footer-socials a[aria-label="TikTok"] svg[b-gca7g4oex1] { fill: currentColor !important; stroke: currentColor !important; } /* ========================================================== EN ALT ========================================================== */ .flora-v4026-footer-bottom[b-gca7g4oex1] { position: relative !important; z-index: 3 !important; width: min(100%, 1750px) !important; min-height: 90px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 30px !important; } .flora-v4026-footer-copyright[b-gca7g4oex1] { display: flex !important; align-items: center !important; gap: 15px !important; } .flora-v4026-footer-copyright > span[b-gca7g4oex1] { color: var(--footer-gold) !important; font-family: Georgia, serif !important; font-size: 25px !important; } .flora-v4026-footer-copyright p[b-gca7g4oex1] { margin: 0 !important; color: rgba(255,249,237,.83) !important; font-size: 13px !important; } /* PAYMENT */ .flora-v4026-payment[b-gca7g4oex1] { display: flex !important; align-items: center !important; gap: 29px !important; color: #eee4d0 !important; } .flora-v4026-visa[b-gca7g4oex1] { font-family: Georgia, serif !important; font-size: 27px !important; font-weight: 800 !important; letter-spacing: -.06em !important; } .flora-v4026-mastercard[b-gca7g4oex1] { position: relative !important; width: 54px !important; height: 30px !important; display: inline-block !important; } .flora-v4026-mastercard i[b-gca7g4oex1], .flora-v4026-mastercard b[b-gca7g4oex1] { position: absolute !important; top: 3px !important; width: 27px !important; height: 27px !important; border: 1px solid #eee4d0 !important; border-radius: 50% !important; background: rgba(238,228,208,.92) !important; } .flora-v4026-mastercard i[b-gca7g4oex1] { left: 5px !important; } .flora-v4026-mastercard b[b-gca7g4oex1] { right: 5px !important; background: rgba(238,228,208,.70) !important; } .flora-v4026-troy[b-gca7g4oex1] { font-family: Arial, sans-serif !important; font-size: 25px !important; font-style: italic !important; font-weight: 800 !important; } .flora-v4026-iyzico[b-gca7g4oex1] { display: flex !important; flex-direction: column !important; align-items: center !important; font-family: Arial, sans-serif !important; font-size: 22px !important; font-weight: 800 !important; line-height: .9 !important; } .flora-v4026-iyzico small[b-gca7g4oex1] { margin-top: 5px !important; font-size: 8px !important; font-weight: 600 !important; } /* ========================================================== 1250 PX ========================================================== */ @media(max-width:1250px) { .flora-v4026-footer[b-gca7g4oex1] { padding: 50px 38px 0 !important; } .flora-v4026-footer-main[b-gca7g4oex1] { grid-template-columns: 1.25fr .8fr .8fr .9fr !important; gap: 30px !important; } .flora-v4026-footer-column-border[b-gca7g4oex1] { padding-left: 30px !important; } .flora-v4026-footer-services[b-gca7g4oex1] { grid-template-columns: repeat(2, 1fr) auto !important; row-gap: 20px !important; } .flora-v4026-footer-socials[b-gca7g4oex1] { grid-column: 3 !important; grid-row: 1 / span 2 !important; } } /* ========================================================== TABLET ========================================================== */ @media(max-width:900px) { .flora-v4026-footer[b-gca7g4oex1] { padding: 42px 25px 0 !important; } .flora-v4026-footer-main[b-gca7g4oex1] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } .flora-v4026-footer-brand[b-gca7g4oex1] { grid-column: 1 / -1 !important; } .flora-v4026-footer-logo-frame[b-gca7g4oex1] { margin-left: 0 !important; } .flora-v4026-footer-column-border[b-gca7g4oex1] { padding-left: 0 !important; border-left: 0 !important; } .flora-v4026-footer-services[b-gca7g4oex1] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } .flora-v4026-footer-socials[b-gca7g4oex1] { grid-column: 1 / -1 !important; grid-row: auto !important; padding: 12px 0 0 !important; } } /* ========================================================== TELEFON ========================================================== */ @media(max-width:600px) { .flora-v4026-footer[b-gca7g4oex1] { padding: 36px 18px 0 !important; border-radius: 22px 22px 0 0 !important; } .flora-v4026-footer-main[b-gca7g4oex1] { grid-template-columns: 1fr !important; gap: 20px !important; } .flora-v4026-footer-brand[b-gca7g4oex1] { grid-column: auto !important; } .flora-v4026-footer-brand-name[b-gca7g4oex1] { font-size: 27px !important; white-space: normal !important; } .flora-v4026-footer-flora-line[b-gca7g4oex1] { width: 100% !important; } .flora-v4026-footer-column[b-gca7g4oex1] { min-height: 0 !important; padding: 20px 0 !important; border-top: 1px solid rgba(210,164,77,.14) !important; } .flora-v4026-footer-services[b-gca7g4oex1] { grid-template-columns: 1fr !important; } .flora-v4026-service[b-gca7g4oex1] { padding: 16px 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(210,164,77,.14) !important; } .flora-v4026-footer-socials[b-gca7g4oex1] { justify-content: center !important; flex-wrap: wrap !important; } .flora-v4026-footer-bottom[b-gca7g4oex1] { padding: 22px 0 !important; flex-direction: column !important; align-items: flex-start !important; } .flora-v4026-payment[b-gca7g4oex1] { width: 100% !important; justify-content: space-between !important; gap: 15px !important; } } /* FLORA_V40_26_EXACT_FOOTER_END */ /* FLORA_V40_26_1_GAP_START */ /* Kampanya kutusu ile footer artik birbirine yapisik degil. Tasarimdaki krem bosluk korunur. */ .newsletter[b-gca7g4oex1] { margin-bottom: 0 !important; } /* V40.26 footer'daki margin:0 override edilir */ .flora-footer.flora-v4026-footer[b-gca7g4oex1] { margin-top: 72px !important; } /* Iki panelin kavisleri belirgin kalsin */ .newsletter[b-gca7g4oex1] { border-radius: 0 0 26px 26px !important; } .flora-v4026-footer[b-gca7g4oex1] { border-radius: 28px 28px 0 0 !important; } /* Tablet */ @media(max-width: 900px) { .flora-footer.flora-v4026-footer[b-gca7g4oex1] { margin-top: 55px !important; } } /* Telefon */ @media(max-width: 600px) { .flora-footer.flora-v4026-footer[b-gca7g4oex1] { margin-top: 38px !important; } } /* FLORA_V40_26_1_GAP_END */ /* ============================================================ FLORA_V40_50_HERO_SLIDER_NO_LEFT_GAP ONEMLI: Eski floraV39HeroIn animasyonu hero elementini translateX(22px) ile saga kaydiriyordu. Yeni animasyon HERO CERCEVESINI HAREKET ETTIRMEZ. Boylece gecis aninda solda beyaz piksel/bosluk OLUSMAZ. ============================================================ */ /* Hero cercevesi her an tam kendi konumunda kalir. */ .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1] { transform: none !important; animation: floraV4050HeroNoGap-b-gca7g4oex1 .50s cubic-bezier(.22,.68,.22,1) both !important; overflow: hidden !important; background-size: cover !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; transform-origin: center center !important; } /* Slider gecisi devam ediyor. Fakat artik ana kutuda X/Y hareketi YOK. */ @keyframes floraV4050HeroNoGap-b-gca7g4oex1 { from { opacity: .72; filter: saturate(.90); } to { opacity: 1; filter: none; } } /* Metin tarafinda cok hafif hareket hissi korunur. Bu hareket HERO CERCEVESINI hareket ettirmez; dolayisiyla kenarda beyaz alan acamaz. */ .flora-page .hero-section.flora-v38-hero-slide .hero-content[b-gca7g4oex1] { animation: floraV4050HeroContentIn-b-gca7g4oex1 .46s cubic-bezier(.22,.68,.22,1) both !important; } @keyframes floraV4050HeroContentIn-b-gca7g4oex1 { from { opacity: .84; transform: translateX(12px); } to { opacity: 1; transform: translateX(0); } } /* Render / GPU kaynakli 1px seam riskine karsi. */ .flora-page .hero-section[b-gca7g4oex1] { contain: paint !important; clip-path: inset( 0 0 0 0 round 0 0 28px 28px ) !important; } @media (max-width:680px) { .flora-page .hero-section[b-gca7g4oex1] { clip-path: inset( 0 0 0 0 round 0 0 22px 22px ) !important; } } @media (prefers-reduced-motion:reduce) { .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v38-hero-slide .hero-content[b-gca7g4oex1] { animation: none !important; transform: none !important; } } /* FLORA_V40_50_HERO_SLIDER_NO_LEFT_GAP_END */ /* ============================================================ FLORA_V40_50_1_REAL_SLIDE_NO_GAP MANTIK: Hero kutusu SABIT kalir. Ayni hero fotografi ::before katmaninda kayar. Altta asil hero fotografi her zaman durdugu icin kayma sirasinda beyaz bosluk acilamaz. ============================================================ */ /* ============================================================ 1. HERO KUTUSU SABIT + KOSELER DUZ ============================================================ */ .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1] { position: relative !important; overflow: hidden !important; /* Beyaz boslugu engelleyen asil kural */ transform: none !important; /* Eski V40.50 fade animasyonu hero kutusunu artik yonetmesin */ animation: none !important; /* KOSeler tamamen DUZ */ border-radius: 0 !important; /* V40.50'de eklenen round clip kesin iptal */ clip-path: none !important; -webkit-clip-path: none !important; /* Fotograf ayarlari korunur */ background-repeat: no-repeat !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } /* Mobilde de koseler DUZ */ @media (max-width: 680px) { .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1] { border-radius: 0 !important; clip-path: none !important; -webkit-clip-path: none !important; } } /* ============================================================ 2. GERCEK KAYAN FOTOGRAF KATMANI ============================================================ */ .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1]::before { content: "" !important; display: block !important; position: absolute !important; z-index: 0 !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; /* Parent'taki AKTIF SLAYT fotografini aynen al. Inline background-image de buna dahildir. */ background-image: inherit !important; background-size: inherit !important; background-position: inherit !important; background-repeat: no-repeat !important; background-color: inherit !important; pointer-events: none !important; /* scale sayesinde fotograf saga kayarken dahi sol tarafta bosluk acilamaz. */ transform-origin: center center !important; animation: floraV40501RealSlide-b-gca7g4oex1 .56s cubic-bezier(.22,.68,.22,1) both !important; will-change: transform, opacity !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } /* ESKI KAYMA HISSI: sagdan gelir -> yerine oturur. Ancak bu kez SECTION degil, SECTION ICINDEKI fotograf katmani hareket eder. */ @keyframes floraV40501RealSlide-b-gca7g4oex1 { 0% { opacity: .88; transform: translate3d(30px,0,0) scale(1.055); } 100% { opacity: 1; transform: translate3d(0,0,0) scale(1); } } /* ============================================================ 3. ICERIK HER ZAMAN KAYAN FOTOGRAFIN USTUNDE ============================================================ */ .flora-page .hero-section.flora-v38-hero-slide .hero-content[b-gca7g4oex1] { position: relative !important; z-index: 3 !important; /* Metinde de hafif kayma hissi. Ana hero kutusunu hareket ettirmez. */ animation: floraV40501ContentSlide-b-gca7g4oex1 .50s cubic-bezier(.22,.68,.22,1) both !important; } @keyframes floraV40501ContentSlide-b-gca7g4oex1 { from { opacity: .88; transform: translate3d(20px,0,0); } to { opacity: 1; transform: translate3d(0,0,0); } } /* ============================================================ 4. OZEL TURLER HOTSPOTLARI KORUNUR ============================================================ */ .flora-page .hero-section .flora-v40-exact-special-hotspots[b-gca7g4oex1] { z-index: 10 !important; } /* ============================================================ 5. SLIDER GOSTERGELERI KORUNUR ============================================================ */ .flora-page .hero-section .flora-v39-hero-indicators[b-gca7g4oex1], .flora-page .hero-section .flora-premium-hero-dots[b-gca7g4oex1], .flora-page .hero-section .hero-slider-controls[b-gca7g4oex1] { z-index: 20 !important; } /* ============================================================ 6. 2. SLAYT - OZEL TURLER TAM GORSEL ORANI KESIN KORUNUR ============================================================ */ .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1] { border-radius: 0 !important; clip-path: none !important; -webkit-clip-path: none !important; /* MEVCUT 2008x630 exact tasarimina DOKUNMA. */ background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; } .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1]::before { background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; } /* Ozel Turler slaydinda normal hero-content zaten gizli. Onun layout'una dokunulmaz. */ .flora-page .hero-section.flora-v40-exact-special-slide .hero-content[b-gca7g4oex1] { animation: none !important; } /* ============================================================ 7. 3. SLAYT - PACKAGING ============================================================ */ .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { border-radius: 0 !important; clip-path: none !important; -webkit-clip-path: none !important; background-position: center center !important; background-repeat: no-repeat !important; } .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1]::before { background-position: center center !important; background-repeat: no-repeat !important; } /* Packaging slide kendi yazisini gorselde tasiyor. Mevcut gizli hero-content yapisi korunur. */ .flora-page .hero-section.flora-v40-packaging-slide .hero-content[b-gca7g4oex1] { animation: none !important; } /* ============================================================ 8. MOBIL ============================================================ */ @media (max-width: 700px) { .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1] { border-radius: 0 !important; clip-path: none !important; -webkit-clip-path: none !important; } .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1]::before { animation-duration: .52s !important; } .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1]::before { background-size: 100% 100% !important; background-position: center center !important; } .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1]::before { background-position: center center !important; } } /* ============================================================ 9. REDUCED MOTION ============================================================ */ @media (prefers-reduced-motion: reduce) { .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1]::before, .flora-page .hero-section.flora-v38-hero-slide .hero-content[b-gca7g4oex1] { animation: none !important; transform: none !important; } } /* FLORA_V40_50_1_REAL_SLIDE_NO_GAP_END */ /* ============================================================ FLORA_V40_50_2_ALL_SLIDES_MOTION Tum slider fotograflari AYNI gecis animasyonunu kullanir. Hero kutusu sabit kalir. Beyaz alan acilmaz. ============================================================ */ /* ============================================================ HERO CERCEVESI - HER SLAYTTA SABIT ============================================================ */ .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { position: relative !important; overflow: hidden !important; transform: none !important; animation: none !important; border-radius: 0 !important; clip-path: none !important; -webkit-clip-path: none !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } /* ============================================================ TUM SLAYTLARDA KAYAN FOTOGRAF KATMANI ============================================================ */ .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1]::before, .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1]::before, .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1]::before { content: "" !important; display: block !important; position: absolute !important; z-index: 1 !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; background-image: inherit !important; background-color: inherit !important; background-position: inherit !important; background-size: inherit !important; background-repeat: no-repeat !important; transform-origin: center center !important; animation: floraV40502AllSlideMotion-b-gca7g4oex1 .62s cubic-bezier(.22,.68,.22,1) both !important; will-change: transform, opacity !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } /* ============================================================ ANA KAYMA EFEKTI ============================================================ */ @keyframes floraV40502AllSlideMotion-b-gca7g4oex1 { 0% { opacity: .94; transform: translate3d(46px,0,0) scale(1.055); } 100% { opacity: 1; transform: translate3d(0,0,0) scale(1); } } /* ============================================================ NORMAL 1. SLAYT Metin de hafif kaymaya devam eder. ============================================================ */ .flora-page .hero-section.flora-v38-hero-slide .hero-content[b-gca7g4oex1] { position: relative !important; z-index: 5 !important; animation: floraV40502ContentMotion-b-gca7g4oex1 .56s cubic-bezier(.22,.68,.22,1) both !important; } @keyframes floraV40502ContentMotion-b-gca7g4oex1 { from { opacity: .90; transform: translate3d(22px,0,0); } to { opacity: 1; transform: translate3d(0,0,0); } } /* ============================================================ 2. SLAYT - OZEL TURLER Exact 2008x630 tasarim DEGISTIRILMEZ. Sadece fotograf katmani kayar. ============================================================ */ .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1] { border-radius: 0 !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; } .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1]::before { content: "" !important; display: block !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; animation: floraV40502SpecialSlideMotion-b-gca7g4oex1 .62s cubic-bezier(.22,.68,.22,1) both !important; } /* 100% 100% gorselde kayma daha belirgin olsun. Hafif ekstra scale kullanilir. */ @keyframes floraV40502SpecialSlideMotion-b-gca7g4oex1 { 0% { opacity: .96; transform: translate3d(46px,0,0) scale(1.065); } 100% { opacity: 1; transform: translate3d(0,0,0) scale(1); } } /* Bu slide'da dinamik yazilar zaten gizli. Mevcut davranis aynen korunur. */ .flora-page .hero-section.flora-v40-exact-special-slide .hero-content[b-gca7g4oex1] { animation: none !important; } /* Hotspotlar fotograf katmaninin ustunde */ .flora-page .hero-section.flora-v40-exact-special-slide .flora-v40-exact-special-hotspots[b-gca7g4oex1] { position: absolute !important; z-index: 15 !important; } /* ============================================================ 3. SLAYT - PACKAGING Packaging de ayni sekilde kayar. ============================================================ */ .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { border-radius: 0 !important; background-position: center center !important; background-repeat: no-repeat !important; } .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1]::before { content: "" !important; display: block !important; background-position: center center !important; background-repeat: no-repeat !important; animation: floraV40502PackagingMotion-b-gca7g4oex1 .62s cubic-bezier(.22,.68,.22,1) both !important; } @keyframes floraV40502PackagingMotion-b-gca7g4oex1 { 0% { opacity: .95; transform: translate3d(46px,0,0) scale(1.055); } 100% { opacity: 1; transform: translate3d(0,0,0) scale(1); } } /* Packaging kendi yazisini fotografin icinde tasiyor. Dinamik hero-content gizli kalir. */ .flora-page .hero-section.flora-v40-packaging-slide .hero-content[b-gca7g4oex1] { animation: none !important; } /* ============================================================ SLIDER INDICATORLARI HER ZAMAN USTTE ============================================================ */ .flora-page .hero-section .flora-v39-hero-indicators[b-gca7g4oex1], .flora-page .hero-section .flora-premium-hero-dots[b-gca7g4oex1], .flora-page .hero-section .hero-slider-controls[b-gca7g4oex1] { position: absolute !important; z-index: 25 !important; } /* ============================================================ KOSLER HER YERDE DUZ ============================================================ */ .flora-page .hero-section[b-gca7g4oex1], .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { border-radius: 0 !important; clip-path: none !important; -webkit-clip-path: none !important; } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 700px) { .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { border-radius: 0 !important; clip-path: none !important; -webkit-clip-path: none !important; } .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1]::before, .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1]::before, .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1]::before { animation-duration: .56s !important; } .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1]::before { background-size: 100% 100% !important; background-position: center center !important; } } /* ============================================================ REDUCED MOTION ============================================================ */ @media (prefers-reduced-motion: reduce) { .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1]::before, .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1]::before, .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1]::before, .flora-page .hero-section.flora-v38-hero-slide .hero-content[b-gca7g4oex1] { animation: none !important; transform: none !important; } } /* FLORA_V40_50_2_ALL_SLIDES_MOTION_END */ /* ============================================================ FLORA_V40_50_3_SAME_SLIDE_HEIGHT 3 SLAYT AYNI YUKSEKLIK. SAYFA ARTIK SLIDE GECISINDE YUKARI-ASAGI OYNAMAZ. ============================================================ */ /* ============================================================ DESKTOP - TUM SLAYTLAR 590PX ============================================================ */ .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { width: 100% !important; height: 590px !important; min-height: 590px !important; max-height: 590px !important; /* 2. slayttaki eski 2008/630 aspect-ratio artik slider yuksekligini degistiremez. */ aspect-ratio: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: hidden !important; border-radius: 0 !important; } /* ============================================================ NORMAL SLAYT ICERIGI DE AYNI YUKSEKLIK ============================================================ */ .flora-page .hero-section.flora-v38-hero-slide .hero-content[b-gca7g4oex1] { height: 590px !important; min-height: 590px !important; max-height: 590px !important; } /* ============================================================ 2. SLAYT - OZEL TURLER GORSEL DAVRANISI KORUNUR ============================================================ */ .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1] { height: 590px !important; min-height: 590px !important; max-height: 590px !important; aspect-ratio: auto !important; /* Mevcut exact gorsel tasarimini degistirme. */ background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; } .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1]::before { height: 100% !important; min-height: 100% !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; } /* ============================================================ 3. SLAYT - PACKAGING ============================================================ */ .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { height: 590px !important; min-height: 590px !important; max-height: 590px !important; aspect-ratio: auto !important; background-position: center center !important; background-repeat: no-repeat !important; } .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1]::before { height: 100% !important; min-height: 100% !important; background-position: center center !important; background-repeat: no-repeat !important; } /* ============================================================ TABLET TUM SLAYTLAR 500PX ============================================================ */ @media (max-width: 800px) { .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { height: 500px !important; min-height: 500px !important; max-height: 500px !important; aspect-ratio: auto !important; } .flora-page .hero-section.flora-v38-hero-slide .hero-content[b-gca7g4oex1] { height: 500px !important; min-height: 500px !important; max-height: 500px !important; } } /* ============================================================ MOBILE TUM SLAYTLAR 455PX ============================================================ */ @media (max-width: 520px) { .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { height: 455px !important; min-height: 455px !important; max-height: 455px !important; aspect-ratio: auto !important; border-radius: 0 !important; } .flora-page .hero-section.flora-v38-hero-slide .hero-content[b-gca7g4oex1] { height: 455px !important; min-height: 455px !important; max-height: 455px !important; } } /* FLORA_V40_50_3_SAME_SLIDE_HEIGHT_END */ /* ============================================================ FLORA_V40_50_4_UNIFIED_SMOOTH_SLIDE 1 / 2 / 3 AYNI ANIMASYON. Section saga dogru %2.15 baslar. Scale 1.055 oldugu icin sol kenar yine tamamen kapali kalir. Matematik: scale fazlasi = %5.5 her kenara = %2.75 yatay hareket = %2.15 Sol tarafta hala yaklasik %0.60 overscan kalir. BEYAZ BOSLUK ACILMAZ. ============================================================ */ /* ============================================================ 1. ONCEKI PSEUDO SLIDE KATMANLARINI KAPAT ============================================================ */ .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1]::before, .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1]::before, .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1]::before { content: none !important; display: none !important; animation: none !important; transform: none !important; } /* ============================================================ 2. TUM SLAYTLARA TEK ANIMASYON ============================================================ */ .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1] { /* V40.50.3'teki SABIT yuksekliklere DOKUNULMAZ. */ position: relative !important; overflow: hidden !important; border-radius: 0 !important; clip-path: none !important; -webkit-clip-path: none !important; transform-origin: center center !important; animation: floraV40504UnifiedHeroSlide-b-gca7g4oex1 .72s cubic-bezier(.22,.68,.22,1) both !important; will-change: transform, filter !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } /* ============================================================ TEK AKICI GECIS ============================================================ */ @keyframes floraV40504UnifiedHeroSlide-b-gca7g4oex1 { 0% { /* Saga dogru kayarak gelir. Scale beyaz boslugu engeller. */ transform: translate3d(2.15%,0,0) scale(1.055); filter: saturate(.92) brightness(.96); } 58% { /* Çok hafif yumusak fren. "tak" hissini keser. */ transform: translate3d(-.10%,0,0) scale(1.004); filter: saturate(.99) brightness(.995); } 100% { transform: translate3d(0,0,0) scale(1); filter: none; } } /* ============================================================ 3. ILK SLAYTIN EKSTRA METIN ANIMASYONUNU KAPAT BOYLECE 1 / 2 / 3 GERCEKTEN AYNI HIZDA KAYAR ============================================================ */ .flora-page .hero-section.flora-v38-hero-slide .hero-content[b-gca7g4oex1] { animation: none !important; } /* ============================================================ 4. 2. SLAYT EXACT GORSEL KORUNUR ============================================================ */ .flora-page .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1] { /* V40.50.3 yukseklikleri korunur. */ aspect-ratio: auto !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; border-radius: 0 !important; } /* ============================================================ 5. 3. SLAYT PACKAGING KORUNUR ============================================================ */ .flora-page .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { background-position: center center !important; background-repeat: no-repeat !important; border-radius: 0 !important; } /* ============================================================ 6. HOTSPOT VE INDICATORLAR KORUNUR ============================================================ */ .flora-page .hero-section .flora-v40-exact-special-hotspots[b-gca7g4oex1] { z-index: 15 !important; } .flora-page .hero-section .flora-v39-hero-indicators[b-gca7g4oex1], .flora-page .hero-section .flora-premium-hero-dots[b-gca7g4oex1], .flora-page .hero-section .hero-slider-controls[b-gca7g4oex1] { z-index: 25 !important; } /* ============================================================ 7. GPU / SUBPIXEL SEAM KORUMASI ============================================================ */ .flora-page[b-gca7g4oex1] { overflow-x: clip !important; } .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1] { /* Transform sirasinda tarayici kenarinda 1px seam olusmasini azaltir. */ outline: 1px solid transparent !important; -webkit-font-smoothing: antialiased !important; } /* ============================================================ 8. MOBILDE DE AYNI EFEKT ============================================================ */ @media (max-width:700px) { .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1] { border-radius: 0 !important; animation-duration: .68s !important; } } /* ============================================================ 9. REDUCED MOTION ============================================================ */ @media (prefers-reduced-motion:reduce) { .flora-page .hero-section.flora-v38-hero-slide[b-gca7g4oex1] { animation: none !important; transform: none !important; filter: none !important; } } /* FLORA_V40_50_4_UNIFIED_SMOOTH_SLIDE_END */ /* ============================================================ FLORA_V40_50_5_TRUE_HORIZONTAL_SLIDER GERCEK SLIDER. Resimler ayni flex track icinde yan yana. Track fiziksel olarak kayar. ============================================================ */ /* ============================================================ VIEWPORT ============================================================ */ .flora-page .flora-v40505-hero-viewport[b-gca7g4oex1] { position: relative !important; width: 100% !important; max-width: none !important; height: 590px !important; min-height: 590px !important; max-height: 590px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; /* Herhangi bir subpixel seam olsa bile ASLA beyaz gorunmesin. */ background: #063c29 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; isolation: isolate !important; } /* ============================================================ TRACK ============================================================ */ .flora-page .flora-v40505-hero-track[b-gca7g4oex1] { position: relative !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: stretch !important; gap: 0 !important; /* Track disari tasar. Viewport bunu keser. */ overflow: visible !important; background: #063c29 !important; will-change: transform !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } /* ============================================================ HER SLIDE = TAM 1 VIEWPORT ============================================================ */ .flora-page .flora-v40505-hero-track > .flora-v40505-track-slide[b-gca7g4oex1] { position: relative !important; flex: 0 0 100% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; aspect-ratio: auto !important; /* ESKI V40.50.1/2/4 section animationlarini tamamen kapat. ARTIK section ayri ayri animasyon yapmiyor. SADECE TRACK KAYIYOR. */ animation: none !important; transform: none !important; transition: none !important; border: 0 !important; border-radius: 0 !important; overflow: hidden !important; background-repeat: no-repeat !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; /* Inaktif / clone slide butonlari tiklanamaz. */ pointer-events: none !important; } .flora-page .flora-v40505-hero-track > .flora-v40505-track-slide.flora-v40505-active[b-gca7g4oex1] { pointer-events: auto !important; } /* ============================================================ ONCEKI FAKE SLIDER PSEUDO KATMANLARINI KAPAT ============================================================ */ .flora-page .flora-v40505-hero-track > .flora-v40505-track-slide[b-gca7g4oex1]::before { content: none !important; display: none !important; animation: none !important; transform: none !important; } /* ============================================================ NORMAL SLIDE ============================================================ */ .flora-page .flora-v40505-hero-track > .flora-v40505-track-slide:not(.flora-v40-exact-special-slide)[b-gca7g4oex1] { background-size: cover !important; background-position: center center !important; } /* ============================================================ 2. SLIDE - OZEL TURLER EXACT TASARIM KORUNUYOR ============================================================ */ .flora-page .flora-v40505-hero-track > .flora-v40-exact-special-slide[b-gca7g4oex1] { width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; aspect-ratio: auto !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; border-radius: 0 !important; } /* ============================================================ 3. SLIDE - PACKAGING ============================================================ */ .flora-page .flora-v40505-hero-track > .flora-v40-packaging-slide[b-gca7g4oex1] { width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border-radius: 0 !important; } /* ============================================================ HERO CONTENT ============================================================ */ .flora-page .flora-v40505-hero-track .hero-content[b-gca7g4oex1] { position: relative !important; z-index: 10 !important; /* ARTIK METIN AYRICA KAYMAZ. RESIM + METIN BIRLIKTE GERCEK SLIDE OLARAK KAYAR. */ animation: none !important; transform: none !important; } /* 2. ve 3. slaytin mevcut "gorselin icinde kendi yazisi var" davranisi ESKI CSS tarafindan korunur. */ /* ============================================================ HOTSPOTS ============================================================ */ .flora-page .flora-v40505-hero-track .flora-v40-exact-special-hotspots[b-gca7g4oex1] { z-index: 30 !important; } /* ============================================================ INDICATOR TRACK ILE KAYMAZ ============================================================ */ .flora-page .flora-v40505-hero-viewport > .flora-v39-hero-indicators[b-gca7g4oex1] { position: absolute !important; z-index: 100 !important; left: 50% !important; bottom: 18px !important; transform: translateX(-50%) !important; } /* ============================================================ BEYAZ BOSLUK / SEAM KORUMASI ============================================================ */ .flora-page .flora-v40505-hero-viewport[b-gca7g4oex1], .flora-page .flora-v40505-hero-track[b-gca7g4oex1], .flora-page .flora-v40505-track-slide[b-gca7g4oex1] { box-sizing: border-box !important; } /* Track'in kenarinda beyaz arka plan kullanma. */ .flora-page .flora-v40505-hero-track[b-gca7g4oex1] { background-color: #063c29 !important; } /* ============================================================ TABLET - TUM SLIDER 500PX ============================================================ */ @media (max-width:800px) { .flora-page .flora-v40505-hero-viewport[b-gca7g4oex1] { height: 500px !important; min-height: 500px !important; max-height: 500px !important; } .flora-page .flora-v40505-hero-track > .flora-v40505-track-slide[b-gca7g4oex1] { height: 100% !important; min-height: 100% !important; max-height: 100% !important; } } /* ============================================================ MOBILE - TUM SLIDER 455PX ============================================================ */ @media (max-width:520px) { .flora-page .flora-v40505-hero-viewport[b-gca7g4oex1] { height: 455px !important; min-height: 455px !important; max-height: 455px !important; border-radius: 0 !important; } .flora-page .flora-v40505-hero-track > .flora-v40505-track-slide[b-gca7g4oex1] { height: 100% !important; min-height: 100% !important; max-height: 100% !important; border-radius: 0 !important; } } /* ============================================================ REDUCED MOTION ============================================================ */ @media (prefers-reduced-motion:reduce) { .flora-page .flora-v40505-hero-track[b-gca7g4oex1] { transition: none !important; } } /* FLORA_V40_50_5_TRUE_HORIZONTAL_SLIDER_END */ /* ============================================================ FLORA_V47_1_MOBILE_HOME_ONLY SADECE TELEFON: max-width:700px PC / DESKTOP KURALLARINA DOKUNMAZ. ============================================================ */ @media (max-width:700px) { /* ======================================================== 1. UST KARGO BANDI ======================================================== */ .flora-v4016-shipping[b-gca7g4oex1] { width:100% !important; max-width:100% !important; height:34px !important; min-height:34px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; } .flora-v4016-shipping-track[b-gca7g4oex1] { width:100% !important; min-width:0 !important; height:34px !important; min-height:34px !important; display:block !important; transform:none !important; animation:none !important; } .flora-v4016-shipping-set[b-gca7g4oex1] { width:100% !important; min-width:0 !important; height:34px !important; display:grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; align-items:center !important; gap:0 !important; margin:0 !important; padding:0 8px !important; box-sizing:border-box !important; } /* mobilde ikinci marquee kopyasini gizle */ .flora-v4016-shipping-set:not(:first-child)[b-gca7g4oex1] { display:none !important; } .flora-v4016-shipping-set span[b-gca7g4oex1] { display:none !important; min-width:0 !important; padding:0 5px !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; text-align:center !important; font-size:8.5px !important; line-height:1 !important; letter-spacing:.02em !important; } .flora-v4016-shipping-set span:nth-of-type(1)[b-gca7g4oex1], .flora-v4016-shipping-set span:nth-of-type(2)[b-gca7g4oex1] { display:block !important; } .flora-v4016-shipping-set b[b-gca7g4oex1] { display:none !important; } /* ======================================================== 2. HEADER Logo + Favori + Hesap + Sepet ======================================================== */ .flora-header[b-gca7g4oex1] { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; } .flora-header .header-main[b-gca7g4oex1] { width:calc(100% - 24px) !important; max-width:none !important; min-height:0 !important; margin:0 auto !important; padding:18px 0 14px !important; display:grid !important; grid-template-columns: minmax(0,1fr) auto !important; grid-template-rows: auto auto !important; column-gap:8px !important; row-gap:14px !important; align-items:center !important; box-sizing:border-box !important; } /* LOGO / MARKA */ .flora-header .brand[b-gca7g4oex1] { min-width:0 !important; max-width:165px !important; margin:0 !important; overflow:hidden !important; } .flora-header .brand-logo[b-gca7g4oex1] { width:42px !important; height:42px !important; flex:0 0 42px !important; } /* ======================================================== FAVORI + HESAP + SEPET ======================================================== */ .flora-header .header-actions[b-gca7g4oex1] { min-width:0 !important; max-width:none !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:5px !important; margin:0 !important; padding:0 !important; overflow:visible !important; } .flora-header .header-action[b-gca7g4oex1] { flex:0 0 38px !important; width:38px !important; min-width:38px !important; max-width:38px !important; height:38px !important; min-height:38px !important; display:grid !important; place-items:center !important; gap:0 !important; margin:0 !important; padding:0 !important; border-radius:50% !important; box-sizing:border-box !important; overflow:visible !important; } /* Mobilde yazilar gizlenir, ikonlar kalir */ .flora-header .header-action > span:last-child[b-gca7g4oex1] { display:none !important; } .flora-header .header-action > svg[b-gca7g4oex1], .flora-header .cart-icon-wrap svg[b-gca7g4oex1] { width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; } .flora-header .cart-icon-wrap[b-gca7g4oex1] { position:relative !important; width:24px !important; height:24px !important; display:grid !important; place-items:center !important; overflow:visible !important; } .flora-header .cart-count[b-gca7g4oex1] { position:absolute !important; top:-7px !important; right:-8px !important; min-width:17px !important; width:auto !important; height:17px !important; padding:0 4px !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:8px !important; line-height:1 !important; border-width:1px !important; box-sizing:border-box !important; z-index:20 !important; } /* ======================================================== 3. ARAMA ======================================================== */ .flora-header .search-area[b-gca7g4oex1], .flora-page .search-area[b-gca7g4oex1] { grid-column:1 / -1 !important; grid-row:2 !important; width:100% !important; max-width:none !important; height:50px !important; min-height:50px !important; margin:0 !important; border-radius:14px !important; box-sizing:border-box !important; } .flora-header .search-area input[b-gca7g4oex1], .flora-page .search-area input[type="search"][b-gca7g4oex1] { min-width:0 !important; width:100% !important; height:48px !important; padding-left:16px !important; font-size:13px !important; box-sizing:border-box !important; } .flora-header .search-area button[b-gca7g4oex1], .flora-page .search-area button[type="submit"][b-gca7g4oex1] { flex:0 0 48px !important; width:48px !important; min-width:48px !important; height:48px !important; min-height:48px !important; padding:0 !important; } /* ======================================================== 4. ANA MENU TELEFONDA: - ekran disina tasmaz - tek satir - parmakla yatay kayar ======================================================== */ .flora-header .main-nav[b-gca7g4oex1] { width:100% !important; max-width:100% !important; min-height:50px !important; display:flex !important; align-items:stretch !important; justify-content:flex-start !important; gap:4px !important; margin:0 !important; padding:0 10px !important; overflow-x:auto !important; overflow-y:hidden !important; scroll-snap-type:x proximity !important; scroll-padding-inline:10px !important; scrollbar-width:none !important; box-sizing:border-box !important; -webkit-overflow-scrolling:touch !important; } .flora-header .main-nav[b-gca7g4oex1]::-webkit-scrollbar { display:none !important; } .flora-header .main-nav a[b-gca7g4oex1] { position:relative !important; flex:0 0 auto !important; width:auto !important; height:50px !important; min-height:50px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:3px !important; padding:0 13px !important; white-space:nowrap !important; font-size:10.5px !important; line-height:1 !important; scroll-snap-align:start !important; box-sizing:border-box !important; } /* ======================================================== 5. HERO / SLIDER FOTOGRAFIN KENDISINE DOKUNULMAZ. Mobil container duzenlenir. ======================================================== */ .flora-page .hero-section[b-gca7g4oex1], .hero-section.flora-v38-hero-slide[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { width:100% !important; max-width:100% !important; min-height:480px !important; margin-left:0 !important; margin-right:0 !important; border-radius:0 !important; overflow:hidden !important; box-sizing:border-box !important; } /* ======================================================== 6. HERO SLIDER CIZGILERI Buyuk kutu yerine mobilde ince premium cizgiler. ======================================================== */ .flora-premium-hero-dots[b-gca7g4oex1], .hero-section .flora-premium-hero-dots[b-gca7g4oex1] { position:absolute !important; left:50% !important; right:auto !important; top:auto !important; bottom:14px !important; transform:translateX(-50%) !important; width:auto !important; height:auto !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; margin:0 !important; padding:7px 9px !important; border-radius:999px !important; z-index:40 !important; } .flora-premium-hero-dots button[b-gca7g4oex1], .hero-section .flora-premium-hero-dots button[b-gca7g4oex1] { flex:0 0 24px !important; width:24px !important; min-width:24px !important; max-width:24px !important; height:4px !important; min-height:4px !important; max-height:4px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:999px !important; transform:none !important; } .flora-premium-hero-dots button.active[b-gca7g4oex1], .hero-section .flora-premium-hero-dots button.active[b-gca7g4oex1] { flex-basis:38px !important; width:38px !important; min-width:38px !important; max-width:38px !important; height:4px !important; } /* eski ikinci kontrol mobilde yer kaplamasin */ .hero-slider-controls[b-gca7g4oex1] { display:none !important; } } /* FLORA_V47_1_MOBILE_HOME_ONLY_END */ /* ============================================================ FLORA_V47_2_MOBILE_SLIDER_SHIPPING_FIX SADECE MOBIL <=700PX 1) Kargo yeniden kesintisiz akar. 2) Exact 2. slayt gerçek 2008x630 oranına döner. 3) Packaging 3. slayt mobilde tamamı görünür. 4) Tek slider indicator kalır. 5) Indicator çubukları mobilde küçülür. PC / DESKTOP ETKILENMEZ. ============================================================ */ /* V47.1 shipping-track'te transform:none !important var. Transform keyframe ile kavga etmemesi için mobil marquee modern individual translate property'siyle akar. */ @keyframes floraV472MobileShipping-b-gca7g4oex1 { from { translate:0 0; } to { translate:-50% 0; } } @media (max-width:700px) { /* ======================================================== 1. MOBIL KARGO PC gibi sürekli kayan yazı. ======================================================== */ .flora-v4016-shipping[b-gca7g4oex1] { width:100% !important; max-width:100% !important; height:36px !important; min-height:36px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; } .flora-v4016-shipping-track[b-gca7g4oex1] { display:flex !important; width:max-content !important; min-width:0 !important; height:36px !important; min-height:36px !important; align-items:center !important; gap:0 !important; animation: floraV472MobileShipping-b-gca7g4oex1 28s linear infinite !important; animation-play-state:running !important; will-change:translate !important; } .flora-v4016-shipping-track:hover[b-gca7g4oex1] { animation-play-state:running !important; } /* V47.1 ikinci kopyayı gizliyordu. Kesintisiz akış için iki eş kopya tekrar aktif. */ .flora-v4016-shipping-set[b-gca7g4oex1], .flora-v4016-shipping-set:not(:first-child)[b-gca7g4oex1], .flora-v4016-shipping-set[aria-hidden="true"][b-gca7g4oex1] { display:flex !important; flex:0 0 auto !important; width:max-content !important; min-width:max-content !important; height:36px !important; min-height:36px !important; align-items:center !important; justify-content:flex-start !important; gap:16px !important; margin:0 !important; padding:0 16px !important; box-sizing:border-box !important; } /* V47.1 sadece ilk iki yazıyı gösteriyordu. Artık PC mantığındaki bütün metinler akar. */ .flora-v4016-shipping-set span[b-gca7g4oex1], .flora-v4016-shipping-set span:nth-of-type(1)[b-gca7g4oex1], .flora-v4016-shipping-set span:nth-of-type(2)[b-gca7g4oex1] { display:inline-flex !important; flex:0 0 auto !important; width:auto !important; min-width:0 !important; align-items:center !important; padding:0 !important; overflow:visible !important; text-overflow:clip !important; white-space:nowrap !important; color:#f7f1e7 !important; font-size:8.5px !important; font-weight:750 !important; line-height:1 !important; letter-spacing:.04em !important; } .flora-v4016-shipping-set .free[b-gca7g4oex1], .flora-v4016-shipping-set .fixed[b-gca7g4oex1] { width:auto !important; min-width:0 !important; text-align:left !important; } .flora-v4016-shipping-set b[b-gca7g4oex1] { display:inline-flex !important; flex:0 0 auto !important; align-items:center !important; color:#b89562 !important; font-size:8px !important; line-height:1 !important; } /* ======================================================== 2. İKİNCİ SLAYT Exact görsel = 2008 x 630. V47.1'de gelen 480px min-height iptal. Eski doğru gerçek oran geri yükleniyor. ======================================================== */ .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide.flora-v38-hero-slide[b-gca7g4oex1] { width:100% !important; max-width:100% !important; aspect-ratio:2008 / 630 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; background-size:100% 100% !important; background-position:center center !important; background-repeat:no-repeat !important; border-radius:0 !important; overflow:hidden !important; } /* Görselin kendi yazı ve CTA'ları var. Gizli hero-content section yüksekliğini büyütmesin. */ .hero-section.flora-v40-exact-special-slide .hero-content[b-gca7g4oex1] { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* ======================================================== 3. ÜÇÜNCÜ SLAYT / PACKAGING Mobilde cover yüzünden ekranın sağ/solu kesiliyordu. Aynı yatay banner çerçevesinde görselin tamamı gösterilir. PC'deki cover kuralına dokunulmaz. ======================================================== */ .hero-section.flora-v40-packaging-slide[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide.flora-v38-hero-slide[b-gca7g4oex1] { width:100% !important; max-width:100% !important; aspect-ratio:2008 / 630 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; background-size:100% 100% !important; background-position:center center !important; background-repeat:no-repeat !important; border-radius:0 !important; overflow:hidden !important; } .hero-section.flora-v40-packaging-slide .hero-content[b-gca7g4oex1] { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* ======================================================== 4. MOBILDE TEK SLIDER GOSTERGESI V47.1 premium dots'u yeniden görünür yaptı. Altta zaten flora-v39-hero-indicators var. İki sistem üst üste binmesin. ======================================================== */ .hero-section .flora-premium-hero-dots[b-gca7g4oex1], .flora-premium-hero-dots[b-gca7g4oex1] { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* ======================================================== 5. GERCEK ALT CUBUKLAR MOBILDE KÜÇÜK. ======================================================== */ .flora-v39-hero-indicators[b-gca7g4oex1] { position:absolute !important; left:50% !important; right:auto !important; top:auto !important; bottom:7px !important; transform:translateX(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:4px !important; width:auto !important; height:auto !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:4px 6px !important; border-radius:999px !important; background:rgba(10,43,22,.20) !important; backdrop-filter:blur(4px) !important; z-index:50 !important; } .flora-v39-hero-indicators button[b-gca7g4oex1] { flex:0 0 14px !important; width:14px !important; min-width:14px !important; max-width:14px !important; height:3px !important; min-height:3px !important; max-height:3px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:999px !important; background:rgba(255,255,255,.48) !important; box-shadow:none !important; transform:none !important; } .flora-v39-hero-indicators button.active[b-gca7g4oex1] { flex-basis:22px !important; width:22px !important; min-width:22px !important; max-width:22px !important; height:3px !important; min-height:3px !important; max-height:3px !important; background:#ffffff !important; } } /* FLORA_V47_2_MOBILE_SLIDER_SHIPPING_FIX_END */ /* ============================================================ FLORA_V47_3_MOBILE_HERO_2_3_REBUILD SADECE MOBIL <=700PX. MASAUSTU / PC YOK. ============================================================ */ @media (max-width:700px) { /* ======================================================== ORTAK: 2. ve 3. slaytta desktop 2008x630 zorlamasini sadece mobilde iptal et. ======================================================== */ .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide.flora-v38-hero-slide[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide.flora-v38-hero-slide[b-gca7g4oex1] { position:relative !important; width:100% !important; max-width:100% !important; aspect-ratio:auto !important; height:clamp(470px,122vw,530px) !important; min-height:470px !important; max-height:530px !important; margin:0 !important; padding:0 !important; background-size:cover !important; background-repeat:no-repeat !important; border-radius:0 !important; overflow:hidden !important; box-sizing:border-box !important; } /* ======================================================== 2. SLAYT - OZEL / NADIR Desktop gorselinin solundaki kucuk yazilar yerine mobilde gercek HTML baslik + buton kullanilir. Arka planda bitki bolgesi gorunur. ======================================================== */ .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide.flora-v38-hero-slide[b-gca7g4oex1] { background-position:72% center !important; background-size:cover !important; } /* Desktop hotspot koordinatlari 2008x630 gorsele aitti. Mobil crop'ta kullanilmaz. */ .flora-v40-exact-special-slide .flora-v40-exact-special-hotspots[b-gca7g4oex1] { display:none !important; visibility:hidden !important; pointer-events:none !important; } /* Daha once gizlenmis gercek hero-content'i SADECE MOBILDE yeniden acar. */ .hero-section.flora-v40-exact-special-slide .hero-content[b-gca7g4oex1] { position:relative !important; inset:auto !important; z-index:10 !important; width:100% !important; max-width:none !important; height:100% !important; min-height:100% !important; margin:0 !important; padding: 54px 22px 62px !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-end !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; box-sizing:border-box !important; background: linear-gradient( 90deg, rgba(3,28,18,.93) 0%, rgba(3,28,18,.76) 40%, rgba(3,28,18,.25) 69%, rgba(3,28,18,0) 100% ) !important; } .hero-section.flora-v40-exact-special-slide .hero-label[b-gca7g4oex1] { display:block !important; max-width:290px !important; margin:0 0 9px !important; color:#e7d2a0 !important; font-size:9px !important; font-weight:850 !important; line-height:1.2 !important; letter-spacing:.14em !important; text-transform:uppercase !important; text-shadow: 0 2px 10px rgba(0,0,0,.34) !important; } .hero-section.flora-v40-exact-special-slide .hero-content h1[b-gca7g4oex1] { display:block !important; width:auto !important; max-width:315px !important; margin:0 !important; color:#fffaf0 !important; font-size:clamp( 34px, 10.5vw, 44px ) !important; font-weight:500 !important; line-height:1.02 !important; letter-spacing:-.035em !important; text-shadow: 0 4px 20px rgba(0,0,0,.42) !important; } .hero-section.flora-v40-exact-special-slide .hero-content p[b-gca7g4oex1] { display:block !important; max-width:300px !important; margin:13px 0 0 !important; color:rgba(255,255,255,.90) !important; font-size:12px !important; line-height:1.55 !important; text-shadow: 0 2px 10px rgba(0,0,0,.35) !important; } .hero-section.flora-v40-exact-special-slide .flora-premium-hero-actions[b-gca7g4oex1] { display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin-top:19px !important; } .hero-section.flora-v40-exact-special-slide .primary-button[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide .flora-premium-secondary-button[b-gca7g4oex1] { min-height:43px !important; height:43px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 15px !important; border-radius:9px !important; font-size:9px !important; font-weight:900 !important; line-height:1 !important; white-space:nowrap !important; box-sizing:border-box !important; } .hero-section.flora-v40-exact-special-slide .primary-button[b-gca7g4oex1] { background:#f0d49a !important; color:#123d2a !important; border:1px solid #f0d49a !important; box-shadow: 0 9px 24px rgba(0,0,0,.16) !important; } /* ======================================================== 3. SLAYT - PAKETLEME Mobilde full-width banneri 125px'e dusurmek yerine 470-530px hero yap. Paketleme gorseli sag tarafta kalir. HTML metin solda okunur. ======================================================== */ .hero-section.flora-v40-packaging-slide[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide.flora-v38-hero-slide[b-gca7g4oex1] { background-position:72% center !important; background-size:cover !important; background-color:#f5eee2 !important; } .hero-section.flora-v40-packaging-slide .hero-content[b-gca7g4oex1] { position:relative !important; inset:auto !important; z-index:10 !important; width:100% !important; max-width:none !important; height:100% !important; min-height:100% !important; margin:0 !important; padding: 54px 22px 62px !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-end !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; box-sizing:border-box !important; background: linear-gradient( 90deg, rgba(249,245,236,.98) 0%, rgba(249,245,236,.91) 39%, rgba(249,245,236,.52) 62%, rgba(249,245,236,.05) 100% ) !important; } .hero-section.flora-v40-packaging-slide .hero-label[b-gca7g4oex1] { display:block !important; max-width:290px !important; margin:0 0 9px !important; color:#927347 !important; font-size:9px !important; font-weight:850 !important; line-height:1.2 !important; letter-spacing:.14em !important; text-transform:uppercase !important; text-shadow:none !important; } .hero-section.flora-v40-packaging-slide .hero-content h1[b-gca7g4oex1] { display:block !important; max-width:310px !important; margin:0 !important; color:#183c2a !important; font-size:clamp( 32px, 9.8vw, 42px ) !important; font-weight:500 !important; line-height:1.02 !important; letter-spacing:-.035em !important; text-shadow:none !important; } .hero-section.flora-v40-packaging-slide .hero-content p[b-gca7g4oex1] { display:block !important; max-width:290px !important; margin:13px 0 0 !important; color:#526258 !important; font-size:12px !important; line-height:1.55 !important; text-shadow:none !important; } .hero-section.flora-v40-packaging-slide .flora-premium-hero-actions[b-gca7g4oex1] { display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin-top:19px !important; } .hero-section.flora-v40-packaging-slide .primary-button[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-premium-secondary-button[b-gca7g4oex1] { min-height:43px !important; height:43px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 15px !important; border-radius:9px !important; font-size:9px !important; font-weight:900 !important; line-height:1 !important; white-space:nowrap !important; box-sizing:border-box !important; } .hero-section.flora-v40-packaging-slide .primary-button[b-gca7g4oex1] { background:#174c34 !important; color:#fffaf0 !important; border:1px solid #174c34 !important; } /* ======================================================== ALT SLIDER CUBUKLARI V47.2 boyutu korunur. ======================================================== */ .hero-section.flora-v40-exact-special-slide .flora-v39-hero-indicators[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-v39-hero-indicators[b-gca7g4oex1] { bottom:9px !important; z-index:30 !important; } /* Eski premium dots yine kapali. */ .hero-section.flora-v40-exact-special-slide .flora-premium-hero-dots[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-premium-hero-dots[b-gca7g4oex1] { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } } /* FLORA_V47_3_MOBILE_HERO_2_3_REBUILD_END */ /* ============================================================ FLORA_V47_4_MOBILE_HERO_PC_VISUAL_ONLY SADECE MOBIL <=700PX HEDEF: - 2. ve 3. slaytta PC'deki görsel kompozisyon kullanilsin - Mobilde fark sadece boyut / crop olsun - V47.3'te acilan ekstra HTML yazi/buton katmani kapansin - PC asla etkilenmesin ============================================================ */ @media (max-width:700px) { /* ======================================================== ORTAK HERO MOBIL BOYUT ======================================================== */ .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide.flora-v38-hero-slide[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide.flora-v38-hero-slide[b-gca7g4oex1] { position:relative !important; width:100% !important; max-width:100% !important; aspect-ratio:auto !important; height:clamp(360px,96vw,460px) !important; min-height:360px !important; max-height:460px !important; margin:0 !important; padding:0 !important; background-repeat:no-repeat !important; background-size:cover !important; border-radius:0 !important; overflow:hidden !important; box-sizing:border-box !important; } /* ======================================================== 2. SLAYT PC görselini kullan, sadece mobil crop uygula. ======================================================== */ .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide.flora-v38-hero-slide[b-gca7g4oex1] { background-position:64% center !important; } /* ======================================================== 3. SLAYT PC görselini kullan, sadece mobil crop uygula. ======================================================== */ .hero-section.flora-v40-packaging-slide[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide.flora-v38-hero-slide[b-gca7g4oex1] { background-position:58% center !important; } /* ======================================================== V47.3 MOBIL HTML ICERIGI KAPAT Burada yeniden yazi/buton üretmiyoruz. Mobilde de PC’deki görsel kompozisyon kalsın. ======================================================== */ .hero-section.flora-v40-exact-special-slide .hero-content[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .hero-content[b-gca7g4oex1] { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* 2. slayttaki hotspot'lar da mobilde kapali kalsin */ .hero-section.flora-v40-exact-special-slide .flora-v40-exact-special-hotspots[b-gca7g4oex1] { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* ======================================================== ALT INDIKATORLER Kucuk mobil cubuklar aynen korunur. ======================================================== */ .hero-section.flora-v40-exact-special-slide .flora-v39-hero-indicators[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-v39-hero-indicators[b-gca7g4oex1] { position:absolute !important; left:50% !important; right:auto !important; bottom:10px !important; top:auto !important; transform:translateX(-50%) !important; z-index:40 !important; } /* Premium dots kapali kalmaya devam */ .hero-section.flora-v40-exact-special-slide .flora-premium-hero-dots[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-premium-hero-dots[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide .hero-slider-controls[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .hero-slider-controls[b-gca7g4oex1] { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } } /* FLORA_V47_4_MOBILE_HERO_PC_VISUAL_ONLY_END */ /* ============================================================ FLORA_V47_5_MOBILE_HERO_DEDICATED_ASSETS SADECE MOBIL <=700PX PC / DESKTOP ETKILENMEZ MOBILDE: - 2. slayt icin ayri gorsel - 3. slayt icin ayri gorsel - ekstra HTML overlay kapali - kucuk slider cubuklari korunur ============================================================ */ @media (max-width:700px) { /* -------------------------------------------------------- ORTAK MOBIL HERO ALANI -------------------------------------------------------- */ .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { position:relative !important; width:100% !important; max-width:100% !important; height:clamp(360px,95vw,460px) !important; min-height:360px !important; max-height:460px !important; margin:0 !important; padding:0 !important; background-repeat:no-repeat !important; background-size:cover !important; background-position:center center !important; border-radius:0 !important; overflow:hidden !important; box-sizing:border-box !important; } /* -------------------------------------------------------- 2. SLAYT - MOBIL GORSEL Dosya: /images/hero/mobile/slide-2-mobile.webp -------------------------------------------------------- */ .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1] { background-image: url('/images/hero/mobile/slide-2-mobile.webp') !important; background-size:cover !important; background-position:center center !important; } /* -------------------------------------------------------- 3. SLAYT - MOBIL GORSEL Dosya: /images/hero/mobile/slide-3-mobile.webp -------------------------------------------------------- */ .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { background-image: url('/images/hero/mobile/slide-3-mobile.webp') !important; background-size:cover !important; background-position:center center !important; } /* -------------------------------------------------------- Mobilde sonradan acilan HTML katmanlari kapali Sadece gorsel banner calissin -------------------------------------------------------- */ .hero-section.flora-v40-exact-special-slide .hero-content[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .hero-content[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide .flora-v40-exact-special-hotspots[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide .flora-premium-hero-dots[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-premium-hero-dots[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide .hero-slider-controls[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .hero-slider-controls[b-gca7g4oex1] { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* -------------------------------------------------------- Alt indikatorler kucuk kalsin -------------------------------------------------------- */ .hero-section.flora-v40-exact-special-slide .flora-v39-hero-indicators[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-v39-hero-indicators[b-gca7g4oex1] { position:absolute !important; left:50% !important; right:auto !important; bottom:10px !important; top:auto !important; transform:translateX(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:4px !important; width:auto !important; min-width:0 !important; padding:4px 6px !important; margin:0 !important; border-radius:999px !important; background:rgba(10,43,22,.20) !important; backdrop-filter:blur(4px) !important; z-index:40 !important; } .hero-section.flora-v40-exact-special-slide .flora-v39-hero-indicators button[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-v39-hero-indicators button[b-gca7g4oex1] { flex:0 0 14px !important; width:14px !important; min-width:14px !important; max-width:14px !important; height:3px !important; min-height:3px !important; max-height:3px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:999px !important; box-shadow:none !important; transform:none !important; } .hero-section.flora-v40-exact-special-slide .flora-v39-hero-indicators button.active[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-v39-hero-indicators button.active[b-gca7g4oex1] { flex-basis:22px !important; width:22px !important; min-width:22px !important; max-width:22px !important; height:3px !important; min-height:3px !important; max-height:3px !important; } } /* FLORA_V47_5_MOBILE_HERO_DEDICATED_ASSETS_END */ /* FLORA_V48_8_MOBILE_HERO_V47_5_GUARD */ @media (max-width:700px) { .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { position:relative !important; width:100% !important; max-width:100% !important; height:clamp(360px,95vw,460px) !important; min-height:360px !important; max-height:460px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background-repeat:no-repeat !important; background-size:cover !important; background-position:center center !important; border-radius:0 !important; box-sizing:border-box !important; } .hero-section.flora-v40-exact-special-slide[b-gca7g4oex1] { background-image: url('/images/hero/mobile/slide-2-mobile.webp') !important; } .hero-section.flora-v40-packaging-slide[b-gca7g4oex1] { background-image: url('/images/hero/mobile/slide-3-mobile.webp') !important; } .hero-section.flora-v40-exact-special-slide .hero-content[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .hero-content[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide .flora-v40-exact-special-hotspots[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide .flora-premium-hero-dots[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-premium-hero-dots[b-gca7g4oex1], .hero-section.flora-v40-exact-special-slide .hero-slider-controls[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .hero-slider-controls[b-gca7g4oex1] { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } .hero-section.flora-v40-exact-special-slide .flora-v39-hero-indicators[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-v39-hero-indicators[b-gca7g4oex1] { position:absolute !important; left:50% !important; right:auto !important; top:auto !important; bottom:10px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:4px !important; width:auto !important; min-width:0 !important; margin:0 !important; padding:4px 6px !important; transform:translateX(-50%) !important; z-index:40 !important; } .hero-section.flora-v40-exact-special-slide .flora-v39-hero-indicators button[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-v39-hero-indicators button[b-gca7g4oex1] { flex:0 0 14px !important; width:14px !important; min-width:14px !important; max-width:14px !important; height:3px !important; min-height:3px !important; max-height:3px !important; margin:0 !important; padding:0 !important; transform:none !important; } .hero-section.flora-v40-exact-special-slide .flora-v39-hero-indicators button.active[b-gca7g4oex1], .hero-section.flora-v40-packaging-slide .flora-v39-hero-indicators button.active[b-gca7g4oex1] { flex-basis:22px !important; width:22px !important; min-width:22px !important; max-width:22px !important; height:3px !important; } } /* FLORA_V48_8_MOBILE_HERO_V47_5_GUARD_END */ /* FLORA_V48_9_MOBILE_HERO_FULL_FILL */ @media (max-width:700px) { /* Slider viewport mevcut boyutunu korur. Track viewport'un TAM yuksekligini kullanir. */ .flora-v40505-hero-viewport[b-gca7g4oex1] { position:relative !important; overflow:hidden !important; } .flora-v40505-hero-viewport > .flora-v40505-hero-track[b-gca7g4oex1] { height:100% !important; min-height:100% !important; align-items:stretch !important; } /* SADECE 2. VE 3. SLAYT Eski 360px / 460px siniri iptal edilir. Slider viewport ne kadar yuksekse fotograf o alanin TAMAMINI kaplar. */ .flora-v40505-hero-track > .hero-section.flora-v40505-track-slide.flora-v40-exact-special-slide[b-gca7g4oex1], .flora-v40505-hero-track > .hero-section.flora-v40505-track-slide.flora-v40-packaging-slide[b-gca7g4oex1] { position:relative !important; align-self:stretch !important; width:100% !important; max-width:none !important; height:100% !important; min-height:100% !important; max-height:none !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background-repeat:no-repeat !important; background-size:cover !important; background-position:center center !important; background-attachment:scroll !important; border-radius:0 !important; box-sizing:border-box !important; } /* 2. SLAYT */ .flora-v40505-hero-track > .hero-section.flora-v40505-track-slide.flora-v40-exact-special-slide[b-gca7g4oex1] { background-image: url('/images/hero/mobile/slide-2-mobile.webp') !important; } /* 3. SLAYT */ .flora-v40505-hero-track > .hero-section.flora-v40505-track-slide.flora-v40-packaging-slide[b-gca7g4oex1] { background-image: url('/images/hero/mobile/slide-3-mobile.webp') !important; } /* Mobil gorseller zaten tasarimi icerdigi icin HTML yazi/buton overlay'leri kapali kalir. */ .flora-v40-exact-special-slide .hero-content[b-gca7g4oex1], .flora-v40-packaging-slide .hero-content[b-gca7g4oex1], .flora-v40-exact-special-slide .flora-v40-exact-special-hotspots[b-gca7g4oex1], .flora-v40-exact-special-slide .flora-premium-hero-dots[b-gca7g4oex1], .flora-v40-packaging-slide .flora-premium-hero-dots[b-gca7g4oex1], .flora-v40-exact-special-slide .hero-slider-controls[b-gca7g4oex1], .flora-v40-packaging-slide .hero-slider-controls[b-gca7g4oex1] { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* ALT SLIDER CUBUKLARI Fotograf alaninin ICINDE kalir. */ .flora-v40-exact-special-slide .flora-v39-hero-indicators[b-gca7g4oex1], .flora-v40-packaging-slide .flora-v39-hero-indicators[b-gca7g4oex1] { position:absolute !important; left:50% !important; right:auto !important; top:auto !important; bottom:18px !important; transform: translateX(-50%) !important; z-index:50 !important; } } /* FLORA_V48_9_MOBILE_HERO_FULL_FILL_END */ /* FLORA_V48_9B_MOBILE_SLIDE2_FINAL */ /* DESKTOP: Mobil link katmani tamamen kapali. */ .flora-v489b-mobile-special-links[b-gca7g4oex1] { display:none; } /* SADECE TELEFON */ @media (max-width:700px) { /* ======================================================== SLIDE 2 - HAFIF SOL TASMA DUZELTME 50% merkez yerine 45%: Gorselin sol tarafindan daha az crop yapilir. Soldaki baslik / badge / butonlar ekrana biraz daha sagdan oturur. SADECE 2. SLAYT. 3. SLAYTTA HICBIR DEGISIKLIK YOK. ======================================================== */ .flora-v40505-hero-track > .hero-section.flora-v40505-track-slide.flora-v40-exact-special-slide[b-gca7g4oex1] { background-position: 41% center !important; } /* ======================================================== GORSELDE BASILMIS BUTONLARIN UZERINE GERCEK HTML LINK KATMANI ======================================================== */ .hero-section.flora-v40-exact-special-slide > .flora-v489b-mobile-special-links[b-gca7g4oex1] { position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; z-index:60 !important; pointer-events:none !important; } .hero-section.flora-v40-exact-special-slide > .flora-v489b-mobile-special-links > .flora-v489b-special-link[b-gca7g4oex1] { position:absolute !important; display:block !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:18px !important; background:transparent !important; color:transparent !important; text-decoration:none !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; cursor:pointer !important; -webkit-tap-highlight-color: rgba(255,255,255,.10) !important; touch-action:manipulation !important; z-index:61 !important; } /* GORSELDE: OZEL TURLERI KESFET Biraz genis tutuldu ki farkli telefon ekranlarinda yazili butonun tamamini yakalasin. */ .hero-section.flora-v40-exact-special-slide > .flora-v489b-mobile-special-links > .flora-v489b-special-link-primary[b-gca7g4oex1] { left:0 !important; top:66.0% !important; width:45% !important; height:11.5% !important; } /* GORSELDE: TUM BITKILERI GOR */ .hero-section.flora-v40-exact-special-slide > .flora-v489b-mobile-special-links > .flora-v489b-special-link-all[b-gca7g4oex1] { left:0 !important; top:79.0% !important; width:43% !important; height:10.5% !important; } /* Slider indikatorleri hotspot katmaninin ustunde kalsin. */ .hero-section.flora-v40-exact-special-slide .flora-v39-hero-indicators[b-gca7g4oex1] { z-index:70 !important; pointer-events:auto !important; } } /* FLORA_V48_9B_MOBILE_SLIDE2_FINAL_END */ /* /Components/Pages/Karsilastir.razor.rz.scp.css */ .compare-page[b-leliqu96qa]{width:min(100% - 32px,1280px);margin:0 auto;padding:18px 0 72px;color:#1f2a22;font-family:var(--flora-font-family)} .compare-breadcrumb[b-leliqu96qa]{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:44px;color:#748078;font-size:13px}.compare-breadcrumb a[b-leliqu96qa]{color:#53635a;text-decoration:none}.compare-breadcrumb strong[b-leliqu96qa]{color:#263129} .compare-hero[b-leliqu96qa]{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:28px;border-radius:16px;background:linear-gradient(135deg,#063c29,#063c29);color:#fff;box-shadow:0 14px 34px rgba(6,60,41,.13)}.compare-hero span[b-leliqu96qa]{font-size: 13px;font-weight:900;letter-spacing:.11em;color:#cfe6d4}.compare-hero h1[b-leliqu96qa]{margin:7px 0;font-size:32px}.compare-hero p[b-leliqu96qa]{max-width:720px;margin:0;color:#dce9df;font-size:14px;line-height:1.65}.compare-hero button[b-leliqu96qa]{flex:0 0 auto;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size: 13px;font-weight:900;cursor:pointer} .compare-empty[b-leliqu96qa]{margin-top:20px;padding:36px;border:1px solid #dfe7e1;border-radius:14px;background:#fbfdfb;text-align:center}.compare-empty strong[b-leliqu96qa]{display:block;font-size:20px}.compare-empty p[b-leliqu96qa]{color:#6e7971;font-size:14px}.compare-empty a[b-leliqu96qa]{display:inline-flex;margin-top:8px;padding:11px 15px;border-radius:8px;background:#063c29;color:#fff;font-size: 13px;font-weight:900;text-decoration:none} .compare-grid[b-leliqu96qa]{display:grid;grid-template-columns:repeat(var(--compare-count),minmax(0,1fr));gap:14px;margin-top:20px}.compare-card[b-leliqu96qa]{position:relative;min-width:0;padding:16px;border:1px solid #dfe7e1;border-radius:14px;background:#fff;box-shadow:0 9px 25px rgba(6,60,41,.05)}.compare-remove[b-leliqu96qa]{position:absolute;top:10px;right:10px;z-index:2;width:31px;height:31px;border:1px solid #ead8d8;border-radius:50%;background:#fff;color:#a13b3b;font-size:20px;cursor:pointer}.compare-image-link[b-leliqu96qa]{display:block;overflow:hidden;border-radius:11px;background:#f3f6f3}.compare-image-link img[b-leliqu96qa]{width:100%;aspect-ratio:1/1;display:block;object-fit:contain}.compare-category[b-leliqu96qa]{display:block;margin-top:14px;color:#063c29;font-size: 13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.compare-card h2[b-leliqu96qa]{min-height:54px;margin:6px 0 10px;font-size:17px;line-height:1.35}.compare-price[b-leliqu96qa]{display:block;margin-bottom:14px;color:#063c29;font-size:22px}.compare-card dl[b-leliqu96qa]{margin:0;border-top:1px solid #e8ede9}.compare-card dl>div[b-leliqu96qa]{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px;padding:10px 0;border-bottom:1px solid #e8ede9}.compare-card dt[b-leliqu96qa]{color:#758078;font-size: 13px}.compare-card dd[b-leliqu96qa]{margin:0;color:#263129;font-size:13px;font-weight:800}.compare-detail[b-leliqu96qa]{display:flex;justify-content:center;margin-top:14px;padding:10px;border-radius:8px;background:#eef6ef;color:#063c29;font-size: 13px;font-weight:900;text-decoration:none} @media(max-width:920px){.compare-grid[b-leliqu96qa]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.compare-page[b-leliqu96qa]{width:min(100% - 22px,1280px)}.compare-hero[b-leliqu96qa]{align-items:flex-start;flex-direction:column;padding:22px}.compare-hero h1[b-leliqu96qa]{font-size:27px}.compare-grid[b-leliqu96qa]{grid-template-columns:1fr}.compare-card h2[b-leliqu96qa]{min-height:0}} /* /Components/Pages/Kategori.razor.rz.scp.css */ .category-page[b-mk4carq4zu] { --green: #063c29; --dark-green: #063c29; --light-green: #eef6ef; --border: #e1e6e2; --muted: #69706a; --danger: #c64040; --yellow: #f2ad00; width: min(100% - 40px, 1420px); margin: 0 auto; padding: 20px 0 65px; color: #1d221e; font-family: var(--flora-font-family, Arial, Helvetica, sans-serif); } /* ========================================================= BREADCRUMB ========================================================= */ .breadcrumb[b-mk4carq4zu] { min-height: 42px; display: flex; align-items: center; gap: 8px; color: #737a74; font-size: var(--flora-text-md, 12px); } .breadcrumb a[b-mk4carq4zu] { color: #737a74; text-decoration: none; } .breadcrumb strong[b-mk4carq4zu] { color: #242924; } /* ========================================================= LAYOUT ========================================================= */ .category-layout[b-mk4carq4zu] { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 30px; } /* ========================================================= SIDEBAR ========================================================= */ .filter-sidebar[b-mk4carq4zu] { padding-right: 5px; } .filter-title[b-mk4carq4zu] { padding: 14px 0 12px; border-bottom: 1px solid var(--border); font-size: var(--flora-h4, 15px); font-weight: 700; } /* CATEGORY MENU */ .category-menu[b-mk4carq4zu] { padding: 8px 0 15px; display: flex; flex-direction: column; border-bottom: 1px solid var(--border); } .category-menu a[b-mk4carq4zu] { min-height: 32px; display: flex; align-items: center; color: #555d56; font-size: var(--flora-text-md, 12px); text-decoration: none; } .category-menu a:hover[b-mk4carq4zu], .category-menu a.active[b-mk4carq4zu] { color: var(--green); font-weight: 700; } /* ========================================================= FILTER ========================================================= */ .filter-group[b-mk4carq4zu] { padding: 18px 0; border-bottom: 1px solid var(--border); } .filter-heading[b-mk4carq4zu] { margin-bottom: 13px; font-size: var(--flora-text-base, 13px); font-weight: 700; } /* CHECKBOX */ .filter-check[b-mk4carq4zu] { min-height: 31px; display: flex; align-items: center; gap: 8px; color: #575e58; font-size: var(--flora-text-md, 12px); cursor: pointer; } .filter-check input[b-mk4carq4zu] { width: 14px; height: 14px; accent-color: var(--green); } /* PRICE */ .price-values[b-mk4carq4zu] { margin-bottom: 8px; display: flex; justify-content: space-between; color: var(--muted); font-size: var(--flora-text-sm, 11px); } .price-range[b-mk4carq4zu] { width: 100%; accent-color: var(--green); } /* CLEAR */ .clear-filters[b-mk4carq4zu] { width: 100%; height: 37px; margin-top: 17px; border: 1px solid var(--green); border-radius: 4px; background: white; color: var(--green); font-size: var(--flora-button-text, 11px); font-weight: 700; cursor: pointer; } .clear-filters:hover[b-mk4carq4zu] { background: var(--green); color: white; } /* ========================================================= CATEGORY HEADER ========================================================= */ .category-head[b-mk4carq4zu] { padding: 8px 0 20px; } .category-label[b-mk4carq4zu] { display: block; margin-bottom: 7px; color: var(--green); font-size: var(--flora-label-text, 11px); font-weight: 800; letter-spacing: 1.2px; } .category-head h1[b-mk4carq4zu] { margin: 0 0 8px; font-size: var(--flora-h2, 25px); line-height: 1.1; } .category-head p[b-mk4carq4zu] { margin: 0; color: var(--muted); font-size: var(--flora-text-base, 13px); } /* ========================================================= TOOLBAR ========================================================= */ .product-toolbar[b-mk4carq4zu] { min-height: 51px; margin-bottom: 15px; padding: 8px 12px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border: 1px solid var(--border); border-radius: 5px; background: white; } .product-count[b-mk4carq4zu] { color: var(--muted); font-size: var(--flora-text-md, 12px); } .product-count strong[b-mk4carq4zu] { color: #222; } .toolbar-right[b-mk4carq4zu] { display: flex; align-items: center; gap: 8px; } .toolbar-right label[b-mk4carq4zu] { color: #626862; font-size: var(--flora-text-sm, 11px); } .toolbar-right select[b-mk4carq4zu] { width: 155px; height: 32px; padding: 0 8px; border: 1px solid #d8dcd8; border-radius: 4px; background: white; color: #333; font-size: var(--flora-text-sm, 11px); outline: none; } /* VIEW */ .view-buttons[b-mk4carq4zu] { display: flex; gap: 4px; } .view-button[b-mk4carq4zu] { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #d8dcd8; border-radius: 4px; background: white; color: #777; cursor: pointer; } .view-button svg[b-mk4carq4zu] { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; } .view-button.active[b-mk4carq4zu] { border-color: var(--green); background: var(--light-green); color: var(--green); } /* ========================================================= GRID ========================================================= */ .products-grid[b-mk4carq4zu] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .product-card[b-mk4carq4zu] { min-width: 0; position: relative; overflow: hidden; display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 6px; background: white; transition: transform .2s, box-shadow .2s; } .product-card:hover[b-mk4carq4zu] { transform: translateY(-3px); box-shadow: 0 10px 27px rgba(0,0,0,.08); } /* ========================================================= IMAGE ========================================================= */ .product-photo[b-mk4carq4zu] { height: 235px; position: relative; overflow: hidden; background: #f7f8f6; } .product-image-link[b-mk4carq4zu] { width: 100%; height: 100%; padding: 15px; display: grid; place-items: center; } .product-image-link img[b-mk4carq4zu] { width: 100%; height: 100%; object-fit: contain; } .product-badge[b-mk4carq4zu] { position: absolute; top: 10px; left: 10px; z-index: 3; padding: 5px 8px; border-radius: 30px; background: #ea5844; color: white; font-size: var(--flora-text-xs, 10px); font-weight: 700; } /* FAVORITE */ .favorite-button[b-mk4carq4zu] { position: absolute; top: 10px; right: 10px; z-index: 4; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #e2e6e2; border-radius: 50%; background: rgba(255,255,255,.95); color: #222; cursor: pointer; } .favorite-button:hover[b-mk4carq4zu] { color: var(--green); } .favorite-button svg[b-mk4carq4zu] { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; } /* ========================================================= PRODUCT BODY ========================================================= */ .product-body[b-mk4carq4zu] { padding: 13px; flex: 1; display: flex; flex-direction: column; } .product-type[b-mk4carq4zu] { color: var(--green); font-size: var(--flora-text-xs, 10px); font-weight: 700; } .product-name[b-mk4carq4zu] { min-height: 38px; margin: 6px 0; color: #1d221e; font-size: var(--flora-text-base, 13px); font-weight: 700; line-height: 1.4; text-decoration: none; } .product-name:hover[b-mk4carq4zu] { color: var(--green); } /* RATING */ .product-rating[b-mk4carq4zu] { margin-bottom: 9px; color: var(--yellow); font-size: var(--flora-text-sm, 11px); letter-spacing: .7px; } .product-rating span[b-mk4carq4zu] { margin-left: 4px; color: #888; letter-spacing: 0; } /* PROPERTIES */ .product-properties[b-mk4carq4zu] { padding: 9px 0; display: flex; flex-wrap: wrap; gap: 11px; border-top: 1px solid #eef0ee; border-bottom: 1px solid #eef0ee; color: #656b65; font-size: var(--flora-text-sm, 11px); } /* STOCK */ .stock-info[b-mk4carq4zu] { margin-top: 9px; color: var(--green); font-size: var(--flora-text-sm, 11px); } .stock-info.out[b-mk4carq4zu] { color: var(--danger); } /* FOOTER */ .product-footer[b-mk4carq4zu] { margin-top: auto; padding-top: 10px; } .price[b-mk4carq4zu] { min-height: 40px; display: flex; flex-direction: column; } .price strong[b-mk4carq4zu] { font-size: var(--flora-price-text, 14px); } .price del[b-mk4carq4zu] { margin-top: 3px; color: #909590; font-size: var(--flora-text-sm, 11px); } .cart-button[b-mk4carq4zu] { width: 100%; height: 34px; margin-top: 7px; display: grid; place-items: center; border: 0; border-radius: 3px; background: var(--green); color: white; font-size: var(--flora-button-text, 11px); font-weight: 700; text-decoration: none; cursor: pointer; } .cart-button:hover[b-mk4carq4zu] { background: var(--dark-green); color: white; } .cart-button:disabled[b-mk4carq4zu] { background: #bdc5be; cursor: not-allowed; } /* ========================================================= LIST VIEW ========================================================= */ .products-grid.list-view[b-mk4carq4zu] { grid-template-columns: 1fr; } .products-grid.list-view .product-card[b-mk4carq4zu] { min-height: 205px; display: grid; grid-template-columns: 240px 1fr; } .products-grid.list-view .product-photo[b-mk4carq4zu] { height: 100%; min-height: 205px; } .products-grid.list-view .product-body[b-mk4carq4zu] { padding: 19px; } .products-grid.list-view .product-name[b-mk4carq4zu] { min-height: auto; font-size: 17px; } .products-grid.list-view .product-footer[b-mk4carq4zu] { max-width: 300px; } /* ========================================================= EMPTY ========================================================= */ .empty-products[b-mk4carq4zu] { min-height: 350px; padding: 70px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 6px; text-align: center; } .empty-icon[b-mk4carq4zu] { margin-bottom: 10px; font-size: 40px; } .empty-products h3[b-mk4carq4zu] { margin: 0 0 8px; font-size: var(--flora-h3, 18px); } .empty-products p[b-mk4carq4zu] { margin: 0 0 18px; color: var(--muted); font-size: var(--flora-text-base, 13px); } .empty-products button[b-mk4carq4zu] { padding: 11px 17px; border: 0; border-radius: 4px; background: var(--green); color: white; font-size: var(--flora-button-text, 11px); font-weight: 700; cursor: pointer; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1100px) { .category-layout[b-mk4carq4zu] { grid-template-columns: 190px minmax(0, 1fr); gap: 22px; } .products-grid[b-mk4carq4zu] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 750px) { .category-page[b-mk4carq4zu] { width: calc(100% - 24px); } .category-layout[b-mk4carq4zu] { grid-template-columns: 1fr; } .filter-sidebar[b-mk4carq4zu] { padding: 13px; border: 1px solid var(--border); border-radius: 6px; background: #fafbfa; } .category-menu[b-mk4carq4zu] { display: grid; grid-template-columns: 1fr 1fr; } .product-toolbar[b-mk4carq4zu] { align-items: flex-start; flex-direction: column; } .toolbar-right[b-mk4carq4zu] { width: 100%; } .toolbar-right select[b-mk4carq4zu] { flex: 1; } .products-grid[b-mk4carq4zu] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .product-photo[b-mk4carq4zu] { height: 185px; } .products-grid.list-view .product-card[b-mk4carq4zu] { grid-template-columns: 140px 1fr; } } /* ========================================================= PHONE ========================================================= */ @media (max-width: 430px) { .category-head h1[b-mk4carq4zu] { font-size: 22px; } .product-photo[b-mk4carq4zu] { height: 155px; } .product-image-link[b-mk4carq4zu] { padding: 9px; } .product-body[b-mk4carq4zu] { padding: 10px; } .product-properties[b-mk4carq4zu] { flex-direction: column; gap: 5px; } .product-name[b-mk4carq4zu] { font-size: 13px; } } /* FLORA_V37D13_AUDIT_TAP_TARGETS */ .view-button[b-mk4carq4zu] { width: 44px; height: 44px; } .favorite-button[b-mk4carq4zu] { width: 44px; height: 44px; } .favorite-button svg[b-mk4carq4zu] { width: 19px; height: 19px; } .toolbar-right select[b-mk4carq4zu] { min-height: 44px; height: 44px; font-size: 13px; } .price-range[b-mk4carq4zu] { min-height: 32px; } .filter-check[b-mk4carq4zu] { min-height: 40px; align-items: center; } .filter-check input[type="checkbox"][b-mk4carq4zu] { width: 20px; height: 20px; } @media(max-width:700px) { .flora-v37d92-category-top-menu a[b-mk4carq4zu] { min-height: 44px; padding-inline: 14px; } } /* FLORA_V37D14_AUDIT_CLOSE */ .view-button:disabled[b-mk4carq4zu] { cursor: default; opacity: 1; } @media(max-width:700px) { .filter-check[b-mk4carq4zu] { position: relative; min-height: 44px; padding-left: 44px; } .filter-check input[type="checkbox"][b-mk4carq4zu] { position: absolute; left: 0; top: 0; z-index: 2; width: 44px; height: 44px; margin: 0; opacity: 0; cursor: pointer; } .filter-check[b-mk4carq4zu]::before { content: ""; position: absolute; left: 12px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); border: 1.5px solid #b8c7bb; border-radius: 5px; background: #fff; box-sizing: border-box; pointer-events: none; } .filter-check:has(input[type="checkbox"]:checked)[b-mk4carq4zu]::before { border-color: var(--green); background: var(--green); } .filter-check:has(input[type="checkbox"]:checked)[b-mk4carq4zu]::after { content: "✓"; position: absolute; left: 17px; top: 50%; transform: translateY(-53%); color: #fff; font-size: 13px; font-weight: 900; line-height: 1; pointer-events: none; } } @media(max-width:700px) { .product-name[b-mk4carq4zu] { min-height: 44px; display: flex; align-items: flex-start; padding-top: 4px; padding-bottom: 4px; } .cart-button[b-mk4carq4zu] { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } } /* FLORA_V18_4_2_CATEGORY_CONSOLIDATED_START */ /* FLORA CATEGORY MENU - CONSOLIDATED FINAL Korunan davranis: - Desktop 1101px+: mevcut 250px sol hiza korunur. - Menu sag kenari mevcut content sag kenarinda biter. - Tek satir. - Mevcut kategoriler alani dengeli doldurur. - Aktif / hover yesil. - 8-10 kategori kademeli sikilasir. - 11+ kategori sol/sag ok ile kayar. - Tablet/mobil tek satir + ok ile kayar. - Breadcrumb gizli kalir. */ /* ---------------------------------------------------------- ORTAK GOVDE ---------------------------------------------------------- */ .flora-v37d92-category-top-menu[b-mk4carq4zu] { display: grid !important; align-items: center !important; min-width: 0 !important; margin-top: 4px !important; margin-right: 0 !important; margin-bottom: 22px !important; padding: 4px 6px !important; border: 1px solid #dfe7e1 !important; border-radius: 7px !important; background: #fafcfa !important; box-shadow: none !important; overflow: hidden !important; box-sizing: border-box !important; } /* ---------------------------------------------------------- KATEGORI LINK SATIRI ---------------------------------------------------------- */ .flora-v37d36-category-links[b-mk4carq4zu] { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; overflow: hidden !important; box-sizing: border-box !important; scroll-behavior: smooth !important; } .flora-v37d92-category-top-menu .flora-v37d36-category-links > a[b-mk4carq4zu] { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding-left: 10px !important; padding-right: 10px !important; border: 0 !important; outline: 0 !important; border-radius: 6px !important; background: transparent !important; color: #263129 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-decoration: none !important; box-shadow: none !important; box-sizing: border-box !important; transition: background-color .18s ease, color .18s ease, font-size .18s ease, padding .18s ease !important; } /* Tum kategoriler artik digerleriyle ayni */ .flora-v37d92-category-top-menu .flora-v37d36-category-links > a.all-categories[b-mk4carq4zu] { border: 0 !important; outline: 0 !important; background: transparent !important; color: #263129 !important; box-shadow: none !important; } /* Hover */ .flora-v37d92-category-top-menu .flora-v37d36-category-links > a:hover[b-mk4carq4zu] { background: #063c29 !important; color: #ffffff !important; } /* Aktif */ .flora-v37d92-category-top-menu .flora-v37d36-category-links > a.active[b-mk4carq4zu] { background: #063c29 !important; color: #ffffff !important; } /* ---------------------------------------------------------- MASAUSTU BOYUTU - MEVCUT GORUNTU KORUNUR ---------------------------------------------------------- */ @media (min-width: 1101px) { .flora-v37d92-category-top-menu[b-mk4carq4zu] { grid-template-columns: minmax(0, 1fr) !important; width: calc(100% - 250px) !important; min-width: 0 !important; max-width: calc(100% - 250px) !important; margin-left: 250px !important; } } /* ---------------------------------------------------------- KATEGORI SAYISI ARTTIKCA SIKILASMA ---------------------------------------------------------- */ .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(8) ) .flora-v37d36-category-links[b-mk4carq4zu] { gap: 4px !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(8) ) .flora-v37d36-category-links > a[b-mk4carq4zu] { padding-left: 7px !important; padding-right: 7px !important; font-size: 11.5px !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(9) ) .flora-v37d36-category-links[b-mk4carq4zu] { gap: 3px !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(9) ) .flora-v37d36-category-links > a[b-mk4carq4zu] { padding-left: 5px !important; padding-right: 5px !important; font-size: 11px !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(10) ) .flora-v37d36-category-links[b-mk4carq4zu] { gap: 2px !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(10) ) .flora-v37d36-category-links > a[b-mk4carq4zu] { padding-left: 4px !important; padding-right: 4px !important; font-size: 10px !important; letter-spacing: -0.15px !important; } /* ---------------------------------------------------------- SCROLL OKLARI ---------------------------------------------------------- */ .flora-category-scroll-button[b-mk4carq4zu] { display: none !important; width: 30px !important; min-width: 30px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; place-items: center !important; border: 1px solid #d7e2d9 !important; border-radius: 6px !important; background: #ffffff !important; color: #063c29 !important; box-shadow: none !important; cursor: pointer !important; font-size: 21px !important; font-weight: 700 !important; line-height: 1 !important; } .flora-category-scroll-button:hover[b-mk4carq4zu] { border-color: #063c29 !important; background: #063c29 !important; color: #ffffff !important; } /* ---------------------------------------------------------- 11+ KATEGORI = OKLU YATAY KAYDIRMA ---------------------------------------------------------- */ .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(11) )[b-mk4carq4zu] { grid-template-columns: 30px minmax(0, 1fr) 30px !important; column-gap: 5px !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(11) ) .flora-category-scroll-button[b-mk4carq4zu] { display: grid !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(11) ) .flora-category-scroll-button-left[b-mk4carq4zu] { grid-column: 1 !important; grid-row: 1 !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(11) ) .flora-v37d36-category-links[b-mk4carq4zu] { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; gap: 3px !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(11) ) .flora-v37d36-category-links[b-mk4carq4zu]::-webkit-scrollbar { display: none !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(11) ) .flora-v37d36-category-links > a[b-mk4carq4zu] { flex: 0 0 auto !important; width: auto !important; min-width: max-content !important; padding-left: 10px !important; padding-right: 10px !important; font-size: 10.5px !important; overflow: visible !important; text-overflow: clip !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(11) ) .flora-category-scroll-button-right[b-mk4carq4zu] { grid-column: 3 !important; grid-row: 1 !important; } /* ---------------------------------------------------------- TABLET ---------------------------------------------------------- */ @media (min-width: 701px) and (max-width: 1100px) { .flora-v37d92-category-top-menu[b-mk4carq4zu] { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; grid-template-columns: 30px minmax(0, 1fr) 30px !important; column-gap: 5px !important; } .flora-category-scroll-button[b-mk4carq4zu] { display: grid !important; } .flora-category-scroll-button-left[b-mk4carq4zu] { grid-column: 1 !important; grid-row: 1 !important; } .flora-v37d36-category-links[b-mk4carq4zu] { grid-column: 2 !important; grid-row: 1 !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; } .flora-v37d36-category-links[b-mk4carq4zu]::-webkit-scrollbar { display: none !important; } .flora-category-scroll-button-right[b-mk4carq4zu] { grid-column: 3 !important; grid-row: 1 !important; } .flora-v37d92-category-top-menu .flora-v37d36-category-links > a[b-mk4carq4zu] { flex: 0 0 auto !important; min-width: max-content !important; padding-left: 9px !important; padding-right: 9px !important; font-size: 10.5px !important; } } /* ---------------------------------------------------------- MOBIL ---------------------------------------------------------- */ @media (max-width: 700px) { .flora-v37d92-category-top-menu[b-mk4carq4zu] { width: 100% !important; max-width: 100% !important; margin-top: 2px !important; margin-left: 0 !important; margin-bottom: 15px !important; padding: 3px !important; grid-template-columns: 28px minmax(0, 1fr) 28px !important; column-gap: 4px !important; } .flora-category-scroll-button[b-mk4carq4zu] { display: grid !important; width: 28px !important; min-width: 28px !important; height: 28px !important; font-size: 19px !important; } .flora-category-scroll-button-left[b-mk4carq4zu] { grid-column: 1 !important; grid-row: 1 !important; } .flora-v37d36-category-links[b-mk4carq4zu] { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; gap: 2px !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; } .flora-v37d36-category-links[b-mk4carq4zu]::-webkit-scrollbar { display: none !important; } .flora-category-scroll-button-right[b-mk4carq4zu] { grid-column: 3 !important; grid-row: 1 !important; } .flora-v37d92-category-top-menu .flora-v37d36-category-links > a[b-mk4carq4zu] { flex: 0 0 auto !important; width: auto !important; min-width: max-content !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; padding: 0 8px !important; font-size: 10px !important; overflow: visible !important; text-overflow: clip !important; } } /* Eski breadcrumb kapali kalir */ .flora-v37d36-category-breadcrumb[b-mk4carq4zu], .category-page > .breadcrumb[b-mk4carq4zu] { display: none !important; } /* FLORA_V18_4_2_CATEGORY_CONSOLIDATED_END */ /* ========================================================== FLORA_V37D18_CATEGORY_NAV_44PX_FINAL Accessibility + readable category navigation ========================================================== */ .flora-v37d92-category-top-menu .flora-v37d36-category-links > a[b-mk4carq4zu] { height: 44px !important; min-height: 44px !important; max-height: 44px !important; padding-left: 10px !important; padding-right: 10px !important; font-size: 13px !important; line-height: 1.2 !important; letter-spacing: 0 !important; } /* Scroll buttons: minimum accessible target */ .flora-category-scroll-button[b-mk4carq4zu] { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; font-size: 22px !important; } /* ---------------------------------------------------------- DESKTOP 10+ categories: do not squeeze text down to 10px. Use the existing horizontal scrolling system instead. ---------------------------------------------------------- */ @media (min-width: 1101px) { .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(10) )[b-mk4carq4zu] { grid-template-columns: 44px minmax(0, 1fr) 44px !important; column-gap: 6px !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(10) ) .flora-category-scroll-button[b-mk4carq4zu] { display: grid !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(10) ) .flora-category-scroll-button-left[b-mk4carq4zu] { grid-column: 1 !important; grid-row: 1 !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(10) ) .flora-v37d36-category-links[b-mk4carq4zu] { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; scroll-behavior: smooth !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(10) ) .flora-v37d36-category-links[b-mk4carq4zu]::-webkit-scrollbar { display: none !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(10) ) .flora-v37d36-category-links > a[b-mk4carq4zu] { flex: 0 0 auto !important; width: auto !important; min-width: max-content !important; padding-left: 12px !important; padding-right: 12px !important; font-size: 13px !important; overflow: visible !important; text-overflow: clip !important; } .flora-v37d92-category-top-menu:has( .flora-v37d36-category-links > a:nth-child(10) ) .flora-category-scroll-button-right[b-mk4carq4zu] { grid-column: 3 !important; grid-row: 1 !important; } } /* ---------------------------------------------------------- TABLET ---------------------------------------------------------- */ @media (min-width: 701px) and (max-width: 1100px) { .flora-v37d92-category-top-menu[b-mk4carq4zu] { grid-template-columns: 44px minmax(0, 1fr) 44px !important; column-gap: 6px !important; } .flora-v37d92-category-top-menu .flora-v37d36-category-links > a[b-mk4carq4zu] { height: 44px !important; min-height: 44px !important; max-height: 44px !important; padding-left: 11px !important; padding-right: 11px !important; font-size: 13px !important; } } /* ---------------------------------------------------------- MOBILE ---------------------------------------------------------- */ @media (max-width: 700px) { .flora-v37d92-category-top-menu[b-mk4carq4zu] { grid-template-columns: 44px minmax(0, 1fr) 44px !important; column-gap: 5px !important; padding: 4px !important; } .flora-category-scroll-button[b-mk4carq4zu] { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; font-size: 22px !important; } .flora-v37d92-category-top-menu .flora-v37d36-category-links[b-mk4carq4zu] { gap: 5px !important; } .flora-v37d92-category-top-menu .flora-v37d36-category-links > a[b-mk4carq4zu] { flex: 0 0 auto !important; width: auto !important; min-width: max-content !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; padding-left: 11px !important; padding-right: 11px !important; font-size: 13px !important; line-height: 1.2 !important; letter-spacing: 0 !important; overflow: visible !important; text-overflow: clip !important; } } /* FLORA V39 PRODUCT CARD CONSISTENCY */ .category-page .products-area[b-mk4carq4zu]{min-width:0}.category-page .products-grid[b-mk4carq4zu],.category-page .product-grid[b-mk4carq4zu]{gap:18px!important}.category-page .product-card[b-mk4carq4zu]{min-width:0!important;overflow:hidden!important;border:1px solid #e0e8e2!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 24px rgba(6,60,41,.045)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}.category-page .product-card:hover[b-mk4carq4zu]{transform:translateY(-4px)!important;border-color:#c7dbcd!important;box-shadow:0 19px 42px rgba(6,60,41,.10)!important}.category-page .product-photo[b-mk4carq4zu]{height:260px!important;background:linear-gradient(180deg,#f8faf8,#f2f6f3)!important}.category-page .product-photo img[b-mk4carq4zu]{width:100%!important;height:100%!important;padding:15px!important;object-fit:contain!important}.category-page .product-body[b-mk4carq4zu]{min-width:0!important;padding:16px!important}.category-page .product-type[b-mk4carq4zu],.category-page .category-label[b-mk4carq4zu]{width:fit-content!important;max-width:100%!important;padding:5px 8px!important;border-radius:999px!important;background:#eef6f0!important;color:#063c29!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.category-page .product-name[b-mk4carq4zu]{display:-webkit-box!important;min-height:43px!important;color:#063c29!important;font-size:14px!important;font-weight:850!important;line-height:1.42!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.category-page .product-footer[b-mk4carq4zu]{gap:10px!important;padding-top:13px!important;border-top:1px solid #eef2ef!important}.category-page .price[b-mk4carq4zu]{color:#063c29!important;font-size:16px!important;font-weight:950!important}.category-page .cart-button[b-mk4carq4zu]{min-height:39px!important;border-radius:10px!important;background:#063c29!important;font-size:10px!important;font-weight:900!important} /* FLORA_V39_REAL_FINAL_PRODUCT_CARDS */ .products-grid[b-mk4carq4zu]{ gap:22px!important; } .product-card[b-mk4carq4zu]{ overflow:hidden!important; border:1px solid #dce7df!important; border-radius:20px!important; background:#fff!important; box-shadow:0 10px 30px rgba(6,60,41,.055)!important; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease!important; } .product-card:hover[b-mk4carq4zu]{ transform:translateY(-5px)!important; border-color:#c8ddce!important; box-shadow:0 22px 46px rgba(6,60,41,.11)!important; } .product-photo[b-mk4carq4zu]{ height:260px!important; background: linear-gradient( 180deg, #f8fbf8, #f1f6f2)!important; } .product-image-link[b-mk4carq4zu]{ padding:20px!important; } .product-image-link img[b-mk4carq4zu]{ width:100%!important; height:100%!important; object-fit:contain!important; transition:transform .28s ease!important; } .product-card:hover .product-image-link img[b-mk4carq4zu]{ transform:scale(1.04)!important; } .product-body[b-mk4carq4zu]{ padding:17px 17px 18px!important; } .product-type[b-mk4carq4zu]{ display:inline-flex!important; width:fit-content!important; align-items:center!important; padding:5px 9px!important; border-radius:999px!important; background:#edf6ef!important; color:#063c29!important; font-size:11px!important; font-weight:850!important; } .product-name[b-mk4carq4zu]{ min-height:48px!important; margin:9px 0 7px!important; color:#063c29!important; font-size:16px!important; font-weight:800!important; line-height:1.42!important; } .product-rating[b-mk4carq4zu]{ margin-bottom:8px!important; } .product-properties[b-mk4carq4zu]{ padding:9px 0!important; } .stock-info[b-mk4carq4zu]{ margin-top:9px!important; font-size:12px!important; font-weight:700!important; } .price strong[b-mk4carq4zu]{ color:#063c29!important; font-size:20px!important; font-weight:950!important; } .cart-button[b-mk4carq4zu]{ height:44px!important; margin-top:10px!important; border-radius:11px!important; background:#063c29!important; font-size:11px!important; font-weight:950!important; letter-spacing:.02em!important; } .cart-button:hover[b-mk4carq4zu]{ background:#063c29!important; } @media(max-width:760px){ .products-grid[b-mk4carq4zu]{ gap:14px!important; } .product-photo[b-mk4carq4zu]{ height:220px!important; } } /* FLORA_V39_LAST_CARD_ROW_FIX */ .product-card[b-mk4carq4zu], .product-card *[b-mk4carq4zu]{ box-sizing:border-box!important; } .product-card[b-mk4carq4zu]{ overflow:hidden!important; } .product-body[b-mk4carq4zu]{ padding:22px 18px 18px!important; } .product-type[b-mk4carq4zu]{ margin-top:2px!important; margin-bottom:10px!important; } .product-name[b-mk4carq4zu]{ min-height:58px!important; margin:0 0 10px!important; line-height:1.42!important; overflow:hidden!important; word-break:break-word!important; } .product-rating[b-mk4carq4zu]{ margin-bottom:10px!important; } .product-properties[b-mk4carq4zu]{ display:none!important; } .stock-info[b-mk4carq4zu]{ margin-top:2px!important; padding-top:8px!important; border-top:1px solid #edf1ed!important; } .product-photo[b-mk4carq4zu]{ background:linear-gradient(180deg,#f7fbf7 0%, #eff6f0 100%)!important; } .product-image-link img[b-mk4carq4zu]{ object-fit:contain!important; } /* FLORA_V40_16_CATALOG_PAGE_PREMIUM */ .flora-category-page[b-mk4carq4zu],.flora-search-page[b-mk4carq4zu]{--v4016-deep:#063c29;--v4016-cream:#fbf8f1;--v4016-line:rgba(6,60,41,.12);color:#063c29!important} .products-toolbar[b-mk4carq4zu],.results-head[b-mk4carq4zu],.search-hero[b-mk4carq4zu]{border-radius:20px!important;border-color:var(--v4016-line)!important;background:#fffdf8!important;box-shadow:0 12px 30px rgba(6,60,41,.045)!important} .products-grid[b-mk4carq4zu],.results-grid[b-mk4carq4zu]{gap:20px!important}.product-card[b-mk4carq4zu],.search-product-card[b-mk4carq4zu]{overflow:hidden!important;border:1px solid var(--v4016-line)!important;border-radius:20px!important;background:#fffdf9!important;box-shadow:0 10px 27px rgba(6,60,41,.05)!important}.product-card:hover[b-mk4carq4zu],.search-product-card:hover[b-mk4carq4zu]{transform:translateY(-4px)!important;box-shadow:0 19px 40px rgba(6,60,41,.10)!important}.product-media[b-mk4carq4zu]{background:#f2f4ef!important;overflow:hidden!important}.product-image-link img[b-mk4carq4zu],.product-media img[b-mk4carq4zu]{padding:0!important;object-fit:cover!important}.product-content[b-mk4carq4zu],.product-body[b-mk4carq4zu]{padding:17px!important}.product-category[b-mk4carq4zu],.dynamic-category[b-mk4carq4zu]{font-size:8px!important}.product-name[b-mk4carq4zu]{font-size:14.5px!important;line-height:1.4!important}.price-box strong[b-mk4carq4zu],.product-price strong[b-mk4carq4zu]{font-size:17px!important}.detail-button[b-mk4carq4zu],.product-button[b-mk4carq4zu]{border-radius:12px!important} /* ============================================================ FLORA_V40_41_ALL_PRODUCTS_FULL_WIDTH_PREMIUM SADECE TUM URUNLER SAYFASI ============================================================ */ .all-products-page[b-mk4carq4zu] { --green: #063c29 !important; --dark-green: #063c29 !important; --light-green: #eef4ef !important; --flora-ivory: #fbf7ee !important; --flora-gold: #c1943e !important; --flora-line: rgba(6,60,41,.13) !important; width: min(calc(100% - 48px), 1580px) !important; max-width: 1580px !important; margin-left: auto !important; margin-right: auto !important; padding-top: 18px !important; padding-bottom: 80px !important; box-sizing: border-box !important; } .all-products-page *[b-mk4carq4zu], .all-products-page *[b-mk4carq4zu]::before, .all-products-page *[b-mk4carq4zu]::after { box-sizing: border-box !important; } /* ============================================================ KATEGORI UST MENUSU ============================================================ */ .all-products-page .flora-v37d92-category-top-menu[b-mk4carq4zu] { width: 100% !important; max-width: none !important; margin: 0 0 18px !important; border: 1px solid var(--flora-line) !important; border-radius: 20px !important; background: rgba(255,253,248,.96) !important; box-shadow: 0 12px 34px rgba(6,60,41,.055) !important; } /* ============================================================ ANA LAYOUT Eski 220px sol kolon kaldirildi. ============================================================ */ .all-products-page .category-layout[b-mk4carq4zu] { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 18px !important; width: 100% !important; min-width: 0 !important; } /* ============================================================ FILTRE Eski sol sidebar yerine full-width acilir premium panel ============================================================ */ .all-products-page .flora-v32-filter-disclosure[b-mk4carq4zu] { display: block !important; width: 100% !important; margin: 0 !important; border: 1px solid var(--flora-line) !important; border-radius: 18px !important; background: #fffdf8 !important; box-shadow: 0 10px 28px rgba(6,60,41,.045) !important; overflow: hidden !important; } .all-products-page .flora-v32-filter-disclosure > summary[b-mk4carq4zu] { min-height: 52px !important; padding: 0 20px !important; display: flex !important; align-items: center !important; color: #063c29 !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .055em !important; cursor: pointer !important; list-style: none !important; } .all-products-page .flora-v32-filter-disclosure > summary[b-mk4carq4zu]::-webkit-details-marker { display: none !important; } .all-products-page .flora-v32-filter-disclosure > summary[b-mk4carq4zu]::before { content: "☰" !important; margin-right: 10px !important; color: #c1943e !important; font-size: 15px !important; } .all-products-page .flora-v32-filter-disclosure > summary[b-mk4carq4zu]::after { content: "+" !important; margin-left: auto !important; width: 28px !important; height: 28px !important; display: grid !important; place-items: center !important; border: 1px solid rgba(6,60,41,.15) !important; border-radius: 50% !important; background: #fbf7ee !important; color: #063c29 !important; font-size: 18px !important; line-height: 1 !important; } .all-products-page .flora-v32-filter-disclosure[open] > summary[b-mk4carq4zu]::after { content: "−" !important; } .all-products-page .filter-sidebar[b-mk4carq4zu] { padding: 8px 20px 20px !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px 24px !important; } .all-products-page .filter-title[b-mk4carq4zu], .all-products-page .flora-v37d92-old-menu[b-mk4carq4zu] { display: none !important; } .all-products-page .filter-group[b-mk4carq4zu] { min-width: 0 !important; padding: 14px 16px !important; border: 1px solid rgba(6,60,41,.09) !important; border-radius: 15px !important; background: #fbfaf5 !important; } .all-products-page .filter-heading[b-mk4carq4zu] { margin-bottom: 10px !important; color: #063c29 !important; font-size: 12px !important; font-weight: 900 !important; } .all-products-page .clear-filters[b-mk4carq4zu] { align-self: end !important; min-height: 44px !important; margin: 0 !important; border-radius: 12px !important; border-color: #063c29 !important; color: #063c29 !important; font-weight: 900 !important; } .all-products-page .clear-filters:hover[b-mk4carq4zu] { background: #063c29 !important; color: #fff !important; } /* ============================================================ URUN ALANI ============================================================ */ .all-products-page .products-area[b-mk4carq4zu] { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; } /* ============================================================ HERO - TUM URUNLER ============================================================ */ .all-products-page .category-head[b-mk4carq4zu] { position: relative !important; isolation: isolate !important; width: 100% !important; min-height: 230px !important; margin: 0 0 20px !important; padding: 38px 44px !important; display: flex !important; align-items: center !important; overflow: hidden !important; border: 1px solid rgba(193,148,62,.36) !important; border-radius: 28px !important; background: radial-gradient( circle at 91% 22%, rgba(193,148,62,.19) 0, rgba(193,148,62,.08) 12%, transparent 29% ), linear-gradient( 135deg, #063c29 0%, #06472f 62%, #073c29 100% ) !important; box-shadow: 0 22px 48px rgba(6,60,41,.13) !important; } .all-products-page .category-head[b-mk4carq4zu]::after { content: "F" !important; position: absolute !important; right: 46px !important; top: 50% !important; transform: translateY(-52%) rotate(-8deg) !important; color: rgba(193,148,62,.24) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 112px !important; font-weight: 700 !important; line-height: 1 !important; pointer-events: none !important; } .all-products-page .category-head > div[b-mk4carq4zu] { position: relative !important; z-index: 2 !important; width: min(760px, 78%) !important; } .all-products-page .category-label[b-mk4carq4zu] { margin: 0 0 13px !important; padding: 6px 12px !important; display: inline-flex !important; width: fit-content !important; border: 1px solid rgba(255,255,255,.24) !important; border-radius: 999px !important; background: #fbf7ee !important; color: #063c29 !important; font-size: 10px !important; font-weight: 950 !important; letter-spacing: .14em !important; } .all-products-page .category-head h1[b-mk4carq4zu] { margin: 0 0 12px !important; color: #fffaf0 !important; font-family: Georgia, "Iowan Old Style", "Palatino Linotype", serif !important; font-size: clamp(42px, 4vw, 60px) !important; font-weight: 500 !important; line-height: 1.02 !important; letter-spacing: -.035em !important; } .all-products-page .category-head p[b-mk4carq4zu] { max-width: 720px !important; margin: 0 !important; color: rgba(255,255,255,.83) !important; font-size: 14px !important; line-height: 1.65 !important; } /* ============================================================ TOOLBAR ============================================================ */ .all-products-page .product-toolbar[b-mk4carq4zu] { min-height: 66px !important; margin: 0 0 22px !important; padding: 10px 14px 10px 20px !important; border: 1px solid var(--flora-line) !important; border-radius: 18px !important; background: rgba(255,253,248,.98) !important; box-shadow: 0 10px 28px rgba(6,60,41,.045) !important; } .all-products-page .product-count[b-mk4carq4zu] { color: #718077 !important; font-size: 13px !important; } .all-products-page .product-count strong[b-mk4carq4zu] { margin-left: 5px !important; color: #063c29 !important; font-size: 16px !important; font-weight: 950 !important; } .all-products-page .toolbar-right[b-mk4carq4zu] { gap: 9px !important; } .all-products-page .toolbar-right label[b-mk4carq4zu] { color: #7a807b !important; font-size: 11px !important; } .all-products-page .toolbar-right select[b-mk4carq4zu] { width: 170px !important; height: 44px !important; padding: 0 13px !important; border: 1px solid rgba(6,60,41,.16) !important; border-radius: 12px !important; background: #fff !important; color: #063c29 !important; font-weight: 750 !important; } .all-products-page .view-button[b-mk4carq4zu] { width: 44px !important; height: 44px !important; border-radius: 12px !important; border-color: rgba(6,60,41,.16) !important; } .all-products-page .view-button.active[b-mk4carq4zu] { border-color: #063c29 !important; background: #edf4ef !important; color: #063c29 !important; } /* ============================================================ GRID 1580px katalog -> 5 premium kart ============================================================ */ .all-products-page .products-grid:not(.list-view)[b-mk4carq4zu] { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 22px !important; width: 100% !important; } /* ============================================================ PRODUCT CARD ============================================================ */ .all-products-page .product-card[b-mk4carq4zu] { min-width: 0 !important; border: 1px solid rgba(6,60,41,.12) !important; border-radius: 22px !important; background: #fffdf9 !important; box-shadow: 0 10px 28px rgba(6,60,41,.055) !important; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important; } .all-products-page .product-card:hover[b-mk4carq4zu] { transform: translateY(-6px) !important; border-color: rgba(193,148,62,.50) !important; box-shadow: 0 22px 48px rgba(6,60,41,.12) !important; } .all-products-page .product-photo[b-mk4carq4zu] { height: 300px !important; border-bottom: 1px solid rgba(6,60,41,.07) !important; background: radial-gradient( circle at 50% 44%, #ffffff 0%, #f7f8f3 68%, #f0f3ed 100% ) !important; } .all-products-page .product-image-link[b-mk4carq4zu] { padding: 18px !important; } .all-products-page .product-image-link img[b-mk4carq4zu] { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center !important; transition: transform .32s ease !important; } .all-products-page .product-card:hover .product-image-link img[b-mk4carq4zu] { transform: scale(1.045) !important; } .all-products-page .product-body[b-mk4carq4zu] { padding: 19px 19px 20px !important; } .all-products-page .product-type[b-mk4carq4zu] { min-height: 25px !important; margin: 0 0 11px !important; padding: 5px 9px !important; border: 1px solid rgba(6,60,41,.08) !important; border-radius: 999px !important; background: #eef4ef !important; color: #496a57 !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .055em !important; } .all-products-page .product-name[b-mk4carq4zu] { min-height: 52px !important; margin: 0 0 9px !important; color: #173226 !important; font-family: Georgia, "Iowan Old Style", "Palatino Linotype", serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.38 !important; } .all-products-page .product-rating[b-mk4carq4zu] { margin-bottom: 9px !important; } .all-products-page .stock-info[b-mk4carq4zu] { padding-top: 9px !important; border-top: 1px solid rgba(6,60,41,.08) !important; color: #617167 !important; font-size: 11px !important; } .all-products-page .price strong[b-mk4carq4zu] { color: #063c29 !important; font-size: 20px !important; font-weight: 950 !important; } .all-products-page .cart-button[b-mk4carq4zu] { min-height: 44px !important; margin-top: 12px !important; border: 1px solid #063c29 !important; border-radius: 12px !important; background: #063c29 !important; color: #fff !important; font-size: 11px !important; font-weight: 950 !important; letter-spacing: .035em !important; box-shadow: 0 9px 20px rgba(6,60,41,.13) !important; } .all-products-page .cart-button:hover[b-mk4carq4zu] { background: #0a4d36 !important; transform: translateY(-1px) !important; } /* ============================================================ FAVORI ============================================================ */ .all-products-page .favorite-button[b-mk4carq4zu] { top: 13px !important; right: 13px !important; width: 40px !important; height: 40px !important; border: 1px solid rgba(6,60,41,.13) !important; background: rgba(255,253,248,.94) !important; box-shadow: 0 6px 18px rgba(6,60,41,.08) !important; backdrop-filter: blur(8px) !important; } /* ============================================================ LIST VIEW KORUMA ============================================================ */ .all-products-page .products-grid.list-view[b-mk4carq4zu] { grid-template-columns: 1fr !important; gap: 16px !important; } .all-products-page .products-grid.list-view .product-card[b-mk4carq4zu] { width: 100% !important; } /* ============================================================ RESPONSIVE ============================================================ */ @media (max-width: 1380px) { .all-products-page .products-grid:not(.list-view)[b-mk4carq4zu] { grid-template-columns: repeat(4, minmax(0,1fr)) !important; } .all-products-page .product-photo[b-mk4carq4zu] { height: 285px !important; } } @media (max-width: 1080px) { .all-products-page[b-mk4carq4zu] { width: min(calc(100% - 32px), 1580px) !important; } .all-products-page .products-grid:not(.list-view)[b-mk4carq4zu] { grid-template-columns: repeat(3, minmax(0,1fr)) !important; } .all-products-page .filter-sidebar[b-mk4carq4zu] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } .all-products-page .category-head[b-mk4carq4zu] { min-height: 210px !important; padding: 34px !important; } .all-products-page .product-photo[b-mk4carq4zu] { height: 270px !important; } } @media (max-width: 760px) { .all-products-page[b-mk4carq4zu] { width: calc(100% - 22px) !important; padding-top: 10px !important; } .all-products-page .products-grid:not(.list-view)[b-mk4carq4zu] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 12px !important; } .all-products-page .filter-sidebar[b-mk4carq4zu] { grid-template-columns: minmax(0,1fr) !important; } .all-products-page .category-head[b-mk4carq4zu] { min-height: 180px !important; padding: 26px 22px !important; border-radius: 21px !important; } .all-products-page .category-head[b-mk4carq4zu]::after { right: 18px !important; font-size: 74px !important; } .all-products-page .category-head > div[b-mk4carq4zu] { width: 88% !important; } .all-products-page .category-head h1[b-mk4carq4zu] { font-size: 36px !important; } .all-products-page .category-head p[b-mk4carq4zu] { font-size: 12px !important; } .all-products-page .product-toolbar[b-mk4carq4zu] { align-items: stretch !important; flex-direction: column !important; padding: 13px !important; } .all-products-page .toolbar-right[b-mk4carq4zu] { width: 100% !important; } .all-products-page .toolbar-right select[b-mk4carq4zu] { flex: 1 !important; width: auto !important; } .all-products-page .product-photo[b-mk4carq4zu] { height: 220px !important; } .all-products-page .product-body[b-mk4carq4zu] { padding: 14px !important; } .all-products-page .product-name[b-mk4carq4zu] { min-height: 48px !important; font-size: 13px !important; } .all-products-page .price strong[b-mk4carq4zu] { font-size: 17px !important; } } @media (max-width: 430px) { .all-products-page[b-mk4carq4zu] { width: calc(100% - 16px) !important; } .all-products-page .products-grid:not(.list-view)[b-mk4carq4zu] { gap: 9px !important; } .all-products-page .product-photo[b-mk4carq4zu] { height: 178px !important; } .all-products-page .product-image-link[b-mk4carq4zu] { padding: 10px !important; } .all-products-page .product-body[b-mk4carq4zu] { padding: 11px !important; } .all-products-page .product-type[b-mk4carq4zu] { font-size: 8px !important; } .all-products-page .product-name[b-mk4carq4zu] { font-size: 12px !important; } .all-products-page .cart-button[b-mk4carq4zu] { min-height: 42px !important; font-size: 9px !important; } } /* FLORA_V40_41_ALL_PRODUCTS_FULL_WIDTH_PREMIUM_END */ /* ============================================================ FLORA_V40_42_ALL_CATEGORY_FULL_WIDTH Normal kategori sayfalari artik TUM URUNLER ile ayni premium katalog genisligini kullanir. Eski: 220px filtre kolonu + urun alani Yeni: tam genislik urun alani filtre acilir yatay panel ============================================================ */ /* ------------------------------------------------------------ PAGE WIDTH ------------------------------------------------------------ */ .category-page:not(.all-products-page)[b-mk4carq4zu] { --green: #063c29 !important; --dark-green: #063c29 !important; --light-green: #eef4ef !important; --flora-ivory: #fbf7ee !important; --flora-gold: #c1943e !important; --flora-line: rgba(6,60,41,.13) !important; width: min( calc(100% - 48px), 1580px ) !important; max-width: 1580px !important; margin-left: auto !important; margin-right: auto !important; padding-top: 18px !important; padding-bottom: 80px !important; box-sizing: border-box !important; } .category-page:not(.all-products-page) *[b-mk4carq4zu], .category-page:not(.all-products-page) *[b-mk4carq4zu]::before, .category-page:not(.all-products-page) *[b-mk4carq4zu]::after { box-sizing: border-box !important; } /* ------------------------------------------------------------ CATEGORY TOP NAV ------------------------------------------------------------ */ .category-page:not(.all-products-page) .flora-v37d92-category-top-menu[b-mk4carq4zu] { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 18px !important; } /* ------------------------------------------------------------ REMOVE OLD 220PX SIDEBAR COLUMN ------------------------------------------------------------ */ .category-page:not(.all-products-page) .category-layout[b-mk4carq4zu] { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; gap: 18px !important; } /* ------------------------------------------------------------ FILTER BECOMES FULL WIDTH DISCLOSURE ------------------------------------------------------------ */ .category-page:not(.all-products-page) .flora-v32-filter-disclosure[b-mk4carq4zu] { display: block !important; width: 100% !important; margin: 0 !important; border: 1px solid rgba(6,60,41,.13) !important; border-radius: 18px !important; background: #fffdf8 !important; overflow: hidden !important; box-shadow: 0 10px 28px rgba(6,60,41,.045) !important; } .category-page:not(.all-products-page) .flora-v32-filter-disclosure > summary[b-mk4carq4zu] { min-height: 52px !important; padding: 0 20px !important; display: flex !important; align-items: center !important; list-style: none !important; color: #063c29 !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .045em !important; cursor: pointer !important; } .category-page:not(.all-products-page) .flora-v32-filter-disclosure > summary[b-mk4carq4zu]::-webkit-details-marker { display: none !important; } .category-page:not(.all-products-page) .flora-v32-filter-disclosure > summary[b-mk4carq4zu]::before { content: "☰" !important; margin-right: 10px !important; color: #c1943e !important; font-size: 15px !important; } .category-page:not(.all-products-page) .flora-v32-filter-disclosure > summary[b-mk4carq4zu]::after { content: "+" !important; margin-left: auto !important; width: 28px !important; height: 28px !important; display: grid !important; place-items: center !important; border: 1px solid rgba(6,60,41,.15) !important; border-radius: 50% !important; background: #fbf7ee !important; color: #063c29 !important; font-size: 18px !important; } .category-page:not(.all-products-page) .flora-v32-filter-disclosure[open] > summary[b-mk4carq4zu]::after { content: "−" !important; } /* ------------------------------------------------------------ FILTER CONTENT ------------------------------------------------------------ */ .category-page:not(.all-products-page) .filter-sidebar[b-mk4carq4zu] { width: 100% !important; padding: 8px 20px 20px !important; display: grid !important; grid-template-columns: repeat( 4, minmax(0, 1fr) ) !important; gap: 14px 24px !important; } .category-page:not(.all-products-page) .filter-title[b-mk4carq4zu], .category-page:not(.all-products-page) .flora-v37d92-old-menu[b-mk4carq4zu] { display: none !important; } .category-page:not(.all-products-page) .filter-group[b-mk4carq4zu] { min-width: 0 !important; padding: 14px 16px !important; border: 1px solid rgba(6,60,41,.09) !important; border-radius: 15px !important; background: #fbfaf5 !important; } .category-page:not(.all-products-page) .filter-heading[b-mk4carq4zu] { color: #063c29 !important; font-size: 12px !important; font-weight: 900 !important; } .category-page:not(.all-products-page) .clear-filters[b-mk4carq4zu] { align-self: end !important; min-height: 44px !important; margin: 0 !important; border-radius: 12px !important; border-color: #063c29 !important; color: #063c29 !important; font-weight: 900 !important; } .category-page:not(.all-products-page) .clear-filters:hover[b-mk4carq4zu] { background: #063c29 !important; color: #fff !important; } /* ------------------------------------------------------------ PRODUCTS AREA FULL WIDTH ------------------------------------------------------------ */ .category-page:not(.all-products-page) .products-area[b-mk4carq4zu] { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; } /* ------------------------------------------------------------ CATEGORY HERO FULL WIDTH Mevcut tasarim KORUNUR. ------------------------------------------------------------ */ .category-page:not(.all-products-page) .category-head[b-mk4carq4zu] { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } /* ------------------------------------------------------------ TOOLBAR FULL WIDTH ------------------------------------------------------------ */ .category-page:not(.all-products-page) .product-toolbar[b-mk4carq4zu] { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; border-radius: 18px !important; border-color: rgba(6,60,41,.13) !important; background: #fffdf8 !important; box-shadow: 0 10px 28px rgba(6,60,41,.045) !important; } /* ------------------------------------------------------------ DESKTOP GRID TUM URUNLER ILE AYNI 5 KOLON ------------------------------------------------------------ */ .category-page:not(.all-products-page) .products-grid:not(.list-view)[b-mk4carq4zu] { width: 100% !important; display: grid !important; grid-template-columns: repeat( 5, minmax(0, 1fr) ) !important; gap: 22px !important; } /* ------------------------------------------------------------ CARD SCALE ------------------------------------------------------------ */ .category-page:not(.all-products-page) .product-card[b-mk4carq4zu] { min-width: 0 !important; border-radius: 22px !important; border-color: rgba(6,60,41,.12) !important; background: #fffdf9 !important; box-shadow: 0 10px 28px rgba(6,60,41,.055) !important; } .category-page:not(.all-products-page) .product-card:hover[b-mk4carq4zu] { transform: translateY(-6px) !important; border-color: rgba(193,148,62,.48) !important; box-shadow: 0 22px 48px rgba(6,60,41,.12) !important; } .category-page:not(.all-products-page) .product-photo[b-mk4carq4zu] { height: 300px !important; } .category-page:not(.all-products-page) .product-image-link[b-mk4carq4zu] { padding: 18px !important; } .category-page:not(.all-products-page) .product-image-link img[b-mk4carq4zu] { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center !important; } .category-page:not(.all-products-page) .cart-button[b-mk4carq4zu] { background: #063c29 !important; border-color: #063c29 !important; color: white !important; } .category-page:not(.all-products-page) .cart-button:hover[b-mk4carq4zu] { background: #0a4d36 !important; } /* ------------------------------------------------------------ LIST VIEW KORUMA ------------------------------------------------------------ */ .category-page:not(.all-products-page) .products-grid.list-view[b-mk4carq4zu] { width: 100% !important; grid-template-columns: minmax(0,1fr) !important; } /* ============================================================ RESPONSIVE ============================================================ */ @media (max-width: 1380px) { .category-page:not(.all-products-page) .products-grid:not(.list-view)[b-mk4carq4zu] { grid-template-columns: repeat( 4, minmax(0,1fr) ) !important; } .category-page:not(.all-products-page) .product-photo[b-mk4carq4zu] { height: 285px !important; } } @media (max-width: 1080px) { .category-page:not(.all-products-page)[b-mk4carq4zu] { width: min( calc(100% - 32px), 1580px ) !important; } .category-page:not(.all-products-page) .products-grid:not(.list-view)[b-mk4carq4zu] { grid-template-columns: repeat( 3, minmax(0,1fr) ) !important; } .category-page:not(.all-products-page) .filter-sidebar[b-mk4carq4zu] { grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; } .category-page:not(.all-products-page) .product-photo[b-mk4carq4zu] { height: 270px !important; } } @media (max-width: 760px) { .category-page:not(.all-products-page)[b-mk4carq4zu] { width: calc(100% - 22px) !important; } .category-page:not(.all-products-page) .products-grid:not(.list-view)[b-mk4carq4zu] { grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; gap: 12px !important; } .category-page:not(.all-products-page) .filter-sidebar[b-mk4carq4zu] { grid-template-columns: minmax(0,1fr) !important; } .category-page:not(.all-products-page) .product-toolbar[b-mk4carq4zu] { align-items: stretch !important; flex-direction: column !important; } .category-page:not(.all-products-page) .toolbar-right[b-mk4carq4zu] { width: 100% !important; } .category-page:not(.all-products-page) .toolbar-right select[b-mk4carq4zu] { flex: 1 !important; width: auto !important; } .category-page:not(.all-products-page) .product-photo[b-mk4carq4zu] { height: 220px !important; } } @media (max-width: 430px) { .category-page:not(.all-products-page)[b-mk4carq4zu] { width: calc(100% - 16px) !important; } .category-page:not(.all-products-page) .products-grid:not(.list-view)[b-mk4carq4zu] { gap: 9px !important; } .category-page:not(.all-products-page) .product-photo[b-mk4carq4zu] { height: 178px !important; } .category-page:not(.all-products-page) .product-image-link[b-mk4carq4zu] { padding: 10px !important; } } /* FLORA_V40_42_ALL_CATEGORY_FULL_WIDTH_END */ /* ============================================================ FLORA_V40_43_1_FAVORITE_INSIDE_TOP_RIGHT Favori butonu fotograf alaninin SAG UST kosesinde, tamamen cerceve icinde kalir. ============================================================ */ .category-page .product-photo[b-mk4carq4zu] { position: relative !important; } .category-page .product-photo .favorite-button[b-mk4carq4zu] { position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; bottom: auto !important; z-index: 10 !important; margin: 0 !important; transform: none !important; } /* Kart hover durumunda da favori butonunun yeri degismez. */ .category-page .product-card:hover .product-photo .favorite-button[b-mk4carq4zu] { top: 12px !important; right: 12px !important; left: auto !important; transform: none !important; } /* Mobilde de cercevenin icinde kalir. */ @media (max-width: 760px) { .category-page .product-photo .favorite-button[b-mk4carq4zu] { top: 9px !important; right: 9px !important; left: auto !important; } } /* FLORA_V40_43_1_FAVORITE_INSIDE_TOP_RIGHT_END */ /* ============================================================ FLORA_V48_24A_CATEGORY_HOME_BUTTON CATEGORY -> HOME PC + MOBILE ============================================================ */ .flora-v4824-home-return[b-mk4carq4zu] { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; margin: 0 0 10px !important; padding: 0 !important; box-sizing: border-box !important; } .flora-v4824-home-return-link[b-mk4carq4zu] { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; min-height: 42px !important; padding: 0 16px 0 9px !important; border: 1px solid rgba(6, 60, 41, .14) !important; border-radius: 12px !important; background: linear-gradient( 180deg, #fffdf8 0%, #faf7ef 100% ) !important; color: #063c29 !important; box-shadow: 0 5px 16px rgba(6, 60, 41, .05) !important; font-family: var( --flora-font-family, Arial, Helvetica, sans-serif ) !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .035em !important; text-decoration: none !important; box-sizing: border-box !important; transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important; } .flora-v4824-home-return-arrow[b-mk4carq4zu] { display: grid !important; place-items: center !important; width: 30px !important; min-width: 30px !important; height: 30px !important; border-radius: 9px !important; background: #f4eee1 !important; color: #075035 !important; font-size: 19px !important; font-weight: 800 !important; line-height: 1 !important; transition: background .18s ease, color .18s ease, transform .18s ease !important; } .flora-v4824-home-return-text[b-mk4carq4zu] { display: inline-block !important; white-space: nowrap !important; } @media (hover: hover) { .flora-v4824-home-return-link:hover[b-mk4carq4zu] { border-color: #075035 !important; background: #075035 !important; color: #ffffff !important; box-shadow: 0 9px 22px rgba(6, 60, 41, .14) !important; transform: translateY(-1px); } .flora-v4824-home-return-link:hover .flora-v4824-home-return-arrow[b-mk4carq4zu] { background: rgba( 255, 255, 255, .14 ) !important; color: #ffffff !important; transform: translateX(-2px); } } .flora-v4824-home-return-link:focus-visible[b-mk4carq4zu] { outline: 3px solid rgba(193, 148, 62, .30) !important; outline-offset: 3px !important; } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 700px) { .flora-v4824-home-return[b-mk4carq4zu] { margin-bottom: 8px !important; } .flora-v4824-home-return-link[b-mk4carq4zu] { width: 100% !important; min-height: 44px !important; justify-content: flex-start !important; padding: 0 11px !important; border-radius: 12px !important; font-size: 11px !important; } .flora-v4824-home-return-arrow[b-mk4carq4zu] { width: 30px !important; min-width: 30px !important; height: 30px !important; font-size: 19px !important; } } /* VERY SMALL MOBILE */ @media (max-width: 390px) { .flora-v4824-home-return-link[b-mk4carq4zu] { padding-inline: 9px !important; font-size: 10.5px !important; } } /* FLORA_V48_24A_CATEGORY_HOME_BUTTON_END */ /* /Components/Pages/Kategoriler.razor.rz.scp.css */ /* ============================================================ FLORA_V37D18_CATEGORIES_HEADING_PREMIUM_V1 SADECE: .flora-v35-categories-page .v35-categories-head Kategori kartlari, DB, linkler ve yukleme mantigi degismez. ============================================================ */ .flora-v35-categories-page[b-uws7j6o5bf], .flora-v35-categories-page *[b-uws7j6o5bf], .flora-v35-categories-page *[b-uws7j6o5bf]::before, .flora-v35-categories-page *[b-uws7j6o5bf]::after { box-sizing: border-box !important; } .flora-v35-categories-page .v35-categories-head[b-uws7j6o5bf] { position: relative !important; isolation: isolate !important; width: min(100% - 32px, 1180px) !important; max-width: 1180px !important; min-width: 0 !important; min-height: 180px !important; margin: 18px auto 24px !important; padding: 30px 34px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; overflow: hidden !important; border: 0 !important; border-radius: 16px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 52%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 14px 34px rgba(6,60,41,.14) !important; } .flora-v35-categories-page .v35-categories-head[b-uws7j6o5bf]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 280px !important; height: 280px !important; right: -82px !important; top: -138px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .flora-v35-categories-page .v35-categories-head[b-uws7j6o5bf]::after { content: "" !important; position: absolute !important; z-index: -1 !important; width: 130px !important; height: 130px !important; right: 125px !important; bottom: -94px !important; border: 23px solid rgba(255,255,255,.035) !important; border-radius: 50% !important; } /* BOTANIK BAHCESI FLORA */ .flora-v35-categories-page .v35-categories-head > span[b-uws7j6o5bf] { display: inline-flex !important; align-items: center !important; min-height: 27px !important; margin: 0 0 11px !important; padding: 0 10px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; background: rgba(255,255,255,.09) !important; color: #d7ecdc !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .12em !important; } /* TUM KATEGORILER */ .flora-v35-categories-page .v35-categories-head > h1[b-uws7j6o5bf] { max-width: 820px !important; margin: 0 0 10px !important; color: #ffffff !important; font-size: clamp(31px, 4vw, 44px) !important; font-weight: 900 !important; line-height: 1.07 !important; letter-spacing: -.02em !important; } /* ACIKLAMA */ .flora-v35-categories-page .v35-categories-head > p[b-uws7j6o5bf] { max-width: 780px !important; margin: 0 !important; color: #dcece0 !important; font-size: 13px !important; line-height: 1.68 !important; } /* TABLET */ @media (max-width: 760px) { .flora-v35-categories-page .v35-categories-head[b-uws7j6o5bf] { width: min(100% - 24px, 1180px) !important; min-height: 160px !important; margin-top: 14px !important; margin-bottom: 18px !important; padding: 26px 25px !important; border-radius: 14px !important; } .flora-v35-categories-page .v35-categories-head > h1[b-uws7j6o5bf] { font-size: 33px !important; } } /* MOBILE */ @media (max-width: 520px) { .flora-v35-categories-page .v35-categories-head[b-uws7j6o5bf] { width: min(100% - 18px, 1180px) !important; min-height: 150px !important; padding: 22px 18px !important; border-radius: 13px !important; } .flora-v35-categories-page .v35-categories-head > span[b-uws7j6o5bf] { min-height: 25px !important; margin-bottom: 9px !important; font-size: 9px !important; } .flora-v35-categories-page .v35-categories-head > h1[b-uws7j6o5bf] { margin-bottom: 8px !important; font-size: 29px !important; } .flora-v35-categories-page .v35-categories-head > p[b-uws7j6o5bf] { font-size: 12px !important; line-height: 1.6 !important; } } /* FLORA_V39_CATEGORIES_GRID_PREMIUM */ .flora-v35-categories-page .v35-category-grid[b-uws7j6o5bf]{ width:min(100% - 32px,1180px) !important; margin:0 auto 42px !important; display:grid !important; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)) !important; gap:18px !important } .flora-v35-categories-page .v35-category-card[b-uws7j6o5bf]{ min-width:0 !important; overflow:hidden !important; display:grid !important; grid-template-rows:190px 1fr !important; text-decoration:none !important; border:1px solid rgba(6,60,41,.08) !important; border-radius:22px !important; background:#ffffff !important; box-shadow:0 10px 28px rgba(6,60,41,.08) !important; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important } .flora-v35-categories-page .v35-category-card:hover[b-uws7j6o5bf]{ transform:translateY(-4px) !important; border-color:rgba(6,60,41,.18) !important; box-shadow:0 16px 34px rgba(6,60,41,.12) !important } .flora-v35-categories-page .v35-category-card > img[b-uws7j6o5bf]{ width:100% !important; height:100% !important; display:block !important; object-fit:cover !important; object-position:center center !important; background:#eef3ef !important } .flora-v35-categories-page .v35-category-card > div[b-uws7j6o5bf]{ min-width:0 !important; display:grid !important; align-content:start !important; gap:8px !important; padding:18px 18px 16px !important; background:#ffffff !important } .flora-v35-categories-page .v35-category-card > div strong[b-uws7j6o5bf]{ margin:0 !important; color:#063c29 !important; font-size:17px !important; font-weight:850 !important; line-height:1.18 !important; letter-spacing:-.025em !important } .flora-v35-categories-page .v35-category-card > div span[b-uws7j6o5bf]{ color:#6c7a70 !important; font-size:12px !important; line-height:1.45 !important } .flora-v35-categories-page .v35-category-card > div b[b-uws7j6o5bf]{ margin-top:10px !important; color:#063c29 !important; font-size:12px !important; font-weight:900 !important; letter-spacing:.01em !important } /* Urun olmayan kategoride count daha yumuşak gorunsun */ .flora-v35-categories-page .v35-category-card > div span:empty[b-uws7j6o5bf]{ display:none !important } @media (max-width:760px){ .flora-v35-categories-page .v35-category-grid[b-uws7j6o5bf]{ width:min(100% - 24px,1180px) !important; gap:14px !important } .flora-v35-categories-page .v35-category-card[b-uws7j6o5bf]{ grid-template-rows:176px 1fr !important; border-radius:18px !important } .flora-v35-categories-page .v35-category-card > div[b-uws7j6o5bf]{ padding:16px 15px 15px !important } .flora-v35-categories-page .v35-category-card > div strong[b-uws7j6o5bf]{ font-size:16px !important } } @media (max-width:520px){ .flora-v35-categories-page .v35-category-grid[b-uws7j6o5bf]{ width:min(100% - 18px,1180px) !important; grid-template-columns:1fr !important } } /* FLORA_V40_16_CATEGORIES_PREMIUM */ .flora-v35-categories-page[b-uws7j6o5bf]{background:#fbf8f1!important;padding-bottom:70px!important}.flora-v35-categories-page .v35-category-grid[b-uws7j6o5bf]{width:min(calc(100% - 48px),1220px)!important;margin:26px auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}.flora-v35-categories-page .v35-category-card[b-uws7j6o5bf]{overflow:hidden!important;border:1px solid rgba(6,60,41,.12)!important;border-radius:20px!important;background:#fffdf9!important;box-shadow:0 12px 30px rgba(6,60,41,.055)!important;text-decoration:none!important}.flora-v35-categories-page .v35-category-card img[b-uws7j6o5bf]{width:100%!important;height:245px!important;object-fit:cover!important}.flora-v35-categories-page .v35-category-card>div[b-uws7j6o5bf]{padding:18px!important}.flora-v35-categories-page .v35-category-card strong[b-uws7j6o5bf]{font-family:"Iowan Old Style",Georgia,serif!important;font-size:23px!important;font-weight:500!important;color:#063c29!important}.flora-v35-categories-page .v35-category-card span[b-uws7j6o5bf]{font-size:10px!important;color:#718078!important}.flora-v35-categories-page .v35-category-card b[b-uws7j6o5bf]{margin-top:12px!important;font-size:9px!important;color:#063c29!important}@media(max-width:850px){.flora-v35-categories-page .v35-category-grid[b-uws7j6o5bf]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:520px){.flora-v35-categories-page .v35-category-grid[b-uws7j6o5bf]{width:min(calc(100% - 24px),1220px)!important;grid-template-columns:1fr!important}.flora-v35-categories-page .v35-category-card img[b-uws7j6o5bf]{height:220px!important}} /* /Components/Pages/KurumsalSayfa.razor.rz.scp.css */ .flora-corporate-page[b-n7d1hk48cd] { width: min(100% - 32px, 1040px); margin: 0 auto; padding: 28px 0 80px; color: #243128; } .corporate-breadcrumb[b-n7d1hk48cd] { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; color: #6f7b73; font-size: 13px; } .corporate-breadcrumb a[b-n7d1hk48cd] { display: inline-flex; align-items: center; min-height: 44px; color: #063c29; font-weight: 800; text-decoration: none; } .corporate-hero[b-n7d1hk48cd] { padding: 42px; border-radius: 20px; background: linear-gradient(135deg,#063c29,#063c29); color: #fff; box-shadow: 0 18px 45px rgba(6,60,41,.12); } .corporate-hero > span[b-n7d1hk48cd] { font-size: 13px; font-weight: 900; letter-spacing: .12em; } .corporate-hero h1[b-n7d1hk48cd] { margin: 10px 0 10px; font-size: clamp(30px,4vw,44px); line-height: 1.08; } .corporate-hero p[b-n7d1hk48cd] { max-width: 760px; margin: 0; color: #e0ece3; font-size: 16px; line-height: 1.7; } .corporate-content[b-n7d1hk48cd] { margin-top: 20px; padding: 34px; border: 1px solid #dfe7e1; border-radius: 18px; background: #fff; box-shadow: 0 10px 34px rgba(6,60,41,.05); } .corporate-content > p[b-n7d1hk48cd] { margin: 0 0 18px; color: #4f5e54; font-size: 15px; line-height: 1.85; } .faq-grid[b-n7d1hk48cd] { display: grid; gap: 10px; margin-top: 22px; } .faq-grid details[b-n7d1hk48cd] { border: 1px solid #dce6de; border-radius: 12px; background: #f9fbf9; } .faq-grid summary[b-n7d1hk48cd] { min-height: 50px; padding: 14px 16px; cursor: pointer; color: #26332b; font-size: 15px; font-weight: 850; } .faq-grid p[b-n7d1hk48cd] { margin: 0; padding: 0 16px 16px; color: #5f6c64; font-size: 14px; line-height: 1.7; } .corporate-contact[b-n7d1hk48cd] { display: grid; gap: 5px; margin-top: 28px; padding: 22px; border-radius: 14px; background: #eff7f1; } .corporate-contact strong[b-n7d1hk48cd] { font-size: 17px; } .corporate-contact span[b-n7d1hk48cd] { color: #617068; font-size: 14px; } .corporate-contact a[b-n7d1hk48cd] { width: fit-content; min-height: 44px; display: inline-flex; align-items: center; margin-top: 7px; color: #063c29; font-size: 13px; font-weight: 900; text-decoration: none; } @media(max-width:650px) { .flora-corporate-page[b-n7d1hk48cd] { width: min(100% - 20px,1040px); padding-top: 14px; } .corporate-hero[b-n7d1hk48cd] { padding: 30px 22px; border-radius: 16px; } .corporate-content[b-n7d1hk48cd] { padding: 24px 20px; border-radius: 15px; } } /* ============================================================ FLORA_V37D18_FOOTER_KURUMSAL_PAGES_DESIGN_CSS_V1_1 Footer Kurumsal bilgi sayfalari ortak Flora tasarimi. Hakkimizda / Iletisim / SSS / Kargo-Teslimat ============================================================ */ .flora-footer-info-page-v11[b-n7d1hk48cd], .flora-footer-info-page-v11 *[b-n7d1hk48cd], .flora-footer-info-page-v11 *[b-n7d1hk48cd]::before, .flora-footer-info-page-v11 *[b-n7d1hk48cd]::after { box-sizing: border-box; } .flora-footer-info-page-v11[b-n7d1hk48cd] { --flora-green: #063c29; --flora-green-dark: #063c29; --flora-green-soft: #edf6ef; --flora-border: #dce7df; --flora-text: #263229; --flora-muted: #68766d; width: min(100% - 36px, 1180px); margin: 0 auto; padding: 24px 0 72px; color: var(--flora-text); } /* Breadcrumb varsa */ .flora-footer-info-page-v11 .info-breadcrumb[b-n7d1hk48cd] { min-height: 42px; margin: 0 0 14px; padding: 8px 14px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; border: 1px solid var(--flora-border); border-radius: 10px; background: #ffffff; color: var(--flora-muted); font-size: 12px; } .flora-footer-info-page-v11 .info-breadcrumb a[b-n7d1hk48cd] { color: var(--flora-green); font-weight: 800; text-decoration: none; } .flora-footer-info-page-v11 .info-breadcrumb a:hover[b-n7d1hk48cd] { text-decoration: underline; } /* Mevcut info-hero varsa premium Flora hero */ .flora-footer-info-page-v11 .info-hero[b-n7d1hk48cd] { position: relative; isolation: isolate; min-height: 210px; margin: 0 0 22px; padding: 36px 40px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; overflow: hidden; border-radius: 18px; background: linear-gradient( 135deg, #063c29 0%, #063c29 50%, #063c29 100% ); color: #ffffff; box-shadow: 0 18px 40px rgba(6,60,41,.15); } .flora-footer-info-page-v11 .info-hero[b-n7d1hk48cd]::after { content: ""; position: absolute; z-index: -1; width: 310px; height: 310px; right: -95px; top: -145px; border-radius: 50%; background: rgba(255,255,255,.055); } .flora-footer-info-page-v11 .info-hero > span[b-n7d1hk48cd] { margin: 0 0 11px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.08); color: #d4ebd9; font-size: 10px; font-weight: 900; letter-spacing: .09em; } .flora-footer-info-page-v11 .info-hero h1[b-n7d1hk48cd] { margin: 0 0 10px; color: #ffffff; font-size: clamp(30px,4vw,45px); font-weight: 900; line-height: 1.07; } .flora-footer-info-page-v11 .info-hero p[b-n7d1hk48cd] { max-width: 760px; margin: 0; color: #dcece0; font-size: 14px; line-height: 1.68; } /* Ayrı basit sayfalarda hero wrapper yoksa üst başlık alanı */ .flora-footer-info-page-v11 > span:first-child[b-n7d1hk48cd] { display: inline-flex; align-items: center; min-height: 28px; margin: 0 0 10px; padding: 0 11px; border-radius: 999px; background: var(--flora-green-soft); color: var(--flora-green); font-size: 10px; font-weight: 900; letter-spacing: .09em; } .flora-footer-info-page-v11 > h1[b-n7d1hk48cd] { margin: 0 0 10px; color: var(--flora-green-dark); font-size: clamp(30px,4vw,44px); font-weight: 900; line-height: 1.08; letter-spacing: -.02em; } .flora-footer-info-page-v11 > p[b-n7d1hk48cd] { max-width: 800px; margin: 0 0 24px; color: var(--flora-muted); font-size: 14px; line-height: 1.72; } /* Ortak içerik grid */ .flora-footer-info-page-v11 .info-content[b-n7d1hk48cd] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; } /* Bilgi kartları */ .flora-footer-info-page-v11 .info-content > article[b-n7d1hk48cd], .flora-footer-info-page-v11 > article[b-n7d1hk48cd] { position: relative; min-width: 0; padding: 23px 24px; overflow: hidden; border: 1px solid var(--flora-border); border-radius: 14px; background: linear-gradient( 180deg, #ffffff 0%, #fbfdfb 100% ); box-shadow: 0 7px 24px rgba(6,60,41,.055); } .flora-footer-info-page-v11 .info-content > article[b-n7d1hk48cd]::before, .flora-footer-info-page-v11 > article[b-n7d1hk48cd]::before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient( 180deg, var(--flora-green) 0%, #063c29 100% ); } .flora-footer-info-page-v11 article h2[b-n7d1hk48cd], .flora-footer-info-page-v11 section h2[b-n7d1hk48cd] { margin: 0 0 9px; color: var(--flora-green-dark); font-size: 18px; font-weight: 900; line-height: 1.28; } .flora-footer-info-page-v11 article p[b-n7d1hk48cd], .flora-footer-info-page-v11 section p[b-n7d1hk48cd] { color: #59675e; font-size: 13px; line-height: 1.7; white-space: pre-line; overflow-wrap: anywhere; } /* İletişim sayfasındaki mevcut iletişim grid yapıları */ .flora-footer-info-page-v11 .flora-v35-contact-grid[b-n7d1hk48cd], .flora-footer-info-page-v11 .contact-grid[b-n7d1hk48cd], .flora-footer-info-page-v11 .contact-cards[b-n7d1hk48cd] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 22px; } .flora-footer-info-page-v11 .flora-v35-contact-grid > article[b-n7d1hk48cd], .flora-footer-info-page-v11 .contact-grid > article[b-n7d1hk48cd], .flora-footer-info-page-v11 .contact-cards > article[b-n7d1hk48cd], .flora-footer-info-page-v11 .flora-v35-contact-grid > div[b-n7d1hk48cd], .flora-footer-info-page-v11 .contact-grid > div[b-n7d1hk48cd], .flora-footer-info-page-v11 .contact-cards > div[b-n7d1hk48cd] { min-width: 0; padding: 18px 19px; display: grid; gap: 6px; border: 1px solid var(--flora-border); border-radius: 12px; background: #ffffff; box-shadow: 0 5px 18px rgba(6,60,41,.05); } .flora-footer-info-page-v11 .flora-v35-contact-grid strong[b-n7d1hk48cd], .flora-footer-info-page-v11 .contact-grid strong[b-n7d1hk48cd], .flora-footer-info-page-v11 .contact-cards strong[b-n7d1hk48cd] { color: var(--flora-green); font-size: 12px; font-weight: 900; } .flora-footer-info-page-v11 .flora-v35-contact-grid span[b-n7d1hk48cd], .flora-footer-info-page-v11 .contact-grid span[b-n7d1hk48cd], .flora-footer-info-page-v11 .contact-cards span[b-n7d1hk48cd] { color: #4e5d53; font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; } /* SSS için details kullanılıyorsa */ .flora-footer-info-page-v11 details[b-n7d1hk48cd] { margin: 0 0 10px; border: 1px solid var(--flora-border); border-radius: 12px; background: #ffffff; overflow: hidden; } .flora-footer-info-page-v11 details > summary[b-n7d1hk48cd] { min-height: 50px; padding: 14px 17px; display: flex; align-items: center; color: var(--flora-green-dark); font-size: 13px; font-weight: 900; cursor: pointer; } .flora-footer-info-page-v11 details[open] > summary[b-n7d1hk48cd] { background: var(--flora-green-soft); } .flora-footer-info-page-v11 details > p[b-n7d1hk48cd], .flora-footer-info-page-v11 details > div[b-n7d1hk48cd] { margin: 0; padding: 0 17px 16px; color: #59675e; font-size: 13px; line-height: 1.65; } /* Linkler */ .flora-footer-info-page-v11 a[b-n7d1hk48cd] { color: var(--flora-green); } .flora-footer-info-page-v11 a:focus-visible[b-n7d1hk48cd] { outline: 3px solid rgba(6,60,41,.16); outline-offset: 3px; border-radius: 6px; } /* Tablet */ @media (max-width: 820px) { .flora-footer-info-page-v11[b-n7d1hk48cd] { width: min(100% - 24px,1180px); padding-top: 16px; padding-bottom: 54px; } .flora-footer-info-page-v11 .info-hero[b-n7d1hk48cd] { min-height: 185px; padding: 29px 27px; border-radius: 16px; } .flora-footer-info-page-v11 .info-content[b-n7d1hk48cd], .flora-footer-info-page-v11 .flora-v35-contact-grid[b-n7d1hk48cd], .flora-footer-info-page-v11 .contact-grid[b-n7d1hk48cd], .flora-footer-info-page-v11 .contact-cards[b-n7d1hk48cd] { grid-template-columns: minmax(0,1fr); } } /* Mobil */ @media (max-width: 520px) { .flora-footer-info-page-v11[b-n7d1hk48cd] { width: min(100% - 18px,1180px); padding-top: 10px; padding-bottom: 40px; } .flora-footer-info-page-v11 .info-breadcrumb[b-n7d1hk48cd] { min-height: 40px; margin-bottom: 10px; padding: 8px 11px; font-size: 11px; } .flora-footer-info-page-v11 .info-hero[b-n7d1hk48cd] { min-height: 165px; margin-bottom: 14px; padding: 23px 19px; border-radius: 14px; } .flora-footer-info-page-v11 .info-hero h1[b-n7d1hk48cd], .flora-footer-info-page-v11 > h1[b-n7d1hk48cd] { font-size: 28px; } .flora-footer-info-page-v11 .info-hero p[b-n7d1hk48cd], .flora-footer-info-page-v11 > p[b-n7d1hk48cd] { font-size: 12px; line-height: 1.62; } .flora-footer-info-page-v11 .info-content[b-n7d1hk48cd] { gap: 10px; } .flora-footer-info-page-v11 .info-content > article[b-n7d1hk48cd], .flora-footer-info-page-v11 > article[b-n7d1hk48cd] { padding: 18px 17px 18px 20px; border-radius: 12px; } .flora-footer-info-page-v11 article h2[b-n7d1hk48cd], .flora-footer-info-page-v11 section h2[b-n7d1hk48cd] { font-size: 16px; } .flora-footer-info-page-v11 article p[b-n7d1hk48cd], .flora-footer-info-page-v11 section p[b-n7d1hk48cd] { font-size: 12px; line-height: 1.65; } } /* ============================================================ FLORA_V37D18_CORPORATE_REAL_CLASSES_PREMIUM_V2 GERCEK CURRENT SINIFLAR: .flora-corporate-page .corporate-breadcrumb .corporate-hero .corporate-content .corporate-contact .faq-grid !important kullanilmasinin nedeni: wwwroot/css/flora-v32-premium.css global stillerini kesin ezmek. ============================================================ */ .flora-corporate-page[b-n7d1hk48cd] { width: min(100% - 36px, 1180px) !important; max-width: 1180px !important; margin: 0 auto !important; padding: 24px 0 72px !important; color: #263229 !important; box-sizing: border-box !important; } .flora-corporate-page *[b-n7d1hk48cd], .flora-corporate-page *[b-n7d1hk48cd]::before, .flora-corporate-page *[b-n7d1hk48cd]::after { box-sizing: border-box !important; } /* BREADCRUMB */ .flora-corporate-page .corporate-breadcrumb[b-n7d1hk48cd] { min-height: 42px !important; margin: 0 0 14px !important; padding: 8px 14px !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; border: 1px solid #dce7df !important; border-radius: 10px !important; background: #ffffff !important; color: #6c796f !important; font-size: 12px !important; line-height: 1.35 !important; box-shadow: 0 3px 12px rgba(6,60,41,.03) !important; } .flora-corporate-page .corporate-breadcrumb a[b-n7d1hk48cd] { color: #063c29 !important; font-weight: 900 !important; text-decoration: none !important; } /* HERO */ .flora-corporate-page .corporate-hero[b-n7d1hk48cd] { position: relative !important; isolation: isolate !important; width: 100% !important; min-height: 230px !important; margin: 0 0 22px !important; padding: 38px 42px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; overflow: hidden !important; border: 0 !important; border-radius: 18px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 52%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 18px 42px rgba(6,60,41,.17) !important; } .flora-corporate-page .corporate-hero[b-n7d1hk48cd]::after { content: "" !important; position: absolute !important; z-index: -1 !important; width: 330px !important; height: 330px !important; right: -100px !important; top: -155px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .flora-corporate-page .corporate-hero span[b-n7d1hk48cd], .flora-corporate-page .corporate-hero small[b-n7d1hk48cd] { display: inline-flex !important; align-items: center !important; margin: 0 0 11px !important; padding: 7px 10px !important; border: 1px solid rgba(255,255,255,.16) !important; border-radius: 999px !important; background: rgba(255,255,255,.08) !important; color: #d7eddb !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .09em !important; } .flora-corporate-page .corporate-hero h1[b-n7d1hk48cd] { max-width: 820px !important; margin: 0 0 11px !important; color: #ffffff !important; font-size: clamp(30px,4vw,46px) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -.025em !important; } .flora-corporate-page .corporate-hero p[b-n7d1hk48cd] { max-width: 780px !important; margin: 0 !important; color: #dcece0 !important; font-size: 14px !important; line-height: 1.7 !important; } /* CONTENT */ .flora-corporate-page .corporate-content[b-n7d1hk48cd] { width: 100% !important; display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; } .flora-corporate-page .corporate-content > *[b-n7d1hk48cd] { position: relative !important; min-width: 0 !important; margin: 0 !important; padding: 23px 24px 22px !important; overflow: hidden !important; border: 1px solid #dce7df !important; border-radius: 14px !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfdfb 100% ) !important; box-shadow: 0 7px 24px rgba(6,60,41,.055) !important; } .flora-corporate-page .corporate-content > *[b-n7d1hk48cd]::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; background: linear-gradient( 180deg, #063c29 0%, #063c29 100% ) !important; } .flora-corporate-page .corporate-content h2[b-n7d1hk48cd], .flora-corporate-page .corporate-content h3[b-n7d1hk48cd] { margin: 0 0 10px !important; color: #063c29 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.28 !important; } .flora-corporate-page .corporate-content p[b-n7d1hk48cd], .flora-corporate-page .corporate-content li[b-n7d1hk48cd] { color: #58665d !important; font-size: 13px !important; line-height: 1.72 !important; } /* CONTACT */ .flora-corporate-page .corporate-contact[b-n7d1hk48cd] { width: 100% !important; margin-top: 18px !important; padding: 22px !important; border: 1px solid #dce7df !important; border-radius: 14px !important; background: #f8fbf8 !important; box-shadow: 0 7px 24px rgba(6,60,41,.05) !important; } .flora-corporate-page .corporate-contact h2[b-n7d1hk48cd], .flora-corporate-page .corporate-contact h3[b-n7d1hk48cd] { color: #063c29 !important; font-size: 18px !important; font-weight: 900 !important; } .flora-corporate-page .corporate-contact a[b-n7d1hk48cd] { color: #063c29 !important; font-weight: 800 !important; } /* FAQ */ .flora-corporate-page .faq-grid[b-n7d1hk48cd] { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 13px !important; width: 100% !important; } .flora-corporate-page .faq-grid > *[b-n7d1hk48cd] { min-width: 0 !important; margin: 0 !important; padding: 18px 19px !important; border: 1px solid #dce7df !important; border-radius: 12px !important; background: #ffffff !important; box-shadow: 0 5px 18px rgba(6,60,41,.045) !important; } .flora-corporate-page .faq-grid h2[b-n7d1hk48cd], .flora-corporate-page .faq-grid h3[b-n7d1hk48cd], .flora-corporate-page .faq-grid strong[b-n7d1hk48cd] { color: #063c29 !important; font-weight: 900 !important; } .flora-corporate-page .faq-grid p[b-n7d1hk48cd], .flora-corporate-page .faq-grid span[b-n7d1hk48cd] { color: #5d6a61 !important; line-height: 1.65 !important; } @media (max-width: 820px) { .flora-corporate-page[b-n7d1hk48cd] { width: min(100% - 24px,1180px) !important; padding: 16px 0 54px !important; } .flora-corporate-page .corporate-hero[b-n7d1hk48cd] { min-height: 190px !important; padding: 30px 27px !important; border-radius: 16px !important; } .flora-corporate-page .corporate-content[b-n7d1hk48cd], .flora-corporate-page .faq-grid[b-n7d1hk48cd] { grid-template-columns: minmax(0,1fr) !important; } } @media (max-width: 520px) { .flora-corporate-page[b-n7d1hk48cd] { width: min(100% - 18px,1180px) !important; padding: 10px 0 40px !important; } .flora-corporate-page .corporate-breadcrumb[b-n7d1hk48cd] { margin-bottom: 10px !important; padding: 8px 11px !important; font-size: 11px !important; } .flora-corporate-page .corporate-hero[b-n7d1hk48cd] { min-height: 170px !important; margin-bottom: 14px !important; padding: 24px 19px !important; border-radius: 14px !important; } .flora-corporate-page .corporate-hero h1[b-n7d1hk48cd] { font-size: 28px !important; } .flora-corporate-page .corporate-hero p[b-n7d1hk48cd] { font-size: 12px !important; line-height: 1.62 !important; } .flora-corporate-page .corporate-content > *[b-n7d1hk48cd], .flora-corporate-page .faq-grid > *[b-n7d1hk48cd] { padding: 18px 17px 18px 20px !important; } } /* /Components/Pages/Odeme.razor.rz.scp.css */ .checkout-page[b-vp7cbq1a3f] { --green: #063c29; --dark-green: #063c29; --light-green: #eef6ef; --border: #e1e6e2; --text: #1b201c; --muted: #69706a; --danger: #c84242; width: min(100% - 40px, 1420px); margin: 0 auto; padding-bottom: 70px; font-family: var(--flora-font-family); color: var(--text); } .breadcrumb[b-vp7cbq1a3f] { height: 55px; display: flex; align-items: center; gap: 8px; font-size: var(--flora-text-md); color: #747a75; } .breadcrumb a[b-vp7cbq1a3f] { color: #747a75; text-decoration: none; } .breadcrumb strong[b-vp7cbq1a3f] { color: #242924; } .checkout-steps[b-vp7cbq1a3f] { max-width: 650px; margin: 15px auto 35px; display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; } .checkout-step[b-vp7cbq1a3f] { min-width: 90px; display: flex; flex-direction: column; align-items: center; color: #a0a5a1; } .checkout-step > span[b-vp7cbq1a3f] { width: 34px; height: 34px; margin-bottom: 7px; display: grid; place-items: center; border: 1px solid #ccd2cd; border-radius: 50%; background: white; font-size: var(--flora-text-md); font-weight: 700; } .checkout-step strong[b-vp7cbq1a3f] { font-size: var(--flora-text-sm); white-space: nowrap; } .checkout-step.active[b-vp7cbq1a3f], .checkout-step.completed[b-vp7cbq1a3f] { color: var(--green); } .checkout-step.active > span[b-vp7cbq1a3f], .checkout-step.completed > span[b-vp7cbq1a3f] { border-color: var(--green); background: var(--green); color: white; } .step-line[b-vp7cbq1a3f] { height: 1px; margin: 0 8px 21px; background: #dce1dd; } .step-line.active[b-vp7cbq1a3f] { background: var(--green); } .checkout-layout[b-vp7cbq1a3f] { display: grid; grid-template-columns: minmax(0, 1fr) 365px; gap: 25px; align-items: start; } .checkout-content[b-vp7cbq1a3f] { min-width: 0; display: flex; flex-direction: column; gap: 17px; } .checkout-card[b-vp7cbq1a3f] { padding: 25px; border: 1px solid var(--border); border-radius: 7px; background: white; } .card-heading[b-vp7cbq1a3f] { margin-bottom: 24px; display: flex; align-items: flex-start; gap: 13px; } .heading-number[b-vp7cbq1a3f] { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 50%; background: var(--green); color: white; font-size: var(--flora-text-base); font-weight: 700; } .card-heading h2[b-vp7cbq1a3f] { margin: 1px 0 5px; font-size: var(--flora-h3); } .card-heading p[b-vp7cbq1a3f] { margin: 0; color: var(--muted); font-size: var(--flora-text-md); } .form-grid[b-vp7cbq1a3f] { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .form-group[b-vp7cbq1a3f] { display: flex; flex-direction: column; } .form-group.full[b-vp7cbq1a3f] { grid-column: 1 / -1; } .form-group label[b-vp7cbq1a3f] { margin-bottom: 7px; font-size: var(--flora-label-text); font-weight: 600; } .form-group label span[b-vp7cbq1a3f] { color: #d14545; } .form-group input[b-vp7cbq1a3f], .form-group select[b-vp7cbq1a3f], .form-group textarea[b-vp7cbq1a3f] { width: 100%; border: 1px solid #d6dbd7; border-radius: 5px; background: white; color: #333; font-family: inherit; font-size: var(--flora-text-base); outline: none; transition: border-color .15s, box-shadow .15s; } .form-group input[b-vp7cbq1a3f], .form-group select[b-vp7cbq1a3f] { height: 44px; padding: 0 13px; } .form-group textarea[b-vp7cbq1a3f] { padding: 12px 13px; resize: vertical; } .form-group input:focus[b-vp7cbq1a3f], .form-group select:focus[b-vp7cbq1a3f], .form-group textarea:focus[b-vp7cbq1a3f] { border-color: #81aa8b; box-shadow: 0 0 0 3px rgba(6, 60, 41, .07); } .validation-error[b-vp7cbq1a3f] { margin-top: 5px; color: var(--danger); font-size: var(--flora-text-sm); } .section-validation[b-vp7cbq1a3f] { margin-top: 14px; padding: 10px 12px; border: 1px solid #ebc5c5; border-radius: 4px; background: #fff7f7; color: var(--danger); font-size: var(--flora-text-sm); } .same-address[b-vp7cbq1a3f] { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; cursor: pointer; font-size: var(--flora-text-base); } .same-address input[b-vp7cbq1a3f] { width: 16px; height: 16px; accent-color: var(--green); } .invoice-type[b-vp7cbq1a3f] { display: flex; gap: 8px; } .invoice-button[b-vp7cbq1a3f] { min-width: 115px; height: 39px; border: 1px solid #d6dbd7; border-radius: 4px; background: white; color: #444; font-size: var(--flora-button-text); font-weight: 600; cursor: pointer; } .invoice-button.active[b-vp7cbq1a3f] { border-color: var(--green); background: var(--light-green); color: var(--green); } .corporate-fields[b-vp7cbq1a3f] { margin-top: 20px; } .payment-methods[b-vp7cbq1a3f] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .payment-method[b-vp7cbq1a3f] { min-height: 90px; padding: 15px; display: grid; grid-template-columns: 22px 38px 1fr; gap: 11px; align-items: center; border: 1px solid #dce1dd; border-radius: 6px; background: white; color: #222; text-align: left; cursor: pointer; } .payment-method.active[b-vp7cbq1a3f] { border: 2px solid var(--green); background: #f6faf7; } .payment-radio[b-vp7cbq1a3f] { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid #bfc6c0; border-radius: 50%; } .payment-radio span[b-vp7cbq1a3f] { width: 8px; height: 8px; display: none; border-radius: 50%; background: var(--green); } .payment-method.active .payment-radio[b-vp7cbq1a3f] { border-color: var(--green); } .payment-method.active .payment-radio span[b-vp7cbq1a3f] { display: block; } .payment-icon svg[b-vp7cbq1a3f] { width: 30px; height: 30px; } .payment-method > div:last-child[b-vp7cbq1a3f] { display: flex; flex-direction: column; } .payment-method strong[b-vp7cbq1a3f] { margin-bottom: 5px; font-size: var(--flora-text-base); } .payment-method > div:last-child > span[b-vp7cbq1a3f] { color: var(--muted); font-size: var(--flora-text-sm); line-height: 1.45; } .secure-payment-info[b-vp7cbq1a3f], .bank-transfer-info[b-vp7cbq1a3f] { margin-top: 18px; padding: 16px; border: 1px solid #dbe7dd; border-radius: 6px; background: #f4f9f5; } .secure-payment-info[b-vp7cbq1a3f] { display: flex; gap: 12px; } .secure-icon[b-vp7cbq1a3f] { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; border-radius: 50%; background: white; color: var(--green); } .secure-icon svg[b-vp7cbq1a3f] { width: 21px; height: 21px; } .secure-payment-info strong[b-vp7cbq1a3f], .bank-transfer-info strong[b-vp7cbq1a3f] { display: block; margin-bottom: 5px; font-size: var(--flora-text-base); } .secure-payment-info p[b-vp7cbq1a3f], .bank-transfer-info p[b-vp7cbq1a3f] { margin: 0; color: #5e695f; font-size: var(--flora-text-md); line-height: 1.6; } .bank-transfer-info span[b-vp7cbq1a3f] { display: block; margin-top: 7px; color: var(--green); font-size: var(--flora-text-sm); } .agreements-card[b-vp7cbq1a3f] { padding-top: 21px; padding-bottom: 21px; } .agreement[b-vp7cbq1a3f] { min-height: 35px; display: flex; align-items: flex-start; gap: 9px; cursor: pointer; } .agreement + .agreement[b-vp7cbq1a3f] { margin-top: 5px; } .agreement input[b-vp7cbq1a3f] { width: 16px; height: 16px; margin-top: 1px; flex: 0 0 16px; accent-color: var(--green); } .agreement span[b-vp7cbq1a3f] { color: #545b55; font-size: var(--flora-text-md); line-height: 1.5; } .agreement a[b-vp7cbq1a3f] { color: var(--green); font-weight: 600; text-decoration: none; } .checkout-summary[b-vp7cbq1a3f] { position: sticky; top: 20px; padding: 23px; border: 1px solid var(--border); border-radius: 7px; background: white; } .checkout-summary h2[b-vp7cbq1a3f] { margin: 0 0 20px; font-size: var(--flora-h3); } .summary-products[b-vp7cbq1a3f] { padding-bottom: 8px; border-bottom: 1px solid #e9ede9; } .summary-product[b-vp7cbq1a3f] { min-height: 72px; padding: 8px 0; display: grid; grid-template-columns: 57px 1fr auto; gap: 10px; align-items: center; } .summary-image[b-vp7cbq1a3f] { width: 57px; height: 57px; position: relative; padding: 5px; display: grid; place-items: center; border: 1px solid #e7ebe7; border-radius: 5px; background: #f7f8f6; } .summary-image img[b-vp7cbq1a3f] { width: 100%; height: 100%; object-fit: contain; } .summary-image span[b-vp7cbq1a3f] { position: absolute; top: -6px; right: -6px; width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: var(--green); color: white; font-size: 13px; font-weight: 700; } .summary-product-info[b-vp7cbq1a3f] { min-width: 0; display: flex; flex-direction: column; } .summary-product-info strong[b-vp7cbq1a3f] { margin-bottom: 4px; font-size: var(--flora-text-md); } .summary-product-info span[b-vp7cbq1a3f] { color: var(--muted); font-size: var(--flora-text-sm); } .summary-product-price[b-vp7cbq1a3f] { white-space: nowrap; font-size: var(--flora-text-md); font-weight: 600; } .price-summary[b-vp7cbq1a3f] { padding: 12px 0; border-bottom: 1px solid #e9ede9; } .price-summary > div[b-vp7cbq1a3f] { min-height: 35px; display: flex; align-items: center; justify-content: space-between; gap: 15px; } .price-summary span[b-vp7cbq1a3f] { color: var(--muted); font-size: var(--flora-text-md); } .price-summary strong[b-vp7cbq1a3f] { font-size: var(--flora-text-base); } .price-summary .discount strong[b-vp7cbq1a3f], .price-summary .free[b-vp7cbq1a3f] { color: var(--green); } .grand-total[b-vp7cbq1a3f] { padding: 18px 0; display: flex; align-items: center; justify-content: space-between; } .grand-total span[b-vp7cbq1a3f] { font-size: var(--flora-text-base); font-weight: 700; } .grand-total strong[b-vp7cbq1a3f] { color: var(--green); font-size: 22px; } .complete-order[b-vp7cbq1a3f] { width: 100%; height: 46px; border: 0; border-radius: 4px; background: var(--green); color: white; font-size: var(--flora-button-text); font-weight: 800; cursor: pointer; } .complete-order:hover[b-vp7cbq1a3f] { background: var(--dark-green); } .back-cart[b-vp7cbq1a3f] { height: 38px; display: grid; place-items: center; color: var(--green); font-size: var(--flora-text-md); font-weight: 600; text-decoration: none; } .payment-security[b-vp7cbq1a3f] { margin-top: 8px; padding-top: 15px; display: flex; align-items: center; justify-content: center; gap: 8px; border-top: 1px solid #edf0ed; } .payment-security svg[b-vp7cbq1a3f] { width: 22px; height: 22px; color: var(--green); } .payment-security > div[b-vp7cbq1a3f] { display: flex; flex-direction: column; } .payment-security strong[b-vp7cbq1a3f] { font-size: var(--flora-text-sm); } .payment-security span[b-vp7cbq1a3f] { margin-top: 2px; color: var(--muted); font-size: var(--flora-text-xs); } .empty-checkout[b-vp7cbq1a3f] { min-height: 420px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 8px; text-align: center; } .empty-icon[b-vp7cbq1a3f] { margin-bottom: 15px; font-size: 45px; } .empty-checkout h1[b-vp7cbq1a3f] { margin: 0 0 9px; font-size: var(--flora-h2); } .empty-checkout p[b-vp7cbq1a3f] { max-width: 450px; margin: 0 0 20px; color: var(--muted); font-size: var(--flora-text-base); } .empty-checkout a[b-vp7cbq1a3f] { padding: 12px 20px; border-radius: 4px; background: var(--green); color: white; font-size: var(--flora-button-text); font-weight: 700; text-decoration: none; } .order-success[b-vp7cbq1a3f] { max-width: 700px; min-height: 500px; margin: 20px auto; padding: 65px 30px; display: flex; flex-direction: column; align-items: center; border: 1px solid var(--border); border-radius: 8px; text-align: center; } .success-icon[b-vp7cbq1a3f] { width: 75px; height: 75px; margin-bottom: 18px; display: grid; place-items: center; border-radius: 50%; background: var(--green); color: white; font-size: 32px; } .success-label[b-vp7cbq1a3f] { margin-bottom: 8px; color: var(--green); font-size: var(--flora-text-sm); font-weight: 800; letter-spacing: 1.3px; } .order-success h1[b-vp7cbq1a3f] { margin: 0 0 10px; font-size: var(--flora-h1); } .order-success > p[b-vp7cbq1a3f] { max-width: 500px; margin: 0; color: var(--muted); font-size: var(--flora-text-base); line-height: 1.65; } .order-number-box[b-vp7cbq1a3f] { width: 100%; max-width: 400px; margin: 25px 0; padding: 15px; display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 6px; background: #f7f9f7; } .order-number-box span[b-vp7cbq1a3f] { margin-bottom: 4px; color: var(--muted); font-size: var(--flora-text-sm); } .order-number-box strong[b-vp7cbq1a3f] { color: var(--green); font-size: 18px; } .success-buttons[b-vp7cbq1a3f] { display: flex; gap: 9px; } .success-buttons a[b-vp7cbq1a3f] { min-width: 145px; padding: 12px 16px; border: 1px solid var(--green); border-radius: 4px; background: var(--green); color: white; font-size: var(--flora-button-text); font-weight: 700; text-decoration: none; } .success-buttons a.secondary[b-vp7cbq1a3f] { background: white; color: var(--green); } .order-error[b-vp7cbq1a3f] { margin-bottom: 12px; padding: 11px 12px; border: 1px solid #ecc4c4; border-radius: 5px; background: #fff5f5; color: #b73737; font-size: var(--flora-text-md); line-height: 1.5; } @media (max-width: 1000px) { .checkout-layout[b-vp7cbq1a3f] { grid-template-columns: minmax(0, 1fr) 315px; } .checkout-card[b-vp7cbq1a3f] { padding: 20px; } } @media (max-width: 800px) { .checkout-page[b-vp7cbq1a3f] { width: calc(100% - 24px); } .checkout-layout[b-vp7cbq1a3f] { grid-template-columns: 1fr; } .checkout-summary[b-vp7cbq1a3f] { position: static; } .form-grid[b-vp7cbq1a3f] { grid-template-columns: 1fr; } .form-group.full[b-vp7cbq1a3f] { grid-column: auto; } .payment-methods[b-vp7cbq1a3f] { grid-template-columns: 1fr; } } @media (max-width: 500px) { .checkout-steps[b-vp7cbq1a3f] { grid-template-columns: repeat(3, 1fr); } .step-line[b-vp7cbq1a3f] { display: none; } .checkout-step[b-vp7cbq1a3f] { min-width: 0; } .checkout-step strong[b-vp7cbq1a3f] { font-size: 13px; } .checkout-card[b-vp7cbq1a3f] { padding: 17px 14px; } .card-heading[b-vp7cbq1a3f] { gap: 9px; } .card-heading h2[b-vp7cbq1a3f] { font-size: 16px; } .invoice-type[b-vp7cbq1a3f] { display: grid; grid-template-columns: 1fr 1fr; } .invoice-button[b-vp7cbq1a3f] { min-width: 0; } .summary-product[b-vp7cbq1a3f] { grid-template-columns: 52px 1fr; } .summary-product-price[b-vp7cbq1a3f] { grid-column: 2; } .success-buttons[b-vp7cbq1a3f] { width: 100%; flex-direction: column; } } .success-bank-info[b-vp7cbq1a3f] { max-width: 560px; margin: 18px auto 0; text-align: left; } .success-bank-info p[b-vp7cbq1a3f] { margin: 7px 0; } /* FLORA V39 CHECKOUT FINAL POLISH */ .checkout-page[b-vp7cbq1a3f],.checkout-layout[b-vp7cbq1a3f],.checkout-content[b-vp7cbq1a3f],.checkout-summary[b-vp7cbq1a3f]{min-width:0!important}.checkout-layout[b-vp7cbq1a3f]{gap:22px!important}.checkout-card[b-vp7cbq1a3f]{min-width:0!important;padding:22px!important;border:1px solid #e0e8e2!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 28px rgba(6,60,41,.04)!important}.card-heading[b-vp7cbq1a3f]{min-width:0!important;gap:12px!important}.heading-number[b-vp7cbq1a3f]{flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:11px!important;background:#eaf4ed!important;color:#063c29!important}.form-grid[b-vp7cbq1a3f]{min-width:0!important;gap:13px!important}.form-group[b-vp7cbq1a3f]{min-width:0!important}.form-group input[b-vp7cbq1a3f],.form-group select[b-vp7cbq1a3f],.form-group textarea[b-vp7cbq1a3f]{max-width:100%!important;min-width:0!important;border-radius:11px!important}.checkout-summary[b-vp7cbq1a3f]{border-radius:20px!important;box-shadow:0 10px 32px rgba(6,60,41,.06)!important}.price-summary>div[b-vp7cbq1a3f]{min-width:0!important;gap:12px!important}.price-summary span[b-vp7cbq1a3f]{min-width:0!important;overflow-wrap:anywhere!important}.grand-total[b-vp7cbq1a3f]{border-radius:14px!important;background:#eef7f1!important}.complete-order[b-vp7cbq1a3f]{border-radius:13px!important}@media(max-width:720px){.checkout-card[b-vp7cbq1a3f]{padding:17px!important}.form-grid[b-vp7cbq1a3f],.form-grid.corporate-fields[b-vp7cbq1a3f]{grid-template-columns:1fr!important}} /* FLORA_V39_CHECKOUT_WHEEL_REWARD */ .checkout-wheel-reward[b-vp7cbq1a3f]{ display:grid; gap:4px; margin:14px 0; padding:13px 14px; border:1px solid #bcdcc6; border-radius:14px; background:linear-gradient(135deg,#edf8f0,#fff); } .checkout-wheel-reward span[b-vp7cbq1a3f]{ color:#063c29; font-size:9px; font-weight:950; letter-spacing:.14em; } .checkout-wheel-reward strong[b-vp7cbq1a3f]{ color:#063c29; font-size:13px; } .checkout-wheel-reward small[b-vp7cbq1a3f]{ color:#68766d; font-size:10px; line-height:1.45; } /* FLORA_V40_16_COMMERCE_PREMIUM */ .cart-page[b-vp7cbq1a3f],.checkout-page[b-vp7cbq1a3f]{background:#fbf8f1!important;color:#063c29!important}.cart-products[b-vp7cbq1a3f],.cart-summary[b-vp7cbq1a3f],.checkout-card[b-vp7cbq1a3f],.order-summary[b-vp7cbq1a3f]{border-color:rgba(6,60,41,.12)!important;border-radius:18px!important;background:#fffdf9!important;box-shadow:0 12px 30px rgba(6,60,41,.045)!important}.page-heading h1[b-vp7cbq1a3f],.checkout-card h2[b-vp7cbq1a3f]{font-family:"Iowan Old Style",Georgia,serif!important;color:#063c29!important}.checkout-card[b-vp7cbq1a3f]{padding:28px!important}.form-group input[b-vp7cbq1a3f],.form-group select[b-vp7cbq1a3f],.form-group textarea[b-vp7cbq1a3f]{border-radius:12px!important;background:#fff!important}.payment-method[b-vp7cbq1a3f]{border-radius:14px!important}.primary-button[b-vp7cbq1a3f],.checkout-button[b-vp7cbq1a3f]{border-radius:12px!important} /* /Components/Pages/OdemeSonuc.razor.rz.scp.css */ .payment-result[b-s8a70n8p8g] { width: min(100% - 30px, 720px); min-height: 62vh; display: grid; place-items: center; margin: 0 auto; padding: 55px 0 80px; } .result-card[b-s8a70n8p8g] { width: 100%; padding: 38px; border: 1px solid #dfe7e1; border-radius: 15px; background: #fff; box-shadow: 0 16px 45px rgba(6,60,41,.08); text-align: center; } .result-icon[b-s8a70n8p8g] { width: 68px; height: 68px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 50%; font-size: 28px; font-weight: 900; } .result-icon.success[b-s8a70n8p8g] { background: #e7f5ea; color: #063c29; } .result-icon.failed[b-s8a70n8p8g] { background: #fff0f0; color: #a33f3f; } .result-card > span[b-s8a70n8p8g] { color: #063c29; font-size: 13px; font-weight: 900; letter-spacing: .09em; } .result-card h1[b-s8a70n8p8g] { margin: 8px 0 10px; color: #243029; font-size: 30px; } .result-card p[b-s8a70n8p8g] { max-width: 540px; margin: 0 auto; color: #69756c; font-size: 15px; line-height: 1.7; } .order-number[b-s8a70n8p8g] { margin: 20px auto 0; padding: 12px; border-radius: 8px; background: #f3f7f4; color: #5c695f; font-size: 14px; } .result-card > a[b-s8a70n8p8g] { display: inline-block; margin-top: 24px; padding: 12px 18px; border-radius: 8px; background: #063c29; color: #fff; font-size: 13px; font-weight: 900; text-decoration: none; } /* /Components/Pages/Profilim.razor.rz.scp.css */ .profile-page[b-jwwxfw5q7l] { display: grid; gap: 22px; } .page-heading > span[b-jwwxfw5q7l] { color: #063c29; font-size: 13px; font-weight: 900; letter-spacing: .12em; } .page-heading h1[b-jwwxfw5q7l] { margin: 6px 0 7px; font-size: 31px; line-height: 1.2; } .page-heading p[b-jwwxfw5q7l] { max-width: 650px; margin: 0; color: #6d766f; font-size: 14px; line-height: 1.65; } .profile-card[b-jwwxfw5q7l] { overflow: hidden; border: 1px solid #dfe7e0; border-radius: 14px; background: #fff; box-shadow: 0 12px 32px rgba(6,60,41,.05); } .profile-card-head[b-jwwxfw5q7l] { display: flex; gap: 13px; align-items: center; padding: 20px 22px; border-bottom: 1px solid #edf1ed; background: #fafcfa; } .profile-badge[b-jwwxfw5q7l] { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; background: #eaf4ec; color: #063c29; font-size: 21px; } .profile-card-head h2[b-jwwxfw5q7l] { margin: 0; font-size: 18px; } .profile-card-head p[b-jwwxfw5q7l] { margin: 3px 0 0; color: #7a827b; font-size: 13px; } .profile-grid[b-jwwxfw5q7l] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; padding: 23px; } .profile-grid label[b-jwwxfw5q7l] { display: grid; gap: 7px; } .profile-grid label.wide[b-jwwxfw5q7l] { grid-column: 1 / -1; } .profile-grid span[b-jwwxfw5q7l] { color: #303a32; font-size: 13px; font-weight: 800; } .profile-grid small[b-jwwxfw5q7l] { color: #89908a; font-size: 13px; } .profile-grid input[b-jwwxfw5q7l] { width: 100%; padding: 13px 14px; border: 1px solid #d7dfd8; border-radius: 7px; background: #fff; color: #202a22; font: inherit; font-size: 14px; } .profile-grid input:focus[b-jwwxfw5q7l] { border-color: #063c29; outline: 0; box-shadow: 0 0 0 3px rgba(6, 60, 41, .08); } .profile-grid input:disabled[b-jwwxfw5q7l] { background: #f5f7f5; color: #7f8780; } .profile-message[b-jwwxfw5q7l] { margin: 0 23px 20px; padding: 12px 14px; border-radius: 7px; background: #eef7f0; color: #063c29; font-size: 13px; font-weight: 700; } .profile-actions[b-jwwxfw5q7l] { display: flex; gap: 10px; align-items: center; padding: 0 23px 23px; } .profile-actions button[b-jwwxfw5q7l], .profile-actions a[b-jwwxfw5q7l] { padding: 12px 16px; border-radius: 6px; font-size: 13px; font-weight: 900; text-decoration: none; } .profile-actions button[b-jwwxfw5q7l] { border: 0; background: #063c29; color: #fff; cursor: pointer; } .profile-actions a[b-jwwxfw5q7l] { border: 1px solid #d7dfd8; color: #063c29; } @media (max-width: 620px) { .page-heading h1[b-jwwxfw5q7l] { font-size: 28px; } .profile-grid[b-jwwxfw5q7l] { grid-template-columns: 1fr; padding: 19px; } .profile-grid label.wide[b-jwwxfw5q7l] { grid-column: auto; } .profile-actions[b-jwwxfw5q7l] { align-items: stretch; flex-direction: column; padding: 0 19px 19px; } .profile-actions button[b-jwwxfw5q7l], .profile-actions a[b-jwwxfw5q7l] { text-align: center; } } /* ============================================================ FLORA_V37D18_PROFILE_FORM_SPACING_OVERFLOW_FIX_V1 Hedef: - Form kutulari arasinda rahat bosluk - Inputlar kart/cereve disina TASMAZ - Mevcut Flora yesil tasarim dili korunur - Kaydetme ve hesap mantigina dokunulmaz ============================================================ */ .profile-page[b-jwwxfw5q7l], .profile-page *[b-jwwxfw5q7l], .profile-page *[b-jwwxfw5q7l]::before, .profile-page *[b-jwwxfw5q7l]::after { box-sizing: border-box !important; } .profile-page[b-jwwxfw5q7l] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; gap: 24px !important; } /* Başlık ile kart arasında temiz ayrım */ .profile-page .page-heading[b-jwwxfw5q7l] { width: 100% !important; min-width: 0 !important; padding: 0 2px 2px !important; } .profile-page .page-heading h1[b-jwwxfw5q7l] { margin-top: 7px !important; margin-bottom: 8px !important; } .profile-page .page-heading p[b-jwwxfw5q7l] { margin-bottom: 0 !important; } /* Ana profil kartı hiçbir koşulda account shell dışına taşmaz */ .profile-page .profile-card[b-jwwxfw5q7l] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; border: 1px solid #dce6de !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(6,60,41,.055) !important; } .profile-page .profile-card-head[b-jwwxfw5q7l] { width: 100% !important; min-width: 0 !important; gap: 14px !important; padding: 21px 22px !important; background: #fafcfa !important; } /* FORM GRID: Ana overflow hatası width:100% + padding'in content-box hesaplanmasıydı. border-box + min-width:0 ile input kesin olarak sütun içinde kalır. */ .profile-page .profile-grid[b-jwwxfw5q7l] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 22px !important; row-gap: 20px !important; padding: 24px !important; } .profile-page .profile-grid label[b-jwwxfw5q7l] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; margin: 0 !important; } .profile-page .profile-grid label.wide[b-jwwxfw5q7l] { grid-column: 1 / -1 !important; } .profile-page .profile-grid input[b-jwwxfw5q7l], .profile-page .profile-grid select[b-jwwxfw5q7l], .profile-page .profile-grid textarea[b-jwwxfw5q7l] { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 13px 14px !important; box-sizing: border-box !important; border: 1px solid #d5dfd7 !important; border-radius: 8px !important; background: #ffffff !important; color: #243027 !important; font: inherit !important; font-size: 14px !important; box-shadow: none !important; } .profile-page .profile-grid input:focus[b-jwwxfw5q7l], .profile-page .profile-grid select:focus[b-jwwxfw5q7l], .profile-page .profile-grid textarea:focus[b-jwwxfw5q7l] { border-color: #063c29 !important; outline: 0 !important; box-shadow: 0 0 0 3px rgba(6,60,41,.09) !important; } .profile-page .profile-grid input:disabled[b-jwwxfw5q7l] { background: #f5f7f5 !important; color: #788079 !important; } .profile-page .profile-grid small[b-jwwxfw5q7l] { display: block !important; margin-top: 0 !important; line-height: 1.5 !important; } /* Butonlar da kart dışına çıkmasın */ .profile-page .profile-actions[b-jwwxfw5q7l] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; padding: 0 24px 24px !important; } .profile-page .profile-actions button[b-jwwxfw5q7l], .profile-page .profile-actions a[b-jwwxfw5q7l] { max-width: 100% !important; min-height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 16px !important; box-sizing: border-box !important; } /* Tablet: iki alan hâlâ yan yana kalabilir ama güvenli boşluk korunur */ @media (max-width: 760px) { .profile-page .profile-grid[b-jwwxfw5q7l] { grid-template-columns: minmax(0, 1fr) !important; gap: 17px !important; padding: 20px !important; } .profile-page .profile-grid label.wide[b-jwwxfw5q7l] { grid-column: auto !important; } .profile-page .profile-card-head[b-jwwxfw5q7l] { padding: 19px 20px !important; } .profile-page .profile-actions[b-jwwxfw5q7l] { padding: 0 20px 20px !important; } } /* Telefon */ @media (max-width: 520px) { .profile-page[b-jwwxfw5q7l] { gap: 18px !important; } .profile-page .profile-grid[b-jwwxfw5q7l] { gap: 15px !important; padding: 17px !important; } .profile-page .profile-card-head[b-jwwxfw5q7l] { padding: 17px !important; } .profile-page .profile-actions[b-jwwxfw5q7l] { flex-direction: column !important; align-items: stretch !important; gap: 9px !important; padding: 0 17px 17px !important; } .profile-page .profile-actions button[b-jwwxfw5q7l], .profile-page .profile-actions a[b-jwwxfw5q7l] { width: 100% !important; text-align: center !important; } } /* ============================================================ FLORA_V37D18_PROFILE_PREMIUM_HEADER_V1 SADECE PROFIL SAYFASI UST BASLIGI. Daha once duzeltilen form spacing/overflow korunur. ============================================================ */ .profile-page .page-heading[b-jwwxfw5q7l] { position: relative !important; isolation: isolate !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 170px !important; margin: 0 !important; padding: 28px 32px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; overflow: hidden !important; border-radius: 16px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 52%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 14px 34px rgba(6,60,41,.14) !important; } .profile-page .page-heading[b-jwwxfw5q7l]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 260px !important; height: 260px !important; right: -78px !important; top: -128px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .profile-page .page-heading > span[b-jwwxfw5q7l] { display: inline-flex !important; align-items: center !important; min-height: 27px !important; margin: 0 0 10px !important; padding: 0 10px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; background: rgba(255,255,255,.09) !important; color: #d7ecdc !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .12em !important; } .profile-page .page-heading > h1[b-jwwxfw5q7l] { margin: 0 0 10px !important; color: #ffffff !important; font-size: clamp(30px,4vw,42px) !important; font-weight: 900 !important; line-height: 1.08 !important; } .profile-page .page-heading > p[b-jwwxfw5q7l] { max-width: 760px !important; margin: 0 !important; color: #dcece0 !important; font-size: 13px !important; line-height: 1.68 !important; } .profile-page .page-heading + .profile-card[b-jwwxfw5q7l] { margin-top: 0 !important; } @media (max-width:520px) { .profile-page .page-heading[b-jwwxfw5q7l] { min-height: 145px !important; padding: 22px 18px !important; border-radius: 13px !important; } .profile-page .page-heading > h1[b-jwwxfw5q7l] { font-size: 28px !important; } .profile-page .page-heading > p[b-jwwxfw5q7l] { font-size: 12px !important; } } /* /Components/Pages/Sepet.razor.rz.scp.css */ .cart-page[b-wlgtcsy6d4] { --green: #063c29; --dark-green: #063c29; --light-green: #eef6ef; --border: #e1e6e2; --text: #1b201c; --muted: #69706a; --danger: #c83e3e; width: min(100% - 40px, 1420px); margin: 0 auto; padding-bottom: 70px; color: var(--text); font-family: var(--flora-font-family); } /* BREADCRUMB */ .breadcrumb[b-wlgtcsy6d4] { height: 55px; display: flex; align-items: center; gap: 8px; color: #737a74; font-size: var(--flora-text-md); } .breadcrumb a[b-wlgtcsy6d4] { color: #737a74; text-decoration: none; } .breadcrumb strong[b-wlgtcsy6d4] { color: #242924; } /* BAŞLIK */ .page-heading[b-wlgtcsy6d4] { margin: 10px 0 25px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; } .page-heading h1[b-wlgtcsy6d4] { margin: 0 0 7px; font-size: var(--flora-h1); line-height: 1; } .page-heading p[b-wlgtcsy6d4] { margin: 0; color: var(--muted); font-size: var(--flora-text-base); } .clear-cart[b-wlgtcsy6d4] { padding: 9px 13px; border: 1px solid #e0b9b9; border-radius: 4px; background: white; color: var(--danger); font-size: var(--flora-button-text); font-weight: 600; cursor: pointer; } /* LAYOUT */ .cart-layout[b-wlgtcsy6d4] { display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: 25px; align-items: start; } /* ÜRÜN TABLOSU */ .cart-products[b-wlgtcsy6d4] { min-width: 0; border: 1px solid var(--border); border-radius: 7px; background: #fff; overflow: hidden; } .cart-table-head[b-wlgtcsy6d4] { min-height: 46px; padding: 0 18px; display: grid; grid-template-columns: minmax(280px, 1fr) 110px 135px 125px 35px; gap: 12px; align-items: center; background: #f7f8f7; border-bottom: 1px solid var(--border); color: #666d67; font-size: var(--flora-text-sm); font-weight: 600; } .cart-item[b-wlgtcsy6d4] { min-height: 150px; padding: 18px; display: grid; grid-template-columns: minmax(280px, 1fr) 110px 135px 125px 35px; gap: 12px; align-items: center; border-bottom: 1px solid var(--border); } .cart-item:last-of-type[b-wlgtcsy6d4] { border-bottom: 0; } /* ÜRÜN */ .product-column[b-wlgtcsy6d4] { display: flex; align-items: center; gap: 15px; min-width: 0; } .product-photo[b-wlgtcsy6d4] { width: 105px; height: 105px; flex: 0 0 105px; padding: 8px; display: grid; place-items: center; border: 1px solid #ebeeeb; border-radius: 6px; background: #f7f8f6; } .product-photo img[b-wlgtcsy6d4] { width: 100%; height: 100%; object-fit: contain; } .product-info[b-wlgtcsy6d4] { min-width: 0; display: flex; flex-direction: column; } .product-category[b-wlgtcsy6d4] { margin-bottom: 5px; color: var(--green); font-size: var(--flora-text-xs); font-weight: 700; } .product-name[b-wlgtcsy6d4] { margin-bottom: 7px; color: #1c211d; font-size: var(--flora-text-lg); font-weight: 700; text-decoration: none; } .product-name:hover[b-wlgtcsy6d4] { color: var(--green); } .variant[b-wlgtcsy6d4] { color: var(--muted); font-size: var(--flora-text-sm); } .stock[b-wlgtcsy6d4] { margin-top: 6px; color: var(--green); font-size: var(--flora-text-sm); } /* FİYAT */ .unit-price strong[b-wlgtcsy6d4], .line-total strong[b-wlgtcsy6d4] { font-size: var(--flora-text-base); } .line-total strong[b-wlgtcsy6d4] { color: var(--green); } /* ADET */ .quantity-control[b-wlgtcsy6d4] { width: 105px; height: 37px; display: grid; grid-template-columns: 34px 1fr 34px; border: 1px solid #d8ddd9; border-radius: 4px; overflow: hidden; } .quantity-control button[b-wlgtcsy6d4] { border: 0; background: #f5f7f5; font-size: 17px; cursor: pointer; } .quantity-control button:hover[b-wlgtcsy6d4] { background: #ebefeb; } .quantity-control span[b-wlgtcsy6d4] { display: grid; place-items: center; font-size: var(--flora-text-base); font-weight: 600; } /* SİL */ .remove-button[b-wlgtcsy6d4] { width: 31px; height: 31px; display: grid; place-items: center; border: 0; background: transparent; color: #969c97; cursor: pointer; } .remove-button:hover[b-wlgtcsy6d4] { color: var(--danger); } .remove-button svg[b-wlgtcsy6d4] { width: 18px; height: 18px; } /* MOBİL LABEL */ .mobile-label[b-wlgtcsy6d4] { display: none; } /* SEPET ALT */ .cart-bottom[b-wlgtcsy6d4] { padding: 18px; display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; border-top: 1px solid var(--border); background: #fbfcfb; } .continue-shopping[b-wlgtcsy6d4] { margin-top: 10px; color: var(--green); font-size: var(--flora-text-md); font-weight: 700; text-decoration: none; } /* KUPON */ .coupon-area[b-wlgtcsy6d4] { width: 370px; } .coupon-form[b-wlgtcsy6d4] { display: grid; grid-template-columns: 1fr 95px; gap: 7px; } .coupon-form input[b-wlgtcsy6d4] { height: 39px; padding: 0 13px; border: 1px solid #d7dcd8; border-radius: 4px; outline: none; font-size: var(--flora-text-md); } .coupon-form input:focus[b-wlgtcsy6d4] { border-color: var(--green); } .coupon-form button[b-wlgtcsy6d4] { border: 0; border-radius: 4px; background: var(--green); color: white; font-size: var(--flora-button-text); font-weight: 700; cursor: pointer; } .coupon-message[b-wlgtcsy6d4] { margin-top: 8px; font-size: var(--flora-text-sm); } .coupon-message.success[b-wlgtcsy6d4] { color: var(--green); } .coupon-message.error[b-wlgtcsy6d4] { color: var(--danger); } .remove-coupon[b-wlgtcsy6d4] { margin-top: 7px; padding: 0; border: 0; background: transparent; color: var(--danger); font-size: var(--flora-text-sm); cursor: pointer; } /* SİPARİŞ ÖZETİ */ .order-summary[b-wlgtcsy6d4] { position: sticky; top: 20px; padding: 23px; border: 1px solid var(--border); border-radius: 7px; background: white; } .order-summary h2[b-wlgtcsy6d4] { margin: 0 0 23px; font-size: var(--flora-h3); } .summary-row[b-wlgtcsy6d4] { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #eef1ee; font-size: var(--flora-text-md); } .summary-row span[b-wlgtcsy6d4] { color: var(--muted); } .summary-row strong[b-wlgtcsy6d4] { font-size: var(--flora-text-base); } .discount-row strong[b-wlgtcsy6d4] { color: var(--green); } .free-cargo[b-wlgtcsy6d4] { color: var(--green); } /* KARGO */ .cargo-info[b-wlgtcsy6d4] { padding: 15px 0; border-bottom: 1px solid #eef1ee; } .cargo-info span[b-wlgtcsy6d4] { color: #59645a; font-size: var(--flora-text-sm); line-height: 1.5; } .cargo-progress[b-wlgtcsy6d4] { height: 5px; margin-top: 10px; overflow: hidden; border-radius: 20px; background: #e9ede9; } .cargo-progress > div[b-wlgtcsy6d4] { height: 100%; border-radius: inherit; background: var(--green); } /* TOTAL */ .summary-total[b-wlgtcsy6d4] { padding: 20px 0 15px; display: flex; align-items: center; justify-content: space-between; } .summary-total span[b-wlgtcsy6d4] { font-size: var(--flora-text-base); font-weight: 700; } .summary-total strong[b-wlgtcsy6d4] { color: var(--green); font-size: 22px; } /* CHECKOUT */ .checkout-button[b-wlgtcsy6d4] { width: 100%; height: 45px; border: 0; border-radius: 4px; background: var(--green); color: white; font-size: var(--flora-button-text); font-weight: 800; cursor: pointer; } .checkout-button:hover[b-wlgtcsy6d4] { background: var(--dark-green); } .secure-payment[b-wlgtcsy6d4] { margin-top: 13px; display: flex; align-items: center; justify-content: center; gap: 6px; color: #737b74; font-size: var(--flora-text-sm); } .secure-payment svg[b-wlgtcsy6d4] { width: 15px; height: 15px; } /* BOŞ SEPET */ .empty-cart[b-wlgtcsy6d4] { min-height: 430px; padding: 70px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 8px; text-align: center; } .empty-icon[b-wlgtcsy6d4] { width: 75px; height: 75px; margin-bottom: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--light-green); color: var(--green); } .empty-icon svg[b-wlgtcsy6d4] { width: 36px; height: 36px; } .empty-cart h2[b-wlgtcsy6d4] { margin: 0 0 10px; font-size: var(--flora-h2); } .empty-cart p[b-wlgtcsy6d4] { max-width: 440px; margin: 0 0 22px; color: var(--muted); font-size: var(--flora-text-base); line-height: 1.6; } .empty-cart > a[b-wlgtcsy6d4] { padding: 12px 20px; border-radius: 4px; background: var(--green); color: white; font-size: var(--flora-button-text); font-weight: 700; text-decoration: none; } /* ALT GÜVEN */ .cart-benefits[b-wlgtcsy6d4] { margin-top: 30px; min-height: 82px; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--border); border-radius: 6px; background: #fff; } .cart-benefits > div[b-wlgtcsy6d4] { padding: 18px 25px; display: flex; flex-direction: column; justify-content: center; } .cart-benefits strong[b-wlgtcsy6d4] { margin-bottom: 5px; font-size: var(--flora-text-base); } .cart-benefits span[b-wlgtcsy6d4] { color: var(--muted); font-size: var(--flora-text-sm); } /* TABLET */ @media (max-width: 1100px) { .cart-layout[b-wlgtcsy6d4] { grid-template-columns: 1fr 310px; } .cart-table-head[b-wlgtcsy6d4], .cart-item[b-wlgtcsy6d4] { grid-template-columns: minmax(220px, 1fr) 85px 115px 100px 30px; } .product-photo[b-wlgtcsy6d4] { width: 85px; height: 85px; flex-basis: 85px; } } /* MOBILE */ @media (max-width: 800px) { .cart-page[b-wlgtcsy6d4] { width: calc(100% - 24px); } .cart-layout[b-wlgtcsy6d4] { grid-template-columns: 1fr; } .order-summary[b-wlgtcsy6d4] { position: static; } .cart-table-head[b-wlgtcsy6d4] { display: none; } .cart-item[b-wlgtcsy6d4] { padding: 15px; grid-template-columns: 1fr 1fr; gap: 17px; } .product-column[b-wlgtcsy6d4] { grid-column: 1 / -1; } .remove-column[b-wlgtcsy6d4] { position: absolute; right: 12px; top: 12px; } .cart-item[b-wlgtcsy6d4] { position: relative; } .mobile-label[b-wlgtcsy6d4] { display: block; margin-bottom: 5px; color: var(--muted); font-size: var(--flora-text-sm); } .cart-bottom[b-wlgtcsy6d4] { flex-direction: column; } .coupon-area[b-wlgtcsy6d4] { width: 100%; } .cart-benefits[b-wlgtcsy6d4] { grid-template-columns: 1fr 1fr; } } /* SMALL MOBILE */ @media (max-width: 450px) { .page-heading[b-wlgtcsy6d4] { align-items: flex-start; flex-direction: column; } .page-heading h1[b-wlgtcsy6d4] { font-size: 29px; } .cart-item[b-wlgtcsy6d4] { grid-template-columns: 1fr; } .product-column[b-wlgtcsy6d4] { grid-column: auto; } .product-photo[b-wlgtcsy6d4] { width: 82px; height: 82px; flex-basis: 82px; } .coupon-form[b-wlgtcsy6d4] { grid-template-columns: 1fr; } .coupon-form button[b-wlgtcsy6d4] { height: 39px; } .cart-benefits[b-wlgtcsy6d4] { grid-template-columns: 1fr; } } /* ============================================================ FLORA_V37D18_CART_HEADING_PREMIUM_V1 SADECE: .cart-page .breadcrumb .cart-page .page-heading Sepet urunleri / adet / fiyat / toplam / odeme akisi degismez. ============================================================ */ .cart-page[b-wlgtcsy6d4], .cart-page *[b-wlgtcsy6d4], .cart-page *[b-wlgtcsy6d4]::before, .cart-page *[b-wlgtcsy6d4]::after { box-sizing: border-box !important; } .cart-page[b-wlgtcsy6d4] { width: min(100% - 36px, 1180px) !important; max-width: 1180px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; } /* BREADCRUMB */ .cart-page .breadcrumb[b-wlgtcsy6d4] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 42px !important; margin: 18px 0 12px !important; padding: 8px 14px !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; border: 1px solid #dce6de !important; border-radius: 10px !important; background: #ffffff !important; color: #758077 !important; font-size: 12px !important; line-height: 1.35 !important; } .cart-page .breadcrumb a[b-wlgtcsy6d4] { color: #063c29 !important; font-weight: 900 !important; text-decoration: none !important; } .cart-page .breadcrumb > span[b-wlgtcsy6d4] { color: #9ba49d !important; } .cart-page .breadcrumb > strong[b-wlgtcsy6d4] { color: #3b493f !important; font-weight: 800 !important; } /* ============================================================ SEPETIM HERO ============================================================ */ .cart-page .page-heading[b-wlgtcsy6d4] { position: relative !important; isolation: isolate !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 170px !important; margin: 0 0 22px !important; padding: 28px 32px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; overflow: hidden !important; border: 0 !important; border-radius: 16px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 52%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 14px 34px rgba(6,60,41,.14) !important; } .cart-page .page-heading[b-wlgtcsy6d4]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 270px !important; height: 270px !important; right: -80px !important; top: -132px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .cart-page .page-heading[b-wlgtcsy6d4]::after { content: "" !important; position: absolute !important; z-index: -1 !important; width: 125px !important; height: 125px !important; right: 120px !important; bottom: -90px !important; border: 22px solid rgba(255,255,255,.035) !important; border-radius: 50% !important; } .cart-page .page-heading > div[b-wlgtcsy6d4] { min-width: 0 !important; } /* SEPETIM */ .cart-page .page-heading h1[b-wlgtcsy6d4] { margin: 0 0 10px !important; color: #ffffff !important; font-size: clamp(31px, 4vw, 43px) !important; font-weight: 900 !important; line-height: 1.07 !important; letter-spacing: -.02em !important; } /* Sepetinizde X urun bulunuyor */ .cart-page .page-heading p[b-wlgtcsy6d4] { margin: 0 !important; color: #dcece0 !important; font-size: 13px !important; line-height: 1.65 !important; } .cart-page .page-heading p strong[b-wlgtcsy6d4] { color: #ffffff !important; font-weight: 900 !important; } /* SEPETI TEMIZLE */ .cart-page .page-heading .clear-cart[b-wlgtcsy6d4] { flex: 0 0 auto !important; min-height: 42px !important; padding: 0 15px !important; border: 1px solid rgba(255,255,255,.24) !important; border-radius: 8px !important; background: rgba(255,255,255,.10) !important; color: #ffffff !important; font-family: inherit !important; font-size: 11px !important; font-weight: 900 !important; cursor: pointer !important; backdrop-filter: blur(4px) !important; } .cart-page .page-heading .clear-cart:hover[b-wlgtcsy6d4] { background: rgba(255,255,255,.17) !important; } /* Alt içerik taşmasın */ .cart-page .empty-cart[b-wlgtcsy6d4], .cart-page .cart-layout[b-wlgtcsy6d4] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* TABLET */ @media (max-width: 760px) { .cart-page[b-wlgtcsy6d4] { width: min(100% - 24px, 1180px) !important; } .cart-page .page-heading[b-wlgtcsy6d4] { min-height: 155px !important; padding: 25px 24px !important; border-radius: 14px !important; } } /* MOBIL */ @media (max-width: 520px) { .cart-page[b-wlgtcsy6d4] { width: min(100% - 18px, 1180px) !important; } .cart-page .breadcrumb[b-wlgtcsy6d4] { margin-top: 10px !important; padding: 8px 11px !important; font-size: 11px !important; } .cart-page .page-heading[b-wlgtcsy6d4] { min-height: 150px !important; padding: 22px 18px !important; align-items: flex-start !important; flex-direction: column !important; justify-content: center !important; gap: 14px !important; border-radius: 13px !important; } .cart-page .page-heading h1[b-wlgtcsy6d4] { margin-bottom: 8px !important; font-size: 29px !important; } .cart-page .page-heading p[b-wlgtcsy6d4] { font-size: 12px !important; } .cart-page .page-heading .clear-cart[b-wlgtcsy6d4] { min-height: 39px !important; } } /* FLORA_V38_CART_FULFILLMENT_AND_RECOMMENDATIONS */ .flora-v38-fulfillment[b-wlgtcsy6d4] { margin-top: 22px; padding: 20px; border: 1px solid #e2e8e3; border-radius: 16px; background: #fbfcfb; display: grid; gap: 10px; } .flora-v38-fulfillment-heading[b-wlgtcsy6d4] { display: grid; gap: 3px; margin-bottom: 4px; } .flora-v38-fulfillment-heading span[b-wlgtcsy6d4], .flora-v38-suggestion-heading span[b-wlgtcsy6d4] { color: #063c29; font-size: 10px; font-weight: 900; letter-spacing: 1.25px; } .flora-v38-choice[b-wlgtcsy6d4] { border: 1px solid #dfe7e1; border-radius: 12px; padding: 13px 14px; display: flex; align-items: center; gap: 12px; background: #fff; cursor: pointer; } .flora-v38-choice.selected[b-wlgtcsy6d4] { border-color: #063c29; box-shadow: 0 0 0 2px rgba(6,60,41,.08); } .flora-v38-choice input[b-wlgtcsy6d4] { accent-color: #063c29; } .flora-v38-choice span[b-wlgtcsy6d4] { display: grid; gap: 3px; } .flora-v38-choice small[b-wlgtcsy6d4] { color: #6a746e; } .flora-v38-cart-suggestions[b-wlgtcsy6d4] { margin-top: 30px; } .flora-v38-suggestion-heading h2[b-wlgtcsy6d4] { margin: 5px 0 14px; font-size: 22px; } .flora-v38-suggestion-viewport[b-wlgtcsy6d4] { overflow: hidden; width: 100%; } .flora-v38-suggestion-track[b-wlgtcsy6d4] { display: flex; width: max-content; gap: 12px; animation: floraV38CartFlow-b-wlgtcsy6d4 42s linear infinite; } .flora-v38-suggestion-viewport:hover .flora-v38-suggestion-track[b-wlgtcsy6d4] { animation-play-state: paused; } .flora-v38-suggestion-card[b-wlgtcsy6d4] { width: 190px; min-width: 190px; overflow: hidden; border: 1px solid #e4e9e4; border-radius: 15px; background: #fff; color: inherit; text-decoration: none; box-shadow: 0 7px 22px rgba(6,60,41,.06); } .flora-v38-suggestion-image[b-wlgtcsy6d4] { height: 145px; position: relative; background: #f6f8f5; display: grid; place-items: center; overflow: hidden; } .flora-v38-suggestion-image img[b-wlgtcsy6d4] { width: 100%; height: 100%; object-fit: contain; transition: transform .24s ease; } .flora-v38-suggestion-card:hover img[b-wlgtcsy6d4] { transform: scale(1.045); } .flora-v38-suggestion-image span[b-wlgtcsy6d4] { position: absolute; left: 8px; top: 8px; padding: 4px 7px; border-radius: 999px; background: #d84f3d; color: #fff; font-size: 10px; font-weight: 900; } .flora-v38-suggestion-info[b-wlgtcsy6d4] { padding: 12px; display: grid; gap: 6px; } .flora-v38-suggestion-info small[b-wlgtcsy6d4] { color: #063c29; font-size: 9px; font-weight: 900; text-transform: uppercase; } .flora-v38-suggestion-info > strong[b-wlgtcsy6d4] { min-height: 38px; font-size: 12px; line-height: 1.45; } .flora-v38-suggestion-info div[b-wlgtcsy6d4] { display: flex; align-items: baseline; gap: 7px; } .flora-v38-suggestion-info b[b-wlgtcsy6d4] { color: #063c29; font-size: 14px; } .flora-v38-suggestion-info del[b-wlgtcsy6d4] { color: #929a95; font-size: 10px; } @keyframes floraV38CartFlow-b-wlgtcsy6d4 { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 6px)); } } @media (max-width: 700px) { .flora-v38-suggestion-viewport[b-wlgtcsy6d4] { overflow-x: auto; } .flora-v38-suggestion-track[b-wlgtcsy6d4] { animation: none; } } @media (prefers-reduced-motion: reduce) { .flora-v38-suggestion-track[b-wlgtcsy6d4] { animation: none; } .flora-v38-suggestion-viewport[b-wlgtcsy6d4] { overflow-x: auto; } } /* FLORA V39 CART / FULFILLMENT FINAL POLISH */ .cart-page[b-wlgtcsy6d4]{min-width:0!important}.cart-layout[b-wlgtcsy6d4]{min-width:0!important;gap:22px!important}.flora-v38-fulfillment[b-wlgtcsy6d4]{min-width:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:18px!important;padding:18px!important;border:1px solid #dfe8e1!important;border-radius:18px!important;background:#f8fbf9!important}.flora-v38-fulfillment-heading[b-wlgtcsy6d4]{grid-column:1/-1!important;min-width:0!important;display:grid!important;gap:3px!important;margin-bottom:2px!important}.flora-v38-fulfillment-heading>span[b-wlgtcsy6d4]{color:#063c29!important;font-size:9px!important;font-weight:950!important;letter-spacing:.14em!important}.flora-v38-fulfillment-heading>strong[b-wlgtcsy6d4]{font-size:14px!important}.flora-v38-choice[b-wlgtcsy6d4]{min-width:0!important;display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;padding:13px!important;border:1px solid #dce6df!important;border-radius:14px!important;background:#fff!important;cursor:pointer!important}.flora-v38-choice.selected[b-wlgtcsy6d4]{border-color:#063c29!important;background:#eef7f1!important;box-shadow:inset 0 0 0 1px rgba(6,60,41,.08)!important}.flora-v38-choice input[b-wlgtcsy6d4]{width:17px!important;height:17px!important;margin:2px 0 0!important;accent-color:#063c29!important}.flora-v38-choice>span[b-wlgtcsy6d4]{min-width:0!important;display:grid!important;gap:3px!important}.flora-v38-choice strong[b-wlgtcsy6d4]{font-size:11px!important;line-height:1.3!important}.flora-v38-choice small[b-wlgtcsy6d4]{color:#738078!important;font-size:9px!important;line-height:1.35!important;overflow-wrap:anywhere!important}.flora-v38-choice.gift-wrap[b-wlgtcsy6d4]{grid-column:1/-1!important}.order-summary[b-wlgtcsy6d4]{min-width:0!important;border-radius:20px!important;box-shadow:0 10px 32px rgba(6,60,41,.06)!important}.summary-row[b-wlgtcsy6d4],.summary-total[b-wlgtcsy6d4]{min-width:0!important}.flora-v38-cart-suggestions[b-wlgtcsy6d4]{min-width:0!important;margin-top:22px!important;border-radius:19px!important}.flora-v38-suggestion-viewport[b-wlgtcsy6d4]{min-width:0!important;overflow:hidden!important}@media(max-width:720px){.flora-v38-fulfillment[b-wlgtcsy6d4]{grid-template-columns:1fr!important}.flora-v38-choice.gift-wrap[b-wlgtcsy6d4]{grid-column:auto!important}} /* FLORA_V39_WHEEL_CART_REWARD */ .wheel-cart-reward[b-wlgtcsy6d4]{ min-width:0; display:grid; grid-template-columns:46px minmax(0,1fr) auto; gap:14px; align-items:center; margin:0 0 18px; padding:16px 18px; border:1px solid #dce8df; border-radius:18px; background:linear-gradient(135deg,#f8fbf9,#fff); box-shadow:0 10px 28px rgba(6,60,41,.055); } .wheel-cart-reward.active[b-wlgtcsy6d4]{ border-color:#b9d9c3; background:linear-gradient(135deg,#edf8f0,#fff); } .wheel-reward-icon[b-wlgtcsy6d4]{ width:46px; height:46px; display:grid; place-items:center; border-radius:15px; background:#063c29; color:#fff; font-size:21px; box-shadow:0 10px 22px rgba(6,60,41,.16); } .wheel-cart-reward>div:nth-child(2)[b-wlgtcsy6d4]{ min-width:0; display:grid; gap:3px; } .wheel-cart-reward span[b-wlgtcsy6d4]{ color:#063c29; font-size:9px; font-weight:950; letter-spacing:.14em; } .wheel-cart-reward strong[b-wlgtcsy6d4]{ color:#063c29; font-size:15px; line-height:1.25; } .wheel-cart-reward p[b-wlgtcsy6d4], .wheel-cart-reward small[b-wlgtcsy6d4]{ margin:0; color:#68766d; font-size:10px; line-height:1.45; } .wheel-cart-reward>b[b-wlgtcsy6d4]{ align-self:start; padding:7px 9px; border-radius:999px; background:#eef3ef; color:#66756b; font-size:9px; font-weight:950; letter-spacing:.06em; } .wheel-cart-reward.active>b[b-wlgtcsy6d4]{ background:#dff2e4; color:#063c29; } @media(max-width:620px){ .wheel-cart-reward[b-wlgtcsy6d4]{ grid-template-columns:40px minmax(0,1fr); padding:14px; } .wheel-cart-reward>b[b-wlgtcsy6d4]{ grid-column:2; width:fit-content; } .wheel-reward-icon[b-wlgtcsy6d4]{ width:40px; height:40px; } } /* FLORA_V40_16_COMMERCE_PREMIUM */ .cart-page[b-wlgtcsy6d4],.checkout-page[b-wlgtcsy6d4]{background:#fbf8f1!important;color:#063c29!important}.cart-products[b-wlgtcsy6d4],.cart-summary[b-wlgtcsy6d4],.checkout-card[b-wlgtcsy6d4],.order-summary[b-wlgtcsy6d4]{border-color:rgba(6,60,41,.12)!important;border-radius:18px!important;background:#fffdf9!important;box-shadow:0 12px 30px rgba(6,60,41,.045)!important}.page-heading h1[b-wlgtcsy6d4],.checkout-card h2[b-wlgtcsy6d4]{font-family:"Iowan Old Style",Georgia,serif!important;color:#063c29!important}.checkout-card[b-wlgtcsy6d4]{padding:28px!important}.form-group input[b-wlgtcsy6d4],.form-group select[b-wlgtcsy6d4],.form-group textarea[b-wlgtcsy6d4]{border-radius:12px!important;background:#fff!important}.payment-method[b-wlgtcsy6d4]{border-radius:14px!important}.primary-button[b-wlgtcsy6d4],.checkout-button[b-wlgtcsy6d4]{border-radius:12px!important} /* ============================================================ FLORA_V40_47_CART_EXACT_GENERATED_DESIGN GENERATED PREMIUM CART MOCKUP MATCH ============================================================ */ /* ============================================================ PAGE ============================================================ */ .cart-page[b-wlgtcsy6d4] { --green: #063c29 !important; --dark-green: #043322 !important; --light-green: #edf3ee !important; --ivory: #fbf7ee !important; --ivory-soft: #fffdf8 !important; --gold: #c1943e !important; --gold-soft: #e7d4ad !important; --gold-line: rgba(193,148,62,.34) !important; --text: #173226 !important; --muted: #746f64 !important; --border: rgba(193,148,62,.29) !important; width: min( calc(100% - 56px), 1440px ) !important; max-width: 1440px !important; margin: 0 auto !important; padding: 18px 0 68px !important; color: #173226 !important; background: transparent !important; font-family: "Segoe UI", Arial, sans-serif !important; } .cart-page[b-wlgtcsy6d4], .cart-page *[b-wlgtcsy6d4], .cart-page *[b-wlgtcsy6d4]::before, .cart-page *[b-wlgtcsy6d4]::after { box-sizing: border-box !important; } /* ============================================================ BREADCRUMB ============================================================ */ .cart-page .breadcrumb[b-wlgtcsy6d4] { position: relative !important; width: 100% !important; height: auto !important; min-height: 30px !important; margin: 0 0 14px !important; padding: 0 4px 0 34px !important; display: flex !important; align-items: center !important; gap: 13px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #675f51 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 14px !important; } .cart-page .breadcrumb[b-wlgtcsy6d4]::before { content: "❧" !important; position: absolute !important; left: 5px !important; top: 50% !important; transform: translateY(-52%) !important; color: #c1943e !important; font-size: 22px !important; } .cart-page .breadcrumb a[b-wlgtcsy6d4] { color: #665e51 !important; font-weight: 400 !important; text-decoration: none !important; } .cart-page .breadcrumb > span[b-wlgtcsy6d4] { color: #c1943e !important; font-size: 18px !important; } .cart-page .breadcrumb > strong[b-wlgtcsy6d4] { color: #063c29 !important; font-weight: 700 !important; } /* ============================================================ HERO ============================================================ */ .cart-page .page-heading[b-wlgtcsy6d4] { position: relative !important; isolation: isolate !important; width: 100% !important; min-height: 150px !important; margin: 0 0 18px !important; padding: 28px 88px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; overflow: hidden !important; border: 1px solid rgba(193,148,62,.72) !important; border-radius: 18px !important; background: radial-gradient( circle at 84% -30%, rgba(193,148,62,.10) 0, rgba(193,148,62,.04) 25%, transparent 48% ), linear-gradient( 125deg, #043a27 0%, #063c29 54%, #06412c 100% ) !important; color: #fffaf0 !important; box-shadow: 0 16px 38px rgba(6,60,41,.12) !important; } /* sol botanik cizgi hissi */ .cart-page .page-heading[b-wlgtcsy6d4]::before { content: "♧" !important; position: absolute !important; left: 22px !important; bottom: -37px !important; width: 94px !important; height: 130px !important; display: grid !important; place-items: center !important; color: rgba(193,148,62,.52) !important; font-family: Georgia, serif !important; font-size: 86px !important; font-weight: 300 !important; line-height: 1 !important; transform: rotate(-22deg) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; pointer-events: none !important; } /* sag F madalyonu */ .cart-page .page-heading[b-wlgtcsy6d4]::after { content: "F" !important; position: absolute !important; right: 74px !important; top: 50% !important; width: 82px !important; height: 82px !important; display: grid !important; place-items: center !important; transform: translateY(-50%) !important; border: 1px solid rgba(214,169,81,.93) !important; border-radius: 50% !important; background: rgba(3,45,30,.30) !important; color: #d5a94f !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 49px !important; font-weight: 400 !important; line-height: 1 !important; box-shadow: inset 0 0 0 5px rgba(193,148,62,.025) !important; pointer-events: none !important; } .cart-page .page-heading > div[b-wlgtcsy6d4] { position: relative !important; z-index: 2 !important; min-width: 0 !important; } .cart-page .page-heading h1[b-wlgtcsy6d4] { margin: 0 0 10px !important; color: #fffaf0 !important; font-family: Georgia, "Iowan Old Style", "Palatino Linotype", serif !important; font-size: clamp( 45px, 4.2vw, 58px ) !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: -.035em !important; } .cart-page .page-heading p[b-wlgtcsy6d4] { margin: 0 !important; color: rgba(255,250,240,.88) !important; font-size: 15px !important; line-height: 1.6 !important; } .cart-page .page-heading p strong[b-wlgtcsy6d4] { color: #d8aa4d !important; font-weight: 900 !important; } /* Hazirladigimiz tasarimda hero icinde Sepeti Temizle butonu yok. Fonksiyon kaynak kodda korunur. */ .cart-page .page-heading .clear-cart[b-wlgtcsy6d4] { display: none !important; } /* ============================================================ MAIN LAYOUT ============================================================ */ .cart-page .cart-layout[b-wlgtcsy6d4] { display: grid !important; grid-template-columns: minmax(0, 1fr) 420px !important; gap: 28px !important; align-items: start !important; width: 100% !important; min-width: 0 !important; } /* Sol taraf artik tek buyuk beyaz kutu degil. Mockup'taki gibi bolumler ayrik. */ .cart-page .cart-products[b-wlgtcsy6d4] { min-width: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } /* ============================================================ CART TABLE ============================================================ */ .cart-page .cart-table-head[b-wlgtcsy6d4] { min-height: 48px !important; padding: 0 24px !important; grid-template-columns: minmax(410px,1fr) 130px 150px 140px 36px !important; gap: 14px !important; border: 1px solid var(--gold-line) !important; border-bottom: 1px solid rgba(193,148,62,.20) !important; border-radius: 16px 16px 0 0 !important; background: #fffdf8 !important; color: #655f55 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 13px !important; font-weight: 400 !important; } /* ============================================================ CART ITEM ============================================================ */ .cart-page .cart-item[b-wlgtcsy6d4] { min-height: 198px !important; padding: 18px 24px !important; grid-template-columns: minmax(410px,1fr) 130px 150px 140px 36px !important; gap: 14px !important; align-items: center !important; border: 0 !important; border-left: 1px solid var(--gold-line) !important; border-right: 1px solid var(--gold-line) !important; border-bottom: 1px solid rgba(193,148,62,.20) !important; background: #fffdf8 !important; } .cart-page .cart-item:last-of-type[b-wlgtcsy6d4] { border-bottom: 1px solid rgba(193,148,62,.20) !important; } /* ============================================================ PRODUCT ============================================================ */ .cart-page .product-column[b-wlgtcsy6d4] { gap: 22px !important; min-width: 0 !important; } .cart-page .product-photo[b-wlgtcsy6d4] { width: 160px !important; height: 160px !important; flex: 0 0 160px !important; padding: 5px !important; overflow: hidden !important; display: block !important; border: 1px solid rgba(193,148,62,.54) !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 7px 18px rgba(6,60,41,.055) !important; } .cart-page .product-photo img[b-wlgtcsy6d4] { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; border-radius: 8px !important; object-fit: cover !important; object-position: center center !important; } .cart-page .product-info[b-wlgtcsy6d4] { align-items: flex-start !important; } .cart-page .product-category[b-wlgtcsy6d4] { width: fit-content !important; margin: 0 0 9px !important; padding: 5px 10px !important; border: 1px solid rgba(6,60,41,.28) !important; border-radius: 999px !important; background: #f4f7f1 !important; color: #063c29 !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .07em !important; text-transform: uppercase !important; } .cart-page .product-name[b-wlgtcsy6d4] { max-width: 300px !important; margin: 0 0 8px !important; color: #063c29 !important; font-family: Georgia, "Iowan Old Style", "Palatino Linotype", serif !important; font-size: 19px !important; font-weight: 600 !important; line-height: 1.27 !important; text-decoration: none !important; } .cart-page .product-name:hover[b-wlgtcsy6d4] { color: #8c6722 !important; } .cart-page .variant[b-wlgtcsy6d4] { color: #756e62 !important; font-size: 11px !important; } .cart-page .stock[b-wlgtcsy6d4] { margin-top: 7px !important; color: #17724b !important; font-size: 12px !important; font-weight: 700 !important; } /* ============================================================ PRICE ============================================================ */ .cart-page .unit-price strong[b-wlgtcsy6d4], .cart-page .line-total strong[b-wlgtcsy6d4] { color: #063c29 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 16px !important; font-weight: 700 !important; white-space: nowrap !important; } /* ============================================================ QUANTITY ============================================================ */ .cart-page .quantity-control[b-wlgtcsy6d4] { width: 120px !important; height: 42px !important; grid-template-columns: 39px 1fr 39px !important; border: 1px solid rgba(193,148,62,.43) !important; border-radius: 9px !important; background: #fffdf8 !important; box-shadow: 0 4px 12px rgba(6,60,41,.025) !important; } .cart-page .quantity-control button[b-wlgtcsy6d4] { border: 0 !important; background: #fbf7ee !important; color: #063c29 !important; font-size: 18px !important; } .cart-page .quantity-control button:hover[b-wlgtcsy6d4] { background: #f1eadb !important; } .cart-page .quantity-control span[b-wlgtcsy6d4] { border-left: 1px solid rgba(193,148,62,.22) !important; border-right: 1px solid rgba(193,148,62,.22) !important; color: #173226 !important; font-family: Georgia, serif !important; font-size: 15px !important; } /* ============================================================ REMOVE ============================================================ */ .cart-page .remove-button[b-wlgtcsy6d4] { color: #826f53 !important; } .cart-page .remove-button:hover[b-wlgtcsy6d4] { color: #a53f35 !important; } /* ============================================================ CART BOTTOM / COUPON ============================================================ */ .cart-page .cart-bottom[b-wlgtcsy6d4] { min-height: 74px !important; padding: 14px 24px !important; align-items: center !important; border: 1px solid var(--gold-line) !important; border-top: 0 !important; border-radius: 0 0 16px 16px !important; background: #fffdf8 !important; } .cart-page .continue-shopping[b-wlgtcsy6d4] { margin: 0 !important; color: #063c29 !important; font-family: Georgia, serif !important; font-size: 13px !important; font-weight: 700 !important; } .cart-page .coupon-area[b-wlgtcsy6d4] { width: 440px !important; } .cart-page .coupon-form[b-wlgtcsy6d4] { grid-template-columns: minmax(0,1fr) 118px !important; gap: 8px !important; } .cart-page .coupon-form input[b-wlgtcsy6d4] { height: 46px !important; padding: 0 16px !important; border: 1px solid rgba(193,148,62,.38) !important; border-radius: 9px !important; background: #fffdf9 !important; color: #173226 !important; font-size: 13px !important; } .cart-page .coupon-form input:focus[b-wlgtcsy6d4] { border-color: #c1943e !important; box-shadow: 0 0 0 3px rgba(193,148,62,.09) !important; } .cart-page .coupon-form button[b-wlgtcsy6d4] { min-height: 46px !important; border: 1px solid #063c29 !important; border-radius: 9px !important; background: #063c29 !important; color: #fffaf0 !important; font-size: 11px !important; font-weight: 900 !important; letter-spacing: .04em !important; box-shadow: 0 7px 16px rgba(6,60,41,.13) !important; } /* ============================================================ DELIVERY CARD ============================================================ */ .cart-page .flora-v38-fulfillment[b-wlgtcsy6d4] { margin: 14px 0 0 !important; padding: 20px 18px !important; display: grid !important; grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; gap: 12px !important; border: 1px solid var(--gold-line) !important; border-radius: 16px !important; background: #fffdf8 !important; box-shadow: 0 9px 24px rgba(6,60,41,.035) !important; } .cart-page .flora-v38-fulfillment-heading[b-wlgtcsy6d4] { grid-column: 1 / -1 !important; margin-bottom: 2px !important; } .cart-page .flora-v38-fulfillment-heading > span[b-wlgtcsy6d4] { color: #a5792b !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .11em !important; } .cart-page .flora-v38-fulfillment-heading > span[b-wlgtcsy6d4]::before { content: "✥ " !important; color: #c1943e !important; } .cart-page .flora-v38-fulfillment-heading > strong[b-wlgtcsy6d4] { color: #173226 !important; font-family: Georgia, serif !important; font-size: 14px !important; font-weight: 600 !important; } /* delivery choice */ .cart-page .flora-v38-choice[b-wlgtcsy6d4] { position: relative !important; min-height: 76px !important; padding: 15px 18px 15px 58px !important; display: block !important; border: 1px solid rgba(193,148,62,.35) !important; border-radius: 11px !important; background: #fffdf9 !important; color: #173226 !important; box-shadow: none !important; } .cart-page .flora-v38-choice.selected[b-wlgtcsy6d4] { border-color: #063c29 !important; background: #f2f6ef !important; box-shadow: inset 0 0 0 1px rgba(6,60,41,.08) !important; } .cart-page .flora-v38-choice input[b-wlgtcsy6d4] { position: absolute !important; left: 17px !important; top: 26px !important; width: 18px !important; height: 18px !important; margin: 0 !important; accent-color: #063c29 !important; } /* dekoratif teslimat ikon dairesi */ .cart-page .flora-v38-choice[b-wlgtcsy6d4]::before { content: "◇" !important; position: absolute !important; left: 39px !important; top: 50% !important; transform: translateY(-50%) !important; color: #a97929 !important; font-family: Georgia, serif !important; font-size: 23px !important; line-height: 1 !important; } .cart-page .flora-v38-choice:nth-of-type(1)[b-wlgtcsy6d4]::before { content: "▣" !important; } .cart-page .flora-v38-choice:nth-of-type(2)[b-wlgtcsy6d4]::before { content: "□" !important; } .cart-page .flora-v38-choice.gift-wrap[b-wlgtcsy6d4]::before { content: "♢" !important; } .cart-page .flora-v38-choice > span[b-wlgtcsy6d4] { display: grid !important; gap: 4px !important; padding-left: 16px !important; } .cart-page .flora-v38-choice strong[b-wlgtcsy6d4] { color: #173226 !important; font-family: Georgia, serif !important; font-size: 13px !important; font-weight: 600 !important; } .cart-page .flora-v38-choice small[b-wlgtcsy6d4] { color: #776f62 !important; font-size: 10px !important; line-height: 1.45 !important; } .cart-page .flora-v38-choice.gift-wrap[b-wlgtcsy6d4] { grid-column: 1 / -1 !important; } /* ============================================================ SUGGESTIONS ============================================================ */ .cart-page .flora-v38-cart-suggestions[b-wlgtcsy6d4] { margin: 25px 0 0 !important; padding: 0 10px 4px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .cart-page .flora-v38-suggestion-heading[b-wlgtcsy6d4] { margin-bottom: 10px !important; } .cart-page .flora-v38-suggestion-heading span[b-wlgtcsy6d4] { color: #a7792d !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .13em !important; } .cart-page .flora-v38-suggestion-heading h2[b-wlgtcsy6d4] { margin: 5px 0 15px !important; color: #063c29 !important; font-family: Georgia, "Iowan Old Style", "Palatino Linotype", serif !important; font-size: 25px !important; font-weight: 600 !important; line-height: 1.1 !important; } .cart-page .flora-v38-suggestion-viewport[b-wlgtcsy6d4] { width: 100% !important; padding: 2px 1px 12px !important; overflow: hidden !important; } .cart-page .flora-v38-suggestion-track[b-wlgtcsy6d4] { gap: 16px !important; animation-duration: 48s !important; } .cart-page .flora-v38-suggestion-viewport:hover .flora-v38-suggestion-track[b-wlgtcsy6d4] { animation-play-state: paused !important; } .cart-page .flora-v38-suggestion-card[b-wlgtcsy6d4] { width: 220px !important; min-width: 220px !important; border: 1px solid rgba(193,148,62,.34) !important; border-radius: 14px !important; background: #fffdf8 !important; box-shadow: 0 9px 22px rgba(6,60,41,.055) !important; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important; } .cart-page .flora-v38-suggestion-card:hover[b-wlgtcsy6d4] { transform: translateY(-4px) !important; border-color: rgba(193,148,62,.68) !important; box-shadow: 0 17px 32px rgba(6,60,41,.10) !important; } .cart-page .flora-v38-suggestion-image[b-wlgtcsy6d4] { height: 155px !important; padding: 0 !important; background: #f4f5ef !important; } .cart-page .flora-v38-suggestion-image img[b-wlgtcsy6d4] { width: 100% !important; height: 100% !important; padding: 0 !important; object-fit: cover !important; object-position: center !important; } .cart-page .flora-v38-suggestion-info[b-wlgtcsy6d4] { min-height: 144px !important; padding: 13px 13px 15px !important; gap: 7px !important; } .cart-page .flora-v38-suggestion-info small[b-wlgtcsy6d4] { color: #7e6a42 !important; font-size: 8px !important; font-weight: 900 !important; letter-spacing: .05em !important; } .cart-page .flora-v38-suggestion-info > strong[b-wlgtcsy6d4] { min-height: 57px !important; color: #173226 !important; font-family: Georgia, serif !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.35 !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; } .cart-page .flora-v38-suggestion-info b[b-wlgtcsy6d4] { color: #063c29 !important; font-family: Georgia, serif !important; font-size: 14px !important; } /* ============================================================ ORDER SUMMARY ============================================================ */ .cart-page .order-summary[b-wlgtcsy6d4] { position: sticky !important; top: 20px !important; min-width: 0 !important; padding: 29px 26px 25px !important; border: 1px solid rgba(193,148,62,.43) !important; border-radius: 17px !important; background: #fffdf8 !important; box-shadow: 0 13px 31px rgba(6,60,41,.055) !important; } .cart-page .order-summary h2[b-wlgtcsy6d4] { position: relative !important; margin: 0 0 22px !important; padding-bottom: 17px !important; color: #063c29 !important; font-family: Georgia, "Iowan Old Style", "Palatino Linotype", serif !important; font-size: 27px !important; font-weight: 600 !important; line-height: 1.1 !important; } .cart-page .order-summary h2[b-wlgtcsy6d4]::after { content: "❦" !important; position: absolute !important; left: 0 !important; bottom: -3px !important; width: 124px !important; height: 19px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgba(193,148,62,.48) !important; color: #c1943e !important; font-size: 16px !important; } .cart-page .summary-row[b-wlgtcsy6d4] { min-height: 50px !important; border-bottom: 1px solid rgba(193,148,62,.22) !important; font-size: 13px !important; } .cart-page .summary-row span[b-wlgtcsy6d4] { color: #736b5f !important; } .cart-page .summary-row strong[b-wlgtcsy6d4] { color: #173226 !important; font-family: Georgia, serif !important; font-size: 14px !important; white-space: nowrap !important; } .cart-page .discount-row strong[b-wlgtcsy6d4], .cart-page .free-cargo[b-wlgtcsy6d4] { color: #17724b !important; } /* ============================================================ CARGO INFO ============================================================ */ .cart-page .cargo-info[b-wlgtcsy6d4] { padding: 18px 0 !important; border-bottom: 1px solid rgba(193,148,62,.26) !important; } .cart-page .cargo-info span[b-wlgtcsy6d4] { color: #6e6659 !important; font-family: Georgia, serif !important; font-size: 12px !important; line-height: 1.55 !important; } .cart-page .cargo-progress[b-wlgtcsy6d4] { height: 9px !important; margin-top: 15px !important; border-radius: 999px !important; background: #eadfc8 !important; } .cart-page .cargo-progress > div[b-wlgtcsy6d4] { background: linear-gradient( 90deg, #063c29, #0a5138 ) !important; } /* ============================================================ TOTAL ============================================================ */ .cart-page .summary-total[b-wlgtcsy6d4] { padding: 22px 0 18px !important; border-bottom: 0 !important; } .cart-page .summary-total span[b-wlgtcsy6d4] { color: #173226 !important; font-family: Georgia, serif !important; font-size: 17px !important; font-weight: 600 !important; } .cart-page .summary-total strong[b-wlgtcsy6d4] { color: #063c29 !important; font-family: Georgia, "Iowan Old Style", serif !important; font-size: 27px !important; font-weight: 600 !important; white-space: nowrap !important; } /* ============================================================ CHECKOUT ============================================================ */ .cart-page .checkout-button[b-wlgtcsy6d4] { width: 100% !important; height: 58px !important; border: 1px solid #c1943e !important; border-radius: 10px !important; background: linear-gradient( 135deg, #063c29, #03452e ) !important; color: #f6d58e !important; font-family: Georgia, serif !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .025em !important; box-shadow: 0 8px 20px rgba(6,60,41,.18), 0 0 0 2px rgba(193,148,62,.08) !important; } .cart-page .checkout-button:hover[b-wlgtcsy6d4] { background: #084c35 !important; transform: translateY(-1px) !important; } .cart-page .secure-payment[b-wlgtcsy6d4] { margin-top: 16px !important; color: #7a7265 !important; font-family: Georgia, serif !important; font-size: 12px !important; } .cart-page .secure-payment svg[b-wlgtcsy6d4] { width: 16px !important; height: 16px !important; color: #9c7a3e !important; } /* ============================================================ BENEFITS ============================================================ */ .cart-page .cart-benefits[b-wlgtcsy6d4] { width: calc(100% - 34px) !important; min-height: 94px !important; margin: 28px auto 0 !important; display: grid !important; grid-template-columns: repeat( 4, minmax(0,1fr) ) !important; overflow: hidden !important; border: 1px solid rgba(193,148,62,.40) !important; border-radius: 14px !important; background: #fffdf8 !important; box-shadow: 0 10px 25px rgba(6,60,41,.04) !important; } .cart-page .cart-benefits > div[b-wlgtcsy6d4] { position: relative !important; min-width: 0 !important; padding: 19px 18px 19px 79px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cart-page .cart-benefits > div + div[b-wlgtcsy6d4] { border-left: 1px solid rgba(193,148,62,.18) !important; } /* ikon daireleri */ .cart-page .cart-benefits > div[b-wlgtcsy6d4]::before { position: absolute !important; left: 22px !important; top: 50% !important; width: 43px !important; height: 43px !important; display: grid !important; place-items: center !important; transform: translateY(-50%) !important; border: 1px solid rgba(193,148,62,.39) !important; border-radius: 50% !important; background: #fbf7ee !important; color: #b1812c !important; font-family: Georgia, serif !important; font-size: 20px !important; } .cart-page .cart-benefits > div:nth-child(1)[b-wlgtcsy6d4]::before { content: "◈" !important; } .cart-page .cart-benefits > div:nth-child(2)[b-wlgtcsy6d4]::before { content: "⇢" !important; } .cart-page .cart-benefits > div:nth-child(3)[b-wlgtcsy6d4]::before { content: "◇" !important; } .cart-page .cart-benefits > div:nth-child(4)[b-wlgtcsy6d4]::before { content: "◉" !important; } .cart-page .cart-benefits strong[b-wlgtcsy6d4] { margin: 0 0 5px !important; color: #173226 !important; font-family: Georgia, serif !important; font-size: 14px !important; font-weight: 600 !important; } .cart-page .cart-benefits span[b-wlgtcsy6d4] { color: #7b7367 !important; font-size: 10px !important; line-height: 1.45 !important; } /* ============================================================ WHEEL REWARD - DESIGN LANGUAGE ============================================================ */ .cart-page .wheel-cart-reward[b-wlgtcsy6d4] { margin: 0 0 18px !important; border: 1px solid rgba(193,148,62,.38) !important; background: #fffdf8 !important; } .cart-page .wheel-reward-icon[b-wlgtcsy6d4] { background: #063c29 !important; color: #d3a34b !important; } /* ============================================================ EMPTY CART ============================================================ */ .cart-page .empty-cart[b-wlgtcsy6d4] { border: 1px solid rgba(193,148,62,.35) !important; border-radius: 18px !important; background: #fffdf8 !important; box-shadow: 0 12px 30px rgba(6,60,41,.04) !important; } .cart-page .empty-icon[b-wlgtcsy6d4] { background: #f3eee2 !important; color: #063c29 !important; } .cart-page .empty-cart h2[b-wlgtcsy6d4] { color: #063c29 !important; font-family: Georgia, serif !important; } .cart-page .empty-cart > a[b-wlgtcsy6d4] { border-radius: 10px !important; background: #063c29 !important; } /* ============================================================ TABLET ============================================================ */ @media (max-width: 1250px) { .cart-page[b-wlgtcsy6d4] { width: min( calc(100% - 36px), 1440px ) !important; } .cart-page .cart-layout[b-wlgtcsy6d4] { grid-template-columns: minmax(0,1fr) 350px !important; gap: 20px !important; } .cart-page .cart-table-head[b-wlgtcsy6d4], .cart-page .cart-item[b-wlgtcsy6d4] { grid-template-columns: minmax(300px,1fr) 100px 125px 110px 32px !important; } .cart-page .product-photo[b-wlgtcsy6d4] { width: 125px !important; height: 125px !important; flex-basis: 125px !important; } .cart-page .product-name[b-wlgtcsy6d4] { font-size: 16px !important; } } /* ============================================================ STACKED TABLET ============================================================ */ @media (max-width: 980px) { .cart-page .page-heading[b-wlgtcsy6d4] { padding: 28px 34px !important; } .cart-page .page-heading[b-wlgtcsy6d4]::after { right: 36px !important; } .cart-page .cart-layout[b-wlgtcsy6d4] { grid-template-columns: minmax(0,1fr) !important; } .cart-page .order-summary[b-wlgtcsy6d4] { position: static !important; } .cart-page .cart-benefits[b-wlgtcsy6d4] { width: 100% !important; grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; } .cart-page .cart-benefits > div:nth-child(3)[b-wlgtcsy6d4] { border-left: 0 !important; border-top: 1px solid rgba(193,148,62,.18) !important; } .cart-page .cart-benefits > div:nth-child(4)[b-wlgtcsy6d4] { border-top: 1px solid rgba(193,148,62,.18) !important; } } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 800px) { .cart-page[b-wlgtcsy6d4] { width: calc(100% - 22px) !important; padding-top: 10px !important; } .cart-page .breadcrumb[b-wlgtcsy6d4] { padding-left: 28px !important; font-size: 12px !important; } .cart-page .page-heading[b-wlgtcsy6d4] { min-height: 140px !important; padding: 24px 22px !important; border-radius: 15px !important; } .cart-page .page-heading[b-wlgtcsy6d4]::after { width: 64px !important; height: 64px !important; right: 18px !important; font-size: 38px !important; opacity: .72 !important; } .cart-page .page-heading > div[b-wlgtcsy6d4] { max-width: calc(100% - 80px) !important; } .cart-page .page-heading h1[b-wlgtcsy6d4] { font-size: 37px !important; } .cart-page .cart-table-head[b-wlgtcsy6d4] { display: none !important; } .cart-page .cart-item[b-wlgtcsy6d4] { position: relative !important; min-height: 0 !important; padding: 16px !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; border: 1px solid var(--gold-line) !important; border-radius: 14px !important; margin-bottom: 10px !important; } .cart-page .product-column[b-wlgtcsy6d4] { grid-column: 1 / -1 !important; } .cart-page .product-photo[b-wlgtcsy6d4] { width: 105px !important; height: 105px !important; flex-basis: 105px !important; } .cart-page .product-name[b-wlgtcsy6d4] { font-size: 15px !important; } .cart-page .remove-column[b-wlgtcsy6d4] { position: absolute !important; right: 10px !important; top: 10px !important; } .cart-page .mobile-label[b-wlgtcsy6d4] { display: block !important; margin-bottom: 5px !important; color: #8b8170 !important; font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; } .cart-page .cart-bottom[b-wlgtcsy6d4] { padding: 16px !important; flex-direction: column !important; align-items: stretch !important; border: 1px solid var(--gold-line) !important; border-radius: 14px !important; } .cart-page .coupon-area[b-wlgtcsy6d4] { width: 100% !important; } .cart-page .flora-v38-fulfillment[b-wlgtcsy6d4] { grid-template-columns: minmax(0,1fr) !important; } .cart-page .flora-v38-choice.gift-wrap[b-wlgtcsy6d4] { grid-column: auto !important; } .cart-page .flora-v38-suggestion-card[b-wlgtcsy6d4] { width: 190px !important; min-width: 190px !important; } .cart-page .flora-v38-suggestion-viewport[b-wlgtcsy6d4] { overflow-x: auto !important; } .cart-page .flora-v38-suggestion-track[b-wlgtcsy6d4] { animation: none !important; } } /* ============================================================ SMALL MOBILE ============================================================ */ @media (max-width: 520px) { .cart-page[b-wlgtcsy6d4] { width: calc(100% - 16px) !important; } .cart-page .page-heading[b-wlgtcsy6d4] { min-height: 128px !important; padding: 21px 17px !important; } .cart-page .page-heading[b-wlgtcsy6d4]::after { display: none !important; } .cart-page .page-heading > div[b-wlgtcsy6d4] { max-width: 100% !important; } .cart-page .page-heading h1[b-wlgtcsy6d4] { font-size: 33px !important; } .cart-page .cart-item[b-wlgtcsy6d4] { grid-template-columns: minmax(0,1fr) !important; } .cart-page .product-column[b-wlgtcsy6d4] { grid-column: auto !important; } .cart-page .product-photo[b-wlgtcsy6d4] { width: 92px !important; height: 92px !important; flex-basis: 92px !important; } .cart-page .coupon-form[b-wlgtcsy6d4] { grid-template-columns: minmax(0,1fr) !important; } .cart-page .coupon-form button[b-wlgtcsy6d4] { min-height: 44px !important; } .cart-page .cart-benefits[b-wlgtcsy6d4] { grid-template-columns: minmax(0,1fr) !important; } .cart-page .cart-benefits > div[b-wlgtcsy6d4] { min-height: 78px !important; border-left: 0 !important; border-top: 1px solid rgba(193,148,62,.18) !important; } .cart-page .cart-benefits > div:first-child[b-wlgtcsy6d4] { border-top: 0 !important; } } /* FLORA_V40_47_CART_EXACT_GENERATED_DESIGN_END */ /* ============================================================ FLORA_V40_47_2_CART_TARGET_FINAL HEDEF: botanik_magaza_sepetim_sayfasi.png ONCEKI CSS'LERIN UZERINE SON KATMAN. ============================================================ */ /* ============================================================ ANA SAYFA GENISLIGI ============================================================ */ .cart-page[b-wlgtcsy6d4] { --flora-cart-green:#063c29 !important; --flora-cart-gold:#c1943e !important; --flora-cart-paper:#fdfaf5 !important; --flora-cart-ivory:#fbf7ee !important; --flora-cart-text:#173226 !important; width:calc(100% - 96px) !important; max-width:1400px !important; min-width:0 !important; margin:0 auto !important; padding:16px 0 58px !important; background:transparent !important; color:#173226 !important; } .cart-page[b-wlgtcsy6d4], .cart-page *[b-wlgtcsy6d4], .cart-page *[b-wlgtcsy6d4]::before, .cart-page *[b-wlgtcsy6d4]::after { box-sizing:border-box !important; } /* ============================================================ BREADCRUMB ============================================================ */ .cart-page .breadcrumb[b-wlgtcsy6d4] { min-height:28px !important; margin:0 0 13px !important; padding:0 0 0 31px !important; display:flex !important; align-items:center !important; gap:13px !important; border:0 !important; background:transparent !important; box-shadow:none !important; color:#62594b !important; font-family:Georgia,"Times New Roman",serif !important; font-size:14px !important; } .cart-page .breadcrumb[b-wlgtcsy6d4]::before { content:"❧" !important; position:absolute !important; left:3px !important; top:50% !important; transform:translateY(-50%) !important; color:#c1943e !important; font-size:20px !important; } .cart-page .breadcrumb a[b-wlgtcsy6d4] { color:#62594b !important; font-weight:400 !important; } .cart-page .breadcrumb > strong[b-wlgtcsy6d4] { color:#063c29 !important; } .cart-page .breadcrumb > span[b-wlgtcsy6d4] { color:#bd9344 !important; } /* ============================================================ HERO ============================================================ */ .cart-page .page-heading[b-wlgtcsy6d4] { position:relative !important; isolation:isolate !important; width:100% !important; min-height:150px !important; margin:0 0 18px !important; padding:27px 86px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; overflow:hidden !important; border:1px solid rgba(193,148,62,.78) !important; border-radius:16px !important; background-color:#063c29 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 160'%3E%3Cg fill='none' stroke='%23c1943e' stroke-opacity='.65' stroke-width='1.35' stroke-linecap='round'%3E%3Cpath d='M10 154C40 112 42 73 99 18'/%3E%3Cpath d='M34 122C15 115 9 99 12 79 32 84 45 96 44 112'/%3E%3Cpath d='M51 95C41 75 48 56 66 42 75 65 68 83 51 95'/%3E%3Cpath d='M70 70C72 50 85 36 105 29 104 51 91 67 70 70'/%3E%3Cpath d='M27 134C47 127 62 134 71 149 50 154 36 148 27 134'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 180'%3E%3Cg fill='%23ffffff' fill-opacity='.055'%3E%3Cellipse cx='120' cy='50' rx='70' ry='18' transform='rotate(-25 120 50)'/%3E%3Cellipse cx='205' cy='78' rx='80' ry='20' transform='rotate(18 205 78)'/%3E%3Cellipse cx='295' cy='42' rx='73' ry='18' transform='rotate(-33 295 42)'/%3E%3Cellipse cx='385' cy='82' rx='88' ry='21' transform='rotate(22 385 82)'/%3E%3Cellipse cx='495' cy='48' rx='73' ry='18' transform='rotate(-24 495 48)'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(120deg,#043824 0%,#063c29 50%,#043824 100%) !important; background-repeat:no-repeat,no-repeat,no-repeat !important; background-position:left bottom,right center,center !important; background-size:175px 155px,610px 180px,100% 100% !important; color:#fffaf0 !important; box-shadow:0 13px 30px rgba(6,60,41,.11) !important; } .cart-page .page-heading[b-wlgtcsy6d4]::before { display:none !important; } .cart-page .page-heading[b-wlgtcsy6d4]::after { content:"F" !important; position:absolute !important; right:69px !important; top:50% !important; width:82px !important; height:82px !important; display:grid !important; place-items:center !important; transform:translateY(-50%) !important; border:1.5px solid #c1943e !important; border-radius:50% !important; background:rgba(3,48,32,.42) !important; color:#d7a748 !important; font-family:Georgia,"Times New Roman",serif !important; font-size:48px !important; font-weight:400 !important; pointer-events:none !important; } .cart-page .page-heading h1[b-wlgtcsy6d4] { margin:0 0 11px !important; color:#fffaf0 !important; font-family:Georgia,"Iowan Old Style","Palatino Linotype",serif !important; font-size:57px !important; font-weight:400 !important; line-height:.98 !important; letter-spacing:-.035em !important; } .cart-page .page-heading p[b-wlgtcsy6d4] { margin:0 !important; color:rgba(255,250,240,.91) !important; font-size:15px !important; } .cart-page .page-heading p strong[b-wlgtcsy6d4] { color:#d3a243 !important; } .cart-page .page-heading .clear-cart[b-wlgtcsy6d4] { display:none !important; } /* ============================================================ ANA SEPET GRID ============================================================ */ .cart-page .cart-layout[b-wlgtcsy6d4] { width:100% !important; min-width:0 !important; display:grid !important; grid-template-columns:minmax(0,1fr) 420px !important; gap:28px !important; align-items:start !important; } .cart-page .cart-products[b-wlgtcsy6d4] { min-width:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; overflow:visible !important; } /* ============================================================ TABLO BASLIGI ============================================================ */ .cart-page .cart-table-head[b-wlgtcsy6d4] { min-height:45px !important; padding:0 22px !important; display:grid !important; grid-template-columns:minmax(390px,1fr) 110px 130px 125px 30px !important; gap:12px !important; align-items:center !important; border:1px solid rgba(193,148,62,.40) !important; border-bottom:1px solid rgba(193,148,62,.22) !important; border-radius:15px 15px 0 0 !important; background:#fdfaf5 !important; color:#5f574b !important; font-family:Georgia,serif !important; font-size:13px !important; font-weight:400 !important; } /* ============================================================ URUN SATIRI ============================================================ */ .cart-page .cart-item[b-wlgtcsy6d4] { min-height:197px !important; padding:17px 20px !important; display:grid !important; grid-template-columns:minmax(390px,1fr) 110px 130px 125px 30px !important; gap:12px !important; align-items:center !important; border:0 !important; border-left:1px solid rgba(193,148,62,.40) !important; border-right:1px solid rgba(193,148,62,.40) !important; border-bottom:1px solid rgba(193,148,62,.22) !important; background:#fdfaf5 !important; } .cart-page .product-column[b-wlgtcsy6d4] { min-width:0 !important; display:flex !important; align-items:center !important; gap:22px !important; } .cart-page .product-photo[b-wlgtcsy6d4] { width:155px !important; height:155px !important; flex:0 0 155px !important; margin:0 !important; padding:5px !important; overflow:hidden !important; border:1px solid rgba(193,148,62,.54) !important; border-radius:10px !important; background:#ffffff !important; } .cart-page .product-photo img[b-wlgtcsy6d4] { display:block !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; border-radius:7px !important; object-fit:cover !important; object-position:center !important; } .cart-page .product-category[b-wlgtcsy6d4] { width:fit-content !important; margin:0 0 8px !important; padding:4px 9px !important; border:1px solid rgba(6,60,41,.30) !important; border-radius:999px !important; background:#f8faf5 !important; color:#063c29 !important; font-size:9px !important; font-weight:900 !important; text-transform:uppercase !important; } .cart-page .product-name[b-wlgtcsy6d4] { max-width:280px !important; margin:0 0 7px !important; color:#063c29 !important; font-family:Georgia,serif !important; font-size:20px !important; font-weight:600 !important; line-height:1.25 !important; } .cart-page .stock[b-wlgtcsy6d4] { color:#14714a !important; } .cart-page .unit-price strong[b-wlgtcsy6d4], .cart-page .line-total strong[b-wlgtcsy6d4] { color:#063c29 !important; font-family:Georgia,serif !important; font-size:16px !important; white-space:nowrap !important; } /* ============================================================ ADET ============================================================ */ .cart-page .quantity-control[b-wlgtcsy6d4] { width:118px !important; height:41px !important; display:grid !important; grid-template-columns:38px 1fr 38px !important; overflow:hidden !important; border:1px solid rgba(193,148,62,.46) !important; border-radius:8px !important; background:#fdfaf5 !important; } .cart-page .quantity-control button[b-wlgtcsy6d4] { border:0 !important; background:#fbf6ed !important; color:#5b533f !important; font-size:18px !important; } .cart-page .quantity-control span[b-wlgtcsy6d4] { display:grid !important; place-items:center !important; border-left:1px solid rgba(193,148,62,.24) !important; border-right:1px solid rgba(193,148,62,.24) !important; font-family:Georgia,serif !important; } /* ============================================================ ALT SATIR / KUPON ============================================================ */ .cart-page .cart-bottom[b-wlgtcsy6d4] { min-height:68px !important; padding:12px 20px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:20px !important; border:1px solid rgba(193,148,62,.40) !important; border-top:0 !important; border-radius:0 0 15px 15px !important; background:#fdfaf5 !important; } .cart-page .continue-shopping[b-wlgtcsy6d4] { color:#063c29 !important; font-family:Georgia,serif !important; font-size:13px !important; } .cart-page .coupon-area[b-wlgtcsy6d4] { width:390px !important; } .cart-page .coupon-form[b-wlgtcsy6d4] { display:grid !important; grid-template-columns:minmax(0,1fr) 112px !important; gap:7px !important; } .cart-page .coupon-form input[b-wlgtcsy6d4] { height:42px !important; padding:0 14px !important; border:1px solid rgba(193,148,62,.38) !important; border-radius:8px !important; background:#fffdf9 !important; } .cart-page .coupon-form button[b-wlgtcsy6d4] { height:42px !important; border:0 !important; border-radius:7px !important; background:#063c29 !important; color:#fff !important; font-weight:900 !important; } /* ============================================================ TESLIMAT ============================================================ */ .cart-page .flora-v38-fulfillment[b-wlgtcsy6d4] { width:100% !important; margin:8px 0 0 !important; padding:15px !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px 12px !important; border:1px solid rgba(193,148,62,.40) !important; border-radius:15px !important; background:#fdfaf5 !important; box-shadow:0 8px 22px rgba(6,60,41,.035) !important; } .cart-page .flora-v38-fulfillment-heading[b-wlgtcsy6d4] { grid-column:1 / -1 !important; } .cart-page .flora-v38-fulfillment-heading > span[b-wlgtcsy6d4] { color:#a77628 !important; font-size:10px !important; font-weight:900 !important; letter-spacing:.12em !important; } .cart-page .flora-v38-fulfillment-heading > strong[b-wlgtcsy6d4] { color:#173226 !important; font-family:Georgia,serif !important; font-size:13px !important; } .cart-page .flora-v38-choice[b-wlgtcsy6d4] { position:relative !important; min-height:67px !important; padding:12px 14px 12px 55px !important; display:flex !important; align-items:center !important; border:1px solid rgba(193,148,62,.38) !important; border-radius:10px !important; background:#fffdf8 !important; box-shadow:none !important; } .cart-page .flora-v38-choice.selected[b-wlgtcsy6d4] { border-color:#063c29 !important; background:#f1f6f0 !important; } .cart-page .flora-v38-choice input[b-wlgtcsy6d4] { position:absolute !important; left:15px !important; top:50% !important; width:18px !important; height:18px !important; transform:translateY(-50%) !important; accent-color:#063c29 !important; } .cart-page .flora-v38-choice > span[b-wlgtcsy6d4] { display:grid !important; gap:2px !important; } .cart-page .flora-v38-choice strong[b-wlgtcsy6d4] { color:#173226 !important; font-family:Georgia,serif !important; font-size:12px !important; } .cart-page .flora-v38-choice small[b-wlgtcsy6d4] { color:#776f63 !important; font-size:10px !important; } .cart-page .flora-v38-choice.gift-wrap[b-wlgtcsy6d4] { grid-column:1 / -1 !important; } /* ============================================================ SIPARIS OZETI ============================================================ */ .cart-page .order-summary[b-wlgtcsy6d4] { position:sticky !important; top:20px !important; width:420px !important; min-width:0 !important; padding:26px 24px 21px !important; border:1px solid rgba(193,148,62,.45) !important; border-radius:15px !important; background:#fdfaf5 !important; box-shadow:0 10px 25px rgba(6,60,41,.045) !important; } .cart-page .order-summary h2[b-wlgtcsy6d4] { position:relative !important; margin:0 0 20px !important; padding-bottom:16px !important; color:#063c29 !important; font-family:Georgia,"Iowan Old Style",serif !important; font-size:23px !important; font-weight:600 !important; } .cart-page .order-summary h2[b-wlgtcsy6d4]::after { content:"❧" !important; position:absolute !important; left:0 !important; bottom:-2px !important; width:115px !important; border-bottom:1px solid rgba(193,148,62,.46) !important; color:#c1943e !important; text-align:center !important; } .cart-page .summary-row[b-wlgtcsy6d4] { min-height:42px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; border-bottom:1px solid rgba(193,148,62,.20) !important; font-size:13px !important; } .cart-page .summary-row span[b-wlgtcsy6d4] { color:#746b5d !important; } .cart-page .summary-row strong[b-wlgtcsy6d4] { color:#173226 !important; font-family:Georgia,serif !important; white-space:nowrap !important; } /* ============================================================ KARGO ============================================================ */ .cart-page .cargo-info[b-wlgtcsy6d4] { padding:16px 0 !important; border-bottom:1px solid rgba(193,148,62,.23) !important; } .cart-page .cargo-info span[b-wlgtcsy6d4] { color:#675e51 !important; font-family:Georgia,serif !important; font-size:12px !important; line-height:1.55 !important; } .cart-page .cargo-progress[b-wlgtcsy6d4] { height:9px !important; margin-top:13px !important; overflow:hidden !important; border-radius:999px !important; background:#e9dec7 !important; } .cart-page .cargo-progress > div[b-wlgtcsy6d4] { height:100% !important; background:#063c29 !important; } /* ============================================================ GENEL TOPLAM ============================================================ */ .cart-page .summary-total[b-wlgtcsy6d4] { min-height:67px !important; padding:17px 0 13px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; } .cart-page .summary-total span[b-wlgtcsy6d4] { color:#173226 !important; font-family:Georgia,serif !important; font-size:17px !important; } .cart-page .summary-total strong[b-wlgtcsy6d4] { color:#063c29 !important; font-family:Georgia,"Iowan Old Style",serif !important; font-size:27px !important; font-weight:600 !important; white-space:nowrap !important; } /* ============================================================ ODEMEYE GEC ============================================================ */ .cart-page .checkout-button[b-wlgtcsy6d4] { width:100% !important; height:55px !important; border:1px solid #c1943e !important; border-radius:9px !important; background:linear-gradient(135deg,#063c29,#03452e) !important; color:#e8c471 !important; font-family:Georgia,serif !important; font-size:15px !important; font-weight:700 !important; box-shadow:0 5px 12px rgba(6,60,41,.19) !important; } .cart-page .secure-payment[b-wlgtcsy6d4] { margin-top:14px !important; color:#766d61 !important; font-family:Georgia,serif !important; font-size:12px !important; } /* ============================================================ ONERILEN URUNLER BASLIK SOLDA / KARTLAR SAGDA ============================================================ */ .cart-page .flora-v38-cart-suggestions[b-wlgtcsy6d4] { width:100% !important; margin:14px 0 0 !important; padding:0 10px !important; display:grid !important; grid-template-columns:276px minmax(0,1fr) !important; gap:15px !important; align-items:start !important; border:0 !important; background:transparent !important; box-shadow:none !important; } .cart-page .flora-v38-suggestion-heading[b-wlgtcsy6d4] { padding-top:2px !important; } .cart-page .flora-v38-suggestion-heading span[b-wlgtcsy6d4] { color:#a77628 !important; font-size:10px !important; font-weight:900 !important; letter-spacing:.14em !important; } .cart-page .flora-v38-suggestion-heading h2[b-wlgtcsy6d4] { margin:5px 0 0 !important; color:#063c29 !important; font-family:Georgia,"Iowan Old Style",serif !important; font-size:22px !important; font-weight:600 !important; line-height:1.15 !important; } .cart-page .flora-v38-suggestion-viewport[b-wlgtcsy6d4] { width:100% !important; min-width:0 !important; padding:0 4px 12px 0 !important; overflow:hidden !important; } .cart-page .flora-v38-suggestion-track[b-wlgtcsy6d4] { display:flex !important; width:max-content !important; gap:10px !important; animation:floraV38CartFlow-b-wlgtcsy6d4 48s linear infinite !important; } .cart-page .flora-v38-suggestion-viewport:hover .flora-v38-suggestion-track[b-wlgtcsy6d4] { animation-play-state:paused !important; } .cart-page .flora-v38-suggestion-card[b-wlgtcsy6d4] { position:relative !important; width:132px !important; min-width:132px !important; overflow:hidden !important; border:1px solid rgba(193,148,62,.35) !important; border-radius:12px !important; background:#fdfaf5 !important; box-shadow:0 6px 16px rgba(6,60,41,.055) !important; } .cart-page .flora-v38-suggestion-card[b-wlgtcsy6d4]::after { content:"+" !important; position:absolute !important; right:7px !important; bottom:7px !important; width:25px !important; height:25px !important; display:grid !important; place-items:center !important; border:1px solid #c1943e !important; border-radius:50% !important; background:#063c29 !important; color:#f4d18a !important; font-size:18px !important; pointer-events:none !important; } .cart-page .flora-v38-suggestion-image[b-wlgtcsy6d4] { height:92px !important; padding:0 !important; overflow:hidden !important; background:#f3f4ee !important; } .cart-page .flora-v38-suggestion-image img[b-wlgtcsy6d4] { display:block !important; width:100% !important; height:100% !important; padding:0 !important; object-fit:cover !important; } .cart-page .flora-v38-suggestion-info[b-wlgtcsy6d4] { min-height:100px !important; padding:8px 8px 31px !important; display:grid !important; gap:4px !important; } .cart-page .flora-v38-suggestion-info small[b-wlgtcsy6d4] { color:#73664b !important; font-size:6px !important; font-weight:900 !important; } .cart-page .flora-v38-suggestion-info > strong[b-wlgtcsy6d4] { min-height:46px !important; color:#173226 !important; font-family:Georgia,serif !important; font-size:9px !important; font-weight:600 !important; line-height:1.28 !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:4 !important; overflow:hidden !important; } .cart-page .flora-v38-suggestion-info b[b-wlgtcsy6d4] { color:#063c29 !important; font-family:Georgia,serif !important; font-size:10px !important; } /* ============================================================ ALT GUVEN ALANI ============================================================ */ .cart-page .cart-benefits[b-wlgtcsy6d4] { width:calc(100% - 32px) !important; min-height:77px !important; margin:23px auto 0 !important; display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; overflow:hidden !important; border:1px solid rgba(193,148,62,.41) !important; border-radius:11px !important; background:#fdfaf5 !important; box-shadow:0 7px 19px rgba(6,60,41,.035) !important; } .cart-page .cart-benefits > div[b-wlgtcsy6d4] { position:relative !important; min-height:77px !important; padding:13px 13px 13px 72px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; } .cart-page .cart-benefits > div + div[b-wlgtcsy6d4] { border-left:1px solid rgba(193,148,62,.18) !important; } .cart-page .cart-benefits > div[b-wlgtcsy6d4]::before { position:absolute !important; left:18px !important; top:50% !important; width:42px !important; height:42px !important; display:grid !important; place-items:center !important; transform:translateY(-50%) !important; border:1px solid rgba(193,148,62,.42) !important; border-radius:50% !important; background:#fbf6ec !important; color:#b37f27 !important; font-family:Georgia,serif !important; font-size:20px !important; } .cart-page .cart-benefits > div:nth-child(1)[b-wlgtcsy6d4]::before { content:"◈" !important; } .cart-page .cart-benefits > div:nth-child(2)[b-wlgtcsy6d4]::before { content:"▱" !important; } .cart-page .cart-benefits > div:nth-child(3)[b-wlgtcsy6d4]::before { content:"◇" !important; } .cart-page .cart-benefits > div:nth-child(4)[b-wlgtcsy6d4]::before { content:"◉" !important; } .cart-page .cart-benefits strong[b-wlgtcsy6d4] { margin:0 0 4px !important; color:#173226 !important; font-family:Georgia,serif !important; font-size:13px !important; } .cart-page .cart-benefits span[b-wlgtcsy6d4] { color:#776e62 !important; font-size:10px !important; } /* ============================================================ BOS SEPET ============================================================ */ .cart-page .empty-cart[b-wlgtcsy6d4] { min-height:430px !important; border:1px solid rgba(193,148,62,.37) !important; border-radius:15px !important; background:#fdfaf5 !important; box-shadow:0 8px 22px rgba(6,60,41,.035) !important; } .cart-page .empty-icon[b-wlgtcsy6d4] { background:#f3ede1 !important; color:#063c29 !important; } .cart-page .empty-cart h2[b-wlgtcsy6d4] { color:#063c29 !important; font-family:Georgia,serif !important; } .cart-page .empty-cart > a[b-wlgtcsy6d4] { background:#063c29 !important; } /* ============================================================ RESPONSIVE ============================================================ */ @media (max-width:1180px) { .cart-page[b-wlgtcsy6d4] { width:calc(100% - 48px) !important; } .cart-page .cart-layout[b-wlgtcsy6d4] { grid-template-columns:minmax(0,1fr) 340px !important; } .cart-page .order-summary[b-wlgtcsy6d4] { width:340px !important; } .cart-page .cart-table-head[b-wlgtcsy6d4], .cart-page .cart-item[b-wlgtcsy6d4] { grid-template-columns:minmax(280px,1fr) 90px 110px 100px 28px !important; } .cart-page .product-photo[b-wlgtcsy6d4] { width:115px !important; height:115px !important; flex-basis:115px !important; } .cart-page .flora-v38-cart-suggestions[b-wlgtcsy6d4] { grid-template-columns:220px minmax(0,1fr) !important; } } @media (max-width:900px) { .cart-page[b-wlgtcsy6d4] { width:calc(100% - 28px) !important; } .cart-page .cart-layout[b-wlgtcsy6d4] { grid-template-columns:minmax(0,1fr) !important; } .cart-page .order-summary[b-wlgtcsy6d4] { position:static !important; width:100% !important; } .cart-page .flora-v38-cart-suggestions[b-wlgtcsy6d4] { grid-template-columns:minmax(0,1fr) !important; } .cart-page .cart-benefits[b-wlgtcsy6d4] { width:100% !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media (max-width:800px) { .cart-page .page-heading[b-wlgtcsy6d4] { min-height:135px !important; padding:23px 22px !important; } .cart-page .page-heading h1[b-wlgtcsy6d4] { font-size:38px !important; } .cart-page .page-heading[b-wlgtcsy6d4]::after { width:62px !important; height:62px !important; right:18px !important; font-size:36px !important; } .cart-page .cart-table-head[b-wlgtcsy6d4] { display:none !important; } .cart-page .cart-item[b-wlgtcsy6d4] { position:relative !important; min-height:0 !important; padding:15px !important; grid-template-columns:1fr 1fr !important; gap:15px !important; border:1px solid rgba(193,148,62,.40) !important; border-radius:13px !important; margin-bottom:10px !important; } .cart-page .product-column[b-wlgtcsy6d4] { grid-column:1 / -1 !important; } .cart-page .remove-column[b-wlgtcsy6d4] { position:absolute !important; right:10px !important; top:10px !important; } .cart-page .cart-bottom[b-wlgtcsy6d4] { flex-direction:column !important; align-items:stretch !important; border-top:1px solid rgba(193,148,62,.40) !important; border-radius:13px !important; } .cart-page .coupon-area[b-wlgtcsy6d4] { width:100% !important; } .cart-page .flora-v38-fulfillment[b-wlgtcsy6d4] { grid-template-columns:minmax(0,1fr) !important; } .cart-page .flora-v38-choice.gift-wrap[b-wlgtcsy6d4] { grid-column:auto !important; } .cart-page .flora-v38-suggestion-viewport[b-wlgtcsy6d4] { overflow-x:auto !important; } .cart-page .flora-v38-suggestion-track[b-wlgtcsy6d4] { animation:none !important; } } @media (max-width:520px) { .cart-page[b-wlgtcsy6d4] { width:calc(100% - 16px) !important; } .cart-page .page-heading[b-wlgtcsy6d4]::after { display:none !important; } .cart-page .page-heading h1[b-wlgtcsy6d4] { font-size:34px !important; } .cart-page .cart-item[b-wlgtcsy6d4] { grid-template-columns:minmax(0,1fr) !important; } .cart-page .product-column[b-wlgtcsy6d4] { grid-column:auto !important; } .cart-page .product-photo[b-wlgtcsy6d4] { width:90px !important; height:90px !important; flex-basis:90px !important; } .cart-page .coupon-form[b-wlgtcsy6d4] { grid-template-columns:minmax(0,1fr) !important; } .cart-page .cart-benefits[b-wlgtcsy6d4] { grid-template-columns:minmax(0,1fr) !important; } .cart-page .cart-benefits > div[b-wlgtcsy6d4] { border-left:0 !important; border-top:1px solid rgba(193,148,62,.18) !important; } .cart-page .cart-benefits > div:first-child[b-wlgtcsy6d4] { border-top:0 !important; } } /* FLORA_V40_47_2_CART_TARGET_FINAL_END */ /* ============================================================ FLORA_V40_48_RECOMMENDATIONS_TARGET_DESIGN SADECE: SEPETINIZE UYGUN / BUNLAR DA ILGINIZI CEKEBILIR REFERANS GORSELDEKI TASARIM. ============================================================ */ /* ============================================================ FULL WIDTH OUTER FRAME ============================================================ */ .cart-page > .flora-v38-cart-suggestions[b-wlgtcsy6d4] { position: relative !important; isolation: isolate !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 410px !important; margin: 28px 0 0 !important; padding: 36px 34px 34px 38px !important; display: grid !important; grid-template-columns: 320px minmax(0, 1fr) !important; gap: 28px !important; align-items: center !important; overflow: hidden !important; border: 1px solid rgba(193,148,62,.47) !important; border-radius: 22px !important; background: linear-gradient( 110deg, #fdfaf4 0%, #fbf7ee 44%, #fffdf8 100% ) !important; box-shadow: 0 14px 34px rgba(6,60,41,.055) !important; } /* Sol alt botanik filigran */ .cart-page > .flora-v38-cart-suggestions[b-wlgtcsy6d4]::before { content: "" !important; position: absolute !important; z-index: 0 !important; left: -14px !important; bottom: -20px !important; width: 225px !important; height: 190px !important; opacity: .18 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 190'%3E%3Cg fill='none' stroke='%23c1943e' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 185C55 140 72 89 139 19'/%3E%3Cpath d='M48 146C20 142 9 121 14 96 43 101 61 118 59 140'/%3E%3Cpath d='M75 115C58 90 64 66 87 46 101 72 96 96 75 115'/%3E%3Cpath d='M103 83C105 58 123 39 151 31 149 60 132 79 103 83'/%3E%3Cpath d='M38 163C68 153 91 162 104 184 74 190 51 181 38 163'/%3E%3Cpath d='M130 48C141 26 159 13 183 10'/%3E%3C/g%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: contain !important; pointer-events: none !important; } /* ============================================================ SOL BASLIK BLOGU ============================================================ */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading[b-wlgtcsy6d4] { position: relative !important; z-index: 2 !important; min-width: 0 !important; padding: 10px 4px 16px 18px !important; display: block !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading > div[b-wlgtcsy6d4] { display: block !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading span[b-wlgtcsy6d4] { display: block !important; margin: 0 0 42px !important; color: #ad7927 !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 11px !important; font-weight: 950 !important; letter-spacing: .18em !important; } /* Üstteki altin dal/cizgi */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading span[b-wlgtcsy6d4]::after { content: "❧" !important; position: absolute !important; top: 45px !important; left: 18px !important; width: 270px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #c1943e !important; font-family: Georgia, serif !important; font-size: 20px !important; background: linear-gradient( 90deg, #c1943e 0, #c1943e 42%, transparent 42%, transparent 58%, #c1943e 58%, #c1943e 100% ) center / 100% 1px no-repeat !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading h2[b-wlgtcsy6d4] { max-width: 300px !important; margin: 0 !important; color: #063c29 !important; font-family: Georgia, "Iowan Old Style", "Palatino Linotype", serif !important; font-size: 35px !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -.02em !important; } /* Baslik altindaki ikinci botanik ayirici */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading h2[b-wlgtcsy6d4]::after { content: "❧" !important; width: 255px !important; margin: 25px 0 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #bd9344 !important; font-size: 19px !important; background: linear-gradient( 90deg, rgba(193,148,62,.72) 0, rgba(193,148,62,.72) 40%, transparent 40%, transparent 60%, rgba(193,148,62,.72) 60%, rgba(193,148,62,.72) 100% ) center / 100% 1px no-repeat !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading p[b-wlgtcsy6d4] { max-width: 265px !important; margin: 26px 0 0 !important; color: #696255 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 14px !important; line-height: 1.65 !important; } /* ============================================================ CAROUSEL VIEWPORT ============================================================ */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-viewport[b-wlgtcsy6d4] { position: relative !important; z-index: 2 !important; width: 100% !important; min-width: 0 !important; padding: 8px 4px 14px 10px !important; overflow: hidden !important; } /* Referanstaki sol yuvarlak ok */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-viewport[b-wlgtcsy6d4]::before { content: "‹" !important; position: absolute !important; z-index: 20 !important; left: 0 !important; top: 50% !important; width: 43px !important; height: 43px !important; display: grid !important; place-items: center !important; transform: translateY(-50%) !important; border: 1px solid rgba(193,148,62,.35) !important; border-radius: 50% !important; background: rgba(255,253,248,.97) !important; color: #063c29 !important; font-family: Arial, sans-serif !important; font-size: 30px !important; line-height: 1 !important; box-shadow: 0 8px 20px rgba(6,60,41,.08) !important; pointer-events: none !important; } /* Referanstaki sag yuvarlak ok */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-viewport[b-wlgtcsy6d4]::after { content: "›" !important; position: absolute !important; z-index: 20 !important; right: 0 !important; top: 50% !important; width: 43px !important; height: 43px !important; display: grid !important; place-items: center !important; transform: translateY(-50%) !important; border: 1px solid rgba(193,148,62,.35) !important; border-radius: 50% !important; background: rgba(255,253,248,.97) !important; color: #063c29 !important; font-family: Arial, sans-serif !important; font-size: 30px !important; line-height: 1 !important; box-shadow: 0 8px 20px rgba(6,60,41,.08) !important; pointer-events: none !important; } /* ============================================================ TRACK ============================================================ */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-track[b-wlgtcsy6d4] { display: flex !important; width: max-content !important; gap: 16px !important; padding: 0 28px !important; animation: floraV38CartFlow-b-wlgtcsy6d4 48s linear infinite !important; will-change: transform !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-viewport:hover .flora-v38-suggestion-track[b-wlgtcsy6d4] { animation-play-state: paused !important; } /* ============================================================ PRODUCT CARD ============================================================ */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-card[b-wlgtcsy6d4] { position: relative !important; width: 190px !important; min-width: 190px !important; min-height: 330px !important; display: block !important; overflow: hidden !important; border: 1px solid rgba(193,148,62,.45) !important; border-radius: 15px !important; background: #fffdf8 !important; color: inherit !important; text-decoration: none !important; box-shadow: 0 9px 22px rgba(6,60,41,.065) !important; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-card:hover[b-wlgtcsy6d4] { transform: translateY(-4px) !important; border-color: rgba(193,148,62,.75) !important; box-shadow: 0 17px 32px rgba(6,60,41,.11) !important; } /* ============================================================ CARD IMAGE ============================================================ */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-image[b-wlgtcsy6d4] { position: relative !important; width: 100% !important; height: 158px !important; padding: 0 !important; display: block !important; overflow: hidden !important; border-radius: 14px 14px 0 0 !important; background: #f2f3ed !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-image img[b-wlgtcsy6d4] { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; transform: none !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-card:hover .flora-v38-suggestion-image img[b-wlgtcsy6d4] { transform: scale(1.025) !important; } /* ============================================================ CARD INFO ============================================================ */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-info[b-wlgtcsy6d4] { position: relative !important; min-height: 170px !important; padding: 15px 13px 48px !important; display: block !important; background: #fffdf8 !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-info small[b-wlgtcsy6d4] { display: block !important; margin: 0 0 10px !important; color: #9b6d27 !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 8px !important; font-weight: 950 !important; line-height: 1.2 !important; letter-spacing: .07em !important; text-transform: uppercase !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-info > strong[b-wlgtcsy6d4] { min-height: 68px !important; margin: 0 !important; display: -webkit-box !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 4 !important; color: #173226 !important; font-family: Georgia, "Iowan Old Style", serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.28 !important; } /* Altin botanik ayirici */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-info[b-wlgtcsy6d4]::before { content: "❧" !important; position: absolute !important; left: 13px !important; right: 13px !important; bottom: 54px !important; height: 15px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #c1943e !important; font-size: 14px !important; background: linear-gradient( 90deg, rgba(193,148,62,.55) 0, rgba(193,148,62,.55) 41%, transparent 41%, transparent 59%, rgba(193,148,62,.55) 59%, rgba(193,148,62,.55) 100% ) center / 100% 1px no-repeat !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-info > div[b-wlgtcsy6d4] { position: absolute !important; left: 13px !important; right: 48px !important; bottom: 15px !important; min-height: 25px !important; display: flex !important; align-items: center !important; gap: 7px !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-info b[b-wlgtcsy6d4] { color: #063c29 !important; font-family: Georgia, "Iowan Old Style", serif !important; font-size: 16px !important; font-weight: 700 !important; white-space: nowrap !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-info del[b-wlgtcsy6d4] { color: #928a7c !important; font-size: 9px !important; white-space: nowrap !important; } /* ============================================================ YESIL + DAIRE ============================================================ */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-card[b-wlgtcsy6d4]::after { content: "+" !important; position: absolute !important; z-index: 10 !important; right: 11px !important; bottom: 10px !important; width: 34px !important; height: 34px !important; display: grid !important; place-items: center !important; border: 1px solid #c1943e !important; border-radius: 50% !important; background: #063c29 !important; color: #f0cb76 !important; font-family: Arial, sans-serif !important; font-size: 25px !important; font-weight: 300 !important; line-height: 1 !important; box-shadow: 0 6px 15px rgba(6,60,41,.18) !important; pointer-events: none !important; } /* ============================================================ DISCOUNT BADGE KORUNUR ============================================================ */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-image span[b-wlgtcsy6d4] { position: absolute !important; z-index: 5 !important; left: 9px !important; top: 9px !important; padding: 4px 7px !important; border-radius: 999px !important; background: #063c29 !important; color: #fff !important; font-size: 9px !important; font-weight: 900 !important; } /* ============================================================ RESPONSIVE ============================================================ */ @media (max-width: 1180px) { .cart-page > .flora-v38-cart-suggestions[b-wlgtcsy6d4] { grid-template-columns: 250px minmax(0,1fr) !important; gap: 20px !important; padding: 28px 25px !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading h2[b-wlgtcsy6d4] { font-size: 30px !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-card[b-wlgtcsy6d4] { width: 175px !important; min-width: 175px !important; } } @media (max-width: 820px) { .cart-page > .flora-v38-cart-suggestions[b-wlgtcsy6d4] { min-height: 0 !important; grid-template-columns: minmax(0,1fr) !important; gap: 18px !important; padding: 25px 20px !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading[b-wlgtcsy6d4] { padding: 0 6px !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading h2[b-wlgtcsy6d4] { max-width: none !important; font-size: 28px !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading p[b-wlgtcsy6d4] { max-width: 540px !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-viewport[b-wlgtcsy6d4] { overflow-x: auto !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-track[b-wlgtcsy6d4] { animation: none !important; padding: 0 8px 7px !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-viewport[b-wlgtcsy6d4]::before, .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-viewport[b-wlgtcsy6d4]::after { display: none !important; } } @media (max-width: 520px) { .cart-page > .flora-v38-cart-suggestions[b-wlgtcsy6d4] { border-radius: 16px !important; padding: 22px 14px !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading h2[b-wlgtcsy6d4] { font-size: 26px !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-card[b-wlgtcsy6d4] { width: 168px !important; min-width: 168px !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-image[b-wlgtcsy6d4] { height: 142px !important; } } /* FLORA_V40_48_RECOMMENDATIONS_TARGET_DESIGN_END */ /* FLORA_V48_16B_CART_MOBILE_HEADING_FIX_START */ /* ==================================================================== SEPET - BUNLAR DA ILGINIZI CEKEBILIR Sorun: Mobilde "SEPETINIZE UYGUN" altindaki ust dekoratif altin cizgi, h2 basliginin uzerine biniyordu. Cozum: - Mobilde ust dekoratif cizgi kapatilir. - Etiket ile baslik arasindaki bosluk normal hale getirilir. - H2 kendi alaninda guvenli sekilde satir kirar. - H2 altindaki asil botanik ayirici korunur. - Desktop etkilenmez. ==================================================================== */ @media (max-width:700px) { .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading[b-wlgtcsy6d4] { min-width:0 !important; padding: 4px 6px 8px !important; overflow: visible !important; } .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading > div[b-wlgtcsy6d4] { width:100% !important; min-width:0 !important; max-width:100% !important; overflow: visible !important; } /* * SEPETINIZE UYGUN */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading span[b-wlgtcsy6d4] { position:relative !important; width:auto !important; max-width:100% !important; margin: 0 0 18px !important; padding:0 !important; line-height: 1.3 !important; } /* * MOBILDE BASLIGIN UZERINE BINEN * UST ALTIN CIZGI TAMAMEN KAPALI. * * H2 ALTINDAKI AYIRICI ZATEN KORUNUYOR. */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading span[b-wlgtcsy6d4]::after { content:none !important; display:none !important; } /* * BUNLAR DA ILGINIZI CEKEBILIR */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading h2[b-wlgtcsy6d4] { position:relative !important; z-index:3 !important; width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:0 !important; font-size: clamp(27px, 8vw, 32px) !important; line-height: 1.08 !important; letter-spacing: -.025em !important; overflow: visible !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; } /* * BASLIK ALTINDAKI TEK DEKORATIF AYIRICI */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading h2[b-wlgtcsy6d4]::after { position:relative !important; width: min(100%, 510px) !important; max-width: 100% !important; margin: 22px 0 0 !important; clear: both !important; } /* * ACIKLAMA METNI */ .cart-page > .flora-v38-cart-suggestions .flora-v38-suggestion-heading p[b-wlgtcsy6d4] { width:100% !important; max-width:100% !important; margin: 24px 0 0 !important; overflow-wrap: normal !important; } } /* FLORA_V48_16B_CART_MOBILE_HEADING_FIX_END */ /* /Components/Pages/SiparisDetay.razor.rz.scp.css */ .flora-order-detail[b-v927c9dlez] { width:min(100% - 40px,1100px); margin:0 auto; padding:34px 0 72px; } .detail-head[b-v927c9dlez] { margin-bottom:25px; } .detail-head>span[b-v927c9dlez] { color:#063c29; font-size:13px; font-weight:800; letter-spacing:.05em; } .detail-head h1[b-v927c9dlez] { margin:6px 0 7px; font-size:31px; line-height:1.2; } .detail-head p[b-v927c9dlez] { margin:0; color:#687068; font-size:14px; } .detail-card[b-v927c9dlez] { margin-bottom:16px; padding:21px; border:1px solid #e1e6e2; border-radius:9px; background:#fff; } .detail-card h2[b-v927c9dlez] { margin:0 0 17px; font-size:20px; } .order-steps[b-v927c9dlez] { display:flex; flex-wrap:wrap; gap:8px; } .step[b-v927c9dlez] { padding:9px 12px; border-radius:30px; background:#f1f3f1; color:#747a74; font-size: 13px; font-weight:700; } .step.completed[b-v927c9dlez] { background:#063c29; color:#fff; } .cargo-box[b-v927c9dlez] { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:21px; padding:16px; border-radius:7px; background:#f6f8f6; } .cargo-box small[b-v927c9dlez] { display:block; margin-bottom:4px; color:#747a74; font-size: 13px; } .detail-product[b-v927c9dlez] { display:flex; justify-content:space-between; gap:18px; padding:14px 0; border-top:1px solid #edf0ed; } .detail-product p[b-v927c9dlez] { margin:5px 0 0; color:#687068; font-size:13px; } .detail-summary[b-v927c9dlez] { display:grid; grid-template-columns:1.25fr 1fr auto; gap:28px; } .detail-summary p[b-v927c9dlez] { color:#687068; font-size:14px; line-height:1.7; } .grand-total[b-v927c9dlez] { align-self:end; text-align:right; } .grand-total small[b-v927c9dlez] { display:block; color:#687068; font-size: 13px; } .grand-total strong[b-v927c9dlez] { color:#063c29; font-size:22px; } .detail-empty[b-v927c9dlez] { padding:58px 20px; border:1px solid #e1e6e2; border-radius:9px; text-align:center; } .flora-button[b-v927c9dlez] { display:inline-block; margin-top:12px; padding:12px 18px; border-radius:5px; background:#063c29; color:#fff; font-size:13px; font-weight:800; text-decoration:none; } @media (max-width:700px) { .flora-order-detail[b-v927c9dlez] { width:min(100% - 24px,1100px); } .detail-head h1[b-v927c9dlez] { font-size:27px; } .cargo-box[b-v927c9dlez],.detail-summary[b-v927c9dlez] { grid-template-columns:1fr; } .grand-total[b-v927c9dlez] { text-align:left; } .detail-product[b-v927c9dlez] { flex-direction:column; } } /* FLORA_V38_ORDER_FULFILLMENT */ .flora-v38-order-fulfillment[b-v927c9dlez]{margin-top:10px;padding:10px 12px;border:1px solid #d8e8dd;border-radius:10px;background:#f5faf6;color:#063c29;font-size:12px;font-weight:750;line-height:1.5} /* /Components/Pages/Siparislerim.razor.rz.scp.css */ .flora-orders-page[b-iwjvr2zinm] { width:min(100% - 40px,1180px); margin:0 auto; padding:34px 0 72px; } .orders-head[b-iwjvr2zinm] { margin-bottom:28px; } .orders-head>span[b-iwjvr2zinm] { color:#063c29; font-size:13px; font-weight:800; letter-spacing:.05em; } .orders-head h1[b-iwjvr2zinm] { margin:6px 0 8px; font-size:32px; line-height:1.2; } .orders-head p[b-iwjvr2zinm] { margin:0; color:#687068; font-size:14px; line-height:1.65; } .orders-list[b-iwjvr2zinm] { display:flex; flex-direction:column; gap:15px; } .order-card[b-iwjvr2zinm] { overflow:hidden; border:1px solid #e1e6e2; border-radius:9px; background:#fff; } .order-card-head[b-iwjvr2zinm] { display:grid; grid-template-columns:1fr 1fr auto; gap:22px; align-items:center; padding:16px 19px; background:#f8faf8; border-bottom:1px solid #edf0ed; } .order-card-head small[b-iwjvr2zinm] { display:block; color:#788078; font-size: 13px; margin-bottom:4px; } .order-card-head strong[b-iwjvr2zinm] { display:block; font-size:14px; } .status[b-iwjvr2zinm] { padding:8px 12px; border-radius:30px; background:#eaf4ec; color:#063c29; font-size: 13px; font-weight:800; } .order-card-body[b-iwjvr2zinm] { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:19px; } .order-card-body p[b-iwjvr2zinm] { margin:5px 0 0; color:#687068; font-size:14px; } .order-total[b-iwjvr2zinm] { text-align:right; } .order-total>strong[b-iwjvr2zinm] { display:block; margin-bottom:9px; color:#063c29; font-size:19px; } .order-total a[b-iwjvr2zinm] { color:#063c29; font-size:13px; font-weight:800; text-decoration:none; } .orders-empty[b-iwjvr2zinm] { padding:58px 20px; border:1px solid #e1e6e2; border-radius:9px; text-align:center; } .orders-empty h2[b-iwjvr2zinm] { font-size:23px; } .orders-empty p[b-iwjvr2zinm] { color:#687068; font-size:14px; } .flora-button[b-iwjvr2zinm] { display:inline-block; margin-top:12px; padding:12px 18px; border-radius:5px; background:#063c29; color:#fff; font-size:13px; font-weight:800; text-decoration:none; } @media (max-width:700px) { .flora-orders-page[b-iwjvr2zinm] { width:min(100% - 24px,1180px); } .orders-head h1[b-iwjvr2zinm] { font-size:28px; } .order-card-head[b-iwjvr2zinm] { grid-template-columns:1fr; gap:13px; } .status[b-iwjvr2zinm] { width:max-content; } .order-card-body[b-iwjvr2zinm] { align-items:flex-start; flex-direction:column; } .order-total[b-iwjvr2zinm] { text-align:left; } } /* ============================================================ FLORA_V37D18_ORDERS_PREMIUM_PAGE_V1 SIPARISLERIM - FLORA ACCOUNT PREMIUM ============================================================ */ .flora-orders-page[b-iwjvr2zinm], .flora-orders-page *[b-iwjvr2zinm], .flora-orders-page *[b-iwjvr2zinm]::before, .flora-orders-page *[b-iwjvr2zinm]::after { box-sizing: border-box !important; } .flora-orders-page[b-iwjvr2zinm] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: grid !important; gap: 22px !important; } /* HERO */ .flora-orders-page .orders-head[b-iwjvr2zinm] { position: relative !important; isolation: isolate !important; min-height: 170px !important; margin: 0 !important; padding: 28px 32px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; overflow: hidden !important; border-radius: 16px !important; background: linear-gradient( 135deg, #063c29 0%, #063c29 52%, #063c29 100% ) !important; color: #ffffff !important; box-shadow: 0 14px 34px rgba(6,60,41,.14) !important; } .flora-orders-page .orders-head[b-iwjvr2zinm]::before { content: "" !important; position: absolute !important; z-index: -1 !important; width: 260px !important; height: 260px !important; right: -78px !important; top: -128px !important; border-radius: 50% !important; background: rgba(255,255,255,.055) !important; } .flora-orders-page .orders-head > span[b-iwjvr2zinm] { display: inline-flex !important; align-items: center !important; min-height: 27px !important; margin: 0 0 10px !important; padding: 0 10px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; background: rgba(255,255,255,.09) !important; color: #d7ecdc !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .12em !important; } .flora-orders-page .orders-head h1[b-iwjvr2zinm] { margin: 0 0 10px !important; color: #ffffff !important; font-size: clamp(30px,4vw,42px) !important; font-weight: 900 !important; line-height: 1.08 !important; } .flora-orders-page .orders-head p[b-iwjvr2zinm] { max-width: 760px !important; margin: 0 !important; color: #dcece0 !important; font-size: 13px !important; line-height: 1.68 !important; } /* LIST */ .flora-orders-page .orders-list[b-iwjvr2zinm] { width: 100% !important; min-width: 0 !important; display: grid !important; gap: 14px !important; } .flora-orders-page .order-card[b-iwjvr2zinm] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; border: 1px solid #dce6de !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: 0 8px 26px rgba(6,60,41,.05) !important; } .flora-orders-page .order-card-head[b-iwjvr2zinm] { width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto !important; gap: 18px !important; align-items: center !important; padding: 18px 20px !important; border-bottom: 1px solid #edf1ed !important; background: #fafcfa !important; } .flora-orders-page .order-card-head > *[b-iwjvr2zinm] { min-width: 0 !important; } .flora-orders-page .order-card-head small[b-iwjvr2zinm] { display: block !important; margin-bottom: 4px !important; color: #7c877f !important; font-size: 11px !important; } .flora-orders-page .order-card-head strong[b-iwjvr2zinm] { overflow-wrap: anywhere !important; color: #263229 !important; font-size: 14px !important; } .flora-orders-page .status[b-iwjvr2zinm] { width: max-content !important; max-width: 100% !important; padding: 7px 11px !important; border-radius: 999px !important; background: #eaf4ec !important; color: #063c29 !important; font-size: 11px !important; font-weight: 900 !important; } .flora-orders-page .order-card-body[b-iwjvr2zinm] { width: 100% !important; min-width: 0 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 22px !important; padding: 20px !important; } .flora-orders-page .order-card-body > *[b-iwjvr2zinm] { min-width: 0 !important; } .flora-orders-page .order-card-body p[b-iwjvr2zinm] { overflow-wrap: anywhere !important; color: #667169 !important; font-size: 13px !important; line-height: 1.6 !important; } .flora-orders-page .order-total[b-iwjvr2zinm] { flex: 0 0 auto !important; text-align: right !important; } .flora-orders-page .order-total > strong[b-iwjvr2zinm] { display: block !important; margin-bottom: 8px !important; color: #063c29 !important; font-size: 18px !important; font-weight: 900 !important; } .flora-orders-page .order-total a[b-iwjvr2zinm] { color: #063c29 !important; font-size: 11px !important; font-weight: 900 !important; text-decoration: none !important; } /* EMPTY */ .flora-orders-page .orders-empty[b-iwjvr2zinm] { width: 100% !important; padding: 54px 24px !important; border: 1px solid #dce6de !important; border-radius: 14px !important; background: #ffffff !important; text-align: center !important; box-shadow: 0 8px 26px rgba(6,60,41,.045) !important; } .flora-orders-page .orders-empty h2[b-iwjvr2zinm] { margin: 0 0 7px !important; color: #063c29 !important; font-size: 22px !important; } .flora-orders-page .orders-empty p[b-iwjvr2zinm] { margin: 0 !important; color: #6a756d !important; font-size: 13px !important; } .flora-orders-page .flora-button[b-iwjvr2zinm] { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; margin-top: 16px !important; padding: 0 17px !important; border-radius: 7px !important; background: #063c29 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; text-decoration: none !important; } @media (max-width:700px) { .flora-orders-page .orders-head[b-iwjvr2zinm] { min-height: 145px !important; padding: 22px 18px !important; border-radius: 13px !important; } .flora-orders-page .orders-head h1[b-iwjvr2zinm] { font-size: 28px !important; } .flora-orders-page .order-card-head[b-iwjvr2zinm] { grid-template-columns: minmax(0,1fr) !important; gap: 12px !important; padding: 17px !important; } .flora-orders-page .order-card-body[b-iwjvr2zinm] { align-items: flex-start !important; flex-direction: column !important; padding: 17px !important; } .flora-orders-page .order-total[b-iwjvr2zinm] { width: 100% !important; text-align: left !important; } } /* /Components/Pages/UrunDetay.razor.rz.scp.css */ .product-detail-page[b-lw52zqjx7x] { --green: #063c29; --dark-green: #063c29; --border: #e1e5e1; --muted: #6d736e; --yellow: #f2ad00; width: min(100% - 40px, 1420px); margin: 0 auto; padding-bottom: 60px; font-family: Arial, Helvetica, sans-serif; color: #1e221f; } /* BREADCRUMB */ .breadcrumb[b-lw52zqjx7x] { min-height: 58px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 8px 0; font-size: 13px; line-height: 1.4; color: #777d78; } .breadcrumb a[b-lw52zqjx7x] { color: #5f685f; font-weight: 600; text-decoration: none; } .breadcrumb a:hover[b-lw52zqjx7x] { color: var(--green); } .breadcrumb strong[b-lw52zqjx7x] { color: #252925; font-weight: 700; } /* ANA ÜRÜN */ .product-main[b-lw52zqjx7x] { min-height: 545px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(370px, .9fr); gap: 45px; padding-bottom: 30px; } /* GALERİ */ .thumbnail[b-lw52zqjx7x] { width: 76px; height: 76px; padding: 5px; display: grid; place-items: center; border: 1px solid #dfe4df; border-radius: 5px; background: white; cursor: pointer; } .thumbnail.active[b-lw52zqjx7x] { border: 2px solid var(--green); } .gallery-placeholder[b-lw52zqjx7x] { display: grid; width: 100%; height: 100%; place-items: center; color: #6c746d; font-size: 13px; font-weight: 800; letter-spacing: .08em; } .gallery-arrow[b-lw52zqjx7x] { position: absolute; top: 50%; z-index: 4; width: 44px; height: 44px; display: grid; place-items: center; transform: translateY(-50%); border: 1px solid rgba(6, 60, 41, .16); border-radius: 999px; background: rgba(255, 255, 255, .94); color: var(--green); box-shadow: 0 8px 24px rgba(6,60,41,.14); cursor: pointer; font-size: 29px; line-height: 1; } .gallery-arrow:hover[b-lw52zqjx7x] { background: #fff; box-shadow: 0 9px 26px rgba(6,60,41,.2); } .gallery-arrow-prev[b-lw52zqjx7x] { left: 12px; } .gallery-arrow-next[b-lw52zqjx7x] { right: 12px; } .gallery-counter[b-lw52zqjx7x] { position: absolute; right: 12px; bottom: 12px; z-index: 4; padding: 6px 10px; border-radius: 999px; background: rgba(6,60,41,.76); color: #fff; font-size: 13px; font-weight: 700; } .image-badge[b-lw52zqjx7x] { position: absolute; left: 17px; top: 17px; padding: 6px 9px; border-radius: 30px; background: var(--green); color: white; font-size: 13px; font-weight: 700; } /* ÜRÜN BİLGİLERİ */ .product-information[b-lw52zqjx7x] { padding-top: 15px; } .product-category[b-lw52zqjx7x] { color: var(--green); font-size: 13px; font-weight: 700; letter-spacing: .5px; } .product-information h1[b-lw52zqjx7x] { margin: 10px 0 11px; font-size: 27px; line-height: 1.15; } .rating-row[b-lw52zqjx7x] { display: flex; align-items: center; gap: 8px; color: #777d78; font-size: 13px; } .stars[b-lw52zqjx7x] { color: var(--yellow); font-size: 13px; letter-spacing: 1px; } .separator[b-lw52zqjx7x] { color: #d1d4d1; } .product-code[b-lw52zqjx7x] { color: #8a908b; } .price[b-lw52zqjx7x] { margin-top: 23px; color: var(--green); font-size: 27px; font-weight: 700; } .stock[b-lw52zqjx7x] { margin-top: 9px; display: flex; align-items: center; gap: 7px; color: var(--green); font-size: 13px; font-weight: 600; } .stock-dot[b-lw52zqjx7x] { width: 7px; height: 7px; border-radius: 50%; background: #063c29; } /* SEÇENEKLER */ .option-group[b-lw52zqjx7x] { margin-top: 25px; } .option-title[b-lw52zqjx7x] { margin-bottom: 10px; font-size: 13px; } .age-buttons[b-lw52zqjx7x] { display: flex; gap: 8px; } .age-button[b-lw52zqjx7x] { min-width: 60px; height: 34px; padding: 0 13px; border: 1px solid #daddda; border-radius: 4px; background: white; color: #444; font-size: 13px; cursor: pointer; } .age-button.active[b-lw52zqjx7x] { border-color: var(--green); background: var(--green); color: white; } .quantity-control[b-lw52zqjx7x] { width: 115px; height: 34px; display: grid; grid-template-columns: 34px 1fr 34px; border: 1px solid #dadeda; border-radius: 4px; overflow: hidden; } .quantity-control button[b-lw52zqjx7x] { border: none; background: #f6f7f6; cursor: pointer; } .quantity-control span[b-lw52zqjx7x] { display: grid; place-items: center; font-size: 13px; } /* SATIN AL */ .buy-buttons[b-lw52zqjx7x] { margin-top: 27px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; } .buy-buttons button[b-lw52zqjx7x] { height: 43px; border-radius: 4px; font-size: 13px; font-weight: 700; cursor: pointer; } .add-cart[b-lw52zqjx7x] { display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--green); background: var(--green); color: white; } .add-cart svg[b-lw52zqjx7x] { width: 17px; height: 17px; } .buy-now[b-lw52zqjx7x] { border: 1px solid var(--dark-green); background: var(--dark-green); color: white; } .secondary-actions[b-lw52zqjx7x] { margin-top: 15px; display: flex; justify-content: space-between; flex-wrap: wrap; } .secondary-actions button[b-lw52zqjx7x] { display: flex; align-items: center; gap: 6px; border: none; background: transparent; color: #626862; font-size: 13px; cursor: pointer; } .secondary-actions svg[b-lw52zqjx7x] { width: 15px; height: 15px; } /* AVANTAJLAR */ .benefits[b-lw52zqjx7x] { min-height: 85px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); } .benefit-item[b-lw52zqjx7x] { padding: 18px 25px; display: flex; align-items: center; justify-content: center; gap: 12px; } .benefit-item svg[b-lw52zqjx7x] { width: 28px; height: 28px; flex: 0 0 28px; } .benefit-item > div[b-lw52zqjx7x] { display: flex; flex-direction: column; } .benefit-item strong[b-lw52zqjx7x] { margin-bottom: 4px; font-size: 13px; } .benefit-item span[b-lw52zqjx7x] { color: var(--muted); font-size: 13px; } /* DETAY */ .detail-section[b-lw52zqjx7x] { margin-top: 36px; } .detail-tabs[b-lw52zqjx7x] { height: 45px; display: flex; gap: 32px; border-bottom: 1px solid var(--border); } .tab-button[b-lw52zqjx7x] { position: relative; height: 45px; padding: 0; border: none; background: transparent; color: #646a65; font-size: 13px; font-weight: 600; cursor: pointer; } .tab-button.active[b-lw52zqjx7x] { color: var(--green); } .tab-button.active[b-lw52zqjx7x]::after { content: ""; position: absolute; height: 2px; left: 0; right: 0; bottom: -1px; background: var(--green); } .tab-content[b-lw52zqjx7x] { padding: 28px 0; } /* AÇIKLAMA */ .description-content[b-lw52zqjx7x] { max-width: 850px; } .description-content h2[b-lw52zqjx7x], .care-guide h2[b-lw52zqjx7x] { margin: 0 0 15px; font-size: 17px; } .description-content p[b-lw52zqjx7x] { color: var(--muted); font-size: 13px; line-height: 1.7; } /* ÖZELLİKLER */ .features-grid[b-lw52zqjx7x] { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--border); border-left: 1px solid var(--border); } [b-lw52zqjx7x] .feature-item { min-height: 45px; padding: 11px 16px; display: grid; grid-template-columns: 1fr 1.2fr; align-items: center; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); } [b-lw52zqjx7x] .feature-item span { color: var(--muted); font-size: 13px; } [b-lw52zqjx7x] .feature-item strong { font-size: 13px; font-weight: 600; } /* BAKIM */ .flora-more-guide-link[b-lw52zqjx7x] { width: fit-content; min-height: 44px; margin: 2px 0 18px; padding: 10px 15px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid rgba(6, 60, 41, .2); border-radius: 999px; background: linear-gradient(180deg, #f4faf5 0%, #edf7ef 100%); color: #063c29; box-shadow: 0 7px 18px rgba(6, 60, 41, .07); font-size: 13px; font-weight: 900; line-height: 1.25; letter-spacing: .01em; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; } .flora-more-guide-link:hover[b-lw52zqjx7x] { border-color: rgba(6, 60, 41, .34); background: #e9f5ec; color: #063c29; box-shadow: 0 9px 22px rgba(6, 60, 41, .11); transform: translateY(-1px); } .flora-more-guide-link:focus-visible[b-lw52zqjx7x] { outline: 3px solid rgba(6, 60, 41, .2); outline-offset: 3px; } .flora-more-guide-link__icon[b-lw52zqjx7x] { font-size: 17px; line-height: 1; transition: transform .18s ease; } .flora-more-guide-link:hover .flora-more-guide-link__icon[b-lw52zqjx7x] { transform: translateX(3px); } .care-list[b-lw52zqjx7x] { max-width: 850px; display: grid; gap: 10px; } .care-list > div[b-lw52zqjx7x] { min-height: 52px; padding: 12px 15px; display: flex; flex-direction: column; gap: 5px; border: 1px solid var(--border); border-radius: 5px; } .care-list strong[b-lw52zqjx7x] { font-size: 13px; } .care-list span[b-lw52zqjx7x] { color: var(--muted); font-size: 13px; } /* YORUMLAR */ .big-stars[b-lw52zqjx7x] { color: var(--yellow); letter-spacing: 2px; font-size: 20px; } .review-summary span[b-lw52zqjx7x] { color: var(--muted); font-size: 13px; } .customer-review[b-lw52zqjx7x] { max-width: 700px; margin-top: 25px; padding-top: 18px; display: flex; gap: 12px; border-top: 1px solid var(--border); } .review-avatar[b-lw52zqjx7x] { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--green); color: white; font-size: 13px; font-weight: 700; } .customer-review strong[b-lw52zqjx7x] { font-size: 13px; } .small-stars[b-lw52zqjx7x] { margin-left: 10px; color: var(--yellow); font-size: 13px; } .customer-review p[b-lw52zqjx7x] { color: var(--muted); font-size: 13px; } /* TABLET */ @media (max-width: 950px) { .product-main[b-lw52zqjx7x] { grid-template-columns: 1fr; gap: 25px; } .product-information[b-lw52zqjx7x] { max-width: 720px; } } /* MOBILE */ @media (max-width: 700px) { .product-detail-page[b-lw52zqjx7x] { width: calc(100% - 24px); } .gallery-arrow[b-lw52zqjx7x] { width: 40px; height: 40px; font-size: 26px; } .product-information h1[b-lw52zqjx7x] { font-size: 23px; } .buy-buttons[b-lw52zqjx7x] { grid-template-columns: 1fr; } .benefits[b-lw52zqjx7x] { grid-template-columns: 1fr 1fr; } .benefit-item[b-lw52zqjx7x] { justify-content: flex-start; padding: 15px 10px; } .benefit-item span[b-lw52zqjx7x] { display: none; } .detail-tabs[b-lw52zqjx7x] { gap: 20px; overflow-x: auto; } .tab-button[b-lw52zqjx7x] { white-space: nowrap; } .features-grid[b-lw52zqjx7x] { grid-template-columns: 1fr; } } /* SMALL PHONE */ @media (max-width: 430px) { .rating-row[b-lw52zqjx7x] { flex-wrap: wrap; } .product-code[b-lw52zqjx7x], .separator[b-lw52zqjx7x] { display: none; } .benefits[b-lw52zqjx7x] { grid-template-columns: 1fr; } } .old-price[b-lw52zqjx7x] { margin-top: 5px; color: #8b918c; font-size: var(--flora-text-md); } .stock.out[b-lw52zqjx7x] { color: #c64040; } .age-button:disabled[b-lw52zqjx7x] { opacity: .45; cursor: not-allowed; } .add-cart:disabled[b-lw52zqjx7x], .buy-now:disabled[b-lw52zqjx7x] { border-color: #c9cfca; background: #c9cfca; color: #737a74; cursor: not-allowed; } .product-not-found[b-lw52zqjx7x] { min-height: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .product-not-found h1[b-lw52zqjx7x] { margin: 0 0 10px; font-size: var(--flora-h1); } .product-not-found p[b-lw52zqjx7x] { color: #69706a; font-size: var(--flora-text-base); } .product-not-found a[b-lw52zqjx7x] { margin-top: 15px; padding: 12px 18px; border-radius: 4px; background: #063c29; color: white; font-size: var(--flora-button-text); font-weight: 700; text-decoration: none; } /* FLORA E2E/UX: sepete ekleme geri bildirimi */ .cart-feedback[b-lw52zqjx7x] { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 15px; border: 1px solid #cfe0d1; border-radius: 12px; background: #f5faf5; font-size: 14px; } .cart-feedback span[b-lw52zqjx7x] { color: #063c29; font-weight: 600; } .cart-feedback button[b-lw52zqjx7x] { border: 0; border-radius: 9px; padding: 10px 14px; background: #063c29; color: #fff; font-size: 13px; font-weight: 800; cursor: pointer; white-space: nowrap; } @media (max-width: 600px) { .cart-feedback[b-lw52zqjx7x] { align-items: stretch; flex-direction: column; } .cart-feedback button[b-lw52zqjx7x] { width: 100%; } } /* FLORA_V37D11_PRODUCT_EXPERIENCE */ .main-image-inspect[b-lw52zqjx7x] { position: relative; width: 100%; height: 100%; display: grid; place-items: center; padding: 0; border: 0; background: transparent; cursor: zoom-in; } .main-image-inspect > .selected-product-image[b-lw52zqjx7x] { width: 100%; height: 100%; display: block; object-fit: contain; } .inspect-hint[b-lw52zqjx7x] { position: absolute; left: 14px; bottom: 14px; padding: 7px 10px; border-radius: 999px; background: rgba(255,255,255,.92); color: #063c29; box-shadow: 0 6px 18px rgba(6,60,41,.12); font-size: 13px; font-weight: 900; letter-spacing: .04em; } .stars[b-lw52zqjx7x], .big-stars[b-lw52zqjx7x], .review-card-stars[b-lw52zqjx7x] { display: inline-flex; gap: 2px; } .stars span[b-lw52zqjx7x], .big-stars span[b-lw52zqjx7x], .review-card-stars span[b-lw52zqjx7x] { color: #d7dbd8; } .stars span.filled[b-lw52zqjx7x], .big-stars span.filled[b-lw52zqjx7x], .review-card-stars span.filled[b-lw52zqjx7x] { color: #f2ad00; } .secondary-actions .compare-toggle.active[b-lw52zqjx7x] { border-color: #063c29; background: #eef6ef; color: #063c29; } .compare-open-link[b-lw52zqjx7x] { display: inline-flex; align-items: center; min-height: 42px; padding: 0 13px; border-radius: 7px; background: #063c29; color: #fff; font-size: 13px; font-weight: 900; text-decoration: none; } .compare-feedback[b-lw52zqjx7x] { margin-top: 10px; padding: 9px 11px; border-radius: 8px; background: #f2f8f3; color: #063c29; font-size: 13px; font-weight: 700; } .reviews-content[b-lw52zqjx7x] { display: grid; gap: 20px; } .review-summary[b-lw52zqjx7x] { display: flex; align-items: center; gap: 18px; padding: 20px; border: 1px solid #dfe7e1; border-radius: 12px; background: #fbfdfb; } .review-summary > strong[b-lw52zqjx7x] { color: #063c29; font-size: 38px; line-height: 1; } .review-summary > div > span[b-lw52zqjx7x] { display: block; margin-top: 4px; color: #6e7971; font-size: 13px; } .review-editor[b-lw52zqjx7x] { display: grid; gap: 14px; padding: 20px; border: 1px solid #dfe7e1; border-radius: 12px; background: #fff; } .review-editor > div:first-child > span[b-lw52zqjx7x] { color: #063c29; font-size: 13px; font-weight: 900; letter-spacing: .1em; } .review-editor h3[b-lw52zqjx7x] { margin: 5px 0 6px; font-size: 20px; } .review-editor p[b-lw52zqjx7x] { margin: 0; color: #6c786f; font-size: 14px; line-height: 1.6; } .review-star-picker[b-lw52zqjx7x] { display: flex; gap: 5px; } .review-star-picker button[b-lw52zqjx7x] { width: 42px; height: 42px; border: 1px solid #dce4de; border-radius: 9px; background: #fff; color: #cfd5d0; font-size: 24px; cursor: pointer; } .review-star-picker button.active[b-lw52zqjx7x] { border-color: #efd37c; background: #fffaf0; color: #f2ad00; } .review-editor textarea[b-lw52zqjx7x] { width: 100%; min-height: 120px; resize: vertical; padding: 12px 13px; border: 1px solid #d7e0d9; border-radius: 10px; color: #263129; font: inherit; font-size: 14px; line-height: 1.6; box-sizing: border-box; } .review-editor-actions[b-lw52zqjx7x] { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .review-editor-actions span[b-lw52zqjx7x] { color: #7d8880; font-size: 13px; } .review-editor-actions button[b-lw52zqjx7x] { min-height: 42px; padding: 0 16px; border: 0; border-radius: 8px; background: #063c29; color: #fff; font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; } .review-editor-actions button:disabled[b-lw52zqjx7x] { opacity: .6; cursor: wait; } .review-login-note[b-lw52zqjx7x], .review-message[b-lw52zqjx7x], .review-empty[b-lw52zqjx7x] { padding: 13px 14px; border-radius: 9px; font-size: 13px; line-height: 1.55; } .review-login-note[b-lw52zqjx7x] { border: 1px solid #dce6de; background: #f7faf7; color: #4f5e53; } .review-login-note a[b-lw52zqjx7x] { margin-left: 6px; color: #063c29; font-weight: 900; text-decoration: none; } .review-message.success[b-lw52zqjx7x] { background: #edf7ef; color: #063c29; } .review-message.error[b-lw52zqjx7x] { background: #fff0f0; color: #a33a3a; } .review-list[b-lw52zqjx7x] { display: grid; gap: 10px; } .review-empty[b-lw52zqjx7x] { border: 1px dashed #d8e1da; color: #6f7b72; text-align: center; } .review-card[b-lw52zqjx7x] { padding: 16px; border: 1px solid #e0e7e1; border-radius: 11px; background: #fff; } .review-card header[b-lw52zqjx7x] { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 10px; align-items: center; } .review-avatar[b-lw52zqjx7x] { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: #e5f2e7; color: #063c29; font-weight: 900; } .review-card header strong[b-lw52zqjx7x], .review-card header span[b-lw52zqjx7x] { display: block; } .review-card header strong[b-lw52zqjx7x] { font-size: 14px; } .review-card header > div:nth-child(2) span[b-lw52zqjx7x] { margin-top: 2px; color: #849087; font-size: 13px; } .review-card-stars[b-lw52zqjx7x] { font-size: 15px; } .review-card p[b-lw52zqjx7x] { margin: 12px 0 0; color: #465249; font-size: 14px; line-height: 1.7; } .product-lightbox-backdrop[b-lw52zqjx7x] { position: fixed; inset: 0; z-index: 10050; display: grid; place-items: center; padding: 22px; background: rgba(6,60,41,.82); backdrop-filter: blur(7px); } .product-lightbox[b-lw52zqjx7x] { position: relative; isolation: isolate; width: min(96vw, 1180px); height: min(92vh, 860px); display: grid; grid-template-rows: auto minmax(0,1fr) auto; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 26px 90px rgba(0,0,0,.35); } .product-lightbox > header[b-lw52zqjx7x], .product-lightbox > footer[b-lw52zqjx7x] { position: relative; z-index: 6; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px; border-bottom: 1px solid #e3e8e4; background: #fff; } .product-lightbox > footer[b-lw52zqjx7x] { border-top: 1px solid #e3e8e4; border-bottom: 0; } .product-lightbox > header > strong[b-lw52zqjx7x] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; } .lightbox-tools[b-lw52zqjx7x] { position: relative; z-index: 7; flex: 0 0 auto; display: flex; align-items: center; gap: 6px; } .lightbox-tools button[b-lw52zqjx7x], .lightbox-arrow[b-lw52zqjx7x] { display: grid; place-items: center; border: 1px solid #d8e1da; background: #fff; color: #063c29; cursor: pointer; } .lightbox-tools button[b-lw52zqjx7x] { min-width: 38px; height: 38px; padding: 0 9px; border-radius: 9px; font: inherit; font-size: 14px; font-weight: 900; } .lightbox-tools span[b-lw52zqjx7x] { min-width: 54px; color: #48564c; font-size: 13px; font-weight: 800; text-align: center; } .lightbox-tools .lightbox-close[b-lw52zqjx7x] { border-color: #ead4d4; color: #a33a3a; font-size: 22px; } .lightbox-stage[b-lw52zqjx7x] { position: relative; z-index: 1; isolation: isolate; min-height: 0; overflow: hidden; background: #f0f3f0; } .lightbox-image-scroll[b-lw52zqjx7x] { width: 100%; height: 100%; overflow: auto; display: grid; place-items: center; padding: 24px 70px; box-sizing: border-box; } .lightbox-image-scroll img[b-lw52zqjx7x] { max-width: 100%; max-height: 100%; object-fit: contain; transform-origin: center center; transition: transform .16s ease; pointer-events: none; user-select: none; -webkit-user-drag: none; } .lightbox-arrow[b-lw52zqjx7x] { position: absolute; top: 50%; z-index: 3; width: 48px; height: 48px; transform: translateY(-50%); border-radius: 50%; font-size: 31px; } .lightbox-arrow.prev[b-lw52zqjx7x] { left: 12px; } .lightbox-arrow.next[b-lw52zqjx7x] { right: 12px; } .product-lightbox > footer span[b-lw52zqjx7x] { color: #063c29; font-size: 13px; font-weight: 900; } .product-lightbox > footer small[b-lw52zqjx7x] { color: #758078; font-size: 13px; } @media (max-width: 700px) { .inspect-hint[b-lw52zqjx7x] { display: none; } .review-card header[b-lw52zqjx7x] { grid-template-columns: 42px minmax(0,1fr); } .review-card-stars[b-lw52zqjx7x] { grid-column: 2; } .product-lightbox-backdrop[b-lw52zqjx7x] { padding: 8px; } .product-lightbox[b-lw52zqjx7x] { width: 100%; height: 94vh; border-radius: 13px; } .product-lightbox > header[b-lw52zqjx7x] { align-items: flex-start; flex-direction: column; } .lightbox-tools[b-lw52zqjx7x] { width: 100%; overflow-x: auto; } .lightbox-image-scroll[b-lw52zqjx7x] { padding: 18px 48px; } .product-lightbox > footer small[b-lw52zqjx7x] { display: none; } } /* FLORA_V37D13_AUDIT_TAP_TARGETS */ .quantity-control[b-lw52zqjx7x] { width: 140px; min-height: 44px; height: 44px; grid-template-columns: 44px 1fr 44px; } .quantity-control button[b-lw52zqjx7x] { min-width: 44px; min-height: 44px; font-size: 16px; } .product-tabs button[b-lw52zqjx7x], .buy-buttons button[b-lw52zqjx7x], .favorite-action[b-lw52zqjx7x], .compare-action[b-lw52zqjx7x] { min-height: 44px; } /* FLORA_V37D14_AUDIT_CLOSE */ .thumbnail:disabled[b-lw52zqjx7x], .tab-button:disabled[b-lw52zqjx7x] { opacity: 1; cursor: default; } .quantity-control button:disabled[b-lw52zqjx7x] { cursor: not-allowed; color: #a0aaa2; background: #f1f3f1; } @media (max-width: 700px) { .flora-more-guide-link[b-lw52zqjx7x] { width: 100%; min-height: 46px; margin-bottom: 16px; padding-inline: 14px; text-align: center; } } /* FLORA_V18_3_4_IMAGE_INSPECT_OUTSIDE_START */ /* Sol küçük galeri + daha dengeli büyük görsel */ .gallery-area[b-lw52zqjx7x] { display: grid !important; grid-template-columns: 78px auto !important; column-gap: 20px !important; row-gap: 0 !important; align-items: start !important; width: max-content !important; max-width: 100% !important; min-width: 0 !important; margin: 0 34px 0 0 !important; /* yazılardan biraz uzak */ padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } .thumbnail-list > button.thumbnail[b-lw52zqjx7x] { flex: 0 0 78px !important; width: 78px !important; min-width: 78px !important; max-width: 78px !important; height: 78px !important; min-height: 78px !important; max-height: 78px !important; margin: 0 !important; padding: 4px !important; border: 1px solid #d8e3d8 !important; border-radius: 10px !important; background: #fff !important; overflow: hidden !important; box-sizing: border-box !important; } .thumbnail-list > button.thumbnail.active[b-lw52zqjx7x] { border: 2px solid #063c29 !important; box-shadow: 0 0 0 2px rgba(6,60,41,.10) !important; } .thumbnail-list > button.thumbnail > img[b-lw52zqjx7x] { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; object-position: center !important; border-radius: 6px !important; } /* Büyük görsel alanı */ /* Görsel çerçevesi sade */ .main-image[b-lw52zqjx7x], .main-image *[b-lw52zqjx7x], .gallery-area[b-lw52zqjx7x]::before, .gallery-area[b-lw52zqjx7x]::after, .main-image[b-lw52zqjx7x]::before, .main-image[b-lw52zqjx7x]::after { box-shadow: none !important; } /* Görsel bir tık küçülsün ama doğal kalsın */ .main-image img[b-lw52zqjx7x], .main-image picture img[b-lw52zqjx7x], .main-image .product-main-image[b-lw52zqjx7x] { width: auto !important; height: auto !important; max-width: 610px !important; max-height: 100% !important; object-fit: contain !important; object-position: center !important; display: block !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* Ana görselin kapsayıcısındaki grilikleri kapat */ .main-image[b-lw52zqjx7x], .main-image .image-frame[b-lw52zqjx7x], .main-image .image-wrapper[b-lw52zqjx7x], .main-image .product-image-wrap[b-lw52zqjx7x], .main-image .gallery-stage[b-lw52zqjx7x], .main-image picture[b-lw52zqjx7x] { background: transparent !important; border: 0 !important; } /* Slider okları ve sayaç çalışmaya devam etsin */ .main-image .gallery-nav[b-lw52zqjx7x], .main-image .slider-nav[b-lw52zqjx7x], .main-image .nav-arrow[b-lw52zqjx7x], .main-image .gallery-counter[b-lw52zqjx7x], .main-image button[b-lw52zqjx7x] { z-index: 5 !important; } /* GÖRSELİ İNCELE linki dışarı çıksın */ .main-image .image-inspect-link[b-lw52zqjx7x], .main-image .inspect-image-link[b-lw52zqjx7x], .main-image .gallery-inspect-link[b-lw52zqjx7x], .main-image .view-image-link[b-lw52zqjx7x], .main-image .product-image-inspect[b-lw52zqjx7x], .main-image .zoom-link[b-lw52zqjx7x], .main-image .image-zoom-link[b-lw52zqjx7x], .main-image .visual-inspect-link[b-lw52zqjx7x], .main-image .gorseli-incele[b-lw52zqjx7x], .main-image a[title*="Görsel"][b-lw52zqjx7x], .main-image a[aria-label*="Görsel"][b-lw52zqjx7x] { position: static !important; left: auto !important; right: auto !important; bottom: auto !important; top: auto !important; z-index: auto !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; margin-top: 12px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #063c29 !important; font-weight: 700 !important; font-size: 14px !important; line-height: 1.4 !important; text-decoration: none !important; } /* Ürün bilgi kolonunu biraz nefeslendir */ .product-summary[b-lw52zqjx7x], .product-info[b-lw52zqjx7x], .product-detail-summary[b-lw52zqjx7x], .product-content[b-lw52zqjx7x], .product-meta[b-lw52zqjx7x], .product-purchase-panel[b-lw52zqjx7x] { margin-left: 4px !important; } /* Masaüstünde içerik üst üste binmesin */ @media (min-width: 901px) { .product-detail-layout[b-lw52zqjx7x], .product-detail-grid[b-lw52zqjx7x], .product-top-layout[b-lw52zqjx7x], .urun-detay-grid[b-lw52zqjx7x] { column-gap: 26px !important; align-items: start !important; } } /* Mobil */ @media (max-width: 900px) { .gallery-area[b-lw52zqjx7x] { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; row-gap: 10px !important; } .main-image img[b-lw52zqjx7x], .main-image picture img[b-lw52zqjx7x], .main-image .product-main-image[b-lw52zqjx7x] { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 100% !important; } .thumbnail-list > button.thumbnail[b-lw52zqjx7x] { flex: 0 0 64px !important; width: 64px !important; min-width: 64px !important; max-width: 64px !important; height: 64px !important; min-height: 64px !important; max-height: 64px !important; } } /* FLORA_V18_3_4_IMAGE_INSPECT_OUTSIDE_END */ /* ================================================================ FLORA_V18_4_4_URUN_DETAY_SAFE_CLEANUP_PHASE1 Removed only CSS declarations proven fully overridden by later !important / more-specific final gallery rules. ================================================================ */ /* ================================================================== FLORA_V18_4_4_PRODUCT_DETAIL_GALLERY_CONSOLIDATED Phase 2B: - .main-image eski 5 exact blok -> temiz responsive kaynak - .thumbnail-list eski 4 exact blok -> temiz responsive kaynak Görsel davranış korunur. Razor / ProductImages / lightbox / arrows / inspect / DB değişmez. ================================================================== */ /* ================================================================ MAIN PRODUCT IMAGE Desktop final behavior + eski gerekli 510px height tek blokta. ================================================================ */ .main-image[b-lw52zqjx7x] { position: relative; grid-column: 2 !important; grid-row: 1 !important; display: grid; place-items: center; width: auto !important; min-width: 0 !important; max-width: none !important; height: 510px; justify-self: start !important; align-self: start !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } /* Tablet + mobile gallery becomes one column. */ @media (max-width: 900px) { .main-image[b-lw52zqjx7x] { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; max-width: 100% !important; } } /* Existing mobile image height is preserved. */ @media (max-width: 700px) { .main-image[b-lw52zqjx7x] { height: 350px; } } /* Existing narrow-phone image height is preserved. */ @media (max-width: 430px) { .main-image[b-lw52zqjx7x] { height: 300px; } } /* ================================================================ THUMBNAIL RAIL Desktop final behavior + scrollbar property tek blokta. ================================================================ */ .thumbnail-list[b-lw52zqjx7x] { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; flex-direction: column !important; width: 78px !important; min-width: 78px !important; max-width: 78px !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; max-height: 520px !important; overflow-x: hidden !important; overflow-y: auto !important; scrollbar-width: thin; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Tablet + mobile thumbnails move below main image. */ @media (max-width: 900px) { .thumbnail-list[b-lw52zqjx7x] { grid-column: 1 !important; grid-row: 2 !important; display: flex !important; flex-direction: row !important; width: 100% !important; max-width: 100% !important; gap: 8px !important; max-height: none !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 2px 0 4px !important; } } /* Eski <=700 blocktan gerçekten etkili kalan tek ek davranış: order:2. */ @media (max-width: 700px) { .thumbnail-list[b-lw52zqjx7x] { order: 2; } } /* FLORA_V18_4_4_PRODUCT_DETAIL_GALLERY_CONSOLIDATED_END */ /* ============================================================ FLORA_V37D18_PRODUCT_MEDIA_VIDEO_UI_V2 Product gallery image + MP4/WEBM media rendering. ============================================================ */ .thumbnail-list button .product-video-thumbnail[b-lw52zqjx7x] { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; border-radius: inherit; background: #eef3ef; } .thumbnail-list button .product-video-thumbnail > video[b-lw52zqjx7x] { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; } .thumbnail-list button .product-video-thumbnail > span[b-lw52zqjx7x] { position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%); padding: 3px 6px; border-radius: 999px; background: rgba(6,60,41,.88); color: #fff; font-size: 9px; font-weight: 900; line-height: 1; white-space: nowrap; } .main-product-video[b-lw52zqjx7x] { width: 100%; height: 100%; min-height: 0; display: grid; place-items: center; overflow: hidden; border-radius: inherit; background: #063c29; } .selected-product-video[b-lw52zqjx7x] { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; background: #063c29; } .lightbox-product-video[b-lw52zqjx7x] { display: block; width: min(100%, 1100px); max-width: 100%; max-height: calc(100vh - 170px); margin: auto; border-radius: 12px; background: #000; object-fit: contain; } /* ============================================================ FLORA_V37D18_PRODUCT_DETAIL_TABS_OVERFLOW_ALIGNMENT_CSS_V1_2 Product detail tab navigation: - desktop: 4 equal columns - tablet/mobile: 2 x 2 - no page overflow / no shifted tab row - minimum 44px touch target ============================================================ */ .flora-product-detail-tabs-fixed[b-lw52zqjx7x] { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 16px 0 0 !important; padding: 6px !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 6px !important; overflow: hidden !important; border: 1px solid #e0e7e1 !important; border-radius: 12px !important; background: #ffffff !important; box-shadow: 0 5px 16px rgba(6,60,41,.04) !important; box-sizing: border-box !important; } .flora-product-detail-tabs-fixed > *[b-lw52zqjx7x], .flora-product-detail-tabs-fixed button[b-lw52zqjx7x], .flora-product-detail-tabs-fixed a[b-lw52zqjx7x] { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } .flora-product-detail-tabs-fixed button[b-lw52zqjx7x], .flora-product-detail-tabs-fixed a[b-lw52zqjx7x] { min-height: 44px !important; margin: 0 !important; padding: 9px 12px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; text-align: center !important; text-decoration: none !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.25 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; transition: background-color .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease !important; } .flora-product-detail-tabs-fixed button:hover[b-lw52zqjx7x], .flora-product-detail-tabs-fixed a:hover[b-lw52zqjx7x] { background: #f2f8f3 !important; } .flora-product-detail-tabs-fixed button.active[b-lw52zqjx7x], .flora-product-detail-tabs-fixed a.active[b-lw52zqjx7x], .flora-product-detail-tabs-fixed button[aria-selected="true"][b-lw52zqjx7x], .flora-product-detail-tabs-fixed a[aria-selected="true"][b-lw52zqjx7x] { background: #edf6ef !important; color: #063c29 !important; box-shadow: inset 0 -2px 0 #063c29 !important; } /* Tablet ve dar masaustu: tablar iki satira duzenli oturur. */ @media (max-width: 760px) { .flora-product-detail-tabs-fixed[b-lw52zqjx7x] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 5px !important; padding: 5px !important; } .flora-product-detail-tabs-fixed button[b-lw52zqjx7x], .flora-product-detail-tabs-fixed a[b-lw52zqjx7x] { min-height: 46px !important; padding: 8px 10px !important; white-space: normal !important; overflow-wrap: anywhere !important; text-overflow: clip !important; } } /* Cok dar mobilde dahi yatay tasma olmasin. */ @media (max-width: 390px) { .flora-product-detail-tabs-fixed[b-lw52zqjx7x] { gap: 4px !important; } .flora-product-detail-tabs-fixed button[b-lw52zqjx7x], .flora-product-detail-tabs-fixed a[b-lw52zqjx7x] { padding-left: 7px !important; padding-right: 7px !important; font-size: 12px !important; } } /* ============================================================ FLORA_V37D18_PRODUCT_DETAIL_GALLERY_BENEFIT_OVERFLOW_FINAL_V2 Gercek hedef: - .main-image eski override'larda width:auto/max-width:none/ overflow:visible alabildigi icin ana gorsel kutusundan tasabiliyor. - Bu final block main media'yi kendi kolonuna kilitler. - Alt guven/benefit satirini 4 esit kolonda sabitler. ============================================================ */ .product-detail-page[b-lw52zqjx7x] { min-width: 0 !important; max-width: 100% !important; overflow-x: clip !important; } /* Gallery'nin kendisi hicbir zaman sayfa genisligini asmasin. */ .product-detail-page .gallery-area[b-lw52zqjx7x] { min-width: 0 !important; max-width: 100% !important; } /* Ana media kutusu: eski width:auto / max-width:none / overflow:visible kurallarini kesin olarak ezer. */ .product-detail-page .main-image[b-lw52zqjx7x] { position: relative !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: clamp(380px, 36vw, 510px) !important; min-height: 380px !important; max-height: 510px !important; margin: 0 !important; padding: 0 !important; justify-self: stretch !important; align-self: start !important; overflow: hidden !important; border-radius: 12px !important; background: #f4f5f3 !important; box-sizing: border-box !important; } /* Gorseli buyut butonu artik ana kutunun tamamini kaplar; kendi natural boyutuyla asagi / yana tasamaz. */ .product-detail-page .main-image .main-image-inspect[b-lw52zqjx7x] { position: relative !important; inset: auto !important; display: grid !important; place-items: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; margin: 0 !important; padding: 18px !important; overflow: hidden !important; border: 0 !important; border-radius: inherit !important; background: #f4f5f3 !important; box-sizing: border-box !important; cursor: zoom-in !important; } /* Asil tasan eleman: selected image. Daima ana kutunun ICINDE kalir. */ .product-detail-page .main-image .selected-product-image[b-lw52zqjx7x], .product-detail-page .main-image img.selected-product-image[b-lw52zqjx7x] { position: static !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; transform: none !important; box-sizing: border-box !important; } /* Video da ayni sinirlar icinde. */ .product-detail-page .main-image .main-product-video[b-lw52zqjx7x] { width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; border-radius: inherit !important; box-sizing: border-box !important; } .product-detail-page .main-image .selected-product-video[b-lw52zqjx7x] { display: block !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; object-fit: contain !important; } /* GORSELI INCELE rozeti gorselin disina akmasin. */ .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { position: absolute !important; left: 14px !important; right: auto !important; bottom: 14px !important; top: auto !important; z-index: 5 !important; max-width: calc(100% - 28px) !important; margin: 0 !important; padding: 8px 12px !important; border: 1px solid rgba(6,60,41,.16) !important; border-radius: 999px !important; background: rgba(255,255,255,.94) !important; color: #063c29 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: 0 7px 18px rgba(6,60,41,.10) !important; box-sizing: border-box !important; } /* Alt guven / hizmet satiri: desktopta 4 esit kolon, tasma veya kayma yok. */ .product-detail-page .product-benefits[b-lw52zqjx7x], .product-detail-page .detail-benefits[b-lw52zqjx7x], .product-detail-page .product-trust[b-lw52zqjx7x], .product-detail-page .trust-grid[b-lw52zqjx7x], .product-detail-page .benefits[b-lw52zqjx7x] { width: 100% !important; min-width: 0 !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } .product-detail-page .product-benefits > *[b-lw52zqjx7x], .product-detail-page .detail-benefits > *[b-lw52zqjx7x], .product-detail-page .product-trust > *[b-lw52zqjx7x], .product-detail-page .trust-grid > *[b-lw52zqjx7x], .product-detail-page .benefits > *[b-lw52zqjx7x] { min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding-left: 14px !important; padding-right: 14px !important; box-sizing: border-box !important; } /* Tablet */ @media (max-width: 900px) { .product-detail-page .main-image[b-lw52zqjx7x] { height: 420px !important; min-height: 320px !important; max-height: 420px !important; } } /* Mobil */ @media (max-width: 650px) { .product-detail-page[b-lw52zqjx7x] { overflow-x: hidden !important; } .product-detail-page .main-image[b-lw52zqjx7x] { width: 100% !important; height: 320px !important; min-height: 280px !important; max-height: 320px !important; border-radius: 10px !important; } .product-detail-page .main-image .main-image-inspect[b-lw52zqjx7x] { padding: 10px !important; } .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { left: 10px !important; bottom: 10px !important; max-width: calc(100% - 20px) !important; padding: 7px 10px !important; font-size: 11px !important; } .product-detail-page .product-benefits[b-lw52zqjx7x], .product-detail-page .detail-benefits[b-lw52zqjx7x], .product-detail-page .product-trust[b-lw52zqjx7x], .product-detail-page .trust-grid[b-lw52zqjx7x], .product-detail-page .benefits[b-lw52zqjx7x] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* ============================================================ FLORA_V37D18_PRODUCT_GALLERY_GRAY_LAYER_REMOVE_V1 YALNIZCA ANA URUN GALERISI: - dis gri katman kalkar - mevcut cerceve boyutu degismez - gorsel dogal oranini korur - cerceve disina tasmaz ============================================================ */ .product-detail-page .main-image[b-lw52zqjx7x] { background: transparent !important; overflow: hidden !important; } .product-detail-page .main-image .main-image-inspect[b-lw52zqjx7x] { background: transparent !important; overflow: hidden !important; } /* Görseli zorla kutu boyutuna germiyoruz. Kendi oranini kullanir; sadece cercevenin sinirini asamaz. */ .product-detail-page .main-image img.selected-product-image[b-lw52zqjx7x], .product-detail-page .main-image .selected-product-image[b-lw52zqjx7x] { display: block !important; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; margin: auto !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; background: transparent !important; transform: none !important; box-sizing: border-box !important; } /* ============================================================ FLORA_V37D18_GALLERY_INSPECT_COUNTER_INSIDE_FRAME_V1 YALNIZCA: - GORSELI INCELE sol altta cerceve ICINDE - Gorsel sayaci sag altta cerceve ICINDE Gorsel boyutu/orani ve oklar degismez. ============================================================ */ .product-detail-page .main-image[b-lw52zqjx7x] { position: relative !important; overflow: hidden !important; } /* GÖRSELİ İNCELE: çerçevenin sol altından 12px içeride */ .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { position: absolute !important; left: 12px !important; right: auto !important; bottom: 12px !important; top: auto !important; z-index: 20 !important; margin: 0 !important; transform: none !important; max-width: calc(100% - 24px) !important; box-sizing: border-box !important; } /* GÖRSEL SAYACI: çerçevenin sağ altından 12px içeride */ .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { position: absolute !important; right: 12px !important; left: auto !important; bottom: 12px !important; top: auto !important; z-index: 20 !important; margin: 0 !important; transform: none !important; box-sizing: border-box !important; } /* Dar ekranda da iki etiket kesinlikle çerçeve dışına çıkmasın */ @media (max-width: 650px) { .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { left: 10px !important; bottom: 10px !important; max-width: calc(100% - 20px) !important; } .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { right: 10px !important; bottom: 10px !important; } } /* ============================================================ FLORA_V37D18_GALLERY_OVERLAYS_VISIBLE_IMAGE_INSIDE_V2 Önceki sürüm overlayleri ana container alt kenarına koyuyordu. Bu final override onları GÖRÜNEN FOTOĞRAF alanına belirgin biçimde içeriden konumlandırır. Görselin boyutuna/oranına dokunmaz. ============================================================ */ .product-detail-page .main-image[b-lw52zqjx7x] { position: relative !important; } /* Sol alt buton: kenara yapışık değil, fotoğrafın içinde */ .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { position: absolute !important; left: 22px !important; right: auto !important; bottom: 26px !important; top: auto !important; z-index: 30 !important; margin: 0 !important; transform: none !important; box-sizing: border-box !important; } /* Sağ alt sayaç: aynı hizada ve fotoğrafın içinde */ .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { position: absolute !important; right: 22px !important; left: auto !important; bottom: 26px !important; top: auto !important; z-index: 30 !important; margin: 0 !important; transform: none !important; box-sizing: border-box !important; } @media (max-width: 650px) { .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { left: 16px !important; bottom: 20px !important; } .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { right: 16px !important; bottom: 20px !important; } } /* ================================================================ FLORA V39 PRODUCT DETAIL FINAL POLISH ================================================================ */ .product-detail-page[b-lw52zqjx7x]{min-width:0!important}.detail-section[b-lw52zqjx7x]{min-width:0!important;margin-top:30px!important;padding:24px!important;border:1px solid #e0e8e2!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 30px rgba(6,60,41,.045)!important;overflow:hidden!important}.flora-product-detail-tabs-fixed[b-lw52zqjx7x]{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;border:1px solid #e0e8e2!important;border-radius:15px!important;background:#f7faf8!important;overflow:visible!important}.flora-product-detail-tabs-fixed button[b-lw52zqjx7x]{min-width:0!important;min-height:44px!important;padding:8px 10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#627269!important;font-size:11px!important;font-weight:850!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}.flora-product-detail-tabs-fixed button.active[b-lw52zqjx7x],.flora-product-detail-tabs-fixed button[aria-selected="true"][b-lw52zqjx7x]{background:#e8f3eb!important;color:#063c29!important;box-shadow:inset 0 0 0 1px #cfe2d4!important}.tab-content[b-lw52zqjx7x]{min-width:0!important;padding-top:20px!important}.features-grid[b-lw52zqjx7x]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;border:0!important}.features-grid[b-lw52zqjx7x] .feature-item{min-width:0!important;display:grid!important;gap:7px!important;padding:16px!important;border:1px solid #e2e9e4!important;border-radius:14px!important;background:#fafcfb!important}.features-grid[b-lw52zqjx7x] .feature-item span{color:#75837a!important;font-size:10px!important;line-height:1.3!important}.features-grid[b-lw52zqjx7x] .feature-item strong{min-width:0!important;color:#063c29!important;font-size:12px!important;font-weight:900!important;line-height:1.35!important;overflow-wrap:anywhere!important}.description-content[b-lw52zqjx7x],.care-guide[b-lw52zqjx7x],.reviews-content[b-lw52zqjx7x]{min-width:0!important;line-height:1.75!important}.benefits[b-lw52zqjx7x]{min-width:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.benefits .benefit-item[b-lw52zqjx7x]{min-width:0!important;border:1px solid #e2e9e4!important;border-radius:14px!important;background:#fafcfb!important;padding:15px!important}@media(max-width:860px){.flora-product-detail-tabs-fixed[b-lw52zqjx7x]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.features-grid[b-lw52zqjx7x]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.benefits[b-lw52zqjx7x]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.detail-section[b-lw52zqjx7x]{padding:16px!important;border-radius:18px!important}.features-grid[b-lw52zqjx7x]{grid-template-columns:1fr!important}.benefits[b-lw52zqjx7x]{grid-template-columns:1fr!important}} /* ============================================================ FLORA_V40_40_FIXED_PRODUCT_GALLERY_FRAME Secilen fotografin natural genisligi artik gallery-area veya main-image genisligini DEGISTIREMEZ. Desktop: - 78px thumbnail rayi - kalan alan sabit ana fotograf cercevesi Tum resimler: - ayni cerceve - ayni ok konumu - ayni sayac konumu - oran korunur ============================================================ */ /* ------------------------------------------------------------ DESKTOP GALLERY FRAME Eski: grid-template-columns: 78px auto width: max-content Bu iki kural secilen resmin intrinsic genisliginin galeri kutusunu belirlemesine neden oluyordu. ------------------------------------------------------------ */ @media (min-width: 901px) { .product-detail-page .gallery-area[b-lw52zqjx7x] { display: grid !important; grid-template-columns: 78px minmax(0, 1fr) !important; column-gap: 20px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; align-items: start !important; overflow: visible !important; box-sizing: border-box !important; } /* * Ana fotograf kolonu artik secilen resmin natural * genisligine gore kuculemez. */ .product-detail-page .main-image[b-lw52zqjx7x] { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: clamp(380px, 36vw, 510px) !important; min-height: 380px !important; max-height: 510px !important; justify-self: stretch !important; align-self: start !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } /* * Inspect butonu da cercevenin tamamini kaplar. * Fotografin intrinsic size'i butonu kucultemez. */ .product-detail-page .main-image .main-image-inspect[b-lw52zqjx7x] { display: grid !important; place-items: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } /* * Resmin kendisi oranini korur. * Fakat her slaytta ayni ana cerceve kullanilir. */ .product-detail-page .main-image img.selected-product-image[b-lw52zqjx7x], .product-detail-page .main-image .selected-product-image[b-lw52zqjx7x] { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; transform: none !important; box-sizing: border-box !important; } /* * Thumbnail rayi de sabit kalir. */ .product-detail-page .thumbnail-list[b-lw52zqjx7x] { grid-column: 1 !important; grid-row: 1 !important; width: 78px !important; min-width: 78px !important; max-width: 78px !important; } } /* ------------------------------------------------------------ TABLET Ana alan yine secilen resme gore degismez. ------------------------------------------------------------ */ @media (max-width: 900px) { .product-detail-page .gallery-area[b-lw52zqjx7x] { width: 100% !important; min-width: 0 !important; max-width: 100% !important; grid-template-columns: minmax(0, 1fr) !important; box-sizing: border-box !important; } .product-detail-page .main-image[b-lw52zqjx7x] { width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 420px !important; overflow: hidden !important; } .product-detail-page .main-image .main-image-inspect[b-lw52zqjx7x] { width: 100% !important; height: 100% !important; padding: 0 !important; } .product-detail-page .main-image img.selected-product-image[b-lw52zqjx7x], .product-detail-page .main-image .selected-product-image[b-lw52zqjx7x] { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; } } /* ------------------------------------------------------------ MOBILE ------------------------------------------------------------ */ @media (max-width: 650px) { .product-detail-page .main-image[b-lw52zqjx7x] { height: 320px !important; min-height: 280px !important; max-height: 320px !important; } } /* FLORA_V40_40_FIXED_PRODUCT_GALLERY_FRAME_END */ /* ============================================================ FLORA_V46_GALLERY_OVERLAY_FRAME_FINAL SADECE: - GORSELI INCELE => ana gorsel cercevesinin SOL ALTINDA - 1 / N sayaci => ana gorsel cercevesinin SAG ALTINDA Gorsel boyutu / object-fit / thumbnail / oklar DEGİSMEZ. ============================================================ */ .product-detail-page .main-image[b-lw52zqjx7x] { position: relative !important; } /* Artık main-image'in direkt child'i. */ .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x] { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; left: 14px !important; right: auto !important; bottom: 14px !important; top: auto !important; z-index: 80 !important; margin: 0 !important; transform: none !important; max-width: calc(100% - 90px) !important; box-sizing: border-box !important; /* Ana gorsel hala tiklanabilir. */ pointer-events: none !important; } .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x] { position: absolute !important; right: 14px !important; left: auto !important; bottom: 14px !important; top: auto !important; z-index: 90 !important; margin: 0 !important; transform: none !important; box-sizing: border-box !important; } @media (max-width: 700px) { .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x] { display: inline-flex !important; left: 10px !important; bottom: 10px !important; max-width: calc(100% - 76px) !important; font-size: 10px !important; padding: 6px 9px !important; } .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x] { right: 10px !important; bottom: 10px !important; } } /* FLORA_V46_GALLERY_OVERLAY_FRAME_FINAL_END */ /* ============================================================ FLORA_V46_4_VISIBLE_IMAGE_OVERLAYS_FINAL JS gercekte ekranda gorunen selected-product-image sinirlarini CSS variable olarak main-image uzerine yazar. Boylece: - GORSELI INCELE = fotografin GERCEK sol altinda - 1 / N = fotografin GERCEK sag altinda Main-image container boslugu artik konumu etkilemez. ============================================================ */ .product-detail-page .main-image[b-lw52zqjx7x] { --flora-v46-visible-image-left: 0px; --flora-v46-visible-image-right: 0px; --flora-v46-visible-image-top: 0px; --flora-v46-visible-image-bottom: 0px; --flora-v46-overlay-gap: 14px; position: relative !important; } /* GORSELI INCELE */ .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x] { position: absolute !important; left: calc( var(--flora-v46-visible-image-left) + var(--flora-v46-overlay-gap) ) !important; right: auto !important; bottom: calc( var(--flora-v46-visible-image-bottom) + var(--flora-v46-overlay-gap) ) !important; top: auto !important; z-index: 120 !important; margin: 0 !important; transform: none !important; pointer-events: none !important; box-sizing: border-box !important; } /* 1 / N SAYACI */ .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x] { position: absolute !important; right: calc( var(--flora-v46-visible-image-right) + var(--flora-v46-overlay-gap) ) !important; left: auto !important; bottom: calc( var(--flora-v46-visible-image-bottom) + var(--flora-v46-overlay-gap) ) !important; top: auto !important; z-index: 130 !important; margin: 0 !important; transform: none !important; box-sizing: border-box !important; } /* Mobilde kenar boslugu biraz daha kompakt */ @media (max-width: 700px) { .product-detail-page .main-image[b-lw52zqjx7x] { --flora-v46-overlay-gap: 10px; } } /* * JS ilk olcumu yapmadan once de mevcut gorunum korunur. * Olcum tamamlandiginda gerçek fotograf siniri kullanilir. */ .product-detail-page .main-image[data-flora-v46-visible-image-ready="true"] > .inspect-hint[b-lw52zqjx7x], .product-detail-page .main-image[data-flora-v46-visible-image-ready="true"] > .gallery-counter[b-lw52zqjx7x] { visibility: visible !important; } /* FLORA_V46_4_VISIBLE_IMAGE_OVERLAYS_FINAL_END */ /* ============================================================ FLORA_V46_5B_OVERLAY_INSET_ONLY_FINAL SADECE 2 ELEMAN: 1) GORSELI INCELE -> saga 2) 1/N -> sola FOTOGRAF: - width DEGİSMEZ - height DEGİSMEZ - object-fit DEGİSMEZ - position DEGİSMEZ - padding DEGİSMEZ GALERI / THUMBNAIL / OKLAR DEGİSMEZ. ============================================================ */ /* GORSELI INCELE: mevcut ekran gorunumunde soldaki dis bosluktan cercevenin icine alinacak. */ .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x], .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { position: absolute !important; left: clamp(14px, 8%, 48px) !important; right: auto !important; bottom: 14px !important; top: auto !important; margin: 0 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; z-index: 500 !important; } /* 1/N: mevcut ekran gorunumunde sagdaki dis bosluktan cercevenin icine alinacak. */ .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x], .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { position: absolute !important; right: clamp(14px, 8%, 48px) !important; left: auto !important; bottom: 14px !important; top: auto !important; margin: 0 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; z-index: 510 !important; } /* Tablet */ @media (max-width: 900px) { .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x], .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { left: 18px !important; } .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x], .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { right: 18px !important; } } /* Telefon */ @media (max-width: 700px) { .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x], .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { left: 14px !important; bottom: 12px !important; } .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x], .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { right: 14px !important; bottom: 12px !important; } } /* FLORA_V46_5B_OVERLAY_INSET_ONLY_FINAL_END */ /* ============================================================ FLORA_V46_5C_OVERLAY_SIZE_TUNE_FINAL SADECE BOYUT AYARI: - GORSELI INCELE biraz kuculur - 1/N kutusu biraz kuculur - Konum korunur - Fotograf / galeri / oklar degismez ============================================================ */ .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x], .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { font-size: 11px !important; line-height: 1 !important; padding: 8px 14px !important; border-radius: 999px !important; } .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x], .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { min-width: 44px !important; height: 44px !important; padding: 0 10px !important; font-size: 12px !important; line-height: 44px !important; border-radius: 999px !important; } @media (max-width: 700px) { .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x], .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { font-size: 10px !important; padding: 7px 12px !important; } .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x], .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { min-width: 40px !important; height: 40px !important; padding: 0 9px !important; font-size: 11px !important; line-height: 40px !important; } } /* FLORA_V46_5C_OVERLAY_SIZE_TUNE_FINAL_END */ /* ============================================================ FLORA_V46_5D_OVERLAY_FRAME_GAP_FINAL SADECE: - GORSELI INCELE kutusu cerceveden biraz iceri - 1/N kutusu da cerceveden biraz iceri Fotograf / galeri / oklar / boyut degismez. ============================================================ */ .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x], .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { left: 24px !important; bottom: 18px !important; } .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x], .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { right: 24px !important; bottom: 18px !important; } @media (max-width: 900px) { .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x], .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { left: 20px !important; bottom: 16px !important; } .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x], .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { right: 20px !important; bottom: 16px !important; } } @media (max-width: 700px) { .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x], .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { left: 16px !important; bottom: 14px !important; } .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x], .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { right: 16px !important; bottom: 14px !important; } } /* FLORA_V46_5D_OVERLAY_FRAME_GAP_FINAL_END */ /* ============================================================ FLORA_V46_5E_OVERLAY_INSIDE_FRAME_FINAL HEDEF: - GORSELI INCELE fotograf cercevesinin ICINDE - 1/N fotograf cercevesinin ICINDE - Kenarlara temas ETMEZ SADECE KONUM. Fotograf / boyut / object-fit / galeri / oklar DEGİSMEZ. ============================================================ */ /* SOL ALT */ .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x], .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { position: absolute !important; left: 64px !important; right: auto !important; bottom: 16px !important; top: auto !important; margin: 0 !important; transform: none !important; z-index: 700 !important; opacity: 1 !important; visibility: visible !important; } /* SAG ALT */ .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x], .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { position: absolute !important; right: 64px !important; left: auto !important; bottom: 16px !important; top: auto !important; margin: 0 !important; transform: none !important; z-index: 710 !important; opacity: 1 !important; visibility: visible !important; } /* Tablet: fotograf alani daraldigi icin daha az yatay inset */ @media (max-width: 900px) { .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x], .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { left: 28px !important; bottom: 14px !important; } .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x], .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { right: 28px !important; bottom: 14px !important; } } /* Mobil: fotograf zaten container'a daha yakin oturuyor */ @media (max-width: 700px) { .product-detail-page .main-image > .inspect-hint[b-lw52zqjx7x], .product-detail-page .main-image .inspect-hint[b-lw52zqjx7x] { left: 16px !important; bottom: 12px !important; } .product-detail-page .main-image > .gallery-counter[b-lw52zqjx7x], .product-detail-page .main-image .gallery-counter[b-lw52zqjx7x] { right: 16px !important; bottom: 12px !important; } } /* FLORA_V46_5E_OVERLAY_INSIDE_FRAME_FINAL_END */ /* FLORA_V48_8_MOBILE_PRODUCT_TABS_EXACT */ @media (max-width:700px) { .product-detail-page .detail-section[b-lw52zqjx7x] { width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; padding:14px !important; overflow:visible !important; } .product-detail-page .detail-section > .detail-tabs.flora-product-detail-tabs-fixed[b-lw52zqjx7x] { position:relative !important; display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-template-rows:auto auto !important; gap:8px !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:6px !important; overflow:visible !important; border-bottom:0 !important; box-sizing:border-box !important; } .product-detail-page .detail-section > .flora-product-detail-tabs-fixed > .tab-button[b-lw52zqjx7x] { position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:auto !important; min-height:52px !important; max-height:none !important; margin:0 !important; padding:9px 8px !important; transform:none !important; white-space:normal !important; text-align:center !important; font-size:11px !important; line-height:1.2 !important; overflow:visible !important; box-sizing:border-box !important; } .product-detail-page .detail-section > .flora-product-detail-tabs-fixed > .tab-button.active[b-lw52zqjx7x]::after { display:none !important; content:none !important; } .product-detail-page .detail-section > .tab-content[b-lw52zqjx7x] { position:relative !important; width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:18px 0 0 !important; overflow:visible !important; clear:both !important; } .product-detail-page .description-content[b-lw52zqjx7x], .product-detail-page .care-guide[b-lw52zqjx7x], .product-detail-page .reviews-content[b-lw52zqjx7x] { width:100% !important; min-width:0 !important; margin:0 !important; overflow:visible !important; } .product-detail-page .description-content h2[b-lw52zqjx7x], .product-detail-page .care-guide h2[b-lw52zqjx7x], .product-detail-page .reviews-content h2[b-lw52zqjx7x] { width:100% !important; margin:0 0 16px !important; font-size:26px !important; line-height:1.13 !important; overflow-wrap:anywhere !important; } .product-detail-page .features-grid[b-lw52zqjx7x] { display:grid !important; grid-template-columns:1fr !important; gap:12px !important; width:100% !important; min-width:0 !important; } .product-detail-page .features-grid > *[b-lw52zqjx7x] { min-width:0 !important; } .product-detail-page .review-summary[b-lw52zqjx7x] { display:grid !important; grid-template-columns:auto minmax(0,1fr) !important; gap:14px !important; align-items:center !important; width:100% !important; overflow:hidden !important; } .product-detail-page .review-editor[b-lw52zqjx7x], .product-detail-page .review-empty[b-lw52zqjx7x], .product-detail-page .review-card[b-lw52zqjx7x] { width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; } } /* FLORA_V48_8_MOBILE_PRODUCT_TABS_EXACT_END */