/* ============================================================
   ROSITA HEADER V25 — PREMIUM FINAL POLISH
   Goal:
   - keep structure: logo left, metallic rail, hanging tabs, buy online right
   - more premium separation and alignment
   - soft gold active tab, clean metallic inactive tabs
   - softer realistic shadows and more integrated CTA
   ============================================================ */

.rp21-header{
  --r25-cream:#fffdf8;
  --r25-cream-2:#f7f0e7;
  --r25-cream-3:#eadfce;
  --r25-brown:#5e4634;
  --r25-brown-dark:#3c2d22;
  --r25-gold-1:#fff6cb;
  --r25-gold-2:#f8de84;
  --r25-gold-3:#ecbe49;
  --r25-gold-4:#c78a1f;
  --r25-silver-1:#faf9f7;
  --r25-silver-2:#ece8e3;
  --r25-silver-3:#cbc5bf;
  --r25-silver-4:#9b958f;
  --r25-silver-5:#7b756f;
  --r25-red-1:#ff8f74;
  --r25-red-2:#e24a31;
  --r25-red-3:#9d1810;
  --r25-green-1:#79ee84;
  --r25-green-2:#31bc4d;
  --r25-green-3:#176e2c;

  position:relative!important;
  z-index:500!important;
  width:100%!important;
  height:148px!important;
  min-height:148px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 18% -8%,rgba(255,255,255,.96),rgba(255,255,255,0) 38%),
    radial-gradient(circle at 84% 8%,rgba(255,229,168,.18),rgba(255,229,168,0) 27%),
    linear-gradient(180deg,var(--r25-cream) 0%,#fbf6ee 56%,var(--r25-cream-2) 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(116,84,57,.10)!important;
  box-shadow:
    0 14px 28px rgba(80,57,38,.08),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(130,92,62,.05)!important;
}
.rp21-header::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,#d44b34 0%,#f2ba38 38%,#7bad42 70%,#d44b34 100%);
}
.rp21-header::after{
  content:"";
  position:absolute;
  left:34px;right:34px;bottom:-12px;
  height:22px;
  border-radius:50%;
  background:rgba(59,41,27,.10);
  filter:blur(14px);
  pointer-events:none;
}

.rp21-shell{
  position:relative!important;
  width:min(1240px,98vw)!important;
  height:148px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
}

.rp21-brand{
  position:absolute!important;
  z-index:9!important;
  left:6px!important;
  top:8px!important;
  width:156px!important;
  height:126px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  transition:transform .18s ease,filter .18s ease!important;
}
.rp21-brand::after{
  content:"";
  position:absolute;
  left:22px; right:18px; bottom:8px;
  height:18px;
  border-radius:50%;
  background:rgba(43,28,16,.16);
  filter:blur(11px);
  z-index:-1;
}
.rp21-brand img{
  width:148px!important;
  max-width:148px!important;
  max-height:120px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 10px rgba(52,33,18,.18))!important;
}
.rp21-brand:hover{transform:translateY(-2px) scale(1.018)!important;filter:saturate(1.04)!important}

/* --- NAVIGATION --- */
.rp21-nav{
  position:absolute!important;
  z-index:10!important;
  left:202px!important;
  right:250px!important;
  top:36px!important;
  height:74px!important;
  min-height:74px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:24px!important;
  margin:0!important;
  padding:0 22px!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  background:transparent!important;
}
.rp21-nav::before{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  top:24px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(180deg,#f2efeb 0%,#d9d4cf 18%,#a39d97 52%,#c6c0ba 82%,#ece7e2 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(72,64,58,.18),
    0 6px 10px rgba(66,56,49,.12);
}
.rp21-nav::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:27px;
  height:6px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,0));
  opacity:.85;
  pointer-events:none;
}
.rp21-menu-group{
  position:relative!important;
  width:118px!important;
  min-width:118px!important;
  height:66px!important;
  overflow:visible!important;
}
.rp21-tab{
  position:relative!important;
  z-index:4!important;
  width:118px!important;
  min-width:118px!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(157,148,139,.18)!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,var(--r25-silver-1) 0%,var(--r25-silver-2) 28%,var(--r25-silver-3) 74%,#b8b2ac 100%)!important;
  color:#fffdfa!important;
  text-decoration:none!important;
  cursor:pointer!important;
  text-shadow:0 1px 1px rgba(44,38,34,.16)!important;
  box-shadow:
    0 10px 14px rgba(72,57,45,.11),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -2px 0 rgba(102,95,90,.18)!important;
  transform:translateY(-2px)!important;
  transition:transform .24s cubic-bezier(.16,.9,.18,1),box-shadow .24s ease,filter .24s ease,background .24s ease,color .24s ease,border-color .24s ease!important;
}
.rp21-tab::before,
.rp21-tab::after{
  content:""!important;
  position:absolute!important;
  top:-9px!important;
  width:4px!important;
  height:11px!important;
  border-radius:3px 3px 0 0!important;
  background:linear-gradient(180deg,#2d2b29,#131211)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.24)!important;
  opacity:.9!important;
}
.rp21-tab::before{left:16px!important}
.rp21-tab::after{right:16px!important}
.rp21-tab > span{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  color:inherit!important;
  font:800 13px/1.05 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  text-shadow:inherit!important;
  pointer-events:none!important;
}
.rp21-tab > span::before{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  top:7px!important;
  height:12px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,0))!important;
  opacity:.82!important;
  pointer-events:none!important;
}
.rp21-tab > i{
  position:absolute!important;
  z-index:3!important;
  right:11px!important;
  top:19px!important;
  color:currentColor!important;
  font-style:normal!important;
  font-size:10px!important;
  line-height:1!important;
  transition:transform .18s ease!important;
}

.rp21-tab.is-active,
.rp21-tab:hover,
.rp21-tab:focus-visible,
.rp21-menu-group:hover > .rp21-tab,
.rp21-menu-group:focus-within > .rp21-tab{
  background:linear-gradient(180deg,var(--r25-gold-1) 0%,var(--r25-gold-2) 30%,var(--r25-gold-3) 72%,var(--r25-gold-4) 100%)!important;
  border-color:rgba(198,139,30,.20)!important;
  color:var(--r25-brown-dark)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.52)!important;
  transform:translateY(-8px)!important;
  box-shadow:
    0 14px 18px rgba(99,72,36,.15),
    inset 0 1px 0 rgba(255,250,219,.96),
    inset 0 -3px 0 rgba(130,89,15,.18)!important;
}
.rp21-menu-group:hover > .rp21-menu-trigger > i,
.rp21-menu-group:focus-within > .rp21-menu-trigger > i,
.rp21-menu-group.open > .rp21-menu-trigger > i{transform:rotate(180deg)!important}

/* subtle floating animation */
@keyframes rp25Float{0%,100%{transform:translateY(-2px)}50%{transform:translateY(-4px)}}
.rp21-nav > .rp21-tab{animation:rp25Float 5.4s ease-in-out infinite!important}
.rp21-nav > .rp21-tab:nth-child(1){animation-delay:-.3s!important}
.rp21-nav > .rp21-tab:nth-child(3){animation-delay:-1s!important}
.rp21-nav > .rp21-tab:nth-child(4){animation-delay:-1.5s!important}
.rp21-nav > .rp21-tab:nth-child(5){animation-delay:-2s!important}
.rp21-nav > .rp21-menu-group{animation:rp25Float 5.4s ease-in-out -.7s infinite!important}
.rp21-tab:hover,.rp21-menu-group:hover{animation-play-state:paused!important}

