/* iPhoneXpert Wallpaper Studio v1.18.2.13 -- scoped styles, no global resets */
.iphx-wallpapers{background:#f6f8fc;color:#142036;overflow-x:clip}
.iphx-wallpapers a:focus-visible,.iphx-wallpapers button:focus-visible,.iphx-wallpapers input:focus-visible{outline:3px solid #53a7ff;outline-offset:3px}
.iphx-wp-hero{background:radial-gradient(ellipse at 88% 0%,#244fba 0%,transparent 43%),linear-gradient(115deg,#08152d 1%,#12244a 64%,#0c1e40 100%);color:white;overflow:hidden}
.iphx-wp-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:34px;align-items:center;padding-top:74px;padding-bottom:77px;min-height:480px}
.iphx-wp-kicker,.iphx-wp-overline{display:block;font-weight:850;font-size:.73rem;letter-spacing:.145em;text-transform:uppercase;color:#6fa7ff}
.iphx-wp-hero h1{font-size:clamp(2.8rem,5.3vw,4.9rem);max-width:700px;line-height:1.05;letter-spacing:-.055em;margin:20px 0}
.iphx-wp-hero p{font-size:clamp(1.03rem,1.6vw,1.2rem);line-height:1.7;color:#d3dff7;max-width:640px}
.iphx-wp-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:19px;margin-top:29px}
.iphx-wp-btn,.iphx-wp-card-actions .iphx-wp-download{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:11px 23px;border-radius:13px;background:#2563eb;color:#fff!important;text-decoration:none!important;font-weight:780;font-size:.94rem;box-shadow:0 12px 22px rgba(20,68,160,.16);transition:background .2s ease,transform .2s ease}
.iphx-wp-btn:hover,.iphx-wp-card-actions .iphx-wp-download:hover{background:#154ed2;transform:translateY(-1px)}
.iphx-wp-text-link{font-weight:750;color:#dbe9ff!important;text-decoration:underline;text-underline-offset:5px}
.iphx-wp-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.iphx-wp-facts span{font-size:.78rem;font-weight:720;color:#e1ecff;border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:7px 11px;background:rgba(255,255,255,.07)}
.iphx-wp-hero-visual{height:335px;min-width:0;position:relative;isolation:isolate}.iphx-wp-hero-visual:before{content:"";position:absolute;inset:6% 9%;background:#3978fa;filter:blur(77px);opacity:.35;z-index:-1}
.iphx-wp-mac-mock{position:absolute;width:83%;top:10%;right:0;padding:9px 9px 18px;background:#101827;border:2px solid #8293b4;border-radius:16px;transform:rotate(3deg);box-shadow:0 26px 58px rgba(0,0,0,.48)}.iphx-wp-mac-mock img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:5px}.iphx-wp-mac-mock:after{content:"";position:absolute;bottom:-10px;left:-7%;right:-7%;height:12px;background:linear-gradient(90deg,#8da1bd,#f2f5fb 38%,#9eb2cb);border-radius:2px 2px 14px 14px}
.iphx-wp-phone-mock{position:absolute;bottom:0;left:1%;width:28%;max-width:155px;aspect-ratio:1440/3120;background:#0c111d;border:5px solid #101726;border-radius:27px;overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.53);transform:rotate(-8deg)}.iphx-wp-phone-mock:after{content:"";position:absolute;top:6px;left:34%;right:34%;height:8px;border-radius:99px;background:#0b101b}.iphx-wp-phone-mock img{width:100%;height:100%;display:block;object-fit:cover}
.iphx-wp-gallery{padding:72px 0 90px}.iphx-wp-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.iphx-wp-heading h2,.iphx-wp-howto h2{font-size:clamp(2rem,3vw,2.85rem);letter-spacing:-.04em;line-height:1.2;margin:9px 0 11px}.iphx-wp-heading p{color:#56647c;font-size:1.02rem;margin:0}.iphx-wp-count{white-space:nowrap;color:#3b5687;background:#e8eefb;border-radius:99px;padding:9px 15px;font-size:.84rem;font-weight:800}
.iphx-wp-toolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:27px;padding:15px;border:1px solid #dfe6f1;background:#fff;border-radius:17px}.iphx-wp-filters{display:flex;gap:8px;flex-wrap:wrap}.iphx-wp-filters button{border:1px solid #dbe3f2;background:#f6f8fc;color:#23324b;font-size:.86rem;font-weight:780;border-radius:12px;padding:11px 16px;cursor:pointer;min-height:44px}.iphx-wp-filters button:hover{background:#e9effb}.iphx-wp-filters button.is-active{background:#2563eb;border-color:#2563eb;color:#fff}.iphx-wp-search-wrap{width:min(100%,295px)}.iphx-wp-search-wrap label{display:block;color:#44536d;font-weight:800;font-size:.75rem;margin-bottom:7px}.iphx-wp-search-wrap input{width:100%;border:1px solid #dbe3f2!important;border-radius:11px!important;background:#fff!important;padding:11px 13px!important;min-height:44px;font-size:.91rem;box-sizing:border-box}
.iphx-wp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.iphx-wp-card{min-width:0;background:white;border:1px solid #dfe6f2;border-radius:21px;overflow:hidden;box-shadow:0 13px 34px rgba(22,41,79,.06)}.iphx-wp-card[hidden]{display:none!important}.iphx-wp-card-image{display:flex;align-items:center;justify-content:center;height:272px;padding:14px;box-sizing:border-box;position:relative;overflow:hidden;background:linear-gradient(140deg,#d9e5fb,#edf2fa);text-decoration:none}.iphx-wp-card-image.is-phone{background:radial-gradient(circle at 50% 40%,#c6dafa,#eaf1fc 75%)}.iphx-wp-card-image img{display:block;max-width:100%;transition:transform .3s ease}.iphx-wp-card-image.is-phone img{height:100%;width:auto;max-width:80%;object-fit:contain;border-radius:13px;box-shadow:0 12px 27px rgba(12,20,43,.2)}.iphx-wp-card-image.is-desktop img{width:100%;height:auto;max-height:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px;box-shadow:0 12px 25px rgba(12,20,43,.17)}.iphx-wp-card-image:hover img{transform:scale(1.025)}.iphx-wp-image-badge{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.94);color:#1e3b6c;font-weight:850;font-size:.73rem;border-radius:99px;padding:6px 11px;box-shadow:0 4px 13px rgba(0,0,0,.07)}
.iphx-wp-card-info{padding:20px}.iphx-wp-card-category{color:#2563eb;font-weight:820;text-transform:uppercase;letter-spacing:.09em;font-size:.7rem}.iphx-wp-card-info h3{font-size:1.27rem;letter-spacing:-.025em;margin:7px 0 5px;color:#111b30}.iphx-wp-card-info p{margin:0 0 7px;color:#55637b;font-size:.9rem}.iphx-wp-resolution{color:#667991;font-size:.79rem;font-weight:700}.iphx-wp-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:18px}.iphx-wp-card-actions .iphx-wp-download{min-height:43px;padding:10px 14px;font-size:.83rem}.iphx-wp-view{font-weight:780;font-size:.82rem;color:#245bc9;text-underline-offset:3px}.iphx-wp-empty{padding:25px;background:#fff;border:1px solid #cfd9e9;border-radius:14px;color:#46566c}
.iphx-wp-howto{padding:68px 0 78px;background:#fff;border-top:1px solid #e1e8f3}.iphx-wp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:27px}.iphx-wp-step{border:1px solid #e3e9f4;border-radius:19px;padding:25px;background:#f9fbff}.iphx-wp-step-index{display:inline-flex;color:#245dce;background:#e8efff;padding:8px 12px;border-radius:10px;font-size:.85rem;font-weight:900}.iphx-wp-step h3{font-size:1.18rem;letter-spacing:-.02em;margin:16px 0 10px;color:#11203b}.iphx-wp-step p{color:#4a5970;font-size:.94rem;line-height:1.7}.iphx-wp-step a{font-weight:780;font-size:.85rem;color:#225bd0}
.iphx-wp-footer-banner{background:#101c38;color:#f0f5ff;padding:54px 0}.iphx-wp-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.iphx-wp-bottom-row h2{font-size:clamp(1.6rem,3vw,2.3rem);color:#fff;letter-spacing:-.035em;margin:0 0 9px}.iphx-wp-bottom-row p{color:#d2ddf1;max-width:660px;line-height:1.7}.iphx-wp-bottom-row .iphx-wp-btn{white-space:nowrap}.iphx-wp-license{font-size:.76rem;line-height:1.65;color:#aebdd4;margin:27px 0 0;max-width:880px}
/* Homepage teaser is appended to runtime home content without DB migration */
.iphx-wallpapers-teaser{background:#f1f5fc}.iphx-wallpaper-teaser-shell{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;border:1px solid #d6e4f6;background:linear-gradient(112deg,#fff,#e5eeff);padding:38px 45px;border-radius:28px;overflow:hidden}.iphx-wallpaper-teaser-text h2{font-size:clamp(1.7rem,3vw,2.75rem);line-height:1.13;letter-spacing:-.04em;color:#12203a;margin:10px 0}.iphx-wallpaper-teaser-text p{line-height:1.7;color:#4e5d74;font-size:1.02rem;max-width:530px;margin-bottom:23px}.iphx-wallpaper-teaser-art{display:flex;justify-content:center;align-items:center;gap:12px;height:245px}.iphx-wallpaper-teaser-art img{object-fit:cover;border-radius:16px;box-shadow:0 15px 35px rgba(21,51,101,.22);max-height:100%}.iphx-wallpaper-teaser-art img:first-child{width:105px;height:226px;transform:rotate(-6deg)}.iphx-wallpaper-teaser-art img:last-child{width:270px;height:169px;transform:rotate(4deg)}
@media(max-width:980px){.iphx-wp-hero-grid{grid-template-columns:1fr .8fr}.iphx-wp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iphx-wp-steps{gap:13px}}
@media(max-width:740px){.iphx-wp-hero-grid{display:block;padding-top:50px;padding-bottom:0}.iphx-wp-hero h1{font-size:clamp(2.65rem,11vw,4rem)}.iphx-wp-hero-visual{margin:36px auto -27px;max-width:520px;height:290px}.iphx-wp-gallery{padding-top:62px}.iphx-wp-toolbar{align-items:stretch;flex-direction:column}.iphx-wp-search-wrap{width:100%}.iphx-wp-steps{grid-template-columns:1fr}.iphx-wp-bottom-row{flex-direction:column;align-items:flex-start}.iphx-wallpaper-teaser-shell{grid-template-columns:1fr;padding:27px}.iphx-wallpaper-teaser-art{height:185px}.iphx-wallpaper-teaser-art img:first-child{width:80px;height:170px}.iphx-wallpaper-teaser-art img:last-child{width:205px;height:129px}}
@media(max-width:560px){.iphx-wp-grid{grid-template-columns:1fr}.iphx-wp-heading{align-items:start;flex-direction:column}.iphx-wp-card-image{height:280px}.iphx-wp-hero-actions{gap:15px}.iphx-wp-hero-visual{height:250px}.iphx-wp-mac-mock{width:85%;top:8%}.iphx-wp-phone-mock{width:29%}.iphx-wp-filters button{flex:1}.iphx-wp-filters{display:flex;width:100%}.iphx-wp-filters button{font-size:.77rem;padding:10px 9px}.iphx-wp-gallery{padding-bottom:57px}}
@media(prefers-reduced-motion:reduce){.iphx-wp-btn,.iphx-wp-card-image img{transition:none}}

/* November 2026 additions: preserve original gallery layout */
.iphx-wp-fresh-badge{position:absolute;top:14px;right:14px;z-index:1;padding:6px 11px;border-radius:999px;background:#1d4ed8;color:#fff;font-size:.73rem;font-weight:850;box-shadow:0 4px 13px rgba(15,39,95,.22)}
@media(max-width:560px){.iphx-wp-filters{display:grid;grid-template-columns:1fr 1fr}.iphx-wp-filters button{min-width:0}}
