/* pending gate: legacy home is not painted until V9 is mounted; removed synchronously by cilco-v9.js */
html.cilco-v9-pending #page-home{visibility:hidden}
/* CILCO V9 Home + Footer — SCOPED LOCAL CANDIDATE (not deployed).
 * Styles only the existing V4 Home region, the existing #cilco-final-footer-review and the existing #cilco3d-v3 dock.
 * No data, no cart, no catalogue copy. Everything is prefixed v9- or scoped by id. */
:root{--v9-royal:#1155d6;--v9-navy:#071b4b;--v9-deep:#0c3aa8;--v9-ink:#16305b;--v9-curve:18px;--v9-lift:14px}
html,html body.cilco-v32-ready{background:var(--v9-navy)!important}
#page-home{background:var(--v9-navy)}
#page-home>[hidden]{display:none!important}

/* Home view */
#v4-homeView.v9-on,#page-home.v9-on{background:var(--v9-navy);color:#fff;padding:clamp(12px,2.2vw,28px);padding-top:4px;padding-bottom:0}
#v4-homeView.v9-on .section-label,#v4-homeView.v9-on .subheading,#page-home.v9-on .section-label,#page-home.v9-on .subheading{color:#fff}
#v4-homeView.v9-on .subheading,#page-home.v9-on .subheading{color:#b9cdf5}
.v9-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:var(--v9-lift);margin:0 0 14px}
.v9-tab{height:62px;border:1.5px solid #fff;background:var(--v9-royal);color:#fff;border-radius:var(--v9-curve);font:900 clamp(12px,1.4vw,19px)/1.15 system-ui,Arial,sans-serif;padding:4px;cursor:pointer;transition:transform .25s ease,background .2s;-webkit-tap-highlight-color:transparent}
.v9-tab[aria-selected=true]{background:#fff;color:var(--v9-royal);transform:translateY(calc(-1*var(--v9-lift)));box-shadow:0 10px 20px #0004}
.v9-tab:focus-visible,.v9-more:focus-visible{outline:3px solid #ffd54a;outline-offset:2px}
.v9-panel[hidden]{display:none}
#v9-p0,#v9-p2{padding-bottom:clamp(12px,2vw,28px)}

/* One shared frame for media + empty panels: 16:9, white 2px border, 22px corners */
#v4-homeView.v9-on .hero,.v9-empty{border:2px solid #fff;border-radius:22px;background:linear-gradient(135deg,#0b3a9d,#1155d6);width:min(100%,1100px,calc(72vh*16/9));aspect-ratio:16/9;margin:0 auto;overflow:hidden;box-shadow:none;box-sizing:border-box}
#v4-homeView.v9-on .hero>*{width:100%;height:100%;max-width:100%}
@media (min-width:1100px){#v4-homeView.v9-on .hero,.v9-empty{width:100%}
#v4-homeView.v9-on .v9-foot{padding-bottom:24px}
html body:has(.v9-home-root.v9-on) {padding-bottom:20px}}
@media (min-width:700px){html body #v4-homeView.v9-on,html body #page-home.v9-on{padding-left:16px!important;padding-right:16px!important}}
@media (min-width:1024px){html body #v4-homeView.v9-on,html body #page-home.v9-on{padding-left:20px!important;padding-right:20px!important}}
@media (min-width:1440px){html body #v4-homeView.v9-on,html body #page-home.v9-on{padding-left:24px!important;padding-right:24px!important}}
#v4-homeView.v9-on .hero .cilco-vivo-frame{border:0;border-radius:0;box-shadow:none;background:transparent}
.v9-empty{display:grid;place-items:center;text-align:center;padding:20px;min-height:200px}
.v9-empty h2{margin:0 0 8px;font-size:clamp(20px,3vw,38px);color:#fff}
.v9-empty p{margin:0;color:#dbe7ff;max-width:46ch}
.v9-empty span{display:inline-block;margin-top:12px;border:1px dashed #9fc0ff;border-radius:999px;padding:5px 12px;font-size:12px;color:#cfe0ff}

/* Native category cards, approved V4 art; V9 frame */
#v4-categoryGrid .category-card.v9-hide,#page-home.v9-on #homeCategoryGrid .catcard.v9-hide{display:none!important}
#v4-homeView.v9-on .category-card,#page-home.v9-on #homeCategoryGrid .catcard{border:2px solid #fff;border-radius:18px}
.v9-more{display:block;margin:14px auto 0;border:2px solid #fff;border-radius:999px;background:var(--v9-royal);color:#fff;font:800 15px system-ui,Arial,sans-serif;padding:11px 22px;min-height:44px;cursor:pointer}
.v9-more[hidden]{display:none}

/* Footer: the existing native element, restyled */
#cilco-final-footer-review.v9-foot{position:relative;background:var(--v9-deep);box-shadow:0 0 0 100vmax var(--v9-deep);clip-path:inset(0 -100vmax -120px);margin-top:30px;padding:0 0 calc(18px + 92px + env(safe-area-inset-bottom,0px));color:#dbe7ff}
#cilco-final-footer-review.v9-foot .cilfo-inner{max-width:1000px;margin:0 auto;padding:clamp(12px,2.2vw,22px);border:2px solid #fff;border-radius:24px;background:#0f48bf}
#cilco-final-footer-review.v9-foot .cilfo-top{padding:0 0 12px;flex-wrap:wrap;justify-content:center;text-align:center}
#cilco-final-footer-review.v9-foot .cilfo-social{justify-content:center;margin:0}
#cilco-final-footer-review.v9-foot .cilfo-social a{border:1px solid #fff;color:#fff}
#cilco-final-footer-review.v9-foot .cilfo-section-label{border:0;text-align:center;color:#fff;font-weight:900;font-size:14px;letter-spacing:1px;padding:8px 0 10px}
#cilco-final-footer-review.v9-foot .cilfo-accordion{display:grid;gap:10px}
#cilco-final-footer-review.v9-foot .cilfo-section{border:1.5px solid #fff;border-radius:16px;background:var(--v9-royal);overflow:hidden}
#cilco-final-footer-review.v9-foot .cilfo-section>summary{min-height:52px;padding:14px 16px;font-weight:800;font-size:16px;color:#fff;gap:12px}
#cilco-final-footer-review.v9-foot .cilfo-section[open]>summary{background:#0b3a9d}
#cilco-final-footer-review.v9-foot .cilfo-content{background:#fff;color:var(--v9-ink);padding:14px 16px;font-size:14px;line-height:1.55}
#cilco-final-footer-review.v9-foot .cilfo-content a{color:var(--v9-royal);font-weight:700}
#cilco-final-footer-review.v9-foot .cilfo-content strong{color:inherit}
#cilco-final-footer-review.v9-foot .cilfo-content h3,#cilco-final-footer-review.v9-foot .cilfo-content h4{color:var(--v9-royal)}
#cilco-final-footer-review.v9-foot .cilfo-cable{border:1px solid #c6d8f0;border-radius:12px;margin:8px 0;background:#f3f7ff;overflow:hidden}
#cilco-final-footer-review.v9-foot .cilfo-cable>summary{min-height:46px;padding:10px 12px;font-size:14px;font-weight:800;color:var(--v9-royal);display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer}
#cilco-final-footer-review.v9-foot .cilfo-cable>.cilfo-content,#cilco-final-footer-review.v9-foot .cilfo-cable>div{padding:8px 12px;background:#fff}
/* Readable ink on the white body panels (native footer text was tuned for a dark background) */
#cilco-final-footer-review.v9-foot .cilfo-cables{margin:0;padding:0}
#cilco-final-footer-review.v9-foot .cilfo-cables>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin:0;padding:14px 16px;border:0;border-radius:0;background:transparent;color:#fff;font-size:16px;font-weight:800;list-style:none;cursor:pointer}
#cilco-final-footer-review.v9-foot .cilfo-cables[open]>summary{background:#0b3a9d}
#cilco-final-footer-review.v9-foot .cilfo-cable-intro,#cilco-final-footer-review.v9-foot .cilfo-cable-items{background:#fff;padding:12px 16px 0;margin:0}
#cilco-final-footer-review.v9-foot .cilfo-cable-items{padding-bottom:12px}
#cilco-final-footer-review.v9-foot .cilfo-cable-body{background:#fff;padding:10px 12px}
#cilco-final-footer-review.v9-foot .cilfo-content p,#cilco-final-footer-review.v9-foot .cilfo-content li,#cilco-final-footer-review.v9-foot .cilfo-content span,#cilco-final-footer-review.v9-foot .cilfo-content div,#cilco-final-footer-review.v9-foot .cilfo-content small,#cilco-final-footer-review.v9-foot .cilfo-content strong,#cilco-final-footer-review.v9-foot .cilfo-cable-intro p,#cilco-final-footer-review.v9-foot .cilfo-cable-body p,#cilco-final-footer-review.v9-foot .cilfo-cable-body strong,#cilco-final-footer-review.v9-foot .cilfo-cable-body li{color:var(--v9-ink)!important}
#cilco-final-footer-review.v9-foot .cilfo-content .cilfo-muted,#cilco-final-footer-review.v9-foot .cilfo-content .cilfo-muted span{color:#44567f!important}
#cilco-final-footer-review.v9-foot .cilfo-content h3,#cilco-final-footer-review.v9-foot .cilfo-content h4{color:var(--v9-royal)!important}
#cilco-final-footer-review.v9-foot .cilfo-content a:not(.cilfo-action-link){color:var(--v9-royal)!important;font-weight:700}
#cilco-final-footer-review.v9-foot a.cilfo-action-link{display:inline-flex;align-items:center;gap:8px;background:var(--v9-royal);color:#fff!important;border-radius:999px;padding:10px 16px;text-decoration:none;font-weight:800}
#cilco-final-footer-review.v9-foot a.cilfo-action-link span{color:#fff!important}
#cilco-final-footer-review.v9-foot .cilfo-cables>summary .cilfo-count{margin-left:auto;font-size:12px;border:1px solid #9fc0ff;border-radius:999px;padding:2px 8px}
#cilco-final-footer-review.v9-foot .cilfo-section>summary:focus-visible,#cilco-final-footer-review.v9-foot .cilfo-cable>summary:focus-visible{outline:3px solid #ffd54a;outline-offset:-3px}

/* Eye indicator replaces the plus; blink is disabled for reduced motion */
#cilco-final-footer-review.v9-foot summary::after,#cilco-final-footer-review.v9-foot details[open]>summary::after{content:"";flex:0 0 26px;width:26px;height:26px;margin:0;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;transform:none;animation:v9blink 5s infinite;transform-origin:center}
#cilco-final-footer-review.v9-foot details[open]>summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffd54a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
#cilco-final-footer-review.v9-foot .cilfo-cable>summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231155d6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
@keyframes v9blink{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.1)}}
@media(prefers-reduced-motion:reduce){#cilco-final-footer-review.v9-foot summary::after{animation:none!important}.v9-tab{transition:none}}

/* Dock: the existing #cilco3d-v3 becomes full-width curved Royal Blue up to 1024px */
@media(max-width:1024px){
 #cilco3d-v3{left:0;right:0;bottom:0;transform:none;width:100%;max-width:none;height:calc(var(--h) + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;background:linear-gradient(180deg,#185cfa,#0047ff 50%,#003acb);box-shadow:0 -4px 14px #0005}
 #cilco3d-v3 .c3-bar{height:var(--h);border:0;border-radius:24px 24px 0 0;background:transparent;box-shadow:none}
 #cilco3d-v3 .c3-langs{right:8px}
}
/* Native CSS hides nav.c3-bar from 700px; keep the dock's icons visible up to 1024px so the curved bar is not empty */
@media(min-width:700px) and (max-width:1024px){
 html body #cilco3d-v3 nav.c3-bar{display:flex!important}
}

/* Local integrated-preview corrections requested by the owner; do not deploy independently. */
#v4-homeView.v9-on .hero {
  aspect-ratio: 16 / 10;
  min-height: 0;
  padding: 2px !important;
}

#v4-homeView.v9-on .hero > * {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 !important;
  text-align: center;
}

#v4-homeView.v9-on .section-label,
#v4-homeView.v9-on .subheading {
  display: none !important;
}

#v4-homeView.v9-on .category-grid {
  gap: 16px;
  margin-top: 18px !important;
}

#v4-homeView.v9-on .category-art {
  aspect-ratio: 4 / 3;
  height: auto !important;
  min-height: 0;
  overflow: hidden;
}

#v4-homeView.v9-on .category-art img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
}

@media (min-width: 1024px) {
  #v4-homeView.v9-on .hero {
    aspect-ratio: 16 / 9;
    width: min(100%, calc(86vh * 16 / 9));
  }

  #v4-homeView.v9-on .hero .cilco-vivo-frame {
    padding: 2px !important;
  }

  #v4-homeView.v9-on .hero .cilco-vivo-slide img {
    padding: 0 !important;
  }
}

