:root{
  --v335-navy:#14395f;
  --v335-navy-deep:#0d2742;
  --v335-cream:#f8f5ee;
  --v335-line:rgba(17,36,58,.12);
  --v335-soft:#eef7f7;
}
.topbar{
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:saturate(145%) blur(10px);
}
.topbar .container{max-width:1280px!important}
.nav.navRefined{
  min-height:88px!important;
  gap:14px!important;
  align-items:center!important;
}
.brand.brandSystem{
  flex:0 1 310px!important;
  min-width:0!important;
  margin-right:0!important;
  gap:14px!important;
}
.brand.brandSystem .brandMark{
  flex:0 0 72px!important;
  width:72px!important;
  height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.brand.brandSystem .brandMark img{
  width:72px!important;
  height:72px!important;
  object-fit:contain!important;
}
.brand.brandSystem .brandText strong{font-size:17px!important;line-height:1!important}
.brand.brandSystem .brandText small{
  margin-top:4px!important;
  line-height:1.2!important;
  font-size:13px!important;
  color:#8b6a29!important;
}
.modePill{
  transform:none!important;
  margin-right:0!important;
  flex:0 0 auto!important;
}
.modePill button{
  padding:10px 16px!important;
  font-size:14px!important;
}
.desktopPrimary{
  display:flex!important;
  flex:1 1 auto!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.desktopPrimary a{
  font-size:14px!important;
  font-weight:850!important;
  padding:8px 10px!important;
  white-space:nowrap!important;
}
.desktopUtility{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:0 0 auto!important;
}
.liveNavChip.utilityBtn{
  padding:10px 14px!important;
  border-radius:18px!important;
  min-height:0!important;
}
.headerPrimaryCta{
  padding:12px 18px!important;
  border-radius:18px!important;
  min-width:auto!important;
  white-space:nowrap!important;
}
.smartPicker{
  position:relative;
  min-width:0;
}
.smartPicker summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:9px 14px;
  border:1px solid var(--v335-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 18px rgba(12,27,46,.06);
}
.smartPicker summary::-webkit-details-marker{display:none}
.smartPicker summary::after{
  content:'▾';
  font-size:12px;
  color:#65748b;
  margin-inline-start:2px;
}
.smartPicker[open] summary::after{content:'▴'}
.smartPickerLabel{
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#75859b;
}
.smartPicker summary strong{
  font-size:14px;
  color:var(--v335-navy);
  line-height:1;
}
.smartPickerMenu{
  position:absolute;
  top:calc(100% + 8px);
  inset-inline-end:0;
  min-width:198px;
  padding:10px;
  border:1px solid var(--v335-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 20px 42px rgba(8,24,48,.16);
  display:grid;
  gap:8px;
  z-index:30;
}
.smartPicker:not([open]) .smartPickerMenu{display:none}
.smartPickerMenu--currency{min-width:150px}
.smartPickerMenu--currency .smartOption{justify-content:center}
.smartOption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  padding:10px 12px;
  border:1px solid var(--v335-line);
  border-radius:14px;
  background:#fff;
  color:var(--v335-navy);
  font-weight:850;
  text-decoration:none;
}
.smartOption small{
  font-size:12px;
  color:#6d7c91;
  font-weight:700;
}
.smartOption.is-current,
.smartOption.currencyChip.is-current,
html[data-currency="EUR"] .smartOption.currencyChip[data-currency="EUR"],
html[data-currency="USD"] .smartOption.currencyChip[data-currency="USD"],
html[data-currency="GBP"] .smartOption.currencyChip[data-currency="GBP"]{
  background:linear-gradient(135deg,var(--v335-navy),var(--v335-navy-deep))!important;
  border-color:var(--v335-navy)!important;
  color:#fff!important;
  box-shadow:0 14px 26px rgba(20,57,95,.22)!important;
}
.smartOption.is-current small,
.smartOption.currencyChip.is-current small,
html[data-currency="EUR"] .smartOption.currencyChip[data-currency="EUR"] small,
html[data-currency="USD"] .smartOption.currencyChip[data-currency="USD"] small,
html[data-currency="GBP"] .smartOption.currencyChip[data-currency="GBP"] small{color:rgba(255,255,255,.8)!important}
.drawerTopCompact{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px 14px 8px!important;
}
.drawerBrandInline{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
.drawerBrandInline .drawerBrandMark img{width:74px!important;height:74px!important}
.drawerBrandText strong{display:block;font-size:17px;color:var(--v335-navy)}
.drawerBrandText small{display:block;margin-top:4px;color:#8b6a29;font-size:12px;line-height:1.2}
.drawerSwitchers{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:0 14px 12px;
}
.smartPicker--drawer{width:100%}
.smartPicker--drawer summary{min-height:52px;padding:10px 12px;border-radius:16px}
.smartPicker--drawer .smartPickerMenu{
  position:static;
  margin-top:8px;
  min-width:0;
  box-shadow:none;
  border-radius:16px;
  background:#fcfcfb;
}
.smartPickerMenu--drawer{
  grid-template-columns:1fr;
}
.drawerClose{
  width:44px!important;
  height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
  border-radius:16px!important;
}
html.tgz-v335 body.buildPage .premiumReceiptPanel .sumTotal,
html.tgz-v335 .buildSummaryDialog .sumTotal{
  background:linear-gradient(135deg,#163f69,#0e2a45)!important;
  color:#fff!important;
}
html.tgz-v335 body.buildPage .premiumReceiptPanel .sumTotal span,
html.tgz-v335 .buildSummaryDialog .sumTotal span,
html.tgz-v335 body.buildPage .premiumReceiptPanel .sumTotal *,
html.tgz-v335 .buildSummaryDialog .sumTotal *{
  color:#fff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.14);
}
html.tgz-v335 body.buildPage .premiumReceiptPanel .sumTotal span:last-child,
html.tgz-v335 .buildSummaryDialog .sumTotal span:last-child{
  opacity:1!important;
  font-size:20px!important;
}
html.tgz-v335 body.buildPage .premiumReceiptPanel .sumLine > span:last-child{
  color:#102437!important;
}
html.tgz-v335 .buildSummarySheetMeta .chip.is-total{
  background:linear-gradient(135deg,#163f69,#0e2a45)!important;
  color:#fff!important;
  border-color:#163f69!important;
}
@media (max-width:1180px){
  .desktopPrimary{gap:4px!important}
  .desktopPrimary a{font-size:13px!important;padding:7px 8px!important}
  .brand.brandSystem{flex-basis:260px!important}
  .brand.brandSystem .brandText small{display:none!important}
  .modePill button{padding:9px 12px!important}
}
@media (max-width:980px){
  .desktopUtility,.desktopPrimary,.modePill{display:none!important}
  .brand.brandSystem{flex:1 1 auto!important}
  .brand.brandSystem .brandMark,
  .brand.brandSystem .brandMark img{width:68px!important;height:68px!important}
}
@media (max-width:640px){
  .drawerSwitchers{grid-template-columns:1fr;gap:8px}
  .drawerBrandInline .drawerBrandMark img{width:66px!important;height:66px!important}
  .brand.brandSystem .brandMark,
  .brand.brandSystem .brandMark img{width:62px!important;height:62px!important}
  .brand.brandSystem .brandText strong{font-size:16px!important}
  .smartPicker summary{padding:8px 12px;border-radius:14px}
}
