
/* ==========================================================================
   GIFTED (Sep 2026). Additive only.
   HU tokens: navy #243447, muted #5A6472, sage #4E6640, rule #E4EAE0 /
   #EFEAE0 / #E4DFD2, stone #FBFAF8 / #F4F6F1, warm cream #FBF4E6, and a soft
   blush/gold accent #B98A6A on #FAF0EA for the gift touches. Playfair
   headings, existing radii, phone-first, 44px targets.
   The card illustration is a small inline SVG, not a base64 image.
   ========================================================================== */

/* ---- the landing card, built like the other six ------------------------- */
#lvxSec .lvx-bc.is-giftart{
  background-color:#FFFFFF !important; border-color:#EFE3D9 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='24' y='9' width='26' height='30' rx='4' fill='%23A9BFA3' transform='rotate(9 37 24)'/%3E%3Crect x='17' y='11' width='28' height='30' rx='4' fill='%23F2DAD2'/%3E%3Crect x='23' y='19' width='16' height='2.6' rx='1.3' fill='%23C9A15F'/%3E%3Crect x='23' y='24' width='11' height='2.6' rx='1.3' fill='%23C9A15F'/%3E%3Cpath d='M7 29h50v21a5 5 0 0 1-5 5H12a5 5 0 0 1-5-5z' fill='%2391AA8B'/%3E%3Cpath d='M7 29h50v7H7z' fill='%237C9776'/%3E%3Cellipse cx='24' cy='40' rx='8' ry='5.5' fill='%23DCA98C'/%3E%3Cellipse cx='40' cy='40' rx='8' ry='5.5' fill='%23DCA98C'/%3E%3Cpath d='M28 44l-6 10h6l4-8z' fill='%23D0997B'/%3E%3Cpath d='M36 44l6 10h-6l-4-8z' fill='%23D0997B'/%3E%3Ccircle cx='32' cy='40' r='4.6' fill='%23E8BCA2'/%3E%3Cg stroke='%236F8C69' stroke-width='2.8' stroke-linecap='round'%3E%3Cpath d='M55 9l3.5-4.5'/%3E%3Cpath d='M59.5 15l4.5-2'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px bottom 10px;
  background-size:64px auto; padding-bottom:14px;
}
#lvxSec .lvx-bc.is-giftart .lvx-bc-note{ padding-right:74px; }
#lvxSec .lvx-bc.is-giftart .lvx-bc-foot{ padding-right:74px; }
#lvxSec .lvx-bc.is-giftart .lvx-bc-n{
  font-family:'Playfair Display',Georgia,serif !important; letter-spacing:.02em;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#lvxSec .lvx-bc.is-giftart .lvx-bc-c{
  color:#4A6B3F !important; -webkit-text-fill-color:#4A6B3F !important;
}
@media (max-width:620px){ #lvxSec .lvx-bc.is-giftart{ background-size:58px auto; } }

/* ---- header and summary -------------------------------------------------- */
#lvxSec .gf-tag{
  margin:0 0 8px; font-family:'Playfair Display',Georgia,serif;
  font-size:1.06rem; font-weight:700; line-height:1.4;
  color:#B98A6A !important; -webkit-text-fill-color:#B98A6A !important;
}
#lvxSec .gf-bar{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 18px; }
#lvxSec .gf-lnk{
  cursor:pointer; font:inherit; font-size:.78rem; font-weight:800;
  padding:10px 16px; min-height:44px; border-radius:999px;
  background:#fff; border:1px solid #DDD7C9;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#lvxSec .gf-lnk:hover{ background:#F1F4EE; border-color:#CFE0C8; }
#lvxSec .gf-lnk:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }

#lvxSec .gf-sum{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 6px; }
#lvxSec .gf-sc{
  padding:14px 16px; border-radius:16px;
  background:#FBFAF8; border:1px solid #EFEAE0;
}
#lvxSec .gf-sc-l{
  margin:0 0 4px; font-size:.68rem; font-weight:800; letter-spacing:.09em;
  text-transform:uppercase;
  color:#8A8272 !important; -webkit-text-fill-color:#8A8272 !important;
}
#lvxSec .gf-sc-n{
  margin:0; font-family:'Playfair Display',Georgia,serif; font-size:1.02rem; font-weight:700;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#lvxSec .gf-sc-s{
  margin:3px 0 0; font-size:.78rem; font-weight:700;
  color:#4A6B3F !important; -webkit-text-fill-color:#4A6B3F !important;
}

