/* DOBIEN WEB SOFTWARE - DEVELOPER: BERAT KEZİK */
/* Final presentation polish loaded after the core responsive system. */
.section-pad {
    padding-block: clamp(64px, 6vw, 96px);
}

.page-hero {
    min-height: min(680px, 72svh);
    padding-top: calc(var(--header-h) + 54px);
    padding-bottom: 54px;
}

.page-hero__meta {
    margin-bottom: clamp(34px, 5vw, 68px);
}

.page-hero__lead {
    margin-top: 32px;
}

.service-hero {
    min-height: min(700px, 74svh);
    padding: calc(var(--header-h) + 54px) 0 54px;
}

.service-hero__inner {
    min-height: min(520px, calc(74svh - var(--header-h) - 108px));
}

main > section.section-pad + section.section-pad,
.database-content + section.section-pad {
    padding-top: clamp(46px, 4vw, 64px);
}

.page-hero + .database-content,
.service-hero + .database-content,
.case-hero + .case-overview,
.article-hero + .article-layout {
    padding-top: clamp(48px, 4.5vw, 68px);
}

.product-detail__hero {
    padding-bottom: 54px;
}

.product-detail__hero + .section-pad,
.store-hero + .store-grid-section {
    padding-top: 48px;
}

.page-hero + section,
.service-hero + section,
.store-hero + section,
.product-detail__hero + section,
.case-hero + section,
.article-hero + section {
    margin-top: 0;
}

