/* ============================================================
   Hacımirzaoğlu — anasayfa açılış ekranı (duyuru, başlık, hero, story çemberleri, güven şeridi, WhatsApp düğmesi).
   Kaynak: tasarım teslimi "design_handoff_hero" (hero.html + README.md), 19.10.2026. Değerler birebir; yalnız sınıf ve
   değişken adları "hm-ac-" önekli: sitede .hm-header/.hm-hero/.hm-story/.hm-btn ve --hm-sans/--hm-serif zaten kullanılıyor.
   Yalnız anasayfada yüklenir (templates/flow/hm-acilis.php). Kayıt: docs/YAMALAR.md, kararlar: docs/TASARIM.md "Açılış".
   ============================================================ */

.hm-ac{
	--hm-ac-green-900:#142519;--hm-ac-green-800:#1c3326;--hm-ac-green-700:#24402f;--hm-ac-green-600:#2f5a3f;--hm-ac-green-500:#3a6c4c;
	--hm-ac-gold:#d4b06a;--hm-ac-gold-hover:#e3c27e;--hm-ac-gold-deep:#b08a3e;
	--hm-ac-cream:#f6efe1;--hm-ac-cream-2:#e9e2d2;--hm-ac-sage:#c9d1c6;
	--hm-ac-olive:#b9cc6e;--hm-ac-olive-hover:#d4e58c;--hm-ac-olive-deep:#5b7a3a;--hm-ac-ink-muted:#4f5f54;
	--hm-ac-wa:#25a85a;--hm-ac-wa-hover:#2bbd66;
	--hm-ac-serif:'Young Serif',Georgia,serif;--hm-ac-sans:'Plus Jakarta Sans',system-ui,sans-serif;
	--hm-ac-gutter:clamp(16px,4vw,40px);
	background:var(--hm-ac-green-800);color:var(--hm-ac-cream);font-family:var(--hm-ac-sans);-webkit-font-smoothing:antialiased;
	font-size:16px;line-height:normal;letter-spacing:normal;text-align:left
}
/* Referanstaki küresel kurallar, yalnız bu bloklarda (çekirdek ve kabuk CSS'inin küresel kurallarına karşı da) */
.hm-ac *,.hm-ac *::before,.hm-ac *::after{box-sizing:border-box}
.hm-ac a{color:var(--hm-ac-gold);text-decoration:none}
.hm-ac a:hover{color:#e8cd92}
.hm-ac svg{display:block;flex:none}
.hm-ac :where(h1,p,ul,form){margin:0}
.hm-ac :where(img){max-width:none;border:0}
.hm-ac :where(button,input){font-family:inherit;letter-spacing:normal;text-transform:none}
.hm-ac [hidden]{display:none!important}
.hm-ac-wrap{max-width:1320px;margin:0 auto;padding-left:var(--hm-ac-gutter);padding-right:var(--hm-ac-gutter)}
.hm-ac-gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* Duyuru */
.hm-ac-announce{background:var(--hm-ac-green-900);color:var(--hm-ac-gold);font-size:13px;font-weight:600;letter-spacing:.02em;padding:10px 20px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}
.hm-ac-announce__sep{opacity:.5}

/* Başlık */
.hm-ac-header{border-bottom:1px solid rgba(246,239,225,.08)}
.hm-ac-header__top{padding-top:18px;padding-bottom:18px;display:flex;align-items:center;gap:clamp(16px,3vw,40px);flex-wrap:wrap}
.hm-ac-logo{font-family:var(--hm-ac-serif);font-size:30px;color:var(--hm-ac-gold);letter-spacing:-.01em;line-height:1}
.hm-ac a.hm-ac-logo:hover{color:var(--hm-ac-gold)}
.hm-ac-logo img{display:block;height:30px;width:auto}
.hm-ac-search{flex:1 1 320px;max-width:560px;margin:0;display:flex;align-items:center;background:var(--hm-ac-cream);border-radius:999px;padding:5px 5px 5px 22px}
.hm-ac-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 15px var(--hm-ac-sans);color:var(--hm-ac-green-800);padding:10px 0;margin:0;height:auto;box-shadow:none;-webkit-appearance:none;appearance:none}
.hm-ac-search input::placeholder{color:#757575;opacity:1}
.hm-ac-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.hm-ac-search button{width:42px;height:42px;border-radius:999px;border:0;background:var(--hm-ac-green-600);color:var(--hm-ac-cream);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0}
.hm-ac-search button:hover{background:var(--hm-ac-green-500)}
.hm-ac-nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:15px;font-weight:600}
.hm-ac .hm-ac-nav a{color:var(--hm-ac-cream);display:flex;align-items:center;gap:8px}
.hm-ac .hm-ac-nav a:hover{color:var(--hm-ac-gold)}
.hm-ac-badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--hm-ac-gold);color:var(--hm-ac-green-800);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.hm-ac-cats{padding-bottom:14px;display:flex;gap:30px;flex-wrap:wrap;font-size:15px;font-weight:600}
.hm-ac .hm-ac-cats a{color:var(--hm-ac-cream-2)}
.hm-ac .hm-ac-cats a:hover{color:var(--hm-ac-gold)}
.hm-ac .hm-ac-cats a.hm-ac-cats__gift{color:var(--hm-ac-olive);margin-left:auto}
.hm-ac .hm-ac-cats a.hm-ac-cats__gift:hover{color:var(--hm-ac-olive-hover)}