/* ---- needs your attention -------------------------------------------------- */
#lvxSec .gf-att{ display:grid; gap:10px; }
#lvxSec .gf-a{
  padding:15px 16px; border-radius:18px; background:#fff;
  border:1px solid #E4EAE0; border-left:4px solid #CFE0C8;
}
#lvxSec .gf-a.is-near{ border-left-color:#E2B96A; background:#FEFBF5; }
#lvxSec .gf-a.is-soon{ border-left-color:#C98A5A; background:#FDF5EF; }
#lvxSec .gf-a.is-gone{ border-left-color:#B98080; background:#FBF3F3; }
#lvxSec .gf-a-t{
  margin:0; font-family:'Playfair Display',Georgia,serif; font-size:1rem; font-weight:700;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#lvxSec .gf-a-s{
  margin:3px 0 10px; font-size:.84rem; font-weight:700;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important;
}
#lvxSec .gf-a-b{ display:flex; gap:8px; flex-wrap:wrap; }
#lvxSec .gf-mini{
  cursor:pointer; font:inherit; font-size:.76rem; font-weight:800;
  padding:9px 14px; min-height:40px; border-radius:999px;
  background:#fff; border:1px solid #DDD7C9;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#lvxSec .gf-mini:hover{ background:#F1F4EE; border-color:#CFE0C8; }
#lvxSec .gf-mini:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
#lvxSec .gf-mini.is-go{
  background:#4E6640 !important; border-color:#4E6640 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
#lvxSec .gf-note{
  margin:12px 0 0; padding:12px 15px; border-radius:14px; font-size:.8rem; line-height:1.55;
  background:#FBFAF8; border:1px dashed #E4DFD2;
  color:#7A7466 !important; -webkit-text-fill-color:#7A7466 !important;
}
#lvxSec .gf-note--ex{ background:#FBF4E6; border-style:solid; border-color:#EBDCBB;
  color:#8A6524 !important; -webkit-text-fill-color:#8A6524 !important; margin-bottom:12px; }

/* ---- lists ---------------------------------------------------------------- */
#lvxSec .gf-list{ display:grid; gap:10px; }
#lvxSec .gf-row{
  display:grid; gap:5px; width:100%; text-align:left; cursor:pointer; font:inherit;
  background:#fff; border:1px solid #E4EAE0; border-radius:18px; padding:15px 16px;
  box-shadow:0 3px 12px rgba(36,52,71,.05);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#lvxSec .gf-row:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(36,52,71,.10); border-color:#EFE3D9; }
#lvxSec .gf-row:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
#lvxSec .gf-r-top{ display:grid; grid-template-columns:1fr auto; gap:10px; align-items:baseline; }
#lvxSec .gf-r-t{
  font-family:'Playfair Display',Georgia,serif; font-size:1rem; font-weight:700;
  min-width:0; overflow-wrap:anywhere;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#lvxSec .gf-r-m{
  font-size:1rem; font-weight:800; white-space:nowrap;
  color:#4A6B3F !important; -webkit-text-fill-color:#4A6B3F !important;
}
#lvxSec .gf-r-s{
  font-size:.79rem;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important;
}
#lvxSec .gf-exp{
  justify-self:start; padding:4px 10px; border-radius:999px;
  font-size:.7rem; font-weight:800; letter-spacing:.02em;
  background:#F3F1EA; border:1px solid #E4DFD2;
  color:#7A7466 !important; -webkit-text-fill-color:#7A7466 !important;
}
#lvxSec .gf-exp.is-ok{ background:#E7EFE2; border-color:#CFE0C8; color:#3F5733 !important; -webkit-text-fill-color:#3F5733 !important; }
#lvxSec .gf-exp.is-near{ background:#FBF4E6; border-color:#EBDCBB; color:#8A6524 !important; -webkit-text-fill-color:#8A6524 !important; }
#lvxSec .gf-exp.is-soon{ background:#FAEDE3; border-color:#E5CBB4; color:#95552A !important; -webkit-text-fill-color:#95552A !important; }
#lvxSec .gf-exp.is-gone{ background:#FBF1F1; border-color:#E4C9C9; color:#9A4A4A !important; -webkit-text-fill-color:#9A4A4A !important; }
#lvxSec .gf-exp--big{ display:inline-block; margin:0 0 14px; font-size:.82rem; padding:7px 14px; }
#lvxSec .gf-from{
  font-size:.72rem; font-weight:700;
  color:#B98A6A !important; -webkit-text-fill-color:#B98A6A !important;
}

