/** Shopify CDN: Minification failed

Line 528:0 Unexpected "}"

**/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&display=swap');

/* =====================================================
   BAGIFY - Custom Theme Styles
   Warm Luxury Leather Bag Boutique
   ===================================================== */

/* =====================================================
   CSS CUSTOM PROPERTIES OVERRIDE
   ===================================================== */

:root {
  /* Warm beige/cream palette */
  --bagify-cream: #f5f0e8;
  --bagify-warm-white: #faf7f2;
  --bagify-sand: #ede4d4;
  --bagify-tan: #c8b89a;
  --bagify-sienna: #9c6f3a;
  --bagify-brown: #3d2c1a;
  --bagify-dark: #1a1008;
  --bagify-black: #0d0806;

  /* Typography */
  --bagify-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --bagify-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Override Shopify theme font variables */
  --font-heading--family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
  --font-body--family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  --font-subheading--family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  --font-accent--family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
}


/* =====================================================
   GLOBAL BODY & BACKGROUND
   ===================================================== */

body {
  background-color: var(--bagify-cream);
}

/* =====================================================
   ANNOUNCEMENT BAR - 3-column style
   ===================================================== */

.announcement-bar {
  background: var(--bagify-cream) !important;
  border-bottom: 1px solid var(--bagify-tan) !important;
}

.announcement-bar__text {
  font-family: var(--bagify-sans) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.03em;
  color: var(--bagify-brown) !important;
}

/* =====================================================
   HEADER / NAVIGATION
   ===================================================== */

header-component.header {
  background: var(--bagify-cream) !important;
  border-bottom: 1px solid var(--bagify-tan);
}

.header__underlay-closed {
  background: var(--bagify-cream) !important;
}

/* BAGIFY Logo Wordmark */
.bagify-wordmark {
  font-family: 'Playfair Display', serif !important;
  font-size: 2.2rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  color: #1a1008 !important;
  text-decoration: none !important;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
}

.bagify-wordmark:hover {
  color: #3d2c1a !important;
  text-decoration: none !important;
}

/* Make logo area wide enough */
.header-logo,
.logo-section {
  min-width: auto !important;
  width: auto !important;
  overflow: visible !important;
}

.menu-list__link,
.header-actions__action {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 0.875rem !important;
  color: #3d2c1a !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
}

.menu-list__link:hover {
  color: #1a1008 !important;
}

/* ── Turkish menu label overrides ── */
/* Home → Ana Sayfa */
.menu-list__link[href="/"] .menu-list__text,
.menu-list__link[href*="home"] .menu-list__text {
  font-size: 0 !important;
}

.menu-list__link[href="/"]::after,
.menu-list__link[href*="home"]::after {
  content: 'Ana Sayfa';
  font-size: 0.875rem;
}

/* Catalog → Katalog */
.menu-list__link[href*="catalog"] .menu-list__text,
.menu-list__link[href*="collection"] .menu-list__text {
  font-size: 0 !important;
}

.menu-list__link[href*="catalog"]::after,
.menu-list__link[href*="collections"]::after {
  content: 'Katalog';
  font-size: 0.875rem;
}

/* Contact → Hakkımızda */
.menu-list__link[href*="contact"] .menu-list__text {
  font-size: 0 !important;
}

.menu-list__link[href*="contact"]::after {
  content: 'Hakkımızda';
  font-size: 0.875rem;
}

/* =====================================================
   HERO SECTION
   ===================================================== */