/* Hero */
.hm-ac-hero{flex:1;position:relative;overflow:hidden}
.hm-ac-hero__row{padding-top:clamp(24px,4vh,56px);padding-bottom:clamp(40px,5vw,72px);display:flex;flex-wrap:wrap-reverse;align-items:center;gap:clamp(36px,5vw,72px)}
.hm-ac-hero__text{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:28px}
.hm-ac-eyebrow{display:flex;align-items:center;gap:12px;color:var(--hm-ac-olive);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hm-ac-eyebrow::before{content:"";width:28px;height:1.5px;background:currentColor;flex:none}
.hm-ac-title{margin:0;font-family:var(--hm-ac-serif);font-weight:400;font-size:clamp(40px,min(6.4vw,8.6vh),86px);line-height:1.02;letter-spacing:-.02em;color:var(--hm-ac-cream);text-wrap:balance;text-transform:none}
.hm-ac-title em{font-style:normal;color:var(--hm-ac-gold)}
.hm-ac-pill{display:inline-block;vertical-align:middle;width:1.55em;height:.86em;border-radius:999px;overflow:hidden;margin:0 .04em .12em;background:var(--hm-ac-green-700);box-shadow:0 0 0 3px var(--hm-ac-green-800),0 0 0 4.5px var(--hm-ac-gold)}
.hm-ac-pill img{width:100%;height:100%;object-fit:cover;display:block}
.hm-ac-lead{margin:0;max-width:500px;font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:var(--hm-ac-sage);text-wrap:pretty}
.hm-ac-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hm-ac-btn{display:flex;align-items:center;font-weight:700;font-size:16px;border-radius:999px;line-height:normal}
.hm-ac a.hm-ac-btn--primary{gap:12px;background:var(--hm-ac-gold);color:var(--hm-ac-green-800);padding:17px 28px}
.hm-ac a.hm-ac-btn--primary:hover{background:var(--hm-ac-gold-hover);color:var(--hm-ac-green-800)}
.hm-ac a.hm-ac-btn--ghost{gap:10px;border:1.5px solid rgba(246,239,225,.3);color:var(--hm-ac-cream);padding:16px 26px}
.hm-ac a.hm-ac-btn--ghost:hover{border-color:var(--hm-ac-cream);color:var(--hm-ac-cream)}
.hm-ac-ship{display:flex;align-items:center;gap:14px;padding-top:24px;border-top:1px solid rgba(246,239,225,.1);max-width:520px;font-size:15px;line-height:1.5;color:var(--hm-ac-sage)}
.hm-ac-ship strong{color:var(--hm-ac-cream);font-weight:700}
.hm-ac-ship__dot{width:10px;height:10px;border-radius:999px;background:var(--hm-ac-olive);flex:none;animation:hm-ac-pulse 1.8s ease-in-out infinite}
@keyframes hm-ac-pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* Hero görseli — max-width betikle yeniden hesaplanır: çerçevenin tamamı ilk ekrana sığar */
.hm-ac-hero__media{flex:1 1 420px;min-width:0;position:relative;max-width:min(600px,max(200px,calc((96svh - 240px) * .8)));margin:0 auto;align-self:flex-end}
.hm-ac-frame{position:relative;aspect-ratio:4/5;border-radius:999px 999px 28px 28px;overflow:hidden;background:var(--hm-ac-green-700);box-shadow:0 0 0 1px rgba(212,176,106,.35),0 0 0 12px var(--hm-ac-green-800),0 0 0 13px rgba(212,176,106,.2)}
.hm-ac-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.hm-ac-tag{position:absolute;top:clamp(56px,14%,110px);right:-14px;background:var(--hm-ac-cream);color:var(--hm-ac-green-800);border-radius:999px;padding:10px 18px 10px 12px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.hm-ac-tag__icon{width:26px;height:26px;border-radius:999px;background:var(--hm-ac-green-600);color:var(--hm-ac-gold);display:flex;align-items:center;justify-content:center}
.hm-ac-card{position:absolute;left:-18px;bottom:28px;width:min(290px,calc(100% + 30px));background:var(--hm-ac-cream);color:var(--hm-ac-green-800);border-radius:20px;padding:12px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 40px rgba(0,0,0,.3)}
.hm-ac-card__img{width:64px;height:64px;border-radius:14px;overflow:hidden;flex:none;background:var(--hm-ac-cream-2)}
.hm-ac-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.hm-ac-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.hm-ac-card__label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hm-ac-olive-deep)}
.hm-ac-card__title{font-family:var(--hm-ac-serif);font-size:16px;line-height:1.2}
.hm-ac a.hm-ac-card__title,.hm-ac a.hm-ac-card__title:hover{color:inherit}
.hm-ac-card__add{width:40px;height:40px;border-radius:999px;border:0;background:var(--hm-ac-green-800);color:var(--hm-ac-gold);display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer;padding:0;margin:0}
.hm-ac-card__add:hover{background:var(--hm-ac-green-600)}
.hm-ac-card__add[aria-busy="true"]{cursor:progress;opacity:.75}

