/* Store refinement: compact discovery and clear purchase totals. */
.home-page{background:#f7f8fc}
.home-page .tm-hero{background:radial-gradient(ellipse at 78% 35%,#2943ad 0,#142562 48%,#0d173c 100%)}
.home-page .tm-hero-grid{min-height:440px}
.home-page .tm-hero-copy{padding:42px 0}
.home-page .tm-hero h1{font-size:clamp(34px,4.2vw,56px);line-height:1.1}
.home-page .tm-hero p{max-width:450px;font-size:15px}
.home-page .tm-section-head h2{font-size:clamp(22px,2.5vw,30px)}
.home-page .tm-categories{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-page .tm-category{min-height:98px;padding:16px;grid-template-columns:44px minmax(0,1fr) 12px;border-radius:16px;box-shadow:none}
.home-page .tm-category-icon{width:44px;height:44px;font-size:22px}
.home-page .tm-category strong{overflow-wrap:anywhere}
.home-page .tm-deals{background:#edf0fa;border-block:1px solid #e0e5f2}
.home-page .tm-section-head-light h2{color:#142044}
.home-page .tm-section-head-light p{color:#657087}
.home-page .tm-section-head-light span{color:#334db2}
.home-page .tm-carousel-actions button{background:white;border-color:#d5dcef;color:#243c93;width:42px;height:42px}
.home-page .tm-swipe-hint{display:none}
.home-page .tm-product-carousel{display:flex;grid-auto-flow:unset;grid-auto-columns:unset;width:100%;max-width:100%;gap:16px;padding:2px 0 10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none}
.home-page .tm-product-carousel::-webkit-scrollbar{display:none}
.home-page .tm-product-carousel>.tm-product-card{flex:0 0 220px;min-width:220px;max-width:220px;scroll-snap-align:start;scroll-snap-stop:always}
.home-page .tm-product-card{border-radius:18px;box-shadow:0 4px 12px #18245306;transition:box-shadow .2s,border-color .2s}
.home-page .tm-product-card:hover{border-color:#b5c2ec;box-shadow:0 8px 22px #18245312}
.home-page .tm-product-image{background:#fff}
.home-page .tm-product-body h3{color:#17213a;line-height:1.5;min-height:39px}
.home-page .tm-price strong{color:#142d7a;font-size:21px;overflow-wrap:anywhere}
.home-page .tm-mini-product{border-radius:16px}
.tax-note{color:#69758b;font-size:12px;line-height:1.6}
.purchase-page{max-width:1200px}
.purchase-page .checkout-grid{gap:24px;align-items:start}
.purchase-page .panel{border:1px solid #e0e5ef;border-radius:18px;box-shadow:0 6px 22px #14254c05;padding:24px;min-width:0}
.purchase-page .order-summary{background:#f8faff;border-top:3px solid #2848ab}
.purchase-page .order-summary>p:not(.tax-note){display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px;line-height:1.65;overflow-wrap:anywhere}
.purchase-page .order-summary>p>b{float:none!important;margin-left:auto;white-space:nowrap}
.purchase-page .order-summary>h3{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;line-height:1.5}
.purchase-page .vat-row{color:#2848ab}
.purchase-page .btn{border-radius:10px;min-height:44px}
.purchase-page .input,.purchase-page textarea,.purchase-page select{border-radius:10px}
.purchase-page .cart-table-wrap{border:1px solid #e0e5ef;border-radius:16px;background:white}
.purchase-page .order-summary .btn{background:#2343a5;color:white}
a:focus-visible,button:focus-visible{outline:3px solid #6f91f5;outline-offset:3px}
@media(max-width:900px){
 .home-page .tm-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-page .tm-hero-grid{min-height:0}
 .home-page .tm-hero-copy{padding:32px 0 4px}
 .home-page .tm-hero p{margin-inline:auto}
 .purchase-page .checkout-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 .home-page .tm-category{padding:12px;grid-template-columns:34px minmax(0,1fr);gap:4px 8px;min-height:86px}
 .home-page .tm-category-icon{width:34px;height:34px;font-size:18px}
 .home-page .tm-cat-arrow{display:none}
 .home-page .tm-category strong{font-size:11px;line-height:1.4}
 .home-page .tm-hero p{font-size:13px}
 .home-page .tm-section-head{gap:10px;flex-wrap:nowrap;align-items:flex-end}
 .home-page .tm-section-head>div:first-child{min-width:0;flex:1}
 .home-page .tm-section-head>a{white-space:nowrap}
 .home-page .tm-carousel-actions{display:flex;flex:0 0 auto;gap:6px}
 .home-page .tm-carousel-actions button{width:36px;height:36px;border-radius:10px;font-size:16px}
 .home-page .tm-swipe-hint{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:-5px 0 11px;padding:6px 10px;border:1px solid #d9e0f2;border-radius:999px;background:#fff;color:#4d5f91;font-size:11px;font-weight:700;line-height:1.2}
 .home-page .tm-swipe-hint i{font-size:13px;color:#2848ab}
 .home-page .tm-product-carousel{gap:12px;padding:2px 18px 13px 0;scroll-behavior:smooth;scroll-padding-inline:0}
 .home-page .tm-product-carousel>.tm-product-card{display:block;flex:0 0 78vw;min-width:78vw;max-width:78vw;height:auto;min-height:0;overflow:hidden}
 .home-page .tm-product-carousel .tm-product-image{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:218px;min-height:218px;flex:none;padding:14px;overflow:hidden;background:#fff;border-bottom:1px solid #eef1f6}
 .home-page .tm-product-carousel .tm-product-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;position:static}
 .home-page .tm-product-carousel .tm-product-body{position:relative;z-index:auto;display:flex;width:100%;min-height:158px;height:auto;clear:both;flex:none;flex-direction:column;padding:14px;background:#fff}
 .home-page .tm-product-carousel .tm-product-body h3{margin:6px 0 10px;min-height:38px;font-size:13px;line-height:1.45}
 .home-page .tm-product-carousel .tm-price strong{font-size:20px}
 .home-page .tm-hero-trust{font-size:10px}
 .purchase-page .panel{padding:18px}
 .purchase-page .order-summary h3{font-size:19px}
 .purchase-page .two{grid-template-columns:1fr}
}

@media(max-width:390px){
 .home-page .tm-product-carousel>.tm-product-card{flex-basis:82vw;min-width:82vw;max-width:82vw}
 .home-page .tm-product-carousel .tm-product-image{height:205px;min-height:205px}
}
@media(prefers-reduced-motion:reduce){.home-page *{scroll-behavior:auto!important;transition:none!important}}

/* Account page: independent layout prevents cart table/mobile grid rules leaking in. */
.account-page{max-width:1120px;padding-top:32px;padding-bottom:64px}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.account-heading>div{min-width:0}
.account-heading p{margin:0 0 8px;color:#778195;font-size:13px}
.account-heading h1{margin:0;font-size:clamp(24px,3vw,32px);line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.025em}
.account-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid #dfe5ef;border-radius:10px;background:#fff;color:#536078;font-size:13px;white-space:nowrap}
.account-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
.account-shortcuts>a{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #e0e6f0;border-radius:14px;background:#fff;min-width:0;transition:background .15s}
.account-shortcuts>a:hover{background:#f7f9ff}
.account-shortcuts .account-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#eff3ff;color:#2845a2;font-size:20px}
.account-shortcuts>a>span:nth-child(2){display:grid;gap:5px;min-width:0}
.account-shortcuts strong{font-size:14px;color:#17243d;overflow-wrap:anywhere}
.account-shortcuts small{font-size:12px;color:#778195}
.account-shortcuts>a>.fa{margin-left:auto;color:#98a2b3}
.account-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}
.account-panel{min-width:0;padding:26px;border:1px solid #e0e6f0;border-radius:18px;background:#fff;box-shadow:0 6px 24px #152d5804}
.account-panel-heading{margin-bottom:22px}
.account-page .account-panel-heading h2{margin:0;font-size:21px;line-height:1.35;color:#17243d;letter-spacing:-.02em}
.account-panel-heading p{margin:8px 0 0;font-size:13px;line-height:1.6;color:#778195}
.account-field{display:grid;gap:8px;margin-bottom:20px;min-width:0}
.account-field label{font-size:13px;font-weight:600;color:#34435c}
.account-field .input{display:block;width:100%;max-width:100%;min-width:0;min-height:48px;border:1px solid #dce3ed;border-radius:10px;font-size:16px;padding:12px 14px;color:#1b2940;background:#fff;line-height:1.4}
.account-field .input[readonly]{background:#f5f7fb;color:#64718a;opacity:1}
.account-field small{color:#7a8699;font-size:11px;line-height:1.5}
.account-field .input:focus{outline:2px solid #9bb0ec;outline-offset:1px}
.account-page .account-save{display:block;width:100%;min-height:48px;border-radius:10px;font-size:14px;font-weight:600;background:#182d7d;color:white;margin-top:6px}
.account-overview{background:#f8faff}
.account-overview dl{margin:0}
.account-overview dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #e4e9f3}
.account-overview dt{color:#64718a;font-size:14px}
.account-overview dd{margin:0;font-size:22px;font-weight:700;color:#1c3583}
.account-orders-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin-top:18px;color:#2845a2;font-size:14px;font-weight:600}
.account-orders{margin-top:24px;scroll-margin-top:24px}
.account-orders-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-orders-heading>span{font-size:12px;color:#778195;white-space:nowrap}
.account-order-list{display:grid;gap:14px}
.account-order{padding:20px;border:1px solid #e0e6f0;border-radius:12px;min-width:0}
.account-order-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.account-order h3{margin:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere;min-width:0}
.account-status{display:inline-block;background:#eef3ff;color:#314b92;padding:6px 10px;border-radius:8px;font-size:11px;line-height:1.5}
.account-order dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.account-order dt{font-size:11px;color:#778195;margin-bottom:6px}
.account-order dd{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.account-order .account-order-total{font-size:18px;font-weight:700;color:#1c3583}
.account-order-tax{margin:14px 0 0;padding-top:12px;border-top:1px solid #edf0f5;font-size:11px;color:#778195;line-height:1.6}
.account-empty{text-align:center;padding:22px 0}
.account-empty>.fa{font-size:30px;color:#8b9bc5}
.account-empty p{color:#778195;font-size:14px}
.account-empty .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
@media(max-width:760px){
 .section.container.account-page{padding-top:24px;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 .account-heading{align-items:flex-start;gap:12px;margin-bottom:20px;flex-wrap:wrap}
 .account-heading h1{font-size:24px}
 .account-logout{font-size:12px;padding:8px 12px}
 .account-shortcuts{grid-template-columns:1fr;gap:0;border:1px solid #e0e6f0;border-radius:14px;overflow:hidden;margin-bottom:20px}
 .account-shortcuts>a{border:0;border-radius:0;padding:14px 16px;min-height:76px}
 .account-shortcuts>a+a{border-top:1px solid #edf0f5}
 .account-shortcuts .account-icon{height:38px;width:38px;flex-basis:38px;font-size:18px}
 .account-content{grid-template-columns:minmax(0,1fr);gap:20px}
 .account-panel{padding:20px;border-radius:14px}
 .account-page .account-panel-heading h2{font-size:20px}
 .account-field{margin-bottom:20px}
 .account-orders{margin-top:20px}
 .account-order{padding:16px}
 .account-order-top{align-items:flex-start;gap:10px}
 .account-order dl{grid-template-columns:minmax(0,1fr);gap:14px}
}
@media(max-width:380px){.account-heading>div{flex-basis:100%}.account-heading h1{font-size:23px}}


/* 2026-09-12: mobil arama popup sabitleme / viewport kaymasini engelleme */
@media (max-width:900px){
  .tech-header .mobile-search-popup{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    overflow:hidden!important;
    z-index:10000!important;
  }
  .tech-header .mobile-search-backdrop{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
  }
  .tech-header .mobile-search-panel,
  .tech-header .mobile-search-popup.open .mobile-search-panel{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:calc(16px + env(safe-area-inset-top)) 16px 20px!important;
    box-sizing:border-box!important;
    border-radius:0 0 18px 18px!important;
    transform:none!important;
    max-height:calc(100dvh - 8px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .tech-header .mobile-search-form,
  .tech-header .mobile-search-input-wrap,
  .tech-header .mobile-search-form select,
  .tech-header .mobile-search-submit{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .tech-header .mobile-search-input-wrap input,
  .tech-header .mobile-search-form select{
    font-size:16px!important;
  }
  body.mobile-search-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
}