#c2c-order-design .order-howto{margin:20px 0;color:var(--order-ink)}#c2c-order-design .order-howto summary{font-weight:700;color:var(--order-green);padding:12px 0;cursor:pointer}#cariyuk-howto-dialog{--how-bg:light-dark(#fffdf7,#1b2c23);--how-ink:light-dark(#164b35,#e8f4eb);--how-muted:light-dark(#596f61,#b4c9bb);--how-line:light-dark(#d9e5dc,#3b5043);--how-green:light-dark(#08794f,#80d3a3);--how-soft:light-dark(#eaf3ec,#284536);color-scheme:light dark;box-sizing:border-box;width:calc(100% - 28px);max-width:650px;max-height:90dvh;margin:auto;overflow:auto;border:1px solid var(--how-line);border-radius:18px;padding:0;background:var(--how-bg);color:var(--how-ink);font:14px/1.65 system-ui,sans-serif;box-shadow:0 20px 70px #052c2440}#cariyuk-howto-dialog::backdrop{background:#062b23b8;backdrop-filter:blur(3px)}#cariyuk-howto-dialog *{box-sizing:border-box}#cariyuk-howto-dialog .howto-head{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:24px 24px 16px}#cariyuk-howto-dialog small{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--how-green)}#cariyuk-howto-dialog h2{margin:6px 0 0;font-size:25px;line-height:1.25}#cariyuk-howto-dialog .howto-close{flex-shrink:0;width:40px;height:40px;border:0;border-radius:50%;background:var(--how-soft);color:var(--how-ink);font-size:25px;cursor:pointer}#cariyuk-howto-dialog .howto-content{padding:0 24px}#cariyuk-howto-dialog .howto-steps,#c2c-order-design .howto-steps{counter-reset:how-step;list-style:none;padding:0;margin:0;display:grid;gap:18px}#cariyuk-howto-dialog .howto-steps li,#c2c-order-design .howto-steps li{display:flex;gap:14px;align-items:start;counter-increment:how-step}#cariyuk-howto-dialog .howto-steps li:before{content:counter(how-step);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--how-soft);color:var(--how-green);font-weight:700;flex-shrink:0}#cariyuk-howto-dialog h3,#c2c-order-design .howto-content h3{font-size:15px;margin:2px 0 5px}#cariyuk-howto-dialog p,#c2c-order-design .howto-content p{margin:0;font-size:13px;line-height:1.7;color:var(--how-muted,var(--order-muted));overflow-wrap:anywhere}#cariyuk-howto-dialog .howto-note{padding:16px;margin:20px 0 0;border-radius:11px;background:var(--how-soft);font-size:13px}#cariyuk-howto-dialog .howto-note>p{margin-top:5px}#cariyuk-howto-dialog .howto-actions{padding:20px 24px 24px;display:grid;gap:12px;text-align:center}#cariyuk-howto-dialog .howto-start{padding:13px;border:0;border-radius:10px;background:#f0ac3b;color:#173528;font:700 15px/1.5 system-ui,sans-serif;cursor:pointer}#cariyuk-howto-dialog .howto-actions a{color:var(--how-green);font-size:13px}#cariyuk-howto-dialog button:focus-visible,#cariyuk-howto-dialog a:focus-visible{outline:3px solid var(--how-green);outline-offset:2px}@media(max-width:420px){#cariyuk-howto-dialog .howto-head{padding:20px 18px 16px}#cariyuk-howto-dialog .howto-content{padding:0 18px}#cariyuk-howto-dialog .howto-actions{padding:18px}#cariyuk-howto-dialog h2{font-size:22px}}