/* =========================================================================
   Albüm Beta — Ana sayfa dışındaki sayfalar için ek stiller
   -------------------------------------------------------------------------
   style.css'e DOKUNULMAZ. Bu dosya yalnızca ihtiyaç duyan sayfalarda yüklenir
   ve renk/tipografi için style.css içindeki :root değişkenlerini kullanır.
   ========================================================================= */

/* ------------------------------------------------------------ hata sayfaları */
.errorpage{
  max-width:640px;margin:0 auto;text-align:center;
  padding:32px 0 12px;
}
.errorpage__code{
  font-family:var(--ff-head);
  font-size:clamp(4.5rem,14vw,8rem);
  line-height:1;letter-spacing:-.04em;
  color:var(--color-accent-soft);
  margin:10px 0 2px;
}
.errorpage .section__title{margin-bottom:12px}
.errorpage .section__sub{margin-left:auto;margin-right:auto}
.errorpage__cta{
  display:flex;flex-wrap:wrap;gap:14px;justify-content:center;
  margin-top:30px;
}
.errorpage__meta{
  margin-top:26px;padding-top:22px;
  border-top:1px solid var(--color-border-light);
  font-size:.86rem;color:var(--color-text-muted);
}

@media (max-width:420px){
  .errorpage__cta .btn{width:100%}
}

/* ------------------------------------------------------------ form öğeleri */
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field__label{font-size:.86rem;font-weight:600;color:var(--color-text-primary)}
.field__label .req{color:var(--color-danger)}
.field__control{
  width:100%;padding:13px 16px;
  font:inherit;font-size:.94rem;color:var(--color-text-primary);
  background:var(--color-surface);
  border:1px solid var(--color-border);border-radius:var(--r-sm);
  outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.field__control::placeholder{color:var(--color-text-muted)}
.field__control:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}
.field__control:disabled{background:var(--color-gray-soft);color:var(--color-text-muted)}
.field__control--error{border-color:var(--color-danger)}
select.field__control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:42px}
textarea.field__control{min-height:110px;resize:vertical;line-height:1.6}
.field__hint{font-size:.78rem;color:var(--color-text-muted)}
.field__error{font-size:.8rem;color:var(--color-danger)}

.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.form-grid--single{grid-template-columns:1fr}
.form-grid .col-span-2{grid-column:1/-1}
.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}

.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.55;color:var(--color-text-secondary);cursor:pointer}
.checkbox input{margin-top:3px;width:17px;height:17px;flex:none;accent-color:var(--color-accent);cursor:pointer}
.checkbox a{color:var(--color-accent);text-decoration:underline}

/* ------------------------------------------------------------------ uyarılar */
.alert{
  display:flex;gap:12px;align-items:flex-start;
  padding:14px 18px;border-radius:var(--r-sm);
  font-size:.9rem;line-height:1.55;margin-bottom:22px;
  border:1px solid var(--color-border);background:var(--color-accent-soft);color:var(--color-text-primary);
}
.alert--error{background:#fdf2f2;border-color:#f0d7d7;color:#8c2f2f}
.alert ul{margin:0;padding-left:0;list-style:none;display:grid;gap:4px}

/* --------------------------------------------------------------- üyelik sayfaları */
.authpage{display:flex;justify-content:center}
.authcard{
  width:100%;max-width:520px;
  background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--r-lg);box-shadow:var(--shadow-soft);
  padding:38px 38px 34px;
}
.authcard__head{text-align:center;margin-bottom:28px}
.authcard__head h1{font-size:clamp(1.5rem,3vw,1.9rem);margin:10px 0 8px}
.authcard__head p{color:var(--color-text-secondary);font-size:.94rem}
.authcard__foot{
  margin-top:26px;padding-top:22px;border-top:1px solid var(--color-border-light);
  text-align:center;font-size:.9rem;color:var(--color-text-secondary);
}
.authcard__foot a{color:var(--color-accent);font-weight:600}
.authcard .btn{width:100%}
.auth-links{display:flex;justify-content:flex-end;margin-top:-4px}
.auth-links a{font-size:.85rem;color:var(--color-text-secondary)}
.auth-links a:hover{color:var(--color-accent)}

