.yk-calculator-page{
    padding:72px 0 96px;
    background:
        radial-gradient(circle at 90% 0,rgba(184,127,42,.14),transparent 34%),
        linear-gradient(180deg,#f7f4ee 0,#fff 62%);
}

.yk-calculator-intro{
    max-width:850px;
    margin:0 auto 38px;
    text-align:center;
}

.yk-calculator-intro>span{
    display:inline-block;
    margin-bottom:14px;
    color:#9a6b24;
    font-size:13px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.yk-calculator-intro h1{
    margin:0 0 18px;
    font-size:clamp(36px,5vw,62px);
    line-height:1.05;
    letter-spacing:-.035em;
}

.yk-calculator-intro p{
    max-width:700px;
    margin:0 auto;
    color:#625d55;
    font-size:18px;
    line-height:1.75;
}

.yk-calculator-form{
    max-width:980px;
    margin:0 auto;
    display:grid;
    gap:22px;
}

.yk-calculator-card{
    padding:30px;
    background:#fff;
    border:1px solid rgba(24,24,24,.09);
    border-radius:22px;
    box-shadow:0 18px 55px rgba(20,20,20,.07);
}

.yk-calculator-card h2{
    margin:0 0 22px;
    font-size:22px;
    line-height:1.25;
}

.yk-calculator-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.yk-calculator-card label{
    display:grid;
    gap:9px;
}

.yk-calculator-card label>span{
    color:#292621;
    font-size:14px;
    font-weight:750;
}

.yk-calculator-card input,
.yk-calculator-card select{
    width:100%;
    min-height:52px;
    padding:0 15px;
    color:#1d1b18;
    font:inherit;
    background:#fbfaf7;
    border:1px solid #d9d4cc;
    border-radius:12px;
    outline:none;
    transition:border-color .2s,box-shadow .2s,background .2s;
}

.yk-calculator-card input:focus,
.yk-calculator-card select:focus{
    background:#fff;
    border-color:#a97931;
    box-shadow:0 0 0 4px rgba(169,121,49,.12);
}

.yk-calculator-card small{
    color:#777067;
    font-size:13px;
    line-height:1.5;
}

.yk-calculator-options{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.yk-calculator-choice{
    position:relative;
    display:flex!important;
    align-items:center;
    gap:12px!important;
    min-height:88px;
    padding:16px;
    background:#fbfaf7;
    border:1px solid #ddd7ce;
    border-radius:14px;
    cursor:pointer;
}

.yk-calculator-choice:has(input:checked){
    background:#fff9ed;
    border-color:#a97931;
    box-shadow:0 0 0 3px rgba(169,121,49,.10);
}

.yk-calculator-choice input{
    width:20px;
    min-height:20px;
    margin:0;
    accent-color:#9a6b24;
}

.yk-calculator-choice span{
    display:grid;
    gap:4px;
}

.yk-calculator-choice strong{
    font-size:15px;
}

.yk-calculator-submit{
    padding:28px;
    text-align:center;
    background:#1f1d19;
    border-radius:22px;
}

.yk-calculator-submit button{
    min-width:310px;
    min-height:54px;
    font-size:16px;
}

.yk-calculator-submit button:disabled{
    opacity:.55;
    cursor:not-allowed;
}

.yk-calculator-submit p{
    margin:14px 0 0;
    color:#d8d2c8;
    font-size:13px;
    line-height:1.6;
}

@media(max-width:760px){
    .yk-calculator-page{padding:42px 0 72px}
    .yk-calculator-intro{margin-bottom:28px}
    .yk-calculator-intro p{font-size:16px}
    .yk-calculator-card{padding:22px 18px;border-radius:18px}
    .yk-calculator-grid,
    .yk-calculator-options{grid-template-columns:1fr}
    .yk-calculator-submit{padding:22px 16px;border-radius:18px}
    .yk-calculator-submit button{width:100%;min-width:0}
}

/* YK_CALCULATOR_INTRO_BOX_START */
.yk-calculator-intro{
    max-width:980px;
    margin:0 auto 28px;
    padding:42px 34px;
    text-align:center;
    background:#fff;
    border:1px solid rgba(24,24,24,.09);
    border-radius:24px;
    box-shadow:0 18px 55px rgba(20,20,20,.07);
}

.yk-calculator-intro h1{
    max-width:760px;
    margin:0 auto 18px;
}

.yk-calculator-intro p{
    max-width:720px;
    margin:0 auto;
}

@media(max-width:760px){
    .yk-calculator-intro{
        padding:30px 20px;
        border-radius:18px;
    }
}
/* YK_CALCULATOR_INTRO_BOX_END */

/* YK_CALCULATOR_OPTION_ALIGN_START */
.yk-calculator-intro,
.yk-calculator-form{
    width:100%;
    max-width:980px;
    box-sizing:border-box;
}

.yk-calculator-card{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}

.yk-calculator-grid{
    align-items:start;
}

.yk-calculator-grid>label{
    width:100%;
    margin:0;
    align-self:start;
    box-sizing:border-box;
}

/* Kumanda ve fotosel alanları aynı hizada */
.yk-calculator-form>.yk-calculator-card:nth-of-type(3)
.yk-calculator-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
}

.yk-calculator-form>.yk-calculator-card:nth-of-type(3)
.yk-calculator-grid>label{
    display:grid;
    grid-template-rows:auto 52px auto;
    align-content:start;
}

.yk-calculator-form>.yk-calculator-card:nth-of-type(3)
.yk-calculator-grid>label>select{
    height:52px;
    min-height:52px;
    margin:0;
}

.yk-calculator-form>.yk-calculator-card:nth-of-type(3)
.yk-calculator-grid>label>small{
    min-height:20px;
    margin-top:0;
}

@media(max-width:760px){
    .yk-calculator-form>.yk-calculator-card:nth-of-type(3)
    .yk-calculator-grid{
        grid-template-columns:1fr;
    }

    .yk-calculator-form>.yk-calculator-card:nth-of-type(3)
    .yk-calculator-grid>label{
        grid-template-rows:auto 52px auto;
    }
}
/* YK_CALCULATOR_OPTION_ALIGN_END */

/* YK_CALCULATOR_ALERTS_START */
.yk-calculator-alert{
    width:100%;
    max-width:980px;
    margin:0 auto 22px;
    padding:18px 20px;
    display:grid;
    gap:5px;
    box-sizing:border-box;
    border-radius:16px;
    font-size:14px;
    line-height:1.55;
}

.yk-calculator-alert--error{
    color:#7f1d1d;
    background:#fff1f1;
    border:1px solid #efb5b5;
}

.yk-calculator-alert--success{
    color:#215b36;
    background:#effaf3;
    border:1px solid #a9d8b7;
}
/* YK_CALCULATOR_ALERTS_END */

/* YK_CALCULATOR_VISUAL_CARDS_START */
.yk-calculator-intro,
.yk-calculator-form,
.yk-calculator-alert{
    width:100%;
    max-width:1180px;
    box-sizing:border-box;
}

.yk-calculator-visual-group{
    display:grid;
    gap:16px;
}

.yk-calculator-visual-group+
.yk-calculator-visual-group{
    margin-top:30px;
    padding-top:28px;
    border-top:1px solid #e7e1d8;
}

.yk-calculator-visual-group h3{
    margin:0;
    font-size:18px;
    line-height:1.35;
}

.yk-calculator-visual-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.yk-calculator-visual-grid--three,
.yk-calculator-visual-grid--accessories{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.yk-calculator-visual-choice{
    position:relative;
    display:grid!important;
    grid-template-columns:155px minmax(0,1fr);
    gap:0!important;
    min-height:160px;
    overflow:hidden;
    background:#fbfaf7;
    border:1px solid #ddd7ce;
    border-radius:18px;
    cursor:pointer;
    box-sizing:border-box;
    transition:
        border-color .2s,
        box-shadow .2s,
        transform .2s,
        background .2s;
}

.yk-calculator-visual-choice:hover{
    transform:translateY(-2px);
    border-color:#c4ad89;
}

.yk-calculator-visual-choice:has(input:checked){
    background:#fff9ed;
    border-color:#a97931;
    box-shadow:0 0 0 3px rgba(169,121,49,.13);
}

.yk-calculator-visual-choice>input{
    position:absolute;
    top:14px;
    right:14px;
    z-index:3;
    width:22px;
    height:22px;
    min-height:22px;
    margin:0;
    padding:0;
    accent-color:#9a6b24;
}

.yk-calculator-visual-media{
    display:flex!important;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:160px;
    overflow:hidden;
    color:#81786d;
    text-align:center;
    background:#f0ede7;
}

.yk-calculator-visual-media img{
    display:block;
    width:100%;
    height:160px;
    min-height:160px;
    object-fit:contain;
    background:#fff;
}

.yk-calculator-visual-media>span{
    padding:16px;
    color:#81786d!important;
    font-size:13px!important;
    font-weight:600!important;
}

.yk-calculator-visual-copy{
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    gap:7px!important;
    min-width:0;
    padding:22px 20px;
}

.yk-calculator-visual-copy strong{
    padding-right:25px;
    font-size:16px;
    line-height:1.35;
}

.yk-calculator-visual-copy small{
    color:#716a61;
    font-size:13px;
    line-height:1.55;
}

.yk-calculator-visual-copy em{
    width:max-content;
    max-width:100%;
    margin-top:5px;
    padding:5px 9px;
    color:#805719;
    font-size:11px;
    font-style:normal;
    font-weight:800;
    background:#f4e5c8;
    border-radius:999px;
}

.yk-calculator-visual-choice.is-included{
    cursor:default;
    background:#eef8f1;
    border-color:#a8d2b4;
}

.yk-calculator-visual-choice.is-included:hover{
    transform:none;
}

.yk-calculator-visual-choice.is-included
.yk-calculator-visual-copy em{
    color:#22613a;
    background:#d8efdf;
}

.yk-calculator-remote-row{
    max-width:390px;
    margin-bottom:24px;
}

@media(max-width:980px){
    .yk-calculator-visual-grid--three,
    .yk-calculator-visual-grid--accessories{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:680px){
    .yk-calculator-visual-grid,
    .yk-calculator-visual-grid--three,
    .yk-calculator-visual-grid--accessories{
        grid-template-columns:1fr;
    }

    .yk-calculator-visual-choice{
        grid-template-columns:118px minmax(0,1fr);
        min-height:130px;
    }

    .yk-calculator-visual-media{
        min-height:130px;
    }

    .yk-calculator-visual-media img{
        height:130px;
        min-height:130px;
    }

    .yk-calculator-visual-copy{
        padding:17px 15px;
    }

    .yk-calculator-visual-copy strong{
        font-size:15px;
    }
}
/* YK_CALCULATOR_VISUAL_CARDS_END */

/* YK_CALCULATOR_REMOTE_CARD_START */
.yk-calculator-remote-card{
    grid-template-columns:240px minmax(0,1fr);
    min-height:220px;
    margin-bottom:22px;
    cursor:default;
    background:#fff9ed;
    border-color:#a97931;
    box-shadow:0 0 0 3px rgba(169,121,49,.11);
}

.yk-calculator-remote-card:hover{
    transform:none;
    border-color:#a97931;
}

.yk-calculator-remote-card
.yk-calculator-visual-media{
    min-height:220px;
}

.yk-calculator-remote-card
.yk-calculator-visual-media img{
    height:220px;
    min-height:220px;
}

.yk-calculator-remote-select{
    display:grid!important;
    grid-template-columns:1fr;
    gap:7px!important;
    max-width:360px;
    margin-top:8px;
}

.yk-calculator-remote-select>span{
    color:#292621!important;
    font-size:13px!important;
    font-weight:800!important;
}

.yk-calculator-remote-select select{
    width:100%;
    min-height:48px;
    background:#fff;
}

@media(max-width:680px){
    .yk-calculator-remote-card{
        grid-template-columns:118px minmax(0,1fr);
        min-height:180px;
    }

    .yk-calculator-remote-card
    .yk-calculator-visual-media{
        min-height:180px;
    }

    .yk-calculator-remote-card
    .yk-calculator-visual-media img{
        height:180px;
        min-height:180px;
    }
}
/* YK_CALCULATOR_REMOTE_CARD_END */

/* YK_MEASURE_MOTOR_STATUS_CARD */
.yk-calculator-live-summary {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 14px 16px 14px 54px;
    border: 1px solid #cbded2;
    border-radius: 14px;
    background:
        linear-gradient(
            135deg,
            #f7fbf8 0%,
            #edf6f0 100%
        );
    box-shadow:
        0 8px 22px rgba(27, 73, 48, 0.08);
    color: #1f5136;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.yk-calculator-live-summary::before {
    content: "AUTO";
    position: absolute;
    left: 14px;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #245b3d;
    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.4px;
    transform: translateY(-50%);
}

.yk-calculator-live-summary:empty {
    display: none;
}

@media (max-width: 700px) {
    .yk-calculator-live-summary {
        grid-column: 1 / -1;
        min-height: 54px;
    }
}