.create-listing-page{background-color:var(--primaryBackgroundColor);min-height:70vh;color:var(--primaryTextColor);flex-direction:column;align-items:center;display:flex}.create-listing-form{flex-direction:column;flex:auto;gap:16px;display:flex;position:relative}.step{flex-direction:column;flex:auto;width:70%;min-height:0;display:flex;overflow:hidden}.step>.fixed-footer{margin-top:auto;position:static}@media (min-width:1024px){.create-listing-page{width:100%}}.step-content{flex:auto;margin-bottom:0;overflow-y:auto}.step-content:after{content:"";background:linear-gradient(to bottom,transparent,var(--primaryBackgroundColor));pointer-events:none;width:100%;height:20px;position:absolute;bottom:0;left:0}.step-navigation{justify-content:space-between;margin-top:10px;display:flex;position:relative}.step-navigation button{cursor:pointer;background-color:var(--primaryButtonColor);color:var(--secondaryButtonTextColor);border:none;border-radius:5px;padding:10px 20px;font-size:16px;transition:background-color .3s ease-in-out}.form-group{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;max-width:100%;margin-bottom:8px;display:flex}.form-group label{color:var(--primaryTextColor);font-weight:700}.form-group input,.form-group textarea,.form-group select{border-radius:var(--defaultBorderRadius);border:1px solid #ccc;padding:8px;font-size:16px}.form-group textarea{resize:vertical}.submit-button{background-color:var(--primaryButtonColor);color:var(--secondaryButtonTextColor);border-radius:var(--defaultBorderRadius);cursor:pointer;border:none;padding:12px 20px;font-size:16px;font-weight:700}.submit-button:hover{background-color:var(--primaryButtonHoverColor)}.image-upload-container{background-color:var(--secondaryBackgroundColor);border:2px dashed var(--primaryButtonColor);border-radius:var(--defaultBorderRadius);text-align:center;cursor:pointer;flex-direction:column;gap:16px;padding:16px;transition:border-color .3s;display:flex}.image-upload-container:hover{border-color:var(--primaryButtonHoverColor)}.image-preview-container{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.image-preview{border-radius:var(--thumbnailBorderRadius);width:100px;height:100px;position:relative;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.image-preview img{object-fit:cover;width:100%;height:100%}.image-delete-button{background-color:var(--primaryButtonColor);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:background-color .3s;display:flex;position:absolute;top:4px;right:4px}.image-delete-button:hover{background-color:var(--primaryButtonHoverColor)}.progress-bar-container{background-color:#f0f0f0;border-radius:5px;width:100%;height:10px;overflow:hidden}.progress-bar{background-color:#4caf50;height:100%;transition:width .4s ease-in-out}.step-header{text-align:center;margin-bottom:20px}.step-header h2{color:#333;margin-bottom:5px;font-size:24px}.step-header p{color:#666;font-size:16px}.step-navigation{justify-content:space-between;margin-top:20px;display:flex}.step-navigation button{cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-size:16px;transition:background-color .3s ease-in-out}.step-navigation button:hover{color:#fff;background-color:#4caf50}.summary{background-color:#f9f9f9;border-radius:10px;margin-bottom:20px;padding:20px}.summary h3{margin-bottom:10px;font-size:20px}.summary p{color:#333;font-size:16px}.create-listing-page .switch{vertical-align:middle;width:50px;height:24px;margin-left:10px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:4px}.switch input:checked+.slider:before{transform:translate(26px)}.switch-label{color:var(--primaryTextColor);align-items:center;gap:10px;font-size:16px;display:flex}.form-group-row{align-items:flex-start;gap:20px;display:flex}.form-group-row .form-group{box-sizing:border-box;flex:50%}input[type=text],input[type=number]{box-sizing:border-box;width:100%}.bank-account-inputs{box-sizing:border-box;align-items:center;width:100%;max-width:100%;display:flex}#bankAccountPrefix{box-sizing:border-box;flex:0 0 65%;max-width:65%}#bankAccountSuffix{box-sizing:border-box;flex:0 0 30%;max-width:30%}.bank-account-inputs span{text-align:center;box-sizing:border-box;flex:0 0 5%;font-size:16px}.delivery-options-container{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.delivery-option{cursor:pointer;background-color:#fff;border:2px solid #ddd;border-radius:5px;align-items:center;width:100%;max-width:400px;height:50px;padding:5px 10px;transition:border-color .3s,box-shadow .3s;display:flex}.delivery-option.selected{background-color:#f0f8ff;border-color:#007bff;box-shadow:0 4px 10px rgba(0,123,255,.2)}.delivery-image{object-fit:contain;flex-shrink:0;width:40px;height:40px;margin-right:10px}.delivery-name{color:#333;text-align:left;flex-grow:1;font-size:14px;font-weight:500}.hidden-checkbox{display:none}.weight-slider-container{flex-direction:column;align-items:center;gap:10px;display:flex}.weight-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ddd;border-radius:5px;outline:none;width:100%;max-width:300px;height:8px;transition:background .3s}.weight-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#007bff;border-radius:50%;width:20px;height:20px;transition:background .3s}.weight-slider::-webkit-slider-thumb:hover{background:#0056b3}.weight-slider::-moz-range-thumb{cursor:pointer;background:#007bff;border-radius:50%;width:20px;height:20px;transition:background .3s}.weight-slider::-moz-range-thumb:hover{background:#0056b3}.weight-labels{color:#555;justify-content:space-between;width:100%;max-width:300px;font-size:14px;display:flex}.create-listing-page .phone-input-container{align-items:center;gap:5px;width:100%;max-width:400px;display:flex}.create-listing-page .phone-prefix{border-radius:var(--defaultBorderRadius);text-align:center;color:#333;box-sizing:border-box;background-color:#f9f9f9;border:1px solid #ddd;flex:0 0 20%;max-width:20%;height:40px;padding:8px;font-weight:700}.create-listing-page .phone-number{border-radius:var(--defaultBorderRadius);color:#333;box-sizing:border-box;background-color:#fff;border:1px solid #ddd;flex:1;height:40px;padding:8px;font-size:16px}.summary-container{border-radius:12px;flex-direction:column;padding:1px;display:flex}.summary-section h3{color:#333;margin-bottom:10px;font-size:18px;font-weight:600}.info-card{color:#333;background-color:#f9f9f9;border:1px solid #e6e6e6;border-radius:8px;padding:15px;font-size:14px;line-height:1.6}.delivery-info-list{flex-wrap:wrap;gap:10px;padding:10px 0;display:flex}.delivery-info-item{object-fit:contain;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.image-preview-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px;display:grid}.image-preview img{object-fit:contain;border:1px solid #e6e6e6;border-radius:8px;width:100px;height:100px}.error-message{color:#e74c3c;margin-top:5px;font-size:12px;display:block}.services-list{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;padding:0;display:flex}@media (max-width:767px){.create-listing-page{padding:20px}.step>.fixed-footer{z-index:40;background:var(--primaryBackgroundColor);padding:12px 16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px rgba(0,0,0,.06)}.step .step-content{padding-bottom:80px}.step{width:100%}.service-item{padding:8px 10px}}.service-item{box-sizing:border-box;background:0 0;border-radius:6px;grid-template-columns:auto 1fr auto minmax(70px,120px);align-items:center;gap:12px;width:100%;display:grid}.service-name{color:var(--primaryTextColor);grid-column:2/3}.service-name,.booster-label,.item-label{align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.info-icon{width:20px;height:20px;color:var(--primaryButtonColor);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:6px;padding:0;display:inline-flex}.info-icon svg{width:16px;height:16px;display:block}.service-price{color:var(--primaryTextColor);text-align:right;grid-column:4/5;font-weight:600}.booster-block{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.booster-label{color:var(--primaryTextColor);grid-column:2/3}.booster-block .service-item{box-sizing:border-box;grid-template-columns:auto 1fr auto minmax(70px,120px);align-items:center;gap:12px;width:100%;display:grid}.booster-price{color:var(--primaryTextColor);text-align:right;grid-column:4/5;font-weight:600}.booster-change-inline{color:var(--primaryButtonColor);cursor:pointer;background:0 0;border:none;grid-column:3/4;padding:0 6px;font-size:14px;text-decoration:underline}.booster-change-inline:hover{color:var(--primaryButtonHoverColor)}.booster-dropdown{box-sizing:border-box;width:100%;margin-top:8px;padding-left:0}.booster-dropdown .dropdown-container{box-sizing:border-box;width:100%;position:static}.booster-dropdown .dropdown-list{z-index:50;max-height:220px;overflow-y:auto;box-shadow:none!important;border-radius:6px!important;margin-top:6px!important;position:static!important}.fees-simple{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;margin-bottom:10px;padding:12px}.fees-simple h3{margin:0 0 8px;font-size:.95rem;font-weight:600}.fees-bar{background:#e0e0e0;border-radius:6px;width:100%;height:10px;margin:6px 0 10px;display:flex;overflow:hidden}.fees-bar__seg{height:100%}.fees-bar__seg--payout{background:#4caf50}.fees-bar__seg--fee{background:#ff9800}.fees-rows{flex-direction:column;gap:6px;display:flex}.fees-row{justify-content:space-between;align-items:baseline;gap:8px;font-size:.95rem;display:flex}.fees-row--strong{font-weight:700}.fees-row--divider{border-top:1px solid rgba(0,0,0,.06);height:0;margin:4px 0}.fees-label{color:var(--primaryTextColor,#333)}.fees-value{text-align:right;white-space:nowrap}.fees-muted{color:var(--muted-text,#666);margin-left:4px;font-weight:400}.fees-help{color:var(--muted-text,#666);margin-top:8px;font-size:.85rem}@media (max-width:480px){.fees-row{font-size:.9rem}.fees-bar{height:8px}}.fees-details{border-top:1px dashed rgba(0,0,0,.08);margin-top:6px;padding-top:6px}.fees-details summary{cursor:pointer;align-items:center;gap:6px;padding:6px 0;list-style:none;display:flex}.fees-details summary::-webkit-details-marker{display:none}.fees-details[open] .fees-caret{transform:rotate(90deg)}.fees-caret{transition:transform .2s}.fees-details-title{color:var(--primaryTextColor,#333);font-size:.92rem;text-decoration:underline}.fees-details-body{background:#fafafa;border:1px solid rgba(0,0,0,.06);border-radius:6px;margin-top:8px;padding:8px}.fees-mini-row{justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;font-size:.92rem;display:flex}.fees-mini-total{border-top:1px solid rgba(0,0,0,.06);margin-top:4px;padding-top:6px;font-weight:700}.fees-mini-label{color:var(--primaryTextColor,#333)}.fees-mini-value{white-space:nowrap}.fees-mini-note{color:var(--muted-text,#666)}.fees-explain{color:var(--muted-text,#666);margin:8px 0 0;font-size:.85rem}.summary-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;margin-bottom:10px;padding:10px 12px;box-shadow:0 1px rgba(0,0,0,.02)}.summary-card .summary-header{margin-bottom:6px;font-weight:700}.summary-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.summary-row.small-muted{color:var(--muted-text,#666);font-size:.9rem}.summary-total{border-top:1px solid rgba(0,0,0,.06);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;font-weight:700;display:flex}.summary-value.total-value{font-size:1.05rem}.summary-total.payout-total .total-value{color:var(--primary,#111)}.summary-note{margin-top:6px;font-size:.85rem}.sub-headline{color:var(--primaryTextColor,#333);margin:12px 0 6px;font-size:.95rem;font-weight:600}.advanced-price-settings{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;margin-bottom:10px;padding:8px 12px}.advanced-price-settings summary{cursor:pointer;padding:6px 0;font-weight:600;list-style:none}.advanced-price-settings summary::-webkit-details-marker{display:none}.advanced-price-settings .advanced-caret{margin-left:8px;transition:transform .18s;display:inline-block}.advanced-price-settings[open] .advanced-caret{transform:rotate(90deg)}.advanced-price-settings .advanced-price-body{background:#fafafa;border:1px solid rgba(0,0,0,.04);border-radius:6px;flex-direction:column;gap:10px;margin-top:8px;padding:10px;display:flex}.advanced-price-settings .form-group label{font-weight:600}.advanced-price-settings input[type=text]{padding:8px}