@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);

.appbar-custom[data-v-02641594] {
  background: linear-gradient(135deg, #1A1A1A 0%, #2D2D2D 50%, #3A1A4A 100%) !important;
  border-bottom: 2px solid #7B2D8E !important;
}
.brand-logo[data-v-02641594] {
  height: 34px;
  width: 34px;
  display: block;
  filter: brightness(1.1);
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid rgba(123,45,142,.5);
}
.brand-link[data-v-02641594] {
  text-decoration: none;
}
.brand-text[data-v-02641594] {
  font-family: 'Caveat', 'Dancing Script', 'Pacifico', cursive;
  font-size: 17px;
  letter-spacing: 0.5px;
  font-weight: 600;
  display: inline-block;
  color: #FFFFFF !important;
  text-shadow: 0 1px 3px rgba(123,45,142,.4);
}
.nav-actions[data-v-02641594] {
  gap: 2px;
}
.nav-icon-btn[data-v-02641594] {
  color: rgba(255,255,255,.85) !important;
  transition: color .2s, background .2s;
}
.nav-icon-btn[data-v-02641594]:hover {
  color: #FF6000 !important;
  background: rgba(255,255,255,.08) !important;
}
.nav-icon-btn .v-icon[data-v-02641594] {
  color: inherit !important;
}
.avatar-logged[data-v-02641594] {
  background: linear-gradient(135deg, #7B2D8E, #FF6000) !important;
  color: #fff !important;
}
.avatar-logged .v-icon[data-v-02641594] { color: #fff !important;
}
.avatar-guest[data-v-02641594] {
  background: rgba(255,255,255,.15) !important;
  color: rgba(255,255,255,.7) !important;
}
.avatar-guest .v-icon[data-v-02641594] { color: rgba(255,255,255,.7) !important;
}

/* Auth nav buttons */
.auth-nav-btn[data-v-02641594] {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  height: 30px !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
  text-transform: none !important;
}
.login-nav-btn[data-v-02641594] {
  background: transparent !important;
  color: rgba(255,255,255,.9) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
}
.login-nav-btn[data-v-02641594]:hover {
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.6) !important;
}
.register-nav-btn[data-v-02641594] {
  background: linear-gradient(135deg, #7B2D8E, #FF6000) !important;
  color: #fff !important;
  border: none !important;
}
.register-nav-btn[data-v-02641594]:hover {
  opacity: .9;
}
.mobile-auth-actions[data-v-02641594] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.mobile-auth-btn[data-v-02641594] {
  color: rgba(255,255,255,.9) !important;
}
.mobile-auth-btn[data-v-02641594]:hover {
  background: rgba(255,255,255,.1) !important;
}
.account-menu[data-v-02641594] {
  border-radius: 10px !important;
  overflow: hidden;
}

/* Info Dialog */
.info-dialog-card[data-v-02641594] {
  border-radius: 14px !important;
  overflow: hidden;
}
.info-dialog-header[data-v-02641594] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: linear-gradient(135deg, #4A1259, #7B2D8E);
}
.info-dialog-header h3[data-v-02641594] {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.legal-btn[data-v-02641594] {
  background: #FAFAFA !important;
  border: 1px solid #E0E0E0 !important;
  color: #2D2D2D !important;
  font-weight: 500 !important;
  justify-content: flex-start !important;
  padding: 10px 16px !important;
  height: 44px !important;
  transition: all .2s;
}
.legal-btn[data-v-02641594]:hover {
  background: #F3E8F9 !important;
  border-color: #7B2D8E !important;
  color: #7B2D8E !important;
}
.legal-btn .v-icon[data-v-02641594] {
  color: #7B2D8E !important;
}


.app-footer[data-v-21c5ddcb] {
  background: linear-gradient(135deg, #1A1A1A 0%, #2D2D2D 50%, #3A1A4A 100%) !important;
  border-top: 2px solid #7B2D8E;
}
.footer-inner[data-v-21c5ddcb] {
  max-width: 1200px;
}
.footer-brand[data-v-21c5ddcb] {
  font-family: 'Caveat', cursive;
  font-size: 18px;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: 0.5px;
}
.footer-tagline[data-v-21c5ddcb] {
  font-size: 12px;
  color: rgba(255,255,255,.5);
}
.footer-link[data-v-21c5ddcb] {
  font-weight: 500;
  font-size: 13px;
  color: rgba(255,255,255,.75);
  text-decoration: none;
  transition: color .2s;
}
.footer-link[data-v-21c5ddcb]:hover {
  color: #FF6000;
}
.footer-copy[data-v-21c5ddcb] {
  font-size: 12px;
  color: rgba(255,255,255,.4);
}


html, body, #app { height: 100%;
}
body { margin: 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.app-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.app-main {
  flex: 1 1 auto;
}
#app,
.v-application,
.v-application .v-application--wrap,
.v-main {
  background-color: #F5F5F5 !important;
  background-image: none !important;
}
.v-application {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
body::before { content: none !important;
}

/* ── Trendyol-inspired Global Theme Tokens ── */
:root {
  --brand-purple: #7B2D8E;
  --brand-purple-dark: #4A1259;
  --brand-purple-light: #F3E8F9;
  --brand-orange: #FF6000;
  --brand-orange-hover: #E65500;
  --brand-black: #1A1A1A;
  --brand-dark: #2D2D2D;
  --brand-grey: #666666;
  --brand-grey-light: #999999;
  --brand-border: #E0E0E0;
  --brand-bg: #F5F5F5;
  --brand-white: #FFFFFF;
  --brand-success: #00C853;
  --brand-error: #F44336;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
  --shadow-md: 0 2px 8px rgba(0,0,0,.10);
  --shadow-lg: 0 4px 16px rgba(0,0,0,.12);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
}

/* Global card override */
.v-card {
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-sm) !important;
}
.v-card:hover {
  box-shadow: var(--shadow-md) !important;
}

/* Global button styling */
.v-btn {
  text-transform: none !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  border-radius: var(--radius-sm) !important;
}

/* Primary buttons */
.v-btn.primary, .theme--light.v-btn.v-btn--has-bg.primary {
  background-color: var(--brand-orange) !important;
  color: #fff !important;
}
.v-btn.primary:hover { background-color: var(--brand-orange-hover) !important;
}

/* Chip styling */
.v-chip {
  border-radius: var(--radius-sm) !important;
  font-weight: 500 !important;
}

/* Smooth transitions */
* { transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px;
}
::-webkit-scrollbar-track { background: #f1f1f1;
}
::-webkit-scrollbar-thumb { background: #bbb; border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover { background: #999;
}


.snackbar-top-center[data-v-1ae1f98c] {
  left: 50% !important;
  transform: translateX(-50%);
}


.mobile-nav[data-v-6c1784fe] {
  background: linear-gradient(180deg, #FFFFFF 0%, #F8F6FB 100%) !important;
  border-top: 1px solid #E7DFF0 !important;
  box-shadow: 0 -4px 14px rgba(43, 16, 62, .08);
  height: 60px !important;
}
.mobile-nav-btn[data-v-6c1784fe] {
  color: #6E6380 !important;
  transition: color .2s;
  min-width: 0 !important;
}
.mobile-nav-btn--active[data-v-6c1784fe] {
  color: #7B2D8E !important;
  background: rgba(123,45,142,.08) !important;
}
.mobile-nav-btn[data-v-6c1784fe]:hover {
  color: #4C3A63 !important;
}
.mobile-nav-btn[data-v-6c1784fe] .v-icon {
  color: inherit !important;
}
.mobile-nav-label[data-v-6c1784fe] {
  font-size: 10px;
  font-weight: 500;
  color: inherit;
  letter-spacing: .2px;
}


/* ── Card Shell ── */
.product-card[data-v-6a8b6bcd] {
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #EEEEEE !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
  overflow: hidden;
  cursor: pointer;
  transition: box-shadow .2s, transform .2s;
  display: flex;
  flex-direction: column;
}
.product-card[data-v-6a8b6bcd]:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.10) !important;
  transform: translateY(-2px);
}

/* ── Image Area ── */
.product-img-wrap[data-v-6a8b6bcd] {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.product-carousel[data-v-6a8b6bcd] { border-radius: 0 !important;
}
.product-img[data-v-6a8b6bcd] { cursor: pointer; transition: transform .3s; background: #fff;
}
.product-img[data-v-6a8b6bcd] .v-image__image {
  background-size: contain !important;
  background-position: center !important;
}
.product-img-wrap:hover .product-img[data-v-6a8b6bcd] { transform: scale(1.03);
}

/* ── Overlays ── */
.product-badge[data-v-6a8b6bcd] {
  position: absolute;
  top: 10px; left: 10px;
  font-size: 10px; font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  letter-spacing: .3px;
  z-index: 2;
  pointer-events: none;
}
.badge-normal[data-v-6a8b6bcd] { background: #E8F5E9; color: #2E7D32;
}
.badge-promo[data-v-6a8b6bcd]  { background: #FFEBEE; color: #C62828;
}

/* ── Content ── */
.product-content[data-v-6a8b6bcd] {
  padding: 10px 12px 6px;
  flex: 1;
}
.product-title[data-v-6a8b6bcd] {
  font-size: 13px;
  font-weight: 500;
  color: #1A1A1A;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 36px;
  margin-bottom: 8px;
}
.product-seller[data-v-6a8b6bcd] {
  font-size: 11px;
  color: #7B2D8E;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  transition: color .2s;
}
.product-seller[data-v-6a8b6bcd]:hover { color: #FF6000; text-decoration: underline;
}
.product-prices[data-v-6a8b6bcd] { display: flex; align-items: baseline; gap: 8px;
}
.price-orig[data-v-6a8b6bcd] {
  font-size: 12px; color: #999;
  text-decoration: line-through;
}
.price-disc[data-v-6a8b6bcd] {
  font-size: 16px; font-weight: 700;
  color: #1A1A1A;
}

/* ── Footer ── */
.product-footer[data-v-6a8b6bcd] { padding-top: 8px;
}

/* ── Buttons ── */
.btn-add-cart[data-v-6a8b6bcd] {
  background: #FF6000 !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  height: 40px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.btn-add-cart[data-v-6a8b6bcd]:hover { background: #E65500 !important;
}
.btn-add-cart[data-v-6a8b6bcd]:disabled { background: #FFB899 !important;
}
.btn-fav[data-v-6a8b6bcd] {
  background: #FAFAFA !important;
  border: 1px solid #E0E0E0 !important;
  color: #555 !important;
  font-size: 13px !important;
  height: 38px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.btn-fav[data-v-6a8b6bcd]:hover { border-color: #7B2D8E !important; color: #7B2D8E !important;
}

/* ── Dialogs ── */
.dialog-card[data-v-6a8b6bcd] { border-radius: 14px !important; overflow: hidden;
}
.dialog-header[data-v-6a8b6bcd] {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 20px;
  background: linear-gradient(135deg, #4A1259, #7B2D8E);
}
.dialog-header--warning[data-v-6a8b6bcd] {
  background: linear-gradient(135deg, #1A1A1A, #2D2D2D);
}
.dialog-title-text[data-v-6a8b6bcd] {
  color: #fff; font-weight: 600; font-size: 15px;
  flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  margin-right: 8px;
}
.dialog-product-title[data-v-6a8b6bcd] {
  font-size: 18px; font-weight: 700; color: #1A1A1A; line-height: 1.3;
}
.dialog-prices[data-v-6a8b6bcd] {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.dialog-price-orig[data-v-6a8b6bcd] {
  font-size: 13px; color: #999; text-decoration: line-through;
}
.dialog-price-disc[data-v-6a8b6bcd] {
  font-size: 24px; font-weight: 700; color: #1A1A1A;
}
.dialog-shipping[data-v-6a8b6bcd] { display: flex; align-items: center;
}
.dialog-carousel[data-v-6a8b6bcd] { border-radius: 10px !important; overflow: hidden;
}
.dialog-img[data-v-6a8b6bcd] .v-image__image {
  background-position: center; background-repeat: no-repeat;
  image-rendering: auto;
}
.tab-item[data-v-6a8b6bcd] { text-transform: none !important; font-weight: 500; color: #555 !important;
}
[data-v-6a8b6bcd] .v-tab--active { color: #7B2D8E !important;
}
[data-v-6a8b6bcd] .v-tabs-slider { background-color: #7B2D8E !important;
}
.tab-content[data-v-6a8b6bcd] { font-size: 14px; color: #444; line-height: 1.7;
}
.w-100[data-v-6a8b6bcd] { width: 100% !important;
}


.home-page[data-v-1b53221e] {
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 80px;
}

/* ── Teknopark Banner ── */
.teknopark-banner[data-v-1b53221e] {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, #F8F4FA 0%, #FAFAFA 100%);
  border: 1px solid #E8DCF0;
  border-radius: 12px;
  padding: 10px 16px;
  margin-bottom: 12px;
}
.teknopark-logo-link[data-v-1b53221e] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  line-height: 0;
}
.teknopark-logo[data-v-1b53221e] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #E0D4E8;
  box-shadow: 0 2px 6px rgba(123,45,142,.12);
}
.teknopark-info[data-v-1b53221e] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  font-size: 14px;
  color: #666;
}
.teknopark-highlight[data-v-1b53221e] {
  font-weight: 700;
  color: #7B2D8E;
}
.teknopark-label[data-v-1b53221e] {
  font-weight: 400;
}

/* ── Hero Banner ── */
.hero-banner[data-v-1b53221e] {
  background: linear-gradient(135deg, #4A1259 0%, #7B2D8E 50%, #A855F7 100%);
  border-radius: 16px;
  padding: 32px 28px;
  margin-bottom: 16px;
  text-align: center;
}
.hero-content[data-v-1b53221e] {
  max-width: 500px;
  margin: 0 auto;
}
.hero-icon[data-v-1b53221e] {
  margin-bottom: 8px;
}
.hero-title[data-v-1b53221e] {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  margin: 0 0 8px;
  letter-spacing: -0.3px;
}
.hero-desc[data-v-1b53221e] {
  color: rgba(255,255,255,.85);
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
}

/* ── Info Cards (yan yana) ── */
.info-cards-row[data-v-1b53221e] {
  display: flex;
  gap: 12px;
  margin-top: 12px;
  margin-bottom: 4px;
}
.info-card[data-v-1b53221e] {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 14px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  transition: all .2s;
  min-width: 0;
}
.info-card[data-v-1b53221e]:hover {
  box-shadow: 0 4px 14px rgba(0,0,0,.10);
  transform: translateY(-1px);
}
.info-card--primary[data-v-1b53221e] {
  background: linear-gradient(135deg, #F3E8F9 0%, #FAFAFA 100%);
  border-left: 3px solid #7B2D8E;
}
.info-card--secondary[data-v-1b53221e] {
  background: linear-gradient(135deg, #FFF3E0 0%, #FAFAFA 100%);
  border-left: 3px solid #FF6000;
}
.info-card--accent[data-v-1b53221e] {
  background: linear-gradient(135deg, #F5F5F5 0%, #FAFAFA 100%);
  border-left: 3px solid #1A1A1A;
}
.info-card-icon[data-v-1b53221e] {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
}
.info-card-content[data-v-1b53221e] {
  flex: 1;
  min-width: 0;
}
.info-card-title[data-v-1b53221e] {
  font-size: 13px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 4px;
  line-height: 1.3;
}
.info-card-text[data-v-1b53221e] {
  font-size: 12px;
  color: #555;
  line-height: 1.5;
}
.info-link[data-v-1b53221e] {
  color: #7B2D8E;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .2s;
}
.info-link[data-v-1b53221e]:hover {
  border-bottom-color: #7B2D8E;
}

/* ── Book Sections ── */
.home-section[data-v-1b53221e] {
  margin-top: 28px;
  margin-bottom: 8px;
}
.section-title[data-v-1b53221e] {
  font-size: 17px;
  font-weight: 600;
  color: #2D2D2D;
  margin: 0 0 4px;
  display: flex;
  align-items: center;
}
.section-desc[data-v-1b53221e] {
  font-size: 13px;
  color: #777;
  margin: 0 0 14px;
}
.books-grid[data-v-1b53221e] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}
.book-card[data-v-1b53221e] {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,.07);
  transition: transform .2s, box-shadow .2s;
  border: 2px solid transparent;
}
.book-card[data-v-1b53221e]:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 24px rgba(0,0,0,.12);
}
.book-card--owned[data-v-1b53221e] {
  border-color: #7B2D8E;
  cursor: pointer;
}
.book-cover[data-v-1b53221e] {
  position: relative;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.book-badge[data-v-1b53221e] {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 4px;
}
.badge-purchased[data-v-1b53221e] { background: #7B2D8E;
}
.badge-promo[data-v-1b53221e] { background: #2E7D32;
}
.badge-locked[data-v-1b53221e] { background: rgba(0,0,0,.45);
}
.book-info[data-v-1b53221e] {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.book-title[data-v-1b53221e] {
  font-size: 15px;
  font-weight: 700;
  color: #1A1A1A;
  line-height: 1.3;
}
.book-author[data-v-1b53221e] {
  font-size: 12px;
  color: #888;
  margin-top: 2px;
}
.book-desc[data-v-1b53221e] {
  font-size: 12px;
  color: #666;
  margin-top: 6px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.book-category[data-v-1b53221e] {
  font-size: 11px;
  color: #7B2D8E;
  font-weight: 500;
  margin-top: 4px;
}
.book-price[data-v-1b53221e] {
  font-size: 18px;
  font-weight: 700;
  color: #FF6000;
  margin-top: 8px;
}
.book-access-time[data-v-1b53221e] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #7B2D8E;
  font-weight: 500;
  margin-top: 4px;
}
.read-btn[data-v-1b53221e] {
  text-transform: none !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  border-radius: 8px !important;
}
.buy-btn[data-v-1b53221e] {
  text-transform: none !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #FF6000, #FF8C00) !important;
  color: #fff !important;
}

/* ── Welcome Dialog ── */
.video-wrap[data-v-1b53221e] {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 8px;
}
.video-frame[data-v-1b53221e] { border-radius: 6px;
}
.welcome-alert[data-v-1b53221e] {
  text-align: left;
  line-height: 1.35;
}
.welcome-alert[data-v-1b53221e] .v-alert__content {
  min-width: 0;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}
.welcome-alert[data-v-1b53221e] a {
  word-break: break-word;
}

/* ── Responsive ── */
@media (max-width: 960px) {
.info-cards-row[data-v-1b53221e] {
    flex-direction: column;
    gap: 10px;
}
}
@media (max-width: 600px) {
.home-page[data-v-1b53221e] { padding: 14px 10px 80px;
}
.teknopark-banner[data-v-1b53221e] {
    padding: 8px 12px;
    gap: 10px;
}
.teknopark-logo[data-v-1b53221e] {
    width: 36px;
    height: 36px;
}
.teknopark-info[data-v-1b53221e] {
    font-size: 13px;
}
.hero-banner[data-v-1b53221e] { padding: 22px 16px;
}
.hero-title[data-v-1b53221e] { font-size: 19px;
}
.hero-desc[data-v-1b53221e] { font-size: 13px;
}
.video-frame[data-v-1b53221e] {
    height: 220px;
}
.info-card[data-v-1b53221e] {
    padding: 12px;
}
.info-card-icon[data-v-1b53221e] {
    width: 34px;
    height: 34px;
}
.info-card-title[data-v-1b53221e] {
    font-size: 12px;
}
.info-card-text[data-v-1b53221e] {
    font-size: 11px;
}
.books-grid[data-v-1b53221e] { grid-template-columns: 1fr;
}
.book-cover[data-v-1b53221e] { height: 120px;
}
.seller-search-row[data-v-1b53221e] { flex-direction: column; align-items: flex-start;
}
.seller-results[data-v-1b53221e] { margin-left: 0 !important; margin-top: 8px;
}
}

/* ── Satıcı Arama ── */
.seller-search-row[data-v-1b53221e] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.seller-search-field[data-v-1b53221e] {
  flex-shrink: 0;
}
.seller-results[data-v-1b53221e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.seller-chip[data-v-1b53221e] {
  cursor: pointer !important;
  background: #F3E8F9 !important;
  color: #7B2D8E !important;
  font-weight: 600 !important;
  border: 1px solid #E0C8F0 !important;
  transition: all .2s;
}
.seller-chip[data-v-1b53221e]:hover {
  background: #7B2D8E !important;
  color: #fff !important;
  border-color: #7B2D8E !important;
}


/* ── Layout ── */
.cart-container[data-v-ab6f4d24] { max-width: 720px;
}
.page-header[data-v-ab6f4d24] {
  background: linear-gradient(135deg, #4A1259 0%, #7B2D8E 100%);
  border-radius: 14px; padding: 18px 28px;
}
.page-title[data-v-ab6f4d24] {
  color: #fff; font-size: 22px; font-weight: 700; margin: 0;
  display: flex; align-items: center;
}

/* ── Empty State ── */
.empty-cart-card[data-v-ab6f4d24] {
  background: #fff !important;
  border-radius: 16px !important;
  border: none !important;
}
.empty-cart-text[data-v-ab6f4d24] { font-size: 20px; font-weight: 700; color: #1A1A1A;
}
.empty-cart-sub[data-v-ab6f4d24]  { font-size: 14px; color: #999;
}
.btn-go-home[data-v-ab6f4d24] {
  background: #7B2D8E !important; color: #fff !important;
  border-radius: 10px !important; height: 44px !important;
  font-weight: 600 !important;
}

/* ── Cart Item Card ── */
.cart-item-card[data-v-ab6f4d24] {
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #F0F0F0 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.05) !important;
  overflow: hidden;
}
.cart-item-row[data-v-ab6f4d24] {
  display: flex; align-items: center;
  padding: 12px 16px; gap: 12px;
}
.cart-item-img[data-v-ab6f4d24] {
  flex: 0 0 auto; cursor: pointer;
  border-radius: 8px; overflow: hidden;
  background: #FAFAFA;
}
.cart-thumb[data-v-ab6f4d24] { border-radius: 8px;
}
.cart-item-info[data-v-ab6f4d24] {
  flex: 1 1 0; min-width: 0;
}
.cart-item-title[data-v-ab6f4d24] {
  font-size: 14px; font-weight: 600; color: #1A1A1A;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  margin-bottom: 4px;
}
.cart-item-qty[data-v-ab6f4d24] { font-size: 12px; color: #999;
}
.cart-item-right[data-v-ab6f4d24] {
  flex: 0 0 auto;
  display: flex; flex-direction: column; align-items: flex-end; gap: 4px;
}
.cart-item-price[data-v-ab6f4d24] { font-size: 16px; font-weight: 700; color: #1A1A1A;
}
.cart-remove-btn[data-v-ab6f4d24] { opacity: .6; transition: opacity .2s;
}
.cart-remove-btn[data-v-ab6f4d24]:hover { opacity: 1;
}

/* ── Total Card ── */
.cart-total-card[data-v-ab6f4d24] {
  background: #fff !important;
  border-radius: 14px !important;
  border: none !important;
  padding: 20px 20px 16px;
  box-shadow: 0 2px 10px rgba(0,0,0,.07) !important;
}
.cart-total-row[data-v-ab6f4d24] {
  display: flex; align-items: center; justify-content: space-between;
}
.cart-total-label[data-v-ab6f4d24] { font-size: 16px; font-weight: 700; color: #1A1A1A;
}
.cart-total-sub[data-v-ab6f4d24]   { font-size: 13px; color: #999; margin-top: 2px;
}
.cart-total-amount[data-v-ab6f4d24] { font-size: 24px; font-weight: 700; color: #FF6000;
}
.cart-promo-hint[data-v-ab6f4d24] {
  font-size: 13px; color: #666; background: #F3E8F9;
  border-radius: 8px; padding: 8px 12px;
  display: flex; align-items: flex-start;
}

/* ── Buttons ── */
.btn-checkout[data-v-ab6f4d24] {
  background: #FF6000 !important; color: #fff !important;
  font-weight: 700 !important; font-size: 15px !important;
  height: 48px !important; border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(255,96,0,.25) !important;
}
.btn-checkout[data-v-ab6f4d24]:hover { background: #E65500 !important;
}
.btn-3d-game[data-v-ab6f4d24] {
  background: linear-gradient(135deg,#1A1A1A,#2D2D2D) !important;
  color: #fff !important; font-weight: 600 !important;
  height: 42px !important; border-radius: 8px !important;
  box-shadow: none !important;
}
.btn-quiz[data-v-ab6f4d24] {
  background: linear-gradient(135deg,#4A1259,#7B2D8E) !important;
  color: #fff !important; font-weight: 600 !important;
  height: 42px !important; border-radius: 8px !important;
  box-shadow: none !important;
}

/* ── Promo Section ── */
.promo-section[data-v-ab6f4d24] { border-top: 2px dashed #E0E0E0; padding-top: 24px;
}
.promo-section-header[data-v-ab6f4d24] {
  display: flex; align-items: center;
  font-size: 18px; font-weight: 700; color: #1A1A1A;
  margin-bottom: 4px;
}
.promo-subtitle[data-v-ab6f4d24] { font-size: 15px; font-weight: 600; color: #555;
}
.promo-info-box[data-v-ab6f4d24] {
  background: #F3E8F9;
  border-left: 3px solid #7B2D8E;
  border-radius: 0 8px 8px 0;
  padding: 10px 14px;
  font-size: 13px; color: #333;
  display: flex; align-items: flex-start;
}
.promo-warn-box[data-v-ab6f4d24] {
  background: #FFF3E0;
  border-left: 3px solid #FF6000;
  border-radius: 0 8px 8px 0;
  padding: 10px 14px;
  font-size: 13px; color: #333;
  display: flex; align-items: center;
  margin-bottom: 8px;
}
.promo-hint-text[data-v-ab6f4d24] { font-size: 13px; color: #999;
}

/* ── Promo Product Cards ── */
.promo-card[data-v-ab6f4d24] {
  border: 2px solid #EEEEEE !important;
  border-radius: 12px !important;
  cursor: pointer;
  transition: all .2s;
  overflow: hidden;
}
.promo-card[data-v-ab6f4d24]:hover { border-color: #7B2D8E !important;
}
.promo-card--selected[data-v-ab6f4d24] {
  border-color: #7B2D8E !important;
  box-shadow: 0 4px 16px rgba(123,45,142,.18) !important;
}
.promo-card--locked[data-v-ab6f4d24] { opacity: .45; pointer-events: none;
}
.promo-card-img[data-v-ab6f4d24] { transition: transform .3s;
}
.promo-card:hover .promo-card-img[data-v-ab6f4d24] { transform: scale(1.03);
}
.promo-won-overlay[data-v-ab6f4d24] {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,200,83,.75);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-weight: 700; font-size: 15px;
}
.promo-card-body[data-v-ab6f4d24] { padding: 10px 12px 12px;
}
.promo-card-title[data-v-ab6f4d24] {
  font-size: 13px; font-weight: 600; color: #1A1A1A;
  overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;
  -webkit-box-orient: vertical;
}
.promo-card-desc[data-v-ab6f4d24] {
  font-size: 11px; color: #777; margin-top: 4px;
  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
}
.promo-book-cover[data-v-ab6f4d24] {
  border-radius: 10px 10px 0 0;
}
.cart-book-icon[data-v-ab6f4d24] {
  display: flex; align-items: center; justify-content: center;
  background: #F3E8F9; border-radius: 10px;
  width: 80px; height: 80px; flex-shrink: 0;
}
.cursor-pointer[data-v-ab6f4d24] { cursor: pointer;
}
.tabs-left[data-v-ab6f4d24] .v-slide-group__content { justify-content: flex-start !important;
}
.tabs-left[data-v-ab6f4d24] .v-tab { text-transform: none;
}


.fav-container[data-v-2110cd04] { max-width: 1100px;
}
.page-header[data-v-2110cd04] {
  background: linear-gradient(135deg, #4A1259 0%, #7B2D8E 100%);
  border-radius: 14px;
  padding: 18px 28px;
}
.page-title[data-v-2110cd04] {
  color: #fff; font-size: 22px; font-weight: 700; margin: 0;
  display: flex; align-items: center;
}
.search-field[data-v-2110cd04] {
  border-radius: 8px !important;
}
.search-field[data-v-2110cd04] .v-input__slot {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.25) !important;
}
.search-field[data-v-2110cd04] input::-moz-placeholder { color: rgba(255,255,255,.5) !important;
}
.search-field[data-v-2110cd04] input::placeholder { color: rgba(255,255,255,.5) !important;
}


/* Page Layout */
.checkout-container[data-v-1e74878e] { max-width: 900px;
}
.page-header[data-v-1e74878e] {
  background: linear-gradient(135deg, #4A1259 0%, #7B2D8E 100%);
  border-radius: 14px;
  padding: 18px 28px;
}
.page-title[data-v-1e74878e] {
  color: #fff; font-size: 22px; font-weight: 700; margin: 0;
  display: flex; align-items: center;
}

/* Table */
.checkout-thumb[data-v-1e74878e] {
  height: 44px !important; width: 60px !important;
  flex: 0 0 auto; border-radius: 6px;
}
.checkout-table table[data-v-1e74878e] { table-layout: fixed; width: 100%;
}
.checkout-table th[data-v-1e74878e], .checkout-table td[data-v-1e74878e] { vertical-align: middle;
}
.checkout-table th[data-v-1e74878e] { color: #7B2D8E !important; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: .5px;
}
.checkout-cell[data-v-1e74878e] { min-width: 0;
}
.cell-flex[data-v-1e74878e] { display: flex; align-items: center; gap: 8px; min-width: 0;
}
.title-clip[data-v-1e74878e] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* Purchase Button */
.iyzico-btn[data-v-1e74878e] {
  background: linear-gradient(135deg, #4A1259 0%, #7B2D8E 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 8px 24px !important;
  min-width: 200px;
  height: 48px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  box-shadow: 0 4px 12px rgba(123,45,142,.25) !important;
}
.iyzico-btn[data-v-1e74878e]:hover { box-shadow: 0 6px 20px rgba(123,45,142,.35) !important;
}
.iyzico-btn .btn-icon[data-v-1e74878e] { color: #FF6000 !important;
}

/* Payment Logos */
.payment-logos[data-v-1e74878e] { display: flex; align-items: center; gap: 16px; opacity: .85;
}
.payment-logos img[data-v-1e74878e] { height: 28px; width: auto;
}

/* Art Section */
.art-section[data-v-1e74878e] { text-align: center; margin-top: 40px;
}
.art-title[data-v-1e74878e] { font-weight: 700; font-size: 18px; color: #1A1A1A; margin: 0 0 16px;
}
.art-title1[data-v-1e74878e] {
  color: #7B2D8E !important; font-weight: 600; font-size: 15px;
  margin: 16px 0 0; line-height: 1.6;
}
.art-title1 a[data-v-1e74878e] { color: #FF6000; font-weight: 700;
}
.art-title1 a[data-v-1e74878e]:hover { text-decoration: underline;
}
.art-link[data-v-1e74878e] { display: block;
}
.payment-note[data-v-1e74878e] { color: #7B2D8E; font-weight: 600; font-size: 13px;
}


.quiz-container[data-v-c546783a] { max-width: 720px;
}
.page-header[data-v-c546783a] {
  background: linear-gradient(135deg, #4A1259 0%, #7B2D8E 100%);
  border-radius: 14px; padding: 18px 28px;
}
.page-title[data-v-c546783a] {
  color: #fff; font-size: 22px; font-weight: 700; margin: 0;
  display: flex; align-items: center;
}

/* ── Quiz Card ── */
.quiz-card[data-v-c546783a] {
  border-radius: 16px !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.08) !important;
  overflow: hidden;
}
.quiz-header[data-v-c546783a] {
  background: linear-gradient(135deg, #4A1259 0%, #7B2D8E 100%);
  padding: 16px 20px;
  color: #fff;
}
.quiz-progress-info[data-v-c546783a] {
  display: flex; justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.quiz-current[data-v-c546783a] { font-size: 15px; font-weight: 600;
}
.quiz-timer[data-v-c546783a] {
  font-size: 14px; opacity: .9;
  background: rgba(255,255,255,.15);
  padding: 2px 8px; border-radius: 12px;
}
.quiz-progress-bars[data-v-c546783a] {
  position: relative; height: 6px;
  background: rgba(255,255,255,.2);
  border-radius: 3px;
  overflow: hidden;
}
.quiz-time-bar[data-v-c546783a] {
  position: absolute; top: 0; left: 0; height: 100%;
  background: #FF6000; border-radius: 3px;
  transition: width 0.1s linear;
}
.quiz-quiz-bar[data-v-c546783a] {
  position: absolute; top: 0; left: 0; height: 100%;
  background: #00C853; border-radius: 3px;
  transition: width 0.1s linear;
}

/* ── Content ── */
.quiz-content[data-v-c546783a] { padding: 20px 20px 16px;
}
.quiz-question[data-v-c546783a] {
  font-size: 16px; font-weight: 600; color: #1A1A1A;
  line-height: 1.5; margin-bottom: 20px;
}
.quiz-options[data-v-c546783a] { display: flex; flex-direction: column; gap: 10px;
}
.quiz-option-btn[data-v-c546783a] {
  display: flex; align-items: center;
  padding: 12px 16px;
  border: 2px solid #E0E0E0;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: all .2s;
  font-size: 14px; color: #444;
  text-align: left;
  font-family: inherit;
}
.quiz-option-btn[data-v-c546783a]:hover:not(:disabled) {
  border-color: #7B2D8E;
  background: #F3E8F9;
}
.quiz-option-btn--selected[data-v-c546783a] {
  border-color: #7B2D8E !important;
  background: #F3E8F9 !important;
  color: #7B2D8E !important;
  font-weight: 600 !important;
}
.quiz-option-btn[data-v-c546783a]:disabled { opacity: .6; cursor: not-allowed;
}
.quiz-option-letter[data-v-c546783a] {
  width: 28px; height: 28px;
  border-radius: 50%;
  background: #F0F0F0;
  color: #666;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 13px;
  margin-right: 12px;
  flex: 0 0 auto;
}
.quiz-option-btn--selected .quiz-option-letter[data-v-c546783a] {
  background: #7B2D8E; color: #fff;
}
.quiz-option-text[data-v-c546783a] { flex: 1;
}

/* ── Product Preview ── */
.quiz-product-preview[data-v-c546783a] { margin-top: 16px;
}
.quiz-product-title[data-v-c546783a] {
  font-size: 13px; font-weight: 600; color: #999;
  text-transform: uppercase; letter-spacing: .5px;
  margin-bottom: 8px;
}
.quiz-product-card[data-v-c546783a] {
  display: flex; align-items: center;
  gap: 12px;
  background: #FAFAFA;
  border: 1px solid #EEEEEE;
  border-radius: 10px;
  padding: 10px 12px;
}
.quiz-product-img-wrap[data-v-c546783a] {
  flex: 0 0 auto;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #F0F0F0;
}
.quiz-product-img[data-v-c546783a] { border-radius: 6px;
}
.quiz-product-info[data-v-c546783a] { flex: 1; min-width: 0;
}
.quiz-product-name[data-v-c546783a] {
  font-size: 13px; font-weight: 600; color: #1A1A1A;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  margin-bottom: 2px;
}
.quiz-product-desc[data-v-c546783a] {
  font-size: 12px; color: #666;
}

/* ── Actions ── */
.quiz-actions[data-v-c546783a] {
  padding: 12px 20px 20px;
  display: flex; justify-content: flex-end;
}
.btn-quit[data-v-c546783a] {
  color: #999 !important; font-weight: 500 !important;
}
.btn-results[data-v-c546783a] {
  background: linear-gradient(135deg, #4A1259, #7B2D8E) !important;
  color: #fff !important; font-weight: 600 !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(123,45,142,.3) !important;
}

/* ── Success Alert ── */
.quiz-success-alert[data-v-c546783a] {
  margin-top: 20px;
  background: #E8F5E9;
  border: 1px solid #00C853;
  border-radius: 12px;
  padding: 16px;
  display: flex; align-items: flex-start;
  gap: 12px;
}
.quiz-success-icon[data-v-c546783a] { flex: 0 0 auto;
}
.quiz-success-content[data-v-c546783a] { flex: 1;
}
.quiz-success-title[data-v-c546783a] {
  font-size: 15px; font-weight: 700; color: #00C853;
  margin-bottom: 4px;
}
.quiz-success-score[data-v-c546783a] {
  font-size: 14px; color: #1A1A1A; margin-bottom: 2px;
}
.quiz-success-desc[data-v-c546783a] {
  font-size: 13px; color: #666;
}

/* ── Submit Overlay ── */
.submit-overlay[data-v-c546783a] {
  display: flex; align-items: center; justify-content: center;
  height: 100vh;
}
.submit-overlay-card[data-v-c546783a] {
  background: #fff;
  border-radius: 16px;
  padding: 24px 32px;
  text-align: center;
  box-shadow: 0 8px 32px rgba(0,0,0,.15);
}
.submit-overlay-text[data-v-c546783a] {
  font-size: 15px; color: #444; font-weight: 500;
}
.quiz-loading[data-v-c546783a] { text-align: center; padding: 20px 0;
}
.quiz-bottom-logo[data-v-c546783a] { text-align: center;
}
@media (max-width: 600px) {
.quiz-header[data-v-c546783a] { padding: 14px 16px;
}
.quiz-content[data-v-c546783a] { padding: 16px;
}
.quiz-question[data-v-c546783a] { font-size: 15px;
}
.quiz-option-btn[data-v-c546783a] { padding: 10px 14px; font-size: 13px;
}
.quiz-option-letter[data-v-c546783a] { width: 24px; height: 24px; font-size: 12px; margin-right: 10px;
}
}


.rounded[data-v-77866464] { border-radius: 10px;
}
.admin-container[data-v-77866464] { max-width: 1400px;
}
.admin-header[data-v-77866464] {
  background: linear-gradient(135deg, #4A1259 0%, #7B2D8E 100%);
  border-radius: 14px;
  padding: 20px 28px;
}
.admin-title[data-v-77866464] {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
}
.info-banner[data-v-77866464] {
  background: #F3E8F9;
  border-left: 4px solid #7B2D8E;
  border-radius: 0 8px 8px 0;
  padding: 12px 16px;
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
}


.example[data-v-8c84af1c] {
  background: #f7f7f7;
  border-radius: 8px;
  overflow: auto;
}
.rounded[data-v-8c84af1c] { border-radius: 10px;
}
.admin-container[data-v-8c84af1c] { max-width: 1400px;
}
.admin-header[data-v-8c84af1c] {
  background: linear-gradient(135deg, #4A1259 0%, #7B2D8E 100%);
  border-radius: 14px;
  padding: 20px 28px;
}
.admin-title[data-v-8c84af1c] {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
}