/* KwiatAnki – kreator bukietu */
.ka-kreator-wrap { container-type: inline-size; container-name: kakreator; }
.ka-kreator { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 28px; align-items: start; color: var(--ka-tx,#f3eee8); font-family: inherit; }
.ka-kreator * { box-sizing: border-box; }
.ka-kreator__stage { position: sticky; top: 90px; padding: 20px; border-radius: calc(22px * var(--ka-rs, 1)); border: 1px solid rgba(var(--ka-ln-rgb,255,255,255),.08); background: radial-gradient(90% 70% at 50% 35%, rgba(var(--ka-c1-rgb,224,72,95),.2), transparent 70%), var(--ka-s1,#121212); }
.ka-kreator__svg { display: block; width: 100%; height: auto; }
.ka-kreator__bouquet { transform-box: view-box; transform-origin: 140px 262px; animation: kk-sway 6s ease-in-out infinite; }
@keyframes kk-sway { 0%, 100% { transform: rotate(-1.2deg); } 50% { transform: rotate(1.2deg); } }
.ka-kreator__paper { transition: fill .4s ease; }
.ka-kreator__empty { fill: rgba(var(--ka-tx-rgb,243,238,232),.45); font-size: 13px; font-family: inherit; }
.ka-kb { transform-box: fill-box; transform-origin: center; }
.ka-kb.is-new { animation: kk-pop .5s cubic-bezier(.2, .9, .3, 1.6) both; }
@keyframes kk-pop { from { transform: scale(0) rotate(-90deg); opacity: 0; } to { transform: none; opacity: 1; } }
.ka-kreator__sum { display: flex; justify-content: space-between; align-items: baseline; margin-top: 10px; padding-top: 12px; border-top: 1px dotted rgba(255, 255, 255, .25); }
.ka-kreator__count { font-size: 15px; color: rgba(var(--ka-tx-rgb,243,238,232),.75); }
.ka-kreator__count strong { font-size: 30px; color: var(--ka-hd,#fff); margin-right: 4px; }
.ka-kreator__price { font-size: 24px; font-weight: 700; color: var(--ka-c1,#e0485f); }

.ka-kreator__h { margin: 0 0 12px !important; font-size: 18px; font-weight: 600; color: var(--ka-hd,#fff) !important; text-transform: none; letter-spacing: 0; }
.ka-kreator__h:not(:first-child) { margin-top: 26px !important; }
.ka-kreator__flowers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ka-kreator__flower { display: grid; grid-template-columns: 26px 1fr auto; gap: 10px; align-items: center; padding: 10px 10px 10px 12px; border-radius: calc(14px * var(--ka-rs, 1)); border: 1px solid rgba(var(--ka-ln-rgb,255,255,255),.09); background: var(--ka-s1,#151515); transition: border-color .2s ease, background .2s ease; }
.ka-kreator__flower.is-on { border-color: rgba(var(--ka-c1-rgb,224,72,95),.7); background: linear-gradient(110deg, rgba(var(--ka-c1-rgb,224,72,95),.14), var(--ka-s1,#151515) 70%); }
.ka-kreator__dot { width: 22px; height: 22px; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 5px rgba(0, 0, 0, .12), 0 0 0 2px rgba(var(--ka-ln-rgb,255,255,255),.08); }
.ka-kreator__name { display: flex; flex-direction: column; min-width: 0; font-size: 14px; line-height: 1.3; }
.ka-kreator__name small { font-size: 12px; color: var(--ka-c1,#e0485f); }
.ka-kreator__name small .amount { color: inherit; }
.ka-kreator__qty { display: flex; align-items: center; gap: 4px; }
.ka-kreator__qty output { min-width: 22px; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }
.ka-kreator__qty button { width: 30px; height: 30px; margin: 0; padding: 0; border-radius: 50% !important; border: 1px solid rgba(255, 255, 255, .2) !important; background: transparent !important; color: #fff !important; font-size: 17px; line-height: 1; cursor: pointer; box-shadow: none !important; transition: background .2s ease, transform .15s ease; }
.ka-kreator__qty button:hover:not(:disabled) { background: var(--ka-c1,#e0485f) !important; border-color: var(--ka-c1,#e0485f) !important; }
.ka-kreator__qty button:active:not(:disabled) { transform: scale(.9); }
.ka-kreator__qty button:disabled { opacity: .3; cursor: default; }

.ka-kreator__papers { display: flex; flex-wrap: wrap; gap: 8px; }
.ka-kreator__paperopt { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 8px 12px; border-radius: calc(12px * var(--ka-rs, 1)); border: 1px solid rgba(var(--ka-ln-rgb,255,255,255),.12); background: var(--ka-s1,#151515); cursor: pointer; font-size: 13px; }
.ka-kreator__paperopt input { position: absolute; opacity: 0; pointer-events: none; }
.ka-kreator__paperopt span { width: 18px; height: 18px; border-radius: 5px; background: var(--c); border: 1px solid rgba(255, 255, 255, .25); }
.ka-kreator__paperopt small { opacity: .7; }
.ka-kreator__paperopt:has(input:checked) { border-color: var(--ka-c1,#e0485f); box-shadow: inset 0 0 0 1px var(--ka-c1,#e0485f); }
.ka-kreator__note { margin: 14px 0 !important; font-size: 13px; color: rgba(var(--ka-tx-rgb,243,238,232),.6); }
.ka-kreator__btn { width: 100%; padding: 16px 20px !important; border-radius: calc(14px * var(--ka-rs, 1)) !important; background: var(--ka-c1,#e0485f) !important; color: var(--ka-on-c1,#fff) !important; font-weight: 700 !important; font-size: 15px !important; border: 0 !important; }
.ka-kreator__btn:disabled { opacity: .45; cursor: not-allowed; }
.ka-kreator .ka-termin { margin: 0; }

@container kakreator (max-width: 820px) {
	.ka-kreator { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.ka-kreator__stage { position: sticky; top: 0; z-index: 5; padding: 10px 14px; display: grid; grid-template-columns: 110px 1fr; align-items: center; gap: 12px; }
	.ka-kreator__sum { flex-direction: column; align-items: flex-start; gap: 2px; margin: 0; padding: 0; border: 0; }
	.ka-kreator__price { font-size: 20px; }
}
@container kakreator (max-width: 560px) { .ka-kreator__flowers { grid-template-columns: minmax(0, 1fr); } }
@supports not (container-type: inline-size) {
	@media (max-width: 900px) { .ka-kreator { grid-template-columns: minmax(0, 1fr); } .ka-kreator__flowers { grid-template-columns: minmax(0, 1fr); } }
}
@media (prefers-reduced-motion: reduce) { .ka-kreator * { animation: none !important; } }
