/* YELLA ORDER SUCCESS PAGE */
.ys-order{max-width:480px;margin:0 auto;padding:0 0 24px}
.ys-order .breadcrumb-box{display:none}
.ys-order h1{display:none}

/* Hero */
.ys-hero{text-align:center;padding:20px 0 28px}
.ys-hero__check{width:80px;height:80px;background:linear-gradient(135deg,#CCFF00,#A8E600);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 32px rgba(204,255,0,0.35);animation:ys-pulse 2s ease-in-out infinite}
@keyframes ys-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.ys-hero__check svg{width:40px;height:40px;stroke:#1A1A1A;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ys-hero__title{font-size:24px;font-weight:900;color:#1A1A1A;margin-bottom:8px}
.ys-hero__subtitle{font-size:14px;font-weight:500;color:#8A8F98;line-height:1.6;max-width:320px;margin:0 auto}

/* Order card */
.ys-order-card{background:#FFF;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.ys-order-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #F0F1F3}
.ys-order-card__number{font-size:14px;font-weight:700;color:#1A1A1A}
.ys-order-card__date{font-size:12px;color:#8A8F98}
.ys-order-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #F0F1F3}
.ys-order-item:last-child{border:none}
.ys-order-item__img{width:64px;height:64px;border-radius:10px;background:#F4F5F6;object-fit:contain}
.ys-order-item__info{flex:1}
.ys-order-item__name{font-size:13px;font-weight:600;line-height:1.4;margin-bottom:4px}
.ys-order-item__qty{font-size:12px;color:#8A8F98}
.ys-order-item__price{font-size:14px;font-weight:800;color:#1A1A1A;white-space:nowrap}
.ys-order-total{display:flex;justify-content:space-between;padding:12px 0 0;font-size:16px;font-weight:900;color:#1A1A1A;border-top:1px solid #F0F1F3;margin-top:8px}

/* Timeline */
.ys-timeline{background:#FFF;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.ys-timeline__title{font-size:14px;font-weight:700;color:#1A1A1A;margin-bottom:16px}
.ys-timeline__step{display:flex;gap:12px;align-items:flex-start;position:relative}
.ys-timeline__step:not(:last-child)::after{content:'';position:absolute;left:15px;top:32px;bottom:-8px;width:2px;background:#E6E8EB}
.ys-timeline__dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}
.ys-timeline__dot--done{background:#CCFF00}
.ys-timeline__dot--active{background:#1A1A1A}
.ys-timeline__dot--pending{background:#E6E8EB}
.ys-timeline__dot svg{width:16px;height:16px;stroke:#FFF;stroke-width:2.5;fill:none}
.ys-timeline__dot--pending svg{stroke:#8A8F98}
.ys-timeline__label{font-size:13px;font-weight:600;color:#1A1A1A;padding-top:4px}
.ys-timeline__time{font-size:11px;color:#8A8F98;margin-top:2px}

/* Features */
.ys-features{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.ys-feature{display:flex;align-items:center;gap:14px;background:#FFF;border-radius:14px;padding:14px 16px;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.ys-feature__icon{width:40px;height:40px;background:#F7F8FA;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ys-feature__icon svg{width:20px;height:20px;stroke:#1A1A1A;stroke-width:2;fill:none}
.ys-feature__title{font-size:14px;font-weight:700;color:#1A1A1A}
.ys-feature__desc{font-size:12px;color:#8A8F98}

/* CTA */
.ys-cta{text-align:center;margin-bottom:20px}
.ys-cta__btn{display:inline-flex;align-items:center;gap:8px;background:#1A1A1A;color:#FFF;border:none;border-radius:12px;padding:14px 32px;font-size:15px;font-weight:700;font-family:'Rubik',sans-serif;cursor:pointer;text-decoration:none;transition:background 0.2s}
.ys-cta__btn:hover{background:#333}
.ys-cta__btn svg{width:18px;height:18px;stroke:#FFF;stroke-width:2;fill:none}
.ys-cta__help{font-size:13px;color:#8A8F98;margin-top:12px}
.ys-cta__help a{color:#1A1A1A;font-weight:600;text-decoration:underline}

/* Hide elements */
.ys-order .fixed-goods-bar,
.ys-order .chm-account-fixed { display: none !important; }