/* Standalone page defaults; the product styles follow. */
:root { color-scheme: light; }
html { width: 100%; }
body { margin: 0; background: #f2eef1; }
button, input { font: inherit; }
.cursor-interaction { cursor: pointer; }
button:disabled { cursor: default; }
#perfume-preview{width:100%;max-width:430px;min-height:100svh;margin:0 auto;padding:0;box-sizing:border-box;color-scheme:light;background:#fffafd}
#perfume-preview *{box-sizing:border-box}
#perfume-preview .pf-app{--pf-bg:#fffafd;--pf-ink:#502238;--pf-muted:#86556b;--pf-line:#f3dce6;--pf-soft:#ffeaf3;--pf-accent:#d42b70;--pf-on-accent:#ffffff;width:100%;max-width:430px;min-height:100svh;margin:0 auto;border:0;border-radius:0;overflow:visible;background:var(--pf-bg);color:var(--pf-ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}
#perfume-preview .pf-header{padding:8px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pf-line)}
#perfume-preview .pf-logo{display:flex;align-items:center;gap:10px;min-width:0}
#perfume-preview .pf-logo img{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--pf-line),0 4px 10px #d42b7033}
#perfume-preview .pf-wordmark{display:flex;flex-direction:column;gap:2px}
#perfume-preview .pf-wordmark strong{font:500 18px/1.15 Georgia,serif;letter-spacing:1px;color:var(--pf-ink)}
#perfume-preview .pf-wordmark span{font-size:11px;letter-spacing:1.6px;color:var(--pf-accent)}
#perfume-preview h1{font:400 36px/1.13 Georgia,serif;letter-spacing:-1px;margin:12px 0}
#perfume-preview strong{font-weight:600}
#perfume-preview .pf-catalog{padding:24px}
#perfume-preview [hidden]{display:none!important}
#perfume-preview .pf-topbar{position:sticky;top:0;z-index:20;width:100%;background:var(--pf-bg);border-bottom:1px solid var(--pf-line)}
#perfume-preview .pf-search-group{margin:0;padding:8px 18px 10px}
#perfume-preview .pf-list-heading,#perfume-preview .pf-brand-group{scroll-margin-top:calc(var(--pf-sticky-height, 124px) + 12px)}
#perfume-preview .pf-search-group label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#perfume-preview .pf-search-wrap{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 4px 0 13px;border:1px solid var(--pf-line);border-radius:11px;background:var(--pf-bg);color:var(--pf-muted)}
#perfume-preview .pf-search-wrap:focus-within{outline:2px solid var(--pf-accent);outline-offset:2px}
#perfume-preview .pf-search-wrap svg{width:18px;height:18px;flex-shrink:0}
#perfume-preview .pf-search-wrap input{width:100%;min-width:0;flex:1;padding:8px 0;border:0;outline:0;background:transparent;color:var(--pf-ink);font:400 16px/1.4 Arial,Helvetica,sans-serif}
#perfume-preview .pf-search-wrap input::placeholder{color:var(--pf-muted);opacity:1}
#perfume-preview .pf-search-wrap input::-webkit-search-cancel-button{-webkit-appearance:none}
#perfume-preview .pf-clear{flex-shrink:0;width:44px;min-height:40px;border:0;border-radius:8px;background:transparent;color:var(--pf-muted);font-size:22px}
#perfume-preview .pf-empty{padding:30px 8px;text-align:center;font-size:13px}
#perfume-preview .pf-empty p{margin:6px 0 0;color:var(--pf-muted);font-size:12px}
#perfume-preview .pf-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
#perfume-preview h2{font-size:15px;font-weight:600;margin:0}
#perfume-preview .pf-list-heading>span{font-size:11px;color:var(--pf-muted)}
#perfume-preview .pf-brand-group{border-bottom:1px solid var(--pf-line);padding:8px 0}
#perfume-preview .pf-brand-title{margin:0}
#perfume-preview .pf-brand-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 0;border:0;background:transparent;color:var(--pf-ink);text-align:left;font-size:15px;font-weight:500;line-height:1.4}
#perfume-preview .pf-brand-toggle>span{min-width:0;overflow-wrap:anywhere}
#perfume-preview .pf-brand-toggle svg{width:16px;height:16px;flex-shrink:0;color:var(--pf-muted)}
#perfume-preview .pf-brand-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#perfume-preview .pf-submenu{padding-left:12px;margin:6px 0 12px;border-left:2px solid var(--pf-line)}
#perfume-preview .pf-item{padding:3px 0}
#perfume-preview .pf-item+.pf-item{margin-top:15px;padding-top:15px;border-top:1px solid var(--pf-line)}
#perfume-preview .pf-row{display:flex;align-items:center;gap:14px;justify-content:space-between}
#perfume-preview .pf-copy{min-width:0;flex:1}
#perfume-preview .pf-name{font-size:13px;font-weight:500;margin:0;line-height:1.5;overflow-wrap:anywhere}
#perfume-preview .pf-row-prices{display:flex;flex-wrap:wrap;gap:3px 10px;color:var(--pf-muted);font-size:11px;margin-top:6px;font-variant-numeric:tabular-nums}
#perfume-preview .pf-row-prices span{white-space:nowrap}
#perfume-preview .pf-row-prices b{color:var(--pf-ink);font-weight:500}
#perfume-preview button{font-family:inherit;font-size:12px;line-height:1.4}
#perfume-preview button:focus-visible{outline:3px solid var(--pf-accent);outline-offset:3px}
#perfume-preview .pf-buy{min-width:62px;min-height:44px;border:0;border-radius:11px;padding:12px 15px;background:var(--pf-accent);color:var(--pf-on-accent);font-weight:600;flex-shrink:0}
#perfume-preview .pf-buy[aria-expanded=true]{background:var(--pf-soft);color:var(--pf-ink)}
#perfume-preview .pf-more{width:100%;min-height:44px;margin-top:20px;background:transparent;border:1px solid var(--pf-line);border-radius:10px;color:var(--pf-ink);display:flex;justify-content:center;align-items:center;gap:12px}
#perfume-preview .pf-footer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:20;width:100%;max-width:430px;min-height:64px;padding:8px 18px calc(8px + env(safe-area-inset-bottom, 0px));display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:6px;border-top:1px solid var(--pf-line);background:var(--pf-bg);color:var(--pf-muted)}
#perfume-preview .pf-footer-summary{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;padding:2px 6px;border:0;background:transparent;color:var(--pf-muted);text-align:left;font-variant-numeric:tabular-nums;cursor:pointer}
#perfume-preview .pf-footer-summary:hover{background:var(--pf-soft)}
#perfume-preview .pf-footer-values{display:flex;flex-direction:column;gap:2px;min-width:0}
#perfume-preview .pf-footer-summary svg{flex-shrink:0}
#perfume-preview .pf-footer-summary span{font-size:11px}
#perfume-preview .pf-footer-summary strong{font-size:17px;line-height:1.3;color:var(--pf-ink);overflow-wrap:anywhere}
#perfume-preview .pf-footer-checkout{flex-shrink:0;min-height:44px;padding:8px 12px;border:4px solid transparent;background:var(--pf-accent);background-clip:padding-box;color:var(--pf-on-accent);font-size:12px;font-weight:500;white-space:nowrap}
#perfume-preview .pf-order{margin-top:16px;padding:14px;background:var(--pf-soft);border-radius:12px}
#perfume-preview .pf-order-label{display:block;font-size:11px;margin-bottom:10px;color:var(--pf-muted)}
#perfume-preview .pf-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#perfume-preview .pf-size{min-height:50px;background:var(--pf-bg);color:var(--pf-ink);border:1px solid var(--pf-line);border-radius:8px;padding:8px 3px}
#perfume-preview .pf-size strong{display:block;font-size:13px;margin-top:2px}
#perfume-preview .pf-size[aria-pressed=true]{border-color:var(--pf-accent);background:var(--pf-accent);color:var(--pf-on-accent)}
#perfume-preview .pf-add{width:100%;min-height:44px;margin-top:10px;border-radius:8px;border:0;background:var(--pf-accent);color:var(--pf-on-accent);font-weight:600}
#perfume-preview .pf-confirm{font-size:12px;margin:12px 0 0;color:var(--pf-ink)}
#perfume-preview .pf-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#perfume-preview .pf-app{border:0;border-radius:0;box-shadow:none;overflow:visible;padding-bottom:calc(var(--pf-footer-height, 64px + env(safe-area-inset-bottom, 0px)) + 12px)}
#perfume-preview .pf-order{border-radius:0;background:transparent;padding:14px 0 0}
#perfume-preview button,#perfume-preview .pf-buy,#perfume-preview .pf-more,#perfume-preview .pf-clear,#perfume-preview .pf-size,#perfume-preview .pf-add,#perfume-preview .pf-search-wrap{border-radius:9999px}
#perfume-preview .pf-cart{padding:24px;min-height:440px}
#perfume-preview .pf-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 15px;background:var(--pf-soft);color:var(--pf-ink);border:0}
#perfume-preview .pf-cart-heading{padding:20px 0 12px}
#perfume-preview .pf-cart-heading h1{font-size:32px;margin:0 0 8px}
#perfume-preview .pf-cart-heading p{margin:0;font-size:12px;color:var(--pf-muted)}
#perfume-preview .pf-cart-item{padding:20px 0;border-bottom:1px solid var(--pf-line)}
#perfume-preview .pf-cart-item h2{font-size:14px;overflow-wrap:anywhere}
#perfume-preview .pf-cart-brand{margin:0 0 5px;font-size:11px;color:var(--pf-muted)}
#perfume-preview .pf-cart-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 14px;font-size:12px;color:var(--pf-muted)}
#perfume-preview .pf-volume{border-radius:9999px;padding:5px 10px;background:var(--pf-soft);color:var(--pf-ink)}
#perfume-preview .pf-cart-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
#perfume-preview .pf-quantity{display:flex;align-items:center;border:1px solid var(--pf-line);border-radius:9999px;padding:2px}
#perfume-preview .pf-quantity button{min-width:44px;min-height:44px;border:0;background:var(--pf-soft);color:var(--pf-ink);font-size:18px}
#perfume-preview .pf-quantity output{min-width:32px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
#perfume-preview .pf-line-total{text-align:right;font-variant-numeric:tabular-nums}
#perfume-preview .pf-line-total small{display:block;font-size:11px;color:var(--pf-muted);margin-bottom:2px}
#perfume-preview .pf-remove{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:44px;padding:7px 10px;border:4px solid transparent;background:#ffe6eb;background-clip:padding-box;color:#b42342;font-weight:500;cursor:pointer}
#perfume-preview .pf-remove:hover{background-color:#ffd2dd}
#perfume-preview .pf-cart-item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#perfume-preview .pf-cart-item-title{min-width:0}
#perfume-preview .pf-summary{padding-top:26px}
#perfume-preview .pf-total-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:var(--pf-muted);margin-bottom:15px;font-variant-numeric:tabular-nums}
#perfume-preview .pf-grand-total{color:var(--pf-ink);font-size:18px}
#perfume-preview .pf-checkout{width:100%;min-height:50px;padding:14px 20px;border:0;background:var(--pf-accent);color:var(--pf-on-accent);font-size:14px;font-weight:600}
#perfume-preview .pf-checkout-note{margin:14px 0 0;color:var(--pf-muted);font-size:12px;text-align:center}
#perfume-preview button:disabled{opacity:.4;cursor:default}
#perfume-preview .pf-buy,#perfume-preview .pf-add{min-height:44px;border:6px solid transparent;background-clip:padding-box;padding:5px 10px;font-weight:500}
#perfume-preview .pf-buy{min-width:60px;margin-right:-6px}
#perfume-preview .pf-add{margin-top:8px}
#perfume-preview .pf-size{min-height:44px;padding:5px 7px;font-size:11px;font-weight:400}
#perfume-preview .pf-size strong{display:inline;font-size:11px;margin:0 0 0 4px;font-weight:500}
#perfume-preview .pf-checkout{min-height:48px;border:5px solid transparent;background-clip:padding-box;padding:8px 16px;font-size:13px;font-weight:500}
#perfume-preview .pf-quantity button{border:6px solid transparent;background-clip:padding-box;font-size:16px}
@media(max-width:370px){#perfume-preview{padding:0}#perfume-preview .pf-header,#perfume-preview .pf-search-group,#perfume-preview .pf-catalog,#perfume-preview .pf-footer{padding-left:18px;padding-right:18px}#perfume-preview .pf-row{gap:10px}#perfume-preview .pf-row-prices{gap:3px 7px}#perfume-preview h1{font-size:32px}}

#perfume-preview .pf-telegram-contact{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;background:#0088cc;color:#fff;box-shadow:0 4px 16px #0088cc26;text-decoration:none}
#perfume-preview .pf-telegram-contact:hover{background:#006fa8}
#perfume-preview .pf-telegram-contact:focus-visible{outline:3px solid #0088cc;outline-offset:4px}

@media(max-width:370px){#perfume-preview .pf-footer-checkout{padding-inline:7px;font-size:11px}#perfume-preview .pf-footer-summary{gap:4px;padding-inline:0}#perfume-preview .pf-footer-summary strong{font-size:15px}}

#perfume-preview .pf-remove-dialog{width:calc(100% - 36px);max-width:382px;padding:24px;border:1px solid var(--pf-line);border-radius:32px;background:var(--pf-bg);color:var(--pf-ink);box-shadow:0 16px 60px #50223833}
#perfume-preview .pf-remove-dialog::backdrop{background:rgb(40 15 28 / 45%)}
#perfume-preview .pf-remove-dialog h2{font-size:18px}
#perfume-preview .pf-remove-dialog p{margin:12px 0 22px;font-size:13px;line-height:1.6;overflow-wrap:anywhere;color:var(--pf-muted)}
#perfume-preview .pf-dialog-actions{display:flex;gap:10px}
#perfume-preview .pf-dialog-actions button{flex:1;min-height:44px;padding:10px 14px;border:0;background:var(--pf-soft);color:var(--pf-ink)}
#perfume-preview #pf-remove-confirm{background:#b42342;color:white}

#perfume-preview .pf-undo-notice{grid-column:1 / -1;display:flex;align-items:center;gap:6px;padding:8px 10px;margin-bottom:4px;border-radius:24px;background:var(--pf-soft);color:var(--pf-ink)}
#perfume-preview .pf-undo-notice[hidden]{display:none}
#perfume-preview .pf-undo-notice p{flex:1;min-width:0;margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#perfume-preview .pf-undo-notice button{flex-shrink:0;min-height:44px;border:0;padding:8px;background:transparent;color:var(--pf-accent);font-weight:600}
#perfume-preview #pf-undo{text-decoration:underline;text-underline-offset:3px}
#perfume-preview #pf-undo-dismiss{display:flex;align-items:center;justify-content:center;width:44px;color:var(--pf-muted)}

#perfume-preview .pf-undo-copy{flex:1;min-width:0}
#perfume-preview #pf-undo-countdown{display:block;margin-top:3px;color:var(--pf-muted);font-size:11px;font-variant-numeric:tabular-nums}

#perfume-preview .pf-delivery-dialog{width:calc(100% - 28px);max-width:402px;max-height:90svh;overflow-y:auto;padding:22px;border:1px solid var(--pf-line);border-radius:32px;background:var(--pf-bg);color:var(--pf-ink);box-shadow:0 16px 60px #50223833}
#perfume-preview .pf-delivery-dialog::backdrop{background:rgb(40 15 28 / 45%)}
#perfume-preview .pf-delivery-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
#perfume-preview .pf-delivery-heading h2{font-size:20px}
#perfume-preview #pf-delivery-close{width:44px;height:44px;flex-shrink:0;border:0;background:var(--pf-soft);color:var(--pf-ink);font-size:22px;cursor:pointer}
#perfume-preview .pf-delivery-intro{margin:4px 0 18px;color:var(--pf-muted);font-size:12px}
#perfume-preview .pf-delivery-dialog label{display:block;margin:14px 0 6px;font-size:12px;font-weight:600}
#perfume-preview .pf-delivery-dialog label span{color:var(--pf-muted);font-weight:400}
#perfume-preview .pf-delivery-dialog input,#perfume-preview .pf-delivery-dialog textarea{display:block;width:100%;min-height:44px;padding:11px 16px;border:1px solid var(--pf-line);border-radius:9999px;background:var(--pf-bg);color:var(--pf-ink);font:400 16px/1.5 Arial,Helvetica,sans-serif}
#perfume-preview .pf-delivery-dialog textarea{border-radius:24px;resize:vertical}
#perfume-preview .pf-delivery-dialog input:focus-visible,#perfume-preview .pf-delivery-dialog textarea:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}
#perfume-preview .pf-field-help{font-size:11px;line-height:1.5;color:var(--pf-muted);margin:8px 0}
#perfume-preview .pf-delivery-total{margin:20px 0 8px;font-size:14px;font-weight:600}
#perfume-preview .pf-delivery-note{text-align:center}


#perfume-preview .pf-use-location{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:100%;padding:10px 14px;border:1px solid var(--pf-line);border-radius:9999px;background:var(--pf-soft);color:var(--pf-ink);font-size:12px;font-weight:500}
#perfume-preview .pf-use-location:hover:not(:disabled){background:#ffdaea}
#perfume-preview #pf-location-status{margin:8px 0 10px}
#perfume-preview .pf-delivery-label{margin:14px 0 6px;font-size:12px;font-weight:600}
#perfume-preview .pf-delivery-label span{color:var(--pf-muted);font-weight:400}
#perfume-preview .pf-pay{grid-template-columns:repeat(2,minmax(0,1fr))}
#perfume-preview .pf-field-error{margin:6px 0;font-size:11px;color:#b3261e}
#perfume-preview .pf-stock{font-size:10px;color:var(--pf-muted);margin-left:2px}
#perfume-preview .pf-out{color:var(--pf-muted);text-decoration:line-through}
#perfume-preview .pf-sent{margin-top:16px}
#perfume-preview .pf-sent-title{font-size:14px;font-weight:600;margin:0 0 4px}
#perfume-preview .pf-link-button{display:flex;border-radius:9999px;align-items:center;justify-content:center;text-decoration:none;margin:10px 0}
#perfume-preview .pf-message{white-space:pre-wrap;word-break:break-word;font:400 12px/1.5 Arial,Helvetica,sans-serif;background:var(--pf-soft);border-radius:16px;padding:12px 14px;margin:12px 0 0}
#perfume-preview .pf-lang-wrap{position:relative;flex-shrink:0}
#perfume-preview .pf-lang{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px 6px 10px;border:1px solid var(--pf-line);border-radius:9999px;background:var(--pf-soft);color:var(--pf-ink);font:600 12px/1.2 Arial,Helvetica,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
#perfume-preview .pf-lang:hover,#perfume-preview .pf-lang[aria-expanded=true]{background:#ffdaea;border-color:#f0bcd2}
#perfume-preview .pf-lang:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}
#perfume-preview .pf-lang-chevron{color:var(--pf-muted);transition:transform .2s}
#perfume-preview .pf-lang[aria-expanded=true] .pf-lang-chevron{transform:rotate(180deg)}
#perfume-preview .pf-lang-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:40;min-width:200px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--pf-line);border-radius:20px;box-shadow:0 14px 40px #50223829,0 2px 6px #5022380f;transform-origin:top right;animation:pf-lang-in .16s ease-out}
#perfume-preview .pf-lang-menu[hidden]{display:none}
@keyframes pf-lang-in{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}
#perfume-preview .pf-lang-option{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:14px;background:transparent;color:var(--pf-ink);font:500 14px/1.2 Arial,Helvetica,sans-serif;text-align:left;cursor:pointer}
#perfume-preview .pf-lang-option:hover,#perfume-preview .pf-lang-option:focus-visible{background:var(--pf-soft);outline:none}
#perfume-preview .pf-lang-option[aria-selected=true]{background:var(--pf-soft);color:var(--pf-accent);font-weight:700}
#perfume-preview .pf-lang-option .pf-lang-name{flex:1}
#perfume-preview .pf-lang-option .pf-check{visibility:hidden;color:var(--pf-accent)}
#perfume-preview .pf-lang-option[aria-selected=true] .pf-check{visibility:visible}
@media (prefers-reduced-motion:reduce){#perfume-preview .pf-lang-menu{animation:none}#perfume-preview .pf-lang-chevron{transition:none}}
#perfume-preview .pf-delivery-dialog label b,#perfume-preview .pf-delivery-label b{font-weight:600}
#perfume-preview .pf-flag{display:block;flex-shrink:0;width:22px;height:22px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #5022381f,0 1px 2px #50223824}
#perfume-preview .pf-flag svg{display:block}
#perfume-preview .pf-lang .pf-flag{width:20px;height:20px}
#perfume-preview .pf-form-error{margin:12px 0 4px;padding:10px 14px;border-radius:16px;background:#fdecec;font-size:12px;font-weight:600}
#perfume-preview .pf-delivery-dialog [aria-invalid]{border-color:#b3261e}
#perfume-preview .pf-test-banner{margin:0;padding:8px 16px;background:#fff4c2;color:#5c4400;font:700 11px/1.4 Arial,Helvetica,sans-serif;text-align:center;letter-spacing:.02em}
#perfume-preview .pf-maps-button{text-decoration:none;margin:0 0 10px}
#perfume-preview .pf-maps-button[hidden]{display:none}
#perfume-preview .pf-sending{width:calc(100% - 40px);max-width:350px;padding:26px 22px 22px;border:1px solid var(--pf-line);border-radius:32px;background:var(--pf-bg);color:var(--pf-ink);text-align:center;box-shadow:0 16px 60px #50223833}
#perfume-preview .pf-sending[open]{animation:pf-pop .25s ease-out}
#perfume-preview .pf-sending::backdrop{background:rgb(40 15 28 / 55%);backdrop-filter:blur(2px)}
#perfume-preview .pf-sending h2{margin:16px 0 6px;font:600 18px/1.3 Georgia,serif}
#perfume-preview .pf-sending > p{margin:0 0 16px;font-size:13px;line-height:1.55;color:var(--pf-muted)}
#perfume-preview .pf-sending-badge{position:relative;width:76px;height:76px;margin:0 auto;border-radius:50%;background:var(--pf-soft)}
#perfume-preview .pf-sending-box{position:absolute;inset:0;display:grid;place-items:center;font-size:36px;line-height:1;animation:pf-pack 1s ease-in-out infinite}
#perfume-preview .pf-sending-check{position:absolute;inset:20px;width:36px;height:36px;fill:none;stroke:var(--pf-on-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;opacity:0}
#perfume-preview .pf-sending[data-state=ship] .pf-sending-badge{display:none}
#perfume-preview .pf-sending:is([data-state=done],[data-state=late]) .pf-sending-badge{background:var(--pf-accent);animation:pf-pop .3s ease-out}
#perfume-preview .pf-sending:is([data-state=done],[data-state=late]) .pf-sending-box{display:none}
#perfume-preview .pf-sending:is([data-state=done],[data-state=late]) .pf-sending-check{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .35s .1s ease-out}
#perfume-preview .pf-sending-map{display:none;margin:0}
#perfume-preview .pf-sending[data-state=ship] .pf-sending-map{display:block;animation:pf-pop .3s ease-out}
#perfume-preview .pf-sending-map svg{display:block;width:100%;height:auto;border-radius:20px;box-shadow:inset 0 0 0 1px var(--pf-line)}
#perfume-preview .pf-sending-map figcaption{margin-top:8px;font-size:12px;color:var(--pf-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#perfume-preview .pf-map-ground{fill:#fff3f8}
#perfume-preview .pf-map-block{fill:#fde3ee}
#perfume-preview .pf-map-park{fill:#dff3e6}
#perfume-preview .pf-map-road{fill:none;stroke:#fff;stroke-width:12}
#perfume-preview .pf-map-route{fill:none;stroke:#f1b6cd;stroke-width:4;stroke-linecap:round;stroke-dasharray:2 8}
#perfume-preview .pf-map-trail{fill:none;stroke:var(--pf-accent);stroke-width:4;stroke-linecap:round}
#perfume-preview .pf-map-shop circle{fill:#fff;stroke:var(--pf-accent);stroke-width:2.5}
#perfume-preview .pf-map-shop path{fill:none;stroke:var(--pf-accent);stroke-width:1.8;stroke-linejoin:round}
#perfume-preview .pf-map-pin path{fill:var(--pf-accent)}
#perfume-preview .pf-map-pin circle{fill:#fff}
#perfume-preview .pf-map-pin{animation:pf-pin 1.2s ease-in-out infinite}
#perfume-preview .pf-map-pin[data-here]{animation:pf-land .45s ease-out}
#perfume-preview .pf-map-courier circle{fill:#fff;stroke:var(--pf-line);stroke-width:1.5;filter:drop-shadow(0 3px 4px #d42b7040)}
#perfume-preview .pf-map-courier text{font-size:17px}
#perfume-preview .pf-sending-steps{margin:0;padding:12px 14px;list-style:none;border-radius:20px;background:var(--pf-soft);text-align:left}
#perfume-preview .pf-sending-steps li{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:13px;color:var(--pf-muted)}
#perfume-preview .pf-sending-steps b{font-weight:500}
#perfume-preview .pf-sending-steps span{flex-shrink:0;width:18px;height:18px;border:2px solid var(--pf-line);border-radius:50%;background:var(--pf-bg)}
#perfume-preview .pf-sending-steps :is([data-now],[data-done]){color:var(--pf-ink)}
#perfume-preview .pf-sending-steps [data-now] span{border-top-color:var(--pf-accent);animation:pf-spin .8s linear infinite}
#perfume-preview .pf-sending-steps [data-done] span{border-color:var(--pf-accent);background:var(--pf-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
@keyframes pf-spin{to{transform:rotate(360deg)}}
@keyframes pf-pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes pf-pack{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-7px) rotate(-6deg)}60%{transform:translateY(0) rotate(4deg)}}
@keyframes pf-pin{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes pf-land{0%{scale:1}40%{scale:1.35}100%{scale:1}}
@media (prefers-reduced-motion:reduce){#perfume-preview .pf-sending[open],#perfume-preview .pf-sending *{animation:none!important}}
#perfume-preview .pf-map-pin{transform-box:fill-box;transform-origin:50% 100%}
#perfume-preview .pf-pay-wide{grid-column:1 / -1}
#perfume-preview .pf-pay-note{margin:8px 0 0;padding:10px 14px;border-radius:16px;background:var(--pf-soft);font-size:12px;line-height:1.5;color:var(--pf-ink)}
#perfume-preview .pf-pay-note[hidden]{display:none}