/* DOBIEN WEB SOFTWARE - DEVELOPER: BERAT KEZİK */
.product-purchase-section { padding-top: 48px; }
.product-detail__body { grid-template-columns:minmax(0,1fr) minmax(420px,520px); gap:clamp(38px,5vw,76px); }
.purchase-console { position:sticky; top:calc(var(--header-h) + 20px); overflow:hidden; border:1px solid rgba(128,145,180,.24); border-radius:28px; background:radial-gradient(circle at 100% 0,rgba(34,211,238,.1),transparent 32%),linear-gradient(145deg,#0c0e15,#08090e); box-shadow:0 35px 90px rgba(0,0,0,.32); }
.purchase-console__head { padding:28px 28px 23px; border-bottom:1px solid var(--line); }
.purchase-console__head h2 { margin:11px 0 9px; font-family:var(--display); font-size:clamp(2rem,3vw,3rem); line-height:.98; letter-spacing:-.055em; }
.purchase-console__head p,.purchase-login-gate p { margin:0; color:var(--muted); line-height:1.65; }
.purchase-login-gate { display:grid; gap:18px; padding:28px; }
.purchase-form { display:grid; gap:24px; padding:26px 28px 30px; }
.purchase-plan-picker { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:0; border:0; }
.purchase-plan-picker legend,.purchase-form fieldset>legend { grid-column:1/-1; margin-bottom:10px; color:var(--text-soft); font-size:.76rem; }
.purchase-plan-picker label { min-width:0; cursor:pointer; }
.purchase-plan-picker input { position:absolute; opacity:0; pointer-events:none; }
.purchase-plan-picker label>span { display:grid; min-height:110px; gap:6px; align-content:center; padding:14px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.018); transition:.2s ease; }
.purchase-plan-picker input:checked+span { border-color:rgba(34,211,238,.5); background:linear-gradient(145deg,rgba(34,211,238,.11),rgba(124,58,237,.08)); box-shadow:0 0 0 3px rgba(34,211,238,.06); }
.purchase-plan-picker small { color:var(--cyan); text-transform:uppercase; letter-spacing:.09em; }.purchase-plan-picker strong{font-size:1rem}.purchase-plan-picker em{color:var(--muted);font-size:.65rem;font-style:normal}
.purchase-form__grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.purchase-form__grid>label { display:grid; gap:7px; min-width:0; color:var(--text-soft); font-size:.76rem; }
.purchase-form__grid input,.purchase-form__grid textarea { width:100%; min-height:50px; padding:13px 14px; border:1px solid var(--line); border-radius:13px; background:#07090e; color:#fff; outline:none; resize:vertical; }
.purchase-form__grid input:focus,.purchase-form__grid textarea:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(34,211,238,.08); }
.purchase-form__wide { grid-column:1/-1; }.purchase-form__wide small{color:var(--muted)}
.purchase-form [hidden],.purchase-form [data-domain-field][hidden]{display:none!important}
.purchase-choice,.purchase-platforms { display:flex; flex-wrap:wrap; gap:9px; padding:0; border:0; }
.purchase-choice label,.purchase-platforms label { cursor:pointer; }.purchase-choice input,.purchase-platforms input{position:absolute;opacity:0}.purchase-choice label span,.purchase-platforms label span{display:block;padding:10px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.75rem}.purchase-choice input:checked+span,.purchase-platforms input:checked+span{border-color:rgba(34,211,238,.45);background:rgba(34,211,238,.09);color:#dffbff}
.purchase-choice p { width:100%; margin:5px 0 0; padding:13px; border:1px solid rgba(34,211,238,.2); border-radius:12px; color:#b8eaf1; background:rgba(34,211,238,.05); font-size:.77rem; }
.purchase-consent { display:flex; gap:12px; padding:15px; border:1px solid rgba(74,222,128,.18); border-radius:15px; background:rgba(74,222,128,.04); }.purchase-consent .icon{width:23px;min-width:23px;stroke:#4ade80}.purchase-consent p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.6}.purchase-submit{width:100%}
.purchase-roadmap { display:grid; gap:1px; margin-top:42px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:var(--line); }.purchase-roadmap>span{display:grid;grid-template-columns:auto 1fr;gap:3px 13px;padding:18px;background:#090a0f}.purchase-roadmap b{grid-row:1/3;color:var(--cyan);font-size:.72rem}.purchase-roadmap strong{font-size:.9rem}.purchase-roadmap small{color:var(--muted)}

.portal-order-detail>header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.portal-order-detail>header h2{margin-bottom:28px}.portal-status-chip{padding:10px 13px;border:1px solid var(--line);border-radius:999px;color:var(--cyan);font-size:.7rem;white-space:nowrap}.portal-brief,.portal-invoice,.payment-notice-form,.portal-payment-history,.portal-timeline,.portal-awaiting{margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.012)}
.portal-section-title{display:flex;gap:14px;align-items:flex-start}.portal-section-title>span{display:grid;width:34px;aspect-ratio:1;place-items:center;border:1px solid rgba(34,211,238,.3);border-radius:10px;color:var(--cyan);font-size:.7rem}.portal-section-title h3{margin:0 0 4px}.portal-section-title p{margin:0;color:var(--muted);font-size:.8rem}.portal-brief dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:20px 0;background:var(--line)}.portal-brief dl div{display:grid;gap:5px;padding:14px;background:#090b10}.portal-brief dt{color:var(--muted);font-size:.7rem}.portal-brief dd{margin:0}.portal-awaiting{display:flex;gap:16px;align-items:center;border-color:rgba(34,211,238,.2);background:rgba(34,211,238,.035)}.portal-awaiting .nav-orb{min-width:52px}.portal-awaiting h3,.portal-awaiting p{margin:0}.portal-awaiting p{margin-top:5px;color:var(--muted)}
.portal-invoice{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}.portal-invoice>header{display:flex;justify-content:space-between;gap:15px;align-items:center}.portal-invoice>header span{color:var(--cyan);font-size:.65rem;letter-spacing:.14em}.portal-invoice h3{margin:6px 0;font-size:1.45rem}.invoice-parties,.invoice-totals{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:20px 0;background:var(--line)}.invoice-parties>div,.invoice-totals>span{display:grid;gap:6px;padding:15px;background:#090b10}.invoice-parties small,.invoice-totals small{color:var(--muted)}.invoice-totals{grid-template-columns:repeat(3,1fr)}.invoice-totals>span:last-child strong{color:var(--cyan);font-size:1.15rem}.invoice-bank{display:grid;gap:7px;padding:18px;border:1px solid rgba(74,222,128,.2);border-radius:16px;background:rgba(74,222,128,.035)}.invoice-bank>span{color:#4ade80;font-size:.65rem;letter-spacing:.12em}.invoice-bank h4,.invoice-bank p{margin:0}.invoice-bank button{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#05070a;color:#fff;font-family:monospace;text-align:left}.invoice-bank button b{color:var(--cyan)}.invoice-bank small{color:var(--muted)}
.payment-notice-form form{margin-top:22px}.portal-form textarea,.payment-notice-form textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:14px;background:#080a10;color:#fff}.portal-payment-history>div{display:grid;grid-template-columns:1fr auto auto;gap:15px;padding:12px 0;border-top:1px solid var(--line)}.portal-payment-history em{color:var(--cyan);font-style:normal}.portal-timeline>div{position:relative;display:grid;grid-template-columns:9px 130px 1fr;gap:10px 13px;padding:15px 0;border-top:1px solid var(--line)}.portal-timeline i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(34,211,238,.5)}.portal-timeline span{color:var(--muted);font-size:.75rem}.portal-timeline p{grid-column:3;margin:0;color:var(--muted)}

.page-home .work-section {
    padding-bottom: clamp(54px, 5.5vw, 82px);
}

.page-home .process-section {
    padding-top: clamp(54px, 5.5vw, 82px);
}

.contact-page,
.legal-page {
    padding-top: calc(var(--header-h) + 72px);
}

.store-hero,
.product-detail__hero {
    padding-top: calc(var(--header-h) + 76px);
}

.auth-stage {
    padding-top: calc(var(--header-h) + 58px);
}

.customer-portal {
    padding-top: calc(var(--header-h) + 44px);
}

.device-desktop__screen > picture {
    height: auto;
}

.device-desktop__stand {
    z-index: 0;
    top: 99.2%;
    width: 18%;
    height: 9.5%;
    border: 0;
    border-radius: 0;
    background: linear-gradient(90deg, #101319, #626974 22%, #b2b7bf 49%, #4d535d 72%, #0a0c10);
    clip-path: polygon(32% 0, 68% 0, 74% 74%, 90% 88%, 100% 100%, 0 100%, 10% 88%, 26% 74%);
    filter: drop-shadow(0 10px 7px rgba(0, 0, 0, .72));
    transform: translateX(-50%) rotateX(-12deg);
    transform-origin: top;
}

.device-desktop__stand::after {
    top: 84%;
    left: 50%;
    width: 190%;
    height: 24%;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    background: linear-gradient(180deg, #777e88, #252a32 58%, #080a0e);
    box-shadow: 0 8px 14px rgba(0, 0, 0, .7);
    transform: translateX(-50%);
}

.device-browserbar {
    height: clamp(17px, 2.05vw, 30px);
    padding: 0 clamp(5px, .7vw, 10px);
    background: linear-gradient(180deg, #111318, #06070a);
    box-shadow: inset 0 -1px rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .82);
    font-size: clamp(6px, .72vw, 11px);
}

.device-browserbar__lights i {
    border: 1px solid rgba(0, 0, 0, .24);
    background: #ff5f57;
    box-shadow: 0 0 5px rgba(255, 95, 87, .28);
}

.device-browserbar__lights i:nth-child(2) {
    background: #febc2e;
    box-shadow: 0 0 5px rgba(254, 188, 46, .24);
}

.device-browserbar__lights i:nth-child(3) {
    background: #28c840;
    box-shadow: 0 0 5px rgba(40, 200, 64, .24);
}

.device-browserbar__address {
    width: max-content;
    max-width: 72%;
    height: 68%;
    padding: 0 clamp(6px, 1vw, 13px);
    border-color: rgba(255, 255, 255, .32);
    background: rgba(255, 255, 255, .035);
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
    color: rgba(255, 255, 255, .86);
}

.device-browserbar__address svg {
    width: .82em;
    min-width: .82em;
    stroke: #4ade80;
    filter: drop-shadow(0 0 3px rgba(74, 222, 128, .45));
}

.device-browserbar__menu {
    color: rgba(255, 255, 255, .72);
}

@media (max-width: 640px) {
    .section-pad {
        padding-block: 56px;
    }

    .page-hero {
        min-height: auto;
        padding-top: calc(var(--header-h) + 38px);
        padding-bottom: 48px;
    }

    .page-hero__meta {
        margin-bottom: 40px;
    }

    .service-hero {
        min-height: auto;
        padding: calc(var(--header-h) + 42px) 0 52px;
    }

    .service-hero__inner {
        min-height: auto;
    }

    main > section.section-pad + section.section-pad,
    .database-content + section.section-pad,
    .page-hero + .database-content,
    .service-hero + .database-content,
    .case-hero + .case-overview,
    .article-hero + .article-layout,
    .product-detail__hero + .section-pad,
    .store-hero + .store-grid-section {
        padding-top: 44px;
    }

    .contact-page,
    .legal-page,
    .store-hero,
    .product-detail__hero,
    .auth-stage,
    .customer-portal {
        padding-top: calc(var(--header-h) + 32px);
    }

    .page-home .work-section,
    .page-home .process-section {
        padding-block: 54px;
    }

    .device-browserbar__address {
        max-width: 68%;
    }

    .product-detail__body{grid-template-columns:1fr;gap:36px}.purchase-console{position:relative;top:auto}.purchase-console__head,.purchase-form{padding:22px 18px}.purchase-plan-picker{grid-template-columns:1fr}.purchase-plan-picker label>span{min-height:76px}.purchase-form__grid{grid-template-columns:1fr}.purchase-form__wide{grid-column:auto}.purchase-roadmap{margin-top:28px}.portal-order-detail>header{display:grid}.portal-brief dl,.invoice-parties,.invoice-totals{grid-template-columns:1fr}.portal-timeline>div{grid-template-columns:9px 1fr}.portal-timeline span{grid-column:2}.portal-timeline strong,.portal-timeline p{grid-column:2}.portal-payment-history>div{grid-template-columns:1fr}.portal-awaiting{align-items:flex-start}
}

@media print {
    body *{visibility:hidden!important}.portal-invoice,.portal-invoice *{visibility:visible!important}.portal-invoice{position:absolute;inset:20px;background:#fff!important;color:#111!important;border-color:#ddd!important;box-shadow:none!important}.portal-invoice .button,.site-header,.support-float{display:none!important}
}