/* Reference layout, with Fymint's existing pink palette. */
.app>header[data-reference-header]{padding:20px 18px 0;background:linear-gradient(120deg,#ffb8d5,#ffe2ed 75%,#fff0f6)}
[data-reference-header] .shop-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 15px}
[data-reference-header] .reference-delivery{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;text-align:left;padding:0;gap:3px}
.reference-delivery>span:first-child{font-size:14px;font-weight:750}
.reference-delivery>strong{font-family:Manrope,Arial,sans-serif;font-size:clamp(22px,6.2vw,34px);font-weight:800;letter-spacing:-1px;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-reference-header] .shop-header-actions{display:flex;align-items:center;gap:13px;flex-shrink:0;padding-bottom:6px}
[data-reference-header] .round{width:45px;height:45px;background:#fff;border:1px solid #f1dbe5}
[data-reference-header] .round small{font-size:10px;bottom:-8px;border:1px solid #f1dbe5;padding:1px 7px}
[data-reference-header] .reference-status{font-size:8px;letter-spacing:1px;padding:2px 5px;margin-top:3px;align-self:flex-start;float:none}
[data-reference-header] .reference-address{font-size:13px;gap:5px;padding:0 0 17px;width:100%;text-align:left;line-height:1.4}
[data-reference-header] .reference-address b{flex-shrink:0}
[data-reference-header] .search{height:52px;border-radius:14px;padding:0 14px;gap:11px;margin:0}
[data-reference-header] .search input{font-size:15px}
[data-reference-header] .search svg{width:23px;height:23px}
[data-reference-header] .top-tabs{display:flex;justify-content:flex-start;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;margin-top:18px;scrollbar-width:none}
[data-reference-header] .top-tabs::-webkit-scrollbar{display:none}
[data-reference-header] .top-tabs button{flex:0 0 auto;min-width:57px;gap:8px;padding:5px 0 15px;font-size:12px;color:#654451}
[data-reference-header] .top-tabs svg{width:29px;height:29px}
[data-reference-header] .top-tabs .selected{color:var(--pink);font-weight:800}
[data-reference-header] .top-tabs .selected:after{height:4px;border-radius:5px 5px 0 0}
@media(min-width:750px){.app>header[data-reference-header]{padding:25px 40px 0}[data-reference-header] .top-tabs{justify-content:space-between;gap:20px}[data-reference-header] .top-tabs button{font-size:13px;min-width:65px}[data-reference-header] .top-tabs svg{width:32px;height:32px}[data-reference-header] .reference-address{font-size:16px}}
@media(max-width:350px){.app>header[data-reference-header]{padding-left:14px;padding-right:14px}[data-reference-header] .shop-header-actions{gap:9px}[data-reference-header] .round{width:39px;height:39px}.reference-delivery>strong{font-size:22px}}