/* Kish Photo public mobile shell: header, offcanvas navigation, face-search entry and footer. */

@media (max-width:1199.98px){
  .ph-mobile-nav{
    --bs-offcanvas-width:min(92vw,400px);
    --bs-offcanvas-zindex:1095;
    position:fixed!important;
    z-index:1095!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    display:flex!important;
    flex-direction:column!important;
    width:var(--bs-offcanvas-width)!important;
    height:100vh!important;
    height:100svh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    direction:rtl;
    border:0!important;
    background:#f6f3ed;
    box-shadow:-24px 0 70px rgba(8,24,31,.24)
  }
  .ph-mobile-nav .offcanvas-header{
    position:sticky;
    z-index:4;
    top:0;
    flex:0 0 auto;
    min-height:72px;
    padding:max(14px,env(safe-area-inset-top)) 18px 14px;
    border-bottom:1px solid #e7e0d4;
    background:rgba(255,253,249,.96);
    backdrop-filter:blur(16px)
  }
  .ph-mobile-nav-brand{display:flex;align-items:center;gap:11px;min-width:0}
  .ph-mobile-nav-brand img{width:126px;height:34px;object-fit:contain}
  .ph-mobile-nav-brand span{padding-right:11px;border-right:1px solid #e3dbcf;color:#758087;font-size:10px;font-weight:800}
  .ph-mobile-nav .btn-close{width:35px;height:35px;margin:0;padding:0;border:1px solid #e1d9cc;border-radius:11px;background-color:#fff;background-size:11px;opacity:1;box-shadow:none}
  .ph-mobile-nav .offcanvas-body{
    display:flex;
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    flex-direction:column;
    gap:15px;
    padding:16px 15px max(30px,calc(env(safe-area-inset-bottom) + 22px));
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y
  }
  .ph-mobile-account{display:grid!important;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:12px;margin:0!important;padding:13px!important;border:1px solid #e5ded2;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 22px rgba(22,38,45,.05)}
  .ph-mobile-account>img{width:52px!important;height:52px!important;border:1px solid #e8e0d4;border-radius:14px!important;object-fit:cover}
  .ph-mobile-account-copy{display:flex!important;min-width:0;flex-direction:column;align-items:flex-start!important;gap:4px!important}
  .ph-mobile-account-copy>strong{overflow:hidden;width:100%;color:#1c3039;font-size:13px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}
  .ph-mobile-account a{border:0!important}
  .ph-mobile-account .ph-mobile-dashboard-entry{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;padding:2px 0!important;color:#a06f1e!important;font-size:10px!important;font-weight:800}
  .ph-mobile-account-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}
  .ph-mobile-account .ph-mobile-admin-entry,.ph-mobile-account .ph-mobile-logout-entry{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;padding:7px 9px!important;border:1px solid!important;border-radius:10px;font-size:9px!important;font-weight:900;line-height:1.2}
  .ph-mobile-account .ph-mobile-admin-entry{border-color:#dfbd77!important;color:#72521c!important;background:#fff7e5}
  .ph-mobile-account .ph-mobile-logout-entry{border-color:#efcfd2!important;color:#a43e48!important;background:#fff2f3}

  .ph-mobile-primary-actions{display:grid;gap:9px}
  .ph-mobile-nav .ph-mobile-upload-action,
  .ph-mobile-nav .ph-mobile-face-menu-action,
  .ph-mobile-nav .ph-mobile-cart-action,
  .ph-mobile-nav .ph-mobile-login-action{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 24px;
    align-items:center;
    gap:11px;
    min-height:70px;
    margin:0;
    padding:11px 12px!important;
    border:1px solid transparent!important;
    border-radius:17px;
    text-decoration:none!important;
    box-shadow:0 9px 24px rgba(24,42,50,.07)
  }
  .ph-mobile-nav .ph-mobile-upload-action{color:#382d18!important;border-color:#e3c47c!important;background:linear-gradient(135deg,#fff9ea,#f1d899)}
  .ph-mobile-nav .ph-mobile-face-menu-action{color:#fff!important;border-color:#25515d!important;background:radial-gradient(circle at 0 0,rgba(69,196,171,.25),transparent 38%),linear-gradient(135deg,#102d38,#1a4856)}
  .ph-mobile-nav .ph-mobile-cart-action,
  .ph-mobile-nav .ph-mobile-login-action{color:#17313b!important;border-color:#dfe6e5!important;background:#fff}
  .ph-mobile-primary-actions>a>i:first-child{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-size:20px}
  .ph-mobile-upload-action>i:first-child{color:#fff;background:#c8922f}
  .ph-mobile-face-menu-action>i:first-child{color:#f2c96c;background:rgba(255,255,255,.1)}
  .ph-mobile-cart-action>i:first-child,.ph-mobile-login-action>i:first-child{color:#a6711b;background:#fff5dd}
  .ph-mobile-primary-actions>a>span,.ph-mobile-primary-actions>a>span strong,.ph-mobile-primary-actions>a>span small{display:block;min-width:0}
  .ph-mobile-primary-actions>a>span strong{font-size:13px;font-weight:900}
  .ph-mobile-primary-actions>a>span small{margin-top:3px;color:#7b6a47;font-size:9px;line-height:1.7}
  .ph-mobile-face-menu-action>span small{color:rgba(255,255,255,.68)!important}
  .ph-mobile-primary-actions>a>b{justify-self:end;color:inherit;font-size:13px;font-weight:400;opacity:.75}

  .ph-mobile-menu-section{overflow:hidden;border:1px solid #e5dfd5;border-radius:18px;background:#fff;box-shadow:0 9px 26px rgba(28,43,50,.045)}
  .ph-mobile-menu-section>h2{display:flex;align-items:center;gap:8px;margin:0;padding:14px 15px;border-bottom:1px solid #eee8df;color:#24363e;font-size:12px;font-weight:900}
  .ph-mobile-menu-section>h2 i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#9c6c1f;background:#fff3d7;font-size:14px}
  .ph-mobile-submenu-open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0!important;padding:11px 11px 17px!important;border-radius:0!important;background:#fff!important}
  .ph-mobile-nav .ph-mobile-submenu-open a{display:flex;align-items:center;gap:8px;min-width:0;min-height:46px;padding:9px 10px!important;border:1px solid #ece7df!important;border-radius:12px;color:#33464e!important;background:#faf9f6;font-size:11px!important;font-weight:800}
  .ph-mobile-nav .ph-mobile-submenu-open a i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;color:#9c6c1f;background:#fff1cf;font-size:13px}
  .ph-mobile-nav .ph-mobile-submenu-open a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ph-mobile-nav .ph-mobile-submenu-open a:last-child{grid-column:1/-1;justify-self:start;width:calc(50% - 4px);margin-bottom:2px}
  .ph-mobile-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;padding:7px 11px 11px}
  .ph-mobile-nav .ph-mobile-links-grid a{position:relative;min-width:0;padding:11px 12px 11px 23px!important;border:0!important;border-bottom:1px solid #eee9e1!important;color:#45565e!important;font-size:11px!important;font-weight:750}
  .ph-mobile-nav .ph-mobile-links-grid a:after{content:"";position:absolute;left:9px;top:50%;width:5px;height:5px;border-left:1px solid #aa7a29;border-bottom:1px solid #aa7a29;transform:translateY(-50%) rotate(45deg)}
}

@media (max-width:767.98px){
  html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}
  .ph-site-theme main{max-width:100%;overflow-x:hidden;overflow-x:clip}
  .ph-header{height:68px!important}
  .ph-home-page .ph-header{position:relative!important;inset:auto!important}
  .ph-nav-wrap{width:calc(100% - 24px)!important;gap:7px!important}
  .ph-brand{display:flex;min-width:0;flex:1 1 auto}
  .ph-brand img,.ph-home-page .ph-brand img{width:116px!important;height:38px!important}
  .ph-nav-actions,.ph-home-page .ph-nav-actions{min-width:0;gap:5px!important}
  .ph-mobile-upload-quick{display:none!important}
  .ph-user-menu{display:none!important}
  .ph-icon-link,.ph-cart-link,.ph-menu-toggle,
  .ph-home-page .ph-icon-link,.ph-home-page .ph-cart-link,.ph-home-page .ph-menu-toggle{
    display:grid;
    place-items:center;
    flex:0 0 39px;
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
    min-height:39px!important;
    padding:0!important;
    border:1px solid #e1d9cc;
    border-radius:12px;
    color:#273940!important;
    background:#fff;
    box-shadow:0 5px 15px rgba(27,43,50,.055)
  }
  .ph-menu-toggle{font-size:23px!important;background:#173b48!important;color:#fff!important;border-color:#173b48!important}
  .ph-menu-toggle>i{display:block!important;color:#fff!important;font-size:24px!important;line-height:1!important}
  .ph-cart-link span{display:none!important}
  .ph-cart-link i{font-size:17px}
  .ph-cart-link b,.ph-home-page .ph-cart-link b{position:absolute;top:-6px;right:-5px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;font-size:8px}

  .ph-mobile-face-entry{display:block!important;margin:0!important;padding:11px 0 12px!important;background:#f8f5ef!important}
  .ph-mobile-face-entry .ph-shell{width:calc(100% - 24px)!important}
  .ph-mobile-face-entry a{grid-template-columns:52px minmax(0,1fr)!important;gap:11px!important;padding:13px!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(13,35,44,.18)!important}
  .ph-mobile-face-icon{width:52px!important;height:52px!important;border-radius:15px!important;font-size:24px!important}
  .ph-mobile-face-copy small{font-size:8px!important}
  .ph-mobile-face-copy strong{margin:2px 0!important;font-size:15px!important}
  .ph-mobile-face-copy em{font-size:9px!important;line-height:1.7!important}
  .ph-mobile-face-action{grid-column:1/-1!important;justify-self:stretch!important;justify-content:center!important;min-height:34px!important;margin-top:0!important;border-radius:10px!important;font-size:10px!important}

  .ph-home-page .ph-search-tags{padding-bottom:2px}
  .ph-home-page .ph-search-tags a{border:1px solid rgba(255,255,255,.62)!important;border-bottom-color:rgba(255,255,255,.78)!important;box-shadow:inset 0 -1px rgba(255,255,255,.16);line-height:1.55}

  .ph-footer{padding-top:38px!important}
  .ph-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:27px 17px!important;padding-bottom:30px!important}
  .ph-footer-brand,.ph-newsletter{grid-column:1/-1}
  .ph-footer-brand{display:grid;justify-items:center;text-align:center}
  .ph-footer-brand p{max-width:330px;margin:0 auto}
  .ph-socials{justify-content:center}
  .ph-footer-links{min-width:0;padding:14px 13px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035)}
  .ph-footer-links h3{margin:0 0 13px!important;font-size:13px!important}
  .ph-footer-grid .ph-footer-links>a{margin-bottom:8px!important;font-size:10px!important;line-height:1.7}
  .ph-newsletter{padding-top:2px}
}

@media (max-width:374.98px){
  .ph-brand img,.ph-home-page .ph-brand img{width:104px!important}
  .ph-icon-link{display:none!important}
  .ph-mobile-nav{--bs-offcanvas-width:94vw}
  .ph-mobile-submenu-open,.ph-mobile-links-grid{gap:6px}
  .ph-mobile-nav .ph-mobile-submenu-open a{padding-inline:8px!important;font-size:10px!important}
}