:root {--famuzo-primary:#fe8c00; --famuzo-primary-gradient:linear-gradient(to right, #fe8c00, #f83600); --famuzo-text:#333333; --famuzo-light-text:#666666; --famuzo-lighter-text:#999999; --famuzo-bg:#ffffff; --famuzo-light-bg:#f8f9fa; --famuzo-lighter-bg:#f1f3f5; --famuzo-border:#e9ecef; --famuzo-error:#e63946; --famuzo-success:#2ecc71; --famuzo-radius:8px; --famuzo-shadow:0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1); --famuzo-transition:all 0.3s ease; --header-bg:#ffffff; --header-text:#333333; --header-border:#e9ecef; --footer-bg:#f8f9fa; --footer-text:#6c757d; --accent-color:#fe8c00; --accent-gradient:linear-gradient(to right, #fe8c00, #f83600); --shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1); --transition:all 0.3s ease; --border-radius:8px; --addon-primary-color:#3a86ff; --addon-accent-color:#ff006e; --addon-bg-color:#f8f9fa; --addon-border-color:#e9ecef; --addon-text-color:#343a40; --addon-shadow:0 4px 6px rgba(0, 0, 0, 0.05); --addon-hover-shadow:0 8px 15px rgba(0, 0, 0, 0.1); --addon-radius:8px; --addon-transition:all 0.3s ease; --addon-selected-bg:#e6f2ff; --addon-sale-color:#ff006e; --addon-badge:#ff5757}
html, body {margin:0; padding:0; box-sizing:border-box; font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; background-color:#f8f8f8;}
.famuzo-myaccount-container {min-height:80vh; padding-left:10px; padding-right:10px;}
.button-tp a.elementor-button {background-image:linear-gradient(to right, #fe8c00 0%, #f83600 50%, #f83600 50%, #fe8c00 100%); background-size:200% 100%; background-position:100% 0; transition:background-position 0.3s ease-in-out;}
.button-tp2 a.elementor-button {background-image:linear-gradient(to right, #4dbbeb 0%, #d34deb 50%, #C387FF 50%, #ff45aa 100%); background-size:200% 100%; background-position:100% 0; transition:background-position 0.3s ease-in-out;}
.button-tp a.elementor-button:hover, .button-tp2 a.elementor-button:hover {background-position:0% 0;}
.style-heading, .style-heading * {background:linear-gradient(90deg, #fe8c00, #f83600); -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block;}
.style-heading-2, .style-heading-2 * {background:linear-gradient(90deg, #2193b0, #6dd5ed); -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block;}
.style-heading-3, .style-heading-3 * {background:linear-gradient(45deg, #cc2b5e, #753a88); -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block;}
.style-heading-4, .style-heading-4 * {background:linear-gradient(135deg, #00b09b, #96c93d); -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block;}
.style-heading-5, .style-heading-5 * {background:radial-gradient(circle at top left, #ff512f, #dd2476); -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block;}
.style-ig, .style-ig * {background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block;}
.style-tik, .style-tik * {background:linear-gradient(45deg, #69C9D0, #EE1D52); -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block;}
.style-fb, .style-fb * {background:linear-gradient(90deg, #1877F2, #4C69BA); -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block;}
.style-yt, .style-yt * {background:linear-gradient(45deg, #FF0000, #CC0000); -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block;}
.style-tw, .style-tw * {background:linear-gradient(90deg, #1DA1F2, #0D95E8); -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block;}
.elementor-accordion-item {margin-bottom:15px; border:1px solid #ccc; border-radius:10px; background:#ffffff; box-shadow:2px 2px 5px rgb(0 0 0 / 6%);}
.famuzo_product_container {display:flex; flex-wrap:wrap; gap:20px; margin:20px 0;}
.famuzo_loading {text-align:center; margin:auto; font-size:20px; font-weight:600;}
.famuzo_accordion, .famuzo_category_block {flex:1 1 calc(33.333% - 20px); background:#fff; border:1px solid #ddd; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.05); overflow:hidden;}
.famuzo_category_title {font-size:18px; padding:12px 15px; background:#f7f7f7; border-bottom:1px solid #e0e0e0; margin:0;}
.famuzo_product_list {list-style:none; margin:0; padding:0; padding:10px 8px; max-height:350px; overflow-y:auto;}
.famuzo_product_item {padding:0; margin-bottom:10px; border:1px solid #eee; border-radius:5px; transition:all .3s ease-in; overflow:hidden;}
.famuzo_product_link_wrap {display:flex; align-items:center; padding:12px 15px; text-decoration:none; color:inherit; transition:all 0.2s ease;}
.famuzo_product_link_wrap:hover {background:#f9f9f9;}
.famuzo_product_thumb {margin-right:10px; flex-shrink:0;}
.famuzo_thumb_img {width:45px; height:45px; border-radius:50%; object-fit:cover; border:1px solid #ccc;}
.famuzo_product_info {flex-grow:1;}
.famuzo_product_title {font-size:15px; color:#333; font-weight:500;}
.famuzo_product_link_icon {margin-left:auto; display:flex; align-items:center;}
.famuzo_product_link_icon svg {width:18px; height:18px; color:#0073aa; transition:transform 0.2s ease, color 0.2s ease;}
.famuzo_product_link_wrap:hover .famuzo_product_link_icon svg {transform:translateX(4px); color:#005177;}
.famuzo_accordion_toggle {width:100%; background-color:#f0f0f0; padding:15px; font-size:17px; font-weight:bold; border:none; text-align:left; cursor:pointer; display:flex; justify-content:space-between; align-items:center;}
.famuzo_accordion_toggle.active {background-color:#eaeaea;}
.famuzo_icon {transition:transform 0.3s ease;}
.famuzo_accordion_toggle.active .famuzo_icon {transform:rotate(180deg);}
.famuzo_accordion {height:50px;}
.famuzo_accordion.active {height:fit-content;}
.famuzo_accordion_content {display:none; padding:10px 15px; background:#fff; max-height:350px; overflow-y:auto; padding-right:8px;}
.famuzo_category_icon {width:22px; height:22px; border-radius:4px; object-fit:cover; margin-right:8px;}
.famuzo_accordion_toggle {display:flex; justify-content:space-between; align-items:center;}
.famuzo_category_label {display:flex; align-items:center; gap:8px; font-weight:bold;}
.famuzo_scrollbar::-webkit-scrollbar {width:6px;}
.famuzo_scrollbar::-webkit-scrollbar-track {background:transparent;}
.famuzo_scrollbar::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:10px;}
.famuzo_scrollbar:hover::-webkit-scrollbar-thumb {background-color:#999;}

@media (max-width: 1024px) {
.famuzo_accordion, .famuzo_category_block {flex:1 1 calc(50% - 20px);}
}

@media (max-width: 768px) {
.famuzo_accordion, .famuzo_category_block {flex:1 1 100%;}
}

.famuzo-addon-item:hover, .famuzo-checkout-container, .famuzo-thankyou-container {box-shadow:var(--famuzo-shadow)}
#apply_coupon_btn, #place_order, .famuzo-button {transition:var(--famuzo-transition)}
*, :after, :before {box-sizing:border-box}
.famuzo-checkout-container {max-width:1200px; margin:2rem auto; font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; color:var(--famuzo-text); background-color:var(--famuzo-bg); border-radius:var(--famuzo-radius); padding:2rem}
.famuzo-checkout-header {text-align:center; margin-bottom:2rem; padding-bottom:1.5rem}
.famuzo-checkout-header h1, .famuzo-thankyou-header h1 {font-size:2.25rem; font-weight:700; margin:0 0 .5rem; color:var(--famuzo-text)}
.checkout-subtitle {font-size:1rem; color:var(--famuzo-light-text); margin:0}
.famuzo-checkout-columns {display:flex; flex-wrap:wrap; gap:2rem; margin-top:1rem}
.famuzo-checkout-details {flex:1 1 55%; min-width:300px; order:1}
.famuzo-checkout-summary {min-width:300px; order:2; flex:1 1 40%; background-color:var(--famuzo-lighter-bg); border-radius:var(--famuzo-radius); padding:1.5rem; position:sticky; top:2rem; align-self:flex-start}
.addons_item, .addons_item label, .coupon-form, .section-header, .section-number, .service-detail-row, .step-icon, .timeline-steps {display:flex; align-items:center}
.famuzo-checkout-section {margin-bottom:2rem; background-color:var(--famuzo-bg); border-radius:var(--famuzo-radius); overflow:hidden}
.section-header {padding:1rem 1.5rem; background-color:var(--famuzo-light-bg)}
#apply_coupon_btn, #place_order, .famuzo-button.primary, .item-quantity, .section-number {background:var(--famuzo-primary-gradient); color:#fff}
.section-number {width:28px; height:28px; border-radius:50%; justify-content:center; font-weight:700; margin-right:1rem}
.section-header h3 {font-size:1.25rem; font-weight:600; margin:0; color:var(--famuzo-text)}
.section-content {padding:1.5rem}
.woocommerce form .form-row {padding:0; margin:0 0 1rem}
.woocommerce form .form-row label {font-weight:500; margin-bottom:.5rem; display:block; color:var(--famuzo-text)}
.woocommerce form .form-row .required {color:var(--famuzo-error)}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row select, .woocommerce form .form-row textarea {width:100%; padding:.75rem 1rem; border:1px solid var(--famuzo-border); border-radius:var(--famuzo-radius); font-size:1rem; line-height:1.5; color:var(--famuzo-text); background-color:var(--famuzo-bg); transition:var(--famuzo-transition)}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row select:focus, .woocommerce form .form-row textarea:focus {border-color:var(--famuzo-primary); box-shadow:0 0 0 3px rgba(254,140,0,.1); outline:0}
.famuzo-after-thankyou, .famuzo-coupon-section, .famuzo-trust-badges {border-top:1px solid var(--famuzo-border)}
.woocommerce-payment-methods {padding:0}
#payment {background-color:transparent!important; border-radius:0!important}
#payment ul.payment_methods {border:none!important; padding:0!important; list-style:none}
#payment ul.payment_methods li {padding:1rem 0; border-bottom:1px solid var(--famuzo-border)}
#payment ul.payment_methods li:last-child, .famuzo-order-item:last-child, .review-row:last-child {border-bottom:none}
#payment .payment_methods label {font-weight:500; margin-left:.5rem}
#payment div.payment_box {background-color:var(--famuzo-lighter-bg)!important; border-radius:var(--famuzo-radius)!important; color:var(--famuzo-text)!important; padding:1rem!important; margin:1rem 0 0!important}
#payment div.payment_box::before {border-bottom-color:var(--famuzo-lighter-bg)!important}
.famuzo-order-item, .review-row {border-bottom:1px solid var(--famuzo-border); display:flex}
.famuzo-order-items {margin-bottom:1.5rem}
.famuzo-order-item {align-items:center; padding:1rem 0}
.item-image {position:relative; flex:0 0 70px; margin-right:1rem}
.item-image img {width:100%; height:auto; border-radius:var(--famuzo-radius); border:1px solid var(--famuzo-border)}
.item-quantity {position:absolute; top:-5px; right:-5px; font-size:.75rem; font-weight:700; width:20px; height:20px; display:flex; align-items:center; justify-content:center; border-radius:50%}
.badge-item, .item-bsm-data, .item-variation, .order-totals-summary .totals-label, .row-label {color:var(--famuzo-light-text)}
.item-name, .overview-label, .row-value {font-weight:500}
.item-details {flex:1; min-width:0}
.item-name {margin-bottom:.25rem; font-size:.9rem}
.item-bsm-data, .item-variation {font-size:.8rem}
.item-bsm-data span, .item-variation span {display:block; margin-bottom:.1rem}
.item-price {margin-left:1rem}
.famuzo-coupon-section {margin:1.5rem 0}
.badge-icon, .coupon-input, .famuzo-button i {margin-right:.5rem}
.coupon-input, .customer-service-content {flex:1}
#coupon_code {width:100%; padding:.75rem 1rem; border:1px solid var(--famuzo-border); border-radius:var(--famuzo-radius); font-size:.875rem}
#apply_coupon_btn {padding:.75rem 1.25rem; border:none; border-radius:var(--famuzo-radius); font-weight:500; cursor:pointer}
#apply_coupon_btn:hover {opacity:.9; transform:translateY(-1px)}
#place_order:hover, .famuzo-addon-item:hover {transform:translateY(-2px)}
.famuzo-review-order-table {margin-top:1rem}
.review-row {justify-content:space-between; padding:.75rem 0; font-size:.9rem}
.review-row.order-total {font-size:1.125rem; font-weight:700; padding-top:1rem; margin-top:.5rem; border-top:2px solid var(--famuzo-border)}
.review-row.order-total .row-label, .review-row.order-total .row-value {color:var(--famuzo-text)}
.famuzo-addon-products, .famuzo-place-order {margin-top:1.5rem}
#place_order {display:block; width:100%; padding:1rem; font-size:1rem; font-weight:600; text-transform:uppercase; letter-spacing:.5px; text-align:center; border:none; border-radius:var(--famuzo-radius); cursor:pointer; margin-top:10px;}
#place_order span.button-total {margin-left:5px}
.famuzo-trust-badges {margin-top:2rem; padding-top:1.5rem}
.badges-row {display:flex; justify-content:space-between}
.badge-item {display:flex; align-items:center; font-size:.8rem}

@media (max-width: 992px) {
.famuzo-checkout-columns {flex-direction:column}
.famuzo-checkout-details, .famuzo-checkout-summary {order:0; width:100%}
.famuzo-checkout-summary {position:static; padding:10px}
.section-header {padding:.75rem 1rem}
.section-content {padding:1rem}
}

.famuzo-thankyou-container {max-width:800px; margin:3rem auto; padding:2rem; background-color:var(--famuzo-bg); border-radius:var(--famuzo-radius)}
.famuzo-thankyou-header {text-align:center; margin-bottom:3rem}
.famuzo-thankyou-icon {width:80px; height:80px; border-radius:50%; margin:0 auto 1.5rem; display:flex; align-items:center; justify-content:center; font-size:2.5rem}
.famuzo-thankyou-icon.success {background-color:rgba(46,204,113,.1); color:var(--famuzo-success)}
.famuzo-thankyou-icon.error {background-color:rgba(230,57,70,.1); color:var(--famuzo-error)}
.famuzo-button.secondary, .famuzo-order-overview, .thankyou-customer-service {background-color:var(--famuzo-lighter-bg)}
.thankyou-subtitle {font-size:1.125rem; color:var(--famuzo-light-text); margin:0}
.famuzo-order-overview {border-radius:var(--famuzo-radius); padding:1.5rem; margin-bottom:2rem}
.order-overview-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.5rem}
.overview-item {display:flex; flex-direction:column}
.overview-label {font-size:.875rem; color:var(--famuzo-light-text); margin-bottom:.5rem}
.overview-value {font-size:1rem; font-weight:600; color:var(--famuzo-text)}
.famuzo-checkout-notices, .famuzo-thankyou-details {margin-bottom:2rem}
.famuzo-thankyou-message {text-align:center; margin-bottom:2rem}
.famuzo-thankyou-actions {display:flex; justify-content:center; flex-wrap:wrap; gap:1rem; margin-bottom:2rem}
.famuzo-button {display:inline-flex; align-items:center; padding:.875rem 1.5rem; border-radius:var(--famuzo-radius); font-weight:600; font-size:.9375rem; text-decoration:none}
.famuzo-button.primary:hover {transform:translateY(-2px); color:#fff}
.famuzo-button.secondary {color:var(--famuzo-text); border:1px solid var(--famuzo-border)}
.famuzo-button.secondary:hover {background-color:var(--famuzo-light-bg); color:var(--famuzo-text)}
.famuzo-after-thankyou {margin-top:3rem; padding-top:2rem}
.thankyou-customer-service {display:flex; align-items:center; border-radius:var(--famuzo-radius); padding:1.5rem}
.customer-service-icon {flex:0 0 60px; width:60px; height:60px; background:var(--famuzo-primary-gradient); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:#fff; margin-right:1.5rem}
.customer-service-content h3 {font-size:1.25rem; font-weight:600; margin:0 0 .5rem; color:var(--famuzo-text)}
.customer-service-content p {font-size:.9375rem; color:var(--famuzo-light-text); margin:0 0 .75rem}
.famuzo-contact-link {color:var(--famuzo-primary); font-weight:600; text-decoration:none; display:inline-flex; align-items:center}
.famuzo-contact-link i {margin-left:.375rem; transition:transform .3s}
.famuzo-contact-link:hover i {transform:translateX(3px)}

@media (max-width: 576px) {
.item-name, .section-number {font-size:.8rem}
.famuzo-checkout-container {padding:1rem; margin:1rem auto}
.famuzo-checkout-header h1, .famuzo-thankyou-header h1 {font-size:1.75rem}
.badges-row {flex-direction:row; gap:.75rem; flex-wrap:wrap; justify-content:center; align-items:center}
.item-image {flex:0 0 50px}
.section-number {width:24px; height:24px}
.section-header h3, .thankyou-subtitle {font-size:1rem}
.famuzo-thankyou-container {padding:1.5rem; margin:1.5rem auto}
.famuzo-thankyou-icon {width:60px; height:60px; font-size:1.75rem}
.order-overview-grid {grid-template-columns:1fr; gap:1rem}
.thankyou-customer-service {flex-direction:column; text-align:center}
.customer-service-icon {margin:0 auto 1rem}
}

.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-notice {padding:1rem 1.5rem 1rem 40px; margin-bottom:1rem; border-radius:var(--famuzo-radius); border-left:4px solid; display:flex; align-items:center; background-color:#f8f9fa; font-size:.95rem}
.woocommerce-error {border-left-color:var(--famuzo-error); background-color:rgba(230,57,70,.05)}
.woocommerce-info, .woocommerce-message {border-left-color:var(--famuzo-primary); background-color:rgba(254,140,0,.05); max-width:900px; margin:1rem auto;}
.woocommerce-success {border-left-color:var(--famuzo-success); background-color:rgba(46,204,113,.05)}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before, .woocommerce-notice::before, .woocommerce-success::before {font-family:"Font Awesome 5 Free"; font-weight:900; font-size:1.125rem; display:block!important; margin-top:-3px; margin-left:-5px}
.woocommerce-error::before {content:"\f06a"; color:var(--famuzo-error)}
.woocommerce-info::before, .woocommerce-message::before {content:"\f05a"; color:var(--famuzo-primary)}
.woocommerce-success::before {content:"\f058"; color:var(--famuzo-success)}
.famuzo-field-error {color:var(--famuzo-error); font-size:.8125rem; margin-top:.25rem; display:block}
.woocommerce-invalid input, .woocommerce-invalid select {border-color:var(--famuzo-error)!important; box-shadow:0 0 0 1px var(--famuzo-error)}
.famuzo-bsm-profile-details {margin:.5rem 0 1.5rem; padding:1rem; background-color:rgba(254,140,0,.02); border:1px solid var(--famuzo-border); border-radius:var(--famuzo-radius)}
.famuzo-bsm-profile-details h4 {font-size:.95rem; font-weight:600; margin:0 0 .75rem; color:var(--famuzo-text); border-bottom:1px solid var(--famuzo-border); padding-bottom:.5rem}
.bsm-profile-info {display:grid; grid-template-columns:1fr; gap:.5rem}
.bsm-detail-row {display:flex; align-items:center; font-size:.875rem}
.bsm-detail-label {font-weight:500; color:var(--famuzo-light-text); width:100px; flex-shrink:0}
.bsm-detail-value {font-weight:500; color:var(--famuzo-text); display:flex; align-items:center}
.bsm-detail-value i {margin-left:.375rem; color:var(--famuzo-primary)}
.famuzo-addon-grid {display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:1rem}
.famuzo-addon-item {border:1px solid var(--famuzo-border); border-radius:var(--famuzo-radius); overflow:hidden; transition:transform .2s, box-shadow .2s}
.addon-add-to-cart:hover, .apply-coupon-btn:hover {transform:translateY(-1px)}
.addon-image {height:120px; display:flex; align-items:center; justify-content:center; background-color:#f8f9fa; padding:.5rem}
.addon-image img {max-height:100%; width:auto; object-fit:contain}
.addon-details {padding:.75rem}
.addon-name {font-size:.875rem; font-weight:500; margin-bottom:.25rem}
.addon-price {font-size:.875rem; font-weight:600; color:var(--famuzo-primary); margin-bottom:.5rem}
.addon-add-to-cart, .apply-coupon-btn {background:var(--famuzo-primary-gradient)!important; color:#fff!important}
.addon-add-to-cart {width:100%; font-size:.75rem!important; padding:.375rem!important; text-align:center; border:none!important; border-radius:var(--famuzo-radius); transition:transform .2s; display:block}
.checkout-profile {display:flex; align-items:center; padding-bottom:20px; flex-wrap:wrap}
.checkout-profile span.title {font-size:18px; font-weight:600; margin-left:10px}
span.meta-info {display:block; font-size:13px; margin-left: 10px; font-weight: normal;}
.checkout-profile img {margin-bottom:0; width:60px; height:60px; border-radius:50%; border:1px solid var(--famuzo-border)}
.order-item, .order-total {display:flex; justify-content:space-between; padding:8px 0}
.order-total {border-top:1px solid var(--famuzo-border); margin-top:10px}
.order-total span.woocommerce-Price-amount.amount {font-size:18px; font-weight:600}
.famuzo-coupon-form {margin:1rem 0}
.famuzo-coupon-form h4 {font-size:.95rem; margin-bottom:.75rem; color:var(--famuzo-text)}
.coupon-form-inner {display:flex; gap:.5rem}
.coupon-input, .next-step-content, .order-item-details {flex-grow:1}
.coupon-input input {width:100%; min-width: 180px; border:1px solid var(--famuzo-border); border-radius:var(--famuzo-radius); padding:.625rem 1rem; font-size:.875rem}
.apply-coupon-btn {border:none!important; font-weight:500!important; padding:.625rem 1.25rem!important; border-radius:var(--famuzo-radius)!important; cursor:pointer; transition:transform .2s, box-shadow .2s}
.apply-coupon-btn:hover {box-shadow:0 4px 6px rgba(0,0,0,.1)}
.coupon-status {margin-top:.75rem}
.bsm-tooltip {position:absolute; background:var(--famuzo-dark); color:#fff; padding:.5rem .75rem; border-radius:4px; font-size:.75rem; z-index:100; pointer-events:none; box-shadow:0 2px 6px rgba(0,0,0,.2); max-width:200px}
.bsm-tooltip:after {content:''; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid var(--famuzo-dark)}
.famuzo-thankyou-service-details {margin-top:2.5rem; background-color:rgba(254,140,0,.02); border:1px solid var(--famuzo-border); border-radius:var(--famuzo-radius); padding:1.5rem}
.famuzo-thankyou-order-items h3, .famuzo-thankyou-service-details h3 {font-size:1.25rem; color:var(--famuzo-text); margin-bottom:1.25rem; padding-bottom:.75rem; border-bottom:1px solid var(--famuzo-border)}
.thankyou-service-info {display:grid; grid-template-columns:1fr; gap:1.5rem}
.service-product {display:flex; align-items:center; gap:1rem; padding-bottom:1rem; border-bottom:1px solid var(--famuzo-border)}
.service-product-image {width:80px; height:80px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background-color:#f8f9fa; border-radius:var(--famuzo-radius); overflow:hidden}
.order-item-image img, .service-product-image img {max-width:100%; max-height:100%; object-fit:contain}
.service-product-details h4 {font-size:1rem; font-weight:600; margin-bottom:.25rem; color:var(--famuzo-text)}
.service-detail-value i, .service-product-price {color:var(--famuzo-primary)}
.service-product-price {font-size:.95rem; font-weight:600}
.service-profile-details {display:grid; grid-template-columns:1fr; gap:.75rem}
.service-detail-label {font-weight:500; color:var(--famuzo-light-text); width:140px; flex-shrink:0; font-size:.95rem}
.service-detail-value {font-weight:500; color:var(--famuzo-text); display:flex; align-items:center; gap:.5rem; font-size:.95rem}
.step-icon, .step-label {color:var(--famuzo-light-text); transition:.3s}
.service-status-timeline {margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid var(--famuzo-border)}
.service-status-timeline h4 {font-size:1.1rem; font-weight:600; margin-bottom:1.25rem; color:var(--famuzo-text)}
.timeline-steps {justify-content:space-between; margin-bottom:1.5rem; position:relative}
.timeline-steps:before {content:''; position:absolute; top:24px; left:40px; right:40px; height:3px; background-color:var(--famuzo-border); z-index:1}
.timeline-step {display:flex; flex-direction:column; align-items:center; position:relative; z-index:2; width:33.333%}
.step-icon {width:50px; height:50px; border-radius:50%; background-color:#f8f9fa; justify-content:center; border:2px solid var(--famuzo-border); margin-bottom:.5rem; font-size:1.25rem}
.timeline-step.active .step-icon {background-color:var(--famuzo-primary); border-color:var(--famuzo-primary); color:#fff; box-shadow:0 0 0 5px rgba(254,140,0,.2)}
.step-label {font-size:.875rem; font-weight:500; text-align:center}
.order-item-name, .service-message p {font-size:.95rem; color:var(--famuzo-text)}
.timeline-step.active .step-label {color:var(--famuzo-text); font-weight:600}
.service-message {padding:1rem; border-radius:var(--famuzo-radius); background-color:rgba(254,140,0,.05); border-left:3px solid var(--famuzo-primary)}
.service-message p {margin:0}
.famuzo-thankyou-order-items {margin-top:2.5rem}
.thankyou-order-items-list {display:grid; grid-template-columns:1fr; gap:1rem}
.thankyou-order-item {display:flex; align-items:center; gap:1rem; padding:1rem; border:1px solid var(--famuzo-border); border-radius:var(--famuzo-radius); background-color:#fff}
.famuzo-thankyou-next-steps, .order-item-image {background-color:#f8f9fa; border-radius:var(--famuzo-radius)}
.order-item-image {width:60px; height:60px; flex-shrink:0; display:flex; align-items:center; justify-content:center; overflow:hidden}
.order-item-name {font-weight:500; margin-bottom:.25rem}
.order-item-meta {font-size:.875rem; color:var(--famuzo-light-text)}
.item-price {font-weight:600; color:var(--famuzo-primary)}
.famuzo-thankyou-next-steps {margin-top:2.5rem; padding:1.5rem}
.famuzo-thankyou-next-steps h3 {font-size:1.25rem; color:var(--famuzo-text); margin-bottom:1.25rem}
.next-steps-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.5rem}
.next-step-item {display:flex; align-items:flex-start; gap:1rem}
.next-step-icon {width:44px; height:44px; border-radius:50%; background:var(--famuzo-primary-gradient); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.25rem; flex-shrink:0}
.next-step-content h4 {font-size:1rem; font-weight:600; margin-bottom:.5rem; color:var(--famuzo-text)}
.next-step-content p {font-size:.875rem; color:var(--famuzo-light-text); margin:0; line-height:1.5}
.famuzo-trust-badges .badge-icon, .order-totals-summary .cart-discount .totals-value {color:var(--famuzo-success); margin-top:3px; margin-right:5px}

@media (min-width: 768px) {
.thankyou-service-info {grid-template-columns:1fr 1fr}
.service-product {grid-column:1/-1}
.service-status-timeline {grid-column:1/-1; margin-top:1.5rem}
}

.bsm-block {opacity:.7!important; pointer-events:none!important; position:relative!important; transition:all .3s ease!important}
.bsm-block::before {content:''; position:absolute; width:100%; height:100%; background:rgba(255,255,255,.9); backdrop-filter:blur(2px); left:0; top:0; z-index:1}
.bsm-block::after {content:'Updating...'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:14px; font-weight:500; color:#666; z-index:2}
.applied-coupons {margin-top:15px; background-color:#f8f9fa; border-radius:0; padding:12px 15px; border:1px dashed var(--famuzo-border); position:relative}
.applied-coupons h5 {margin:0 0 10px; font-size:14px; font-weight:600; color:var(--famuzo-text)}
.coupon-item {display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; padding-bottom:8px; border-bottom:1px dashed var(--famuzo-border)}
.coupon-item:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none}
.coupon-code {font-size:14px; font-weight:500; color:var(--famuzo-text); background-color:#fff; padding:3px 8px; border-radius:4px; border:1px solid var(--famuzo-border)}
.coupon-discount {font-size:14px; font-weight:600; color:var(--famuzo-success)}
.remove-coupon {background:var(--famuzo-light-text); border:none; color:var(--famuzo-bg); font-size:13px; font-weight:500; cursor:pointer; top:-10px; right:0; padding:3px 8px; border-radius:4px; transition:.2s; position:absolute; margin-left:14px; text-decoration:none!important}
.order-totals-summary, .order-totals-summary .order-total {padding-top:15px; border-top:1px solid var(--famuzo-border)}
.remove-coupon:hover {background-color:var(--famuzo-error); text-decoration:underline}
.order-totals-summary {margin-top:20px}
.order-totals-summary>div {display:flex; justify-content:space-between; margin-bottom:10px; font-size:14px}
.order-totals-summary .totals-value {font-weight:500; color:var(--famuzo-text)}
.famuzo-back-button:hover, .famuzo-footer-links a:hover {color:var(--accent-color)}
.order-totals-summary .order-total {margin-top:15px; font-size:16px}
.order-totals-summary .order-total .totals-label {font-weight:600; color:var(--famuzo-text)}
.order-totals-summary .order-total .totals-value {font-weight:700; color:var(--famuzo-primary); font-size:18px}
.famuzo-checkout-site-header {background-color:var(--header-bg); padding:15px 20px; box-shadow:var(--shadow-sm); height:70px; width:100%; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--header-border); box-sizing:border-box}
.famuzo-back-button {display:flex; align-items:center; color:var(--header-text); font-size:16px; font-weight:500; text-decoration:none; transition:var(--transition)}
.famuzo-back-button svg {width:18px; height:18px; margin-right:6px; fill:currentColor}
.famuzo-back-button:hover {transform:translateX(-3px)}
.famuzo-checkout-logo {position:absolute; left:50%; transform:translateX(-50%); height:40px; display:flex; align-items:center; justify-content:center}
.famuzo-checkout-logo img {max-height:30px; width:auto}
.famuzo-checkout-logo .text-logo {font-size:20px; font-weight:700; color:var(--header-text); text-decoration:none; background:var(--accent-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
.famuzo-secure-checkout {display:flex; align-items:center; font-size:13px; color:var(--footer-text); font-weight:500}
.famuzo-secure-checkout svg {width:14px; height:14px; margin-right:6px; fill:#2ecc71}
.famuzo-checkout-site-footer {background-color:var(--footer-bg); padding:20px; text-align:center; color:var(--footer-text); font-size:13px; border-top:1px solid var(--header-border); margin-top:40px}
.addon-check, .addons_item {background-color:#fff; transition:var(--addon-transition)}
.addon-check:checked, .addons_item.selected {border-color:var(--addon-primary-color)}
.famuzo-footer-content {max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:15px}
.famuzo-footer-copyright {flex:1; text-align:center}
.famuzo-footer-links {display:flex; gap:20px}
.famuzo-footer-links a {color:var(--footer-text); text-decoration:none; transition:var(--transition)}
.famuzo-footer-secure-badges {display:flex; align-items:center; justify-content:center; gap:15px; margin-top:15px}
.famuzo-footer-secure-badges img {height:24px; width:auto; opacity:.7}
.bsm-product-description ul {list-style:none; padding:0 0 0 20px; margin:0; text-align:left}
.bsm-product-description li {margin-bottom:10px; position:relative; font-weight:500}
.bsm-product-description li:before {content:url("/wp-content/plugins/bsmapi/assets/icons/check-38.svg"); color:#ff6b01; position:absolute; left:-21px; top:2px; width:15px; height:15px}
.addon-check, .loading:after {height:20px; position:absolute}
.addons_item {border:1px solid var(--addon-border-color); border-radius:var(--addon-radius); padding:1.25rem; position:relative; overflow:hidden; animation:.5s ease-in-out fadeIn}
.addons_item:not(-last-child) {margin-bottom:10px}
.addons_item:hover {transform:translateY(-3px); box-shadow:var(--addon-hover-shadow)}
.addons_item.selected {background-color:var(--addon-selected-bg)}
.addon-check:checked, .checkout-message.success {background-color:var(--addon-primary-color)}
.checkout-message.error, .off-percentage {background-color:var(--addon-sale-color)}
.addons_item label {cursor:pointer; width:100%; padding-left:30px}
.addon-check {left:1rem; width:20px; appearance:none; border:2px solid var(--addon-border-color); border-radius:4px; cursor:pointer}
.addon-check:checked:after {content:"\2714 "; position:absolute; color:#fff; font-size:14px; top:50%; left:50%; transform:translate(-50%,-50%)}
.addons_item.selected .addon-check {animation:.5s ease-in-out pulse}
.addons_item .item-name {font-weight:600; font-size:1.1rem; margin-bottom:0; color:var(--addon-text-color)}
.addons_item .item-price {display:inline; align-items:center; gap:.5rem; justify-content:flex-end}
.addons_item .item-price del {opacity:.6; font-size:12px}
.item-price ins {text-decoration:none; font-weight:600; color:var(--addon-primary-color)}
.off-percentage {color:#fff; font-size:.75rem; padding:2px 6px; border-radius:4px; font-weight:500; margin-left:8px}

@keyframes fadeIn {
from {opacity:0; transform:translateY(10px)}
to {opacity:1; transform:translateY(0)}
}

@keyframes pulse {
0%, 100% {transform:scale(1)}
50% {transform:scale(1.2)}
}

@media (max-width: 768px) {
.famuzo-checkout-site-header {padding:12px 15px}
.famuzo-checkout-logo {height:30px}
.famuzo-checkout-logo img {max-height:25px}
.famuzo-checkout-logo .text-logo {font-size:18px}
.famuzo-secure-checkout {font-size:12px}
.famuzo-footer-content {flex-direction:column; gap:10px}
.famuzo-footer-links {justify-content:center; gap:15px; font-size:12px}
.section-content {grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.section-header h3:after {right:-60px; font-size:.65rem}
}

@media (max-width: 480px) {
.famuzo-back-button svg {margin-right:0}
.famuzo-secure-checkout {font-size:0}
.famuzo-secure-checkout svg {margin-right:0; width:25px; height:25px}
.section-content {grid-template-columns:1fr}
.section-header h3:after {position:static; display:block; transform:none; margin:5px auto 0; width:fit-content}
.addons_item {padding:1rem}
}

.addons_item.hover-effect {transform:translateY(-5px); box-shadow:var(--addon-hover-shadow)}
.addons_item.flash {animation:.7s ease-in-out flash}
.famuzo-checkout-section.highlight-section {animation:1.5s ease-in-out highlight-section}
.checkout-message {position:fixed; bottom:20px; right:20px; padding:12px 20px; border-radius:6px; background-color:#333; color:#fff; font-size:14px; z-index:9999; opacity:0; transform:translateY(20px); transition:opacity .3s, transform .3s; box-shadow:0 3px 10px rgba(0,0,0,.2); max-width:300px}
.checkout-message.visible {opacity:1; transform:translateY(0)}

@keyframes flash {
0%, 100% {background-color:#fff}
50% {background-color:var(--addon-selected-bg)}
}

@keyframes highlight-section {
0%, 100% {box-shadow:var(--addon-shadow)}
50% {box-shadow:0 0 15px 5px rgba(58,134,255,.3)}
}

.field-error-message {display:block; color:var(--addon-sale-color); font-size:.8rem; margin-top:4px; font-weight:500}
input.validation-error, select.validation-error, textarea.validation-error {border-color:var(--addon-sale-color)!important; background-color:rgba(255,0,110,.05)!important}
.loading {position:relative; color:transparent!important}
.loading:after {content:""; top:50%; left:50%; width:20px; margin:-10px 0 0 -10px; border-radius:50%; border:2px solid rgba(255,255,255,.2); border-top-color:#fff; animation:.8s linear infinite spin}

@keyframes spin {
0% {transform:rotate(0)}
100% {transform:rotate(360deg)}
}

@media (max-width: 767px) {
.addons_item, .addons_item label {display:block}
.addons_item .item-name {max-width:60%; padding-left:0; margin-top:5px; display:inline; font-size:14px; text-overflow:unset; white-space:unset}
.addons_item .item-price ins {font-size:14px}
.addons_item .off-percentage {font-size:11px}
}

#addon-products-container {margin:2rem 0}
div#bsm-addon-products {background:#ff8a5b1a; border-top:0}
#addon-products-container .famuzo-checkout-section {border:2px dashed #ff8a5b}
.addon-products-loading {padding:2rem; text-align:center; background-color:var(--addon-bg-color); border-radius:var(--addon-radius); box-shadow:var(--addon-shadow); animation:1.5s ease-in-out infinite addon-loading-pulse}
#addon-products-container .section-header .badge {background-color:var(--addon-badge); color:#fff; font-size:10px; font-weight:600; padding:3px 10px; border-radius:30px; text-transform:uppercase; letter-spacing:.5px}

@keyframes addon-loading-pulse {
0%, 100% {opacity:.6}
50% {opacity:1}
}

@keyframes addon-fade-in {
from {opacity:0; transform:translateY(20px)}
to {opacity:1; transform:translateY(0)}
}

.famuzo-checkout-section {animation:.6s ease-out forwards addon-fade-in}
.famuzo-checkout-header, .section-header {border-bottom:1px solid var(--famuzo-border)}
#place_order:hover, .famuzo-button.primary:hover {background-position:right center; box-shadow:0 7px 14px rgba(0,0,0,.1), 0 3px 6px rgba(0, 0, 0, .08)}
.addon-name, .item-name {text-overflow:ellipsis; overflow:hidden}
.addon-name, .item-name, .item-price, .off-percentage {white-space:nowrap}
.famuzo-thankyou-page {max-width:1000px; margin:2rem auto; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; color:#333}
.thankyou-container {background-color:#fff; border-radius:10px; box-shadow:0 5px 15px rgba(0,0,0,.05); padding:2rem}
.thankyou-header {text-align:center; margin-bottom:2.5rem; padding-bottom:2rem; border-bottom:1px solid #f0f0f0}
.icon-container {margin:0 auto 1.5rem; width:80px; height:80px; display:flex; align-items:center; justify-content:center; border-radius:50%}
.thankyou-header.success .icon-container {background-color:rgba(56,161,105,.1); color:#38a169}
.thankyou-header.error .icon-container {background-color:rgba(229,62,62,.1); color:#e53e3e}
.thankyou-header.warning .icon-container {background-color:rgba(237,137,54,.1); color:#ed8936}
.icon-container i {font-size:2.5rem}
.thankyou-header h2 {font-size:1.8rem; font-weight:600; margin-bottom:.5rem; color:#222}
.thankyou-subtitle {font-size:1.1rem; color:#666; margin-bottom:0}
.thankyou-subtitle.error {color:#e53e3e}
.thankyou-subtitle.warning {color:#ed8936}
.order-overview-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.5rem; margin-bottom:2.5rem; background-color:#f9fafb; padding:1.5rem; border-radius:8px}
.overview-item {display:flex; flex-direction:column}
.item-label {font-size:.9rem; color:#666; margin-bottom:.5rem}
.item-value {font-size:1.1rem; color:#333; font-weight:500}
.service-details-section {margin-bottom:2.5rem; background-color:#f0f9ff; padding:1.5rem; border-radius:8px; border-left:4px solid #3182ce}
.service-details-section h3 {font-size:1.2rem; font-weight:600; margin-top:0; margin-bottom:1.5rem; color:#2c5282}
.service-details-content {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.5rem}
.service-platform {display:flex; align-items:center; gap:1rem; grid-column:1/-1; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid rgba(49,130,206,.2)}
.platform-icon {display:flex; align-items:center; justify-content:center; width:50px; height:50px; background-color:#3182ce; color:#fff; border-radius:50%; font-size:1.5rem}
.platform-details {display:flex; flex-direction:column}
.platform-name {font-size:1.1rem; font-weight:600; color:#2c5282}
.platform-username {font-size:.95rem; color:#4a5568}
.service-additional, .service-quantity, .service-type {display:flex; flex-direction:column; gap:.3rem}
.service-label {font-size:.9rem; color:#718096}
.service-value {font-size:1rem; font-weight:500; color:#2d3748}
.service-timeline {margin-top:2rem; grid-column:1/-1}
.service-timeline h4 {font-size:1.1rem; font-weight:600; margin-bottom:1.5rem; color:#2c5282}
.timeline-steps {display:flex; flex-direction:column; gap:1.5rem}
.timeline-step {display:flex; gap:1rem}
.step-number {display:flex; align-items:center; justify-content:center; width:30px; height:30px; background-color:#3182ce; color:#fff; border-radius:50%; font-weight:600; font-size:.9rem; flex-shrink:0}
.step-content {flex-grow:1; padding-bottom:1.5rem; border-bottom:1px dashed rgba(49,130,206,.2)}
.timeline-step:last-child .step-content {padding-bottom:0; border-bottom:none}
.step-title {font-weight:600; font-size:1rem; margin-bottom:.4rem; color:#2d3748}
.step-description {font-size:.95rem; color:#718096; line-height:1.5}
.order-details-section {margin-bottom:2.5rem}
.order-details-content {background-color:#fff; border-radius:8px; padding:1rem}
.empty-order-actions, .failed-actions, .thankyou-actions {display:flex; justify-content:center; flex-wrap:wrap; gap:1rem; margin-top:2rem}
.button {padding:.8rem 1.5rem; font-size:.95rem; font-weight:500; border-radius:6px; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; transition:all .2s ease; gap:.5rem}
button.button {background-image:var(--famuzo-primary-gradient); box-shadow:var(--famuzo-shadow); border:var(--famuzo-border); color:#fff; cursor:pointer;}
.button i {font-size:1rem}
fieldset {border-radius:8px; margin-bottom:1rem;}
.button-primary {background-color:#0071bc; color:#fff; border:none}
.button-primary:hover {background-color:#005a9e; transform:translateY(-2px); box-shadow:0 4px 6px rgba(0,0,0,.1)}
.button-secondary {background-color:#f7fafc; color:#4a5568; border:1px solid #e2e8f0}
.button-secondary:hover {background-color:#edf2f7; color:#2d3748; transform:translateY(-2px); box-shadow:0 4px 6px rgba(0,0,0,.1)}
.payment-retry-button {background-color:#e53e3e; color:#fff; border:none}
.payment-retry-button:hover {background-color:#c53030}
.create-account-button, .view-orders-button {background-color:#0071bc; color:#fff; border:none}
.create-account-button:hover, .view-orders-button:hover {background-color:#005a9e}
.continue-shopping-button {background-color:#f7fafc; color:#4a5568; border:1px solid #e2e8f0}
.continue-shopping-button:hover {background-color:#edf2f7; color:#2d3748}

@media (max-width: 768px) {
.thankyou-container {padding:20px 10px !important;}
.thankyou-header {margin-bottom:2rem; padding-bottom:1.5rem}
.icon-container {width:60px; height:60px; margin-bottom:1rem}
.icon-container i {font-size:2rem}
.thankyou-header h2 {font-size:1.5rem}
.thankyou-subtitle {font-size:1rem}
.order-overview-grid {grid-template-columns:1fr; gap:1rem}
.service-details-content {grid-template-columns:1fr}
.service-platform {flex-direction:column; align-items:flex-start; gap:.8rem}
.timeline-step {flex-direction:column; gap:.5rem}
.empty-order-actions, .failed-actions, .thankyou-actions {flex-direction:column}
.button {width:100%}
}

p.woocommerce-notice--success.woocommerce-thankyou-order-received {margin:1.5rem 0; padding:1rem 1.5rem; background-color:rgba(56,161,105,.1); border-left:4px solid #38a169; border-radius:6px; color:#2c5282; font-size:1.1rem; font-weight:500; display:flex; align-items:center; gap:1rem; position:relative; line-height:1.5}
p.woocommerce-notice--success.woocommerce-thankyou-order-received:before {font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f00c"; color:#38a169; font-size:1.2rem; flex-shrink:0}
#primary.thankyou-page {max-width:1200px; margin:auto}
.woocommerce-notices-wrapper {display:flex; flex-direction:column; gap:1rem; max-width:900px; margin:1rem auto;}
.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-info, .woocommerce-notices-wrapper .woocommerce-success {display:flex; align-items:center; gap:1rem; padding:1rem 1.5rem; border-radius:6px; position:relative}
.woocommerce-notices-wrapper .woocommerce-error:before, .woocommerce-notices-wrapper .woocommerce-info:before, .woocommerce-notices-wrapper .woocommerce-success:before {font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; left:1rem; top:50%; transform:translateY(-50%)}
.woocommerce-notices-wrapper .woocommerce-error:before {content:"\f00d"; color:#e53e3e}
.woocommerce-notices-wrapper .woocommerce-info:before {content:"\f05a"; color:#3182ce}
.woocommerce-notices-wrapper .woocommerce-success:before {content:"\f00c"; color:#38a169}
.woocommerce-notices-wrapper .woocommerce-error {background-color:rgba(229,62,62,.1); border-left:4px solid #e53e3e; padding-left:3rem}
.woocommerce-notices-wrapper .woocommerce-info {background-color:rgba(49,130,206,.1); border-left:4px solid #3182ce; padding-left:3rem}
.woocommerce-notices-wrapper .woocommerce-success {background-color:rgba(56,161,105,.1); border-left:4px solid #38a169; padding-left:3rem}
.checkout-page-content main#main>.woocommerce-notices-wrapper, .checkout-page-content .woocommerce>.woocommerce-notices-wrapper {
    display: none;
}
@media (max-width: 768px) {
.woocommerce-form-login {padding:0}
}

.woocommerce-order-details {margin-bottom:40px; box-shadow:0 2px 10px rgba(0,0,0,.05); border-radius:8px; overflow:hidden}
.woocommerce-order-details__title {font-size:24px; font-weight:600; margin-bottom:20px; color:#333; padding:0 15px}
.woocommerce-table--order-details {width:100%; border-collapse:collapse; border:none; margin-bottom:0}
.woocommerce-table--order-details thead {background-color:#f8f9fa}
.woocommerce-table--order-details th {padding:15px; text-align:left; font-weight:600; color:#333; border-bottom:1px solid #e1e1e1; text-transform:uppercase; font-size:14px; letter-spacing:.5px}
.woocommerce-table--order-details td {padding:15px; border-bottom:1px solid #e1e1e1; vertical-align:top}
.woocommerce-table--order-details tfoot {background-color:#f8f9fa}
.woocommerce-table--order-details tfoot td, .woocommerce-table--order-details tfoot th {padding:12px 15px; font-weight:600}
.woocommerce-table--order-details tfoot tr:last-child td, .woocommerce-table--order-details tfoot tr:last-child th {border-bottom:none; color:#2a71d0}
.order-item-service {display:flex; flex-direction:column; gap:10px}
.order-item-title {font-weight:600; font-size:16px; color:#333; margin-bottom:5px}
.order-item-profile {display:flex; align-items:center; gap:12px; margin:10px 0; padding:12px; background-color:#f8f9fa; border-radius:6px}
.order-item-profile .profile-image {flex-shrink:0}
.order-item-profile .profile-image img {border-radius:50%; width:48px; height:48px; object-fit:cover; border:2px solid #fff; box-shadow:0 2px 8px rgba(0,0,0,.1)}
.order-item-profile .profile-username {font-weight:500; color:#2a71d0}
.order-item-links {display:flex; flex-direction:column; gap:8px; margin-top:10px}
.order-item-links .item-link {display:inline-block; font-size:14px; color:#2a71d0; text-decoration:none; word-break:break-all; padding:8px 12px; background-color:#f0f7ff; border-radius:4px; transition:all .2s ease}
.order-item-links .item-link:hover {background-color:#e1efff; color:#1a5cb0}
.order-item-meta {margin-top:10px; border-top:1px dashed #e1e1e1; padding-top:10px}
.order-item-meta .meta-item {font-size:14px; margin-bottom:4px; color:#666}
.order-item-meta .meta-key {font-weight:500}
.order-actions-button {margin-right:8px!important; margin-bottom:8px!important; font-size:14px!important; padding:8px 16px!important}
.famuzo-thankyou-page {max-width:960px; margin:0 auto; padding:30px 15px}
.thankyou-container {background-color:#fff; border-radius:10px; box-shadow:0 5px 20px rgba(0,0,0,.05); padding:30px}
.thankyou-header {text-align:center; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #f1f1f1}
.thankyou-header.success .icon-container {color:#28a745; font-size:56px; margin-bottom:20px}
.thankyou-header.error .icon-container {color:#dc3545; font-size:56px; margin-bottom:20px}
.thankyou-header h2 {font-size:28px; font-weight:700; margin-bottom:10px; color:#333}
.thankyou-subtitle {font-size:18px; color:#666; margin-bottom:0}
.order-overview-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; margin-bottom:40px}
.overview-item {padding:15px; background-color:#f8f9fa; border-radius:6px; display:flex; flex-direction:column}
.overview-item .item-label {font-size:13px; color:#666; text-transform:uppercase; letter-spacing:.5px; margin-bottom:5px}
.overview-item .item-value {font-size:16px; font-weight:600; color:#333}
.thankyou-actions {margin-top:40px; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:15px}
.thankyou-actions .button {min-width:180px; padding:12px 24px!important; font-weight:600!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important}
.thankyou-actions i {font-size:16px}
.service-details-section {margin:30px 0; padding:20px; background-color:#f8f9fa; border-radius:8px}
.service-details-section h3 {font-size:20px; font-weight:600; margin-bottom:20px; color:#333}
.service-details-content {display:flex; flex-direction:column; gap:15px}
.service-platform {display:flex; align-items:center; gap:15px}
.platform-icon {width:40px; height:40px; display:flex; align-items:center; justify-content:center; background-color:#fff; border-radius:50%; font-size:20px; color:#2a71d0; box-shadow:0 2px 8px rgba(0,0,0,.1)}
.platform-details {display:flex; flex-direction:column}
.platform-name {font-weight:600; font-size:16px; color:#333}
.platform-username {font-size:14px; color:#666}
.service-additional, .service-quantity, .service-type {display:flex; align-items:baseline; padding:8px 0; border-bottom:1px dashed #e1e1e1}
.service-label {font-weight:600; width:100px; color:#666; font-size:14px}
.service-value {font-size:15px; color:#333}

@media (max-width: 767px) {
.woocommerce-table--order-details {display:block}
.woocommerce-table--order-details tbody, .woocommerce-table--order-details td, .woocommerce-table--order-details tfoot, .woocommerce-table--order-details th, .woocommerce-table--order-details thead, .woocommerce-table--order-details tr {display:block; width:100%}
.woocommerce-table--order-details tr {margin-bottom:20px; border-bottom:1px solid #e1e1e1}
.woocommerce-table--order-details td, .woocommerce-table--order-details th {text-align:right; position:relative; text-align:left;}
.woocommerce-table--order-details td:before, .woocommerce-table--order-details th:before {content:attr(data-title); position:absolute; left:15px; font-weight:600; color:#333}
.order-overview-grid {grid-template-columns:1fr}
.thankyou-actions .button {width:100%}
}

.order-profile-header {margin-bottom:30px; background-color:#f8f9fa; border-radius:8px; padding:20px; box-shadow:0 2px 8px rgba(0,0,0,.05)}
.profile-header-container {display:flex; align-items:center; gap:20px}
.profile-image-container {flex-shrink:0;}
.profile-image-container img{width: 80px; height: 80px; border-radius: 50%; overflow: hidden;}
.famuzo-login-button {background-color:var(--famuzo-primary); color:#fff; padding:8px 16px; border-radius:5px; text-decoration:none;}
.profile-placeholder {width:80px; height:80px; border-radius:50%; background-color:#e1efff; display:flex; align-items:center; justify-content:center; font-size:30px; color:#2a71d0}
.profile-info {flex:1}
.profile-username {font-size:22px; font-weight:600; color:#333; margin-bottom:5px}
.profile-fullname {font-size:16px; color:#666; margin-bottom:10px}
.profile-link {display:inline-flex; align-items:center; gap:6px; font-size:14px; color:#2a71d0; text-decoration:none; background-color:#f0f7ff; padding:6px 12px; border-radius:4px; transition:all .2s ease}
.profile-link:hover {background-color:#e1efff; color:#1a5cb0}
.service-details-accordion {margin-top:15px}
.accordion-toggle {width:100%; background-color:#f0f7ff; border:none; padding:10px 15px; text-align:left; cursor:pointer; display:flex; justify-content:space-between; align-items:center; border-radius:4px; font-size:14px; font-weight:500; color:#2a71d0; transition:all .2s ease}
.accordion-toggle:hover {background-color:#e1efff}
.accordion-toggle.active {background-color:#2a71d0; color:#fff; border-radius:4px 4px 0 0}
.accordion-toggle i {transition:transform .3s ease}
.accordion-toggle.active i {transform:rotate(180deg)}
.accordion-content {max-height:0; overflow:hidden; transition:max-height .3s ease; background-color:#fff; border:1px solid #e1efff; border-top:none; border-radius:0 0 4px 4px}
.service-details-section {padding:15px; border-bottom:1px dashed #e1e1e1}
.service-details-section:last-child {border-bottom:none}
.service-details-section h4 {font-size:14px; font-weight:600; color:#333; margin:0 0 10px 0}
.profile-link-container {margin-top:10px}

@media (max-width: 767px) {
.profile-header-container {flex-direction:column; align-items:flex-start}
.profile-image-container {margin-bottom:15px}
}

.accordion-content.smm-scroll {max-height:200px!important; overflow-y:auto; padding-right:5px}
.famuzo-page-header {text-align:center; margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid var(--famuzo-border);}
.famuzo-page-header .page-title {font-size:2.25rem; font-weight:700; margin:0 0 0.5rem; color:var(--famuzo-text);}
.famuzo-page-header .order-number {background:var(--famuzo-primary-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
.famuzo-page-header .order-status {font-size:1rem; color:var(--famuzo-light-text); margin:0;}
.status-badge {display:inline-block; padding:4px 12px; border-radius:20px; font-size:0.875rem; font-weight:500; text-transform:capitalize;}
.status-badge.status-pending {background-color:rgba(255, 193, 7, 0.1); color:#ffc107; border:1px solid rgba(255, 193, 7, 0.3);}
.status-badge.status-processing {background-color:rgba(0, 123, 255, 0.1); color:#007bff; border:1px solid rgba(0, 123, 255, 0.3);}
.status-badge.status-completed {background-color:rgba(40, 167, 69, 0.1); color:#28a745; border:1px solid rgba(40, 167, 69, 0.3);}
.status-badge.status-cancelled {background-color:rgba(220, 53, 69, 0.1); color:#dc3545; border:1px solid rgba(220, 53, 69, 0.3);}
.status-badge.status-on-hold {background-color:rgba(255, 193, 7, 0.1); color:#ffc107; border:1px solid rgba(255, 193, 7, 0.3);}
.famuzo-order-pay-form .famuzo-checkout-columns {display:flex; flex-wrap:wrap; gap:2rem; margin-top:1rem;}
.famuzo-order-pay-form .famuzo-checkout-details {flex:1 1 55%; min-width:300px; order:1;}
.famuzo-order-pay-form .famuzo-checkout-summary {min-width:300px; order:2; flex:1 1 40%; background-color:var(--famuzo-lighter-bg); border-radius:var(--famuzo-radius); padding:1.5rem; position:sticky; top:2rem; align-self:flex-start;}
.order-items-table {margin-bottom:1.5rem;}
.order-item-row {display:flex; align-items:center; padding:1rem 0; border-bottom:1px solid var(--famuzo-border);}
.order-item-row:last-child {border-bottom:none;}
.order-item-row .item-details {display:flex; align-items:center; flex:1; min-width:0;}
.order-item-row .item-info {flex:1; min-width:0;}
.order-item-row .item-name {font-weight:500; margin-bottom:0.25rem; font-size:0.9rem; color:var(--famuzo-text);}
.order-item-row .item-quantity {font-size:0.8rem; color:var(--famuzo-light-text);}
.order-item-row .item-total {margin-left:1rem; font-weight:600; color:var(--famuzo-primary);}
.item-custom-details {margin-top:0.5rem; font-size:0.8rem; color:var(--famuzo-light-text);}
.order-totals-section {background-color:var(--famuzo-light-bg); border-radius:var(--famuzo-radius); padding:1rem; margin-top:1rem;}
.total-row {display:flex; justify-content:space-between; padding:0.5rem 0; font-size:0.9rem;}
.total-row:last-child {border-bottom:none;}
.total-row.final-total {font-size:1.125rem; font-weight:700; padding-top:1rem; margin-top:0.5rem; border-top:2px solid var(--famuzo-border); border-bottom:none;}
.total-row.final-total .total-label, .total-row.final-total .total-value {color:var(--famuzo-text);}
.total-row .total-value {font-weight:600; color:var(--famuzo-primary);}
.order-info-grid {display:grid; grid-template-columns:1fr; gap:1rem; margin-bottom:1.5rem;}
.info-item {display:flex; justify-content:space-between; align-items:center; padding:0.75rem 0; border-bottom:1px solid var(--famuzo-border);}
.info-item:last-child {border-bottom:none;}
.info-label {font-size:0.875rem; color:var(--famuzo-light-text); font-weight:500;}
.info-value {font-size:1rem; font-weight:600; color:var(--famuzo-text);}
.info-value.total-amount {font-size:1.125rem; color:var(--famuzo-primary);}
.customer-note {background-color:var(--famuzo-light-bg); border-radius:var(--famuzo-radius); padding:1rem; margin:1.5rem 0; border-left:4px solid var(--famuzo-primary);}
.customer-note h4 {font-size:1rem; font-weight:600; margin:0 0 0.5rem; color:var(--famuzo-text);}
.customer-note p {margin:0; font-size:0.875rem; color:var(--famuzo-light-text); line-height:1.5;}
.support-section {background-color:var(--famuzo-light-bg); border-radius:var(--famuzo-radius); padding:1.5rem; margin-top:1.5rem; text-align:center;}
.support-section h4 {font-size:1.125rem; font-weight:600; margin:0 0 0.75rem; color:var(--famuzo-text);}
.support-section p {font-size:0.875rem; color:var(--famuzo-light-text); margin:0 0 1rem; line-height:1.5;}
.support-button {display:inline-flex; align-items:center; gap:0.5rem; padding:0.75rem 1.5rem; background:var(--famuzo-primary-gradient); color:#fff; text-decoration:none; border-radius:var(--famuzo-radius); font-weight:500; font-size:0.875rem; transition:var(--famuzo-transition);}
.support-button:hover {transform:translateY(-2px); box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); color:#fff;}
.support-button svg {width:16px; height:16px;}
.famuzo-order-pay-form .woocommerce-payment-methods {background-color:transparent; border-radius:0;}
.famuzo-order-pay-form .wc_payment_methods {border:none; padding:0; list-style:none;}
.famuzo-order-pay-form .wc_payment_methods li {padding:1rem 0; border-bottom:1px solid var(--famuzo-border);}
.famuzo-order-pay-form .wc_payment_methods li:last-child {border-bottom:none;}
.famuzo-order-pay-form .wc_payment_methods label {font-weight:500; margin-left:0.5rem; color:var(--famuzo-text);}
.famuzo-order-pay-form .payment_box {background-color:var(--famuzo-lighter-bg) !important; border-radius:var(--famuzo-radius) !important; color:var(--famuzo-text) !important; padding:1rem !important; margin:1rem 0 0 !important; border:1px solid var(--famuzo-border) !important;}
.famuzo-order-pay-form .payment_box::before {border-bottom-color:var(--famuzo-lighter-bg) !important;}
.no-payment-methods {padding:1.5rem; text-align:center; background-color:var(--famuzo-light-bg); border-radius:var(--famuzo-radius); color:var(--famuzo-light-text);}

@media (max-width: 992px) {
.famuzo-order-pay-form .famuzo-checkout-columns {flex-direction:column;}
.famuzo-order-pay-form .famuzo-checkout-details, .famuzo-order-pay-form .famuzo-checkout-summary {order:0; width:100%;}
.famuzo-order-pay-form .famuzo-checkout-summary {position:static; padding:1rem;}
#famuzo-order-pay-wrapper {padding:1rem; margin:1rem auto;}
.famuzo-page-header .page-title {font-size:1.75rem;}
}

@media (max-width: 576px) {
.order-item-row {flex-direction:column; align-items:flex-start; gap:1rem;}
.order-item-row .item-details {width:100%;}
.order-item-row .item-total {margin-left:0; align-self:flex-end;}
.order-info-grid {grid-template-columns:1fr;}
.info-item {flex-direction:column; align-items:flex-start; gap:0.25rem;}
.famuzo-page-header .page-title {font-size:1.5rem;}
}

.out-link {display:flex; align-items:center; gap:0.25rem; color:var(--famuzo-primary); text-decoration:none; font-size:0.875rem; font-weight:500; transition:var(--famuzo-transition);}
.out-link:hover {color:var(--famuzo-primary-dark);}
.out-link svg {width:16px; height:16px;}
.out-link:hover{color:var(--famuzo-primary-dark)}.out-link svg{width:16px;height:16px}
.famuzo-review {max-width: 350px;text-align: center;}
.famuzo-review-content {font-style: italic;font-size: 15px;margin-bottom: 10px;color: var(--header-text)}
.famuzo-review-rating svg{max-width:18px;margin:0 1px;fill:var(--famuzo-primary)}
.famuzo-review span.author{font-size:14px;color:var(--addon-accent-color);font-weight:normal}