.hero-wrapper .hero {
  background: linear-gradient(135deg, #f5f0e8 0%, #ede4d4 40%, #e4d8c4 100%) !important;
  min-height: 85vh;
}

.hero__media-grid {
  right: 0;
  left: 40%;
  width: 60%;
}

/* Hero typography */
.hero .group-block-content h1,
.hero .group-block-content [style*="font-heading"] {
  font-family: var(--bagify-serif) !important;
  font-weight: 600;
  line-height: 1.1;
}

/* =====================================================
   BUTTONS
   ===================================================== */

/* Primary button - solid dark */
.button:not(.button-secondary):not(.button-unstyled):not(.quick-add__button):not(.cart-items__remove):not(.predictive-search__close-modal-button) {
  background-color: var(--bagify-dark) !important;
  color: var(--bagify-cream) !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: var(--bagify-sans) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  transition: background 0.25s ease, transform 0.15s ease !important;
}

.button:not(.button-secondary):not(.button-unstyled):not(.quick-add__button):not(.cart-items__remove):not(.predictive-search__close-modal-button):hover {
  background-color: var(--bagify-brown) !important;
  transform: translateY(-1px);
}

/* Search modal close (×) button — keep icon visible on light background */
.predictive-search__close-modal-button {
  background-color: transparent !important;
  color: var(--bagify-dark) !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.predictive-search__close-modal-button:hover {
  background-color: transparent !important;
  color: var(--bagify-brown) !important;
  transform: none !important;
}

/* Quick-add button: use theme foreground color so the SVG icon is visible */
.quick-add__button {
  color: var(--color-foreground) !important;
}

/* Cart remove button: use theme foreground color so the delete SVG is visible */
.cart-items__remove {
  color: var(--color-foreground) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Secondary button - outlined */
.button-secondary {
  background: transparent !important;
  color: var(--bagify-dark) !important;
  border: 2px solid var(--bagify-dark) !important;
  border-radius: 0 !important;
  font-family: var(--bagify-sans) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 12px 28px !important;
  transition: all 0.25s ease !important;
}

.button-secondary:hover {
  background: var(--bagify-dark) !important;
  color: var(--bagify-cream) !important;
}

/* =====================================================
   MARQUEE - Brand logos bar
   ===================================================== */

.section-background.color-scheme-5 {
  background-color: var(--bagify-dark) !important;
}

marquee-component.color-scheme-5 {
  background-color: var(--bagify-dark);
}

marquee-component.color-scheme-5 .color-scheme-5 {
  color: var(--bagify-cream);
}

/* Brand text in marquee */
marquee-component p,
marquee-component .marquee__repeated-items span,
marquee-component .marquee__repeated-items p {
  font-family: var(--bagify-serif) !important;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #f5f0e8 !important;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1.2;
}

marquee-component p {
  gap: 12px;
}

/* Ensure FontAwesome icons in marquee don't get overwritten by serif font */
marquee-component p i.fa-solid,
marquee-component p i.fa-regular {
  font-family: "Font Awesome 6 Free", "FontAwesome", sans-serif !important;
  font-weight: 900;
  color: var(--bagify-sienna) !important;
  font-size: 1.1em;
}

marquee-component p i.fa-regular {
  font-weight: 400;
}

/* Thin vertical dividers between marquee items */
.marquee-divider {
  width: 1px;
  height: 24px;
  background-color: var(--bagify-sienna);
  opacity: 0.6;
  margin: 0;
}

/* Divider dots in marquee */
.marquee__repeated-items .divider {
  color: var(--bagify-sienna) !important;
  opacity: 0.6;
}

/* =====================================================
   PRODUCT CARDS
   ===================================================== */

.product-card,
.resource-card {
  background: transparent;
  border-radius: 0;
}

.product-card:hover {
  transform: translateY(-4px);
  transition: transform 0.3s ease;
}

/* Product title */
.product-card .rte,
.product-card .resource-card__heading {
  font-family: var(--bagify-sans) !important;
  font-size: 0.875rem !important;
  color: var(--bagify-brown) !important;
  font-weight: 400;
}

/* Price */
.product-card .price {
  font-family: var(--bagify-sans) !important;
  color: var(--bagify-dark) !important;
  font-weight: 500 !important;
}

/* =====================================================
   HERO CONTENT - Left panel padding
   ===================================================== */

.hero__content-wrapper {
  padding-inline-start: 60px !important;
  padding-inline-end: 0 !important;
}

@media screen and (max-width: 749px) {
  .hero__content-wrapper {
    padding-inline-start: 20px !important;
    padding-inline-end: 20px !important;
  }

  .hero-wrapper .hero {
    min-height: auto;
  }
}

/* =====================================================
   SECTION BACKGROUNDS
   ===================================================== */

.color-scheme-1 {
  --color-background: #f5f0e8 !important;
}

.color-scheme-2 {
  --color-background: #ede4d4 !important;
}

.color-scheme-3 {
  --color-background: #faf7f2 !important;
}

.color-scheme-5 {
  --color-background: #1a1008 !important;
}

/* =====================================================
   PRODUCT LIST SECTION HEADER
   ===================================================== */

.product-list h3,
.product-list h4 {
  font-family: var(--bagify-serif) !important;
  font-weight: 600;
  color: var(--bagify-dark) !important;
}

/* =====================================================
   FOOTER
   ===================================================== */

footer .color-scheme-5 {
  background-color: var(--bagify-dark) !important;
}

footer h2,
footer h3,
footer .rte {
  font-family: var(--bagify-serif) !important;
}

/* =====================================================
   BAGIFY HERO SECTION WRAPPER - Full width override
   ===================================================== */

.bagify-hero-wrapper,
.bagify-hero-wrapper>section,
section.bagify-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Remove old hero placeholder override since we no longer use it */
.hero-wrapper .hero {
  background: linear-gradient(135deg, #f5f0e8 0%, #ede4d4 40%, #e4d8c4 100%);
}



::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--bagify-sand);
}

::-webkit-scrollbar-thumb {
  background: var(--bagify-tan);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--bagify-sienna);
}

/* =====================================================
   SELECTION STYLING
   ===================================================== */

::selection {
  background: var(--bagify-sienna);
  color: var(--bagify-cream);
}

/* =====================================================
   GLOBAL ACCESSIBILITY & CLICK EFFECTS
   ===================================================== */

/* Remove the ugly blue tap highlight on mobile devices */
* {
  -webkit-tap-highlight-color: transparent !important;
}

/* Remove default blue outline on click (PC) but keep for keyboard navigation if possible */
*:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

/* Fallback for browsers that don't support :focus-visible - just remove the outline entirely */
*:focus {
  outline: none !important;
}

/* =====================================================
   HEADER POPOVER FLASH FIX
   Sol üstte beliren tooltip/popover bug düzeltmesi
   Browser native Popover API, JS konumlamadan önce
   elemanı sol üste render eder. Bu bunu önler.
   ===================================================== */

/* [popover] elementleri JS konumlanana kadar görünmesin */
[popover]:not(:popover-open) {
  display: none !important;
}

/* overflow-menu "Daha Fazla" butonu - bagify dark override'dan koru */
slot[name='more'] .button,
overflow-list .button,
.overflow-menu .button {
  background: transparent !important;
  color: var(--color-foreground) !important;
  border: none !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* =====================================================
   HIDE CHECKOUT/PAYMENT BUTTONS IN PRODUCT CARDS
   ===================================================== */
/* 404 sayfası ve diğer ürün listelerinde ürün kartlarında çıkan ödeme butonlarını ve ikonlarını gizle */
.product-card .accelerated-checkout-block,
.product-card .shopify-payment-button,
.product-card .payment-terms,
.product-card .installments {
  display: none !important;
}

/* Ürün detay sayfasında sepete ekle altındaki "Secure checkout with" vb. dışarıdan (App) eklenen içerikleri tamamen gizle */
.bp__details > div:not(.bp__price-wrap):not(.bp__variant-group):not(.bp__desc):not(.bp__accordion):not(.bp__trust),
.bp__details > img,
form#bp-form > img {
  display: none !important;
}

  form#bp-form>div:not(.bp__atc-row) {
    display: none !important;
  }

  .bp__details iframe,
  form#bp-form iframe,
  .bp__details .shopify-payment-button,
  .bp__details .payment-terms,
  .bp__details .installments,
  .bp__details [data-trust-badge] {
    display: none !important;
  }
};