/* CILCO V9 candidate — All Products locked design (scoped to #page-catalog). Matches CILCO_ALL_PRODUCTS_FINAL_APPROVED_LOCKED.html */
#page-catalog{background:#0b2874;color:#173667}
#page-catalog .page-banner{background:#0b2874;color:#fff}
html body #page-catalog .content-box{background:#fff!important;border-radius:12px;padding:13px;color:#123b8e;border:0;box-shadow:none}
html body #page-catalog .content-box label{color:#123b8e!important;font-weight:800}
html body #page-catalog .content-box input,html body #page-catalog .content-box select{background:#f7f9fd!important;color:#153a83!important;border:1px solid #cbd7e9;border-radius:8px}
html body #page-catalog .content-box .stats,html body #page-catalog .content-box #catalogCount{color:#4a5d7c!important;font-size:11px}
#page-catalog #catalogResults{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;scrollbar-width:none}
html body #page-catalog #catalogResults > .v9ap{background:#fff!important;border:1px solid #dce5f1!important;border-radius:13px;padding:0;overflow:hidden;margin:0;color:#173667;box-shadow:none}
.v9ap .v9-hero{display:flex;align-items:flex-start;gap:11px;padding:12px 12px 0}
.v9ap .v9-photo{height:96px;width:94px;flex:0 0 94px;background:#eaf1fb;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#2452a5;overflow:hidden}
.v9ap .v9-photo svg{width:39px;height:39px}.v9ap .v9-photo small{font-size:10px;color:#7585a0}
.v9ap .v9-photo img{width:100%;height:100%;object-fit:contain}
.v9ap .v9-id{min-width:0;flex:1}
html body .v9ap .v9-part{font-size:12px;font-weight:800;color:#1649a6!important;overflow-wrap:anywhere}
html body .v9ap .v9-pname{font-size:16px;font-weight:800;color:#0b327f!important;margin-top:8px;line-height:1.25;overflow-wrap:anywhere}
html body .v9ap .v9-heart{background:#fff!important;margin-left:auto;flex:0 0 35px;width:35px;height:36px;background:#fff;border:0;color:#486aa5;font-size:25px;cursor:pointer;touch-action:manipulation}
html body .v9ap .v9-heart.on{color:#d5294f!important}.v9ap .v9-heart:active,.v9ap .v9-del:active,.v9ap .v9-add:active{transform:scale(.94)}
html body .v9ap .v9-model{font-size:12px;color:#324a6a!important;font-weight:600;margin:10px 12px 0;line-height:1.55;overflow-wrap:anywhere}
html body .v9ap .v9-pricing{color:#324a6a!important;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:11px 12px 12px;font-size:12px;color:#324a6a}
html body .v9ap .v9-mrp s{color:#708096!important}html body .v9ap .v9-off{color:#0b7a3b!important;margin-left:4px}html body .v9ap .v9-final{color:#123f95!important;font-weight:700}.v9ap .v9-final b{font-size:14px}
.v9ap .v9-toolbar{background:#1241ae;padding:9px;display:flex;align-items:center;gap:7px}
.v9ap .v9-eye,.v9ap .v9-del,.v9ap .v9-arrow{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;padding:0}
.v9ap .v9-eye svg,.v9ap .v9-del svg{width:22px;height:22px}
.v9ap .v9-eye{color:#1346a9;animation:v9eye 2s ease-in-out infinite}
.v9ap .v9-del{color:#c52c48}
.v9ap .v9-arrow{font-size:24px;font-weight:700;color:#143f9b;animation:v9nudge 2s ease-in-out infinite}
.v9ap .v9-arrow[data-dir=up]{animation-name:v9nudgeup}
.v9ap .v9-del[hidden],.v9ap .v9-arrow[hidden]{display:none}
html body .v9ap .v9-add{background:#fff!important;color:#103a91!important;flex:1;min-width:0;height:42px;background:#fff;border:0;border-radius:9px;color:#103a91;font-size:12px;font-weight:800;padding:0 3px;cursor:pointer;touch-action:manipulation;width:auto;margin:0}
html body .v9ap.v9-added .v9-add{background:#e1ecff!important}
.v9ap .v9-detail{padding:0 12px 12px}.v9ap .v9-detail .v9-hero{padding:12px 0 0}
.v9ap.v9-open > :not(.v9-detail){display:none}
.v9ap .v9-rows{margin-top:15px;border:1px solid #dbe5f3;border-radius:10px;overflow:hidden}
.v9ap .v9-row{display:grid;grid-template-columns:36% 64%;font-size:13px;border-bottom:1px solid #e2e9f3}.v9ap .v9-row:last-child{border-bottom:0}
.v9ap .v9-row span{padding:12px 10px;overflow-wrap:anywhere}
html body .v9ap .v9-row span:first-child{background:#edf3fd!important;color:#254b87!important;font-weight:700}html body .v9ap .v9-row span:last-child{background:#fff!important;color:#102f75!important;font-weight:700}
html body .v9ap .v9-back{width:100%;margin-top:15px;background:#f2f6ff!important;color:#123f95!important;border:1px solid #bbcee9;color:#123f95;font-size:13px;font-weight:800;border-radius:9px;padding:12px;cursor:pointer}
@keyframes v9eye{0%,100%{box-shadow:0 0 0 0 rgba(34,93,189,.08)}50%{box-shadow:0 0 0 3px rgba(34,93,189,.3)}}
@keyframes v9nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@keyframes v9nudgeup{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(min-width:700px){#page-catalog #catalogResults{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1200px){#page-catalog #catalogResults{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:700px){html body #page-catalog>.container,html body #page-order>.container,html body #page-finder>.container{max-width:none!important;width:100%!important;padding-left:16px!important;padding-right:16px!important;margin:0!important}html body #page-order{padding-left:0!important;padding-right:0!important}}
@media(min-width:1024px){html body #page-catalog>.container,html body #page-order>.container,html body #page-finder>.container{padding-left:20px!important;padding-right:20px!important}html body #page-catalog #catalogResults.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}}
@media(min-width:1280px){html body #page-catalog #catalogResults.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1440px){html body #page-catalog>.container,html body #page-order>.container,html body #page-finder>.container{padding-left:24px!important;padding-right:24px!important}}
@media(min-width:1700px){html body #page-catalog #catalogResults.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.v9ap .v9-eye,.v9ap .v9-arrow{animation:none}}


/* CILCO V9 candidate — My Order locked design (scoped to #page-order). Mirrors CILCO_My_Order.html. */
html body #page-order .v9o-hide{display:none!important}
html body #page-order{background:#0b2874}
html body #page-order .page-banner{display:none}
html body #page-order .content-box{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#173667}
html body #page-order .container{padding-left:0;padding-right:0}
.v9o{max-width:640px;margin:0 auto;color:#173667}
@media(min-width:700px){.v9o{max-width:none}}
.v9o-top{position:sticky;top:var(--v9o-hh,0px);z-index:20;background:#0b2874;color:#fff;padding:12px 13px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.v9o-brand{font-weight:800;font-size:19px}.v9o-brand small{display:block;font-size:10px;font-weight:400;color:#dbe8ff;margin-top:4px}
.v9o-cart{background:#fff;color:#1241ae;border:0;border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;cursor:pointer;touch-action:manipulation}
.v9o-panel{background:#fff;margin:0 10px;border-radius:12px;padding:13px;position:sticky;top:calc(var(--v9o-hh,0px) + 66px);z-index:19;box-shadow:0 2px 5px #0b28741a}
.v9o-sr{font-weight:800;color:#123b8e}
html body .v9o .v9o-search{display:block;width:100%;margin-top:9px;padding:12px 11px;border:1px solid #cbd7e9;background:#f7f9fd;color:#153a83;border-radius:8px;font-size:13px}
.v9o-found{margin-top:9px;font-size:11px;color:#708096}
.v9o-list{padding:11px 10px}
.v9o-card{background:#fff;border:1px solid #dce5f1;border-radius:13px;overflow:hidden;margin-bottom:11px}
.v9o-inner{padding:12px}
.v9o-hero{display:flex;align-items:flex-start;gap:11px}
.v9o-photo{width:94px;height:96px;flex:0 0 94px;border-radius:9px;background:#eaf1fb;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#2452a5;overflow:hidden}
.v9o-photo img{width:100%;height:100%;object-fit:contain}.v9o-photo small{font-size:10px;color:#7585a0}
.v9o-id{flex:1;min-width:0}
.v9o-part{font-size:12px;font-weight:800;color:#1649a6;overflow-wrap:anywhere}
.v9o-name{font-size:16px;font-weight:800;color:#0b327f;line-height:1.25;margin-top:8px;overflow-wrap:anywhere}
.v9o-heart{margin-left:auto;border:0;background:#fff;color:#486aa5;font-size:25px;flex-shrink:0;cursor:pointer;touch-action:manipulation}.v9o-heart.on{color:#d5294f}
.v9o-model{margin-top:10px;font-weight:600;font-size:12px;line-height:1.5;color:#324a6a;overflow-wrap:anywhere}
.v9o-prices{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;margin-top:11px}
.v9o-mrp s{color:#79879d}.v9o-off{color:#17469b;font-weight:800}.v9o-fin{color:#123e91}
.v9o-qtyrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.v9o-qlab{font-size:11px;font-weight:700;color:#254c87}
.v9o-qctl{display:flex;align-items:center;gap:5px}
.v9o-qb{width:34px;height:34px;flex-shrink:0;background:#edf3fd;color:#123f99;border:1px solid #c9d9ef;border-radius:8px;font-size:21px;font-weight:800;cursor:pointer;touch-action:manipulation;padding:0}
.v9o-qv{display:inline-flex;align-items:center;justify-content:center;min-width:47px;height:34px;border:1px solid #d2dff0;border-radius:8px;font-weight:800;color:#143e8b;font-size:15px}
.v9o-pack{margin-top:8px;font-size:11px;color:#44618a}
.v9o-amt{margin-top:7px;font-weight:800;color:#123e91;font-size:12px}
.v9o-bar{background:#1241ae;display:flex;align-items:center;gap:7px;padding:9px}
.v9o-ib{height:42px;width:42px;flex:0 0 42px;border:0;border-radius:9px;background:#fff;color:#143f9b;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;padding:0;font-size:24px;font-weight:800}
.v9o-ib svg{height:22px;width:22px}.v9o-del{color:#c52c48}
.v9o-eye{animation:v9oeye 2s ease-in-out infinite}
.v9o-add{height:42px;flex:1;min-width:0;border:0;border-radius:9px;background:#fff;color:#103a91;font-size:12px;font-weight:800;padding:0 4px;cursor:pointer;touch-action:manipulation}
.v9o-add.done{background:#e1ecff}
.v9o-grid{margin-top:14px;border:1px solid #dbe5f3;border-radius:10px;overflow:hidden}
.v9o-row{display:grid;grid-template-columns:36% 64%;border-bottom:1px solid #e2e9f3;font-size:13px}.v9o-row:last-child{border-bottom:0}
.v9o-row span{padding:11px 9px;color:#102f75;font-weight:700;overflow-wrap:anywhere}.v9o-row span:first-child{background:#edf3fd;color:#254b87}
.v9o-back{width:100%;padding:12px;margin-top:14px;border:1px solid #bbcee9;border-radius:9px;background:#f2f6ff;color:#123f95;font-weight:800;cursor:pointer}
.v9o-party{background:#fff;margin:0 10px 11px;border-radius:12px;padding:13px}
.v9o-party h2{margin:0 0 8px;font-size:14px;font-weight:800;color:#123e91}
html body .v9o-party label{color:#123b8e!important;font-size:12px;font-weight:700}
html body .v9o-party input{background:#f7f9fd!important;color:#153a83!important;border:1px solid #cbd7e9!important;border-radius:8px}
.v9o-party #orderStatus{margin-top:8px;font-size:11px}
.v9o-summary{background:#fff;margin:0 10px 11px;border-radius:12px;padding:13px}
.v9o-sumh{font-weight:800;color:#123e91;margin-bottom:8px}
.v9o-line{display:flex;justify-content:space-between;gap:9px;padding:7px 0;font-size:13px;color:#385070}.v9o-line strong{color:#113c90}
.v9o-gt{border-top:1px solid #dbe5f2;margin-top:5px;padding-top:13px}.v9o-gt strong:last-child{color:#0c378a;font-size:18px}
.v9o-pdf{display:flex;gap:7px;margin-top:12px}
.v9o-pdf button{flex:1;min-width:0;background:#1241ae;color:#fff;border:0;border-radius:8px;padding:11px 2px;font-size:11px;font-weight:800;cursor:pointer;touch-action:manipulation}
@keyframes v9oeye{0%,100%{box-shadow:0 0 0 0 rgba(34,93,189,.08)}50%{box-shadow:0 0 0 3px rgba(34,93,189,.3)}}
@media(prefers-reduced-motion:reduce){.v9o-eye{animation:none}}

/* local preview corrections: footer only, scoped; baseline files untouched */
@media(min-width:768px){
  html body footer#cilco-final-footer-review.v9-foot,
  html body #cilco-final-footer-review.v9-foot{padding-bottom:24px!important}
  #cilco-final-footer-review .cilfo-top{display:flex!important;flex-wrap:wrap;justify-content:center!important;align-items:center!important;text-align:center;gap:14px 28px}
  #cilco-final-footer-review .cilfo-brand{text-align:center;flex:0 1 auto}
  #cilco-final-footer-review .cilfo-end{justify-content:center;text-align:center}
}