/* ------------------------------------------------------------------ hesabım */
.account{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start}
.account__nav{
  background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-soft);
  position:sticky;top:calc(var(--header-h) + 16px);
}
.account__user{padding:14px 14px 16px;border-bottom:1px solid var(--color-border-light);margin-bottom:10px}
.account__user strong{display:block;font-size:.98rem}
.account__user small{display:block;font-size:.82rem;color:var(--color-text-muted);margin-top:2px;word-break:break-all}
.account__nav ul{display:grid;gap:2px}
.account__nav a,.account__nav button{
  display:flex;align-items:center;gap:11px;width:100%;
  padding:11px 14px;border-radius:var(--r-sm);
  font-size:.92rem;color:var(--color-text-secondary);text-align:left;
  transition:background-color .2s var(--ease),color .2s var(--ease);
}
.account__nav a:hover,.account__nav button:hover{background:var(--color-gray-soft);color:var(--color-text-primary)}
.account__nav a.is-active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}
.account__nav svg{width:18px;height:18px;flex:none}

.panel{
  background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:30px 30px 32px;
}
.panel + .panel{margin-top:22px}
.panel__head{margin-bottom:24px}
.panel__head h2{font-size:1.22rem;margin-bottom:6px}
.panel__head p{font-size:.9rem;color:var(--color-text-secondary)}
.panel__head--row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}

.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.summary{
  background:var(--color-ice);border:1px solid var(--color-border-light);
  border-radius:var(--r-md);padding:20px;
}
.summary strong{display:block;font-family:var(--ff-head);font-size:1.5rem;color:var(--color-accent);line-height:1.2}
.summary span{display:block;font-size:.85rem;color:var(--color-text-secondary);margin-top:4px}
.summary p{font-size:.88rem;color:var(--color-text-secondary);line-height:1.55}

/* ------------------------------------------------------------------ adresler */
.addresslist{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.addresscard{
  border:1px solid var(--color-border);border-radius:var(--r-md);
  padding:22px;display:flex;flex-direction:column;gap:10px;background:var(--color-surface);
}
.addresscard__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.addresscard__top h3{font-size:1.02rem}
.addresscard__body{font-size:.88rem;color:var(--color-text-secondary);line-height:1.6}
.addresscard__body b{color:var(--color-text-primary);font-weight:600}
.addresscard__actions{display:flex;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--color-border-light)}
.badge-soft{
  display:inline-block;padding:4px 10px;border-radius:var(--r-pill);
  background:var(--color-accent-soft);color:var(--color-accent);
  font-size:.7rem;font-weight:700;letter-spacing:.04em;
}
.badge-soft--muted{background:var(--color-gray-soft);color:var(--color-text-secondary)}
.linkbtn{font-size:.86rem;font-weight:600;color:var(--color-accent)}
.linkbtn:hover{text-decoration:underline}
.linkbtn--danger{color:var(--color-danger)}

.emptybox{
  text-align:center;padding:44px 24px;
  border:1px dashed var(--color-border);border-radius:var(--r-md);
  background:var(--color-gray-soft);
}
.emptybox p{color:var(--color-text-secondary);font-size:.92rem;margin-bottom:18px}

/* ----------------------------------------------------------------- responsive */
@media (max-width:1024px){
  .account{grid-template-columns:1fr}
  .account__nav{position:static}
  .account__nav ul{grid-template-columns:repeat(2,1fr);display:grid}
  .summary-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:760px){
  .authcard{padding:28px 22px 26px;border-radius:var(--r-md)}
  .form-grid{grid-template-columns:1fr;gap:16px}
  .panel{padding:24px 20px 26px;border-radius:var(--r-md)}
  .addresslist{grid-template-columns:1fr}
  .summary-grid{grid-template-columns:1fr}
  .account__nav ul{grid-template-columns:1fr}
  .form-actions .btn{width:100%}
}

/* Mobil menüdeki hesap bağlantısı (yalnızca menü açıkken görünür) */
.mainnav__account{margin-top:10px}

/* =========================================================================
   YÖNETİM PANELİ
   Müşteri arayüzüyle aynı renk sistemini kullanır; yalnızca yerleşim farklıdır.
   ========================================================================= */