/* dropdown */
.rp21-menu-panel{
  position:absolute!important;
  z-index:60!important;
  top:60px!important;
  left:50%!important;
  width:314px!important;
  padding:10px!important;
  transform:translate(-50%,8px) scale(.985)!important;
  transform-origin:top center!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  border:1px solid rgba(167,146,115,.18)!important;
  border-top:4px solid #d3a132!important;
  border-radius:0 0 12px 12px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.995),rgba(255,250,241,.99))!important;
  box-shadow:0 20px 36px rgba(58,37,24,.16), inset 0 1px 0 rgba(255,255,255,.96)!important;
  transition:opacity .14s ease,visibility .14s ease,transform .18s cubic-bezier(.16,.9,.18,1)!important;
}
.rp21-menu-group:hover .rp21-menu-panel,.rp21-menu-group:focus-within .rp21-menu-panel,.rp21-menu-group.open .rp21-menu-panel{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0) scale(1)!important;
}
.rp21-panel-kicker{display:block!important;padding:6px 9px 9px!important;color:#b05f1e!important;font-size:8px!important;font-weight:900!important;letter-spacing:.16em!important}
.rp21-menu-panel > a{position:relative!important;min-height:50px!important;padding:8px 34px 8px 12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;color:#584b41!important;text-decoration:none!important;border-top:1px solid rgba(238,221,211,.96)!important;background:transparent!important;transition:transform .14s ease,background .14s ease,color .14s ease!important}
.rp21-menu-panel > a:first-of-type{border-top:0!important}
.rp21-menu-panel > a b{font-size:11px!important}
.rp21-menu-panel > a small{margin-top:2px!important;color:#8e7c70!important;font-size:8px!important}
.rp21-menu-panel > a i{position:absolute!important;right:11px!important;top:18px!important;color:#db6d2d!important;font-style:normal!important}
.rp21-menu-panel > a:hover,.rp21-menu-panel > a.is-current{transform:translateX(-4px)!important;background:linear-gradient(90deg,#fff1cb,#fffdf8)!important;color:#3f3229!important}
.rp21-menu-panel > a.is-current{box-shadow:inset 3px 0 #de8b24!important}

/* commerce */
.rp21-commerce{
  position:absolute!important;
  z-index:15!important;
  right:6px!important;
  top:34px!important;
  width:230px!important;
  height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
}
.rp21-cart{
  position:relative!important;
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(180deg,var(--r25-green-1) 0%,var(--r25-green-2) 38%,#279a3d 72%,var(--r25-green-3) 100%)!important;
  box-shadow:0 12px 18px rgba(22,104,39,.22), inset 0 2px 0 rgba(255,255,255,.34), inset 0 -3px 0 rgba(11,72,22,.18)!important;
  transition:transform .16s ease,filter .16s ease!important;
}
.rp21-cart::before{content:"";position:absolute;left:7px;right:7px;top:5px;height:13px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.33),transparent)}
.rp21-cart:hover{transform:translateY(-3px) scale(1.03)!important;filter:brightness(1.05)!important}
.rp21-cart svg{width:25px!important;height:25px!important;fill:none!important;stroke:#fff!important;stroke-width:1.9!important}
.rp21-cart .cart-count{position:absolute!important;top:-7px!important;right:-7px!important;min-width:21px!important;height:21px!important;padding:0 5px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#fff!important;color:var(--r25-green-3)!important;border:2px solid #d9f4de!important;font-size:9px!important;font-weight:900!important;box-shadow:0 4px 8px rgba(25,98,37,.16)!important}

.rp21-buy{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:168px!important;
  min-width:168px!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:8px 42px 8px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  border:1px solid rgba(255,216,132,.88)!important;
  border-radius:15px!important;
  color:#fff!important;
  text-decoration:none!important;
  background:
    radial-gradient(circle at 18% 3%,rgba(255,255,255,.36),transparent 22%),
    radial-gradient(circle at 88% 116%,rgba(255,196,86,.24),transparent 36%),
    linear-gradient(112deg,#7d0708 0%,#aa1014 20%,#e53432 52%,#b71016 77%,#650307 100%)!important;
  box-shadow:
    0 17px 26px rgba(91,4,8,.27),
    0 4px 9px rgba(195,31,34,.20),
    0 0 0 1px rgba(111,6,9,.08),
    inset 0 1px 0 rgba(255,255,255,.43),
    inset 0 -4px 0 rgba(65,0,3,.26),
    inset 0 0 18px rgba(255,100,78,.18)!important;
  transform:translateY(0)!important;
  transition:transform .22s cubic-bezier(.16,.9,.18,1),filter .22s ease,box-shadow .22s ease!important;
  animation:rp26BuyGlow 4.2s ease-in-out infinite!important;
}
.rp21-buy::before{
  content:"";
  position:absolute;
  z-index:1;
  left:6px;right:6px;top:5px;
  height:24px;
  border-radius:11px 11px 8px 8px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.09) 48%,rgba(255,255,255,0) 100%);
  border-top:1px solid rgba(255,255,255,.28);
  pointer-events:none;
}
.rp21-buy::after{
  content:"";
  position:absolute;
  z-index:2;
  top:-18%;
  bottom:-18%;
  left:-58%;
  width:34%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,244,210,.14),rgba(255,255,255,.82),rgba(255,225,150,.16),transparent);
  filter:blur(.2px);
  pointer-events:none;
  animation:rp26BuySweep 4.8s cubic-bezier(.55,0,.2,1) infinite!important;
}
.rp21-buy-main{
  position:relative!important;
  z-index:4!important;
  margin-top:-7px!important;
  color:#fffef9!important;
  font:950 12.6px/1 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-shadow:
    0 1px 0 rgba(85,0,3,.96),
    0 2px 3px rgba(48,0,2,.68),
    0 0 10px rgba(255,239,204,.26)!important;
}
.rp21-buy-main::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-5px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,231,164,.94),rgba(255,248,224,.48),transparent);
  box-shadow:0 1px 5px rgba(255,203,93,.20);
}
.rp21-buy-sub{
  position:absolute!important;
  z-index:4!important;
  left:15px!important;
  bottom:8px!important;
  max-width:112px!important;
  overflow:hidden!important;
  color:#ffe0a0!important;
  font:900 5.8px/1 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-shadow:0 1px 2px rgba(53,0,1,.76)!important;
}
.rp21-buy > b{
  position:absolute!important;
  z-index:5!important;
  right:8px!important;
  top:11px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,239,184,.92)!important;
  border-radius:999px!important;
  color:#641006!important;
  background:
    radial-gradient(circle at 34% 26%,#fffef5 0%,#fff1b8 21%,#efc14b 58%,#bd7916 100%)!important;
  box-shadow:
    0 6px 11px rgba(73,0,3,.30),
    0 0 12px rgba(255,210,90,.18),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -2px 0 rgba(106,56,3,.16)!important;
  font:950 21px/1 Arial,Helvetica,sans-serif!important;
  text-shadow:0 1px 0 rgba(255,255,255,.65)!important;
  transform:translateX(0)!important;
  transition:transform .22s ease,filter .22s ease,box-shadow .22s ease!important;
}
.rp21-buy:hover,
.rp21-buy:focus-visible{
  transform:translateY(-5px) scale(1.035)!important;
  filter:saturate(1.08) brightness(1.035)!important;
  box-shadow:
    0 22px 31px rgba(91,4,8,.32),
    0 8px 14px rgba(207,41,39,.24),
    0 0 18px rgba(233,84,61,.12),
    0 0 0 1px rgba(255,218,130,.24),
    inset 0 1px 0 rgba(255,255,255,.50),
    inset 0 -4px 0 rgba(65,0,3,.28)!important;
}
.rp21-buy:hover > b,
.rp21-buy:focus-visible > b{
  transform:translateX(3px) scale(1.06)!important;
  filter:brightness(1.06)!important;
  box-shadow:
    0 8px 13px rgba(73,0,3,.34),
    0 0 17px rgba(255,211,90,.26),
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 -2px 0 rgba(106,56,3,.16)!important;
}
.rp21-buy:active{transform:translateY(-1px) scale(.995)!important}
.rp21-buy:focus-visible{outline:3px solid rgba(224,173,53,.34)!important;outline-offset:3px!important}

@keyframes rp26BuyGlow{
  0%,100%{box-shadow:0 17px 26px rgba(91,4,8,.27),0 4px 9px rgba(195,31,34,.20),0 0 0 1px rgba(111,6,9,.08),inset 0 1px 0 rgba(255,255,255,.43),inset 0 -4px 0 rgba(65,0,3,.26),inset 0 0 18px rgba(255,100,78,.18)}
  50%{box-shadow:0 18px 29px rgba(91,4,8,.31),0 5px 11px rgba(211,43,40,.23),0 0 14px rgba(239,77,55,.10),0 0 0 1px rgba(226,176,65,.14),inset 0 1px 0 rgba(255,255,255,.47),inset 0 -4px 0 rgba(65,0,3,.26),inset 0 0 23px rgba(255,114,87,.21)}
}
@keyframes rp26BuySweep{
  0%,64%{left:-58%;opacity:0}
  70%{opacity:.92}
  86%{left:124%;opacity:.64}
  100%{left:124%;opacity:0}
}

/* medium screens */
@media(max-width:1100px) and (min-width:681px){
  .rp21-shell{width:99vw!important}
  .rp21-brand{left:4px!important;width:138px!important}
  .rp21-brand img{width:132px!important}
  .rp21-nav{left:148px!important;right:214px!important;gap:14px!important;padding:0 8px!important}
  .rp21-tab,.rp21-menu-group{width:98px!important;min-width:98px!important}
  .rp21-tab{height:50px!important;min-height:50px!important;padding:0 10px!important}
  .rp21-tab > span{font-size:11.5px!important}
  .rp21-commerce{right:2px!important;width:201px!important;gap:7px!important}
  .rp21-cart{width:46px!important;min-width:46px!important;height:46px!important}
  .rp21-buy{width:147px!important;min-width:147px!important;height:52px!important}
  .rp21-buy-main{font-size:11px!important}
  .rp21-buy-sub{font-size:5.8px!important}
}

/* mobile */
.rp21-mobile{display:none!important}
@media(max-width:680px){
  .rp21-header{height:92px!important;min-height:92px!important;border-radius:0 0 14px 14px!important}
  .rp21-shell{width:100%!important;height:92px!important;padding:0 12px!important}
  .rp21-brand{left:10px!important;top:8px!important;width:108px!important;height:80px!important}
  .rp21-brand img{width:104px!important;max-height:78px!important}
  .rp21-commerce{right:12px!important;top:18px!important;width:auto!important;height:44px!important}
  .rp21-buy{display:none!important}
  .rp21-cart{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  .rp21-mobile{position:absolute!important;z-index:20!important;right:64px!important;top:19px!important;width:40px!important;height:40px!important;padding:9px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;border:1px solid #d4c7ba!important;border-radius:8px!important;background:linear-gradient(#fff,#eee5dc)!important;box-shadow:0 4px 8px rgba(60,46,35,.09)!important}
  .rp21-mobile span{display:block!important;width:100%!important;height:2px!important;background:#5a4d43!important}
  .rp21-nav{position:absolute!important;left:12px!important;right:12px!important;top:84px!important;width:auto!important;height:auto!important;min-height:0!important;padding:10px 10px 12px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;background:#fff9f0!important;border:1px solid #d8cbbf!important;border-top:4px solid #de8b24!important;border-radius:0 0 10px 10px!important;box-shadow:0 18px 32px rgba(51,39,28,.18)!important}
  .rp21-nav::before,.rp21-nav::after{display:none!important}
  .rp21-nav.open{display:flex!important}
  .rp21-tab,.rp21-menu-group{width:100%!important;min-width:0!important;height:auto!important;animation:none!important}
  .rp21-tab{width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;justify-content:flex-start!important;transform:none!important;border-radius:10px!important}
  .rp21-tab::before,.rp21-tab::after{display:none!important}
  .rp21-tab > span{justify-content:flex-start!important;padding-left:18px!important;font-size:13px!important}
  .rp21-tab > i{right:18px!important;top:20px!important}
  .rp21-menu-panel{position:relative!important;top:auto!important;left:auto!important;width:100%!important;margin-top:4px!important;display:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;box-shadow:none!important}
  .rp21-menu-group.open .rp21-menu-panel,.rp21-menu-group:focus-within .rp21-menu-panel{display:block!important}
}

@media(prefers-reduced-motion:reduce){
  .rp21-tab,.rp21-menu-panel,.rp21-brand,.rp21-cart,.rp21-buy,.rp21-nav > *{animation:none!important;transition:none!important}
}


/* V28 rebuild: keep cart on the right, rebuild premium order CTA */
.rp21-buy{
  width:176px!important;
  min-width:176px!important;
  height:58px!important;
  min-height:58px!important;
  padding:10px 48px 10px 16px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  align-content:center!important;
  row-gap:3px!important;
  border:1px solid rgba(255,221,150,.92)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 14% 10%,rgba(255,255,255,.30),transparent 24%),
    radial-gradient(circle at 92% 120%,rgba(255,194,78,.22),transparent 35%),
    linear-gradient(118deg,#6a0408 0%,#9b0d12 18%,#dd2f30 50%,#b20e16 74%,#5a0205 100%)!important;
  box-shadow:
    0 18px 28px rgba(84,5,8,.28),
    0 6px 11px rgba(201,32,35,.19),
    0 0 0 1px rgba(104,4,8,.09),
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -4px 0 rgba(67,1,5,.28),
    inset 0 0 18px rgba(255,105,84,.16)!important;
}
.rp21-buy::before{
  left:7px!important;right:7px!important;top:5px!important;height:22px!important;
  border-radius:11px 11px 8px 8px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.31),rgba(255,255,255,.08) 50%,rgba(255,255,255,0) 100%)!important;
}
.rp21-buy-main{
  grid-column:1!important;
  grid-row:1!important;
  margin-top:0!important;
  align-self:end!important;
  font:950 13px/1 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
  letter-spacing:.07em!important;
  text-shadow:0 1px 0 rgba(75,0,2,.95),0 2px 4px rgba(41,0,2,.68),0 0 10px rgba(255,239,204,.22)!important;
}
.rp21-buy-main::after{
  bottom:-4px!important;
  background:linear-gradient(90deg,rgba(255,234,173,.96),rgba(255,248,228,.42),transparent)!important;
}
.rp21-buy-sub{
  position:relative!important;
  grid-column:1!important;
  grid-row:2!important;
  left:auto!important;
  bottom:auto!important;
  max-width:116px!important;
  align-self:start!important;
  color:#ffe2a6!important;
  font:900 6.1px/1 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
  letter-spacing:.12em!important;
  text-shadow:0 1px 2px rgba(53,0,1,.78)!important;
}
.rp21-buy > b{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  position:absolute!important;
  right:8px!important;
  top:11px!important;
  width:35px!important;
  height:35px!important;
  border:1px solid rgba(255,239,184,.96)!important;
  background:radial-gradient(circle at 32% 26%,#fffef7 0%,#fff3bf 24%,#f1c655 58%,#bf7917 100%)!important;
  box-shadow:0 7px 12px rgba(73,0,3,.30),0 0 14px rgba(255,210,90,.16),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 0 rgba(106,56,3,.18)!important;
}
.rp21-buy:hover,
.rp21-buy:focus-visible{
  transform:translateY(-4px) scale(1.03)!important;
  filter:saturate(1.07) brightness(1.03)!important;
  box-shadow:
    0 22px 33px rgba(84,5,8,.32),
    0 9px 15px rgba(206,38,39,.22),
    0 0 17px rgba(233,84,61,.10),
    0 0 0 1px rgba(255,218,130,.20),
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -4px 0 rgba(67,1,5,.30)!important;
}
@media(max-width:1100px) and (min-width:681px){
  .rp21-commerce{width:208px!important;gap:8px!important}
  .rp21-buy{width:154px!important;min-width:154px!important;height:52px!important;min-height:52px!important;padding:8px 42px 8px 13px!important}
  .rp21-buy-main{font-size:11.4px!important}
  .rp21-buy-sub{max-width:98px!important;font-size:5.6px!important}
  .rp21-buy > b{top:10px!important;width:31px!important;height:31px!important;font-size:19px!important}
}


/* ============================================================
   V29 — Elevated navigation + rebuilt Order Online CTA
   Goal: cleaner luxury tabs, better readability, more premium CTA
   ============================================================ */
@media(min-width:681px){
  .rp21-nav{
    gap:18px!important;
    top:38px!important;
    left:198px!important;
    right:256px!important;
    height:72px!important;
    padding:0 16px!important;
  }
  .rp21-nav::before{
    top:25px!important;
    height:16px!important;
    background:linear-gradient(180deg,#f6f3ef 0%,#ddd7d0 18%,#b8b0a8 52%,#d7d1ca 78%,#f0ece8 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(77,68,61,.16), 0 7px 12px rgba(66,56,49,.10)!important;
  }
  .rp21-nav::after{
    top:27px!important;
    left:30px!important;
    right:30px!important;
    height:5px!important;
    opacity:.78!important;
  }

  .rp21-tab,
  .rp21-menu-group{
    width:110px!important;
    min-width:110px!important;
    height:64px!important;
  }

  .rp21-tab{
    height:52px!important;
    min-height:52px!important;
    padding:0 14px!important;
    border:1px solid rgba(143,133,123,.18)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#fffefd 0%,#f3efea 18%,#ddd7d0 66%,#c7c0b8 100%)!important;
    color:#514338!important;
    text-shadow:0 1px 0 rgba(255,255,255,.68)!important;
    box-shadow:0 9px 16px rgba(72,57,45,.10), inset 0 1px 0 rgba(255,255,255,.98), inset 0 -2px 0 rgba(98,90,84,.15)!important;
    transform:translateY(-1px)!important;
    transition:transform .22s cubic-bezier(.16,.9,.18,1),box-shadow .22s ease,filter .22s ease,background .22s ease,color .22s ease,border-color .22s ease!important;
  }

  .rp21-tab::before,
  .rp21-tab::after{
    top:-8px!important;
    width:5px!important;
    height:12px!important;
    border-radius:4px 4px 0 0!important;
    background:linear-gradient(180deg,#4c463f,#1e1b18)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.25)!important;
    opacity:.82!important;
  }
  .rp21-tab::before{left:18px!important}
  .rp21-tab::after{right:18px!important}

  .rp21-tab > span{
    font:900 13px/1.05 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
    letter-spacing:.015em!important;
    color:inherit!important;
  }
  .rp21-tab > span::before{
    left:10px!important;
    right:10px!important;
    top:6px!important;
    height:11px!important;
    opacity:.65!important;
  }
  .rp21-tab > i{
    right:12px!important;
    top:18px!important;
    font-size:10px!important;
    opacity:.82!important;
  }

  .rp21-tab.is-active,
  .rp21-tab:hover,
  .rp21-tab:focus-visible,
  .rp21-menu-group:hover > .rp21-tab,
  .rp21-menu-group:focus-within > .rp21-tab{
    background:linear-gradient(180deg,#fff9da 0%,#f6e7a7 26%,#e7c66e 70%,#c98f2f 100%)!important;
    border-color:rgba(185,132,33,.24)!important;
    color:#3d2d20!important;
    text-shadow:0 1px 0 rgba(255,255,255,.46)!important;
    transform:translateY(-5px)!important;
    box-shadow:0 14px 22px rgba(109,79,41,.16), inset 0 1px 0 rgba(255,251,228,.98), inset 0 -3px 0 rgba(126,87,23,.18), 0 0 0 1px rgba(255,228,156,.35)!important;
  }

  @keyframes rp29Float{0%,100%{transform:translateY(-1px)}50%{transform:translateY(-3px)}}
  .rp21-nav > .rp21-tab,
  .rp21-nav > .rp21-menu-group{animation:rp29Float 6.4s ease-in-out infinite!important}
  .rp21-nav > .rp21-tab:nth-child(1){animation-delay:-.4s!important}
  .rp21-nav > .rp21-menu-group{animation-delay:-.8s!important}
  .rp21-nav > .rp21-tab:nth-child(3){animation-delay:-1.3s!important}
  .rp21-nav > .rp21-tab:nth-child(4){animation-delay:-1.7s!important}
  .rp21-nav > .rp21-tab:nth-child(5){animation-delay:-2.2s!important}
  .rp21-tab:hover,.rp21-menu-group:hover{animation-play-state:paused!important}

  .rp21-commerce{
    right:4px!important;
    top:34px!important;
    width:238px!important;
    gap:10px!important;
  }

  .rp21-buy{
    width:178px!important;
    min-width:178px!important;
    height:58px!important;
    min-height:58px!important;
    padding:9px 47px 9px 15px!important;
    border:1px solid rgba(255,219,146,.94)!important;
    border-radius:16px!important;
    background:
      radial-gradient(circle at 15% 12%,rgba(255,255,255,.28),transparent 24%),
      radial-gradient(circle at 96% 112%,rgba(255,196,78,.16),transparent 34%),
      linear-gradient(120deg,#650408 0%,#920b10 18%,#cf2428 48%,#aa0b13 76%,#570206 100%)!important;
    box-shadow:0 18px 28px rgba(86,4,8,.26),0 6px 11px rgba(191,27,31,.18),0 0 0 1px rgba(104,4,8,.08),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -4px 0 rgba(64,0,4,.28),inset 0 0 16px rgba(255,108,86,.15)!important;
    animation:rp29BuyGlow 4.6s ease-in-out infinite!important;
  }
  .rp21-buy::before{
    left:7px!important;right:7px!important;top:5px!important;height:22px!important;
    border-radius:11px 11px 8px 8px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.07) 50%,rgba(255,255,255,0) 100%)!important;
    border-top:1px solid rgba(255,255,255,.24)!important;
  }
  .rp21-buy::after{
    top:-16%!important;bottom:-16%!important;left:-62%!important;width:32%!important;
    background:linear-gradient(90deg,transparent,rgba(255,246,219,.09),rgba(255,255,255,.75),rgba(255,228,149,.12),transparent)!important;
    animation:rp29BuySweep 5.2s cubic-bezier(.55,0,.2,1) infinite!important;
  }
  .rp21-buy-main{
    margin-top:-1px!important;
    font:950 13px/1 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
    letter-spacing:.085em!important;
    color:#fffef8!important;
    text-shadow:0 1px 0 rgba(69,0,2,.95),0 2px 4px rgba(36,0,2,.64)!important;
  }
  .rp21-buy-main::after{
    bottom:-4px!important;
    background:linear-gradient(90deg,rgba(255,232,171,.92),rgba(255,250,232,.38),transparent)!important;
    box-shadow:0 1px 5px rgba(255,203,93,.14)!important;
  }
  .rp21-buy-sub{
    max-width:112px!important;
    color:#ffe1a2!important;
    font:900 6px/1 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
    letter-spacing:.125em!important;
    text-shadow:0 1px 2px rgba(45,0,1,.76)!important;
  }
  .rp21-buy > b{
    right:8px!important;
    top:11px!important;
    width:34px!important;
    height:34px!important;
    border:1px solid rgba(255,240,193,.96)!important;
    color:#6a1408!important;
    background:radial-gradient(circle at 32% 24%,#fffef7 0%,#fff3c0 25%,#efc754 60%,#bc7817 100%)!important;
    box-shadow:0 7px 12px rgba(73,0,3,.28),0 0 13px rgba(255,212,97,.15),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 0 rgba(109,59,5,.18)!important;
    font:950 20px/1 Arial,Helvetica,sans-serif!important;
  }
  .rp21-buy:hover,
  .rp21-buy:focus-visible{
    transform:translateY(-4px) scale(1.028)!important;
    filter:saturate(1.06) brightness(1.02)!important;
    box-shadow:0 22px 33px rgba(86,4,8,.31),0 9px 15px rgba(202,34,38,.21),0 0 14px rgba(233,84,61,.08),0 0 0 1px rgba(255,218,130,.16),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -4px 0 rgba(64,0,4,.30)!important;
  }
  .rp21-buy:hover > b,
  .rp21-buy:focus-visible > b{
    transform:translateX(2px) scale(1.04)!important;
    box-shadow:0 8px 13px rgba(73,0,3,.31),0 0 15px rgba(255,211,90,.20),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 0 rgba(106,56,3,.18)!important;
  }

  @keyframes rp29BuyGlow{
    0%,100%{box-shadow:0 18px 28px rgba(86,4,8,.26),0 6px 11px rgba(191,27,31,.18),0 0 0 1px rgba(104,4,8,.08),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -4px 0 rgba(64,0,4,.28),inset 0 0 16px rgba(255,108,86,.15)}
    50%{box-shadow:0 20px 31px rgba(86,4,8,.29),0 7px 12px rgba(201,34,36,.19),0 0 12px rgba(230,82,58,.08),0 0 0 1px rgba(234,187,78,.11),inset 0 1px 0 rgba(255,255,255,.46),inset 0 -4px 0 rgba(64,0,4,.28),inset 0 0 19px rgba(255,111,89,.17)}
  }
  @keyframes rp29BuySweep{
    0%,66%{left:-62%;opacity:0}
    72%{opacity:.88}
    88%{left:124%;opacity:.58}
    100%{left:124%;opacity:0}
  }
}

@media(max-width:1100px) and (min-width:681px){
  .rp21-nav{gap:13px!important;right:218px!important}
  .rp21-tab,.rp21-menu-group{width:98px!important;min-width:98px!important}
  .rp21-tab{height:50px!important;min-height:50px!important;padding:0 10px!important}
  .rp21-tab > span{font-size:11.8px!important}
  .rp21-commerce{width:206px!important;gap:8px!important}
  .rp21-buy{width:152px!important;min-width:152px!important;height:52px!important;min-height:52px!important;padding:8px 42px 8px 13px!important}
  .rp21-buy-main{font-size:11.2px!important}
  .rp21-buy-sub{max-width:95px!important;font-size:5.5px!important}
  .rp21-buy > b{top:10px!important;width:31px!important;height:31px!important;font-size:18px!important}
}


/* ============================================================
   V30 — Cinematic premium nav redesign
   Goal: make the navigator feel truly premium, more viral, more cinematic
   ============================================================ */
@media(min-width:681px){
  .rp21-nav{
    left:188px!important;
    right:254px!important;
    top:26px!important;
    height:90px!important;
    min-height:90px!important;
    gap:16px!important;
    padding:0 18px!important;
    align-items:center!important;
  }
  .rp21-nav::before{
    left:0!important;
    right:0!important;
    top:26px!important;
    height:34px!important;
    border-radius:999px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.88),rgba(246,239,232,.74) 18%,rgba(201,188,175,.88) 52%,rgba(237,230,222,.82) 80%,rgba(255,255,255,.94) 100%)!important;
    border:1px solid rgba(152,125,97,.16)!important;
    box-shadow:
      0 18px 30px rgba(68,52,39,.10),
      inset 0 1px 0 rgba(255,255,255,.94),
      inset 0 -1px 0 rgba(91,70,54,.12),
      0 0 0 1px rgba(255,240,218,.28)!important;
  }
  .rp21-nav::after{
    left:30px!important;
    right:30px!important;
    top:31px!important;
    height:7px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,0))!important;
    opacity:.86!important;
  }

  .rp21-tab,
  .rp21-menu-group{
    width:104px!important;
    min-width:104px!important;
    height:82px!important;
  }

  .rp21-tab{
    height:58px!important;
    min-height:58px!important;
    padding:0 14px!important;
    border:1px solid rgba(162,141,118,.22)!important;
    border-radius:18px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,255,255,.60),rgba(255,255,255,0) 36%),
      linear-gradient(180deg,#ffffff 0%,#f7f2ec 20%,#e5ddd4 68%,#cbc0b6 100%)!important;
    color:#534236!important;
    text-shadow:0 1px 0 rgba(255,255,255,.78)!important;
    box-shadow:
      0 14px 22px rgba(79,58,42,.12),
      inset 0 1px 0 rgba(255,255,255,.98),
      inset 0 -3px 0 rgba(111,96,83,.14),
      0 0 0 1px rgba(255,253,249,.60)!important;
    transform:translateY(0)!important;
    backdrop-filter:blur(5px)!important;
    transition:transform .24s cubic-bezier(.16,.9,.18,1), box-shadow .24s ease, filter .24s ease, background .24s ease, color .24s ease, border-color .24s ease!important;
  }
  .rp21-tab::before,
  .rp21-tab::after{
    top:-12px!important;
    width:6px!important;
    height:18px!important;
    border-radius:5px 5px 0 0!important;
    background:linear-gradient(180deg,#6e665f,#26211d)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.24)!important;
    opacity:.88!important;
  }
  .rp21-tab::before{left:21px!important}
  .rp21-tab::after{right:21px!important}
  .rp21-tab > span{
    font:900 12.8px/1.02 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
    color:inherit!important;
  }
  .rp21-tab > span::before{
    left:12px!important;
    right:12px!important;
    top:8px!important;
    height:13px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,0))!important;
    opacity:.82!important;
  }
  .rp21-tab > span::after{
    content:""!important;
    position:absolute!important;
    left:20px!important;
    right:20px!important;
    bottom:10px!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,rgba(132,103,78,.42),transparent)!important;
    opacity:.42!important;
  }
  .rp21-tab > i{
    right:12px!important;
    top:21px!important;
    font-size:10px!important;
    opacity:.82!important;
  }

  .rp21-tab.is-active,
  .rp21-tab:hover,
  .rp21-tab:focus-visible,
  .rp21-menu-group:hover > .rp21-tab,
  .rp21-menu-group:focus-within > .rp21-tab{
    background:
      radial-gradient(circle at 50% 0%,rgba(255,255,255,.68),rgba(255,255,255,0) 36%),
      linear-gradient(180deg,#fff9dd 0%,#f6e7a7 24%,#e7c66d 67%,#c38625 100%)!important;
    border-color:rgba(193,141,38,.28)!important;
    color:#3d2b1d!important;
    text-shadow:0 1px 0 rgba(255,255,255,.40)!important;
    transform:translateY(-9px) scale(1.035)!important;
    box-shadow:
      0 20px 30px rgba(112,79,36,.18),
      0 0 20px rgba(230,188,80,.08),
      inset 0 1px 0 rgba(255,252,231,.98),
      inset 0 -4px 0 rgba(132,89,19,.18),
      0 0 0 1px rgba(255,229,154,.36)!important;
  }
  .rp21-tab.is-active > span::after,
  .rp21-tab:hover > span::after,
  .rp21-menu-group:hover > .rp21-tab > span::after,
  .rp21-menu-group:focus-within > .rp21-tab > span::after{
    background:linear-gradient(90deg,transparent,rgba(120,73,13,.78),transparent)!important;
    opacity:.72!important;
  }

  @keyframes rp30DockFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
  .rp21-nav > .rp21-tab,
  .rp21-nav > .rp21-menu-group{animation:rp30DockFloat 6.8s ease-in-out infinite!important}
  .rp21-nav > .rp21-tab:nth-child(1){animation-delay:-.25s!important}
  .rp21-nav > .rp21-menu-group{animation-delay:-.85s!important}
  .rp21-nav > .rp21-tab:nth-child(3){animation-delay:-1.4s!important}
  .rp21-nav > .rp21-tab:nth-child(4){animation-delay:-1.9s!important}
  .rp21-nav > .rp21-tab:nth-child(5){animation-delay:-2.5s!important}
  .rp21-tab:hover,.rp21-menu-group:hover{animation-play-state:paused!important}

  .rp21-menu-panel{
    top:72px!important;
    width:336px!important;
    padding:12px!important;
    border:1px solid rgba(190,161,122,.20)!important;
    border-top:4px solid #d7a536!important;
    border-radius:0 0 16px 16px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.995),rgba(255,247,237,.99))!important;
    box-shadow:0 26px 42px rgba(58,37,24,.18), inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  .rp21-panel-kicker{
    padding:7px 10px 10px!important;
    color:#a65e1f!important;
    font-size:8.5px!important;
    letter-spacing:.18em!important;
  }
  .rp21-menu-panel > a{
    min-height:54px!important;
    padding:9px 36px 9px 13px!important;
    border-top:1px solid rgba(241,226,212,.96)!important;
  }
  .rp21-menu-panel > a b{font-size:11.6px!important}
  .rp21-menu-panel > a small{font-size:8.3px!important}
  .rp21-menu-panel > a i{right:12px!important;top:19px!important}

  .rp21-commerce{
    right:2px!important;
    top:34px!important;
    width:242px!important;
    height:68px!important;
    gap:10px!important;
  }
  .rp21-cart{
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:15px!important;
    background:linear-gradient(180deg,#7df08a 0%,#34c150 42%,#24963d 73%,#15692a 100%)!important;
    box-shadow:0 14px 20px rgba(22,104,39,.22), inset 0 2px 0 rgba(255,255,255,.36), inset 0 -3px 0 rgba(11,72,22,.18)!important;
  }

  .rp21-buy{
    width:180px!important;
    min-width:180px!important;
    height:60px!important;
    min-height:60px!important;
    padding:9px 48px 9px 16px!important;
    border:1px solid rgba(255,220,148,.95)!important;
    border-radius:17px!important;
    background:
      radial-gradient(circle at 14% 10%,rgba(255,255,255,.30),rgba(255,255,255,0) 24%),
      radial-gradient(circle at 94% 116%,rgba(255,193,80,.18),rgba(255,193,80,0) 34%),
      linear-gradient(122deg,#650408 0%,#960c11 18%,#d42c2d 50%,#aa0f16 76%,#560206 100%)!important;
    box-shadow:
      0 19px 30px rgba(86,4,8,.28),
      0 6px 11px rgba(196,29,33,.20),
      0 0 0 1px rgba(104,4,8,.08),
      inset 0 1px 0 rgba(255,255,255,.45),
      inset 0 -4px 0 rgba(63,0,4,.28),
      inset 0 0 18px rgba(255,104,83,.16)!important;
    animation:rp30BuyGlow 4.8s ease-in-out infinite!important;
  }
  .rp21-buy::before{
    left:7px!important;right:7px!important;top:5px!important;height:23px!important;
    border-radius:12px 12px 8px 8px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.08) 50%,rgba(255,255,255,0) 100%)!important;
    border-top:1px solid rgba(255,255,255,.25)!important;
  }
  .rp21-buy::after{
    top:-18%!important;bottom:-18%!important;left:-62%!important;width:34%!important;
    background:linear-gradient(90deg,transparent,rgba(255,245,214,.10),rgba(255,255,255,.82),rgba(255,225,150,.13),transparent)!important;
    animation:rp30BuySweep 5.4s cubic-bezier(.55,0,.2,1) infinite!important;
  }
  .rp21-buy-main{
    font:950 13.2px/1 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
    letter-spacing:.09em!important;
    color:#fffefa!important;
    text-shadow:0 1px 0 rgba(72,0,2,.95),0 2px 4px rgba(36,0,2,.66),0 0 10px rgba(255,239,204,.18)!important;
  }
  .rp21-buy-main::after{
    bottom:-4px!important;
    background:linear-gradient(90deg,rgba(255,232,171,.92),rgba(255,249,229,.36),transparent)!important;
    box-shadow:0 1px 5px rgba(255,203,93,.12)!important;
  }
  .rp21-buy-sub{
    max-width:114px!important;
    color:#ffe1a2!important;
    font:900 6.1px/1 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
    letter-spacing:.125em!important;
    text-shadow:0 1px 2px rgba(45,0,1,.76)!important;
  }
  .rp21-buy > b{
    right:8px!important;
    top:11px!important;
    width:35px!important;
    height:35px!important;
    border:1px solid rgba(255,240,193,.96)!important;
    color:#681308!important;
    background:radial-gradient(circle at 32% 24%,#fffef7 0%,#fff3bf 25%,#efc654 60%,#bc7817 100%)!important;
    box-shadow:0 7px 12px rgba(73,0,3,.29),0 0 13px rgba(255,212,97,.17),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 0 rgba(109,59,5,.18)!important;
    font:950 20px/1 Arial,Helvetica,sans-serif!important;
  }
  .rp21-buy:hover,
  .rp21-buy:focus-visible{
    transform:translateY(-5px) scale(1.032)!important;
    filter:saturate(1.07) brightness(1.025)!important;
    box-shadow:0 24px 35px rgba(86,4,8,.32),0 9px 15px rgba(204,35,39,.22),0 0 16px rgba(233,84,61,.10),0 0 0 1px rgba(255,218,130,.18),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -4px 0 rgba(63,0,4,.30)!important;
  }
  .rp21-buy:hover > b,
  .rp21-buy:focus-visible > b{
    transform:translateX(2px) scale(1.05)!important;
  }

  @keyframes rp30BuyGlow{
    0%,100%{box-shadow:0 19px 30px rgba(86,4,8,.28),0 6px 11px rgba(196,29,33,.20),0 0 0 1px rgba(104,4,8,.08),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -4px 0 rgba(63,0,4,.28),inset 0 0 18px rgba(255,104,83,.16)}
    50%{box-shadow:0 21px 33px rgba(86,4,8,.31),0 7px 12px rgba(204,34,36,.21),0 0 14px rgba(230,82,58,.08),0 0 0 1px rgba(234,187,78,.12),inset 0 1px 0 rgba(255,255,255,.46),inset 0 -4px 0 rgba(63,0,4,.28),inset 0 0 20px rgba(255,111,89,.18)}
  }
  @keyframes rp30BuySweep{
    0%,66%{left:-62%;opacity:0}
    72%{opacity:.88}
    88%{left:124%;opacity:.60}
    100%{left:124%;opacity:0}
  }
}

@media(max-width:1100px) and (min-width:681px){
  .rp21-nav{left:150px!important;right:214px!important;gap:12px!important}
  .rp21-tab,.rp21-menu-group{width:92px!important;min-width:92px!important;height:78px!important}
  .rp21-tab{height:50px!important;min-height:50px!important;padding:0 10px!important;border-radius:15px!important}
  .rp21-tab::before,.rp21-tab::after{top:-10px!important;height:15px!important}
  .rp21-tab > span{font-size:11px!important;letter-spacing:.06em!important}
  .rp21-commerce{width:206px!important;gap:8px!important}
  .rp21-buy{width:152px!important;min-width:152px!important;height:52px!important;min-height:52px!important;padding:8px 42px 8px 13px!important}
  .rp21-buy-main{font-size:11.1px!important}
  .rp21-buy-sub{max-width:96px!important;font-size:5.4px!important}
  .rp21-buy > b{top:10px!important;width:31px!important;height:31px!important;font-size:18px!important}
}


/* ============================================================
   V31 — RADICAL GLASS / CINEMATIC NAV REDESIGN
   This intentionally looks very different from the previous versions.
   ============================================================ */
@media(min-width:681px){
  .rp21-header{
    height:156px!important;
    min-height:156px!important;
  }
  .rp21-shell{
    height:156px!important;
  }
  .rp21-brand{
    top:10px!important;
  }

  .rp21-nav{
    left:188px!important;
    right:262px!important;
    top:24px!important;
    height:92px!important;
    min-height:92px!important;
    gap:12px!important;
    padding:0 18px!important;
    align-items:center!important;
  }
  .rp21-nav::before{
    content:""!important;
    position:absolute!important;
    left:-4px!important;
    right:-4px!important;
    top:18px!important;
    height:52px!important;
    border-radius:28px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.76),rgba(243,237,230,.62) 35%,rgba(220,210,199,.62) 100%),
      rgba(255,255,255,.35)!important;
    border:1px solid rgba(172,149,124,.20)!important;
    box-shadow:
      0 24px 34px rgba(68,51,37,.10),
      inset 0 1px 0 rgba(255,255,255,.96),
      inset 0 -1px 0 rgba(114,90,68,.10),
      0 0 0 1px rgba(255,247,234,.44)!important;
    backdrop-filter:blur(10px)!important;
  }
  .rp21-nav::after{
    content:""!important;
    position:absolute!important;
    left:34px!important;
    right:34px!important;
    top:27px!important;
    height:8px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,0))!important;
    opacity:.95!important;
  }

  .rp21-tab,
  .rp21-menu-group{
    width:102px!important;
    min-width:102px!important;
    height:84px!important;
  }

  .rp21-tab{
    height:60px!important;
    min-height:60px!important;
    padding:0 14px!important;
    border:1px solid rgba(176,155,130,.18)!important;
    border-radius:20px!important;
    background:
      radial-gradient(circle at 50% 2%,rgba(255,255,255,.70),rgba(255,255,255,0) 36%),
      linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(247,242,235,.88) 28%,rgba(232,224,214,.92) 100%)!important;
    color:#5a4639!important;
    text-shadow:0 1px 0 rgba(255,255,255,.72)!important;
    box-shadow:
      0 16px 24px rgba(75,57,40,.12),
      inset 0 1px 0 rgba(255,255,255,.98),
      inset 0 -3px 0 rgba(112,93,77,.12),
      0 0 0 1px rgba(255,255,255,.58)!important;
    transform:translateY(0)!important;
    backdrop-filter:blur(10px)!important;
    overflow:visible!important;
  }
  .rp21-tab::before,
  .rp21-tab::after{
    top:-14px!important;
    width:6px!important;
    height:19px!important;
    border-radius:5px 5px 0 0!important;
    background:linear-gradient(180deg,#7d756d,#2d2824)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.26)!important;
    opacity:.88!important;
  }
  .rp21-tab::before{left:21px!important}
  .rp21-tab::after{right:21px!important}

  .rp21-tab > span{
    font:900 11.8px/1.05 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
    color:inherit!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .rp21-tab > span::before{
    left:12px!important;
    right:12px!important;
    top:8px!important;
    height:13px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,0))!important;
    opacity:.88!important;
  }
  .rp21-tab > span::after{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:10px!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,rgba(131,102,77,.45),transparent)!important;
    opacity:.48!important;
  }
  .rp21-tab > i{
    right:12px!important;
    top:22px!important;
    font-size:10px!important;
    opacity:.80!important;
  }

  .rp21-tab.is-active,
  .rp21-tab:hover,
  .rp21-tab:focus-visible,
  .rp21-menu-group:hover > .rp21-tab,
  .rp21-menu-group:focus-within > .rp21-tab{
    border-color:rgba(197,138,44,.25)!important;
    background:
      radial-gradient(circle at 50% 2%,rgba(255,255,255,.42),rgba(255,255,255,0) 38%),
      linear-gradient(145deg,#5f0508 0%,#981117 22%,#d93b33 48%,#c91f1c 62%,#e8c76d 100%)!important;
    color:#fffdf6!important;
    text-shadow:0 1px 0 rgba(71,0,3,.58),0 2px 6px rgba(41,0,2,.28)!important;
    transform:translateY(-8px) scale(1.04)!important;
    box-shadow:
      0 24px 34px rgba(87,8,12,.24),
      0 10px 20px rgba(203,43,39,.20),
      0 0 18px rgba(238,89,62,.12),
      inset 0 1px 0 rgba(255,255,255,.34),
      inset 0 -4px 0 rgba(81,2,7,.20),
      0 0 0 1px rgba(255,223,155,.14)!important;
  }
  .rp21-tab.is-active > span::after,
  .rp21-tab:hover > span::after,
  .rp21-menu-group:hover > .rp21-tab > span::after,
  .rp21-menu-group:focus-within > .rp21-tab > span::after{
    background:linear-gradient(90deg,transparent,rgba(255,246,216,.88),transparent)!important;
    opacity:.82!important;
  }
  .rp21-menu-group:hover > .rp21-menu-trigger > i,
  .rp21-menu-group:focus-within > .rp21-menu-trigger > i,
  .rp21-menu-group.open > .rp21-menu-trigger > i{
    color:#fff7df!important;
  }

  @keyframes rp31Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
  .rp21-nav > .rp21-tab,
  .rp21-nav > .rp21-menu-group{animation:rp31Float 7s ease-in-out infinite!important}
  .rp21-nav > .rp21-tab:nth-child(1){animation-delay:-.2s!important}
  .rp21-nav > .rp21-menu-group{animation-delay:-.9s!important}
  .rp21-nav > .rp21-tab:nth-child(3){animation-delay:-1.4s!important}
  .rp21-nav > .rp21-tab:nth-child(4){animation-delay:-2.0s!important}
  .rp21-nav > .rp21-tab:nth-child(5){animation-delay:-2.5s!important}
  .rp21-tab:hover,.rp21-menu-group:hover{animation-play-state:paused!important}

  .rp21-menu-panel{
    top:76px!important;
    width:344px!important;
    padding:12px!important;
    border:1px solid rgba(191,160,120,.18)!important;
    border-top:4px solid #d7a536!important;
    border-radius:0 0 18px 18px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.995),rgba(255,248,240,.99))!important;
    box-shadow:0 28px 44px rgba(58,37,24,.18), inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  .rp21-menu-panel > a:hover,.rp21-menu-panel > a.is-current{
    transform:translateX(-3px)!important;
    background:linear-gradient(90deg,#fff0c7,#fffdfa)!important;
    color:#3f3229!important;
  }

  .rp21-commerce{
    right:2px!important;
    top:36px!important;
    width:244px!important;
    gap:10px!important;
  }
  .rp21-cart{
    border-radius:16px!important;
  }
  .rp21-buy{
    width:182px!important;
    min-width:182px!important;
    height:60px!important;
    min-height:60px!important;
    padding:9px 48px 9px 16px!important;
    border-radius:18px!important;
  }
}

