/* Ishtarik – About & Contact pages (built on store.css + home.css) */
.ipg{padding-bottom:80px}

/* hero */
.ipg-hero{min-height:0}
.ipg-heroin{padding-top:70px;padding-bottom:120px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.ipg-heroin > *{max-width:720px}
.ipg-heroin .ihm-h1{font-size:clamp(32px,4.4vw,54px)}

/* about: who we are + what we offer */
.ipg-who{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:start}
.ipg-whotext .ihm-p{font-size:17px;max-width:62ch}
.ipg-whotext .ist-h2{margin-bottom:6px}
.ipg-offer{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px}
.ipg-offer .ihm-h3{margin-bottom:14px}
.ipg-offer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ipg-offer li{margin:0}
.ipg-offer a{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;padding:12px 14px;color:var(--d);transition:border-color .2s,background .2s}
.ipg-offer a:hover{border-color:var(--v);background:#faf7ff}
.ipg-offer .ihm-caticon{width:44px;height:44px;border-radius:13px;margin:0;flex:none;box-shadow:none}
.ipg-offt{flex:1;display:flex;flex-direction:column;min-width:0}
.ipg-offt b{font-size:16px}
.ipg-offt small{font-size:13.5px;color:var(--mut)}
.ipg-offer .ihm-i-arrow{color:var(--p);flex:none}

/* social */
.ipg-social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.ipg-social li{margin:0}
.ipg-social a{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:12px 20px;font-weight:700;font-size:15px;color:var(--d);transition:border-color .2s,color .2s,transform .2s}
.ipg-social a:hover{border-color:var(--v);color:var(--p);transform:translateY(-2px)}
.ipg-social svg{color:var(--p)}

/* contact: three cards overlapping the hero */
.ipg-cards{position:relative;z-index:2;margin-top:-62px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ipg-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 20px 50px rgba(18,12,64,.12);color:var(--ink);transition:transform .2s,border-color .2s;min-width:0}
.ipg-card:hover{transform:translateY(-3px);border-color:var(--v)}
.ipg-card > span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.ipg-card small{font-size:13.5px;color:var(--mut)}
.ipg-card b{font-size:16px;color:var(--d);overflow-wrap:anywhere}

/* contact: form + side */
.ipg-contact{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:24px;align-items:start}
.ipg-formbox{background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px}
.ipg-form{margin-top:22px;display:flex;flex-direction:column;gap:16px}
.ipg-form p{margin:0;display:flex;flex-direction:column;gap:7px}
.ipg-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ipg-form label{font-weight:700;font-size:14.5px;color:var(--d)}
.ipg-form input[type=text],.ipg-form input[type=email],.ipg-form textarea{width:100%;border:1.5px solid #ddd6ec!important;border-radius:14px!important;background:#fcfbff!important;padding:14px 16px!important;font:16px 'Ubuntu',sans-serif!important;color:var(--ink)!important;box-shadow:none!important;transition:border-color .2s,background .2s}
.ipg-form textarea{resize:vertical;min-height:150px}
.ipg-form input:focus,.ipg-form textarea:focus{outline:none;border-color:var(--v)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(157,32,253,.12)!important}
.ipg-form .ihm-btn{align-self:flex-start;border:0;cursor:pointer;font-family:'Ubuntu',sans-serif}
.ipg-hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap;margin:0!important}
.ipg-msg{margin:18px 0 0;border-radius:14px;padding:14px 16px;font-weight:500}
.ipg-msg.ok{background:#e9fbf0;color:#0f5a2c;border:1px solid #b9ecca}
.ipg-msg.bad{background:#fff0f2;color:#8a1830;border:1px solid #f7c3cd}

.ipg-side{display:flex;flex-direction:column;gap:16px}
.ipg-hours,.ipg-followbox{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}
.ipg-hours .ihm-h3,.ipg-followbox .ihm-h3{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ipg-hours .ihm-h3 svg{color:var(--p)}
.ipg-hours dl{margin:0;display:flex;flex-direction:column;gap:8px}
.ipg-hours dl > div{display:flex;justify-content:space-between;gap:12px;background:#faf7ff;border-radius:12px;padding:12px 14px}
.ipg-hours dt{font-weight:700;color:var(--d)}
.ipg-hours dd{margin:0;color:var(--p);font-weight:700;font-variant-numeric:tabular-nums}
.ipg-wabox{background:var(--d);color:#fff;border-radius:22px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative;overflow:hidden}
.ipg-wabox:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--p);opacity:.5;inset-inline-end:-80px;top:-110px}
.ipg-wabox > *{position:relative}
.ipg-wabox b{font-size:18px}
.ipg-wabox p{margin:0;color:#d9d2f2;font-size:15px;line-height:1.6}
.ipg-followbox .ipg-social{justify-content:flex-start;gap:8px}
.ipg-followbox .ipg-social a{padding:9px 14px;font-size:14px}

/* map */
.ipg-map iframe{display:block;width:100%;height:380px;border:0;border-radius:26px;background:#ece6f7}

@media (max-width:1024px){
  .ipg-who,.ipg-contact{grid-template-columns:1fr}
  .ipg-cards{grid-template-columns:1fr}
}
@media (max-width:767px){
  .ipg-heroin{padding-top:40px;padding-bottom:96px}
  .ipg-formbox{padding:22px;border-radius:22px}
  .ipg-row{grid-template-columns:1fr}
  .ipg-form .ihm-btn{align-self:stretch}
  .ipg-map iframe{height:280px;border-radius:20px}
  .ipg-social a{padding:10px 16px}
}