.adminbar{background:var(--color-text-primary);color:#fff}
.adminbar__inner{display:flex;align-items:center;gap:18px;min-height:60px}
.adminbar__brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1rem;color:#fff}
.adminbar__brand small{
  font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  padding:3px 8px;border-radius:var(--r-pill);background:rgba(255,255,255,.14);
}
.adminbar__right{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:.88rem}
.adminbar__right a,.adminbar__right button{color:rgba(255,255,255,.82);transition:color .2s var(--ease)}
.adminbar__right a:hover,.adminbar__right button:hover{color:#fff}

.adminlayout{display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:start;padding:26px 0 60px}
.adminnav{
  background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--r-md);padding:12px;box-shadow:var(--shadow-soft);position:sticky;top:16px;
}
.adminnav__title{
  font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--color-text-muted);padding:8px 12px 6px;
}
.adminnav ul{display:grid;gap:2px}
.adminnav a{
  display:block;padding:10px 12px;border-radius:var(--r-sm);
  font-size:.9rem;color:var(--color-text-secondary);
  transition:background-color .2s var(--ease),color .2s var(--ease);
}
.adminnav a:hover{background:var(--color-gray-soft);color:var(--color-text-primary)}
.adminnav a.is-active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}

.adminhead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.adminhead h1{font-size:1.5rem;margin-bottom:4px}
.adminhead p{font-size:.9rem;color:var(--color-text-secondary)}

.datatable{width:100%;border-collapse:collapse;font-size:.9rem}
.datatable th{
  text-align:left;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--color-text-muted);font-weight:700;
  padding:10px 12px;border-bottom:1px solid var(--color-border);white-space:nowrap;
}
.datatable td{padding:12px;border-bottom:1px solid var(--color-border-light);vertical-align:middle}
.datatable tr:last-child td{border-bottom:0}
.datatable tbody tr:hover{background:var(--color-gray-soft)}
.datatable__name{font-weight:600;color:var(--color-text-primary)}
.datatable__sub{display:block;font-size:.78rem;color:var(--color-text-muted);margin-top:2px}
.datatable__actions{display:flex;gap:12px;justify-content:flex-end;white-space:nowrap}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

