@media (min-width: 768px) { .dkl-goals, .dkl-all, .dkl-gift { display: none !important; } }
@media (max-width: 767px) {
  body.dkl-cro .bread-crumb { display: none !important; }
  body.dkl-cro h1.title-product { font-size: 17px !important; line-height: 1.35 !important; margin: 6px 0 4px !important; }
  body.dkl-cro .dkl-goals { margin: 10px 0 6px; }
  body.dkl-cro .dkl-goals .dkl-h { font-size: 13.5px; font-weight: 700; margin: 0 0 6px; display: flex; justify-content: space-between; align-items: center; }
  body.dkl-cro .dkl-goals .dkl-h small { font-weight: 400; color: #666; font-size: 12px; }
  body.dkl-cro .dkl-grid { display: grid; grid-template-columns: 1fr; gap: 7px; }
  body.dkl-cro .dkl-card { position: relative; border: 1.5px solid #e3e3e3; border-radius: 10px; padding: 9px 10px 8px; background: #fff; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  body.dkl-cro .dkl-card.on { border: 2.5px solid #d70018; background: #fff1f1; box-shadow: 0 0 0 3px rgba(215,0,24,.18), 0 4px 12px rgba(215,0,24,.18); }
  body.dkl-cro .dkl-card.on b, body.dkl-cro .dkl-card.on em { color: #d70018; }
  body.dkl-cro .dkl-card .dkl-now { display: inline-block; text-decoration: none; font-size: 10.5px; font-weight: 800; color: #fff; background: #d70018; border-radius: 4px; padding: 1px 6px; margin-left: 4px; vertical-align: middle; }
  body.dkl-cro .dkl-card:active { transform: scale(.985); }
  body.dkl-cro .dkl-card b { display: block; font-size: 13px; line-height: 1.3; color: #111; }
  body.dkl-cro .dkl-card span { display: block; font-size: 11.5px; color: #666; margin: 3px 0 4px; }
  body.dkl-cro .dkl-card em { font-style: normal; font-weight: 800; color: #d70018; font-size: 15px; }
  body.dkl-cro .dkl-card em s { color: #999; font-weight: 400; font-size: 11px; margin-left: 4px; }
  body.dkl-cro .dkl-card i { position: absolute; top: -8px; right: 8px; font-style: normal; font-size: 10px; font-weight: 700; color: #fff; background: #d70018; border-radius: 10px; padding: 1px 7px; }
  body.dkl-cro .dkl-card { display: flex; gap: 8px; align-items: center; padding: 8px 8px 8px 6px; }
  body.dkl-cro .dkl-card img { width: 64px; height: 64px; object-fit: contain; flex: none; border-radius: 6px; background: #fff; }
  body.dkl-cro .dkl-card .dkl-t { min-width: 0; flex: 1; }
  body.dkl-cro .dkl-card b { font-size: 13.5px; }
  body.dkl-cro .dkl-card em { display: block; }
  body.dkl-cro .dkl-card:after { content: ''; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #d0d0d0; flex: none; }
  body.dkl-cro .dkl-card.on:after { border-color: #d70018; background: radial-gradient(#d70018 45%, #fff 50%); }
  body.dkl-cro .dkl-card i.b { background: #2563eb; }
  body.dkl-cro .dkl-card i.o { background: #ea580c; }
  body.dkl-cro .dkl-card i.g { background: #15803d; }
  body.dkl-cro .dkl-more { display: block; width: 100%; margin: 10px 0 2px; padding: 11px 10px; border: 2px solid #111; border-radius: 10px; background: #fff; font-size: 13.5px; font-weight: 700; color: #111; text-align: center; line-height: 1.3; }
  body.dkl-cro.dkl-open .dkl-more { background: #111; color: #fff; }
  body.dkl-cro .select-swatch { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }
  body.dkl-cro .dkl-all { display: none; margin: 8px 0 4px; }
  body.dkl-cro.dkl-open .dkl-all { display: block; }
  body.dkl-cro .dkl-all .dkl-sec { font-size: 13px; font-weight: 700; color: #111; margin: 10px 0 6px; display: flex; align-items: center; gap: 6px; }
  body.dkl-cro .dkl-all .dkl-sec small { font-weight: 400; color: #777; font-size: 11.5px; }
  body.dkl-cro .dkl-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
  body.dkl-cro .dkl-tile { position: relative; border: 1.5px solid #e3e3e3; border-radius: 10px; padding: 6px 6px 7px; background: #fff; text-align: center; -webkit-tap-highlight-color: transparent; }
  body.dkl-cro .dkl-tile img { width: 100%; aspect-ratio: 1; object-fit: contain; display: block; border-radius: 6px; background: #fafafa; }
  body.dkl-cro .dkl-tile b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 11.5px; line-height: 1.25; color: #222; margin: 5px 0 3px; min-height: 29px; font-weight: 600; }
  body.dkl-cro .dkl-tile em { display: block; font-style: normal; font-weight: 800; color: #d70018; font-size: 13.5px; line-height: 1.2; }
  body.dkl-cro .dkl-tile s { display: block; color: #999; font-size: 10.5px; }
  body.dkl-cro .dkl-tile i { position: absolute; top: 5px; left: 5px; font-style: normal; font-size: 9.5px; font-weight: 700; color: #fff; background: #d70018; border-radius: 4px; padding: 1px 5px; z-index: 1; }
  body.dkl-cro .dkl-tile i.g { background: #15803d; } body.dkl-cro .dkl-tile i.b { background: #2563eb; } body.dkl-cro .dkl-tile i.o { background: #ea580c; }
  body.dkl-cro .dkl-tile.on { border: 2px solid #d70018; background: #fff1f1; box-shadow: 0 0 0 2px rgba(215,0,24,.15); }
  body.dkl-cro .dkl-tile.on b { color: #d70018; }
  body.dkl-cro .dkl-tile.on:after { content: '✓'; position: absolute; top: -7px; right: -7px; width: 20px; height: 20px; border-radius: 50%; background: #d70018; color: #fff; font-size: 12px; font-weight: 800; line-height: 20px; text-align: center; }
  body.dkl-cro .dkl-tile:active { transform: scale(.97); }
  body.dkl-cro .select-swatch .swatch-element label, body.dkl-cro .select-swatch .swatch-element .text { white-space: normal !important; text-overflow: clip !important; overflow: visible !important; font-size: 11px !important; line-height: 1.25 !important; }
  body.dkl-cro .dkl-gift { font-size: 12.5px; color: #15803d; background: #effaf2; border: 1px solid #cdebd6; border-radius: 8px; padding: 7px 10px; margin: 8px 0 4px; line-height: 1.4; }
  body.dkl-cro .dkl-trust { font-size: 12px; color: #444; margin: 4px 0 8px; line-height: 1.5; }
  body.dkl-cro .form-product .btn-buyNow, body.dkl-cro .btn-buyNow { width: 100% !important; display: block !important; font-size: 15px !important; font-weight: 800 !important; padding: 13px 10px !important; border-radius: 10px !important; background: #d70018 !important; color: #fff !important; border: 0 !important; text-transform: none !important; box-shadow: 0 4px 14px rgba(215,0,24,.3); }
  body.dkl-cro .form-product .btn_add_cart.btn-cart { width: 100% !important; display: block !important; margin-top: 8px !important; background: transparent !important; color: #555 !important; border: 1px solid #ddd !important; font-weight: 500 !important; font-size: 13px !important; padding: 9px !important; border-radius: 10px !important; box-shadow: none !important; text-transform: none !important; }
  body.dkl-cro .btn-mua.button_actions { display: flex !important; flex-direction: column !important; gap: 0 !important; }
  body.dkl-cro .btn-mua.button_actions > * { flex: none !important; max-width: 100% !important; width: 100% !important; }
  body.dkl-cro .btn-mua.button_actions .btn-buyNow { order: 1 !important; clip-path: none !important; -webkit-clip-path: none !important; transform: none !important; }
  body.dkl-cro .btn-mua.button_actions .btn_add_cart.btn-cart { order: 2 !important; clip-path: none !important; -webkit-clip-path: none !important; transform: none !important; }
  body.dkl-cro .btn-mua.button_actions .hui-guarantee-line { order: 3 !important; margin-top: 8px !important; }
  body.dkl-cro .dkl-hide { display: none !important; }
  body.dkl-cro .custom-btn-number { margin-bottom: 6px !important; }
  body.dkl-cro .form-product .btn_add_cart.btn-cart:before, body.dkl-cro .form-product .btn-buyNow:before { display: none !important; }
}