/* ONERP Vitrin — yalnız vitrin etkin sitelerde (#wrapwrap.o_vitrin). Renkler temanın değişkenlerinden gelir. */
.o_vitrin { --v-radius: 1.25rem; --v-shadow: 0 10px 30px rgba(20, 20, 50, .08); --v-shadow-hover: 0 18px 42px rgba(20, 20, 50, .14); }

/* Başlık: arama kutusu yuvarlak, gölge ince */
.o_vitrin header .o_searchbar_form .form-control,
.o_vitrin header .o_searchbar_form input { border-radius: 999px 0 0 999px; padding-left: 1.1rem; }
.o_vitrin header .o_searchbar_form .btn { border-radius: 0 999px 999px 0; }
.o_vitrin header .navbar { --bs-navbar-padding-y: .55rem; }
.o_vitrin header .nav-link { font-weight: 600; }
.o_vitrin header .navbar-brand.logo img { max-height: 46px; width: auto; }

/* Duyuru şeridi */
.o_vitrin .o_vitrin_strip { font-size: .86rem; letter-spacing: .01em; }
.o_vitrin .o_vitrin_dot { opacity: .5; margin: 0 .35rem; }

/* Kapak */
.o_vitrin .o_vitrin_hero { position: relative; overflow: hidden;
    background: radial-gradient(1200px 500px at 85% 10%, color-mix(in srgb, var(--o-color-1) 45%, transparent), transparent 60%),
                radial-gradient(900px 500px at 0% 100%, color-mix(in srgb, var(--o-color-2) 22%, transparent), transparent 60%),
                var(--o-color-5) !important; }
.o_vitrin .o_vitrin_hero_title { font-weight: 800; letter-spacing: -.02em; line-height: 1.08; }
.o_vitrin .o_vitrin_hero_lead { opacity: .86; max-width: 34rem; }
.o_vitrin .o_vitrin_pill { display: inline-block; padding: .35rem .85rem; border-radius: 999px; font-size: .8rem; font-weight: 700;
    background: color-mix(in srgb, var(--o-color-2) 22%, transparent); color: var(--o-color-2); letter-spacing: .02em; }