.pill-state{
  display:inline-block;padding:3px 10px;border-radius:var(--r-pill);
  font-size:.72rem;font-weight:700;
  background:var(--color-gray-soft);color:var(--color-text-secondary);
}
.pill-state--on{background:#e8f3ec;color:#2f6b52}
.pill-state--off{background:#f6eaea;color:#8c2f2f}
.tree-indent{display:inline-block;color:var(--color-text-muted)}

.fieldset{border:1px solid var(--color-border-light);border-radius:var(--r-md);padding:22px;margin-bottom:20px}
.fieldset > legend{
  padding:0 8px;font-size:.82rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);
}

@media (max-width:1024px){
  .adminlayout{grid-template-columns:1fr}
  .adminnav{position:static}
  .adminnav ul{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .adminnav ul{grid-template-columns:1fr}
  .adminhead .btn{width:100%}
}

/* ------------------------------------------------------------ ürün detayı */
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.84rem;color:var(--color-text-muted);margin-bottom:26px}
.breadcrumb a{color:var(--color-text-secondary)}
.breadcrumb a:hover{color:var(--color-accent)}
.breadcrumb .is-current{color:var(--color-text-primary);font-weight:600}

.productpage{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-bottom:44px}

.productgallery__main{
  border:1px solid var(--color-border);border-radius:var(--r-lg);overflow:hidden;
  background:var(--color-gray-soft);
}
.productgallery__main img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.productgallery__thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.gthumb{
  width:76px;height:76px;padding:0;overflow:hidden;
  border:1px solid var(--color-border);border-radius:var(--r-sm);
  background:var(--color-gray-soft);transition:border-color .2s var(--ease)
}
.gthumb img{width:100%;height:100%;object-fit:cover}
.gthumb.is-active,.gthumb:hover{border-color:var(--color-accent)}

.productinfo__title{font-size:clamp(1.6rem,3vw,2.1rem);margin:8px 0 12px}
.productinfo__lead{color:var(--color-text-secondary);font-size:.98rem;margin:14px 0}
.productinfo__price{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.productinfo__price .price__new{font-size:1.8rem}
.productinfo__price .tag{position:static}
.productinfo__tax{font-size:.82rem;color:var(--color-text-muted);margin-top:4px}
.productinfo__note{font-size:.84rem;color:var(--color-text-muted);margin-top:12px}

.productmeta{display:grid;gap:10px;margin:24px 0;padding:20px;background:var(--color-ice);border-radius:var(--r-md)}
.productmeta li{display:flex;justify-content:space-between;gap:16px;font-size:.9rem}
.productmeta span{color:var(--color-text-secondary)}
.productmeta strong{color:var(--color-text-primary);text-align:right}
.productmeta .is-instock{color:var(--color-success)}
.productmeta .is-outstock{color:var(--color-danger)}

.productactions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.qtybox{width:96px;flex:none}
.qtybox .field__control{text-align:center;padding:15px 8px}

.tabs{border:1px solid var(--color-border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:48px;background:var(--color-surface)}
.tabs__nav{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--color-border);background:var(--color-gray-soft)}
.tabs__btn{
  padding:15px 24px;font-size:.92rem;font-weight:600;color:var(--color-text-secondary);
  border-bottom:2px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease);
}
.tabs__btn:hover{color:var(--color-text-primary)}
.tabs__btn.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent);background:var(--color-surface)}
.tabs__panel{display:none;padding:28px;font-size:.94rem;color:var(--color-text-secondary);line-height:1.75}
.tabs__panel.is-active{display:block}
.tabs__note{color:var(--color-text-muted);font-size:.9rem;margin-top:10px}
.ticklist{display:grid;gap:10px}
.ticklist li{position:relative;padding-left:26px}
.ticklist li::before{
  content:"";position:absolute;left:0;top:.45em;width:15px;height:15px;border-radius:50%;
  background:var(--color-accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f3a5f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/9px no-repeat;
}

.relatedblock{margin-top:8px}

@media (max-width:900px){
  .productpage{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  .tabs__btn{padding:13px 16px;font-size:.86rem}
  .tabs__panel{padding:20px}
  .productactions .btn{width:100%}
  .qtybox{width:100%}
}

/* Çoklu seçim listesi (kategori/koleksiyon) */
.checklist{
  display:grid;gap:8px;max-height:230px;overflow-y:auto;
  padding:14px;border:1px solid var(--color-border);border-radius:var(--r-sm);
  background:var(--color-surface);
}

/* =========================================================================
   MAĞAZA SAYFALARI
   Renk, yuvarlaklık ve gölge değerleri style.css :root değişkenlerinden gelir.
   ========================================================================= */

.is-hidden{display:none !important}

/* ------------------------------------------------------------ sayfalama */
.pager{margin-top:32px}
.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pagination__item{
  min-width:40px;padding:9px 14px;text-align:center;
  border:1px solid var(--color-border);border-radius:var(--r-sm);
  font-size:.9rem;color:var(--color-text-secondary);background:var(--color-surface);
  transition:border-color .2s var(--ease),color .2s var(--ease);
}
.pagination__item:hover{border-color:var(--color-accent);color:var(--color-accent)}
.pagination__item.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600}
.pagination__item.is-disabled{opacity:.45;pointer-events:none}

/* -------------------------------------------------------- ürün listeleme */
.catalog{display:grid;grid-template-columns:262px 1fr;gap:30px;align-items:start}
.catalog__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.catalog__bar p{font-size:.9rem;color:var(--color-text-secondary)}
.catalog__sort{min-width:230px}
.filterbox{
  background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-soft);
  position:sticky;top:calc(var(--header-h) + 16px);display:grid;gap:18px;
}
.filterbox__group{display:grid;gap:8px}
.filterbox__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.filterlist{display:grid;gap:4px;max-height:230px;overflow:auto}
.filterlist a{
  display:block;padding:7px 10px;border-radius:var(--r-sm);
  font-size:.88rem;color:var(--color-text-secondary);
}
.filterlist a:hover{background:var(--color-gray-soft);color:var(--color-text-primary)}
.filterlist a.is-active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}

/* ------------------------------------------------------- ürün seçenekleri */
.optiongroup{margin:20px 0}
.optiongroup__label{display:block;font-size:.88rem;font-weight:600;margin-bottom:10px}
.optiongroup__label .req{color:var(--color-danger)}
.optiongroup__values{display:flex;flex-wrap:wrap;gap:10px}
.optionchip{position:relative;cursor:pointer}
.optionchip input{position:absolute;opacity:0;width:0;height:0}
.optionchip span{
  display:inline-flex;flex-direction:column;gap:2px;
  padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--r-sm);
  font-size:.9rem;background:var(--color-surface);
  transition:border-color .2s var(--ease),background-color .2s var(--ease);
}
.optionchip span small{font-size:.74rem;color:var(--color-text-muted)}
.optionchip:hover span{border-color:var(--color-accent)}
.optionchip input:checked + span{border-color:var(--color-accent);background:var(--color-accent-soft);font-weight:600}
.optionchip input:focus-visible + span{outline:2px solid var(--color-accent);outline-offset:2px}
.optionchip.is-disabled{opacity:.42;pointer-events:none}