/* ---- gifts grouped --------------------------------------------------------- */
#lvxSec .gf-groups{ display:grid; gap:14px; }
#lvxSec .gf-grp{ background:#FBFAF8; border:1px solid #EFEAE0; border-radius:18px; padding:14px 15px; }
#lvxSec .gf-grp-h{
  margin:0 0 10px; font-family:'Playfair Display',Georgia,serif; font-size:1rem; font-weight:700;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#lvxSec .gf-grp-s{
  display:block; font-family:'Nunito',system-ui,sans-serif; font-size:.76rem; font-weight:700;
  color:#8A8272 !important; -webkit-text-fill-color:#8A8272 !important;
}
#lvxSec .gf-g{
  display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center;
  background:#fff; border:1px solid #EFEAE0; border-radius:14px; padding:11px 13px; margin-bottom:8px;
}
#lvxSec .gf-g:last-child{ margin-bottom:0; }
#lvxSec .gf-g-b{ display:grid; gap:2px; text-align:left; cursor:pointer; font:inherit; background:none; border:0; padding:0; min-width:0; }
#lvxSec .gf-g-b:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
#lvxSec .gf-g-t{
  font-size:.92rem; font-weight:800; overflow-wrap:anywhere;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#lvxSec .gf-g-s{
  font-size:.76rem;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important;
}

/* ---- community and sponsored ------------------------------------------------ */
#lvxSec .gf-comm{ display:grid; gap:12px; }
#lvxSec .gf-c{
  position:relative; background:#fff; border:1px solid #E4EAE0; border-radius:18px; padding:16px;
}
#lvxSec .gf-c.is-spon{ border-color:#E2D3BE; background:#FEFBF5; }
#lvxSec .gf-c-img{
  display:flex; align-items:center; justify-content:center;
  height:74px; border-radius:14px; margin:0 0 12px;
  background:#F4F6F1; border:1px solid #E2E8DD;
}
#lvxSec .gf-c-img span{
  font-family:'Playfair Display',Georgia,serif; font-size:1.6rem; font-weight:700;
  color:#A8B8A2 !important; -webkit-text-fill-color:#A8B8A2 !important;
}
#lvxSec .gf-c-lab{
  display:inline-block; margin:0 0 8px; padding:3px 10px; border-radius:999px;
  font-size:.62rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase;
  background:#F3F1EA; border:1px solid #E4DFD2;
  color:#8A8272 !important; -webkit-text-fill-color:#8A8272 !important;
}
#lvxSec .gf-c-lab.is-mine{ background:#E7EFE2; border-color:#CFE0C8; color:#3F5733 !important; -webkit-text-fill-color:#3F5733 !important; }
#lvxSec .gf-c-lab.is-spon{ background:#FBF4E6; border-color:#EBDCBB; color:#8A6524 !important; -webkit-text-fill-color:#8A6524 !important; }
#lvxSec .gf-c-t{
  margin:0 0 4px; font-family:'Playfair Display',Georgia,serif; font-size:1.02rem; font-weight:700;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#lvxSec .gf-c-m{
  margin:0 0 8px; font-size:.78rem; font-weight:700;
  color:#8A8272 !important; -webkit-text-fill-color:#8A8272 !important;
}
#lvxSec .gf-c-d{
  margin:0 0 8px; font-size:.86rem; line-height:1.55;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important;
}
#lvxSec .gf-c-q{
  margin:0 0 6px; padding-left:11px; border-left:3px solid #EFE3D9;
  font-size:.84rem; line-height:1.5; font-style:italic;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important;
}
#lvxSec .gf-c-a{
  margin:0 0 12px; font-size:.78rem; font-weight:800;
  color:#4A6B3F !important; -webkit-text-fill-color:#4A6B3F !important;
}
#lvxSec .gf-spon-none{
  margin-top:12px; padding:15px 16px; border-radius:16px;
  background:#FEFBF5; border:1px dashed #E2D3BE;
}
#lvxSec .gf-spon-lab{
  display:inline-block; margin:0 0 7px; padding:3px 10px; border-radius:999px;
  font-size:.62rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase;
  background:#FBF4E6; border:1px solid #EBDCBB;
  color:#8A6524 !important; -webkit-text-fill-color:#8A6524 !important;
}
#lvxSec .gf-spon-none p{
  margin:0; font-size:.82rem; line-height:1.55;
  color:#7A7466 !important; -webkit-text-fill-color:#7A7466 !important;
}

