/*
 * Pera Craft | Mobil Arayüz Düzeltmeleri 2.1.0
 * Son yüklenen stil dosyasıdır; böylece eski vitrin stilleriyle çakışmaz.
 * iOS Safari ve Android Chrome için deterministik SVG simgeleri, güvenli
 * genişlikler, dokunma hedefleri ve otomatik metin büyütme kontrolü.
 */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overflow-x:clip;
}
body{overflow-x:clip;min-width:280px}
@supports not (overflow:clip){html,body{overflow-x:hidden}}
img,svg{max-width:100%}
svg{vertical-align:middle}
.container,.pc6-wide,.pc7-pin,.pc6,.pc7-story,.site-header,.shop-section{min-width:0}
/* Dış kaynaklı emoji/glif yerine açık viewBox'lu vektörler. */
.announcement-star{display:block;width:13px;height:13px;flex:none;margin-right:12px;stroke-width:8;stroke:#1d2a19}
.brand-star{display:block;position:absolute;right:-2px;top:-6px;width:15px;height:15px;max-width:none;stroke:var(--orange);stroke-width:8}
.home-page .brand-star{stroke:#eeed79}
.cart-link .bag-icon{display:block;flex:0 0 21px;width:21px;height:21px;max-width:none}
.cart-link .cart-count{flex:0 0 auto}
.nav-actions{flex-shrink:0}
.mobile-menu-toggle{flex-shrink:0}
.mobile-menu-toggle span{display:block;flex-shrink:0}
/* Banner yıldızı dekoratiftir; font glyph gibi yeniden ölçeklenmemeli. */
.page-banner .banner-asterisk{width:clamp(118px,24vw,290px);height:auto;aspect-ratio:1;max-width:none;color:#bacdb7;font-size:0;pointer-events:none;z-index:0;stroke-width:3.5}
.page-banner .container>:not(.banner-asterisk){position:relative;z-index:1}
.search-box button{display:grid;place-items:center;flex:0 0 44px;line-height:1;padding:0}
.search-box .search-icon{display:block;width:19px;height:19px;flex:none;max-width:none}
.product-card .image-corner{display:grid;place-items:center;width:28px;height:28px;font-size:0;line-height:1}
.image-corner .product-arrow{display:block;width:22px;height:22px;max-width:none}
.product-card img{max-width:100%}
.product-card-row,.product-card-row a{min-width:0}
.product-card-row h3{overflow-wrap:break-word}
.story-hero .story-giant-star{width:clamp(150px,45vw,490px);height:auto;aspect-ratio:1;max-width:none;stroke-width:3.5}
.bottom-cta .cta-star{width:clamp(125px,45vw,320px);height:auto;aspect-ratio:1;max-width:none}
.intro-body .mini-star{display:block;width:34px;height:34px;color:var(--orange)}
.feature-strip .feature-symbol{display:block;width:42px;height:42px;color:var(--orange);max-width:none}
.feature-strip .feature-orbit{stroke-width:3.5}
.detail-note .detail-note-icon{display:block;flex:0 0 22px;width:22px;height:22px;color:var(--orange);stroke-width:8}
.empty-state .empty-icon{display:block;width:68px;height:68px;color:var(--orange);margin-inline:auto;stroke-width:4}
.site-footer .footer-round{flex:0 0 auto;font-size:0}
.site-footer .footer-round .footer-arrow{display:block;width:32px;height:32px;max-width:none}
/* Üretim manifestosu ve PayTR ikonları yazı tipinden bağımsızdır. */
.pc6-manifesto h2 .pc6-manifesto-icon{display:inline-block;width:.30em;height:.30em;vertical-align:top;margin:.08em 0 0 .17em;max-width:none;stroke-width:7}
.payment-security .security-lock-icon{display:inline-block;width:18px;height:18px;vertical-align:-4px;max-width:none}
.info-panel .warning-star-icon{display:block;width:34px;height:34px;margin:0 0 14px;color:#ec8856;max-width:none}
.summary-line{min-width:0}
.summary-line>*{min-width:0;overflow-wrap:anywhere}
/* Ana sayfa eski CSS, ok ikonunu ::after ile basıyordu; SVG tek kaynak. */
body.home-page .site-footer .footer-round::after{content:none!important}
.btn span,.text-arrow span,.nav-shop span,.hero-link span,.card-add-form button span{font-family:Arial,Helvetica,sans-serif;font-size:1em;line-height:1}
/* Kısa ekranlarda başlık/filtre ile ürüne erişimi engelleyen yatay taşma önlenir. */
@media(max-width:780px){
  .announcement{padding-inline:12px;gap:0;white-space:normal;text-align:center;line-height:1.25}
  .announcement-star{margin-right:9px;width:11px;height:11px}
  .site-header{padding-inline:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));gap:10px}
  .brand{gap:9px;min-width:0}
  .brand-glyph{font-size:30px;flex:0 0 auto}
  .brand-star{width:12px;height:12px;right:-1px;top:-4px}
  .brand-name{font-size:14px}
  .nav-actions{gap:6px}
  .cart-link{gap:3px;padding:0 3px}
  .cart-link .bag-icon{width:20px;height:20px;flex-basis:20px}
  .cart-count{min-width:21px;height:21px;font-size:10px}
  .mobile-menu-toggle{width:44px;height:44px;padding:10px;gap:6px;align-items:center;justify-content:center}
  .mobile-menu-toggle span{width:23px;height:2px}
  .mobile-menu{padding-bottom:max(25px,env(safe-area-inset-bottom));max-height:calc(100dvh - 74px)}
  .page-banner{padding:42px 0 50px}
  .page-banner .container{min-height:0}
  .page-banner h1{font-size:clamp(42px,11.9vw,60px);line-height:1.06;letter-spacing:-.075em;max-width:100%;overflow-wrap:normal}
  .page-banner p{font-size:clamp(15px,4.2vw,18px);line-height:1.55;max-width:310px;margin-bottom:5px}
  .page-banner .banner-asterisk{width:clamp(110px,34vw,165px);right:-26px;top:37px;stroke-width:3.5;opacity:.9}
  .compact-banner h1{font-size:clamp(41px,11vw,54px)}
  .shop-section{padding-top:34px}
  .shop-toolbar{gap:23px;max-width:100%}
  .category-tabs{width:100%;gap:7px}
  .category-tabs a{font-size:9px;line-height:1.2;min-height:44px;padding:10px 11px;white-space:nowrap}
  .search-box{width:100%;min-width:0}
  .search-box input{min-width:0;width:100%;font-size:16px;line-height:1.4}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
  .product-card-image{aspect-ratio:.9}
  .product-card-meta{flex-wrap:wrap;gap:5px;font-size:8px;line-height:1.35;letter-spacing:.07em}
  .product-card-row h3{font-size:clamp(13px,3.8vw,16px);line-height:1.35}
  .product-price{font-size:14px}
  .card-add-form button{width:100%;min-height:44px}
  .pc6-manifesto h2{font-size:clamp(53px,14.5vw,76px);line-height:1.03;letter-spacing:-.085em}
  .pc6-manifesto h2 .pc6-manifesto-icon{width:.30em;height:.30em}
  .pc6-manifesto-grid{min-width:0}
  .pc6-manifesto-grid p{overflow-wrap:break-word}
  .pc7-chapter h1,.pc7-chapter h2{overflow-wrap:normal}
  .story-hero{min-height:440px}
  .story-hero h1{font-size:clamp(39px,11vw,63px);overflow-wrap:normal;letter-spacing:-.065em}
  .story-hero .story-giant-star{width:clamp(160px,48vw,260px);right:-55px;bottom:-55px}
  .bottom-cta .cta-star{right:-60px;top:-70px;opacity:.07}
  .detail-specs{flex-wrap:wrap;justify-content:flex-start;gap:16px 24px}
  .detail-specs div{min-width:0;flex:1 1 76px}
  .detail-specs strong{overflow-wrap:anywhere}
  .detail-buy input{font-size:16px}
  .qty-form input{font-size:16px}
  .field input,.field textarea,.field select,.admin-form .field input,.admin-form .field textarea,.admin-form .field select{font-size:16px}
  .site-footer .footer-round .footer-arrow{width:25px;height:25px}
  .site-footer .footer-main{min-width:0}
  .footer-links{min-width:0}
  .footer-links a,.footer-links span{overflow-wrap:anywhere}
  .footer-top h2{font-size:clamp(43px,13vw,65px)}
  .admin-nav{gap:16px}
  .admin-tabs{gap:7px 14px}
  .admin-tabs a{font-size:12px;min-height:40px;display:inline-flex;align-items:center}
  .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-stats strong{overflow-wrap:anywhere}
  .order-status{padding:25px;gap:14px;align-items:flex-start}
  .order-status .status-icon{flex:none;width:45px;height:45px;font-size:24px}
  .order-status h2{font-size:clamp(24px,7vw,32px)}
}
@media(max-width:390px){
  .page-banner .banner-asterisk{right:-21px;top:45px;width:clamp(106px,35vw,138px)}
  .page-banner h1{font-size:clamp(40px,12vw,48px)}
  .page-banner p{max-width:295px}
  .category-tabs a{padding:9px 10px}
  .site-footer .footer-main{gap:30px 15px}
}
@media(max-width:340px){
  .container{width:calc(100% - 32px)}
  .site-header{padding-inline:15px}
  .announcement{font-size:7px;letter-spacing:.1em}
  .page-banner h1{font-size:39px}
  .page-banner p{font-size:15px;max-width:255px}
  .page-banner .banner-asterisk{right:-35px;width:110px}
  .category-tabs{gap:6px}
  .category-tabs a{font-size:8px;min-height:40px;padding-inline:8px}
  .footer-top h2{font-size:42px}
  .site-footer{padding-inline:18px}
  .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-stats{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .product-card img{transition:none}
}

/* Low-priority staff access link; keep storefront styling discreet. */
.footer-admin-entry{font-size:11px;opacity:.72;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.footer-admin-entry:hover{opacity:1;}
@media(max-width:640px){.footer-admin-entry{display:inline-block;max-width:100%;}}

.admin-store-shortcut{font-size:11px;font-weight:700;letter-spacing:.035em;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;}
@media(max-width:800px){.admin-store-shortcut{font-size:10px;max-width:64px;white-space:normal;line-height:1.2;text-align:center;}}