.enquiry-detail-card{max-width:760px;background:linear-gradient(135deg,#1a212c,#11161e);border:1px solid #ffffff20;border-radius:12px;padding:30px}.enquiry-detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid #ffffff14}.enquiry-detail-row>div{display:grid;gap:6px}.enquiry-detail-row strong{font-size:17px}.enquiry-detail-row span,.enquiry-detail-row small{color:#adb7c5;font-size:14px;line-height:1.5}.enquiry-detail-row small{color:#a8ccff}.sample-banner{font-size:14px;line-height:1.6;background:#122032;border:1px solid #91bef530;padding:16px 20px;border-radius:8px;color:#bbcee7;margin:24px 0}.cart-jump{padding:12px 18px;border:1px solid #ffffff30;border-radius:8px;white-space:nowrap}.cart-jump span{margin-left:14px;color:#a8ccff}.upgrades-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;gap:30px}.upgrade-filters{position:sticky;top:110px;align-self:start;border:1px solid #ffffff25;border-radius:12px;padding:20px;background:#151b24}.filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.filter-heading h2{font-size:18px;margin:0}.filter-heading button{background:none;border:0;color:#afcfff;font-size:12px;padding:0}.upgrade-filters fieldset{border:0;border-top:1px solid #ffffff18;padding:18px 0 0;margin:0 0 22px}.upgrade-filters legend{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8299b6;margin-bottom:14px}.upgrade-filters label{display:flex;align-items:center;gap:9px;color:#b7c3d2;font-size:14px;margin:12px 0;cursor:pointer}.upgrade-filters input[type=checkbox]{width:16px;height:16px;accent-color:#91bef5}.upgrade-filters input[type=range]{display:block;width:100%;accent-color:#91bef5;margin:15px 0}.upgrade-price-values{display:flex;align-items:center;justify-content:space-between;color:#d0e3ff;font-size:13px}.upgrade-price-values span{color:#8299b6}.upgrade-card[hidden]{display:none}.upgrade-card.filter-in{animation:filter-card-in .42s cubic-bezier(.2,.8,.2,1) both;will-change:opacity,transform}.selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.selection-toolbar p{color:#adb7c5;font-size:14px}.selection-toolbar .button{font-size:14px;padding:12px 18px}.upgrade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.upgrade-card{background:linear-gradient(135deg,#1a212c,#11161e);border:1px solid #ffffff20;border-radius:12px;padding:24px;transition:border-color .25s,transform .25s,box-shadow .35s,background .35s;display:flex;flex-direction:column}.upgrade-card:has(input:checked){border-color:#91bef5;background:linear-gradient(135deg,#22334c,#141e2c);animation:upgrade-selected-glow 2.8s ease-in-out infinite}.upgrade-card:hover{transform:translateY(-3px);border-color:#91bef570} @keyframes filter-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} @keyframes upgrade-selected-glow{0%,100%{box-shadow:0 0 0 0 #91bef500,0 8px 24px #91bef510}50%{box-shadow:0 0 0 3px #91bef520,0 10px 30px #91bef32b}} @media (prefers-reduced-motion:reduce){.upgrade-card.filter-in{animation:none}.upgrade-card:has(input:checked){animation:none;box-shadow:0 0 0 2px #91bef520,0 8px 24px #91bef510}}.upgrade-select{display:flex;gap:9px;align-items:center;cursor:pointer;font-size:13px;color:#b7c3d2}.upgrade-select input{width:18px;height:18px;accent-color:#91bef5}.upgrade-icon{font-size:32px;color:#91bef5;margin:25px 0 14px}.upgrade-category{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#8299b6}.upgrade-card h2{font-size:23px;letter-spacing:-.5px;margin:10px 0}.upgrade-description{font-size:15px;line-height:1.7;color:#adb7c5;margin:0 0 25px;flex:1}.upgrade-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #ffffff15;padding-top:20px}.upgrade-cost{font-size:23px}.upgrade-cost small{display:block;font-size:12px;color:#96a3b5;margin-top:6px}.upgrade-bottom button{background:none;border:1px solid #ffffff30;border-radius:5px;color:#d0e3ff;font-size:13px;padding:10px}.upgrade-cart{position:sticky;top:110px;align-self:start;border:1px solid #ffffff25;border-radius:12px;padding:24px;background:#151b24;scroll-margin-top:110px}.cart-title{display:flex;align-items:center;justify-content:space-between}.cart-title h2{font-size:23px}.cart-title button,.cart-remove{background:none;color:#afcfff;border:0;padding:8px 0;font-size:13px}.cart-remove{width:24px;height:24px;padding:0;display:grid;place-items:center;border:1px solid #ffffff22;border-radius:50%;font-size:18px;line-height:1;color:#c8dcf6}.cart-remove:hover{border-color:#afcfff;color:#fff}.cart-intro,.cart-note{font-size:13px;line-height:1.7;color:#9aa9bd}.cart-row{border-top:1px solid #ffffff18;padding:17px 0;display:flex;justify-content:space-between;gap:12px;font-size:14px}.cart-row strong{display:block;font-weight:500;margin-bottom:6px}.cart-row span{color:#bbcce1}.cart-empty{padding:30px 0;color:#9aa9bd;font-size:15px;line-height:1.7}.cart-total{display:flex;justify-content:space-between;padding:23px 0 10px;border-top:1px solid #ffffff25;gap:16px;font-size:15px}.cart-total strong{font-size:22px}.upgrade-cart .button{width:100%;white-space:normal;font-size:14px;margin-top:16px;line-height:1.6}.template-main button:disabled{opacity:.4;cursor:not-allowed}#cart-status{font-size:13px;color:#bdd7fc;line-height:1.6}.upgrade-bottom button:disabled{color:#a8ccff;opacity:1}@media(min-width:1500px){.upgrade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.upgrades-layout{grid-template-columns:1fr}.upgrade-cart{position:static}}@media(max-width:580px){.upgrade-grid{grid-template-columns:1fr}.selection-toolbar{align-items:start}.upgrade-card{padding:22px}.cart-jump{display:inline-block;margin-top:15px}}.upgrade-back{display:inline-block;color:#afcfff;font-size:14px;margin-bottom:26px}.upgrade-back:hover{color:#fff;text-decoration:underline}.upgrades-layout{grid-template-columns:220px minmax(0,1fr) 320px;gap:40px}.template-filters{align-self:start;position:sticky;top:110px;background:transparent;border:0;padding:0}.filter-title{display:flex;justify-content:space-between;align-items:center}.filter-title h2{font-size:18px;margin:0}.template-filters fieldset{border:0;border-bottom:1px solid #ffffff18;border-top:0;padding:23px 0;margin:0}.template-filters legend{font-size:15px;font-weight:700;padding-top:0;margin-bottom:14px}.template-filters label{display:flex;align-items:center;gap:11px;padding:7px 0;font-size:14px;color:#c5c9cf;cursor:pointer}.template-filters input{width:17px;height:17px;accent-color:#8ab8ff}.template-filters input[type=range]{width:100%;margin:12px 0;accent-color:#8ab8ff}.range-values{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:14px;margin-top:6px}.range-values output{background:#1c2634;padding:9px 12px;border:1px solid #ffffff20;border-radius:5px}.dual-range{position:relative;height:44px;margin:10px 10px 0}.range-track{height:4px;background:#36404f;position:absolute;left:0;right:0;top:20px;border-radius:4px}.range-track span{position:absolute;left:0;right:0;height:100%;background:#91bef5;border-radius:4px}.template-filters .dual-range input{position:absolute;top:0;left:0;width:100%;height:44px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none}.dual-range input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#b8d6ff;border:3px solid #18243a;border-radius:50%;pointer-events:auto;cursor:ew-resize;box-shadow:0 0 0 1px #91bef5}.dual-range input::-moz-range-thumb{width:16px;height:16px;background:#b8d6ff;border:3px solid #18243a;border-radius:50%;pointer-events:auto;cursor:ew-resize}.dual-range input:focus-visible{outline:0}.dual-range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #fff}.dual-range input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #fff}@media(max-width:1050px){.upgrades-layout{grid-template-columns:1fr}.template-filters{position:static;background:#151b24;border:1px solid #ffffff25;border-radius:12px;padding:20px}.upgrade-cart{position:static}}

/* Light-mode enquiry and catalogue panels. */
html[data-theme=light] .enquiry-detail-card,
html[data-theme=light] .upgrade-cart {
  background:#fff;
  color:#172027;
  border-color:rgba(22,43,54,.16);
  box-shadow:0 10px 28px rgba(22,43,54,.08);
}
html[data-theme=light] .enquiry-detail-row,
html[data-theme=light] .cart-row {
  border-color:rgba(22,43,54,.14);
}
html[data-theme=light] .enquiry-detail-row span,
html[data-theme=light] .enquiry-detail-row small,
html[data-theme=light] .cart-intro,
html[data-theme=light] .cart-note,
html[data-theme=light] .cart-row span,
html[data-theme=light] .cart-empty,
html[data-theme=light] #cart-status {
  color:#50616c;
}
html[data-theme=light] .cart-total {
  border-color:rgba(22,43,54,.16);
}
html[data-theme=light] .sample-banner {
  background:#e8f6f4;
  color:#235e5b;
  border-color:rgba(8,125,120,.28);
}
html[data-theme=light] .upgrade-cart .cart-remove,
html[data-theme=light] .upgrade-cart .cart-title button,
html[data-theme=light] .enquiry-detail-card .cart-title button {
  color:#087d78;
}
html[data-theme=light] .upgrade-cart .cart-remove {
  border-color:rgba(8,125,120,.28);
}
/* One-off projects: match Website Templates scrolling results and indicator. */
@media(min-width:701px){
  .upgrades-layout{position:relative}
  .upgrade-grid{position:relative;max-height:calc(100dvh - 275px);overflow-y:auto;overscroll-behavior:auto;scrollbar-gutter:stable;padding-right:30px;scrollbar-width:none;scroll-behavior:smooth}
  .upgrade-grid::-webkit-scrollbar{display:none}
  .upgrade-scroll-indicator{display:flex;position:absolute;z-index:2;right:-18px;flex-direction:column;align-items:center;justify-content:space-between;width:20px;pointer-events:none}
  .upgrade-scroll-indicator span{display:block;width:14px;height:2px;background:#ffffff4d;opacity:.35;transform:scaleX(.7);transform-origin:center;transition:width .52s cubic-bezier(.22,.61,.36,1),background .52s cubic-bezier(.22,.61,.36,1),box-shadow .52s cubic-bezier(.22,.61,.36,1),transform .52s cubic-bezier(.22,.61,.36,1),opacity .52s cubic-bezier(.22,.61,.36,1)}
  .upgrade-scroll-indicator span:nth-child(3n){width:18px}.upgrade-scroll-indicator span:nth-child(4n){width:10px}
  .upgrade-scroll-indicator span.is-active{background:#c5ddff;box-shadow:0 0 9px #91bef5}
}
@media(max-width:700px){.upgrade-scroll-indicator{display:none}}
html[data-theme=light] .upgrade-scroll-indicator span{background:rgba(8,125,120,.25)}
html[data-theme=light] .upgrade-scroll-indicator span.is-active{background:#087d78;box-shadow:0 0 9px rgba(8,125,120,.45)}
/* Match the Website Templates indicator colour and place it in the cart gap. */
@media(min-width:1051px){
  .upgrade-scroll-indicator{right:calc(320px + 10px)}
}
@media(min-width:701px) and (max-width:1050px){
  .upgrade-scroll-indicator{right:-18px}
}
html[data-theme=light] .upgrade-scroll-indicator span{background:#ffffff4d}
html[data-theme=light] .upgrade-scroll-indicator span.is-active{background:#c5ddff;box-shadow:0 0 9px #91bef5}
/* Give the One-off Projects enquiry panel more separation on desktop. */
@media(min-width:1051px){
  .upgrades-layout>.upgrade-cart{position:sticky;top:110px;left:50px}
}