/* Keep everyday choices visible; put the explanation one click away. */
.page-heading{margin-bottom:18px}
.page-heading h1{font-size:27px;letter-spacing:-.8px}
.page-heading .receipt-chip{padding:11px 15px}
.steps{display:none}
.nav{font-size:13px}
.review-card-head{padding-bottom:18px}
.review-kicker{color:#65775d}
.product-visual{height:125px}
.product-format,.price-caption{color:#66775b}
.product-format{min-height:28px}
.product-price span{font-size:15px}
.product-name{min-height:38px}
.mini-edit{min-height:30px;padding:4px 8px;color:#4e6a3c;font-size:10px}
.add-photo{min-height:28px;font-size:10px}
.proposal-tag{font-size:9px;color:#4d673b}
.review-verdict{padding:0 28px 20px}
.tradeoff{border-radius:12px;padding:11px 14px;background:#eff5e7;color:#335b31}
.tradeoff.costlier{background:#fcf3e5;color:#805b24}
.tradeoff-values{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;line-height:1.25}
.tradeoff-values strong{font-size:26px;font-weight:720;letter-spacing:-.7px;white-space:nowrap;font-variant-numeric:tabular-nums}
.tradeoff-values>span{font-size:22px;opacity:.45}
.tradeoff small{display:block;font-size:11px;color:#617456;margin-top:4px}
.tradeoff.costlier small{color:#886e45}
.tradeoff-uncertain{font-size:12px;background:#fff7e7;border-radius:9px;padding:10px 12px;color:#866826}
.choice-actions{padding-bottom:12px}
.choice-actions .button{min-height:46px;font-size:12px}
.keep-original{min-height:42px;color:#5f7750;font-size:12px}
.review-details{margin:0 28px 16px;border-top:1px solid var(--line);color:#5e7154;font-size:12px}
.review-details summary{min-height:44px;padding:12px 0;cursor:pointer;color:#4d6543;font-size:12px}
.review-details p{line-height:1.7;margin:4px 0 12px}
.review-details .source-links{font-size:12px;padding-bottom:10px}
.review-footer{font-size:11px}
.review-footer button{min-height:38px;font-size:12px}
.cart-heading h2{font-size:24px}
.cart-heading p{color:#64785a;font-size:12px}
.cart-heading .button{min-height:44px;font-size:11px}
.cart-row{display:grid;grid-template-columns:54px minmax(0,1fr) 112px;gap:14px;padding:19px 0;align-items:start}
.cart-row-image{width:54px;height:64px;margin-top:3px}
.cart-row-copy{min-width:0}
.cart-row h3{font-size:14px;line-height:1.4;margin:0 0 4px}
.cart-row-copy>p{font-size:11px;line-height:1.5;color:#6b7b60;margin:3px 0 9px}
.cart-row .tradeoff{padding:8px 10px;margin:9px 0 7px;width:fit-content;max-width:100%}
.cart-row .tradeoff-values{gap:7px}
.cart-row .tradeoff-values strong{font-size:22px;letter-spacing:-.45px}
.cart-row .tradeoff small{font-size:10px}
.cart-row .cart-pack-quantity{font-size:11px;margin:7px 0}
.cart-row-end{display:flex;flex-direction:column;align-items:flex-end;gap:13px;padding-top:1px}
.row-price{font-size:22px;line-height:1.3;letter-spacing:-.5px}
.row-price small{font-size:11px;color:#6e7d63;letter-spacing:0;margin-top:4px}
.change-row.button{min-height:44px;font-size:12px;padding:9px 15px}
.tiny-status{font-size:10px}
.cart-footer-note{background:#f6f8f1;color:#667d57;border-color:var(--line);font-size:12px}
.cart-notice{font-size:12px}
.complete-panel{padding:34px 22px}
.complete-panel p{color:#6b7f5c;font-size:14px}
.complete-panel .button{min-height:46px}
.choice-modal{max-width:790px}
.choice-modal .modal-head{position:sticky;top:0;z-index:2;background:#fff}
.choice-modal .modal-head .icon-button{width:44px;height:44px;font-size:23px}
.choice-modal .modal-body{background:#fafbf8;padding:20px 22px 24px}
.picker-intro{display:flex;justify-content:space-between;gap:20px;align-items:center}
.picker-intro h3{font-size:17px;line-height:1.3;margin:0 0 5px;letter-spacing:-.3px}
.picker-intro p{font-size:12px;color:#607351;margin:0}
.picker-original-price{font-size:17px;white-space:nowrap;font-weight:650;text-align:right}
.picker-original-price small{display:block;font-size:10px;font-weight:400;color:#6c7e60}
.picker-hint{font-size:11px;color:#6c7e60;margin:12px 0 18px}
.replacement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.replacement-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dfe6d7;border-radius:17px;padding:15px;min-width:0}
.replacement-card.is-current{border:2px solid #98b47d;padding:14px;background:#fcfef8}
.replacement-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:25px;margin-bottom:12px}
.replacement-top .offer-retailer{font-size:12px;color:#405d34;font-weight:650}
.selected-label{font-size:10px;background:#e8f0dd;border-radius:6px;padding:3px 6px;color:#476237;white-space:nowrap}
.selected-label.muted{background:#f1f3ed;color:#6c7a61}
.replacement-product{display:grid;grid-template-columns:75px minmax(0,1fr);gap:12px;align-items:center;min-height:83px;margin-bottom:12px}
.replacement-photo{width:75px;height:80px;display:grid;place-items:center;background:white;border-radius:9px;overflow:hidden}
.replacement-photo img{width:100%;height:100%;object-fit:contain}
.replacement-product h3{font-size:13px;font-weight:650;line-height:1.4;margin:0 0 4px;overflow-wrap:anywhere}
.replacement-product p{margin:0;color:#6c7f5c;font-size:12px}
.usage-tag{display:inline-block;background:#fff0d6;color:#805b24;font-size:10px;border-radius:5px;padding:2px 6px;margin-top:4px}
.replacement-cash{display:flex;align-items:baseline;gap:8px;margin:1px 0 10px;flex-wrap:wrap}
.replacement-cash strong{font-size:27px;letter-spacing:-.8px;line-height:1.2;font-variant-numeric:tabular-nums}
.replacement-cash span{font-size:11px;color:#607551}
.replacement-card .tradeoff{padding:10px 11px}
.replacement-card .tradeoff-values{gap:8px}
.replacement-card .tradeoff-values strong{font-size:23px}
.replacement-card .tradeoff small{font-size:10px}
.replacement-amount{font-size:11px;color:#5e7451;margin:8px 0}
.replacement-detail{font-size:11px;color:#607351;margin-top:auto}
.replacement-detail summary{cursor:pointer;min-height:40px;padding:10px 0;color:#546a47;font-size:11px}
.replacement-detail p{margin:2px 0 10px;line-height:1.6}
.replacement-detail .product-source{font-size:12px;margin:0 0 12px}
.replacement-card>.button{width:100%;min-height:44px;margin-top:3px;font-size:12px}
.replacement-card>.button:disabled{opacity:1;color:#587443;background:#eaf1e1;border-color:#e3ebd9}
.picker-swiss{margin-top:18px;background:#f0f4eb;border:1px solid #e1e8d9;border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.picker-swiss strong{font-size:13px}
.picker-swiss p{font-size:11px;color:#6a7f5b;margin:4px 0 0}
.picker-swiss .button{white-space:nowrap;font-size:12px;min-height:44px}
.picker-extra{border-top:1px solid var(--line);margin-top:15px;color:#5c7350}
.picker-extra>summary{min-height:44px;padding:12px 0;font-size:12px;font-weight:550;cursor:pointer}
.picker-extra form{padding:3px 0 10px}
.picker-extra .form-grid label{font-size:12px;color:#5e7450}
.picker-extra .form-grid input{font-size:14px}
.picker-extra form>.button{margin-top:16px}
@media(max-width:850px){
 .replacement-card .tradeoff-values strong{font-size:22px}
 .cart-row{grid-template-columns:44px minmax(0,1fr) 95px;gap:10px}
 .cart-row-image{width:44px;height:55px}
 .cart-row .tradeoff-values strong{font-size:19px}
 .cart-heading{align-items:flex-start}
 .cart-heading .button{max-width:none}
}
@media(max-width:680px){
 .habits-view .habits-tools{display:none}
 .habits-view .habit-rechoose,.habits-view .habit-detail>summary{min-height:44px}
 .topbar{padding:10px 16px 53px;min-height:100px}
 .topbar nav{left:16px;right:16px;gap:0;justify-content:space-between;height:43px}
 .topbar .nav{font-size:13px;flex:1;min-height:43px}
 .topbar .scan-header{min-height:40px;padding:8px 10px}
 .topbar .scan-header span{font-size:11px}
 .topbar .scan-header span:after{content:none}
 .shell{padding:18px 15px 20px}
 .page-heading h1{font-size:22px}
 .page-heading .receipt-chip{margin-top:12px;padding:10px 12px}
 .page-heading{margin-bottom:16px}
 .review-card-head{padding:18px 17px 15px}
 .review-card h2{font-size:22px}
 .comparison{padding:0 12px 15px;gap:10px}
 .product-card{padding:11px}
 .product-visual{height:108px}
 .product-name{font-size:13px;min-height:38px}
 .product-format{font-size:11px;min-height:34px}
 .product-price{font-size:26px}
 .price-caption{font-size:10px;line-height:1.5}
 .review-verdict{padding:0 16px 17px}
 .review-verdict .tradeoff-values strong{font-size:29px}
 .choice-actions{padding:0 16px 7px;gap:8px;grid-template-columns:1fr 1fr}
 .choice-actions .button{padding:10px 8px;font-size:12px;line-height:1.35}
 .review-details{margin:0 16px 7px}
 .review-footer{padding:7px 17px}
 .cart-heading{padding:18px 16px;gap:10px}
 .cart-heading h2{font-size:22px}
 .cart-heading p{font-size:11px;max-width:240px}
 .cart-heading .button{max-width:100px;line-height:1.3;padding:8px 10px}
 .cart-list{padding:0 14px}
 .cart-row{grid-template-columns:38px minmax(0,1fr) 79px;gap:9px;padding:17px 0}
 .cart-row-image{width:38px;height:48px}
 .cart-row h3{font-size:13px}
 .cart-row-copy>p{font-size:11px}
 .cart-row .tradeoff{padding:8px 9px}
 .cart-row .tradeoff-values{gap:5px}
 .cart-row .tradeoff-values strong{font-size:20px}
 .cart-row .tradeoff-values>span{font-size:15px}
 .cart-row .tradeoff small{font-size:10px;line-height:1.4}
 .row-price{font-size:19px}
 .row-price small{font-size:10px}
 .change-row.button{padding:9px 11px;font-size:11px}
 .cart-row-end{gap:13px}
 .choice-modal{max-height:92dvh;width:calc(100% - 18px);border-radius:18px}
 .choice-modal .modal-head{padding:13px 15px}
 .choice-modal .modal-head h2{font-size:19px}
 .choice-modal .modal-body{padding:16px 14px 20px}
 .picker-intro{gap:12px}
 .picker-intro h3{font-size:16px}
 .picker-intro p{font-size:12px}
 .picker-original-price{font-size:16px}
 .picker-hint{font-size:11px;line-height:1.5;margin-bottom:14px}
 .replacement-grid{grid-template-columns:1fr;gap:13px}
 .replacement-card{padding:14px}
 .replacement-card.is-current{padding:13px}
 .replacement-top{margin-bottom:8px}
 .replacement-product{grid-template-columns:68px minmax(0,1fr);min-height:64px;margin-bottom:9px}
 .replacement-photo{width:68px;height:66px}
 .replacement-product h3{font-size:14px}
 .replacement-cash{margin-bottom:9px}
 .replacement-cash strong{font-size:27px}
 .replacement-card .tradeoff-values strong{font-size:27px}
 .replacement-card .tradeoff small{font-size:11px}
 .replacement-detail summary{font-size:12px}
 .picker-swiss{align-items:flex-start;flex-direction:column;gap:12px}
 .picker-swiss .button{width:100%}
 .picker-extra>summary{font-size:13px}
 .source-note{font-size:11px}
 .source-note button{min-height:32px;font-size:11px}
}
@media(max-width:380px){
 .topbar .scan-header span{font-size:10px}
 .topbar .scan-header span:after{content:none}
 .topbar .brand{font-size:25px}
 .cart-row{grid-template-columns:minmax(0,1fr) 79px}
 .cart-row-image{display:none}
 .review-verdict .tradeoff-values strong{font-size:25px}
 .replacement-card .tradeoff-values strong{font-size:25px}
}

/* Compare the same quantity in one currency without hiding the checkout price. */
.product-unit-price{margin-top:12px;padding-top:10px;border-top:1px solid #dce5d5;line-height:1.35;min-height:55px}
.product-unit-price strong{display:block;color:#244f3e;font-size:20px;font-weight:700;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.product-unit-price strong span{font-size:14px;font-weight:600;letter-spacing:0;white-space:nowrap}
.product-unit-price small{display:block;margin-top:3px;color:#5e7255;font-size:11px;line-height:1.45}
.product-unit-price.unknown{color:#846124;font-size:12px}
.unit-verdict{margin:11px 0 0;font-size:14px;font-weight:650;line-height:1.5;color:#365c34}
.unit-verdict.costlier{color:#805b24}
.unit-compare{margin:11px 0 4px;padding:12px 0 3px;border-top:1px solid #e0e7d9;min-width:0}
.unit-compare-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.unit-compare-prices>div{min-width:0}
.unit-compare-prices>div>span{display:block;color:#5f7354;font-size:11px;line-height:1.45;margin-bottom:4px}
.unit-price-value{display:block;color:#244f3e;font-size:17px;font-weight:700;letter-spacing:-.3px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.unit-compare-note{margin:9px 0 0;color:#4c6842;font-size:12px;line-height:1.5}
.unit-compare .unit-verdict{font-size:12px;margin-top:8px}
.habits-view .habit-item>.unit-compare{grid-column:1/-1;margin:0;padding-top:12px}
.habits-view .unit-price-value{font-size:18px}
.cart-row .unit-compare{max-width:350px}
.cart-row .unit-price-value{font-size:14px}
.cart-row .unit-compare-prices{gap:8px}
.ticket-tools{display:flex;flex-direction:column;align-items:stretch;gap:2px}
.ticket-delete{color:#8b473c;background:#fff;border-color:#e5d7d2}
.button.ticket-delete:hover{background:#fff5f1;border-color:#cba79f}
.ticket-delete-link{border:0;background:transparent;min-height:38px;padding:6px 2px;align-self:flex-end;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.history-ticket-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.habits-view .history-ticket-actions .button{min-height:44px}
.delete-ticket-summary{display:flex;flex-direction:column;gap:4px;padding:15px 17px;background:#f5f7f0;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}
.delete-ticket-summary strong{font-size:16px}
.delete-ticket-summary span{font-size:13px;color:#65765a}
.delete-confirm-actions,.ticket-detail-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}
.delete-confirm-actions .button,.ticket-detail-actions .button{min-height:46px}
.button.danger{background:#934d41;border-color:#934d41;color:#fff}
.button.danger:hover{background:#7a3d33}
.nav:disabled{opacity:.4}
.toast:focus-within{opacity:1;pointer-events:auto}
@media(max-width:680px){
 .ticket-tools{gap:0}
 .ticket-delete-link{min-height:40px;font-size:11px}
 .page-heading .receipt-chip{margin-top:12px}
 .product-unit-price{min-height:54px;margin-top:10px;padding-top:9px}
 .product-unit-price strong{font-size:18px}
 .product-unit-price strong span{font-size:12px}
 .product-unit-price small{font-size:10px}
 .unit-verdict{font-size:13px}
 .unit-price-value{font-size:17px}
 .habits-view .history-ticket-actions{grid-column:2/-1;justify-self:start}
 .delete-confirm-actions .button{flex:1}
 .ticket-detail-actions{justify-content:stretch}
 .ticket-detail-actions .button{flex:1;min-width:150px}
 .cart-row .unit-compare-prices{grid-template-columns:1fr;gap:7px}
}
@media(max-width:380px){
 .product-unit-price strong{font-size:16px}
 .product-unit-price strong span{font-size:11px}
 .product-unit-price small{font-size:9px}
 .unit-compare-prices{gap:10px}
 .habits-view .unit-price-value{font-size:16px}
 .history-ticket-actions{width:100%}
}

/* The home already has its prominent camera action. */
.at-home .scan-header{display:none}
.at-home .topbar{min-height:80px}
.topbar .nav{min-height:44px}
@media(max-width:680px){.topbar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.at-home .topbar{min-height:100px}.home-view~.page-footer{margin-top:26px}}

/* Keep the visual comparison one tap away on small screens. */
.habits-view .habit-compare{grid-column:1/-1;justify-self:stretch;min-height:44px}
@media(max-width:420px){.topbar .nav{font-size:12px;padding:0 2px}.topbar nav .nav span{margin-left:2px;padding:2px 3px}.habits-view .habit-card-footer{grid-template-columns:minmax(0,1fr) auto;gap:6px}.habits-view .habit-compare{font-size:12px;padding:9px 12px}}