/* ---- browse ----------------------------------------------------------------- */
#lvxSec .gf-tools{
  display:grid; gap:14px; margin:0 0 18px; padding:16px;
  background:#FBFAF8; border:1px solid #EFEAE0; border-radius:18px;
}
#lvxSec .gf-find{ display:flex; gap:10px; flex-wrap:wrap; }
#lvxSec .gf-find .gf-q{ flex:1 1 220px; min-width:0; }
#lvxSec .gf-selects{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#lvxSec .gf-sel{ width:100%; }
#lvxSec .gf-fl{
  display:block; font-size:.68rem; font-weight:800; letter-spacing:.09em;
  text-transform:uppercase; margin:0 0 4px;
  color:#8A8272 !important; -webkit-text-fill-color:#8A8272 !important;
}
#lvxSec .gf-clear{
  justify-self:start; cursor:pointer; font:inherit; font-size:.76rem; font-weight:800;
  padding:9px 14px; min-height:40px; border-radius:999px;
  background:#fff; border:1px solid #DDD7C9;
  color:#8A5A4A !important; -webkit-text-fill-color:#8A5A4A !important;
}
#lvxSec .gf-clear:hover{ background:#FBF1F1; border-color:#E4C9C9; }

/* ---- detail ------------------------------------------------------------------ */
#lvxSec .gf-bal{
  margin:0 0 6px; font-family:'Playfair Display',Georgia,serif; font-size:1.9rem; font-weight:700;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#lvxSec .gf-bal span{
  font-family:'Nunito',system-ui,sans-serif; font-size:.9rem; font-weight:700;
  color:#8A8272 !important; -webkit-text-fill-color:#8A8272 !important;
}
#lvxSec .gf-used{
  margin:0 0 14px; font-size:.82rem; font-weight:800;
  color:#8A8272 !important; -webkit-text-fill-color:#8A8272 !important;
}
#lvxSec .gf-chip{
  display:inline-block; margin:0 0 14px; padding:5px 12px; border-radius:999px;
  font-size:.72rem; font-weight:800;
  background:#F3F1EA; border:1px solid #E4DFD2;
  color:#7A7466 !important; -webkit-text-fill-color:#7A7466 !important;
}
#lvxSec .gf-chip.is-tobuy, #lvxSec .gf-chip.is-ordered{ background:#FBF4E6; border-color:#EBDCBB; color:#8A6524 !important; -webkit-text-fill-color:#8A6524 !important; }
#lvxSec .gf-chip.is-wrapped, #lvxSec .gf-chip.is-given{ background:#E7EFE2; border-color:#CFE0C8; color:#3F5733 !important; -webkit-text-fill-color:#3F5733 !important; }
#lvxSec .gf-detail{
  display:grid; gap:1px; margin:0 0 6px;
  background:#EFEAE0; border:1px solid #EFEAE0; border-radius:16px; overflow:hidden;
}
#lvxSec .gf-drow{ display:grid; grid-template-columns:140px 1fr; gap:12px; padding:12px 14px; background:#fff; }
#lvxSec .gf-dl{
  font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:#8A8272 !important; -webkit-text-fill-color:#8A8272 !important;
}
#lvxSec .gf-dv{
  font-size:.88rem; overflow-wrap:anywhere;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#lvxSec .gf-rev{
  cursor:pointer; font:inherit; font-size:.72rem; font-weight:800;
  padding:4px 10px; min-height:32px; border-radius:999px;
  background:#fff; border:1px solid #DDD7C9;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#lvxSec .gf-body{
  margin:0 0 6px; padding:14px 16px; border-radius:14px; white-space:pre-line;
  background:#FBFAF8; border:1px solid #EFEAE0; font-size:.88rem; line-height:1.6;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important;
}
#lvxSec .gf-rems{ list-style:none; margin:0 0 6px; padding:0; display:grid; gap:7px; }
#lvxSec .gf-rems li{
  padding:11px 14px; border-radius:12px; font-size:.84rem; font-weight:700;
  background:#F4F6F1; border:1px solid #E2E8DD;
  color:#4E6640 !important; -webkit-text-fill-color:#4E6640 !important;
}
#lvxSec .gf-acts{ display:flex; gap:10px; flex-wrap:wrap; margin:0 0 6px; }
#lvxSec .gf-delbtn{
  color:#9A4A4A !important; -webkit-text-fill-color:#9A4A4A !important;
  border-color:#E4C9C9 !important;
}
#lvxSec .gf-delbtn:hover{ background:#FBF1F1 !important; }
#lvxSec .gf-confirm{
  display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:14px 0 6px;
  padding:14px 16px; border-radius:16px; background:#FBF1F1; border:1px solid #E4C9C9;
}
#lvxSec .gf-confirm p{
  flex:1 1 200px; margin:0; font-size:.88rem; font-weight:700;
  color:#8A3A3A !important; -webkit-text-fill-color:#8A3A3A !important;
}
#lvxSec .gf-danger{
  background:#9A4A4A !important; border-color:#9A4A4A !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}

