/* REC0DET Shop final mobile polish v235.
   Targeted overrides only: market selector, live offers, checkout and tracking. */

:root{
  --rc-shop-gold:#e2bd4e;
  --rc-shop-gold-soft:#f2d474;
  --rc-shop-bg:#09090b;
  --rc-shop-panel:#121216;
  --rc-shop-panel-2:#171719;
  --rc-shop-line:rgba(226,189,78,.22);
  --rc-shop-muted:#9b968a;
}

/* Market selector */
.recodetShopMarketBar{margin-bottom:10px!important;padding:0!important}
.recodetShopMarketButton{
  min-height:58px!important;
  grid-template-columns:34px minmax(0,1fr) auto 18px!important;
  gap:9px!important;
  padding:9px 12px!important;
  border-color:rgba(226,189,78,.34)!important;
  border-radius:16px!important;
  background:
    radial-gradient(90% 100% at 0 0,rgba(226,189,78,.07),transparent 58%),
    linear-gradient(180deg,#171719,#101012)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.2)!important;
}
.recodetShopMarketFlag{font-size:24px!important}
.recodetShopMarketCopy small{
  color:#ad985e!important;font-size:9px!important;letter-spacing:.09em!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.recodetShopMarketCopy strong{font-size:14px!important;color:#f5f0e4!important}
.recodetShopMarketLanguage{
  padding:5px 7px!important;border:1px solid rgba(226,189,78,.17)!important;border-radius:999px!important;
  background:#0e0e10!important;color:#cfc8b5!important;font-size:9px!important;font-weight:850!important
}
.recodetShopMarketArrow{font-size:22px!important}
.recodetShopMarketOverlay{
  padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  background:rgba(0,0,0,.76)!important;backdrop-filter:blur(10px)!important
}
.recodetShopMarketPanel{
  width:min(560px,100%)!important;max-height:min(88dvh,680px)!important;overflow:auto!important;
  border-color:rgba(226,189,78,.38)!important;border-radius:22px!important;
  background:linear-gradient(180deg,#151518,#0c0c0e)!important;padding:17px!important
}
.recodetShopMarketPanel h2{font-size:20px!important}
.recodetShopMarketPanel p{font-size:11px!important;color:#9c988f!important;margin-bottom:12px!important}
.recodetShopMarketField select{
  min-height:50px!important;border-color:rgba(226,189,78,.22)!important;border-radius:14px!important;
  background:#0d0d10!important;font-size:13px!important
}
.recodetShopMarketActions button{min-height:50px!important;border-radius:14px!important}
.recodetShopMarketActions .primary{
  background:linear-gradient(180deg,#f0d36a,#c69520)!important;border-color:#dfb83f!important;color:#171105!important
}

/* Live offer destination + states */
#viewDetail .shopLiveOffers{gap:10px!important;margin-top:14px!important}
#viewDetail .shopLiveIdentity{
  min-height:28px!important;padding:0 2px!important;justify-content:space-between!important
}
#viewDetail .shopLiveIdentity span{
  padding:4px 7px!important;border:1px solid rgba(226,189,78,.18)!important;border-radius:999px!important;
  background:#111113!important;color:#bba35f!important
}
#viewDetail .shopLiveIdentity strong{font-size:10px!important;color:#cbb66f!important}
.shopLiveDestination{
  padding:10px!important;gap:8px!important;border-radius:17px!important;
  border-color:rgba(226,189,78,.24)!important;
  background:linear-gradient(180deg,#141416,#0f0f11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important
}
.shopLiveMarket,.shopLiveCheck,.shopLivePost input{height:48px!important;border-radius:13px!important}
.shopLiveMarket{background:#0d0d0f!important;color:#e2c967!important}
.shopLiveCheck{
  min-width:74px!important;background:linear-gradient(180deg,#f0d36a,#c4931e)!important;
  color:#171105!important;font-size:11px!important
}
.shopLivePost input{font-size:13px!important;background:#09090b!important}
.shopLiveStatus{
  min-height:34px!important;display:flex!important;align-items:center!important;padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:#0e0e10!important;
  color:#a39d8e!important;font-size:10px!important
}
.shopLiveStatus[data-state=success]{border-color:rgba(226,189,78,.18)!important;color:#d8c478!important}
.shopLiveStatus[data-state=error]{border-color:rgba(210,150,110,.25)!important;color:#d9ad92!important}
.shopLiveList{gap:10px!important}
.shopLiveCard{
  position:relative!important;padding:13px!important;border-radius:17px!important;
  border-color:rgba(226,189,78,.18)!important;
  background:
    radial-gradient(90% 120% at 0 0,rgba(226,189,78,.055),transparent 52%),
    linear-gradient(180deg,#141416,#0d0d0f)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important
}
.shopLiveCard.cheapest{
  border-color:rgba(240,204,88,.58)!important;
  box-shadow:inset 0 0 0 1px rgba(240,204,88,.08),0 10px 26px rgba(0,0,0,.22)!important
}
.shopLiveHead{align-items:flex-start!important}
.shopLiveHead strong{font-size:22px!important;letter-spacing:-.02em!important}
.shopLiveHead small{display:block!important;margin-top:1px!important;color:#999181!important;font-size:9px!important}
.shopLiveHead>span{
  margin-top:1px!important;padding:5px 7px!important;border:1px solid rgba(226,189,78,.16)!important;
  border-radius:999px!important;background:#0c0c0e!important;color:#b8aa7c!important;
  font-size:8px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important
}
.shopLiveBadge{padding:4px 7px!important;font-size:7px!important;letter-spacing:.06em!important}
.shopLiveMerchant{margin-top:9px!important;font-size:13px!important}
.shopLiveMeta{gap:6px!important;margin-top:9px!important}
.shopLiveMeta span{
  min-height:30px!important;display:flex!important;align-items:center!important;padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:10px!important;background:#0c0c0e!important;
  color:#aaa391!important;line-height:1.25!important
}
.shopLiveActions{gap:8px!important;margin-top:10px!important}
.shopLiveGo{height:48px!important;border-radius:13px!important;font-size:10.5px!important;touch-action:manipulation!important}
.shopLiveGo.primary{
  background:linear-gradient(180deg,#f0d36a,#c4931e)!important;color:#171105!important;
  box-shadow:0 7px 18px rgba(226,189,78,.12)!important
}
.shopLiveEmpty{
  min-height:104px;display:grid;place-items:center;text-align:center;padding:18px 14px;
  border:1px dashed rgba(226,189,78,.2);border-radius:16px;background:#0d0d0f;color:#9c9687
}
.shopLiveEmpty strong{display:block;color:#eee7d6;font-size:13px;margin-bottom:4px}
.shopLiveEmpty small{display:block;max-width:300px;font-size:10px;line-height:1.4}
.shopLiveSkeleton{
  height:132px;border:1px solid rgba(226,189,78,.1);border-radius:16px;
  background:linear-gradient(90deg,#111114 20%,#18181b 40%,#111114 60%);background-size:240% 100%;
  animation:shopLiveShimmer 1.3s linear infinite
}
@keyframes shopLiveShimmer{to{background-position:-240% 0}}

/* Checkout: clearer touch targets, less cramped mobile layout */
#viewCheckout .checkoutStep{border-radius:20px!important}
#viewCheckout .checkoutChoice{min-height:106px!important;border-radius:16px!important}
#viewCheckout .checkoutChoiceIcon{width:38px!important;height:38px!important}
#viewCheckout .checkoutSecondaryBtn,
#viewCheckout .checkoutBackAction,
#viewCheckout .checkoutContinueAction{min-height:48px!important}
#viewCheckout .checkoutContinueAction{
  background:linear-gradient(180deg,#f0d36a,#c4931e)!important;color:#171105!important;
  box-shadow:0 7px 20px rgba(226,189,78,.13)!important
}
#viewCheckout .checkoutReviewBlock,
#viewCheckout .checkoutReviewTotal{border-radius:17px!important}
#viewCheckout .checkoutReviewTotal strong{font-size:20px!important}
#viewCheckout .checkoutInfoStrip{border-radius:15px!important}

/* Tracking sheet */
.shopTrackOverlay{
  background:rgba(0,0,0,.78)!important;backdrop-filter:blur(10px)!important
}
.shopTrackShell{
  max-height:calc(100dvh - max(8px,env(safe-area-inset-top)))!important;
  border-color:rgba(226,189,78,.35)!important;
  background:linear-gradient(180deg,#101013,#0b0b0d)!important
}
.shopTrackHead{min-height:66px!important;padding-top:max(13px,env(safe-area-inset-top))!important}
.shopTrackClose,.shopTrackRefresh{width:44px!important;height:44px!important;touch-action:manipulation!important}
.shopTrackBody{padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
.shopTrackStatusCard{
  min-height:72px!important;border-color:rgba(226,189,78,.18)!important;
  background:linear-gradient(180deg,#151518,#101012)!important
}
.shopTrackPulse{width:11px!important;height:11px!important}
.shopTrackStatusCopy strong{font-size:19px!important}
.shopTrackLive{padding:6px 9px!important;background:#0c0c0e!important}
.shopTrackMap{
  position:relative!important;height:250px!important;border-color:rgba(226,189,78,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important
}
.shopTrackMap:empty:before{
  content:"Loading map…";position:absolute;inset:0;display:grid;place-items:center;color:#858178;font-size:11px;font-weight:800
}
.shopTrackMap .recodetDirectMapHost{min-height:250px!important}
.shopTrackTimeline{
  border-color:rgba(226,189,78,.14)!important;background:#0f0f12!important
}
.shopTrackInfo article,.shopTrackRoute{
  border-color:rgba(226,189,78,.13)!important;background:#101012!important
}
.shopTrackError{
  margin-top:12px!important;padding:12px 13px!important;border:1px solid rgba(226,160,102,.28)!important;
  border-radius:14px!important;background:#17110d!important;color:#e0c5ad!important;text-align:left!important
}
.orderActionRow [data-track-order],#btnSuccessTrack{min-height:44px!important}

/* Narrow Android */
@media(max-width:560px){
  .recodetShopMarketPanel{padding:15px!important;border-radius:20px 20px 14px 14px!important}
  .shopLiveDestination{grid-template-columns:minmax(0,1fr) auto!important}
  .shopLiveMarket{grid-column:1/-1!important}
  .shopLivePost{min-width:0!important}
  .shopLiveMeta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .shopLiveActions{grid-template-columns:1fr!important}
  #viewCheckout .checkoutChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #viewCheckout .checkoutChoice{min-height:100px!important}
  #viewCheckout .checkoutStickyBar{min-height:78px!important}
}
@media(max-width:430px){
  .recodetShopMarketButton{grid-template-columns:30px minmax(0,1fr) auto 14px!important;padding:8px 9px!important}
  .recodetShopMarketFlag{font-size:21px!important}
  .recodetShopMarketLanguage{font-size:8px!important;padding:4px 6px!important}
  .shopLiveCard{padding:11px!important}
  .shopLiveHead strong{font-size:20px!important}
  .shopLiveMeta{gap:5px!important}
  .shopLiveMeta span{font-size:8.5px!important;padding:6px!important}
  .shopTrackBody{padding:11px!important}
  .shopTrackMap,.shopTrackMap .recodetDirectMapHost{height:224px!important;min-height:224px!important}
  .shopTrackTimeline{
    display:grid!important;grid-template-columns:repeat(6,72px)!important;justify-content:start!important;
    gap:4px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;
    scroll-snap-type:x proximity!important;padding:11px 8px 8px!important;
    scrollbar-width:none!important
  }
  .shopTrackTimeline::-webkit-scrollbar{display:none!important}
  .shopTrackStep{scroll-snap-align:start!important}
  .shopTrackStep span{font-size:9px!important}
  .shopTrackInfo{gap:7px!important}
  .shopTrackInfo article{padding:10px!important}
  .shopTrackInfo strong{font-size:12px!important}
}
@media(max-width:350px){
  .shopLiveMeta{grid-template-columns:1fr!important}
  .shopTrackInfo{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .shopLiveSkeleton{animation:none!important}
  .shopLiveGo,.recodetShopMarketButton{transition:none!important}
}


/* V236 — account-linked market + automatic delivery-area lookup */
.shopLiveDestination{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch!important
}
.shopLiveMarket{
  grid-column:1/-1!important;
  min-height:46px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 12px!important;
  text-align:center!important;
  pointer-events:none!important
}
.shopLiveLocation{
  min-width:0!important;
  min-height:52px!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  padding:9px 11px!important;
  border:1px solid rgba(226,189,78,.18)!important;
  border-radius:13px!important;
  background:#0b0b0d!important
}
.shopLiveLocation small{
  color:#8f8879!important;
  font-size:8px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important
}
.shopLiveLocation strong{
  color:#efe7d5!important;
  font-size:12px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important
}
.shopLiveCheck{
  min-width:122px!important;
  height:52px!important;
  padding:0 12px!important
}
.recodetShopMarketButton[aria-disabled="true"]{
  cursor:default!important;
  pointer-events:none!important
}
@media(max-width:390px){
  .shopLiveDestination{grid-template-columns:minmax(0,1fr) 118px!important}
  .shopLiveCheck{min-width:118px!important;font-size:10px!important}
}

.shopLiveStatus[hidden]{display:none!important}