
/* Kombin parçaları — one row per piece (size select / checkbox) + add-all button.
   In KombinDrawer (sticky footer) and inline (.kd--inline). */

.cc_oPYVpgsSq2_qCF2Rvf87a .kd, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd, .cc_oPYVpgsSq2_APfMi3FPHZ .kd {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-intro, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-intro, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-intro, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-intro {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-small);
  line-height: 1.6;
  color: var(--color-text-secondary);
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-list, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-list, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-list, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-row, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-row, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-row, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-row {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: var(--space-sm);
  padding: var(--space-sm) 0;
  border-bottom: 1px solid var(--color-border);
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-row:last-child, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-row:last-child, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-row:last-child, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-row:last-child { border-bottom: none; }

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-media, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-media, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-media, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-media {
  display: block;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  background: var(--color-surface-alt);
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-media img, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-media img, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-media img, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-media img, .cc_oPYVpgsSq2_qCF2Rvf87a .kd-media-empty, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-media-empty, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-media-empty, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-media-empty {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-body, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-body, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-body, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  min-width: 0;
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-name, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-name, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-name, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-name {
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  line-height: 1.3;
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-name:hover, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-name:hover, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-name:hover, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-name:hover { text-decoration: underline; text-underline-offset: 3px; }

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-prices, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-prices, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-prices, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-prices {
  display: flex;
  align-items: baseline;
  gap: var(--space-xs);
  font-family: var(--font-body);
  font-size: var(--text-small);
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-price, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-price, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-price, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-price { font-weight: 600; }
.cc_oPYVpgsSq2_qCF2Rvf87a .kd-price--sale, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-price--sale, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-price--sale, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-price--sale { color: var(--color-sale); }
.cc_oPYVpgsSq2_qCF2Rvf87a .kd-price--old, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-price--old, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-price--old, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-price--old { color: var(--color-text-secondary); text-decoration: line-through; }

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-select-wrap, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-select-wrap, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-select-wrap, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-select-wrap {
  position: relative;
  display: block;
  margin-top: auto;
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-select, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-select, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-select, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-select {
  width: 100%;
  height: 44px;
  padding: 0 40px 0 14px;
  appearance: none;
  -webkit-appearance: none;
  background: var(--color-surface);
  border: 1px solid var(--color-gray-300);
  color: var(--color-text-primary);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: 500;
  cursor: pointer;
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-select:focus-visible, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-select:focus-visible, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-select:focus-visible, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-select:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.cc_oPYVpgsSq2_qCF2Rvf87a .is-chosen .kd-select, .cc_oPYVpgsSq2_TsJ1CHq5KK .is-chosen .kd-select, .cc_oPYVpgsSq2_UAmRp4UmRJ .is-chosen .kd-select, .cc_oPYVpgsSq2_APfMi3FPHZ .is-chosen .kd-select { border-color: var(--color-text-primary); }

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-select-icon, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-select-icon, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-select-icon, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-select-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-check, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-check, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-check, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-check {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  margin-top: auto;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: var(--text-small);
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-check input, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-check input, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-check input, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-check input { position: absolute; opacity: 0; width: 1px; height: 1px; }

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-check-box, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-check-box, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-check-box, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-check-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1px solid var(--color-gray-300);
  background: var(--color-surface);
  color: var(--color-accent-contrast);
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-check input:checked + .kd-check-box, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-check input:checked + .kd-check-box, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-check input:checked + .kd-check-box, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-check input:checked + .kd-check-box { background: var(--color-accent); border-color: var(--color-accent); }
.cc_oPYVpgsSq2_qCF2Rvf87a .kd-check input:disabled ~ .kd-check-label, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-check input:disabled ~ .kd-check-label, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-check input:disabled ~ .kd-check-label, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-check input:disabled ~ .kd-check-label { color: var(--color-text-muted); }

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-footer, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-footer, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-footer, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-footer {
  position: sticky;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-top: var(--space-sm);
  background: var(--color-surface);
  /* sticky stops above the drawer body's bottom padding; paint that strip too,
     otherwise the rows scroll by visibly underneath the button */
  box-shadow: 0 calc(var(--space-lg) + env(safe-area-inset-bottom, 0px)) 0 0 var(--color-surface);
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-note, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-note, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-note, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-note {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-small);
}
.cc_oPYVpgsSq2_qCF2Rvf87a .kd-note--error, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-note--error, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-note--error, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-note--error { color: var(--color-error); }
.cc_oPYVpgsSq2_qCF2Rvf87a .kd-note--ok, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-note--ok, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-note--ok, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-note--ok { color: var(--color-success); }

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-add, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-add, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-add, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  padding: 0 var(--space-md);
  background: var(--color-accent);
  border: none;
  color: var(--color-accent-contrast);
  cursor: pointer;
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  transition: background 150ms ease;
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-add:hover:not(:disabled), .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-add:hover:not(:disabled), .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-add:hover:not(:disabled), .cc_oPYVpgsSq2_APfMi3FPHZ .kd-add:hover:not(:disabled) { background: var(--color-accent-dark); }
.cc_oPYVpgsSq2_qCF2Rvf87a .kd-add:disabled, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-add:disabled, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-add:disabled, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-add:disabled { background: var(--color-gray-300); cursor: default; }

.cc_oPYVpgsSq2_qCF2Rvf87a .kd--inline .kd-footer, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd--inline .kd-footer, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd--inline .kd-footer, .cc_oPYVpgsSq2_APfMi3FPHZ .kd--inline .kd-footer { position: static; padding-top: var(--space-sm); background: transparent; box-shadow: none; }

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-total, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-total, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-total, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-sm);
  margin: 0 0 var(--space-xs);
  font-family: var(--font-body);
  font-size: var(--text-body);
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-total-label, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-total-label, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-total-label, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-total-label {
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-total-value, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-total-value, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-total-value, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-total-value {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-xs);
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-share, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-share, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-share, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-share {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  align-self: center;
  margin: var(--space-xs) 0 0;
  padding: 6px 4px;
  border: 0;
  background: transparent;
  color: var(--color-text-primary);
  cursor: pointer;
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.cc_oPYVpgsSq2_qCF2Rvf87a .kd-share:hover, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-share:hover, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-share:hover, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-share:hover { color: var(--color-clay); }
.cc_oPYVpgsSq2_qCF2Rvf87a .kd-share:focus-visible, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-share:focus-visible, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-share:focus-visible, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-share:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }

@media (min-width: 768px) {
  .cc_oPYVpgsSq2_qCF2Rvf87a .kd-row, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-row, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-row, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-row { grid-template-columns: 120px minmax(0, 1fr); gap: var(--space-md); }
}

@media (prefers-reduced-motion: reduce) {
  .cc_oPYVpgsSq2_qCF2Rvf87a .kd-add, .cc_oPYVpgsSq2_TsJ1CHq5KK .kd-add, .cc_oPYVpgsSq2_UAmRp4UmRJ .kd-add, .cc_oPYVpgsSq2_APfMi3FPHZ .kd-add { transition: none; }
}
