/* ApadanaSol — RTL + Persian font overlay on top of the XERJOFF (Dawn) theme */
@font-face{font-family:'Estedad';src:url('/apadanasol/fonts/Estedad-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Estedad';src:url('/apadanasol/fonts/Estedad-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Estedad';src:url('/apadanasol/fonts/Estedad-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Estedad';src:url('/apadanasol/fonts/Estedad-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Estedad';src:url('/apadanasol/fonts/Estedad-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Estedad';src:url('/apadanasol/fonts/Estedad-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}

html{direction:rtl}
body{direction:rtl;text-align:right}
:root{--font-body-family:'Estedad',sans-serif;--font-heading-family:'Estedad',sans-serif}
body,button,input,select,textarea,optgroup,
h1,h2,h3,h4,h5,h6,p,a,span,li,td,th,div,label,summary,small,strong,em,blockquote,figcaption{
  font-family:'Estedad',sans-serif !important;
}
/* keep icon glyphs intact */
.icon,svg,svg *{font-family:inherit}

/* numerals & latin keep readable; let Estedad render Persian */
.price-item,.price{font-variant-numeric:normal}

/* logo sizing for wordmark */
.header__heading-logo{max-width:200px;height:auto}

/* RTL nudges for inline menus / lists that use physical spacing */
.list-menu--inline{justify-content:center}
.breadcrumb,.product__accordion summary{text-align:right}

/* keep slider/marketing direction sane */
.slider{direction:rtl}

/* buy-as-link button should look identical to primary button */
a.product-form__submit{display:flex;align-items:center;justify-content:center;text-decoration:none}

/* hide elements that don't apply to a static vitrine */
.product-form__quantity, .product__pickup-availabilities, pickup-availability,
.localization-form, .shopify-payment-button, .product__tax{display:none !important}

/* hide JS-injected EUR promos / free-shipping bars / view-details */
[id*="easygift"],[class*="easygift"],[class*="EasyGift"],.product__view-details,
.free-shipping-bar,[class*="free-shipping"]{display:none !important}

/* ApadanaSol clean product gallery */
.apad-gallery{display:flex;flex-direction:column;gap:14px}
.apad-main{border:1px solid #ececec;border-radius:8px;background:#f7f6f4;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.apad-main img,.apad-main video{width:100%;height:100%;object-fit:contain}
.apad-thumbs{display:flex;gap:10px;flex-wrap:wrap}
.apad-thumbs button{width:74px;height:74px;border:1px solid #e4e4e4;border-radius:8px;background:#f7f6f4;cursor:pointer;padding:3px;overflow:hidden}
.apad-thumbs button.active{border-color:#b8924f;border-width:2px}
.apad-thumbs button img{width:100%;height:100%;object-fit:contain}
.apad-thumbs .is-video{position:relative}
.apad-thumbs .is-video::after{content:"▶";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);color:#fff;border-radius:6px}
.apad-specs th{white-space:nowrap}

/* ApadanaSol nav submenu */
.apad-nav-item{position:relative}
.apad-sub{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e6e6e6;box-shadow:0 10px 30px rgba(0,0,0,.1);
  min-width:220px;padding:10px 0;margin:0;list-style:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:80;border-radius:0 0 8px 8px}
.apad-nav-item:hover .apad-sub{opacity:1;visibility:visible;transform:translateY(0)}
.apad-sub__item a{display:block;padding:8px 20px;font-size:14px;color:#333;white-space:nowrap}
.apad-sub__item a:hover{color:#b8924f;background:#faf8f4}

/* hide template EUR custom shipping banner */
[class*="custom-banner"]{display:none !important}

/* ---- Brand wordmark in Gotham (XERJOFF style) ---- */
.apad-brand{display:inline-flex !important;align-items:baseline;gap:9px;white-space:nowrap;line-height:1;direction:ltr}
.apad-brand .en{font-family:'Gotham',serif !important;font-weight:500 !important;font-size:27px !important;
  letter-spacing:.5px;text-transform:none;color:#16130f}
.apad-brand .sep{width:1px;height:20px;background:#d8cbb0;align-self:center}
.apad-brand .fa{font-family:'Estedad',sans-serif !important;font-weight:700 !important;font-size:20px !important;color:#b8924f}
@media(max-width:990px){.apad-brand .en{font-size:20px !important}.apad-brand .fa{font-size:15px !important}.apad-brand{gap:6px}}

/* ---- Menu: keep LTR like template, bolder + bigger ---- */
.header__inline-menu .list-menu--inline{direction:ltr !important}
.mega-menu__content{direction:rtl !important}
.header__menu-item,
.header__menu-item .header__active-menu-item,
.list-menu--inline > li > a,
.list-menu--inline > li > details > summary{
  font-weight:700 !important; font-size:17px !important; letter-spacing:.2px;
}

/* ---- Keep slideshow/banner text on the same physical side as the original (LTR design), text stays RTL ---- */
.banner__content--bottom-left,.banner__content--top-left,.banner__content--middle-left{justify-items:left !important}
.banner__content--bottom-right,.banner__content--top-right,.banner__content--middle-right{justify-items:right !important}
.banner__content--bottom-center,.banner__content--top-center,.banner__content--middle-center{justify-items:center !important}
.banner__content{text-align:right}

/* ---- Slideshow/banner title: bigger + bolder ---- */
.banner__heading{font-weight:800 !important; font-size:60px !important; line-height:1.15 !important; letter-spacing:.5px}
.banner__text.subtitle,.banner__text{font-weight:500 !important; font-size:20px !important}
@media(max-width:990px){.banner__heading{font-size:38px !important}.banner__text{font-size:16px !important}}

/* ---- FIX: restore original physical positions of banner text (flex is logical) ---- */
.banner__content{direction:ltr !important}
.banner__box{direction:rtl !important; text-align:right}
.banner__heading{font-size:68px !important; font-weight:800 !important}
@media(max-width:990px){.banner__heading{font-size:40px !important}}

/* ---- hero banner + content-card text: WHITE (legible over the imagery) ---- */
.banner__heading,.banner__text,.banner__content .rte,.banner__content .rte *{
  color:#fff !important;text-shadow:0 2px 18px rgba(0,0,0,.5),0 0 6px rgba(0,0,0,.35)}
.content-card__title,.content-card__subtitle,.content-card__description,
.content-card__title *,.content-card__description *{
  color:#fff !important;text-shadow:0 2px 12px rgba(0,0,0,.7),0 0 5px rgba(0,0,0,.5)}
.content-card__title{font-weight:800 !important}
/* subtle bottom scrim so the white card text stays readable on light photos */
.content-card .card__media::after,.content-card__media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(10,8,6,.62),rgba(10,8,6,.12) 45%,transparent 72%)}

/* ---- Top menu: bold + size to match original (no letter-spacing: breaks Persian joining) ---- */
.header__menu-item,.header__menu-item .header__active-menu-item,
.list-menu--inline > li > a,.list-menu--inline > li > details > summary{
  font-weight:700 !important; font-size:16px !important; letter-spacing:normal !important;
}
/* mega-menu image keeps its size */
.mega-menu .v-stack img{max-width:100%;height:auto}

/* ---- Move header icons (search/account/cart) to the LEFT, keep logo+menu centered ---- */
.header__inline-menu{position:relative}
.list-menu--inline > .header__icons{
  position:absolute; left:0; top:50%; transform:translateY(-50%); margin:0 !important; padding:0;
}
.list-menu--inline{padding-left:120px}  /* room so menu items don't sit under the icons */

/* ---- FIX overlap: symmetric padding keeps logo centered, icons pinned far-left ---- */
.list-menu--inline{padding-left:150px !important; padding-right:150px !important; justify-content:center !important}
.list-menu--inline > .header__icons{position:absolute; left:18px; top:50%; transform:translateY(-50%); margin:0 !important; padding:0}
.list-menu--inline > .header__icons .header__icon{margin:0 4px}

/* ---- Icons on the RIGHT of the menu (override the left positioning) ---- */
.list-menu--inline > .header__icons{left:auto !important; right:18px !important}

/* ensure flex so menu `order` applies */
.list-menu--inline{display:flex !important; align-items:center}

/* ==== Full-width header like the template: left group | centered logo | right group ==== */
.list-menu--inline{display:grid !important; grid-template-columns:1fr auto 1fr !important; width:100% !important;
  padding:0 !important; align-items:center; column-gap:2rem; justify-content:initial !important}
.apad-group{display:flex; align-items:center; list-style:none; margin:0; padding:0}
.apad-group--left{justify-content:space-between; padding-left:1.5rem}
.apad-group--right{justify-content:space-between; padding-right:1.5rem}
.apad-group > li, .apad-group > .header__icons, .apad-group > .header__heading{margin:0}
.apad-group .header__icons{position:static !important; transform:none !important; left:auto !important; right:auto !important; margin:0 !important}

/* ==== Footer: keep original LTR column layout; only Persian text is RTL ==== */
.footer{direction:ltr !important}
.footer__blocks-wrapper{direction:ltr !important}
/* Persian text within columns reads right-to-left */
.footer .footer-block__heading,
.footer .footer-block__details-content,
.footer .footer-block__details-content li,
.footer .footer-block__newsletter,
.footer .footer-block__description,
.footer .rte,
.footer__copyright,
.footer__localization{direction:rtl; text-align:right}
/* keep payment icons / social / newsletter input visually LTR */
.footer .list-payment, .footer .list-social, .footer-block__newsletter-form{direction:ltr}

/* ==== Menu harmony: even gaps, groups centered in each half, logo centered, icons far-right ==== */
.list-menu--inline{position:relative}
.apad-group{gap:2.8rem !important}
.apad-group--left{justify-content:center !important; padding:0 !important}
.apad-group--right{justify-content:center !important; padding:0 64px 0 0 !important}
.apad-group--right .header__icons{position:absolute !important; right:18px !important; left:auto !important; top:50% !important; transform:translateY(-50%) !important; margin:0 !important}

/* ===== ApadanaSol — clean simple footer (replaces XERJOFF footer everywhere) ===== */
.apad-footer{background:#141210 !important;color:#cbc4b8;padding:58px 0 0 !important;margin:60px 0 0 !important;
  direction:rtl;border:none !important;font-family:'Estedad',sans-serif}
/* homepage only: extra breathing room above the footer content (user-specified 60px) */
body.apad-home-page .apad-footer__in{margin-top:60px}
/* homepage only: remove the footer's own padding + margin */
body.apad-home-page .apad-footer{padding:0 !important;margin:0 !important}
.apad-footer *{box-sizing:border-box}
.apad-footer__in{max-width:1240px;margin:0 auto;padding:0 24px}
.apad-footer__top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.25fr;gap:36px;padding-bottom:38px;border-bottom:1px solid #2a2722}
@media(max-width:900px){.apad-footer__top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.apad-footer__top{grid-template-columns:1fr;gap:26px}}
.apad-footer__logo{font-family:'Gotham',serif;font-weight:700;font-size:24px;color:#fff;display:flex;align-items:baseline;gap:9px}
.apad-footer__logo span{font-family:'Estedad',sans-serif;font-size:16px;color:var(--gold,#b8924f);font-weight:700}
.apad-footer__brand p{font-size:13.5px;line-height:2.05;color:#938d83;margin:14px 0 18px;max-width:330px}
.apad-footer__social{display:flex;gap:10px}
.apad-footer__social a{width:40px;height:40px;border:1px solid #2f2b25;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#b3aca1;transition:.22s;padding:0}
.apad-footer__social a:hover{background:var(--gold,#b8924f);border-color:var(--gold,#b8924f);color:#fff;transform:translateY(-3px)}
.apad-footer h4{color:#fff;font-size:15px;font-weight:700;margin:0 0 16px}
.apad-footer__col a{display:block;color:#b3aca1;font-size:13.5px;padding:6px 0;text-decoration:none;transition:.18s}
.apad-footer__col a:hover{color:var(--gold,#b8924f);padding-right:5px}
.apad-footer__contact div{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#b3aca1;padding:7px 0}
.apad-footer__contact svg{color:var(--gold,#b8924f);flex:0 0 auto}
.apad-footer__bottom{text-align:center;padding:20px;font-size:12.5px;color:#7a746b}

/* ===== Normalize the absolute Shopify layout -> normal flow on NON-homepage pages (fix footer
   overlaps + scroll). The homepage (body.apad-home-page) keeps its native template slideshow. ===== */
html{overflow-x:hidden !important}
body:not(.apad-home-page){overflow:visible !important}
body:not(.apad-home-page) .content-for-layout{min-height:0 !important;height:auto !important}
body:not(.apad-home-page) .content-for-layout section,
body:not(.apad-home-page) .content-for-layout .section-footer,
body:not(.apad-home-page) .content-for-layout > footer,
body:not(.apad-home-page) .content-for-layout footer.footer,
body:not(.apad-home-page) .content-for-layout .apad-footer{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;inset:auto !important}
body:not(.apad-home-page) .shopify-section-group-footer-group,
body:not(.apad-home-page) [class*="footer-group"]{height:auto !important;min-height:0 !important}
/* the slideshow CSS puts transform:translateY(100%) on every section (only the active slide resets it)
   -> non-active sections on inner pages get pushed down. Reset transform to keep them in place. */
body:not(.apad-home-page) .content-for-layout > section,
body:not(.apad-home-page) .content-for-layout > div > section{transform:none !important}

/* ===== Homepage category showcase ===== */
.apad-home{padding:62px 0}
.apad-home-in{max-width:1240px;margin:0 auto;padding:0 24px}
.apad-home-h{text-align:center;font-size:28px;font-weight:900;margin:0 0 6px;color:#16130f}
.apad-home-sub{text-align:center;color:#8a857c;margin:0 0 34px;font-size:14.5px}
.apad-hcat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:900px){.apad-hcat-grid{grid-template-columns:repeat(2,1fr)}}
.apad-hcat{position:relative;display:block;height:175px;border-radius:18px;overflow:hidden;text-decoration:none;box-shadow:0 8px 26px rgba(0,0,0,.08)}
.apad-hcat img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.apad-hcat:hover img{transform:scale(1.09)}
.apad-hcat__ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,8,6,.8),rgba(10,8,6,.15) 60%,transparent)}
.apad-hcat__txt{position:absolute;right:18px;bottom:15px;color:#fff;z-index:2}
.apad-hcat__txt b{display:block;font-size:16.5px;font-weight:800}
.apad-hcat__txt i{font-size:12px;color:#e8e0d0;font-style:normal}

/* ===== Homepage: custom hero (replaces XERJOFF absolute slideshow) ===== */
.apad-hero{position:relative;overflow:hidden;min-height:78vh;display:flex;align-items:center;direction:rtl}
.apad-hero__slides{position:absolute;inset:0;z-index:0}
.apad-hero__slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease;animation:apadHero 18s infinite}
.apad-hero__slides img:nth-child(1){animation-delay:0s}
.apad-hero__slides img:nth-child(2){animation-delay:6s}
.apad-hero__slides img:nth-child(3){animation-delay:12s}
@keyframes apadHero{0%,28%{opacity:1}33%,100%{opacity:0}}
.apad-hero__ov{position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(12,9,6,.86),rgba(12,9,6,.55) 55%,rgba(12,9,6,.22))}
.apad-hero__in{position:relative;z-index:2;max-width:1240px;width:100%;margin:0 auto;padding:60px 24px;color:#fff}
.apad-hero__kick{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;color:#e8c98a;background:rgba(184,146,79,.16);border:1px solid rgba(184,146,79,.4);padding:7px 16px;border-radius:30px;margin-bottom:20px;animation:apadUp .7s both}
.apad-hero__h{font-size:46px;line-height:1.35;font-weight:900;margin:0 0 18px;max-width:660px;text-shadow:0 2px 24px rgba(0,0,0,.3);animation:apadUp .7s .08s both}
.apad-hero__p{font-size:17px;line-height:2;color:#e9e2d4;margin:0 0 30px;max-width:560px;animation:apadUp .7s .16s both}
.apad-hero__cta{display:flex;gap:14px;flex-wrap:wrap;animation:apadUp .7s .24s both}
.apad-hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 38px;border-radius:14px;font-weight:800;font-size:15.5px;text-decoration:none;transition:.25s;background:linear-gradient(135deg,#b8924f,#d9b878);color:#1a1408;box-shadow:0 14px 34px rgba(184,146,79,.38)}
.apad-hero__btn:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(184,146,79,.5)}
.apad-hero__btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55);box-shadow:none}
.apad-hero__btn.ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}
@keyframes apadUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media(max-width:760px){.apad-hero{min-height:70vh}.apad-hero__h{font-size:31px}.apad-hero__p{font-size:15px}}

/* trust strip */
.apad-trust{background:#fff;border-bottom:1px solid #f0ece4;direction:rtl}
.apad-trust__in{max-width:1240px;margin:0 auto;padding:26px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:860px){.apad-trust__in{grid-template-columns:repeat(2,1fr);gap:18px}}
.apad-trust__c{display:flex;align-items:center;gap:14px}
.apad-trust__c .ic{flex:0 0 auto;width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#faf4e9,#f3e9d4);color:#b8924f}
.apad-trust__c b{display:block;font-size:14.5px;font-weight:800;color:#16130f}
.apad-trust__c i{display:block;font-size:12px;color:#8a857c;font-style:normal;margin-top:3px;line-height:1.6}

/* featured products section */
.apad-feat-sec{background:linear-gradient(180deg,#faf8f4,#fff)}
.apad-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:30px;direction:rtl}
.apad-home-head .apad-home-h,.apad-home-head .apad-home-sub{text-align:right;margin:0}
.apad-home-head .apad-home-sub{margin-top:6px}
.apad-home-all{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#b8924f;text-decoration:none;padding:10px 18px;border:1.5px solid #ece3d2;border-radius:12px;transition:.22s}
.apad-home-all:hover{background:#b8924f;color:#fff;border-color:#b8924f}
/* homepage grid has no #product-grid, so listing.js never un-hides .reveal -> show by default */
.apad-home-grid .apad-card.reveal{opacity:1 !important;transform:none !important}
.apad-home-grid{grid-template-columns:repeat(5,1fr) !important}
@media(max-width:1100px){.apad-home-grid{grid-template-columns:repeat(3,1fr) !important}}
@media(max-width:680px){.apad-home-grid{grid-template-columns:repeat(2,1fr) !important}}

/* ===== Mobile header: hamburger right, icons left, logo centered (no overlap) ===== */
@media(max-width:989px){
  .header.header--middle-center{position:relative}
  .header-drawer,.header__icon--menu{position:absolute !important;right:10px !important;left:auto !important;top:50% !important;transform:translateY(-50%) !important;z-index:6}
  .header__icons.large-up-hide{position:absolute !important;left:8px !important;right:auto !important;top:50% !important;transform:translateY(-50%) !important;margin:0 !important;z-index:6}
  .header__icons.large-up-hide .apad-ic{width:38px;height:38px}
  .header__heading.large-up-hide{padding:0 56px !important}
  .header__heading.large-up-hide .apad-brand{justify-content:center}
  /* mobile drawer menu: consistent item size (categories were 24px via inline 1.5rem, main items 13px) */
  .menu-drawer__navigation .menu-drawer__menu-item{font-size:16px !important;line-height:1.7 !important;
    padding-top:13px !important;padding-bottom:13px !important;text-align:right !important}
  /* محصولات as a gold section label above its categories */
  .menu-drawer__item > span.menu-drawer__menu-item{font-size:13px !important;font-weight:800 !important;
    color:#b8924f !important;padding-bottom:4px !important;padding-top:18px !important}
  /* the category links sit indented under محصولات */
  .menu-drawer__menu-item[style*="padding-right"]{padding-right:2.2rem !important;color:#3a3631 !important}
  /* FULL-WIDTH drawer: Dawn sizes the drawer to `calc(100vw - 4rem)`, leaving a ~4rem backdrop strip
     on the side (the grey part). Tapping that strip closed the menu (looked like a page refresh).
     Make the panel span the whole screen so there is no grey gap. */
  .menu-drawer{width:100vw !important;max-width:100vw !important;right:0 !important;left:0 !important}
  .menu-drawer__inner-container,.menu-drawer__navigation,
  .menu-drawer__navigation-container,.menu-drawer__menu{width:100% !important;max-width:100% !important}
  /* THE GREY STRIP: the menu toggle's `summary::before` is Dawn's backdrop overlay
     (background: rgba(18,18,18,.5)). Because the summary is absolutely positioned, that backdrop
     collapses into a 32px-wide, full-height grey strip instead of a full-screen dim. Remove it. */
  header-drawer summary::before,header-drawer summary::after,
  .header__icon--menu::before,.header__icon--menu::after,
  .menu-drawer-container > summary::before,details[open] > summary::before{
    display:none !important;background:transparent !important;content:none !important}
  /* hide every scrollbar inside the drawer (it could also paint a grey strip). */
  header-drawer,header-drawer *{scrollbar-width:none !important;scrollbar-color:transparent transparent !important;-ms-overflow-style:none !important;color-scheme:light !important}
  header-drawer ::-webkit-scrollbar,header-drawer::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important;background:transparent !important}
}

/* also normalize .shopify-section DIV wrappers (footer-group etc.) to normal flow (non-homepage) */
body:not(.apad-home-page) .content-for-layout .shopify-section,
body:not(.apad-home-page) .content-for-layout .shopify-section-group{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important}

/* ===== Image skeleton loading: smooth shimmer placeholder until each image is fully loaded =====
   While loading we also HIDE the <img>'s alt text (the browser paints it inside the box = the
   "ugly text" before the image shows) by making it transparent / zero-size. */
img.apad-img-load{
  background-color:#ece8e2 !important;
  background-image:linear-gradient(110deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.65) 48%,rgba(255,255,255,0) 66%) !important;
  background-size:220% 100% !important;background-repeat:no-repeat !important;
  animation:apadSkel 1.4s cubic-bezier(.4,0,.2,1) infinite !important;
  color:transparent !important;font-size:0 !important;text-indent:-9999px !important;border-radius:inherit;
}
img.apad-img-on{
  background-image:none !important;background-color:transparent !important;
  color:inherit;font-size:inherit;text-indent:0;
  animation:apadImgIn .5s cubic-bezier(.2,.7,.2,1) both !important;
}
@keyframes apadSkel{0%{background-position:180% 0}100%{background-position:-120% 0}}
@keyframes apadImgIn{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}