/* ---- sheets -------------------------------------------------------------------- */
#lvxSheet .gf-wrap{ display:block; }
#lvxSheet .gf-form{ display:grid; gap:2px; }
#lvxSheet .gf-form .lvf-l{ margin-top:14px; }
#lvxSheet .gf-form .lvf-l:first-of-type{ margin-top:0; }
#lvxSheet .gf-req{ color:#9A4A4A !important; -webkit-text-fill-color:#9A4A4A !important; }
#lvxSheet .gf-area{ min-height:80px; resize:vertical; font-family:inherit; }
#lvxSheet .gf-check{
  display:flex; align-items:center; gap:10px; margin-top:14px; min-height:44px;
  font-size:.88rem; font-weight:700;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#lvxSheet .gf-check input{ width:20px; height:20px; }
#lvxSheet .gf-prev{
  margin:0 0 14px; padding:12px 15px; border-radius:14px; font-size:.9rem;
  background:#F4F6F1; border:1px solid #E2E8DD;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#lvxSheet .gf-hint{
  margin:6px 0 0; font-size:.76rem; line-height:1.5;
  color:#8A8272 !important; -webkit-text-fill-color:#8A8272 !important;
}
#lvxSheet .gf-hint--foot{ margin-top:12px; }
#lvxSheet .gf-foot{
  display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; padding-top:16px;
  border-top:1px solid #EFEAE0;
}
#lvxSheet .gf-opts{ display:grid; gap:10px; }
#lvxSheet .gf-opt{
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px;
  width:100%; text-align:left; cursor:pointer; font:inherit;
  background:#fff; border:1px solid #E4EAE0; border-radius:16px; padding:15px 16px;
}
#lvxSheet .gf-opt:hover{ border-color:#EFE3D9; background:#FBFAF8; }
#lvxSheet .gf-opt:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
#lvxSheet .gf-opt-t{
  grid-column:1; font-family:'Playfair Display',Georgia,serif; font-size:1rem; font-weight:700;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#lvxSheet .gf-opt-s{
  grid-column:1; font-size:.79rem; line-height:1.45;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important;
}
#lvxSheet .gf-opt-go{
  grid-row:1 / span 2; grid-column:2; font-size:1.3rem; font-weight:700;
  color:#B6BDB0 !important; -webkit-text-fill-color:#B6BDB0 !important;
}

@media (max-width:620px){
  #lvxSec .gf-sum{ grid-template-columns:1fr 1fr; }
  #lvxSec .gf-selects{ grid-template-columns:1fr; }
  #lvxSec .gf-drow{ grid-template-columns:1fr; gap:3px; }
  #lvxSec .gf-bar .lvf-btn, #lvxSec .gf-bar .gf-lnk{ flex:1 1 auto; }
  #lvxSec .gf-acts .lvf-btn{ flex:1 1 auto; }
  #lvxSec .gf-find .lvf-btn{ flex:1 1 auto; }
  #lvxSheet .gf-foot .lvf-btn{ flex:1 1 auto; }
}
@media (prefers-reduced-motion:reduce){
  #lvxSec .gf-row{ transition:none; }
  #lvxSec .gf-row:hover{ transform:none; }
}
