/* UnlockerTool homepage + service auth reference v4.
   Scoped to the new UI only. No preloader, back-end, payment or order selectors. */
html[data-page="index"] .ur-reference-hero{
  isolation:isolate;position:relative;overflow:hidden;
  width:min(1080px,calc(100% - 12px));margin:0 auto 20px;
  border-radius:0 0 22px 22px;
  background:radial-gradient(ellipse 70% 52% at 52% 16%,rgba(39,102,182,.24),transparent 82%),linear-gradient(150deg,#0b1b30,#153252 68%,#1a4271);
  color:#eff7ff;padding:25px clamp(16px,4vw,50px) 20px;
  box-shadow:0 24px 55px rgba(0,0,0,.14);
}
html[data-page="index"] .ur-reference-glow{pointer-events:none;position:absolute;inset:-30% 0 auto;height:65%;z-index:-1;background:radial-gradient(ellipse,rgba(58,127,223,.30),transparent 66%)}
html[data-page="index"] .ur-popular-carousel{height:265px;max-width:600px;margin:0 auto 18px;position:relative;perspective:850px;}
html[data-page="index"] .ur-popular-card{display:flex!important;flex-direction:column;position:absolute!important;top:8px;left:50%;width:202px;height:222px;overflow:hidden;text-decoration:none!important;border:1px solid #4d759b!important;border-radius:17px!important;background:linear-gradient(160deg,#1a3858,#0d2036)!important;color:#fff!important;box-shadow:0 10px 32px #0009!important;transform-origin:center center;transition:transform .58s cubic-bezier(.2,.8,.2,1),filter .58s,opacity .58s,box-shadow .58s!important;will-change:transform;touch-action:pan-y;}
html[data-page="index"] .ur-popular-card.is-center{z-index:4;opacity:1;filter:none;transform:translateX(-50%) translateZ(48px) scale(1.04) rotateY(0);box-shadow:0 0 0 1px #64a0f644,0 12px 38px #0a1326e0,0 0 28px #387fd355!important;}
html[data-page="index"] .ur-popular-card.is-before{z-index:2;opacity:.82;filter:brightness(.84);transform:translateX(calc(-50% - 148px)) translateZ(-38px) scale(.88) rotateY(13deg) rotate(-5deg);}
html[data-page="index"] .ur-popular-card.is-after{z-index:2;opacity:.82;filter:brightness(.84);transform:translateX(calc(-50% + 148px)) translateZ(-38px) scale(.88) rotateY(-13deg) rotate(5deg);}
html[data-page="index"] .ur-popular-card.is-hidden{z-index:1;opacity:0;pointer-events:none;transform:translateX(-50%) scale(.6);}
html[data-page="index"] .ur-popular-pic{height:111px;flex-shrink:0;display:grid;place-items:center;padding:10px;background:radial-gradient(ellipse at center,#284b81,#122c49 65%,#102239);}
html[data-page="index"] .ur-popular-pic img{max-height:95px;max-width:100%;height:auto;width:auto;object-fit:contain;filter:drop-shadow(0 6px 10px #0005)}
html[data-page="index"] .ur-popular-detail{display:flex;flex-direction:column;gap:4px;padding:11px 13px 10px;min-width:0;flex:1}
html[data-page="index"] .ur-popular-kind{color:#afc6e5;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html[data-page="index"] .ur-popular-detail strong{font-size:11.5px;line-height:1.26;color:#f6fbff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:29px;}
html[data-page="index"] .ur-popular-delivery{display:flex;align-items:center;gap:5px;color:#67e2c7;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
html[data-page="index"] .ur-popular-pulse{height:7px;width:7px;flex:0 0 7px;border-radius:50%;background:#39dfb7;box-shadow:0 0 9px #39dfb7}
html[data-page="index"] .ur-popular-price{margin-top:auto;align-self:flex-start;border-radius:7px;background:#165d65;color:#b0ffe8;padding:5px 8px;font-size:12px;font-weight:800;}
html[data-page="index"] .ur-popular-dots{position:absolute;z-index:6;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;}
html[data-page="index"] .ur-popular-dots button{width:6px;height:6px;border:0;padding:0;border-radius:99px;background:#7c96b1;cursor:pointer;transition:background .2s,width .2s}
html[data-page="index"] .ur-popular-dots button[aria-pressed="true"]{width:19px;background:#f5ce69;}
html[data-page="index"] .ur-popular-card:focus-visible,.ur-hero-register:focus-visible,.ur-hero-explore:focus-visible{outline:2px solid #ffd46d!important;outline-offset:3px;}
html[data-page="index"] .ur-reference-copy{position:relative;z-index:5;max-width:710px;margin:auto;}
html[data-page="index"] .ur-reference-copy h1{margin:0 0 8px!important;color:white!important;font-size:clamp(29px,3.8vw,49px)!important;line-height:1.13!important;letter-spacing:-.04em!important;font-weight:850!important;}
html[data-page="index"] .ur-reference-copy h1 em{font-style:normal;color:#ffe39c;}
html[data-page="index"] .ur-reference-copy p{color:#bdcee5!important;font-size:clamp(12px,1.6vw,15px)!important;line-height:1.5!important;margin:0 0 20px!important;}
html[data-page="index"] .ur-reference-actions{display:grid;gap:8px;}
html[data-page="index"] .ur-hero-register{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:50px;background:linear-gradient(105deg,#ffe09a,#f6b622)!important;color:#3c2a06!important;font-size:14px;font-weight:800;border-radius:12px!important;text-decoration:none!important;box-shadow:0 6px 23px #fec33d40;transition:filter .2s,transform .2s;}
html[data-page="index"] .ur-hero-register:hover{filter:brightness(1.05);transform:translateY(-2px);}
html[data-page="index"] .ur-hero-explore{display:flex!important;align-items:center;justify-content:center;gap:8px;color:#f0d588!important;font-size:13px;font-weight:750;text-decoration:none!important;padding:8px;}
html[data-page="index"] .ur-operators{display:flex;justify-content:space-between;gap:8px;max-width:725px;margin:16px auto 10px;}
html[data-page="index"] .ur-operator{width:39px;height:39px;flex:0 1 39px;border-radius:50%;border:2px solid #244c7a;box-shadow:0 5px 16px #02060c57;display:grid;place-items:center;color:white;font-weight:850;font-size:8px;text-align:center;letter-spacing:-.04em;}
html[data-page="index"] .ur-op-tool{background:#101e2c;color:#f7cf55}html[data-page="index"] .ur-op-mvola{background:#f8c600;color:#161616}html[data-page="index"] .ur-op-airtel{background:#e92b28}html[data-page="index"] .ur-op-orange{background:#ff8c12}html[data-page="index"] .ur-op-unlock{background:#0d6da2}html[data-page="index"] .ur-op-credit{background:#208e55}html[data-page="index"] .ur-op-rent{background:#1a2638;color:#f3d26c}
html[data-page="index"] .ur-location-pill{width:max-content;max-width:100%;display:flex;align-items:center;gap:6px;margin:0 auto 7px;padding:4px 11px;background:#31577c;color:#dce9fa;border:1px solid #577799;border-radius:100px;font-size:12px;}
html[data-page="index"] .ur-location-pill strong{color:#f8fbff;}
html[data-page="index"] .ur-flag-marquee{max-width:730px;margin:0 auto;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
html[data-page="index"] .ur-flag-track{display:flex;width:max-content;align-items:center;gap:21px;animation:ur-flag-scroll 35s linear infinite;}
html[data-page="index"] .ur-flag-track span{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:27px;font-size:22px;filter:drop-shadow(0 2px 3px #0005)}
html[data-page="index"] .ur-flag-marquee-reverse .ur-flag-track{animation-direction:reverse;animation-duration:41s}
@keyframes ur-flag-scroll{to{transform:translateX(-50%)}}
@media(max-width:650px){
 html[data-page="index"] .page{padding-top:0!important;}
 html[data-page="index"] .ur-reference-hero{width:calc(100% + 4px);margin-left:-2px;margin-right:-2px;padding:15px 13px 9px;border-radius:0 0 15px 15px;}
 html[data-page="index"] .ur-popular-carousel{height:245px;margin-bottom:8px;}
 html[data-page="index"] .ur-popular-card{width:173px;height:213px;top:6px;border-radius:14px!important;}
 html[data-page="index"] .ur-popular-card.is-before{transform:translateX(calc(-50% - 110px)) scale(.84) rotate(-6deg) rotateY(12deg);}
 html[data-page="index"] .ur-popular-card.is-after{transform:translateX(calc(-50% + 110px)) scale(.84) rotate(6deg) rotateY(-12deg);}
 html[data-page="index"] .ur-popular-pic{height:95px;}
 html[data-page="index"] .ur-popular-pic img{max-height:78px;}
 html[data-page="index"] .ur-popular-detail{padding:9px 10px;}
 html[data-page="index"] .ur-popular-detail strong{font-size:11px;}
 html[data-page="index"] .ur-reference-copy h1{font-size:clamp(26px,6.9vw,34px)!important;}
 html[data-page="index"] .ur-reference-copy p{margin-bottom:12px!important;}
 html[data-page="index"] .ur-hero-register{min-height:45px;font-size:12px;}
 html[data-page="index"] .ur-hero-explore{font-size:12px;padding:5px;}
 html[data-page="index"] .ur-operators{margin-top:12px;gap:4px;}
 html[data-page="index"] .ur-operator{width:34px;height:34px;flex:0 1 34px;font-size:7px;}
 html[data-page="index"] .ur-flag-track{gap:13px;}
 html[data-page="index"] .ur-flag-track span{min-width:19px;font-size:19px;height:23px;}
}
@media(max-width:360px){html[data-page="index"] .ur-popular-card.is-before{transform:translateX(calc(-50% - 96px)) scale(.8) rotate(-5deg)}html[data-page="index"] .ur-popular-card.is-after{transform:translateX(calc(-50% + 96px)) scale(.8) rotate(5deg)}html[data-page="index"] .ur-operator{width:28px;height:28px;flex-basis:28px;font-size:6px}}
@media(prefers-reduced-motion:reduce){html[data-page="index"] .ur-popular-card,html[data-page="index"] .ur-flag-track{animation:none!important;transition:none!important;}}

/* Service detail modal : native HTML form posts to existing login.php. */
.ur-auth-overlay[hidden],.ur-auth-field[hidden]{display:none!important}
.ur-auth-overlay{position:fixed!important;inset:0!important;z-index:30000!important;display:grid;place-items:center;overflow-y:auto;padding:16px;overscroll-behavior:contain;}
.ur-auth-scrim{position:fixed;inset:0;background:rgba(0,12,22,.80);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ur-auth-modal-card{position:relative;z-index:1;width:min(430px,100%);margin:auto;border-radius:19px;border:1px solid #355677;background:#16283f;box-shadow:0 20px 55px #0009;color:#f4f8ff;padding:28px 26px 24px;animation:ur-modal-enter .26s ease-out both;}
@keyframes ur-modal-enter{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.ur-auth-close{position:absolute;right:14px;top:13px;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#223954;color:#b6cbe6;border:1px solid #375678;font-size:24px;cursor:pointer;}
.ur-auth-modal-card h2{margin:0 32px 6px 0!important;font-size:24px!important;font-weight:850;color:#f6faff!important;line-height:1.18!important;}
.ur-auth-modal-intro{margin:0 0 17px!important;color:#a8bfd9!important;font-size:12px!important;line-height:1.5!important;}
.ur-auth-choose{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;background:#102239;border:1px solid #2f5175;border-radius:10px;}
.ur-auth-choose button{cursor:pointer;border:0;border-radius:7px;color:#b9c8e0;background:transparent;min-height:33px;font-weight:750;font-size:12px;}
.ur-auth-choose button.is-selected{background:#226dd3;color:white;}
.ur-auth-field{margin:0 0 12px;}
.ur-auth-field label{font-size:12px;font-weight:750;color:#eff6ff!important;display:block;margin-bottom:5px;}
.ur-auth-field input{display:block;box-sizing:border-box;width:100%;height:44px;min-height:44px;border:1px solid #3a5776;background:#2a3e5c;color:#f7fbff;font-size:13px;border-radius:10px;padding:10px 12px;outline:0;}
.ur-auth-field input:focus{border-color:#74a7f3;box-shadow:0 0 0 3px #3784ec33;}
.ur-auth-field input::placeholder{color:#adbad0;}
.ur-auth-password-row{display:flex;align-items:center;justify-content:space-between;gap:9px;}
.ur-auth-password-row a{color:#76b2ff!important;font-size:11px;text-decoration:none;}
.ur-auth-password-wrap{position:relative;}
.ur-auth-password-wrap input{padding-right:45px;}
.ur-auth-password-wrap button{position:absolute;right:4px;top:50%;transform:translateY(-50%);height:35px;width:35px;border:0;border-radius:8px;color:#aabfd9;background:transparent;font-size:17px;cursor:pointer;}
.ur-auth-submit{width:100%;min-height:44px;margin-top:3px;border:0;border-radius:10px;background:#2675dc;color:#fff;font-size:13px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 18px #1654a34a;}
.ur-auth-divider{display:flex;align-items:center;gap:8px;margin:16px 0 13px;color:#829bb7;font-size:11px;font-weight:750;}
.ur-auth-divider:before,.ur-auth-divider:after{content:"";flex:1;height:1px;background:#36516b;}
.ur-auth-google,.ur-auth-create{display:flex!important;justify-content:center;align-items:center;gap:8px;min-height:42px;border-radius:10px;text-decoration:none!important;font-size:12px;font-weight:750;}
.ur-auth-google{background:#fff!important;color:#2e3135!important;}
.ur-auth-google svg{flex-shrink:0;}
.ur-auth-create{margin-top:12px;border:1px solid #1c5479;background:#11253c;color:#b4d5ff!important;}
@media(max-width:560px){.ur-auth-overlay{padding:10px}.ur-auth-modal-card{width:min(370px,100%);padding:21px 17px 17px;border-radius:16px}.ur-auth-modal-card h2{font-size:20px!important}.ur-auth-modal-intro{font-size:11px!important;margin-bottom:12px!important}.ur-auth-choose{margin-bottom:10px}.ur-auth-field{margin-bottom:9px}.ur-auth-field input{min-height:39px;height:39px}.ur-auth-submit{min-height:41px}.ur-auth-divider{margin:11px 0}.ur-auth-google,.ur-auth-create{min-height:40px}}

/* Success: modal instead of a full standalone page; preserve original timed redirect. */
html[data-page="login-success"] .ur-success-backdrop{position:fixed;z-index:29990;inset:0;background:rgba(0,15,25,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
html[data-page="login-success"] main.page > .ur-auth-success.ur-success-reference{box-sizing:border-box;position:fixed!important;z-index:29991!important;top:50%;left:50%;transform:translate(-50%,-50%)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(420px,calc(100vw - 30px))!important;max-width:420px!important;max-height:calc(100dvh - 30px);overflow-y:auto;padding:28px 22px!important;margin:0!important;border-radius:18px!important;border:1px solid #385a7c!important;background:linear-gradient(145deg,#1a3659,#15283f)!important;color:#fff!important;box-shadow:0 28px 66px #0009!important;animation:ur-modal-fade .28s ease-out both;}
@keyframes ur-modal-fade{from{opacity:0}to{opacity:1}}
html[data-page="login-success"] .ur-auth-success.ur-success-reference .ur-success-check{width:72px;height:72px;color:#58edbd;margin:0 auto 12px;}
html[data-page="login-success"] .ur-auth-success.ur-success-reference .ur-success-eyebrow{color:#a6c8f3;font-size:10px;letter-spacing:.1em;text-align:center;}
html[data-page="login-success"] .ur-auth-success.ur-success-reference h1{font-size:clamp(23px,5vw,29px)!important;text-align:center;color:white!important;margin:7px 0 8px!important;}
html[data-page="login-success"] .ur-auth-success.ur-success-reference p{text-align:center;font-size:12px;color:#afc5e3!important;line-height:1.5;margin:0 0 15px;}
html[data-page="login-success"] .ur-auth-success.ur-success-reference .ur-success-countdown{font-size:12px;color:#b9d3f1!important;text-align:center;}
html[data-page="login-success"] .ur-auth-success.ur-success-reference .ur-success-continue{min-height:44px;width:100%;max-width:300px;background:#2675df!important;border-radius:10px!important;font-size:12px;display:flex;align-items:center;justify-content:center;}
@media(prefers-reduced-motion:reduce){.ur-auth-modal-card,.ur-success-reference{animation:none!important}}

/* ===== V4.1 desktop web alignment overrides ===== */
html[data-page="index"] .ur-reference-tagline{
  display:inline-block;
  color:#ffffff!important;
  background:linear-gradient(90deg,#0c4cab 0%,#1d61c5 100%);
  padding:4px 8px;
  border-radius:2px;
  box-shadow:0 8px 24px rgba(3,24,61,.18);
}

html[data-page="index"] .ur-reference-meta{
  position:relative;
  z-index:5;
}

@media(min-width: 901px){
  html[data-page="index"] .ur-reference-hero{
    display:grid;
    grid-template-columns:minmax(0, 1.02fr) minmax(410px, 470px);
    grid-template-areas:
      "copy carousel"
      "meta carousel";
    align-items:center;
    column-gap:34px;
    row-gap:18px;
    width:min(1320px, calc(100% - 20px));
    padding:28px 48px 18px;
    min-height:520px;
    background:
      radial-gradient(ellipse 42% 46% at 73% 44%, rgba(58,127,223,.18), transparent 78%),
      radial-gradient(ellipse 70% 56% at 33% 10%, rgba(39,102,182,.20), transparent 82%),
      linear-gradient(150deg,#0b1b30,#153252 68%,#1a4271);
  }

  html[data-page="index"] .ur-reference-copy{
    grid-area:copy;
    max-width:620px;
    margin:0;
    align-self:end;
  }

  html[data-page="index"] .ur-reference-copy h1{
    font-size:clamp(52px, 5vw, 60px)!important;
    line-height:1.02!important;
    margin:0 0 16px!important;
    max-width:640px;
  }

  html[data-page="index"] .ur-reference-copy p{
    font-size:16px!important;
    line-height:1.45!important;
    margin:0 0 22px!important;
  }

  html[data-page="index"] .ur-reference-actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
  }

  html[data-page="index"] .ur-hero-register{
    min-height:44px;
    padding:0 22px;
    border-radius:14px!important;
    font-size:14px;
    justify-content:center;
    min-width:292px;
  }

  html[data-page="index"] .ur-hero-explore{
    min-height:44px;
    padding:0 20px;
    border-radius:14px!important;
    border:1px solid #496686;
    background:rgba(255,255,255,.04);
    color:#edf5ff!important;
  }

  html[data-page="index"] .ur-reference-meta{
    grid-area:meta;
    max-width:620px;
    margin:0;
  }

  html[data-page="index"] .ur-operators{
    justify-content:flex-start;
    gap:12px;
    margin:8px 0 12px;
    max-width:none;
  }

  html[data-page="index"] .ur-operator{
    width:42px;
    height:42px;
    flex:0 0 42px;
    font-size:8px;
  }

  html[data-page="index"] .ur-location-pill{
    margin:0 0 11px;
    font-size:13px;
    padding:5px 13px;
  }

  html[data-page="index"] .ur-flag-marquee{
    max-width:560px;
    margin:0 0 3px;
    mask-image:none;
    -webkit-mask-image:none;
  }

  html[data-page="index"] .ur-flag-track{
    gap:17px;
  }

  html[data-page="index"] .ur-flag-track span{
    min-width:22px;
    height:26px;
    font-size:21px;
    line-height:1;
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif!important;
    font-variant-emoji:emoji;
    text-transform:none!important;
    font-feature-settings:"liga" 1;
  }

  html[data-page="index"] .ur-popular-carousel{
    grid-area:carousel;
    align-self:center;
    justify-self:end;
    width:100%;
    max-width:480px;
    height:355px;
    margin:0;
    perspective:1000px;
  }

  html[data-page="index"] .ur-popular-card{
    width:244px;
    height:294px;
    top:16px;
    border-radius:20px!important;
  }

  html[data-page="index"] .ur-popular-card.is-center{
    transform:translateX(-50%) translateZ(54px) scale(1.05) rotateY(0);
  }

  html[data-page="index"] .ur-popular-card.is-before{
    transform:translateX(calc(-50% - 170px)) translateZ(-34px) scale(.88) rotateY(12deg) rotate(-6deg);
  }

  html[data-page="index"] .ur-popular-card.is-after{
    transform:translateX(calc(-50% + 170px)) translateZ(-34px) scale(.88) rotateY(-12deg) rotate(6deg);
  }

  html[data-page="index"] .ur-popular-pic{
    height:150px;
    padding:12px;
  }

  html[data-page="index"] .ur-popular-pic img{
    max-height:128px;
  }

  html[data-page="index"] .ur-popular-detail{
    padding:13px 15px 12px;
    gap:6px;
  }

  html[data-page="index"] .ur-popular-kind{
    font-size:11px;
  }

  html[data-page="index"] .ur-popular-detail strong{
    font-size:16px;
    line-height:1.24;
    min-height:58px;
  }

  html[data-page="index"] .ur-popular-delivery{
    font-size:12px;
  }

  html[data-page="index"] .ur-popular-price{
    font-size:13px;
    padding:7px 10px;
    border-radius:9px;
  }

  html[data-page="index"] .ur-popular-dots{
    bottom:12px;
  }
}

@media(max-width: 900px){
  html[data-page="index"] .ur-reference-hero{
    display:block;
  }

  html[data-page="index"] .ur-reference-copy,
  html[data-page="index"] .ur-reference-meta{
    margin:auto;
  }

  html[data-page="index"] .ur-flag-track span{
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif!important;
    font-variant-emoji:emoji;
    text-transform:none!important;
  }
}

html[data-page="index"] .ur-location-pill > span:first-child{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif!important;font-variant-emoji:emoji;}

/* ====== 4.2: offline SVG flag images, not platform-dependent emoji ====== */
html[data-page="index"] .ur-flag-marquee { display:block!important; overflow:hidden!important; min-width:0; }
html[data-page="index"] .ur-flag-track { display:flex!important; gap:14px!important; width:max-content!important; align-items:center!important; }
html[data-page="index"] .ur-flag-track > img {
  display:block!important; flex:none!important;
  width:32px!important; height:24px!important;
  min-width:32px!important; max-width:none!important;
  object-fit:contain!important; background:transparent!important;
  border:0!important; border-radius:2px!important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));
}
html[data-page="index"] .ur-location-pill > img { flex:0 0 auto; width:25px!important; height:19px!important; object-fit:contain!important; }
html[data-page="index"] .ur-reference-tagline {
  background:none!important; border:0!important; box-shadow:none!important;
  color:#d5e2f6!important; padding:0!important; line-height:1.4!important;
}

/* The same login/register modal is used for home and service detail. */
.ur-auth-overlay[hidden],.ur-auth-overlay [data-ur-auth-view][hidden],.ur-auth-overlay [data-ur-register-email-group][hidden],.ur-auth-overlay [data-ur-register-phone-group][hidden] { display:none!important; }
.ur-auth-overlay .ur-auth-modal-card { max-height:min(92dvh,850px)!important; overflow-y:auto!important; overscroll-behavior:contain; }
.ur-auth-overlay .ur-auth-create { display:flex!important; width:100%!important; min-height:40px!important; font-family:inherit!important; justify-content:center!important; align-items:center!important; text-align:center!important; cursor:pointer!important; border-radius:10px!important; }
.ur-auth-overlay .ur-auth-modal-card [data-ur-auth-view="register"] .ur-auth-field { margin-bottom:10px!important; }
.ur-auth-overlay .ur-auth-modal-card [data-ur-auth-view="register"] .ur-auth-modal-intro { margin-bottom:12px!important; }
.ur-auth-overlay .ur-auth-modal-card [data-ur-auth-view="register"] .ur-auth-choose { margin-bottom:11px!important; }
.ur-auth-overlay .ur-auth-modal-card [data-ur-auth-view="register"] .ur-auth-divider { margin:11px 0!important; }
.ur-auth-overlay .ur-auth-modal-card [data-ur-auth-view="register"] .ur-auth-create { margin-top:9px!important; }
.ur-auth-overlay .ur-auth-modal-card [data-ur-auth-view="register"] input:not([type="hidden"]) { min-height:40px!important; height:40px!important; }
.ur-auth-overlay .ur-auth-modal-card [data-ur-auth-view="register"] .ur-auth-submit { min-height:41px!important; }
.ur-auth-overlay .ur-auth-close { z-index:3; }
@media(max-width:560px){
 html[data-page="index"] .ur-flag-track > img { width:27px!important; min-width:27px!important; height:20px!important; }
 .ur-auth-overlay .ur-auth-modal-card { max-height:calc(100dvh - 20px)!important; }
 .ur-auth-overlay .ur-auth-modal-card [data-ur-auth-view="register"] .ur-auth-field { margin-bottom:8px!important; }
}

/* ===== V4.3 : price always visible, smaller text on the homepage =====
   Only carousel/hero presentation rules. No effects on other pages. */
html[data-page="index"] .ur-popular-card {
  box-sizing: border-box!important;
}
html[data-page="index"] .ur-popular-pic {
  box-sizing: border-box!important;
  height:94px;
  padding:7px!important;
}
html[data-page="index"] .ur-popular-pic img {
  max-height:78px;
}
html[data-page="index"] .ur-popular-detail {
  box-sizing:border-box!important;
  min-height:0!important;
  gap:4px!important;
  padding:10px 12px 12px!important;
  overflow:hidden;
}
html[data-page="index"] .ur-popular-kind {
  font-size:10px!important;
  line-height:1.25!important;
  flex-shrink:0!important;
}
html[data-page="index"] .ur-popular-detail strong {
  font-size:12px!important;
  line-height:1.28!important;
  font-weight:750!important;
  min-height:0!important;
  max-height:3.84em;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  flex-shrink:1;
}
html[data-page="index"] .ur-popular-delivery {
  font-size:10px!important;
  line-height:1.3!important;
  flex-shrink:0!important;
}
html[data-page="index"] .ur-popular-price {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  width:max-content!important;
  max-width:100%;
  box-sizing:border-box!important;
  margin-top:auto!important;
  padding:6px 9px!important;
  min-height:26px!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  visibility:visible!important;
}

@media (min-width:901px) {
  html[data-page="index"] .ur-reference-copy h1 {
    font-size:clamp(37px,3.55vw,46px)!important;
    line-height:1.10!important;
    margin-bottom:12px!important;
    letter-spacing:-.025em!important;
  }
  html[data-page="index"] .ur-reference-copy p {
    font-size:14px!important;
    line-height:1.48!important;
    margin-bottom:17px!important;
  }
  html[data-page="index"] .ur-popular-card {
    height:294px;
  }
  html[data-page="index"] .ur-popular-pic {
    height:118px!important;
  }
  html[data-page="index"] .ur-popular-pic img {
    max-height:101px!important;
  }
  html[data-page="index"] .ur-popular-detail strong {
    font-size:12.5px!important;
  }
}
@media (min-width:651px) and (max-width:900px) {
  html[data-page="index"] .ur-reference-copy h1 {
    font-size:clamp(30px,4vw,39px)!important;
  }
  html[data-page="index"] .ur-popular-card {
    height:231px;
  }
}
@media (max-width:650px) {
  html[data-page="index"] .ur-reference-copy h1 {
    font-size:clamp(24px,6vw,31px)!important;
  }
  html[data-page="index"] .ur-popular-card {
    height:213px;
  }
  html[data-page="index"] .ur-popular-pic {
    height:82px!important;
  }
  html[data-page="index"] .ur-popular-pic img {
    max-height:68px!important;
  }
  html[data-page="index"] .ur-popular-detail {
    padding:7px 9px 9px!important;
    gap:3px!important;
  }
  html[data-page="index"] .ur-popular-kind {font-size:9px!important;}
  html[data-page="index"] .ur-popular-detail strong {font-size:10.5px!important;}
  html[data-page="index"] .ur-popular-delivery {font-size:9px!important;}
  html[data-page="index"] .ur-popular-price {
    font-size:10.5px!important;
    min-height:23px!important;
    padding:4px 7px!important;
  }
}