.productinfo__error{margin-top:12px;font-size:.86rem;color:var(--color-danger)}

/* ------------------------------------------------------ kişiselleştirme */
.personalize{
  margin:24px 0;padding:22px;border:1px dashed var(--color-border);
  border-radius:var(--r-md);background:var(--color-gray-soft);
}
.personalize__title{font-size:1.05rem;margin-bottom:8px}
.personalize__hint{font-size:.84rem;color:var(--color-text-secondary);margin-bottom:14px}
.uploadbox{display:grid;gap:12px}
.uploadbox__progress{display:grid;gap:6px}
.uploadbox__bar{height:6px;border-radius:var(--r-pill);background:var(--color-border);overflow:hidden}
.uploadbox__bar span{display:block;height:100%;width:0;background:var(--color-accent);transition:width .2s var(--ease)}
.uploadlist{display:grid;gap:10px}
.uploadlist__item{
  display:flex;align-items:center;gap:12px;font-size:.86rem;
  background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--r-sm);padding:8px 12px;
}
.uploadlist__item img{width:44px;height:44px;object-fit:cover;border-radius:var(--r-xs);flex:none}
.uploadlist__item span{flex:1;word-break:break-all}

/* ---------------------------------------------------------------- sepet */
.cartlayout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
.cartitems{display:grid;gap:16px}
.cartitem{
  display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:start;
  background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--r-md);padding:18px;
}
.cartitem.is-blocked{border-color:#f0d7d7;background:#fdf7f7}
.cartitem__media img{width:120px;height:120px;object-fit:cover;border-radius:var(--r-sm)}
.cartitem__name{font-size:1.02rem;margin-bottom:6px}
.cartitem__options{display:grid;gap:3px;font-size:.84rem;color:var(--color-text-secondary)}
.cartitem__note{font-size:.82rem;color:var(--color-text-muted);margin-top:6px}
.cartitem__warn{font-size:.82rem;color:#8c2f2f;margin-top:6px}
.cartitem__actions{display:grid;gap:10px;justify-items:end;text-align:right}
.cartitem__qty{display:flex;gap:8px;align-items:center}
.cartitem__qty .field__control{width:84px;text-align:center;padding:9px 6px}
.cartitem__price strong{display:block;font-size:1.06rem}
.cartitem__price small{display:block;font-size:.78rem;color:var(--color-text-muted)}

.cartsummary .panel{position:sticky;top:calc(var(--header-h) + 16px)}
.cartsummary__note{font-size:.82rem;color:var(--color-text-muted);margin-top:10px}
.totals{display:grid;gap:10px;margin:18px 0}
.totals li{display:flex;justify-content:space-between;gap:16px;font-size:.92rem}
.totals--muted{color:var(--color-text-muted);font-size:.84rem}
.totals--discount{color:var(--color-success)}
.totals--grand{
  padding-top:12px;border-top:1px solid var(--color-border);
  font-size:1.08rem;font-weight:700;
}
.couponform{margin:18px 0;display:grid;gap:8px}
.couponform__row{display:flex;gap:10px}
.couponform__row .field__control{flex:1}

/* --------------------------------------------------------------- ödeme */
.checkout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
.checkout__main{display:grid;gap:22px}
.checkout .panel{border:1px solid var(--color-border)}
.checkout fieldset.panel{margin:0}
.checkout legend.panel__head{padding:0;margin-bottom:20px}
.checkout__summary .panel{position:sticky;top:calc(var(--header-h) + 16px)}

.choice{
  display:flex;align-items:center;gap:14px;cursor:pointer;
  border:1px solid var(--color-border);border-radius:var(--r-sm);
  padding:14px 16px;margin-bottom:10px;background:var(--color-surface);
  transition:border-color .2s var(--ease),background-color .2s var(--ease);
}
.choice:hover{border-color:var(--color-accent)}
.choice input{accent-color:var(--color-accent);width:17px;height:17px;flex:none}
.choice:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft)}
.choice__body{display:grid;gap:2px;flex:1}
.choice__body small{font-size:.8rem;color:var(--color-text-secondary)}
.choice__price{font-weight:700;font-size:.95rem}

