.gmug{
  --gmug-accent:#079867;
  --gmug-accent-2:#13b984;
  --gmug-accent-dark:#057551;
  --gmug-soft:#effbf5;
  --gmug-line:#e1eaf0;
  --gmug-text:#10233f;
  --gmug-muted:#718099;
  direction:rtl;
  text-align:right;
  color:var(--gmug-text);
  font-family:inherit;
  margin:20px 0;
  line-height:1.75;
}
.gmug *{box-sizing:border-box}
.gmug-blue{--gmug-accent:#1976d2;--gmug-accent-2:#42a5f5;--gmug-accent-dark:#0b5394;--gmug-soft:#eef6ff}
.gmug-graphite{--gmug-accent:#52637a;--gmug-accent-2:#7890ad;--gmug-accent-dark:#26384f;--gmug-soft:#f2f5f8}
.gmug-amber{--gmug-accent:#d48800;--gmug-accent-2:#f5a623;--gmug-accent-dark:#9a6100;--gmug-soft:#fff8e8}
.gmug-intro{position:relative;overflow:hidden;margin:0 0 16px;padding:22px 24px;border:1px solid var(--gmug-line);border-radius:20px;background:linear-gradient(135deg,var(--gmug-soft),#fff 72%);box-shadow:0 8px 24px rgba(28,50,76,.04)}
.gmug-intro:after{content:"";position:absolute;left:-45px;top:-80px;width:170px;height:170px;border-radius:50%;background:color-mix(in srgb,var(--gmug-accent) 9%,transparent)}
.gmug-intro h2{position:relative;z-index:1;margin:0!important;color:var(--gmug-accent-dark);font-size:25px!important;line-height:1.55!important;font-weight:900!important}
.gmug-intro p{position:relative;z-index:1;margin:6px 0 0!important;color:var(--gmug-muted);font-size:13.5px;line-height:1.9}
.gmug-module{position:relative;margin:0 0 16px;padding:19px;border:1px solid var(--gmug-line);border-radius:20px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 8px 24px rgba(28,50,76,.035)}
.gmug-module-head{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.gmug-module-head h3,.gmug-group-head h3{margin:0!important;color:var(--gmug-text)!important;font-size:18px!important;line-height:1.6!important;font-weight:900!important}
.gmug .gmug-module-head h3:before,.gmug .gmug-module-head h3:after,.gmug .gmug-group-head h3:before,.gmug .gmug-group-head h3:after{display:none!important;content:none!important}
.gmug-module-head h3>span,.gmug-group-head h3>span{font-variant-numeric:tabular-nums}
.gmug-module-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1.5px solid color-mix(in srgb,var(--gmug-accent) 42%,#fff);border-radius:50%;background:#fff;color:var(--gmug-accent)}
.gmug-module-icon svg{display:block;width:21px;height:21px}
.gmug-module-icon.amber{border-color:#f4c665;color:#e69000}

.gmug-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:2px 20px 22px}
.gmug-step{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.gmug-step:not(:last-child):after{content:"‹";position:absolute;left:-31px;top:48px;color:#8ea2b8;font-size:34px;font-weight:400}
.gmug-step-number{position:absolute;z-index:2;right:calc(50% - 53px);top:73px;display:grid;place-items:center;width:31px;height:31px;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,var(--gmug-accent),var(--gmug-accent-2));box-shadow:0 7px 18px color-mix(in srgb,var(--gmug-accent) 27%,transparent);color:#fff;font-size:13px;font-weight:900}
.gmug-step-image{display:grid;place-items:center;width:108px;height:108px;margin-bottom:9px;overflow:hidden;border:1px solid #dfe8ee;border-radius:50%;background:linear-gradient(145deg,#fff,#f6f9fb)}
.gmug-step-image img{display:block;width:auto;height:auto;max-width:90px;max-height:90px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(17,35,55,.09))}
.gmug-step.mix .gmug-step-image img{max-width:75px;max-height:88px}
.gmug-step strong{display:block;font-size:16px;line-height:1.6;font-weight:900}
.gmug-step small{display:block;margin-top:3px;color:var(--gmug-muted);font-size:12.5px;line-height:1.7}
.gmug-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gmug-stat{display:flex;align-items:center;justify-content:center;gap:16px;min-height:76px;padding:8px 18px;border:1px solid var(--gmug-line);border-radius:15px}
.gmug-stat-dose{border-color:#cbeee0;background:linear-gradient(90deg,#fff,#f0fcf6)}
.gmug-stat-liquid{border-color:#d2e3ff;background:linear-gradient(90deg,#fff,#f2f7ff)}
.gmug-stat-art{display:grid;place-items:center;width:76px;height:58px}
.gmug-stat-art img{display:block;max-width:72px;max-height:56px;object-fit:contain}
.gmug-stat-icon{display:grid;place-items:center;width:44px;height:44px;color:#0b59ba}
.gmug-stat-icon svg{width:100%;height:100%}
.gmug-stat strong{display:block;font-size:17px;font-weight:900}
.gmug-stat small{display:block;margin-top:2px;color:var(--gmug-muted);font-size:11.5px}

.gmug .gmug-time-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important;width:100%!important;margin:0!important;padding:0!important}
.gmug button.gmug-time-card{all:unset;box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;min-height:178px!important;height:auto!important;margin:0!important;padding:8px 8px 12px!important;overflow:hidden!important;border:1px solid var(--gmug-line)!important;border-radius:15px!important;background:#fff;box-shadow:0 6px 17px rgba(15,32,55,.035)!important;color:var(--gmug-text);font:inherit!important;font-size:inherit!important;line-height:1.5!important;direction:rtl!important;text-align:center!important;text-transform:none!important;letter-spacing:normal!important;white-space:normal!important;vertical-align:top!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;user-select:none!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.gmug button.gmug-time-card:hover{transform:translateY(-2px)!important;box-shadow:0 11px 24px rgba(15,32,55,.08)!important}
.gmug button.gmug-time-card:focus-visible{outline:3px solid currentColor!important;outline-offset:3px!important}
.gmug button.gmug-time-card:disabled{opacity:1!important;filter:none!important;cursor:default!important;pointer-events:none!important}.gmug button.gmug-time-card:disabled:hover{transform:none!important;box-shadow:0 6px 17px rgba(15,32,55,.035)!important}
.gmug .gmug-time-image{position:relative!important;display:block!important;flex:0 0 105px!important;width:100%!important;height:105px!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(0,0,0,.04)!important;border-radius:11px!important;background:#f3f6f8!important;line-height:0!important}
.gmug .gmug-time-image picture{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
.gmug .gmug-time-image img{display:block!important;width:100%!important;height:100%!important;min-width:100%!important;max-width:none!important;min-height:100%!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:cover!important;object-position:center!important}
.gmug .gmug-time-label{display:block!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-height:20px!important;overflow:visible!important;margin:9px 0 0!important;padding:0!important;color:currentColor!important;font-size:13.5px!important;line-height:1.6!important;font-weight:900!important;text-align:center!important;white-space:nowrap!important;text-overflow:clip!important}
.gmug .gmug-time-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;margin:5px auto 0!important;padding:0!important;color:currentColor!important;line-height:0!important}
.gmug .gmug-time-icon svg{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important}
.gmug-check{position:absolute;z-index:2;left:7px;top:7px;display:none;place-items:center;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:var(--gmug-accent);box-shadow:0 6px 14px color-mix(in srgb,var(--gmug-accent) 28%,transparent);color:#fff;font-size:13px;font-weight:900}
.gmug button.gmug-time-card.is-selected{border-color:var(--gmug-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--gmug-accent) 10%,transparent),0 9px 20px color-mix(in srgb,var(--gmug-accent) 10%,transparent)!important}
.gmug-time-card.is-selected .gmug-check{display:grid}
.gmug button.gmug-time-card.tone-sun{border-color:#ffd28a!important;background:#fffaf0!important;color:#c47700!important}.gmug button.gmug-time-card.tone-green{border-color:#b7ead6!important;background:#f2fff9!important;color:#057551!important}.gmug button.gmug-time-card.tone-blue{border-color:#b9d9ff!important;background:#f3f8ff!important;color:#0b63b6!important}.gmug button.gmug-time-card.tone-teal{border-color:#b7edf0!important;background:#f2feff!important;color:#087f8c!important}.gmug button.gmug-time-card.tone-amber{border-color:#ffe1a6!important;background:#fff8e7!important;color:#d08500!important}.gmug button.gmug-time-card.tone-violet{border-color:#d9ccff!important;background:#f7f4ff!important;color:#5f3dc4!important}.gmug button.gmug-time-card.tone-green-soft{border-color:#c5efd8!important;background:#f4fff8!important;color:#2b8a3e!important}
.gmug button.gmug-time-card:not(.is-selected){border-color:#d9e0e6!important;background:#f3f5f7!important;color:#7b8794!important;box-shadow:none!important}
.gmug button.gmug-time-card:not(.is-selected) .gmug-time-image{border-color:#dfe4e8!important;background:#e9edf0!important}
.gmug button.gmug-time-card:not(.is-selected) .gmug-time-image img{filter:grayscale(1) saturate(.12) contrast(.9)!important;opacity:.52!important}
.gmug button.gmug-time-card:not(.is-selected) .gmug-time-label{color:#7b8794!important;font-weight:800!important}
.gmug button.gmug-time-card:not(.is-selected) .gmug-time-icon{color:#929daa!important;opacity:.72!important;filter:none!important}
.gmug button.gmug-time-card.is-selected{border-color:var(--gmug-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--gmug-accent) 18%,transparent),0 12px 25px color-mix(in srgb,var(--gmug-accent) 15%,transparent)!important}
.gmug button.gmug-time-card.is-selected .gmug-time-image{border-color:color-mix(in srgb,var(--gmug-accent) 32%,#fff)!important}
.gmug button.gmug-time-card.is-selected .gmug-time-image img{filter:none!important;opacity:1!important}
.gmug button.gmug-time-card.is-selected .gmug-time-label{font-weight:950!important;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.gmug button.gmug-time-card.is-selected .gmug-time-icon{opacity:1!important;filter:drop-shadow(0 3px 5px rgba(15,32,55,.12))!important}
.gmug button.gmug-time-card.is-selected .gmug-check{display:grid!important;width:27px!important;height:27px!important;background:linear-gradient(135deg,var(--gmug-accent),var(--gmug-accent-2))!important;box-shadow:0 7px 17px color-mix(in srgb,var(--gmug-accent) 38%,transparent)!important;font-size:15px!important}
.gmug-recommendation{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;margin-top:14px;padding:9px 84px 9px 22px;overflow:hidden;border:1px solid #c8eadb;border-radius:17px;background:linear-gradient(180deg,#f7fffb,#eefaf4);color:#102b4a;text-align:center}
.gmug-recommendation-text{display:block;width:100%;font-size:14.5px;line-height:1.9;font-weight:900}
.gmug-recommendation-star{position:absolute;right:13px;top:50%;display:grid;place-items:center;width:52px;height:52px;transform:translateY(-50%);border:4px solid #edf9f2;border-radius:50%;background:linear-gradient(135deg,var(--gmug-accent),var(--gmug-accent-2));box-shadow:0 8px 18px color-mix(in srgb,var(--gmug-accent) 22%,transparent);color:#fff;font-size:23px}

.gmug-note{border-color:#f6d595;background:linear-gradient(180deg,#fffdf8,#fff9ef)}
.gmug-note-body{position:relative;display:flex;align-items:center;justify-content:center;min-height:68px;padding:5px 74px;text-align:center}
.gmug-note-mark{position:absolute;left:10px;top:50%;display:grid;place-items:center;width:54px;height:54px;transform:translateY(-50%);border:1px solid #f6d595;border-radius:15px;background:#fff;color:#173452}
.gmug-note-mark svg{width:28px;height:28px}
.gmug-note-body strong{display:block;color:#102b4a;font-size:14.5px;line-height:1.85;font-weight:900}
.gmug-note-body small{display:block;margin-top:5px;color:#7a889b;font-size:12px;line-height:1.75}

.gmug-group-module{padding:18px}
.gmug-group-head{display:flex;align-items:flex-start;justify-content:center;gap:10px;margin-bottom:14px;text-align:right}
.gmug-group-head>span:last-child{min-width:0}
.gmug-group-head p{margin:3px 0 0!important;color:var(--gmug-muted);font-size:11.5px;line-height:1.75}
.gmug-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gmug-group-card{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:158px;padding:9px 10px 12px;border:1px solid #ffd1d1;border-radius:15px;background:#fff;box-shadow:0 4px 10px rgba(31,50,70,.03);text-align:center}
.gmug-group-image{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffe4e4;border-radius:11px;background:#fff8f8}
.gmug-group-image picture,.gmug-group-image img{display:block;width:100%;height:100%}
.gmug-group-image img{object-fit:contain}
.gmug-group-card strong{display:block;margin-top:8px;font-size:12.5px;line-height:1.7;font-weight:900}
.gmug-avoid{border-color:#ffd5d5;background:linear-gradient(90deg,#fff,#fff8f8)}
.gmug-avoid .gmug-module-icon{border-color:#f1b3b3;color:#e03131}
.gmug-contra{border-color:#ffc9c9;background:linear-gradient(90deg,#fff,#fff5f5)}
.gmug-contra .gmug-module-icon{border-color:#f0a0a0;color:#c92a2a}
.gmug-caution{border-color:#ffe1a7;background:linear-gradient(90deg,#fff,#fffaf1)}
.gmug-caution .gmug-module-icon{border-color:#ffd27f;color:#d98200}
.gmug-caution .gmug-group-card{border-color:#ffe1a7}.gmug-caution .gmug-group-image{border-color:#ffe9bb;background:#fffaf0}

@media (max-width:1040px){
  .gmug .gmug-time-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .gmug button.gmug-time-card{min-height:178px!important}
}
@media (max-width:700px){
  .gmug{margin:12px 0}
  .gmug-intro{margin-bottom:10px;padding:17px 15px;border-radius:16px}
  .gmug-intro h2{font-size:19px!important;line-height:1.7!important}
  .gmug-intro p{font-size:11px;line-height:1.8}
  .gmug-module{margin-bottom:10px;padding:12px;border-radius:15px;box-shadow:none}
  .gmug-module-head{margin-bottom:11px;gap:7px}
  .gmug-module-head h3,.gmug-group-head h3{font-size:13.5px!important;line-height:1.65!important}
  .gmug-module-icon{flex-basis:27px;width:27px;height:27px}
  .gmug-module-icon svg{width:17px;height:17px}
  .gmug-steps{display:block;margin:0 0 9px}
  .gmug-step{display:grid;grid-template-columns:28px 48px 1fr;gap:8px;min-height:62px;margin-bottom:7px;padding:7px;border:1px solid var(--gmug-line);border-radius:11px;text-align:right}
  .gmug-step:not(:last-child):after{display:none}
  .gmug-step-number{position:static;width:25px;height:25px;border:0;font-size:11px}
  .gmug-step-image{width:44px;height:44px;margin:0;border-radius:10px}
  .gmug-step-image img,.gmug-step.mix .gmug-step-image img{max-width:39px;max-height:39px}
  .gmug-step strong{font-size:12px}.gmug-step small{font-size:10px}
  .gmug-stats{gap:7px}
  .gmug-stat{min-height:56px;gap:5px;padding:5px 7px;border-radius:11px}
  .gmug-stat-art{width:43px;height:35px}.gmug-stat-art img{max-width:42px;max-height:34px}
  .gmug-stat-icon{width:25px;height:25px}
  .gmug-stat strong{font-size:11.5px}.gmug-stat small{font-size:9px;line-height:1.5}
  .gmug .gmug-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .gmug button.gmug-time-card{min-height:98px!important;padding:6px!important;border-radius:11px!important}
  .gmug button.gmug-time-card[data-key="off"]{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(126px,42%) minmax(0,1fr)!important;grid-template-rows:1fr 1fr!important;align-items:center!important;column-gap:12px!important;row-gap:0!important;min-height:94px!important;padding:7px!important}
  .gmug .gmug-time-image{flex-basis:56px!important;width:100%!important;height:56px!important;min-height:56px!important;border-radius:8px!important}
  .gmug button.gmug-time-card[data-key="off"] .gmug-time-image{grid-column:1!important;grid-row:1/3!important;display:block!important;width:100%!important;height:78px!important;min-height:78px!important;margin:0!important;border-radius:9px!important}
  .gmug button.gmug-time-card[data-key="off"] .gmug-time-label{grid-column:2!important;grid-row:1!important;align-self:end!important;width:100%!important;margin:0 0 2px!important;font-size:12px!important;line-height:1.65!important;white-space:normal!important;text-align:center!important}
  .gmug button.gmug-time-card[data-key="off"] .gmug-time-icon{grid-column:2!important;grid-row:2!important;align-self:start!important;width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;min-height:30px!important;max-height:30px!important;margin:2px auto 0!important}
  .gmug .gmug-time-label{min-height:17px!important;margin-top:4px!important;font-size:10.5px!important;line-height:1.55!important}
  .gmug .gmug-time-icon{flex-basis:26px!important;width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;min-height:26px!important;max-height:26px!important;margin-top:2px!important}
  .gmug-check{left:5px;top:5px;width:19px;height:19px;border-width:2px;font-size:10px}
  .gmug button.gmug-time-card.is-selected .gmug-check{width:21px!important;height:21px!important;font-size:11px!important}
  .gmug-recommendation{min-height:54px;margin-top:8px;padding:7px 50px 7px 10px;border-radius:13px}
  .gmug-recommendation-text{font-size:10px;line-height:1.8}
  .gmug-recommendation-star{right:7px;width:38px;height:38px;border-width:3px;font-size:17px}
  .gmug-note-body{min-height:55px;padding:4px 40px}
  .gmug-note-mark{left:4px;width:33px;height:33px;border-radius:9px}.gmug-note-mark svg{width:18px;height:18px}
  .gmug-note-body strong{font-size:10.5px}.gmug-note-body small{font-size:9px;line-height:1.65}
  .gmug-group-module{padding:11px}
  .gmug-group-head{justify-content:flex-start;gap:7px;margin-bottom:10px}
  .gmug-group-head p{font-size:9px;line-height:1.6}
  .gmug-group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .gmug-group-card{min-height:150px;padding:6px 4px 8px;border-radius:11px}
  .gmug-group-image{width:62px;max-width:100%;aspect-ratio:9/16;overflow:visible;border:0;border-radius:0;background:transparent}
  .gmug-group-card strong{margin-top:5px;font-size:8.8px;line-height:1.55}
}
@media (max-width:370px){.gmug-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gmug-group-card{min-height:156px}.gmug-group-image{width:68px}}
@media (prefers-reduced-motion:reduce){.gmug-time-card{transition:none}.gmug-time-card:hover{transform:none}}