/* RaccoonCloud Value redesign v3 - cart/order flow
   Unified with web/raccooncloud-value: white background, blue/cyan/green value accents,
   fine grid, glassmorphism, precise dense commerce UI. */
:root{
  --rc-bg:#f6f8fb;--rc-surface:rgba(255,255,255,.74);--rc-surface-strong:rgba(255,255,255,.92);--rc-surface-soft:rgba(255,255,255,.58);
  --rc-ink:#111827;--rc-ink-2:#1f2937;--rc-muted:#667085;--rc-faint:#98a2b3;
  --rc-line:rgba(17,24,39,.105);--rc-line-strong:rgba(17,24,39,.16);
  --rc-blue:#2364ff;--rc-cyan:#1aa7c8;--rc-green:#16a06d;--rc-green-dark:#08784f;--rc-amber:#f2b850;--rc-danger:#ef6b5d;
  --rc-shadow:0 28px 90px rgba(15,23,42,.10);--rc-shadow-soft:0 14px 44px rgba(15,23,42,.07);--rc-blur:blur(22px) saturate(1.55);
  --bs-global:var(--rc-blue) !important;--bs-primary:var(--rc-blue) !important;--bs-success:var(--rc-green) !important;--bs-info:var(--rc-cyan) !important;
}
html{background:var(--rc-bg) !important;}
body{font-family:"Inter var",Inter,"HarmonyOS Sans SC","MiSans","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif !important;color:var(--rc-ink) !important;background:radial-gradient(circle at 11% 10%, rgba(35,100,255,.13), transparent 28rem),radial-gradient(circle at 82% 6%, rgba(26,167,200,.14), transparent 24rem),radial-gradient(circle at 78% 88%, rgba(117,87,246,.10), transparent 30rem),linear-gradient(180deg,#fff 0%,var(--rc-bg) 42%,#eef2f7 100%) !important;letter-spacing:-.012em;}
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(90deg,rgba(17,24,39,.045) 1px,transparent 1px),linear-gradient(rgba(17,24,39,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 12%,black 80%,transparent);}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(rgba(17,24,39,.055) .55px,transparent .65px);background-size:4px 4px;opacity:.18;mix-blend-mode:multiply;}
*{scrollbar-color:rgba(35,100,255,.34) rgba(17,24,39,.055);}
.container,.container-fluid{max-width:1240px;}
.topbar,.topbar-categories,.sidebar-categories,.list-group{border:1px solid rgba(255,255,255,.72) !important;border-radius:27px !important;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,255,255,.58)) !important;backdrop-filter:blur(26px) saturate(1.72);-webkit-backdrop-filter:blur(26px) saturate(1.72);box-shadow:0 22px 70px rgba(15,23,42,.11),inset 0 1px 0 rgba(255,255,255,.88) !important;overflow:hidden;}
.topbar::after,.topbar-categories::after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(35,100,255,.28),rgba(26,167,200,.22),transparent);opacity:.75;}
.topbar-categories a,.sidebar-categories a,.list-group-item{color:var(--rc-muted) !important;font-weight:760;transition:.18s ease !important;}
.topbar-categories a:hover,.sidebar-categories a:hover,.list-group-item:hover{background:rgba(255,255,255,.78) !important;color:var(--rc-ink) !important;box-shadow:0 6px 18px rgba(15,23,42,.06);}
.card,.cartitem,.modal-content,.dropdown-menu,.panel,.list-group-item,.order-summary,.cart-sidebar{border:1px solid var(--rc-line) !important;border-radius:27px !important;background:var(--rc-surface) !important;backdrop-filter:var(--rc-blur);-webkit-backdrop-filter:var(--rc-blur);box-shadow:var(--rc-shadow) !important;overflow:hidden;}
.card::before,.cartitem::before,.panel::before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(35,100,255,.24),rgba(26,167,200,.20),rgba(22,160,109,.20),transparent);opacity:.82;}
.cartitem{position:relative;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;min-height:100%;}
.cartitem::after{content:"VALUE";position:absolute;top:16px;right:16px;padding:6px 10px;border:1px solid rgba(35,100,255,.18);border-radius:999px;background:rgba(35,100,255,.06);color:#1456e8;font-size:11px;font-weight:900;letter-spacing:.10em;}
.cartitem:hover,.cartitem.active{transform:translateY(-6px);border-color:rgba(35,100,255,.23) !important;box-shadow:0 28px 80px rgba(35,100,255,.10),var(--rc-shadow) !important;}
.cartitem .card-body{padding:28px !important;background:transparent !important;}
.cartitem h4,.card-title,h1,h2,h3,h4{color:var(--rc-ink) !important;font-weight:840 !important;letter-spacing:-.045em;line-height:1.08;}
.cartitem h4::after,.card-title::after,h3::after{content:"";display:block;width:36px;height:2px;margin-top:10px;border-radius:99px;background:linear-gradient(90deg,var(--rc-blue),var(--rc-cyan),var(--rc-green));}
.cartitem .card-text,p,.text-muted,.color-999,small{color:var(--rc-muted) !important;line-height:1.7;}
.cartitem .align-items-center{padding:0 26px 18px !important;}
.cart-num,.DINCondensed-Bold,.price,.amount{color:var(--rc-ink) !important;text-shadow:0 12px 28px rgba(35,100,255,.12);font-weight:900 !important;letter-spacing:-.045em;}
.cartitem .card-footer{padding:0 24px 26px !important;background:transparent !important;box-shadow:none !important;border:0 !important;}
.cartitem .card-footer a,.btn-primary,.btn-success,.btn-info,.page-item.active .page-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:144px;border-radius:15px !important;border:0 !important;background:linear-gradient(135deg,#111827,#2364ff 58%,#1aa7c8) !important;color:#fff !important;font-weight:850 !important;text-decoration:none !important;box-shadow:0 18px 44px rgba(35,100,255,.22) !important;transition:.2s ease !important;}
.cartitem .card-footer a:hover,.btn-primary:hover,.btn-success:hover,.btn-info:hover{transform:translateY(-2px);box-shadow:0 22px 54px rgba(35,100,255,.28) !important;}
.btn,.btn-light,.btn-outline-primary,.btn-outline-secondary{border-radius:15px !important;font-weight:800 !important;letter-spacing:-.01em;transition:.18s ease !important;}
.btn:hover{transform:translateY(-2px);}
.btn-light,.btn-outline-primary,.btn-outline-secondary{border:1px solid var(--rc-line) !important;background:rgba(255,255,255,.84) !important;color:var(--rc-ink-2) !important;box-shadow:0 10px 26px rgba(15,23,42,.06) !important;}
.form-control,.custom-select,.input-group-text,.bootstrap-select .dropdown-toggle,select,textarea,input{min-height:42px;border-radius:15px !important;border:1px solid var(--rc-line) !important;background:rgba(255,255,255,.86) !important;color:var(--rc-ink) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease !important;}
.form-control:focus,.custom-select:focus,input:focus,textarea:focus{border-color:rgba(35,100,255,.44) !important;box-shadow:0 0 0 4px rgba(35,100,255,.12),0 0 0 1px rgba(26,167,200,.10) !important;background:#fff !important;}
.custom-control-input:checked~.custom-control-label::before{border-color:var(--rc-blue) !important;background-color:var(--rc-blue) !important;}
.table{color:var(--rc-ink-2) !important;border-collapse:separate !important;border-spacing:0 8px !important;}
.table thead th{border:0 !important;color:var(--rc-muted) !important;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;background:transparent !important;}
.table tbody tr{background:rgba(255,255,255,.58) !important;box-shadow:0 8px 24px rgba(15,23,42,.045);transition:.18s ease;}
.table tbody tr:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(35,100,255,.08);}
.table tbody td{border-top:1px solid var(--rc-line) !important;border-bottom:1px solid var(--rc-line) !important;background:transparent !important;vertical-align:middle;}.table tbody td:first-child{border-left:1px solid var(--rc-line) !important;border-radius:16px 0 0 16px;}.table tbody td:last-child{border-right:1px solid var(--rc-line) !important;border-radius:0 16px 16px 0;}
.badge,.label,[class*="status-"]{border-radius:999px !important;font-weight:850 !important;border:1px solid transparent;}.badge-success,.status-active{background:rgba(22,160,109,.09) !important;color:var(--rc-green-dark) !important;border-color:rgba(22,160,109,.22) !important;}.badge-warning{background:rgba(242,184,80,.16) !important;color:#946314 !important;border-color:rgba(242,184,80,.30) !important;}.badge-danger{background:rgba(239,107,93,.13) !important;color:#b14439 !important;border-color:rgba(239,107,93,.28) !important;}
a,.text-primary{color:#1456e8 !important;}a:hover{color:var(--rc-cyan) !important;}.pagination .page-link{border-radius:15px !important;margin:0 3px;border-color:var(--rc-line) !important;color:#1456e8 !important;background:rgba(255,255,255,.76) !important;}
.alert{border-radius:22px !important;border:1px solid var(--rc-line) !important;background:rgba(255,255,255,.72) !important;box-shadow:var(--rc-shadow-soft);}
@media (max-width:768px){.card,.cartitem,.modal-content,.topbar,.topbar-categories{border-radius:22px !important}.cartitem .card-body{padding:22px !important}.cartitem::after{top:12px;right:12px}.container,.container-fluid{padding-left:14px !important;padding-right:14px !important}}

/* RaccoonCloud Value redesign v3.1 - cart category strip final overrides
   Reason: inherited topbar.css / yunyoo.css / products.yunyoo.css were loaded after v3 and reintroduced purple/green YUNYOO details. */
:root{--primary:#2364ff !important;--btn-active-border-color:#2364ff !important;--bs-btn-hover-bg:#2364ff !important;}
.firstgroup_box,.secondgroup_box,.pro_box{
  border:1px solid var(--rc-line) !important;
  border-radius:27px !important;
  background:rgba(255,255,255,.74) !important;
  backdrop-filter:var(--rc-blur) !important;
  -webkit-backdrop-filter:var(--rc-blur) !important;
  box-shadow:var(--rc-shadow-soft) !important;
  overflow:hidden;
  position:relative;
}
.firstgroup_box::before,.secondgroup_box::before,.pro_box::before{
  content:"";position:absolute;left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(35,100,255,.26),rgba(26,167,200,.22),transparent);
}
.yy-bl{display:inline-block !important;width:3px !important;height:18px !important;border-radius:99px !important;margin-right:10px !important;background:linear-gradient(180deg,var(--rc-blue),var(--rc-cyan),var(--rc-green)) !important;vertical-align:-3px;}
.yy-dtjbt-text,.firstgroup_box_prov,.secondgroup_box_area{
  color:var(--rc-ink) !important;font-weight:840 !important;letter-spacing:-.045em !important;
}
.firstgroup_box a,.secondgroup_box a,.pro_box a,
.firstgroup_box .firstgroup_item,.secondgroup_box .secondgroup_item,.pro_box .pro_item{
  color:var(--rc-muted) !important;text-decoration:none !important;
}
.firstgroup_box_group{gap:10px !important;padding:10px 14px 14px !important;}
.yy-bth{padding:0 !important;min-width:190px !important;}
.firstgroup_item,.secondgroup_item,.pro_item{
  min-height:68px !important;border:1px solid var(--rc-line) !important;border-radius:20px !important;
  background:rgba(255,255,255,.72) !important;box-shadow:0 10px 26px rgba(15,23,42,.055) !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease !important;
}
.firstgroup_item:hover,.secondgroup_item:hover,.pro_item:hover{
  transform:translateY(-2px) !important;border-color:rgba(35,100,255,.22) !important;background:rgba(255,255,255,.92) !important;
  box-shadow:0 16px 36px rgba(35,100,255,.10) !important;
}
.firstgroup_item.active,.secondgroup_item.active,.pro_item.active,
.yy-bth .firstgroup_item.active,.yy-bth .secondgroup_item.active{
  border-color:rgba(35,100,255,.34) !important;
  background:linear-gradient(135deg,#111827 0%,#2364ff 58%,#1aa7c8 100%) !important;
  box-shadow:0 18px 44px rgba(35,100,255,.22),inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.firstgroup_item.active a,.secondgroup_item.active a,.pro_item.active a,
.firstgroup_item.active .yy-bth-text,.secondgroup_item.active .yy-bth-text,.pro_item.active .yy-bth-text{
  color:#fff !important;text-shadow:none !important;
}
.firstgroup_item i,.secondgroup_item i,.pro_item i{color:inherit !important;opacity:.84 !important;}
.yy-bth-text-a{font-size:18px !important;font-weight:860 !important;line-height:1.15 !important;letter-spacing:-.04em !important;}
.yy-bth-text-b{font-size:12px !important;font-weight:680 !important;line-height:1.45 !important;color:inherit !important;opacity:.78 !important;}
/* remove inherited purple gradient and old saturated decorations */
.yy-g-b-purple,.yy-g-b-soft-purple,.yy-stellar,[class*="purple"]{
  background:linear-gradient(135deg,rgba(35,100,255,.10),rgba(26,167,200,.08)) !important;
  color:#1456e8 !important;border-color:rgba(35,100,255,.18) !important;
}
.firstgroup_item.active .yy-g-b-purple,.firstgroup_item.active .yy-g-b-soft-purple,
.secondgroup_item.active .yy-g-b-purple,.secondgroup_item.active .yy-g-b-soft-purple{
  background:rgba(255,255,255,.16) !important;color:#fff !important;border-color:rgba(255,255,255,.20) !important;
}
.card > .card-body.p-4{padding:26px !important;}
.card .row:empty,.firstgroup_box_group:empty{min-height:56px;border:1px dashed rgba(17,24,39,.12);border-radius:18px;background:rgba(255,255,255,.45);}

/* RaccoonCloud cart brand/header/footer patch v1.0 */
.rc-brand-box{display:flex!important;align-items:center!important;min-width:230px!important;padding-left:18px!important;}
.rc-brand-link{display:flex!important;align-items:center!important;gap:12px!important;height:58px!important;color:#111827!important;text-decoration:none!important;}
.rc-brand-link:hover{color:#111827!important;transform:translateY(-1px);}
.rc-brand-mark{width:40px;height:40px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#111827,#2364ff 58%,#1aa7c8);color:#fff;font-size:14px;font-weight:950;letter-spacing:-.08em;box-shadow:0 16px 34px rgba(35,100,255,.20);}
.rc-brand-text{display:flex;flex-direction:column;line-height:1.05;min-width:0;}
.rc-brand-text strong{font-size:15px;font-weight:900;letter-spacing:-.035em;color:#111827;white-space:nowrap;}
.rc-brand-text small{margin-top:4px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#667085;white-space:nowrap;}
.navbar-brand-box .logo:not(.rc-brand-link),.navbar-brand-box .logo-lg img[src*="logo-colours"],.navbar-brand-box .logo-lg img[src*="web_logo_home"]{display:none!important;}
.footer{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;}
body{background:radial-gradient(circle at 11% 10%, rgba(35,100,255,.13), transparent 28rem),radial-gradient(circle at 82% 6%, rgba(26,167,200,.14), transparent 24rem),radial-gradient(circle at 78% 88%, rgba(22,160,109,.08), transparent 30rem),linear-gradient(180deg,#fff 0%,var(--rc-bg) 42%,#eef2f7 100%) !important;}
@media(max-width:768px){.rc-brand-box{min-width:auto!important;padding-left:10px!important}.rc-brand-text small{display:none}.rc-brand-text strong{font-size:14px}.rc-brand-mark{width:34px;height:34px;border-radius:13px}}