.ordersummary{display:grid;gap:14px;margin-bottom:18px}
.ordersummary li{display:flex;gap:12px;align-items:flex-start;font-size:.88rem}
.ordersummary img{width:56px;height:56px;object-fit:cover;border-radius:var(--r-xs);flex:none}
.ordersummary div{flex:1;display:grid;gap:2px}
.ordersummary small{display:block;font-size:.78rem;color:var(--color-text-muted)}
.ordersummary span{font-weight:600;white-space:nowrap}

.successbox{text-align:center;max-width:620px;margin:0 auto 34px}
.successbox__icon{
  display:inline-flex;width:64px;height:64px;padding:16px;margin-bottom:14px;
  border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);
}

/* ------------------------------------------------------------- yorumlar */
.reviewlist{display:grid;gap:20px;margin-bottom:26px}
.reviewitem{border-bottom:1px solid var(--color-border-light);padding-bottom:18px}
.reviewitem__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.reviewitem__head small{color:var(--color-text-muted);font-size:.8rem}
.reviewitem__title{font-weight:600;margin-bottom:4px}
.reviewform{border-top:1px solid var(--color-border);padding-top:22px}
.reviewform h3{font-size:1.05rem;margin-bottom:16px}

/* ----------------------------------------------------- sipariş geçmişi */
.timeline{display:grid;gap:14px}
.timeline li{
  position:relative;padding-left:22px;font-size:.9rem;
}
.timeline li::before{
  content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;border-radius:50%;
  background:var(--color-accent);
}
.timeline small{display:block;color:var(--color-text-muted);font-size:.8rem}
.timeline p{color:var(--color-text-secondary);font-size:.86rem;margin-top:2px}

/* ------------------------------------------------------- statik sayfalar */
.prose{line-height:1.8;color:var(--color-text-secondary)}
.prose h2{font-size:1.35rem;margin:26px 0 10px;color:var(--color-text-primary)}
.prose h3{font-size:1.1rem;margin:20px 0 8px;color:var(--color-text-primary)}
.prose p{margin-bottom:14px}
.prose ul,.prose ol{margin:0 0 16px 20px;list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin-bottom:6px}
.prose a{color:var(--color-accent);text-decoration:underline}
.prose table{width:100%;border-collapse:collapse;margin-bottom:18px}
.prose th,.prose td{border:1px solid var(--color-border);padding:10px;text-align:left}

.contactlayout{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start}
.contact-list--page li{margin-bottom:14px}

/* -------------------------------------------------------- vesikalık stüdyo */
.studio{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}
.studio__canvaswrap{position:relative;display:inline-block;background:var(--color-gray-soft);border-radius:var(--r-md);overflow:hidden}
.studio__canvaswrap canvas{display:block;touch-action:none;cursor:grab}
.studio__guides{position:absolute;inset:0;pointer-events:none}
.studio__head{
  position:absolute;left:22%;right:22%;top:12%;height:70%;
  border:2px dashed rgba(31,58,95,.55);border-radius:50% 50% 46% 46%;
}
.studio__eye{position:absolute;left:8%;right:8%;top:42%;border-top:1px dashed rgba(31,58,95,.4)}
.studio__hint{font-size:.84rem;color:var(--color-text-muted);margin:12px 0}
.studio__controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.studio__controls .field{flex:1;min-width:200px}
.studio__controls input[type=range]{width:100%;accent-color:var(--color-accent)}
.studio__sizes{display:grid;gap:10px}
.studio__result{width:100%;max-width:240px;border:1px solid var(--color-border);border-radius:var(--r-sm);margin:14px 0}

