@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";.pompiere-regular{font-family:Pompiere,sans-serif;font-weight:400;font-style:normal}.pompiere-bold{font-family:Pompiere,sans-serif;font-weight:700;font-style:normal}.pompiere-italic{font-family:Pompiere,sans-serif;font-weight:400;font-style:italic}.pompiere-bold-italic{font-family:Pompiere,sans-serif;font-weight:700;font-style:italic}:root{--first-color: #0080FF;--second-color: #E0BFB8;--third-color: #d5ba98;--accent: #ff9d00de;--primary: var(--accent);--dark: #212529}body{font-family:Pompiere,sans-serif;margin:0;padding:0;box-sizing:border-box}.firstColor{color:var(--first-color)}.secondColor{color:var(--second-color)}.thirdColor{color:var(--third-color)}.btn{font-size:18px}.accent{color:var(--accent)}.text-accent{color:var(--accent);font-weight:500}.btn-accent{background-color:var(--accent);color:#fff;font-weight:500;border:none}.btn-accent:hover,.btn-outline-accent{background-color:transparent;color:var(--accent);font-weight:500;border:1px solid var(--accent)}.btn-outline-accent:hover{background-color:var(--accent);color:#fff}.logo{position:relative;width:50px;height:auto;top:-10px;margin-right:-7px;border-radius:5px}.bg-firstColor{background-color:var(--first-color)}.bg-secondColor{background-color:var(--second-color)}.hero-section{background:linear-gradient(#00000059,#00000059),url(/assets/photo-1594035910387-fea47794261f-O3IQdh2E.avif);background-size:cover;background-position:center;color:#fff;padding:120px 0}.perfume-card{transition:transform .3s;border:none;overflow:hidden}.perfume-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0000001a}.perfume-img{height:260px;width:100%;object-fit:contain;border-radius:1rem 1rem 0 0;object-position:center;transition:transform .3s;box-shadow:#2222221e 0 0 10px}.descrip{max-height:200px;padding:8px}.product-image{width:100%;border-radius:8px;object-fit:cover;height:300px}.gallery-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:4px;cursor:pointer;border:2px solid transparent}.gallery-thumbnail:hover,.gallery-thumbnail.active{border-color:var(--primary)}.order-stepper{gap:12px}.order-stepper{align-items:center}.order-stepper .step{padding:8px;opacity:.5;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:64px}.order-stepper .step.active{opacity:1;font-weight:600}.order-stepper .step-circle{width:34px;height:34px;border-radius:50%;background:#f0f0f0;display:inline-flex;align-items:center;justify-content:center;margin:0 0 6px;position:relative;top:auto;left:auto;transform:none;z-index:3}.order-stepper .step.active .step-circle{background:#ffb703;color:#fff}.order-stepper .step-label{display:block;margin-top:6px;font-size:12px;color:#555;text-align:center}.order-stepper .step.label-top{flex-direction:column-reverse}.order-stepper .step.label-top .step-label{margin-top:0;margin-bottom:6px}.step-progress-wrap{padding:6px 0 0}.step-progress{height:10px;background:#e9ecef;border-radius:6px;overflow:hidden;position:relative}.step-progress-bar{height:100%;background:linear-gradient(90deg,#ffb703,#ff6b35);width:0%;transition:width .4s ease-in-out}@media(max-width:768px){.order-stepper .step-label{font-size:11px}}.order-stepper{position:relative;padding-top:18px}.order-stepper:before{content:"";position:absolute;left:6%;right:6%;top:50%;height:6px;background:#f0f0f0;border-radius:4px;z-index:0}.order-stepper .step{position:relative;z-index:2}.order-stepper .step .step-circle{margin-bottom:4px}.order-stepper .step.active .step-circle{box-shadow:0 4px 10px #00000014;transform:translateY(-6px);transition:transform .3s ease}.step-markers{position:absolute;left:0;right:0;top:50%;pointer-events:none}.step-marker{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #e6e6e6;transition:background .24s ease,transform .24s ease,border-color .24s ease,box-shadow .24s ease;position:absolute;z-index:2;box-shadow:0 2px 6px #0000000f}.step-marker.completed{background:#00b894;border-color:#00b894;transform:translate(-50%,-50%) scale(1.05)}.step-marker.current{background:#0984e3;border-color:#0984e3;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 6px 14px #031e3c1f}.step-marker:not(.completed):not(.current){transform:translate(-50%,-50%)}.step-marker.completed{background:#00b894}.step-marker.current{background:#0984e3}.step .step-label{color:#7a7a7a}.step.completed .step-label{color:#00b894}.step.current .step-label{color:#0984e3;font-weight:700}.step.completed .step-circle{background:#00b894;color:#fff}.step.current .step-circle{background:#0984e3;color:#fff}.step-progress-bar{background:linear-gradient(90deg,#00b894,#06c6d8)}.timeline{margin-top:1rem;display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;align-items:flex-start;gap:12px}.timeline-badge{width:36px;height:36px;border-radius:50%;background:var(--primary, #ffb703);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 36px;font-size:16px;box-shadow:0 6px 14px #031e3c14}.timeline-content .card{margin:0;border-radius:8px;box-shadow:0 6px 18px #031e3c0f;border:1px solid rgba(0,0,0,.04)}.timeline-badge.status-created,.timeline-badge.status-paid{background:#ffb703}.timeline-badge.status-processing{background:#06c6d8}.timeline-badge.status-shipped{background:#ff6b35}.timeline-badge.status-in_transit{background:#0984e3}.timeline-badge.status-delivered{background:#00b894}.timeline-badge.status-completed{background:#6c757d}.timeline-badge.status-unknown{background:#adb5bd}.timeline-content .card.status-created,.timeline-content .card.status-paid{border-left:4px solid #ffb703}.timeline-content .card.status-processing{border-left:4px solid #06c6d8}.timeline-content .card.status-shipped{border-left:4px solid #ff6b35}.timeline-content .card.status-in_transit{border-left:4px solid #0984e3}.timeline-content .card.status-delivered{border-left:4px solid #00b894}.timeline-content .card.status-completed{border-left:4px solid #6c757d}.timeline-content .card.status-unknown{border-left:4px solid #adb5bd}.timeline .card-body{padding:.6rem .9rem}.timeline .timeline-title{margin:0 0 4px;font-size:.95rem}.timeline .timeline-meta{font-size:.82rem;color:#8b9498}@media(max-width:768px){.timeline-item{gap:10px}.timeline-badge{width:32px;height:32px;font-size:14px}}