/* Shared Dropsan visual system: home, catalogue, product and checkout. */
body.dm-refined { background:#fff; --accent:var(--dm-blue); --accent-hover:var(--dm-blue-d); }
.dm-refined .dm-hero { background:linear-gradient(130deg,#fafafa,#ffffff 72%,#fff); }
.dm-refined .dm-hero__inner { padding-top:48px; padding-bottom:48px; gap:20px; }
.dm-refined .dm-hero__media--single { overflow:hidden; border-radius:0; }
.dm-refined .dm-hero__media--single .dm-hero__photo { width:122%; max-width:none; margin-left:-11%; aspect-ratio:1.6; object-fit:cover; mix-blend-mode:multiply; }
.dm-refined .dm-cat { background:#fafafa; border-color:#e5e5e5; border-radius:18px; }
.dm-refined .dm-cat__img { height:210px; padding:20px 14px 8px; background:transparent; border-bottom:0; }
.dm-refined .dm-cat__img img { mix-blend-mode:multiply; }
.dm-refined .dm-cat__body { padding:18px 22px 24px; }
.dm-refined .dm-cat:hover { background:#f7f7f7; border-color:#b8b8b8; box-shadow:0 8px 24px #0b1f3a08; }
.dm-refined .dm-tool { position:relative; overflow:hidden; background:#fafafa; padding:24px; border-color:#e5e5e5; }
.dm-refined .dm-tool__visual { order:5; height:150px; margin:20px -8px -4px; }
.dm-refined .dm-tool__visual img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.dm-refined .dm-tool__icon { width:40px; height:40px; margin-bottom:16px; background:#f0f0f0; }
.dm-refined .dm-tool h3 { font-size:21px; line-height:1.35; }
.dm-refined .dm-tool p { margin-bottom:16px; }
.dm-refined .dm-tool:hover { border-color:#b8b8b8; box-shadow:0 8px 24px #0b1f3a08; }
/* Light section introductions replace animated promotional banners. */
.dm-refined .dxh-hero, .dm-refined .ch { background:#f7f7f7; color:var(--dm-navy); border:1px solid #e5e5e5; border-radius:20px; box-shadow:none; }
.dm-refined .ch { max-width:1232px; margin:24px auto 0; }
.dm-refined .ch__inner { max-width:none; padding:28px 32px; }
.dm-refined .dxh-hero { padding:30px 32px; }
.dm-refined .dxh-hero::before, .dm-refined .dxh-hero::after, .dm-refined .ch::before, .dm-refined .ch::after, .dm-refined .dxh-dots, .dm-refined .ch__deco { display:none; }
.dm-refined .dxh-hero h1, .dm-refined .ch__titles h1 { color:var(--dm-navy); font-size:30px; }
.dm-refined .dxh-bc, .dm-refined .dxh-bc a, .dm-refined .dxh-bc span, .dm-refined .ch__bc, .dm-refined .ch__bc a, .dm-refined .ch__bc span, .dm-refined .dxh-meta, .dm-refined .ch__sub, .dm-refined .ch__total small { color:var(--dm-muted); }
.dm-refined .dxh-ico, .dm-refined .ch__ico { color:var(--dm-blue); background:#efefef; border:0; width:52px; height:52px; border-radius:14px; animation:none; opacity:1; }
.dm-refined .ch__ico i { color:var(--dm-blue); }
.dm-refined .dxh-count, .dm-refined .ch__count { background:#fff; border-color:#e5e5e5; color:var(--dm-navy); }
.dm-refined .dxh-txt, .dm-refined .dxh-bc, .dm-refined .ch__titles, .dm-refined .ch__total, .dm-refined .ch__bc, .dm-refined .ch__ship, .dm-refined .ch__trust { animation:none; opacity:1; transform:none; }
.dm-refined .ch__ship-txt, .dm-refined .ch__ship-txt strong, .dm-refined .ch__ship-txt i { color:var(--dm-blue); }
.dm-refined .ch__bar { background:#e5e5e5; height:5px; }
.dm-refined .ch__bar>div { width:var(--pct,0%); background:var(--dm-blue); animation:none; }
.dm-refined .ch__bar>div::after { display:none; }
.dm-refined .ch__trust { border-color:#e5e5e5; gap:20px; }
.dm-refined .ch__trust div { color:var(--dm-muted); }
.dm-refined .ch__trust i { background:#efefef; color:var(--dm-blue); }
.dm-refined .subcat-chip, .dm-refined .hfilter-bar, .dm-refined .catcard { border-color:#e5e5e5; box-shadow:none; border-radius:12px; }
.dm-refined .product-card { border:1px solid #e5e5e5; border-radius:16px; box-shadow:none; background:#fff; }
.dm-refined .product-card:hover { border-color:#b8b8b8; box-shadow:0 8px 24px #0b1f3a08; }
.dm-refined .product-card .btn-primary, .dm-refined .pd-add-cart, .dm-refined .cart-checkout-btn, .dm-refined .co-submit-btn { background:var(--dm-blue) !important; color:#fff !important; border-radius:12px; box-shadow:none; }
.dm-refined .product-card .btn-primary:hover, .dm-refined .pd-add-cart:hover, .dm-refined .cart-checkout-btn:hover, .dm-refined .co-submit-btn:hover { background:var(--dm-blue-d) !important; }
/* Product detail: quieter gallery and a clear local-currency price. */
.dm-refined .pd-wrapper { background:#fff; padding-top:24px; }
.dm-refined .pd-grid { gap:40px; }
.dm-refined .pd-title { color:var(--dm-navy); font-family:var(--dm-font); line-height:1.35; letter-spacing:-.02em; }
.dm-refined .pd-main-img { background:#fafafa; border-color:#e5e5e5; border-radius:20px; }
.dm-refined .pd-main-img img { mix-blend-mode:multiply; padding:32px; }
.dm-refined .pd-thumb { border-radius:10px; border-color:#e5e5e5; }
.dm-refined .pdb-pc { border-radius:12px; box-shadow:none; }
.dm-refined .pdb-pc--primary { background:#f7f7f7; border-color:#d8d8d8; }
.dm-refined .pdb-pc--primary .pdb-pc-val { color:var(--dm-navy); }
.dm-refined .pdb-pc--primary .pdb-pc-icon, .dm-refined .pdb-pc--primary .pdb-pc-head span, .dm-refined .pdb-pc--primary .pdb-pc-unit, .dm-refined .pdb-pc--primary .pdb-pc-tag { color:var(--dm-blue); }
.dm-refined .pd-tabs { border-color:#e5e5e5; }
.dm-refined .pd-tab.active { color:var(--dm-blue) !important; border-color:var(--dm-blue) !important; }
/* Cart and checkout share the same calm cards. */
.dm-refined .cart-summary__card, .dm-refined .cart-items, .dm-refined .cart-item, .dm-refined .co-card, .dm-refined .co-summary-card { background:#fff; border-color:#e5e5e5; border-radius:16px; box-shadow:none; }
.dm-refined .cart-summary__card { border:1px solid #e5e5e5; padding:24px; }
.dm-refined .cart-summary__total { background:#f7f7f7; color:var(--dm-navy); border-color:#e5e5e5; padding:16px; border-radius:12px; }
.dm-refined .cart-summary__total small { color:var(--dm-muted) !important; }
.dm-refined .cart-checkout-btn { min-height:48px; }
.dm-refined .cart-coupon { border-radius:16px; border-color:#e5e5e5; }
.dm-refined .checkout-page { background:#fafafa; }
.dm-refined .checkout-grid { grid-template-columns:minmax(0,1fr) minmax(0,360px); }
.dm-refined .checkout-grid > *, .dm-refined .co-row > *, .dm-refined .co-radio-content { min-width:0; }
.dm-refined .co-item-name { overflow-wrap:anywhere; }
.dm-refined .co-field input, .dm-refined .co-field select, .dm-refined .co-field textarea { min-width:0; max-width:100%; border-radius:10px; }
@media(max-width:1280px) { .dm-refined .ch { margin-left:24px; margin-right:24px; } }
@media(max-width:980px) {
  .dm-refined .dm-hero__inner { padding-top:28px; padding-bottom:28px; }
  .dm-refined .dm-hero__media--single { max-width:620px; }
  .dm-refined .dm-tools { grid-template-columns:1fr; }
  .dm-refined .dm-tool { padding-right:42%; min-height:210px; }
  .dm-refined .dm-tool__visual { position:absolute; right:12px; top:24px; bottom:24px; width:36%; height:auto; margin:0; }
  .dm-refined .mobile-nav .dms { padding:20px; align-items:stretch; border-top:1px solid #e5e5e5; }
  .dm-refined .mobile-nav .dms__label { display:inline; }
  .dm-refined .mobile-nav .dms__btn { width:100%; padding:0 16px; justify-content:flex-start; }
  .dm-refined .mobile-nav .dms__panel { position:static; width:100%; order:2; }
  .dm-refined .checkout-grid { grid-template-columns:minmax(0,1fr); }
  .dm-refined .checkout-summary { position:static; }
}
@media(max-width:560px) {
  .dm-refined .dmh__quote, .dm-refined .dmh__act--account { display:none; }
  .dm-refined .dmh__row { display:grid; grid-template-columns:42px minmax(0,1fr) 44px; gap:8px; padding-top:10px; padding-bottom:10px; }
  .dm-refined .dmh__burger { grid-column:1; grid-row:1; }
  .dm-refined .dmh__logo { grid-column:2; grid-row:1; margin:0; }
  .dm-refined .dmh__logo img { height:29px; max-width:100%; object-fit:contain; }
  .dm-refined .dmh__actions { grid-column:3; grid-row:1; }
  .dm-refined .dmh__search { grid-column:1/-1; grid-row:2; width:100%; height:46px; }
  .dm-refined .dmh__search input { font-size:14px; }
  .dm-refined .dmh__act { padding:0; width:44px; justify-content:center; }
  .dm-refined .dm-hero__inner { padding-top:26px; padding-bottom:16px; gap:12px; }
  .dm-refined .dm-hero h1 { font-size:clamp(29px,8vw,38px); line-height:1.12; }
  .dm-refined .dm-hero p { font-size:15.5px; line-height:1.65; margin-top:14px; }
  .dm-refined .dm-hero__media--single .dm-hero__photo { width:128%; margin-left:-14%; aspect-ratio:1.65; }
  .dm-refined .dm-cat__img { height:auto; min-height:130px; padding:12px; }
  .dm-refined .dm-cat__body { padding:16px; }
  .dm-refined .dm-cat h3 { font-size:18px; }
  .dm-refined .dm-tool { padding:20px 38% 20px 20px; min-height:220px; }
  .dm-refined .dm-tool h3 { font-size:18px; }
  .dm-refined .dm-tool p { font-size:14px; }
  .dm-refined .dm-tool__visual { width:32%; right:10px; }
  .dm-refined .dm-tool .dm-link { white-space:normal; font-size:13px; }
  .dm-refined .ch { margin:16px 12px 0; border-radius:16px; }
  .dm-refined .ch__inner { padding:22px 18px; }
  .dm-refined .ch__titles h1, .dm-refined .dxh-hero h1 { font-size:25px; }
  .dm-refined .ch__total { width:auto; margin-left:0; text-align:left; }
  .dm-refined .ch__trust { gap:10px 16px; }
  .dm-refined .ch__ship-txt { flex-wrap:wrap; }
  .dm-refined .dxh-hero { padding:24px 20px; border-radius:16px; }
  .dm-refined .pd-grid { gap:24px; }
  .dm-refined .pd-title { font-size:23px; }
  .dm-refined .pd-main-img img { padding:20px; }
  .dm-refined .cart-summary__card { padding:20px; }
  .dm-refined .checkout-grid { gap:18px; }
  .dm-refined .co-card, .dm-refined .co-summary-card { padding:18px 16px; }
  .dm-refined .co-row-2, .dm-refined .co-row-3 { grid-template-columns:minmax(0,1fr); }
}
/* Keep the complete Cisco chassis visible while cropping only empty studio space. */
.dm-refined .dm-hero__media--single .dm-hero__photo { width:100%; max-width:100%; margin-left:0; aspect-ratio:1.95; object-fit:cover; }
@media(max-width:560px) { .dm-refined .dm-hero__media--single .dm-hero__photo { width:100%; margin-left:0; aspect-ratio:1.7; } }

/* Final palette: Lenovo-inspired red, black and white. */
body.dm-refined {
 --dm-blue:#e2231a; --dm-blue-d:#bb1b14; --dm-navy:#161616; --dm-ink:#222;
 --dm-text:#424242; --dm-muted:#686868; --dm-line:#e5e5e5; --dm-line-strong:#ccc;
 --dm-bg:#fff; --dm-bg2:#f6f6f6; --dm-sky:#f5f5f5; --dm-sky2:#fafafa;
 --dm-green:#444; --dm-green-bg:#f2f2f2; --dm-amber:#444; --dm-amber-bg:#f2f2f2;
 --dm-red:#e2231a; --primary:#e2231a; --primary-dark:#bb1b14; --primary-light:#fff1f0;
 --primary-glow:rgba(226,35,26,.12); --accent:#e2231a; --accent-hover:#bb1b14; --navy:#161616;
 --dm-shadow:0 1px 2px #00000008; --dm-shadow-pop:0 10px 26px #00000012;
}
.dm-refined .announcement-bar { background:#161616; color:#fff; }
.dm-refined .announcement-close { color:#fff; }
.dm-refined .dm-hero { background:#fff; }
.dm-refined .dm-hero__media--single .dm-hero__photo {
 mix-blend-mode:normal;
 mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
 mask-composite:intersect;
 -webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
 -webkit-mask-composite:source-in;
}
.dm-refined .dm-cat, .dm-refined .dm-tool { background:#fafafa; border-color:#e5e5e5; }
.dm-refined .dm-cat:hover, .dm-refined .dm-tool:hover { background:#fff; border-color:#e2231a; }
.dm-refined .dm-tool__icon { background:#f0f0f0; color:#e2231a; }
.dm-refined .dm-tool__visual img { object-fit:contain; }
.dm-refined .dmf { background:#f6f6f6; }
.dm-refined .dmp__cond, .dm-refined .pc-refurb-tag, .dm-refined .pc-new-tag, .dm-refined .pd-badge {
 background:#f2f2f2 !important; color:#444 !important; border:1px solid #ddd !important;
 box-shadow:none !important; border-radius:999px !important; font-size:11px !important;
 font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important;
 padding:5px 10px !important; line-height:1.3 !important; backdrop-filter:none !important;
}
.dm-refined .pd-badge:not(.pd-badge--refurb) { background:#fff1f0 !important; color:#bb1b14 !important; border-color:#f4c3c0 !important; }
.dm-refined .pc-discount-pct { background:#fff1f0 !important; color:#bb1b14 !important; border:1px solid #f4c3c0 !important; box-shadow:none !important; border-radius:999px !important; font-size:11px !important; font-weight:600 !important; }
/* Actual catalogue cards share home-card typography and action hierarchy. */
.dm-refined .pc { background:#fff; border:1px solid #e5e5e5; border-radius:18px; overflow:hidden; box-shadow:none; font-family:var(--dm-font); }
.dm-refined .pc:hover { border-color:#b8b8b8; box-shadow:0 6px 22px #00000008; transform:none; }
.dm-refined .pc-img-wrap { background:#fff; aspect-ratio:auto; height:208px; border-bottom:1px solid #eee; }
.dm-refined .pc-img { width:100%; height:100%; object-fit:contain; padding:18px; }
.dm-refined .pc-body { padding:16px 18px 18px; gap:12px; min-height:230px; }
.dm-refined .pc-brand { font-size:12px; line-height:16px; font-weight:700; letter-spacing:.04em; color:#e2231a; }
.dm-refined .pc-name { font-size:15.5px; font-weight:700; line-height:1.4; color:#161616; min-height:2.8em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.dm-refined .pc-new { color:#161616; font-size:21px; line-height:30px; font-weight:800; letter-spacing:0; }
.dm-refined .pc-new .pc-curr { font-size:inherit; color:inherit; }
.dm-refined .pc-old { color:#686868; font-size:12.5px; }
.dm-refined .pc-save { background:transparent; color:#686868; font-weight:500; padding:0; font-size:11px; }
.dm-refined .pc-feat, .dm-refined .pc-feat i, .dm-refined .pdb-status-item--in { color:#444; }
.dm-refined .pc-add-cart { min-height:44px; background:#e2231a !important; border-radius:10px; font-size:14px; box-shadow:none; transform:none; }
.dm-refined .pc-add-cart:hover { background:#bb1b14 !important; box-shadow:none; transform:none; }
.dm-refined .pc-add-cart:disabled { background:#eee !important; color:#777 !important; }
.dm-refined .pc-buy-now { width:42px; border:1px solid #ddd; border-radius:10px; background:#fff; color:#161616; box-shadow:none; }
.dm-refined .pc-buy-now:hover { background:#f2f2f2; transform:none; box-shadow:none; }
.dm-refined .pc-buy-now i { animation:none; filter:none; }
.dm-refined .pc-qbtn { background:#fff; color:#444; border:1px solid #e5e5e5; box-shadow:none; }
.dm-refined .pc-segment-note, .dm-refined .pd-brand, .dm-refined .co-card-title i, .dm-refined .co-radio-content i { color:#e2231a; }
.dm-refined .co-radio-card--active { background:#fafafa; border-color:#e2231a; }
.dm-refined .pdb-pc--sale .pdb-pc-icon, .dm-refined .pdb-pc--sale .pdb-pc-val, .dm-refined .pdb-pc--sale .pdb-pc-head span { color:#bb1b14; }
.dm-refined .hfilter-btn--accent { background:#161616; color:#fff; }
.dm-refined .hfilter-btn.is-active { border-color:#e2231a; color:#e2231a; background:#fff; }
@media(max-width:980px) {
 .dm-refined .dm-tool { padding:24px 45% 24px 24px; }
 .dm-refined .dm-tool__visual { width:40%; right:12px; }
}
@media(max-width:600px) {
 .dm-refined .pgrid, .dm-refined .product-grid, .dm-refined .search-grid { width:100% !important; max-width:100% !important; margin-left:0 !important; transform:none !important; padding:0 !important; gap:12px !important; }
 .dm-refined .pc-img-wrap { height:150px; }
 .dm-refined .pc-body { padding:12px; min-height:220px; }
 .dm-refined .pc-name { font-size:13.5px; }
 .dm-refined .pc-new { font-size:18px; line-height:26px; }
 .dm-refined .pc-add-cart { font-size:12px; padding:0 8px; }
 .dm-refined .pc-add-cart i { display:none; }
 .dm-refined .pc-actions-row { flex-wrap:wrap; }
 .dm-refined .pc-buy-now { min-height:40px; width:36px; }
}
@media(max-width:560px) {
 .dm-refined .dm-section { padding-top:36px; }
 .dm-refined .dm-section__head { margin-bottom:18px; }
 .dm-refined .dm-hero__inner { padding-bottom:4px; }
 .dm-refined .dm-tool { min-height:200px; padding:20px 43% 20px 18px; }
 .dm-refined .dm-tool__visual { width:39%; right:10px; }
 .dm-refined .dm-home-end { height:40px; }
 .dm-refined .dm-cat__img { min-height:118px; }
}
.dm-refined .mobile-bottom-nav a, .dm-refined .mobile-bottom-nav button { color:#686868; }
.dm-refined .mobile-bottom-nav .active { color:#e2231a; }
.dm-refined .mbn-cart #mbn-cart-count { background:#e2231a; }
.dm-refined .co-checkbox input { accent-color:#e2231a; }
.dm-refined .co-checkbox a, .dm-refined .pd-bc a:hover { color:#e2231a; }
.dm-refined .co-field input:focus, .dm-refined .co-field select:focus, .dm-refined .co-field textarea:focus { border-color:#e2231a; box-shadow:0 0 0 3px rgba(226,35,26,.12); }
.dm-refined .pdb-meta-item a, .dm-refined .pd-info a:not(.dm-btn):not(.pd-add-cart):not(.pd-whatsapp) { color:#e2231a; }

/* Product pages align with the 1280px header rather than filling wide monitors. */
body.dm-refined .pd-wrapper > .container { width:100%; max-width:1280px !important; margin-left:auto; margin-right:auto; padding-left:24px; padding-right:24px; box-sizing:border-box; }
body.dm-refined .pd-grid { grid-template-columns:minmax(0,45fr) minmax(0,55fr); gap:32px; align-items:start; }
body.dm-refined .pd-grid > * { min-width:0; }
body.dm-refined .pd-gallery-row { min-width:0; }
body.dm-refined .pd-main-img { height:440px; max-height:460px; min-width:0; aspect-ratio:auto; }
body.dm-refined .pd-main-img img { width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; }
@media(max-width:980px) {
 body.dm-refined .pd-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 body.dm-refined .pd-wrapper > .container { padding-left:16px; padding-right:16px; }
 body.dm-refined .pd-main-img { height:400px; max-height:none; }
}
@media(max-width:560px) {
 body.dm-refined .pd-main-img { height:320px; min-height:0; }
 body.dm-refined .pd-wrapper { padding-top:18px; }
}