@media(max-width:1100px) and (min-width:681px){
  .rp21-nav{left:150px!important;right:214px!important;gap:10px!important}
  .rp21-tab,.rp21-menu-group{width:90px!important;min-width:90px!important;height:80px!important}
  .rp21-tab{height:52px!important;min-height:52px!important;padding:0 10px!important;border-radius:16px!important}
  .rp21-tab::before,.rp21-tab::after{top:-11px!important;height:16px!important}
  .rp21-tab > span{font-size:10.6px!important;letter-spacing:.10em!important}
  .rp21-commerce{width:206px!important;gap:8px!important}
  .rp21-buy{width:152px!important;min-width:152px!important;height:52px!important;min-height:52px!important;padding:8px 42px 8px 13px!important}
  .rp21-buy-main{font-size:11px!important}
  .rp21-buy-sub{max-width:96px!important;font-size:5.4px!important}
  .rp21-buy > b{top:10px!important;width:31px!important;height:31px!important;font-size:18px!important}
}


/* ============================================================
   V32 — SIGNATURE RIBBON NAV inspired by user reference images
   Focus: navigator only, with pink cinematic ribbon and integrated page names.
   ============================================================ */
@media(min-width:681px){
  .rp21-header{height:152px!important;min-height:152px!important}
  .rp21-shell{height:152px!important}

  .rp21-nav{
    left:174px!important;
    right:250px!important;
    top:42px!important;
    height:48px!important;
    min-height:48px!important;
    gap:0!important;
    padding:0 22px 0 34px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  .rp21-nav::before{
    content:""!important;
    position:absolute!important;
    left:-22px!important;
    right:-26px!important;
    top:0!important;
    height:48px!important;
    border-radius:0 0 12px 12px!important;
    background:linear-gradient(90deg,#cf3e68 0%,#e85d8a 22%,#ea6a94 45%,#da4470 72%,#cc3565 100%)!important;
    clip-path:polygon(0 42%,6% 18%,44% 18%,52% 0,100% 0,96% 100%,0 100%)!important;
    box-shadow:0 18px 28px rgba(154,45,89,.22), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 0 rgba(121,20,55,.18)!important;
    border:none!important;
  }
  .rp21-nav::after{
    content:""!important;
    position:absolute!important;
    left:14px!important;
    right:16px!important;
    top:6px!important;
    height:9px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0))!important;
    opacity:.9!important;
  }

  .rp21-tab,
  .rp21-menu-group{
    width:108px!important;
    min-width:108px!important;
    height:48px!important;
  }

  .rp21-tab{
    position:relative!important;
    z-index:4!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#fff9fb!important;
    box-shadow:none!important;
    transform:none!important;
    text-shadow:0 1px 2px rgba(92,16,42,.38)!important;
    overflow:visible!important;
  }
  .rp21-tab::before,
  .rp21-tab::after{display:none!important}

  .rp21-tab > span{
    position:relative!important;
    z-index:2!important;
    font:900 12px/1 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
    color:inherit!important;
    white-space:nowrap!important;
  }
  .rp21-tab > span::before{
    display:none!important;
  }
  .rp21-tab > span::after{
    content:""!important;
    position:absolute!important;
    right:-15px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:1px!important;
    height:18px!important;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,237,244,.55),rgba(255,255,255,0))!important;
    opacity:.9!important;
  }
  .rp21-nav > .rp21-tab:last-child > span::after{display:none!important}

  .rp21-menu-group > .rp21-tab > span::after{right:-13px!important}
  .rp21-tab > i{
    position:absolute!important;
    right:11px!important;
    top:15px!important;
    font-size:10px!important;
    opacity:.92!important;
  }

  .rp21-tab.is-active,
  .rp21-tab:hover,
  .rp21-tab:focus-visible,
  .rp21-menu-group:hover > .rp21-tab,
  .rp21-menu-group:focus-within > .rp21-tab{
    height:40px!important;
    min-height:40px!important;
    margin-top:-1px!important;
    border-radius:9px!important;
    background:linear-gradient(180deg,#f8dde6 0%,#f1becf 100%)!important;
    color:#8e3554!important;
    text-shadow:0 1px 0 rgba(255,255,255,.64)!important;
    box-shadow:0 8px 18px rgba(145,40,78,.18), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(169,84,115,.18)!important;
    transform:translateY(0)!important;
  }
  .rp21-tab.is-active > span::after,
  .rp21-tab:hover > span::after,
  .rp21-menu-group:hover > .rp21-tab > span::after,
  .rp21-menu-group:focus-within > .rp21-tab > span::after{
    display:none!important;
  }

  .rp21-menu-panel{
    top:44px!important;
    left:50%!important;
    width:320px!important;
    padding:12px!important;
    transform:translate(-50%,10px) scale(.985)!important;
    border:1px solid rgba(223,171,188,.26)!important;
    border-top:4px solid #df5d86!important;
    border-radius:0 0 16px 16px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.995),rgba(255,246,249,.99))!important;
    box-shadow:0 24px 40px rgba(138,52,84,.16), inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  .rp21-menu-group:hover .rp21-menu-panel,
  .rp21-menu-group:focus-within .rp21-menu-panel,
  .rp21-menu-group.open .rp21-menu-panel{
    transform:translate(-50%,4px) scale(1)!important;
  }
  .rp21-panel-kicker{
    color:#d04a76!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:.16em!important;
  }
  .rp21-menu-panel > a{
    min-height:50px!important;
    padding:8px 34px 8px 12px!important;
    border-top:1px solid rgba(246,222,229,.96)!important;
  }
  .rp21-menu-panel > a i{color:#de5b86!important}
  .rp21-menu-panel > a:hover,
  .rp21-menu-panel > a.is-current{
    transform:translateX(-3px)!important;
    background:linear-gradient(90deg,#ffe5ee,#fffafd)!important;
    color:#693645!important;
  }
  .rp21-menu-panel > a.is-current{box-shadow:inset 3px 0 #df5d86!important}

  /* disable previous floating gimmicks so the ribbon style stays clean */
  .rp21-nav > .rp21-tab,
  .rp21-nav > .rp21-menu-group{animation:none!important}

  /* keep CTA and cart on the right, aligned with the new ribbon */
  .rp21-commerce{
    top:36px!important;
    right:4px!important;
    width:242px!important;
    gap:10px!important;
  }
}

@media(max-width:1100px) and (min-width:681px){
  .rp21-nav{
    left:146px!important;
    right:214px!important;
    top:44px!important;
    padding:0 18px 0 24px!important;
  }
  .rp21-nav::before{left:-14px!important;right:-16px!important}
  .rp21-tab,.rp21-menu-group{width:92px!important;min-width:92px!important}
  .rp21-tab{padding:0 10px!important}
  .rp21-tab > span{font-size:10.5px!important}
  .rp21-tab > span::after{right:-11px!important;height:16px!important}
  .rp21-commerce{width:206px!important;gap:8px!important}
  .rp21-buy{width:152px!important;min-width:152px!important;height:52px!important;min-height:52px!important;padding:8px 42px 8px 13px!important}
  .rp21-buy-main{font-size:11px!important}
  .rp21-buy-sub{max-width:96px!important;font-size:5.4px!important}
  .rp21-buy > b{top:10px!important;width:31px!important;height:31px!important;font-size:18px!important}
}


/* ============================================================
   V33 — REFERENCE RIBBON NAV REAL CHANGE
   Purpose: unmistakably different navigator inspired by the user's pink ribbon references.
   ============================================================ */
@media(min-width:681px){
  .rp21-header{height:154px!important;min-height:154px!important}
  .rp21-shell{height:154px!important}

  /* Navigator becomes a pink signature ribbon */
  .rp21-nav{
    left:172px!important;
    right:250px!important;
    top:46px!important;
    height:50px!important;
    min-height:50px!important;
    gap:0!important;
    padding:0 24px 0 36px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  .rp21-nav::before{
    content:""!important;
    position:absolute!important;
    inset:0 -26px 0 -28px!important;
    height:50px!important;
    border:none!important;
    border-radius:0 0 13px 13px!important;
    background:linear-gradient(90deg,#cb3d67 0%,#e55c88 24%,#ea6b95 47%,#dd4b78 72%,#c93363 100%)!important;
    clip-path:polygon(0 42%,7% 18%,46% 18%,53% 0,100% 0,96% 100%,0 100%)!important;
    box-shadow:0 18px 30px rgba(164,55,99,.22), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -2px 0 rgba(113,24,53,.18)!important;
  }
  .rp21-nav::after{
    content:""!important;
    position:absolute!important;
    left:14px!important;
    right:18px!important;
    top:6px!important;
    height:10px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0))!important;
    opacity:.95!important;
  }

  .rp21-tab,
  .rp21-menu-group{
    width:110px!important;
    min-width:110px!important;
    height:50px!important;
  }

  .rp21-tab{
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#fff9fb!important;
    box-shadow:none!important;
    transform:none!important;
    text-shadow:0 1px 2px rgba(94,21,47,.38)!important;
  }
  .rp21-tab::before,
  .rp21-tab::after{display:none!important}

  .rp21-tab > span{
    font:900 12px/1 "Trebuchet MS",Arial,Helvetica,sans-serif!important;
    letter-spacing:.015em!important;
    text-transform:none!important;
    color:inherit!important;
  }
  .rp21-tab > span::before{display:none!important}
  .rp21-tab > span::after{
    content:""!important;
    position:absolute!important;
    right:-15px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:1px!important;
    height:18px!important;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,239,244,.55),rgba(255,255,255,0))!important;
    opacity:.92!important;
  }
  .rp21-nav > .rp21-tab:last-child > span::after{display:none!important}
  .rp21-menu-group > .rp21-tab > span::after{right:-13px!important}
  .rp21-tab > i{
    right:11px!important;
    top:15px!important;
    font-size:10px!important;
    opacity:.94!important;
  }

  .rp21-tab.is-active,
  .rp21-tab:hover,
  .rp21-tab:focus-visible,
  .rp21-menu-group:hover > .rp21-tab,
  .rp21-menu-group:focus-within > .rp21-tab{
    height:41px!important;
    min-height:41px!important;
    margin-top:-1px!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#f9e2e9 0%,#f1c3d2 100%)!important;
    color:#933d5a!important;
    text-shadow:0 1px 0 rgba(255,255,255,.68)!important;
    box-shadow:0 8px 18px rgba(145,40,78,.18), inset 0 1px 0 rgba(255,255,255,.94), inset 0 -1px 0 rgba(171,93,121,.18)!important;
  }
  .rp21-tab.is-active > span::after,
  .rp21-tab:hover > span::after,
  .rp21-menu-group:hover > .rp21-tab > span::after,
  .rp21-menu-group:focus-within > .rp21-tab > span::after{display:none!important}

  .rp21-menu-panel{
    top:45px!important;
    width:322px!important;
    padding:12px!important;
    transform:translate(-50%,10px) scale(.985)!important;
    border:1px solid rgba(223,171,188,.26)!important;
    border-top:4px solid #df5d86!important;
    border-radius:0 0 16px 16px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.996),rgba(255,246,249,.99))!important;
    box-shadow:0 24px 40px rgba(138,52,84,.16), inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  .rp21-menu-group:hover .rp21-menu-panel,
  .rp21-menu-group:focus-within .rp21-menu-panel,
  .rp21-menu-group.open .rp21-menu-panel{transform:translate(-50%,4px) scale(1)!important}
  .rp21-panel-kicker{color:#d04a76!important;font-size:8px!important;font-weight:900!important;letter-spacing:.16em!important}
  .rp21-menu-panel > a{min-height:50px!important;padding:8px 34px 8px 12px!important;border-top:1px solid rgba(246,222,229,.96)!important}
  .rp21-menu-panel > a i{color:#de5b86!important}
  .rp21-menu-panel > a:hover,.rp21-menu-panel > a.is-current{transform:translateX(-3px)!important;background:linear-gradient(90deg,#ffe5ee,#fffafd)!important;color:#693645!important}
  .rp21-menu-panel > a.is-current{box-shadow:inset 3px 0 #df5d86!important}

  /* Turn off floating experiments so this looks stable and intentional */
  .rp21-nav > .rp21-tab,
  .rp21-nav > .rp21-menu-group{animation:none!important}

  .rp21-commerce{top:36px!important;right:4px!important;width:242px!important;gap:10px!important}
}

@media(max-width:1100px) and (min-width:681px){
  .rp21-nav{left:146px!important;right:214px!important;top:47px!important;padding:0 18px 0 24px!important}
  .rp21-nav::before{inset:0 -16px 0 -16px!important}
  .rp21-tab,.rp21-menu-group{width:92px!important;min-width:92px!important}
  .rp21-tab{padding:0 10px!important}
  .rp21-tab > span{font-size:10.6px!important}
  .rp21-tab > span::after{right:-11px!important;height:16px!important}
}