/* Mobile homepage redesign only. Original shop photographs. */
.fg-ie-mobile-hero{display:none;}
@media(max-width:767px){
 .frontpage-site-slider{display:none!important;}
 .fg-ie-mobile-hero{display:block!important;margin:5px 12px 20px;max-width:none;color:#173447;}
 .fg-ie-mobile-hero>img{display:block;width:100%;height:clamp(260px,76vw,425px);object-fit:cover;object-position:45% 49%;border-radius:14px;}
 .fg-ie-mobile-hero-copy{padding:17px 5px 3px;}
 .fg-ie-mobile-hero-copy h1{font-size:clamp(23px,6vw,31px)!important;font-weight:800!important;letter-spacing:-.025em;line-height:1.15!important;color:#173447!important;margin:0 0 10px!important;text-transform:none!important;}
 .fg-ie-mobile-hero-copy p{font-size:14px!important;line-height:1.55!important;color:#526a78!important;margin:0 0 15px!important;}
 .fg-ie-mobile-hero-copy a{display:inline-flex;align-items:center;gap:15px;background:#173447;color:#fff!important;text-decoration:none!important;border-radius:10px;padding:12px 17px;font-size:13px;font-weight:700;}
 .fg-ie-mobile-hero-copy a:hover{background:#1f5d78!important;color:#fff!important;}
 .ikelite-home-category-cards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:6px 0 25px!important;padding:0 2px!important;background:transparent!important;}
 .ikelite-home-category-cards>.ikelite-home-category-card{position:relative!important;display:grid!important;grid-template-columns:39% minmax(0,1fr)!important;grid-template-rows:auto auto 1fr!important;align-content:center!important;column-gap:14px!important;min-height:128px!important;padding:0 29px 0 0!important;margin:0!important;border:1px solid #dce5e9!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important;transform:none!important;}
 .ikelite-home-category-cards>.ikelite-home-category-card:before{display:none!important;}
 .ikelite-home-category-card .ikelite-home-category-media{grid-column:1!important;grid-row:1/4!important;align-self:stretch!important;width:100%!important;height:100%!important;min-height:128px!important;margin:0!important;padding:0!important;border-radius:0!important;overflow:hidden!important;}
 .ikelite-home-category-card .ikelite-home-category-media img{display:block!important;width:100%!important;height:100%!important;min-height:128px!important;object-fit:cover!important;object-position:center!important;}
 .ikelite-home-category-card .ikelite-home-category-icon{display:none!important;}
 .ikelite-home-category-card .ikelite-home-category-kicker{grid-column:2!important;grid-row:1!important;position:static!important;margin:13px 0 3px!important;color:#647c8b!important;font-size:9px!important;letter-spacing:.11em!important;line-height:1.2!important;}
 .ikelite-home-category-card h2{grid-column:2!important;grid-row:2!important;margin:0 0 5px!important;font-size:15px!important;line-height:1.2!important;font-weight:800!important;color:#173447!important;}
 .ikelite-home-category-card p{grid-column:2!important;grid-row:3!important;margin:0 0 14px!important;font-size:11.5px!important;line-height:1.38!important;color:#506675!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important;}
 .ikelite-home-category-card .ikelite-home-category-link{position:absolute!important;right:9px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;font-size:0!important;color:#173447!important;}
 .ikelite-home-category-card .ikelite-home-category-link .fa{font-size:15px!important;margin:0!important;}
}
@media(max-width:375px){.ikelite-home-category-cards>.ikelite-home-category-card{grid-template-columns:36% minmax(0,1fr)!important;column-gap:10px!important;}.ikelite-home-category-card h2{font-size:13px!important;}.ikelite-home-category-card p{font-size:10.5px!important;}}

/* v2: restore the diver and camera to the mobile crop; slimmer product tiles. */
@media(max-width:767px){
 .fg-ie-mobile-hero>img{object-position:0% 50%!important;min-height:270px!important;background:#123d52!important;}
 .ikelite-home-category-cards>.ikelite-home-category-card{grid-template-columns:35% minmax(0,1fr)!important;min-height:116px!important;column-gap:12px!important;}
 .ikelite-home-category-card .ikelite-home-category-media,.ikelite-home-category-card .ikelite-home-category-media img{min-height:116px!important;}
 .ikelite-home-category-card .ikelite-home-category-kicker{margin-top:10px!important;}
 .ikelite-home-category-card p{margin-bottom:10px!important;}
}
@media(max-width:375px){.ikelite-home-category-cards>.ikelite-home-category-card{grid-template-columns:33% minmax(0,1fr)!important;}}

/* Uploaded 800x600 mobile crop: display entire picture, never auto-crop. */
@media(max-width:767px){.fg-ie-mobile-hero>img{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;object-fit:contain!important;object-position:center center!important;}}

/* v4: real photograph with white lower-left overlay text on mobile only */
@media(max-width:767px){
 .fg-ie-mobile-hero{position:relative!important;overflow:hidden!important;border-radius:14px!important;margin-bottom:18px!important;}
 .fg-ie-mobile-hero>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important;border-radius:14px!important;}
 .fg-ie-mobile-hero:after{content:'';position:absolute;inset:35% 0 0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(0,28,38,.25) 34%,rgba(0,24,35,.78) 100%);border-radius:0 0 14px 14px;}
 .fg-ie-mobile-hero .fg-ie-mobile-hero-copy{position:absolute!important;z-index:2!important;bottom:0!important;left:0!important;right:0!important;padding:0 20px 23px!important;}
 .fg-ie-mobile-hero .fg-ie-mobile-hero-copy h1{color:#fff!important;font-size:clamp(25px,7.6vw,43px)!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.03!important;margin:0!important;text-shadow:0 2px 9px rgba(0,0,0,.24)!important;}
 .fg-ie-mobile-hero .fg-ie-mobile-hero-copy h1 span{display:block!important;}
 .fg-ie-mobile-hero .fg-ie-mobile-hero-copy p{display:none!important;}
}

/* v5: welcoming introduction on mobile: genuine photo, overlay, clear service promise */
.fg-ie-mobile-welcome-note{display:none;}
@media(max-width:767px){
 .fg-ie-mobile-hero{margin-bottom:0!important;border-radius:14px!important;}
 .fg-ie-mobile-hero .fg-ie-mobile-hero-copy{padding:0 19px 22px!important;}
 .fg-ie-mobile-welcome-label{display:inline-block;color:#fff;font-weight:750;letter-spacing:.13em;font-size:10px;line-height:1.3;margin:0 0 11px;padding-bottom:8px;border-bottom:2px solid #fff;text-shadow:0 1px 5px rgba(0,0,0,.3);}
 .fg-ie-mobile-hero .fg-ie-mobile-hero-copy h1{font-size:clamp(27px,7vw,39px)!important;line-height:1.06!important;}
 .fg-ie-mobile-welcome-note{display:block!important;margin:0 12px 20px;padding:17px 5px 14px;color:#173447;}
 .fg-ie-mobile-welcome-note p{font-size:14px!important;line-height:1.55!important;color:#4c6371!important;margin:0 0 13px!important;}
 .fg-ie-mobile-welcome-signals{display:flex;flex-wrap:wrap;gap:7px;}
 .fg-ie-mobile-welcome-signals span{display:inline-block;background:#edf4f6;color:#22536a;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:650;}
}

/* v6: four genuine benefits, matching the approved mobile visual direction */
.fg-ie-mobile-benefits{display:none;}
@media(max-width:767px){
 .fg-ie-mobile-welcome-note{margin-bottom:15px!important;}
 .fg-ie-mobile-benefits{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important;margin:21px -5px 12px!important;padding:12px 10px!important;border-radius:16px;background:#f8f7f4!important;}
 .fg-ie-mobile-benefit{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:12px 6px!important;}
 .fg-ie-mobile-benefit:nth-child(odd){border-right:1px solid #e7e3dc;}
 .fg-ie-mobile-benefit:nth-child(-n+2){border-bottom:1px solid #e7e3dc;}
 .fg-ie-benefit-icon{display:flex;flex:0 0 33px;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;background:#eee9e0;color:#1e505b;font-size:15px;}
 .fg-ie-mobile-benefit strong{display:block;color:#173447!important;font-size:11px!important;line-height:1.23!important;font-weight:800!important;letter-spacing:.01em;}
 .fg-ie-mobile-benefit small{display:block;color:#4e6570!important;font-size:10.5px!important;line-height:1.4!important;margin-top:4px;}
}

/* v7: lighter hero type and actual Hostedshop payment logos below benefits */
.fg-ie-mobile-payment-row{display:none;}
@media(max-width:767px){
 .fg-ie-mobile-hero .fg-ie-mobile-hero-copy h1{font-weight:600!important;}
 .fg-ie-mobile-welcome-label{font-weight:600!important;}
 .fg-ie-mobile-payment-row{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:14px 10px;margin:11px -5px 0;border-top:1px solid #dfe6e9;background:#fff;border-radius:10px;}
 .fg-ie-mobile-payment-row img{display:block;width:auto!important;max-width:62px!important;height:auto!important;max-height:28px!important;object-fit:contain!important;}
}

/* v8: clear editorial intro and nonwrapping payment-logo ribbon */
.fg-ie-mobile-intro-heading{display:none;}
@media(max-width:767px){
 .fg-ie-mobile-intro-heading{display:block!important;margin:0 0 11px!important;font-size:11px!important;font-weight:750!important;letter-spacing:.15em!important;color:#1d5a71!important;line-height:1.25!important;}
 .fg-ie-mobile-payment-row{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:13px!important;padding:15px 10px!important;}
 .fg-ie-mobile-payment-row img{flex:0 0 auto!important;width:auto!important;max-width:62px!important;max-height:28px!important;}
}

/* v9: compact transition to product categories and matching section label */
.fg-ie-mobile-categories-title{display:none;}
@media(max-width:767px){
 .fg-ie-mobile-welcome-note{margin-bottom:0!important;padding-bottom:0!important;}
 .fg-ie-mobile-payment-row{margin-bottom:0!important;padding-bottom:10px!important;}
 .fg-ie-mobile-categories-title{display:block!important;color:#1d5a71!important;font-size:11px!important;letter-spacing:.15em!important;font-weight:750!important;line-height:1.25!important;margin:0 2px 12px!important;}
 .ikelite-home-category-cards{margin-top:0!important;}
}

/* v10: approved mobile hero crop, no grey overlay or bottom shadow, balanced introduction spacing. */
@media(max-width:767px){
 .fg-ie-mobile-hero{box-shadow:none!important;filter:none!important;background:transparent!important;overflow:hidden!important;}
 .fg-ie-mobile-hero>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.48!important;object-fit:cover!important;object-position:center bottom!important;box-shadow:none!important;filter:none!important;border-radius:14px!important;}
 .fg-ie-mobile-hero:after{display:none!important;content:none!important;}
 .fg-ie-mobile-hero .fg-ie-mobile-hero-copy h1,.fg-ie-mobile-welcome-label{text-shadow:0 2px 5px rgba(0,0,0,.55)!important;}
 .fg-ie-mobile-welcome-note{padding:19px 5px!important;margin-bottom:0!important;}
 .fg-ie-mobile-welcome-note p{margin:0!important;}
 .fg-ie-mobile-intro-heading{margin:0 0 11px!important;}
 .fg-ie-mobile-benefits{margin-top:19px!important;}
}