.o_vitrin .o_vitrin_pill_dark { background: rgba(0, 0, 0, .1); color: inherit; }
.o_vitrin .o_vitrin_checks li { opacity: .85; margin-right: 1.1rem; }
.o_vitrin .o_vitrin_checks li::before { content: "✓"; color: var(--o-color-2); font-weight: 800; margin-right: .4rem; }
.o_vitrin .o_vitrin_art svg { width: 100%; height: auto; display: block; }
.o_vitrin .o_va_glow { fill: var(--o-color-1); opacity: .18; }
.o_vitrin .o_va_card { fill: #fff; }
.o_vitrin .o_va_soft { fill: var(--o-color-3); }
.o_vitrin .o_va_line { fill: #E4E3EE; }
.o_vitrin .o_va_accent { fill: var(--o-color-1); }
.o_vitrin .o_va_bag { fill: var(--o-color-1); }
.o_vitrin .o_va_handle { fill: none; stroke: #fff; stroke-width: 12; stroke-linecap: round; opacity: .95; }
.o_vitrin .o_va_dot { fill: #fff; }
.o_vitrin .o_va_tag { fill: var(--o-color-2); }
.o_vitrin .o_va_hole { fill: var(--o-color-5); }
.o_vitrin .o_va_tag_text { font: 800 34px/1 sans-serif; fill: var(--o-color-5); }
.o_vitrin .o_va_box { fill: var(--o-color-2); opacity: .9; }
.o_vitrin .o_va_box_line { stroke: var(--o-color-5); stroke-width: 4; opacity: .35; }
.o_vitrin .o_va_coin { fill: var(--o-color-2); }
.o_vitrin .o_va_coin2 { fill: #fff; opacity: .7; }
.o_vitrin .o_vitrin_art { animation: o_vitrin_float 7s ease-in-out infinite; }
@keyframes o_vitrin_float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@media (prefers-reduced-motion: reduce) { .o_vitrin .o_vitrin_art { animation: none; } }

/* Güven kartları ve küçük kartlar */
.o_vitrin .o_vitrin_icon { width: 2.6rem; height: 2.6rem; flex-shrink: 0; padding: .55rem; border-radius: .9rem; fill: none;
    stroke: var(--o-color-1); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    background: color-mix(in srgb, var(--o-color-1) 11%, #fff); }
.o_vitrin .o_vitrin_feature { display: flex; gap: .9rem; align-items: flex-start; height: 100%; padding: 1.1rem 1.15rem;
    border-radius: var(--v-radius); background: #fff; border: 1px solid rgba(20, 20, 50, .07); transition: box-shadow .2s, transform .2s; }
.o_vitrin .o_vitrin_feature.flex-column { align-items: center; }
.o_vitrin .o_vitrin_feature:hover { box-shadow: var(--v-shadow); transform: translateY(-2px); }

/* Fırsat kartları */
.o_vitrin .o_vitrin_promo { height: 100%; padding: 2.4rem; border-radius: calc(var(--v-radius) + .25rem); position: relative; overflow: hidden; }
.o_vitrin .o_vitrin_promo::after { content: ""; position: absolute; width: 260px; height: 260px; right: -70px; bottom: -90px; border-radius: 50%;
    background: color-mix(in srgb, var(--o-color-1) 35%, transparent); }
.o_vitrin .o_vitrin_promo_accent::after { background: rgba(255, 255, 255, .35); }
.o_vitrin .o_vitrin_promo > * { position: relative; z-index: 1; }

/* Neden biz */
.o_vitrin .o_vitrin_stat { display: flex; gap: 1rem; align-items: center; padding: 1.2rem 1.3rem; border-radius: var(--v-radius);
    background: #fff; box-shadow: var(--v-shadow); height: 100%; }
.o_vitrin .o_vitrin_stat strong { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 2.6rem; height: 2.6rem;
    border-radius: 50%; background: var(--o-color-1); color: #fff; font-size: 1.1rem; }

/* Ürün ve kategori blokları */
.o_vitrin .s_dynamic_snippet_products .card,
.o_vitrin .oe_product .oe_product_cart { border-radius: var(--v-radius); overflow: hidden; transition: box-shadow .2s, transform .2s; }
.o_vitrin .s_dynamic_snippet_products .card:hover,
.o_vitrin .oe_product .oe_product_cart:hover { box-shadow: var(--v-shadow-hover); transform: translateY(-3px); }
.o_vitrin .oe_product .oe_product_cart .oe_currency_value,
.o_vitrin .s_dynamic_snippet_products .oe_currency_value { font-weight: 800; }
.o_vitrin .s_dynamic_snippet_category img { border-radius: var(--v-radius); }
.o_vitrin .o_wsale_product_btn .btn, .o_vitrin #add_to_cart { border-radius: 999px; }
.o_vitrin #product_detail .product_price .oe_price { font-size: 1.9rem; font-weight: 800; color: var(--o-color-1); }

.o_vitrin .o_vitrin_cta .btn-outline-light { color: #fff; border-color: rgba(255, 255, 255, .75); }
.o_vitrin .o_vitrin_cta .btn-outline-light:hover { background: #fff; color: var(--o-color-1); }
.o_vitrin .o_vitrin_hero .btn-outline-light { color: #fff; border-color: rgba(255, 255, 255, .45); }

/* Ürün sayfası güven bilgisi */
.o_vitrin .o_vitrin_product_trust { margin-top: 1.5rem; border: 1px solid rgba(20, 20, 50, .08); border-radius: var(--v-radius); overflow: hidden; }
.o_vitrin .o_vitrin_pt_row { display: flex; gap: .85rem; align-items: center; padding: .85rem 1rem; }
.o_vitrin .o_vitrin_pt_row + .o_vitrin_pt_row { border-top: 1px solid rgba(20, 20, 50, .07); }
.o_vitrin .o_vitrin_pt_row strong { display: block; font-size: .92rem; }
.o_vitrin .o_vitrin_pt_row span { display: block; font-size: .82rem; opacity: .75; }
.o_vitrin .o_vitrin_pt_row .o_vitrin_icon { width: 2.3rem; height: 2.3rem; padding: .45rem; }

/* Sayfa başlıkları, iletişim */
.o_vitrin .o_vitrin_page_title h1 { font-weight: 800; letter-spacing: -.015em; }
.o_vitrin .o_vitrin_contact { padding: 1.8rem; border-radius: var(--v-radius); background: var(--o-color-3); }
.o_vitrin .accordion-item { border-radius: 1rem !important; margin-bottom: .6rem; border: 1px solid rgba(20, 20, 50, .08); overflow: hidden; }
.o_vitrin .accordion-button { font-weight: 600; }

/* Alt bilgi */
.o_vitrin .o_vitrin_footer a { text-decoration: none; opacity: .85; }
.o_vitrin .o_vitrin_footer a:hover { opacity: 1; text-decoration: underline; }
.o_vitrin .o_vitrin_footer li { margin-bottom: .35rem; }
.o_vitrin .o_vitrin_footer_brand { font-size: 1.35rem; font-weight: 800; letter-spacing: -.01em; }
.o_vitrin .o_vitrin_footer_head { font-size: .78rem; text-transform: uppercase; letter-spacing: .09em; opacity: .7; margin-bottom: .9rem; }
.o_vitrin .o_vitrin_muted { opacity: .75; }
.o_vitrin .o_vitrin_badges { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .8rem; }
.o_vitrin .o_vitrin_badges span { font-size: .75rem; padding: .3rem .65rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .22); }
.o_vitrin .o_vitrin_copy { border-top: 1px solid rgba(255, 255, 255, .1); }
.o_vitrin footer .o_footer_copyright { display: none; }

@media (max-width: 767.98px) {
    .o_vitrin .o_vitrin_hero { padding-top: 40px !important; padding-bottom: 40px !important; }
    .o_vitrin .o_vitrin_hero_title { font-size: 2.15rem; }
    .o_vitrin .o_vitrin_promo { padding: 1.7rem; }
    .o_vitrin .o_vitrin_feature { padding: .9rem; flex-direction: column; gap: .5rem; }
    .o_vitrin .o_vitrin_footer { padding-bottom: 72px; }
}