/* Story çemberleri (izleyici: assets/js/hm-story.js) */
.hm-ac-stories{padding-bottom:40px;display:flex;gap:clamp(18px,3vw,36px);flex-wrap:wrap;justify-content:center;list-style:none;margin:0 auto}
.hm-ac-stories > li{list-style:none;margin:0;padding:0}
.hm-ac-story{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--hm-ac-cream-2);font:600 14px/normal var(--hm-ac-sans);background:none;border:0;padding:0;margin:0;cursor:pointer;text-transform:none;letter-spacing:normal}
.hm-ac-story:hover{color:var(--hm-ac-gold)}
.hm-ac-story__ring{width:84px;height:84px;border-radius:999px;padding:3px;border:2px solid var(--hm-ac-gold);display:block}
.hm-ac-story--live .hm-ac-story__ring{border-color:var(--hm-ac-olive)}
.hm-ac-story__img{display:block;width:100%;height:100%;border-radius:999px;overflow:hidden;background:var(--hm-ac-green-700)}
.hm-ac-story__img img{width:100%;height:100%;object-fit:cover;display:block}
.hm-ac-story:focus-visible{outline:3px solid var(--hm-ac-olive)!important;outline-offset:4px!important;border-radius:12px}

/* Güven şeridi */
.hm-ac-trust{background:var(--hm-ac-green-800)}
.hm-ac-trust__panel{background:var(--hm-ac-cream);color:var(--hm-ac-green-800);border-radius:clamp(22px,3vw,36px) clamp(22px,3vw,36px) 0 0}
.hm-ac-trust__inner{padding-top:clamp(24px,3vw,34px);padding-bottom:clamp(24px,3vw,34px)}
.hm-ac-trust__clip{overflow:hidden}
.hm-ac-trust__grid{list-style:none;margin:0 0 0 -1px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px 0}
.hm-ac-trust__item{display:flex;align-items:center;gap:16px;padding:2px clamp(16px,2vw,28px);border-left:1px solid rgba(28,51,38,.14)}
.hm-ac-diamond{width:62px;height:62px;flex:none;display:flex;align-items:center;justify-content:center}
.hm-ac-diamond > span{width:36px;height:36px;border-radius:10px;background:var(--hm-ac-green-800);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--hm-ac-cream),0 0 0 4px rgba(176,138,62,.55)}
.hm-ac-diamond svg{transform:rotate(-45deg)}
.hm-ac-trust__text{display:flex;flex-direction:column;gap:4px;min-width:0}
.hm-ac-trust__title{font-family:var(--hm-ac-serif);font-weight:400;font-size:18px;line-height:1.2}
.hm-ac-trust__sub{font-size:13.5px;line-height:1.4;color:var(--hm-ac-ink-muted)}

