/* R'AA storefront enhancements - 30 Oct 2026 */

/* Product card: smooth front -> hover image crossfade */
.raa-card-media{isolation:isolate;background:#f7f2eb}
.raa-card-media .raa-card-front{transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .6s ease}
.raa-card-media .raa-card-hover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .6s ease,transform .9s cubic-bezier(.22,1,.36,1);z-index:1;pointer-events:none}
.raa-card-media > span{z-index:2}
.group:hover .raa-card-media .raa-card-front,.raa-card-media:focus-visible .raa-card-front{transform:scale(1.05)}
.group:hover .raa-card-media.has-hover .raa-card-front,.raa-card-media.has-hover:focus-visible .raa-card-front{opacity:0;transform:scale(1.02)}
.group:hover .raa-card-media.has-hover .raa-card-hover,.raa-card-media.has-hover:focus-visible .raa-card-hover{opacity:1;transform:scale(1)}
@media (hover:none){.group:hover .raa-card-media.has-hover .raa-card-front{opacity:1}.group:hover .raa-card-media .raa-card-hover{opacity:0}}
@media (prefers-reduced-motion:reduce){.raa-card-media .raa-card-front,.raa-card-media .raa-card-hover{transition:opacity .2s linear;transform:none!important}}

/* Products page: category chips */
.raa-chip-row{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px;margin:0 0 28px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.raa-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;border:1px solid #dfd0bf;background:#fff;color:#1f1712;border-radius:999px;padding:10px 18px;font-size:14px;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}
.raa-chip:hover{border-color:#b68b2d;transform:translateY(-1px)}
.raa-chip span{min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;background:#f7f2eb;color:#8c7458;font-size:12px;font-weight:600}
.raa-chip.is-active{background:#1f1712;border-color:#1f1712;color:#fff}
.raa-chip.is-active span{background:#d5b16b;color:#1f1712}

/* Products page: one section per category */
.raa-cat-group{margin-bottom:64px}
.raa-cat-group:last-child{margin-bottom:0}
.raa-cat-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid #e3d5c3}

@media (max-width:640px){
  .raa-chip{padding:8px 14px;font-size:13px}
  .raa-cat-group{margin-bottom:48px}
}

/* ===== 30 Oct 2026 (2): spacing below navbar, gift option, free-delivery progress ===== */

/* Fixed ticker (38px) + navbar (16px top pad + 82px) = 136px. Give every page a clear breathing gap. */
.raa-page-top{padding-top:11.5rem!important}
@media (min-width:768px){.raa-page-top{padding-top:12.5rem!important}}

/* Cart item column: keep cards natural height instead of stretching to the summary height */
.raa-cart-list{align-content:start}

/* Gift bag / gift box option (cart) */
.raa-gift-wrap{display:grid;gap:10px}
.raa-gift{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #e3d5c3;border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(31,23,18,.04);cursor:pointer;transition:border-color .25s,box-shadow .25s,background .25s}
.raa-gift:hover{border-color:#b68b2d;box-shadow:0 10px 30px rgba(31,23,18,.07)}
.raa-gift.is-on{border-color:#b68b2d;background:#fffaf0}
.raa-gift-input{position:absolute;opacity:0;pointer-events:none}
.raa-gift-input:focus-visible + .raa-gift-check{outline:2px solid #b68b2d;outline-offset:3px}
.raa-gift-check{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1.5px solid #cdb99b;display:grid;place-items:center;font-size:14px;line-height:1;color:transparent;background:#fff;transition:background .2s,border-color .2s,color .2s}
.raa-gift.is-on .raa-gift-check{background:#1f1712;border-color:#1f1712;color:#d5b16b}
.raa-gift-body{flex:1 1 auto;min-width:0;display:grid;gap:3px}
.raa-gift-title{font-size:17px;font-weight:600;color:#1f1712}
.raa-gift-sub{font-size:13.5px;line-height:1.5;color:#7a6858}
.raa-gift-price{flex:0 0 auto;font-size:15px;font-weight:600;color:#1f1712;white-space:nowrap}
.raa-gift-price.is-free{color:#8a6a1c;letter-spacing:.14em;text-transform:uppercase;font-size:12px;background:#f4e8c8;border-radius:999px;padding:6px 12px}
.raa-gift-note{margin:0 0 0 6px;font-size:13px;color:#8c7458}
.raa-gift-note strong{color:#1f1712;font-weight:600}

/* Free-delivery progress (order summary) */
.raa-ship-progress{margin-top:2px}
.raa-ship-bar{height:5px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.raa-ship-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#b68b2d,#e6c77f);transition:width .5s cubic-bezier(.22,1,.36,1)}
.raa-ship-progress p{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:#d8ccc2}
.raa-ship-progress.is-done p{color:#e6c77f}
.raa-free-text{color:#e6c77f;font-weight:600}

@media (max-width:640px){
  .raa-gift{padding:15px 16px;gap:12px;border-radius:24px}
  .raa-gift-title{font-size:16px}
  .raa-gift-sub{font-size:13px}
}

/* ===== 30 Oct 2026 (3/4): glossy metallic navbar + ring ===== */
.raa-nav{
  position:relative;
  border-radius:999px;
  color:#f6f1e7;
  border:1px solid rgba(12,12,12,.65);
  background:
    linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.03) 36%,rgba(0,0,0,0) 52%,rgba(0,0,0,.20) 100%),
    linear-gradient(90deg,#5d5d5f 0%,#464648 18%,#353537 38%,#2f2f31 52%,#3c3c3e 70%,#484849 86%,#525254 100%),
    #727272;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 2px 3px rgba(255,255,255,.07),
    inset 0 -2px 6px rgba(0,0,0,.55),
    0 2px 3px rgba(0,0,0,.40),
    0 14px 30px rgba(31,23,18,.40);
}
/* ring (photo) peeking below the navbar (centre) */
.raa-nav::after{
  content:"";position:absolute;left:50%;top:calc(100% - 15px);
  width:152px;aspect-ratio:2.432;transform:translateX(-50%);
  background:url(raa-ring.webp) center top/100% auto no-repeat;
  pointer-events:none;z-index:3;
  filter:drop-shadow(0 5px 6px rgba(0,0,0,.32));
}
@media (max-width:767px){.raa-nav::after{width:100px;top:calc(100% - 10px)}}
.raa-nav-link{color:#f6f1e7;text-shadow:0 1px 1px rgba(0,0,0,.45);transition:color .25s ease}
.raa-nav-link:hover{color:#e6c77f}
.raa-nav-link.raa-nav-active{
  color:#c9a45a;
  background:linear-gradient(180deg,#e2c27a 0%,#b58a3a 55%,#8a6420 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));
}
.raa-nav [aria-label="Search"],.raa-nav [aria-label="Account"],.raa-nav [aria-label="Cart"]{color:#f6f1e7;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}
.raa-nav [aria-label="Search"]:hover,.raa-nav [aria-label="Account"]:hover,.raa-nav [aria-label="Cart"]:hover{color:#e6c77f}
.raa-nav [aria-label="Toggle menu"]{border-color:rgba(20,20,20,.45);background:rgba(255,255,255,.12);color:#f6f1e7}