.dt-device-addons{--dt-addon-ink: #25251f;--dt-addon-muted: #6b6258;--dt-addon-gold: #947343;--dt-addon-line: rgba(37, 37, 31, .13);--dt-addon-surface: #fbf8f2;--dt-addon-surface-2: #f2eadc;color:var(--dt-addon-ink)}.dt-device-addons__shell{max-width:1180px;margin-inline:auto;border-block:1px solid var(--dt-addon-line);padding-block:36px}.dt-device-addons__header{max-width:760px;margin-inline-end:auto;margin-block-end:26px}[dir=rtl] .dt-device-addons__header{margin-inline-end:0;margin-inline-start:auto}.dt-device-addons__eyebrow,.dt-device-addons__card-kicker{color:var(--dt-addon-gold);font-size:12px;font-weight:700;letter-spacing:.04em;margin:0 0 8px}.dt-device-addons__heading{font-size:clamp(30px,4vw,48px);line-height:1.25;margin:0 0 10px}.dt-device-addons__intro{color:var(--dt-addon-muted);font-size:16px;line-height:1.8;margin:0}.dt-device-addons__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}.dt-device-addons__grid>:only-child{grid-column:1 / -1}.dt-device-addons__card{background:var(--dt-addon-surface);border:1px solid var(--dt-addon-line);border-radius:14px;padding:22px}.dt-device-addons__card--install{background:linear-gradient(145deg,#fbf8f2,#f4ecde)}.dt-device-addons__card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.dt-device-addons__card-head h3{margin:0 0 7px;font-size:22px;line-height:1.4}.dt-device-addons__card-head p:not(.dt-device-addons__card-kicker){margin:0;color:var(--dt-addon-muted);line-height:1.7}.dt-device-addons__thumb{width:82px;height:82px;object-fit:contain;border-radius:10px;background:#fff;flex:0 0 auto}.dt-device-addons__toggle{display:flex;align-items:center;gap:11px;margin-block-start:20px;cursor:pointer;font-weight:600}.dt-device-addons__toggle input{position:absolute;opacity:0;pointer-events:none}.dt-device-addons__toggle-ui{width:42px;height:24px;border-radius:999px;background:#d8d0c3;position:relative;transition:.2s ease;flex:0 0 auto}.dt-device-addons__toggle-ui:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 1px 4px #00000026;transition:.2s ease}.dt-device-addons__toggle input:checked+.dt-device-addons__toggle-ui{background:var(--dt-addon-ink)}.dt-device-addons__toggle input:checked+.dt-device-addons__toggle-ui:after{transform:translate(18px)}[dir=rtl] .dt-device-addons__toggle input:checked+.dt-device-addons__toggle-ui:after{transform:translate(-18px)}.dt-device-addons__toggle--install strong{margin-inline-start:auto;color:var(--dt-addon-gold);white-space:nowrap}.dt-device-addons__install-note{color:var(--dt-addon-muted);margin:12px 0 0;font-size:13px}.dt-device-addons__oil-area{margin-block-start:18px}.dt-device-addons__oil-rows{display:grid;gap:12px}.dt-device-addons__oil-row{border:1px solid var(--dt-addon-line);border-radius:12px;background:#fff;padding:14px}.dt-device-addons__oil-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(150px,.6fr);gap:10px}.dt-device-addons__field{display:grid;gap:6px;font-size:13px;color:var(--dt-addon-muted)}.dt-device-addons__field select,.dt-device-addons__field input{width:100%;min-height:44px;border:1px solid #d7cec0;border-radius:8px;background:#fff;color:var(--dt-addon-ink);padding-inline:10px;font:inherit}.dt-device-addons__qty{display:grid;grid-template-columns:42px 1fr 42px;min-height:44px;border:1px solid #d7cec0;border-radius:8px;overflow:hidden}.dt-device-addons__qty button{border:0;background:#f8f4ed;color:var(--dt-addon-ink);font-size:20px;cursor:pointer}.dt-device-addons__qty input{border:0;border-inline:1px solid #e2d9cd;border-radius:0;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.dt-device-addons__qty input::-webkit-inner-spin-button,.dt-device-addons__qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dt-device-addons__oil-footer{display:flex;align-items:center;gap:10px;margin-block-start:10px;min-height:28px}.dt-device-addons__oil-footer>span{color:#9c543f;font-size:12px}.dt-device-addons__oil-footer>strong{margin-inline-start:auto}.dt-device-addons__remove{border:0;background:transparent;color:#7f7569;font-size:23px;line-height:1;cursor:pointer;padding:2px 4px}.dt-device-addons__text-button{margin-block-start:12px;border:0;background:transparent;color:var(--dt-addon-ink);font:inherit;font-weight:600;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:4px}.dt-device-addons__summary{margin-block-start:18px;border-radius:14px;background:var(--dt-addon-ink);color:#fff;padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;align-items:center}.dt-device-addons__summary-copy{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.dt-device-addons__summary-copy span{color:#ffffffb8}.dt-device-addons__summary-copy strong{font-size:25px}.dt-device-addons__summary-lines{display:flex;flex-wrap:wrap;gap:7px 16px;color:#ffffffad;font-size:12px;grid-column:1 / 2}.dt-device-addons__submit{grid-row:1 / span 2;grid-column:2;min-width:280px;min-height:52px;background:#f4e5c9;color:var(--dt-addon-ink);border:0;border-radius:8px}.dt-device-addons__submit:after{box-shadow:none}.dt-device-addons__submit.loading>span:first-child{opacity:.45}.dt-device-addons__error{grid-column:1 / -1;margin:0;color:#ffd5c8}.dt-device-addons__fineprint{grid-column:1 / -1;margin:0;color:#ffffff8c;font-size:11px}@media screen and (max-width:899px){.dt-device-addons__grid,.dt-device-addons__summary{grid-template-columns:1fr}.dt-device-addons__summary-lines,.dt-device-addons__submit{grid-column:1}.dt-device-addons__submit{grid-row:auto;min-width:0;width:100%}}@media screen and (max-width:749px){.dt-device-addons__shell{padding-block:24px}.dt-device-addons__header{margin-block-end:18px}.dt-device-addons__heading{font-size:30px}.dt-device-addons__intro{font-size:14px}.dt-device-addons__card{padding:17px;border-radius:12px}.dt-device-addons__card-head h3{font-size:20px}.dt-device-addons__thumb{width:68px;height:68px}.dt-device-addons__oil-fields{grid-template-columns:1fr}.dt-device-addons__field--qty{max-width:190px}.dt-device-addons__summary{padding:17px;border-radius:12px}.dt-device-addons__summary-copy strong{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/dt-device-addons.css.map */