/* Yüzen WhatsApp — hero düğmeleri kaydırılınca görünür */
/* Yüzen WhatsApp: tasarımdaki yeşil daire yerine WhatsApp uygulama simgesi (images/hm/whatsapp.svg; işletme isteği 19.10.2026) */
.hm-ac-fab{position:fixed;left:24px;bottom:24px;width:58px;height:58px;border-radius:13px;background:none;color:#fff;display:block;box-shadow:0 10px 26px rgba(0,0,0,.3);z-index:10;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s,box-shadow .2s}
.hm-ac-fab img{display:block;width:58px;height:58px;max-width:none;border-radius:13px}
.hm-ac-fab.is-visible{opacity:1;transform:none;pointer-events:auto}
.hm-ac a.hm-ac-fab:hover,.hm-ac-fab:hover{background:none;color:#fff;box-shadow:0 14px 32px rgba(0,0,0,.42)}

/* Klavye odağı (çekirdeğin button:focus{outline:none!important} kuralına karşı) */
.hm-ac :is(a,button,input):focus-visible{outline:2px solid var(--hm-ac-gold)!important;outline-offset:3px!important}
.hm-ac-search input:focus-visible{outline:0!important}
.hm-ac-search:focus-within{box-shadow:0 0 0 3px rgba(212,176,106,.6)}

/* Çekirdek form.css: input[type=search]:focus mavi parıltı (0,2,1) */
.hm-ac .hm-ac-search input[type=search]:focus{box-shadow:none;border:0;outline:0}
/* Kabuğun WhatsApp düğmesi anasayfada yok (yerine .hm-ac-fab). Mobil/tablette (<64rem) alt barda zaten WhatsApp var:
   yüzen düğme orada gösterilmez (işletme isteği 19.10.2026) */
body.hm-home .hm-wa{display:none}
@media (max-width:63.999rem){.hm-ac-fab{display:none}}

/* Mobil/tablet başlığı (<64rem, alt bar varken): logo + "Menü" düğmesi, altında arama. Hesap bağlantıları (Giriş yap,
   Favoriler, Sepet) ve kategoriler (Kurumsal Hediye dahil) "Menü" ile açılan panelde (hm-acilis.js .is-menu-open).
   Masaüstü düzeni değişmez. İşletme isteği 19.10.2026: üstteki bağlantılar dar ekranda iç içe görünüyordu. */
.hm-ac-menubtn{display:none}
@media (max-width:63.999rem){
	.hm-ac-header__top{padding-top:14px;padding-bottom:14px;gap:12px}
	.hm-ac-menubtn{display:inline-flex;align-items:center;gap:8px;margin:0 0 0 auto;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:1.5px solid rgba(246,239,225,.3);background:transparent;color:var(--hm-ac-cream);font:700 15px/1 var(--hm-ac-sans);cursor:pointer}
	.hm-ac-menubtn:hover{border-color:var(--hm-ac-cream)}
	.hm-ac .hm-ac-menubtn__kapa{display:none} /* (0,2,0): .hm-ac svg{display:block} kuralını geçsin */
	.hm-ac-header.is-menu-open .hm-ac-menubtn{background:var(--hm-ac-cream);border-color:var(--hm-ac-cream);color:var(--hm-ac-green-800)}
	.hm-ac-header.is-menu-open .hm-ac-menubtn__ac{display:none}
	.hm-ac-header.is-menu-open .hm-ac-menubtn__kapa{display:block}
	.hm-ac-search{flex:1 1 100%;max-width:none}
	.hm-ac-nav,.hm-ac-cats{display:none}
	.hm-ac-header.is-menu-open .hm-ac-nav{display:flex;flex:1 1 100%;flex-direction:column;align-items:stretch;gap:0;margin:2px 0 0;padding:4px 16px;background:var(--hm-ac-green-900);border-radius:16px;font-size:17px}
	.hm-ac-header.is-menu-open .hm-ac-cats{display:flex;flex-direction:column;gap:0;max-width:none;margin:0 var(--hm-ac-gutter) 16px;padding:4px 16px;background:var(--hm-ac-green-900);border-radius:16px;font-size:17px}
	.hm-ac-header.is-menu-open .hm-ac-nav a,.hm-ac-header.is-menu-open .hm-ac-cats a{display:flex;align-items:center;gap:12px;min-height:50px;padding:12px 2px;border-bottom:1px solid rgba(246,239,225,.08)}
	.hm-ac-header.is-menu-open .hm-ac-nav a:last-child,.hm-ac-header.is-menu-open .hm-ac-cats a:last-child{border-bottom:0}
	.hm-ac .hm-ac-cats a.hm-ac-cats__gift{margin-left:0}
}

/* Telefonda hero görseli: "Günün tepsisi" kartı ince ve çerçevenin altına taşar, "Taş fırın" etiketi sağ üst köşede;
   video görünür kalsın (işletme isteği 19.10.2026). Kartın taşması hm-acilis.js çerçeve hesabında düşülür. */
@media (max-width:47.999rem){
	.hm-ac-hero__media{margin-bottom:24px}
	.hm-ac-tag{top:6px;right:-8px;padding:6px 12px 6px 6px;gap:7px;font-size:12px}
	.hm-ac-tag__icon{width:20px;height:20px}
	.hm-ac-tag__icon svg{width:11px;height:11px}
	/* Genişlik çerçeveye değil ekrana göre: kısa telefonlarda fit() çerçeveyi daraltınca başlık 3 satıra kırılıyordu */
	.hm-ac-card{left:50%;translate:-50% 0;bottom:-24px;width:min(290px,calc(100vw - 2*var(--hm-ac-gutter)));padding:6px 8px 6px 6px;gap:10px;border-radius:16px}
	.hm-ac-card__img{width:44px;height:44px;border-radius:11px}
	.hm-ac-card__body{gap:1px}
	.hm-ac-card__label{font-size:10px}
	.hm-ac-card__title{font-size:14.5px}
	.hm-ac-card__add{width:36px;height:36px;position:relative}
	.hm-ac-card__add::after{content:'';position:absolute;inset:-4px;border-radius:999px} /* dokunma alanı 44px */
}

@media (prefers-reduced-motion:reduce){.hm-ac-ship__dot{animation:none}.hm-ac-fab{transition:none}}