/* Reyhoon Shop v21.5.57 — Support section polish. Scoped to #rs-contact only. */
.rs-support-section{background:linear-gradient(180deg,#f7f3eb 0%,#f3efe6 100%);position:relative;overflow:hidden}
.rs-support-section:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(197,164,106,.13),transparent 68%);pointer-events:none}
.rs-support-shell{position:relative;display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"intro channels" "map map";gap:16px;background:rgba(255,255,255,.78);border:1px solid rgba(23,63,53,.10);border-radius:30px;padding:16px;box-shadow:0 24px 70px rgba(23,63,53,.09);backdrop-filter:blur(12px)}
.rs-support-intro{grid-area:intro;padding:34px 34px 26px;background:linear-gradient(145deg,#fff 0%,#fbfaf7 100%);border:1px solid #eee9df;border-radius:23px}
.rs-support-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rs-support-status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#eef6f1;color:#285447;font-size:9px;font-weight:800;border:1px solid #dcebe2}
.rs-support-status i{width:7px;height:7px;border-radius:50%;background:#4d9a71;box-shadow:0 0 0 4px rgba(77,154,113,.10)}
.rs-support-intro h2{font-size:36px;line-height:1.35;color:var(--rs-green);margin:16px 0 10px;letter-spacing:-.045em}
.rs-support-intro>p{font-size:12px;line-height:2;color:#68746f;max-width:590px;margin:0}
.rs-support-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.rs-support-action{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e6e1d8;border-radius:16px;background:#fff;color:var(--rs-green);text-decoration:none;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.rs-support-action:hover{transform:translateY(-3px);border-color:rgba(161,125,62,.36);box-shadow:0 14px 28px rgba(23,63,53,.08)}
.rs-support-action-primary{background:#173f35;color:#fff;border-color:#173f35}
.rs-support-action-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f4efe4;color:#a17d3e}
.rs-support-action-primary .rs-support-action-icon{background:rgba(255,255,255,.10);color:#e2c88f}
.rs-support-action-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rs-support-action small,.rs-support-channel small{display:block;font:800 7px/1.1 Arial,sans-serif;letter-spacing:.15em;color:#9b8a6a;margin-bottom:5px;direction:ltr}
.rs-support-action-primary small{color:#d8c18c}
.rs-support-action strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-support-action em{display:block;font-style:normal;color:#89928d;font-size:8px;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-support-action-primary em{color:rgba(255,255,255,.68)}
.rs-support-action>b,.rs-support-channel>b{font-size:17px;color:#a17d3e}
.rs-support-channels{grid-area:channels;display:grid;grid-template-columns:1fr;gap:10px;align-content:start;padding:8px}
.rs-support-channel{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid #e8e3d9;border-radius:17px;background:#fbfaf7;color:var(--rs-green);text-decoration:none;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.rs-support-channel:hover{transform:translateX(-4px);border-color:rgba(161,125,62,.34);box-shadow:0 12px 25px rgba(23,63,53,.07)}
.rs-support-channel-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#173f35;color:#e2c88f;font-size:20px}
.rs-support-channel strong{display:block;font-size:11px;margin-bottom:2px}
.rs-support-channel em{display:block;font-style:normal;color:#7c857f;font-size:8px;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-support-channel-address em{white-space:normal}
.rs-support-map-panel{grid-area:map;background:#173f35;border-radius:23px;padding:14px;min-height:430px;display:flex;flex-direction:column}
.rs-support-map-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 12px;color:#fff}
.rs-support-map-head strong{display:block;font-size:14px;margin-top:5px}
.rs-support-map-head a{font-size:9px;color:#e4cd98;border-bottom:1px solid rgba(228,205,152,.35);padding-bottom:3px;white-space:nowrap}
.rs-support-map-panel .rs-map-frame{min-height:350px}
.rs-support-map-panel .rs-map-frame>img{min-height:350px}
@media(max-width:900px){
 .rs-support-shell{grid-template-columns:1fr;grid-template-areas:"intro" "channels" "map";padding:10px;border-radius:23px;gap:10px}
 .rs-support-intro{padding:24px 20px 20px;border-radius:19px}
 .rs-support-intro h2{font-size:27px;line-height:1.45}
 .rs-support-intro>p{font-size:11px;line-height:2}
 .rs-support-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}
 .rs-support-action{grid-template-columns:38px minmax(0,1fr);padding:9px;gap:8px}
 .rs-support-action>b{display:none}
 .rs-support-action-icon{width:38px;height:38px;border-radius:11px}
 .rs-support-action strong{font-size:10px}
 .rs-support-action em{font-size:7px}
 .rs-support-channels{grid-template-columns:1fr 1fr;padding:0;gap:8px}
 .rs-support-channel{grid-template-columns:36px minmax(0,1fr);padding:10px;border-radius:15px;gap:8px}
 .rs-support-channel-icon{width:36px;height:36px;border-radius:11px;font-size:17px}
 .rs-support-channel>b{display:none}
 .rs-support-channel strong{font-size:9px}
 .rs-support-channel em{font-size:7px}
 .rs-support-map-panel{min-height:300px;border-radius:19px;padding:10px}
 .rs-support-map-panel .rs-map-frame,.rs-support-map-panel .rs-map-frame>img{min-height:245px}
 .rs-support-map-head strong{font-size:11px}
 .rs-support-map-head a{font-size:8px}
}
@media(max-width:560px){
 .rs-support-heading{align-items:flex-start}
 .rs-support-status{font-size:8px;padding:5px 8px}
 .rs-support-intro h2{font-size:23px;margin-top:12px}
 .rs-support-actions{grid-template-columns:1fr}
 .rs-support-action{min-height:61px}
 .rs-support-channels{grid-template-columns:1fr}
 .rs-support-channel-address{grid-column:auto}
 .rs-support-map-panel{min-height:260px}
 .rs-support-map-panel .rs-map-frame,.rs-support-map-panel .rs-map-frame>img{min-height:205px}
 .rs-support-map-badge{left:9px;right:9px;bottom:9px}
}
@media(prefers-reduced-motion:reduce){
 .rs-support-action,.rs-support-channel{transition:none}
 .rs-support-action:hover,.rs-support-channel:hover{transform:none}
}


/* v21.5.59 — Compact store-location map
 * Only affects the Support/Store Location block on the homepage.
 */
.rs-support-section .rs-support-map-panel{
  min-height:0;
  padding:12px;
}
.rs-support-section .rs-support-map-panel .rs-map-frame{
  min-height:0;
  height:clamp(210px, 22vw, 270px);
  overflow:hidden;
}
.rs-support-section .rs-support-map-panel .rs-map-frame>img{
  min-height:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.rs-support-section .rs-support-map-head{
  padding:1px 4px 9px;
}
.rs-support-section .rs-support-map-badge{
  bottom:10px;
}
@media(max-width:900px){
  .rs-support-section .rs-support-map-panel{
    min-height:0;
    padding:10px;
  }
  .rs-support-section .rs-support-map-panel .rs-map-frame{
    height:220px;
  }
}
@media(max-width:560px){
  .rs-support-section .rs-support-map-panel{
    min-height:0;
  }
  .rs-support-section .rs-support-map-panel .rs-map-frame{
    height:175px;
  }
}

/* v21.5.61 — Store map visual refinement / tighter footprint */
.rs-support-section .rs-support-map-panel{
  padding:10px;
  border-radius:20px;
  background:linear-gradient(135deg,#173f35 0%,#214f43 100%);
  box-shadow:0 14px 34px rgba(23,63,53,.10);
}
.rs-support-section .rs-support-map-head{
  min-height:34px;
  padding:0 3px 7px;
}
.rs-support-section .rs-support-map-head strong{font-size:12px;margin-top:3px}
.rs-support-section .rs-support-map-head a{font-size:8px}
.rs-support-section .rs-support-map-panel .rs-map-frame{
  height:190px;
  min-height:0;
  border-radius:15px;
  overflow:hidden;
  position:relative;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.rs-support-section .rs-support-map-panel .rs-map-frame>img{
  height:100%;
  min-height:0;
  width:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.01);
}
.rs-support-section .rs-map-badge{
  left:10px;
  right:10px;
  bottom:10px;
  padding:8px 10px;
  border-radius:12px;
  backdrop-filter:blur(8px);
}
.rs-support-section .rs-map-badge small{font-size:7px}
.rs-support-section .rs-map-badge strong{font-size:9px;line-height:1.55}
@media(max-width:900px){
  .rs-support-section .rs-support-map-panel{padding:8px;border-radius:17px}
  .rs-support-section .rs-support-map-head{padding-bottom:6px}
  .rs-support-section .rs-support-map-panel .rs-map-frame{height:150px;border-radius:13px}
  .rs-support-section .rs-map-badge{left:8px;right:8px;bottom:8px}
}
@media(max-width:560px){
  .rs-support-section .rs-support-map-panel{padding:7px;border-radius:15px}
  .rs-support-section .rs-support-map-head{min-height:28px;padding-bottom:5px}
  .rs-support-section .rs-support-map-head strong{font-size:10px}
  .rs-support-section .rs-support-map-panel .rs-map-frame{height:120px;border-radius:11px}
  .rs-support-section .rs-map-badge{padding:6px 8px;border-radius:10px}
  .rs-support-section .rs-map-badge strong{font-size:8px}
}


/* v21.5.121 — Support/map composition aligned to the approved visual mockup. */
.rs-support-section{padding:42px 0 48px!important;background:#f7f4ed!important;overflow:hidden!important;}
.rs-support-shell{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;grid-template-areas:"channels intro" "channels map"!important;gap:14px!important;padding:14px!important;border-radius:26px!important;background:rgba(255,255,255,.72)!important;border-color:rgba(23,63,53,.09)!important;box-shadow:0 18px 48px rgba(23,63,53,.07)!important;align-items:stretch!important;}
.rs-support-intro{grid-area:intro!important;padding:24px 26px 18px!important;border-radius:20px!important;}
.rs-support-intro h2{font-size:clamp(25px,2.2vw,34px)!important;line-height:1.45!important;margin:12px 0 8px!important;letter-spacing:-.035em!important;}
.rs-support-intro>p{font-size:13px!important;line-height:2!important;}
.rs-support-actions{margin-top:16px!important;gap:9px!important;}
.rs-support-action{grid-template-columns:36px minmax(0,1fr) auto!important;padding:9px 10px!important;border-radius:14px!important;}
.rs-support-action-icon{width:36px!important;height:36px!important;border-radius:11px!important;}
.rs-support-action small,.rs-support-channel small{font-size:8px!important;}
.rs-support-action strong{font-size:12px!important;}
.rs-support-action em{font-size:10px!important;}
.rs-support-channels{grid-area:channels!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:0!important;align-content:center!important;}
.rs-support-channel{grid-template-columns:54px minmax(0,1fr) 18px!important;gap:13px!important;padding:15px 16px!important;border-radius:17px!important;background:#fff!important;border-color:#eee8dd!important;min-height:94px!important;}
.rs-support-channel-icon{width:54px!important;height:54px!important;border-radius:50%!important;background:#f4efe4!important;overflow:hidden!important;}
.rs-support-channel-icon img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;}
.rs-support-channel strong{font-size:14px!important;line-height:1.5!important;margin-bottom:3px!important;}
.rs-support-channel em{font-size:11px!important;line-height:1.7!important;white-space:normal!important;}
.rs-support-channel>b{font-size:21px!important;}
.rs-support-map-panel{grid-area:map!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:0 15px!important;align-items:center!important;padding:12px!important;border-radius:19px!important;background:#fff!important;border:1px solid #eee8dd!important;color:#173f35!important;}
.rs-support-map-head{grid-column:1/-1!important;padding:2px 4px 9px!important;color:#173f35!important;}
.rs-support-map-head strong{font-size:13px!important;color:#173f35!important;}
.rs-support-map-head a{font-size:10px!important;color:#a17d3e!important;}
.rs-support-map-panel .rs-map-frame{position:relative!important;grid-column:1!important;grid-row:2!important;min-height:116px!important;height:116px!important;overflow:hidden!important;border-radius:13px!important;background:#e8e8e8!important;}
.rs-support-map-panel .rs-map-frame>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;}
.rs-support-map-panel .rs-map-pin{transform:scale(.8)!important;}
.rs-support-map-panel .rs-map-badge{position:relative!important;inset:auto!important;grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center!important;gap:10px!important;padding:8px 0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;min-width:0!important;}
.rs-support-map-panel .rs-map-badge>span{flex:0 0 36px!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#f4efe4!important;color:#a17d3e!important;font-size:20px!important;}
.rs-support-map-panel .rs-map-badge small{display:block!important;font-size:10px!important;color:#a17d3e!important;margin-bottom:5px!important;}
.rs-support-map-panel .rs-map-badge strong{display:block!important;font-size:11px!important;line-height:1.8!important;color:#69756f!important;overflow-wrap:anywhere!important;}
@media(max-width:900px){
 .rs-support-section{padding:28px 0 34px!important;}
 .rs-support-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"intro intro" "channels channels" "map map"!important;padding:12px!important;gap:12px!important;}
 .rs-support-intro{padding:22px!important;}
 .rs-support-intro h2{font-size:clamp(23px,3.5vw,30px)!important;}
 .rs-support-channels{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;}
 .rs-support-channel{grid-template-columns:42px minmax(0,1fr)!important;min-height:80px!important;padding:12px!important;gap:9px!important;}
 .rs-support-channel-icon{width:42px!important;height:42px!important;}
 .rs-support-channel>b{display:none!important;}
 .rs-support-channel strong{font-size:12px!important;}
 .rs-support-channel em{font-size:10px!important;}
 .rs-support-map-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;}
 .rs-support-map-panel .rs-map-frame{height:130px!important;min-height:130px!important;}
}
@media(max-width:560px){
 .rs-support-section{padding:22px 0 28px!important;}
 .rs-support-shell{grid-template-areas:"intro" "channels" "map"!important;padding:8px!important;border-radius:20px!important;gap:9px!important;}
 .rs-support-intro{padding:18px 15px!important;border-radius:16px!important;}
 .rs-support-heading{align-items:center!important;}
 .rs-support-status{font-size:9px!important;}
 .rs-support-intro h2{font-size:23px!important;line-height:1.55!important;}
 .rs-support-intro>p{font-size:12px!important;}
 .rs-support-actions{grid-template-columns:1fr!important;gap:8px!important;}
 .rs-support-action{grid-template-columns:38px minmax(0,1fr) auto!important;padding:9px 10px!important;}
 .rs-support-action strong{font-size:12px!important;}
 .rs-support-action em{font-size:10px!important;}
 .rs-support-channels{grid-template-columns:1fr!important;gap:8px!important;}
 .rs-support-channel{grid-template-columns:48px minmax(0,1fr) 18px!important;min-height:74px!important;padding:10px 12px!important;}
 .rs-support-channel-icon{width:48px!important;height:48px!important;}
 .rs-support-channel>b{display:block!important;font-size:18px!important;}
 .rs-support-channel strong{font-size:13px!important;}
 .rs-support-channel em{font-size:11px!important;}
 .rs-support-map-panel{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;padding:10px!important;gap:7px!important;}
 .rs-support-map-head{grid-column:1!important;grid-row:1!important;padding-bottom:3px!important;}
 .rs-support-map-panel .rs-map-frame{grid-column:1!important;grid-row:2!important;width:100%!important;height:142px!important;min-height:142px!important;}
 .rs-support-map-panel .rs-map-badge{grid-column:1!important;grid-row:3!important;padding:5px 2px!important;}
 .rs-support-map-panel .rs-map-badge strong{font-size:11px!important;}
}
@media(prefers-reduced-motion:reduce){.rs-support-action,.rs-support-channel{transition:none!important}}

/* v21.5.122 — Mobile-only support section width and alignment repair.
 * Scoped to the homepage support block; desktop and tablet rules remain unchanged.
 */
@media (max-width: 560px){
  #rs-contact.rs-support-section{
    width:100%; max-width:100%; margin-inline:0; padding:22px 0 28px!important;
    overflow:hidden!important; box-sizing:border-box; direction:rtl;
  }
  #rs-contact.rs-support-section > .rs-container{
    display:block!important; width:100%!important; max-width:none!important;
    margin-inline:0!important; padding-inline:12px!important; box-sizing:border-box!important;
  }
  #rs-contact .rs-support-shell{
    display:grid!important; width:100%!important; max-width:100%!important;
    min-width:0!important; margin:0!important; padding:10px!important;
    box-sizing:border-box!important; grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"intro" "channels" "map"!important;
    gap:10px!important; justify-items:stretch!important; align-items:stretch!important;
    direction:rtl!important;
  }
  #rs-contact .rs-support-intro,
  #rs-contact .rs-support-channels,
  #rs-contact .rs-support-map-panel{
    grid-column:1!important; width:100%!important; max-width:100%!important;
    min-width:0!important; margin:0!important; box-sizing:border-box!important;
  }
  #rs-contact .rs-support-intro{padding:18px 14px!important;}
  #rs-contact .rs-support-heading{display:flex!important; width:100%; min-width:0; flex-wrap:wrap; justify-content:space-between; gap:8px;}
  #rs-contact .rs-support-intro h2,
  #rs-contact .rs-support-intro>p{max-width:100%!important; overflow-wrap:anywhere!important; word-break:normal!important;}
  #rs-contact .rs-support-actions{display:grid!important; width:100%!important; min-width:0!important; grid-template-columns:minmax(0,1fr)!important;}
  #rs-contact .rs-support-action{width:100%!important; min-width:0!important; box-sizing:border-box!important; grid-template-columns:38px minmax(0,1fr) auto!important;}
  #rs-contact .rs-support-action>span:nth-child(2){min-width:0!important; overflow-wrap:anywhere!important;}
  #rs-contact .rs-support-channels{display:grid!important; grid-template-columns:minmax(0,1fr)!important; align-content:stretch!important;}
  #rs-contact .rs-support-channel{
    display:grid!important; width:100%!important; max-width:100%!important; min-width:0!important;
    box-sizing:border-box!important; grid-template-columns:48px minmax(0,1fr) 18px!important;
    gap:10px!important; padding:11px 12px!important; direction:rtl!important;
  }
  #rs-contact .rs-support-channel>span:nth-child(2){min-width:0!important; overflow:hidden!important;}
  #rs-contact .rs-support-channel em{white-space:normal!important; overflow-wrap:anywhere!important;}
  #rs-contact .rs-support-map-panel{
    display:grid!important; grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important; gap:8px!important; padding:10px!important;
  }
  #rs-contact .rs-support-map-head{grid-column:1!important; grid-row:1!important; width:100%!important; min-width:0!important;}
  #rs-contact .rs-support-map-panel .rs-map-frame{grid-column:1!important; grid-row:2!important; width:100%!important; min-width:0!important; height:150px!important; min-height:150px!important;}
  #rs-contact .rs-support-map-panel .rs-map-badge{grid-column:1!important; grid-row:3!important; width:100%!important; min-width:0!important; box-sizing:border-box!important;}
  #rs-contact .rs-support-map-panel .rs-map-badge>div{min-width:0!important; overflow-wrap:anywhere!important;}
}