/* -------------------------------------------------------- yönetim ekleri */
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.adminsplit{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.medialist{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.mediaitem{
  border:1px solid var(--color-border);border-radius:var(--r-sm);overflow:hidden;
  background:var(--color-surface);margin:0;
}
.mediaitem img{width:100%;height:120px;object-fit:cover;background:var(--color-gray-soft)}
.mediaitem figcaption{padding:10px;display:grid;gap:6px;font-size:.74rem;word-break:break-all}
.rowform{padding:18px 0;border-top:1px solid var(--color-border-light)}
.rowform__sep{border:0;border-top:1px solid var(--color-border-light);margin:18px 0}
.checklist--wide{max-height:280px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}

/* -------------------------------------------------------------- yazdırma */
.printpage{padding:26px 0}
.printhead{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.printhead h1{font-size:1.4rem;margin-bottom:6px}
.printhead p{font-size:.85rem;color:var(--color-text-secondary)}
.printhead__meta{text-align:right}
.printgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.printgrid h2{font-size:1rem;margin-bottom:6px}
.printgrid p{font-size:.86rem;color:var(--color-text-secondary);line-height:1.7}
.totals--print{max-width:340px;margin-left:auto}
.printnote{font-size:.78rem;color:var(--color-text-muted);margin:20px 0}
@media print{
  .no-print{display:none !important}
  body{background:#fff}
}

/* ----------------------------------------------------------- responsive */
@media (max-width:1180px){
  .statgrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .catalog{grid-template-columns:1fr}
  .filterbox{position:static}
  .cartlayout,.checkout,.contactlayout,.studio,.adminsplit{grid-template-columns:1fr}
  .cartsummary .panel,.checkout__summary .panel{position:static}
}
@media (max-width:760px){
  .cartitem{grid-template-columns:88px 1fr}
  .cartitem__media img{width:88px;height:88px}
  .cartitem__actions{grid-column:1/-1;justify-items:stretch;text-align:left;
    display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .studio__controls .field{min-width:100%}
  .printgrid{grid-template-columns:1fr}
  .statgrid{grid-template-columns:1fr}
  .filterbox__row{grid-template-columns:1fr}
}

/* =========================================================================
   KURULUM SİHİRBAZI
   Mağaza tasarımının renk ve tipografisini kullanır; ayrı bir tema yoktur.
   ========================================================================= */
.setup{background:var(--color-gray-soft);min-height:100vh}
.setup__head{background:var(--color-surface);border-bottom:1px solid var(--color-border)}
.setup__headinner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px}
.setup__main{padding:34px 0 60px;max-width:900px}
.setup__foot{text-align:center;font-size:.82rem;color:var(--color-text-muted);margin-top:22px}

.setupsteps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;counter-reset:step}
.setupsteps li{
  display:flex;align-items:center;gap:8px;flex:1;min-width:130px;
  padding:10px 14px;border-radius:var(--r-sm);
  background:var(--color-surface);border:1px solid var(--color-border);
  font-size:.84rem;color:var(--color-text-muted);
}
.setupsteps li.is-active{border-color:var(--color-accent);color:var(--color-accent);font-weight:600}
.setupsteps li.is-done{color:var(--color-success);border-color:#cfe4d8}
.setupsteps__num{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;flex:none;border-radius:50%;
  background:var(--color-gray-soft);font-size:.78rem;font-weight:700;
}
.setupsteps li.is-active .setupsteps__num{background:var(--color-accent);color:#fff}
.setupsteps li.is-done .setupsteps__num{background:#e8f3ec;color:var(--color-success)}

.setupcard{
  background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:34px;
}
.setupcard__head{margin-bottom:26px}
.setupcard__head h1{font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:8px}
.setupcard__head p{color:var(--color-text-secondary);font-size:.94rem;line-height:1.6}

.checkgroup{margin-bottom:24px}
.checkgroup h2{font-size:1rem;margin-bottom:10px}
.checklist-report{display:grid;gap:8px}
.checklist-report li{
  display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:center;
  padding:11px 14px;border-radius:var(--r-sm);
  border:1px solid var(--color-border-light);background:var(--color-surface);
  font-size:.9rem;
}
.checklist-report li span{font-weight:600}
.checklist-report li strong{font-size:.85rem;white-space:nowrap}
.checklist-report li small{grid-column:1/-1;font-size:.78rem;color:var(--color-text-muted);word-break:break-all}
.checklist-report li.is-ok{background:#f4faf6;border-color:#dbeee3}
.checklist-report li.is-ok strong{color:var(--color-success)}
.checklist-report li.is-fail{background:#fdf4f4;border-color:#f0d7d7}
.checklist-report li.is-fail strong{color:#8c2f2f}
.checklist-report li.is-warn strong{color:var(--color-text-muted)}

.setuptasks{margin:22px 0}
.summary-grid--two{grid-template-columns:repeat(3,1fr);margin-bottom:20px}
.setupcard code{
  font-size:.82rem;background:var(--color-gray-soft);
  padding:2px 6px;border-radius:var(--r-xs);word-break:break-all;
}

@media (max-width:760px){
  .setupcard{padding:24px 20px}
  .setupsteps li{min-width:100%}
  .summary-grid--two{grid-template-columns:1fr}
  .setup__headinner{min-height:64px}
}