/* REST Mobile Lefties Theme v3.0.9 */
html{scroll-behavior:smooth}
.rest-mobile-lefties-body{margin:0!important;background:#fff!important;width:100%!important;overflow-x:hidden!important}
.rml-app{--line:#ececec;--muted:#666;--soft:#f6f6f6;--ink:#111;background:#fff;color:#111;min-height:100vh;padding-bottom:84px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:0;overflow:hidden}
.rml-app *{box-sizing:border-box}
.rml-app a{text-decoration:none;color:inherit}
.rml-top{height:58px;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 18px!important;background:#fff!important;border-bottom:1px solid #e8e8e8!important;position:sticky!important;top:0!important;z-index:99990!important}
.rml-menu-btn{position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;display:grid!important;place-items:center!important}
.rml-menu-btn span{width:22px!important;display:grid!important;gap:7px!important}
.rml-menu-btn i{display:block!important;height:1.5px!important;background:#111!important}
.rml-logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important;text-decoration:none!important;max-width:190px!important;text-align:center!important;white-space:nowrap!important}
.rml-logo img{display:block!important;max-width:112px!important;max-height:42px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.rml-logo span{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif!important;font-size:28px!important;line-height:1!important;font-weight:700!important;letter-spacing:.14em!important;color:#111!important;padding-left:.14em!important}
.rml-search{position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;display:block!important}
.rml-search:before{content:""!important;position:absolute!important;left:7px!important;top:7px!important;width:19px!important;height:19px!important;border:2px solid #111!important;border-radius:50%!important}
.rml-search:after{content:""!important;position:absolute!important;left:26px!important;top:27px!important;width:13px!important;height:2px!important;background:#111!important;transform:rotate(45deg)!important;transform-origin:left center!important}
.rml-tabs{position:sticky!important;top:58px!important;z-index:99980!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:26px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 18px!important;max-width:100%!important;background:#fff!important;border-bottom:1px solid #e8e8e8!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important}
.rml-tabs::-webkit-scrollbar{display:none!important}
.rml-tabs a{flex:0 0 auto!important;min-width:max-content!important;display:inline-flex!important;align-items:center!important;height:48px!important;padding:0 0 4px!important;font-size:12px!important;line-height:1!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#111!important}
.rml-tabs a.active{border-bottom:1px solid #111!important}
.rml-hero{padding:12px 12px 8px}
.rml-hero-card{min-height:560px!important;aspect-ratio:9/16!important;position:relative;overflow:hidden;background:#eee;background-size:cover;background-position:center}
.rml-hero-copy{position:absolute;left:16px;right:16px;bottom:18px;color:#fff}
.rml-hero-copy span{display:inline-flex;min-height:28px;align-items:center;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);font-size:10px;font-weight:700;letter-spacing:.10em;text-transform:uppercase}
.rml-hero-copy h1{margin:12px 0 0;font-size:41px;line-height:.88;letter-spacing:-.055em;font-weight:900;text-transform:uppercase}
.rml-hero-copy p{margin:10px 0 0;max-width:320px;font-size:13px;line-height:1.45;font-weight:500}
.rml-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.rml-actions a{min-height:44px;border-radius:999px;background:#fff;color:#111!important;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.rml-actions a:nth-child(2){background:#111;color:#fff!important}
.rml-editorial{padding:26px 12px 34px;background:#fff;color:#2e55d4;border-bottom:1px solid #e9e9e9}
.rml-editorial small{display:block;font-size:11px;line-height:1;letter-spacing:.08em;font-weight:700;text-transform:uppercase}
.rml-editorial h2{margin:6px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:58px;line-height:.78;letter-spacing:-.06em;font-weight:700;text-transform:uppercase}
.rml-editorial p{margin:14px 0 0;max-width:330px;font-size:12px;line-height:1.25;letter-spacing:.06em;font-weight:700;text-transform:uppercase}
.rml-category-choice{display:flex;gap:8px;overflow-x:auto;padding:12px;background:#fff;border-bottom:1px solid #ececec}
.rml-category-choice::-webkit-scrollbar{display:none}
.rml-category-choice a{flex:0 0 auto;min-height:34px;padding:0 13px;border:1px solid #111;border-radius:999px;display:flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#111!important;background:#fff}
.rml-section-head{padding:18px 12px 10px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.rml-section-head h2{margin:0;font-size:27px;line-height:.95;letter-spacing:-.045em;font-weight:850;text-transform:uppercase}
.rml-section-head a{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;color:#111!important}
.rml-tools{position:sticky;top:106px;z-index:54;min-height:46px;padding:0 12px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.rml-tools span,.rml-tools button{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#555}
.rml-tools button{border:0;background:transparent;padding:0}
.rml-grid-icon{display:grid;grid-template-columns:repeat(2,8px);gap:3px}
.rml-grid-icon i{height:8px;border:1px solid #111}
.rml-products{display:flex!important;flex-wrap:wrap!important;width:100%!important;background:#ececec!important;gap:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
.rml-products>.rml-product{flex:0 0 50%!important;width:50%!important;max-width:50%!important;min-width:0!important;display:block!important;background:#fff!important;color:#111!important;text-decoration:none!important;border:0!important;border-right:1px solid #ececec!important;border-bottom:1px solid #ececec!important;margin:0!important;padding:0!important;float:none!important;clear:none!important}
.rml-products>.rml-product:nth-child(2n){border-right:0!important}
.rml-pimg{aspect-ratio:3/4.15!important;background:#f6f6f6!important;position:relative!important;display:grid!important;place-items:center!important;overflow:hidden!important;width:100%!important}
.rml-pimg img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important;margin:0!important}
.rml-shoe{width:72%;height:32px;border-radius:70px 26px 48px 14px;background:#111;transform:rotate(-8deg);box-shadow:0 18px 24px rgba(0,0,0,.12)}
.rml-pimg:after{content:"+";position:absolute;right:9px;bottom:9px;width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 8px 20px rgba(0,0,0,.10)}
.rml-pbody{min-height:82px;padding:10px;background:#fff}
.rml-pbody h3{margin:0;font-size:10px;line-height:1.25;text-transform:uppercase;font-weight:600;letter-spacing:.02em;min-height:25px}
.rml-pbody p{margin:4px 0 0;color:#777;font-size:10px;line-height:1.2}
.rml-price{margin-top:5px;font-size:11px;font-weight:700}
.rml-banner{margin:8px 12px;background:#f5f5f5;min-height:250px;position:relative;overflow:hidden;background-size:cover;background-position:center}
.rml-banner-shape{position:absolute;right:14px;bottom:38px;width:52%;height:46px;border-radius:80px 28px 46px 14px;background:#111;transform:rotate(-9deg)}
.rml-banner-copy{position:absolute;left:16px;right:16px;top:16px}
.rml-banner-copy small{display:block;font-size:10px;color:#666;letter-spacing:.10em;text-transform:uppercase;font-weight:700}
.rml-banner-copy h3{margin:8px 0 0;font-size:34px;line-height:.9;letter-spacing:-.05em;font-weight:850;text-transform:uppercase}
.rml-banner-copy p{margin:8px 0 0;max-width:210px;color:#555;font-size:12px;line-height:1.4;font-weight:500}
.rml-shop{position:absolute;left:16px;bottom:16px;min-height:40px;border-radius:999px;background:#111;color:#fff!important;padding:0 15px;display:inline-flex;align-items:center;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.rml-tiktok-feed{display:flex;gap:10px;overflow-x:auto;padding:0 12px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.rml-tiktok-feed::-webkit-scrollbar{display:none}
.rml-tiktok-card{flex:0 0 82%;aspect-ratio:9/16;min-height:560px;max-height:720px;background:#111;background-size:cover;background-position:center;position:relative;overflow:hidden;scroll-snap-align:start}
.rml-tiktok-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.rml-tiktok-placeholder{background:linear-gradient(180deg,#222,#777)}
.rml-tiktok-fake-video{position:absolute;inset:0;background:radial-gradient(circle at 60% 30%,rgba(255,255,255,.18),transparent 22%),linear-gradient(135deg,#111,#555)}
.rml-tiktok-overlay{position:absolute;left:14px;right:14px;bottom:16px;color:#fff;z-index:2;text-shadow:0 8px 24px rgba(0,0,0,.45)}
.rml-tiktok-overlay span{display:inline-flex;min-height:26px;align-items:center;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);font-size:9px;font-weight:700;letter-spacing:.10em;text-transform:uppercase}
.rml-tiktok-overlay h3{margin:10px 0 0;font-size:28px;line-height:.92;letter-spacing:-.05em;font-weight:800;text-transform:uppercase;color:#fff}
.rml-tiktok-overlay button{position:absolute;right:0;bottom:0;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#111;display:grid;place-items:center;font-size:16px}
.rml-shop-head{padding:24px 12px 12px;background:#fff}
.rml-shop-head h1{margin:0 0 18px;font-size:30px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}
.rml-shop-tools{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center}
.rml-shop-tools span,.rml-shop-tools button{border:0;background:transparent;color:#111;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}
.rml-product-media-feed{display:flex;gap:1px;overflow-x:auto;scroll-snap-type:x mandatory;background:#ececec}
.rml-product-media-feed::-webkit-scrollbar{display:none}
.rml-product-media-card{flex:0 0 88%;aspect-ratio:9/16;background:#f6f6f6;background-size:contain;background-position:center;background-repeat:no-repeat;scroll-snap-align:start}
.rml-product-info{padding:18px 16px 90px;background:#fff}
.rml-product-info small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#666;font-weight:600}
.rml-product-info h1{margin:10px 0 8px;font-size:28px;line-height:1;text-transform:uppercase;letter-spacing:-.04em}
.rml-product-price{font-size:15px;font-weight:700;margin:8px 0 14px}
.rml-product-desc{font-size:13px;line-height:1.5;color:#555}
.rml-product-actions{display:grid;gap:10px;margin-top:18px}
.rml-add-cart,.rml-back-shop{min-height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.06em}
.rml-add-cart{background:#111;color:#fff!important}
.rml-back-shop{background:#fff;color:#111!important;border:1px solid #111}
.rml-empty{padding:30px;background:#fff;width:100%;font-size:13px}
.rml-bottom{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:68px!important;background:#fff!important;border-top:1px solid #e8e8e8!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;z-index:99999!important;width:100%!important;max-width:none!important;margin:0!important}
.rml-bottom a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:68px!important;color:#111!important;background:#fff!important;font-size:10px!important;line-height:1!important;font-weight:500!important;letter-spacing:.10em!important;text-transform:uppercase!important;text-decoration:none!important}
.rml-bottom a span{display:block!important;font-size:10px!important;line-height:1!important}
.rml-bottom i{display:block!important;position:relative!important;width:24px!important;height:24px!important;font-style:normal!important;font-size:0!important}
.rml-i-home:before{content:"";position:absolute;left:5px;top:8px;width:14px;height:12px;border:2px solid #111;border-top:0}
.rml-i-home:after{content:"";position:absolute;left:4px;top:3px;width:16px;height:16px;border-left:2px solid #111;border-top:2px solid #111;transform:rotate(45deg)}
.rml-i-menu:before,.rml-i-menu:after{content:"";position:absolute;left:3px;width:18px;height:2px;background:#111}
.rml-i-menu:before{top:7px}.rml-i-menu:after{top:16px}
.rml-i-search:before{content:"";position:absolute;left:4px;top:4px;width:13px;height:13px;border:2px solid #111;border-radius:50%}
.rml-i-search:after{content:"";position:absolute;left:17px;top:18px;width:9px;height:2px;background:#111;transform:rotate(45deg)}
.rml-i-video:before{content:"";position:absolute;left:4px;top:5px;width:16px;height:14px;border:2px solid #111;border-radius:3px}
.rml-i-video:after{content:"";position:absolute;left:10px;top:9px;border-left:7px solid #111;border-top:4px solid transparent;border-bottom:4px solid transparent}
.rml-i-cart:before{content:"";position:absolute;left:5px;top:7px;width:15px;height:13px;border:2px solid #111;border-radius:2px}
.rml-i-cart:after{content:"";position:absolute;left:8px;top:3px;width:9px;height:7px;border:2px solid #111;border-bottom:0;border-radius:8px 8px 0 0}
.rml-drawer{position:fixed;inset:0;background:#fff;z-index:100000;transform:translateX(-100%);transition:transform .25s ease}
.rml-drawer.open{transform:translateX(0)}
.rml-drawer-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}
.rml-drawer-head strong{font-size:24px;letter-spacing:.16em;font-weight:800}
.rml-drawer-head button{width:40px;height:40px;border:0;border-radius:50%;background:#111;color:#fff}
.rml-links{padding:14px 18px}
.rml-links a{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid var(--line);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#111!important}
.rml-links a span{color:#777;font-size:12px}
:not(.rest-mobile-lefties-body) .rml-app{max-width:430px;margin:24px auto;box-shadow:0 30px 90px rgba(0,0,0,.18);position:relative}
:not(.rest-mobile-lefties-body) .rml-bottom{position:absolute!important}
:not(.rest-mobile-lefties-body) .rml-drawer{position:absolute!important}
@media(max-width:380px){.rml-logo span{font-size:24px!important}.rml-tabs{gap:22px!important}.rml-tabs a{font-size:11px!important}.rml-bottom a{font-size:9px!important;letter-spacing:.08em!important}.rml-tiktok-card{flex-basis:86%;min-height:520px}.rml-hero-card{min-height:520px}}
body.admin-bar .rml-top{top:46px!important}body.admin-bar .rml-tabs{top:104px!important}
@media(min-width:783px){body.admin-bar .rml-top{top:32px!important}body.admin-bar .rml-tabs{top:90px!important}}


/* ===== v3.1.0 unified product background =====
   Problem: product image boxes were too white compared with page background.
   Fix: same color for page, product image area and product body.
*/
.rml-app{
  background:var(--rml-page-bg,#f4f2ee) !important;
}
.rest-mobile-lefties-body{
  background:var(--rml-page-bg,#f4f2ee) !important;
}
.rml-products{
  background:var(--rml-page-bg,#f4f2ee) !important;
  gap:1px !important;
}
.rml-products > .rml-product{
  background:var(--rml-product-card-bg,#f4f2ee) !important;
  border-color:var(--rml-page-bg,#f4f2ee) !important;
}
.rml-pimg{
  background:var(--rml-product-img-bg,#f4f2ee) !important;
}
.rml-pbody{
  background:var(--rml-product-card-bg,#f4f2ee) !important;
}
.rml-shop-head,
.rml-category-choice,
.rml-section-head,
.rml-tools{
  background:var(--rml-page-bg,#f4f2ee) !important;
}
.rml-product-info{
  background:var(--rml-page-bg,#f4f2ee) !important;
}
.rml-product-media-card{
  background-color:var(--rml-product-img-bg,#f4f2ee) !important;
}

/* cleaner product visual: no strong white island */
.rml-pimg img{
  mix-blend-mode:multiply;
}
.rml-pimg:after{
  background:rgba(255,255,255,.78) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

/* fallback shape also softer */
.rml-shoe{
  box-shadow:0 18px 30px rgba(0,0,0,.10) !important;
}


/* SAFE v3.1.4 extra stability */
.rml-app .rml-products{
  display:block !important;
  width:100% !important;
  font-size:0 !important;
  line-height:0 !important;
}
.rml-app .rml-products > .rml-product{
  display:inline-block !important;
  vertical-align:top !important;
  width:50% !important;
  max-width:50% !important;
  float:none !important;
  clear:none !important;
  font-size:initial !important;
  line-height:normal !important;
}


/* ===== v3.1.5 full category visual controls ===== */
.rml-banner{
  background-color:var(--rml-banner-bg,#f4f2ee) !important;
  background-size:cover !important;
  background-position:center !important;
}
.rml-banner-copy small,
.rml-banner-copy h3,
.rml-banner-copy p{
  color:var(--rml-banner-text,#111) !important;
}
.rml-category-story{
  background:var(--rml-page-bg,#f4f2ee) !important;
}
.rml-category-story .rml-section-head{
  background:var(--rml-page-bg,#f4f2ee) !important;
}


/* ===== v3.1.8 BANNER FIX — keep banners, remove black band, remove side gaps ===== */

/* Banner must stay visible */
.rml-banner{
  display:block !important;
  height:auto !important;
  min-height:360px !important;
  width:100% !important;
  max-width:100% !important;
  margin:18px 0 !important;
  padding:0 !important;
  position:relative !important;
  overflow:hidden !important;
  background-color:var(--rml-banner-bg, #f4f2ee) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  border:0 !important;
  border-radius:0 !important;
}

/* Remove the black decorative band completely */
.rml-banner-shape{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
}

/* Clean readable text without hiding the image */
.rml-banner::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.38) 42%, rgba(255,255,255,0) 100%) !important;
  pointer-events:none !important;
  z-index:1 !important;
}
.rml-banner-copy{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:24px !important;
  z-index:2 !important;
}
.rml-banner-copy small,
.rml-banner-copy h3,
.rml-banner-copy p{
  color:var(--rml-banner-text,#111) !important;
}
.rml-banner-copy h3{
  max-width:86% !important;
}
.rml-shop{
  display:inline-flex !important;
  position:absolute !important;
  left:18px !important;
  bottom:24px !important;
  z-index:2 !important;
  min-height:44px !important;
  border-radius:999px !important;
  background:#111 !important;
  color:#fff !important;
  padding:0 20px !important;
}

/* Stories images/videos should take full content width and no right gap */
.rml-tiktok-section,
.rml-category-story{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}
.rml-tiktok-feed{
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
  gap:0 !important;
}
.rml-tiktok-card{
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important;
  min-height:560px !important;
  border-radius:0 !important;
  background-size:cover !important;
  background-position:center center !important;
}
.rml-tiktok-image{
  background-size:cover !important;
  background-position:center center !important;
}

/* Product grid remains 2 columns */
.rml-app .rml-grid-lock,
.rest-mobile-lefties-body .rml-app .rml-grid-lock{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* If a previous CSS hid banners, override it */
.rml-banner,
.rml-banner-copy,
.rml-shop{
  visibility:visible !important;
  opacity:1 !important;
}

/* Mobile smaller height */
@media(max-width:380px){
  .rml-banner{
    min-height:320px !important;
  }
  .rml-tiktok-card{
    min-height:520px !important;
  }
}
