.storak-fam{max-width:1050px;margin:30px auto;padding:28px;background:#fff;border:1px solid #e7e9ee;border-radius:20px;box-shadow:0 15px 50px rgba(20,30,50,.08);font-family:inherit;color:#182033}
.storak-fam *{box-sizing:border-box}
.storak-fam-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}
.storak-fam-head>div:first-child>span{font-size:13px;color:#7657ff;font-weight:700}
.storak-fam-head h2{margin:5px 0;font-size:28px}
.storak-fam-head p,.title p,.note,.price-note{margin:0;color:#737b8d;font-size:14px}
.counter{min-width:72px;height:72px;border-radius:18px;background:#f5f2ff;display:flex;align-items:center;justify-content:center;font-size:14px;color:#6d55e8}
.counter b{font-size:28px;margin-left:4px}
.progress{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:28px}
.progress-item{padding:10px 6px;text-align:center;color:#9aa1af;border-bottom:2px solid #e8eaf0;font-size:12px}
.progress-item span{display:inline-flex;width:27px;height:27px;border-radius:50%;align-items:center;justify-content:center;background:#f1f2f5;margin-bottom:5px}
.progress-item.active,.progress-item.done{color:#6d55e8;border-bottom-color:#6d55e8}
.progress-item.active span,.progress-item.done span{background:#6d55e8;color:#fff}
.step{display:none}.step.active{display:block}
.title{display:flex;gap:14px;align-items:center;margin-bottom:22px}
.title>i{width:46px;height:46px;border-radius:14px;background:#f4f1ff;color:#6d55e8;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800}
.title h3{margin:0 0 4px;font-size:20px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
label{display:block;font-weight:650;font-size:14px;margin-bottom:16px}
label em{color:#e33;font-style:normal}
input,select,textarea{width:100%;margin-top:7px;border:1px solid #dfe3eb!important;border-radius:12px!important;padding:13px 14px!important;background:#fff!important;color:#182033!important;outline:none}
input:focus,select:focus,textarea:focus{border-color:#8066ff!important;box-shadow:0 0 0 3px rgba(128,102,255,.10)}
.price-input{position:relative}
.price-input input{padding-left:85px!important}
.currency-label{position:absolute;left:10px;top:50%;transform:translateY(-16%);background:#f3f1ff;color:#6852d9;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:700}
.price-note{background:#fafaff;border:1px solid #ebe8ff;padding:12px;border-radius:10px;margin:-2px 0 17px}
.note{margin-top:12px;background:#f7f8fa;border-radius:10px;padding:12px}
.currency-box{display:inline-block;margin:3px 0 15px;padding:10px 14px;background:#f4f1ff;color:#5f4ac8;border-radius:10px;font-size:14px}
.cat-row{margin-bottom:14px}
.attr-search{position:relative}
#attr-results{display:none;position:absolute;z-index:20;width:100%;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.10);overflow:hidden}
.attr-item{padding:12px 14px;cursor:pointer;border-bottom:1px solid #f0f0f0}
.attr-item:hover{background:#f6f3ff}
.attr-card{border:1px solid #e4e6ec;border-radius:14px;padding:14px;margin-top:12px}
.attr-card-head{display:flex;justify-content:space-between;align-items:center}
.attr-remove{border:0;background:#fff0f0;color:#c33;border-radius:8px;padding:6px 10px;cursor:pointer}
.attr-values{min-height:90px}
.upload{border:2px dashed #dcd8f8;border-radius:16px;padding:28px;text-align:center;background:#faf9ff;cursor:pointer}
.upload input{display:none}
.upload strong{display:block;color:#6d55e8;font-size:16px}.upload small{display:block;margin-top:7px;color:#8b92a1}
.image-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.image-preview img{width:92px;height:92px;object-fit:cover;border-radius:12px;border:1px solid #e3e5eb}
.summary{margin-top:18px;background:#f8f9fb;border-radius:14px;padding:16px;line-height:2}
.actions{display:flex;gap:10px;margin-top:25px}
.btn{display:inline-flex!important;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 20px;text-decoration:none!important;cursor:pointer;font-weight:700;min-height:45px}
.btn.primary{background:#6d55e8;color:#fff!important}.btn.secondary{background:#f0f1f5;color:#252b38!important}
.actions .secondary{margin-left:auto}
.form-msg{margin-top:14px;padding:10px 12px;border-radius:10px;display:none}.form-msg.ok{display:block;background:#ebf8ef;color:#23733d}.form-msg.err{display:block;background:#fff0f0;color:#a52b2b}
.storak-success{text-align:center;padding:45px 20px}.success-icon{width:72px;height:72px;border-radius:50%;background:#eaf8ef;color:#26964b;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;margin:0 auto 15px}.storak-success h3{font-size:25px;margin:8px 0}.storak-success p{color:#737b8d}.success-actions{display:flex;gap:12px;justify-content:center;margin-top:25px}
.storak-my-ads{max-width:1050px;margin:30px auto}.my-ads-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.my-ads-head h2{margin:4px 0}.my-ads-head p{margin:0;color:#737b8d}.my-ads-head>div>span{color:#6d55e8;font-size:13px;font-weight:700}.ads-list{display:grid;gap:12px}.ad-row{display:flex;align-items:center;gap:15px;padding:13px;border:1px solid #e7e9ee;border-radius:15px;background:#fff}.ad-thumb{width:85px;height:75px;border-radius:10px;background:#f1f2f4;overflow:hidden;flex:none}.ad-thumb img{width:100%;height:100%;object-fit:cover}.ad-info{flex:1}.ad-info h3{margin:0 0 5px;font-size:16px}.ad-price{font-weight:800;color:#5542bf}.ad-price del{color:#999;font-weight:500;margin-right:8px}.ad-info small{color:#8b92a1}.btn.small{padding:9px 13px;min-height:38px}.empty-ads{padding:40px;text-align:center;border:1px dashed #d9dce4;border-radius:15px;color:#777}
.storak-fam-message{padding:15px;border-radius:12px}.storak-fam-message.error{background:#fff0f0;color:#9b2525}
@media(max-width:700px){.storak-fam{padding:18px;margin:15px}.progress{grid-template-columns:repeat(3,1fr)}.progress-item b{display:none}.grid{grid-template-columns:1fr}.storak-fam-head{align-items:flex-start}.counter{min-width:60px;height:60px}.actions{flex-wrap:wrap}.actions .secondary{margin-left:0}.actions .btn{flex:1}.success-actions,.my-ads-head{flex-direction:column}.success-actions .btn,.my-ads-head .btn{width:100%}.ad-row{align-items:flex-start}.ad-row>.btn{margin-right:auto}.ad-thumb{width:65px;height:65px}}

/* v1.5 category / tag / attribute checkbox UI */
.category-picker,
.tags-picker{margin-top:4px}
.category-levels{margin-top:4px}
.category-children{margin:12px 0 0 0;padding:14px 16px;border:1px solid #eceef3;border-radius:14px;background:#fafbfc}
.nested-category{margin-top:10px;width:100%}
.category-level-title{font-size:13px;font-weight:800;color:#6d55e8;margin-bottom:10px}
.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.check-card{position:relative;display:flex;align-items:center;gap:10px;margin:0!important;padding:12px 13px;border:1px solid #e1e4eb;border-radius:12px;background:#fff;cursor:pointer;font-weight:600!important;font-size:13px!important;transition:.18s ease}
.check-card:hover{border-color:#b9aef6;background:#fbfaff}
.check-card input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important}
.fake-check{width:19px;height:19px;flex:0 0 19px;border:2px solid #cdd2dc;border-radius:5px;background:#fff;position:relative}
.check-card input:checked + .fake-check{border-color:#6d55e8;background:#6d55e8}
.check-card input:checked + .fake-check:after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:900}
.check-card input:checked ~ .check-text{color:#5e49cf}
.check-text{line-height:1.45}
.section-mini-head{display:flex;align-items:baseline;gap:10px;margin:25px 0 10px}
.section-mini-head strong{font-size:16px}
.section-mini-head span{font-size:12px;color:#858c9b}
.tag-search{position:relative}
.tag-results{display:none;position:absolute;z-index:30;top:calc(100% + 6px);right:0;left:0;max-height:280px;overflow:auto;background:#fff;border:1px solid #e0e3ea;border-radius:14px;padding:8px;box-shadow:0 15px 35px rgba(20,30,50,.12)}
.tag-result{margin-bottom:6px!important}
.tag-result:last-child{margin-bottom:0!important}
.tag-empty{padding:12px;color:#777;text-align:center;font-size:13px}
.selected-tags{margin-top:12px}
.selected-tag-chip{display:inline-flex!important;align-items:center;gap:7px!important;width:auto!important;margin:0 7px 7px 0!important;padding:8px 11px!important;border-radius:999px!important;background:#f3f0ff!important;border:1px solid #ddd7ff!important;color:#5e49cf!important;font-size:12px!important;font-weight:700!important;cursor:pointer}
.selected-tag-chip input{position:static!important;width:auto!important;margin:0!important;padding:0!important}
.attr-card{background:#fbfbfd;border:1px solid #e5e7ee;border-radius:14px;margin:12px 0;overflow:hidden}
.attr-card-head{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border-bottom:1px solid #eceef3}
.attr-toggle{display:flex;align-items:center;gap:9px;flex:1;min-width:0;border:0;background:transparent;padding:7px 5px;cursor:pointer;text-align:right;color:#252b38}
.attr-toggle strong{font-size:14px;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attr-toggle-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:#f1efff;color:#6d55e8;font-size:15px;font-weight:900;line-height:1}
.attr-selected-count{font-size:11px;color:#6d55e8;font-weight:700;white-space:nowrap}
.attr-remove{border:0;background:#fff0f0;color:#b33a3a;border-radius:8px;padding:7px 9px;cursor:pointer;font-weight:700;font-size:11px}
.attr-values-wrap{padding:0 14px 14px}
.attr-card:not(.is-open) .attr-values-wrap{display:none}
.attr-values{margin-top:14px}
.attr-values.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.attr-loading{padding:12px;color:#777;font-size:13px}
@media(max-width:700px){
    .checkbox-grid,.attr-values.checkbox-grid{grid-template-columns:1fr}
    .category-children{padding:12px}
}

/* v1.7 category nesting fix + optional sale price */
.optional{font-size:12px;color:#8a91a0;font-weight:600}
.price-input input::placeholder{color:#a1a7b2}
.category-checkbox-grid{align-items:start}
.category-option{min-width:0}
.category-row{width:100%}
.nested-category{width:100%;grid-column:1 / -1;margin:10px 0 0}
.category-option > .nested-category .category-children{margin-top:0}
.category-option > .nested-category .checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.category-option{display:block}
@media(max-width:700px){.category-option > .nested-category .checkbox-grid{grid-template-columns:1fr}}
\n\n/* v1.8 price-field polish */\n.price-input input[type="number"]{\n    -moz-appearance:textfield!important;\n    appearance:textfield!important;\n    padding-left:14px!important;\n    padding-right:14px!important;\n}\n.price-input input[type="number"]::-webkit-inner-spin-button,\n.price-input input[type="number"]::-webkit-outer-spin-button{\n    -webkit-appearance:none!important;\n    margin:0!important;\n}\n.currency-label{\n    display:none;\n    min-width:36px;\n    text-align:center;\n}\n.currency-label.is-visible{display:inline-block}\n.price-note{line-height:1.8}\n@media(max-width:700px){\n    .price-input input[type="number"]{padding-left:14px!important;padding-right:14px!important}\n}\n